@simasfin/smmf-sdk 0.0.0-stage → 0.2.3

package/README.md

@@ -1,3 +1,85 @@
-# Temporary Holding Version
+# @simasfin/smmf-sdk
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Modul Expo untuk liveness wajah, foto KTP, dan kanvas tanda tangan. Android dan iOS.
+
+> Modul ini berisi kode native, jadi butuh **development build / EAS Build**. Tidak bisa dijalankan di Expo Go.
+
+### 1. Pasang paket
+
+```bash
+npx expo install @simasfin/smmf-sdk
+```
+
+### 2. Daftarkan config plugin
+
+Di `app.json` (atau `app.config.js`):
+
+```json
+{
+  "expo": {
+    "plugins": ["@simasfin/smmf-sdk"]
+  }
+}
+```
+
+Config plugin akan otomatis menambahkan `NSCameraUsageDescription` (iOS) dan permission kamera Android bila belum ada.
+
+Opsi tambahan (bentuk `["@simasfin/smmf-sdk", { ... }]`):
+
+| Opsi | Wajib | Default | Keterangan |
+|---|---|---|---|
+| `cameraUsageDescription` | tidak | "Kamera dibutuhkan untuk verifikasi wajah dan pengambilan foto KTP." | Teks izin kamera iOS. Tidak menimpa nilai yang sudah Anda set. |
+
+### 3. Generate project native
+
+```bash
+npx expo prebuild
+```
+
+### 4. Panggil Liveness
+
+```ts
+import { startLiveness } from '@simasfin/smmf-sdk';
+
+const result = await startLiveness({
+  primaryColorHex: '#EC1F27' // opsional
+});
+
+if (result.status === 'SUCCESS') {
+  const base64 = result.imageBase64; // JPEG base64, kirim ke backend Anda
+}
+```
+
+### 5. Panggil Foto KTP
+
+```ts
+import { startKtpOcr } from '@simasfin/smmf-sdk';
+
+const result = await startKtpOcr();
+
+if (result.status === 'SUCCESS') {
+  const base64 = result.imageBase64; // JPEG base64, kirim ke backend Anda untuk OCR
+}
+```
+
+### 6. Kanvas Tanda Tangan
+
+Kanvas native yang ditaruh inline di layar Anda. Hasilnya PNG transparan seukuran kanvas, base64 polos.
+
+```tsx
+import { OnePassSignatureView, OnePassSignatureViewRef } from '@simasfin/smmf-sdk';
+
+const signatureRef = useRef<OnePassSignatureViewRef>(null);
+
+<OnePassSignatureView
+  ref={signatureRef}
+  style={{ height: 240 }}
+  penColor="#0A2730"   // hex
+  strokeWidth={4}      // ketebalan garis (dp/pt)
+  onBegin={() => setScrollEnabled(false)}
+  onEnd={() => setScrollEnabled(true)}
+/>
+
+await signatureRef.current?.clear();
+const base64 = await signatureRef.current?.readSignature(); // null bila kanvas masih kosong
+```

package/android/build.gradle

@@ -0,0 +1,51 @@
+apply plugin: 'com.android.library'
+apply plugin: 'kotlin-android'
+
+group = 'id.co.onepass.expo'
+version = '0.1.0'
+
+def onepassSdkVersion = new groovy.json.JsonSlurper().parse(file('../package.json')).version
+
+def safeExtGet(prop, fallback) {
+  rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback
+}
+
+android {
+  namespace 'id.co.onepass.expo'
+  compileSdk safeExtGet('compileSdkVersion', 34)
+
+  defaultConfig {
+    minSdkVersion safeExtGet('minSdkVersion', 24)
+    targetSdkVersion safeExtGet('targetSdkVersion', 34)
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_17
+    targetCompatibility JavaVersion.VERSION_17
+  }
+
+  kotlinOptions {
+    jvmTarget = '17'
+  }
+}
+
+repositories {
+  maven { url "$projectDir/maven" }
+  mavenCentral()
+  google()
+}
+
+dependencies {
+  implementation project(':expo-modules-core')
+  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlinVersion"
+
+  api "id.co.onepass:onepass-sdk:${onepassSdkVersion}"
+
+  implementation 'androidx.appcompat:appcompat:1.7.0'
+  implementation 'androidx.camera:camera-core:1.4.1'
+  implementation 'androidx.camera:camera-camera2:1.4.1'
+  implementation 'androidx.camera:camera-lifecycle:1.4.1'
+  implementation 'androidx.camera:camera-view:1.4.1'
+  implementation 'com.google.mlkit:face-detection:16.1.7'
+  implementation 'com.google.mlkit:text-recognition:16.0.1'
+}

