bananas-commerce-admin 0.21.2 → 0.22.0

package/dist/esm/pages/AcceptInvitePage.js

@@ -0,0 +1,125 @@
+import React, { useEffect, useState } from "react";
+import { useSearchParams } from "react-router-dom";
+import LoadingButton from "@mui/lab/LoadingButton";
+import { Alert, Backdrop, Box, Dialog, DialogActions, DialogContent, DialogTitle, Stack, TextField, Typography, } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { useSnackbar } from "notistack";
+import Brand from "../components/Brand";
+import Content from "../containers/Content";
+import { useApi } from "../contexts/ApiContext";
+import { useI18n } from "../contexts/I18nContext";
+const StyledDialog = styled(Dialog, {
+    name: "BananasAcceptInviteDialog",
+    slot: "Root",
+})(() => ({}));
+const StyledDialogTitle = styled(DialogTitle, {
+    name: "BananasAcceptInviteDialog",
+    slot: "Title",
+})(({ theme }) => theme.unstable_sx({
+    bgcolor: "primary.main",
+    color: "primary.contrastText",
+}));
+const StyledBackdrop = styled(Backdrop, {
+    name: "BananasAcceptInviteDialog",
+    slot: "Backdrop",
+})(({ theme }) => theme.unstable_sx({
+    bgcolor: "primary.dark",
+    m: 0,
+    p: 2,
+    textAlign: "center",
+    alignItems: "middle",
+    justifyContent: "center",
+    display: "flex",
+}));
+export const AcceptInvitePage = ({ title, logo, logoHeight }) => {
+    const { enqueueSnackbar } = useSnackbar();
+    const { t } = useI18n();
+    const api = useApi();
+    const [searchParams] = useSearchParams();
+    const [password, setPassword] = useState("");
+    const [confirmPassword, setConfirmPassword] = useState("");
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState("");
+    const [tokenError, setTokenError] = useState("");
+    const token = searchParams.get("token");
+    useEffect(() => {
+        if (!token) {
+            setTokenError(t("No invite token provided"));
+        }
+    }, [token, t]);
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError("");
+        if (!token) {
+            setTokenError(t("No invite token provided"));
+            return;
+        }
+        if (password.length < 8) {
+            setError(t("Password must be at least 8 characters long"));
+            return;
+        }
+        if (password !== confirmPassword) {
+            setError(t("Passwords do not match"));
+            return;
+        }
+        setLoading(true);
+        try {
+            const response = await api?.operations["user.staff:invite-accept"].call({
+                body: {
+                    token,
+                    password,
+                },
+            });
+            if (response?.ok) {
+                const data = await response.json();
+                enqueueSnackbar(data.message || t("User created successfully!"), {
+                    variant: "success",
+                });
+                // User is already logged in on the backend, redirect to dashboard
+                // Use full page navigation to reinitialize the UserContext
+                window.location.href = "/";
+            }
+            else {
+                const errorData = await response?.json();
+                if (errorData?.detail && Array.isArray(errorData.detail)) {
+                    const tokenErrors = errorData.detail.filter((err) => err.loc?.includes("token"));
+                    if (tokenErrors.length > 0) {
+                        setTokenError(tokenErrors[0].msg);
+                    }
+                    else {
+                        setError(errorData.detail[0]?.msg || t("Failed to accept invite"));
+                    }
+                }
+                else {
+                    setError(t("Failed to accept invite. Please try again."));
+                }
+            }
+        }
+        catch (error) {
+            console.error("[ACCEPT_INVITE]", error);
+            setError(t("An unexpected error occurred. Please try again."));
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (React.createElement(Content, { layout: "fullWidth" },
+        React.createElement(StyledDialog, { open: true, BackdropComponent: StyledBackdrop, PaperProps: { elevation: 1 }, sx: { "> * > *": { width: "100%" } } },
+            React.createElement(StyledDialogTitle, null, logo ? (React.createElement(Brand, { LogoProps: { style: { width: "auto", height: logoHeight ?? "24px !important" } }, src: logo })) : (React.createElement(Typography, { sx: { fontWeight: "bold", color: "inherit" } }, title))),
+            React.createElement(Box, { component: "form", onSubmit: handleSubmit },
+                React.createElement(DialogContent, null,
+                    React.createElement(Stack, { spacing: 2 },
+                        React.createElement(Typography, { variant: "h6" }, t("Accept Staff Invite")),
+                        React.createElement(Typography, { color: "text.secondary", variant: "body2" }, t("Set your password to complete your account setup.")),
+                        tokenError && React.createElement(Alert, { severity: "error" }, tokenError),
+                        error && !tokenError && React.createElement(Alert, { severity: "error" }, error),
+                        !tokenError && (React.createElement(React.Fragment, null,
+                            React.createElement(TextField, { fullWidth: true, required: true, color: "secondary", disabled: loading, inputProps: { "aria-label": "Password", minLength: 8 }, label: t("Password"), name: "password", type: "password", value: password, onChange: (e) => setPassword(e.target.value) }),
+                            React.createElement(TextField, { fullWidth: true, required: true, color: "secondary", disabled: loading, inputProps: { "aria-label": "Confirm Password", minLength: 8 }, label: t("Confirm Password"), name: "confirmPassword", type: "password", value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value) }))))),
+                React.createElement(DialogActions, { sx: {
+                        pt: 0,
+                        pb: 2,
+                    } }, !tokenError && (React.createElement(LoadingButton, { "aria-label": "accept-invite", color: "primary", disabled: !token, loading: loading, sx: { margin: "auto" }, type: "submit", variant: "contained" }, t("Create Account"))))))));
+};
+export default AcceptInvitePage;
+//# sourceMappingURL=AcceptInvitePage.js.map

