@pelican-identity/react-native 1.2.0

package/README.md

@@ -0,0 +1,483 @@
+# Pelican Identity React Native SDK
+
+React Native SDK for Pelican authentication and identity verification
+
+## Installation
+
+### Using npm
+
+```bash
+npm install @pelican-identity/react-native react-native-get-random-values
+
+```
+
+### Using yarn
+
+```bash
+yarn add @pelican-identity/react-native react-native-get-random-values
+```
+
+### Using pnpm
+
+```bash
+pnpm add @pelican-identity/react-native react-native-get-random-values
+```
+
+---
+
+## Required Setup
+
+### 1. Set your app’s bundle identifier
+
+You must configure your bundle identifier in your app and pass it explicitly to Pelican.
+**Expo (`app.json` or `app.config.js`):**
+
+```json
+{
+  "expo": {
+    "name": "MyApp",
+    "ios": {
+      "bundleIdentifier": "com.yourcompany.myapp"
+    },
+    "android": {
+      "package": "com.yourcompany.myapp"
+    }
+  }
+}
+```
+
+**Bare React Native:**
+
+- **iOS:** Xcode → Target → General → Bundle Identifier
+- **Android:** `android/app/build.gradle` → `applicationId`
+
+---
+
+### 2. Import crypto polyfill (Important)
+
+In your app’s entry file (`App.tsx`, `index.js`, or `layout.tsx`), import this **before anything else**:
+
+```ts
+import "react-native-get-random-values"; // Must be first
+```
+
+---
+
+### 3. Whitelist your app in Pelican Dashboard
+
+Add your app’s bundle identifier (example: `com.yourcompany.myapp`) to your project’s whitelist in the Pelican dashboard.
+
+Pelican validates **explicit app identity** on every authentication attempt.
+
+---
+
+### 4. Callback URL Configuration
+
+The `callBackUrl` defines where the Pelican vault app redirects after authentication, this must be the same page/screen where you have initialized the SDK, if this is not provided, SDK will attempt to authenticate **ONCE** when the app is reopened.
+
+### Expo Go (development)
+
+```ts
+callBackUrl = "exp://192.168.1.100:8081";
+```
+
+Use your **local IP** and Expo dev server port.
+
+### Expo standalone builds
+
+```ts
+callBackUrl = "myapp://auth-callback";
+```
+
+In `app.json`:
+
+```json
+{
+  "expo": {
+    "scheme": "myapp"
+  }
+}
+```
+
+### Bare React Native
+
+```ts
+callBackUrl = "myapp://auth-callback";
+```
+
+Configure deep linking:
+
+- **iOS:** Xcode → Info → URL Types
+- **Android:** `AndroidManifest.xml` intent filter
+
+---
+
+## Usage
+
+### Basic Usage
+
+```tsx
+import React from "react";
+import { View } from "react-native";
+import { PelicanAuth } from "@pelican-identity/react-native";
+
+export default function App() {
+  return (
+    <View style={{ flex: 1 }}>
+      <PelicanAuth
+        publicKey="your-business-public-key"
+        projectId="your-project-id"
+        appId="com.yourcompany.myapp"
+        authType="signup"
+        callBackUrl="myapp://auth-callback"
+        onSuccess={(data) => {
+          console.log("Authentication successful:", data);
+        }}
+        onError={(error) => {
+          console.error("Authentication failed:", error);
+        }}
+      />
+    </View>
+  );
+}
+```
+
+---
+
+## Complete Example
+
+```tsx
+import React, { useState } from "react";
+import { View, Text, StyleSheet } from "react-native";
+import { PelicanAuth } from "@pelican-identity/react-native";
+
+export default function LoginScreen() {
+  const [user, setUser] = useState(null);
+  const [error, setError] = useState<string | null>(null);
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Login to MyApp</Text>
+
+      <PelicanAuth
+        publicKey="your-business-public-key"
+        projectId="your-project-id"
+        appId="com.yourcompany.myapp"
+        authType="login"
+        callBackUrl="myapp://auth-callback"
+        onSuccess={(data) => {
+          setUser(data);
+          // Send user data to your backend
+          setError(null);
+        }}
+        onError={(err) => {
+          setError(err.message);
+          setUser(null);
+        }}
+      />
+
+      {user && <Text style={styles.success}>Authenticated successfully</Text>}
+
+      {error && <Text style={styles.error}>{error}</Text>}
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1, justifyContent: "center", alignItems: "center" },
+  title: { fontSize: 22, fontWeight: "bold", marginBottom: 20 },
+  success: { color: "green", marginTop: 20 },
+  error: { color: "red", marginTop: 20 },
+});
+```
+
+---
+
+## API Reference
+
+### `PelicanAuth`
+
+Main authentication component.
+
+#### Props
+
+| Prop              | Type                                       | Required | Description                                         |
+| ----------------- | ------------------------------------------ | -------- | --------------------------------------------------- |
+| `publicKey`       | `string`                                   | ✅       | Business public key from Pelican dashboard          |
+| `projectId`       | `string`                                   | ✅       | Project ID from Pelican dashboard                   |
+| `appId`           | `string`                                   | ✅       | App bundle identifier                               |
+| `authType`        | `"signup" \| "login" \| "id-verification"` | ✅       | Authentication flow                                 |
+| `onSuccess`       | `(data: IdentityResult) => void`           | ✅       | Success callback containing authenticated user data |
+| `callBackUrl`     | `string`                                   | Optional | Deeplink to return to app                           |
+| `onError`         | `(error) => void`                          | Optional | Error callback                                      |
+| `onLoading`       | `(loading: boolean) => void`               | Optional | Loading callback, useful for loading stares         |
+| `buttonComponent` | `ReactNode`                                | Optional | Custom trigger UI                                   |
+
+> If `appId` is missing or does not match the whitelisted value, Pelican will fail immediately.
+
+### Best practice
+
+Fetch your Pelican configuration (public key, project ID) from your backend at runtime instead of hard-coding them into your mobile app.
+
+---
+
+# Authentication Response
+
+When authentication completes successfully, Pelican returns a structured **identity result** to your application via the `onSuccess` callback.
+
+This response contains a **deterministic user identifier** for your business, along with optional verified user data and identity verification (KYC) information depending on the authentication flow used.
+
+---
+
+## Success Callback
+
+```ts
+onSuccess: (result: IdentityResult) => void;
+```
+
+---
+
+## IdentityResult
+
+```ts
+interface IdentityResult {
+  /** Deterministic unique user identifier specific to your business */
+  user_id: string;
+
+  /** Basic user profile and contact information (if available) */
+  user_data?: IUserData;
+
+  /** Identity document and liveness verification data */
+  id_verification: IKycData;
+
+  /** Download URLs for verified identity documents */
+  id_downloadurls?: {
+    front_of_card?: string;
+    back_of_card?: string;
+  };
+}
+```
+
+---
+
+## `user_id`
+
+- A **stable, deterministic identifier** generated by Pelican.
+- Unique **per business**, not global.
+- Safe to store and use as your internal user reference.
+- Does **not** expose personally identifiable information (PII).
+
+> This identifier remains the same for the same user across future authentications within your business.
+
+---
+
+## User Data (`user_data`)
+
+Returned when available and permitted by the authentication flow.
+
+```ts
+interface IUserData {
+  first_name?: string;
+  last_name?: string;
+  other_names?: string;
+  email?: IEmail;
+  phone?: IPhone;
+  dob?: string | Date;
+  gender?: "male" | "female" | "other";
+  country?: string;
+  state?: string;
+  city?: string;
+  address?: string;
+  occupation?: string;
+  company?: string;
+  website?: string;
+}
+```
+
+### Email
+
+```ts
+interface IEmail {
+  id: number;
+  value: string;
+  verifiedAt: string;
+  verificationProvider: string;
+}
+```
+
+### Phone
+
+```ts
+interface IPhone {
+  id: number;
+  country: string;
+  callingCode: string;
+  number: string;
+  verifiedAt: string;
+  verificationProvider: string;
+}
+```
+
+All contact data returned by Pelican is **verified** and includes the service used for verification.
+
+---
+
+## Identity Verification (`id_verification`)
+
+Returned for flows involving identity verification or KYC.
+
+```ts
+interface IKycData {
+  id: number;
+  status?: "Approved" | "Declined" | "In Review";
+  document_type?:
+    | "national id card"
+    | "passport"
+    | "driver's license"
+    | "residence permit";
+  document_number?: string;
+  personal_number?: string;
+  date_of_birth?: string | Date;
+  age?: number;
+  expiration_date?: string | Date;
+  date_of_issue?: string | Date;
+  issuing_state?: string;
+  issuing_state_name?: string;
+  first_name?: string;
+  last_name?: string;
+  full_name?: string;
+  gender?: string;
+  address?: string;
+  formatted_address?: string;
+  nationality?: string;
+  liveness_percentage?: number;
+  face_match_percentage?: number;
+  verified_at?: string | Date;
+}
+```
+
+### Verification Scores
+
+- `liveness_percentage`: Confidence score (0–100) from face liveness detection.
+- `face_match_percentage`: Confidence score (0–100) matching selfie to document photo.
+
+---
+
+## Document Downloads
+
+If document access is enabled for your project (NB: your business must be verified and KYB completed), Pelican provides secure download URLs valid for 24 hours as Pelican does not store documents and only provides access to them from the Pelican vault for a limited time. You are required to download and store the documents on your backend for compliance and security reasons according to your local data protection regulations:
+
+```ts
+id_downloadurls?: {
+  front_of_card?: string;
+  back_of_card?: string;
+};
+```
+
+These URLs are:
+
+- Short-lived
+- Access-controlled
+- Intended for secure backend or compliance workflows
+
+---
+
+## Authentication Flow Differences
+
+| Auth Type         | Returned Data                               |
+| ----------------- | ------------------------------------------- |
+| `signup`          | `user_id`, basic `user_data`                |
+| `login`           | `user_id`, previously generated at signup   |
+| `id-verification` | `user_id`, `id_verification`, document URLs |
+
+Returned fields depend on:
+
+- User consent
+- Project configuration
+- Regulatory requirements
+
+---
+
+## Troubleshooting
+
+### Missing app identifier.
+
+- Ensure you passed the `appId` prop
+- Ensure it matches the bundle identifier configured in your app
+
+### No whitelisted app IDs found
+
+- Add the `appId` to your Pelican project whitelist
+- Ensure there are no typos or environment mismatches
+
+### “crypto.getRandomValues() not supported”
+
+- Ensure `react-native-get-random-values` is imported **before anything else**
+
+### Redirect doesn’t return to app
+
+- Verify `callBackUrl` scheme matches your app configuration
+- Confirm deep linking is correctly set up
+
+### Unsupported authentication type
+
+- Ensure you passed a valid `authType` prop
+
+### Billing issues, please contact this site owner
+
+- Ensure your business wallet has sufficient balance
+- Pelican attempts to send a low balance alert to your email, you can configure the threshold in the Pelican dashboard
+
+### Project not found
+
+- Ensure you passed a valid `projectId` prop
+- Ensure it matches the project ID configured in your app
+
+### Business not found
+
+- Ensure you passed a valid `publicKey` prop
+- Ensure it matches the business ID configured in your app
+
+---
+
+## Error Handling
+
+If authentication fails, the `onError` callback is invoked:
+
+```ts
+onError?: (error: Error) => void;
+```
+
+Common error scenarios include:
+
+- User cancellation
+- Network failure
+- Invalid project configuration
+- Session expiration
+- Invalid authentication type
+- Billing issues
+
+---
+
+## Security Notes
+
+- All identity data is transmitted **encrypted**.
+- Pelican never exposes raw credentials.
+- Identifiers are scoped per business.
+- Mobile identifiers (App ID / Bundle ID) are used for **application identification**.
+
+---
+
+### Final note
+
+Pelican deliberately separates:
+
+- **Identity** (who the user is)
+- **Authentication** (this session)
+- **Verification** (how confident we are)
+
+This keeps your app flexible, compliant, and secure by default.
+
+## License
+
+MIT

