@myrjfa/ui 1.0.3 → 1.0.5

package/dist/dashboard/action-buttons.js

@@ -6,5 +6,5 @@ export function ActionButtons(_a) {
     var actions = _a.actions, _b = _a.includeMoreMenu, includeMoreMenu = _b === void 0 ? true : _b, _c = _a.maxDisplayed, maxDisplayed = _c === void 0 ? 0 : _c;
     var displayedActions = actions.slice(0, maxDisplayed);
     var menuActions = includeMoreMenu ? actions.slice(maxDisplayed) : [];
-    return (_jsxs("div", { className: "flex items-center gap-2", children: [displayedActions.map(function (action, index) { return (_jsxs(Button, { variant: action.variant || 'outline', size: "sm", onClick: action.action, className: 'cursor-pointer', children: [action.icon, _jsx("span", { className: "ml-1 md:flex hidden", children: action.label })] }, index)); }), menuActions.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "sm", children: _jsx(MoreHorizontal, { className: "h-4 w-4 cursor-pointer" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: menuActions.map(function (action, index) { return (_jsxs(DropdownMenuItem, { onClick: action.action, children: [action.icon, _jsx("span", { className: "ml-2", children: action.label })] }, index)); }) })] }))] }));
+    return (_jsxs("div", { className: "flex items-center gap-2", children: [displayedActions.map(function (action, index) { return (_jsxs(Button, { variant: action.variant || 'outline', size: "sm", onClick: action.action, className: 'cursor-pointer', children: [action.icon, _jsx("span", { className: "ml-1", children: action.label })] }, index)); }), menuActions.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "sm", children: _jsx(MoreHorizontal, { className: "h-4 w-4 cursor-pointer" }) }) }), _jsx(DropdownMenuContent, { align: "end", children: menuActions.map(function (action, index) { return (_jsxs(DropdownMenuItem, { onClick: action.action, children: [action.icon, _jsx("span", { className: "ml-2", children: action.label })] }, index)); }) })] }))] }));
 }

package/dist/dashboard/data-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/dashboard/data-table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAC;AAWtD,MAAM,WAAW,MAAM,CAAC,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC,CAAC;IACrB,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,cAAc,CAAC,CAAC;IACtB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,EACjE,IAAI,EACJ,OAAO,EACP,OAAO,EACP,UAAU,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,2CA2HnB"}
+{"version":3,"file":"data-table.d.ts","sourceRoot":"","sources":["../../src/dashboard/data-table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAC;AAYtD,MAAM,WAAW,MAAM,CAAC,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC,CAAC;IACrB,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,UAAU,cAAc,CAAC,CAAC;IACtB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS;IAAE,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,EACjE,IAAI,EACJ,OAAO,EACP,OAAO,EACP,UAAU,GACb,EAAE,cAAc,CAAC,CAAC,CAAC,2CAuNnB"}

package/dist/dashboard/data-table.js

@@ -7,7 +7,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ChevronDown, ChevronUp, Inbox } from 'lucide-react';
 import { useMemo, useState } from 'react';
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '../dashboard/table';
@@ -50,10 +50,17 @@ export function DataTable(_a) {
             setSortDirection('asc');
         }
     };