package/android/maven/id/co/onepass/onepass-sdk/0.2.3/onepass-sdk-0.2.3.pom

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0">
+  <modelVersion>4.0.0</modelVersion>
+  <groupId>id.co.onepass</groupId>
+  <artifactId>onepass-sdk</artifactId>
+  <version>0.2.3</version>
+  <packaging>aar</packaging>
+  <dependencies>
+    <dependency>
+      <groupId>androidx.appcompat</groupId>
+      <artifactId>appcompat</artifactId>
+      <version>1.7.0</version>
+      <scope>runtime</scope>
+    </dependency>
+    <dependency>
+      <groupId>androidx.camera</groupId>
+      <artifactId>camera-core</artifactId>
+      <version>1.4.1</version>
+      <scope>runtime</scope>
+    </dependency>
+    <dependency>
+      <groupId>androidx.camera</groupId>
+      <artifactId>camera-camera2</artifactId>
+      <version>1.4.1</version>
+      <scope>runtime</scope>
+    </dependency>
+    <dependency>
+      <groupId>androidx.camera</groupId>
+      <artifactId>camera-lifecycle</artifactId>
+      <version>1.4.1</version>
+      <scope>runtime</scope>
+    </dependency>
+    <dependency>
+      <groupId>androidx.camera</groupId>
+      <artifactId>camera-view</artifactId>
+      <version>1.4.1</version>
+      <scope>runtime</scope>
+    </dependency>
+    <dependency>
+      <groupId>com.google.mlkit</groupId>
+      <artifactId>face-detection</artifactId>
+      <version>16.1.7</version>
+      <scope>runtime</scope>
+    </dependency>
+    <dependency>
+      <groupId>com.google.mlkit</groupId>
+      <artifactId>text-recognition</artifactId>
+      <version>16.0.1</version>
+      <scope>runtime</scope>
+    </dependency>
+  </dependencies>
+</project>

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/android/src/main/java/id/co/onepass/expo/OnePassSignatureExpoView.kt

@@ -0,0 +1,25 @@
+package id.co.onepass.expo
+
+import android.content.Context
+import expo.modules.kotlin.AppContext
+import expo.modules.kotlin.viewevent.EventDispatcher
+import expo.modules.kotlin.views.ExpoView
+import id.co.onepass.sdk.signature.SignaturePadView
+
+class OnePassSignatureExpoView(context: Context, appContext: AppContext) :
+    ExpoView(context, appContext) {
+
+    val pad = SignaturePadView(context)
+    private val onBegin by EventDispatcher()
+    private val onEnd by EventDispatcher()
+
+    init {
+        addView(pad)
+        pad.onBegin = { onBegin(emptyMap()) }
+        pad.onEnd = { onEnd(emptyMap()) }
+    }
+
+    override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {
+        pad.layout(0, 0, right - left, bottom - top)
+    }
+}

package/android/src/main/java/id/co/onepass/expo/OnepassExpoModule.kt

