@stackframe/react 2.8.71 → 2.8.74

package/dist/chunk-BE-pF4vm.js

@@ -0,0 +1,34 @@
+//#region \0rolldown/runtime.js
+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 __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+			key = keys[i];
+			if (!__hasOwnProp.call(to, key) && key !== except) {
+				__defProp(to, key, {
+					get: ((k) => from[k]).bind(null, key),
+					enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+				});
+			}
+		}
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+
+//#endregion
+
+Object.defineProperty(exports, '__toESM', {
+  enumerable: true,
+  get: function () {
+    return __toESM;
+  }
+});

package/dist/components/api-key-dialogs.d.ts

@@ -0,0 +1,28 @@
+import { ApiKey, ApiKeyCreationOptions, ApiKeyType } from "../lib/stack-app/api-keys/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/api-key-dialogs.d.ts
+declare const neverInMs: number;
+declare const expiresInOptions: {
+  readonly [x: number]: "1 day" | "7 days" | "30 days" | "90 days" | "1 year" | "Never";
+};
+/**
+ * Dialog for creating a new API key
+ */
+declare function CreateApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  onKeyCreated?: (key: ApiKey<Type, true>) => void;
+  createApiKey: (data: ApiKeyCreationOptions<Type>) => Promise<ApiKey<Type, true>>;
+  mockMode?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+/**
+ * Dialog for showing the newly created API key
+ */
+declare function ShowApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {
+  apiKey: ApiKey<Type, true> | null;
+  onClose?: () => void;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CreateApiKeyDialog, ShowApiKeyDialog, expiresInOptions, neverInMs };
+//# sourceMappingURL=api-key-dialogs.d.ts.map

package/dist/components/api-key-dialogs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-key-dialogs.d.ts","names":[],"sources":["../../src/components/api-key-dialogs.tsx"],"mappings":";;;;cAqBa,SAAA;AAAA,cACA,gBAAA;EAAA,UAOH,CAAA;AAAA;;;;iBAKM,kBAAA,cAAgC,UAAA,GAAa,UAAA,CAAA,CAAY,KAAA;EACvE,IAAA;EACA,YAAA,GAAe,IAAA;EACf,YAAA,IAAgB,GAAA,EAAK,MAAA,CAAO,IAAA;EAC5B,YAAA,GAAe,IAAA,EAAM,qBAAA,CAAsB,IAAA,MAAU,OAAA,CAAQ,MAAA,CAAO,IAAA;EACpE,QAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;;;;iBAqGe,gBAAA,cAA8B,UAAA,GAAa,UAAA,CAAA,CAAY,KAAA;EACrE,MAAA,EAAQ,MAAA,CAAO,IAAA;EACf,OAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/api-key-dialogs.js

@@ -1,185 +1,163 @@
-"use client";
-"use strict";
-"use client";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use client';
 
