@algenium/blocks 1.7.0-rc.5 → 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);
@@ -8811,6 +8878,63 @@ function PdfViewer({
     }
   );
 }
+function usePdfViewerDialogScrollLock(active) {
+  React2.useLayoutEffect(() => {
+    if (!active || typeof document === "undefined") return;
+    const html = document.documentElement;
+    const body = document.body;
+    const scrollRoots = [
+      ...document.querySelectorAll("[data-scroll-lock-root]")
+    ];
+    const scrollTopSnapshot = scrollRoots.map((el) => ({
+      el,
+      scrollTop: el.scrollTop
+    }));
+    const targets = /* @__PURE__ */ new Set([html, body, ...scrollRoots]);
+    const snapshot = [...targets].map((el) => ({
+      el,
+      overflow: el.style.overflow,
+      overscrollBehavior: el.style.overscrollBehavior
+    }));
+    const windowScrollY = window.scrollY;
+    for (const el of targets) {
+      el.style.overflow = "hidden";
+      el.style.overscrollBehavior = "none";
+    }
+    const dialogSurfaceSelector = '[data-slot="dialog-content"]';
+    const shouldAllowEventTarget = (target) => target instanceof Element && Boolean(target.closest(dialogSurfaceSelector));
+    const onWheel = (e) => {
+      if (shouldAllowEventTarget(e.target)) return;
+      e.preventDefault();
+    };
+    const onTouchMove = (e) => {
+      if (shouldAllowEventTarget(e.target)) return;
+      e.preventDefault();
+    };
+    window.addEventListener("wheel", onWheel, {
+      capture: true,
+      passive: false
+    });
+    window.addEventListener("touchmove", onTouchMove, {
+      capture: true,
+      passive: false
+    });
+    return () => {
+      window.removeEventListener("wheel", onWheel, { capture: true });
+      window.removeEventListener("touchmove", onTouchMove, {
+        capture: true
+      });
+      for (const { el, overflow, overscrollBehavior } of snapshot) {
+        el.style.overflow = overflow;
+        el.style.overscrollBehavior = overscrollBehavior;
+      }
+      for (const { el, scrollTop } of scrollTopSnapshot) {
+        el.scrollTop = scrollTop;
+      }
+      window.scrollTo(0, windowScrollY);
+    };
+  }, [active]);
+}
 var fullscreenDialogContentClass = "!max-w-none !w-screen !h-screen !p-0 !border-0 !bg-black/95 !rounded-none !top-0 !left-0 !translate-x-0 !translate-y-0 !gap-0 !shadow-none !flex !flex-col data-[state=open]:!zoom-in-100 data-[state=closed]:!zoom-out-100";
 function PdfViewerDialog({
   open,
@@ -8826,6 +8950,7 @@ function PdfViewerDialog({
   const closeLabel = labels?.close ?? "Close";
   const dialogTitle = labels?.dialogTitle ?? title ?? "PDF document";
   const dialogDescription = labels?.dialogDescription ?? "Document viewer with zoom and page navigation.";
+  usePdfViewerDialogScrollLock(open);
   const {
     className: forwardedClassName,
     toolbarClassName: forwardedToolbarClassName,
@@ -8955,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;