package/dist/index.d.mts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PelicanAuthConfig, IdentityResult } from '@pelican-identity/auth-core';
+export * from '@pelican-identity/auth-core';
+
+interface PelicanRNAuthProps extends PelicanAuthConfig {
+    appId: string;
+    onSuccess: (result: IdentityResult) => void;
+    onError?: (error: Error) => void;
+    onLoading?: (loading: boolean) => void;
+    buttonComponent?: React.ReactNode;
+    callBackUrl?: string;
+}
+
+declare const PelicanAuth: ({ authType, projectId, publicKey, onSuccess, callBackUrl, onError, buttonComponent, onLoading, appId, }: PelicanRNAuthProps) => react_jsx_runtime.JSX.Element;
+
+export { PelicanAuth };

package/dist/index.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { PelicanAuthConfig, IdentityResult } from '@pelican-identity/auth-core';
+export * from '@pelican-identity/auth-core';
+
+interface PelicanRNAuthProps extends PelicanAuthConfig {
+    appId: string;
+    onSuccess: (result: IdentityResult) => void;
+    onError?: (error: Error) => void;
+    onLoading?: (loading: boolean) => void;
+    buttonComponent?: React.ReactNode;
+    callBackUrl?: string;
+}
+
+declare const PelicanAuth: ({ authType, projectId, publicKey, onSuccess, callBackUrl, onError, buttonComponent, onLoading, appId, }: PelicanRNAuthProps) => react_jsx_runtime.JSX.Element;
+
+export { PelicanAuth };