package/dist/esm/pages/AcceptInvitePage.js.map

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

package/dist/esm/pages/ResetPasswordPage.js

@@ -0,0 +1,125 @@
+import React, { useEffect, useState } from "react";
+import { useSearchParams } from "react-router-dom";
+import LoadingButton from "@mui/lab/LoadingButton";
+import { Alert, Backdrop, Box, Dialog, DialogActions, DialogContent, DialogTitle, Stack, TextField, Typography, } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { useSnackbar } from "notistack";
+import Brand from "../components/Brand";
+import Content from "../containers/Content";
+import { useApi } from "../contexts/ApiContext";
+import { useI18n } from "../contexts/I18nContext";
+const StyledDialog = styled(Dialog, {
+    name: "BananasResetPasswordDialog",
+    slot: "Root",
+})(() => ({}));
+const StyledDialogTitle = styled(DialogTitle, {
+    name: "BananasResetPasswordDialog",
+    slot: "Title",
+})(({ theme }) => theme.unstable_sx({
+    bgcolor: "primary.main",
+    color: "primary.contrastText",
+}));
+const StyledBackdrop = styled(Backdrop, {
+    name: "BananasResetPasswordDialog",
+    slot: "Backdrop",
+})(({ theme }) => theme.unstable_sx({
+    bgcolor: "primary.dark",
+    m: 0,
+    p: 2,
+    textAlign: "center",
+    alignItems: "middle",
+    justifyContent: "center",
+    display: "flex",
+}));
+export const ResetPasswordPage = ({ title, logo, logoHeight, }) => {
+    const { enqueueSnackbar } = useSnackbar();
+    const { t } = useI18n();
+    const api = useApi();
+    const [searchParams] = useSearchParams();
+    const [password, setPassword] = useState("");
+    const [confirmPassword, setConfirmPassword] = useState("");
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState("");
+    const [tokenError, setTokenError] = useState("");
+    const token = searchParams.get("token");
+    useEffect(() => {
+        if (!token) {
+            setTokenError(t("No password reset token provided"));
+        }
+    }, [token, t]);
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError("");
+        if (!token) {
+            setTokenError(t("No password reset token provided"));
+            return;
+        }
+        if (password.length < 8) {
+            setError(t("Password must be at least 8 characters long"));
+            return;
+        }
+        if (password !== confirmPassword) {
+            setError(t("Passwords do not match"));
+            return;
+        }
+        setLoading(true);
+        try {
+            const response = await api?.operations["user.staff:password-reset-confirm"].call({
+                body: {
+                    token,
+                    new_password: password,
+                },
+            });
+            if (response?.ok) {
+                const data = await response.json();
+                enqueueSnackbar(data.message || t("Password reset successfully!"), {
+                    variant: "success",
+                });
+                // User is logged in on the backend after password reset, redirect to dashboard
+                // Use full page navigation to reinitialize the UserContext
+                window.location.href = "/";
+            }
+            else {
+                const errorData = await response?.json();
+                if (errorData?.detail && Array.isArray(errorData.detail)) {
+                    const tokenErrors = errorData.detail.filter((err) => err.loc?.includes("token"));
+                    if (tokenErrors.length > 0) {
+                        setTokenError(tokenErrors[0].msg);
+                    }
+                    else {
+                        setError(errorData.detail[0]?.msg || t("Failed to reset password"));
+                    }
+                }
+                else {
+                    setError(t("Failed to reset password. Please try again."));
+                }
+            }
+        }
+        catch (error) {
+            console.error("[RESET_PASSWORD]", error);
+            setError(t("An unexpected error occurred. Please try again."));
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    return (React.createElement(Content, { layout: "fullWidth" },
+        React.createElement(StyledDialog, { open: true, BackdropComponent: StyledBackdrop, PaperProps: { elevation: 1 }, sx: { "> * > *": { width: "100%" } } },
+            React.createElement(StyledDialogTitle, null, logo ? (React.createElement(Brand, { LogoProps: { style: { width: "auto", height: logoHeight ?? "24px !important" } }, src: logo })) : (React.createElement(Typography, { sx: { fontWeight: "bold", color: "inherit" } }, title))),
+            React.createElement(Box, { component: "form", onSubmit: handleSubmit },
+                React.createElement(DialogContent, null,
+                    React.createElement(Stack, { spacing: 2 },
+                        React.createElement(Typography, { variant: "h6" }, t("Reset Your Password")),
+                        React.createElement(Typography, { color: "text.secondary", variant: "body2" }, t("Enter your new password below.")),
+                        tokenError && React.createElement(Alert, { severity: "error" }, tokenError),
+                        error && !tokenError && React.createElement(Alert, { severity: "error" }, error),
+                        !tokenError && (React.createElement(React.Fragment, null,
+                            React.createElement(TextField, { fullWidth: true, required: true, color: "secondary", disabled: loading, inputProps: { "aria-label": "New Password", minLength: 8 }, label: t("New Password"), name: "password", type: "password", value: password, onChange: (e) => setPassword(e.target.value) }),
+                            React.createElement(TextField, { fullWidth: true, required: true, color: "secondary", disabled: loading, inputProps: { "aria-label": "Confirm New Password", minLength: 8 }, label: t("Confirm New Password"), name: "confirmPassword", type: "password", value: confirmPassword, onChange: (e) => setConfirmPassword(e.target.value) }))))),
+                React.createElement(DialogActions, { sx: {
+                        pt: 0,
+                        pb: 2,
+                    } }, !tokenError && (React.createElement(LoadingButton, { "aria-label": "reset-password", color: "primary", disabled: !token, loading: loading, sx: { margin: "auto" }, type: "submit", variant: "contained" }, t("Reset Password"))))))));
+};
+export default ResetPasswordPage;
+//# sourceMappingURL=ResetPasswordPage.js.map

package/dist/esm/pages/ResetPasswordPage.js.map

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

package/dist/types/extensions/pim/types/product.d.ts

@@ -5,6 +5,7 @@ export interface ProductList {
     name: string;
     description: string;
     is_active: boolean;
+    image_url: string | null;
 }
 export type ProductPropertyValue = string | number | boolean | string[] | number[] | boolean[] | null | undefined;
 export type ProductPropertiesData = Record<string, string | number | boolean | string[] | number[] | boolean[]>;

package/dist/types/extensions/user/components/InviteUserModal.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { PageProps } from "../../../types";
+export interface InviteUserModalProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    refresh: PageProps["refresh"];
+}
+export declare const InviteUserModal: React.FC<InviteUserModalProps>;
+export default InviteUserModal;

