@vrobots/storybook 0.1.49 → 0.1.50

package/dist/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vrobots/storybook",
     "private": false,
-    "version": "0.1.49",
+    "version": "0.1.50",
     "type": "module",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",

package/dist/src/components/form/SecondFactorAuth.d.ts

@@ -0,0 +1,13 @@
+import { CardRootProps } from "@chakra-ui/react";
+export interface IAuth {
+    authCode: string;
+    rememberDevice: 'on' | false;
+}
+export interface ISecondFactorAuthProps extends CardRootProps {
+    title?: string;
+    description?: string;
+    onSecondFactorAuth: (auth: IAuth) => void;
+    onResendAuthCode: () => void;
+}
+declare const SecondFactorAuth: ({ title, description, onSecondFactorAuth, onResendAuthCode, ...props }: ISecondFactorAuthProps) => import("react/jsx-runtime").JSX.Element;
+export default SecondFactorAuth;

package/dist/src/components/form/SecondFactorAuth.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Button, Card, Checkbox, Field, Input, InputGroup, Stack } from "@chakra-ui/react";
+import { useForm } from "react-hook-form";
+const SecondFactorAuth = ({ title, description, onSecondFactorAuth, onResendAuthCode, ...props }) => {
+    const { register, handleSubmit, formState: { errors }, } = useForm();
+    return (_jsx(Card.Root, { ...props, children: _jsxs(Card.Body, { children: [_jsx(Card.Title, { children: title || "Second Factor Auth" }), !!description && _jsx(Card.Description, { children: description }), _jsxs(Box, { as: "form", onSubmit: handleSubmit((data) => onSecondFactorAuth(data)), mt: 4, children: [_jsxs(Stack, { gap: "4", children: [_jsxs(Field.Root, { invalid: !!errors.authCode, required: true, children: [_jsx(Field.Label, { children: "Authorization Code" }), _jsx(InputGroup, { endAddon: _jsx(Button, { h: '1.75rem', size: 'sm', variant: 'ghost', onClick: onResendAuthCode, children: "Resend" }), children: _jsx(Input, { type: 'text', placeholder: 'Authorization code', ...register("authCode", {
+                                                    required: "Please enter your authorization code",
+                                                }), autoFocus: true }) }), _jsx(Field.ErrorText, { children: errors.authCode?.message })] }), _jsxs(Checkbox.Root, { ...register("rememberDevice"), size: 'sm', children: [_jsx(Checkbox.HiddenInput, {}), _jsx(Checkbox.Control, {}), _jsx(Checkbox.Label, { children: "Remember Device" })] })] }), _jsx(Button, { type: "submit", colorScheme: "teal", width: "full", mt: 6, children: "SecondFactorAuth" })] })] }) }));
+};
+export default SecondFactorAuth;

package/dist/src/components/form/index.d.ts

@@ -1,6 +1,8 @@
 export * from "./Login";
+export * from "./SecondFactorAuth";
 declare const Form: {
     (): null;
     Login: ({ title, description, onLogin, ...props }: import("./Login").ILoginProps) => import("react/jsx-runtime").JSX.Element;
+    SecondFactorAuth: ({ title, description, onSecondFactorAuth, onResendAuthCode, ...props }: import("./SecondFactorAuth").ISecondFactorAuthProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Form;

package/dist/src/components/form/index.js

@@ -1,5 +1,8 @@
 import Login from "./Login";
+import SecondFactorAuth from "./SecondFactorAuth";
 export * from "./Login";
+export * from "./SecondFactorAuth";
 const Form = () => null;
 Form.Login = Login;
+Form.SecondFactorAuth = SecondFactorAuth;
 export default Form;

package/dist/src/stories/SecondFactorAuth.stories.d.ts

@@ -0,0 +1,15 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ title, description, onSecondFactorAuth, onResendAuthCode, ...props }: import("../components/form").ISecondFactorAuthProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        title: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Component: Story;

package/dist/src/stories/SecondFactorAuth.stories.js

@@ -0,0 +1,21 @@
+import { Form } from '../components';
+const meta = {
+    title: 'Forms/SecondFactorAuth',
+    component: Form.SecondFactorAuth,
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'fullscreen',
+    },
+    args: {
+        title: "SecondFactorAuth",
+    }
+};
+export default meta;
+export const Component = {
+    args: {
+        title: "Second FactorAuth Form",
+        description: "Please enter your auth code to continue",
+        onSecondFactorAuth: (data) => console.log(data),
+        onResendAuthCode: () => console.log("Resend auth code")
+    }
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vrobots/storybook",
   "private": false,
-  "version": "0.1.49",
+  "version": "0.1.50",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",