@byline/ui 0.9.3

package/dist/admin/components/admin-users/set-password.js

@@ -0,0 +1,170 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { revalidateLogic, useForm } from "@tanstack/react-form-start";
+import { passwordSchema } from "@byline/core/validation";
+import { Alert, Button, InputPassword, LoaderEllipsis } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { z } from "zod";
+import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import set_password_module from "./set-password.module.js";
+const setPasswordFormSchema = z.object({
+    password: passwordSchema,
+    confirm: z.string({
+        message: 'Please confirm the password'
+    })
+}).refine((v)=>v.password === v.confirm, {
+    message: 'Passwords do not match',
+    path: [
+        'confirm'
+    ]
+});
+function SetPassword({ user, onClose, onSuccess }) {
+    const { setAdminUserPassword } = useBylineAdminServices();
+    const [formError, setFormError] = useState(null);
+    const [successMessage, setSuccessMessage] = useState(null);
+    const form = useForm({
+        defaultValues: {
+            password: '',
+            confirm: ''
+        },
+        validationLogic: revalidateLogic({
+            mode: 'blur',
+            modeAfterSubmission: 'change'
+        }),
+        validators: {
+            onDynamic: setPasswordFormSchema
+        },
+        onSubmit: async ({ value })=>{
+            setFormError(null);
+            setSuccessMessage(null);
+            try {
+                const updated = await setAdminUserPassword({
+                    data: {
+                        id: user.id,
+                        vid: user.vid,
+                        password: value.password
+                    }
+                });
+                setSuccessMessage('Password updated.');
+                form.reset({
+                    password: '',
+                    confirm: ''
+                });
+                onSuccess?.(updated);
+            } catch (err) {
+                const code = getErrorCode(err);
+                if ('admin.users.versionConflict' === code) return void setFormError('This user has been modified elsewhere since you opened this form. Reload to refresh and try again.');
+                if ('admin.users.notFound' === code) return void setFormError('This user no longer exists.');
+                setFormError('Could not set the password. Please try again.');
+            }
+        }
+    });
+    return /*#__PURE__*/ jsx("div", {
+        className: classnames('byline-user-set-password-wrap', set_password_module.wrap),
+        children: /*#__PURE__*/ jsxs("form", {
+            noValidate: true,
+            onSubmit: (event)=>{
+                event.preventDefault();
+                event.stopPropagation();
+                form.handleSubmit();
+            },
+            className: classnames('byline-user-set-password-form', set_password_module.form),
+            children: [
+                formError ? /*#__PURE__*/ jsx(Alert, {
+                    intent: "danger",
+                    children: formError
+                }) : null,
+                successMessage ? /*#__PURE__*/ jsx(Alert, {
+                    intent: "success",
+                    children: successMessage
+                }) : null,
+                /*#__PURE__*/ jsxs("p", {
+                    className: "muted",
+                    children: [
+                        "Sets a new password for",
+                        ' ',
+                        /*#__PURE__*/ jsx("span", {
+                            className: classnames('byline-user-set-password-target', set_password_module.target),
+                            children: user.email
+                        }),
+                        ". The user will need to sign in again with the new password."
+                    ]
+                }),
+                /*#__PURE__*/ jsx(form.Field, {
+                    name: "password",
+                    children: (field)=>/*#__PURE__*/ jsx(InputPassword, {
+                            label: "New password",
+                            id: "password",
+                            name: field.name,
+                            value: field.state.value,
+                            onBlur: field.handleBlur,
+                            onChange: (e)=>field.handleChange(e.currentTarget.value),
+                            error: field.state.meta.errors.length > 0,
+                            errorText: firstError(field.state.meta.errors),
+                            autoComplete: "new-password",
+                            required: true
+                        })
+                }),
+                /*#__PURE__*/ jsx(form.Field, {
+                    name: "confirm",
+                    children: (field)=>/*#__PURE__*/ jsx(InputPassword, {
+                            label: "Confirm new password",
+                            id: "confirm",
+                            name: field.name,
+                            value: field.state.value,
+                            onBlur: field.handleBlur,
+                            onChange: (e)=>field.handleChange(e.currentTarget.value),
+                            error: field.state.meta.errors.length > 0,
+                            errorText: firstError(field.state.meta.errors),
+                            autoComplete: "new-password",
+                            required: true
+                        })
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: classnames('byline-user-set-password-actions', set_password_module.actions),
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "button",
+                            intent: "secondary",
+                            size: "sm",
+                            onClick: onClose,
+                            className: classnames('byline-user-set-password-action', set_password_module.action),
+                            children: successMessage ? 'Close' : 'Cancel'
+                        }),
+                        /*#__PURE__*/ jsx(form.Subscribe, {
+                            selector: (state)=>({
+                                    canSubmit: state.canSubmit,
+                                    isSubmitting: state.isSubmitting,
+                                    isDirty: state.isDirty
+                                }),
+                            children: ({ canSubmit, isSubmitting })=>/*#__PURE__*/ jsx(Button, {
+                                    size: "sm",
+                                    intent: "primary",
+                                    type: "submit",
+                                    disabled: !canSubmit || isSubmitting,
+                                    className: classnames('byline-user-set-password-action', set_password_module.action),
+                                    children: true === isSubmitting ? /*#__PURE__*/ jsx(LoaderEllipsis, {
+                                        size: 42
+                                    }) : 'Save'
+                                })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+function firstError(errors) {
+    for (const err of errors){
+        if ('string' == typeof err) return err;
+        if (err && 'object' == typeof err && 'message' in err) {
+            const msg = err.message;
+            if ('string' == typeof msg) return msg;
+        }
+    }
+}
+function getErrorCode(err) {
+    return 'string' == typeof err?.code ? err.code : null;
+}
+export { SetPassword };

package/dist/admin/components/admin-users/set-password.module.js

@@ -0,0 +1,9 @@
+import "./set-password_module.css";
+const set_password_module = {
+    wrap: "wrap-JYgwBj",
+    form: "form-p6W4WN",
+    target: "target-f3_PF_",
+    actions: "actions-P5S9hQ",
+    action: "action-VPbV6x"
+};
+export default set_password_module;

package/dist/admin/components/admin-users/set-password_module.css

@@ -0,0 +1,31 @@
+:is(.wrap-JYgwBj, .byline-user-set-password-wrap) {
+  gap: var(--spacing-8);
+  padding: var(--spacing-4);
+  margin-top: var(--spacing-4);
+  flex-direction: column;
+  display: flex;
+}
+
+:is(.form-p6W4WN, .byline-user-set-password-form) {
+  gap: var(--spacing-16);
+  padding-top: var(--spacing-8);
+  flex-direction: column;
+  display: flex;
+}
+
+:is(.target-f3_PF_, .byline-user-set-password-target) {
+  font-weight: var(--font-weight-semibold);
+}
+
+:is(.actions-P5S9hQ, .byline-user-set-password-actions) {
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--spacing-8);
+  margin-top: var(--spacing-16);
+  display: flex;
+}
+
+:is(.action-VPbV6x, .byline-user-set-password-action) {
+  min-width: 4rem;
+}
+

package/dist/admin/components/admin-users/update.d.ts

@@ -0,0 +1,9 @@
+import type { AdminUserResponse } from '@byline/admin/admin-users';
+interface UpdateUserProps {
+    user: AdminUserResponse;
+    onClose?: () => void;
+    onSuccess?: (user: AdminUserResponse) => void;
+}
+export declare function UpdateUser({ user, onClose, onSuccess }: UpdateUserProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=update.d.ts.map

package/dist/admin/components/admin-users/update.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"update.d.ts","sourceRoot":"","sources":["../../../../src/admin/components/admin-users/update.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAgElE,UAAU,eAAe;IACvB,IAAI,EAAE,iBAAiB,CAAA;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAA;CAC9C;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,eAAe,+BAiNvE"}

package/dist/admin/components/admin-users/update.js

@@ -0,0 +1,254 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { revalidateLogic, useForm } from "@tanstack/react-form-start";
+import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { z } from "zod";
+import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import update_module from "./update.module.js";
+const updateUserSchema = z.object({
+    given_name: z.string().max(100, 'Given name must not exceed 100 characters'),
+    family_name: z.string().max(100, 'Family name must not exceed 100 characters'),
+    username: z.string().max(100, 'Username must not exceed 100 characters'),
+    email: z.email({
+        message: 'Enter a valid email address'
+    }).min(3).max(254, 'Email must not exceed 254 characters'),
+    is_super_admin: z.boolean(),
+    is_enabled: z.boolean(),
+    is_email_verified: z.boolean()
+});
+function defaultsFrom(user) {
+    return {
+        given_name: user.given_name ?? '',
+        family_name: user.family_name ?? '',
+        username: user.username ?? '',
+        email: user.email,
+        is_super_admin: user.is_super_admin,
+        is_enabled: user.is_enabled,
+        is_email_verified: user.is_email_verified
+    };
+}
+function buildPatch(values, user) {
+    const patch = {};
+    const normaliseText = (value)=>value.trim().length > 0 ? value : null;
+    const nextGiven = normaliseText(values.given_name);
+    const nextFamily = normaliseText(values.family_name);
+    const nextUsername = normaliseText(values.username);
+    if (nextGiven !== user.given_name) patch.given_name = nextGiven;
+    if (nextFamily !== user.family_name) patch.family_name = nextFamily;
+    if (nextUsername !== user.username) patch.username = nextUsername;
+    if (values.email !== user.email) patch.email = values.email;
+    if (values.is_super_admin !== user.is_super_admin) patch.is_super_admin = values.is_super_admin;
+    if (values.is_enabled !== user.is_enabled) patch.is_enabled = values.is_enabled;
+    if (values.is_email_verified !== user.is_email_verified) patch.is_email_verified = values.is_email_verified;
+    return patch;
+}
+function UpdateUser({ user, onClose, onSuccess }) {
+    const { updateAdminUser } = useBylineAdminServices();
+    const [formError, setFormError] = useState(null);
+    const [successMessage, setSuccessMessage] = useState(null);
+    const form = useForm({
+        defaultValues: defaultsFrom(user),
+        validationLogic: revalidateLogic({
+            mode: 'blur',
+            modeAfterSubmission: 'change'
+        }),
+        validators: {
+            onDynamic: updateUserSchema
+        },
+        onSubmit: async ({ value })=>{
+            setFormError(null);
+            setSuccessMessage(null);
+            const patch = buildPatch(value, user);
+            if (0 === Object.keys(patch).length) return void setSuccessMessage('No changes to save.');
+            try {
+                const updated = await updateAdminUser({
+                    data: {
+                        id: user.id,
+                        vid: user.vid,
+                        patch
+                    }
+                });
+                setSuccessMessage('Saved.');
+                onSuccess?.(updated);
+            } catch (err) {
+                const code = getErrorCode(err);
+                if ('admin.users.emailInUse' === code) return void form.setFieldMeta('email', (meta)=>({
+                        ...meta,
+                        errorMap: {
+                            ...meta.errorMap,
+                            onServer: 'This email is already in use.'
+                        },
+                        errors: [
+                            'This email is already in use.'
+                        ]
+                    }));
+                if ('admin.users.versionConflict' === code) return void setFormError('This user has been modified elsewhere since you opened this form. Reload to get the latest values and try again.');
+                if ('admin.users.notFound' === code) return void setFormError('This user no longer exists.');
+                setFormError('Could not save changes. Please try again.');
+            }
+        }
+    });
+    return /*#__PURE__*/ jsx("div", {
+        className: classnames('byline-user-update-wrap', update_module.wrap),
+        children: /*#__PURE__*/ jsxs("form", {
+            noValidate: true,
+            onSubmit: (event)=>{
+                event.preventDefault();
+                event.stopPropagation();
+                form.handleSubmit();
+            },
+            className: classnames('byline-user-update-form', update_module.form),
+            children: [
+                formError ? /*#__PURE__*/ jsx(Alert, {
+                    intent: "danger",
+                    children: formError
+                }) : null,
+                successMessage ? /*#__PURE__*/ jsx(Alert, {
+                    intent: "success",
+                    children: successMessage
+                }) : null,
+                /*#__PURE__*/ jsx(form.Field, {
+                    name: "given_name",
+                    children: (field)=>/*#__PURE__*/ jsx(Input, {
+                            label: "Given name",
+                            id: "given_name",
+                            name: field.name,
+                            value: field.state.value,
+                            onBlur: field.handleBlur,
+                            onChange: (e)=>field.handleChange(e.currentTarget.value),
+                            error: field.state.meta.errors.length > 0,
+                            errorText: firstError(field.state.meta.errors),
+                            autoComplete: "given-name"
+                        })
+                }),
+                /*#__PURE__*/ jsx(form.Field, {
+                    name: "family_name",
+                    children: (field)=>/*#__PURE__*/ jsx(Input, {
+                            label: "Family name",
+                            id: "family_name",
+                            name: field.name,
+                            value: field.state.value,
+                            onBlur: field.handleBlur,
+                            onChange: (e)=>field.handleChange(e.currentTarget.value),
+                            error: field.state.meta.errors.length > 0,
+                            errorText: firstError(field.state.meta.errors),
+                            autoComplete: "family-name"
+                        })
+                }),
+                /*#__PURE__*/ jsx(form.Field, {
+                    name: "username",
+                    children: (field)=>/*#__PURE__*/ jsx(Input, {
+                            label: "Username",
+                            id: "username",
+                            name: field.name,
+                            value: field.state.value,
+                            onBlur: field.handleBlur,
+                            onChange: (e)=>field.handleChange(e.currentTarget.value),
+                            error: field.state.meta.errors.length > 0,
+                            errorText: firstError(field.state.meta.errors),
+                            helpText: "Optional. Leave blank to clear.",
+                            autoComplete: "username"
+                        })
+                }),
+                /*#__PURE__*/ jsx(form.Field, {
+                    name: "email",
+                    children: (field)=>/*#__PURE__*/ jsx(Input, {
+                            label: "Email",
+                            id: "email",
+                            name: field.name,
+                            type: "email",
+                            value: field.state.value,
+                            onBlur: field.handleBlur,
+                            onChange: (e)=>field.handleChange(e.currentTarget.value),
+                            error: field.state.meta.errors.length > 0,
+                            errorText: firstError(field.state.meta.errors),
+                            autoComplete: "email",
+                            required: true
+                        })
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: classnames('byline-user-update-flags', update_module.flags),
+                    children: [
+                        /*#__PURE__*/ jsx(form.Field, {
+                            name: "is_enabled",
+                            children: (field)=>/*#__PURE__*/ jsx(Checkbox, {
+                                    id: "is_enabled",
+                                    name: field.name,
+                                    label: "Enabled",
+                                    checked: field.state.value,
+                                    onCheckedChange: (checked)=>field.handleChange(true === checked),
+                                    helpText: "Disabled accounts cannot sign in."
+                                })
+                        }),
+                        /*#__PURE__*/ jsx(form.Field, {
+                            name: "is_email_verified",
+                            children: (field)=>/*#__PURE__*/ jsx(Checkbox, {
+                                    id: "is_email_verified",
+                                    name: field.name,
+                                    label: "Email verified",
+                                    checked: field.state.value,
+                                    onCheckedChange: (checked)=>field.handleChange(true === checked)
+                                })
+                        }),
+                        /*#__PURE__*/ jsx(form.Field, {
+                            name: "is_super_admin",
+                            children: (field)=>/*#__PURE__*/ jsx(Checkbox, {
+                                    id: "is_super_admin",
+                                    name: field.name,
+                                    label: "Super admin",
+                                    checked: field.state.value,
+                                    onCheckedChange: (checked)=>field.handleChange(true === checked),
+                                    helpText: "Super admins bypass every ability check — grant with care."
+                                })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: classnames('byline-user-update-actions', update_module.actions),
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            type: "button",
+                            intent: "secondary",
+                            size: "sm",
+                            onClick: onClose,
+                            className: classnames('byline-user-update-action', update_module.action),
+                            children: successMessage ? 'Close' : 'Cancel'
+                        }),
+                        /*#__PURE__*/ jsx(form.Subscribe, {
+                            selector: (state)=>({
+                                    canSubmit: state.canSubmit,
+                                    isSubmitting: state.isSubmitting,
+                                    isDirty: state.isDirty
+                                }),
+                            children: ({ canSubmit, isSubmitting })=>/*#__PURE__*/ jsx(Button, {
+                                    size: "sm",
+                                    intent: "primary",
+                                    type: "submit",
+                                    disabled: !canSubmit || isSubmitting,
+                                    className: classnames('byline-user-update-action', update_module.action),
+                                    children: true === isSubmitting ? /*#__PURE__*/ jsx(LoaderEllipsis, {
+                                        size: 42
+                                    }) : 'Save'
+                                })
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+function firstError(errors) {
+    for (const err of errors){
+        if ('string' == typeof err) return err;
+        if (err && 'object' == typeof err && 'message' in err) {
+            const msg = err.message;
+            if ('string' == typeof msg) return msg;
+        }
+    }
+}
+function getErrorCode(err) {
+    return 'string' == typeof err?.code ? err.code : null;
+}
+export { UpdateUser };

package/dist/admin/components/admin-users/update.module.js

@@ -0,0 +1,9 @@
+import "./update_module.css";
+const update_module = {
+    wrap: "wrap-HGvVzG",
+    form: "form-Rdv5zH",
+    flags: "flags-hcYFLd",
+    actions: "actions-bgPJcB",
+    action: "action-DNNfxh"
+};
+export default update_module;

package/dist/admin/components/admin-users/update_module.css

@@ -0,0 +1,34 @@
+:is(.wrap-HGvVzG, .byline-user-update-wrap) {
+  gap: var(--spacing-8);
+  padding: var(--spacing-4);
+  margin-top: var(--spacing-4);
+  flex-direction: column;
+  display: flex;
+}
+
+:is(.form-Rdv5zH, .byline-user-update-form) {
+  gap: var(--spacing-16);
+  padding-top: var(--spacing-8);
+  flex-direction: column;
+  display: flex;
+}
+
+:is(.flags-hcYFLd, .byline-user-update-flags) {
+  gap: var(--spacing-8);
+  padding: var(--spacing-4);
+  flex-direction: column;
+  display: flex;
+}
+
+:is(.actions-bgPJcB, .byline-user-update-actions) {
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--spacing-8);
+  margin-top: var(--spacing-16);
+  display: flex;
+}
+
+:is(.action-DNNfxh, .byline-user-update-action) {
+  min-width: 4rem;
+}
+

package/dist/admin/components/auth/sign-in-form.d.ts

@@ -0,0 +1,14 @@
+/**
+ * This Source Code is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ *
+ * Copyright (c) Infonomic Company Limited
+ */
+interface SignInFormProps {
+    /** Destination after successful sign-in. Defaults to `/admin`. */
+    callbackUrl?: string;
+}
+export declare function SignInForm({ callbackUrl }: SignInFormProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=sign-in-form.d.ts.map

package/dist/admin/components/auth/sign-in-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-in-form.d.ts","sourceRoot":"","sources":["../../../../src/admin/components/auth/sign-in-form.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAwBH,UAAU,eAAe;IACvB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,wBAAgB,UAAU,CAAC,EAAE,WAAW,EAAE,EAAE,eAAe,+BAkF1D"}

package/dist/admin/components/auth/sign-in-form.js

@@ -0,0 +1,107 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Alert, Button, Card, Input, LoaderEllipsis } from "@infonomic/uikit/react";
+import classnames from "classnames";
+import { useBylineAdminServices } from "../../../services/admin-services-context.js";
+import sign_in_form_module from "./sign-in-form.module.js";
+function SignInForm({ callbackUrl }) {
+    const { adminSignIn } = useBylineAdminServices();
+    const [email, setEmail] = useState('');
+    const [password, setPassword] = useState('');
+    const [pending, setPending] = useState(false);
+    const [error, setError] = useState(null);
+    async function handleSubmit(event) {
+        event.preventDefault();
+        if (pending) return;
+        if (0 === email.trim().length || 0 === password.length) return void setError('Enter your email and password.');
+        setPending(true);
+        setError(null);
+        try {
+            await adminSignIn({
+                data: {
+                    email: email.trim(),
+                    password
+                }
+            });
+            const target = callbackUrl && callbackUrl.length > 0 ? callbackUrl : '/admin';
+            window.location.assign(target);
+        } catch (err) {
+            console.warn('sign-in failed', err);
+            setError('Invalid credentials.');
+            setPending(false);
+        }
+    }
+    return /*#__PURE__*/ jsxs(Card, {
+        className: classnames('byline-sign-in-card', sign_in_form_module.card),
+        children: [
+            /*#__PURE__*/ jsxs(Card.Header, {
+                children: [
+                    /*#__PURE__*/ jsx(Card.Title, {
+                        children: /*#__PURE__*/ jsx("h2", {
+                            children: "Sign in"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Card.Description, {
+                        children: "Sign in to the Byline admin."
+                    }),
+                    error && /*#__PURE__*/ jsx(Alert, {
+                        intent: "danger",
+                        className: classnames('byline-sign-in-alert', sign_in_form_module.alert),
+                        children: error
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(Card.Content, {
+                children: /*#__PURE__*/ jsxs("form", {
+                    onSubmit: handleSubmit,
+                    noValidate: true,
+                    className: classnames('byline-sign-in-form', sign_in_form_module.form),
+                    children: [
+                        /*#__PURE__*/ jsxs("div", {
+                            className: classnames('byline-sign-in-fields', sign_in_form_module.fields),
+                            children: [
+                                /*#__PURE__*/ jsx(Input, {
+                                    label: "Email",
+                                    id: "email",
+                                    name: "email",
+                                    type: "email",
+                                    autoComplete: "email",
+                                    required: true,
+                                    value: email,
+                                    onChange: (event)=>setEmail(event.currentTarget.value),
+                                    disabled: pending
+                                }),
+                                /*#__PURE__*/ jsx(Input, {
+                                    label: "Password",
+                                    id: "password",
+                                    name: "password",
+                                    type: "password",
+                                    autoComplete: "current-password",
+                                    required: true,
+                                    value: password,
+                                    onChange: (event)=>setPassword(event.currentTarget.value),
+                                    disabled: pending
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx("div", {
+                            className: classnames('byline-sign-in-actions', sign_in_form_module.actions),
+                            children: /*#__PURE__*/ jsx(Button, {
+                                type: "submit",
+                                disabled: pending,
+                                className: classnames('byline-sign-in-button', sign_in_form_module.button),
+                                children: pending ? /*#__PURE__*/ jsx(LoaderEllipsis, {
+                                    size: 30,
+                                    color: "#aaaaaa"
+                                }) : /*#__PURE__*/ jsx("span", {
+                                    children: "Sign In"
+                                })
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}
+export { SignInForm };

package/dist/admin/components/auth/sign-in-form.module.js

@@ -0,0 +1,10 @@
+import "./sign-in-form_module.css";
+const sign_in_form_module = {
+    card: "card-QfnGXf",
+    alert: "alert-UP_Dsq",
+    form: "form-fWmy7i",
+    fields: "fields-PdCiqd",
+    actions: "actions-PqFgXw",
+    button: "button-t5aU4f"
+};
+export default sign_in_form_module;