package/dist/index.js

@@ -0,0 +1,191 @@
+'use strict';
+
+var React = require('react');
+var reactNative = require('react-native');
+require('react-native-get-random-values');
+var authCore = require('@pelican-identity/auth-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+// src/components/PelicanAuth.tsx
+var getRelayUrl = async ({
+  businessKey,
+  authType,
+  projectID,
+  appId
+}) => {
+  if (!appId) {
+    throw new Error("App ID is required");
+  }
+  const headers = {
+    "Content-Type": "application/json",
+    "X-App-ID": appId
+  };
+  const response = await fetch(
+    `${authCore.BASEURL}/relay?public_key=${businessKey}&auth_type=${authType}&project_id=${projectID}`,
+    { headers }
+  );
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`Failed to initiate authentication: ${error}`);
+  }
+  return response.json();
+};
+var getEncryptedData = async ({
+  businessKey,
+  authType,
+  projectID,
+  sessionID,
+  appId
+}) => {
+  if (!appId) {
+    throw new Error("App ID is required");
+  }
+  const headers = {
+    "Content-Type": "application/json",
+    "X-App-ID": appId
+  };
+  const response = await fetch(
+    `${authCore.BASEURL}/get-rn-sdk-encrypted-data?public_key=${businessKey}&auth_type=${authType}&project_id=${projectID}&session_id=${sessionID}`,
+    { headers }
+  );
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`Failed to get encrypted data: ${error}`);
+  }
+  return response.json();
+};
+var cryptoService = new authCore.CryptoService();
+var PelicanAuth = ({
+  authType,
+  projectId,
+  publicKey,
+  onSuccess,
+  callBackUrl,
+  onError,
+  buttonComponent,
+  onLoading,
+  appId
+}) => {
+  const sessionKey = React__default.default.useRef(null);
+  const sessionID = React__default.default.useRef(null);
+  const [loading, setLoading] = React.useState(false);
+  const initialize = async () => {
+    try {
+      setLoading(true);
+      onLoading?.(true);
+      const { relay_url, session_id } = await getRelayUrl({
+        businessKey: publicKey,
+        authType,
+        projectID: projectId,
+        appId
+      });
+      if (!relay_url) {
+        throw new Error("Failed to get relay URL");
+      }
+      sessionKey.current = cryptoService.generateSymmetricKey();
+      sessionID.current = session_id;
+      const buildUrl = `${relay_url}?sessionKey=${encodeURIComponent(
+        sessionKey.current || ""
+      )}&sessionID=${encodeURIComponent(
+        sessionID.current || ""
+      )}&authType=${encodeURIComponent(
+        authType
+      )}&projectId=${encodeURIComponent(
+        projectId
+      )}&publicKey=${encodeURIComponent(
+        publicKey
+      )}&callBackUrl=${encodeURIComponent(callBackUrl || "")}`;
+      reactNative.Linking.openURL(buildUrl);
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  const handleCallback = async () => {
+    try {
+      if (!sessionID.current) {
+        return;
+      }
+      if (!sessionKey.current) {
+        return;
+      }
+      const { cipher, nonce } = await getEncryptedData({
+        businessKey: publicKey,
+        authType,
+        projectID: projectId,
+        sessionID: sessionID.current,
+        appId
+      });
+      const decryptedData = cryptoService.decryptSymmetric({
+        encrypted: { cipher, nonce },
+        keyString: sessionKey.current
+      });
+      if (decryptedData) {
+        const result = JSON.parse(decryptedData);
+        onSuccess(result);
+        sessionKey.current = null;
+        sessionID.current = null;
+        setLoading(false);
+        onLoading?.(false);
+      } else {
+        onError?.(new Error("Failed to get identity result"));
+        sessionKey.current = null;
+        sessionID.current = null;
+        setLoading(false);
+        onLoading?.(false);
+      }
+    } catch (error) {
+      console.log(error);
+      onError?.(error);
+      sessionKey.current = null;
+      sessionID.current = null;
+      setLoading(false);
+      onLoading?.(false);
+    }
+  };
+  React__default.default.useEffect(() => {
+    const subscription = reactNative.AppState.addEventListener("change", (nextAppState) => {
+      if (nextAppState === "active") {
+        handleCallback();
+      }
+    });
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { children: /* @__PURE__ */ jsxRuntime.jsx(reactNative.TouchableOpacity, { onPress: initialize, disabled: loading, children: buttonComponent || /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.View,
+    {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 10,
+        paddingHorizontal: 10,
+        paddingVertical: 10,
+        borderRadius: 20,
+        borderWidth: 1
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.Image,
+          {
+            source: {
+              uri: "https://res.cloudinary.com/de0jr8mcm/image/upload/v1765904735/pelican/pelican_icon_r9ghqw.png"
+            },
+            style: { width: 30, height: 30 }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: { fontSize: 16, fontWeight: "600" }, children: authType === "login" ? "Login with Pelican" : authType === "signup" ? "Signup with Pelican" : authType === "id-verification" ? "Verify identity with Pelican" : "Authenticate with Pelican" }),
+        loading && /* @__PURE__ */ jsxRuntime.jsx(reactNative.ActivityIndicator, { color: "#000" })
+      ]
+    }
+  ) }) });
+};
+var PelicanAuth_default = PelicanAuth;
+
+exports.PelicanAuth = PelicanAuth_default;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities.ts","../src/components/PelicanAuth.tsx"],"names":["BASEURL","CryptoService","React","useState","Linking","AppState","jsx","View","TouchableOpacity","jsxs","Image","Text","ActivityIndicator"],"mappings":"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","file":"index.js","sourcesContent":["import \"react-native-get-random-values\";\n\nimport { BASEURL, type AuthType } from \"@pelican-identity/auth-core\";\n\nexport const getRelayUrl = async ({\n  businessKey,\n  authType,\n  projectID,\n  appId,\n}: {\n  businessKey: string;\n  authType: AuthType;\n  projectID: string;\n  appId: string;\n}) => {\n  if (!appId) {\n    throw new Error(\"App ID is required\");\n  }\n  const headers = {\n    \"Content-Type\": \"application/json\",\n    \"X-App-ID\": appId,\n  };\n\n  const response = await fetch(\n    `${BASEURL}/relay?public_key=${businessKey}&auth_type=${authType}&project_id=${projectID}`,\n    { headers }\n  );\n\n  if (!response.ok) {\n    const error = await response.text();\n    throw new Error(`Failed to initiate authentication: ${error}`);\n  }\n\n  return response.json() as Promise<{ relay_url: string; session_id: string }>;\n};\n\nexport const getEncryptedData = async ({\n  businessKey,\n  authType,\n  projectID,\n  sessionID,\n  appId,\n}: {\n  businessKey: string;\n  authType: AuthType;\n  projectID: string;\n  sessionID: string;\n  appId: string;\n}) => {\n  if (!appId) {\n    throw new Error(\"App ID is required\");\n  }\n  const headers = {\n    \"Content-Type\": \"application/json\",\n    \"X-App-ID\": appId,\n  };\n\n  const response = await fetch(\n    `${BASEURL}/get-rn-sdk-encrypted-data?public_key=${businessKey}&auth_type=${authType}&project_id=${projectID}&session_id=${sessionID}`,\n    { headers }\n  );\n\n  if (!response.ok) {\n    const error = await response.text();\n    throw new Error(`Failed to get encrypted data: ${error}`);\n  }\n\n  return response.json() as Promise<{ cipher: string; nonce: string }>;\n};\n","import React, { useState } from \"react\";\nimport {\n  ActivityIndicator,\n  AppState,\n  Image,\n  Linking,\n  Text,\n  TouchableOpacity,\n  View,\n} from \"react-native\";\nimport \"react-native-get-random-values\";\n\nimport { getEncryptedData, getRelayUrl } from \"../utilities\";\nimport { PelicanRNAuthProps } from \"../types\";\nimport { IdentityResult, CryptoService } from \"@pelican-identity/auth-core\";\n\nconst cryptoService = new CryptoService();\nconst PelicanAuth = ({\n  authType,\n  projectId,\n  publicKey,\n  onSuccess,\n  callBackUrl,\n  onError,\n  buttonComponent,\n  onLoading,\n  appId,\n}: PelicanRNAuthProps) => {\n  const sessionKey = React.useRef<string | null>(null);\n  const sessionID = React.useRef<string | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  const initialize = async () => {\n    try {\n      setLoading(true);\n      onLoading?.(true);\n      const { relay_url, session_id } = await getRelayUrl({\n        businessKey: publicKey,\n        authType,\n        projectID: projectId,\n        appId,\n      });\n\n      if (!relay_url) {\n        throw new Error(\"Failed to get relay URL\");\n      }\n\n      sessionKey.current = cryptoService.generateSymmetricKey();\n      sessionID.current = session_id;\n\n      const buildUrl = `${relay_url}?sessionKey=${encodeURIComponent(\n        sessionKey.current || \"\"\n      )}&sessionID=${encodeURIComponent(\n        sessionID.current || \"\"\n      )}&authType=${encodeURIComponent(\n        authType\n      )}&projectId=${encodeURIComponent(\n        projectId\n      )}&publicKey=${encodeURIComponent(\n        publicKey\n      )}&callBackUrl=${encodeURIComponent(callBackUrl || \"\")}`;\n      Linking.openURL(buildUrl);\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const handleCallback = async () => {\n    try {\n      if (!sessionID.current) {\n        return;\n      }\n      if (!sessionKey.current) {\n        return;\n      }\n      const { cipher, nonce } = await getEncryptedData({\n        businessKey: publicKey,\n        authType,\n        projectID: projectId,\n        sessionID: sessionID.current,\n        appId,\n      });\n\n      const decryptedData = cryptoService.decryptSymmetric({\n        encrypted: { cipher, nonce },\n        keyString: sessionKey.current,\n      });\n\n      if (decryptedData) {\n        const result: IdentityResult = JSON.parse(decryptedData);\n\n        onSuccess(result);\n        sessionKey.current = null;\n        sessionID.current = null;\n        setLoading(false);\n        onLoading?.(false);\n      } else {\n        onError?.(new Error(\"Failed to get identity result\"));\n        sessionKey.current = null;\n        sessionID.current = null;\n        setLoading(false);\n        onLoading?.(false);\n      }\n    } catch (error) {\n      console.log(error);\n      onError?.(error as Error);\n      sessionKey.current = null;\n      sessionID.current = null;\n      setLoading(false);\n      onLoading?.(false);\n    }\n  };\n\n  React.useEffect(() => {\n    const subscription = AppState.addEventListener(\"change\", (nextAppState) => {\n      if (nextAppState === \"active\") {\n        handleCallback();\n      }\n    });\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n\n  return (\n    <View>\n      <TouchableOpacity onPress={initialize} disabled={loading}>\n        {buttonComponent || (\n          <View\n            style={{\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              gap: 10,\n              paddingHorizontal: 10,\n              paddingVertical: 10,\n              borderRadius: 20,\n              borderWidth: 1,\n            }}\n          >\n            <Image\n              source={{\n                uri: \"https://res.cloudinary.com/de0jr8mcm/image/upload/v1765904735/pelican/pelican_icon_r9ghqw.png\",\n              }}\n              style={{ width: 30, height: 30 }}\n            />\n            <Text style={{ fontSize: 16, fontWeight: \"600\" }}>\n              {authType === \"login\"\n                ? \"Login with Pelican\"\n                : authType === \"signup\"\n                ? \"Signup with Pelican\"\n                : authType === \"id-verification\"\n                ? \"Verify identity with Pelican\"\n                : \"Authenticate with Pelican\"}\n            </Text>\n            {loading && <ActivityIndicator color={\"#000\"} />}\n          </View>\n        )}\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nexport default PelicanAuth;\n"]}

