feat: final tweaks

packages/core/src/bridge.ts

@@ -1,10 +1,10 @@
 import { create } from 'zustand'
+import { type IDKitConfig } from '@/types/config'
 import { VerificationState } from '@/types/bridge'
 import type { ISuccessResult } from '@/types/result'
 import type { CredentialType } from '@/types/config'
 import { encodeAction, generateSignal } from '@/lib/hashing'
 import { AppErrorCodes, ResponseStatus } from '@/types/bridge'
-import { VerificationLevel, type IDKitConfig } from '@/types/config'
 import { decryptResponse, encryptRequest, exportKey, generateKey } from '@/lib/crypto'
 import {
 	DEFAULT_VERIFICATION_LEVEL,

packages/react/src/components/AboutWorldID.tsx

@@ -11,7 +11,7 @@ type Props = {
 const AboutWorldID: FC<Props> = ({ className }) => {
 	return (
 		<div className={classNames(className, 'space-y-4 text-left')}>
-			<p className="text-0d151d text-sm font-medium uppercase dark:text-white">{__('What is World ID?')}</p>
+			<p className="text-sm font-medium uppercase text-0d151d dark:text-white">{__('What is World ID?')}</p>
 			<div className="space-y-3">
 				<FeatureHighlight title="Your global digital ID" icon={HumanIcon}>
 					<p>{__('With Worldcoin and World ID sign in seamlessly and prove you are a unique human.')}</p>
@@ -31,12 +31,12 @@ type FeatureHighlightProps = PropsWithChildren<{
 
 const FeatureHighlight: FC<FeatureHighlightProps> = ({ icon: Icon, title, children }) => (
 	<div className="flex space-x-6">
-		<div className="bg-d3dfea/30 dark:bg-29343f flex aspect-square h-8 w-8 items-center justify-center rounded-full">
-			<Icon className="text-0d151d h-3 w-3 dark:text-white" />
+		<div className="flex aspect-square h-8 w-8 items-center justify-center rounded-full bg-d3dfea/30 dark:bg-29343f">
+			<Icon className="h-3 w-3 text-0d151d dark:text-white" />
 		</div>
 		<div>
-			<p className="text-0d151d font-medium dark:text-white">{title}</p>
-			<div className="text-9eafc0 dark:text-9eafc0 mt-[2px] text-sm font-normal">{children}</div>
+			<p className="font-medium text-0d151d dark:text-white">{title}</p>
+			<div className="mt-[2px] text-sm font-normal text-9eafc0 dark:text-9eafc0">{children}</div>
 		</div>
 	</div>
 )

packages/react/src/components/IDKitWidget/BaseWidget.tsx

@@ -23,9 +23,8 @@ import { AnimatePresence, motion } from 'framer-motion'
 import ArrowLongLeftIcon from '../Icons/ArrowLongLeftIcon'
 import HostAppVerificationState from './States/HostAppVerificationState'
 
-const getParams = ({ open, processing, onOpenChange, stage, setStage, theme, computed, setOptions }: IDKitStore) => ({
+const getParams = ({ open, processing, onOpenChange, stage, setStage, computed, setOptions }: IDKitStore) => ({
 	stage,
-	theme,
 	setStage,
 	processing,
 	setOptions,
@@ -35,18 +34,10 @@ const getParams = ({ open, processing, onOpenChange, stage, setStage, theme, com
 })
 
 const IDKitWidget: FC<WidgetProps> = ({ children, ...config }) => {
-	const {
-		isOpen,
-		onOpenChange,
-		processing,
-		stage,
-		setStage,
-		canGoBack,
-		setOptions,
-		theme: _theme,
-	} = useIDKitStore(getParams, shallow)
 	const media = useMedia()
 
+	const { isOpen, onOpenChange, stage, setStage, canGoBack, setOptions } = useIDKitStore(getParams, shallow)
+
 	useEffect(() => {
 		setOptions(config, ConfigSource.PROPS)
 	}, [config, setOptions])
@@ -77,10 +68,7 @@ const IDKitWidget: FC<WidgetProps> = ({ children, ...config }) => {
 						{isOpen && (
 							<root.div mode="open" id="idkit-widget">
 								<Styles />
-								<div
-									id="modal"
-									className={classNames(_theme == 'dark' && 'dark', 'fixed z-10 font-sans')}
-								>
+								<div id="modal" className="fixed z-10 font-sans">
 									<Dialog.Overlay asChild>
 										<motion.div
 											initial={{ opacity: 0 }}

packages/react/src/index.ts

@@ -1,11 +1,9 @@
 import useIDKit from './hooks/useIDKit'
-import SignInButton from './components/SignInButton'
 import IDKitWidget from '@/components/IDKitWidget/index'
 import type { WidgetProps, Config } from '@/types/config'
+import { VerificationLevel } from '@worldcoin/idkit-core'
 import { solidityEncode } from '@worldcoin/idkit-core/hashing'
-import SignInWithWorldID from './components/SignInWithWorldID'
 import type { ISuccessResult, IErrorState } from '@worldcoin/idkit-core'
-import { CredentialType, VerificationLevel } from '@worldcoin/idkit-core'
 
-export { IDKitWidget, useIDKit, solidityEncode, SignInWithWorldID, CredentialType, SignInButton, VerificationLevel }
+export { IDKitWidget, useIDKit, solidityEncode, VerificationLevel }
 export type { ISuccessResult, IErrorState, Config, WidgetProps }

packages/react/src/store/idkit.ts

@@ -26,7 +26,6 @@ export type IDKitStore = {
 	stage: IDKITStage
 	autoClose: boolean
 	processing: boolean
-	theme: Config['theme']
 	result: ISuccessResult | null
 	errorState: IErrorState | null
 	errorCallbacks: Record<ConfigSource, CallbackFn<IErrorState> | undefined> | Record<string, never>
@@ -60,7 +59,6 @@ const useIDKitStore = createWithEqualityFn<IDKitStore>()(
 
 		open: false,
 		result: null,
-		theme: 'light',
 		errorTitle: '',
 		errorDetail: '',
 		autoClose: true,
@@ -116,18 +114,16 @@ const useIDKitStore = createWithEqualityFn<IDKitStore>()(
 				action_description,
 				bridge_url,
 				autoClose,
-				theme,
 				advanced,
 			}: Config,
 			source: ConfigSource
 		) => {
 			set({
-				theme,
 				signal,
 				action,
-				autoClose,
 				bridge_url,
 				action_description,
+				autoClose: autoClose ?? true,
 				app_id: advanced?.self_hosted ? SELF_HOSTED_APP_ID : app_id,
 				verification_level: verification_level ?? DEFAULT_VERIFICATION_LEVEL,
 			})

packages/react/src/types/config.ts

@@ -10,8 +10,6 @@ export enum ConfigSource {
 export type WidgetConfig = {
 	/** Whether to automatically close the widget after a successful verification. Defaults to `false`. */
 	autoClose?: boolean
-	/** The theme to apply to the widget's UI. Defaults to `light`. */
-	theme?: 'dark' | 'light'
 	/** Function to trigger when verification is successful. Should receive a single parameter of type `ISuccessResult` which contains the proof details. */
 	onSuccess: CallbackFn<ISuccessResult>
 	/** Called after the proof is returned from the World App, but before showing the success screen. Throwing in this screen will show the user a custom error. Used to perform additional validation when needed. */