@tiun/react-native-sdk 0.1.0-beta.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 tiun
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+# @tiun/react-native-sdk
+
+tiun SDK for React Native. Renders the tiun web snippet inside a `WebView` and
+bridges its login/checkout overlays to native, with device-bound auth backed by
+the native keystore/keychain.
+
+## Install
+
+```bash
+npm install @tiun/react-native-sdk
+```
+
+## Usage
+
+```tsx
+import { TiunProvider, useTiun, useTiunEvent } from '@tiun/react-native-sdk';
+
+function App() {
+  return (
+    <TiunProvider
+      config={{
+        snippetId: 'your-snippet-id',
+        returnUrl: 'myapp://tiun/return'
+      }}
+    >
+      <Screen />
+    </TiunProvider>
+  );
+}
+```
+
+The app must register the `returnUrl` deep-link scheme in its native config; the
+SDK only consumes the URL.
+
+## Peer dependencies
+
+`react`, `react-native`, `react-native-webview`, `react-native-secure-sign`,
+`react-native-keychain`, `react-native-inappbrowser-nitro`, `react-native-nitro-modules`

package/dist/index.d.ts

@@ -0,0 +1,109 @@
+import { JSX } from 'react/jsx-runtime';
+import { ReactNode } from 'react';
+
+export declare interface CheckoutOptions {
+    /**
+     * Specific product ID to checkout (optional, for future use)
+     */
+    productId?: string;
+}
+
+declare interface PaywallHideEvent {
+    /**
+     * Active session ID
+     */
+    sessionId: string;
+    /**
+     * Whether user is connected
+     */
+    isConnected: boolean;
+}
+
+declare interface PaywallShowEvent {
+    /**
+     * Whether user has connected a payment method
+     */
+    isConnected: boolean;
+}
+
+export declare type TiunConfig = {
+    /** tiun snippet id (goes in the asset route). */
+    snippetId: string;
+    /**
+     * Snippet-service origin (no trailing slash). Defaults to production.
+     * Override for staging/sandbox, e.g. `https://api-staging.tiun.live`.
+     */
+    host?: string;
+    /** Snippet UI language; defaults to 'en'. */
+    language?: string;
+    /**
+     * The app's deep link the in-app browser returns to after payment, e.g.
+     * `myapp://tiun/return`. The app must register this scheme in its native
+     * config (an app concern); the SDK only consumes the URL. Required for checkout.
+     */
+    returnUrl: string;
+    /** Verbose bridge logging. */
+    debug?: boolean;
+};
+
+/** Reactive state + actions returned by `useTiun()`. */
+export declare type TiunContextValue = {
+    isAuthenticated: boolean;
+    user: TiunUser | null;
+    /** Snippet has initialized inside the WebView and is ready for commands. */
+    ready: boolean;
+    /** GO/NO-GO crypto gate: crypto.subtle usable in the WebView (null until reported). */
+    cryptoOk: boolean | null;
+    login: () => void;
+    logout: () => void;
+    checkout: (options?: CheckoutOptions) => void;
+    getUserVerificationToken: () => Promise<string | null>;
+};
+
+/** Events surfaced via `useTiunEvent` (names mirror the web SDK). */
+export declare type TiunEventName = 'ready' | 'userChange' | 'login' | 'logout' | 'paywallShow' | 'paywallHide' | 'error';
+
+export declare type TiunEventPayload = {
+    ready: void;
+    userChange: {
+        isAuthenticated: boolean;
+        user: TiunUser | null;
+    };
+    login: {
+        user: TiunUser | null;
+    };
+    logout: void;
+    paywallShow: PaywallShowEvent;
+    paywallHide: PaywallHideEvent;
+    error: {
+        code?: string;
+        message?: string;
+        details?: unknown;
+    };
+};
+
+export declare function TiunProvider({ config, children }: {
+    config: TiunConfig;
+    children: ReactNode;
+}): JSX.Element;
+
+/** The authenticated user (alias of the web SDK's `UserInfo`). */
+export declare type TiunUser = UserInfo;
+
+declare interface UserInfo {
+    userId: string;
+    email: string;
+    productAccess: string[];
+}
+
+/** Reactive tiun state + actions. Must be used within <TiunProvider>. */
+export declare function useTiun(): TiunContextValue;
+
+/**
+ * Subscribe to a tiun event (mirrors the web SDK's `on`). The handler is kept in
+ * a ref so re-renders don't churn the subscription; it auto-unsubscribes on
+ * unmount. Must be used within <TiunProvider>.
+ */
+export declare function useTiunEvent<T extends TiunEventName>(event: T, handler: (payload: TiunEventPayload[T]) => void): void;
+
+export { }

package/dist/index.js

