@moonpay/platform-sdk-react-native 1.2.0 → 1.4.0

package/dist/index.js

@@ -116,6 +116,8 @@ var buyButtonSpec = {
   },
   mapMessage: (msg) => {
     switch (msg.kind) {
+      case "ready":
+        return { kind: "ready" };
       case "complete":
         return { kind: "complete", payload: msg.payload };
       case "challenge":
@@ -893,7 +895,34 @@ import {
   useWindowDimensions,
   View as View2
 } from "react-native";
+
+// src/sheet-presentation.ts
+var NOOP = {
+  present: false,
+  liftSpinner: false,
+  dismissSilent: false,
+  close: false
+};
+function resolvePresentation(phase, signal) {
+  if (phase === "closed")
+    return { phase: "closed", ...NOOP };
+  switch (signal) {
+    case "ready":
+      return { ...NOOP, phase: "presented", present: phase === "hidden", liftSpinner: true };
+    case "grace":
+      if (phase === "presented")
+        return { phase: "presented", ...NOOP };
+      return { ...NOOP, phase: "presented", present: true };
+    case "terminal":
+      if (phase === "hidden")
+        return { ...NOOP, phase: "closed", dismissSilent: true };
+      return { ...NOOP, phase: "closed", close: true };
+  }
+}
+
+// src/VisibleFrameSlotSheet.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var PRESENT_GRACE_MS = 3e3;
 function animateSheet(value, toValue, onDone) {
   const animation = Platform.OS === "android" ? Animated.timing(value, {
     toValue,
@@ -920,6 +949,8 @@ function VisibleFrameSlotSheet({
   const sheetHeight = Math.round(height * 0.9);
   const translateY = useRef2(new Animated.Value(sheetHeight)).current;
   const [frameReady, setFrameReady] = useState(false);
+  const [presented, setPresented] = useState(false);
+  const phaseRef = useRef2("hidden");
   const onCloseRef = useRef2(onClose);
   onCloseRef.current = onClose;
   const closingRef = useRef2(false);
@@ -927,6 +958,7 @@ function VisibleFrameSlotSheet({
     if (closingRef.current)
       return;
     closingRef.current = true;
+    phaseRef.current = "closed";
     animateSheet(translateY, sheetHeight, ({ finished }) => {
       if (finished)
         onCloseRef.current();
@@ -964,24 +996,42 @@ function VisibleFrameSlotSheet({
     }),
     [translateY, sheetHeight, close]
   );
+  const dispatch = useCallback(
+    (signal) => {
+      const result = resolvePresentation(phaseRef.current, signal);
+      phaseRef.current = result.phase;
+      if (result.present) {
+        setPresented(true);
+        animateSheet(translateY, 0);
+      }
+      if (result.liftSpinner)
+        setFrameReady(true);
+      if (result.dismissSilent)
+        onCloseRef.current();
+      if (result.close)
+        close();
+    },
+    [translateY, close]
+  );
   useEffect2(() => {
-    animateSheet(translateY, 0);
-  }, [translateY]);
+    const timer = setTimeout(() => dispatch("grace"), PRESENT_GRACE_MS);
+    return () => clearTimeout(timer);
+  }, [dispatch]);
   useEffect2(() => {
     const unsubscribe = slot.transport.onMessage((msg) => {
       if (msg.kind === "ready")
-        setFrameReady(true);
+        dispatch("ready");
       else if (msg.kind === "complete" || msg.kind === "error")
-        close();
+        dispatch("terminal");
     });
     return unsubscribe;
-  }, [slot.transport, close]);
+  }, [slot.transport, dispatch]);
   const backdropOpacity = translateY.interpolate({
     inputRange: [0, sheetHeight],
     outputRange: [1, 0],
     extrapolate: "clamp"
   });
-  return /* @__PURE__ */ jsx2(Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: close, children: /* @__PURE__ */ jsxs(View2, { style: styles.root, children: [
+  return /* @__PURE__ */ jsx2(Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: close, children: /* @__PURE__ */ jsxs(View2, { style: styles.root, pointerEvents: presented ? "auto" : "none", children: [
     /* @__PURE__ */ jsx2(Animated.View, { style: [styles.backdrop, { opacity: backdropOpacity }], children: /* @__PURE__ */ jsx2(
       Pressable,
       {