@refraction-ui/react 0.2.0 → 0.2.1

package/dist/index.cjs

@@ -179,6 +179,7 @@ __export(index_exports, {
   PRESENCE_STATUS_COLORS: () => STATUS_COLORS,
   PRESENCE_STATUS_LABELS: () => STATUS_LABELS,
   Pagination: () => Pagination,
+  Payment: () => Payment,
   Popover: () => Popover,
   PopoverClose: () => PopoverClose,
   PopoverContent: () => PopoverContent,
@@ -1160,106 +1161,16 @@ function getAssignableRoles(user) {
   if (hasRole(user, "reviewer")) return ["student"];
   return [];
 }
-function createMockAdapter(initialUser) {
-  let currentUser = initialUser ?? null;
-  const listeners = /* @__PURE__ */ new Set();
-  function notify() {
-    for (const fn of listeners) {
-      fn(currentUser);
-    }
-  }
-  return {
-    async signIn(email, _password) {
-      currentUser = {
-        uid: "mock-" + email,
-        email,
-        displayName: email.split("@")[0],
-        photoURL: null,
-        roles: ["student"]
-      };
-      notify();
-      return currentUser;
-    },
-    async signInWithOAuth(_provider) {
-      currentUser = {
-        uid: "mock-oauth",
-        email: "oauth@example.com",
-        displayName: "OAuth User",
-        photoURL: null,
-        roles: ["student"]
-      };
-      notify();
-      return currentUser;
-    },
-    async signUp(email, _password, displayName) {
-      currentUser = {
-        uid: "mock-" + email,
-        email,
-        displayName,
-        photoURL: null,
-        roles: ["student"]
-      };
-      notify();
-      return currentUser;
-    },
-    async signOut() {
-      currentUser = null;
-      notify();
-    },
-    async resetPassword(_email) {
-    },
-    async getToken() {
-      return currentUser ? "mock-token-" + currentUser.uid : null;
-    },
-    onAuthStateChange(callback) {
-      listeners.add(callback);
-      callback(currentUser);
-      return () => {
-        listeners.delete(callback);
-      };
-    }
-  };
-}
-function resolveAdapter(provider) {
-  const resolved = provider ?? detectProvider();
-  switch (resolved) {
-    case "firebase":
-      if (typeof console !== "undefined") {
-        console.warn("[refraction-ui/auth] Firebase adapter not yet implemented. Using mock adapter.");
-      }
-      return createMockAdapter();
-    case "supabase":
-      if (typeof console !== "undefined") {
-        console.warn("[refraction-ui/auth] Supabase adapter not yet implemented. Using mock adapter.");
-      }
-      return createMockAdapter();
-    case "mock":
-      return createMockAdapter();
-    case "none":
-    default:
-      return createMockAdapter();
-  }
-}
-function detectProvider() {
-  const env = typeof process !== "undefined" ? process.env : {};
-  const explicit = env["REFRACTION_AUTH_PROVIDER"];
-  if (explicit) return explicit;
-  if (env["FIREBASE_API_KEY"] || env["NEXT_PUBLIC_FIREBASE_API_KEY"]) {
-    return "firebase";
-  }
-  if (env["SUPABASE_URL"] || env["NEXT_PUBLIC_SUPABASE_URL"]) {
-    return "supabase";
-  }
-  return "none";
-}
 
 // ../react-auth/dist/index.js
 var AuthContext = React41__namespace.createContext(null);
 function AuthProvider({ children, ...config }) {
   const authRef = React41__namespace.useRef(null);
   if (!authRef.current) {
-    const adapter = resolveAdapter(config.provider);
-    authRef.current = createAuth(adapter, config);
+    if (!config.adapter) {
+      throw new Error("[refraction-ui/react-auth] You must provide an `adapter` to AuthProvider.");
+    }
+    authRef.current = createAuth(config.adapter, config);
   }
   const [state, setState] = React41__namespace.useState(() => authRef.current.getState());
   React41__namespace.useEffect(() => {
@@ -12348,6 +12259,69 @@ var CardGrid = React41__namespace.forwardRef(
 );
 CardGrid.displayName = "CardGrid";
 
+// ../payment/dist/index.js
+function createPayment(props = {}) {
+  return {
+    props: {
+      ...props,
+      "data-slot": "payment"
+    }
+  };
+}
+var Payment = React41__namespace.forwardRef(
+  ({ className, disabled, ...props }, ref) => {
+    const api = createPayment({ disabled });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "w-full max-w-md mx-auto p-6 border border-border rounded-xl bg-card text-card-foreground shadow-sm",
+          disabled && "opacity-50 pointer-events-none",
+          className
+        ),
+        ...api.props,
+        ...props
+      }
+    );
+  }
+);
+Payment.displayName = "Payment";
+var PaymentHeader = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mb-6 flex flex-col gap-1.5", className), ...props })
+);
+PaymentHeader.displayName = "PaymentHeader";
+var PaymentTitle = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("h3", { ref, className: cn("text-xl font-semibold leading-none tracking-tight", className), ...props })
+);
+PaymentTitle.displayName = "PaymentTitle";
+var PaymentDescription = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+PaymentDescription.displayName = "PaymentDescription";
+var PaymentContent = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("flex flex-col gap-4", className), ...props })
+);
+PaymentContent.displayName = "PaymentContent";
+var PaymentFooter = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("mt-6 flex flex-col gap-3", className), ...props })
+);
+PaymentFooter.displayName = "PaymentFooter";
+var PaymentButton = React41__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      className: cn(
+        "inline-flex w-full items-center justify-center whitespace-nowrap rounded-md bg-primary px-4 py-2.5 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  )
+);
+PaymentButton.displayName = "PaymentButton";
+
 exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
@@ -12440,6 +12414,7 @@ exports.OtpInput = OtpInput;
 exports.PRESENCE_STATUS_COLORS = STATUS_COLORS;
 exports.PRESENCE_STATUS_LABELS = STATUS_LABELS;
 exports.Pagination = Pagination;
+exports.Payment = Payment;
 exports.Popover = Popover;
 exports.PopoverClose = PopoverClose;
 exports.PopoverContent = PopoverContent;