-    return (_jsxs("div", { className: "w-full overflow-auto", children: [_jsx("div", { className: "p-2", children: _jsx(Input, { placeholder: "Search...", className: "mb-4 max-w-sm", value: searchQuery, onChange: function (e) { return setSearchQuery(e.target.value); } }) }), _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [columns.map(function (column) { return (_jsx(TableHead, { className: "cursor-pointer select-none", onClick: function () { return column.sortable && toggleSort(column.accessorKey); }, children: _jsxs("div", { className: "flex items-center gap-1", children: [column.header, column.sortable && (sortColumn === column.accessorKey ? (sortDirection === 'asc' ? (_jsx(ChevronUp, { className: "w-4 h-4 text-black" })) : (_jsx(ChevronDown, { className: "w-4 h-4 text-black" }))) : (_jsxs("div", { className: "flex flex-col text-gray-400 leading-none", children: [_jsx(ChevronUp, { className: "w-3 h-3 -mb-1" }), _jsx(ChevronDown, { className: "w-3 h-3" })] })))] }) }, column.accessorKey)); }), actions && _jsx(TableHead, { children: "Actions" })] }) }), _jsx(TableBody, { children: sortedData.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length + (actions ? 1 : 0), className: "h-40 text-center text-gray-500", children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-2", children: [_jsx(Inbox, { className: "w-8 h-8 text-gray-400" }), _jsx("span", { className: "text-base font-medium", children: "No data available" })] }) }) })) : (sortedData.map(function (item) {
-                            var key = item.slug || item._id || Math.random().toString();
-                            return (_jsxs(TableRow, { onClick: function () { return onRowClick && onRowClick(key); }, className: onRowClick ? 'hover:bg-accent cursor-pointer' : '', children: [columns.map(function (column) { return (_jsx(TableCell, { children: column.cell
-                                            ? column.cell(item)
-                                            : item[column.accessorKey] }, column.accessorKey)); }), actions && (_jsx(TableCell, { onClick: function (e) { return e.stopPropagation(); }, children: actions(item) }))] }, key));
-                        })) })] })] }));
+    return (_jsxs("div", { className: "w-full", children: [_jsx("div", { className: "p-2", children: _jsx(Input, { placeholder: "Search...", className: "mb-4 max-w-sm", value: searchQuery, onChange: function (e) { return setSearchQuery(e.target.value); } }) }), _jsx("div", { className: "hidden lg:block overflow-auto", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [columns.map(function (column) { return (_jsx(TableHead, { className: "cursor-pointer select-none", onClick: function () { return column.sortable && toggleSort(column.accessorKey); }, children: _jsxs("div", { className: "flex items-center gap-1", children: [column.header, column.sortable && (sortColumn === column.accessorKey ? (sortDirection === 'asc' ? (_jsx(ChevronUp, { className: "w-4 h-4 text-black" })) : (_jsx(ChevronDown, { className: "w-4 h-4 text-black" }))) : (_jsxs("div", { className: "flex flex-col text-gray-400 leading-none", children: [_jsx(ChevronUp, { className: "w-3 h-3 -mb-1" }), _jsx(ChevronDown, { className: "w-3 h-3" })] })))] }) }, column.accessorKey)); }), actions && _jsx(TableHead, { children: "Actions" })] }) }), _jsx(TableBody, { children: sortedData.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length + (actions ? 1 : 0), className: "h-40 text-center text-gray-500", children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-2", children: [_jsx(Inbox, { className: "w-8 h-8 text-gray-400" }), _jsx("span", { className: "text-base font-medium", children: "No data available" })] }) }) })) : (sortedData.map(function (item) {
+                                var key = item.slug || item._id || Math.random().toString();
+                                return (_jsxs(TableRow, { onClick: function () { return onRowClick && onRowClick(key); }, className: onRowClick ? 'hover:bg-accent cursor-pointer' : '', children: [columns.map(function (column) { return (_jsx(TableCell, { children: column.cell
+                                                ? column.cell(item)
+                                                : item[column.accessorKey] }, column.accessorKey)); }), actions && (_jsx(TableCell, { onClick: function (e) { return e.stopPropagation(); }, children: actions(item) }))] }, key));
+                            })) })] }) }), _jsx("div", { className: "lg:hidden", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: columns.slice(1).map(function (column) { return (_jsx(TableHead, { className: "cursor-pointer select-none", onClick: function () { return column.sortable && toggleSort(column.accessorKey); }, children: _jsxs("div", { className: "flex items-center gap-1", children: [column.header, column.sortable && (sortColumn === column.accessorKey ? (sortDirection === 'asc' ? (_jsx(ChevronUp, { className: "w-4 h-4 text-black" })) : (_jsx(ChevronDown, { className: "w-4 h-4 text-black" }))) : (_jsxs("div", { className: "flex flex-col text-gray-400 leading-none", children: [_jsx(ChevronUp, { className: "w-3 h-3 -mb-1" }), _jsx(ChevronDown, { className: "w-3 h-3" })] })))] }) }, column.accessorKey)); }) }) }), _jsx(TableBody, { children: sortedData.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length + (actions ? 1 : 0), className: "h-40 text-center text-gray-500", children: _jsxs("div", { className: "flex flex-col items-center justify-center gap-2", children: [_jsx(Inbox, { className: "w-8 h-8 text-gray-400" }), _jsx("span", { className: "text-base font-medium", children: "No data available" })] }) }) })) : (sortedData.map(function (item) {
+                                var key = item.slug || item._id || Math.random().toString();
+                                return (_jsxs(_Fragment, { children: [_jsx(TableRow, { className: "bg-gray-100", children: _jsx(TableCell, { colSpan: columns.length - 1, className: "py-3", children: _jsx("div", { className: "font-semibold text-gray-900", children: columns[0].cell
+                                                        ? columns[0].cell(item)
+                                                        : item[columns[0].accessorKey] }) }) }), _jsx(TableRow, { onClick: function () { return onRowClick && onRowClick(key); }, className: onRowClick ? 'hover:bg-accent cursor-pointer' : '', children: columns.slice(1).map(function (column) { return (_jsx(TableCell, { children: column.cell
+                                                    ? column.cell(item)
+                                                    : item[column.accessorKey] }, column.accessorKey)); }) }, key), actions && (_jsx(TableRow, { className: "bg-gray-30", children: _jsx(TableCell, { colSpan: columns.length - 1, className: "py-3", onClick: function (e) { return e.stopPropagation(); }, children: actions(item) }) }))] }));
+                            })) })] }) })] }));
 }

