@gaozh1024/photo-picker 0.1.1

package/dist/index.js

@@ -0,0 +1,620 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  MEDIA_PICKER_ROUTES: () => MEDIA_PICKER_ROUTES,
+  PhotoAlbumScreen: () => PhotoAlbumScreen,
+  PhotoCropScreen: () => PhotoCropScreen,
+  clearPhotoAlbumCompleteCallback: () => clearPhotoAlbumCompleteCallback,
+  clearPickerCache: () => clearPickerCache,
+  createCroppedPhotoAlbumItem: () => createCroppedPhotoAlbumItem,
+  formatPhotoPickerText: () => formatPhotoPickerText,
+  getPhotoAlbumCompleteCallback: () => getPhotoAlbumCompleteCallback,
+  isPhotoPickerNativeError: () => isPhotoPickerNativeError,
+  mediaPickerColors: () => mediaPickerColors,
+  normalizeOpenOptions: () => normalizeOpenOptions,
+  normalizePickerMediaType: () => normalizePickerMediaType,
+  pickMedia: () => pickMedia,
+  registerPhotoAlbumCompleteCallback: () => registerPhotoAlbumCompleteCallback,
+  releaseMedia: () => releaseMedia,
+  resolvePhotoPickerUiConfig: () => resolvePhotoPickerUiConfig
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/constants.ts
+var MEDIA_PICKER_ROUTES = {
+  PHOTO_ALBUM: "PhotoAlbum",
+  PHOTO_CROP: "PhotoCrop"
+};
+var mediaPickerColors = {
+  primary: { 500: "#3b82f6" },
+  slate: {
+    50: "#f8fafc",
+    100: "#f1f5f9",
+    200: "#e2e8f0",
+    700: "#334155",
+    800: "#1e293b",
+    900: "#0f172a",
+    950: "#020617"
+  }
+};
+
+// src/screens/PhotoAlbumScreen.tsx
+var import_react = __toESM(require("react"));
+var import_react_native2 = require("react-native");
+
+// src/internal/photoPickerCallbackRegistry.ts
+var callbackRegistry = /* @__PURE__ */ new Map();
+function registerPhotoAlbumCompleteCallback(callback) {
+  const callbackId = `photo-picker-${Date.now()}-${Math.random().toString(36).slice(2, 10)}`;
+  callbackRegistry.set(callbackId, callback);
+  return callbackId;
+}
+function getPhotoAlbumCompleteCallback(callbackId) {
+  return callbackId ? callbackRegistry.get(callbackId) : void 0;
+}
+function clearPhotoAlbumCompleteCallback(callbackId) {
+  if (callbackId) callbackRegistry.delete(callbackId);
+}
+
+// src/native.ts
+var import_react_native = require("react-native");
+var import_expo_modules_core = require("expo-modules-core");
+function getNativeModule() {
+  if (import_react_native.Platform.OS !== "android") {
+    throw new Error(
+      "@gaozh1024/photo-picker currently provides the native system picker on Android only."
+    );
+  }
+  try {
+    return (0, import_expo_modules_core.requireNativeModule)("PhotoPickerModule");
+  } catch {
+    throw new Error(
+      "PhotoPickerModule is unavailable. Rebuild the Android app after installing @gaozh1024/photo-picker."
+    );
+  }
+}
+function pickMedia(options = {}) {
+  return getNativeModule().pickMedia(options);
+}
+function isPhotoPickerNativeError(error, code) {
+  if (!error || typeof error !== "object" || !("code" in error)) return false;
+  const errorCode = error.code;
+  return (errorCode === "PICKER_BUSY" || errorCode === "PICKER_LAUNCH_FAILED" || errorCode === "PICKER_SELECTION_LIMIT_UNSUPPORTED") && (code === void 0 || errorCode === code);
+}
+function releaseMedia(uris) {
+  return getNativeModule().releaseMedia(uris);
+}
+function clearPickerCache() {
+  return getNativeModule().clearPickerCache();
+}
+
+// src/utils/photoPickerFlow.ts
+var DEFAULT_TEXTS = {
+  albumTitle: "\u9009\u62E9\u5A92\u4F53",
+  cropTitle: "\u88C1\u526A\u56FE\u7247",
+  cropConfirmButton: "\u5B8C\u6210",
+  cropSavingButton: "\u4FDD\u5B58\u4E2D",
+  cropCircleHint: "\u62D6\u52A8\u548C\u7F29\u653E\u56FE\u7247\uFF0C\u4F7F\u4E3B\u4F53\u4F4D\u4E8E\u5706\u5F62\u533A\u57DF\u5185",
+  cropRectHint: "\u62D6\u52A8\u548C\u7F29\u653E\u56FE\u7247\uFF0C\u8C03\u6574\u88C1\u526A\u533A\u57DF",
+  cropMissingPhoto: "\u672A\u627E\u5230\u53EF\u88C1\u526A\u56FE\u7247",
+  durationLimitAlertTitle: "\u63D0\u793A",
+  durationLimitAlertMessage: "\u89C6\u9891\u65F6\u957F\u4E0D\u80FD\u8D85\u8FC7 {maxDuration} \u79D2",
+  openAlbumError: "\u6253\u5F00\u7CFB\u7EDF\u9009\u62E9\u5668\u5931\u8D25"
+};
+function normalizeOpenOptions(options) {
+  const requestedMaxSelection = options?.maxSelection ?? 9;
+  const maxSelection = Number.isFinite(requestedMaxSelection) ? Math.max(1, Math.floor(requestedMaxSelection)) : 1;
+  const crop = options?.crop;
+  const allowsMultipleSelection = crop ? false : options?.allowsMultipleSelection ?? maxSelection > 1;
+  return {
+    ...options,
+    crop,
+    maxSelection: crop ? 1 : allowsMultipleSelection ? maxSelection : 1,
+    mediaType: crop ? "photo" : options?.mediaType ?? "all",
+    allowsMultipleSelection
+  };
+}
+function resolvePhotoPickerUiConfig(uiConfig) {
+  return {
+    texts: {
+      ...DEFAULT_TEXTS,
+      ...uiConfig?.texts
+    }
+  };
+}
+function formatPhotoPickerText(template, variables) {
+  return template.replace(/\{(\w+)\}/g, (_, key) => String(variables[key] ?? ""));
+}
+function createCroppedPhotoAlbumItem(photo, manipulated, crop) {
+  const baseName = photo.filename ?? photo.fileName ?? "photo";
+  const croppedName = `${baseName.replace(/\.[^.]+$/, "")}-cropped.jpg`;
+  return {
+    ...photo,
+    id: `${photo.id}-crop-${Date.now()}`,
+    uri: manipulated.uri,
+    localUri: manipulated.uri,
+    filename: croppedName,
+    fileName: croppedName,
+    mimeType: "image/jpeg",
+    width: manipulated.width,
+    height: manipulated.height,
+    edited: true,
+    crop: {
+      ...crop,
+      width: manipulated.width,
+      height: manipulated.height
+    }
+  };
+}
+function normalizePickerMediaType(mediaType) {
+  return mediaType === "photo" || mediaType === "video" || mediaType === "all" ? mediaType : "all";
+}
+
+// src/screens/PhotoAlbumScreen.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function PhotoAlbumScreen({ route, navigation }) {
+  const startedRef = import_react.default.useRef(false);
+  const [errorMessage, setErrorMessage] = import_react.default.useState();
+  const callbackId = route?.params?.callbackId;
+  const options = import_react.default.useMemo(
+    () => normalizeOpenOptions({
+      ...route?.params?.options,
+      maxSelection: route?.params?.options?.maxSelection ?? route?.params?.maxSelection,
+      allowsMultipleSelection: route?.params?.options?.allowsMultipleSelection ?? route?.params?.allowsMultipleSelection,
+      mediaType: route?.params?.options?.mediaType ?? (route?.params?.mediaTypes?.length === 1 ? route.params.mediaTypes[0] : "all")
+    }),
+    [
+      route?.params?.allowsMultipleSelection,
+      route?.params?.maxSelection,
+      route?.params?.mediaTypes,
+      route?.params?.options
+    ]
+  );
+  const uiConfig = import_react.default.useMemo(
+    () => resolvePhotoPickerUiConfig({
+      ...route?.params?.uiConfig,
+      ...options.uiConfig,
+      texts: {
+        ...route?.params?.uiConfig?.texts,
+        ...options.uiConfig?.texts
+      }
+    }),
+    [options.uiConfig, route?.params?.uiConfig]
+  );
+  const routeNames = import_react.default.useMemo(
+    () => ({
+      photoAlbum: route?.params?.routeNames?.photoAlbum ?? MEDIA_PICKER_ROUTES.PHOTO_ALBUM,
+      photoCrop: route?.params?.routeNames?.photoCrop ?? MEDIA_PICKER_ROUTES.PHOTO_CROP
+    }),
+    [route?.params?.routeNames?.photoAlbum, route?.params?.routeNames?.photoCrop]
+  );
+  const close = import_react.default.useCallback(() => {
+    clearPhotoAlbumCompleteCallback(callbackId);
+    navigation?.goBack();
+  }, [callbackId, navigation]);
+  const complete = import_react.default.useCallback(
+    (assets) => {
+      const overLimitVideo = options.maxVideoDuration == null ? void 0 : assets.find(
+        (asset) => asset.mediaType === "video" && (asset.duration ?? 0) > options.maxVideoDuration
+      );
+      if (overLimitVideo) {
+        import_react_native2.Alert.alert(
+          uiConfig.texts.durationLimitAlertTitle,
+          formatPhotoPickerText(uiConfig.texts.durationLimitAlertMessage, {
+            maxDuration: options.maxVideoDuration
+          })
+        );
+        return;
+      }
+      if (options.crop) {
+        const photo = assets[0];
+        if (!photo) return;
+        navigation?.navigate?.(routeNames.photoCrop, {
+          photo,
+          crop: options.crop,
+          quality: options.quality,
+          callbackId,
+          routeNames,
+          uiConfig: options.uiConfig
+        });
+        return;
+      }
+      getPhotoAlbumCompleteCallback(callbackId)?.(assets);
+      clearPhotoAlbumCompleteCallback(callbackId);
+      navigation?.goBack();
+    },
+    [
+      callbackId,
+      navigation,
+      options,
+      routeNames,
+      uiConfig.texts.durationLimitAlertMessage,
+      uiConfig.texts.durationLimitAlertTitle
+    ]
+  );
+  const openPicker = import_react.default.useCallback(async () => {
+    setErrorMessage(void 0);
+    try {
+      const result = await pickMedia({
+        mediaType: options.mediaType,
+        maxSelection: options.maxSelection,
+        allowsMultipleSelection: options.allowsMultipleSelection,
+        cacheMode: "copy"
+      });
+      if (result.cancelled) {
+        close();
+        return;
+      }
+      complete(result.assets);
+    } catch (error) {
+      setErrorMessage(error instanceof Error ? error.message : uiConfig.texts.openAlbumError);
+    }
+  }, [
+    close,
+    complete,
+    options.allowsMultipleSelection,
+    options.maxSelection,
+    options.mediaType,
+    uiConfig.texts.openAlbumError
+  ]);
+  import_react.default.useEffect(() => {
+    if (startedRef.current) return;
+    startedRef.current = true;
+    void openPicker();
+  }, [openPicker]);
+  import_react.default.useEffect(
+    () => () => {
+      if (!options.crop) {
+        clearPhotoAlbumCompleteCallback(callbackId);
+      }
+    },
+    [callbackId, options.crop]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: styles.container, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.ActivityIndicator, { size: "large", color: "#3b82f6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: styles.title, children: errorMessage ? uiConfig.texts.openAlbumError : uiConfig.texts.albumTitle }),
+    errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: styles.message, children: errorMessage }) : null,
+    errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native2.View, { style: styles.actions, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Pressable, { onPress: () => void openPicker(), style: styles.primaryButton, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: styles.primaryButtonText, children: "\u91CD\u8BD5" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Pressable, { onPress: close, style: styles.secondaryButton, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native2.Text, { style: styles.secondaryButtonText, children: "\u53D6\u6D88" }) })
+    ] }) : null
+  ] });
+}
+var styles = import_react_native2.StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 24,
+    backgroundColor: "#f8fafc"
+  },
+  title: { marginTop: 16, color: "#0f172a", fontSize: 16, fontWeight: "600" },
+  message: { marginTop: 8, color: "#64748b", fontSize: 13, lineHeight: 20, textAlign: "center" },
+  actions: { flexDirection: "row", gap: 12, marginTop: 20 },
+  primaryButton: {
+    borderRadius: 8,
+    backgroundColor: "#2563eb",
+    paddingHorizontal: 18,
+    paddingVertical: 10
+  },
+  primaryButtonText: { color: "#ffffff", fontSize: 14, fontWeight: "600" },
+  secondaryButton: {
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: "#cbd5e1",
+    paddingHorizontal: 18,
+    paddingVertical: 10
+  },
+  secondaryButtonText: { color: "#334155", fontSize: 14, fontWeight: "600" }
+});
+
+// src/screens/PhotoCropScreen.tsx
+var import_react2 = __toESM(require("react"));
+var import_react_native3 = require("react-native");
+var import_native2 = require("@react-navigation/native");
+var import_react_native_zoom_toolkit = require("react-native-zoom-toolkit");
+var import_expo_image = require("expo-image");
+var import_expo_image_manipulator = require("expo-image-manipulator");
+var import_react_native_safe_area_context = require("react-native-safe-area-context");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = import_react_native3.Dimensions.get("window");
+var HEADER_ROW_HEIGHT = 48;
+var FOOTER_MIN_HEIGHT = 52;
+var CONTENT_HORIZONTAL_PADDING = 16;
+var CONTENT_VERTICAL_PADDING = 12;
+function getCropBoxSize(aspect, maxWidth, maxHeight) {
+  const ratio = aspect[0] / aspect[1];
+  let width = maxWidth;
+  let height = width / ratio;
+  if (height > maxHeight) {
+    height = maxHeight;
+    width = height * ratio;
+  }
+  return { width: Math.floor(width), height: Math.floor(height) };
+}
+function getImageDisplaySize(imageWidth, imageHeight, cropWidth, cropHeight) {
+  const imageRatio = imageWidth / imageHeight;
+  const cropRatio = cropWidth / cropHeight;
+  return imageRatio > cropRatio ? { width: cropHeight * imageRatio, height: cropHeight } : { width: cropWidth, height: cropWidth / imageRatio };
+}
+function PhotoCropScreen({ route, navigation }) {
+  const insets = (0, import_react_native_safe_area_context.useSafeAreaInsets)();
+  const isFocused = (0, import_native2.useIsFocused)();
+  const cropRef = import_react2.default.useRef(null);
+  const [saving, setSaving] = import_react2.default.useState(false);
+  const [closing, setClosing] = import_react2.default.useState(false);
+  const [contentLayout, setContentLayout] = import_react2.default.useState({ width: 0, height: 0 });
+  const photo = route?.params?.photo;
+  const cropOptions = route?.params?.crop;
+  const callbackId = route?.params?.callbackId;
+  const uiConfig = import_react2.default.useMemo(
+    () => resolvePhotoPickerUiConfig(route?.params?.uiConfig),
+    [route?.params?.uiConfig]
+  );
+  const quality = route?.params?.quality ?? cropOptions?.quality ?? 1;
+  const aspect = cropOptions?.aspect ?? [1, 1];
+  const isCircleCrop = cropOptions?.shape === "circle";
+  const headerHeight = insets.top + HEADER_ROW_HEIGHT;
+  const footerHeight = Math.max(insets.bottom, 16) + FOOTER_MIN_HEIGHT;
+  const cropBox = import_react2.default.useMemo(
+    () => getCropBoxSize(
+      aspect,
+      SCREEN_WIDTH - CONTENT_HORIZONTAL_PADDING * 2,
+      SCREEN_HEIGHT - headerHeight - footerHeight - CONTENT_VERTICAL_PADDING * 2
+    ),
+    [aspect, footerHeight, headerHeight]
+  );
+  const cropFramePosition = import_react2.default.useMemo(
+    () => ({
+      left: Math.max(0, (contentLayout.width - cropBox.width) / 2),
+      top: Math.max(0, (contentLayout.height - cropBox.height) / 2)
+    }),
+    [contentLayout.height, contentLayout.width, cropBox.height, cropBox.width]
+  );
+  const imageSize = import_react2.default.useMemo(
+    () => !photo ? { width: cropBox.width, height: cropBox.height } : getImageDisplaySize(
+      Math.max(photo.width, 1),
+      Math.max(photo.height, 1),
+      cropBox.width,
+      cropBox.height
+    ),
+    [cropBox.height, cropBox.width, photo]
+  );
+  const closeFlow = import_react2.default.useCallback(
+    (count = 1) => {
+      if (closing) return;
+      setClosing(true);
+      requestAnimationFrame(() => {
+        if (count > 1 && navigation?.pop) navigation.pop(count);
+        else navigation?.goBack();
+      });
+    },
+    [closing, navigation]
+  );
+  const handleCancel = import_react2.default.useCallback(() => {
+    clearPhotoAlbumCompleteCallback(callbackId);
+    closeFlow();
+  }, [callbackId, closeFlow]);
+  const handleConfirm = import_react2.default.useCallback(async () => {
+    if (!photo || !cropRef.current || saving) return;
+    setSaving(true);
+    try {
+      const result = cropRef.current.crop();
+      const manipulated = await (0, import_expo_image_manipulator.manipulateAsync)(photo.uri, [{ crop: result.crop }], {
+        compress: quality,
+        format: import_expo_image_manipulator.SaveFormat.JPEG
+      });
+      const croppedPhoto = createCroppedPhotoAlbumItem(photo, manipulated, cropOptions);
+      getPhotoAlbumCompleteCallback(callbackId)?.([croppedPhoto]);
+      clearPhotoAlbumCompleteCallback(callbackId);
+      closeFlow(2);
+    } catch (error) {
+      console.error("[photo-picker] crop failed", error);
+    } finally {
+      setSaving(false);
+    }
+  }, [callbackId, closeFlow, cropOptions, photo, quality, saving]);
+  if (!photo) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.View, { style: styles2.empty, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: styles2.emptyText, children: uiConfig.texts.cropMissingPhoto }) });
+  }
+  const footerHint = isCircleCrop ? uiConfig.texts.cropCircleHint : uiConfig.texts.cropRectHint;
+  const showContent = isFocused && !closing;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: styles2.screen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { style: [styles2.header, { height: headerHeight, paddingTop: insets.top }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Pressable, { onPress: handleCancel, style: styles2.headerButton, accessibilityRole: "button", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: styles2.headerIcon, children: "\xD7" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: styles2.headerTitle, children: uiConfig.texts.cropTitle }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native3.Pressable,
+        {
+          onPress: handleConfirm,
+          style: styles2.headerButton,
+          disabled: saving,
+          accessibilityRole: "button",
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: styles2.headerAction, children: saving ? uiConfig.texts.cropSavingButton : uiConfig.texts.cropConfirmButton })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      import_react_native3.View,
+      {
+        style: styles2.content,
+        onLayout: ({ nativeEvent }) => setContentLayout(nativeEvent.layout),
+        children: [
+          showContent ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_react_native_zoom_toolkit.CropZoom,
+            {
+              ref: cropRef,
+              cropSize: cropBox,
+              resolution: { width: Math.max(photo.width, 1), height: Math.max(photo.height, 1) },
+              children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_expo_image.Image,
+                {
+                  source: { uri: photo.uri },
+                  style: imageSize,
+                  contentFit: "cover",
+                  transition: 0,
+                  cachePolicy: "memory-disk"
+                }
+              )
+            }
+          ) : null,
+          showContent && contentLayout.width > 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native3.View, { pointerEvents: "none", style: styles2.overlay, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react_native3.View,
+              {
+                style: [styles2.mask, { left: 0, top: 0, right: 0, height: cropFramePosition.top }]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react_native3.View,
+              {
+                style: [
+                  styles2.mask,
+                  {
+                    left: 0,
+                    top: cropFramePosition.top,
+                    width: cropFramePosition.left,
+                    height: cropBox.height
+                  }
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react_native3.View,
+              {
+                style: [
+                  styles2.mask,
+                  {
+                    left: cropFramePosition.left + cropBox.width,
+                    top: cropFramePosition.top,
+                    right: 0,
+                    height: cropBox.height
+                  }
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react_native3.View,
+              {
+                style: [
+                  styles2.mask,
+                  { left: 0, right: 0, top: cropFramePosition.top + cropBox.height, bottom: 0 }
+                ]
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react_native3.View,
+              {
+                style: [
+                  styles2.cropFrame,
+                  {
+                    width: cropBox.width,
+                    height: cropBox.height,
+                    left: cropFramePosition.left,
+                    top: cropFramePosition.top,
+                    borderRadius: isCircleCrop ? cropBox.width / 2 : 16
+                  }
+                ]
+              }
+            )
+          ] }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_react_native3.View,
+      {
+        style: [
+          styles2.footer,
+          { minHeight: footerHeight, paddingBottom: Math.max(insets.bottom, 16) }
+        ],
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.Text, { style: styles2.hint, children: footerHint })
+      }
+    )
+  ] });
+}
+var styles2 = import_react_native3.StyleSheet.create({
+  screen: { flex: 1, backgroundColor: "#000000" },
+  empty: { flex: 1, justifyContent: "center", alignItems: "center" },
+  emptyText: { color: "#334155", fontSize: 16 },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 12,
+    backgroundColor: "#000000"
+  },
+  headerButton: { minWidth: 52, height: 40, justifyContent: "center", alignItems: "center" },
+  headerTitle: { color: "#ffffff", fontSize: 18, fontWeight: "600" },
+  headerIcon: { color: "#ffffff", fontSize: 30, lineHeight: 32 },
+  headerAction: { color: "#ffffff", fontSize: 15, fontWeight: "600" },
+  content: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    overflow: "hidden",
+    paddingHorizontal: CONTENT_HORIZONTAL_PADDING,
+    paddingVertical: CONTENT_VERTICAL_PADDING,
+    backgroundColor: "#000000"
+  },
+  overlay: { ...import_react_native3.StyleSheet.absoluteFillObject },
+  mask: { position: "absolute", backgroundColor: "rgba(0,0,0,0.58)" },
+  cropFrame: { position: "absolute", borderWidth: 2, borderColor: "#ffffff" },
+  footer: {
+    alignItems: "center",
+    justifyContent: "center",
+    paddingHorizontal: 16,
+    paddingTop: 12,
+    backgroundColor: "#000000"
+  },
+  hint: { color: "rgba(255,255,255,0.8)" }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MEDIA_PICKER_ROUTES,
+  PhotoAlbumScreen,
+  PhotoCropScreen,
+  clearPhotoAlbumCompleteCallback,
+  clearPickerCache,
+  createCroppedPhotoAlbumItem,
+  formatPhotoPickerText,
+  getPhotoAlbumCompleteCallback,
+  isPhotoPickerNativeError,
+  mediaPickerColors,
+  normalizeOpenOptions,
+  normalizePickerMediaType,
+  pickMedia,
+  registerPhotoAlbumCompleteCallback,
+  releaseMedia,
+  resolvePhotoPickerUiConfig
+});
+//# sourceMappingURL=index.js.map