@authdog/react-elements 0.0.40 → 0.0.42

package/src/stories/TotpValidator.stories.tsx

@@ -1,16 +0,0 @@
-import type { Story } from "@ladle/react";
-import { TOTPValidator } from "../components/flow/totp-validator";
-import "../global.css";
-
-export const Default: Story = () => (
-  <TOTPValidator
-    onValidate={async (code) => {
-      console.log(code);
-    }}
-  />
-);
-Default.storyName = "Default TOTP Validator";
-
-// export const defaultTOTPValidator: Story = () => (
-//   <TOTPValidator />
-// );

package/src/stories/UserDropdown.stories.tsx

@@ -1,34 +0,0 @@
-import React from "react";
-import { UserDropdown } from "../components/core/user-dropdown";
-import { Avatar, AvatarFallback, AvatarImage } from "../components/ui/avatar";
-
-const DemoTrigger = () => (
-  <span className="inline-flex items-center justify-center h-10 w-10 rounded-full border bg-white shadow">
-    <Avatar className="h-8 w-8 rounded-full">
-      <AvatarImage src="https://i.pravatar.cc/100" />
-      <AvatarFallback>JD</AvatarFallback>
-    </Avatar>
-  </span>
-);
-
-const demoUser = {
-  displayName: "Jane Doe",
-  emails: [{ value: "jane.doe@example.com" }],
-  photos: [{ value: "https://i.pravatar.cc/100" }],
-};
-
-export default { title: "Core/UserDropdown" };
-
-export const Basic = () => (
-  <div className="p-10">
-    <UserDropdown
-      trigger={<DemoTrigger />}
-      user={demoUser}
-      onManageAccount={() => alert("Manage account")}
-      onSignout={() => alert("Sign out")}
-      links={[{ label: "My Organizations", href: "/organizations" }]}
-      side="bottom"
-      align="start"
-    />
-  </div>
-);

package/src/stories/UserProfile.stories.tsx

@@ -1,46 +0,0 @@
-import type { StoryDefault, Story } from "@ladle/react";
-import { UserProfile } from "../components/core/user-profile";
-import "../global.css";
-
-export default {
-  title: "Core/UserProfile",
-} satisfies StoryDefault;
-
-const baseUser: any = {
-  id: "user_123",
-  displayName: "Jane Doe",
-  provider: "google-oauth20",
-  emails: [{ id: "e1", value: "jane.primary@example.com" }],
-  verifications: [],
-  photos: [],
-};
-
-export const EmailNotVerified: Story = () => {
-  return (
-    <div className="p-6 bg-background text-foreground">
-      <UserProfile loading={false} user={{ ...baseUser }} />
-    </div>
-  );
-};
-EmailNotVerified.storyName = "Email not verified";
-
-export const EmailVerified: Story = () => {
-  const verifiedUser = {
-    ...baseUser,
-    verifications: [
-      {
-        id: "v1",
-        email: "jane.primary@example.com",
-        verified: true,
-        createdAt: new Date().toISOString(),
-        updatedAt: new Date().toISOString(),
-      },
-    ],
-  };
-  return (
-    <div className="p-6 bg-background text-foreground">
-      <UserProfile loading={false} user={verifiedUser} />
-    </div>
-  );
-};
-EmailVerified.storyName = "Email verified";