@workos-inc/widgets 1.0.0 → 1.1.0

package/dist/cjs/lib/otp-input.js

@@ -0,0 +1,174 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Input = exports.Root = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_compose_refs_1 = require("@radix-ui/react-compose-refs");
+const react_use_controllable_state_1 = require("@radix-ui/react-use-controllable-state");
+const Form = __importStar(require("@radix-ui/react-form"));
+const themes_1 = require("@radix-ui/themes");
+const React = __importStar(require("react"));
+const elements_1 = require("./elements");
+const OtpContext = React.createContext(undefined);
+exports.Root = React.forwardRef(function Root({ name, id, defaultValue, value: valueProp, onValueChange, autoSubmit, children, readOnly, state, ...gridProps }, forwardedRef) {
+    const [lastCharIndex, setLastCharIndex] = React.useState(0);
+    const [allChildrenAdded, setAllChildrenAdded] = React.useState(false);
+    const childCount = React.Children.count(children);
+    const [value, setValue] = (0, react_use_controllable_state_1.useControllableState)({
+        prop: getValueAsArray(valueProp, childCount),
+        defaultProp: getValueAsArray(defaultValue, childCount),
+        onChange: (value) => onValueChange?.(value.join("")),
+    });
+    const hiddenInputRef = React.useRef(null);
+    const childrenRefs = React.useRef([]);
+    const attemptAutoSubmit = React.useCallback((enterPressed = false) => {
+        if (autoSubmit &&
+            value &&
+            value.every((char) => char !== "") &&
+            (enterPressed || lastCharIndex + 1 === childCount)) {
+            hiddenInputRef.current?.form?.requestSubmit();
+        }
+    }, [value, childCount, lastCharIndex, autoSubmit]);
+    const handleEnterPressed = React.useCallback(() => attemptAutoSubmit(true), [attemptAutoSubmit]);
+    const handleChildAdd = React.useCallback((input) => {
+        if (input) {
+            input.dataset.index = `${childrenRefs.current.length}`;
+            childrenRefs.current.push(input);
+        }
+        else {
+            childrenRefs.current.pop();
+        }
+        if (childrenRefs.current.length === childCount) {
+            setAllChildrenAdded(true);
+        }
+    }, [childCount]);
+    const handleCharChange = React.useCallback((char, index) => {
+        setValue((previousValue) => {
+            const arrayToCopy = previousValue ?? createEmptyArray(childCount);
+            const newValue = [...arrayToCopy];
+            newValue[index] = char;
+            return newValue;
+        });
+        setLastCharIndex(index);
+    }, [childCount, setValue]);
+    const otpContext = React.useMemo(() => ({
+        value: value ?? createEmptyArray(childCount),
+        readOnly,
+        state,
+        allChildrenAdded,
+        onEnterPressed: handleEnterPressed,
+        onChildAdd: handleChildAdd,
+        onCharChange: handleCharChange,
+    }), [
+        value,
+        allChildrenAdded,
+        readOnly,
+        state,
+        childCount,
+        handleEnterPressed,
+        handleChildAdd,
+        handleCharChange,
+    ]);
+    React.useEffect(attemptAutoSubmit, [attemptAutoSubmit]);
+    return ((0, jsx_runtime_1.jsx)(OtpContext.Provider, { value: otpContext, children: (0, jsx_runtime_1.jsxs)(themes_1.Grid, { columns: `repeat(${childCount}, 1fr)`, ...gridProps, onPaste: (event) => {
+                event.preventDefault();
+                const pastedValue = event.clipboardData.getData("Text");
+                const sanitizedValue = pastedValue
+                    .replace(/[^\d]/g, "")
+                    .slice(0, childCount);
+                const value = sanitizedValue
+                    .padEnd(childCount, "#")
+                    .split("")
+                    .map((char) => (char === "#" ? "" : char));
+                setValue(value);
+                setLastCharIndex(sanitizedValue.length - 1);
+                const index = Math.min(sanitizedValue.length, childCount - 1);
+                childrenRefs.current?.[index]?.focus();
+            }, children: [children, (0, jsx_runtime_1.jsx)("input", { ref: (0, react_compose_refs_1.composeRefs)(forwardedRef, hiddenInputRef), defaultValue: value?.join(""), minLength: childCount, name: name, type: "hidden" })] }) }));
+});
+exports.Input = React.forwardRef(function Input({ style, readOnly, autoComplete = "off", ...props }, forwardedRef) {
+    const otpContext = useOptContext();
+    const inputRef = React.useRef(null);
+    const composedInputRef = (0, react_compose_refs_1.useComposedRefs)(forwardedRef, inputRef, otpContext.onChildAdd);
+    const index = Number(inputRef.current?.dataset.index ?? -1);
+    const char = otpContext.value[index] ?? "";
+    return ((0, jsx_runtime_1.jsx)(Form.Field, { name: `otp-${index}`, asChild: true, children: (0, jsx_runtime_1.jsx)(Form.Control, { asChild: true, children: (0, jsx_runtime_1.jsx)(elements_1.TextField, { ref: composedInputRef, autoComplete: index === 0 ? autoComplete : "off", color: otpContext.state === "invalid" ? "red" : undefined, inputMode: "numeric", maxLength: 1, pattern: "\\d{1}", readOnly: readOnly ?? otpContext.readOnly, size: "3", value: char, variant: otpContext.state === "invalid" ? "soft" : undefined, style: {
+                    ...style,
+                    height: "auto",
+                    "--text-field-padding": 0,
+                    textAlign: "center",
+                }, onChange: (event) => {
+                    // Only update the value if it matches the input pattern (number only)
+                    if (event.target.validity.valid) {
+                        const char = event.target.value;
+                        const index = Number(event.target.dataset.index ?? -1);
+                        otpContext.onCharChange(char, index);
+                        if (char !== "") {
+                            focusSibling(event.currentTarget, { back: char === "" });
+                        }
+                    }
+                }, onKeyDown: (event) => {
+                    if (event.key === "ArrowLeft") {
+                        focusSibling(event.currentTarget, { back: true });
+                        event.preventDefault();
+                    }
+                    else if (event.key === "ArrowRight") {
+                        focusSibling(event.currentTarget);
+                        event.preventDefault();
+                    }
+                    else if (event.key === "Backspace" && char === "") {
+                        focusSibling(event.currentTarget, { back: true });
+                    }
+                    else if (event.key === "Enter" && char !== "") {
+                        otpContext.onEnterPressed();
+                    }
+                }, ...props }) }) }));
+});
+const useOptContext = () => {
+    const optContext = React.useContext(OtpContext);
+    if (!optContext) {
+        throw new Error("OtpInput compound components cannot be rendered outside the OtpRoot component");
+    }
+    return optContext;
+};
+function focusSibling(input, { back = false } = {}) {
+    const sibling = back
+        ? input.parentElement?.previousSibling
+        : input.parentElement?.nextSibling;
+    const siblingInput = sibling?.firstChild;
+    if (siblingInput && siblingInput instanceof HTMLInputElement) {
+        siblingInput?.focus();
+        siblingInput?.select();
+    }
+}
+const getValueAsArray = (value, length) => {
+    if (!value) {
+        return undefined;
+    }
+    return createEmptyArray(length).map((_, index) => value?.[index] ?? "");
+};
+const createEmptyArray = (length) => Array.from({ length }).fill("");
+//# sourceMappingURL=otp-input.js.map