package/dist/types/extensions/user/index.d.ts

@@ -0,0 +1,4 @@
+import { RouterExtension } from "../../router/Router";
+import { NavigationOverrides } from "../../types";
+export declare const router: RouterExtension;
+export declare const navigation: NavigationOverrides;

package/dist/types/extensions/user/pages/staff/detail.d.ts

@@ -0,0 +1,4 @@
+import { PageComponent } from "../../../../types";
+import { StaffDetail } from "../../types/staff";
+declare const StaffDetailPage: PageComponent<StaffDetail>;
+export default StaffDetailPage;

package/dist/types/extensions/user/pages/staff/list.d.ts

@@ -0,0 +1,4 @@
+import { LimitOffset, PageComponent } from "../../../../types";
+import { StaffList } from "../../types/staff";
+declare const StaffListPage: PageComponent<LimitOffset<StaffList>>;
+export default StaffListPage;

package/dist/types/extensions/user/types/staff.d.ts

@@ -0,0 +1,24 @@
+export interface StaffList {
+    id: number;
+    email: string;
+    is_active: boolean;
+    groups: string[];
+}
+export interface StaffDetail {
+    id: number;
+    email: string;
+    is_staff: boolean;
+    is_active: boolean;
+    is_superuser: boolean;
+    groups: string[];
+    permissions: string[];
+    last_login: string | null;
+    date_created: string;
+}
+export interface GroupOption {
+    id: number;
+    name: string;
+}
+export interface StaffOptions {
+    groups: GroupOption[];
+}

