@nuskin/shipping-address-form 1.5.1 → 1.7.0

package/dist/addressLookup/components/SmartyUSResults.js

@@ -0,0 +1,1001 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _react = require("react");
+var _useSmartyUSLookup = _interopRequireDefault(require("../hooks/useSmartyUSLookup"));
+var _useUSAddressValidation = _interopRequireDefault(require("../hooks/useUSAddressValidation"));
+var _useAddressFieldLabels = _interopRequireDefault(require("../hooks/useAddressFieldLabels"));
+var _useAddressForm = _interopRequireDefault(require("../hooks/useAddressForm"));
+var _useInitialAddressVerification = _interopRequireDefault(require("../hooks/useInitialAddressVerification"));
+var _useAddressMapModal = _interopRequireDefault(require("../hooks/useAddressMapModal"));
+var _addressMapping = require("../utils/addressMapping");
+var _addressWrapper = require("../utils/addressWrapper");
+var _addressStatus = require("../utils/addressStatus");
+var _addressVerification = require("../utils/addressVerification");
+var _validators = require("../utils/validators");
+var _componentPropTypes = require("../utils/componentPropTypes");
+var _LocationPinIcon = _interopRequireDefault(require("./LocationPinIcon"));
+var _foundationUiComponents = require("@nuskin/foundation-ui-components");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const stripGeocode = (address = {}) => {
+  const nextAddress = {
+    ...address
+  };
+  delete nextAddress.latitude;
+  delete nextAddress.longitude;
+  return nextAddress;
+};
+const FIELD_TEST_IDS = {
+  address1: 'qa-address-1',
+  address2: 'qa-address-2',
+  district: 'qa-address-district',
+  region: 'qa-address-region',
+  city: 'qa-address-city',
+  postalCode: 'qa-address-postal-code'
+};
+const FIELD_IDS = {
+  address1: 'address-line-1',
+  address2: 'address-line-2',
+  district: 'address-district',
+  region: 'address-region',
+  city: 'address-city',
+  postalCode: 'address-postal-code'
+};
+const getFieldTestId = field => FIELD_TEST_IDS[field] || `qa-address-${field}`;
+const getFieldId = field => FIELD_IDS[field] || `address-${field}`;
+const LOOKUP_LIST_BUTTON_SELECTOR = '.ns-address-lookup__list-button';
+const SmartyUSResults = ({
+  onSelect,
+  initialAddress = null,
+  entryMode = 'both',
+  requireValidation = true,
+  readOnlyView = false,
+  showManualValidateButton = false,
+  validationRequestId = 0,
+  language = 'en',
+  strings = null,
+  formDefinition = null,
+  deferFormLookup = false
+}) => {
+  var _formDefinition$addre;
+  const [mode, setMode] = (0, _react.useState)(entryMode === 'manual' ? 'manual' : 'autocomplete');
+  const [query, setQuery] = (0, _react.useState)('');
+  const [selectedAddress, setSelectedAddress] = (0, _react.useState)(null);
+  const [selectedUSAddress, setSelectedUSAddress] = (0, _react.useState)(null);
+  const [formData, setFormData] = (0, _react.useState)(initialAddress || {});
+  const [verificationStatus, setVerificationStatus] = (0, _react.useState)((0, _addressVerification.getIncomingVerificationStatus)(initialAddress));
+  const [validationTrigger, setValidationTrigger] = (0, _react.useState)(0);
+  const [validationTriggerSource, setValidationTriggerSource] = (0, _react.useState)(null);
+  const [showValidationSuggestions, setShowValidationSuggestions] = (0, _react.useState)(false);
+  const [mapAddressLines, setMapAddressLines] = (0, _react.useState)([]);
+  const [hasPendingLookupDraft, setHasPendingLookupDraft] = (0, _react.useState)(false);
+  const [touchedFields, setTouchedFields] = (0, _react.useState)({});
+  const [showAllRequiredErrors, setShowAllRequiredErrors] = (0, _react.useState)(false);
+  const [lookupServiceError, setLookupServiceError] = (0, _react.useState)(null);
+  const [validationServiceError, setValidationServiceError] = (0, _react.useState)(null);
+  const shouldSearchRef = (0, _react.useRef)(true);
+  const fieldTimerRef = (0, _react.useRef)(null);
+  const componentRef = (0, _react.useRef)(null);
+  const suggestionsListRef = (0, _react.useRef)(null);
+  const lastCommittedAddressRef = (0, _react.useRef)(initialAddress || {});
+  const lookupDraftOriginalRef = (0, _react.useRef)(initialAddress || {});
+  const appliedSelectionKeyRef = (0, _react.useRef)(null);
+  const mapValidationStartedRef = (0, _react.useRef)(false);
+  const autoApplyValidationStartedRef = (0, _react.useRef)(false);
+  const hasInitializedAddressRef = (0, _react.useRef)(false);
+  (0, _react.useEffect)(() => {
+    if (!initialAddress || hasInitializedAddressRef.current) {
+      return;
+    }
+    hasInitializedAddressRef.current = true;
+    setFormData(initialAddress);
+    setVerificationStatus((0, _addressVerification.getIncomingVerificationStatus)(initialAddress));
+    shouldSearchRef.current = false;
+    lastCommittedAddressRef.current = initialAddress;
+    lookupDraftOriginalRef.current = initialAddress;
+    setTouchedFields({});
+    setShowAllRequiredErrors(false);
+    setLookupServiceError(null);
+    setValidationServiceError(null);
+    setMapAddressLines([]);
+  }, [initialAddress]);
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (fieldTimerRef.current) {
+        clearTimeout(fieldTimerRef.current);
+      }
+    };
+  }, []);
+  const isAutocompleteMode = mode === 'autocomplete';
+  const {
+    labels: fieldLabels,
+    isLoading: areLabelsLoading
+  } = (0, _useAddressFieldLabels.default)('US', language, strings);
+  const shouldLoadAddressForm = !formDefinition && !deferFormLookup;
+  const {
+    addressForm: loadedAddressForm,
+    isLoading: isFormLoading
+  } = (0, _useAddressForm.default)('US', shouldLoadAddressForm);
+  const providedAddressForm = formDefinition !== null && formDefinition !== void 0 && (_formDefinition$addre = formDefinition.addressElements) !== null && _formDefinition$addre !== void 0 && _formDefinition$addre.length ? formDefinition : null;
+  const resolvedAddressForm = providedAddressForm || loadedAddressForm;
+  const allowValidation = requireValidation && !readOnlyView;
+  const lookupField = (resolvedAddressForm === null || resolvedAddressForm === void 0 ? void 0 : resolvedAddressForm.lookupField) || 'address1';
+  const requiredFields = (0, _addressStatus.getRequiredFieldsFromAddressForm)(resolvedAddressForm);
+  const hasEmailField = ((resolvedAddressForm === null || resolvedAddressForm === void 0 ? void 0 : resolvedAddressForm.addressElements) || []).some(field => field.field === 'email');
+  const hasMapCoordinates = (formData === null || formData === void 0 ? void 0 : formData.latitude) !== undefined && (formData === null || formData === void 0 ? void 0 : formData.longitude) !== undefined;
+  const hasLookupValue = Boolean(String((formData === null || formData === void 0 ? void 0 : formData[lookupField]) || '').trim());
+  const canAttemptMap = Boolean(!isAutocompleteMode && hasLookupValue || isAutocompleteMode && ['autocomplete', 'verified'].includes(verificationStatus) && hasLookupValue);
+  const showMapAction = !readOnlyView && (hasMapCoordinates || canAttemptMap);
+  const mapInfoLines = (mapAddressLines.length ? mapAddressLines : [formData.address1, formData.address2, [formData.city, formData.region, formData.postalCode].filter(Boolean).join(' ')]).filter(Boolean);
+  const {
+    mapContainerRef,
+    pendingMapOpen,
+    setPendingMapOpen,
+    setShowMapModal,
+    showMapModal
+  } = (0, _useAddressMapModal.default)({
+    formData,
+    infoLines: mapInfoLines,
+    hasMapCoordinates,
+    openInMapsLabel: fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.openInMaps,
+    shouldPrepareMap: showMapAction
+  });
+  const {
+    suggestions,
+    loading,
+    error,
+    rateLimited
+  } = (0, _useSmartyUSLookup.default)(!readOnlyView && shouldSearchRef.current && isAutocompleteMode ? query : '', selectedUSAddress, 500);
+  const {
+    suggestions: validationSuggestions,
+    loading: validationLoading,
+    error: validationError,
+    rateLimited: validationRateLimited
+  } = (0, _useUSAddressValidation.default)(formData, allowValidation ? validationTrigger : 0);
+  const lookupValue = formData[lookupField];
+  const lookupErrorMessage = lookupServiceError !== null && lookupServiceError !== void 0 && lookupServiceError.rateLimited ? (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.rateLimited) || 'Too many requests. Please wait a moment and try again.' : (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.lookupError) || 'We could not look up that address right now.';
+  const validationErrorMessage = validationServiceError !== null && validationServiceError !== void 0 && validationServiceError.rateLimited ? (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.rateLimited) || 'Too many requests. Please wait a moment and try again.' : (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.validationError) || 'We could not validate that address right now.';
+  (0, _react.useEffect)(() => {
+    if (!validationRequestId) {
+      return;
+    }
+    setShowAllRequiredErrors(true);
+    onSelect === null || onSelect === void 0 || onSelect({
+      type: 'validation-request',
+      address: formData,
+      status: (0, _addressStatus.buildAddressStatus)({
+        countryCode: 'US',
+        addressForm: resolvedAddressForm,
+        formData,
+        verificationStatus,
+        mode,
+        requireValidation: allowValidation
+      })
+    });
+  }, [allowValidation, validationRequestId]);
+  (0, _react.useEffect)(() => {
+    if (!error) {
+      setLookupServiceError(null);
+      return;
+    }
+    setLookupServiceError({
+      rateLimited,
+      rawMessage: error
+    });
+  }, [error, rateLimited]);
+  (0, _react.useEffect)(() => {
+    if (!validationError) {
+      setValidationServiceError(null);
+      return;
+    }
+    setValidationServiceError({
+      rateLimited: validationRateLimited,
+      rawMessage: validationError
+    });
+    setPendingMapOpen(false);
+    mapValidationStartedRef.current = false;
+  }, [validationError, validationRateLimited]);
+  (0, _react.useEffect)(() => {
+    if (!lookupServiceError) {
+      return;
+    }
+    onSelect === null || onSelect === void 0 || onSelect({
+      type: 'lookup-error',
+      address: formData,
+      status: (0, _addressStatus.buildAddressStatus)({
+        countryCode: 'US',
+        addressForm: resolvedAddressForm,
+        formData,
+        verificationStatus,
+        mode,
+        requireValidation: allowValidation
+      }),
+      error: {
+        kind: lookupServiceError.rateLimited ? 'rate-limited' : 'api',
+        source: 'autocomplete',
+        message: lookupErrorMessage
+      }
+    });
+  }, [lookupServiceError]);
+  (0, _react.useEffect)(() => {
+    if (!validationServiceError) {
+      return;
+    }
+    onSelect === null || onSelect === void 0 || onSelect({
+      type: 'validation-error',
+      address: formData,
+      status: (0, _addressStatus.buildAddressStatus)({
+        countryCode: 'US',
+        addressForm: resolvedAddressForm,
+        formData,
+        verificationStatus,
+        mode,
+        requireValidation: allowValidation
+      }),
+      error: {
+        kind: validationServiceError.rateLimited ? 'rate-limited' : 'api',
+        source: 'validation',
+        message: validationErrorMessage
+      }
+    });
+  }, [validationServiceError]);
+  const clearServiceErrors = ({
+    lookup = true,
+    validation = true
+  } = {}) => {
+    if (lookup) {
+      setLookupServiceError(null);
+    }
+    if (validation) {
+      setValidationServiceError(null);
+    }
+  };
+  const stripUnusedEmail = (address = {}) => {
+    if (hasEmailField) {
+      return address;
+    }
+    const nextAddress = {
+      ...address
+    };
+    delete nextAddress.email;
+    return nextAddress;
+  };
+  const buildTrackedAddress = (address = {}, status = 'unverified', source = null) => stripUnusedEmail((0, _addressVerification.withAddressVerification)(address, status, source));
+  const isAcceptableInitialValidationResult = validatedAddress => Boolean(validatedAddress === null || validatedAddress === void 0 ? void 0 : validatedAddress.isDeliverable);
+  const getBestInitialValidationResult = (suggestions = []) => suggestions.find(isAcceptableInitialValidationResult) || null;
+  (0, _useInitialAddressVerification.default)({
+    initialAddress,
+    countryCode: 'US',
+    lookupField,
+    requireValidation: allowValidation,
+    resolvedAddressForm,
+    setValidationServiceError,
+    setShowValidationSuggestions,
+    setValidationTriggerSource,
+    setValidationTrigger
+  });
+  (0, _react.useEffect)(() => {
+    if (validationTrigger > 0 && ['autocomplete', 'map', 'initial'].includes(validationTriggerSource)) {
+      autoApplyValidationStartedRef.current = false;
+    }
+  }, [validationTrigger, validationTriggerSource]);
+  (0, _react.useEffect)(() => {
+    if (validationLoading && validationTriggerSource === 'map') {
+      mapValidationStartedRef.current = true;
+    }
+    if (validationLoading && ['autocomplete', 'map', 'initial'].includes(validationTriggerSource)) {
+      autoApplyValidationStartedRef.current = true;
+    }
+  }, [validationLoading, validationTriggerSource]);
+  (0, _react.useEffect)(() => {
+    if (validationTriggerSource === 'map' && showValidationSuggestions && !validationLoading && validationSuggestions.length === 0 && !validationServiceError && mapValidationStartedRef.current) {
+      setPendingMapOpen(false);
+      mapValidationStartedRef.current = false;
+    }
+  }, [validationLoading, validationSuggestions, validationTriggerSource, showValidationSuggestions, validationServiceError]);
+  (0, _react.useEffect)(() => {
+    if (lookupValue !== undefined && shouldSearchRef.current && !selectedAddress) {
+      setQuery(lookupValue);
+    }
+  }, [lookupValue, selectedAddress]);
+  (0, _react.useEffect)(() => {
+    var _suggestionButtons$;
+    const shouldShowValidationResults = allowValidation && showValidationSuggestions && validationSuggestions.length > 0 && !validationLoading && (!isAutocompleteMode || validationTriggerSource === 'map');
+    if (!shouldShowValidationResults) {
+      return;
+    }
+    const suggestionButtons = getVisibleSuggestionButtons();
+    if (suggestionButtons.length === 0 || suggestionButtons.includes(document.activeElement)) {
+      return;
+    }
+    (_suggestionButtons$ = suggestionButtons[0]) === null || _suggestionButtons$ === void 0 || _suggestionButtons$.focus();
+  }, [isAutocompleteMode, allowValidation, showValidationSuggestions, validationLoading, validationSuggestions, validationTriggerSource]);
+  (0, _react.useEffect)(() => {
+    var _getLookupInputElemen;
+    const shouldRefocusLookupField = isAutocompleteMode && selectedUSAddress && suggestions.length > 0 && !selectedAddress && !loading;
+    if (!shouldRefocusLookupField) {
+      return;
+    }
+    (_getLookupInputElemen = getLookupInputElement()) === null || _getLookupInputElemen === void 0 || _getLookupInputElemen.focus();
+  }, [isAutocompleteMode, selectedUSAddress, suggestions, selectedAddress, loading]);
+  (0, _react.useEffect)(() => {
+    if (!hasPendingLookupDraft || suggestions.length === 0) {
+      return undefined;
+    }
+    const handleDocumentMouseDown = event => {
+      const component = componentRef.current;
+      if (component !== null && component !== void 0 && component.contains(event.target)) {
+        return;
+      }
+      const suggestionsList = suggestionsListRef.current;
+      if ((suggestionsList === null || suggestionsList === void 0 ? void 0 : suggestionsList.contains(event.target)) === false) {
+        shouldSearchRef.current = false;
+        setQuery('');
+        setSelectedAddress(null);
+        setSelectedUSAddress(null);
+        setShowValidationSuggestions(false);
+        setShowMapModal(false);
+        setPendingMapOpen(false);
+        mapValidationStartedRef.current = false;
+        clearServiceErrors();
+        setFormData(lookupDraftOriginalRef.current);
+        setMapAddressLines([]);
+        setHasPendingLookupDraft(false);
+      }
+    };
+    document.addEventListener('pointerdown', handleDocumentMouseDown);
+    return () => {
+      document.removeEventListener('pointerdown', handleDocumentMouseDown);
+    };
+  }, [hasPendingLookupDraft, suggestions]);
+  (0, _react.useEffect)(() => {
+    if (isAutocompleteMode || !showValidationSuggestions || validationLoading || validationSuggestions.length === 0) {
+      return undefined;
+    }
+    const handleDocumentPointerDown = event => {
+      var _componentRef$current;
+      if ((_componentRef$current = componentRef.current) !== null && _componentRef$current !== void 0 && _componentRef$current.contains(event.target)) {
+        return;
+      }
+      setShowValidationSuggestions(false);
+    };
+    document.addEventListener('pointerdown', handleDocumentPointerDown);
+    return () => {
+      document.removeEventListener('pointerdown', handleDocumentPointerDown);
+    };
+  }, [isAutocompleteMode, showValidationSuggestions, validationLoading, validationSuggestions]);
+  (0, _react.useEffect)(() => {
+    if (selectedAddress) {
+      const selectionKey = selectedAddress.street_line ? `${selectedAddress.street_line}|${selectedAddress.secondary || ''}|${selectedAddress.zipcode || ''}` : JSON.stringify(selectedAddress);
+      if (appliedSelectionKeyRef.current === selectionKey) {
+        return;
+      }
+      appliedSelectionKeyRef.current = selectionKey;
+      const config = resolvedAddressForm.addressElements || [];
+      let mapped = {
+        address1: selectedAddress.street_line,
+        address2: selectedAddress.secondary || '',
+        city: selectedAddress.city,
+        region: selectedAddress.state,
+        postalCode: selectedAddress.zipcode
+      };
+
+      // Apply address wrapping if enabled
+      if (resolvedAddressForm.wrapAddress1ToAddress2) {
+        const address1Field = config.find(f => f.field === 'address1');
+        if (address1Field !== null && address1Field !== void 0 && address1Field.maxLength) {
+          const wrapped = (0, _addressWrapper.wrapAddress1ToAddress2)(mapped.address1, mapped.address2, address1Field.maxLength);
+          mapped.address1 = wrapped.address1;
+          mapped.address2 = wrapped.address2;
+        }
+      }
+      const updatedFormData = {
+        ...stripGeocode(formData),
+        ...mapped,
+        email: formData.email
+      };
+      const normalizedFormData = buildTrackedAddress(updatedFormData, 'autocomplete', 'smarty-us');
+      setFormData(normalizedFormData);
+      setMapAddressLines([]);
+      lastCommittedAddressRef.current = normalizedFormData;
+      lookupDraftOriginalRef.current = normalizedFormData;
+      setHasPendingLookupDraft(false);
+      clearServiceErrors();
+      const currentVerificationStatus = 'autocomplete';
+      setVerificationStatus(currentVerificationStatus);
+      onSelect === null || onSelect === void 0 || onSelect({
+        type: 'autocomplete',
+        address: normalizedFormData,
+        status: (0, _addressStatus.buildAddressStatus)({
+          countryCode: 'US',
+          addressForm: resolvedAddressForm,
+          formData: normalizedFormData,
+          verificationStatus: currentVerificationStatus,
+          mode,
+          requireValidation: allowValidation
+        })
+      });
+    }
+  }, [selectedAddress]);
+  const handleInputChange = e => {
+    const value = (0, _validators.normalizeAddressFieldValue)(lookupField, e.target.value);
+    shouldSearchRef.current = true;
+    appliedSelectionKeyRef.current = null;
+    setSelectedAddress(null);
+    setSelectedUSAddress(null);
+    setShowValidationSuggestions(false);
+    setShowMapModal(false);
+    setPendingMapOpen(false);
+    mapValidationStartedRef.current = false;
+    setMapAddressLines([]);
+    setValidationTriggerSource(null);
+    clearServiceErrors();
+    if (!hasPendingLookupDraft) {
+      lookupDraftOriginalRef.current = formData;
+      setHasPendingLookupDraft(true);
+    }
+    const updatedLookupData = stripUnusedEmail({
+      ...stripGeocode(formData),
+      [lookupField]: value
+    });
+    setFormData(buildTrackedAddress(updatedLookupData, 'unverified'));
+    setVerificationStatus('unverified');
+  };
+  const isFieldRequired = field => requiredFields.includes(field);
+  const isFieldBlank = field => String(formData[field] || '').trim() === '';
+  const hasInvalidPostalCodeFormat = field => {
+    if (field !== 'postalCode') {
+      return false;
+    }
+    const value = String(formData.postalCode || '').trim();
+    if (!value || !resolvedAddressForm.postalCodeRegex) {
+      return false;
+    }
+    return !resolvedAddressForm.postalCodeRegex.test((0, _validators.normalizePostalCodeValue)(value));
+  };
+  const hasInvalidEmailFormat = field => {
+    if (field !== 'email') {
+      return false;
+    }
+    const value = String(formData.email || '').trim();
+    if (!value) {
+      return false;
+    }
+    return !(0, _validators.isValidEmail)(value);
+  };
+  const shouldShowFieldError = field => {
+    const shouldShowValidation = Boolean(showAllRequiredErrors || touchedFields[field]);
+    if (!shouldShowValidation) {
+      return false;
+    }
+    const requiredError = isFieldRequired(field) && isFieldBlank(field);
+    return requiredError || hasInvalidPostalCodeFormat(field) || hasInvalidEmailFormat(field);
+  };
+  const handleFieldBlur = field => {
+    if (!isFieldRequired(field) && field !== 'email' && field !== 'postalCode') {
+      return;
+    }
+    setTouchedFields(prev => ({
+      ...prev,
+      [field]: true
+    }));
+  };
+  const getFieldErrorMessage = field => {
+    if (!shouldShowFieldError(field)) {
+      return '';
+    }
+    if (isFieldRequired(field) && isFieldBlank(field)) {
+      return areLabelsLoading ? '' : fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.fieldRequired;
+    }
+    if (hasInvalidPostalCodeFormat(field)) {
+      return areLabelsLoading ? '' : fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.invalidPostalCode;
+    }
+    if (hasInvalidEmailFormat(field)) {
+      return areLabelsLoading ? '' : fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.invalidEmail;
+    }
+    return '';
+  };
+  const hasVisibleFieldError = field => shouldShowFieldError(field);
+  const handleEditableFieldChange = (field, value) => {
+    const normalizedValue = (0, _validators.normalizeAddressFieldValue)(field, value);
+    if (field === lookupField) {
+      setShowValidationSuggestions(false);
+    }
+    clearServiceErrors();
+    setShowMapModal(false);
+    setPendingMapOpen(false);
+    mapValidationStartedRef.current = false;
+    setMapAddressLines([]);
+    const requiredFieldsForVerification = (resolvedAddressForm === null || resolvedAddressForm === void 0 ? void 0 : resolvedAddressForm.requiredFields) || requiredFields;
+    const nextVerificationStatus = (0, _addressVerification.getManualEditVerificationStatus)(verificationStatus, field, lookupField, requiredFieldsForVerification);
+    const updatedFormData = (0, _addressVerification.withManualAddressVerificationEdit)(stripUnusedEmail({
+      ...stripGeocode(formData),
+      [field]: normalizedValue
+    }), field, nextVerificationStatus);
+    setFormData(updatedFormData);
+    setVerificationStatus(nextVerificationStatus);
+    if (fieldTimerRef.current) {
+      clearTimeout(fieldTimerRef.current);
+    }
+    fieldTimerRef.current = setTimeout(() => {
+      const payload = {
+        type: 'field-change',
+        field,
+        value: normalizedValue,
+        address: updatedFormData,
+        status: (0, _addressStatus.buildAddressStatus)({
+          countryCode: 'US',
+          addressForm: resolvedAddressForm,
+          formData: updatedFormData,
+          verificationStatus: nextVerificationStatus,
+          mode,
+          requireValidation: allowValidation
+        })
+      };
+      if (hasEmailField && field === 'email' && value) {
+        payload.isValidEmail = (0, _validators.isValidEmail)(normalizedValue);
+      }
+      onSelect === null || onSelect === void 0 || onSelect(payload);
+    }, 500);
+  };
+  const handleSelect = address => {
+    clearServiceErrors({
+      lookup: true,
+      validation: false
+    });
+    if (address.entries > 1) {
+      shouldSearchRef.current = true;
+      appliedSelectionKeyRef.current = null;
+      setSelectedUSAddress(address);
+      const baseAddress = `${address.street_line} ${address.secondary}`.trim();
+      setQuery(baseAddress);
+    } else {
+      shouldSearchRef.current = false;
+      appliedSelectionKeyRef.current = null;
+      setSelectedUSAddress(null);
+      setSelectedAddress(address);
+      setQuery('');
+    }
+  };
+  const handleValidationSelect = validatedAddress => {
+    var _validatedAddress$met, _validatedAddress$met2;
+    clearServiceErrors({
+      lookup: false,
+      validation: true
+    });
+    const config = resolvedAddressForm.addressElements || [];
+    const {
+      mapped: verifiedMapped,
+      mapAddressLines: nextMapAddressLines
+    } = (0, _addressMapping.buildUSVerifiedAddressMapping)(validatedAddress);
+    let mapped = {
+      ...verifiedMapped
+    };
+    if (resolvedAddressForm.wrapAddress1ToAddress2) {
+      const address1Field = config.find(f => f.field === 'address1');
+      if (address1Field !== null && address1Field !== void 0 && address1Field.maxLength) {
+        const wrapped = (0, _addressWrapper.wrapAddress1ToAddress2)(mapped.address1, mapped.address2, address1Field.maxLength);
+        mapped.address1 = wrapped.address1;
+        mapped.address2 = wrapped.address2;
+      }
+    }
+    const updatedFormData = {
+      ...stripGeocode(formData),
+      ...mapped,
+      email: formData.email,
+      latitude: (_validatedAddress$met = validatedAddress.metadata) === null || _validatedAddress$met === void 0 ? void 0 : _validatedAddress$met.latitude,
+      longitude: (_validatedAddress$met2 = validatedAddress.metadata) === null || _validatedAddress$met2 === void 0 ? void 0 : _validatedAddress$met2.longitude
+    };
+    const normalizedFormData = buildTrackedAddress(updatedFormData, 'verified', 'smarty-us');
+    setShowValidationSuggestions(false);
+    setValidationTriggerSource(null);
+    setMapAddressLines(nextMapAddressLines);
+    setFormData(normalizedFormData);
+    lastCommittedAddressRef.current = normalizedFormData;
+    lookupDraftOriginalRef.current = normalizedFormData;
+    setHasPendingLookupDraft(false);
+    const currentVerificationStatus = 'verified';
+    setVerificationStatus(currentVerificationStatus);
+    autoApplyValidationStartedRef.current = false;
+    if (pendingMapOpen) {
+      setPendingMapOpen(false);
+      mapValidationStartedRef.current = false;
+      setShowMapModal(true);
+    }
+    onSelect === null || onSelect === void 0 || onSelect({
+      type: 'validation',
+      address: normalizedFormData,
+      verification: validatedAddress.analysis,
+      isDeliverable: validatedAddress.isDeliverable,
+      status: (0, _addressStatus.buildAddressStatus)({
+        countryCode: 'US',
+        addressForm: resolvedAddressForm,
+        formData: normalizedFormData,
+        verificationStatus: currentVerificationStatus,
+        mode,
+        requireValidation: allowValidation
+      })
+    });
+  };
+  const handleValidate = () => {
+    if (!allowValidation) {
+      return;
+    }
+    clearServiceErrors({
+      lookup: false,
+      validation: true
+    });
+    setShowValidationSuggestions(true);
+    setValidationTriggerSource('manual');
+    setValidationTrigger(prev => prev + 1);
+  };
+  const handleOpenMap = () => {
+    if (hasMapCoordinates) {
+      setShowMapModal(true);
+      return;
+    }
+    if (!canAttemptMap || validationLoading) {
+      return;
+    }
+    clearServiceErrors({
+      lookup: false,
+      validation: true
+    });
+    mapValidationStartedRef.current = false;
+    setPendingMapOpen(true);
+    setShowValidationSuggestions(true);
+    setValidationTriggerSource('map');
+    setValidationTrigger(prev => prev + 1);
+  };
+  const getFieldKey = fieldConfig => fieldConfig.field;
+  const getSuggestionKey = suggestion => [suggestion.street_line, suggestion.secondary, suggestion.city, suggestion.state, suggestion.zipcode, suggestion.entries].filter(value => value !== undefined && value !== null).join('|');
+  const getValidationSuggestionKey = suggestion => [suggestion.delivery_line_1, suggestion.delivery_line_2, suggestion.last_line, suggestion.dpvMatchCode].filter(value => value !== undefined && value !== null).join('|');
+  const getValidationSummaryTitle = suggestion => {
+    var _suggestion$validatio, _suggestion$validatio2, _suggestion$validatio3, _suggestion$validatio4, _suggestion$validatio5, _suggestion$validatio6, _suggestion$validatio7, _suggestion$validatio8, _suggestion$validatio9;
+    const code = (_suggestion$validatio = suggestion.validationSummary) === null || _suggestion$validatio === void 0 ? void 0 : _suggestion$validatio.code;
+    switch (code) {
+      case 'verified':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usVerified) || ((_suggestion$validatio2 = suggestion.validationSummary) === null || _suggestion$validatio2 === void 0 ? void 0 : _suggestion$validatio2.title) || 'Verified';
+      case 'missing-secondary':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usMissingSecondaryTitle) || ((_suggestion$validatio3 = suggestion.validationSummary) === null || _suggestion$validatio3 === void 0 ? void 0 : _suggestion$validatio3.title) || 'Apartment or suite needed';
+      case 'invalid-secondary-required':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usInvalidSecondaryRequiredTitle) || ((_suggestion$validatio4 = suggestion.validationSummary) === null || _suggestion$validatio4 === void 0 ? void 0 : _suggestion$validatio4.title) || 'Apartment or suite not recognized';
+      case 'invalid-secondary-optional':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usInvalidSecondaryOptionalTitle) || ((_suggestion$validatio5 = suggestion.validationSummary) === null || _suggestion$validatio5 === void 0 ? void 0 : _suggestion$validatio5.title) || 'Unit not recognized';
+      case 'vacant':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usVacantTitle) || ((_suggestion$validatio6 = suggestion.validationSummary) === null || _suggestion$validatio6 === void 0 ? void 0 : _suggestion$validatio6.title) || 'Verified, but marked vacant';
+      case 'no-stat':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usNoStatTitle) || ((_suggestion$validatio7 = suggestion.validationSummary) === null || _suggestion$validatio7 === void 0 ? void 0 : _suggestion$validatio7.title) || 'Verified with caution';
+      case 'not-confirmed':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usNotConfirmedTitle) || ((_suggestion$validatio8 = suggestion.validationSummary) === null || _suggestion$validatio8 === void 0 ? void 0 : _suggestion$validatio8.title) || 'Not verified';
+      default:
+        return ((_suggestion$validatio9 = suggestion.validationSummary) === null || _suggestion$validatio9 === void 0 ? void 0 : _suggestion$validatio9.title) || 'Candidate';
+    }
+  };
+  const getValidationSummaryMessage = suggestion => {
+    var _suggestion$validatio0, _suggestion$validatio1, _suggestion$validatio10, _suggestion$validatio11, _suggestion$validatio12, _suggestion$validatio13, _suggestion$validatio14, _suggestion$validatio15, _suggestion$validatio16;
+    const code = (_suggestion$validatio0 = suggestion.validationSummary) === null || _suggestion$validatio0 === void 0 ? void 0 : _suggestion$validatio0.code;
+    switch (code) {
+      case 'missing-secondary':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usMissingSecondaryMessage) || ((_suggestion$validatio1 = suggestion.validationSummary) === null || _suggestion$validatio1 === void 0 ? void 0 : _suggestion$validatio1.message) || '';
+      case 'invalid-secondary-required':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usInvalidSecondaryRequiredMessage) || ((_suggestion$validatio10 = suggestion.validationSummary) === null || _suggestion$validatio10 === void 0 ? void 0 : _suggestion$validatio10.message) || '';
+      case 'invalid-secondary-optional':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usInvalidSecondaryOptionalMessage) || ((_suggestion$validatio11 = suggestion.validationSummary) === null || _suggestion$validatio11 === void 0 ? void 0 : _suggestion$validatio11.message) || '';
+      case 'vacant':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usVacantMessage) || ((_suggestion$validatio12 = suggestion.validationSummary) === null || _suggestion$validatio12 === void 0 ? void 0 : _suggestion$validatio12.message) || '';
+      case 'no-stat':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usNoStatMessage) || ((_suggestion$validatio13 = suggestion.validationSummary) === null || _suggestion$validatio13 === void 0 ? void 0 : _suggestion$validatio13.message) || '';
+      case 'not-confirmed':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usNotConfirmedMessage) || ((_suggestion$validatio14 = suggestion.validationSummary) === null || _suggestion$validatio14 === void 0 ? void 0 : _suggestion$validatio14.message) || '';
+      case 'verified':
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usVerifiedMessage) || ((_suggestion$validatio15 = suggestion.validationSummary) === null || _suggestion$validatio15 === void 0 ? void 0 : _suggestion$validatio15.message) || '';
+      default:
+        return ((_suggestion$validatio16 = suggestion.validationSummary) === null || _suggestion$validatio16 === void 0 ? void 0 : _suggestion$validatio16.message) || '';
+    }
+  };
+  const renderLookupActions = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "ns-address-lookup__actions",
+    children: [showMapAction && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      type: "button",
+      onClick: handleOpenMap,
+      className: "ns-address-lookup__toggle ns-address-lookup__toggle--icon",
+      title: fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.openInMaps,
+      "aria-label": fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.openInMaps,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LocationPinIcon.default, {
+        className: "ns-address-lookup__icon"
+      })
+    }), !isAutocompleteMode && allowValidation && showManualValidateButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_foundationUiComponents.NsButton, {
+      type: "button",
+      onClick: handleValidate,
+      disabled: validationLoading || !String(formData[lookupField] || '').trim(),
+      variant: "contained",
+      color: "primary",
+      size: "small",
+      children: validationLoading ? 'Validating...' : 'Validate Address'
+    }), entryMode === 'both' && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      type: "button",
+      onClick: () => {
+        setShowValidationSuggestions(false);
+        setShowMapModal(false);
+        setPendingMapOpen(false);
+        mapValidationStartedRef.current = false;
+        setValidationTriggerSource(null);
+        clearServiceErrors();
+        setMode(mode === 'autocomplete' ? 'manual' : 'autocomplete');
+      },
+      className: "ns-address-lookup__toggle",
+      children: mode === 'autocomplete' ? fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.switchToManualEntry : fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.switchToAutocomplete
+    })]
+  });
+  const getLookupInputElement = () => typeof document !== 'undefined' ? document.getElementById(getFieldId(lookupField)) : null;
+  const getVisibleSuggestionButtons = () => {
+    var _componentRef$current2;
+    return Array.from(((_componentRef$current2 = componentRef.current) === null || _componentRef$current2 === void 0 ? void 0 : _componentRef$current2.querySelectorAll(LOOKUP_LIST_BUTTON_SELECTOR)) || []);
+  };
+  const handleLookupInputKeyDown = event => {
+    if (event.key !== 'ArrowDown' && event.key !== 'ArrowUp') {
+      return;
+    }
+    const suggestionButtons = getVisibleSuggestionButtons();
+    if (suggestionButtons.length === 0) {
+      return;
+    }
+    event.preventDefault();
+    const targetButton = event.key === 'ArrowUp' ? suggestionButtons[suggestionButtons.length - 1] : suggestionButtons[0];
+    targetButton === null || targetButton === void 0 || targetButton.focus();
+  };
+  const handleSuggestionButtonKeyDown = (event, index) => {
+    const suggestionButtons = getVisibleSuggestionButtons();
+    if (suggestionButtons.length === 0) {
+      return;
+    }
+    if (event.key === 'ArrowDown') {
+      var _suggestionButtons;
+      event.preventDefault();
+      if (index === suggestionButtons.length - 1) {
+        var _getLookupInputElemen2;
+        (_getLookupInputElemen2 = getLookupInputElement()) === null || _getLookupInputElemen2 === void 0 || _getLookupInputElemen2.focus();
+        return;
+      }
+      (_suggestionButtons = suggestionButtons[index + 1]) === null || _suggestionButtons === void 0 || _suggestionButtons.focus();
+      return;
+    }
+    if (event.key === 'ArrowUp') {
+      var _suggestionButtons2;
+      event.preventDefault();
+      if (index === 0) {
+        var _getLookupInputElemen3;
+        (_getLookupInputElemen3 = getLookupInputElement()) === null || _getLookupInputElemen3 === void 0 || _getLookupInputElemen3.focus();
+        return;
+      }
+      (_suggestionButtons2 = suggestionButtons[index - 1]) === null || _suggestionButtons2 === void 0 || _suggestionButtons2.focus();
+      return;
+    }
+    if (event.key === 'Escape') {
+      var _getLookupInputElemen4;
+      event.preventDefault();
+      (_getLookupInputElemen4 = getLookupInputElement()) === null || _getLookupInputElemen4 === void 0 || _getLookupInputElemen4.focus();
+    }
+  };
+  const renderLookupLists = isLookupField => {
+    if (readOnlyView) {
+      return null;
+    }
+    const shouldShowValidationResults = allowValidation && showValidationSuggestions && (!isAutocompleteMode || validationTriggerSource === 'map');
+    const shouldShowNoResults = shouldShowValidationResults && !validationLoading && validationSuggestions.length === 0 && !validationServiceError && (validationTriggerSource !== 'map' || mapValidationStartedRef.current);
+    if (!isLookupField) {
+      return null;
+    }
+    if (loading && isAutocompleteMode) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "ns-address-lookup__spinner"
+      });
+    }
+    if (suggestions.length > 0 && !selectedAddress && isAutocompleteMode) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        ref: suggestionsListRef,
+        className: "ns-address-lookup__list ns-address-lookup__list--suggestions",
+        children: suggestions.map((suggestion, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+          className: ['ns-address-lookup__list-item', index < suggestions.length - 1 ? 'ns-address-lookup__list-item--divided' : ''].filter(Boolean).join(' '),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+            type: "button",
+            onClick: () => handleSelect(suggestion),
+            onKeyDown: event => handleSuggestionButtonKeyDown(event, index),
+            className: "ns-address-lookup__list-button",
+            children: suggestion.displayText
+          })
+        }, getSuggestionKey(suggestion)))
+      });
+    }
+    if (shouldShowValidationResults && validationSuggestions.length > 0) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        className: "ns-address-lookup__list ns-address-lookup__list--validation-inline",
+        children: validationSuggestions.map((suggestion, index) => {
+          var _suggestion$validatio17;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            className: ['ns-address-lookup__list-item', ((_suggestion$validatio17 = suggestion.validationSummary) === null || _suggestion$validatio17 === void 0 ? void 0 : _suggestion$validatio17.code) === 'not-confirmed' ? 'ns-address-lookup__list-item--not-verified' : '', index < validationSuggestions.length - 1 ? 'ns-address-lookup__list-item--divided' : ''].filter(Boolean).join(' '),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
+              type: "button",
+              onClick: () => handleValidationSelect(suggestion),
+              onKeyDown: event => handleSuggestionButtonKeyDown(event, index),
+              className: "ns-address-lookup__list-button",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "ns-address-lookup__list-title",
+                children: getValidationSummaryTitle(suggestion)
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "ns-address-lookup__list-subtitle",
+                children: suggestion.displayText
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "ns-address-lookup__list-subtitle",
+                children: getValidationSummaryMessage(suggestion)
+              })]
+            })
+          }, getValidationSuggestionKey(suggestion));
+        })
+      });
+    }
+    if (shouldShowNoResults) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "ns-address-lookup__message",
+        children: fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.usNoResults
+      });
+    }
+    return null;
+  };
+  (0, _react.useEffect)(() => {
+    if (['autocomplete', 'map'].includes(validationTriggerSource) && validationSuggestions.length === 1 && autoApplyValidationStartedRef.current) {
+      handleValidationSelect(validationSuggestions[0]);
+    }
+    if (validationTriggerSource === 'initial' && autoApplyValidationStartedRef.current && !validationLoading) {
+      const bestSuggestion = getBestInitialValidationResult(validationSuggestions);
+      if (bestSuggestion) {
+        handleValidationSelect(bestSuggestion);
+        return;
+      }
+      autoApplyValidationStartedRef.current = false;
+      setShowValidationSuggestions(false);
+      setValidationTriggerSource(null);
+    }
+  }, [validationLoading, validationSuggestions, validationTriggerSource]);
+  const renderField = fieldConfig => {
+    const isLookupField = fieldConfig.field === lookupField;
+    const fieldId = getFieldId(fieldConfig.field);
+    const fieldLabel = areLabelsLoading ? '' : (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels[fieldConfig.field]) || fieldConfig.label;
+    const fieldError = getFieldErrorMessage(fieldConfig.field);
+    const isInvalid = hasVisibleFieldError(fieldConfig.field);
+    const isReadOnly = readOnlyView || !fieldConfig.editable && !isLookupField && isAutocompleteMode;
+    const fieldWidth = fieldConfig.width === 'full' ? '100%' : fieldConfig.width === 'third' ? '33.333333%' : '50%';
+    const inputClassName = ['ns-address-lookup__input', isReadOnly ? 'ns-address-lookup__input--readonly' : '', isLookupField && loading ? 'ns-address-lookup__input--loading' : ''].filter(Boolean).join(' ');
+    const labelRowClassName = ['ns-address-lookup__label-row', isLookupField ? '' : 'ns-address-lookup__label-row--field'].filter(Boolean).join(' ');
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "ns-address-lookup__field",
+      style: {
+        width: fieldWidth
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: labelRowClassName,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+          htmlFor: fieldId,
+          className: "MuiFormLabel-root MuiFormLabel-colorPrimary css-1ef1ceb-MuiFormLabel-root",
+          children: [fieldLabel, fieldConfig.required && !areLabelsLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            "aria-hidden": "true",
+            className: "MuiFormLabel-asterisk",
+            children: ' *'
+          })]
+        }), isLookupField && !readOnlyView && renderLookupActions()]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_foundationUiComponents.NsInputField, {
+        id: fieldId,
+        type: "text",
+        value: formData[fieldConfig.field] || '',
+        "aria-invalid": shouldShowFieldError(fieldConfig.field) ? 'true' : undefined,
+        fieldState: isInvalid ? 'error' : undefined,
+        helperText: fieldError || undefined,
+        required: fieldConfig.required,
+        onBlur: () => handleFieldBlur(fieldConfig.field),
+        onKeyDown: isLookupField && !readOnlyView ? handleLookupInputKeyDown : undefined,
+        onChange: e => {
+          const filtered = (0, _validators.filterAllowedCharacters)(e.target.value, fieldConfig.allowedCharacters);
+          if (readOnlyView) {
+            return;
+          }
+          if (isLookupField && isAutocompleteMode) {
+            handleInputChange({
+              ...e,
+              target: {
+                ...e.target,
+                value: filtered
+              }
+            });
+          } else {
+            handleEditableFieldChange(fieldConfig.field, filtered);
+          }
+        },
+        InputProps: {
+          readOnly: isReadOnly
+        },
+        inputProps: {
+          maxLength: fieldConfig.maxLength,
+          'data-testid': getFieldTestId(fieldConfig.field)
+        },
+        className: inputClassName
+      }), renderLookupLists(isLookupField)]
+    }, getFieldKey(fieldConfig));
+  };
+  const renderAddressForm = () => {
+    const config = resolvedAddressForm === null || resolvedAddressForm === void 0 ? void 0 : resolvedAddressForm.addressElements;
+    if (!(config !== null && config !== void 0 && config.length)) {
+      if (isFormLoading) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.loadingAddressForm
+        });
+      }
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "No form available for this country: US"
+      });
+    }
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: config.map(renderField)
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    ref: componentRef,
+    className: "ns-address-lookup__panel",
+    children: [lookupServiceError && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "ns-address-lookup__message",
+      children: lookupErrorMessage
+    }), allowValidation && validationServiceError && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "ns-address-lookup__message",
+      children: validationErrorMessage
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "ns-address-lookup__form",
+      children: renderAddressForm()
+    }), showMapModal && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "ns-address-lookup__modal-backdrop",
+      onClick: () => setShowMapModal(false),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "ns-address-lookup__modal",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.addressLocation,
+        onClick: event => event.stopPropagation(),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "ns-address-lookup__modal-header",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "ns-address-lookup__modal-title",
+            children: fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.addressLocation
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+            type: "button",
+            className: "ns-address-lookup__toggle",
+            "aria-label": "Close",
+            onClick: () => setShowMapModal(false),
+            children: "X"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ref: mapContainerRef,
+          className: "ns-address-lookup__map"
+        })]
+      })
+    })]
+  });
+};
+SmartyUSResults.propTypes = {
+  onSelect: _propTypes.default.func,
+  initialAddress: _componentPropTypes.addressPropType,
+  entryMode: _propTypes.default.oneOf(['both', 'autocomplete', 'manual']),
+  requireValidation: _propTypes.default.bool,
+  readOnlyView: _propTypes.default.bool,
+  showManualValidateButton: _propTypes.default.bool,
+  validationRequestId: _propTypes.default.number,
+  language: _propTypes.default.string,
+  strings: _componentPropTypes.labelStringsPropType,
+  formDefinition: _componentPropTypes.formDefinitionPropType,
+  deferFormLookup: _propTypes.default.bool
+};
+var _default = exports.default = SmartyUSResults;
+//# sourceMappingURL=SmartyUSResults.js.map