-// src/components/api-key-dialogs.tsx
-var api_key_dialogs_exports = {};
-__export(api_key_dialogs_exports, {
-  CreateApiKeyDialog: () => CreateApiKeyDialog,
-  ShowApiKeyDialog: () => ShowApiKeyDialog,
-  expiresInOptions: () => expiresInOptions,
-  neverInMs: () => neverInMs
-});
-module.exports = __toCommonJS(api_key_dialogs_exports);
-var import_yup = require("@hookform/resolvers/yup");
-var import_schema_fields = require("@stackframe/stack-shared/dist/schema-fields");
-var import_errors = require("@stackframe/stack-shared/dist/utils/errors");
-var import_promises = require("@stackframe/stack-shared/dist/utils/promises");
-var import_stack_ui = require("@stackframe/stack-ui");
-var import_react = require("react");
-var import_react_hook_form = require("react-hook-form");
-var import__ = require("../index.js");
-var import_form_warning = require("../components/elements/form-warning.js");
-var import_translations = require("../lib/translations.js");
-var import_jsx_runtime = require("react/jsx-runtime");
-var neverInMs = 1e3 * 60 * 60 * 24 * 365 * 200;
-var expiresInOptions = {
-  [1e3 * 60 * 60 * 24 * 1]: "1 day",
-  [1e3 * 60 * 60 * 24 * 7]: "7 days",
-  [1e3 * 60 * 60 * 24 * 30]: "30 days",
-  [1e3 * 60 * 60 * 24 * 90]: "90 days",
-  [1e3 * 60 * 60 * 24 * 365]: "1 year",
-  [neverInMs]: "Never"
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let _hookform_resolvers_yup = require("@hookform/resolvers/yup");
+let _stackframe_stack_shared_dist_schema_fields = require("@stackframe/stack-shared/dist/schema-fields");
+let _stackframe_stack_shared_dist_utils_errors = require("@stackframe/stack-shared/dist/utils/errors");
+let _stackframe_stack_shared_dist_utils_promises = require("@stackframe/stack-shared/dist/utils/promises");
+let _stackframe_stack_ui = require("@stackframe/stack-ui");
+let react = require("react");
+let react_hook_form = require("react-hook-form");
+let ___index_js = require("../index.js");
+let ___components_elements_form_warning_js = require("../components/elements/form-warning.js");
+let ___lib_translations_js = require("../lib/translations.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/api-key-dialogs.tsx
+const neverInMs = 1e3 * 60 * 60 * 24 * 365 * 200;
+const expiresInOptions = {
+	[1e3 * 60 * 60 * 24 * 1]: "1 day",
+	[1e3 * 60 * 60 * 24 * 7]: "7 days",
+	[1e3 * 60 * 60 * 24 * 30]: "30 days",
+	[1e3 * 60 * 60 * 24 * 90]: "90 days",
+	[1e3 * 60 * 60 * 24 * 365]: "1 year",
+	[neverInMs]: "Never"
 };
+/**
+* Dialog for creating a new API key
+*/
 function CreateApiKeyDialog(props) {
-  const { t } = (0, import_translations.useTranslation)();
-  const user = (0, import__.useUser)({ or: props.mockMode ? "return-null" : "redirect" });
-  const [loading, setLoading] = (0, import_react.useState)(false);
-  const apiKeySchema = (0, import_schema_fields.yupObject)({
-    description: (0, import_schema_fields.yupString)().defined().nonEmpty(t("Description is required")),
-    expiresIn: (0, import_schema_fields.yupString)().defined()
-  });
-  const { register, handleSubmit, formState: { errors }, reset } = (0, import_react_hook_form.useForm)({
-    resolver: (0, import_yup.yupResolver)(apiKeySchema),
-    defaultValues: {
-      description: "",
-      expiresIn: Object.keys(expiresInOptions)[2]
-      // Default to 30 days
-    }
-  });
-  const onSubmit = async (data) => {
-    setLoading(true);
-    try {
-      const expiresAt = new Date(Date.now() + parseInt(data.expiresIn));
-      const apiKey = await props.createApiKey({
-        description: data.description,
-        expiresAt
-      });
-      if (props.onKeyCreated) {
-        props.onKeyCreated(apiKey);
-      }
-      reset();
-      props.onOpenChange(false);
-    } catch (error) {
-      (0, import_errors.captureError)("Failed to create API key", { error });
-    } finally {
-      setLoading(false);
-    }
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_stack_ui.ActionDialog,
-    {
-      open: props.open,
-      onOpenChange: props.onOpenChange,
-      title: t("Create API Key"),
-      description: t("API keys grant programmatic access to your account."),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "form",
-        {
-          onSubmit: (e) => {
-            e.preventDefault();
-            (0, import_promises.runAsynchronously)(handleSubmit(onSubmit));
-          },
-          className: "space-y-4",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { htmlFor: "description", children: t("Description") }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_stack_ui.Input,
-                {
-                  id: "description",
-                  placeholder: t("e.g. Development, Production, CI/CD"),
-                  ...register("description")
-                }
-              ),
-              errors.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.FormWarningText, { text: errors.description.message })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Label, { htmlFor: "expiresIn", children: t("Expires In") }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "select",
-                {
-                  id: "expiresIn",
-                  className: "w-full p-2 border border-input rounded-md bg-background",
-                  ...register("expiresIn"),
-                  children: Object.entries(expiresInOptions).map(([value, label]) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value, children: t(label) }, value))
-                }
-              ),
-              errors.expiresIn && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_warning.FormWarningText, { text: errors.expiresIn.message })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex justify-end gap-2 pt-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_stack_ui.Button,
-                {
-                  type: "button",
-                  variant: "secondary",
-                  onClick: () => {
-                    reset();
-                    props.onOpenChange(false);
-                  },
-                  children: t("Cancel")
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_ui.Button, { type: "submit", loading, children: t("Create") })
-            ] })
-          ]
-        }
-      )
-    }
-  );
+	const { t } = (0, ___lib_translations_js.useTranslation)();
+	(0, ___index_js.useUser)({ or: props.mockMode ? "return-null" : "redirect" });
+	const [loading, setLoading] = (0, react.useState)(false);
+	const { register, handleSubmit, formState: { errors }, reset } = (0, react_hook_form.useForm)({
+		resolver: (0, _hookform_resolvers_yup.yupResolver)((0, _stackframe_stack_shared_dist_schema_fields.yupObject)({
+			description: (0, _stackframe_stack_shared_dist_schema_fields.yupString)().defined().nonEmpty(t("Description is required")),
+			expiresIn: (0, _stackframe_stack_shared_dist_schema_fields.yupString)().defined()
+		})),
+		defaultValues: {
+			description: "",
+			expiresIn: Object.keys(expiresInOptions)[2]
+		}
+	});
+	const onSubmit = async (data) => {
+		setLoading(true);
+		try {
+			const expiresAt = new Date(Date.now() + parseInt(data.expiresIn));
+			const apiKey = await props.createApiKey({
+				description: data.description,
+				expiresAt
+			});
+			if (props.onKeyCreated) props.onKeyCreated(apiKey);
+			reset();
+			props.onOpenChange(false);
+		} catch (error) {
+			(0, _stackframe_stack_shared_dist_utils_errors.captureError)("Failed to create API key", { error });
+		} finally {
+			setLoading(false);
+		}
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.ActionDialog, {
+		open: props.open,
+		onOpenChange: props.onOpenChange,
+		title: t("Create API Key"),
+		description: t("API keys grant programmatic access to your account."),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
+			onSubmit: (e) => {
+				e.preventDefault();
+				(0, _stackframe_stack_shared_dist_utils_promises.runAsynchronously)(handleSubmit(onSubmit));
+			},
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+							htmlFor: "description",
+							children: t("Description")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Input, {
+							id: "description",
+							placeholder: t("e.g. Development, Production, CI/CD"),
+							...register("description")
+						}),
+						errors.description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_elements_form_warning_js.FormWarningText, { text: errors.description.message })
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "space-y-2",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Label, {
+							htmlFor: "expiresIn",
+							children: t("Expires In")
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+							id: "expiresIn",
+							className: "w-full p-2 border border-input rounded-md bg-background",
+							...register("expiresIn"),
+							children: Object.entries(expiresInOptions).map(([value, label]) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value,
+								children: t(label)
+							}, value))
+						}),
+						errors.expiresIn && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___components_elements_form_warning_js.FormWarningText, { text: errors.expiresIn.message })
+					]
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "flex justify-end gap-2 pt-4",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+						type: "button",
+						variant: "secondary",
+						onClick: () => {
+							reset();
+							props.onOpenChange(false);
+						},
+						children: t("Cancel")
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.Button, {
+						type: "submit",
+						loading,
+						children: t("Create")
+					})]
+				})
+			]
+		})
+	});
 }