@@ -0,0 +1,134 @@
+package id.co.onepass.expo
+
+import android.app.Activity
+import android.content.Intent
+import android.graphics.Color
+import expo.modules.kotlin.Promise
+import expo.modules.kotlin.exception.Exceptions
+import expo.modules.kotlin.functions.Queues
+import expo.modules.kotlin.modules.Module
+import expo.modules.kotlin.modules.ModuleDefinition
+import id.co.onepass.sdk.KtpOcrContract
+import id.co.onepass.sdk.KtpOcrInput
+import id.co.onepass.sdk.KtpOcrStatusCode
+import id.co.onepass.sdk.LivenessContract
+import id.co.onepass.sdk.LivenessInput
+import id.co.onepass.sdk.LivenessStatus
+
+class OnepassExpoModule : Module() {
+
+    companion object {
+        private const val REQUEST_LIVENESS = 0x0F01
+        private const val REQUEST_KTP_OCR = 0x0F02
+    }
+
+    private var pendingPromise: Promise? = null
+    private var pendingRequestCode: Int? = null
+
+    private val currentActivity: Activity
+        get() = appContext.currentActivity ?: throw Exceptions.MissingActivity()
+
+    override fun definition() = ModuleDefinition {
+        Name("OnepassExpo")
+
+        AsyncFunction("startLiveness") { options: Map<String, Any?>, promise: Promise ->
+            val input = LivenessInput(primaryColorHex = options["primaryColorHex"] as? String)
+            launch(
+                REQUEST_LIVENESS,
+                LivenessContract().createIntent(currentActivity, input),
+                promise,
+            )
+        }
+
+        AsyncFunction("startKtpOcr") { options: Map<String, Any?>, promise: Promise ->
+            val input = KtpOcrInput(primaryColorHex = options["primaryColorHex"] as? String)
+            launch(
+                REQUEST_KTP_OCR,
+                KtpOcrContract().createIntent(currentActivity, input),
+                promise,
+            )
+        }
+
+        View(OnePassSignatureExpoView::class) {
+            Events("onBegin", "onEnd")
+
+            Prop("penColor") { view: OnePassSignatureExpoView, color: String? ->
+                view.pad.penColor =
+                    color?.let { runCatching { Color.parseColor(it) }.getOrNull() } ?: Color.BLACK
+            }
+
+            Prop("strokeWidth") { view: OnePassSignatureExpoView, width: Float? ->
+                view.pad.strokeWidthDp = width ?: 2f
+            }
+
+            AsyncFunction("clear") { view: OnePassSignatureExpoView ->
+                view.pad.clear()
+            }.runOnQueue(Queues.MAIN)
+
+            AsyncFunction("readSignature") { view: OnePassSignatureExpoView ->
+                view.pad.toBase64Png()
+            }.runOnQueue(Queues.MAIN)
+        }
+
+        OnActivityResult { _, payload ->
+            when (payload.requestCode) {
+                REQUEST_LIVENESS -> resolveLiveness(payload.resultCode, payload.data)
+                REQUEST_KTP_OCR -> resolveKtpOcr(payload.resultCode, payload.data)
+            }
+        }
+    }
+
+    private fun launch(requestCode: Int, intent: Intent, promise: Promise) {
+        if (pendingPromise != null) {
+            promise.reject(
+                "ONEPASS_BUSY",
+                "Verifikasi OnePass lain sedang berjalan",
+                null,
+            )
+            return
+        }
+        pendingPromise = promise
+        pendingRequestCode = requestCode
+        currentActivity.startActivityForResult(intent, requestCode)
+    }
+
+    private fun consumePromise(requestCode: Int): Promise? {
+        if (pendingRequestCode != requestCode) return null
+        val promise = pendingPromise
+        pendingPromise = null
+        pendingRequestCode = null
+        return promise
+    }
+
+    private fun resolveLiveness(resultCode: Int, data: Intent?) {
+        val promise = consumePromise(REQUEST_LIVENESS) ?: return
+        val result = LivenessContract().parseResult(resultCode, data)
+        promise.resolve(
+            mapOf(
+                "status" to when (result.status) {
+                    LivenessStatus.SUCCESS -> "SUCCESS"
+                    LivenessStatus.FAILED -> "FAILED"
+                    LivenessStatus.CANCELLED -> "CANCELLED"
+                },
+                "imageBase64" to result.imageBase64,
+                "errorMessage" to result.errorMessage,
+            )
+        )
+    }
+
+    private fun resolveKtpOcr(resultCode: Int, data: Intent?) {
+        val promise = consumePromise(REQUEST_KTP_OCR) ?: return
+        val result = KtpOcrContract().parseResult(resultCode, data)
+        promise.resolve(
+            mapOf(
+                "status" to when (result.status) {
+                    KtpOcrStatusCode.SUCCESS -> "SUCCESS"
+                    KtpOcrStatusCode.FAILED -> "FAILED"
+                    KtpOcrStatusCode.CANCELLED -> "CANCELLED"
+                },
+                "imageBase64" to result.imageBase64,
+                "errorMessage" to result.errorMessage,
+            )
+        )
+    }
+}

package/app.plugin.js

@@ -0,0 +1 @@
+module.exports = require('./plugin/withOnePass');