package/dist/cjs/lib/otp-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input.js","sourceRoot":"","sources":["../../../src/lib/otp-input.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/lib/resend-invite-dialog.d.ts

@@ -1,8 +1,8 @@
 import { AlertDialog } from "@radix-ui/themes";
 import * as React from "react";
-import type { User } from "./api/user";
+import { Member } from "@repo/api";
 interface ResendInviteDialogProps extends AlertDialog.RootProps {
-    user: User;
+    user: Member;
     children?: React.ReactNode;
 }
 export declare function ResendInviteDialog({ children, user, ...props }: ResendInviteDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/lib/resend-invite-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resend-invite-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/resend-invite-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EAMZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AASvC,UAAU,uBAAwB,SAAQ,WAAW,CAAC,SAAS;IAC7D,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAuGzB"}
+{"version":3,"file":"resend-invite-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/resend-invite-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EAMZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,UAAU,uBAAwB,SAAQ,WAAW,CAAC,SAAS;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA0GzB"}

package/dist/cjs/lib/resend-invite-dialog.js

@@ -36,7 +36,7 @@ function ResendInviteDialog({ children, user, ...props }) {
     const successButtonRef = React.useRef(null);
     const [successDialogIsOpen, setSuccessDialogIsOpen] = React.useState(false);
     const onSubmitForm = () => {
-        resendInvite.mutate(user.id, {
+        resendInvite.mutate({ userId: user.id }, {
             onSuccess: () => {
                 setSuccessDialogIsOpen(true);
             },

package/dist/cjs/lib/resend-invite-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"resend-invite-dialog.js","sourceRoot":"","sources":["../../../src/lib/resend-invite-dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AA0Bb,gDA2GC;;AAnID,6CAO0B;AAC1B,6CAA+B;AAC/B,qCAAiD;AAEjD,yCAMoB;AAOpB,SAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACgB;IACxB,MAAM,YAAY,GAAG,IAAA,0BAAmB,GAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC9D,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAoB,IAAI,CAAC,CAAC;IAC/D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5E,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE;YAC3B,SAAS,EAAE,GAAG,EAAE;gBACd,sBAAsB,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,6DACE,wBAAC,oBAAW,CAAC,IAAI,OAAK,KAAK,aACxB,QAAQ,IAAI,uBAAC,oBAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAElE,wBAAC,6BAAkB,IACjB,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE;4BACpB,qBAAqB,CAAC,GAAG,EAAE;gCACzB,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;4BACnC,CAAC,CAAC,CAAC;wBACL,CAAC,aAED,uBAAC,oBAAW,CAAC,KAAK,iCAAmC,EACrD,uBAAC,aAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YACrC,wBAAC,oBAAW,CAAC,WAAW,gEACwB,GAAG,EACjD,uBAAC,aAAI,IAAC,MAAM,EAAC,MAAM,YAAE,IAAI,CAAC,KAAK,GAAQ,SACf,GACrB,EAEN,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CACpB,uBAAC,gBAAO,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,YACtC,uBAAC,gBAAO,CAAC,IAAI,cACV,uBAAuB,CAAC,YAAY,CAAC,KAAK,CAAC,GAC/B,GACF,CAChB,CAAC,CAAC,CAAC,IAAI,EAER,uBAAC,aAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,kCACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wCAClB,KAAK,CAAC,cAAc,EAAE,CAAC;wCACvB,YAAY,EAAE,CAAC;oCACjB,CAAC,aAED,uBAAC,oBAAW,CAAC,MAAM,cACjB,uBAAC,0BAAe,IACd,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,YAAY,CAAC,SAAS,uBAGhB,GACC,EACrB,uBAAC,4BAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,CAAC,SAAS,uBAE5C,IACf,GACF,IACY,EAGrB,uBAAC,uBAAc,IAAC,OAAO,kBACrB,iDAAmB,QAAQ,YACxB,uBAAuB,CAAC,YAAY,CAAC,KAAK,CAAC,GACpC,GACK,IACA,EACnB,uBAAC,eAAM,CAAC,IAAI,IACV,IAAI,EAAE,mBAAmB,EACzB,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;oBACvB,IAAI,CAAC,MAAM,EAAE,CAAC;wBACZ,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;oBAC9B,CAAC;oBACD,sBAAsB,CAAC,MAAM,CAAC,CAAC;gBACjC,CAAC,YAED,wBAAC,wBAAa,IACZ,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE;wBACpB,qBAAqB,CAAC,GAAG,EAAE;4BACzB,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;wBACpC,CAAC,CAAC,CAAC;oBACL,CAAC,aAED,uBAAC,eAAM,CAAC,KAAK,8BAA2B,EACxC,wBAAC,eAAM,CAAC,WAAW,sDACmB,GAAG,EACvC,uBAAC,aAAI,IAAC,MAAM,EAAC,MAAM,YAAE,IAAI,CAAC,KAAK,GAAQ,IACpB,EACrB,uBAAC,aAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,YAChC,uBAAC,eAAM,CAAC,KAAK,cACX,uBAAC,wBAAa,IAAC,GAAG,EAAE,gBAAgB,sBAAuB,GAC9C,GACV,IACO,GACJ,IACb,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAAC,KAAc;IAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,4BAA4B;IAC5B,OAAO,0DAA0D,CAAC;AACpE,CAAC"}
+{"version":3,"file":"resend-invite-dialog.js","sourceRoot":"","sources":["../../../src/lib/resend-invite-dialog.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/lib/reset-mfa-dialog.d.ts

@@ -0,0 +1,9 @@
+import { AlertDialog } from "@radix-ui/themes";
+import { type ReactNode } from "react";
+interface ResetMfaDialogProps extends AlertDialog.RootProps {
+    children?: ReactNode;
+    isPasswordSet: boolean;
+}
+export declare function ResetMfaDialog({ children, isPasswordSet, ...props }: ResetMfaDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=reset-mfa-dialog.d.ts.map

package/dist/cjs/lib/reset-mfa-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-mfa-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/reset-mfa-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAQ,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,UAAU,mBAAoB,SAAQ,WAAW,CAAC,SAAS;IACzD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAkBrB"}

package/dist/cjs/lib/reset-mfa-dialog.js

@@ -0,0 +1,60 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResetMfaDialog = ResetMfaDialog;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const themes_1 = require("@radix-ui/themes");
+const elements_1 = require("./elements");
+const api_1 = require("@repo/api");
+const use_security_settings_1 = require("./use-security-settings");
+const elevated_access_1 = require("./elevated-access");
+const save_button_1 = require("./save-button");
+const use_dialog_close_1 = require("./use-dialog-close");
+function ResetMfaDialog({ children, isPasswordSet, ...props }) {
+    const [open, setOpen] = React.useState(false);
+    const handleClose = React.useCallback(() => {
+        setOpen(false);
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(themes_1.AlertDialog.Root, { ...props, open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(themes_1.AlertDialog.Trigger, { children: children }), (0, jsx_runtime_1.jsx)(elements_1.AlertDialogContent, { maxWidth: "480px", children: (0, jsx_runtime_1.jsx)(elevated_access_1.ElevatedAccess, { type: "alert", children: (0, jsx_runtime_1.jsx)(Content, { onClose: handleClose, isPasswordSet: isPasswordSet }) }) })] }));
+}
+function Content({ onClose, isPasswordSet, }) {
+    const securitySettings = (0, use_security_settings_1.useSecuritySettings)();
+    const resetMfa = (0, api_1.useDeleteTotpFactors)();
+    const onSubmitForm = () => {
+        resetMfa.mutate();
+    };
+    (0, use_dialog_close_1.useDialogClose)(resetMfa.isSuccess, () => {
+        securitySettings.update("Mfa", false);
+    });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(themes_1.AlertDialog.Title, { children: "Disable multi-factor authentication?" }), (0, jsx_runtime_1.jsxs)(themes_1.AlertDialog.Description, { children: ["Turning off MFA will remove the additional layer of security on your account.", " ", isPasswordSet
+                        ? "We will only ask for your password during sign-in."
+                        : "We will not ask for additional verification during sign-in."] }), (0, jsx_runtime_1.jsx)(themes_1.Flex, { gap: "3", justify: "end", mt: "5", asChild: true, children: (0, jsx_runtime_1.jsxs)("form", { onSubmit: (event) => {
+                        event.preventDefault();
+                        onSubmitForm();
+                    }, children: [(0, jsx_runtime_1.jsx)(themes_1.AlertDialog.Cancel, { children: (0, jsx_runtime_1.jsx)(elements_1.SecondaryButton, { disabled: resetMfa.isPending || resetMfa.isSuccess, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(save_button_1.SaveButton, { asChild: true, loading: resetMfa.isPending, done: resetMfa.isSuccess, onDone: onClose, children: (0, jsx_runtime_1.jsx)(elements_1.DestructiveButton, { type: "submit", children: "Disable" }) })] }) })] }));
+}
+//# sourceMappingURL=reset-mfa-dialog.js.map

package/dist/cjs/lib/reset-mfa-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-mfa-dialog.js","sourceRoot":"","sources":["../../../src/lib/reset-mfa-dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;AAqBb,wCAsBC;;AAzCD,6CAA+B;AAC/B,6CAAqD;AAErD,yCAIoB;AACpB,mCAAiD;AACjD,mEAA8D;AAC9D,uDAAmD;AACnD,+CAA2C;AAC3C,yDAAoD;AAOpD,SAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACY;IACpB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACzC,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,wBAAC,oBAAW,CAAC,IAAI,OAAK,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,aAC5D,uBAAC,oBAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAErD,uBAAC,6BAAkB,IAAC,QAAQ,EAAC,OAAO,YAClC,uBAAC,gCAAc,IAAC,IAAI,EAAC,OAAO,YAC1B,uBAAC,OAAO,IAAC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,aAAa,GAAI,GAChD,GACE,IACJ,CACpB,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,EACf,OAAO,EACP,aAAa,GAId;IACC,MAAM,gBAAgB,GAAG,IAAA,2CAAmB,GAAE,CAAC;IAC/C,MAAM,QAAQ,GAAG,IAAA,0BAAoB,GAAE,CAAC;IAExC,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,CAAC,MAAM,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,IAAA,iCAAc,EAAC,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE;QACtC,gBAAgB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,6DACE,uBAAC,oBAAW,CAAC,KAAK,uDAEE,EACpB,wBAAC,oBAAW,CAAC,WAAW,gGAEb,GAAG,EACX,aAAa;wBACZ,CAAC,CAAC,oDAAoD;wBACtD,CAAC,CAAC,6DAA6D,IACzC,EAE1B,uBAAC,aAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,kCACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wBAClB,KAAK,CAAC,cAAc,EAAE,CAAC;wBACvB,YAAY,EAAE,CAAC;oBACjB,CAAC,aAED,uBAAC,oBAAW,CAAC,MAAM,cACjB,uBAAC,0BAAe,IACd,QAAQ,EAAE,QAAQ,CAAC,SAAS,IAAI,QAAQ,CAAC,SAAS,uBAGlC,GACC,EAErB,uBAAC,wBAAU,IACT,OAAO,QACP,OAAO,EAAE,QAAQ,CAAC,SAAS,EAC3B,IAAI,EAAE,QAAQ,CAAC,SAAS,EACxB,MAAM,EAAE,OAAO,YAEf,uBAAC,4BAAiB,IAAC,IAAI,EAAC,QAAQ,wBAA4B,GACjD,IACR,GACF,IACN,CACJ,CAAC;AACJ,CAAC"}

package/dist/cjs/lib/revoke-invite-dialog.d.ts

@@ -1,8 +1,8 @@
 import { AlertDialog } from "@radix-ui/themes";
 import { type ReactNode } from "react";
-import type { User } from "./api/user";
+import { Member } from "@repo/api";
 interface RevokeInviteDialogProps extends AlertDialog.RootProps {
-    user: User;
+    user: Member;
     children?: ReactNode;
 }
 export declare function RevokeInviteDialog({ children, user, ...props }: RevokeInviteDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/lib/revoke-invite-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"revoke-invite-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/revoke-invite-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EAKZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAE/C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAOvC,UAAU,uBAAwB,SAAQ,WAAW,CAAC,SAAS;IAC7D,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAwEzB"}
+{"version":3,"file":"revoke-invite-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/revoke-invite-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,WAAW,EAKZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAC;AAO/C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,UAAU,uBAAwB,SAAQ,WAAW,CAAC,SAAS;IAC7D,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,uBAAuB,2CA2EzB"}

package/dist/cjs/lib/revoke-invite-dialog.js

@@ -11,7 +11,7 @@ function RevokeInviteDialog({ children, user, ...props }) {
     const revokeInvite = (0, user_1.useRevokeUserInvite)();
     const cancelButtonRef = (0, react_1.useRef)(null);
     const onSubmitForm = () => {
-        revokeInvite.mutate(user.id, {
+        revokeInvite.mutate({ userId: user.id }, {
             onSuccess: () => {
                 props.onOpenChange?.(false);
             },

package/dist/cjs/lib/revoke-invite-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"revoke-invite-dialog.js","sourceRoot":"","sources":["../../../src/lib/revoke-invite-dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAuBb,gDA4EC;;AAjGD,6CAM0B;AAC1B,iCAA+C;AAC/C,qCAAiD;AAEjD,yCAIoB;AAOpB,SAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACgB;IACxB,MAAM,YAAY,GAAG,IAAA,0BAAmB,GAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE;YAC3B,SAAS,EAAE,GAAG,EAAE;gBACd,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;SACF,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,oBAAW,CAAC,IAAI,OAAK,KAAK,aACxB,QAAQ,IAAI,uBAAC,oBAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAElE,wBAAC,6BAAkB,IACjB,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE;oBACpB,qBAAqB,CAAC,GAAG,EAAE;wBACzB,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oBACnC,CAAC,CAAC,CAAC;gBACL,CAAC,aAED,uBAAC,oBAAW,CAAC,KAAK,iCAAmC,EACrD,uBAAC,aAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YACrC,wBAAC,oBAAW,CAAC,WAAW,gEACwB,GAAG,EACjD,uBAAC,aAAI,IAAC,MAAM,EAAC,MAAM,YAAE,IAAI,CAAC,KAAK,GAAQ,wDAEf,GACrB,EAEN,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CACpB,uBAAC,gBAAO,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,YACtC,uBAAC,gBAAO,CAAC,IAAI,cACV,uBAAuB,CAAC,YAAY,CAAC,KAAK,CAAC,GAC/B,GACF,CAChB,CAAC,CAAC,CAAC,IAAI,EAER,uBAAC,aAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,kCACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,YAAY,EAAE,CAAC;4BACjB,CAAC,aAED,uBAAC,oBAAW,CAAC,MAAM,cACjB,uBAAC,0BAAe,IACd,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,YAAY,CAAC,SAAS,uBAGhB,GACC,EAErB,uBAAC,4BAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,CAAC,SAAS,uBAE5C,IACf,GACF,IACY,EAGrB,uBAAC,uBAAc,IAAC,OAAO,kBACrB,iDAAmB,QAAQ,YACxB,uBAAuB,CAAC,YAAY,CAAC,KAAK,CAAC,GACpC,GACK,IACA,CACpB,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAAC,KAAc;IAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,4BAA4B;IAC5B,OAAO,2DAA2D,CAAC;AACrE,CAAC"}
+{"version":3,"file":"revoke-invite-dialog.js","sourceRoot":"","sources":["../../../src/lib/revoke-invite-dialog.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAuBb,gDA+EC;;AApGD,6CAM0B;AAC1B,iCAA+C;AAC/C,qCAAiD;AACjD,yCAIoB;AAQpB,SAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACgB;IACxB,MAAM,YAAY,GAAG,IAAA,0BAAmB,GAAE,CAAC;IAC3C,MAAM,eAAe,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAExD,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,MAAM,CACjB,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE,EACnB;YACE,SAAS,EAAE,GAAG,EAAE;gBACd,KAAK,CAAC,YAAY,EAAE,CAAC,KAAK,CAAC,CAAC;YAC9B,CAAC;SACF,CACF,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,wBAAC,oBAAW,CAAC,IAAI,OAAK,KAAK,aACxB,QAAQ,IAAI,uBAAC,oBAAW,CAAC,OAAO,cAAE,QAAQ,GAAuB,EAElE,wBAAC,6BAAkB,IACjB,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAE,GAAG,EAAE;oBACpB,qBAAqB,CAAC,GAAG,EAAE;wBACzB,eAAe,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oBACnC,CAAC,CAAC,CAAC;gBACL,CAAC,aAED,uBAAC,oBAAW,CAAC,KAAK,iCAAmC,EACrD,uBAAC,aAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YACrC,wBAAC,oBAAW,CAAC,WAAW,gEACwB,GAAG,EACjD,uBAAC,aAAI,IAAC,MAAM,EAAC,MAAM,YAAE,IAAI,CAAC,KAAK,GAAQ,wDAEf,GACrB,EAEN,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,CACpB,uBAAC,gBAAO,CAAC,IAAI,IAAC,KAAK,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,YACtC,uBAAC,gBAAO,CAAC,IAAI,cACV,uBAAuB,CAAC,YAAY,CAAC,KAAK,CAAC,GAC/B,GACF,CAChB,CAAC,CAAC,CAAC,IAAI,EAER,uBAAC,aAAI,IAAC,GAAG,EAAC,GAAG,EAAC,OAAO,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,OAAO,kBACxC,kCACE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,KAAK,CAAC,cAAc,EAAE,CAAC;gCACvB,YAAY,EAAE,CAAC;4BACjB,CAAC,aAED,uBAAC,oBAAW,CAAC,MAAM,cACjB,uBAAC,0BAAe,IACd,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,YAAY,CAAC,SAAS,uBAGhB,GACC,EAErB,uBAAC,4BAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,CAAC,SAAS,uBAE5C,IACf,GACF,IACY,EAGrB,uBAAC,uBAAc,IAAC,OAAO,kBACrB,iDAAmB,QAAQ,YACxB,uBAAuB,CAAC,YAAY,CAAC,KAAK,CAAC,GACpC,GACK,IACA,CACpB,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB,CAAC,KAAc;IAC7C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,4BAA4B;IAC5B,OAAO,2DAA2D,CAAC;AACrE,CAAC"}

package/dist/cjs/lib/save-button.d.ts

@@ -0,0 +1,11 @@
+import { ButtonProps } from "@radix-ui/themes";
+interface SaveButtonProps extends ButtonProps {
+    asChild?: boolean;
+    children: React.ReactNode;
+    loading?: boolean;
+    done?: boolean;
+    onDone?: () => void;
+}
+export declare function SaveButton({ asChild, children, loading, done, onDone, ...props }: SaveButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=save-button.d.ts.map

package/dist/cjs/lib/save-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-button.d.ts","sourceRoot":"","sources":["../../../src/lib/save-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAMZ,MAAM,kBAAkB,CAAC;AAQ1B,UAAU,eAAgB,SAAQ,WAAW;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAe,EACf,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,MAAM,EACN,GAAG,KAAK,EACT,EAAE,eAAe,2CAkFjB"}

package/dist/cjs/lib/save-button.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SaveButton = SaveButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const react_icons_1 = require("@radix-ui/react-icons");
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const DONE_TIMEOUT_MS = 1500;
+const SAVING_TIMEOUT_MS = 600;
+function SaveButton({ asChild = false, children, loading, done, onDone, ...props }) {
+    const [state, setState] = (0, react_1.useState)(loading ? "loading" : done ? "done" : "idle");
+    const loadingStartTime = (0, react_1.useRef)(null);
+    const Button = asChild ? themes_1.Slot : "button";
+    (0, react_1.useEffect)(() => {
+        if (loading) {
+            setState("loading");
+            loadingStartTime.current = Date.now();
+        }
+        else if (done) {
+            const currentTime = Date.now();
+            const loadingDuration = loadingStartTime.current
+                ? currentTime - loadingStartTime.current
+                : 0;
+            // If loading lasted less than 500 ms, wait for the remaining time
+            const remainingDelay = Math.max(0, SAVING_TIMEOUT_MS - loadingDuration);
+            let doneTimer = null;
+            const savedTimer = setTimeout(() => {
+                setState("done");
+                doneTimer = setTimeout(() => {
+                    onDone?.();
+                }, DONE_TIMEOUT_MS);
+            }, remainingDelay);
+            return () => {
+                clearTimeout(savedTimer);
+                if (doneTimer) {
+                    clearTimeout(doneTimer);
+                }
+            };
+        }
+        else if (!loading && !done) {
+            setState("idle");
+        }
+    }, [loading, done, onDone]);
+    return ((0, jsx_runtime_1.jsxs)(Button, { ...props, className: (0, utils_1.namespaceClassNames)("save-button"), "data-save-state": state, children: [(0, jsx_runtime_1.jsx)(themes_1.Slottable, { children: children }), state === "loading" && ((0, jsx_runtime_1.jsx)(themes_1.Flex, { as: "span", align: "center", justify: "center", position: "absolute", inset: "0", children: (0, jsx_runtime_1.jsx)(themes_1.Spinner, { size: "1" }) })), state === "done" && ((0, jsx_runtime_1.jsxs)(themes_1.Flex, { as: "span", align: "center", justify: "center", position: "absolute", inset: "0", gap: "1", children: [(0, jsx_runtime_1.jsx)(react_icons_1.CheckIcon, { width: "18px", height: "18px", style: { marginLeft: "-4px" }, className: (0, utils_1.namespaceClassNames)("save-button__done-icon") }), (0, jsx_runtime_1.jsx)(themes_1.Text, { className: (0, utils_1.namespaceClassNames)("save-button__done-text"), children: "Done" })] }))] }));
+}
+//# sourceMappingURL=save-button.js.map

package/dist/cjs/lib/save-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-button.js","sourceRoot":"","sources":["../../../src/lib/save-button.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/lib/set-password-dialog.d.ts

@@ -0,0 +1,8 @@
+import { Dialog } from "@radix-ui/themes";
+import { type ReactNode } from "react";
+interface SetPasswordDialogProps extends Dialog.RootProps {
+    children?: ReactNode;
+}
+export declare function SetPasswordDialog({ children, ...props }: SetPasswordDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=set-password-dialog.d.ts.map

package/dist/cjs/lib/set-password-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-password-dialog.d.ts","sourceRoot":"","sources":["../../../src/lib/set-password-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,MAAM,EAA8B,MAAM,kBAAkB,CAAC;AAE/E,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAevC,UAAU,sBAAuB,SAAQ,MAAM,CAAC,SAAS;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAkBxB"}

package/dist/cjs/lib/set-password-dialog.js

@@ -0,0 +1,80 @@
+"use strict";
+"use client";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetPasswordDialog = SetPasswordDialog;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const themes_1 = require("@radix-ui/themes");
+const React = __importStar(require("react"));
+const elements_1 = require("./elements");
+const Form = __importStar(require("@radix-ui/react-form"));
+const api_1 = require("@repo/api");
+const use_security_settings_1 = require("./use-security-settings");
+const elevated_access_1 = require("./elevated-access");
+const save_button_1 = require("./save-button");
+const use_dialog_close_1 = require("./use-dialog-close");
+function SetPasswordDialog({ children, ...props }) {
+    const [open, setOpen] = React.useState(false);
+    const handleClose = React.useCallback(() => {
+        setOpen(false);
+    }, []);
+    return ((0, jsx_runtime_1.jsxs)(themes_1.Dialog.Root, { ...props, open: open, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Trigger, { children: children }), (0, jsx_runtime_1.jsx)(elements_1.DialogContent, { maxWidth: "480px", children: (0, jsx_runtime_1.jsx)(elevated_access_1.ElevatedAccess, { children: (0, jsx_runtime_1.jsx)(Content, { onClose: handleClose }) }) })] }));
+}
+function Content({ onClose }) {
+    const setPassword = (0, api_1.useCreatePassword)();
+    const securitySettings = (0, use_security_settings_1.useSecuritySettings)();
+    const [disableSubmit, setDisableSubmit] = React.useState(true);
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        const formData = new FormData(event.currentTarget);
+        const password = formData.get("password")?.toString();
+        if (!password) {
+            return;
+        }
+        setPassword.mutate({ data: { password } });
+    };
+    (0, use_dialog_close_1.useDialogClose)(setPassword.isSuccess, () => {
+        securitySettings.update("Password", true);
+    });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Title, { mb: "5", children: "Set New Password" }), (0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)(themes_1.Dialog.Description, { children: "Set a new password for your account" }) }), setPassword.error ? ((0, jsx_runtime_1.jsx)(themes_1.Callout.Root, { color: "red", my: "-2", children: (0, jsx_runtime_1.jsx)(themes_1.Callout.Text, { children: getMutationErrorMessage(setPassword.error) }) })) : null, (0, jsx_runtime_1.jsxs)(Form.Root, { onSubmit: handleSubmit, onChange: (event) => {
+                    const formData = new FormData(event.currentTarget);
+                    const password = formData.get("password")?.toString();
+                    const confirmPassword = formData.get("confirmPassword")?.toString();
+                    setDisableSubmit(password === "" || confirmPassword === "");
+                }, children: [(0, jsx_runtime_1.jsxs)(themes_1.Flex, { mt: "5", direction: "column", gap: "4", children: [(0, jsx_runtime_1.jsx)(Form.Field, { name: "password", asChild: true, children: (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "2", children: [(0, jsx_runtime_1.jsx)(Form.Label, { asChild: true, children: (0, jsx_runtime_1.jsx)(elements_1.Label, { children: "Enter a new password" }) }), (0, jsx_runtime_1.jsx)(Form.Control, { asChild: true, children: (0, jsx_runtime_1.jsx)(elements_1.PasswordField, { autoFocus: true, required: true, autoComplete: "new-password", placeholder: "New password", disabled: setPassword.isPending || setPassword.isSuccess }) }), (0, jsx_runtime_1.jsx)(Form.Message, { match: "valueMissing", asChild: true, children: (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", color: "red", children: "Please enter a new password" }) }), (0, jsx_runtime_1.jsx)(Form.Message, { match: (value) => value.length < 8, asChild: true, children: (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", color: "red", children: "Password must be at least 8 characters" }) })] }) }), (0, jsx_runtime_1.jsx)(Form.Field, { name: "confirmPassword", asChild: true, children: (0, jsx_runtime_1.jsxs)(themes_1.Flex, { direction: "column", gap: "2", children: [(0, jsx_runtime_1.jsx)(Form.Label, { asChild: true, children: (0, jsx_runtime_1.jsx)(elements_1.Label, { children: "Confirm your new password" }) }), (0, jsx_runtime_1.jsx)(Form.Control, { asChild: true, children: (0, jsx_runtime_1.jsx)(elements_1.PasswordField, { required: true, autoComplete: "new-password", placeholder: "Confirm new password", disabled: setPassword.isPending || setPassword.isSuccess }) }), (0, jsx_runtime_1.jsx)(Form.Message, { match: "valueMissing", asChild: true, children: (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", color: "red", children: "Please confirm your new password" }) }), (0, jsx_runtime_1.jsx)(Form.Message, { match: (value, formData) => value !== formData.get("password"), asChild: true, children: (0, jsx_runtime_1.jsx)(themes_1.Text, { size: "2", color: "red", children: "The passwords you entered don\u2019t match." }) })] }) })] }), (0, jsx_runtime_1.jsxs)(themes_1.Flex, { mt: "5", gap: "3", justify: "end", children: [(0, jsx_runtime_1.jsx)(themes_1.Dialog.Close, { children: (0, jsx_runtime_1.jsx)(elements_1.SecondaryButton, { disabled: setPassword.isPending || setPassword.isSuccess, children: "Cancel" }) }), (0, jsx_runtime_1.jsx)(save_button_1.SaveButton, { asChild: true, loading: setPassword.isPending, done: setPassword.isSuccess, onDone: onClose, children: (0, jsx_runtime_1.jsx)(elements_1.PrimaryButton, { type: "submit", disabled: disableSubmit, children: "Set password" }) })] }), (0, jsx_runtime_1.jsx)(themes_1.VisuallyHidden, { asChild: true, children: (0, jsx_runtime_1.jsx)("section", { "aria-live": "polite", children: getMutationErrorMessage(setPassword.error) }) })] })] }));
+}
+function getMutationErrorMessage(error) {
+    if (error instanceof Error) {
+        return error.message;
+    }
+    if (typeof error === "object" &&
+        error !== null &&
+        "message" in error &&
+        typeof error.message === "string") {
+        return error.message;
+    }
+    return "Something went wrong. Please try again.";
+}
+//# sourceMappingURL=set-password-dialog.js.map

package/dist/cjs/lib/set-password-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-password-dialog.js","sourceRoot":"","sources":["../../../src/lib/set-password-dialog.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/lib/use-dialog-close.d.ts

@@ -0,0 +1,2 @@
+export declare function useDialogClose(enabled: boolean, callback: () => void): void;
+//# sourceMappingURL=use-dialog-close.d.ts.map

package/dist/cjs/lib/use-dialog-close.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog-close.d.ts","sourceRoot":"","sources":["../../../src/lib/use-dialog-close.tsx"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,QAgBpE"}

package/dist/cjs/lib/use-dialog-close.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDialogClose = useDialogClose;
+const React = __importStar(require("react"));
+function useDialogClose(enabled, callback) {
+    const callbackRef = React.useRef(callback);
+    const firstRenderRef = React.useRef(true);
+    React.useEffect(() => {
+        if (firstRenderRef.current) {
+            firstRenderRef.current = false;
+            return;
+        }
+        const cb = callbackRef.current;
+        return () => {
+            if (enabled)
+                cb();
+        };
+    }, [enabled]);
+}
+//# sourceMappingURL=use-dialog-close.js.map

package/dist/cjs/lib/use-dialog-close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dialog-close.js","sourceRoot":"","sources":["../../../src/lib/use-dialog-close.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,wCAgBC;AAlBD,6CAA+B;AAE/B,SAAgB,cAAc,CAAC,OAAgB,EAAE,QAAoB;IACnE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,CAAC,OAAO,EAAE,CAAC;YAC3B,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC;QAE/B,OAAO,GAAG,EAAE;YACV,IAAI,OAAO;gBAAE,EAAE,EAAE,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;AAChB,CAAC"}

package/dist/cjs/lib/use-security-settings.d.ts

@@ -0,0 +1,11 @@
+type Methods = "Password" | "Mfa" | "Passkey";
+/**
+ * A hook that provides utilities for managing security settings.
+ * Allows optimistically updating verification method status (password, MFA, passkey)
+ * while also triggering a server revalidation.
+ */
+export declare function useSecuritySettings(): {
+    update: (method: Methods, isSetUp: boolean) => void;
+};
+export {};
+//# sourceMappingURL=use-security-settings.d.ts.map

package/dist/cjs/lib/use-security-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-security-settings.d.ts","sourceRoot":"","sources":["../../../src/lib/use-security-settings.tsx"],"names":[],"mappings":"AAMA,KAAK,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,SAAS,CAAC;AAE9C;;;;GAIG;AACH,wBAAgB,mBAAmB;qBAGT,OAAO,WAAW,OAAO;EAgClD"}