@appcorp/stellar-solutions-modules 0.1.34 → 0.1.35

package/lib/toast-utils.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Shared Toast Utilities
+ *
+ * Theme-aware toast notification system using Sonner with comprehensive
+ * styling, icons, and theme integration for consistent user experience
+ * across all modules.
+ *
+ * Features:
+ * - Theme-aware styling (light/dark/system)
+ * - Lucide React icons for each toast type
+ * - Consistent styling with shadcn/ui components
+ * - TypeScript support with proper interfaces
+ * - Convenience functions for common use cases
+ */
+export declare enum TOAST_VARIANT {
+    ERROR = "error",
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning"
+}
+interface ToastConfig {
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    description: string;
+    duration?: number;
+    theme?: "light" | "dark" | "system";
+    title?: string;
+    variant: TOAST_VARIANT;
+}
+export declare const generateToast: ({ variant, title, description, duration, action, }: ToastConfig) => string | number;
+export declare const generateThemeToast: ({ variant, title, description, duration, action, theme, }: ToastConfig & {
+    theme?: "light" | "dark" | "system";
+}) => string | number;
+export declare const showSuccessToast: (description: string, title?: string) => void;
+export declare const showErrorToast: (description: string, title?: string) => void;
+export declare const showWarningToast: (description: string, title?: string) => void;
+export declare const showInfoToast: (description: string, title?: string) => void;
+export declare const showThemeSuccessToast: (description: string, title?: string, theme?: "light" | "dark" | "system") => void;
+export declare const showThemeErrorToast: (description: string, title?: string, theme?: "light" | "dark" | "system") => void;
+export declare const showThemeWarningToast: (description: string, title?: string, theme?: "light" | "dark" | "system") => void;
+export declare const showThemeInfoToast: (description: string, title?: string, theme?: "light" | "dark" | "system") => void;
+export {};

package/lib/toast-utils.js

