@worldcoin/mini-apps-ui-kit-react 1.0.0-canary.16 → 1.0.0-canary.18

package/dist/node_modules/.pnpm/@floating-ui_react-dom@2.1.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.js

@@ -1,207 +1,294 @@
-import { computePosition as I, offset as J, shift as K, flip as N, size as Q, hide as T, arrow as L, limitShift as X } from "../../../../../@floating-ui_dom@1.6.12/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import { autoUpdate as me, platform as pe } from "../../../../../@floating-ui_dom@1.6.12/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
-import * as f from "react";
-import { useLayoutEffect as Y, useEffect as Z } from "react";
-import * as b from "react-dom";
-var w = typeof document < "u" ? Y : Z;
-function R(e, t) {
-  if (e === t)
-    return !0;
-  if (typeof e != typeof t)
-    return !1;
-  if (typeof e == "function" && e.toString() === t.toString())
-    return !0;
-  let n, r, s;
-  if (e && t && typeof e == "object") {
-    if (Array.isArray(e)) {
-      if (n = e.length, n !== t.length) return !1;
-      for (r = n; r-- !== 0; )
-        if (!R(e[r], t[r]))
-          return !1;
-      return !0;
+import { computePosition, offset as offset$1, shift as shift$1, flip as flip$1, size as size$1, hide as hide$1, arrow as arrow$2, limitShift as limitShift$1 } from "../../../../../@floating-ui_dom@1.6.12/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { autoUpdate, platform } from "../../../../../@floating-ui_dom@1.6.12/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import * as React from "react";
+import { useLayoutEffect, useEffect } from "react";
+import * as ReactDOM from "react-dom";
+var index = typeof document !== "undefined" ? useLayoutEffect : useEffect;
+function deepEqual(a, b) {
+  if (a === b) {
+    return true;
+  }
+  if (typeof a !== typeof b) {
+    return false;
+  }
+  if (typeof a === "function" && a.toString() === b.toString()) {
+    return true;
+  }
+  let length;
+  let i;
+  let keys;
+  if (a && b && typeof a === "object") {
+    if (Array.isArray(a)) {
+      length = a.length;
+      if (length !== b.length) return false;
+      for (i = length; i-- !== 0; ) {
+        if (!deepEqual(a[i], b[i])) {
+          return false;
+        }
+      }
+      return true;
+    }
+    keys = Object.keys(a);
+    length = keys.length;
+    if (length !== Object.keys(b).length) {
+      return false;
     }
-    if (s = Object.keys(e), n = s.length, n !== Object.keys(t).length)
-      return !1;
-    for (r = n; r-- !== 0; )
-      if (!{}.hasOwnProperty.call(t, s[r]))
-        return !1;
-    for (r = n; r-- !== 0; ) {
-      const p = s[r];
-      if (!(p === "_owner" && e.$$typeof) && !R(e[p], t[p]))
-        return !1;
+    for (i = length; i-- !== 0; ) {
+      if (!{}.hasOwnProperty.call(b, keys[i])) {
+        return false;
+      }
+    }
+    for (i = length; i-- !== 0; ) {
+      const key = keys[i];
+      if (key === "_owner" && a.$$typeof) {
+        continue;
+      }
+      if (!deepEqual(a[key], b[key])) {
+        return false;
+      }
     }
-    return !0;
+    return true;
   }
-  return e !== e && t !== t;
+  return a !== a && b !== b;
 }
-function A(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
+function getDPR(element) {
+  if (typeof window === "undefined") {
+    return 1;
+  }
+  const win = element.ownerDocument.defaultView || window;
+  return win.devicePixelRatio || 1;
 }
-function v(e, t) {
-  const n = A(e);
-  return Math.round(t * n) / n;
+function roundByDPR(element, value) {
+  const dpr = getDPR(element);
+  return Math.round(value * dpr) / dpr;
 }
-function E(e) {
-  const t = f.useRef(e);
-  return w(() => {
-    t.current = e;
-  }), t;
+function useLatestRef(value) {
+  const ref = React.useRef(value);
+  index(() => {
+    ref.current = value;
+  });
+  return ref;
 }
-function re(e) {
-  e === void 0 && (e = {});
+function useFloating(options) {
+  if (options === void 0) {
+    options = {};
+  }
   const {
-    placement: t = "bottom",
-    strategy: n = "absolute",
-    middleware: r = [],
-    platform: s,
+    placement = "bottom",
+    strategy = "absolute",
+    middleware = [],
+    platform: platform2,
     elements: {
-      reference: p,
-      floating: q
+      reference: externalReference,
+      floating: externalFloating
     } = {},
-    transform: k = !0,
-    whileElementsMounted: D,
-    open: x
-  } = e, [i, O] = f.useState({
+    transform = true,
+    whileElementsMounted,
+    open
+  } = options;
+  const [data, setData] = React.useState({
     x: 0,
     y: 0,
-    strategy: n,
-    placement: t,
+    strategy,
+    placement,
     middlewareData: {},
-    isPositioned: !1
-  }), [M, B] = f.useState(r);
-  R(M, r) || B(r);
-  const [U, V] = f.useState(null), [W, G] = f.useState(null), _ = f.useCallback((o) => {
-    o !== a.current && (a.current = o, V(o));
-  }, []), C = f.useCallback((o) => {
-    o !== d.current && (d.current = o, G(o));
-  }, []), u = p || U, l = q || W, a = f.useRef(null), d = f.useRef(null), y = f.useRef(i), H = D != null, S = E(D), P = E(s), F = E(x), g = f.useCallback(() => {
-    if (!a.current || !d.current)
+    isPositioned: false
+  });
+  const [latestMiddleware, setLatestMiddleware] = React.useState(middleware);
+  if (!deepEqual(latestMiddleware, middleware)) {
+    setLatestMiddleware(middleware);
+  }
+  const [_reference, _setReference] = React.useState(null);
+  const [_floating, _setFloating] = React.useState(null);
+  const setReference = React.useCallback((node) => {
+    if (node !== referenceRef.current) {
+      referenceRef.current = node;
+      _setReference(node);
+    }
+  }, []);
+  const setFloating = React.useCallback((node) => {
+    if (node !== floatingRef.current) {
+      floatingRef.current = node;
+      _setFloating(node);
+    }
+  }, []);
+  const referenceEl = externalReference || _reference;
+  const floatingEl = externalFloating || _floating;
+  const referenceRef = React.useRef(null);
+  const floatingRef = React.useRef(null);
+  const dataRef = React.useRef(data);
+  const hasWhileElementsMounted = whileElementsMounted != null;
+  const whileElementsMountedRef = useLatestRef(whileElementsMounted);
+  const platformRef = useLatestRef(platform2);
+  const openRef = useLatestRef(open);
+  const update = React.useCallback(() => {
+    if (!referenceRef.current || !floatingRef.current) {
       return;
-    const o = {
-      placement: t,
-      strategy: n,
-      middleware: M
+    }
+    const config = {
+      placement,
+      strategy,
+      middleware: latestMiddleware
     };
-    P.current && (o.platform = P.current), I(a.current, d.current, o).then((h) => {
-      const m = {
-        ...h,
+    if (platformRef.current) {
+      config.platform = platformRef.current;
+    }
+    computePosition(referenceRef.current, floatingRef.current, config).then((data2) => {
+      const fullData = {
+        ...data2,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
         // setting it to `true` when `open === false` (must be specified).
-        isPositioned: F.current !== !1
+        isPositioned: openRef.current !== false
       };
-      $.current && !R(y.current, m) && (y.current = m, b.flushSync(() => {
-        O(m);
-      }));
+      if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
+        dataRef.current = fullData;
+        ReactDOM.flushSync(() => {
+          setData(fullData);
+        });
+      }
     });
-  }, [M, t, n, P, F]);
-  w(() => {
-    x === !1 && y.current.isPositioned && (y.current.isPositioned = !1, O((o) => ({
-      ...o,
-      isPositioned: !1
-    })));
-  }, [x]);
-  const $ = f.useRef(!1);
-  w(() => ($.current = !0, () => {
-    $.current = !1;
-  }), []), w(() => {
-    if (u && (a.current = u), l && (d.current = l), u && l) {
-      if (S.current)
-        return S.current(u, l, g);
-      g();
+  }, [latestMiddleware, placement, strategy, platformRef, openRef]);
+  index(() => {
+    if (open === false && dataRef.current.isPositioned) {
+      dataRef.current.isPositioned = false;
+      setData((data2) => ({
+        ...data2,
+        isPositioned: false
+      }));
     }
-  }, [u, l, g, S, H]);
-  const j = f.useMemo(() => ({
-    reference: a,
-    floating: d,
-    setReference: _,
-    setFloating: C
-  }), [_, C]), c = f.useMemo(() => ({
-    reference: u,
-    floating: l
-  }), [u, l]), z = f.useMemo(() => {
-    const o = {
-      position: n,
+  }, [open]);
+  const isMountedRef = React.useRef(false);
+  index(() => {
+    isMountedRef.current = true;
+    return () => {
+      isMountedRef.current = false;
+    };
+  }, []);
+  index(() => {
+    if (referenceEl) referenceRef.current = referenceEl;
+    if (floatingEl) floatingRef.current = floatingEl;
+    if (referenceEl && floatingEl) {
+      if (whileElementsMountedRef.current) {
+        return whileElementsMountedRef.current(referenceEl, floatingEl, update);
+      }
+      update();
+    }
+  }, [referenceEl, floatingEl, update, whileElementsMountedRef, hasWhileElementsMounted]);
+  const refs = React.useMemo(() => ({
+    reference: referenceRef,
+    floating: floatingRef,
+    setReference,
+    setFloating
+  }), [setReference, setFloating]);
+  const elements = React.useMemo(() => ({
+    reference: referenceEl,
+    floating: floatingEl
+  }), [referenceEl, floatingEl]);
+  const floatingStyles = React.useMemo(() => {
+    const initialStyles = {
+      position: strategy,
       left: 0,
       top: 0
     };
-    if (!c.floating)
-      return o;
-    const h = v(c.floating, i.x), m = v(c.floating, i.y);
-    return k ? {
-      ...o,
-      transform: "translate(" + h + "px, " + m + "px)",
-      ...A(c.floating) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: n,
-      left: h,
-      top: m
+    if (!elements.floating) {
+      return initialStyles;
+    }
+    const x = roundByDPR(elements.floating, data.x);
+    const y = roundByDPR(elements.floating, data.y);
+    if (transform) {
+      return {
+        ...initialStyles,
+        transform: "translate(" + x + "px, " + y + "px)",
+        ...getDPR(elements.floating) >= 1.5 && {
+          willChange: "transform"
+        }
+      };
+    }
+    return {
+      position: strategy,
+      left: x,
+      top: y
     };
-  }, [n, k, c.floating, i.x, i.y]);
-  return f.useMemo(() => ({
-    ...i,
-    update: g,
-    refs: j,
-    elements: c,
-    floatingStyles: z
-  }), [i, g, j, c, z]);
+  }, [strategy, transform, elements.floating, data.x, data.y]);
+  return React.useMemo(() => ({
+    ...data,
+    update,
+    refs,
+    elements,
+    floatingStyles
+  }), [data, update, refs, elements, floatingStyles]);
 }
-const ee = (e) => {
-  function t(n) {
-    return {}.hasOwnProperty.call(n, "current");
+const arrow$1 = (options) => {
+  function isRef(value) {
+    return {}.hasOwnProperty.call(value, "current");
   }
   return {
     name: "arrow",
-    options: e,
-    fn(n) {
+    options,
+    fn(state) {
       const {
-        element: r,
-        padding: s
-      } = typeof e == "function" ? e(n) : e;
-      return r && t(r) ? r.current != null ? L({
-        element: r.current,
-        padding: s
-      }).fn(n) : {} : r ? L({
-        element: r,
-        padding: s
-      }).fn(n) : {};
+        element,
+        padding
+      } = typeof options === "function" ? options(state) : options;
+      if (element && isRef(element)) {
+        if (element.current != null) {
+          return arrow$2({
+            element: element.current,
+            padding
+          }).fn(state);
+        }
+        return {};
+      }
+      if (element) {
+        return arrow$2({
+          element,
+          padding
+        }).fn(state);
+      }
+      return {};
     }
   };
-}, fe = (e, t) => ({
-  ...J(e),
-  options: [e, t]
-}), oe = (e, t) => ({
-  ...K(e),
-  options: [e, t]
-}), se = (e, t) => ({
-  ...X(e),
-  options: [e, t]
-}), ie = (e, t) => ({
-  ...N(e),
-  options: [e, t]
-}), ue = (e, t) => ({
-  ...Q(e),
-  options: [e, t]
-}), le = (e, t) => ({
-  ...T(e),
-  options: [e, t]
-}), ce = (e, t) => ({
-  ...ee(e),
-  options: [e, t]
+};
+const offset = (options, deps) => ({
+  ...offset$1(options),
+  options: [options, deps]
+});
+const shift = (options, deps) => ({
+  ...shift$1(options),
+  options: [options, deps]
+});
+const limitShift = (options, deps) => ({
+  ...limitShift$1(options),
+  options: [options, deps]
+});
+const flip = (options, deps) => ({
+  ...flip$1(options),
+  options: [options, deps]
+});
+const size = (options, deps) => ({
+  ...size$1(options),
+  options: [options, deps]
+});
+const hide = (options, deps) => ({
+  ...hide$1(options),
+  options: [options, deps]
+});
+const arrow = (options, deps) => ({
+  ...arrow$1(options),
+  options: [options, deps]
 });
 export {
-  ce as arrow,
-  me as autoUpdate,
-  I as computePosition,
-  ie as flip,
-  le as hide,
-  se as limitShift,
-  fe as offset,
-  pe as platform,
-  oe as shift,
-  ue as size,
-  re as useFloating
+  arrow,
+  autoUpdate,
+  computePosition,
+  flip,
+  hide,
+  limitShift,
+  offset,
+  platform,
+  shift,
+  size,
+  useFloating
 };