@kwik-id/sdk-react 0.1.0-alpha.3 → 0.1.0-alpha.7

package/dist/open-kwik-verification.d.ts

@@ -0,0 +1,54 @@
+import { KwikIDTheme } from '../../types/src';
+export interface OpenVerificationOptions {
+    /** Client secret from your backend session creation. Required. */
+    clientSecret: string;
+    /** App name shown in the modal header. Falls back to org name from session. */
+    appName?: string;
+    /** Custom theme colors. */
+    theme?: KwikIDTheme;
+    /** API base URL. Defaults to production. */
+    baseUrl?: string;
+    /** Show org logo in header. Defaults to true. */
+    showLogo?: boolean;
+    /**
+     * Called immediately when documents are uploaded and background processing begins.
+     * The modal is still open at this point — use this to save the jobId before the
+     * user dismisses the result screen.
+     */
+    onSubmitted?: (data: {
+        jobId: string;
+    }) => void;
+}
+export interface VerificationOutcome {
+    /**
+     * - `"submitted"` — Documents received by backend. Verification result arrives via webhook.
+     * - `"cancelled"` — User closed the modal before submitting.
+     * - `"error"`     — Upload or submission failed.
+     */
+    status: "submitted" | "cancelled" | "error";
+    /** Present on `"submitted"` — the verification job ID for tracking via webhooks. */
+    jobId?: string;
+    /** Present on `"cancelled"` and `"error"`. */
+    error?: Error;
+}
+/**
+ * Opens the KwikID verification modal programmatically.
+ *
+ * Injects the modal at `document.body` — zero impact on your page layout.
+ * Works from React, Vue, Angular, or plain JavaScript.
+ *
+ * @example
+ * ```ts
+ * const { status, jobId } = await openKwikVerification({
+ *   clientSecret,
+ *   appName: "My App",
+ *   onSubmitted: ({ jobId }) => saveJobId(jobId),
+ * });
+ *
+ * if (status === "submitted") {
+ *   // Documents received. Outcome arrives via webhook.
+ * }
+ * ```
+ */
+export declare function openKwikVerification(options: OpenVerificationOptions): Promise<VerificationOutcome>;
+//# sourceMappingURL=open-kwik-verification.d.ts.map

package/dist/open-kwik-verification.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"open-kwik-verification.d.ts","sourceRoot":"","sources":["../src/open-kwik-verification.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAU1D,MAAM,WAAW,uBAAuB;IACpC,kEAAkE;IAClE,YAAY,EAAE,MAAM,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,mBAAmB;IAChC;;;;OAIG;IACH,MAAM,EAAE,WAAW,GAAG,WAAW,GAAG,OAAO,CAAC;IAC5C,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAsB,oBAAoB,CACtC,OAAO,EAAE,uBAAuB,GACjC,OAAO,CAAC,mBAAmB,CAAC,CAoD9B"}

package/dist/views/consent-step.d.ts