package/dist/types/index.d.ts

@@ -70,6 +70,7 @@ export * as pos from "./extensions/pos";
 export * as pricing from "./extensions/pricing";
 export * as report from "./extensions/report";
 export * as subscription from "./extensions/subscription";
+export * as user from "./extensions/user";
 export * as mui from "./mui";
 export type { RouterExtension } from "./router/Router";
 export * as themes from "./themes";

package/dist/types/pages/AcceptInvitePage.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { LogoType } from "../types";
+export interface AcceptInvitePageProps {
+    title?: string;
+    logo?: LogoType;
+    logoHeight?: number | string;
+}
+export declare const AcceptInvitePage: React.FC<AcceptInvitePageProps>;
+export default AcceptInvitePage;

package/dist/types/pages/ResetPasswordPage.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { LogoType } from "../types";
+export interface ResetPasswordPageProps {
+    title?: string;
+    logo?: LogoType;
+    logoHeight?: number | string;
+}
+export declare const ResetPasswordPage: React.FC<ResetPasswordPageProps>;
+export default ResetPasswordPage;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bananas-commerce-admin",
-  "version": "0.21.2",
+  "version": "0.22.0",
   "description": "What's this, an admin for apes?",
   "keywords": [
     "admin",

package/src/Admin.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { BrowserRouter } from "react-router-dom";
+import { BrowserRouter, useLocation } from "react-router-dom";
 
 import { Stack } from "@mui/material";
 
@@ -10,7 +10,9 @@ import DialogContextProvider, { BcomDialog } from "./contexts/DialogContext";
 import { useI18n } from "./contexts/I18nContext";
 import { RouterContextProvider } from "./contexts/RouterContext";
 import { useUser } from "./contexts/UserContext";
+import AcceptInvitePage from "./pages/AcceptInvitePage";
 import LoginPage from "./pages/LoginPage";
+import ResetPasswordPage from "./pages/ResetPasswordPage";
 import { Router, RouterProps } from "./router/Router";
 import { LogoType, NavigationOverrides } from "./types";
 
@@ -31,7 +33,7 @@ export interface AdminProps extends RouterProps {
   basepath?: string;
 }
 
-export const Admin: React.FC<AdminProps> = ({
+const AdminContent: React.FC<AdminProps> = ({
   logo,
   logoSymbol,
   loginLogoHeight,
@@ -47,10 +49,56 @@ export const Admin: React.FC<AdminProps> = ({
   const api = useApi();
   const i18n = useI18n();
   const { hasTriedToFetchUser, user } = useUser();
+  const location = useLocation();
 
   const hasLoaded = Boolean(api != null && i18n != null);
   const hasUser = user != null;
 
+  // Check if we're on public routes
+  const isAcceptInviteRoute = location.pathname === "/user/accept-invite";
+  const isResetPasswordRoute = location.pathname === "/user/reset-password";
+
+  if (!hasLoaded || !hasTriedToFetchUser) {
+    return <LoadingScreen />;
+  }
+
+  // Show accept invite page if on that route, regardless of auth status
+  if (isAcceptInviteRoute) {
+    return <AcceptInvitePage logo={logo} logoHeight={loginLogoHeight} title={title} />;
+  }
+
+  // Show reset password page if on that route, regardless of auth status
+  if (isResetPasswordRoute) {
+    return <ResetPasswordPage logo={logo} logoHeight={loginLogoHeight} title={title} />;
+  }
+
+  // Show login page if not authenticated
+  if (!hasUser) {
+    return <LoginPage logo={logo} logoHeight={loginLogoHeight} title={title} />;
+  }
+
+  // Show authenticated content
+  return (
+    <RouterContextProvider basename={basename} stripPathPrefix={basepath}>
+      <DialogContextProvider>
+        <BcomDialog />
+        <Stack direction={{ xs: "column", sm: "row" }}>
+          <NavRail
+            logo={logoSymbol ?? logo}
+            navigation={navigation}
+            subtitle={subtitle}
+            title={title}
+            version={version}
+          />
+
+          <Router dashboard={dashboard} extensions={extensions} />
+        </Stack>
+      </DialogContextProvider>
+    </RouterContextProvider>
+  );
+};
+
+export const Admin: React.FC<AdminProps> = (props) => {
   return (
     <Stack
       sx={{
@@ -59,30 +107,9 @@ export const Admin: React.FC<AdminProps> = ({
         bgcolor: "background.default",
       }}
     >
-      {!hasLoaded || !hasTriedToFetchUser ? (
-        <LoadingScreen />
-      ) : !hasUser ? (
-        <LoginPage logo={logo} logoHeight={loginLogoHeight} title={title} />
-      ) : (
-        <BrowserRouter basename={basename}>
-          <RouterContextProvider basename={basename} stripPathPrefix={basepath}>
-            <DialogContextProvider>
-              <BcomDialog />
-              <Stack direction={{ xs: "column", sm: "row" }}>
-                <NavRail
-                  logo={logoSymbol ?? logo}
-                  navigation={navigation}
-                  subtitle={subtitle}
-                  title={title}
-                  version={version}
-                />
-
-                <Router dashboard={dashboard} extensions={extensions} />
-              </Stack>
-            </DialogContextProvider>
-          </RouterContextProvider>
-        </BrowserRouter>
-      )}
+      <BrowserRouter basename={props.basename}>
+        <AdminContent {...props} />
+      </BrowserRouter>
     </Stack>
   );
 };

package/src/extensions/pim/components/ProductRow.tsx

@@ -2,6 +2,7 @@ import React from "react";
 
 import CancelIcon from "@mui/icons-material/Cancel";
 import CheckCircleIcon from "@mui/icons-material/CheckCircle";
+import { Box } from "@mui/material";
 
 import { TableCell } from "../../../components/Table/TableCell";
 import { NavigatingTableRow } from "../../../components/Table/TableRow";
@@ -13,6 +14,37 @@ export interface ProductRowProps {
 
 export const ProductRow: React.FC<ProductRowProps> = ({ product }) => (
   <NavigatingTableRow route="pim.product:detail" routeParams={{ id: product.id }}>
+    <TableCell
+      sx={{ py: 0.75 }}
+      typographyProps={{
+        component: "div",
+        sx: { display: "flex", alignItems: "center", width: 48 },
+      }}
+    >
+      {product.image_url ? (
+        <Box
+          alt=""
+          component="img"
+          src={product.image_url}
+          sx={{
+            width: 48,
+            height: 48,
+            borderRadius: 1,
+            bgcolor: "background.default",
+            objectFit: "cover",
+          }}
+        />
+      ) : (
+        <Box
+          sx={{
+            width: 48,
+            height: 48,
+            borderRadius: 1,
+            bgcolor: "action.hover",
+          }}
+        />
+      )}
+    </TableCell>
     <TableCell>{product.name}</TableCell>
     <TableCell>{product.item_type}</TableCell>
     <TableCell>{product.number}</TableCell>

package/src/extensions/pim/pages/product/list.tsx

@@ -55,6 +55,7 @@ const ProductListPage: PageComponent<LimitOffset<ProductList>> = ({ data }) => {
           <TableCard>
             <Table pagination count={data?.count}>
               <TableHead>
+                <TableHeading sx={{ width: 80 }}>{t("Image")}</TableHeading>
                 <TableHeading>{t("Name")}</TableHeading>
                 <TableHeading>{t("Type")}</TableHeading>
                 <TableHeading>{t("Product Number")}</TableHeading>

package/src/extensions/pim/types/product.ts

@@ -5,6 +5,7 @@ export interface ProductList {
   name: string;
   description: string;
   is_active: boolean;
+  image_url: string | null;
 }
 
 export type ProductPropertyValue =