@@ -0,0 +1,212 @@
+"use strict";
+/**
+ * Shared Toast Utilities
+ *
+ * Theme-aware toast notification system using Sonner with comprehensive
+ * styling, icons, and theme integration for consistent user experience
+ * across all modules.
+ *
+ * Features:
+ * - Theme-aware styling (light/dark/system)
+ * - Lucide React icons for each toast type
+ * - Consistent styling with shadcn/ui components
+ * - TypeScript support with proper interfaces
+ * - Convenience functions for common use cases
+ */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showThemeInfoToast = exports.showThemeWarningToast = exports.showThemeErrorToast = exports.showThemeSuccessToast = exports.showInfoToast = exports.showWarningToast = exports.showErrorToast = exports.showSuccessToast = exports.generateThemeToast = exports.generateToast = exports.TOAST_VARIANT = void 0;
+var react_1 = __importDefault(require("react"));
+var sonner_1 = require("sonner");
+var lucide_react_1 = require("lucide-react");
+// Theme-aware toast styling
+var THEME_TOAST_STYLES = {
+    light: {
+        className: "bg-background text-foreground border-border shadow-lg",
+        style: {
+            backgroundColor: "hsl(var(--background))",
+            color: "hsl(var(--foreground))",
+            borderColor: "hsl(var(--border))",
+        },
+    },
+    dark: {
+        className: "bg-popover text-popover-foreground border-border shadow-lg",
+        style: {
+            backgroundColor: "hsl(var(--popover))",
+            color: "hsl(var(--popover-foreground))",
+            borderColor: "hsl(var(--border))",
+        },
+    },
+};
+// Toast types matching the previous Vista notification types
+var TOAST_VARIANT;
+(function (TOAST_VARIANT) {
+    TOAST_VARIANT["ERROR"] = "error";
+    TOAST_VARIANT["INFO"] = "info";
+    TOAST_VARIANT["SUCCESS"] = "success";
+    TOAST_VARIANT["WARNING"] = "warning";
+})(TOAST_VARIANT || (exports.TOAST_VARIANT = TOAST_VARIANT = {}));
+// Icon mapping for each variant using object notation
+var TOAST_ICON_MAP = (_a = {},
+    _a[TOAST_VARIANT.ERROR] = lucide_react_1.AlertCircle,
+    _a[TOAST_VARIANT.INFO] = lucide_react_1.Info,
+    _a[TOAST_VARIANT.SUCCESS] = lucide_react_1.CheckCircle,
+    _a[TOAST_VARIANT.WARNING] = lucide_react_1.AlertTriangle,
+    _a);
+var getToastIcon = function (variant) {
+    return TOAST_ICON_MAP[variant] || lucide_react_1.Info;
+};
+// Create icon element helper
+var createIconElement = function (variant) {
+    var Icon = getToastIcon(variant);
+    return react_1.default.createElement(Icon, { className: "h-4 w-4" });
+};
+// Enhanced theme-aware toast function
+var generateToast = function (_a) {
+    var _b;
+    var variant = _a.variant, title = _a.title, description = _a.description, _c = _a.duration, duration = _c === void 0 ? 4000 : _c, action = _a.action;
+    var iconElement = createIconElement(variant);
+    var toastOptions = __assign({ description: description, duration: duration, icon: iconElement, className: "group-[.toaster]:bg-popover group-[.toaster]:text-popover-foreground group-[.toaster]:border-border", style: {
+            minWidth: "320px",
+            maxWidth: "420px",
+        } }, (action && {
+        action: {
+            label: action.label,
+            onClick: action.onClick,
+        },
+    }));
+    // Toast method mapping using object notation
+    var TOAST_METHOD_MAP = (_b = {},
+        _b[TOAST_VARIANT.SUCCESS] = function () {
+            return sonner_1.toast.success(title || "Success", toastOptions);
+        },
+        _b[TOAST_VARIANT.ERROR] = function () { return sonner_1.toast.error(title || "Error", toastOptions); },
+        _b[TOAST_VARIANT.WARNING] = function () {
+            return sonner_1.toast.warning(title || "Warning", toastOptions);
+        },
+        _b[TOAST_VARIANT.INFO] = function () {
+            return sonner_1.toast.info(title || "Information", toastOptions);
+        },
+        _b);
+    var toastMethod = TOAST_METHOD_MAP[variant];
+    return toastMethod
+        ? toastMethod()
+        : (0, sonner_1.toast)(title || description, toastOptions);
+};
+exports.generateToast = generateToast;
+// Theme-aware toast generation function
+var generateThemeToast = function (_a) {
+    var _b;
+    var variant = _a.variant, title = _a.title, description = _a.description, _c = _a.duration, duration = _c === void 0 ? 4000 : _c, action = _a.action, _d = _a.theme, theme = _d === void 0 ? "system" : _d;
+    var iconElement = createIconElement(variant);
+    // Apply theme-specific styling
+    var themeStyle = theme === "dark" ? THEME_TOAST_STYLES.dark : THEME_TOAST_STYLES.light;
+    var toastOptions = __assign({ description: description, duration: duration, icon: iconElement, className: "".concat(themeStyle.className, " toast-theme-").concat(theme), style: __assign(__assign({}, themeStyle.style), { minWidth: "320px", maxWidth: "420px" }) }, (action && {
+        action: {
+            label: action.label,
+            onClick: action.onClick,
+        },
+    }));
+    // Toast method mapping using object notation
+    var TOAST_METHOD_MAP = (_b = {},
+        _b[TOAST_VARIANT.ERROR] = function () { return sonner_1.toast.error(title || "Error", toastOptions); },
+        _b[TOAST_VARIANT.INFO] = function () {
+            return sonner_1.toast.info(title || "Information", toastOptions);
+        },
+        _b[TOAST_VARIANT.SUCCESS] = function () {
+            return sonner_1.toast.success(title || "Success", toastOptions);
+        },
+        _b[TOAST_VARIANT.WARNING] = function () {
+            return sonner_1.toast.warning(title || "Warning", toastOptions);
+        },
+        _b);
+    var toastMethod = TOAST_METHOD_MAP[variant];
+    return toastMethod
+        ? toastMethod()
+        : (0, sonner_1.toast)(title || description, toastOptions);
+};
+exports.generateThemeToast = generateThemeToast;
+// Convenience functions for each toast type
+var showSuccessToast = function (description, title) {
+    (0, exports.generateToast)({
+        variant: TOAST_VARIANT.SUCCESS,
+        title: title,
+        description: description,
+    });
+};
+exports.showSuccessToast = showSuccessToast;
+var showErrorToast = function (description, title) {
+    (0, exports.generateToast)({
+        variant: TOAST_VARIANT.ERROR,
+        title: title,
+        description: description,
+    });
+};
+exports.showErrorToast = showErrorToast;
+var showWarningToast = function (description, title) {
+    (0, exports.generateToast)({
+        variant: TOAST_VARIANT.WARNING,
+        title: title,
+        description: description,
+    });
+};
+exports.showWarningToast = showWarningToast;
+var showInfoToast = function (description, title) {
+    (0, exports.generateToast)({
+        variant: TOAST_VARIANT.INFO,
+        title: title,
+        description: description,
+    });
+};
+exports.showInfoToast = showInfoToast;
+// Theme-aware convenience functions
+var showThemeSuccessToast = function (description, title, theme) {
+    (0, exports.generateThemeToast)({
+        variant: TOAST_VARIANT.SUCCESS,
+        title: title,
+        description: description,
+        theme: theme,
+    });
+};
+exports.showThemeSuccessToast = showThemeSuccessToast;
+var showThemeErrorToast = function (description, title, theme) {
+    (0, exports.generateThemeToast)({
+        variant: TOAST_VARIANT.ERROR,
+        title: title,
+        description: description,
+        theme: theme,
+    });
+};
+exports.showThemeErrorToast = showThemeErrorToast;
+var showThemeWarningToast = function (description, title, theme) {
+    (0, exports.generateThemeToast)({
+        variant: TOAST_VARIANT.WARNING,
+        title: title,
+        description: description,
+        theme: theme,
+    });
+};
+exports.showThemeWarningToast = showThemeWarningToast;
+var showThemeInfoToast = function (description, title, theme) {
+    (0, exports.generateThemeToast)({
+        variant: TOAST_VARIANT.INFO,
+        title: title,
+        description: description,
+        theme: theme,
+    });
+};
+exports.showThemeInfoToast = showThemeInfoToast;

