@nuskin/shipping-address-form 1.7.8-fixes-2.1 → 1.7.8-fixes-3.2

package/dist/addressLookup/components/SmartyIntlResults.js

@@ -32,12 +32,12 @@ const stripGeocode = (address = {}) => {
   return nextAddress;
 };
 const FIELD_TEST_IDS = {
-  address1: 'qa-address1',
-  address2: 'qa-address2',
-  district: 'qa-address-county',
-  region: 'qa-address-region',
-  city: 'qa-address-city',
-  postalCode: 'qa-address-zip'
+  address1: "qa-address1",
+  address2: "qa-address2",
+  district: "qa-address-county",
+  region: "qa-address-region",
+  city: "qa-address-city",
+  postalCode: "qa-address-zip"
 };
 const FIELD_IDS = {
   address1: 'address-address1',
@@ -49,14 +49,14 @@ const FIELD_IDS = {
 };
 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 LOOKUP_LIST_BUTTON_SELECTOR = ".ns-address-lookup__list-button";
 const SmartyIntlResults = ({
   countryCode,
   onSelect,
   initialAddress = null,
   readOnlyView = false,
   validationRequestId = 0,
-  language = 'en',
+  language = "en",
   strings = null,
   formDefinition = null,
   deferFormLookup = false,
@@ -64,8 +64,8 @@ const SmartyIntlResults = ({
   suppressRequiredFieldsHint = false
 }) => {
   var _formDefinition$addre;
-  const [mode, setMode] = (0, _react.useState)('autocomplete');
-  const [query, setQuery] = (0, _react.useState)('');
+  const [mode, setMode] = (0, _react.useState)("autocomplete");
+  const [query, setQuery] = (0, _react.useState)("");
   const [selectedAddress, setSelectedAddress] = (0, _react.useState)(null);
   const [selectedIntlAddressId, setSelectedIntlAddressId] = (0, _react.useState)(null);
   const [formData, setFormData] = (0, _react.useState)(initialAddress || {});
@@ -113,7 +113,7 @@ const SmartyIntlResults = ({
       }
     };
   }, []);
-  const isAutocompleteMode = mode === 'autocomplete';
+  const isAutocompleteMode = mode === "autocomplete";
   const {
     labels: fieldLabels,
     isLoading: areLabelsLoading
@@ -125,19 +125,19 @@ const SmartyIntlResults = ({
   } = (0, _useAddressForm.default)(countryCode, 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 entryMode = (resolvedAddressForm === null || resolvedAddressForm === void 0 ? void 0 : resolvedAddressForm.entryMode) || 'both';
-  const allowValidation = (resolvedAddressForm === null || resolvedAddressForm === void 0 ? void 0 : resolvedAddressForm.validationMode) !== 'disabled' && !readOnlyView;
-  const lookupField = (resolvedAddressForm === null || resolvedAddressForm === void 0 ? void 0 : resolvedAddressForm.lookupField) || 'address1';
+  const entryMode = (resolvedAddressForm === null || resolvedAddressForm === void 0 ? void 0 : resolvedAddressForm.entryMode) || "both";
+  const allowValidation = (resolvedAddressForm === null || resolvedAddressForm === void 0 ? void 0 : resolvedAddressForm.validationMode) !== "disabled" && !readOnlyView;
+  const lookupField = (resolvedAddressForm === null || resolvedAddressForm === void 0 ? void 0 : resolvedAddressForm.lookupField) || "address1";
   (0, _react.useEffect)(() => {
-    setMode(entryMode === 'manual' ? 'manual' : 'autocomplete');
+    setMode(entryMode === "manual" ? "manual" : "autocomplete");
   }, [entryMode]);
   const requiredFields = (0, _addressStatus.getRequiredFieldsFromAddressForm)(resolvedAddressForm);
-  const hasEmailField = ((resolvedAddressForm === null || resolvedAddressForm === void 0 ? void 0 : resolvedAddressForm.addressElements) || []).some(field => field.field === 'email');
+  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 hasLookupValue = Boolean(String((formData === null || formData === void 0 ? void 0 : formData[lookupField]) || "").trim());
+  const canAttemptMap = Boolean(!isAutocompleteMode && hasLookupValue || isAutocompleteMode && ["autocomplete", "verified", "partial"].includes(verificationStatus) && hasLookupValue);
   const showMapAction = !readOnlyView && (hasMapCoordinates || allowValidation && canAttemptMap);
-  const mapInfoLines = (mapAddressLines.length ? mapAddressLines : [formData.address1, formData.address2, formData.district, [formData.postalCode, formData.city].filter(Boolean).join(' '), formData.region]).filter(Boolean);
+  const mapInfoLines = (mapAddressLines.length ? mapAddressLines : [formData.address1, formData.address2, formData.district, [formData.postalCode, formData.city].filter(Boolean).join(" "), formData.region]).filter(Boolean);
   const {
     mapContainerRef,
     pendingMapOpen,
@@ -156,7 +156,7 @@ const SmartyIntlResults = ({
     loading,
     error,
     rateLimited
-  } = (0, _useSmartyInternationalLookup.default)(!readOnlyView && shouldSearchRef.current && isAutocompleteMode ? query : '', countryCode, selectedIntlAddressId, 500);
+  } = (0, _useSmartyInternationalLookup.default)(!readOnlyView && shouldSearchRef.current && isAutocompleteMode ? query : "", countryCode, selectedIntlAddressId, 500);
   const {
     suggestions: validationSuggestions,
     loading: validationLoading,
@@ -164,8 +164,8 @@ const SmartyIntlResults = ({
     rateLimited: validationRateLimited
   } = (0, _useIntlAddressValidation.default)(formData, countryCode, allowValidation ? validationTrigger : 0, lookupField);
   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.';
+  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;
@@ -180,7 +180,7 @@ const SmartyIntlResults = ({
       requireValidation: allowValidation
     });
     onSelect === null || onSelect === void 0 || onSelect({
-      type: 'validation-request',
+      type: "validation-request",
       address: formData,
       status: currentStatus
     });
@@ -222,7 +222,7 @@ const SmartyIntlResults = ({
       return;
     }
     onSelect === null || onSelect === void 0 || onSelect({
-      type: 'lookup-error',
+      type: "lookup-error",
       address: formData,
       status: (0, _addressStatus.buildAddressStatus)({
         countryCode,
@@ -233,8 +233,8 @@ const SmartyIntlResults = ({
         requireValidation: allowValidation
       }),
       error: {
-        kind: lookupServiceError.rateLimited ? 'rate-limited' : 'api',
-        source: 'autocomplete',
+        kind: lookupServiceError.rateLimited ? "rate-limited" : "api",
+        source: "autocomplete",
         message: lookupErrorMessage
       }
     });
@@ -244,7 +244,7 @@ const SmartyIntlResults = ({
       return;
     }
     onSelect === null || onSelect === void 0 || onSelect({
-      type: 'validation-error',
+      type: "validation-error",
       address: formData,
       status: (0, _addressStatus.buildAddressStatus)({
         countryCode,
@@ -255,8 +255,8 @@ const SmartyIntlResults = ({
         requireValidation: allowValidation
       }),
       error: {
-        kind: validationServiceError.rateLimited ? 'rate-limited' : 'api',
-        source: 'validation',
+        kind: validationServiceError.rateLimited ? "rate-limited" : "api",
+        source: "validation",
         message: validationErrorMessage
       }
     });
@@ -286,10 +286,10 @@ const SmartyIntlResults = ({
     delete nextAddress.email;
     return nextAddress;
   };
-  const buildTrackedAddress = (address = {}, status = 'unverified', source = null) => stripUnusedEmail((0, _addressVerification.withAddressVerification)(address, status, source));
+  const buildTrackedAddress = (address = {}, status = "unverified", source = null) => stripUnusedEmail((0, _addressVerification.withAddressVerification)(address, status, source));
   const isAcceptableInitialValidationResult = validatedAddress => {
     var _validatedAddress$val;
-    return ['verified', 'verified-sub-building-changed'].includes(validatedAddress === null || validatedAddress === void 0 || (_validatedAddress$val = validatedAddress.validationSummary) === null || _validatedAddress$val === void 0 ? void 0 : _validatedAddress$val.code);
+    return ["verified", "verified-sub-building-changed", "partial"].includes(validatedAddress === null || validatedAddress === void 0 || (_validatedAddress$val = validatedAddress.validationSummary) === null || _validatedAddress$val === void 0 ? void 0 : _validatedAddress$val.code);
   };
   (0, _useInitialAddressVerification.default)({
     initialAddress,
@@ -308,12 +308,12 @@ const SmartyIntlResults = ({
       if (suggestions.length === 1 && suggestions[0].isDetailed) {
         setSelectedAddress(suggestions[0]);
         setSelectedIntlAddressId(null);
-        setQuery('');
+        setQuery("");
         setCustomError(null);
       } else if (suggestions.length === 0 && !loading) {
-        setCustomError('Unable to retrieve address details. Please try another address or enter manually.');
+        setCustomError("Unable to retrieve address details. Please try another address or enter manually.");
         setSelectedIntlAddressId(null);
-        setQuery('');
+        setQuery("");
       }
     } else if (suggestions.length > 0 && !suggestions[0].isDetailed && !selectedAddress) {
       setSelectedAddress(null);
@@ -327,7 +327,7 @@ const SmartyIntlResults = ({
   }, [lookupValue, selectedAddress]);
   (0, _react.useEffect)(() => {
     var _suggestionButtons$;
-    const shouldShowValidationResults = allowValidation && showValidationSuggestions && validationSuggestions.length > 0 && !validationLoading && (!isAutocompleteMode || ['map', 'initial'].includes(validationTriggerSource));
+    const shouldShowValidationResults = allowValidation && showValidationSuggestions && validationSuggestions.length > 0 && !validationLoading && (!isAutocompleteMode || ["map", "initial"].includes(validationTriggerSource));
     if (!shouldShowValidationResults) {
       return;
     }
@@ -351,7 +351,7 @@ const SmartyIntlResults = ({
     }
   }, [validationTrigger, validationTriggerSource]);
   (0, _react.useEffect)(() => {
-    if (validationTriggerSource === 'map' && validationLoading) {
+    if (validationTriggerSource === "map" && validationLoading) {
       mapValidationStartedRef.current = true;
     }
     if (validationLoading && ['autocomplete', 'map', 'initial', 'save'].includes(validationTriggerSource)) {
@@ -359,7 +359,7 @@ const SmartyIntlResults = ({
     }
   }, [validationLoading, validationTriggerSource]);
   (0, _react.useEffect)(() => {
-    if (validationTriggerSource === 'map' && mapValidationStartedRef.current && showValidationSuggestions && !validationLoading && validationSuggestions.length === 0) {
+    if (validationTriggerSource === "map" && mapValidationStartedRef.current && showValidationSuggestions && !validationLoading && validationSuggestions.length === 0) {
       setPendingMapOpen(false);
       mapValidationStartedRef.current = false;
     }
@@ -376,7 +376,7 @@ const SmartyIntlResults = ({
       const suggestionsList = suggestionsListRef.current;
       if ((suggestionsList === null || suggestionsList === void 0 ? void 0 : suggestionsList.contains(event.target)) === false) {
         shouldSearchRef.current = false;
-        setQuery('');
+        setQuery("");
         setSelectedAddress(null);
         setSelectedIntlAddressId(null);
         setShowValidationSuggestions(false);
@@ -387,9 +387,9 @@ const SmartyIntlResults = ({
         setHasPendingLookupDraft(false);
       }
     };
-    document.addEventListener('pointerdown', handleDocumentMouseDown);
+    document.addEventListener("pointerdown", handleDocumentMouseDown);
     return () => {
-      document.removeEventListener('pointerdown', handleDocumentMouseDown);
+      document.removeEventListener("pointerdown", handleDocumentMouseDown);
     };
   }, [hasPendingLookupDraft, suggestions]);
   (0, _react.useEffect)(() => {
@@ -403,14 +403,14 @@ const SmartyIntlResults = ({
       }
       setShowValidationSuggestions(false);
     };
-    document.addEventListener('pointerdown', handleDocumentPointerDown);
+    document.addEventListener("pointerdown", handleDocumentPointerDown);
     return () => {
-      document.removeEventListener('pointerdown', handleDocumentPointerDown);
+      document.removeEventListener("pointerdown", handleDocumentPointerDown);
     };
   }, [isAutocompleteMode, showValidationSuggestions, validationLoading, validationSuggestions]);
   (0, _react.useEffect)(() => {
     if (selectedAddress) {
-      const selectionKey = selectedAddress.address_id || `${selectedAddress.street || ''}|${selectedAddress.locality || ''}|${selectedAddress.postal_code || ''}`;
+      const selectionKey = selectedAddress.address_id || `${selectedAddress.street || ""}|${selectedAddress.locality || ""}|${selectedAddress.postal_code || ""}`;
       if (appliedSelectionKeyRef.current === selectionKey) {
         return;
       }
@@ -421,7 +421,7 @@ const SmartyIntlResults = ({
         ...mapped,
         email: formData.email
       };
-      const normalizedFormData = buildTrackedAddress(updatedFormData, 'autocomplete', 'smarty-intl');
+      const normalizedFormData = buildTrackedAddress(updatedFormData, "autocomplete", "smarty-intl");
       setFormData(normalizedFormData);
       setMapAddressLines([]);
       lastCommittedAddressRef.current = normalizedFormData;
@@ -430,10 +430,10 @@ const SmartyIntlResults = ({
       clearServiceErrors({
         custom: true
       });
-      const currentVerificationStatus = 'autocomplete';
+      const currentVerificationStatus = "autocomplete";
       setVerificationStatus(currentVerificationStatus);
       onSelect === null || onSelect === void 0 || onSelect({
-        type: 'autocomplete',
+        type: "autocomplete",
         address: normalizedFormData,
         status: (0, _addressStatus.buildAddressStatus)({
           countryCode,
@@ -452,7 +452,7 @@ const SmartyIntlResults = ({
         // Trigger validation instead of directly selecting.
         // Keep suggestions visible in case multiple candidates are returned.
         setShowValidationSuggestions(true);
-        setValidationTriggerSource('autocomplete');
+        setValidationTriggerSource("autocomplete");
         setValidationTrigger(prev => prev + 1);
       }
     }
@@ -480,26 +480,26 @@ const SmartyIntlResults = ({
       ...stripGeocode(formData),
       [lookupField]: value
     });
-    setFormData(buildTrackedAddress(updatedFormData, 'unverified'));
-    setVerificationStatus('unverified');
+    setFormData(buildTrackedAddress(updatedFormData, "unverified"));
+    setVerificationStatus("unverified");
   };
   const isFieldRequired = field => requiredFields.includes(field);
-  const isFieldBlank = field => String(formData[field] || '').trim() === '';
+  const isFieldBlank = field => String(formData[field] || "").trim() === "";
   const hasInvalidPostalCodeFormat = field => {
-    if (field !== 'postalCode') {
+    if (field !== "postalCode") {
       return false;
     }
-    const value = String(formData.postalCode || '').trim();
+    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') {
+    if (field !== "email") {
       return false;
     }
-    const value = String(formData.email || '').trim();
+    const value = String(formData.email || "").trim();
     if (!value) {
       return false;
     }
@@ -537,7 +537,7 @@ const SmartyIntlResults = ({
   };
   const getFieldErrorMessage = field => {
     if (!shouldShowFieldError(field)) {
-      return '';
+      return "";
     }
     if (isFieldRequired(field) && isFieldBlank(field)) {
       if (areLabelsLoading) {
@@ -548,10 +548,10 @@ const SmartyIntlResults = ({
       return fieldDisplayLabel ? `${fieldDisplayLabel} ${(fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.fieldRequiredSuffix) || 'is required'}` : fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.fieldRequired;
     }
     if (hasInvalidPostalCodeFormat(field)) {
-      return areLabelsLoading ? '' : fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.invalidPostalCode;
+      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 areLabelsLoading ? "" : fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.invalidEmail;
     }
     if (hasIllegalCharacters(field)) {
       return areLabelsLoading ? '' : (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.illegalCharacters) || 'Contains invalid characters.';
@@ -572,11 +572,11 @@ const SmartyIntlResults = ({
       custom: true
     });
     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({
+    const nextVerificationStatus = (0, _addressVerification.getManualEditVerificationStatus)(field, verificationStatus, lookupField, requiredFieldsForVerification);
+    const updatedFormData = (0, _addressVerification.withManualAddressVerificationEdit)(field, stripUnusedEmail({
       ...stripGeocode(formData),
       [field]: normalizedValue
-    }), field, nextVerificationStatus);
+    }), nextVerificationStatus);
     setFormData(updatedFormData);
     setVerificationStatus(nextVerificationStatus);
     if (fieldTimerRef.current) {
@@ -584,7 +584,7 @@ const SmartyIntlResults = ({
     }
     fieldTimerRef.current = setTimeout(() => {
       const payload = {
-        type: 'field-change',
+        type: "field-change",
         field,
         value: normalizedValue,
         address: updatedFormData,
@@ -597,7 +597,7 @@ const SmartyIntlResults = ({
           requireValidation: allowValidation
         })
       };
-      if (hasEmailField && field === 'email' && value) {
+      if (hasEmailField && field === "email" && value) {
         payload.isValidEmail = (0, _validators.isValidEmail)(normalizedValue);
       }
       onSelect === null || onSelect === void 0 || onSelect(payload);
@@ -619,7 +619,7 @@ const SmartyIntlResults = ({
       appliedSelectionKeyRef.current = null;
       setSelectedIntlAddressId(null);
       setSelectedAddress(address);
-      setQuery('');
+      setQuery("");
     }
   };
   const handleValidationSelect = validatedAddress => {
@@ -634,7 +634,7 @@ const SmartyIntlResults = ({
       mapped: formattedMapped,
       mapAddressLines: nextMapAddressLines
     } = (0, _addressMapping.buildIntlConfiguredVerificationMapping)(validatedAddress, resolvedAddressForm);
-    let mapped = (0, _addressMapping.preserveBlankConfiguredMappings)(formattedMapped, formData, config, 'verification');
+    let mapped = (0, _addressMapping.preserveBlankConfiguredMappings)(formattedMapped, formData, config, "verification");
 
     // Preserve user-entered address2 if verification didn't return one
     if (!mapped.address2 && formData.address2) {
@@ -643,7 +643,7 @@ const SmartyIntlResults = ({
 
     // Apply address wrapping if enabled
     if (resolvedAddressForm.wrapAddress1ToAddress2) {
-      const address1Field = config.find(f => f.field === 'address1');
+      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;
@@ -659,12 +659,12 @@ const SmartyIntlResults = ({
     };
     const currentVerificationStatus = (_validatedAddress$ana => {
       switch ((_validatedAddress$ana = validatedAddress.analysis) === null || _validatedAddress$ana === void 0 ? void 0 : _validatedAddress$ana.verification_status) {
-        case 'Verified':
-          return 'verified';
-        case 'Partial':
-          return 'partial';
+        case "Verified":
+          return "verified";
+        case "Partial":
+          return "partial";
         default:
-          return 'unverified';
+          return "unverified";
       }
     })();
     const normalizedFormData = buildTrackedAddress(updatedFormData, currentVerificationStatus, 'smarty-intl');
@@ -693,7 +693,7 @@ const SmartyIntlResults = ({
       validationAttempted: true
     });
     onSelect === null || onSelect === void 0 || onSelect({
-      type: 'validation',
+      type: "validation",
       address: normalizedFormData,
       verification: validatedAddress.analysis,
       status: validationStatus
@@ -716,49 +716,49 @@ const SmartyIntlResults = ({
       custom: false
     });
     setShowValidationSuggestions(true);
-    setValidationTriggerSource('manual');
+    setValidationTriggerSource("manual");
     setValidationTrigger(prev => prev + 1);
   };
   const getFieldKey = fieldConfig => fieldConfig.field;
-  const getSuggestionKey = suggestion => suggestion.address_id || [suggestion.displayText, suggestion.street, suggestion.address_text, suggestion.locality, suggestion.administrative_area, suggestion.postal_code, suggestion.entries].filter(value => value !== undefined && value !== null).join('|');
+  const getSuggestionKey = suggestion => suggestion.address_id || [suggestion.displayText, suggestion.street, suggestion.address_text, suggestion.locality, suggestion.administrative_area, suggestion.postal_code, suggestion.entries].filter(value => value !== undefined && value !== null).join("|");
   const getValidationSuggestionKey = suggestion => {
     var _suggestion$component, _suggestion$component2, _suggestion$component3, _suggestion$component4, _suggestion$component5;
-    return [suggestion.displayText, suggestion.address1, suggestion.address2, suggestion.address3, (_suggestion$component = suggestion.components) === null || _suggestion$component === void 0 ? void 0 : _suggestion$component.thoroughfare, (_suggestion$component2 = suggestion.components) === null || _suggestion$component2 === void 0 ? void 0 : _suggestion$component2.premise, (_suggestion$component3 = suggestion.components) === null || _suggestion$component3 === void 0 ? void 0 : _suggestion$component3.locality, (_suggestion$component4 = suggestion.components) === null || _suggestion$component4 === void 0 ? void 0 : _suggestion$component4.administrative_area, (_suggestion$component5 = suggestion.components) === null || _suggestion$component5 === void 0 ? void 0 : _suggestion$component5.postal_code].filter(value => value !== undefined && value !== null).join('|');
+    return [suggestion.displayText, suggestion.address1, suggestion.address2, suggestion.address3, (_suggestion$component = suggestion.components) === null || _suggestion$component === void 0 ? void 0 : _suggestion$component.thoroughfare, (_suggestion$component2 = suggestion.components) === null || _suggestion$component2 === void 0 ? void 0 : _suggestion$component2.premise, (_suggestion$component3 = suggestion.components) === null || _suggestion$component3 === void 0 ? void 0 : _suggestion$component3.locality, (_suggestion$component4 = suggestion.components) === null || _suggestion$component4 === void 0 ? void 0 : _suggestion$component4.administrative_area, (_suggestion$component5 = suggestion.components) === null || _suggestion$component5 === void 0 ? void 0 : _suggestion$component5.postal_code].filter(value => value !== undefined && value !== null).join("|");
   };
   const getIntlValidationSummaryTitle = suggestion => {
     var _suggestion$validatio, _suggestion$validatio2, _suggestion$validatio3, _suggestion$validatio4, _suggestion$validatio5, _suggestion$validatio6, _suggestion$validatio7;
     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.intlVerifiedTitle) || ((_suggestion$validatio2 = suggestion.validationSummary) === null || _suggestion$validatio2 === void 0 ? void 0 : _suggestion$validatio2.title) || 'Verified';
-      case 'verified-sub-building-changed':
-        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlVerifiedSubBuildingChangedTitle) || ((_suggestion$validatio3 = suggestion.validationSummary) === null || _suggestion$validatio3 === void 0 ? void 0 : _suggestion$validatio3.title) || 'Verified with unit changes';
-      case 'partial':
-        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlPartialTitle) || ((_suggestion$validatio4 = suggestion.validationSummary) === null || _suggestion$validatio4 === void 0 ? void 0 : _suggestion$validatio4.title) || 'Partially verified';
-      case 'ambiguous':
-        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlAmbiguousTitle) || ((_suggestion$validatio5 = suggestion.validationSummary) === null || _suggestion$validatio5 === void 0 ? void 0 : _suggestion$validatio5.title) || 'Multiple matches found';
-      case 'not-verified':
-        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlNotVerifiedTitle) || ((_suggestion$validatio6 = suggestion.validationSummary) === null || _suggestion$validatio6 === void 0 ? void 0 : _suggestion$validatio6.title) || 'Not verified';
+      case "verified":
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlVerifiedTitle) || ((_suggestion$validatio2 = suggestion.validationSummary) === null || _suggestion$validatio2 === void 0 ? void 0 : _suggestion$validatio2.title) || "Verified";
+      case "verified-sub-building-changed":
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlVerifiedSubBuildingChangedTitle) || ((_suggestion$validatio3 = suggestion.validationSummary) === null || _suggestion$validatio3 === void 0 ? void 0 : _suggestion$validatio3.title) || "Verified with unit changes";
+      case "partial":
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlPartialTitle) || ((_suggestion$validatio4 = suggestion.validationSummary) === null || _suggestion$validatio4 === void 0 ? void 0 : _suggestion$validatio4.title) || "Partially verified";
+      case "ambiguous":
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlAmbiguousTitle) || ((_suggestion$validatio5 = suggestion.validationSummary) === null || _suggestion$validatio5 === void 0 ? void 0 : _suggestion$validatio5.title) || "Multiple matches found";
+      case "not-verified":
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlNotVerifiedTitle) || ((_suggestion$validatio6 = suggestion.validationSummary) === null || _suggestion$validatio6 === void 0 ? void 0 : _suggestion$validatio6.title) || "Not verified";
       default:
-        return ((_suggestion$validatio7 = suggestion.validationSummary) === null || _suggestion$validatio7 === void 0 ? void 0 : _suggestion$validatio7.title) || 'Unknown';
+        return ((_suggestion$validatio7 = suggestion.validationSummary) === null || _suggestion$validatio7 === void 0 ? void 0 : _suggestion$validatio7.title) || "Unknown";
     }
   };
   const getIntlValidationSummaryMessage = suggestion => {
     var _suggestion$validatio8, _suggestion$validatio9, _suggestion$validatio0, _suggestion$validatio1, _suggestion$validatio10, _suggestion$validatio11, _suggestion$validatio12;
     const code = (_suggestion$validatio8 = suggestion.validationSummary) === null || _suggestion$validatio8 === void 0 ? void 0 : _suggestion$validatio8.code;
     switch (code) {
-      case 'verified':
-        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlVerifiedMessage) || ((_suggestion$validatio9 = suggestion.validationSummary) === null || _suggestion$validatio9 === void 0 ? void 0 : _suggestion$validatio9.message) || '';
-      case 'verified-sub-building-changed':
-        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlVerifiedSubBuildingChangedMessage) || ((_suggestion$validatio0 = suggestion.validationSummary) === null || _suggestion$validatio0 === void 0 ? void 0 : _suggestion$validatio0.message) || '';
-      case 'partial':
-        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlPartialMessage) || ((_suggestion$validatio1 = suggestion.validationSummary) === null || _suggestion$validatio1 === void 0 ? void 0 : _suggestion$validatio1.message) || '';
-      case 'ambiguous':
-        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlAmbiguousMessage) || ((_suggestion$validatio10 = suggestion.validationSummary) === null || _suggestion$validatio10 === void 0 ? void 0 : _suggestion$validatio10.message) || '';
-      case 'not-verified':
-        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlNotVerifiedMessage) || ((_suggestion$validatio11 = suggestion.validationSummary) === null || _suggestion$validatio11 === void 0 ? void 0 : _suggestion$validatio11.message) || '';
+      case "verified":
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlVerifiedMessage) || ((_suggestion$validatio9 = suggestion.validationSummary) === null || _suggestion$validatio9 === void 0 ? void 0 : _suggestion$validatio9.message) || "";
+      case "verified-sub-building-changed":
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlVerifiedSubBuildingChangedMessage) || ((_suggestion$validatio0 = suggestion.validationSummary) === null || _suggestion$validatio0 === void 0 ? void 0 : _suggestion$validatio0.message) || "";
+      case "partial":
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlPartialMessage) || ((_suggestion$validatio1 = suggestion.validationSummary) === null || _suggestion$validatio1 === void 0 ? void 0 : _suggestion$validatio1.message) || "";
+      case "ambiguous":
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlAmbiguousMessage) || ((_suggestion$validatio10 = suggestion.validationSummary) === null || _suggestion$validatio10 === void 0 ? void 0 : _suggestion$validatio10.message) || "";
+      case "not-verified":
+        return (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.intlNotVerifiedMessage) || ((_suggestion$validatio11 = suggestion.validationSummary) === null || _suggestion$validatio11 === void 0 ? void 0 : _suggestion$validatio11.message) || "";
       default:
-        return ((_suggestion$validatio12 = suggestion.validationSummary) === null || _suggestion$validatio12 === void 0 ? void 0 : _suggestion$validatio12.message) || '';
+        return ((_suggestion$validatio12 = suggestion.validationSummary) === null || _suggestion$validatio12 === void 0 ? void 0 : _suggestion$validatio12.message) || "";
     }
   };
   const handleOpenMap = () => {
@@ -777,7 +777,7 @@ const SmartyIntlResults = ({
     mapValidationStartedRef.current = false;
     setPendingMapOpen(true);
     setShowValidationSuggestions(true);
-    setValidationTriggerSource('map');
+    setValidationTriggerSource("map");
     setValidationTrigger(prev => prev + 1);
   };
   const renderLookupActions = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -794,17 +794,17 @@ const SmartyIntlResults = ({
     }), !isAutocompleteMode && allowValidation && /*#__PURE__*/(0, _jsxRuntime.jsx)(_foundationUiComponents.NsButton, {
       type: "button",
       onClick: handleValidate,
-      disabled: validationLoading || !String(formData[lookupField] || '').trim(),
+      disabled: validationLoading || !String(formData[lookupField] || "").trim(),
       variant: "contained",
       color: "primary",
       size: "small",
       className: "ns-address-lookup__validate-button",
-      children: validationLoading ? (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.validatingAddress) || 'Validating...' : (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.validateAddress) || 'Validate Address'
-    }), entryMode === 'both' && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+      children: validationLoading ? (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.validatingAddress) || "Validating..." : (fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.validateAddress) || "Validate Address"
+    }), entryMode === "both" && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
       type: "button",
       onClick: handleModeSwitch,
       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
+      children: mode === "autocomplete" ? fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.switchToManualEntry : fieldLabels === null || fieldLabels === void 0 ? void 0 : fieldLabels.switchToAutocomplete
     })]
   });
 
@@ -830,7 +830,7 @@ const SmartyIntlResults = ({
     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') {
+    if (event.key !== "ArrowDown" && event.key !== "ArrowUp") {
       return;
     }
     const suggestionButtons = getVisibleSuggestionButtons();
@@ -838,7 +838,7 @@ const SmartyIntlResults = ({
       return;
     }
     event.preventDefault();
-    const targetButton = event.key === 'ArrowUp' ? suggestionButtons[suggestionButtons.length - 1] : suggestionButtons[0];
+    const targetButton = event.key === "ArrowUp" ? suggestionButtons[suggestionButtons.length - 1] : suggestionButtons[0];
     targetButton === null || targetButton === void 0 || targetButton.focus();
   };
   const handleSuggestionButtonKeyDown = (event, index) => {
@@ -846,7 +846,7 @@ const SmartyIntlResults = ({
     if (suggestionButtons.length === 0) {
       return;
     }
-    if (event.key === 'ArrowDown') {
+    if (event.key === "ArrowDown") {
       var _suggestionButtons;
       event.preventDefault();
       if (index === suggestionButtons.length - 1) {
@@ -857,7 +857,7 @@ const SmartyIntlResults = ({
       (_suggestionButtons = suggestionButtons[index + 1]) === null || _suggestionButtons === void 0 || _suggestionButtons.focus();
       return;
     }
-    if (event.key === 'ArrowUp') {
+    if (event.key === "ArrowUp") {
       var _suggestionButtons2;
       event.preventDefault();
       if (index === 0) {
@@ -868,7 +868,7 @@ const SmartyIntlResults = ({
       (_suggestionButtons2 = suggestionButtons[index - 1]) === null || _suggestionButtons2 === void 0 || _suggestionButtons2.focus();
       return;
     }
-    if (event.key === 'Escape') {
+    if (event.key === "Escape") {
       var _getLookupInputElemen4;
       event.preventDefault();
       (_getLookupInputElemen4 = getLookupInputElement()) === null || _getLookupInputElemen4 === void 0 || _getLookupInputElemen4.focus();
@@ -878,8 +878,8 @@ const SmartyIntlResults = ({
     if (readOnlyView) {
       return null;
     }
-    const shouldShowValidationResults = allowValidation && showValidationSuggestions && (!isAutocompleteMode || ['map', 'initial'].includes(validationTriggerSource));
-    const shouldShowNoResults = shouldShowValidationResults && !validationLoading && validationSuggestions.length === 0 && !validationServiceError && (validationTriggerSource !== 'map' || mapValidationStartedRef.current);
+    const shouldShowValidationResults = allowValidation && showValidationSuggestions && (!isAutocompleteMode || ["map", "initial"].includes(validationTriggerSource));
+    const shouldShowNoResults = shouldShowValidationResults && !validationLoading && validationSuggestions.length === 0 && !validationServiceError && (validationTriggerSource !== "map" || mapValidationStartedRef.current);
     if (!isLookupField) {
       return null;
     }
@@ -888,7 +888,7 @@ const SmartyIntlResults = ({
         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(' '),
+          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),
@@ -905,7 +905,7 @@ const SmartyIntlResults = ({
         children: validationSuggestions.map((suggestion, index) => {
           var _suggestion$validatio13;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-            className: ['ns-address-lookup__list-item', ((_suggestion$validatio13 = suggestion.validationSummary) === null || _suggestion$validatio13 === void 0 ? void 0 : _suggestion$validatio13.code) === 'not-verified' ? 'ns-address-lookup__list-item--not-verified' : '', index < validationSuggestions.length - 1 ? 'ns-address-lookup__list-item--divided' : ''].filter(Boolean).join(' '),
+            className: ["ns-address-lookup__list-item", ((_suggestion$validatio13 = suggestion.validationSummary) === null || _suggestion$validatio13 === void 0 ? void 0 : _suggestion$validatio13.code) === "not-verified" ? "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),
@@ -938,14 +938,14 @@ const SmartyIntlResults = ({
     if (['autocomplete', 'map', 'save'].includes(validationTriggerSource) && validationSuggestions.length === 1 && autoApplyValidationStartedRef.current) {
       handleValidationSelect(validationSuggestions[0]);
     }
-    if (validationTriggerSource === 'initial' && validationSuggestions.length === 1 && autoApplyValidationStartedRef.current && isAcceptableInitialValidationResult(validationSuggestions[0])) {
+    if (validationTriggerSource === "initial" && validationSuggestions.length === 1 && autoApplyValidationStartedRef.current && isAcceptableInitialValidationResult(validationSuggestions[0])) {
       handleValidationSelect(validationSuggestions[0]);
     }
   }, [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 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 isValid = (0, _fieldValidation.getIsFieldValid)({
@@ -957,8 +957,8 @@ const SmartyIntlResults = ({
     });
     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' : '', isInvalid ? 'ns-address-lookup__input--invalid' : '', 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(' ');
+    const inputClassName = ["ns-address-lookup__input", isReadOnly ? "ns-address-lookup__input--readonly" : "", isInvalid ? "ns-address-lookup__input--invalid" : "", 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: {