package/build/OnePassSignatureView.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { ViewProps } from 'react-native';
+export type OnePassSignatureViewProps = ViewProps & {
+    penColor?: string;
+    strokeWidth?: number;
+    onBegin?: () => void;
+    onEnd?: () => void;
+};
+export type OnePassSignatureViewRef = {
+    clear(): Promise<void>;
+    readSignature(): Promise<string | null>;
+};
+export declare const OnePassSignatureView: React.ForwardRefExoticComponent<ViewProps & {
+    penColor?: string;
+    strokeWidth?: number;
+    onBegin?: () => void;
+    onEnd?: () => void;
+} & React.RefAttributes<OnePassSignatureViewRef>>;
+//# sourceMappingURL=OnePassSignatureView.d.ts.map

package/build/OnePassSignatureView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnePassSignatureView.d.ts","sourceRoot":"","sources":["../src/OnePassSignatureView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;IACvB,aAAa,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;CACzC,CAAC;AAMF,eAAO,MAAM,oBAAoB;eAfpB,MAAM;kBACH,MAAM;cACV,MAAM,IAAI;YACZ,MAAM,IAAI;iDAyBnB,CAAC"}

package/build/OnePassSignatureView.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { requireNativeViewManager } from 'expo-modules-core';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+const NativeSignatureView = requireNativeViewManager('OnepassExpo');
+export const OnePassSignatureView = forwardRef(function OnePassSignatureView(props, ref) {
+    const nativeRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        clear: async () => {
+            await nativeRef.current?.clear();
+        },
+        readSignature: async () => (await nativeRef.current?.readSignature()) ?? null,
+    }));
+    return _jsx(NativeSignatureView, { ...props, ref: nativeRef });
+});
+//# sourceMappingURL=OnePassSignatureView.js.map

package/build/OnePassSignatureView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnePassSignatureView.js","sourceRoot":"","sources":["../src/OnePassSignatureView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAc,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAevE,MAAM,mBAAmB,GAAG,wBAAwB,CAClD,aAAa,CACmF,CAAC;AAEnG,MAAM,CAAC,MAAM,oBAAoB,GAAG,UAAU,CAC5C,SAAS,oBAAoB,CAAC,KAAK,EAAE,GAAG;IACtC,MAAM,SAAS,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAExD,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,KAAK,EAAE,KAAK,IAAI,EAAE;YAChB,MAAM,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QACnC,CAAC;QACD,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,MAAM,SAAS,CAAC,OAAO,EAAE,aAAa,EAAE,CAAC,IAAI,IAAI;KAC9E,CAAC,CAAC,CAAC;IAEJ,OAAO,KAAC,mBAAmB,OAAK,KAAK,EAAE,GAAG,EAAE,SAAS,GAAI,CAAC;AAC5D,CAAC,CACF,CAAC"}

package/build/index.d.ts

@@ -0,0 +1,21 @@
+export { OnePassSignatureView, type OnePassSignatureViewProps, type OnePassSignatureViewRef, } from './OnePassSignatureView';
+export type CaptureStatus = 'SUCCESS' | 'FAILED' | 'CANCELLED';
+export type LivenessOptions = {
+    primaryColorHex?: string;
+};
+export type LivenessResult = {
+    status: CaptureStatus;
+    imageBase64?: string;
+    errorMessage?: string;
+};
+export type KtpOcrOptions = {
+    primaryColorHex?: string;
+};
+export type KtpOcrResult = {
+    status: CaptureStatus;
+    imageBase64?: string;
+    errorMessage?: string;
+};
+export declare function startLiveness(options?: LivenessOptions): Promise<LivenessResult>;
+export declare function startKtpOcr(options?: KtpOcrOptions): Promise<KtpOcrResult>;
+//# sourceMappingURL=index.d.ts.map

package/build/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,EAC9B,KAAK,uBAAuB,GAC7B,MAAM,wBAAwB,CAAC;AAEhC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE/D,MAAM,MAAM,eAAe,GAAG;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AASF,wBAAgB,aAAa,CAAC,OAAO,GAAE,eAAoB,GAAG,OAAO,CAAC,cAAc,CAAC,CAEpF;AAED,wBAAgB,WAAW,CAAC,OAAO,GAAE,aAAkB,GAAG,OAAO,CAAC,YAAY,CAAC,CAE9E"}

package/build/index.js