package/dist/main/portfolio/portfolioItem.d.ts

@@ -0,0 +1,7 @@
+import { PortfolioItem } from '@myrjfa/state/dist/lib/models/portfolio';
+import { MouseEventHandler } from 'react';
+export declare function PortfolioItemComponent({ item, onClick }: {
+    item: PortfolioItem;
+    onClick: MouseEventHandler<HTMLDivElement> | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=portfolioItem.d.ts.map

package/dist/main/portfolio/portfolioItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portfolioItem.d.ts","sourceRoot":"","sources":["../../../src/main/portfolio/portfolioItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE;IACtD,IAAI,EAAE,aAAa,CAAC;IACpB,OAAO,EAAE,iBAAiB,CAAC,cAAc,CAAC,GAAG,SAAS,CAAA;CACzD,2CA2BA"}

package/dist/main/portfolio/portfolioItem.js

@@ -0,0 +1,8 @@
+// components/PortfolioItem.tsx
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+export function PortfolioItemComponent(_a) {
+    var item = _a.item, onClick = _a.onClick;
+    return _jsxs("div", { className: "relative aspect-square group cursor-pointer rounded-md overflow-hidden border border-gray-200", onClick: onClick, children: [item.mediaType === 'video' ? (_jsx("video", { src: item.url, muted: true, loop: true, playsInline: true, preload: "metadata", className: "object-cover w-full h-full" })) : (_jsx(Image, { src: item.url, alt: item.caption, fill: true, sizes: "(max-width: 768px) 50vw, 33vw", className: "object-cover transition-transform duration-300 group-hover:scale-105", loading: "lazy" })), _jsx("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/40 transition-all duration-300 flex items-center justify-center", children: _jsx("div", { className: "text-white p-3 text-center text-sm opacity-0 group-hover:opacity-100 line-clamp-3", children: item.caption }) })] });
+}

package/dist/main/portfolio/portfolioPopup.d.ts

@@ -0,0 +1,8 @@
+import { PortfolioItem } from '@myrjfa/state/dist/lib/models/portfolio';
+export declare function PortfolioPopUp({ items, currentIndex, firstName, profilePic }: {
+    items: PortfolioItem[];
+    currentIndex: number;
+    firstName: string;
+    profilePic?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=portfolioPopup.d.ts.map

package/dist/main/portfolio/portfolioPopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portfolioPopup.d.ts","sourceRoot":"","sources":["../../../src/main/portfolio/portfolioPopup.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAIxE,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE;IAC3E,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,2CA0LA"}

package/dist/main/portfolio/portfolioPopup.js

@@ -0,0 +1,72 @@
+// components/PortfolioModal.tsx
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef } from 'react';
+import Image from 'next/image';
+import { Button } from '../../misc/button';
+import { ExternalLink, ChevronLeft, ChevronRight } from 'lucide-react';
+import ShareButton from '../../misc/share';
+import { Avatar, AvatarFallback, AvatarImage } from '../../misc/avatar';
+export function PortfolioPopUp(_a) {
+    var items = _a.items, currentIndex = _a.currentIndex, firstName = _a.firstName, profilePic = _a.profilePic;
+    var _b = useState(items.at(currentIndex)), currentItem = _b[0], setCurrentItem = _b[1];
+    var _c = useState(currentIndex), currentIdx = _c[0], setCurrentIdx = _c[1];
+    var touchStartX = useRef(null);
+    var containerRef = useRef(null);
+    // const [likes, setLikes] = useState(currentItem.likes ?? 0);
+    // const [isLiked, setIsLiked] = useState(false);
+    var handleNext = function () {
+        var _a;
+        if (currentIdx < items.length - 1) {
+            var nextIdx = currentIdx + 1;
+            var nextItem = items[nextIdx];
+            setCurrentItem(nextItem);
+            setCurrentIdx(nextIdx);
+            // setLikes(nextItem.likes ?? 0);
+            // setIsLiked(false);
+        }
+        (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    var handlePrev = function () {
+        var _a;
+        if (currentIdx > 0) {
+            var prevIdx = currentIdx - 1;
+            var prevItem = items[prevIdx];
+            setCurrentItem(prevItem);
+            setCurrentIdx(prevIdx);
+            // setLikes(prevItem.likes ?? 0);
+            // setIsLiked(false);
+        }
+        (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
+    // const handleLike = () => {
+    //     setIsLiked(!isLiked);
+    //     setLikes(prev => isLiked ? prev - 1 : prev + 1);
+    // };
+    /** ⌨️ Keyboard navigation */
+    var handleKeyDown = function (e) {
+        if (e.key === 'ArrowRight')
+            handleNext();
+        else if (e.key === 'ArrowLeft')
+            handlePrev();
+    };
+    /** 📱 Touch swipe navigation */
+    var handleTouchStart = function (e) {
+        if (e.touches[0])
+            touchStartX.current = e.touches[0].clientX;
+    };
+    var handleTouchEnd = function (e) {
+        if (touchStartX.current == null || !e.changedTouches[0])
+            return;
+        var diff = touchStartX.current - e.changedTouches[0].clientX;
+        if (Math.abs(diff) > 50) {
+            // Swipe left → next, right → previous
+            if (diff > 0)
+                handleNext();
+            else
+                handlePrev();
+        }
+        touchStartX.current = null;
+    };
+    return (_jsxs("div", { ref: containerRef, tabIndex: 0, onKeyDown: handleKeyDown, onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, className: "w-full h-full flex items-center justify-center relative rounded-lg", children: [currentIdx > 0 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: handlePrev, className: "absolute -left-3 md:-left-12 z-50 text-black hover:bg-white bg-white/70 h-7 w-7 md:h-10 md:w-10 p-0 rounded-full", children: _jsx(ChevronLeft, { className: "h-8 w-8" }) })), currentIdx < items.length - 1 && (_jsx(Button, { variant: "ghost", size: "sm", onClick: handleNext, className: "absolute -right-3 md:-right-12 z-50 text-black hover:bg-white bg-white/70 h-7 w-7 md:h-10 md:w-10 p-0 rounded-full", children: _jsx(ChevronRight, { className: "h-8 w-8" }) })), _jsx("div", { className: "flex items-center justify-center w-full h-full mx-auto", children: _jsxs("div", { className: "flex flex-col md:flex-row w-full h-full rounded-lg overflow-hidden bg-white/80 backdrop-blur-sm border border-white/20 shadow-2xl", children: [_jsx("div", { className: "flex-2 flex items-center justify-center bg-black", children: currentItem.mediaType === 'video' ? (_jsx("video", { src: currentItem.url, controls: true, autoPlay: true, loop: true, className: "max-w-full max-h-full object-contain" }, currentItem._id)) : (_jsx("div", { className: "relative w-full h-full", children: _jsx(Image, { src: currentItem.url, alt: currentItem.caption, fill: true, sizes: "70vw", className: "object-contain", priority: true }, currentItem._id) })) }), _jsxs("div", { className: "flex-1 flex flex-col bg-white/90 backdrop-blur-sm text-black", children: [_jsx("div", { className: "p-4 border-b border-white/20", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center", children: _jsxs(Avatar, { className: "h-full w-full shadow-lg", children: [_jsx(AvatarImage, { src: profilePic }), _jsx(AvatarFallback, { children: ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || "DP") })] }) }), _jsxs("div", { children: [_jsxs("h3", { className: "font-semibold text-sm text-gray-900", children: [firstName, "'s Portfolio"] }), _jsxs("p", { className: "text-xs text-gray-500", children: [currentIdx + 1, " of ", items.length] })] })] }) }), _jsxs("div", { className: "flex-1 px-4 overflow-y-auto space-y-3", children: [_jsx("p", { className: "text-sm leading-relaxed text-gray-900", children: currentItem.caption }), currentItem.mainUrl && (_jsxs(Button, { variant: "outline", size: "sm", className: "w-full", onClick: function () { return window.open(currentItem.mainUrl, '_blank'); }, children: [_jsx(ExternalLink, { className: "w-4 h-4 mr-2" }), "View Source"] }))] }), _jsxs("div", { className: "flex flex-row justify-between border-t border-white/20 p-4 pt-2 bg-white/90 backdrop-blur-sm", children: [_jsxs("div", { className: "text-sm space-y-1", children: [_jsxs("p", { className: "font-medium text-gray-900", children: [5, " likes"] }), _jsxs("p", { className: "text-gray-600 text-xs", children: [currentItem.comments || 0, " comments \u2022 ", currentItem.shares || 0, " shares"] }), _jsx("p", { className: "text-gray-400 text-xs", children: "2 hours ago" })] }), _jsx("div", { className: "flex items-center gap-3 mb-3", children: _jsx(ShareButton, {}) })] })] })] }) })] }));
+}

package/dist/main/portfolio/temp-page.d.ts

@@ -0,0 +1,2 @@
+export default function PortfolioPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=temp-page.d.ts.map

package/dist/main/portfolio/temp-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"temp-page.d.ts","sourceRoot":"","sources":["../../../src/main/portfolio/temp-page.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,aAAa,4CAmKpC"}

package/dist/main/portfolio/temp-page.js

@@ -0,0 +1,102 @@
+// app/(dashboard)/profile/[userId]/portfolio/page.tsx
+'use client';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef } from 'react';
+import { useParams, useRouter, useSearchParams } from 'next/navigation';
+import Image from 'next/image';
+import { Button } from '@myrjfa/ui/dist/misc/button';
+import { ExternalLink, ChevronLeft } from 'lucide-react';
+import ShareButton from '@myrjfa/ui/dist/misc/share';
+import { getUserPortfolio } from '@/lib/actions';
+export default function PortfolioPage() {
+    var _this = this;
+    var router = useRouter();
+    var id = useParams().id;
+    var userId = decodeURIComponent(id);
+    var searchParams = useSearchParams();
+    var firstName = searchParams.get("firstName");
+    var _a = useState([]), portfolio = _a[0], setPortfolio = _a[1];
+    var _b = useState(0), currentIndex = _b[0], setCurrentIndex = _b[1];
+    var containerRef = useRef(null);
+    useEffect(function () {
+        // Fetch portfolio data
+        // This should match your existing data fetching logic
+        var fetchData = function () { return __awaiter(_this, void 0, void 0, function () {
+            var portfolioResponse;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, getUserPortfolio(userId)];
+                    case 1:
+                        portfolioResponse = _a.sent();
+                        if (portfolioResponse.error)
+                            console.error(portfolioResponse.error);
+                        else
+                            setPortfolio(portfolioResponse.portfolios);
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchData();
+        var index = searchParams.get('index');
+        if (index) {
+            setCurrentIndex(parseInt(index));
+        }
+    }, [userId, searchParams]);
+    useEffect(function () {
+        // Scroll to current item
+        if (containerRef.current) {
+            var items = containerRef.current.children;
+            if (items[currentIndex]) {
+                items[currentIndex].scrollIntoView({ behavior: 'smooth', block: 'start' });
+            }
+        }
+    }, [currentIndex]);
+    var handleScroll = function () {
+        if (!containerRef.current)
+            return;
+        var container = containerRef.current;
+        var scrollPosition = container.scrollTop;
+        var itemHeight = window.innerHeight;
+        var newIndex = Math.round(scrollPosition / itemHeight);
+        if (newIndex !== currentIndex && newIndex >= 0 && newIndex < portfolio.length) {
+            setCurrentIndex(newIndex);
+        }
+    };
+    return (_jsxs("div", { className: "fixed inset-0 bg-black z-50 mt-15", children: [_jsx("div", { className: "absolute top-0 left-0 right-0 z-10 bg-gradient-to-b from-black/50 to-transparent", children: _jsxs("div", { className: "flex items-center justify-between p-4", children: [_jsx(Button, { variant: "ghost", size: "sm", onClick: function () { return router.back(); }, className: "text-white hover:bg-white/10", children: _jsx(ChevronLeft, { className: "h-6 w-6" }) }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "w-8 h-8 bg-gradient-to-r from-blue-500 to-purple-500 rounded-full flex items-center justify-center", children: _jsx("span", { className: "text-white text-xs font-bold", children: "P" }) }), _jsxs("span", { className: "text-white font-semibold", children: [firstName, "'s Portfolio"] })] }), _jsx("div", { className: "w-10" }), " "] }) }), _jsx("div", { ref: containerRef, onScroll: handleScroll, className: "h-full overflow-y-scroll snap-y snap-mandatory scrollbar-hide", style: { scrollbarWidth: 'none', msOverflowStyle: 'none' }, children: portfolio.map(function (item, index) { return (_jsxs("div", { className: "h-screen w-full snap-start snap-always relative flex flex-col", children: [_jsx("div", { className: "flex-1 flex items-center justify-center bg-black", children: item.mediaType === 'video' ? (_jsx("video", { src: item.url, controls: true, loop: true, playsInline: true, className: "max-w-full max-h-full object-contain" })) : (_jsx("div", { className: "relative w-full h-full", children: _jsx(Image, { src: item.url, alt: item.caption, fill: true, sizes: "100vw", className: "object-contain", priority: index === currentIndex }) })) }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 via-black/50 to-transparent p-4 pb-6", children: _jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx(ShareButton, {}), item.mainUrl && (_jsx(Button, { variant: "ghost", size: "sm", onClick: function () { return window.open(item.mainUrl, '_blank'); }, className: "text-white hover:bg-white/10", children: _jsx(ExternalLink, { className: "w-5 h-5" }) }))] }), _jsxs("div", { className: "text-white text-sm", children: [_jsx("p", { className: "font-medium", children: "5 likes" }), _jsxs("p", { className: "text-white/70 text-xs", children: [item.comments || 0, " comments \u2022 ", item.shares || 0, " shares"] })] }), _jsx("div", { className: "text-white", children: _jsxs("p", { className: "text-sm leading-relaxed line-clamp-3", children: [_jsx("span", { className: "font-semibold", children: firstName }), " ", item.caption] }) }), _jsx("div", { className: "flex gap-1 justify-center pt-2", children: portfolio.map(function (_, i) { return (_jsx("div", { className: "h-0.5 flex-1 rounded-full transition-all ".concat(i === currentIndex ? 'bg-white' : 'bg-white/30') }, i)); }) })] }) })] }, item._id)); }) }), _jsx("style", { jsx: true, children: "\n                .scrollbar-hide::-webkit-scrollbar {\n                    display: none;\n                }\n            " })] }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrjfa/ui",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Shared UI components for my apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",