+/**
+* Dialog for showing the newly created API key
+*/
 function ShowApiKeyDialog(props) {
-  const { t } = (0, import_translations.useTranslation)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_stack_ui.ActionDialog,
-    {
-      open: !!props.apiKey,
-      title: t("API Key"),
-      okButton: { label: t("Close") },
-      onClose: props.onClose,
-      preventClose: true,
-      confirmText: t("I understand that I will not be able to view this key again."),
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_ui.Typography, { children: [
-          t("Here is your API key."),
-          " ",
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "font-bold", children: t("Copy it to a safe place. You will not be able to view it again.") })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_stack_ui.CopyField,
-          {
-            type: "input",
-            monospace: true,
-            value: props.apiKey?.value ?? "",
-            label: t("Secret API Key")
-          }
-        )
-      ] })
-    }
-  );
+	const { t } = (0, ___lib_translations_js.useTranslation)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.ActionDialog, {
+		open: !!props.apiKey,
+		title: t("API Key"),
+		okButton: { label: t("Close") },
+		onClose: props.onClose,
+		preventClose: true,
+		confirmText: t("I understand that I will not be able to view this key again."),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col gap-4",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_stackframe_stack_ui.Typography, { children: [
+				t("Here is your API key."),
+				" ",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "font-bold",
+					children: t("Copy it to a safe place. You will not be able to view it again.")
+				})
+			] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_stackframe_stack_ui.CopyField, {
+				type: "input",
+				monospace: true,
+				value: props.apiKey?.value ?? "",
+				label: t("Secret API Key")
+			})]
+		})
+	});
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  CreateApiKeyDialog,
-  ShowApiKeyDialog,
-  expiresInOptions,
-  neverInMs
-});
+
+//#endregion
+exports.CreateApiKeyDialog = CreateApiKeyDialog;
+exports.ShowApiKeyDialog = ShowApiKeyDialog;
+exports.expiresInOptions = expiresInOptions;
+exports.neverInMs = neverInMs;
 //# sourceMappingURL=api-key-dialogs.js.map

