nucleus-core-ts 0.8.6 → 0.8.8

package/dist/fe/components/ProfilePage/components/AddressCard.js

@@ -0,0 +1,196 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../utils/cn";
+import { Button } from "../../Button";
+import { profilePageTheme } from "../theme";
+export function AddressCard({ address, onEdit, onDelete, isUpdating, isDeleting, allowEdit = true }) {
+    const theme = profilePageTheme;
+    const isPending = address.id.startsWith("temp-");
+    const formatAddress = ()=>{
+        const parts = [
+            address.street,
+            address.apartment,
+            address.neighborhood,
+            address.district,
+            address.city,
+            address.state,
+            address.province,
+            address.zip,
+            address.country
+        ].filter(Boolean);
+        return parts.join(", ") || "No address details";
+    };
+    const getTypeIcon = ()=>{
+        if (address.type === "home" || address.type === "residential") {
+            return /*#__PURE__*/ _jsxs("svg", {
+                className: "w-5 h-5",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: [
+                    /*#__PURE__*/ _jsx("title", {
+                        children: "Home"
+                    }),
+                    /*#__PURE__*/ _jsx("path", {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
+                    })
+                ]
+            });
+        }
+        if (address.type === "work" || address.type === "office") {
+            return /*#__PURE__*/ _jsxs("svg", {
+                className: "w-5 h-5",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: [
+                    /*#__PURE__*/ _jsx("title", {
+                        children: "Work"
+                    }),
+                    /*#__PURE__*/ _jsx("path", {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M3.75 21h16.5M4.5 3h15M5.25 3v18m13.5-18v18M9 6.75h1.5m-1.5 3h1.5m-1.5 3h1.5m3-6H15m-1.5 3H15m-1.5 3H15M9 21v-3.375c0-.621.504-1.125 1.125-1.125h3.75c.621 0 1.125.504 1.125 1.125V21"
+                    })
+                ]
+            });
+        }
+        return /*#__PURE__*/ _jsxs("svg", {
+            className: "w-5 h-5",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            children: [
+                /*#__PURE__*/ _jsx("title", {
+                    children: "Location"
+                }),
+                /*#__PURE__*/ _jsx("path", {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M15 10.5a3 3 0 11-6 0 3 3 0 016 0z"
+                }),
+                /*#__PURE__*/ _jsx("path", {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z"
+                })
+            ]
+        });
+    };
+    return /*#__PURE__*/ _jsxs("article", {
+        className: cn(theme.itemCard.base, theme.itemCard.padding, theme.itemCard.background, theme.itemCard.border, theme.itemCard.rounded, theme.itemCard.hover),
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: theme.itemCard.header.container,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: theme.itemCard.header.icon,
+                        children: getTypeIcon()
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex-1 min-w-0",
+                        children: [
+                            /*#__PURE__*/ _jsx("h3", {
+                                className: theme.itemCard.header.title,
+                                children: address.name
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                className: theme.itemCard.header.subtitle,
+                                children: address.type || "Address"
+                            })
+                        ]
+                    }),
+                    allowEdit && /*#__PURE__*/ _jsxs("div", {
+                        className: theme.itemCard.header.actions,
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "ghost",
+                                size: "sm",
+                                onClick: ()=>onEdit(address),
+                                disabled: isUpdating || isDeleting || isPending,
+                                className: "p-1.5",
+                                "aria-label": "Edit address",
+                                children: /*#__PURE__*/ _jsxs("svg", {
+                                    className: "w-4 h-4",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    strokeWidth: "2",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("title", {
+                                            children: "Edit"
+                                        }),
+                                        /*#__PURE__*/ _jsx("path", {
+                                            strokeLinecap: "round",
+                                            strokeLinejoin: "round",
+                                            d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "ghost",
+                                size: "sm",
+                                onClick: ()=>onDelete(address.id),
+                                disabled: isUpdating || isDeleting || isPending,
+                                className: "p-1.5 text-red-500 hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20",
+                                "aria-label": "Delete address",
+                                children: isDeleting ? /*#__PURE__*/ _jsxs("svg", {
+                                    className: "w-4 h-4 animate-spin",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("title", {
+                                            children: "Deleting"
+                                        }),
+                                        /*#__PURE__*/ _jsx("circle", {
+                                            className: "opacity-25",
+                                            cx: "12",
+                                            cy: "12",
+                                            r: "10",
+                                            stroke: "currentColor",
+                                            strokeWidth: "4"
+                                        }),
+                                        /*#__PURE__*/ _jsx("path", {
+                                            className: "opacity-75",
+                                            fill: "currentColor",
+                                            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                                        })
+                                    ]
+                                }) : /*#__PURE__*/ _jsxs("svg", {
+                                    className: "w-4 h-4",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    strokeWidth: "2",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("title", {
+                                            children: "Delete"
+                                        }),
+                                        /*#__PURE__*/ _jsx("path", {
+                                            strokeLinecap: "round",
+                                            strokeLinejoin: "round",
+                                            d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: theme.itemCard.details.container,
+                children: /*#__PURE__*/ _jsx("p", {
+                    className: "text-zinc-600 dark:text-zinc-400 text-sm leading-relaxed",
+                    children: formatAddress()
+                })
+            })
+        ]
+    });
+}

package/dist/fe/components/ProfilePage/components/PhoneCard.js

@@ -0,0 +1,206 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../utils/cn";
+import { Button } from "../../Button";
+import { profilePageTheme } from "../theme";
+export function PhoneCard({ phone, onEdit, onDelete, isUpdating, isDeleting, allowEdit = true }) {
+    const theme = profilePageTheme;
+    const isPending = phone.id.startsWith("temp-");
+    const formatPhoneNumber = ()=>{
+        const parts = [
+            phone.countryCode,
+            phone.number
+        ];
+        if (phone.extension) {
+            parts.push(`ext. ${phone.extension}`);
+        }
+        return parts.join(" ");
+    };
+    const getTypeIcon = ()=>{
+        if (phone.type === "mobile") {
+            return /*#__PURE__*/ _jsxs("svg", {
+                className: "w-5 h-5",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: [
+                    /*#__PURE__*/ _jsx("title", {
+                        children: "Mobile"
+                    }),
+                    /*#__PURE__*/ _jsx("path", {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M10.5 1.5H8.25A2.25 2.25 0 006 3.75v16.5a2.25 2.25 0 002.25 2.25h7.5A2.25 2.25 0 0018 20.25V3.75a2.25 2.25 0 00-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3"
+                    })
+                ]
+            });
+        }
+        if (phone.type === "office") {
+            return /*#__PURE__*/ _jsxs("svg", {
+                className: "w-5 h-5",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: [
+                    /*#__PURE__*/ _jsx("title", {
+                        children: "Office"
+                    }),
+                    /*#__PURE__*/ _jsx("path", {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"
+                    })
+                ]
+            });
+        }
+        if (phone.type === "fax") {
+            return /*#__PURE__*/ _jsxs("svg", {
+                className: "w-5 h-5",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                children: [
+                    /*#__PURE__*/ _jsx("title", {
+                        children: "Fax"
+                    }),
+                    /*#__PURE__*/ _jsx("path", {
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        d: "M6.72 13.829c-.24.03-.48.062-.72.096m.72-.096a42.415 42.415 0 0110.56 0m-10.56 0L6.34 18m10.94-4.171c.24.03.48.062.72.096m-.72-.096L17.66 18m0 0l.229 2.523a1.125 1.125 0 01-1.12 1.227H7.231c-.662 0-1.18-.568-1.12-1.227L6.34 18m11.318 0h1.091A2.25 2.25 0 0021 15.75V9.456c0-1.081-.768-2.015-1.837-2.175a48.055 48.055 0 00-1.913-.247M6.34 18H5.25A2.25 2.25 0 013 15.75V9.456c0-1.081.768-2.015 1.837-2.175a48.041 48.041 0 011.913-.247m10.5 0a48.536 48.536 0 00-10.5 0m10.5 0V3.375c0-.621-.504-1.125-1.125-1.125h-8.25c-.621 0-1.125.504-1.125 1.125v3.659M18 10.5h.008v.008H18V10.5zm-3 0h.008v.008H15V10.5z"
+                    })
+                ]
+            });
+        }
+        return /*#__PURE__*/ _jsxs("svg", {
+            className: "w-5 h-5",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            children: [
+                /*#__PURE__*/ _jsx("title", {
+                    children: "Phone"
+                }),
+                /*#__PURE__*/ _jsx("path", {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"
+                })
+            ]
+        });
+    };
+    return /*#__PURE__*/ _jsxs("article", {
+        className: cn(theme.itemCard.base, theme.itemCard.padding, theme.itemCard.background, theme.itemCard.border, theme.itemCard.rounded, theme.itemCard.hover),
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: theme.itemCard.header.container,
+                children: [
+                    /*#__PURE__*/ _jsx("div", {
+                        className: theme.itemCard.header.icon,
+                        children: getTypeIcon()
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex-1 min-w-0",
+                        children: [
+                            /*#__PURE__*/ _jsx("h3", {
+                                className: theme.itemCard.header.title,
+                                children: phone.name
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                className: theme.itemCard.header.subtitle,
+                                children: phone.type || "Phone"
+                            })
+                        ]
+                    }),
+                    allowEdit && /*#__PURE__*/ _jsxs("div", {
+                        className: theme.itemCard.header.actions,
+                        children: [
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "ghost",
+                                size: "sm",
+                                onClick: ()=>onEdit(phone),
+                                disabled: isUpdating || isDeleting || isPending,
+                                className: "p-1.5",
+                                "aria-label": "Edit phone",
+                                children: /*#__PURE__*/ _jsxs("svg", {
+                                    className: "w-4 h-4",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    strokeWidth: "2",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("title", {
+                                            children: "Edit"
+                                        }),
+                                        /*#__PURE__*/ _jsx("path", {
+                                            strokeLinecap: "round",
+                                            strokeLinejoin: "round",
+                                            d: "M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ _jsx(Button, {
+                                variant: "ghost",
+                                size: "sm",
+                                onClick: ()=>onDelete(phone.id),
+                                disabled: isUpdating || isDeleting || isPending,
+                                className: "p-1.5 text-red-500 hover:text-red-600 hover:bg-red-50 dark:hover:bg-red-900/20",
+                                "aria-label": "Delete phone",
+                                children: isDeleting ? /*#__PURE__*/ _jsxs("svg", {
+                                    className: "w-4 h-4 animate-spin",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("title", {
+                                            children: "Deleting"
+                                        }),
+                                        /*#__PURE__*/ _jsx("circle", {
+                                            className: "opacity-25",
+                                            cx: "12",
+                                            cy: "12",
+                                            r: "10",
+                                            stroke: "currentColor",
+                                            strokeWidth: "4"
+                                        }),
+                                        /*#__PURE__*/ _jsx("path", {
+                                            className: "opacity-75",
+                                            fill: "currentColor",
+                                            d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                                        })
+                                    ]
+                                }) : /*#__PURE__*/ _jsxs("svg", {
+                                    className: "w-4 h-4",
+                                    viewBox: "0 0 24 24",
+                                    fill: "none",
+                                    stroke: "currentColor",
+                                    strokeWidth: "2",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("title", {
+                                            children: "Delete"
+                                        }),
+                                        /*#__PURE__*/ _jsx("path", {
+                                            strokeLinecap: "round",
+                                            strokeLinejoin: "round",
+                                            d: "M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"
+                                        })
+                                    ]
+                                })
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: theme.itemCard.details.container,
+                children: /*#__PURE__*/ _jsx("p", {
+                    className: "text-zinc-900 dark:text-white font-medium",
+                    children: formatPhoneNumber()
+                })
+            })
+        ]
+    });
+}

package/dist/fe/components/ProfilePage/components/ProfileHeader.js

@@ -0,0 +1,150 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { profilePageTheme } from "../theme";
+export function ProfileHeader({ user, profile, profilePicture, fileProxyBasePath = "/file-proxy", onUploadPicture, isUploading = false }) {
+    const theme = profilePageTheme;
+    const getInitials = ()=>{
+        if (profile?.firstName && profile?.lastName) {
+            return `${profile.firstName[0]}${profile.lastName[0]}`.toUpperCase();
+        }
+        if (user?.email && user.email.length > 0) {
+            return user.email[0]?.toUpperCase() || "?";
+        }
+        return "?";
+    };
+    const getFullName = ()=>{
+        if (profile?.firstName && profile?.lastName) {
+            return `${profile.firstName} ${profile.lastName}`;
+        }
+        return "No name set";
+    };
+    const formatDate = (dateStr)=>{
+        if (!dateStr) return "N/A";
+        const date = typeof dateStr === "string" ? new Date(dateStr) : dateStr;
+        return date.toLocaleDateString(undefined, {
+            year: "numeric",
+            month: "short",
+            day: "numeric"
+        });
+    };
+    return /*#__PURE__*/ _jsxs("header", {
+        className: theme.header.container,
+        children: [
+            /*#__PURE__*/ _jsxs("div", {
+                className: theme.header.avatar.wrapper,
+                children: [
+                    profilePicture?.id ? /*#__PURE__*/ _jsx("img", {
+                        src: `${fileProxyBasePath}/${profilePicture.id}`,
+                        alt: getFullName(),
+                        className: theme.header.avatar.image
+                    }) : /*#__PURE__*/ _jsx("div", {
+                        className: theme.header.avatar.placeholder,
+                        children: getInitials()
+                    }),
+                    onUploadPicture && /*#__PURE__*/ _jsx("button", {
+                        type: "button",
+                        onClick: onUploadPicture,
+                        disabled: isUploading,
+                        className: theme.header.avatar.uploadButton,
+                        "aria-label": "Upload profile picture",
+                        children: isUploading ? /*#__PURE__*/ _jsxs("svg", {
+                            className: "w-4 h-4 animate-spin text-zinc-500",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            children: [
+                                /*#__PURE__*/ _jsx("title", {
+                                    children: "Uploading"
+                                }),
+                                /*#__PURE__*/ _jsx("circle", {
+                                    className: "opacity-25",
+                                    cx: "12",
+                                    cy: "12",
+                                    r: "10",
+                                    stroke: "currentColor",
+                                    strokeWidth: "4"
+                                }),
+                                /*#__PURE__*/ _jsx("path", {
+                                    className: "opacity-75",
+                                    fill: "currentColor",
+                                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                                })
+                            ]
+                        }) : /*#__PURE__*/ _jsxs("svg", {
+                            className: "w-4 h-4 text-zinc-500",
+                            viewBox: "0 0 24 24",
+                            fill: "none",
+                            stroke: "currentColor",
+                            strokeWidth: "2",
+                            children: [
+                                /*#__PURE__*/ _jsx("title", {
+                                    children: "Upload"
+                                }),
+                                /*#__PURE__*/ _jsx("path", {
+                                    strokeLinecap: "round",
+                                    strokeLinejoin: "round",
+                                    d: "M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"
+                                }),
+                                /*#__PURE__*/ _jsx("path", {
+                                    strokeLinecap: "round",
+                                    strokeLinejoin: "round",
+                                    d: "M15 13a3 3 0 11-6 0 3 3 0 016 0z"
+                                })
+                            ]
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: theme.header.info.container,
+                children: [
+                    /*#__PURE__*/ _jsx("h1", {
+                        className: theme.header.info.name,
+                        children: getFullName()
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        className: theme.header.info.email,
+                        children: user?.email || "No email"
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: theme.header.info.meta,
+                        children: [
+                            user?.verifiedAt && /*#__PURE__*/ _jsxs("span", {
+                                className: "flex items-center gap-1",
+                                children: [
+                                    /*#__PURE__*/ _jsxs("svg", {
+                                        className: "w-3.5 h-3.5 text-green-500",
+                                        viewBox: "0 0 24 24",
+                                        fill: "currentColor",
+                                        children: [
+                                            /*#__PURE__*/ _jsx("title", {
+                                                children: "Verified"
+                                            }),
+                                            /*#__PURE__*/ _jsx("path", {
+                                                fillRule: "evenodd",
+                                                d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.75-5.25z",
+                                                clipRule: "evenodd"
+                                            })
+                                        ]
+                                    }),
+                                    "Verified"
+                                ]
+                            }),
+                            user?.lastLoginAt && /*#__PURE__*/ _jsxs("span", {
+                                children: [
+                                    "Last login: ",
+                                    formatDate(user.lastLoginAt)
+                                ]
+                            }),
+                            user?.createdAt && /*#__PURE__*/ _jsxs("span", {
+                                children: [
+                                    "Member since: ",
+                                    formatDate(user.createdAt)
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}