@@ -0,0 +1,22 @@
+"use strict";var we=Object.defineProperty;var ve=(t,r,i)=>r in t?we(t,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[r]=i;var fe=(t,r,i)=>(ve(t,typeof r!="symbol"?r+"":r,i),i);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),b=require("react-native"),_e=require("react-native-webview"),M=require("react-native-inappbrowser-nitro"),te=require("react-native-secure-sign"),Se=require("react-native-keychain");function me(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const u=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(r,i,u.get?u:{enumerable:!0,get:()=>t[i]})}}return r.default=t,Object.freeze(r)}const ne=me(Se);var se={exports:{}},X={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var pe;function Re(){if(pe)return X;pe=1;var t=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function i(u,c,l){var T=null;if(l!==void 0&&(T=""+l),c.key!==void 0&&(T=""+c.key),"key"in c){l={};for(var m in c)m!=="key"&&(l[m]=c[m])}else l=c;return c=l.ref,{$$typeof:t,type:u,key:T,ref:c!==void 0?c:null,props:l}}return X.Fragment=r,X.jsx=i,X.jsxs=i,X}var Q={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var he;function ge(){return he||(he=1,process.env.NODE_ENV!=="production"&&function(){function t(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===f?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case E:return"Fragment";case V:return"Profiler";case K:return"StrictMode";case G:return"Suspense";case s:return"SuspenseList";case n:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case g:return"Portal";case L:return(e.displayName||"Context")+".Provider";case F:return(e._context.displayName||"Context")+".Consumer";case q:var a=e.render;return e=e.displayName,e||(e=a.displayName||a.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case v:return a=e.displayName||null,a!==null?a:t(e.type)||"Memo";case o:a=e._payload,e=e._init;try{return t(e(a))}catch{}}return null}function r(e){return""+e}function i(e){try{r(e);var a=!1}catch{a=!0}if(a){a=console;var p=a.error,y=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return p.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",y),r(e)}}function u(e){if(e===E)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===o)return"<...>";try{var a=t(e);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function c(){var e=_.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function T(e){if(h.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function m(e,a){function p(){W||(W=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",a))}p.isReactWarning=!0,Object.defineProperty(e,"key",{get:p,configurable:!0})}function U(){var e=t(this.type);return B[e]||(B[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function N(e,a,p,y,j,C,oe,ie){return p=C.ref,e={$$typeof:$,type:e,key:a,props:C,_owner:j},(p!==void 0?p:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:U}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:oe}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:ie}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function O(e,a,p,y,j,C,oe,ie){var w=a.children;if(w!==void 0)if(y)if(k(w)){for(y=0;y<w.length;y++)I(w[y]);Object.freeze&&Object.freeze(w)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else I(w);if(h.call(a,"key")){w=t(e);var Y=Object.keys(a).filter(function(ye){return ye!=="key"});y=0<Y.length?"{key: someKey, "+Y.join(": ..., ")+": ...}":"{key: someKey}",P[w+y]||(Y=0<Y.length?"{"+Y.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,y,w,Y,w),P[w+y]=!0)}if(w=null,p!==void 0&&(i(p),w=""+p),T(a)&&(i(a.key),w=""+a.key),"key"in a){p={};for(var ae in a)ae!=="key"&&(p[ae]=a[ae])}else p=a;return w&&m(p,typeof e=="function"?e.displayName||e.name||"Unknown":e),N(e,w,C,j,c(),p,oe,ie)}function I(e){typeof e=="object"&&e!==null&&e.$$typeof===$&&e._store&&(e._store.validated=1)}var A=d,$=Symbol.for("react.transitional.element"),g=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),K=Symbol.for("react.strict_mode"),V=Symbol.for("react.profiler"),F=Symbol.for("react.consumer"),L=Symbol.for("react.context"),q=Symbol.for("react.forward_ref"),G=Symbol.for("react.suspense"),s=Symbol.for("react.suspense_list"),v=Symbol.for("react.memo"),o=Symbol.for("react.lazy"),n=Symbol.for("react.activity"),f=Symbol.for("react.client.reference"),_=A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,h=Object.prototype.hasOwnProperty,k=Array.isArray,R=console.createTask?console.createTask:function(){return null};A={"react-stack-bottom-frame":function(e){return e()}};var W,B={},J=A["react-stack-bottom-frame"].bind(A,l)(),z=R(u(l)),P={};Q.Fragment=E,Q.jsx=function(e,a,p,y,j){var C=1e4>_.recentlyCreatedOwnerStacks++;return O(e,a,p,!1,y,j,C?Error("react-stack-top-frame"):J,C?R(u(e)):z)},Q.jsxs=function(e,a,p,y,j){var C=1e4>_.recentlyCreatedOwnerStacks++;return O(e,a,p,!0,y,j,C?Error("react-stack-top-frame"):J,C?R(u(e)):z)}}()),Q}process.env.NODE_ENV==="production"?se.exports=Re():se.exports=ge();var S=se.exports;const ke={errorPillText:"Technical Error",errorNotificationTitle:"Technical error",errorNotificationSubtitle:"Please reload the page or contact our support.",errorTitle:"Technical error",errorTextBeforeEmail:"Try reloading the page. If the error persists, please contact ",errorTextAfterEmail:" and we’ll help you right away.",connectionErrorTitle:"No connection",connectionErrorText:"We couldn’t reach tiun. Check your internet connection and try again.",connectionErrorCta:"Try again"},Ne={errorPillText:"Erreur Technique",errorNotificationTitle:"Erreur technique",errorNotificationSubtitle:"Veuillez recharger la page ou contacter notre support.",errorTitle:"Erreur technique",errorTextBeforeEmail:"Veuillez recharger la page. Si l’erreur persiste, contactez ",errorTextAfterEmail:" et nous vous aiderons immédiatement.",connectionErrorTitle:"Pas de connexion",connectionErrorText:"Impossible de joindre tiun. Vérifiez votre connexion Internet et réessayez.",connectionErrorCta:"Réessayer"},Oe={errorPillText:"Technischer Fehler",errorNotificationTitle:"Technischer Fehler",errorNotificationSubtitle:"Bitte lade die Seite neu, oder kontaktiere unseren Support.",errorTitle:"Technischer Fehler",errorTextBeforeEmail:"Bitte lade die Seite neu. Sollte der Fehler weiterhin auftreten, kontaktiere ",errorTextAfterEmail:" und wir helfen Dir sofort weiter.",connectionErrorTitle:"Keine Verbindung",connectionErrorText:"tiun konnte nicht erreicht werden. Überprüfe deine Internetverbindung und versuche es erneut.",connectionErrorCta:"Erneut versuchen"},Ce={errorPillText:"Technischer Fehler",errorNotificationTitle:"Technischer Fehler",errorNotificationSubtitle:"Bitte laden Sie die Seite neu, oder kontaktieren Sie unseren Support.",errorTitle:"Technischer Fehler",errorTextBeforeEmail:"Bitte laden Sie die Seite neu. Sollte der Fehler weiterhin auftreten, kontaktieren Sie ",errorTextAfterEmail:" und wir helfen Ihnen sofort weiter.",connectionErrorTitle:"Keine Verbindung",connectionErrorText:"tiun konnte nicht erreicht werden. Überprüfen Sie Ihre Internetverbindung und versuchen Sie es erneut.",connectionErrorCta:"Erneut versuchen"};function Ie(t,r="informal"){switch((t??"en").trim().toLowerCase()){case"de":return r==="formal"?Ce:Oe;case"fr":return Ne;default:return ke}}const D={start:"TIUN_START",checkout:"TIUN_CHECKOUT",updateContent:"TIUN_UPDATE_CONTENT",login:"TIUN_LOGIN",logout:"TIUN_LOGOUT",getVerificationToken:"TIUN_GET_VERIFICATION_TOKEN",overlayChange:"TIUN_OVERLAY_CHANGE",popPubKeyRequest:"TIUN_POP_PUBKEY_REQUEST",popSignRequest:"TIUN_POP_SIGN_REQUEST",tokenGet:"TIUN_TOKEN_GET",tokenPersist:"TIUN_TOKEN_PERSIST",nativeReset:"TIUN_NATIVE_RESET",popPubKey:"TIUN_POP_PUBKEY",restoreToken:"TIUN_RESTORE_TOKEN",popSignResult:"TIUN_POP_SIGN_RESULT",resolveCheckout:"TIUN_RESOLVE_CHECKOUT"},Pe="__TIUN_NATIVE_CRYPTO__",xe="https://api.tiun.live";function ue(t){return(t.host??xe).replace(/\/$/,"")}function re(t){return`app.tiun.pop.${t.snippetId||"default"}`}function Z(t){return`app.tiun.token.${t.snippetId||"default"}`}function Ae(t){return`${`${ue(t)}/live_api/v2/snippets/${encodeURIComponent(t.snippetId)}/webview_return`}?to=${encodeURIComponent(t.returnUrl)}`}function je(t){const r={language:t.language??"en"},i=Object.entries(r).map(([c,l])=>`${encodeURIComponent(c)}=${encodeURIComponent(l)}`).join("&"),u=`${ue(t)}/live_api/v2/snippets/${encodeURIComponent(t.snippetId)}/webview_host`;return i?`${u}?${i}`:u}function Te(t){const r=t.indexOf("?");if(!(r<0))for(const i of t.slice(r+1).split("&")){const u=i.indexOf("=");if((u<0?i:i.slice(0,u))==="status"){const l=u<0?"":i.slice(u+1);return l?decodeURIComponent(l):void 0}}}function Ue(t,r){const i=t.returnUrl.split("?")[0];return r.startsWith(i)}const le="1005";function de(t){return t==null?void 0:t.code}async function $e(t){try{return await te.getPublicKey(t)}catch(r){if(de(r)===le)return te.generate(t,{requireUserAuthentication:!1});throw r}}async function Fe(t){try{return await te.getPublicKey(t)}catch(r){if(de(r)===le)return null;throw r}}function Le(t,r){return te.sign(t,r)}async function We(t){try{await te.removeKey(t)}catch(r){if(de(r)!==le)throw r}}const Ve="tiun_auth_token";async function qe(t){const r=await ne.getGenericPassword({service:t});return r?r.password:null}async function Ye(t,r){await ne.setGenericPassword(Ve,r,{service:t,accessible:ne.ACCESSIBLE.AFTER_FIRST_UNLOCK_THIS_DEVICE_ONLY})}async function ce(t){await ne.resetGenericPassword({service:t})}function De(t){const r=Ie(t);return{title:r.connectionErrorTitle,text:r.connectionErrorText,cta:r.connectionErrorCta}}function He({language:t,onRetry:r}){const i=De(t);return S.jsxs(b.View,{style:x.container,children:[S.jsxs(b.View,{style:x.content,children:[S.jsx(b.Text,{style:x.title,children:i.title}),S.jsx(b.View,{style:x.iconBadge,children:S.jsx(b.Text,{style:x.iconGlyph,children:"!"})}),S.jsx(b.Text,{style:x.text,children:i.text})]}),S.jsx(b.Pressable,{accessibilityRole:"button",onPress:r,style:({pressed:u})=>[x.button,u&&x.buttonPressed],children:S.jsx(b.Text,{style:x.buttonText,children:i.cta})})]})}const x=b.StyleSheet.create({container:{...b.StyleSheet.absoluteFillObject,backgroundColor:"#fff",padding:24,justifyContent:"space-between"},content:{flex:1,alignItems:"center",justifyContent:"center",gap:24},title:{fontSize:20,fontWeight:"600",color:"#000",textAlign:"center"},iconBadge:{width:40,height:40,borderRadius:20,backgroundColor:"#FCE7F3",alignItems:"center",justifyContent:"center"},iconGlyph:{color:"#DB2777",fontSize:22,fontWeight:"700",lineHeight:26},text:{fontSize:16,fontWeight:"500",color:"#4B5563",textAlign:"center"},button:{backgroundColor:"#000",borderRadius:999,minHeight:56,alignItems:"center",justifyContent:"center",alignSelf:"stretch"},buttonPressed:{opacity:.9},buttonText:{color:"#fff",fontSize:16,fontWeight:"500"}}),Ke=_e.WebView;function H(t){return`try{window.tiunHost&&${t};}catch(e){}; true;`}const Ge=d.forwardRef(function({config:r,onEvent:i},u){const c=!!r.debug,l=d.useRef(null),[T,m]=d.useState(!1),[U,N]=d.useState(!1),O=d.useRef(!1),I=d.useRef(!1),A=()=>{var o;N(!1),(o=l.current)==null||o.reload()};d.useEffect(()=>{if(!U)return;const o=b.AppState.addEventListener("change",n=>{var f;n==="active"&&(N(!1),(f=l.current)==null||f.reload())});return()=>o.remove()},[U]);const $=`window.${Pe} = true;window.__TIUN_CONFIG__ = Object.assign({}, window.__TIUN_CONFIG__, { returnUrl: ${JSON.stringify(Ae(r))} });true;`,g=(o,...n)=>{var f;return(f=l.current)==null?void 0:f.injectJavaScript(H(`window.tiunHost.${o}(${n.map(_=>JSON.stringify(_)??"null").join(",")})`))},E=o=>{var n;I.current||(I.current=!0,M.close().catch(()=>{}),M.closeAuth().catch(()=>{}),m(!0),(n=l.current)==null||n.injectJavaScript(H(`window.tiunHost.resolveCheckout(${o?JSON.stringify(o):""})`)))},K=o=>{var n,f,_;switch(o.type){case D.popPubKeyRequest:return $e(re(r)).then(h=>g("popPubKey",h)).catch(h=>{c&&console.warn("[tiun] ensurePopKey failed:",h),g("popPubKey",null)}),!0;case D.tokenGet:return(async()=>{try{const h=await qe(Z(r));if(h&&!await Fe(re(r))){await ce(Z(r)),g("restoreToken",null);return}g("restoreToken",h)}catch{g("restoreToken",null)}})(),!0;case D.popSignRequest:{const h=(n=o.payload)==null?void 0:n.requestId,k=(f=o.payload)==null?void 0:f.information;return Le(re(r),k).then(R=>g("popSignResult",h,R,null)).catch(R=>{const W=(R==null?void 0:R.code)??"sign_failed";c&&console.warn("[tiun] popSign failed:",R),g("popSignResult",h,null,String(W))}),!0}case D.tokenPersist:{const h=((_=o.payload)==null?void 0:_.token)??null;return(h?Ye(Z(r),h):ce(Z(r))).catch(k=>c&&console.warn("[tiun] token persist failed:",k)),!0}case D.nativeReset:return Promise.allSettled([We(re(r)),ce(Z(r))]),!0;default:return!1}};d.useImperativeHandle(u,()=>({login:()=>{var o;m(!0),(o=l.current)==null||o.injectJavaScript(H("window.tiunHost.login()"))},checkout:o=>{var n;m(!0),O.current=!0,I.current=!1,(n=l.current)==null||n.injectJavaScript(H(`window.tiunHost.checkout(${o?JSON.stringify(o):""})`))},logout:()=>{var o;return(o=l.current)==null?void 0:o.injectJavaScript(H("window.tiunHost.logout()"))},getVerificationToken:o=>{var n;return(n=l.current)==null?void 0:n.injectJavaScript(H(`window.tiunHost.getVerificationToken(${o?JSON.stringify(o):""})`))},resolveCheckout:E,reload:()=>{var o;return(o=l.current)==null?void 0:o.reload()}}),[]);const V=o=>{var f,_,h;let n=null;try{n=JSON.parse(o.nativeEvent.data)}catch{c&&console.warn("[tiun] non-JSON bridge message:",o.nativeEvent.data);return}if(!(!n||typeof n.type!="string")){if(n.type==="console"){c&&console.log("[tiun webview]",(f=n.payload)==null?void 0:f.level,(_=n.payload)==null?void 0:_.message);return}if((n.type==="cryptoCheck"||n.type==="hostBridgeReady")&&N(!1),c&&console.log("[tiun] <-",n.type,n.payload),!K(n)){if(n.type===D.overlayChange){const k=!!((h=n.payload)!=null&&h.overlay);m(k),k||(O.current=!1)}i(n)}}},F=o=>{if(O.current=!1,b.Platform.OS==="ios"){M.openAuth(o,r.returnUrl).then(n=>{n.type==="success"&&n.url?E(Te(n.url)):n.type==="cancel"&&E("cancelled")}).catch(n=>c&&console.warn("[tiun] openAuth error:",n));return}M.open(o,{showTitle:!1,enableUrlBarHiding:!1,enableDefaultShare:!1,forceCloseOnRedirection:!1}).then(n=>{n.type==="cancel"&&E("cancelled")}).catch(n=>c&&console.warn("[tiun] in-app browser open error:",n))},L=o=>{M.open(o,{modalPresentationStyle:"fullScreen",modalEnabled:!0,animated:!0,enableBarCollapsing:!0}).catch(n=>c&&console.warn("[tiun] in-app browser open failed:",n))},q=o=>{var f;const n=(f=o.nativeEvent)==null?void 0:f.targetUrl;n&&(O.current?F(n):L(n))},G=o=>{const n=o.url;return n.startsWith(ue(r))||n.startsWith("about:")||n.startsWith("data:")||n==="about:blank"?!0:n.startsWith("http://")||n.startsWith("https://")?(O.current&&o.isTopFrame!==!1?F(n):L(n),!1):!0},{width:s,height:v}=b.useWindowDimensions();return S.jsxs(b.View,{pointerEvents:T?"auto":"none",style:[ee.container,{width:s,height:v},T?ee.visible:ee.hidden],children:[S.jsx(Ke,{ref:l,source:{uri:je(r)},originWhitelist:["*"],onMessage:V,onShouldStartLoadWithRequest:G,onOpenWindow:q,injectedJavaScriptBeforeContentLoaded:$,javaScriptEnabled:!0,domStorageEnabled:!0,style:ee.webview,containerStyle:ee.webview,onError:o=>{c&&console.warn("[tiun] webview load error:",o.nativeEvent),N(!0)},onHttpError:o=>{c&&console.warn("[tiun] webview http error:",o.nativeEvent),N(!0)}}),U&&T?S.jsx(He,{language:r.language,onRetry:A}):null]})}),ee=b.StyleSheet.create({container:{position:"absolute",top:0,left:0,zIndex:9999,elevation:9999},webview:{flex:1,backgroundColor:"transparent"},visible:{opacity:1},hidden:{opacity:0}});class Be{constructor(){fe(this,"listeners",new Map)}on(r,i){let u=this.listeners.get(r);return u||(u=new Set,this.listeners.set(r,u)),u.add(i),()=>{var c;(c=this.listeners.get(r))==null||c.delete(i)}}emit(r,i){const u=this.listeners.get(r);if(u)for(const c of u)try{c(i)}catch{}}}const Ee=d.createContext(null),be=d.createContext(null);function Je({config:t,children:r}){const i=d.useRef(null),u=d.useRef(!1),c=d.useRef([]),l=d.useRef(new Map),T=d.useRef(new Be).current,[m,U]=d.useState(!1),[N,O]=d.useState(null),[I,A]=d.useState(!1),[$,g]=d.useState(null),E=d.useCallback(s=>{u.current?s():c.current.push(s)},[]),K=d.useCallback(s=>{var v,o,n,f,_,h,k,R,W,B,J,z;switch(s.type){case"cryptoCheck":g(!!((v=s.payload)!=null&&v.subtle&&((o=s.payload)!=null&&o.secureContext)));break;case"TIUN_SNIPPET_INITIALIZED":{u.current=!0,A(!0),T.emit("ready",void 0);const P=c.current;c.current=[],P.forEach(e=>e());break}case"TIUN_USER_CHANGE":{const P=!!((n=s.payload)!=null&&n.isAuthenticated),e=((f=s.payload)==null?void 0:f.user)??null;U(P),O(e),T.emit("userChange",{isAuthenticated:P,user:e}),((_=s.payload)==null?void 0:_.userEvent)==="login"&&T.emit("login",{user:e}),((h=s.payload)==null?void 0:h.userEvent)==="logout"&&T.emit("logout",void 0);break}case"TIUN_VERIFICATION_TOKEN":{const P=((k=s.payload)==null?void 0:k.token)??null,e=(R=s.payload)==null?void 0:R.requestId;e&&l.current.has(e)&&(l.current.get(e)(P),l.current.delete(e));break}case"TIUN_SHOW_PAYWALL":T.emit("paywallShow",{isConnected:!!((W=s.payload)!=null&&W.isConnected)});break;case"TIUN_HIDE_PAYWALL":T.emit("paywallHide",{sessionId:((B=s.payload)==null?void 0:B.sessionId)??"",isConnected:((J=s.payload)==null?void 0:J.isConnected)??!0});break;case"TIUN_ERROR":T.emit("error",((z=s.payload)==null?void 0:z.error)??s.payload??{});break}},[T]);d.useEffect(()=>{const s=o=>{if(!o||!Ue(t,o))return;const n=Te(o);E(()=>{var f;return(f=i.current)==null?void 0:f.resolveCheckout(n)})},v=b.Linking.addEventListener("url",({url:o})=>s(o));return b.Linking.getInitialURL().then(s).catch(()=>{}),()=>v.remove()},[t,E]);const V=d.useCallback(()=>E(()=>{var s;return(s=i.current)==null?void 0:s.login()}),[E]),F=d.useCallback(()=>E(()=>{var s;return(s=i.current)==null?void 0:s.logout()}),[E]),L=d.useCallback(s=>E(()=>{var v;return(v=i.current)==null?void 0:v.checkout(s==null?void 0:s.productId)}),[E]),q=d.useCallback(()=>new Promise(s=>{const v=`vt_${Math.random().toString(36).slice(2)}_${Date.now()}`;let o=!1;const n=f=>{o||(o=!0,l.current.delete(v),s(f))};l.current.set(v,n),E(()=>{var f;return(f=i.current)==null?void 0:f.getVerificationToken(v)}),setTimeout(()=>n(null),5e3)}),[E]),G=d.useMemo(()=>({isAuthenticated:m,user:N,ready:I,cryptoOk:$,login:V,logout:F,checkout:L,getUserVerificationToken:q}),[m,N,I,$,V,F,L,q]);return S.jsx(Ee.Provider,{value:G,children:S.jsxs(be.Provider,{value:T,children:[r,S.jsx(Ge,{ref:i,config:t,onEvent:K})]})})}function ze(){const t=d.useContext(Ee);if(!t)throw new Error("useTiun must be used within a <TiunProvider>");return t}function Me(t,r){const i=d.useContext(be),u=d.useRef(r);u.current=r,d.useEffect(()=>{if(!i)throw new Error("useTiunEvent must be used within a <TiunProvider>");return i.on(t,c=>u.current(c))},[i,t])}exports.TiunProvider=Je;exports.useTiun=ze;exports.useTiunEvent=Me;

package/dist/index.mjs

@@ -0,0 +1,901 @@
+var Ne = Object.defineProperty;
+var Ie = (t, r, i) => r in t ? Ne(t, r, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[r] = i;
+var Te = (t, r, i) => (Ie(t, typeof r != "symbol" ? r + "" : r, i), i);
+import Oe, { forwardRef as Ce, useRef as P, useState as B, useEffect as de, useImperativeHandle as Pe, createContext as ve, useCallback as H, useMemo as xe, useContext as _e } from "react";
+import { StyleSheet as ue, View as ne, Text as te, Pressable as Ae, AppState as Ue, useWindowDimensions as je, Platform as $e, Linking as Ee } from "react-native";
+import { WebView as Fe } from "react-native-webview";
+import { close as Le, closeAuth as We, openAuth as Ve, open as be } from "react-native-inappbrowser-nitro";
+import { getPublicKey as me, generate as Ye, sign as He, removeKey as De } from "react-native-secure-sign";
+import * as oe from "react-native-keychain";
+var le = { exports: {} }, X = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ye;
+function Ge() {
+  if (ye)
+    return X;
+  ye = 1;
+  var t = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function i(l, c, u) {
+    var h = null;
+    if (u !== void 0 && (h = "" + u), c.key !== void 0 && (h = "" + c.key), "key" in c) {
+      u = {};
+      for (var _ in c)
+        _ !== "key" && (u[_] = c[_]);
+    } else
+      u = c;
+    return c = u.ref, {
+      $$typeof: t,
+      type: l,
+      key: h,
+      ref: c !== void 0 ? c : null,
+      props: u
+    };
+  }
+  return X.Fragment = r, X.jsx = i, X.jsxs = i, X;
+}
+var Q = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var we;
+function Be() {
+  return we || (we = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(e) {
+      if (e == null)
+        return null;
+      if (typeof e == "function")
+        return e.$$typeof === d ? null : e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case T:
+          return "Fragment";
+        case W:
+          return "Profiler";
+        case K:
+          return "StrictMode";
+        case q:
+          return "Suspense";
+        case s:
+          return "SuspenseList";
+        case n:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case S:
+            return "Portal";
+          case F:
+            return (e.displayName || "Context") + ".Provider";
+          case $:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case V:
+            var a = e.render;
+            return e = e.displayName, e || (e = a.displayName || a.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case y:
+            return a = e.displayName || null, a !== null ? a : t(e.type) || "Memo";
+          case o:
+            a = e._payload, e = e._init;
+            try {
+              return t(e(a));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(e) {
+      return "" + e;
+    }
+    function i(e) {
+      try {
+        r(e);
+        var a = !1;
+      } catch {
+        a = !0;
+      }
+      if (a) {
+        a = console;
+        var f = a.error, E = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return f.call(
+          a,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          E
+        ), r(e);
+      }
+    }
+    function l(e) {
+      if (e === T)
+        return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === o)
+        return "<...>";
+      try {
+        var a = t(e);
+        return a ? "<" + a + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function c() {
+      var e = w.A;
+      return e === null ? null : e.getOwner();
+    }
+    function u() {
+      return Error("react-stack-top-frame");
+    }
+    function h(e) {
+      if (p.call(e, "key")) {
+        var a = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function _(e, a) {
+      function f() {
+        L || (L = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          a
+        ));
+      }
+      f.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: f,
+        configurable: !0
+      });
+    }
+    function U() {
+      var e = t(this.type);
+      return J[e] || (J[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function g(e, a, f, E, A, N, ie, ae) {
+      return f = N.ref, e = {
+        $$typeof: j,
+        type: e,
+        key: a,
+        props: N,
+        _owner: A
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: U
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ie
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ae
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function k(e, a, f, E, A, N, ie, ae) {
+      var b = a.children;
+      if (b !== void 0)
+        if (E)
+          if (R(b)) {
+            for (E = 0; E < b.length; E++)
+              I(b[E]);
+            Object.freeze && Object.freeze(b);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else
+          I(b);
+      if (p.call(a, "key")) {
+        b = t(e);
+        var Y = Object.keys(a).filter(function(ke) {
+          return ke !== "key";
+        });
+        E = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", O[b + E] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          E,
+          b,
+          Y,
+          b
+        ), O[b + E] = !0);
+      }
+      if (b = null, f !== void 0 && (i(f), b = "" + f), h(a) && (i(a.key), b = "" + a.key), "key" in a) {
+        f = {};
+        for (var ce in a)
+          ce !== "key" && (f[ce] = a[ce]);
+      } else
+        f = a;
+      return b && _(
+        f,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), g(
+        e,
+        b,
+        N,
+        A,
+        c(),
+        f,
+        ie,
+        ae
+      );
+    }
+    function I(e) {
+      typeof e == "object" && e !== null && e.$$typeof === j && e._store && (e._store.validated = 1);
+    }
+    var x = Oe, j = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), K = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), F = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), q = Symbol.for("react.suspense"), s = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), o = Symbol.for("react.lazy"), n = Symbol.for("react.activity"), d = Symbol.for("react.client.reference"), w = x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, p = Object.prototype.hasOwnProperty, R = Array.isArray, m = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    x = {
+      "react-stack-bottom-frame": function(e) {
+        return e();
+      }
+    };
+    var L, J = {}, z = x["react-stack-bottom-frame"].bind(
+      x,
+      u
+    )(), M = m(l(u)), O = {};
+    Q.Fragment = T, Q.jsx = function(e, a, f, E, A) {
+      var N = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return k(
+        e,
+        a,
+        f,
+        !1,
+        E,
+        A,
+        N ? Error("react-stack-top-frame") : z,
+        N ? m(l(e)) : M
+      );
+    }, Q.jsxs = function(e, a, f, E, A) {
+      var N = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return k(
+        e,
+        a,
+        f,
+        !0,
+        E,
+        A,
+        N ? Error("react-stack-top-frame") : z,
+        N ? m(l(e)) : M
+      );
+    };
+  }()), Q;
+}
+process.env.NODE_ENV === "production" ? le.exports = Ge() : le.exports = Be();
+var v = le.exports;
+const Ke = {
+  errorPillText: "Technical Error",
+  errorNotificationTitle: "Technical error",
+  errorNotificationSubtitle: "Please reload the page or contact our support.",
+  errorTitle: "Technical error",
+  errorTextBeforeEmail: "Try reloading the page. If the error persists, please contact ",
+  errorTextAfterEmail: " and we’ll help you right away.",
+  connectionErrorTitle: "No connection",
+  connectionErrorText: "We couldn’t reach tiun. Check your internet connection and try again.",
+  connectionErrorCta: "Try again"
+}, qe = {
+  errorPillText: "Erreur Technique",
+  errorNotificationTitle: "Erreur technique",
+  errorNotificationSubtitle: "Veuillez recharger la page ou contacter notre support.",
+  errorTitle: "Erreur technique",
+  errorTextBeforeEmail: "Veuillez recharger la page. Si l’erreur persiste, contactez ",
+  errorTextAfterEmail: " et nous vous aiderons immédiatement.",
+  connectionErrorTitle: "Pas de connexion",
+  connectionErrorText: "Impossible de joindre tiun. Vérifiez votre connexion Internet et réessayez.",
+  connectionErrorCta: "Réessayer"
+}, Je = {
+  errorPillText: "Technischer Fehler",
+  errorNotificationTitle: "Technischer Fehler",
+  errorNotificationSubtitle: "Bitte lade die Seite neu, oder kontaktiere unseren Support.",
+  errorTitle: "Technischer Fehler",
+  errorTextBeforeEmail: "Bitte lade die Seite neu. Sollte der Fehler weiterhin auftreten, kontaktiere ",
+  errorTextAfterEmail: " und wir helfen Dir sofort weiter.",
+  connectionErrorTitle: "Keine Verbindung",
+  connectionErrorText: "tiun konnte nicht erreicht werden. Überprüfe deine Internetverbindung und versuche es erneut.",
+  connectionErrorCta: "Erneut versuchen"
+}, ze = {
+  errorPillText: "Technischer Fehler",
+  errorNotificationTitle: "Technischer Fehler",
+  errorNotificationSubtitle: "Bitte laden Sie die Seite neu, oder kontaktieren Sie unseren Support.",
+  errorTitle: "Technischer Fehler",
+  errorTextBeforeEmail: "Bitte laden Sie die Seite neu. Sollte der Fehler weiterhin auftreten, kontaktieren Sie ",
+  errorTextAfterEmail: " und wir helfen Ihnen sofort weiter.",
+  connectionErrorTitle: "Keine Verbindung",
+  connectionErrorText: "tiun konnte nicht erreicht werden. Überprüfen Sie Ihre Internetverbindung und versuchen Sie es erneut.",
+  connectionErrorCta: "Erneut versuchen"
+};
+function Me(t, r = "informal") {
+  switch ((t ?? "en").trim().toLowerCase()) {
+    case "de":
+      return r === "formal" ? ze : Je;
+    case "fr":
+      return qe;
+    default:
+      return Ke;
+  }
+}
+const D = {
+  // Web protocol (TIUN_EVENT) — consumer → snippet commands.
+  start: "TIUN_START",
+  checkout: "TIUN_CHECKOUT",
+  updateContent: "TIUN_UPDATE_CONTENT",
+  login: "TIUN_LOGIN",
+  logout: "TIUN_LOGOUT",
+  getVerificationToken: "TIUN_GET_VERIFICATION_TOKEN",
+  // Overlay (TIUN_OVERLAY) — snippet → native footprint signal.
+  overlayChange: "TIUN_OVERLAY_CHANGE",
+  // Native device bridge (TIUN_NATIVE) — snippet → native requests.
+  popPubKeyRequest: "TIUN_POP_PUBKEY_REQUEST",
+  popSignRequest: "TIUN_POP_SIGN_REQUEST",
+  tokenGet: "TIUN_TOKEN_GET",
+  tokenPersist: "TIUN_TOKEN_PERSIST",
+  nativeReset: "TIUN_NATIVE_RESET",
+  // Native device bridge (TIUN_NATIVE) — native → snippet responses (host-injected).
+  popPubKey: "TIUN_POP_PUBKEY",
+  restoreToken: "TIUN_RESTORE_TOKEN",
+  popSignResult: "TIUN_POP_SIGN_RESULT",
+  resolveCheckout: "TIUN_RESOLVE_CHECKOUT"
+}, Xe = "__TIUN_NATIVE_CRYPTO__", Qe = "https://api.tiun.live";
+function fe(t) {
+  return (t.host ?? Qe).replace(/\/$/, "");
+}
+function re(t) {
+  return `app.tiun.pop.${t.snippetId || "default"}`;
+}
+function Z(t) {
+  return `app.tiun.token.${t.snippetId || "default"}`;
+}
+function Ze(t) {
+  return `${`${fe(t)}/live_api/v2/snippets/${encodeURIComponent(t.snippetId)}/webview_return`}?to=${encodeURIComponent(t.returnUrl)}`;
+}
+function et(t) {
+  const r = {
+    language: t.language ?? "en"
+  }, i = Object.entries(r).map(([c, u]) => `${encodeURIComponent(c)}=${encodeURIComponent(u)}`).join("&"), l = `${fe(t)}/live_api/v2/snippets/${encodeURIComponent(t.snippetId)}/webview_host`;
+  return i ? `${l}?${i}` : l;
+}
+function Se(t) {
+  const r = t.indexOf("?");
+  if (!(r < 0))
+    for (const i of t.slice(r + 1).split("&")) {
+      const l = i.indexOf("=");
+      if ((l < 0 ? i : i.slice(0, l)) === "status") {
+        const u = l < 0 ? "" : i.slice(l + 1);
+        return u ? decodeURIComponent(u) : void 0;
+      }
+    }
+}
+function tt(t, r) {
+  const i = t.returnUrl.split("?")[0];
+  return r.startsWith(i);
+}
+const pe = "1005";
+function he(t) {
+  return t == null ? void 0 : t.code;
+}
+async function rt(t) {
+  try {
+    return await me(t);
+  } catch (r) {
+    if (he(r) === pe)
+      return Ye(t, { requireUserAuthentication: !1 });
+    throw r;
+  }
+}
+async function nt(t) {
+  try {
+    return await me(t);
+  } catch (r) {
+    if (he(r) === pe)
+      return null;
+    throw r;
+  }
+}
+function ot(t, r) {
+  return He(t, r);
+}
+async function it(t) {
+  try {
+    await De(t);
+  } catch (r) {
+    if (he(r) !== pe)
+      throw r;
+  }
+}
+const at = "tiun_auth_token";
+async function ct(t) {
+  const r = await oe.getGenericPassword({ service: t });
+  return r ? r.password : null;
+}
+async function st(t, r) {
+  await oe.setGenericPassword(at, r, {
+    service: t,
+    accessible: oe.ACCESSIBLE.AFTER_FIRST_UNLOCK_THIS_DEVICE_ONLY
+  });
+}
+async function se(t) {
+  await oe.resetGenericPassword({ service: t });
+}
+function ut(t) {
+  const r = Me(t);
+  return {
+    title: r.connectionErrorTitle,
+    text: r.connectionErrorText,
+    cta: r.connectionErrorCta
+  };
+}
+function lt({ language: t, onRetry: r }) {
+  const i = ut(t);
+  return /* @__PURE__ */ v.jsxs(ne, { style: C.container, children: [
+    /* @__PURE__ */ v.jsxs(ne, { style: C.content, children: [
+      /* @__PURE__ */ v.jsx(te, { style: C.title, children: i.title }),
+      /* @__PURE__ */ v.jsx(ne, { style: C.iconBadge, children: /* @__PURE__ */ v.jsx(te, { style: C.iconGlyph, children: "!" }) }),
+      /* @__PURE__ */ v.jsx(te, { style: C.text, children: i.text })
+    ] }),
+    /* @__PURE__ */ v.jsx(
+      Ae,
+      {
+        accessibilityRole: "button",
+        onPress: r,
+        style: ({ pressed: l }) => [C.button, l && C.buttonPressed],
+        children: /* @__PURE__ */ v.jsx(te, { style: C.buttonText, children: i.cta })
+      }
+    )
+  ] });
+}
+const C = ue.create({
+  container: {
+    ...ue.absoluteFillObject,
+    backgroundColor: "#fff",
+    padding: 24,
+    justifyContent: "space-between"
+  },
+  content: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 24
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: "600",
+    color: "#000",
+    textAlign: "center"
+  },
+  iconBadge: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    backgroundColor: "#FCE7F3",
+    // pink-100, matches errorCircleIcon
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  iconGlyph: {
+    color: "#DB2777",
+    // pink-600
+    fontSize: 22,
+    fontWeight: "700",
+    lineHeight: 26
+  },
+  text: {
+    fontSize: 16,
+    fontWeight: "500",
+    color: "#4B5563",
+    // gray-600
+    textAlign: "center"
+  },
+  button: {
+    backgroundColor: "#000",
+    borderRadius: 999,
+    minHeight: 56,
+    alignItems: "center",
+    justifyContent: "center",
+    alignSelf: "stretch"
+  },
+  buttonPressed: { opacity: 0.9 },
+  buttonText: {
+    color: "#fff",
+    fontSize: 16,
+    fontWeight: "500"
+  }
+}), dt = Fe;
+function G(t) {
+  return `try{window.tiunHost&&${t};}catch(e){}; true;`;
+}
+const ft = Ce(
+  function({ config: r, onEvent: i }, l) {
+    const c = !!r.debug, u = P(null), [h, _] = B(!1), [U, g] = B(!1), k = P(!1), I = P(!1), x = () => {
+      var o;
+      g(!1), (o = u.current) == null || o.reload();
+    };
+    de(() => {
+      if (!U)
+        return;
+      const o = Ue.addEventListener("change", (n) => {
+        var d;
+        n === "active" && (g(!1), (d = u.current) == null || d.reload());
+      });
+      return () => o.remove();
+    }, [U]);
+    const j = `window.${Xe} = true;window.__TIUN_CONFIG__ = Object.assign({}, window.__TIUN_CONFIG__, { returnUrl: ${JSON.stringify(Ze(r))} });true;`, S = (o, ...n) => {
+      var d;
+      return (d = u.current) == null ? void 0 : d.injectJavaScript(
+        G(
+          `window.tiunHost.${o}(${n.map((w) => JSON.stringify(w) ?? "null").join(",")})`
+        )
+      );
+    }, T = (o) => {
+      var n;
+      I.current || (I.current = !0, Le().catch(() => {
+      }), We().catch(() => {
+      }), _(!0), (n = u.current) == null || n.injectJavaScript(
+        G(
+          `window.tiunHost.resolveCheckout(${o ? JSON.stringify(o) : ""})`
+        )
+      ));
+    }, K = (o) => {
+      var n, d, w;
+      switch (o.type) {
+        case D.popPubKeyRequest:
+          return rt(re(r)).then((p) => S("popPubKey", p)).catch((p) => {
+            c && console.warn("[tiun] ensurePopKey failed:", p), S("popPubKey", null);
+          }), !0;
+        case D.tokenGet:
+          return (async () => {
+            try {
+              const p = await ct(Z(r));
+              if (p && !await nt(re(r))) {
+                await se(Z(r)), S("restoreToken", null);
+                return;
+              }
+              S("restoreToken", p);
+            } catch {
+              S("restoreToken", null);
+            }
+          })(), !0;
+        case D.popSignRequest: {
+          const p = (n = o.payload) == null ? void 0 : n.requestId, R = (d = o.payload) == null ? void 0 : d.information;
+          return ot(re(r), R).then((m) => S("popSignResult", p, m, null)).catch((m) => {
+            const L = (m == null ? void 0 : m.code) ?? "sign_failed";
+            c && console.warn("[tiun] popSign failed:", m), S("popSignResult", p, null, String(L));
+          }), !0;
+        }
+        case D.tokenPersist: {
+          const p = ((w = o.payload) == null ? void 0 : w.token) ?? null;
+          return (p ? st(Z(r), p) : se(Z(r))).catch(
+            (R) => c && console.warn("[tiun] token persist failed:", R)
+          ), !0;
+        }
+        case D.nativeReset:
+          return Promise.allSettled([
+            it(re(r)),
+            se(Z(r))
+          ]), !0;
+        default:
+          return !1;
+      }
+    };
+    Pe(
+      l,
+      () => ({
+        login: () => {
+          var o;
+          _(!0), (o = u.current) == null || o.injectJavaScript(
+            G("window.tiunHost.login()")
+          );
+        },
+        checkout: (o) => {
+          var n;
+          _(!0), k.current = !0, I.current = !1, (n = u.current) == null || n.injectJavaScript(
+            G(
+              `window.tiunHost.checkout(${o ? JSON.stringify(o) : ""})`
+            )
+          );
+        },
+        logout: () => {
+          var o;
+          return (o = u.current) == null ? void 0 : o.injectJavaScript(
+            G("window.tiunHost.logout()")
+          );
+        },
+        getVerificationToken: (o) => {
+          var n;
+          return (n = u.current) == null ? void 0 : n.injectJavaScript(
+            G(
+              `window.tiunHost.getVerificationToken(${o ? JSON.stringify(o) : ""})`
+            )
+          );
+        },
+        resolveCheckout: T,
+        reload: () => {
+          var o;
+          return (o = u.current) == null ? void 0 : o.reload();
+        }
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      []
+    );
+    const W = (o) => {
+      var d, w, p;
+      let n = null;
+      try {
+        n = JSON.parse(o.nativeEvent.data);
+      } catch {
+        c && console.warn(
+          "[tiun] non-JSON bridge message:",
+          o.nativeEvent.data
+        );
+        return;
+      }
+      if (!(!n || typeof n.type != "string")) {
+        if (n.type === "console") {
+          c && console.log(
+            "[tiun webview]",
+            (d = n.payload) == null ? void 0 : d.level,
+            (w = n.payload) == null ? void 0 : w.message
+          );
+          return;
+        }
+        if ((n.type === "cryptoCheck" || n.type === "hostBridgeReady") && g(!1), c && console.log("[tiun] <-", n.type, n.payload), !K(n)) {
+          if (n.type === D.overlayChange) {
+            const R = !!((p = n.payload) != null && p.overlay);
+            _(R), R || (k.current = !1);
+          }
+          i(n);
+        }
+      }
+    }, $ = (o) => {
+      if (k.current = !1, $e.OS === "ios") {
+        Ve(o, r.returnUrl).then((n) => {
+          n.type === "success" && n.url ? T(Se(n.url)) : n.type === "cancel" && T("cancelled");
+        }).catch((n) => c && console.warn("[tiun] openAuth error:", n));
+        return;
+      }
+      be(o, {
+        showTitle: !1,
+        enableUrlBarHiding: !1,
+        enableDefaultShare: !1,
+        forceCloseOnRedirection: !1
+      }).then((n) => {
+        n.type === "cancel" && T("cancelled");
+      }).catch(
+        (n) => c && console.warn("[tiun] in-app browser open error:", n)
+      );
+    }, F = (o) => {
+      be(o, {
+        modalPresentationStyle: "fullScreen",
+        modalEnabled: !0,
+        animated: !0,
+        enableBarCollapsing: !0
+      }).catch(
+        (n) => c && console.warn("[tiun] in-app browser open failed:", n)
+      );
+    }, V = (o) => {
+      var d;
+      const n = (d = o.nativeEvent) == null ? void 0 : d.targetUrl;
+      n && (k.current ? $(n) : F(n));
+    }, q = (o) => {
+      const n = o.url;
+      return n.startsWith(fe(r)) || n.startsWith("about:") || n.startsWith("data:") || n === "about:blank" ? !0 : n.startsWith("http://") || n.startsWith("https://") ? (k.current && o.isTopFrame !== !1 ? $(n) : F(n), !1) : !0;
+    }, { width: s, height: y } = je();
+    return /* @__PURE__ */ v.jsxs(
+      ne,
+      {
+        pointerEvents: h ? "auto" : "none",
+        style: [
+          ee.container,
+          { width: s, height: y },
+          h ? ee.visible : ee.hidden
+        ],
+        children: [
+          /* @__PURE__ */ v.jsx(
+            dt,
+            {
+              ref: u,
+              source: { uri: et(r) },
+              originWhitelist: ["*"],
+              onMessage: W,
+              onShouldStartLoadWithRequest: q,
+              onOpenWindow: V,
+              injectedJavaScriptBeforeContentLoaded: j,
+              javaScriptEnabled: !0,
+              domStorageEnabled: !0,
+              style: ee.webview,
+              containerStyle: ee.webview,
+              onError: (o) => {
+                c && console.warn("[tiun] webview load error:", o.nativeEvent), g(!0);
+              },
+              onHttpError: (o) => {
+                c && console.warn("[tiun] webview http error:", o.nativeEvent), g(!0);
+              }
+            }
+          ),
+          U && h ? /* @__PURE__ */ v.jsx(lt, { language: r.language, onRetry: x }) : null
+        ]
+      }
+    );
+  }
+), ee = ue.create({
+  container: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    zIndex: 9999,
+    elevation: 9999
+  },
+  webview: {
+    flex: 1,
+    backgroundColor: "transparent"
+  },
+  visible: { opacity: 1 },
+  hidden: { opacity: 0 }
+});
+class pt {
+  constructor() {
+    Te(this, "listeners", /* @__PURE__ */ new Map());
+  }
+  on(r, i) {
+    let l = this.listeners.get(r);
+    return l || (l = /* @__PURE__ */ new Set(), this.listeners.set(r, l)), l.add(i), () => {
+      var c;
+      (c = this.listeners.get(r)) == null || c.delete(i);
+    };
+  }
+  emit(r, i) {
+    const l = this.listeners.get(r);
+    if (l)
+      for (const c of l)
+        try {
+          c(i);
+        } catch {
+        }
+  }
+}
+const Re = ve(null), ge = ve(null);
+function vt({ config: t, children: r }) {
+  const i = P(null), l = P(!1), c = P([]), u = P(/* @__PURE__ */ new Map()), h = P(new pt()).current, [_, U] = B(!1), [g, k] = B(null), [I, x] = B(!1), [j, S] = B(null), T = H((s) => {
+    l.current ? s() : c.current.push(s);
+  }, []), K = H(
+    (s) => {
+      var y, o, n, d, w, p, R, m, L, J, z, M;
+      switch (s.type) {
+        case "cryptoCheck":
+          S(!!((y = s.payload) != null && y.subtle && ((o = s.payload) != null && o.secureContext)));
+          break;
+        case "TIUN_SNIPPET_INITIALIZED": {
+          l.current = !0, x(!0), h.emit("ready", void 0);
+          const O = c.current;
+          c.current = [], O.forEach((e) => e());
+          break;
+        }
+        case "TIUN_USER_CHANGE": {
+          const O = !!((n = s.payload) != null && n.isAuthenticated), e = ((d = s.payload) == null ? void 0 : d.user) ?? null;
+          U(O), k(e), h.emit("userChange", { isAuthenticated: O, user: e }), ((w = s.payload) == null ? void 0 : w.userEvent) === "login" && h.emit("login", { user: e }), ((p = s.payload) == null ? void 0 : p.userEvent) === "logout" && h.emit("logout", void 0);
+          break;
+        }
+        case "TIUN_VERIFICATION_TOKEN": {
+          const O = ((R = s.payload) == null ? void 0 : R.token) ?? null, e = (m = s.payload) == null ? void 0 : m.requestId;
+          e && u.current.has(e) && (u.current.get(e)(O), u.current.delete(e));
+          break;
+        }
+        case "TIUN_SHOW_PAYWALL":
+          h.emit("paywallShow", { isConnected: !!((L = s.payload) != null && L.isConnected) });
+          break;
+        case "TIUN_HIDE_PAYWALL":
+          h.emit("paywallHide", {
+            sessionId: ((J = s.payload) == null ? void 0 : J.sessionId) ?? "",
+            isConnected: ((z = s.payload) == null ? void 0 : z.isConnected) ?? !0
+          });
+          break;
+        case "TIUN_ERROR":
+          h.emit("error", ((M = s.payload) == null ? void 0 : M.error) ?? s.payload ?? {});
+          break;
+      }
+    },
+    [h]
+  );
+  de(() => {
+    const s = (o) => {
+      if (!o || !tt(t, o))
+        return;
+      const n = Se(o);
+      T(() => {
+        var d;
+        return (d = i.current) == null ? void 0 : d.resolveCheckout(n);
+      });
+    }, y = Ee.addEventListener("url", ({ url: o }) => s(o));
+    return Ee.getInitialURL().then(s).catch(() => {
+    }), () => y.remove();
+  }, [t, T]);
+  const W = H(() => T(() => {
+    var s;
+    return (s = i.current) == null ? void 0 : s.login();
+  }), [T]), $ = H(() => T(() => {
+    var s;
+    return (s = i.current) == null ? void 0 : s.logout();
+  }), [T]), F = H(
+    (s) => T(() => {
+      var y;
+      return (y = i.current) == null ? void 0 : y.checkout(s == null ? void 0 : s.productId);
+    }),
+    [T]
+  ), V = H(
+    () => new Promise((s) => {
+      const y = `vt_${Math.random().toString(36).slice(2)}_${Date.now()}`;
+      let o = !1;
+      const n = (d) => {
+        o || (o = !0, u.current.delete(y), s(d));
+      };
+      u.current.set(y, n), T(() => {
+        var d;
+        return (d = i.current) == null ? void 0 : d.getVerificationToken(y);
+      }), setTimeout(() => n(null), 5e3);
+    }),
+    [T]
+  ), q = xe(
+    () => ({
+      isAuthenticated: _,
+      user: g,
+      ready: I,
+      cryptoOk: j,
+      login: W,
+      logout: $,
+      checkout: F,
+      getUserVerificationToken: V
+    }),
+    [_, g, I, j, W, $, F, V]
+  );
+  return /* @__PURE__ */ v.jsx(Re.Provider, { value: q, children: /* @__PURE__ */ v.jsxs(ge.Provider, { value: h, children: [
+    r,
+    /* @__PURE__ */ v.jsx(ft, { ref: i, config: t, onEvent: K })
+  ] }) });
+}
+function _t() {
+  const t = _e(Re);
+  if (!t)
+    throw new Error("useTiun must be used within a <TiunProvider>");
+  return t;
+}
+function mt(t, r) {
+  const i = _e(ge), l = P(r);
+  l.current = r, de(() => {
+    if (!i)
+      throw new Error("useTiunEvent must be used within a <TiunProvider>");
+    return i.on(t, (c) => l.current(c));
+  }, [i, t]);
+}
+export {
+  vt as TiunProvider,
+  _t as useTiun,
+  mt as useTiunEvent
+};

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@tiun/react-native-sdk",
+  "version": "0.1.0-beta.0",
+  "description": "tiun SDK for React Native — payments and subscriptions",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "tiun",
+    "react-native",
+    "payments",
+    "subscriptions",
+    "paywall"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.74",
+    "react-native-webview": ">=13",
+    "react-native-secure-sign": ">=0.0.2",
+    "react-native-keychain": ">=8",
+    "react-native-inappbrowser-nitro": "^3.0.2",
+    "react-native-nitro-modules": "^0.36.1"
+  },
+  "devDependencies": {
+    "@tiun/contract": "*",
+    "@tiun/types": "*",
+    "@types/react": "~19.1.0",
+    "react": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-inappbrowser-nitro": "^3.0.2",
+    "react-native-nitro-modules": "^0.36.1",
+    "react-native-keychain": "^10.0.0",
+    "react-native-secure-sign": "^0.0.2",
+    "react-native-webview": "^13.15.0",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.9.1"
+  },
+  "author": "tiun",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tiun-app/tiun-snippet.git"
+  },
+  "bugs": {
+    "email": "support@tiun.app"
+  },
+  "homepage": "https://docs.tiun.io",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}