@algenium/blocks 1.7.0-rc.6 → 1.7.0-rc.7

package/dist/index.cjs

@@ -7634,6 +7634,26 @@ function CardInput({
     )
   ] });
 }
+
+// src/lib/usAddress.ts
+function splitStreet(street) {
+  const trimmed = street.trim();
+  const m = trimmed.match(/^(\S+)\s+(.+)$/);
+  if (m && /^\d/.test(m[1])) {
+    return { number: m[1], name: m[2].trim() };
+  }
+  return { number: "", name: trimmed };
+}
+function joinStreet(streetNumber, streetName) {
+  return [streetNumber, streetName].map((s) => s.trim()).filter((s) => s.length > 0).join(" ");
+}
+function sanitizeForNls(input) {
+  return input.replace(/[^A-Za-z0-9 .,'#\-/]/g, " ").replace(/\s+/g, " ").trim();
+}
+function composeAddressLine1ForNls(v) {
+  const line = [v.streetNumber, v.streetName, v.apt].filter((s) => typeof s === "string" && s.trim().length > 0).join(" ");
+  return sanitizeForNls(line).slice(0, 40);
+}
 function parseInitial(value) {
   if (!value) {
     return {
@@ -7654,6 +7674,28 @@ function parseInitial(value) {
     country: "US"
   };
 }
+function legacyToModern(legacy) {
+  return {
+    street: joinStreet(legacy.streetNumber, legacy.streetName),
+    street2: legacy.apt ?? "",
+    city: legacy.city,
+    state: legacy.state,
+    zip: legacy.zipCode,
+    country: "US"
+  };
+}
+function toLegacy(modern) {
+  const parts = splitStreet(modern.street);
+  return {
+    streetNumber: sanitizeForNls(parts.number),
+    streetName: sanitizeForNls(parts.name),
+    apt: modern.street2 ? sanitizeForNls(modern.street2) : void 0,
+    city: modern.city.trim(),
+    state: modern.state.trim().toUpperCase(),
+    zipCode: modern.zip.replace(/\D/g, "").slice(0, 5),
+    country: "US"
+  };
+}
 function addressSig(a) {
   return JSON.stringify({
     street: a.street.trim(),
@@ -7679,14 +7721,19 @@ function USAddressInput({
   disabled = false,
   largeText = false,
   className,
-  onError
+  onError,
+  legacyMode = false,
+  valueLegacy,
+  onChangeLegacy
 }) {
   const [searchQuery, setSearchQuery] = React2.useState("");
   const [showSuggestions, setShowSuggestions] = React2.useState(false);
   const [suggestions, setSuggestions] = React2.useState([]);
-  const [address, setAddress] = React2.useState(
-    () => parseInitial(value)
-  );
+  const [address, setAddress] = React2.useState(() => {
+    if (value != null) return parseInitial(value);
+    if (valueLegacy != null) return legacyToModern(valueLegacy);
+    return parseInitial(void 0);
+  });
   const [sessionToken] = React2.useState(
     () => typeof crypto !== "undefined" && crypto.randomUUID ? crypto.randomUUID() : `${Date.now()}-${Math.random()}`
   );
@@ -7708,6 +7755,22 @@ function USAddressInput({
   const addressRef = React2.useRef(address);
   addressRef.current = address;
   const lastValidatedSigRef = React2.useRef("");
+  const onChangeLegacyRef = React2.useRef(onChangeLegacy);
+  onChangeLegacyRef.current = onChangeLegacy;
+  const legacyModeRef = React2.useRef(legacyMode);
+  legacyModeRef.current = legacyMode;
+  const emitChange = React2.useRef((next) => {
+    onChange(next);
+    if (legacyModeRef.current && onChangeLegacyRef.current) {
+      onChangeLegacyRef.current(toLegacy(next));
+    }
+  });
+  emitChange.current = (next) => {
+    onChange(next);
+    if (legacyModeRef.current && onChangeLegacyRef.current) {
+      onChangeLegacyRef.current(toLegacy(next));
+    }
+  };
   const debouncedSearch = useDebouncedValue(searchQuery, 400);
   const zipDigits = address.zip.replace(/\D/g, "").slice(0, 5);
   const debouncedZip = useDebouncedValue(zipDigits, 400);
@@ -7724,13 +7787,18 @@ function USAddressInput({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   const valueSyncKey = value == null ? "" : `o:${JSON.stringify(value)}`;
+  const valueLegacySyncKey = value != null || valueLegacy == null ? null : `l:${JSON.stringify(valueLegacy)}`;
   React2.useEffect(() => {
     setAddress(parseInitial(value));
   }, [valueSyncKey]);
+  React2.useEffect(() => {
+    if (valueLegacySyncKey == null) return;
+    setAddress(legacyToModern(valueLegacy));
+  }, [valueLegacySyncKey]);
   const handleFieldChange = (field, fieldValue) => {
     setAddress((prev) => {
       const next = field === "country" ? { ...prev, country: "US" } : { ...prev, [field]: fieldValue };
-      onChange(next);
+      emitChange.current(next);
       return next;
     });
   };
@@ -7802,7 +7870,7 @@ function USAddressInput({
         if (cityEmpty && data.city) next.city = data.city;
         if (stateEmpty && data.state) next.state = data.state;
         next.country = "US";
-        onChange(next);
+        emitChange.current(next);
         return next;
       });
     }).catch(() => {
@@ -7816,7 +7884,6 @@ function USAddressInput({
     debouncedZip,
     allowZipLookup,
     lookupZip,
-    onChange,
     labels.zipLookupFailed,
     onError
   ]);
@@ -7878,7 +7945,7 @@ function USAddressInput({
         country: "US"
       };
       setAddress(normalized);
-      onChange(normalized);
+      emitChange.current(normalized);
       setShowSuggestions(false);
       setSearchQuery("");
       setUspsSuggestion(null);
@@ -7891,7 +7958,7 @@ function USAddressInput({
   const applyUspsSuggestion = () => {
     if (!uspsSuggestion) return;
     setAddress(uspsSuggestion);
-    onChange(uspsSuggestion);
+    emitChange.current(uspsSuggestion);
     setUspsSuggestion(null);
     lastValidatedSigRef.current = addressSig(uspsSuggestion);
     setUspsVerifiedNoChange(true);
@@ -9013,10 +9080,14 @@ exports.USAddressInput = USAddressInput;
 exports.UpcomingEvents = UpcomingEvents;
 exports.buttonVariants = buttonVariants;
 exports.cn = cn;
+exports.composeAddressLine1ForNls = composeAddressLine1ForNls;
 exports.defaultLanguages = defaultLanguages;
 exports.getEnvironmentDotClass = getEnvironmentDotClass;
 exports.getEnvironmentLabel = getEnvironmentLabel;
 exports.isBlocksDataEnvironment = isBlocksDataEnvironment;
+exports.joinStreet = joinStreet;
+exports.sanitizeForNls = sanitizeForNls;
+exports.splitStreet = splitStreet;
 exports.toggleVariants = toggleVariants;
 exports.useCalendarContext = useCalendarContext;
 exports.useChatRoom = useChatRoom;