@@ -1,4 +1,4 @@
-import { ConsentData } from '../../../types/src/index.ts';
+import { ConsentData } from '../../../types/src';
 interface ConsentStepProps {
     data: ConsentData;
     onUpdate: (data: ConsentData) => void;

package/dist/views/document-upload-step.d.ts

@@ -1,4 +1,4 @@
-import { DocumentData } from '../../../types/src/index.ts';
+import { DocumentData } from '../../../types/src';
 interface DocumentUploadStepProps {
     data: DocumentData;
     onUpdate: (data: DocumentData) => void;

package/dist/views/kwik-id.d.ts

@@ -1,4 +1,4 @@
-import { KwikIDConfig } from '../../../types/src/index.ts';
+import { KwikIDConfig } from '../../../types/src';
 interface KwikIDProps {
     config: KwikIDConfig;
 }
@@ -46,5 +46,5 @@ interface KwikIDProps {
  * ```
  */
 export declare const KwikID: React.FC<KwikIDProps>;
-export type { KwikIDConfig, KwikIDTheme } from '../../../types/src/index.ts';
+export type { KwikIDConfig, KwikIDTheme } from '../../../types/src';
 //# sourceMappingURL=kwik-id.d.ts.map

package/dist/views/kyc-form.d.ts

@@ -1,2 +1,7 @@
-export declare function KYCForm(): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders the KYC verification modal as a portal at document.body.
+ * Injects nothing into the host page layout — the modal floats above everything.
+ * The host controls visibility by mounting/unmounting <KwikID>.
+ */
+export declare function KYCForm(): import('react').ReactPortal | null;
 //# sourceMappingURL=kyc-form.d.ts.map

package/dist/views/kyc-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kyc-form.d.ts","sourceRoot":"","sources":["../../src/views/kyc-form.tsx"],"names":[],"mappings":"AAQA,wBAAgB,OAAO,4CAiDtB"}
+{"version":3,"file":"kyc-form.d.ts","sourceRoot":"","sources":["../../src/views/kyc-form.tsx"],"names":[],"mappings":"AAQA;;;;GAIG;AACH,wBAAgB,OAAO,uCAqBtB"}

package/dist/views/kyc-modal-flow.d.ts

@@ -1,4 +1,4 @@
-import { KYCFormData } from '../../../types/src/index.ts';
+import { KYCFormData } from '../../../types/src';
 export type SubStep = "consent" | "intro" | "handoff-choice" | "handoff-waiting" | "document-type" | "prepare-front" | "camera-front" | "confirm-front" | "prepare-back" | "camera-back" | "confirm-back" | "prepare-selfie" | "camera-selfie" | "confirm-selfie" | "processing" | "result";
 interface KYCModalFlowProps {
     isOpen: boolean;

package/dist/views/kyc-modal-flow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"kyc-modal-flow.d.ts","sourceRoot":"","sources":["../../src/views/kyc-modal-flow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,WAAW,EAGd,MAAM,gBAAgB,CAAC;AAoBxB,MAAM,MAAM,OAAO,GACb,SAAS,GACT,OAAO,GACP,gBAAgB,GAChB,iBAAiB,GACjB,eAAe,GACf,eAAe,GACf,cAAc,GACd,eAAe,GACf,cAAc,GACd,aAAa,GACb,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,QAAQ,CAAC;AAEf,UAAU,iBAAiB;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CA+mB9E"}
+{"version":3,"file":"kyc-modal-flow.d.ts","sourceRoot":"","sources":["../../src/views/kyc-modal-flow.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,WAAW,EAGd,MAAM,gBAAgB,CAAC;AAoBxB,MAAM,MAAM,OAAO,GACb,SAAS,GACT,OAAO,GACP,gBAAgB,GAChB,iBAAiB,GACjB,eAAe,GACf,eAAe,GACf,cAAc,GACd,eAAe,GACf,cAAc,GACd,aAAa,GACb,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,YAAY,GACZ,QAAQ,CAAC;AAEf,UAAU,iBAAiB;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CAumB9E"}

package/dist/views/kyc-substeps/camera-capture.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"camera-capture.d.ts","sourceRoot":"","sources":["../../../src/views/kyc-substeps/camera-capture.tsx"],"names":[],"mappings":"AASA,KAAK,WAAW,GAAG,gBAAgB,GAAG,eAAe,GAAG,QAAQ,CAAC;AACjE,KAAK,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,GAAG,aAAa,GAAG,EAAE,CAAC;AAEpF,UAAU,kBAAkB;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAcD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAsoB9E"}
+{"version":3,"file":"camera-capture.d.ts","sourceRoot":"","sources":["../../../src/views/kyc-substeps/camera-capture.tsx"],"names":[],"mappings":"AAQA,KAAK,WAAW,GAAG,gBAAgB,GAAG,eAAe,GAAG,QAAQ,CAAC;AACjE,KAAK,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,GAAG,aAAa,GAAG,EAAE,CAAC;AAEpF,UAAU,kBAAkB;IACxB,IAAI,EAAE,WAAW,CAAC;IAClB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,QAAQ,EAAE,MAAM,IAAI,CAAC;CACxB;AAcD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CAkoB9E"}

package/dist/views/selfie-step.d.ts

@@ -1,4 +1,4 @@
-import { SelfieData } from '../../../types/src/index.ts';
+import { SelfieData } from '../../../types/src';
 interface SelfieStepProps {
     data: SelfieData;
     onUpdate: (data: SelfieData) => void;

package/dist/views/verification-step.d.ts

@@ -1,4 +1,4 @@
-import { VerificationResult } from '../../../types/src/index.ts';
+import { VerificationResult } from '../../../types/src';
 interface VerificationStepProps {
     result: VerificationResult | null;
     onRetry: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwik-id/sdk-react",
-  "version": "0.1.0-alpha.3",
+  "version": "0.1.0-alpha.7",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -25,10 +25,7 @@
     "lottie-react": ">=2.4.0",
     "lucide-react": ">=0.300.0",
     "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
-    "@kwik-id/shared-ui": "0.0.1",
-    "@kwik-id/types": "0.0.1",
-    "@kwik-id/utils": "0.0.1"
+    "react-dom": ">=18.0.0"
   },
   "dependencies": {
     "compressorjs": "^1.2.1",
@@ -36,7 +33,10 @@
   },
   "devDependencies": {
     "@types/qrcode": "^1.5.6",
-    "@kwik-id/sdk-core": "0.0.1"
+    "@kwik-id/shared-ui": "0.0.1",
+    "@kwik-id/types": "0.0.1",
+    "@kwik-id/sdk-core": "0.0.1",
+    "@kwik-id/utils": "0.0.1"
   },
   "scripts": {
     "build": "vite build",

package/dist/assets/image-processor.worker-B6Di_lR_.js

@@ -1 +0,0 @@
-(function(){"use strict";function h(t){let a=0;const r=t.length/4;for(let c=0;c<t.length;c+=4)a+=.299*t[c]+.587*t[c+1]+.114*t[c+2];const e=a/r,o=Math.min(100,e/255*100);return e<50?{score:o,isAcceptable:!1,message:"Image is too dark. Please ensure better lighting."}:e>220?{score:o,isAcceptable:!1,message:"Image is too bright. Please reduce exposure or lighting."}:{score:o,isAcceptable:!0}}function A(t,a,r){const e=new Float32Array(a*r);for(let s=0;s<t.length;s+=4)e[s/4]=.299*t[s]+.587*t[s+1]+.114*t[s+2];let o=0,c=0,l=0;for(let s=1;s<r-1;s++)for(let m=1;m<a-1;m++){const f=s*a+m,g=e[f-a]+e[f-1]-4*e[f]+e[f+1]+e[f+a];o+=g,c+=g*g,l++}const i=o/l,n=c/l-i*i,u=Math.min(100,n/500*100);return n<0?{score:u,isAcceptable:!1,message:"Image is too blurry. Please hold the camera steady."}:{score:u,isAcceptable:!0}}self.onmessage=async t=>{const{id:a,type:r}=t.data;if(r==="analyze-quality"){const{buffer:e,width:o,height:c}=t.data,l=new Uint8ClampedArray(e),i=h(l),n=A(l,o,c),u={score:(i.score+n.score)/2,isAcceptable:i.isAcceptable&&n.isAcceptable,message:i.isAcceptable?n.isAcceptable?void 0:n.message:i.message};self.postMessage({id:a,luminance:i,blur:n,overall:u});return}if(r==="compress"){const{bitmap:e,maxSizeKB:o,quality:c,maxWidth:l,maxHeight:i}=t.data;if(typeof OffscreenCanvas>"u"){self.postMessage({id:a,fallback:!0}),e.close();return}const n=Math.min(e.width,l??1920),u=Math.min(e.height,i??1920),s=new OffscreenCanvas(n,u);s.getContext("2d").drawImage(e,0,0,n,u),e.close();const f=(o??500)*1024;let g=c??.8,p=await s.convertToBlob({type:"image/jpeg",quality:g}),b=0;for(;p.size>f&&b<5;)g*=.8,p=await s.convertToBlob({type:"image/jpeg",quality:g}),b++;const y=await p.arrayBuffer();self.postMessage({id:a,buffer:y},[y])}}})();