@soyio/soyio-rn-sdk 0.2.2

package/src/lib/core.tsx

@@ -0,0 +1,45 @@
+import { useCallback } from 'react';
+import * as WebBrowser from 'expo-web-browser';
+import { getFlowUrl, buildUrlParams } from './utils';
+import { SOYIO_REDIRECT_URL } from './constants';
+
+import type { SoyioWidgetViewPropsType, RegisterParams, AuthenticateParams } from '../types';
+
+export const useSoyioAuth = ({ options, onEventChange }: SoyioWidgetViewPropsType) => {
+  const webBrowserOptions: WebBrowser.AuthSessionOpenOptions = {
+    dismissButtonStyle: 'cancel',
+    createTask: false,
+    enableBarCollapsing: true,
+    showTitle: true,
+  };
+
+  const register = useCallback(async (registerParams: RegisterParams) => {
+    const registerBaseUri = getFlowUrl(options, 'register');
+    const registerUri = `${registerBaseUri}?${buildUrlParams(options, registerParams)}`;
+
+    if (onEventChange) onEventChange({ type: 'open register' });
+
+    const registerResult = await WebBrowser.openAuthSessionAsync(
+      registerUri,
+      SOYIO_REDIRECT_URL,
+      webBrowserOptions,
+    );
+
+    if (onEventChange) onEventChange(registerResult);
+  }, [options, onEventChange]);
+
+  const authenticate = useCallback(async (authenticateParams: AuthenticateParams) => {
+    const authenticateBaseUri = getFlowUrl(options, 'authenticate');
+    const authenticateUri = `${authenticateBaseUri}?${buildUrlParams(options, authenticateParams)}`;
+
+    if (onEventChange) onEventChange({ type: 'open authenticate' });
+    const authenticateResult = await WebBrowser.openAuthSessionAsync(
+      authenticateUri,
+      SOYIO_REDIRECT_URL,
+      webBrowserOptions,
+    );
+    if (onEventChange) onEventChange(authenticateResult);
+  }, [options, onEventChange]);
+
+  return { register, authenticate };
+};

package/src/lib/utils.ts

@@ -0,0 +1,22 @@
+import { RegisterParams, AuthenticateParams, SoyioWidgetParams } from '../types';
+import { SOYIO_WEBVIEW_BASE_URL } from './constants';
+
+export function getFlowUrl(options: SoyioWidgetParams, flow: 'authenticate' | 'register'): string {
+  const baseUrl = options.developmentUrl ?? SOYIO_WEBVIEW_BASE_URL;
+  return `${baseUrl}/widget/${flow}`;
+}
+
+export function buildUrlParams(
+  widgetParams: SoyioWidgetParams,
+  flowParams: RegisterParams | AuthenticateParams,
+): string {
+  let baseParams = `isMobile=true&companyId=${widgetParams.companyId}`;
+  if (widgetParams.userReference) {
+    baseParams += `&userReference=${widgetParams.userReference}`;
+  }
+  const dynamicParams = Object.entries(flowParams)
+    .map(([key, value]) => `${key}=${encodeURIComponent(value)}`)
+    .join('&');
+
+  return `${baseParams}&${dynamicParams}`;
+}

package/src/main.ts

@@ -0,0 +1,6 @@
+export { useSoyioAuth } from './lib/core';
+
+export type {
+  RegisterParams,
+  AuthenticateParams,
+} from './types';

package/src/types.ts

@@ -0,0 +1,19 @@
+export type SoyioWidgetParams = {
+  companyId: string
+  userReference?: string;
+  developmentUrl?: string;
+}
+
+export type RegisterParams = {
+  flowTemplateId: string;
+  userEmail?: string;
+}
+
+export type AuthenticateParams = {
+  identityId: string;
+}
+
+export type SoyioWidgetViewPropsType = {
+  options: SoyioWidgetParams
+  onEventChange?: (event: { type: string; url?: string }) => void;
+}

package/tsconfig.build.json

@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "exclude": ["example"]
+}

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "module": "esnext",
+    "moduleResolution": "node",
+    "allowJs": false,
+    "outDir": "dist",
+    "noEmit": false,
+    "declaration": true,
+    "declarationMap": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "strict": true,
+    "resolveJsonModule": true,
+    "jsx": "react-native"
+  },
+  "include": [
+    "src/**/*.tsx",
+    "src/**/*.ts",
+    "vite.config.ts"
+  ],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    }
+  ],
+  "extends": "expo/tsconfig.base"
+}

package/tsconfig.node.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "composite": true,
+    "module": "esnext",
+    "moduleResolution": "node"
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,27 @@
+import { resolve } from 'path';
+
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    lib: {
+      entry: resolve(__dirname, 'src', 'main.ts'),
+      name: 'soyio-webview-rn',
+      fileName: (format) => `main.${format}.js`,
+    },
+    sourcemap: true,
+    rollupOptions: {
+      external: ['react', 'react-native', 'react-native-webview'],
+      output: {
+        globals: {
+          react: 'React',
+          'react-native': 'ReactNative',
+          'react-native-webview': 'ReactNativeWebView',
+        },
+      },
+    },
+  },
+});