@smartcomply/web-sdk 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE.txt +7 -0
- package/README.md +67 -60
- package/dist/components/steps/LivenessFlow.d.ts +2 -1
- package/dist/index.js +16 -16
- package/dist/utils/index.d.ts +1 -0
- package/dist/web-sdk.css +1 -1
- package/package.json +12 -3
package/LICENSE.txt
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
Copyright (c) 2026 Smartcomply. All rights reserved.
|
|
2
|
+
|
|
3
|
+
This software and its source code are the proprietary information of Smartcomply.
|
|
4
|
+
Unauthorized copying, modification, distribution, or any other use of this software without the express written consent of Smartcomply is strictly prohibited.
|
|
5
|
+
|
|
6
|
+
The use of this SDK is governed by the Smartcomply Terms of Service provided
|
|
7
|
+
at https://adhere.smartcomply.com.
|
package/README.md
CHANGED
|
@@ -1,73 +1,80 @@
|
|
|
1
|
-
|
|
1
|
+
## @smartcomply/web-sdk
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
The lightweight, secure, and performance-optimized Identity Verification SDK for Smartcomply.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
### Overview
|
|
6
|
+
The Smartcomply Web SDK provides a seamless identity verification experience. Built with performance in mind, it features:
|
|
6
7
|
|
|
7
|
-
-
|
|
8
|
-
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
8
|
+
- **Ultra-Lightweight:** Only ~80kB gzipped.
|
|
9
9
|
|
|
10
|
-
|
|
10
|
+
- **Encapsulated Styles:** Powered by Shadow DOM to prevent style clashing with your website.
|
|
11
11
|
|
|
12
|
-
|
|
12
|
+
- **Privacy-First:** Automatic hardware cleanup ensures the camera turns off immediately after use.
|
|
13
13
|
|
|
14
|
-
|
|
14
|
+
- **Framework Agnostic:** Works with React, Vue, Angular, or Vanilla JavaScript.
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
globalIgnores(['dist']),
|
|
21
|
-
{
|
|
22
|
-
files: ['**/*.{ts,tsx}'],
|
|
23
|
-
extends: [
|
|
24
|
-
// Other configs...
|
|
16
|
+
### Installation
|
|
17
|
+
```bash
|
|
18
|
+
npm install @smartcomply/web-sdk
|
|
19
|
+
```
|
|
25
20
|
|
|
26
|
-
|
|
27
|
-
tseslint.configs.recommendedTypeChecked,
|
|
28
|
-
// Alternatively, use this for stricter rules
|
|
29
|
-
tseslint.configs.strictTypeChecked,
|
|
30
|
-
// Optionally, add this for stylistic rules
|
|
31
|
-
tseslint.configs.stylisticTypeChecked,
|
|
21
|
+
**or**
|
|
32
22
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
languageOptions: {
|
|
36
|
-
parserOptions: {
|
|
37
|
-
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
38
|
-
tsconfigRootDir: import.meta.dirname,
|
|
39
|
-
},
|
|
40
|
-
// other options...
|
|
41
|
-
},
|
|
42
|
-
},
|
|
43
|
-
])
|
|
23
|
+
```bash
|
|
24
|
+
yarn add @smartcomply/web-sdk
|
|
44
25
|
```
|
|
45
26
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
import
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
{
|
|
56
|
-
|
|
57
|
-
extends: [
|
|
58
|
-
// Other configs...
|
|
59
|
-
// Enable lint rules for React
|
|
60
|
-
reactX.configs['recommended-typescript'],
|
|
61
|
-
// Enable lint rules for React DOM
|
|
62
|
-
reactDom.configs.recommended,
|
|
63
|
-
],
|
|
64
|
-
languageOptions: {
|
|
65
|
-
parserOptions: {
|
|
66
|
-
project: ['./tsconfig.node.json', './tsconfig.app.json'],
|
|
67
|
-
tsconfigRootDir: import.meta.dirname,
|
|
68
|
-
},
|
|
69
|
-
// other options...
|
|
70
|
-
},
|
|
27
|
+
### Usage
|
|
28
|
+
Integrating the SDK is straightforward. Initialize it with your configuration and launch it.
|
|
29
|
+
|
|
30
|
+
#### Basic Integration
|
|
31
|
+
```JavaScript
|
|
32
|
+
import AdhereSDK from '@smartcomply/web-sdk';
|
|
33
|
+
|
|
34
|
+
const sdk = new AdhereSDK({
|
|
35
|
+
session: 'sessionId',
|
|
36
|
+
onSuccess: (data) => {
|
|
37
|
+
console.log('Verification successful:', data);
|
|
71
38
|
},
|
|
72
|
-
|
|
39
|
+
onExpire: () => {
|
|
40
|
+
console.log('User cancelled verification');
|
|
41
|
+
},
|
|
42
|
+
onError: (error) => {
|
|
43
|
+
console.error('Verification error:', error);
|
|
44
|
+
}
|
|
45
|
+
});
|
|
46
|
+
|
|
47
|
+
// To open the SDK
|
|
48
|
+
sdk.launch();
|
|
73
49
|
```
|
|
50
|
+
|
|
51
|
+
### Styling & Customization
|
|
52
|
+
The SDK uses a custom prefix (sc:) for its Tailwind-powered UI. Because it resides in a Shadow DOM, your global CSS will not affect the SDK, and the SDK's styles will not leak into your application.
|
|
53
|
+
|
|
54
|
+
### Security & Privacy
|
|
55
|
+
- **Camera Permissions:** The SDK only requests camera access during the liveness detection phase.
|
|
56
|
+
|
|
57
|
+
- **Resource Management:** Hardware streams are automatically released upon session expiry or user exit.
|
|
58
|
+
|
|
59
|
+
- **Data Encryption:** All verification data is encrypted in transit.
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
### License
|
|
63
|
+
Copyright © 2026 Smartcomply. All rights reserved.
|
|
64
|
+
This software and its source code are the proprietary information of Smartcomply.
|
|
65
|
+
Unauthorized copying, modification, distribution, or any other use of this software without the express written consent of Smartcomply is strictly prohibited.
|
|
66
|
+
|
|
67
|
+
The use of this SDK is governed by the Smartcomply Terms of Service provided at https://adhere.smartcomply.com.
|
|
68
|
+
|
|
69
|
+
### Contributors
|
|
70
|
+
|
|
71
|
+
##### This SDK is developed and maintained by the Smartcomply Engineering Team.
|
|
72
|
+
|
|
73
|
+
<a href="https://github.com/titoadeoye">
|
|
74
|
+
<img src="https://avatars.githubusercontent.com/titoadeoye?s=80"
|
|
75
|
+
alt="Tito Adeoye"
|
|
76
|
+
width="100"
|
|
77
|
+
style="border-radius:50%;" />
|
|
78
|
+
</a>
|
|
79
|
+
|
|
80
|
+
---
|
|
@@ -8,6 +8,7 @@ interface Props {
|
|
|
8
8
|
snapshotFile: File | undefined;
|
|
9
9
|
identityFormData: IDConfirmationFormPayload | undefined;
|
|
10
10
|
handleDetectionPass: () => void;
|
|
11
|
+
destroy: () => void;
|
|
11
12
|
}
|
|
12
|
-
declare const LivenessFlow: ({ sdkInstance, updateStep, config, idFile, snapshotFile, identityFormData, handleDetectionPass }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare const LivenessFlow: ({ sdkInstance, updateStep, config, idFile, snapshotFile, identityFormData, handleDetectionPass, destroy }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
13
14
|
export default LivenessFlow;
|
package/dist/index.js
CHANGED
|
@@ -32,7 +32,7 @@ return Ut("section",{className:"sc:space-y-6",children:[
|
|
|
32
32
|
/* @__PURE__ */Ut("p",{className:"sc:text-center sc:text-sm sc:font-normal sc:text-gray-400",children:"Accepted file types: JPG, PNG"})]}),
|
|
33
33
|
/* @__PURE__ */Ut("p",{className:"sc:text-sm sc:text-gray-600 sc:font-semibold",children:"Max file size: 200KB"}),o&&/* @__PURE__ */Ut("aside",{className:"sc:mt-3",children:/* @__PURE__ */Ut("ul",{children:/* @__PURE__ */Ut("li",{className:"sc:m-0 sc:mb-1 sc:flex sc:justify-between sc:gap-3 sc:p-2 sc:hover:rounded-3xl sc:hover:border-1.5 sc:hover:border-gray-100 sc:hover:!bg-transparent",children:[
|
|
34
34
|
/* @__PURE__ */Ut("div",{className:"sc:flex sc:flex-1 sc:gap-3",children:/* @__PURE__ */Ut("div",{className:"sc:flex sc:flex-1 sc:flex-col",children:/* @__PURE__ */Ut("p",{className:"sc:break-all sc:text-left sc:text-[14px] sc:font-normal sc:text-gray-600",children:o?.name})})}),
|
|
35
|
-
/* @__PURE__ */Ut("div",{className:"sc:flex shrink-0 sc:gap-2",children:/* @__PURE__ */Ut("button",{onClick:f,className:"sc:text-lg sc:font-semibold",children:/* @__PURE__ */Ut("img",{src:"https://
|
|
35
|
+
/* @__PURE__ */Ut("div",{className:"sc:flex shrink-0 sc:gap-2",children:/* @__PURE__ */Ut("button",{onClick:f,className:"sc:text-lg sc:font-semibold",children:/* @__PURE__ */Ut("img",{src:"https://adhere-prod.s3.amazonaws.com/logo/trash.svg",className:"size-5 sc:mx-auto shrink-0",alt:"delete",loading:"eager"})})})]})})})]}):null]}),
|
|
36
36
|
/* @__PURE__ */Ut("button",{onClick:()=>r(i.identifier,i.identifier_type,i.country),className:Od("sc:text-md sc:h-12 sc:w-full sc:rounded-xl sc:text-center sc:font-semibold sc:disabled:opacity-50"),disabled:!i?.country||!i?.identifier||!i?.identifier_type||!o&&t.verification_type.includes("document_verification"),style:{background:e.primaryColor,color:e.buttonText},children:"Continue"}),
|
|
37
37
|
/* @__PURE__ */Ut("div",{className:"sc:w-full sc:h-12"})]});var p}function qd({selectedTheme:t,onStart:e}){/* @__PURE__ */
|
|
38
38
|
return Ut("section",{className:"sc:mt-8 sc:space-y-6",children:[
|
|
@@ -43,42 +43,42 @@ return Ut("section",{className:"sc:mt-8 sc:space-y-6",children:[
|
|
|
43
43
|
/* @__PURE__ */Ut("li",{children:"Stay in a well lit area with your eyes clearly visible. "}),
|
|
44
44
|
/* @__PURE__ */Ut("li",{children:"Remove anything covering your face like masks, glasses, hats."}),
|
|
45
45
|
/* @__PURE__ */Ut("li",{children:"Follow the onscreen instruction for face capture."})]}),
|
|
46
|
-
/* @__PURE__ */Ut("button",{onClick:e,className:Od("sc:text-md sc:h-12 sc:w-full sc:rounded-xl sc:text-center sc:font-semibold "),style:{background:t.primaryColor,color:t.buttonText},children:"Take a selfie"})]})}const Yd=[362,385,387,263,373,380],Xd=[33,160,158,133,153,144],Jd=t=>{const e=t[1].x,r=t[234].x,n=(e-r)/(t[454].x-r);return n<.35?"LEFT":n>.65?"RIGHT":"CENTER"};class Zd{baseUrl;timeout;session;onError;destroy;constructor(t,e){this.baseUrl="
|
|
46
|
+
/* @__PURE__ */Ut("button",{onClick:e,className:Od("sc:text-md sc:h-12 sc:w-full sc:rounded-xl sc:text-center sc:font-semibold "),style:{background:t.primaryColor,color:t.buttonText},children:"Take a selfie"})]})}const Yd=[362,385,387,263,373,380],Xd=[33,160,158,133,153,144],Jd=t=>{const e=t[1].x,r=t[234].x,n=(e-r)/(t[454].x-r);return n<.35?"LEFT":n>.65?"RIGHT":"CENTER"};class Zd{baseUrl;timeout;session;onError;destroy;constructor(t,e){this.baseUrl="https://dev-adhere.smartcomply.com",this.timeout=t.timeout||45e3,this.session=t.session,this.onError=t.onError,this.destroy=e}async request(t,e,r,n){const o=new AbortController,s=setTimeout(()=>o.abort(),this.timeout);try{const s=r instanceof FormData,a=await fetch(`${this.baseUrl}${e}`,{method:t,headers:{Authorization:`Session ${this.session}`,...n||{},...s?{}:{"Content-Type":"application/json"}},body:r?s?r:JSON.stringify(r):void 0,signal:o.signal});if(!(a.headers.get("content-type")||"").includes("application/json"))throw new Error(`Unexpected response from ${e} (${a.status})`);let c;try{c=await a.json()}catch(i){c=null}if(!a.ok){const t=c?.message||c?.error||`Error: ${a.status}`;throw{status:a.status,message:t,data:c}}return c}catch(a){throw"AbortError"===a.name?this.onError?.({error:a,message:"Request timeout",code:"TIMEOUT_ERROR"}):403==a.status||401==a.status?(this.onError?.({error:a,message:"Session expired. Please restart the process",code:"AUTH_ERROR"}),console.error("Authentication failed. Session is no longer valid."),setTimeout(()=>{"function"==typeof this.destroy&&this.destroy()},2e3)):this.onError?.({error:a||a.data,message:"An error occured",code:"UNKNOWN_ERROR"}),a}finally{clearTimeout(s)}}post(t,e,r){return this.request("POST",t,e,r)}patch(t,e,r){return this.request("PATCH",t,e,r)}get(t){return this.request("GET",t)}}function Qd({onComplete:t,canClose:e}){const[r,n]=et(0);return rt(()=>{let o;return r<99?o=setInterval(()=>{n(t=>{const e=t+(Math.floor(10*Math.random())+1);return e>=99?99:e})},500):99===r&&e&&(n(100),t&&t()),()=>clearInterval(o)},[r,e,t]),/* @__PURE__ */Ut("div",{className:"sc:mt-8 sc:space-y-4",children:[
|
|
47
47
|
/* @__PURE__ */Ut("section",{className:"sc:space-y-1",children:[
|
|
48
48
|
/* @__PURE__ */Ut("h3",{className:"sc:text-center sc:animate-pulse sc:text-2xl sc:font-semibold sc:text-gray-600",children:"Finalizing Verification..."}),
|
|
49
49
|
/* @__PURE__ */Ut("p",{className:"sc:text-center sc:text-sm sc:text-gray-600",children:"Please do not close this page"})]}),
|
|
50
50
|
/* @__PURE__ */Ut("div",{className:"sc:w-full sc:max-w-[55%] sc:mx-auto sc:bg-gray-100 sc:rounded-full sc:h-2",children:/* @__PURE__ */Ut("div",{className:"sc:bg-secondary-5 sc:h-2 sc:rounded-full sc:transition-all sc:duration-300 sc:ease-out",style:{width:`${r}%`}})}),
|
|
51
|
-
/* @__PURE__ */Ut("p",{className:"sc:text-center sc:text-sm sc:text-gray-600",children:[r,"%"]})]})}const th=[{id:"CENTER",label:"Center your face in the oval",subtitle:"Position your face inside of the circle and take a photo."},{id:"BLINK",label:"Blink your eyes",subtitle:"While your face is centered, blink your eyes twice."},{id:"TURN_HEAD",label:"Turn your head",subtitle:"Slowly turn your head left or right"},{id:"OPEN_MOUTH",label:"Open your mouth",subtitle:"Open your mouth"}],eh=({sdkInstance:t,updateStep:e,config:r,idFile:n,snapshotFile:o,identityFormData:s,handleDetectionPass:i})=>{const
|
|
52
|
-
return Ut(v,{children:
|
|
51
|
+
/* @__PURE__ */Ut("p",{className:"sc:text-center sc:text-sm sc:text-gray-600",children:[r,"%"]})]})}const th=[{id:"CENTER",label:"Center your face in the oval",subtitle:"Position your face inside of the circle and take a photo."},{id:"BLINK",label:"Blink your eyes",subtitle:"While your face is centered, blink your eyes twice."},{id:"TURN_HEAD",label:"Turn your head",subtitle:"Slowly turn your head left or right"},{id:"OPEN_MOUTH",label:"Open your mouth",subtitle:"Open your mouth"}],eh=({sdkInstance:t,updateStep:e,config:r,idFile:n,snapshotFile:o,identityFormData:s,handleDetectionPass:i,destroy:a})=>{const c=nt(null),l=nt(null),u=nt(0),d=nt(0),h=nt(null),f=nt(null),p=nt(null),m=nt(!1),g=nt(null),_=nt(!1),[y,b]=et(0),[w,x]=et(!1),[k,E]=et(),[A,S]=et(null),[T,N]=et(),[L,F]=et(!1),[P,M]=et(!1),[C,O]=et(!1),[I,R]=et(!1),[j,D]=et("neutral"),[U,B]=et(!1),z=nt(!1),G=nt(null),V=nt([]),H=()=>{f.current&&cancelAnimationFrame(f.current),h.current&&(h.current.getTracks().forEach(t=>{t.stop(),t.enabled=!1}),h.current=null),c.current&&(c.current.srcObject=null)},W=()=>{z.current||u.current>=th.length||(z.current=!0,D("success"),p.current&&clearTimeout(p.current),setTimeout(()=>{if(u.current<th.length-1){const t=u.current+1;b(t),D("neutral"),z.current=!1}else console.log("🎊 All actions done!"),K()},2e3))},K=async()=>{let t;M(!0),i(),H(),T||(t=await Y()),await $(t)},$=async e=>{const r=e||T;if(!g.current?.id||!r)return Kd.error("Invalid payload"),S(null),E(void 0),x(!1),F(!1),B(!1),b(0),N(void 0),void M(!1);const n=new Zd(t);try{M(!0);const e=new FormData;e.append("entry",g.current.id.toString()),e.append("session",t.session),e.append("video_file",r);"success"==(await n.post("/v1/liveness/submit",e)).status&&O(!0)}catch(o){const e=o?.message?o?.message+" . "+(o?.data?.detail||""):"Submission failed";Kd.error(e),t.onError?.({error:o,message:e,code:"SUBMISSION_ERROR"}),setTimeout(()=>{a()},3e3)}};rt(()=>{if(I&&!(y>=th.length))return D("neutral"),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>{D("error")},5e3),()=>{p.current&&clearTimeout(p.current)}},[y,I]),rt(()=>{u.current=y},[y]),rt(()=>{if(A||!k||L||m.current||!s)return;const e=new Zd(t);(async()=>{m.current=!0;try{const t=new FormData;t.append("sdk_config",r.id.toString()),t.append("autoshot_file",k),t.append("challenge_actions",JSON.stringify(th.filter(t=>"CENTER"!==t.id).map(t=>t.id))),t.append("identifier",s.identifier),t.append("identifier_type",s.identifier_type),t.append("country",s?.country),r.verification_type.includes("document_verification")&&(t.append("id_file",n),t.append("snapshot_file",o)),F(!0);const i=await e.post("/v1/liveness/create",t);"success"==i.status&&i.data&&setTimeout(()=>{S(i.data),g.current=i.data,F(!1)},1500)}catch(i){const e=i?.message?i?.message+" . "+(i?.data?.detail||""):"Creation failed. Please try again";Kd.error(e),t.onError?.({error:i,message:e,code:"ENTRY_CREATION_ERROR"}),F(!1),setTimeout(()=>{a()},3e3)}})()},[A,k]),rt(()=>{if(U)return;let e,r;B(!0);const n=async()=>{if(!c.current||!e||"success"===j||z.current)return void(f.current=requestAnimationFrame(n));const o=performance.now(),s=e.detectForVideo(c.current,o);if(s.faceLandmarks&&s.faceLandmarks.length>0){const e=s.faceLandmarks[0],n=th[u.current];if(u.current==th.length)return;if("CENTER"===n.id){const n=e[1];if(n.x>.4&&n.x<.6&&n.y>.4&&n.y<.6){if(!_.current){_.current=!0;const e=await new Promise(t=>{if(!c.current)return null;const e=document.createElement("canvas");e.width=c.current.videoWidth,e.height=c.current.videoHeight;const r=e.getContext("2d");r?.drawImage(c.current,0,0),e.toBlob(e=>{t(e)},"image/jpeg",.9)});if(e){const r=Id(e,`autoshot-${t.session}.jpg`,"image/jpeg");E(r),x(!0)}else _.current=!1}_.current&&g.current&&!z.current&&("recording"!==G.current?.state&&q(r),W())}}else if("BLINK"===n.id){let t=(t=>{const e=e=>{const r=e.map(e=>t[e]);return(Math.hypot(r[1].x-r[5].x,r[1].y-r[5].y)+Math.hypot(r[2].x-r[4].x,r[2].y-r[4].y))/(2*Math.hypot(r[0].x-r[3].x,r[0].y-r[3].y))};return(e(Yd)+e(Xd))/2<.18})(e);t?W():d.current=0}else"TURN_HEAD"===n.id?"LEFT"!==Jd(e)&&"RIGHT"!==Jd(e)||W():"OPEN_MOUTH"===n.id&&(t=>{const e=t[13],r=t[14],n=t[78],o=t[308];return Math.hypot(e.x-r.x,e.y-r.y)/Math.hypot(n.x-o.x,n.y-o.y)>.35})(e)&&W()}f.current=requestAnimationFrame(n)};return(async()=>{const t=await ru.forVisionTasks("https://cdn.jsdelivr.net/npm/@mediapipe/tasks-vision@latest/wasm");e=await ad.createFromOptions(t,{baseOptions:{modelAssetPath:"https://storage.googleapis.com/mediapipe-models/face_landmarker/face_landmarker/float16/1/face_landmarker.task",delegate:"GPU"},runningMode:"VIDEO",numFaces:1}),e&&!I&&R(!0),r=await navigator.mediaDevices.getUserMedia({video:{facingMode:"user",width:{ideal:480},height:{ideal:640},frameRate:{ideal:15}}}),c.current&&(c.current.srcObject=r,c.current.onloadedmetadata=()=>{c.current?.play(),n()})})(),()=>{H(),l.current&&clearTimeout(l.current),"inactive"!==G.current?.state&&G.current?.stop()}},[]);const q=e=>{V.current=[];const r=["video/webm;codecs=vp8","video/webm","video/mp4"].find(t=>MediaRecorder.isTypeSupported(t));if(!r)return void Kd.error("Browser does not support recording");const n={mimeType:r,videoBitsPerSecond:25e4};try{G.current=new MediaRecorder(e,n)}catch(o){G.current=new MediaRecorder(e)}G.current.ondataavailable=t=>{t.data&&t.data.size>0&&V.current.push(t.data)},G.current.onstop=()=>{const e=new Blob(V.current,{type:"video/webm"});if(e.size>0){const r=Id(e,`session-${t.session}.webm`,"video/webm");N(r)}},G.current.start(),l.current=setTimeout(()=>{Y()},2e4)},Y=async()=>{const e=G.current;return e&&"inactive"!==e.state?new Promise(r=>{l.current&&(clearTimeout(l.current),l.current=null);const n=()=>{e.removeEventListener("stop",n);const o=Id(new Blob(V.current,{type:"video/webm"}),`session-${t.session}.webm`,"video/webm");h.current&&h.current.getTracks().forEach(t=>t.stop()),r(o)};e.addEventListener("stop",n),e.stop()}):T||void 0};/* @__PURE__ */
|
|
52
|
+
return Ut(v,{children:P?/* @__PURE__ */Ut(Qd,{canClose:C,onComplete:()=>{t.onSuccess?.({data:{entryId:g.current?.id,identifier:g.current?.identifier,identifier_type:g.current?.identifier_type,video_url:g.current?.video_url,autoshot_url:g.current?.autoshot_url,document_url:g.current?.document_url||null},status:200,message:"Liveness captured successfully"}),e("success-confirmation"),M(!1)}}):/* @__PURE__ */Ut("section",{className:"sc:space-y-3 sc:relative sc:flex sc:flex-col sc:items-start sc:justify-center sc:p-4 sc:h-[400px]",children:[
|
|
53
53
|
/* @__PURE__ */Ut("div",{className:"sc:text-left",children:[
|
|
54
|
-
/* @__PURE__ */Ut("h3",{className:"sc:text-2xl sc:font-bold sc:text-gray-600 sc:animate-pulse",children:
|
|
55
|
-
/* @__PURE__ */Ut("div",{className:Od("sc:relative sc:w-full sc:max-w-md sc:aspect-[3/4] sc:overflow-hidden sc:rounded-3xl",
|
|
56
|
-
/* @__PURE__ */Ut("video",{ref:
|
|
57
|
-
/* @__PURE__ */Ut("img",{src:"https://
|
|
54
|
+
/* @__PURE__ */Ut("h3",{className:"sc:text-2xl sc:font-bold sc:text-gray-600 sc:animate-pulse",children:I?0===y&&!A&&w?"Synchronizing Session...":th[y]?.label:"Getting ready..."}),I&&A?/* @__PURE__ */Ut("p",{className:"sc:text-sm sc:text-gray-500",children:th[y]?.subtitle}):null]}),
|
|
55
|
+
/* @__PURE__ */Ut("div",{className:Od("sc:relative sc:w-full sc:max-w-md sc:aspect-[3/4] sc:overflow-hidden sc:rounded-3xl",I?"sc:bg-[rgba(0,0,0,0.6)]":"sc:bg-[#262A2F]"),children:[
|
|
56
|
+
/* @__PURE__ */Ut("video",{ref:c,className:"sc:absolute sc:inset-0 sc:w-full sc:h-full sc:object-cover sc:mirror",muted:!0,playsInline:!0}),/* @__PURE__ */Ut("div",I?{className:"sc:absolute sc:inset-0 sc:pointer-events-none sc:flex sc:items-center sc:justify-center",children:/* @__PURE__ */Ut("svg",{viewBox:"0 0 100 100",className:"sc:w-[80%] sc:h-[80%] sc:overflow-visible",children:/* @__PURE__ */Ut("ellipse",{cx:"50",cy:"50",rx:"35",ry:"45",fill:"none",strokeWidth:"3",className:Od("sc:transition-colors sc:duration-500 sc:ease-in-out","neutral"===j&&"sc:stroke-white/50","success"===j&&"sc:stroke-[#62DF98]","error"===j&&"sc:stroke-error-6/60"),style:{filter:"neutral"!==j?`drop-shadow(0 0 8px ${"success"===j?"#22c55e":"#ef4444"})`:"none"}})})}:{className:"sc:absolute sc:w-full sc:h-full sc:gap-1.5 sc:pointer-events-none sc:flex sc:flex-col sc:items-center sc:justify-center",children:[
|
|
57
|
+
/* @__PURE__ */Ut("img",{src:"https://adhere-prod.s3.amazonaws.com/logo/loading.svg",alt:"loading",loading:"eager",className:"size-9 sc:animate-spin"}),
|
|
58
58
|
/* @__PURE__ */Ut("span",{className:"sc:text-white sc:text-sm sc:text-center",children:"Loading camera"})]})]})]})})};function rh({redirect_url:t,destroy:e}){return rt(()=>{const r=setTimeout(()=>{t?window.location.assign(t):e()},3e3);return()=>clearTimeout(r)},[]),/* @__PURE__ */Ut("section",{className:"sc:mt-8 sc:space-y-3",children:[
|
|
59
|
-
/* @__PURE__ */Ut("img",{src:"https://
|
|
59
|
+
/* @__PURE__ */Ut("img",{src:"https://adhere-prod.s3.amazonaws.com/logo/success.svg",className:"size-44 sc:mx-auto shrink-0",alt:"success-icon",loading:"eager"}),
|
|
60
60
|
/* @__PURE__ */Ut("h3",{className:"sc:text-center sc:text-2xl sc:font-semibold sc:text-gray-600",children:"Identity verified"}),
|
|
61
|
-
/* @__PURE__ */Ut("p",{className:"sc:text-center sc:text-sm sc:text-gray-600",children:"We have successfully verified your identity. You can close this page now."})]})}function nh({destroy:t,onExpire:e}){const[r,n]=et(
|
|
61
|
+
/* @__PURE__ */Ut("p",{className:"sc:text-center sc:text-sm sc:text-gray-600",children:"We have successfully verified your identity. You can close this page now."})]})}function nh({destroy:t,onExpire:e}){const[r,n]=et(240),[o,s]=et(!1);rt(()=>{const t=setInterval(()=>{n(t=>t>0?t-1:0)},1e3);return()=>clearInterval(t)},[]),rt(()=>{if(r>0&&!o)return;Kd.error("Time limit exceeded"),s(!1);const n=setTimeout(()=>{e?.(),t()},1500);return()=>clearTimeout(n)},[r,o]);const i=Math.floor(r/60),a=r%60;/* @__PURE__ */
|
|
62
62
|
return Ut("p",{className:Od("sc:text-2xl sc:font-bold sc:font-[monospace]",r<60?"sc:text-error-6":"sc:text-gray-600"),children:[i,":",a.toString().padStart(2,"0")]})}function oh(){const[t,e]=et([]);return rt(()=>Kd.subscribe(e),[]),/* @__PURE__ */Ut("div",{className:"sc:fixed sc:top-6 sc:left-1/2 sc:-translate-x-1/2 sc:z-50 sc:flex sc:flex-col sc:gap-3 sc:w-auto",children:t.map(t=>/* @__PURE__ */Ut("div",{className:`\n sc:flex sc:items-center sc:gap-3\n sc:px-4 sc:py-3\n sc:rounded-lg\n sc:shadow-lg\n sc:text-sm\n sc:text-white\n sc:animate-in sc:fade-in sc:slide-in-from-top-2\n ${"success"===t.type?"sc:bg-green-600":"error"===t.type?"sc:bg-red-600":"sc:bg-gray-50 sc:text-gray-500!"}\n `,children:[
|
|
63
63
|
/* @__PURE__ */Ut(sh,{type:t.type}),
|
|
64
64
|
/* @__PURE__ */Ut("span",{children:t.message})]},t.id))})}function sh({type:t}){/* @__PURE__ */
|
|
65
65
|
return Ut("svg","success"===t?{className:"sc:w-4 sc:h-4",viewBox:"0 0 20 20",fill:"currentColor",children:/* @__PURE__ */Ut("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-7.25 7.25a1 1 0 01-1.414 0L3.293 9.207a1 1 0 011.414-1.414l3.043 3.043 6.543-6.543a1 1 0 011.414 0z",clipRule:"evenodd"})}:"error"===t?{className:"sc:w-4 sc:h-4",viewBox:"0 0 20 20",fill:"currentColor",children:/* @__PURE__ */Ut("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3-10a1 1 0 10-2 0v2a1 1 0 102 0V8zm-4 0a1 1 0 10-2 0v2a1 1 0 102 0V8zm1 6a1.5 1.5 0 110-3 1.5 1.5 0 010 3z",clipRule:"evenodd"})}:{className:"sc:w-4 sc:h-4 sc:animate-spin",viewBox:"0 0 24 24",fill:"none",children:[
|
|
66
66
|
/* @__PURE__ */Ut("circle",{className:"sc:opacity-25",cx:"12",cy:"12",r:"10",stroke:"#64748b",strokeWidth:"4"}),
|
|
67
|
-
/* @__PURE__ */Ut("path",{className:"sc:opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8v8z"})]})}const ih=({sdkInstance:t})=>{const[e,r]=et("loading"),[n,o]=et(null),[s,i]=et(),[a,c]=et(),[l,u]=et(),[d,h]=et(!1),f=ot(()=>t.getConfig(),[t]),p=ot(()=>{return t=n?.theme,Cd[t]||Cd.default;var t},[n?.theme]),m=ot(()=>({identity:1,"liveness-intro":2,"liveness-check":3}[e]||0),[e]);return rt(()=>{const e=t.getHttp();(async()=>{try{r("loading");const t=await e.get("/v1/sdk/initialize
|
|
67
|
+
/* @__PURE__ */Ut("path",{className:"sc:opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8v8z"})]})}const ih=({sdkInstance:t})=>{const[e,r]=et("loading"),[n,o]=et(null),[s,i]=et(),[a,c]=et(),[l,u]=et(),[d,h]=et(!1),f=ot(()=>t.getConfig(),[t]),p=ot(()=>{return t=n?.theme,Cd[t]||Cd.default;var t},[n?.theme]),m=ot(()=>({identity:1,"liveness-intro":2,"liveness-check":3}[e]||0),[e]);return rt(()=>{const e=t.getHttp();(async()=>{try{r("loading");const t=await e.get("/v1/sdk/initialize");"success"==t.status&&t.data&&setTimeout(()=>{o(t.data),r("welcome")},1500)}catch(t){const e=t?.message||"An error occured. Please try again";Kd.error(e),r("")}})()},[]),/* @__PURE__ */Ut("main",n?{id:"smartcomply-sdk-root",className:"sc-overlay sc:overflow-y-auto sc:flex sc:h-full sc:min-h-screen sc:bg-gray-50",children:[
|
|
68
68
|
/* @__PURE__ */Ut("div",{id:"liveness-container",className:""}),
|
|
69
69
|
/* @__PURE__ */Ut(oh,{}),
|
|
70
70
|
/* @__PURE__ */Ut("div",{className:"sc:fixed sc:bg-gray-50 sc:top-0 sc:flex sc:w-full sc:items-center sc:justify-between sc:px-4 sc:py-4 sc:sm:px-10",children:[
|
|
71
71
|
/* @__PURE__ */Ut("section",{className:"sc:flex sc:items-center sc:gap-4",children:/* @__PURE__ */Ut("h2",{className:"sc:text-center sc:text-lg sc:font-semibold sc:text-gray-600 sc:md:text-xl",children:n?.brand_name?n?.brand_name:"Brand name"})}),
|
|
72
72
|
/* @__PURE__ */Ut("div",{className:"sc:flex sc:items-center sc:justify-end sc:gap-4",children:[d?/* @__PURE__ */Ut(nh,{destroy:t.destroy,onExpire:f?.onExpire}):null,"welcome"===e||"loading"===e?null:/* @__PURE__ */Ut("p",{className:"sc:relative sc:text-center sc:text-sm sc:font-medium sc:text-gray-400",children:m?`Step ${m} of 3`:"All Done"})]})]}),
|
|
73
|
-
/* @__PURE__ */Ut("div",{className:"sc:fixed sc:z-1 sc:bg-gray-50 sc:md:bg-transparent! sc:bottom-0 sc:flex sc:w-
|
|
73
|
+
/* @__PURE__ */Ut("div",{className:"sc:fixed sc:z-1 sc:bg-gray-50 sc:md:bg-transparent! sc:bottom-0 sc:flex sc:w-fit sc:items-center sc:justify-center sc:px-10 sc:py-4 sc:md:bottom-6 sc:md:right-8 sc:md:justify-between",children:[
|
|
74
74
|
/* @__PURE__ */Ut("span",{className:"sc:hidden sc:md:flex"}),
|
|
75
75
|
/* @__PURE__ */Ut("p",{className:"sc:relative sc:pt-2 sc:text-center sc:text-xs sc:font-medium sc:text-gray-400",children:"Powered by Adhere"})]}),
|
|
76
|
-
/* @__PURE__ */Ut("div",{className:"sc:flex sc:flex-1 sc:items-start sc:justify-center sc:px-4 sc:py-24! sc:sm:px-10 sc:md:justify-start sc:h-full",children:/* @__PURE__ */Ut("div",{className:Od("sc:w-full sc:max-w-[500px] sc:max-sm:w-[80vw] sc:max-[450px]:!w-[calc(100vw_-_2rem)]",Dd.includes(e)?"mx-auto":""),children:["loading"===e&&/* @__PURE__ */Ut(zt,{selectedTheme:p}),"welcome"===e&&/* @__PURE__ */Ut(Ud,{config:n,onNext:()=>{r("identity"),h(!0)},selectedTheme:p}),"identity"===e&&/* @__PURE__ */Ut($d,{config:n,onSubmit:async(e,o,i)=>{if(!s&&n?.verification_type?.includes("document_verification"))return void Kd.error("Please upload ID");const a={session_id:f.session,onboarding_type:o,id_number:e,name_to_confirm:"",[o]:e};u({identifier:e,identifier_type:o,country:i});try{const e=t.getHttp(),n=await e.post("/v1/onboarding/verify",
|
|
76
|
+
/* @__PURE__ */Ut("div",{className:"sc:flex sc:flex-1 sc:items-start sc:justify-center sc:px-4 sc:py-24! sc:sm:px-10 sc:md:justify-start sc:h-full",children:/* @__PURE__ */Ut("div",{className:Od("sc:w-full sc:max-w-[500px] sc:max-sm:w-[80vw] sc:max-[450px]:!w-[calc(100vw_-_2rem)]",Dd.includes(e)?"mx-auto":""),children:["loading"===e&&/* @__PURE__ */Ut(zt,{selectedTheme:p}),"welcome"===e&&/* @__PURE__ */Ut(Ud,{config:n,onNext:()=>{r("identity"),h(!0)},selectedTheme:p}),"identity"===e&&/* @__PURE__ */Ut($d,{config:n,onSubmit:async(e,o,i)=>{if(!s&&n?.verification_type?.includes("document_verification"))return void Kd.error("Please upload ID");const a=((t,e)=>{let r;switch(t&&e||(r="Identifier and identifier type are required."),e.toLowerCase()){case"bvn":case"nin":r=11!==t.length?`${e.toUpperCase()} must be 11 digits long.`:void 0}return r})(e,o);if(a)return void Kd.error(a);const c={session_id:f.session,onboarding_type:o,id_number:e,name_to_confirm:"",[o]:e};u({identifier:e,identifier_type:o,country:i});try{const e=t.getHttp(),n=await e.post("/v1/onboarding/verify",c);"verified"===n.status&&(Kd.success(n.message||"Verification successful"),r("liveness-intro"))}catch(l){const t=l?.message?l?.message+" . "+(l?.data?.detail||""):"An error occured. Please try again";Kd.error(t)}},selectedTheme:p,handleIdUpdate:async(t,e)=>{i(t),c(e)},idFile:s}),"liveness-intro"===e&&/* @__PURE__ */Ut(qd,{config:n,onStart:()=>r("liveness-check"),selectedTheme:p}),"liveness-check"===e&&/* @__PURE__ */Ut(eh,{config:n,updateStep:t=>r(t),sdkInstance:f,idFile:s,snapshotFile:a,identityFormData:l,handleDetectionPass:()=>h(!1),destroy:t.destroy}),"success-confirmation"===e&&/* @__PURE__ */Ut(rh,{destroy:t.destroy,redirect_url:n.redirect_url})]})}),"loading"===e||"welcome"===e?/* @__PURE__ */Ut("div",{className:"sc:relative sc:hidden sc:w-[35%] sc:bg-gray-100 sc:h-full sc:md:flex",children:[
|
|
77
77
|
/* @__PURE__ */Ut("section",{className:"sc:mx-auto sc:flex sc:h-[90%] sc:max-w-[90%] sc:flex-col sc:justify-center sc:space-y-4",children:[
|
|
78
|
-
/* @__PURE__ */Ut("img",{src:"https://
|
|
78
|
+
/* @__PURE__ */Ut("img",{src:"https://adhere-prod.s3.amazonaws.com/logo/shield-checkmark.png",className:"size-30 sc:mx-auto shrink-0",alt:"shield-checkmark",loading:"eager"}),
|
|
79
79
|
/* @__PURE__ */Ut("section",{className:"sc:space-y-2",children:[
|
|
80
80
|
/* @__PURE__ */Ut("h3",{className:"sc:text-center sc:text-xl sc:font-semibold sc:text-gray-600",children:["Welcome to"," ",n?.brand_name?n?.brand_name:"Brand Name"]}),
|
|
81
81
|
/* @__PURE__ */Ut("p",{className:"sc:break-all sc:text-center sc:text-sm sc:text-gray-500",children:n?.description?n?.description:"Description"})]})]})," ",
|
|
82
|
-
/* @__PURE__ */Ut("div",{className:"sc:absolute sc:bottom-6 sc:flex sc:w-full sc:items-center sc:justify-center",children:/* @__PURE__ */Ut("p",{className:"sc:relative sc:pt-2 sc:text-center sc:text-xs sc:font-medium sc:text-gray-400",children:"Powered by Adhere"})})]}):null]}:{id:"smartcomply-sdk-root",className:"sc-overlay sc:flex sc:h-full sc:min-h-screen sc:bg-gray-50",children:[
|
|
83
|
-
/* @__PURE__ */Ut(oh,{}),"loading"==e?/* @__PURE__ */Ut(zt,{selectedTheme:p}):null]})};class ah{http;config;root=null;containerId="smartcomply-sdk-root";constructor(t){this.config=t,this.http=new Zd(t,this.destroy.bind(this))}getConfig(){return this.config}getHttp(){return this.http}launch(){let t=document.getElementById(this.containerId);t||(t=document.createElement("div"),t.id=this.containerId,document.body.appendChild(t));const e=t.attachShadow({mode:"open"}),r=document.createElement("style");r.textContent='@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer components;@layer theme{:root,:host{--sc-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--sc-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sc-color-red-600:oklch(57.7% .245 27.325);--sc-color-green-600:oklch(62.7% .194 149.214);--sc-color-gray-50:#f8fafc;--sc-color-gray-100:#f1f5f9;--sc-color-gray-200:#e2e8f0;--sc-color-gray-300:#cbd5e1;--sc-color-gray-400:#94a3b8;--sc-color-gray-500:#64748b;--sc-color-gray-600:#475569;--sc-color-gray-700:#334155;--sc-color-white:#fff;--sc-spacing:.25rem;--sc-container-md:28rem;--sc-text-xs:.75rem;--sc-text-xs--line-height:calc(1/.75);--sc-text-sm:.875rem;--sc-text-sm--line-height:calc(1.25/.875);--sc-text-lg:1.125rem;--sc-text-lg--line-height:calc(1.75/1.125);--sc-text-xl:1.25rem;--sc-text-xl--line-height:calc(1.75/1.25);--sc-text-2xl:1.5rem;--sc-text-2xl--line-height:calc(2/1.5);--sc-font-weight-normal:400;--sc-font-weight-medium:500;--sc-font-weight-semibold:600;--sc-font-weight-bold:700;--sc-radius-lg:.5rem;--sc-radius-xl:.75rem;--sc-radius-3xl:1.5rem;--sc-ease-out:cubic-bezier(0,0,.2,1);--sc-ease-in-out:cubic-bezier(.4,0,.2,1);--sc-animate-spin:spin 1s linear infinite;--sc-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--sc-default-font-family:var(--sc-font-sans);--sc-default-mono-font-family:var(--sc-font-mono);--sc-color-error-6:#f43f5e;--sc-color-secondary-5:#ffc87f}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--sc-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--sc-default-font-feature-settings,normal);font-variation-settings:var(--sc-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--sc-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--sc-default-mono-font-feature-settings,normal);font-variation-settings:var(--sc-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.sc\\:pointer-events-none{pointer-events:none}.sc\\:absolute{position:absolute}.sc\\:fixed{position:fixed}.sc\\:relative{position:relative}.sc\\:inset-0{inset:calc(var(--sc-spacing)*0)}.sc\\:top-0{top:calc(var(--sc-spacing)*0)}.sc\\:top-6{top:calc(var(--sc-spacing)*6)}.sc\\:bottom-0{bottom:calc(var(--sc-spacing)*0)}.sc\\:bottom-6{bottom:calc(var(--sc-spacing)*6)}.sc\\:left-1\\/2{left:50%}.sc\\:z-1{z-index:1}.sc\\:z-10{z-index:10}.sc\\:z-50{z-index:50}.sc\\:m-0{margin:calc(var(--sc-spacing)*0)}.sc\\:mx-auto{margin-inline:auto}.sc\\:mt-1{margin-top:calc(var(--sc-spacing)*1)}.sc\\:mt-3{margin-top:calc(var(--sc-spacing)*3)}.sc\\:mt-8{margin-top:calc(var(--sc-spacing)*8)}.sc\\:mb-1{margin-bottom:calc(var(--sc-spacing)*1)}.sc\\:ml-2{margin-left:calc(var(--sc-spacing)*2)}.sc\\:block{display:block}.sc\\:flex{display:flex}.sc\\:hidden{display:none}.sc\\:inline-block{display:inline-block}.sc\\:aspect-\\[3\\/4\\]{aspect-ratio:3/4}.sc\\:h-2{height:calc(var(--sc-spacing)*2)}.sc\\:h-4{height:calc(var(--sc-spacing)*4)}.sc\\:h-12{height:calc(var(--sc-spacing)*12)}.sc\\:h-\\[80\\%\\]{height:80%}.sc\\:h-\\[90\\%\\]{height:90%}.sc\\:h-\\[400px\\]{height:400px}.sc\\:h-full{height:100%}.sc\\:max-h-60{max-height:calc(var(--sc-spacing)*60)}.sc\\:min-h-screen{min-height:100vh}.sc\\:w-4{width:calc(var(--sc-spacing)*4)}.sc\\:w-12{width:calc(var(--sc-spacing)*12)}.sc\\:w-\\[35\\%\\]{width:35%}.sc\\:w-\\[80\\%\\]{width:80%}.sc\\:w-auto{width:auto}.sc\\:w-full{width:100%}.sc\\:max-w-\\[55\\%\\]{max-width:55%}.sc\\:max-w-\\[80\\%\\]{max-width:80%}.sc\\:max-w-\\[90\\%\\]{max-width:90%}.sc\\:max-w-\\[500px\\]{max-width:500px}.sc\\:max-w-md{max-width:var(--sc-container-md)}.sc\\:flex-1{flex:1}.sc\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.sc\\:rotate-180{rotate:180deg}.sc\\:animate-pulse{animation:var(--sc-animate-pulse)}.sc\\:animate-spin{animation:var(--sc-animate-spin)}.sc\\:cursor-pointer{cursor:pointer}.sc\\:list-disc{list-style-type:disc}.sc\\:flex-col{flex-direction:column}.sc\\:items-center{align-items:center}.sc\\:items-start{align-items:flex-start}.sc\\:justify-between{justify-content:space-between}.sc\\:justify-center{justify-content:center}.sc\\:justify-end{justify-content:flex-end}.sc\\:justify-start{justify-content:flex-start}.sc\\:gap-1{gap:calc(var(--sc-spacing)*1)}.sc\\:gap-1\\.5{gap:calc(var(--sc-spacing)*1.5)}.sc\\:gap-2{gap:calc(var(--sc-spacing)*2)}.sc\\:gap-3{gap:calc(var(--sc-spacing)*3)}.sc\\:gap-4{gap:calc(var(--sc-spacing)*4)}:where(.sc\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.sc\\:overflow-auto{overflow:auto}.sc\\:overflow-hidden{overflow:hidden}.sc\\:overflow-visible{overflow:visible}.sc\\:overflow-y-auto{overflow-y:auto}.sc\\:rounded-3xl{border-radius:var(--sc-radius-3xl)}.sc\\:rounded-full{border-radius:3.40282e38px}.sc\\:rounded-lg{border-radius:var(--sc-radius-lg)}.sc\\:rounded-xl{border-radius:var(--sc-radius-xl)}.sc\\:border{border-style:var(--tw-border-style);border-width:1px}.sc\\:border-4{border-style:var(--tw-border-style);border-width:4px}.sc\\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.sc\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.sc\\:border-\\[\\#CBD5E1\\]{border-color:#cbd5e1}.sc\\:border-gray-200{border-color:var(--sc-color-gray-200)}.sc\\:border-gray-300{border-color:var(--sc-color-gray-300)}.sc\\:bg-\\[\\#262A2F\\]{background-color:#262a2f}.sc\\:bg-\\[\\#F8F8F8\\]{background-color:#f8f8f8}.sc\\:bg-\\[rgba\\(0\\,0\\,0\\,0\\.6\\)\\]{background-color:#0009}.sc\\:bg-gray-50{background-color:var(--sc-color-gray-50)}.sc\\:bg-gray-100{background-color:var(--sc-color-gray-100)}.sc\\:bg-green-600{background-color:var(--sc-color-green-600)}.sc\\:bg-red-600{background-color:var(--sc-color-red-600)}.sc\\:bg-secondary-5{background-color:var(--sc-color-secondary-5)}.sc\\:bg-white{background-color:var(--sc-color-white)}.sc\\:stroke-\\[\\#62DF98\\]{stroke:#62df98}.sc\\:stroke-error-6\\/60{stroke:var(--sc-color-error-6)}@supports (color:color-mix(in lab,red,red)){.sc\\:stroke-error-6\\/60{stroke:color-mix(in oklab,var(--sc-color-error-6)60%,transparent)}}.sc\\:stroke-white\\/50{stroke:var(--sc-color-white)}@supports (color:color-mix(in lab,red,red)){.sc\\:stroke-white\\/50{stroke:color-mix(in oklab,var(--sc-color-white)50%,transparent)}}.sc\\:object-cover{-o-object-fit:cover;object-fit:cover}.sc\\:p-2{padding:calc(var(--sc-spacing)*2)}.sc\\:p-4{padding:calc(var(--sc-spacing)*4)}.sc\\:px-2{padding-inline:calc(var(--sc-spacing)*2)}.sc\\:px-4{padding-inline:calc(var(--sc-spacing)*4)}.sc\\:px-10{padding-inline:calc(var(--sc-spacing)*10)}.sc\\:py-1\\.5{padding-block:calc(var(--sc-spacing)*1.5)}.sc\\:py-2{padding-block:calc(var(--sc-spacing)*2)}.sc\\:py-3{padding-block:calc(var(--sc-spacing)*3)}.sc\\:py-4{padding-block:calc(var(--sc-spacing)*4)}.sc\\:py-6{padding-block:calc(var(--sc-spacing)*6)}.sc\\:py-24\\!{padding-block:calc(var(--sc-spacing)*24)!important}.sc\\:pt-2{padding-top:calc(var(--sc-spacing)*2)}.sc\\:pt-3{padding-top:calc(var(--sc-spacing)*3)}.sc\\:pb-2{padding-bottom:calc(var(--sc-spacing)*2)}.sc\\:text-center{text-align:center}.sc\\:text-left{text-align:left}.sc\\:font-\\[monospace\\]{font-family:monospace}.sc\\:text-2xl{font-size:var(--sc-text-2xl);line-height:var(--tw-leading,var(--sc-text-2xl--line-height))}.sc\\:text-lg{font-size:var(--sc-text-lg);line-height:var(--tw-leading,var(--sc-text-lg--line-height))}.sc\\:text-sm{font-size:var(--sc-text-sm);line-height:var(--tw-leading,var(--sc-text-sm--line-height))}.sc\\:text-xl{font-size:var(--sc-text-xl);line-height:var(--tw-leading,var(--sc-text-xl--line-height))}.sc\\:text-xs{font-size:var(--sc-text-xs);line-height:var(--tw-leading,var(--sc-text-xs--line-height))}.sc\\:text-\\[14px\\]{font-size:14px}.sc\\:font-bold{--tw-font-weight:var(--sc-font-weight-bold);font-weight:var(--sc-font-weight-bold)}.sc\\:font-medium{--tw-font-weight:var(--sc-font-weight-medium);font-weight:var(--sc-font-weight-medium)}.sc\\:font-normal{--tw-font-weight:var(--sc-font-weight-normal);font-weight:var(--sc-font-weight-normal)}.sc\\:font-semibold{--tw-font-weight:var(--sc-font-weight-semibold);font-weight:var(--sc-font-weight-semibold)}.sc\\:break-all{word-break:break-all}.sc\\:text-error-6{color:var(--sc-color-error-6)}.sc\\:text-gray-400{color:var(--sc-color-gray-400)}.sc\\:text-gray-500{color:var(--sc-color-gray-500)}.sc\\:text-gray-500\\!{color:var(--sc-color-gray-500)!important}.sc\\:text-gray-600{color:var(--sc-color-gray-600)}.sc\\:text-gray-700{color:var(--sc-color-gray-700)}.sc\\:text-white{color:var(--sc-color-white)}.sc\\:capitalize{text-transform:capitalize}.sc\\:opacity-25{opacity:.25}.sc\\:opacity-75{opacity:.75}.sc\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sc\\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sc\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.sc\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.sc\\:duration-500{--tw-duration:.5s;transition-duration:.5s}.sc\\:ease-in-out{--tw-ease:var(--sc-ease-in-out);transition-timing-function:var(--sc-ease-in-out)}.sc\\:ease-out{--tw-ease:var(--sc-ease-out);transition-timing-function:var(--sc-ease-out)}@media(hover:hover){.sc\\:hover\\:rounded-3xl:hover{border-radius:var(--sc-radius-3xl)}.sc\\:hover\\:border-gray-100:hover{border-color:var(--sc-color-gray-100)}.sc\\:hover\\:border-gray-400:hover{border-color:var(--sc-color-gray-400)}.sc\\:hover\\:\\!bg-transparent:hover{background-color:#0000!important}}.sc\\:disabled\\:opacity-50:disabled{opacity:.5}@media not all and (min-width:450px){.sc\\:max-\\[450px\\]\\:\\!w-\\[calc\\(100vw_-_2rem\\)\\]{width:calc(100vw - 2rem)!important}}@media not all and (min-width:40rem){.sc\\:max-sm\\:w-\\[80vw\\]{width:80vw}}@media(min-width:40rem){.sc\\:sm\\:px-10{padding-inline:calc(var(--sc-spacing)*10)}}@media(min-width:48rem){.sc\\:md\\:right-8{right:calc(var(--sc-spacing)*8)}.sc\\:md\\:bottom-6{bottom:calc(var(--sc-spacing)*6)}.sc\\:md\\:flex{display:flex}.sc\\:md\\:justify-between{justify-content:space-between}.sc\\:md\\:justify-start{justify-content:flex-start}.sc\\:md\\:bg-transparent\\!{background-color:#0000!important}.sc\\:md\\:text-xl{font-size:var(--sc-text-xl);line-height:var(--tw-leading,var(--sc-text-xl--line-height))}}@media(hover:hover){.sc\\:\\[\\&_li\\]\\:hover\\:bg-transparent\\! li:hover{background-color:#0000!important}}.bg-background{background-color:var(--color-background)}.bg-foreground{background-color:var(--color-foreground)}.bg-accent{background-color:var(--color-accent)}.bg-accent-foreground{background-color:var(--color-accent-foreground)}.bg-popover{background-color:var(--color-popover)}.bg-popover-foreground{background-color:var(--color-popover-foreground)}.bg-border{background-color:var(--color-border)}.bg-input-bg{background-color:var(--color-input-bg)}.bg-input-foreground{background-color:var(--color-input-foreground)}.bg-label{background-color:var(--color-label)}.bg-card{background-color:var(--color-card)}.bg-ring{background-color:var(--color-ring)}.bg-placeholder{background-color:var(--color-placeholder)}.bg-caption{background-color:var(--color-caption)}.bg-disabled{background-color:var(--color-disabled)}.bg-caption-error{background-color:var(--color-caption-error)}.bg-menu-bg{background-color:var(--color-menu-bg)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.text-background{color:var(--color-background)}.text-foreground{color:var(--color-foreground)}.text-accent{color:var(--color-accent)}.text-accent-foreground{color:var(--color-accent-foreground)}.text-popover{color:var(--color-popover)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-border{color:var(--color-border)}.text-input-bg{color:var(--color-input-bg)}.text-input-foreground{color:var(--color-input-foreground)}.text-label{color:var(--color-label)}.text-card{color:var(--color-card)}.text-ring{color:var(--color-ring)}.text-placeholder{color:var(--color-placeholder)}.text-caption{color:var(--color-caption)}.text-disabled{color:var(--color-disabled)}.text-caption-error{color:var(--color-caption-error)}.text-menu-bg{color:var(--color-menu-bg)}.text-tooltip-bg{color:var(--color-tooltip-bg)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.bg-primary-10{background-color:var(--color-primary-10)}.bg-primary-20{background-color:var(--color-primary-20)}.bg-primary-30{background-color:var(--color-primary-30)}.bg-primary-40{background-color:var(--color-primary-40)}.bg-primary-60{background-color:var(--color-primary-60)}.bg-primary-80{background-color:var(--color-primary-80)}.bg-primary-95{background-color:var(--color-primary-95)}.bg-primary-100{background-color:var(--color-primary-100)}.text-primary-10{color:var(--color-primary-10)}.text-primary-20{color:var(--color-primary-20)}.text-primary-30{color:var(--color-primary-30)}.text-primary-40{color:var(--color-primary-40)}.text-primary-60{color:var(--color-primary-60)}.text-primary-80{color:var(--color-primary-80)}.text-primary-95{color:var(--color-primary-95)}.text-primary-100{color:var(--color-primary-100)}.shadow-boxy{box-shadow:var(--shadow-boxy)}.shadow-subtle{box-shadow:var(--shadow-subtle)}.shadow-subtle2{box-shadow:var(--shadow-subtle2)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-3xl{box-shadow:var(--shadow-3xl)}.font-semibold{font-family:Lexend;font-weight:600}.font-bold{font-family:Lexend;font-weight:700}.font-medium{font-family:Lexend;font-weight:500}}:host{all:initial;font-family:Lexend,sans-serif;font-weight:400;display:block}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:#f8fafc;--foreground:#334155;--primary:#202d66;--primary-foreground:#fff;--input-bg:#fff;--input-foreground:#475569;--label:#475569;--placeholder:#94a3b8;--caption:#64748b;--caption-error:#f43f5e;--disabled:#f1f5f9;--card:#fff;--card-foreground:oklch(98.5% 0 0);--popover:#fff;--popover-foreground:#475569;--menu-bg:#f1f5f9;--accent:#e9eeff;--accent-foreground:#4d61b0;--secondary:#1e293b;--secondary-foreground:0 0% 100%;--muted:#64748b;--muted-foreground:#94a3b8;--border:#e2e8f0;--ring:#4d61b0;--destructive:#f43f5e;--destructive-foreground:#cc135f;--tooltip-bg:#212529;--shadow-boxy:0px 1px 2px 0px #0a0d120d;--shadow-subtle:0px 11.76px 22.06px 0px #00000014;--shadow-subtle2:0px 4px 8px 0px #9898980a;--shadow-2xl:0px 24px 48px -12px #0a0d122e;--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);background-color:#242424;font-family:Lexend,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.sc-overlay{z-index:999999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}',e.appendChild(r);const n=document.createElement("div");n.id="sdk-inner-container",e.appendChild(n),this.root=Bt(n),this.root.render(
|
|
82
|
+
/* @__PURE__ */Ut("div",{className:"sc:absolute sc:bottom-6 sc:flex sc:w-full sc:items-center sc:justify-center sc:md:hidden",children:/* @__PURE__ */Ut("p",{className:"sc:relative sc:pt-2 sc:text-center sc:text-xs sc:font-medium sc:text-gray-400",children:"Powered by Adhere"})})]}):null]}:{id:"smartcomply-sdk-root",className:"sc-overlay sc:flex sc:h-full sc:min-h-screen sc:bg-gray-50",children:[
|
|
83
|
+
/* @__PURE__ */Ut(oh,{}),"loading"==e?/* @__PURE__ */Ut(zt,{selectedTheme:p}):null]})};class ah{http;config;root=null;containerId="smartcomply-sdk-root";constructor(t){this.config=t,this.http=new Zd(t,this.destroy.bind(this))}getConfig(){return this.config}getHttp(){return this.http}launch(){let t=document.getElementById(this.containerId);t||(t=document.createElement("div"),t.id=this.containerId,document.body.appendChild(t));const e=t.attachShadow({mode:"open"}),r=document.createElement("style");r.textContent='@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer components;@layer theme{:root,:host{--sc-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--sc-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sc-color-red-600:oklch(57.7% .245 27.325);--sc-color-green-600:oklch(62.7% .194 149.214);--sc-color-gray-50:#f8fafc;--sc-color-gray-100:#f1f5f9;--sc-color-gray-200:#e2e8f0;--sc-color-gray-300:#cbd5e1;--sc-color-gray-400:#94a3b8;--sc-color-gray-500:#64748b;--sc-color-gray-600:#475569;--sc-color-gray-700:#334155;--sc-color-white:#fff;--sc-spacing:.25rem;--sc-container-md:28rem;--sc-text-xs:.75rem;--sc-text-xs--line-height:calc(1/.75);--sc-text-sm:.875rem;--sc-text-sm--line-height:calc(1.25/.875);--sc-text-lg:1.125rem;--sc-text-lg--line-height:calc(1.75/1.125);--sc-text-xl:1.25rem;--sc-text-xl--line-height:calc(1.75/1.25);--sc-text-2xl:1.5rem;--sc-text-2xl--line-height:calc(2/1.5);--sc-font-weight-normal:400;--sc-font-weight-medium:500;--sc-font-weight-semibold:600;--sc-font-weight-bold:700;--sc-radius-lg:.5rem;--sc-radius-xl:.75rem;--sc-radius-3xl:1.5rem;--sc-ease-out:cubic-bezier(0,0,.2,1);--sc-ease-in-out:cubic-bezier(.4,0,.2,1);--sc-animate-spin:spin 1s linear infinite;--sc-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--sc-default-font-family:var(--sc-font-sans);--sc-default-mono-font-family:var(--sc-font-mono);--sc-color-error-6:#f43f5e;--sc-color-secondary-5:#ffc87f}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--sc-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--sc-default-font-feature-settings,normal);font-variation-settings:var(--sc-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--sc-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--sc-default-mono-font-feature-settings,normal);font-variation-settings:var(--sc-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.sc\\:pointer-events-none{pointer-events:none}.sc\\:absolute{position:absolute}.sc\\:fixed{position:fixed}.sc\\:relative{position:relative}.sc\\:inset-0{inset:calc(var(--sc-spacing)*0)}.sc\\:top-0{top:calc(var(--sc-spacing)*0)}.sc\\:top-6{top:calc(var(--sc-spacing)*6)}.sc\\:bottom-0{bottom:calc(var(--sc-spacing)*0)}.sc\\:bottom-6{bottom:calc(var(--sc-spacing)*6)}.sc\\:left-1\\/2{left:50%}.sc\\:z-1{z-index:1}.sc\\:z-10{z-index:10}.sc\\:z-50{z-index:50}.sc\\:m-0{margin:calc(var(--sc-spacing)*0)}.sc\\:mx-auto{margin-inline:auto}.sc\\:mt-1{margin-top:calc(var(--sc-spacing)*1)}.sc\\:mt-3{margin-top:calc(var(--sc-spacing)*3)}.sc\\:mt-8{margin-top:calc(var(--sc-spacing)*8)}.sc\\:mb-1{margin-bottom:calc(var(--sc-spacing)*1)}.sc\\:ml-2{margin-left:calc(var(--sc-spacing)*2)}.sc\\:block{display:block}.sc\\:flex{display:flex}.sc\\:hidden{display:none}.sc\\:inline-block{display:inline-block}.sc\\:aspect-\\[3\\/4\\]{aspect-ratio:3/4}.sc\\:h-2{height:calc(var(--sc-spacing)*2)}.sc\\:h-4{height:calc(var(--sc-spacing)*4)}.sc\\:h-12{height:calc(var(--sc-spacing)*12)}.sc\\:h-\\[80\\%\\]{height:80%}.sc\\:h-\\[90\\%\\]{height:90%}.sc\\:h-\\[400px\\]{height:400px}.sc\\:h-full{height:100%}.sc\\:max-h-60{max-height:calc(var(--sc-spacing)*60)}.sc\\:min-h-screen{min-height:100vh}.sc\\:w-4{width:calc(var(--sc-spacing)*4)}.sc\\:w-12{width:calc(var(--sc-spacing)*12)}.sc\\:w-\\[35\\%\\]{width:35%}.sc\\:w-\\[80\\%\\]{width:80%}.sc\\:w-auto{width:auto}.sc\\:w-fit{width:-moz-fit-content;width:fit-content}.sc\\:w-full{width:100%}.sc\\:max-w-\\[55\\%\\]{max-width:55%}.sc\\:max-w-\\[80\\%\\]{max-width:80%}.sc\\:max-w-\\[90\\%\\]{max-width:90%}.sc\\:max-w-\\[500px\\]{max-width:500px}.sc\\:max-w-md{max-width:var(--sc-container-md)}.sc\\:flex-1{flex:1}.sc\\:-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.sc\\:rotate-180{rotate:180deg}.sc\\:animate-pulse{animation:var(--sc-animate-pulse)}.sc\\:animate-spin{animation:var(--sc-animate-spin)}.sc\\:cursor-pointer{cursor:pointer}.sc\\:list-disc{list-style-type:disc}.sc\\:flex-col{flex-direction:column}.sc\\:items-center{align-items:center}.sc\\:items-start{align-items:flex-start}.sc\\:justify-between{justify-content:space-between}.sc\\:justify-center{justify-content:center}.sc\\:justify-end{justify-content:flex-end}.sc\\:justify-start{justify-content:flex-start}.sc\\:gap-1{gap:calc(var(--sc-spacing)*1)}.sc\\:gap-1\\.5{gap:calc(var(--sc-spacing)*1.5)}.sc\\:gap-2{gap:calc(var(--sc-spacing)*2)}.sc\\:gap-3{gap:calc(var(--sc-spacing)*3)}.sc\\:gap-4{gap:calc(var(--sc-spacing)*4)}:where(.sc\\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.sc\\:overflow-auto{overflow:auto}.sc\\:overflow-hidden{overflow:hidden}.sc\\:overflow-visible{overflow:visible}.sc\\:overflow-y-auto{overflow-y:auto}.sc\\:rounded-3xl{border-radius:var(--sc-radius-3xl)}.sc\\:rounded-full{border-radius:3.40282e38px}.sc\\:rounded-lg{border-radius:var(--sc-radius-lg)}.sc\\:rounded-xl{border-radius:var(--sc-radius-xl)}.sc\\:border{border-style:var(--tw-border-style);border-width:1px}.sc\\:border-4{border-style:var(--tw-border-style);border-width:4px}.sc\\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.sc\\:border-dashed{--tw-border-style:dashed;border-style:dashed}.sc\\:border-\\[\\#CBD5E1\\]{border-color:#cbd5e1}.sc\\:border-gray-200{border-color:var(--sc-color-gray-200)}.sc\\:border-gray-300{border-color:var(--sc-color-gray-300)}.sc\\:bg-\\[\\#262A2F\\]{background-color:#262a2f}.sc\\:bg-\\[\\#F8F8F8\\]{background-color:#f8f8f8}.sc\\:bg-\\[rgba\\(0\\,0\\,0\\,0\\.6\\)\\]{background-color:#0009}.sc\\:bg-gray-50{background-color:var(--sc-color-gray-50)}.sc\\:bg-gray-100{background-color:var(--sc-color-gray-100)}.sc\\:bg-green-600{background-color:var(--sc-color-green-600)}.sc\\:bg-red-600{background-color:var(--sc-color-red-600)}.sc\\:bg-secondary-5{background-color:var(--sc-color-secondary-5)}.sc\\:bg-white{background-color:var(--sc-color-white)}.sc\\:stroke-\\[\\#62DF98\\]{stroke:#62df98}.sc\\:stroke-error-6\\/60{stroke:var(--sc-color-error-6)}@supports (color:color-mix(in lab,red,red)){.sc\\:stroke-error-6\\/60{stroke:color-mix(in oklab,var(--sc-color-error-6)60%,transparent)}}.sc\\:stroke-white\\/50{stroke:var(--sc-color-white)}@supports (color:color-mix(in lab,red,red)){.sc\\:stroke-white\\/50{stroke:color-mix(in oklab,var(--sc-color-white)50%,transparent)}}.sc\\:object-cover{-o-object-fit:cover;object-fit:cover}.sc\\:p-2{padding:calc(var(--sc-spacing)*2)}.sc\\:p-4{padding:calc(var(--sc-spacing)*4)}.sc\\:px-2{padding-inline:calc(var(--sc-spacing)*2)}.sc\\:px-4{padding-inline:calc(var(--sc-spacing)*4)}.sc\\:px-10{padding-inline:calc(var(--sc-spacing)*10)}.sc\\:py-1\\.5{padding-block:calc(var(--sc-spacing)*1.5)}.sc\\:py-2{padding-block:calc(var(--sc-spacing)*2)}.sc\\:py-3{padding-block:calc(var(--sc-spacing)*3)}.sc\\:py-4{padding-block:calc(var(--sc-spacing)*4)}.sc\\:py-6{padding-block:calc(var(--sc-spacing)*6)}.sc\\:py-24\\!{padding-block:calc(var(--sc-spacing)*24)!important}.sc\\:pt-2{padding-top:calc(var(--sc-spacing)*2)}.sc\\:pt-3{padding-top:calc(var(--sc-spacing)*3)}.sc\\:pb-2{padding-bottom:calc(var(--sc-spacing)*2)}.sc\\:text-center{text-align:center}.sc\\:text-left{text-align:left}.sc\\:font-\\[monospace\\]{font-family:monospace}.sc\\:text-2xl{font-size:var(--sc-text-2xl);line-height:var(--tw-leading,var(--sc-text-2xl--line-height))}.sc\\:text-lg{font-size:var(--sc-text-lg);line-height:var(--tw-leading,var(--sc-text-lg--line-height))}.sc\\:text-sm{font-size:var(--sc-text-sm);line-height:var(--tw-leading,var(--sc-text-sm--line-height))}.sc\\:text-xl{font-size:var(--sc-text-xl);line-height:var(--tw-leading,var(--sc-text-xl--line-height))}.sc\\:text-xs{font-size:var(--sc-text-xs);line-height:var(--tw-leading,var(--sc-text-xs--line-height))}.sc\\:text-\\[14px\\]{font-size:14px}.sc\\:font-bold{--tw-font-weight:var(--sc-font-weight-bold);font-weight:var(--sc-font-weight-bold)}.sc\\:font-medium{--tw-font-weight:var(--sc-font-weight-medium);font-weight:var(--sc-font-weight-medium)}.sc\\:font-normal{--tw-font-weight:var(--sc-font-weight-normal);font-weight:var(--sc-font-weight-normal)}.sc\\:font-semibold{--tw-font-weight:var(--sc-font-weight-semibold);font-weight:var(--sc-font-weight-semibold)}.sc\\:break-all{word-break:break-all}.sc\\:text-error-6{color:var(--sc-color-error-6)}.sc\\:text-gray-400{color:var(--sc-color-gray-400)}.sc\\:text-gray-500{color:var(--sc-color-gray-500)}.sc\\:text-gray-500\\!{color:var(--sc-color-gray-500)!important}.sc\\:text-gray-600{color:var(--sc-color-gray-600)}.sc\\:text-gray-700{color:var(--sc-color-gray-700)}.sc\\:text-white{color:var(--sc-color-white)}.sc\\:capitalize{text-transform:capitalize}.sc\\:opacity-25{opacity:.25}.sc\\:opacity-75{opacity:.75}.sc\\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sc\\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sc\\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\\:duration-200{--tw-duration:.2s;transition-duration:.2s}.sc\\:duration-300{--tw-duration:.3s;transition-duration:.3s}.sc\\:duration-500{--tw-duration:.5s;transition-duration:.5s}.sc\\:ease-in-out{--tw-ease:var(--sc-ease-in-out);transition-timing-function:var(--sc-ease-in-out)}.sc\\:ease-out{--tw-ease:var(--sc-ease-out);transition-timing-function:var(--sc-ease-out)}@media(hover:hover){.sc\\:hover\\:rounded-3xl:hover{border-radius:var(--sc-radius-3xl)}.sc\\:hover\\:border-gray-100:hover{border-color:var(--sc-color-gray-100)}.sc\\:hover\\:border-gray-400:hover{border-color:var(--sc-color-gray-400)}.sc\\:hover\\:\\!bg-transparent:hover{background-color:#0000!important}}.sc\\:disabled\\:opacity-50:disabled{opacity:.5}@media not all and (min-width:450px){.sc\\:max-\\[450px\\]\\:\\!w-\\[calc\\(100vw_-_2rem\\)\\]{width:calc(100vw - 2rem)!important}}@media not all and (min-width:40rem){.sc\\:max-sm\\:w-\\[80vw\\]{width:80vw}}@media(min-width:40rem){.sc\\:sm\\:px-10{padding-inline:calc(var(--sc-spacing)*10)}}@media(min-width:48rem){.sc\\:md\\:right-8{right:calc(var(--sc-spacing)*8)}.sc\\:md\\:bottom-6{bottom:calc(var(--sc-spacing)*6)}.sc\\:md\\:flex{display:flex}.sc\\:md\\:hidden{display:none}.sc\\:md\\:justify-between{justify-content:space-between}.sc\\:md\\:justify-start{justify-content:flex-start}.sc\\:md\\:bg-transparent\\!{background-color:#0000!important}.sc\\:md\\:text-xl{font-size:var(--sc-text-xl);line-height:var(--tw-leading,var(--sc-text-xl--line-height))}}@media(hover:hover){.sc\\:\\[\\&_li\\]\\:hover\\:bg-transparent\\! li:hover{background-color:#0000!important}}.bg-background{background-color:var(--color-background)}.bg-foreground{background-color:var(--color-foreground)}.bg-accent{background-color:var(--color-accent)}.bg-accent-foreground{background-color:var(--color-accent-foreground)}.bg-popover{background-color:var(--color-popover)}.bg-popover-foreground{background-color:var(--color-popover-foreground)}.bg-border{background-color:var(--color-border)}.bg-input-bg{background-color:var(--color-input-bg)}.bg-input-foreground{background-color:var(--color-input-foreground)}.bg-label{background-color:var(--color-label)}.bg-card{background-color:var(--color-card)}.bg-ring{background-color:var(--color-ring)}.bg-placeholder{background-color:var(--color-placeholder)}.bg-caption{background-color:var(--color-caption)}.bg-disabled{background-color:var(--color-disabled)}.bg-caption-error{background-color:var(--color-caption-error)}.bg-menu-bg{background-color:var(--color-menu-bg)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.text-background{color:var(--color-background)}.text-foreground{color:var(--color-foreground)}.text-accent{color:var(--color-accent)}.text-accent-foreground{color:var(--color-accent-foreground)}.text-popover{color:var(--color-popover)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-border{color:var(--color-border)}.text-input-bg{color:var(--color-input-bg)}.text-input-foreground{color:var(--color-input-foreground)}.text-label{color:var(--color-label)}.text-card{color:var(--color-card)}.text-ring{color:var(--color-ring)}.text-placeholder{color:var(--color-placeholder)}.text-caption{color:var(--color-caption)}.text-disabled{color:var(--color-disabled)}.text-caption-error{color:var(--color-caption-error)}.text-menu-bg{color:var(--color-menu-bg)}.text-tooltip-bg{color:var(--color-tooltip-bg)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.bg-primary-10{background-color:var(--color-primary-10)}.bg-primary-20{background-color:var(--color-primary-20)}.bg-primary-30{background-color:var(--color-primary-30)}.bg-primary-40{background-color:var(--color-primary-40)}.bg-primary-60{background-color:var(--color-primary-60)}.bg-primary-80{background-color:var(--color-primary-80)}.bg-primary-95{background-color:var(--color-primary-95)}.bg-primary-100{background-color:var(--color-primary-100)}.text-primary-10{color:var(--color-primary-10)}.text-primary-20{color:var(--color-primary-20)}.text-primary-30{color:var(--color-primary-30)}.text-primary-40{color:var(--color-primary-40)}.text-primary-60{color:var(--color-primary-60)}.text-primary-80{color:var(--color-primary-80)}.text-primary-95{color:var(--color-primary-95)}.text-primary-100{color:var(--color-primary-100)}.shadow-boxy{box-shadow:var(--shadow-boxy)}.shadow-subtle{box-shadow:var(--shadow-subtle)}.shadow-subtle2{box-shadow:var(--shadow-subtle2)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-3xl{box-shadow:var(--shadow-3xl)}.font-semibold{font-family:Lexend;font-weight:600}.font-bold{font-family:Lexend;font-weight:700}.font-medium{font-family:Lexend;font-weight:500}}:host{all:initial;font-family:Lexend,sans-serif;font-weight:400;display:block}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:#f8fafc;--foreground:#334155;--primary:#202d66;--primary-foreground:#fff;--input-bg:#fff;--input-foreground:#475569;--label:#475569;--placeholder:#94a3b8;--caption:#64748b;--caption-error:#f43f5e;--disabled:#f1f5f9;--card:#fff;--card-foreground:oklch(98.5% 0 0);--popover:#fff;--popover-foreground:#475569;--menu-bg:#f1f5f9;--accent:#e9eeff;--accent-foreground:#4d61b0;--secondary:#1e293b;--secondary-foreground:0 0% 100%;--muted:#64748b;--muted-foreground:#94a3b8;--border:#e2e8f0;--ring:#4d61b0;--destructive:#f43f5e;--destructive-foreground:#cc135f;--tooltip-bg:#212529;--shadow-boxy:0px 1px 2px 0px #0a0d120d;--shadow-subtle:0px 11.76px 22.06px 0px #00000014;--shadow-subtle2:0px 4px 8px 0px #9898980a;--shadow-2xl:0px 24px 48px -12px #0a0d122e;--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);background-color:#242424;font-family:Lexend,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.sc-overlay{z-index:999999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}',e.appendChild(r);const n=document.createElement("div");n.id="sdk-inner-container",e.appendChild(n),this.root=Bt(n),this.root.render(
|
|
84
84
|
/* @__PURE__ */Ut(jt.StrictMode,{children:/* @__PURE__ */Ut(ih,{sdkInstance:this})}))}destroy=()=>{this.root&&(this.root.unmount(),this.root=null);const t=document.getElementById(this.containerId);t&&t.remove(),console.log("SDK Destroyed and cleaned up.")}}export{ah as SmartComply,ah as default};
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -11,3 +11,4 @@ export declare const convertToOptions: (options: string[]) => DropdownOption[];
|
|
|
11
11
|
export declare function pickRandom(arr: string[], n: number): string[];
|
|
12
12
|
export declare const extractFaceFromUpload: (file: File) => Promise<Blob | null>;
|
|
13
13
|
export declare function blobToFile(blob: Blob, fileName: string, type?: string): File;
|
|
14
|
+
export declare const isInvalidIdErrorMsg: (identifier: string, identifier_type: string) => string | undefined;
|
package/dist/web-sdk.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer components;@layer theme{:root,:host{--sc-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--sc-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sc-color-red-600:oklch(57.7% .245 27.325);--sc-color-green-600:oklch(62.7% .194 149.214);--sc-color-gray-50:#f8fafc;--sc-color-gray-100:#f1f5f9;--sc-color-gray-200:#e2e8f0;--sc-color-gray-300:#cbd5e1;--sc-color-gray-400:#94a3b8;--sc-color-gray-500:#64748b;--sc-color-gray-600:#475569;--sc-color-gray-700:#334155;--sc-color-white:#fff;--sc-spacing:.25rem;--sc-container-md:28rem;--sc-text-xs:.75rem;--sc-text-xs--line-height:calc(1/.75);--sc-text-sm:.875rem;--sc-text-sm--line-height:calc(1.25/.875);--sc-text-lg:1.125rem;--sc-text-lg--line-height:calc(1.75/1.125);--sc-text-xl:1.25rem;--sc-text-xl--line-height:calc(1.75/1.25);--sc-text-2xl:1.5rem;--sc-text-2xl--line-height:calc(2/1.5);--sc-font-weight-normal:400;--sc-font-weight-medium:500;--sc-font-weight-semibold:600;--sc-font-weight-bold:700;--sc-radius-lg:.5rem;--sc-radius-xl:.75rem;--sc-radius-3xl:1.5rem;--sc-ease-out:cubic-bezier(0,0,.2,1);--sc-ease-in-out:cubic-bezier(.4,0,.2,1);--sc-animate-spin:spin 1s linear infinite;--sc-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--sc-default-font-family:var(--sc-font-sans);--sc-default-mono-font-family:var(--sc-font-mono);--sc-color-error-6:#f43f5e;--sc-color-secondary-5:#ffc87f}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--sc-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--sc-default-font-feature-settings,normal);font-variation-settings:var(--sc-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--sc-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--sc-default-mono-font-feature-settings,normal);font-variation-settings:var(--sc-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.sc\:pointer-events-none{pointer-events:none}.sc\:absolute{position:absolute}.sc\:fixed{position:fixed}.sc\:relative{position:relative}.sc\:inset-0{inset:calc(var(--sc-spacing)*0)}.sc\:top-0{top:calc(var(--sc-spacing)*0)}.sc\:top-6{top:calc(var(--sc-spacing)*6)}.sc\:bottom-0{bottom:calc(var(--sc-spacing)*0)}.sc\:bottom-6{bottom:calc(var(--sc-spacing)*6)}.sc\:left-1\/2{left:50%}.sc\:z-1{z-index:1}.sc\:z-10{z-index:10}.sc\:z-50{z-index:50}.sc\:m-0{margin:calc(var(--sc-spacing)*0)}.sc\:mx-auto{margin-inline:auto}.sc\:mt-1{margin-top:calc(var(--sc-spacing)*1)}.sc\:mt-3{margin-top:calc(var(--sc-spacing)*3)}.sc\:mt-8{margin-top:calc(var(--sc-spacing)*8)}.sc\:mb-1{margin-bottom:calc(var(--sc-spacing)*1)}.sc\:ml-2{margin-left:calc(var(--sc-spacing)*2)}.sc\:block{display:block}.sc\:flex{display:flex}.sc\:hidden{display:none}.sc\:inline-block{display:inline-block}.sc\:aspect-\[3\/4\]{aspect-ratio:3/4}.sc\:h-2{height:calc(var(--sc-spacing)*2)}.sc\:h-4{height:calc(var(--sc-spacing)*4)}.sc\:h-12{height:calc(var(--sc-spacing)*12)}.sc\:h-\[80\%\]{height:80%}.sc\:h-\[90\%\]{height:90%}.sc\:h-\[400px\]{height:400px}.sc\:h-full{height:100%}.sc\:max-h-60{max-height:calc(var(--sc-spacing)*60)}.sc\:min-h-screen{min-height:100vh}.sc\:w-4{width:calc(var(--sc-spacing)*4)}.sc\:w-12{width:calc(var(--sc-spacing)*12)}.sc\:w-\[35\%\]{width:35%}.sc\:w-\[80\%\]{width:80%}.sc\:w-auto{width:auto}.sc\:w-full{width:100%}.sc\:max-w-\[55\%\]{max-width:55%}.sc\:max-w-\[80\%\]{max-width:80%}.sc\:max-w-\[90\%\]{max-width:90%}.sc\:max-w-\[500px\]{max-width:500px}.sc\:max-w-md{max-width:var(--sc-container-md)}.sc\:flex-1{flex:1}.sc\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.sc\:rotate-180{rotate:180deg}.sc\:animate-pulse{animation:var(--sc-animate-pulse)}.sc\:animate-spin{animation:var(--sc-animate-spin)}.sc\:cursor-pointer{cursor:pointer}.sc\:list-disc{list-style-type:disc}.sc\:flex-col{flex-direction:column}.sc\:items-center{align-items:center}.sc\:items-start{align-items:flex-start}.sc\:justify-between{justify-content:space-between}.sc\:justify-center{justify-content:center}.sc\:justify-end{justify-content:flex-end}.sc\:justify-start{justify-content:flex-start}.sc\:gap-1{gap:calc(var(--sc-spacing)*1)}.sc\:gap-1\.5{gap:calc(var(--sc-spacing)*1.5)}.sc\:gap-2{gap:calc(var(--sc-spacing)*2)}.sc\:gap-3{gap:calc(var(--sc-spacing)*3)}.sc\:gap-4{gap:calc(var(--sc-spacing)*4)}:where(.sc\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.sc\:overflow-auto{overflow:auto}.sc\:overflow-hidden{overflow:hidden}.sc\:overflow-visible{overflow:visible}.sc\:overflow-y-auto{overflow-y:auto}.sc\:rounded-3xl{border-radius:var(--sc-radius-3xl)}.sc\:rounded-full{border-radius:3.40282e38px}.sc\:rounded-lg{border-radius:var(--sc-radius-lg)}.sc\:rounded-xl{border-radius:var(--sc-radius-xl)}.sc\:border{border-style:var(--tw-border-style);border-width:1px}.sc\:border-4{border-style:var(--tw-border-style);border-width:4px}.sc\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.sc\:border-dashed{--tw-border-style:dashed;border-style:dashed}.sc\:border-\[\#CBD5E1\]{border-color:#cbd5e1}.sc\:border-gray-200{border-color:var(--sc-color-gray-200)}.sc\:border-gray-300{border-color:var(--sc-color-gray-300)}.sc\:bg-\[\#262A2F\]{background-color:#262a2f}.sc\:bg-\[\#F8F8F8\]{background-color:#f8f8f8}.sc\:bg-\[rgba\(0\,0\,0\,0\.6\)\]{background-color:#0009}.sc\:bg-gray-50{background-color:var(--sc-color-gray-50)}.sc\:bg-gray-100{background-color:var(--sc-color-gray-100)}.sc\:bg-green-600{background-color:var(--sc-color-green-600)}.sc\:bg-red-600{background-color:var(--sc-color-red-600)}.sc\:bg-secondary-5{background-color:var(--sc-color-secondary-5)}.sc\:bg-white{background-color:var(--sc-color-white)}.sc\:stroke-\[\#62DF98\]{stroke:#62df98}.sc\:stroke-error-6\/60{stroke:var(--sc-color-error-6)}@supports (color:color-mix(in lab,red,red)){.sc\:stroke-error-6\/60{stroke:color-mix(in oklab,var(--sc-color-error-6)60%,transparent)}}.sc\:stroke-white\/50{stroke:var(--sc-color-white)}@supports (color:color-mix(in lab,red,red)){.sc\:stroke-white\/50{stroke:color-mix(in oklab,var(--sc-color-white)50%,transparent)}}.sc\:object-cover{-o-object-fit:cover;object-fit:cover}.sc\:p-2{padding:calc(var(--sc-spacing)*2)}.sc\:p-4{padding:calc(var(--sc-spacing)*4)}.sc\:px-2{padding-inline:calc(var(--sc-spacing)*2)}.sc\:px-4{padding-inline:calc(var(--sc-spacing)*4)}.sc\:px-10{padding-inline:calc(var(--sc-spacing)*10)}.sc\:py-1\.5{padding-block:calc(var(--sc-spacing)*1.5)}.sc\:py-2{padding-block:calc(var(--sc-spacing)*2)}.sc\:py-3{padding-block:calc(var(--sc-spacing)*3)}.sc\:py-4{padding-block:calc(var(--sc-spacing)*4)}.sc\:py-6{padding-block:calc(var(--sc-spacing)*6)}.sc\:py-24\!{padding-block:calc(var(--sc-spacing)*24)!important}.sc\:pt-2{padding-top:calc(var(--sc-spacing)*2)}.sc\:pt-3{padding-top:calc(var(--sc-spacing)*3)}.sc\:pb-2{padding-bottom:calc(var(--sc-spacing)*2)}.sc\:text-center{text-align:center}.sc\:text-left{text-align:left}.sc\:font-\[monospace\]{font-family:monospace}.sc\:text-2xl{font-size:var(--sc-text-2xl);line-height:var(--tw-leading,var(--sc-text-2xl--line-height))}.sc\:text-lg{font-size:var(--sc-text-lg);line-height:var(--tw-leading,var(--sc-text-lg--line-height))}.sc\:text-sm{font-size:var(--sc-text-sm);line-height:var(--tw-leading,var(--sc-text-sm--line-height))}.sc\:text-xl{font-size:var(--sc-text-xl);line-height:var(--tw-leading,var(--sc-text-xl--line-height))}.sc\:text-xs{font-size:var(--sc-text-xs);line-height:var(--tw-leading,var(--sc-text-xs--line-height))}.sc\:text-\[14px\]{font-size:14px}.sc\:font-bold{--tw-font-weight:var(--sc-font-weight-bold);font-weight:var(--sc-font-weight-bold)}.sc\:font-medium{--tw-font-weight:var(--sc-font-weight-medium);font-weight:var(--sc-font-weight-medium)}.sc\:font-normal{--tw-font-weight:var(--sc-font-weight-normal);font-weight:var(--sc-font-weight-normal)}.sc\:font-semibold{--tw-font-weight:var(--sc-font-weight-semibold);font-weight:var(--sc-font-weight-semibold)}.sc\:break-all{word-break:break-all}.sc\:text-error-6{color:var(--sc-color-error-6)}.sc\:text-gray-400{color:var(--sc-color-gray-400)}.sc\:text-gray-500{color:var(--sc-color-gray-500)}.sc\:text-gray-500\!{color:var(--sc-color-gray-500)!important}.sc\:text-gray-600{color:var(--sc-color-gray-600)}.sc\:text-gray-700{color:var(--sc-color-gray-700)}.sc\:text-white{color:var(--sc-color-white)}.sc\:capitalize{text-transform:capitalize}.sc\:opacity-25{opacity:.25}.sc\:opacity-75{opacity:.75}.sc\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sc\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sc\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\:duration-200{--tw-duration:.2s;transition-duration:.2s}.sc\:duration-300{--tw-duration:.3s;transition-duration:.3s}.sc\:duration-500{--tw-duration:.5s;transition-duration:.5s}.sc\:ease-in-out{--tw-ease:var(--sc-ease-in-out);transition-timing-function:var(--sc-ease-in-out)}.sc\:ease-out{--tw-ease:var(--sc-ease-out);transition-timing-function:var(--sc-ease-out)}@media(hover:hover){.sc\:hover\:rounded-3xl:hover{border-radius:var(--sc-radius-3xl)}.sc\:hover\:border-gray-100:hover{border-color:var(--sc-color-gray-100)}.sc\:hover\:border-gray-400:hover{border-color:var(--sc-color-gray-400)}.sc\:hover\:\!bg-transparent:hover{background-color:#0000!important}}.sc\:disabled\:opacity-50:disabled{opacity:.5}@media not all and (min-width:450px){.sc\:max-\[450px\]\:\!w-\[calc\(100vw_-_2rem\)\]{width:calc(100vw - 2rem)!important}}@media not all and (min-width:40rem){.sc\:max-sm\:w-\[80vw\]{width:80vw}}@media(min-width:40rem){.sc\:sm\:px-10{padding-inline:calc(var(--sc-spacing)*10)}}@media(min-width:48rem){.sc\:md\:right-8{right:calc(var(--sc-spacing)*8)}.sc\:md\:bottom-6{bottom:calc(var(--sc-spacing)*6)}.sc\:md\:flex{display:flex}.sc\:md\:justify-between{justify-content:space-between}.sc\:md\:justify-start{justify-content:flex-start}.sc\:md\:bg-transparent\!{background-color:#0000!important}.sc\:md\:text-xl{font-size:var(--sc-text-xl);line-height:var(--tw-leading,var(--sc-text-xl--line-height))}}@media(hover:hover){.sc\:\[\&_li\]\:hover\:bg-transparent\! li:hover{background-color:#0000!important}}.bg-background{background-color:var(--color-background)}.bg-foreground{background-color:var(--color-foreground)}.bg-accent{background-color:var(--color-accent)}.bg-accent-foreground{background-color:var(--color-accent-foreground)}.bg-popover{background-color:var(--color-popover)}.bg-popover-foreground{background-color:var(--color-popover-foreground)}.bg-border{background-color:var(--color-border)}.bg-input-bg{background-color:var(--color-input-bg)}.bg-input-foreground{background-color:var(--color-input-foreground)}.bg-label{background-color:var(--color-label)}.bg-card{background-color:var(--color-card)}.bg-ring{background-color:var(--color-ring)}.bg-placeholder{background-color:var(--color-placeholder)}.bg-caption{background-color:var(--color-caption)}.bg-disabled{background-color:var(--color-disabled)}.bg-caption-error{background-color:var(--color-caption-error)}.bg-menu-bg{background-color:var(--color-menu-bg)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.text-background{color:var(--color-background)}.text-foreground{color:var(--color-foreground)}.text-accent{color:var(--color-accent)}.text-accent-foreground{color:var(--color-accent-foreground)}.text-popover{color:var(--color-popover)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-border{color:var(--color-border)}.text-input-bg{color:var(--color-input-bg)}.text-input-foreground{color:var(--color-input-foreground)}.text-label{color:var(--color-label)}.text-card{color:var(--color-card)}.text-ring{color:var(--color-ring)}.text-placeholder{color:var(--color-placeholder)}.text-caption{color:var(--color-caption)}.text-disabled{color:var(--color-disabled)}.text-caption-error{color:var(--color-caption-error)}.text-menu-bg{color:var(--color-menu-bg)}.text-tooltip-bg{color:var(--color-tooltip-bg)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.bg-primary-10{background-color:var(--color-primary-10)}.bg-primary-20{background-color:var(--color-primary-20)}.bg-primary-30{background-color:var(--color-primary-30)}.bg-primary-40{background-color:var(--color-primary-40)}.bg-primary-60{background-color:var(--color-primary-60)}.bg-primary-80{background-color:var(--color-primary-80)}.bg-primary-95{background-color:var(--color-primary-95)}.bg-primary-100{background-color:var(--color-primary-100)}.text-primary-10{color:var(--color-primary-10)}.text-primary-20{color:var(--color-primary-20)}.text-primary-30{color:var(--color-primary-30)}.text-primary-40{color:var(--color-primary-40)}.text-primary-60{color:var(--color-primary-60)}.text-primary-80{color:var(--color-primary-80)}.text-primary-95{color:var(--color-primary-95)}.text-primary-100{color:var(--color-primary-100)}.shadow-boxy{box-shadow:var(--shadow-boxy)}.shadow-subtle{box-shadow:var(--shadow-subtle)}.shadow-subtle2{box-shadow:var(--shadow-subtle2)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-3xl{box-shadow:var(--shadow-3xl)}.font-semibold{font-family:Lexend;font-weight:600}.font-bold{font-family:Lexend;font-weight:700}.font-medium{font-family:Lexend;font-weight:500}}:host{all:initial;font-family:Lexend,sans-serif;font-weight:400;display:block}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:#f8fafc;--foreground:#334155;--primary:#202d66;--primary-foreground:#fff;--input-bg:#fff;--input-foreground:#475569;--label:#475569;--placeholder:#94a3b8;--caption:#64748b;--caption-error:#f43f5e;--disabled:#f1f5f9;--card:#fff;--card-foreground:oklch(98.5% 0 0);--popover:#fff;--popover-foreground:#475569;--menu-bg:#f1f5f9;--accent:#e9eeff;--accent-foreground:#4d61b0;--secondary:#1e293b;--secondary-foreground:0 0% 100%;--muted:#64748b;--muted-foreground:#94a3b8;--border:#e2e8f0;--ring:#4d61b0;--destructive:#f43f5e;--destructive-foreground:#cc135f;--tooltip-bg:#212529;--shadow-boxy:0px 1px 2px 0px #0a0d120d;--shadow-subtle:0px 11.76px 22.06px 0px #00000014;--shadow-subtle2:0px 4px 8px 0px #9898980a;--shadow-2xl:0px 24px 48px -12px #0a0d122e;--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);background-color:#242424;font-family:Lexend,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.sc-overlay{z-index:999999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Lexend:wght@400;500;600;700&display=swap";@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer components;@layer theme{:root,:host{--sc-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--sc-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--sc-color-red-600:oklch(57.7% .245 27.325);--sc-color-green-600:oklch(62.7% .194 149.214);--sc-color-gray-50:#f8fafc;--sc-color-gray-100:#f1f5f9;--sc-color-gray-200:#e2e8f0;--sc-color-gray-300:#cbd5e1;--sc-color-gray-400:#94a3b8;--sc-color-gray-500:#64748b;--sc-color-gray-600:#475569;--sc-color-gray-700:#334155;--sc-color-white:#fff;--sc-spacing:.25rem;--sc-container-md:28rem;--sc-text-xs:.75rem;--sc-text-xs--line-height:calc(1/.75);--sc-text-sm:.875rem;--sc-text-sm--line-height:calc(1.25/.875);--sc-text-lg:1.125rem;--sc-text-lg--line-height:calc(1.75/1.125);--sc-text-xl:1.25rem;--sc-text-xl--line-height:calc(1.75/1.25);--sc-text-2xl:1.5rem;--sc-text-2xl--line-height:calc(2/1.5);--sc-font-weight-normal:400;--sc-font-weight-medium:500;--sc-font-weight-semibold:600;--sc-font-weight-bold:700;--sc-radius-lg:.5rem;--sc-radius-xl:.75rem;--sc-radius-3xl:1.5rem;--sc-ease-out:cubic-bezier(0,0,.2,1);--sc-ease-in-out:cubic-bezier(.4,0,.2,1);--sc-animate-spin:spin 1s linear infinite;--sc-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--sc-default-font-family:var(--sc-font-sans);--sc-default-mono-font-family:var(--sc-font-mono);--sc-color-error-6:#f43f5e;--sc-color-secondary-5:#ffc87f}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--sc-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--sc-default-font-feature-settings,normal);font-variation-settings:var(--sc-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--sc-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--sc-default-mono-font-feature-settings,normal);font-variation-settings:var(--sc-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.sc\:pointer-events-none{pointer-events:none}.sc\:absolute{position:absolute}.sc\:fixed{position:fixed}.sc\:relative{position:relative}.sc\:inset-0{inset:calc(var(--sc-spacing)*0)}.sc\:top-0{top:calc(var(--sc-spacing)*0)}.sc\:top-6{top:calc(var(--sc-spacing)*6)}.sc\:bottom-0{bottom:calc(var(--sc-spacing)*0)}.sc\:bottom-6{bottom:calc(var(--sc-spacing)*6)}.sc\:left-1\/2{left:50%}.sc\:z-1{z-index:1}.sc\:z-10{z-index:10}.sc\:z-50{z-index:50}.sc\:m-0{margin:calc(var(--sc-spacing)*0)}.sc\:mx-auto{margin-inline:auto}.sc\:mt-1{margin-top:calc(var(--sc-spacing)*1)}.sc\:mt-3{margin-top:calc(var(--sc-spacing)*3)}.sc\:mt-8{margin-top:calc(var(--sc-spacing)*8)}.sc\:mb-1{margin-bottom:calc(var(--sc-spacing)*1)}.sc\:ml-2{margin-left:calc(var(--sc-spacing)*2)}.sc\:block{display:block}.sc\:flex{display:flex}.sc\:hidden{display:none}.sc\:inline-block{display:inline-block}.sc\:aspect-\[3\/4\]{aspect-ratio:3/4}.sc\:h-2{height:calc(var(--sc-spacing)*2)}.sc\:h-4{height:calc(var(--sc-spacing)*4)}.sc\:h-12{height:calc(var(--sc-spacing)*12)}.sc\:h-\[80\%\]{height:80%}.sc\:h-\[90\%\]{height:90%}.sc\:h-\[400px\]{height:400px}.sc\:h-full{height:100%}.sc\:max-h-60{max-height:calc(var(--sc-spacing)*60)}.sc\:min-h-screen{min-height:100vh}.sc\:w-4{width:calc(var(--sc-spacing)*4)}.sc\:w-12{width:calc(var(--sc-spacing)*12)}.sc\:w-\[35\%\]{width:35%}.sc\:w-\[80\%\]{width:80%}.sc\:w-auto{width:auto}.sc\:w-fit{width:-moz-fit-content;width:fit-content}.sc\:w-full{width:100%}.sc\:max-w-\[55\%\]{max-width:55%}.sc\:max-w-\[80\%\]{max-width:80%}.sc\:max-w-\[90\%\]{max-width:90%}.sc\:max-w-\[500px\]{max-width:500px}.sc\:max-w-md{max-width:var(--sc-container-md)}.sc\:flex-1{flex:1}.sc\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.sc\:rotate-180{rotate:180deg}.sc\:animate-pulse{animation:var(--sc-animate-pulse)}.sc\:animate-spin{animation:var(--sc-animate-spin)}.sc\:cursor-pointer{cursor:pointer}.sc\:list-disc{list-style-type:disc}.sc\:flex-col{flex-direction:column}.sc\:items-center{align-items:center}.sc\:items-start{align-items:flex-start}.sc\:justify-between{justify-content:space-between}.sc\:justify-center{justify-content:center}.sc\:justify-end{justify-content:flex-end}.sc\:justify-start{justify-content:flex-start}.sc\:gap-1{gap:calc(var(--sc-spacing)*1)}.sc\:gap-1\.5{gap:calc(var(--sc-spacing)*1.5)}.sc\:gap-2{gap:calc(var(--sc-spacing)*2)}.sc\:gap-3{gap:calc(var(--sc-spacing)*3)}.sc\:gap-4{gap:calc(var(--sc-spacing)*4)}:where(.sc\:space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\:space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\:space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\:space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*5)*calc(1 - var(--tw-space-y-reverse)))}:where(.sc\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--sc-spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--sc-spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.sc\:overflow-auto{overflow:auto}.sc\:overflow-hidden{overflow:hidden}.sc\:overflow-visible{overflow:visible}.sc\:overflow-y-auto{overflow-y:auto}.sc\:rounded-3xl{border-radius:var(--sc-radius-3xl)}.sc\:rounded-full{border-radius:3.40282e38px}.sc\:rounded-lg{border-radius:var(--sc-radius-lg)}.sc\:rounded-xl{border-radius:var(--sc-radius-xl)}.sc\:border{border-style:var(--tw-border-style);border-width:1px}.sc\:border-4{border-style:var(--tw-border-style);border-width:4px}.sc\:border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.sc\:border-dashed{--tw-border-style:dashed;border-style:dashed}.sc\:border-\[\#CBD5E1\]{border-color:#cbd5e1}.sc\:border-gray-200{border-color:var(--sc-color-gray-200)}.sc\:border-gray-300{border-color:var(--sc-color-gray-300)}.sc\:bg-\[\#262A2F\]{background-color:#262a2f}.sc\:bg-\[\#F8F8F8\]{background-color:#f8f8f8}.sc\:bg-\[rgba\(0\,0\,0\,0\.6\)\]{background-color:#0009}.sc\:bg-gray-50{background-color:var(--sc-color-gray-50)}.sc\:bg-gray-100{background-color:var(--sc-color-gray-100)}.sc\:bg-green-600{background-color:var(--sc-color-green-600)}.sc\:bg-red-600{background-color:var(--sc-color-red-600)}.sc\:bg-secondary-5{background-color:var(--sc-color-secondary-5)}.sc\:bg-white{background-color:var(--sc-color-white)}.sc\:stroke-\[\#62DF98\]{stroke:#62df98}.sc\:stroke-error-6\/60{stroke:var(--sc-color-error-6)}@supports (color:color-mix(in lab,red,red)){.sc\:stroke-error-6\/60{stroke:color-mix(in oklab,var(--sc-color-error-6)60%,transparent)}}.sc\:stroke-white\/50{stroke:var(--sc-color-white)}@supports (color:color-mix(in lab,red,red)){.sc\:stroke-white\/50{stroke:color-mix(in oklab,var(--sc-color-white)50%,transparent)}}.sc\:object-cover{-o-object-fit:cover;object-fit:cover}.sc\:p-2{padding:calc(var(--sc-spacing)*2)}.sc\:p-4{padding:calc(var(--sc-spacing)*4)}.sc\:px-2{padding-inline:calc(var(--sc-spacing)*2)}.sc\:px-4{padding-inline:calc(var(--sc-spacing)*4)}.sc\:px-10{padding-inline:calc(var(--sc-spacing)*10)}.sc\:py-1\.5{padding-block:calc(var(--sc-spacing)*1.5)}.sc\:py-2{padding-block:calc(var(--sc-spacing)*2)}.sc\:py-3{padding-block:calc(var(--sc-spacing)*3)}.sc\:py-4{padding-block:calc(var(--sc-spacing)*4)}.sc\:py-6{padding-block:calc(var(--sc-spacing)*6)}.sc\:py-24\!{padding-block:calc(var(--sc-spacing)*24)!important}.sc\:pt-2{padding-top:calc(var(--sc-spacing)*2)}.sc\:pt-3{padding-top:calc(var(--sc-spacing)*3)}.sc\:pb-2{padding-bottom:calc(var(--sc-spacing)*2)}.sc\:text-center{text-align:center}.sc\:text-left{text-align:left}.sc\:font-\[monospace\]{font-family:monospace}.sc\:text-2xl{font-size:var(--sc-text-2xl);line-height:var(--tw-leading,var(--sc-text-2xl--line-height))}.sc\:text-lg{font-size:var(--sc-text-lg);line-height:var(--tw-leading,var(--sc-text-lg--line-height))}.sc\:text-sm{font-size:var(--sc-text-sm);line-height:var(--tw-leading,var(--sc-text-sm--line-height))}.sc\:text-xl{font-size:var(--sc-text-xl);line-height:var(--tw-leading,var(--sc-text-xl--line-height))}.sc\:text-xs{font-size:var(--sc-text-xs);line-height:var(--tw-leading,var(--sc-text-xs--line-height))}.sc\:text-\[14px\]{font-size:14px}.sc\:font-bold{--tw-font-weight:var(--sc-font-weight-bold);font-weight:var(--sc-font-weight-bold)}.sc\:font-medium{--tw-font-weight:var(--sc-font-weight-medium);font-weight:var(--sc-font-weight-medium)}.sc\:font-normal{--tw-font-weight:var(--sc-font-weight-normal);font-weight:var(--sc-font-weight-normal)}.sc\:font-semibold{--tw-font-weight:var(--sc-font-weight-semibold);font-weight:var(--sc-font-weight-semibold)}.sc\:break-all{word-break:break-all}.sc\:text-error-6{color:var(--sc-color-error-6)}.sc\:text-gray-400{color:var(--sc-color-gray-400)}.sc\:text-gray-500{color:var(--sc-color-gray-500)}.sc\:text-gray-500\!{color:var(--sc-color-gray-500)!important}.sc\:text-gray-600{color:var(--sc-color-gray-600)}.sc\:text-gray-700{color:var(--sc-color-gray-700)}.sc\:text-white{color:var(--sc-color-white)}.sc\:capitalize{text-transform:capitalize}.sc\:opacity-25{opacity:.25}.sc\:opacity-75{opacity:.75}.sc\:shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sc\:shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.sc\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.sc\:duration-200{--tw-duration:.2s;transition-duration:.2s}.sc\:duration-300{--tw-duration:.3s;transition-duration:.3s}.sc\:duration-500{--tw-duration:.5s;transition-duration:.5s}.sc\:ease-in-out{--tw-ease:var(--sc-ease-in-out);transition-timing-function:var(--sc-ease-in-out)}.sc\:ease-out{--tw-ease:var(--sc-ease-out);transition-timing-function:var(--sc-ease-out)}@media(hover:hover){.sc\:hover\:rounded-3xl:hover{border-radius:var(--sc-radius-3xl)}.sc\:hover\:border-gray-100:hover{border-color:var(--sc-color-gray-100)}.sc\:hover\:border-gray-400:hover{border-color:var(--sc-color-gray-400)}.sc\:hover\:\!bg-transparent:hover{background-color:#0000!important}}.sc\:disabled\:opacity-50:disabled{opacity:.5}@media not all and (min-width:450px){.sc\:max-\[450px\]\:\!w-\[calc\(100vw_-_2rem\)\]{width:calc(100vw - 2rem)!important}}@media not all and (min-width:40rem){.sc\:max-sm\:w-\[80vw\]{width:80vw}}@media(min-width:40rem){.sc\:sm\:px-10{padding-inline:calc(var(--sc-spacing)*10)}}@media(min-width:48rem){.sc\:md\:right-8{right:calc(var(--sc-spacing)*8)}.sc\:md\:bottom-6{bottom:calc(var(--sc-spacing)*6)}.sc\:md\:flex{display:flex}.sc\:md\:hidden{display:none}.sc\:md\:justify-between{justify-content:space-between}.sc\:md\:justify-start{justify-content:flex-start}.sc\:md\:bg-transparent\!{background-color:#0000!important}.sc\:md\:text-xl{font-size:var(--sc-text-xl);line-height:var(--tw-leading,var(--sc-text-xl--line-height))}}@media(hover:hover){.sc\:\[\&_li\]\:hover\:bg-transparent\! li:hover{background-color:#0000!important}}.bg-background{background-color:var(--color-background)}.bg-foreground{background-color:var(--color-foreground)}.bg-accent{background-color:var(--color-accent)}.bg-accent-foreground{background-color:var(--color-accent-foreground)}.bg-popover{background-color:var(--color-popover)}.bg-popover-foreground{background-color:var(--color-popover-foreground)}.bg-border{background-color:var(--color-border)}.bg-input-bg{background-color:var(--color-input-bg)}.bg-input-foreground{background-color:var(--color-input-foreground)}.bg-label{background-color:var(--color-label)}.bg-card{background-color:var(--color-card)}.bg-ring{background-color:var(--color-ring)}.bg-placeholder{background-color:var(--color-placeholder)}.bg-caption{background-color:var(--color-caption)}.bg-disabled{background-color:var(--color-disabled)}.bg-caption-error{background-color:var(--color-caption-error)}.bg-menu-bg{background-color:var(--color-menu-bg)}.bg-tooltip-bg{background-color:var(--color-tooltip-bg)}.text-background{color:var(--color-background)}.text-foreground{color:var(--color-foreground)}.text-accent{color:var(--color-accent)}.text-accent-foreground{color:var(--color-accent-foreground)}.text-popover{color:var(--color-popover)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-border{color:var(--color-border)}.text-input-bg{color:var(--color-input-bg)}.text-input-foreground{color:var(--color-input-foreground)}.text-label{color:var(--color-label)}.text-card{color:var(--color-card)}.text-ring{color:var(--color-ring)}.text-placeholder{color:var(--color-placeholder)}.text-caption{color:var(--color-caption)}.text-disabled{color:var(--color-disabled)}.text-caption-error{color:var(--color-caption-error)}.text-menu-bg{color:var(--color-menu-bg)}.text-tooltip-bg{color:var(--color-tooltip-bg)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-gray-700{background-color:var(--color-gray-700)}.bg-gray-800{background-color:var(--color-gray-800)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.bg-primary-10{background-color:var(--color-primary-10)}.bg-primary-20{background-color:var(--color-primary-20)}.bg-primary-30{background-color:var(--color-primary-30)}.bg-primary-40{background-color:var(--color-primary-40)}.bg-primary-60{background-color:var(--color-primary-60)}.bg-primary-80{background-color:var(--color-primary-80)}.bg-primary-95{background-color:var(--color-primary-95)}.bg-primary-100{background-color:var(--color-primary-100)}.text-primary-10{color:var(--color-primary-10)}.text-primary-20{color:var(--color-primary-20)}.text-primary-30{color:var(--color-primary-30)}.text-primary-40{color:var(--color-primary-40)}.text-primary-60{color:var(--color-primary-60)}.text-primary-80{color:var(--color-primary-80)}.text-primary-95{color:var(--color-primary-95)}.text-primary-100{color:var(--color-primary-100)}.shadow-boxy{box-shadow:var(--shadow-boxy)}.shadow-subtle{box-shadow:var(--shadow-subtle)}.shadow-subtle2{box-shadow:var(--shadow-subtle2)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-3xl{box-shadow:var(--shadow-3xl)}.font-semibold{font-family:Lexend;font-weight:600}.font-bold{font-family:Lexend;font-weight:700}.font-medium{font-family:Lexend;font-weight:500}}:host{all:initial;font-family:Lexend,sans-serif;font-weight:400;display:block}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:#f8fafc;--foreground:#334155;--primary:#202d66;--primary-foreground:#fff;--input-bg:#fff;--input-foreground:#475569;--label:#475569;--placeholder:#94a3b8;--caption:#64748b;--caption-error:#f43f5e;--disabled:#f1f5f9;--card:#fff;--card-foreground:oklch(98.5% 0 0);--popover:#fff;--popover-foreground:#475569;--menu-bg:#f1f5f9;--accent:#e9eeff;--accent-foreground:#4d61b0;--secondary:#1e293b;--secondary-foreground:0 0% 100%;--muted:#64748b;--muted-foreground:#94a3b8;--border:#e2e8f0;--ring:#4d61b0;--destructive:#f43f5e;--destructive-foreground:#cc135f;--tooltip-bg:#212529;--shadow-boxy:0px 1px 2px 0px #0a0d120d;--shadow-subtle:0px 11.76px 22.06px 0px #00000014;--shadow-subtle2:0px 4px 8px 0px #9898980a;--shadow-2xl:0px 24px 48px -12px #0a0d122e;--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);background-color:#242424;font-family:Lexend,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.sc-overlay{z-index:999999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
|
package/package.json
CHANGED
|
@@ -1,11 +1,19 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@smartcomply/web-sdk",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.3",
|
|
5
5
|
"description": "Smartcomply Identity Verification SDK",
|
|
6
6
|
"author": {
|
|
7
|
-
"name": "Tito Adeoye"
|
|
7
|
+
"name": "Tito Adeoye",
|
|
8
|
+
"email": "tito@smartcomply.com"
|
|
8
9
|
},
|
|
10
|
+
"contributors": [
|
|
11
|
+
{
|
|
12
|
+
"name": "Tito Adeoye",
|
|
13
|
+
"url": "https://github.com/titoadeoye",
|
|
14
|
+
"email": "tito@smartcomply.com"
|
|
15
|
+
}
|
|
16
|
+
],
|
|
9
17
|
"type": "module",
|
|
10
18
|
"main": "dist/index.js",
|
|
11
19
|
"module": "dist/index.cjs",
|
|
@@ -57,5 +65,6 @@
|
|
|
57
65
|
"typescript": "~5.9.3",
|
|
58
66
|
"typescript-eslint": "^8.48.0",
|
|
59
67
|
"vite": "^7.3.1"
|
|
60
|
-
}
|
|
68
|
+
},
|
|
69
|
+
"license": "UNLICENSED"
|
|
61
70
|
}
|