@crossmint/client-sdk-react-native-ui 0.1.2 → 0.3.0

package/README.md

@@ -1 +1,101 @@
-# `@crossmint/client-sdk-react-native-ui`
+# Crossmint React Native SDK
+
+This package provides a React Native UI for integrating Crossmint authentication and wallet functionality into your mobile apps.
+
+## Installation
+
+```bash
+pnpm add @crossmint/client-sdk-react-native-ui expo-secure-store expo-web-browser
+```
+
+## Authentication with Secure Storage
+
+The React Native SDK uses [Expo's SecureStore](https://docs.expo.dev/versions/latest/sdk/securestore/) for secure, encrypted storage of authentication tokens. This provides a platform-native secure storage solution that encrypts sensitive data on the device.
+
+### Using the Default Secure Storage
+
+The `CrossmintAuthProvider` uses SecureStorage by default:
+
+```tsx
+import { CrossmintProvider, CrossmintAuthProvider } from "@crossmint/client-sdk-react-native-ui";
+
+export default function App() {
+  return (
+    <CrossmintProvider
+      apiKey="YOUR_API_KEY"
+    >
+      <CrossmintAuthProvider>
+        {/* Your app content */}
+      </CrossmintAuthProvider>
+    </CrossmintProvider>
+  );
+}
+```
+
+### Authentication Hooks
+
+Once the providers are set up, you can use the authentication hooks in your components:
+
+```tsx
+import { useCrossmintAuth } from "@crossmint/client-sdk-react-native-ui";
+
+function ProfileScreen() {
+  const { user, status, logout, login } = useCrossmintAuth();
+
+  if (status === "logged-out") {
+    return (
+      <View>
+        <Button
+          title="Sign in with Google"
+          onPress={() => login("google")}
+        />
+      </View>
+    );
+  }
+
+  return (
+    <View>
+      <Text>Welcome, {user?.email}</Text>
+      <Button title="Logout" onPress={logout} />
+    </View>
+  );
+}
+```
+
+## Custom Storage Provider
+
+If you need to implement a custom storage solution, you can implement the `StorageProvider` interface and pass it to the `CrossmintAuthProvider`:
+
+```tsx
+import { CrossmintAuthProvider, type StorageProvider } from "@crossmint/client-sdk-react-native-ui";
+
+// Implement your custom storage provider
+class CustomStorage implements StorageProvider {
+  async get(key: string): Promise<string | undefined> {
+    // Your implementation
+  }
+
+  async set(key: string, value: string, expiresAt?: string): Promise<void> {
+    // Your implementation
+  }
+
+  async remove(key: string): Promise<void> {
+    // Your implementation
+  }
+}
+
+// Use your custom storage provider
+function App() {
+  const customStorage = new CustomStorage();
+
+  return (
+    <CrossmintProvider apiKey="YOUR_API_KEY">
+      <CrossmintAuthProvider customStorageProvider={customStorage}>
+        {/* Your app content */}
+      </CrossmintAuthProvider>
+    </CrossmintProvider>
+  );
+}
+```
+
+For more detailed documentation, please visit the [Crossmint Developer Docs](https://docs.crossmint.com/).

package/dist/chunk-2GYRKZHD.js

@@ -0,0 +1 @@
+import{a as S}from"./chunk-BWWCPHLC.js";import{a as l}from"./chunk-DUTPQ56Q.js";import{createContext as J,useEffect as U,useMemo as R,useRef as N,useState as C,useCallback as P}from"react";import*as n from"expo-web-browser";import{CrossmintAuth as _}from"@crossmint/client-sdk-auth";import{useCrossmint as M,useWallet as rt}from"@crossmint/client-sdk-react-base";import{useContext as F}from"react";function X(){let s=F(w);if(!s)throw new Error("useCrossmintAuth must be used within a CrossmintAuthProvider");return s}import{Platform as H}from"react-native";import{jsx as G}from"react/jsx-runtime";var W={google:null,twitter:null},V={crossmintAuth:void 0,logout:()=>{},jwt:void 0,user:void 0,status:"initializing",getUser:()=>{},loginWithOAuth:()=>Promise.resolve(),createAuthSession:()=>Promise.resolve()},w=J(V);function lt({children:s,onLoginSuccess:i,refreshRoute:h,logoutRoute:y,customStorageProvider:d}){let[g,f]=C(void 0),{crossmint:o,setJwt:m}=M("CrossmintAuthProvider must be used within CrossmintProvider"),[T,B]=C(W),p=N(null),u=R(()=>d!=null?d:new S,[d]),e=R(()=>{if(!p.current){let t={callbacks:{onLogout:()=>{m(void 0),f(void 0)},onTokenRefresh:r=>{m(r.jwt),f(r.user)}},refreshRoute:h,logoutRoute:y,storageProvider:u};p.current=_.from(o,t)}return p.current},[u]),[E,k]=C(!1),v=P(()=>{i==null||i()},[i]);U(()=>{o.jwt==null&&(u==null||u.get("jwt").then(t=>{t!=null&&(console.log("[CrossmintAuthProvider] jwt",t),m(t))})),k(!0)},[o.jwt,m,u]),U(()=>{o.jwt!=null&&v()},[o.jwt,v]);let z=()=>{e.logout()},O=P(()=>l(this,null,function*(){try{let r=Object.keys(W).map(a=>l(this,null,function*(){let A=yield e==null?void 0:e.getOAuthUrl(a);return{[a]:A}})),c=Object.assign({},...yield Promise.all(r));B(c)}catch(t){console.error(t)}}),[e]);U(()=>{g==null&&O()},[O,g]);let D=()=>E?o.jwt!=null?"logged-in":"logged-out":"initializing",I=()=>l(this,null,function*(){if(o.jwt==null){console.log("User not logged in");return}let t=yield e.getUser();f(t)}),K=t=>l(this,null,function*(){var r;try{let c=(r=T[t])!=null?r:yield e.getOAuthUrl(t);yield n.warmUpAsync();let a=new URL(c);if(t==="google"&&a.searchParams.append("provider_prompt","select_account"),H.OS==="android")yield n.openBrowserAsync(a.toString());else{let A=yield n.openAuthSessionAsync(a.toString());A.type==="success"&&(yield x(A.url))}yield n.coolDownAsync()}catch(c){console.error("[CrossmintAuthProvider] Error during OAuth login:",c)}}),x=P(t=>l(this,null,function*(){let r=t.includes("://")?q(t):t;if(r!=null)return yield e.handleRefreshAuthMaterial(r)}),[e]);return G(w.Provider,{value:{crossmintAuth:e,logout:z,jwt:o.jwt,user:g,status:D(),getUser:I,loginWithOAuth:K,createAuthSession:x},children:s})}var q=s=>{let i=/[?&]oneTimeSecret=([^&#]+)/,h=s.match(i);return h?decodeURIComponent(h[1]):void 0};export{w as a,lt as b,X as c,M as d,rt as e};

package/dist/chunk-55NX6NQL.js

@@ -0,0 +1 @@
+import{CrossmintProvider as s,CrossmintWalletProvider as d}from"@crossmint/client-sdk-react-base";export{s as a,d as b};

package/dist/chunk-6R7OYJL5.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var k=(f,g,b)=>new Promise((h,e)=>{var i=a=>{try{c(b.next(a))}catch(d){e(d)}},j=a=>{try{c(b.throw(a))}catch(d){e(d)}},c=a=>a.done?h(a.value):Promise.resolve(a.value).then(i,j);c((b=b.apply(f,g)).next())});exports.a = k;

package/dist/chunk-BWWCPHLC.js

@@ -0,0 +1 @@
+import{a as n}from"./chunk-DUTPQ56Q.js";import*as e from"expo-secure-store";var i=class{get(t){return n(this,null,function*(){try{let r=yield e.getItemAsync(t);if(!r)return;try{let o=JSON.parse(r);if(o.expiresAt&&new Date(o.expiresAt)<new Date){yield this.remove(t);return}return o.value}catch(o){return r}}catch(r){console.error("Error reading from SecureStore:",r);return}})}set(t,r,o){return n(this,null,function*(){try{if(o){let s=JSON.stringify({value:r,expiresAt:o});yield e.setItemAsync(t,s)}else yield e.setItemAsync(t,r)}catch(s){console.error("Error writing to SecureStore:",s)}})}remove(t){return n(this,null,function*(){try{yield e.deleteItemAsync(t)}catch(r){console.error("Error removing from SecureStore:",r)}})}isAvailable(){return n(this,null,function*(){try{return yield e.isAvailableAsync()}catch(t){return!1}})}};export{i as a};

package/dist/chunk-DUTPQ56Q.js

@@ -0,0 +1 @@
+var k=(f,g,b)=>new Promise((h,e)=>{var i=a=>{try{c(b.next(a))}catch(d){e(d)}},j=a=>{try{c(b.throw(a))}catch(d){e(d)}},c=a=>a.done?h(a.value):Promise.resolve(a.value).then(i,j);c((b=b.apply(f,g)).next())});export{k as a};

package/dist/chunk-T6M2PE3N.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkZPIV7DVZcjs = require('./chunk-ZPIV7DVZ.cjs');var _chunk6R7OYJL5cjs = require('./chunk-6R7OYJL5.cjs');var _react = require('react');var _expowebbrowser = require('expo-web-browser'); var n = _interopRequireWildcard(_expowebbrowser);var _clientsdkauth = require('@crossmint/client-sdk-auth');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');function Q(){let s=_react.useContext.call(void 0, w);if(!s)throw new Error("useCrossmintAuth must be used within a CrossmintAuthProvider");return s}var _reactnative = require('react-native');var _jsxruntime = require('react/jsx-runtime');var R={google:null,twitter:null},H={crossmintAuth:void 0,logout:()=>{},jwt:void 0,user:void 0,status:"initializing",getUser:()=>{},loginWithOAuth:()=>Promise.resolve(),createAuthSession:()=>Promise.resolve()},w= exports.a =_react.createContext.call(void 0, H);function at({children:s,onLoginSuccess:i,refreshRoute:h,logoutRoute:y,customStorageProvider:d}){let[g,f]=_react.useState.call(void 0, void 0),{crossmint:o,setJwt:m}=_clientsdkreactbase.useCrossmint.call(void 0, "CrossmintAuthProvider must be used within CrossmintProvider"),[W,T]=_react.useState.call(void 0, R),p=_react.useRef.call(void 0, null),u=_react.useMemo.call(void 0, ()=>d!=null?d:new _chunkZPIV7DVZcjs.a,[d]),e=_react.useMemo.call(void 0, ()=>{if(!p.current){let t={callbacks:{onLogout:()=>{m(void 0),f(void 0)},onTokenRefresh:r=>{m(r.jwt),f(r.user)}},refreshRoute:h,logoutRoute:y,storageProvider:u};p.current=_clientsdkauth.CrossmintAuth.from(o,t)}return p.current},[u]),[B,E]=_react.useState.call(void 0, !1),v=_react.useCallback.call(void 0, ()=>{i==null||i()},[i]);_react.useEffect.call(void 0, ()=>{o.jwt==null&&(u==null||u.get("jwt").then(t=>{t!=null&&(console.log("[CrossmintAuthProvider] jwt",t),m(t))})),E(!0)},[o.jwt,m,u]),_react.useEffect.call(void 0, ()=>{o.jwt!=null&&v()},[o.jwt,v]);let k=()=>{e.logout()},O=_react.useCallback.call(void 0, ()=>_chunk6R7OYJL5cjs.a.call(void 0, this,null,function*(){try{let r=Object.keys(R).map(a=>_chunk6R7OYJL5cjs.a.call(void 0, this,null,function*(){let A=yield e==null?void 0:e.getOAuthUrl(a);return{[a]:A}})),c=Object.assign({},...yield Promise.all(r));T(c)}catch(t){console.error(t)}}),[e]);_react.useEffect.call(void 0, ()=>{g==null&&O()},[O,g]);let z=()=>B?o.jwt!=null?"logged-in":"logged-out":"initializing",D=()=>_chunk6R7OYJL5cjs.a.call(void 0, this,null,function*(){if(o.jwt==null){console.log("User not logged in");return}let t=yield e.getUser();f(t)}),I=t=>_chunk6R7OYJL5cjs.a.call(void 0, this,null,function*(){var r;try{let c=(r=W[t])!=null?r:yield e.getOAuthUrl(t);yield n.warmUpAsync();let a=new URL(c);if(t==="google"&&a.searchParams.append("provider_prompt","select_account"),_reactnative.Platform.OS==="android")yield n.openBrowserAsync(a.toString());else{let A=yield n.openAuthSessionAsync(a.toString());A.type==="success"&&(yield x(A.url))}yield n.coolDownAsync()}catch(c){console.error("[CrossmintAuthProvider] Error during OAuth login:",c)}}),x=_react.useCallback.call(void 0, t=>_chunk6R7OYJL5cjs.a.call(void 0, this,null,function*(){let r=t.includes("://")?V(t):t;if(r!=null)return yield e.handleRefreshAuthMaterial(r)}),[e]);return _jsxruntime.jsx.call(void 0, w.Provider,{value:{crossmintAuth:e,logout:k,jwt:o.jwt,user:g,status:z(),getUser:D,loginWithOAuth:I,createAuthSession:x},children:s})}var V=s=>{let i=/[?&]oneTimeSecret=([^&#]+)/,h=s.match(i);return h?decodeURIComponent(h[1]):void 0};exports.a = w; exports.b = at; exports.c = Q; exports.d = _clientsdkreactbase.useCrossmint; exports.e = _clientsdkreactbase.useWallet;

package/dist/{chunk-5Q2IYGY3.cjs → chunk-ZKA4AS5K.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');exports.a = _clientsdkreactbase.useCrossmint; exports.b = _clientsdkreactbase.useWallet;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');exports.a = _clientsdkreactbase.CrossmintProvider; exports.b = _clientsdkreactbase.CrossmintWalletProvider;

package/dist/chunk-ZPIV7DVZ.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunk6R7OYJL5cjs = require('./chunk-6R7OYJL5.cjs');var _exposecurestore = require('expo-secure-store'); var e = _interopRequireWildcard(_exposecurestore);var i=class{get(t){return _chunk6R7OYJL5cjs.a.call(void 0, this,null,function*(){try{let r=yield e.getItemAsync(t);if(!r)return;try{let o=JSON.parse(r);if(o.expiresAt&&new Date(o.expiresAt)<new Date){yield this.remove(t);return}return o.value}catch(o){return r}}catch(r){console.error("Error reading from SecureStore:",r);return}})}set(t,r,o){return _chunk6R7OYJL5cjs.a.call(void 0, this,null,function*(){try{if(o){let s=JSON.stringify({value:r,expiresAt:o});yield e.setItemAsync(t,s)}else yield e.setItemAsync(t,r)}catch(s){console.error("Error writing to SecureStore:",s)}})}remove(t){return _chunk6R7OYJL5cjs.a.call(void 0, this,null,function*(){try{yield e.deleteItemAsync(t)}catch(r){console.error("Error removing from SecureStore:",r)}})}isAvailable(){return _chunk6R7OYJL5cjs.a.call(void 0, this,null,function*(){try{return yield e.isAvailableAsync()}catch(t){return!1}})}};exports.a = i;

package/dist/hooks/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5Q2IYGY3cjs = require('../chunk-5Q2IYGY3.cjs');var _chunkCBBMAHQEcjs = require('../chunk-CBBMAHQE.cjs');require('../chunk-MHMX6QPD.cjs');exports.CrossmintProvider = _chunkCBBMAHQEcjs.b; exports.useCrossmint = _chunk5Q2IYGY3cjs.a; exports.useCrossmintMobile = _chunkCBBMAHQEcjs.a; exports.useWallet = _chunk5Q2IYGY3cjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkT6M2PE3Ncjs = require('../chunk-T6M2PE3N.cjs');require('../chunk-ZPIV7DVZ.cjs');require('../chunk-6R7OYJL5.cjs');exports.useCrossmint = _chunkT6M2PE3Ncjs.d; exports.useCrossmintAuth = _chunkT6M2PE3Ncjs.c; exports.useWallet = _chunkT6M2PE3Ncjs.e;

package/dist/hooks/index.d.cts

@@ -1,5 +1,4 @@
 export { useCrossmint, useWallet } from '@crossmint/client-sdk-react-base';
-export { CrossmintMobileContext, CrossmintProvider, useCrossmintMobile } from './useCrossmint.cjs';
-import 'react/jsx-runtime';
-import 'react';
-import '@crossmint/common-sdk-base';
+export { useCrossmintAuth } from './useCrossmintAuth.cjs';
+import '@crossmint/common-sdk-auth';
+import '@crossmint/client-sdk-auth';

package/dist/hooks/index.d.ts

@@ -1,5 +1,4 @@
 export { useCrossmint, useWallet } from '@crossmint/client-sdk-react-base';
-export { CrossmintMobileContext, CrossmintProvider, useCrossmintMobile } from './useCrossmint.js';
-import 'react/jsx-runtime';
-import 'react';
-import '@crossmint/common-sdk-base';
+export { useCrossmintAuth } from './useCrossmintAuth.js';
+import '@crossmint/common-sdk-auth';
+import '@crossmint/client-sdk-auth';

package/dist/hooks/index.js

@@ -1 +1 @@
-import{a as c,b as d}from"../chunk-XPV3ACTG.js";import{a,b}from"../chunk-UJCHGDRR.js";import"../chunk-X5T23V6W.js";export{b as CrossmintProvider,c as useCrossmint,a as useCrossmintMobile,d as useWallet};
+import{c as a,d as b,e as c}from"../chunk-2GYRKZHD.js";import"../chunk-BWWCPHLC.js";import"../chunk-DUTPQ56Q.js";export{b as useCrossmint,a as useCrossmintAuth,c as useWallet};

package/dist/hooks/useCrossmintAuth.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkT6M2PE3Ncjs = require('../chunk-T6M2PE3N.cjs');require('../chunk-ZPIV7DVZ.cjs');require('../chunk-6R7OYJL5.cjs');exports.useCrossmintAuth = _chunkT6M2PE3Ncjs.c;

package/dist/hooks/useCrossmintAuth.d.cts

@@ -0,0 +1,16 @@
+import '@crossmint/client-sdk-react-base';
+import * as _crossmint_common_sdk_auth from '@crossmint/common-sdk-auth';
+import * as _crossmint_client_sdk_auth from '@crossmint/client-sdk-auth';
+
+declare function useCrossmintAuth(): {
+    crossmintAuth?: _crossmint_client_sdk_auth.CrossmintAuth;
+    logout: () => void;
+    jwt?: string;
+    user?: _crossmint_common_sdk_auth.SDKExternalUser;
+    status: "logged-in" | "logged-out" | "in-progress" | "initializing";
+    getUser: () => void;
+    loginWithOAuth: (provider: _crossmint_common_sdk_auth.OAuthProvider) => Promise<void>;
+    createAuthSession: (urlOrOneTimeSecret: string) => Promise<void>;
+};
+
+export { useCrossmintAuth };

package/dist/hooks/useCrossmintAuth.d.ts

@@ -0,0 +1,16 @@
+import '@crossmint/client-sdk-react-base';
+import * as _crossmint_common_sdk_auth from '@crossmint/common-sdk-auth';
+import * as _crossmint_client_sdk_auth from '@crossmint/client-sdk-auth';
+
+declare function useCrossmintAuth(): {
+    crossmintAuth?: _crossmint_client_sdk_auth.CrossmintAuth;
+    logout: () => void;
+    jwt?: string;
+    user?: _crossmint_common_sdk_auth.SDKExternalUser;
+    status: "logged-in" | "logged-out" | "in-progress" | "initializing";
+    getUser: () => void;
+    loginWithOAuth: (provider: _crossmint_common_sdk_auth.OAuthProvider) => Promise<void>;
+    createAuthSession: (urlOrOneTimeSecret: string) => Promise<void>;
+};
+
+export { useCrossmintAuth };

package/dist/hooks/useCrossmintAuth.js

@@ -0,0 +1 @@
+import{c as a}from"../chunk-2GYRKZHD.js";import"../chunk-BWWCPHLC.js";import"../chunk-DUTPQ56Q.js";export{a as useCrossmintAuth};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-ZTVLR2J5.cjs');var _chunkNYIR2QUUcjs = require('./chunk-NYIR2QUU.cjs');var _chunk5Q2IYGY3cjs = require('./chunk-5Q2IYGY3.cjs');var _chunkCBBMAHQEcjs = require('./chunk-CBBMAHQE.cjs');require('./chunk-MHMX6QPD.cjs');exports.CrossmintProvider = _chunkCBBMAHQEcjs.b; exports.CrossmintWalletProvider = _chunkNYIR2QUUcjs.a; exports.useCrossmint = _chunk5Q2IYGY3cjs.a; exports.useCrossmintMobile = _chunkCBBMAHQEcjs.a; exports.useWallet = _chunk5Q2IYGY3cjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZKA4AS5Kcjs = require('./chunk-ZKA4AS5K.cjs');var _chunkT6M2PE3Ncjs = require('./chunk-T6M2PE3N.cjs');require('./chunk-ZPIV7DVZ.cjs');require('./chunk-6R7OYJL5.cjs');exports.AuthContext = _chunkT6M2PE3Ncjs.a; exports.CrossmintAuthProvider = _chunkT6M2PE3Ncjs.b; exports.CrossmintProvider = _chunkZKA4AS5Kcjs.a; exports.CrossmintWalletProvider = _chunkZKA4AS5Kcjs.b; exports.useCrossmint = _chunkT6M2PE3Ncjs.d; exports.useCrossmintAuth = _chunkT6M2PE3Ncjs.c; exports.useWallet = _chunkT6M2PE3Ncjs.e;

package/dist/index.d.cts

@@ -1,8 +1,9 @@
-export { useCrossmint, useWallet } from '@crossmint/client-sdk-react-base';
-export { CrossmintMobileContext, CrossmintProvider, useCrossmintMobile } from './hooks/useCrossmint.cjs';
-export { CrossmintWalletProvider } from './providers/CrossmintWalletProvider.cjs';
+export { CrossmintProvider, CrossmintWalletProvider, useCrossmint, useWallet } from '@crossmint/client-sdk-react-base';
+export { useCrossmintAuth } from './hooks/useCrossmintAuth.cjs';
+export { AuthContext, CrossmintAuthProvider } from './providers/CrossmintAuthProvider.cjs';
 export { EVMSmartWallet, SolanaSmartWallet } from '@crossmint/wallets-sdk';
 export { CrossmintEvent, CrossmintEventMap } from '@crossmint/client-sdk-base';
+export { OAuthProvider, SDKExternalUser } from '@crossmint/common-sdk-auth';
+import '@crossmint/client-sdk-auth';
 import 'react/jsx-runtime';
 import 'react';
-import '@crossmint/common-sdk-base';

package/dist/index.d.ts

@@ -1,8 +1,9 @@
-export { useCrossmint, useWallet } from '@crossmint/client-sdk-react-base';
-export { CrossmintMobileContext, CrossmintProvider, useCrossmintMobile } from './hooks/useCrossmint.js';
-export { CrossmintWalletProvider } from './providers/CrossmintWalletProvider.js';
+export { CrossmintProvider, CrossmintWalletProvider, useCrossmint, useWallet } from '@crossmint/client-sdk-react-base';
+export { useCrossmintAuth } from './hooks/useCrossmintAuth.js';
+export { AuthContext, CrossmintAuthProvider } from './providers/CrossmintAuthProvider.js';
 export { EVMSmartWallet, SolanaSmartWallet } from '@crossmint/wallets-sdk';
 export { CrossmintEvent, CrossmintEventMap } from '@crossmint/client-sdk-base';
+export { OAuthProvider, SDKExternalUser } from '@crossmint/common-sdk-auth';
+import '@crossmint/client-sdk-auth';
 import 'react/jsx-runtime';
 import 'react';
-import '@crossmint/common-sdk-base';

package/dist/index.js

@@ -1 +1 @@
-import"./chunk-7EAURGPG.js";import{a as s}from"./chunk-ZMKU6VDQ.js";import{a as e,b as o}from"./chunk-XPV3ACTG.js";import{a as t,b as r}from"./chunk-UJCHGDRR.js";import"./chunk-X5T23V6W.js";export{r as CrossmintProvider,s as CrossmintWalletProvider,e as useCrossmint,t as useCrossmintMobile,o as useWallet};
+import{a as m,b as a}from"./chunk-55NX6NQL.js";import{a as t,b as r,c as o,d as e,e as s}from"./chunk-2GYRKZHD.js";import"./chunk-BWWCPHLC.js";import"./chunk-DUTPQ56Q.js";export{t as AuthContext,r as CrossmintAuthProvider,m as CrossmintProvider,a as CrossmintWalletProvider,e as useCrossmint,o as useCrossmintAuth,s as useWallet};

package/dist/providers/CrossmintAuthProvider.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkT6M2PE3Ncjs = require('../chunk-T6M2PE3N.cjs');require('../chunk-ZPIV7DVZ.cjs');require('../chunk-6R7OYJL5.cjs');exports.AuthContext = _chunkT6M2PE3Ncjs.a; exports.CrossmintAuthProvider = _chunkT6M2PE3Ncjs.b;

package/dist/providers/CrossmintAuthProvider.d.cts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { StorageProvider, CrossmintAuth } from '@crossmint/client-sdk-auth';
+import { SDKExternalUser, OAuthProvider } from '@crossmint/common-sdk-auth';
+import '@crossmint/client-sdk-react-base';
+
+type AuthStatus = "logged-in" | "logged-out" | "in-progress" | "initializing";
+type CrossmintAuthProviderProps = {
+    prefetchOAuthUrls?: boolean;
+    onLoginSuccess?: () => void;
+    authModalTitle?: string;
+    children: ReactNode;
+    refreshRoute?: string;
+    logoutRoute?: string;
+    customStorageProvider?: StorageProvider;
+};
+type AuthContextType = {
+    crossmintAuth?: CrossmintAuth;
+    logout: () => void;
+    jwt?: string;
+    user?: SDKExternalUser;
+    status: AuthStatus;
+    getUser: () => void;
+    loginWithOAuth: (provider: OAuthProvider) => Promise<void>;
+    createAuthSession: (urlOrOneTimeSecret: string) => Promise<void>;
+};
+declare const AuthContext: react.Context<AuthContextType>;
+declare function CrossmintAuthProvider({ children, onLoginSuccess, refreshRoute, logoutRoute, customStorageProvider, }: CrossmintAuthProviderProps): react_jsx_runtime.JSX.Element;
+
+export { AuthContext, CrossmintAuthProvider };

package/dist/providers/CrossmintAuthProvider.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { StorageProvider, CrossmintAuth } from '@crossmint/client-sdk-auth';
+import { SDKExternalUser, OAuthProvider } from '@crossmint/common-sdk-auth';
+import '@crossmint/client-sdk-react-base';
+
+type AuthStatus = "logged-in" | "logged-out" | "in-progress" | "initializing";
+type CrossmintAuthProviderProps = {
+    prefetchOAuthUrls?: boolean;
+    onLoginSuccess?: () => void;
+    authModalTitle?: string;
+    children: ReactNode;
+    refreshRoute?: string;
+    logoutRoute?: string;
+    customStorageProvider?: StorageProvider;
+};
+type AuthContextType = {
+    crossmintAuth?: CrossmintAuth;
+    logout: () => void;
+    jwt?: string;
+    user?: SDKExternalUser;
+    status: AuthStatus;
+    getUser: () => void;
+    loginWithOAuth: (provider: OAuthProvider) => Promise<void>;
+    createAuthSession: (urlOrOneTimeSecret: string) => Promise<void>;
+};
+declare const AuthContext: react.Context<AuthContextType>;
+declare function CrossmintAuthProvider({ children, onLoginSuccess, refreshRoute, logoutRoute, customStorageProvider, }: CrossmintAuthProviderProps): react_jsx_runtime.JSX.Element;
+
+export { AuthContext, CrossmintAuthProvider };

package/dist/providers/CrossmintAuthProvider.js

@@ -0,0 +1 @@
+import{a,b}from"../chunk-2GYRKZHD.js";import"../chunk-BWWCPHLC.js";import"../chunk-DUTPQ56Q.js";export{a as AuthContext,b as CrossmintAuthProvider};

package/dist/providers/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-ZTVLR2J5.cjs');var _chunkNYIR2QUUcjs = require('../chunk-NYIR2QUU.cjs');require('../chunk-5Q2IYGY3.cjs');require('../chunk-CBBMAHQE.cjs');require('../chunk-MHMX6QPD.cjs');exports.CrossmintWalletProvider = _chunkNYIR2QUUcjs.a;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZKA4AS5Kcjs = require('../chunk-ZKA4AS5K.cjs');var _chunkT6M2PE3Ncjs = require('../chunk-T6M2PE3N.cjs');require('../chunk-ZPIV7DVZ.cjs');require('../chunk-6R7OYJL5.cjs');exports.AuthContext = _chunkT6M2PE3Ncjs.a; exports.CrossmintAuthProvider = _chunkT6M2PE3Ncjs.b; exports.CrossmintProvider = _chunkZKA4AS5Kcjs.a; exports.CrossmintWalletProvider = _chunkZKA4AS5Kcjs.b;

package/dist/providers/index.d.cts

@@ -1,3 +1,6 @@
-export { CrossmintWalletProvider } from './CrossmintWalletProvider.cjs';
+export { AuthContext, CrossmintAuthProvider } from './CrossmintAuthProvider.cjs';
+export { CrossmintProvider, CrossmintWalletProvider } from '@crossmint/client-sdk-react-base';
 import 'react/jsx-runtime';
 import 'react';
+import '@crossmint/client-sdk-auth';
+import '@crossmint/common-sdk-auth';

package/dist/providers/index.d.ts

@@ -1,3 +1,6 @@
-export { CrossmintWalletProvider } from './CrossmintWalletProvider.js';
+export { AuthContext, CrossmintAuthProvider } from './CrossmintAuthProvider.js';
+export { CrossmintProvider, CrossmintWalletProvider } from '@crossmint/client-sdk-react-base';
 import 'react/jsx-runtime';
 import 'react';
+import '@crossmint/client-sdk-auth';
+import '@crossmint/common-sdk-auth';

package/dist/providers/index.js

@@ -1 +1 @@
-import"../chunk-7EAURGPG.js";import{a}from"../chunk-ZMKU6VDQ.js";import"../chunk-XPV3ACTG.js";import"../chunk-UJCHGDRR.js";import"../chunk-X5T23V6W.js";export{a as CrossmintWalletProvider};
+import{a as c,b as d}from"../chunk-55NX6NQL.js";import{a,b}from"../chunk-2GYRKZHD.js";import"../chunk-BWWCPHLC.js";import"../chunk-DUTPQ56Q.js";export{a as AuthContext,b as CrossmintAuthProvider,c as CrossmintProvider,d as CrossmintWalletProvider};

package/dist/testUtils.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-MHMX6QPD.cjs');var _="sk_development_12341234",e= exports.MOCK_APP_ID ="com.app.id";exports.MOCK_API_KEY = _; exports.MOCK_APP_ID = e;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});require('./chunk-6R7OYJL5.cjs');var _="sk_development_12341234",e= exports.MOCK_APP_ID ="com.app.id";exports.MOCK_API_KEY = _; exports.MOCK_APP_ID = e;

package/dist/testUtils.js

@@ -1 +1 @@
-import"./chunk-X5T23V6W.js";var e="sk_development_12341234",p="com.app.id";export{e as MOCK_API_KEY,p as MOCK_APP_ID};
+import"./chunk-DUTPQ56Q.js";var e="sk_development_12341234",p="com.app.id";export{e as MOCK_API_KEY,p as MOCK_APP_ID};

package/dist/utils/SecureStorage.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZPIV7DVZcjs = require('../chunk-ZPIV7DVZ.cjs');require('../chunk-6R7OYJL5.cjs');exports.SecureStorage = _chunkZPIV7DVZcjs.a;

package/dist/utils/SecureStorage.d.cts

@@ -0,0 +1,10 @@
+import { StorageProvider } from '@crossmint/client-sdk-auth';
+
+declare class SecureStorage implements StorageProvider {
+    get(key: string): Promise<string | undefined>;
+    set(key: string, value: string, expiresAt?: string): Promise<void>;
+    remove(key: string): Promise<void>;
+    isAvailable(): Promise<boolean>;
+}
+
+export { SecureStorage };

package/dist/utils/SecureStorage.d.ts

@@ -0,0 +1,10 @@
+import { StorageProvider } from '@crossmint/client-sdk-auth';
+
+declare class SecureStorage implements StorageProvider {
+    get(key: string): Promise<string | undefined>;
+    set(key: string, value: string, expiresAt?: string): Promise<void>;
+    remove(key: string): Promise<void>;
+    isAvailable(): Promise<boolean>;
+}
+
+export { SecureStorage };

package/dist/utils/SecureStorage.js

@@ -0,0 +1 @@
+import{a}from"../chunk-BWWCPHLC.js";import"../chunk-DUTPQ56Q.js";export{a as SecureStorage};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crossmint/client-sdk-react-native-ui",
-  "version": "0.1.2",
+  "version": "0.3.0",
   "repository": "https://github.com/Crossmint/crossmint-sdk",
   "license": "Apache-2.0",
   "author": "Paella Labs Inc",
@@ -18,10 +18,14 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@crossmint/common-sdk-base": "0.4.0",
+    "expo-secure-store": "14.0.1",
+    "expo-web-browser": "~14.0.2",
+    "@crossmint/client-sdk-auth": "1.2.1",
     "@crossmint/client-sdk-base": "1.4.17",
-    "@crossmint/client-sdk-react-base": "0.2.0",
-    "@crossmint/wallets-sdk": "0.5.0"
+    "@crossmint/client-sdk-react-base": "0.2.1",
+    "@crossmint/common-sdk-auth": "1.0.24",
+    "@crossmint/common-sdk-base": "0.4.0",
+    "@crossmint/wallets-sdk": "0.5.1"
   },
   "devDependencies": {
     "@types/react": "19.0.12"

package/dist/chunk-CBBMAHQE.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('react');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _jsxruntime = require('react/jsx-runtime');var i=_react.createContext.call(void 0, null);function v(r){let o=_react.useContext.call(void 0, i);if(o==null)throw new Error(r!=null?r:"useCrossmint must be used within a CrossmintProvider");return o}function a({children:r,apiKey:o,appId:t,overrideBaseUrl:n}){let s=_react.useMemo.call(void 0, ()=>({appId:t}),[t]);return _jsxruntime.jsx.call(void 0, _clientsdkreactbase.CrossmintProvider,{apiKey:o,overrideBaseUrl:n,children:_jsxruntime.jsx.call(void 0, i.Provider,{value:s,children:r})})}exports.a = v; exports.b = a;

package/dist/chunk-MHMX6QPD.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var f=Object.defineProperty,g=Object.defineProperties;var h=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var e=(c,a,b)=>a in c?f(c,a,{enumerable:!0,configurable:!0,writable:!0,value:b}):c[a]=b,k= exports.a =(c,a)=>{for(var b in a||(a={}))i.call(a,b)&&e(c,b,a[b]);if(d)for(var b of d(a))j.call(a,b)&&e(c,b,a[b]);return c},l= exports.b =(c,a)=>g(c,h(a));exports.a = k; exports.b = l;

package/dist/chunk-NYIR2QUU.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunk5Q2IYGY3cjs = require('./chunk-5Q2IYGY3.cjs');var _chunkCBBMAHQEcjs = require('./chunk-CBBMAHQE.cjs');var _chunkMHMX6QPDcjs = require('./chunk-MHMX6QPD.cjs');var _react = require('react');var _walletssdk = require('@crossmint/wallets-sdk');var _clientsdkreactbase = require('@crossmint/client-sdk-react-base');var _jsxruntime = require('react/jsx-runtime');function x({children:m}){var r;let{crossmint:t}=_chunk5Q2IYGY3cjs.a.call(void 0, "CrossmintWalletProvider must be used within CrossmintProvider"),{appId:e}=_chunkCBBMAHQEcjs.a.call(void 0, "CrossmintWalletProvider must be used within CrossmintProvider"),n=_react.useMemo.call(void 0, ()=>_walletssdk.CrossmintWallets.from(t,{appId:e}),[t,e]),{state:a,getOrCreateWallet:d,clearWallet:c}=_clientsdkreactbase.useWalletState.call(void 0, {crossmintWallets:n,crossmintJwt:(r=t.jwt)!=null?r:null});return _jsxruntime.jsx.call(void 0, _clientsdkreactbase.WalletContext.Provider,{value:_chunkMHMX6QPDcjs.b.call(void 0, _chunkMHMX6QPDcjs.a.call(void 0, {},a),{getOrCreateWallet:d,clearWallet:c}),children:m})}exports.a = x;

package/dist/chunk-UJCHGDRR.js

@@ -1 +0,0 @@
-import{createContext as m,useContext as l,useMemo as C}from"react";import{CrossmintProvider as d}from"@crossmint/client-sdk-react-base";import{jsx as e}from"react/jsx-runtime";var i=m(null);function a(r){let o=l(i);if(o==null)throw new Error(r!=null?r:"useCrossmint must be used within a CrossmintProvider");return o}function b({children:r,apiKey:o,appId:t,overrideBaseUrl:n}){let s=C(()=>({appId:t}),[t]);return e(d,{apiKey:o,overrideBaseUrl:n,children:e(i.Provider,{value:s,children:r})})}export{a,b};

package/dist/chunk-X5T23V6W.js

@@ -1 +0,0 @@
-var f=Object.defineProperty,g=Object.defineProperties;var h=Object.getOwnPropertyDescriptors;var d=Object.getOwnPropertySymbols;var i=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var e=(c,a,b)=>a in c?f(c,a,{enumerable:!0,configurable:!0,writable:!0,value:b}):c[a]=b,k=(c,a)=>{for(var b in a||(a={}))i.call(a,b)&&e(c,b,a[b]);if(d)for(var b of d(a))j.call(a,b)&&e(c,b,a[b]);return c},l=(c,a)=>g(c,h(a));export{k as a,l as b};

package/dist/chunk-XPV3ACTG.js

@@ -1 +0,0 @@
-import{useCrossmint as m,useWallet as f}from"@crossmint/client-sdk-react-base";export{m as a,f as b};

package/dist/chunk-ZMKU6VDQ.js

@@ -1 +0,0 @@
-import{a as i}from"./chunk-XPV3ACTG.js";import{a as l}from"./chunk-UJCHGDRR.js";import{a as o,b as s}from"./chunk-X5T23V6W.js";import{useMemo as u}from"react";import{CrossmintWallets as C}from"@crossmint/wallets-sdk";import{WalletContext as W,useWalletState as p}from"@crossmint/client-sdk-react-base";import{jsx as v}from"react/jsx-runtime";function M({children:m}){var r;let{crossmint:t}=i("CrossmintWalletProvider must be used within CrossmintProvider"),{appId:e}=l("CrossmintWalletProvider must be used within CrossmintProvider"),n=u(()=>C.from(t,{appId:e}),[t,e]),{state:a,getOrCreateWallet:d,clearWallet:c}=p({crossmintWallets:n,crossmintJwt:(r=t.jwt)!=null?r:null});return v(W.Provider,{value:s(o({},a),{getOrCreateWallet:d,clearWallet:c}),children:m})}export{M as a};

package/dist/chunk-ZTVLR2J5.cjs

@@ -1 +0,0 @@
-"use strict";

package/dist/hooks/useCrossmint.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkCBBMAHQEcjs = require('../chunk-CBBMAHQE.cjs');require('../chunk-MHMX6QPD.cjs');exports.CrossmintProvider = _chunkCBBMAHQEcjs.b; exports.useCrossmintMobile = _chunkCBBMAHQEcjs.a;

package/dist/hooks/useCrossmint.d.cts

@@ -1,15 +0,0 @@
-import '@crossmint/client-sdk-react-base';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { Crossmint } from '@crossmint/common-sdk-base';
-
-interface CrossmintMobileContext {
-    appId: string;
-}
-declare function useCrossmintMobile(missingContextMessage?: string): CrossmintMobileContext;
-declare function CrossmintProvider({ children, apiKey, appId, overrideBaseUrl, }: Omit<Crossmint, "jwt"> & {
-    children: ReactNode;
-    appId: string;
-}): react_jsx_runtime.JSX.Element;
-
-export { type CrossmintMobileContext, CrossmintProvider, useCrossmintMobile };

package/dist/hooks/useCrossmint.d.ts

@@ -1,15 +0,0 @@
-import '@crossmint/client-sdk-react-base';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-import { Crossmint } from '@crossmint/common-sdk-base';
-
-interface CrossmintMobileContext {
-    appId: string;
-}
-declare function useCrossmintMobile(missingContextMessage?: string): CrossmintMobileContext;
-declare function CrossmintProvider({ children, apiKey, appId, overrideBaseUrl, }: Omit<Crossmint, "jwt"> & {
-    children: ReactNode;
-    appId: string;
-}): react_jsx_runtime.JSX.Element;
-
-export { type CrossmintMobileContext, CrossmintProvider, useCrossmintMobile };

package/dist/hooks/useCrossmint.js

@@ -1 +0,0 @@
-import{a,b}from"../chunk-UJCHGDRR.js";import"../chunk-X5T23V6W.js";export{b as CrossmintProvider,a as useCrossmintMobile};

package/dist/providers/CrossmintWalletProvider.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkNYIR2QUUcjs = require('../chunk-NYIR2QUU.cjs');require('../chunk-5Q2IYGY3.cjs');require('../chunk-CBBMAHQE.cjs');require('../chunk-MHMX6QPD.cjs');exports.CrossmintWalletProvider = _chunkNYIR2QUUcjs.a;

package/dist/providers/CrossmintWalletProvider.d.cts

@@ -1,8 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-declare function CrossmintWalletProvider({ children, }: {
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
-export { CrossmintWalletProvider };

package/dist/providers/CrossmintWalletProvider.d.ts

@@ -1,8 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
-
-declare function CrossmintWalletProvider({ children, }: {
-    children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
-
-export { CrossmintWalletProvider };

package/dist/providers/CrossmintWalletProvider.js

@@ -1 +0,0 @@
-import{a}from"../chunk-ZMKU6VDQ.js";import"../chunk-XPV3ACTG.js";import"../chunk-UJCHGDRR.js";import"../chunk-X5T23V6W.js";export{a as CrossmintWalletProvider};