@byline/ui 2.4.0 → 2.4.2

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

@@ -1,166 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { revalidateLogic, useForm } from "@tanstack/react-form-start";
-import classnames from "classnames";
-import { z } from "zod";
-import { useBylineAdminServices } from "../../../services/admin-services-context.js";
-import { Alert, Button, Input, LoaderEllipsis, TextArea } from "../../../uikit.js";
-import update_module from "./update.module.js";
-const updateRoleSchema = z.object({
-    name: z.string().min(1, 'Name is required').max(128, 'Name must not exceed 128 characters'),
-    description: z.string().max(2000, "Description must not exceed 2000 characters")
-});
-function defaultsFrom(role) {
-    return {
-        name: role.name,
-        description: role.description ?? ''
-    };
-}
-function buildPatch(values, role) {
-    const patch = {};
-    const normaliseText = (value)=>value.trim().length > 0 ? value : null;
-    const nextDescription = normaliseText(values.description);
-    const nextName = values.name.trim();
-    if (nextName !== role.name) patch.name = nextName;
-    if (nextDescription !== role.description) patch.description = nextDescription;
-    return patch;
-}
-function UpdateRole({ role, onClose, onSuccess }) {
-    const { updateAdminRole } = useBylineAdminServices();
-    const [formError, setFormError] = useState(null);
-    const [successMessage, setSuccessMessage] = useState(null);
-    const form = useForm({
-        defaultValues: defaultsFrom(role),
-        validationLogic: revalidateLogic({
-            mode: 'blur',
-            modeAfterSubmission: 'change'
-        }),
-        validators: {
-            onDynamic: updateRoleSchema
-        },
-        onSubmit: async ({ value })=>{
-            setFormError(null);
-            setSuccessMessage(null);
-            const patch = buildPatch(value, role);
-            if (0 === Object.keys(patch).length) return void setSuccessMessage('No changes to save.');
-            try {
-                const updated = await updateAdminRole({
-                    data: {
-                        id: role.id,
-                        vid: role.vid,
-                        patch
-                    }
-                });
-                setSuccessMessage('Saved.');
-                onSuccess?.(updated);
-            } catch (err) {
-                const code = getErrorCode(err);
-                if ('admin.roles.versionConflict' === code) return void setFormError('This role has been modified elsewhere since you opened this form. Reload to get the latest values and try again.');
-                if ('admin.roles.notFound' === code) return void setFormError('This role no longer exists.');
-                setFormError('Could not save changes. Please try again.');
-            }
-        }
-    });
-    return /*#__PURE__*/ jsx("div", {
-        className: classnames('byline-role-update-wrap', update_module.wrap),
-        children: /*#__PURE__*/ jsxs("form", {
-            noValidate: true,
-            onSubmit: (event)=>{
-                event.preventDefault();
-                event.stopPropagation();
-                form.handleSubmit();
-            },
-            className: classnames('byline-role-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: "name",
-                    children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Name",
-                            id: "role-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),
-                            required: true
-                        })
-                }),
-                /*#__PURE__*/ jsx(Input, {
-                    label: "Machine name",
-                    id: "role-machine-name",
-                    name: "machine_name",
-                    value: role.machine_name,
-                    readOnly: true,
-                    disabled: true,
-                    helpText: "The stable code-side handle. Cannot be changed after creation."
-                }),
-                /*#__PURE__*/ jsx(form.Field, {
-                    name: "description",
-                    children: (field)=>/*#__PURE__*/ jsx(TextArea, {
-                            label: "Description",
-                            id: "role-description",
-                            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),
-                            rows: 3
-                        })
-                }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-role-update-actions', update_module.actions),
-                    children: [
-                        /*#__PURE__*/ jsx(Button, {
-                            type: "button",
-                            intent: "secondary",
-                            size: "sm",
-                            onClick: onClose,
-                            className: classnames('byline-role-update-action', update_module.action),
-                            children: successMessage ? 'Close' : 'Cancel'
-                        }),
-                        /*#__PURE__*/ jsx(form.Subscribe, {
-                            selector: (state)=>({
-                                    canSubmit: state.canSubmit,
-                                    isSubmitting: state.isSubmitting
-                                }),
-                            children: ({ canSubmit, isSubmitting })=>/*#__PURE__*/ jsx(Button, {
-                                    size: "sm",
-                                    intent: "primary",
-                                    type: "submit",
-                                    disabled: !canSubmit || isSubmitting,
-                                    className: classnames('byline-role-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 { UpdateRole };

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

@@ -1,8 +0,0 @@
-import "./update_module.css";
-const update_module = {
-    wrap: "wrap-mfIMVS",
-    form: "form-aniFJU",
-    actions: "actions-b9qrxi",
-    action: "action-h2ZUf2"
-};
-export default update_module;

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

@@ -1,27 +0,0 @@
-:is(.wrap-mfIMVS, .byline-role-update-wrap) {
-  gap: var(--spacing-8);
-  padding: var(--spacing-4);
-  margin-top: var(--spacing-4);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.form-aniFJU, .byline-role-update-form) {
-  gap: var(--spacing-16);
-  padding-top: var(--spacing-8);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.actions-b9qrxi, .byline-role-update-actions) {
-  justify-content: flex-end;
-  align-items: center;
-  gap: var(--spacing-8);
-  margin-top: var(--spacing-16);
-  display: flex;
-}
-
-:is(.action-h2ZUf2, .byline-role-update-action) {
-  min-width: 4rem;
-}
-

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

@@ -1,8 +0,0 @@
-import type { AdminUserResponse } from '@byline/admin/admin-users';
-interface CreateAdminUserProps {
-    onClose?: () => void;
-    /** Called on successful create with the new user so the parent can navigate. */
-    onSuccess?: (user: AdminUserResponse) => void;
-}
-export declare function CreateAdminUser({ onClose, onSuccess }: CreateAdminUserProps): import("react").JSX.Element;
-export {};

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

@@ -1,268 +0,0 @@
-"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 classnames from "classnames";
-import { z } from "zod";
-import { useBylineAdminServices } from "../../../services/admin-services-context.js";
-import { Alert, Button, Checkbox, Input, LoaderEllipsis } from "../../../uikit.js";
-import create_module from "./create.module.js";
-const createAdminUserFormSchema = z.object({
-    email: z.email({
-        message: 'Enter a valid email address'
-    }).min(3).max(254, 'Email must not exceed 254 characters'),
-    password: passwordSchema,
-    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'),
-    is_super_admin: z.boolean(),
-    is_enabled: z.boolean(),
-    is_email_verified: z.boolean()
-});
-const initialValues = {
-    email: '',
-    password: '',
-    given_name: '',
-    family_name: '',
-    username: '',
-    is_super_admin: false,
-    is_enabled: true,
-    is_email_verified: false
-};
-function normaliseText(value) {
-    return value.trim().length > 0 ? value : null;
-}
-function CreateAdminUser({ onClose, onSuccess }) {
-    const { createAdminUser } = useBylineAdminServices();
-    const [formError, setFormError] = useState(null);
-    const form = useForm({
-        defaultValues: initialValues,
-        validationLogic: revalidateLogic({
-            mode: 'blur',
-            modeAfterSubmission: 'change'
-        }),
-        validators: {
-            onDynamic: createAdminUserFormSchema
-        },
-        onSubmit: async ({ value })=>{
-            setFormError(null);
-            try {
-                const created = await createAdminUser({
-                    data: {
-                        email: value.email,
-                        password: value.password,
-                        given_name: normaliseText(value.given_name),
-                        family_name: normaliseText(value.family_name),
-                        username: normaliseText(value.username),
-                        is_super_admin: value.is_super_admin,
-                        is_enabled: value.is_enabled,
-                        is_email_verified: value.is_email_verified
-                    }
-                });
-                form.reset(initialValues);
-                onSuccess?.(created);
-            } 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.'
-                        ]
-                    }));
-                setFormError('Could not create this admin user. Please try again.');
-            }
-        }
-    });
-    return /*#__PURE__*/ jsx("div", {
-        className: classnames('byline-user-create-wrap', create_module.wrap),
-        children: /*#__PURE__*/ jsxs("form", {
-            noValidate: true,
-            onSubmit: (event)=>{
-                event.preventDefault();
-                event.stopPropagation();
-                form.handleSubmit();
-            },
-            className: classnames('byline-user-create-form', create_module.form),
-            children: [
-                formError ? /*#__PURE__*/ jsx(Alert, {
-                    intent: "danger",
-                    children: formError
-                }) : null,
-                /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-user-create-grid', create_module.grid),
-                    children: [
-                        /*#__PURE__*/ jsx(form.Field, {
-                            name: "given_name",
-                            children: (field)=>/*#__PURE__*/ jsx(Input, {
-                                    label: "Given name",
-                                    id: "new-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: "new-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: "new-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.",
-                            autoComplete: "username"
-                        })
-                }),
-                /*#__PURE__*/ jsx(form.Field, {
-                    name: "email",
-                    children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Email",
-                            id: "new-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__*/ jsx(form.Field, {
-                    name: "password",
-                    children: (field)=>/*#__PURE__*/ jsx(Input, {
-                            label: "Initial password",
-                            id: "new-password",
-                            name: field.name,
-                            type: "password",
-                            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: "The user can change it from their own account after signing in.",
-                            autoComplete: "new-password",
-                            required: true
-                        })
-                }),
-                /*#__PURE__*/ jsxs("div", {
-                    className: classnames('byline-user-create-flags', create_module.flags),
-                    children: [
-                        /*#__PURE__*/ jsx(form.Field, {
-                            name: "is_enabled",
-                            children: (field)=>/*#__PURE__*/ jsx(Checkbox, {
-                                    id: "new-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: "new-is-email-verified",
-                                    name: field.name,
-                                    label: "Email verified",
-                                    checked: field.state.value,
-                                    onCheckedChange: (checked)=>field.handleChange(true === checked),
-                                    helpText: "Skip the verification flow for this account."
-                                })
-                        }),
-                        /*#__PURE__*/ jsx(form.Field, {
-                            name: "is_super_admin",
-                            children: (field)=>/*#__PURE__*/ jsx(Checkbox, {
-                                    id: "new-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-create-actions', create_module.actions),
-                    children: [
-                        /*#__PURE__*/ jsx(Button, {
-                            type: "button",
-                            intent: "secondary",
-                            size: "sm",
-                            onClick: onClose,
-                            className: classnames('byline-user-create-action', create_module.action),
-                            children: "Cancel"
-                        }),
-                        /*#__PURE__*/ jsx(form.Subscribe, {
-                            selector: (state)=>({
-                                    canSubmit: state.canSubmit,
-                                    isSubmitting: state.isSubmitting
-                                }),
-                            children: ({ canSubmit, isSubmitting })=>/*#__PURE__*/ jsx(Button, {
-                                    size: "sm",
-                                    intent: "primary",
-                                    type: "submit",
-                                    disabled: !canSubmit || isSubmitting,
-                                    className: classnames('byline-user-create-action', create_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) {
-    if (err && 'object' == typeof err) {
-        const e = err;
-        if ('string' == typeof e.code) return e.code;
-        if (e.cause && 'object' == typeof e.cause && 'code' in e.cause) {
-            const cause = e.cause;
-            if ('string' == typeof cause.code) return cause.code;
-        }
-    }
-    return null;
-}
-export { CreateAdminUser };

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

@@ -1,10 +0,0 @@
-import "./create_module.css";
-const create_module = {
-    wrap: "wrap-VYxHeO",
-    form: "form-YMDaAb",
-    grid: "grid-xDObjA",
-    flags: "flags-JoKEl3",
-    actions: "actions-TcG9RX",
-    action: "action-CLDYKz"
-};
-export default create_module;

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

@@ -1,45 +0,0 @@
-:is(.wrap-VYxHeO, .byline-user-create-wrap) {
-  gap: var(--spacing-8);
-  padding: var(--spacing-4);
-  margin-top: var(--spacing-4);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.form-YMDaAb, .byline-user-create-form) {
-  gap: var(--spacing-16);
-  padding-top: var(--spacing-8);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.grid-xDObjA, .byline-user-create-grid) {
-  gap: var(--spacing-16);
-  grid-template-columns: 1fr;
-  display: grid;
-}
-
-@media (min-width: 40rem) {
-  :is(.grid-xDObjA, .byline-user-create-grid) {
-    grid-template-columns: 1fr 1fr;
-  }
-}
-
-:is(.flags-JoKEl3, .byline-user-create-flags) {
-  gap: var(--spacing-8);
-  flex-direction: column;
-  display: flex;
-}
-
-:is(.actions-TcG9RX, .byline-user-create-actions) {
-  justify-content: flex-end;
-  align-items: center;
-  gap: var(--spacing-8);
-  margin-top: var(--spacing-16);
-  display: flex;
-}
-
-:is(.action-CLDYKz, .byline-user-create-action) {
-  min-width: 4rem;
-}
-

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

@@ -1,11 +0,0 @@
-import type { AdminRoleResponse, UserRolesResponse } from '@byline/admin/admin-roles';
-import type { AdminUserResponse } from '@byline/admin/admin-users';
-interface UserRolesProps {
-    user: AdminUserResponse;
-    allRoles: AdminRoleResponse[];
-    initialRoleIds: string[];
-    onClose?: () => void;
-    onSaved?: (response: UserRolesResponse) => void;
-}
-export declare function UserRoles({ user, allRoles, initialRoleIds, onClose, onSaved }: UserRolesProps): import("react").JSX.Element;
-export {};