@stackframe/stack 2.3.4 → 2.3.7

package/dist/components/oauth-group.d.ts

@@ -1,3 +1,7 @@
-export default function OAuthGroup({ type, }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function OAuthGroup({ type, }: {
     type: 'signin' | 'signup';
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { OAuthGroup as default };

package/dist/components/oauth-group.js

@@ -1,9 +1,47 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useStackApp } from "../lib/hooks";
-import OAuthButton from "./oauth-button";
-export default function OAuthGroup({ type, }) {
-    const stackApp = useStackApp();
-    const project = stackApp.useProject();
-    return (_jsx("div", { style: { gap: '16px', display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: project.oauthProviders.filter(p => p.enabled).map(p => (_jsx(OAuthButton, { provider: p.id, type: type }, p.id))) }));
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/oauth-group.tsx
+var oauth_group_exports = {};
+__export(oauth_group_exports, {
+  default: () => OAuthGroup
+});
+module.exports = __toCommonJS(oauth_group_exports);
+var import_hooks = require("../lib/hooks");
+var import_oauth_button = __toESM(require("./oauth-button"));
+var import_jsx_runtime = require("react/jsx-runtime");
+function OAuthGroup({
+  type
+}) {
+  const stackApp = (0, import_hooks.useStackApp)();
+  const project = stackApp.useProject();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { gap: "16px", display: "flex", flexDirection: "column", alignItems: "stretch" }, children: project.oauthProviders.filter((p) => p.enabled).map((p) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_oauth_button.default, { provider: p.id, type }, p.id)) });
 }

package/dist/components/password-field.d.mts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+
+declare const PasswordField: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+
+export { PasswordField as default };

package/dist/components/password-field.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
-declare const PasswordField: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export default PasswordField;
+import * as React from 'react';
+
+declare const PasswordField: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
+
+export { PasswordField as default };

package/dist/components/password-field.js

@@ -1,42 +1,112 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Input } from "../components-core";
-import { forwardRef, useRef, useState } from 'react';
-import { HiEye, HiEyeOff } from 'react-icons/hi';
-import { useDesign } from "..";
-const PasswordField = forwardRef(({ id, name, ...props }, ref) => {
-    const [isOpen, setIsOpen] = useState(false);
-    const { colors } = useDesign();
-    const inputRef = useRef(null);
-    const mergeRef = (node) => {
-        if (ref) {
-            if (typeof ref === 'function') {
-                ref(node);
-            }
-            else {
-                ref.current = node;
-            }
-        }
-        inputRef.current = node;
-    };
-    const onClickReveal = () => {
-        setIsOpen(!isOpen);
-        const currentInput = inputRef.current;
-        if (currentInput) {
-            currentInput.focus({ preventScroll: true });
-        }
-    };
-    return (_jsxs("div", { style: { position: 'relative', display: 'flex' }, children: [_jsx(Input, { id: id, ref: mergeRef, name: name, type: isOpen ? 'text' : 'password', autoComplete: "current-password", required: true, style: { flex: 1 }, ...props }), _jsx("button", { tabIndex: -1, type: "button", style: {
-                    position: 'absolute',
-                    backgroundColor: 'transparent',
-                    border: 'none',
-                    top: 0,
-                    right: 0,
-                    bottom: 0,
-                    display: 'flex',
-                    alignItems: 'center',
-                    paddingRight: '12px'
-                }, onClick: onClickReveal, "aria-label": isOpen ? 'Mask password' : 'Reveal password', children: isOpen ? _jsx(HiEyeOff, { color: colors.secondaryColor }) : _jsx(HiEye, { color: colors.secondaryColor }) })] }));
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/password-field.tsx
+var password_field_exports = {};
+__export(password_field_exports, {
+  default: () => password_field_default
 });
-PasswordField.displayName = 'PasswordField';
-export default PasswordField;
+module.exports = __toCommonJS(password_field_exports);
+var import_components_core = require("../components-core");
+var import_react = require("react");
+var import_hi = require("react-icons/hi");
+var import__ = require("..");
+var import_styled_components = __toESM(require("styled-components"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var getIconStyle = (colors) => `
+  color: ${colors.light.secondaryColor};
+
+  html[data-theme='dark'] & {
+    color: ${colors.dark.secondaryColor};
+  }
+`;
+var StyledEyeOff = (0, import_styled_components.default)(import_hi.HiEyeOff)`${(props) => getIconStyle(props.colors)}`;
+var StyledEye = (0, import_styled_components.default)(import_hi.HiEye)`${(props) => getIconStyle(props.colors)}`;
+var PasswordField = (0, import_react.forwardRef)(({ id, name, ...props }, ref) => {
+  const [isOpen, setIsOpen] = (0, import_react.useState)(false);
+  const { colors } = (0, import__.useDesign)();
+  const inputRef = (0, import_react.useRef)(null);
+  const mergeRef = (node) => {
+    if (ref) {
+      if (typeof ref === "function") {
+        ref(node);
+      } else {
+        ref.current = node;
+      }
+    }
+    inputRef.current = node;
+  };
+  const onClickReveal = () => {
+    setIsOpen(!isOpen);
+    const currentInput = inputRef.current;
+    if (currentInput) {
+      currentInput.focus({ preventScroll: true });
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { position: "relative", display: "flex" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components_core.Input,
+      {
+        id,
+        ref: mergeRef,
+        name,
+        type: isOpen ? "text" : "password",
+        autoComplete: "current-password",
+        required: true,
+        style: { flex: 1 },
+        ...props
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        tabIndex: -1,
+        type: "button",
+        style: {
+          position: "absolute",
+          backgroundColor: "transparent",
+          border: "none",
+          top: 0,
+          right: 0,
+          bottom: 0,
+          display: "flex",
+          alignItems: "center",
+          paddingRight: "12px"
+        },
+        onClick: onClickReveal,
+        "aria-label": isOpen ? "Mask password" : "Reveal password",
+        children: isOpen ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledEyeOff, { colors }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledEye, { colors })
+      }
+    )
+  ] });
+});
+PasswordField.displayName = "PasswordField";
+var password_field_default = PasswordField;

package/dist/components/password-reset-inner.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function PasswordResetInner({ code, fullPage }: {
+    code: string;
+    fullPage?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { PasswordResetInner as default };

package/dist/components/password-reset-inner.d.ts

@@ -1,4 +1,8 @@
-export default function PasswordResetInner({ code, fullPage }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function PasswordResetInner({ code, fullPage }: {
     code: string;
     fullPage?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { PasswordResetInner as default };

package/dist/components/password-reset-inner.js

@@ -1,61 +1,123 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { getPasswordError } from "@stackframe/stack-shared/dist/helpers/password";
-import { useStackApp } from "..";
-import PasswordField from "./password-field";
-import FormWarningText from "./form-warning";
-import RedirectMessageCard from "./redirect-message-card";
-import MessageCard from "./message-card";
-import CardFrame from "./card-frame";
-import { Button, Label, Text } from "../components-core";
-export default function PasswordResetInner({ code, fullPage = false }) {
-    const [password, setPassword] = useState('');
-    const [passwordError, setPasswordError] = useState('');
-    const [passwordRepeat, setPasswordRepeat] = useState('');
-    const [passwordRepeatError, setPasswordRepeatError] = useState('');
-    const [finished, setFinished] = useState(false);
-    const [resetError, setResetError] = useState(false);
-    const stackApp = useStackApp();
-    const onSubmit = async () => {
-        if (!password) {
-            setPasswordError('Please enter your password');
-            return;
-        }
-        if (!passwordRepeat) {
-            setPasswordRepeatError('Please repeat your password');
-            return;
-        }
-        if (password !== passwordRepeat) {
-            setPasswordRepeatError('Passwords do not match');
-            return;
-        }
-        const passwordError = getPasswordError(password);
-        if (passwordError) {
-            setPasswordError(passwordError.message);
-            return;
-        }
-        const errorCode = await stackApp.resetPassword({ password, code });
-        // this should not happen, the outer component should verify the code before rendering this component
-        if (errorCode) {
-            setResetError(true);
-            return;
-        }
-        setFinished(true);
-    };
-    if (finished) {
-        return _jsx(RedirectMessageCard, { type: 'passwordReset', fullPage: fullPage });
+"use client";
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/password-reset-inner.tsx
+var password_reset_inner_exports = {};
+__export(password_reset_inner_exports, {
+  default: () => PasswordResetInner
+});
+module.exports = __toCommonJS(password_reset_inner_exports);
+var import_react = require("react");
+var import_password = require("@stackframe/stack-shared/dist/helpers/password");
+var import__ = require("..");
+var import_password_field = __toESM(require("./password-field"));
+var import_form_warning = __toESM(require("./form-warning"));
+var import_redirect_message_card = __toESM(require("./redirect-message-card"));
+var import_message_card = __toESM(require("./message-card"));
+var import_card_frame = __toESM(require("./card-frame"));
+var import_components_core = require("../components-core");
+var import_jsx_runtime = require("react/jsx-runtime");
+function PasswordResetInner({ code, fullPage = false }) {
+  const [password, setPassword] = (0, import_react.useState)("");
+  const [passwordError, setPasswordError] = (0, import_react.useState)("");
+  const [passwordRepeat, setPasswordRepeat] = (0, import_react.useState)("");
+  const [passwordRepeatError, setPasswordRepeatError] = (0, import_react.useState)("");
+  const [finished, setFinished] = (0, import_react.useState)(false);
+  const [resetError, setResetError] = (0, import_react.useState)(false);
+  const stackApp = (0, import__.useStackApp)();
+  const onSubmit = async () => {
+    if (!password) {
+      setPasswordError("Please enter your password");
+      return;
     }
-    if (resetError) {
-        return (_jsx(MessageCard, { title: "Failed to reset password", fullPage: fullPage, children: _jsx(Text, { children: "Failed to reset password. Please request a new password reset link" }) }));
+    if (!passwordRepeat) {
+      setPasswordRepeatError("Please repeat your password");
+      return;
     }
-    return (_jsxs(CardFrame, { fullPage: fullPage, children: [_jsx("div", { style: { textAlign: 'center', marginBottom: '1.5rem' }, children: _jsx(Text, { size: "xl", as: 'h2', children: "Reset Your Password" }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'stretch' }, children: [_jsx(Label, { htmlFor: "password", children: "New Password" }), _jsx(PasswordField, { id: "password", name: "password", value: password, onChange: (e) => {
-                            setPassword(e.target.value);
-                            setPasswordError('');
-                            setPasswordRepeatError('');
-                        } }), _jsx(FormWarningText, { text: passwordError }), _jsx(Label, { htmlFor: "repeat-password", style: { marginTop: "1rem" }, children: "Repeat New Password" }), _jsx(PasswordField, { id: "repeat-password", name: "repeat-password", value: passwordRepeat, onChange: (e) => {
-                            setPasswordRepeat(e.target.value);
-                            setPasswordError('');
-                            setPasswordRepeatError('');
-                        } }), _jsx(FormWarningText, { text: passwordRepeatError }), _jsx(Button, { style: { marginTop: '1.5rem' }, onClick: () => onSubmit(), children: "Reset Password" })] })] }));
+    if (password !== passwordRepeat) {
+      setPasswordRepeatError("Passwords do not match");
+      return;
+    }
+    const passwordError2 = (0, import_password.getPasswordError)(password);
+    if (passwordError2) {
+      setPasswordError(passwordError2.message);
+      return;
+    }
+    const errorCode = await stackApp.resetPassword({ password, code });
+    if (errorCode) {
+      setResetError(true);
+      return;
+    }
+    setFinished(true);
+  };
+  if (finished) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_redirect_message_card.default, { type: "passwordReset", fullPage });
+  }
+  if (resetError) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_message_card.default, { title: "Failed to reset password", fullPage, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { children: "Failed to reset password. Please request a new password reset link" }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_card_frame.default, { fullPage, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { textAlign: "center", marginBottom: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Text, { size: "xl", as: "h2", children: "Reset Your Password" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "stretch" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "password", children: "New Password" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_password_field.default,
+        {
+          id: "password",
+          name: "password",
+          value: password,
+          onChange: (e) => {
+            setPassword(e.target.value);
+            setPasswordError("");
+            setPasswordRepeatError("");
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: passwordError }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Label, { htmlFor: "repeat-password", style: { marginTop: "1rem" }, children: "Repeat New Password" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_password_field.default,
+        {
+          id: "repeat-password",
+          name: "repeat-password",
+          value: passwordRepeat,
+          onChange: (e) => {
+            setPasswordRepeat(e.target.value);
+            setPasswordError("");
+            setPasswordRepeatError("");
+          }
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.default, { text: passwordRepeatError }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components_core.Button, { style: { marginTop: "1.5rem" }, onClick: () => onSubmit(), children: "Reset Password" })
+    ] })
+  ] });
 }

package/dist/components/redirect-message-card.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function RedirectMessageCard({ type, fullPage, }: {
+    type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'emailVerified';
+    fullPage?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { RedirectMessageCard as default };

package/dist/components/redirect-message-card.d.ts

@@ -1,4 +1,8 @@
-export default function RedirectMessageCard({ type, fullPage, }: {
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function RedirectMessageCard({ type, fullPage, }: {
     type: 'signedIn' | 'signedOut' | 'emailSent' | 'passwordReset' | 'emailVerified';
     fullPage?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { RedirectMessageCard as default };