@@ -0,0 +1,10 @@
+import { requireNativeModule } from 'expo-modules-core';
+export { OnePassSignatureView, } from './OnePassSignatureView';
+const OnepassExpo = requireNativeModule('OnepassExpo');
+export function startLiveness(options = {}) {
+    return OnepassExpo.startLiveness(options);
+}
+export function startKtpOcr(options = {}) {
+    return OnepassExpo.startKtpOcr(options);
+}
+//# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EACL,oBAAoB,GAGrB,MAAM,wBAAwB,CAAC;AA6BhC,MAAM,WAAW,GAAG,mBAAmB,CAA0B,aAAa,CAAC,CAAC;AAEhF,MAAM,UAAU,aAAa,CAAC,UAA2B,EAAE;IACzD,OAAO,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,UAAyB,EAAE;IACrD,OAAO,WAAW,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAC1C,CAAC"}

package/expo-module.config.json

@@ -0,0 +1,9 @@
+{
+  "platforms": ["android", "ios"],
+  "android": {
+    "modules": ["id.co.onepass.expo.OnepassExpoModule"]
+  },
+  "ios": {
+    "modules": ["OnepassExpoModule"]
+  }
+}

package/ios/OnePassSDK/DesignSystem.swift

@@ -0,0 +1,139 @@
+import UIKit
+
+enum OnePassColor {
+    static let simascore = UIColor(hex: "#EC1F27")
+    static let red500 = UIColor(hex: "#E53E3E")
+    static let greenCheckBadge = UIColor(hex: "#52BD94")
+    static let orangeWarningBadge = UIColor(hex: "#FF5630")
+    static let greenPhotoBorder = UIColor(hex: "#2DB089")
+    static let greenSpinner = UIColor(hex: "#48BB78")
+    static let gray50 = UIColor(hex: "#F7FAFC")
+    static let gray100 = UIColor(hex: "#EDF2F7")
+    static let gray200 = UIColor(hex: "#E2E8F0")
+    static let gray600 = UIColor(hex: "#4A5568")
+    static let gray800 = UIColor(hex: "#1A202C")
+    static let shutterBorder = UIColor(hex: "#808080")
+
+    static let primary500 = UIColor(hex: "#B82025")
+    static let primary600 = UIColor(hex: "#931A1E")
+    static let primary25 = UIColor(hex: "#FCEEEE")
+    static let warning50 = UIColor(hex: "#FFF7E9")
+    static let warning400 = UIColor(hex: "#FFC04D")
+    static let warning500 = UIColor(hex: "#FFB020")
+    static let error50 = UIColor(hex: "#FFEEEE")
+    static let error600 = UIColor(hex: "#E84E2C")
+    static let neutral100 = UIColor(hex: "#F2F4F7")
+    static let tertiary50 = UIColor(hex: "#FCFCFD")
+    static let tertiary500 = UIColor(hex: "#667085")
+    static let tertiary700 = UIColor(hex: "#334054")
+    static let tertiary900 = UIColor(hex: "#101828")
+    static let baseBlack = UIColor(hex: "#0A0A0B")
+}
+
+enum OnePassFont {
+    private static var registered = false
+
+    static func register() {
+        guard !registered else { return }
+        registered = true
+        ["inter_regular", "inter_medium", "inter_semibold", "inter_bold"].forEach { name in
+            guard
+                let url = Bundle.onePass.url(forResource: name, withExtension: "ttf"),
+                let data = try? Data(contentsOf: url),
+                let provider = CGDataProvider(data: data as CFData),
+                let font = CGFont(provider)
+            else { return }
+            CTFontManagerRegisterGraphicsFont(font, nil)
+        }
+    }
+
+    static func regular(_ size: CGFloat) -> UIFont { named("Inter-Regular", size, .regular) }
+    static func medium(_ size: CGFloat) -> UIFont { named("Inter-Medium", size, .medium) }
+    static func semibold(_ size: CGFloat) -> UIFont { named("Inter-SemiBold", size, .semibold) }
+    static func bold(_ size: CGFloat) -> UIFont { named("Inter-Bold", size, .bold) }
+
+    private static func named(_ name: String, _ size: CGFloat, _ weight: UIFont.Weight) -> UIFont {
+        register()
+        return UIFont(name: name, size: size) ?? .systemFont(ofSize: size, weight: weight)
+    }
+}
+
+extension Bundle {
+    static var onePass: Bundle {
+        #if SWIFT_PACKAGE
+        return .module
+        #else
+        let container = Bundle(for: LivenessViewController.self)
+        for name in ["OnePassSDK", "OnepassExpo-OnePassSDK"] {
+            if
+                let url = container.url(forResource: name, withExtension: "bundle"),
+                let resourceBundle = Bundle(url: url)
+            {
+                return resourceBundle
+            }
+        }
+        return container
+        #endif
+    }
+}
+
+extension UIColor {
+    convenience init(hex: String) {
+        var value = hex.trimmingCharacters(in: .whitespacesAndNewlines)
+        if value.hasPrefix("#") { value.removeFirst() }
+        var rgb: UInt64 = 0
+        Scanner(string: value).scanHexInt64(&rgb)
+        let hasAlpha = value.count == 8
+        let divisor: CGFloat = 255
+        if hasAlpha {
+            self.init(
+                red: CGFloat((rgb & 0xFF00_0000) >> 24) / divisor,
+                green: CGFloat((rgb & 0x00FF_0000) >> 16) / divisor,
+                blue: CGFloat((rgb & 0x0000_FF00) >> 8) / divisor,
+                alpha: CGFloat(rgb & 0x0000_00FF) / divisor
+            )
+        } else {
+            self.init(
+                red: CGFloat((rgb & 0xFF0000) >> 16) / divisor,
+                green: CGFloat((rgb & 0x00FF00) >> 8) / divisor,
+                blue: CGFloat(rgb & 0x0000FF) / divisor,
+                alpha: 1
+            )
+        }
+    }
+}
+
+extension UIImage {
+    static func onePass(_ name: String) -> UIImage? {
+        UIImage(named: name, in: .onePass, compatibleWith: nil)
+    }
+}
+
+final class OnePassButton: UIButton {
+    enum Style {
+        case solid(UIColor)
+        case outline(border: UIColor, text: UIColor)
+    }
+
+    init(title: String, style: Style, cornerRadius: CGFloat, font: UIFont) {
+        super.init(frame: .zero)
+        setTitle(title, for: .normal)
+        titleLabel?.font = font
+        layer.cornerRadius = cornerRadius
+        layer.masksToBounds = true
+        contentEdgeInsets = UIEdgeInsets(top: 0, left: 16, bottom: 0, right: 16)
+        switch style {
+        case .solid(let color):
+            backgroundColor = color
+            setTitleColor(.white, for: .normal)
+        case .outline(let border, let text):
+            backgroundColor = .white
+            layer.borderWidth = 1
+            layer.borderColor = border.cgColor
+            setTitleColor(text, for: .normal)
+        }
+    }
+
+    @available(*, unavailable)
+    required init?(coder: NSCoder) { fatalError("tidak dipakai") }
+}