package/dist/index.mjs

@@ -0,0 +1,185 @@
+import React, { useState } from 'react';
+import { AppState, View, TouchableOpacity, Image, Text, ActivityIndicator, Linking } from 'react-native';
+import 'react-native-get-random-values';
+import { CryptoService, BASEURL } from '@pelican-identity/auth-core';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/components/PelicanAuth.tsx
+var getRelayUrl = async ({
+  businessKey,
+  authType,
+  projectID,
+  appId
+}) => {
+  if (!appId) {
+    throw new Error("App ID is required");
+  }
+  const headers = {
+    "Content-Type": "application/json",
+    "X-App-ID": appId
+  };
+  const response = await fetch(
+    `${BASEURL}/relay?public_key=${businessKey}&auth_type=${authType}&project_id=${projectID}`,
+    { headers }
+  );
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`Failed to initiate authentication: ${error}`);
+  }
+  return response.json();
+};
+var getEncryptedData = async ({
+  businessKey,
+  authType,
+  projectID,
+  sessionID,
+  appId
+}) => {
+  if (!appId) {
+    throw new Error("App ID is required");
+  }
+  const headers = {
+    "Content-Type": "application/json",
+    "X-App-ID": appId
+  };
+  const response = await fetch(
+    `${BASEURL}/get-rn-sdk-encrypted-data?public_key=${businessKey}&auth_type=${authType}&project_id=${projectID}&session_id=${sessionID}`,
+    { headers }
+  );
+  if (!response.ok) {
+    const error = await response.text();
+    throw new Error(`Failed to get encrypted data: ${error}`);
+  }
+  return response.json();
+};
+var cryptoService = new CryptoService();
+var PelicanAuth = ({
+  authType,
+  projectId,
+  publicKey,
+  onSuccess,
+  callBackUrl,
+  onError,
+  buttonComponent,
+  onLoading,
+  appId
+}) => {
+  const sessionKey = React.useRef(null);
+  const sessionID = React.useRef(null);
+  const [loading, setLoading] = useState(false);
+  const initialize = async () => {
+    try {
+      setLoading(true);
+      onLoading?.(true);
+      const { relay_url, session_id } = await getRelayUrl({
+        businessKey: publicKey,
+        authType,
+        projectID: projectId,
+        appId
+      });
+      if (!relay_url) {
+        throw new Error("Failed to get relay URL");
+      }
+      sessionKey.current = cryptoService.generateSymmetricKey();
+      sessionID.current = session_id;
+      const buildUrl = `${relay_url}?sessionKey=${encodeURIComponent(
+        sessionKey.current || ""
+      )}&sessionID=${encodeURIComponent(
+        sessionID.current || ""
+      )}&authType=${encodeURIComponent(
+        authType
+      )}&projectId=${encodeURIComponent(
+        projectId
+      )}&publicKey=${encodeURIComponent(
+        publicKey
+      )}&callBackUrl=${encodeURIComponent(callBackUrl || "")}`;
+      Linking.openURL(buildUrl);
+    } catch (error) {
+      console.log(error);
+    }
+  };
+  const handleCallback = async () => {
+    try {
+      if (!sessionID.current) {
+        return;
+      }
+      if (!sessionKey.current) {
+        return;
+      }
+      const { cipher, nonce } = await getEncryptedData({
+        businessKey: publicKey,
+        authType,
+        projectID: projectId,
+        sessionID: sessionID.current,
+        appId
+      });
+      const decryptedData = cryptoService.decryptSymmetric({
+        encrypted: { cipher, nonce },
+        keyString: sessionKey.current
+      });
+      if (decryptedData) {
+        const result = JSON.parse(decryptedData);
+        onSuccess(result);
+        sessionKey.current = null;
+        sessionID.current = null;
+        setLoading(false);
+        onLoading?.(false);
+      } else {
+        onError?.(new Error("Failed to get identity result"));
+        sessionKey.current = null;
+        sessionID.current = null;
+        setLoading(false);
+        onLoading?.(false);
+      }
+    } catch (error) {
+      console.log(error);
+      onError?.(error);
+      sessionKey.current = null;
+      sessionID.current = null;
+      setLoading(false);
+      onLoading?.(false);
+    }
+  };
+  React.useEffect(() => {
+    const subscription = AppState.addEventListener("change", (nextAppState) => {
+      if (nextAppState === "active") {
+        handleCallback();
+      }
+    });
+    return () => {
+      subscription.remove();
+    };
+  }, []);
+  return /* @__PURE__ */ jsx(View, { children: /* @__PURE__ */ jsx(TouchableOpacity, { onPress: initialize, disabled: loading, children: buttonComponent || /* @__PURE__ */ jsxs(
+    View,
+    {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 10,
+        paddingHorizontal: 10,
+        paddingVertical: 10,
+        borderRadius: 20,
+        borderWidth: 1
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Image,
+          {
+            source: {
+              uri: "https://res.cloudinary.com/de0jr8mcm/image/upload/v1765904735/pelican/pelican_icon_r9ghqw.png"
+            },
+            style: { width: 30, height: 30 }
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { style: { fontSize: 16, fontWeight: "600" }, children: authType === "login" ? "Login with Pelican" : authType === "signup" ? "Signup with Pelican" : authType === "id-verification" ? "Verify identity with Pelican" : "Authenticate with Pelican" }),
+        loading && /* @__PURE__ */ jsx(ActivityIndicator, { color: "#000" })
+      ]
+    }
+  ) }) });
+};
+var PelicanAuth_default = PelicanAuth;
+
+export { PelicanAuth_default as PelicanAuth };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utilities.ts","../src/components/PelicanAuth.tsx"],"names":[],"mappings":"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","file":"index.mjs","sourcesContent":["import \"react-native-get-random-values\";\n\nimport { BASEURL, type AuthType } from \"@pelican-identity/auth-core\";\n\nexport const getRelayUrl = async ({\n  businessKey,\n  authType,\n  projectID,\n  appId,\n}: {\n  businessKey: string;\n  authType: AuthType;\n  projectID: string;\n  appId: string;\n}) => {\n  if (!appId) {\n    throw new Error(\"App ID is required\");\n  }\n  const headers = {\n    \"Content-Type\": \"application/json\",\n    \"X-App-ID\": appId,\n  };\n\n  const response = await fetch(\n    `${BASEURL}/relay?public_key=${businessKey}&auth_type=${authType}&project_id=${projectID}`,\n    { headers }\n  );\n\n  if (!response.ok) {\n    const error = await response.text();\n    throw new Error(`Failed to initiate authentication: ${error}`);\n  }\n\n  return response.json() as Promise<{ relay_url: string; session_id: string }>;\n};\n\nexport const getEncryptedData = async ({\n  businessKey,\n  authType,\n  projectID,\n  sessionID,\n  appId,\n}: {\n  businessKey: string;\n  authType: AuthType;\n  projectID: string;\n  sessionID: string;\n  appId: string;\n}) => {\n  if (!appId) {\n    throw new Error(\"App ID is required\");\n  }\n  const headers = {\n    \"Content-Type\": \"application/json\",\n    \"X-App-ID\": appId,\n  };\n\n  const response = await fetch(\n    `${BASEURL}/get-rn-sdk-encrypted-data?public_key=${businessKey}&auth_type=${authType}&project_id=${projectID}&session_id=${sessionID}`,\n    { headers }\n  );\n\n  if (!response.ok) {\n    const error = await response.text();\n    throw new Error(`Failed to get encrypted data: ${error}`);\n  }\n\n  return response.json() as Promise<{ cipher: string; nonce: string }>;\n};\n","import React, { useState } from \"react\";\nimport {\n  ActivityIndicator,\n  AppState,\n  Image,\n  Linking,\n  Text,\n  TouchableOpacity,\n  View,\n} from \"react-native\";\nimport \"react-native-get-random-values\";\n\nimport { getEncryptedData, getRelayUrl } from \"../utilities\";\nimport { PelicanRNAuthProps } from \"../types\";\nimport { IdentityResult, CryptoService } from \"@pelican-identity/auth-core\";\n\nconst cryptoService = new CryptoService();\nconst PelicanAuth = ({\n  authType,\n  projectId,\n  publicKey,\n  onSuccess,\n  callBackUrl,\n  onError,\n  buttonComponent,\n  onLoading,\n  appId,\n}: PelicanRNAuthProps) => {\n  const sessionKey = React.useRef<string | null>(null);\n  const sessionID = React.useRef<string | null>(null);\n  const [loading, setLoading] = useState(false);\n\n  const initialize = async () => {\n    try {\n      setLoading(true);\n      onLoading?.(true);\n      const { relay_url, session_id } = await getRelayUrl({\n        businessKey: publicKey,\n        authType,\n        projectID: projectId,\n        appId,\n      });\n\n      if (!relay_url) {\n        throw new Error(\"Failed to get relay URL\");\n      }\n\n      sessionKey.current = cryptoService.generateSymmetricKey();\n      sessionID.current = session_id;\n\n      const buildUrl = `${relay_url}?sessionKey=${encodeURIComponent(\n        sessionKey.current || \"\"\n      )}&sessionID=${encodeURIComponent(\n        sessionID.current || \"\"\n      )}&authType=${encodeURIComponent(\n        authType\n      )}&projectId=${encodeURIComponent(\n        projectId\n      )}&publicKey=${encodeURIComponent(\n        publicKey\n      )}&callBackUrl=${encodeURIComponent(callBackUrl || \"\")}`;\n      Linking.openURL(buildUrl);\n    } catch (error) {\n      console.log(error);\n    }\n  };\n\n  const handleCallback = async () => {\n    try {\n      if (!sessionID.current) {\n        return;\n      }\n      if (!sessionKey.current) {\n        return;\n      }\n      const { cipher, nonce } = await getEncryptedData({\n        businessKey: publicKey,\n        authType,\n        projectID: projectId,\n        sessionID: sessionID.current,\n        appId,\n      });\n\n      const decryptedData = cryptoService.decryptSymmetric({\n        encrypted: { cipher, nonce },\n        keyString: sessionKey.current,\n      });\n\n      if (decryptedData) {\n        const result: IdentityResult = JSON.parse(decryptedData);\n\n        onSuccess(result);\n        sessionKey.current = null;\n        sessionID.current = null;\n        setLoading(false);\n        onLoading?.(false);\n      } else {\n        onError?.(new Error(\"Failed to get identity result\"));\n        sessionKey.current = null;\n        sessionID.current = null;\n        setLoading(false);\n        onLoading?.(false);\n      }\n    } catch (error) {\n      console.log(error);\n      onError?.(error as Error);\n      sessionKey.current = null;\n      sessionID.current = null;\n      setLoading(false);\n      onLoading?.(false);\n    }\n  };\n\n  React.useEffect(() => {\n    const subscription = AppState.addEventListener(\"change\", (nextAppState) => {\n      if (nextAppState === \"active\") {\n        handleCallback();\n      }\n    });\n    return () => {\n      subscription.remove();\n    };\n  }, []);\n\n  return (\n    <View>\n      <TouchableOpacity onPress={initialize} disabled={loading}>\n        {buttonComponent || (\n          <View\n            style={{\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              gap: 10,\n              paddingHorizontal: 10,\n              paddingVertical: 10,\n              borderRadius: 20,\n              borderWidth: 1,\n            }}\n          >\n            <Image\n              source={{\n                uri: \"https://res.cloudinary.com/de0jr8mcm/image/upload/v1765904735/pelican/pelican_icon_r9ghqw.png\",\n              }}\n              style={{ width: 30, height: 30 }}\n            />\n            <Text style={{ fontSize: 16, fontWeight: \"600\" }}>\n              {authType === \"login\"\n                ? \"Login with Pelican\"\n                : authType === \"signup\"\n                ? \"Signup with Pelican\"\n                : authType === \"id-verification\"\n                ? \"Verify identity with Pelican\"\n                : \"Authenticate with Pelican\"}\n            </Text>\n            {loading && <ActivityIndicator color={\"#000\"} />}\n          </View>\n        )}\n      </TouchableOpacity>\n    </View>\n  );\n};\n\nexport default PelicanAuth;\n"]}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@pelican-identity/react-native",
+  "version": "1.2.0",
+  "description": "React Native components for Pelican Identity authentication",
+  "main": "./dist/index.js",
+  "react-native": "./src/index.ts",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "package.json"
+  ],
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "react-native": ">=0.60.0",
+    "react-native-get-random-values": "^1.7.0"
+  },
+  "dependencies": {
+    "@pelican-identity/auth-core": "1.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.45",
+    "@types/react-native": "^0.72.0",
+    "react": "^18.2.0",
+    "react-native": "^0.72.0",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Pelican-Identity/pelican-sdk.git",
+    "directory": "packages/react-native"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit"
+  }
+}