package/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/lib/utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.cn = cn;
+var clsx_1 = require("clsx");
+var tailwind_merge_1 = require("tailwind-merge");
+function cn() {
+    var inputs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        inputs[_i] = arguments[_i];
+    }
+    return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/stellar-solutions-modules",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "scripts": {
     "automate": "./automate.sh",
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
@@ -19,11 +19,16 @@
     "upgrade:own": "ncu -f '@appcorp/app-corp-vista, @react-pakistan/util-functions' -u"
   },
   "devDependencies": {
-    "@appcorp/app-corp-vista": "^0.3.22",
+    "@appcorp/app-corp-vista": "^0.3.44",
     "@eslint/eslintrc": "^3",
     "@headlessui/react": "^2",
     "@heroicons/react": "^2",
-    "@react-pakistan/util-functions": "^1.24.56",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@react-pakistan/util-functions": "^1.24.57",
     "@supabase/supabase-js": "^2",
     "@tailwindcss/forms": "^0",
     "@tailwindcss/postcss": "^4",
@@ -31,13 +36,16 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@types/react-slick": "^0",
+    "class-variance-authority": "^0.7.1",
     "dayjs": "^1",
     "eslint": "^9",
     "eslint-config-next": "^15",
     "husky": "^9",
     "libphonenumber-js": "^1",
+    "lucide-react": "^0.544.0",
     "next": "^15",
     "next-intl": "^4",
+    "next-themes": "^0.4.6",
     "react": "^19",
     "react-copy-to-clipboard": "^5",
     "react-dom": "^19",
@@ -47,10 +55,19 @@
     "react-tooltip": "^5",
     "rimraf": "^6",
     "slick-carousel": "^1",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4",
+    "tw-animate-css": "^1.4.0",
     "typescript": "^5",
     "uuid": "^11",
+    "vaul": "^1.1.2",
     "zod": "^4"
   },