package/ios/OnePassSDK/IconView.swift

@@ -0,0 +1,54 @@
+import UIKit
+
+final class IconView: UIView {
+
+    private static let viewportSize: CGFloat = 24
+
+    private let shape = CAShapeLayer()
+    private let segments: [IconSegment]
+
+    init(segments: [IconSegment], size: CGFloat, color: UIColor) {
+        self.segments = segments
+        super.init(frame: CGRect(x: 0, y: 0, width: size, height: size))
+        backgroundColor = .clear
+        shape.fillColor = color.cgColor
+        shape.fillRule = .nonZero
+        layer.addSublayer(shape)
+        translatesAutoresizingMaskIntoConstraints = false
+        NSLayoutConstraint.activate([
+            widthAnchor.constraint(equalToConstant: size),
+            heightAnchor.constraint(equalToConstant: size),
+        ])
+    }
+
+    @available(*, unavailable)
+    required init?(coder: NSCoder) { fatalError("tidak dipakai") }
+
+    var color: UIColor = .white {
+        didSet { shape.fillColor = color.cgColor }
+    }
+
+    override func layoutSubviews() {
+        super.layoutSubviews()
+        shape.frame = bounds
+        let scale = min(bounds.width, bounds.height) / Self.viewportSize
+        let path = CGMutablePath()
+        for segment in segments {
+            switch segment {
+            case .move(let x, let y):
+                path.move(to: CGPoint(x: x * scale, y: y * scale))
+            case .line(let x, let y):
+                path.addLine(to: CGPoint(x: x * scale, y: y * scale))
+            case .curve(let x1, let y1, let x2, let y2, let x, let y):
+                path.addCurve(
+                    to: CGPoint(x: x * scale, y: y * scale),
+                    control1: CGPoint(x: x1 * scale, y: y1 * scale),
+                    control2: CGPoint(x: x2 * scale, y: y2 * scale)
+                )
+            case .close:
+                path.closeSubpath()
+            }
+        }
+        shape.path = path
+    }
+}