@worldcoin/idkit 0.0.1

package/README.md

@@ -0,0 +1,35 @@
+# IDKit JS Widget
+
+This folder (`/idkit`) contains the main code for the widget. For instructions on **how to use the widget**, please refer to the repository's main [README](/README.md).
+
+## ℹ️ About the codebase
+
+-   The widget is made to work mainly with vanilla JS code (no framework required). The starting point can be found in `src/vanilla.tsx`.
+-   The React wrapper is found on `src/components/IDKitWidget/index.ts`.
+
+## 🧑‍💻 Development & testing
+
+To develop locally and contribute to this package, you can simply follow these instructions after cloning the repo.
+
+-   Install dependencies
+    ```bash
+    # be sure to run this in the root folder of the repo
+    yarn install
+    ```
+-   Run tests
+    ```bash
+    # runs in the /idkit folder
+    cd idkit/
+    yarn test
+    ```
+-   Run local test project
+    ```bash
+    # runs in the /idkit folder
+    yarn dev
+    ```
+-   Open browser at `http://localhost:3000`
+-   To build the production bundle you can simply run.
+    ```bash
+    # runs in the /idkit folder
+    yarn build
+    ```

package/build/components/Button.d.ts

@@ -0,0 +1,3 @@
+import type { ButtonHTMLAttributes } from 'react';
+declare const Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+export default Button;

package/build/components/CountryCodeSelect.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    value: string;
+    onChange: (value: string) => void;
+};
+declare const CountryCodeSelect: ({ value, onChange }: Props) => JSX.Element;
+export default CountryCodeSelect;

package/build/components/Frame.d.ts

@@ -0,0 +1,4 @@
+import type { FC, HTMLAttributes, PropsWithChildren } from 'react';
+type Props = PropsWithChildren<HTMLAttributes<HTMLIFrameElement>>;
+declare const Frame: FC<Props>;
+export default Frame;

package/build/components/IDKitWidget/BaseWidget.d.ts

@@ -0,0 +1,9 @@
+import type { FC } from 'react';
+import { Config } from '../../types/config';
+type Props = Config & {
+    children?: ({ open }: {
+        open: () => void;
+    }) => JSX.Element;
+};
+declare const IDKitWidget: FC<Props>;
+export default IDKitWidget;

package/build/components/IDKitWidget/States/AboutState.d.ts

@@ -0,0 +1,2 @@
+declare const AboutState: () => JSX.Element;
+export default AboutState;

package/build/components/IDKitWidget/States/EnterPhoneState.d.ts

@@ -0,0 +1,2 @@
+declare const EnterPhoneState: () => JSX.Element;
+export default EnterPhoneState;

package/build/components/IDKitWidget/States/ErrorState.d.ts

@@ -0,0 +1,2 @@
+declare const ErrorState: () => JSX.Element;
+export default ErrorState;

package/build/components/IDKitWidget/States/SuccessState.d.ts

@@ -0,0 +1,2 @@
+declare const SuccessState: () => JSX.Element;
+export default SuccessState;

package/build/components/IDKitWidget/States/VerifyCodeState.d.ts

@@ -0,0 +1,2 @@
+declare const VerifyCodeState: () => JSX.Element;
+export default VerifyCodeState;

package/build/components/IDKitWidget/States/WorldIDState.d.ts

@@ -0,0 +1,2 @@
+declare const WorldIDState: () => JSX.Element;
+export default WorldIDState;

package/build/components/IDKitWidget/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<import("../..").Config & {
+    children?: (({ open }: {
+        open: () => void;
+    }) => JSX.Element) | undefined;
+}>;
+export default _default;

package/build/components/Icons/LoadingIcon.d.ts

@@ -0,0 +1,4 @@
+declare const LoadingIcon: ({ className }: {
+    className?: string | undefined;
+}) => JSX.Element;
+export default LoadingIcon;

package/build/components/Icons/QuestionMarkIcon.d.ts

@@ -0,0 +1,4 @@
+declare const QuestionMarkIcon: ({ className }: {
+    className?: string | undefined;
+}) => JSX.Element;
+export default QuestionMarkIcon;

package/build/components/Icons/WorldIDQR.d.ts

@@ -0,0 +1,4 @@
+declare const WorldIDQR: ({ className }: {
+    className?: string | undefined;
+}) => JSX.Element;
+export default WorldIDQR;

package/build/components/Icons/WorldIDWordmark.d.ts

@@ -0,0 +1,4 @@
+declare const WorldIDWordmark: ({ className }: {
+    className?: string | undefined;
+}) => JSX.Element;
+export default WorldIDWordmark;

package/build/components/PhoneInput.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<({ disabled, onSubmit }: {
+    disabled?: boolean | undefined;
+    onSubmit?: (() => void | Promise<void>) | undefined;
+}) => JSX.Element>;
+export default _default;

package/build/components/ResendButton.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: import("react").MemoExoticComponent<() => JSX.Element>;
+export default _default;

package/build/components/SMSCodeInput.d.ts

@@ -0,0 +1,6 @@
+import type { RefObject } from 'react';
+declare const _default: import("react").MemoExoticComponent<({ submitRef, disabled }: {
+    submitRef: RefObject<HTMLButtonElement>;
+    disabled?: boolean | undefined;
+}) => JSX.Element>;
+export default _default;

package/build/components/WorldIDIcon.d.ts

@@ -0,0 +1,6 @@
+import type { DetailedHTMLProps, ImgHTMLAttributes } from 'react';
+type Props = DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> & {
+    border?: string;
+};
+declare const WorldIDIcon: ({ border, ...props }: Props) => JSX.Element;
+export default WorldIDIcon;

package/build/hooks/useIDKit.d.ts

@@ -0,0 +1,6 @@
+import type { Config } from '../types/config';
+declare const useIDKit: (options: Config) => {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};
+export default useIDKit;