package/dist/components/api-key-dialogs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/api-key-dialogs.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from '@stackframe/stack-shared/dist/schema-fields';\nimport { captureError } from '@stackframe/stack-shared/dist/utils/errors';\nimport { runAsynchronously } from '@stackframe/stack-shared/dist/utils/promises';\nimport { ActionDialog, Button, CopyField, Input, Label, Typography } from '@stackframe/stack-ui';\nimport { useState } from \"react\";\nimport { useForm } from 'react-hook-form';\nimport * as yup from \"yup\";\nimport { useUser } from '..';\nimport { FormWarningText } from '../components/elements/form-warning';\nimport { ApiKey, ApiKeyCreationOptions, ApiKeyType } from \"../lib/stack-app/api-keys\";\nimport { useTranslation } from \"../lib/translations\";\n\n// Constants for expiration options\nexport const neverInMs = 1000 * 60 * 60 * 24 * 365 * 200;\nexport const expiresInOptions = {\n  [1000 * 60 * 60 * 24 * 1]: \"1 day\",\n  [1000 * 60 * 60 * 24 * 7]: \"7 days\",\n  [1000 * 60 * 60 * 24 * 30]: \"30 days\",\n  [1000 * 60 * 60 * 24 * 90]: \"90 days\",\n  [1000 * 60 * 60 * 24 * 365]: \"1 year\",\n  [neverInMs]: \"Never\",\n} as const;\n\n/**\n * Dialog for creating a new API key\n */\nexport function CreateApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {\n  open: boolean,\n  onOpenChange: (open: boolean) => void,\n  onKeyCreated?: (key: ApiKey<Type, true>) => void,\n  createApiKey: (data: ApiKeyCreationOptions<Type>) => Promise<ApiKey<Type, true>>,\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: props.mockMode ? 'return-null' : 'redirect' });\n  const [loading, setLoading] = useState(false);\n\n  const apiKeySchema = yupObject({\n    description: yupString().defined().nonEmpty(t('Description is required')),\n    expiresIn: yupString().defined(),\n  });\n\n  const { register, handleSubmit, formState: { errors }, reset } = useForm({\n    resolver: yupResolver(apiKeySchema),\n    defaultValues: {\n      description: '',\n      expiresIn: Object.keys(expiresInOptions)[2], // Default to 30 days\n    }\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof apiKeySchema>) => {\n    setLoading(true);\n    try {\n      const expiresAt = new Date(Date.now() + parseInt(data.expiresIn));\n      const apiKey = await props.createApiKey({\n        description: data.description,\n        expiresAt,\n      });\n\n      if (props.onKeyCreated) {\n        props.onKeyCreated(apiKey);\n      }\n\n      reset();\n      props.onOpenChange(false);\n    } catch (error) {\n      captureError(\"Failed to create API key\", { error });\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <ActionDialog\n      open={props.open}\n      onOpenChange={props.onOpenChange}\n      title={t('Create API Key')}\n      description={t('API keys grant programmatic access to your account.')}\n    >\n      <form\n        onSubmit={(e) => {\n          e.preventDefault();\n          runAsynchronously(handleSubmit(onSubmit));\n        }}\n        className=\"space-y-4\"\n      >\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"description\">{t('Description')}</Label>\n          <Input\n            id=\"description\"\n            placeholder={t('e.g. Development, Production, CI/CD')}\n            {...register('description')}\n          />\n          {errors.description && <FormWarningText text={errors.description.message} />}\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"expiresIn\">{t('Expires In')}</Label>\n          <select\n            id=\"expiresIn\"\n            className=\"w-full p-2 border border-input rounded-md bg-background\"\n            {...register('expiresIn')}\n          >\n            {Object.entries(expiresInOptions).map(([value, label]) => (\n              <option key={value} value={value}>{t(label)}</option>\n            ))}\n          </select>\n          {errors.expiresIn && <FormWarningText text={errors.expiresIn.message} />}\n        </div>\n\n        <div className=\"flex justify-end gap-2 pt-4\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={() => {\n              reset();\n              props.onOpenChange(false);\n            }}\n          >\n            {t('Cancel')}\n          </Button>\n          <Button type=\"submit\" loading={loading}>\n            {t('Create')}\n          </Button>\n        </div>\n      </form>\n    </ActionDialog>\n  );\n}\n\n/**\n * Dialog for showing the newly created API key\n */\nexport function ShowApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {\n  apiKey: ApiKey<Type, true> | null,\n  onClose?: () => void,\n}) {\n  const { t } = useTranslation();\n\n  return (\n    <ActionDialog\n      open={!!props.apiKey}\n      title={t(\"API Key\")}\n      okButton={{ label: t(\"Close\") }}\n      onClose={props.onClose}\n      preventClose\n      confirmText={t(\"I understand that I will not be able to view this key again.\")}\n    >\n      <div className=\"flex flex-col gap-4\">\n        <Typography>\n          {t(\"Here is your API key.\")}{\" \"}\n          <span className=\"font-bold\">\n            {t(\"Copy it to a safe place. You will not be able to view it again.\")}\n          </span>\n        </Typography>\n        <CopyField\n          type=\"input\"\n          monospace\n          value={props.apiKey?.value ?? ''}\n          label={t(\"Secret API Key\")}\n        />\n      </div>\n    </ActionDialog>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"file":"api-key-dialogs.js","names":["ActionDialog","Label","Input","FormWarningText","Button","Typography","CopyField"],"sources":["../../src/components/api-key-dialogs.tsx"],"sourcesContent":["'use client';\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY, INSTEAD EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\n\nimport { yupResolver } from \"@hookform/resolvers/yup\";\nimport { yupObject, yupString } from '@stackframe/stack-shared/dist/schema-fields';\nimport { captureError } from '@stackframe/stack-shared/dist/utils/errors';\nimport { runAsynchronously } from '@stackframe/stack-shared/dist/utils/promises';\nimport { ActionDialog, Button, CopyField, Input, Label, Typography } from '@stackframe/stack-ui';\nimport { useState } from \"react\";\nimport { useForm } from 'react-hook-form';\nimport * as yup from \"yup\";\nimport { useUser } from '..';\nimport { FormWarningText } from '../components/elements/form-warning';\nimport { ApiKey, ApiKeyCreationOptions, ApiKeyType } from \"../lib/stack-app/api-keys\";\nimport { useTranslation } from \"../lib/translations\";\n\n// Constants for expiration options\nexport const neverInMs = 1000 * 60 * 60 * 24 * 365 * 200;\nexport const expiresInOptions = {\n  [1000 * 60 * 60 * 24 * 1]: \"1 day\",\n  [1000 * 60 * 60 * 24 * 7]: \"7 days\",\n  [1000 * 60 * 60 * 24 * 30]: \"30 days\",\n  [1000 * 60 * 60 * 24 * 90]: \"90 days\",\n  [1000 * 60 * 60 * 24 * 365]: \"1 year\",\n  [neverInMs]: \"Never\",\n} as const;\n\n/**\n * Dialog for creating a new API key\n */\nexport function CreateApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {\n  open: boolean,\n  onOpenChange: (open: boolean) => void,\n  onKeyCreated?: (key: ApiKey<Type, true>) => void,\n  createApiKey: (data: ApiKeyCreationOptions<Type>) => Promise<ApiKey<Type, true>>,\n  mockMode?: boolean,\n}) {\n  const { t } = useTranslation();\n  const user = useUser({ or: props.mockMode ? 'return-null' : 'redirect' });\n  const [loading, setLoading] = useState(false);\n\n  const apiKeySchema = yupObject({\n    description: yupString().defined().nonEmpty(t('Description is required')),\n    expiresIn: yupString().defined(),\n  });\n\n  const { register, handleSubmit, formState: { errors }, reset } = useForm({\n    resolver: yupResolver(apiKeySchema),\n    defaultValues: {\n      description: '',\n      expiresIn: Object.keys(expiresInOptions)[2], // Default to 30 days\n    }\n  });\n\n  const onSubmit = async (data: yup.InferType<typeof apiKeySchema>) => {\n    setLoading(true);\n    try {\n      const expiresAt = new Date(Date.now() + parseInt(data.expiresIn));\n      const apiKey = await props.createApiKey({\n        description: data.description,\n        expiresAt,\n      });\n\n      if (props.onKeyCreated) {\n        props.onKeyCreated(apiKey);\n      }\n\n      reset();\n      props.onOpenChange(false);\n    } catch (error) {\n      captureError(\"Failed to create API key\", { error });\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <ActionDialog\n      open={props.open}\n      onOpenChange={props.onOpenChange}\n      title={t('Create API Key')}\n      description={t('API keys grant programmatic access to your account.')}\n    >\n      <form\n        onSubmit={(e) => {\n          e.preventDefault();\n          runAsynchronously(handleSubmit(onSubmit));\n        }}\n        className=\"space-y-4\"\n      >\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"description\">{t('Description')}</Label>\n          <Input\n            id=\"description\"\n            placeholder={t('e.g. Development, Production, CI/CD')}\n            {...register('description')}\n          />\n          {errors.description && <FormWarningText text={errors.description.message} />}\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label htmlFor=\"expiresIn\">{t('Expires In')}</Label>\n          <select\n            id=\"expiresIn\"\n            className=\"w-full p-2 border border-input rounded-md bg-background\"\n            {...register('expiresIn')}\n          >\n            {Object.entries(expiresInOptions).map(([value, label]) => (\n              <option key={value} value={value}>{t(label)}</option>\n            ))}\n          </select>\n          {errors.expiresIn && <FormWarningText text={errors.expiresIn.message} />}\n        </div>\n\n        <div className=\"flex justify-end gap-2 pt-4\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            onClick={() => {\n              reset();\n              props.onOpenChange(false);\n            }}\n          >\n            {t('Cancel')}\n          </Button>\n          <Button type=\"submit\" loading={loading}>\n            {t('Create')}\n          </Button>\n        </div>\n      </form>\n    </ActionDialog>\n  );\n}\n\n/**\n * Dialog for showing the newly created API key\n */\nexport function ShowApiKeyDialog<Type extends ApiKeyType = ApiKeyType>(props: {\n  apiKey: ApiKey<Type, true> | null,\n  onClose?: () => void,\n}) {\n  const { t } = useTranslation();\n\n  return (\n    <ActionDialog\n      open={!!props.apiKey}\n      title={t(\"API Key\")}\n      okButton={{ label: t(\"Close\") }}\n      onClose={props.onClose}\n      preventClose\n      confirmText={t(\"I understand that I will not be able to view this key again.\")}\n    >\n      <div className=\"flex flex-col gap-4\">\n        <Typography>\n          {t(\"Here is your API key.\")}{\" \"}\n          <span className=\"font-bold\">\n            {t(\"Copy it to a safe place. You will not be able to view it again.\")}\n          </span>\n        </Typography>\n        <CopyField\n          type=\"input\"\n          monospace\n          value={props.apiKey?.value ?? ''}\n          label={t(\"Secret API Key\")}\n        />\n      </div>\n    </ActionDialog>\n  );\n}\n"],"mappings":"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"}

package/dist/components/api-key-table.d.ts

@@ -0,0 +1,10 @@
+import { ApiKey } from "../lib/stack-app/api-keys/index.js";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/api-key-table.d.ts
+declare function ApiKeyTable(props: {
+  apiKeys: ApiKey[];
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ApiKeyTable };
+//# sourceMappingURL=api-key-table.d.ts.map

package/dist/components/api-key-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-key-table.d.ts","names":[],"sources":["../../src/components/api-key-table.tsx"],"mappings":";;;;iBAwGgB,WAAA,CAAY,KAAA;EAAS,OAAA,EAAS,MAAA;AAAA,IAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}