-  "packageManager": "yarn@4.9.2"
+  "packageManager": "yarn@4.9.2",
+  "dependencies": {
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "clsx": "^2.1.1"
+  }
 }

package/supabase/supabase.d.ts

@@ -1,4 +1,83 @@
+/**
+ * Supabase Client Configuration
+ *
+ * This module provides centralized Supabase client configuration and utilities.
+ * Handles authentication, storage URLs, and client initialization with proper error handling.
+ *
+ * Features:
+ * - Centralized Supabase client configuration
+ * - Storage URL management for public and private buckets
+ * - Environment variable validation
+ * - Type-safe client creation
+ * - Authentication persistence configuration
+ *
+ * Environment Variables Required:
+ * - NEXT_PUBLIC_SUPABASE_URL: Supabase project URL
+ * - NEXT_PUBLIC_SUPABASE_ANON_KEY: Supabase anonymous key
+ * - NEXT_PUBLIC_SUPABASE_STORAGE_URL: Storage base URL
+ * - NEXT_PUBLIC_SUPABASE_PRIVATE_BUCKET: Private bucket name
+ * - NEXT_PUBLIC_SUPABASE_PUBLIC_BUCKET: Public bucket name
+ */
+import { SupabaseClient } from "@supabase/supabase-js";
+/**
+ * Storage bucket types for type safety
+ */
+export type StorageBucketType = "public" | "private" | "authenticated";
+/**
+ * Base URL for Supabase storage
+ */
 export declare const supabaseStorageBaseUrl: string;
+/**
+ * Private storage URL for authenticated users
+ * Format: {storageBaseUrl}/authenticated/{privateBucket}
+ */
 export declare const supabasePrivateStorageUrl: string;
+/**
+ * Public storage URL for publicly accessible files
+ * Format: {storageBaseUrl}/public/{publicBucket}
+ */
 export declare const supabasePublicStorageUrl: string;
-export declare const supabaseClient: import("@supabase/supabase-js").SupabaseClient<any, "public", "public", any, any>;
+/**
+ * Main Supabase client instance
+ * Configured with authentication persistence and optimized settings
+ */
+export declare const supabaseClient: SupabaseClient;
+/**
+ * Get storage URL for a specific bucket type
+ * @param bucketType - Type of storage bucket
+ * @returns Full storage URL for the bucket
+ */
+export declare const getStorageUrl: (bucketType: StorageBucketType) => string;
+/**
+ * Get public file URL from Supabase storage
+ * @param bucket - Bucket name
+ * @param filePath - Path to the file within the bucket
+ * @returns Public URL for the file
+ */
+export declare const getPublicFileUrl: (bucket: string, filePath: string) => string;
+/**
+ * Get authenticated file URL from Supabase storage
+ * @param bucket - Bucket name
+ * @param filePath - Path to the file within the bucket
+ * @returns Authenticated URL for the file
+ */
+export declare const getAuthenticatedFileUrl: (bucket: string, filePath: string) => string;
+/**
+ * Check if Supabase client is properly initialized
+ * @returns True if client is initialized, false otherwise
+ */
+export declare const isSupabaseClientReady: () => boolean;
+/**
+ * Get current session from Supabase auth
+ * @returns Current user session or null
+ */
+export declare const getCurrentSession: () => Promise<import("@supabase/supabase-js").AuthSession | null>;
+/**
+ * Check if user is authenticated
+ * @returns True if user is authenticated, false otherwise
+ */
+export declare const isAuthenticated: () => Promise<boolean>;
+/**
+ * Re-export Supabase types for convenience
+ */
+export type { SupabaseClient } from "@supabase/supabase-js";