@bgarizao/admin-library 0.1.0 → 0.1.2

package/dist/dts/components/AdminLayout/index.d.ts

@@ -0,0 +1,22 @@
+import React, { ReactNode } from 'react';
+export interface MenuItem {
+    key: string;
+    label: string;
+    icon?: ReactNode;
+    path?: string;
+    children?: MenuItem[];
+}
+interface AdminLayoutProps {
+    menu: MenuItem[];
+    onLogout: () => void;
+    children: ReactNode;
+    onMenuClick?: (key: string, path?: string) => void;
+}
+interface AdminLayoutContextType {
+    collapsed: boolean;
+    setCollapsed: (collapsed: boolean) => void;
+}
+export declare const AdminLayoutContext: React.Context<AdminLayoutContextType>;
+export declare const useAdminLayout: () => AdminLayoutContextType;
+declare const AdminLayout: React.FC<AdminLayoutProps>;
+export default AdminLayout;

package/dist/dts/components/AdminLogin/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+interface LoginCredentials {
+    email: string;
+    password: string;
+}
+interface User {
+    _id: string;
+    name: string;
+    email: string;
+    role: 'superadmin' | 'admin' | 'editor';
+}
+interface AdminLoginProps {
+    title?: string;
+    logo?: string;
+    onLogin: (credentials: LoginCredentials) => Promise<User>;
+    onSuccess?: () => void;
+    loggedInUser?: User | null;
+}
+declare const AdminLogin: React.FC<AdminLoginProps>;
+export default AdminLogin;

package/dist/dts/components/AdminRoute/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface User {
+    _id: string;
+    name: string;
+    email: string;
+    role: 'superadmin' | 'admin' | 'editor';
+}
+interface AdminRouteProps {
+    children: React.ReactNode;
+    user: User | null;
+    redirectTo?: string;
+}
+declare const AdminRoute: React.FC<AdminRouteProps>;
+export default AdminRoute;

package/dist/dts/components/Button/Button.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps } from "./Button.types";
+export declare const Button: ({ className, children, variant, startIcon, endIcon, size, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/dts/components/Button/Button.types.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps as ButtonPropsAntd } from "antd";
+import { ReactNode } from "react";
+export interface ButtonProps extends ButtonPropsAntd {
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+}

package/dist/dts/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "./Button";
+export type { ButtonProps } from "./Button.types";

package/dist/dts/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+interface DropdownProps {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const Dropdown: ({ isOpen, onClose, children, className, }: DropdownProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/dts/components/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,12 @@
+import type React from "react";
+interface DropdownItemProps {
+    tag?: "a" | "button";
+    to?: string;
+    onClick?: () => void;
+    onItemClick?: () => void;
+    baseClassName?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+export declare const DropdownItem: ({ tag, to, onClick, onItemClick, baseClassName, className, children, }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/dts/components/Dropdown/index.d.ts

@@ -0,0 +1,2 @@
+export { Dropdown } from "./Dropdown";
+export { DropdownItem } from "./DropdownItem";

package/dist/dts/components/IconSelect/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { IconData } from "@lineiconshq/free-icons";
+type IconSelectValue = string | IconData | undefined;
+interface IconSelectProps {
+    value?: IconSelectValue;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+}
+export declare const IconSelect: React.FC<IconSelectProps>;
+export {};

package/dist/dts/components/Icons/Icon.d.ts

@@ -0,0 +1,6 @@
+interface IconProps {
+    name: string;
+    className?: string;
+}
+export declare const Icon: ({ name, className }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/dts/components/Icons/index.d.ts

@@ -0,0 +1 @@
+export { Icon } from "./Icon";

package/dist/dts/components/Inputs/Input.d.ts

@@ -0,0 +1,8 @@
+import { InputProps } from "antd";
+export declare const Input: {
+    ({ children, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
+    Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("rc-input").InputRef>>;
+    Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("rc-input").InputRef>>;
+    TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
+    OTP: import("react").ForwardRefExoticComponent<import("antd/es/input/OTP").OTPProps & import("react").RefAttributes<import("antd/es/input/OTP").OTPRef>>;
+};

package/dist/dts/components/Inputs/Select.d.ts

@@ -0,0 +1,6 @@
+import { SelectProps } from "antd";
+export declare const Select: {
+    ({ className, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
+    Option: import("rc-select/lib/Option").OptionFC;
+    OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
+};

package/dist/dts/components/Inputs/TextArea.d.ts

@@ -0,0 +1,2 @@
+import { TextAreaProps } from "antd/es/input";
+export declare const TextArea: ({ ...rest }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/dts/components/Inputs/index.d.ts

@@ -0,0 +1,3 @@
+export { Input } from "./Input";
+export { Select } from "./Select";
+export { TextArea } from "./TextArea";

package/dist/dts/components/MediaPreview/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+interface MediaPreviewProps {
+    /** URL of the image or video to display */
+    src: string | null | undefined;
+    /** Alt text for images (optional) */
+    alt?: string;
+    /** Maximum width in pixels (default: 200) */
+    maxWidth?: number | string;
+    /** Maximum height in pixels (default: 120) */
+    maxHeight?: number | string;
+    /** Border radius in pixels (default: 4) */
+    borderRadius?: number;
+    /** Show video controls (default: true) */
+    showControls?: boolean;
+    /** Optional className for additional styling */
+    className?: string;
+    /** Optional inline styles */
+    style?: React.CSSProperties;
+}
+/**
+ * MediaPreview component
+ *
+ * Renders an image or video preview based on the file type.
+ * Automatically detects video files by extension (.mp4, .webm, .ogg)
+ * and renders a video player. For images, renders a standard img tag.
+ */
+declare const MediaPreview: React.FC<MediaPreviewProps>;
+export default MediaPreview;

package/dist/dts/components/Text/Text.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    children: React.ReactNode;
+    className?: string;
+    as?: React.ElementType;
+}
+export declare const Text: (({ as: Tag, className, children }: Props) => import("react/jsx-runtime").JSX.Element) & {
+    Title: ({ as: Tag, className, children }: Props) => import("react/jsx-runtime").JSX.Element;
+    Subtitle: ({ as: Tag, className, children }: Props) => import("react/jsx-runtime").JSX.Element;
+    Caption: ({ as: Tag, className, children }: Props) => import("react/jsx-runtime").JSX.Element;
+    Label: ({ as: Tag, className, children }: Props) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/dts/components/Text/index.d.ts

@@ -0,0 +1 @@
+export { Text } from "./Text";

package/dist/dts/components/UrlField/index.d.ts

@@ -0,0 +1,17 @@
+interface UrlFieldProps {
+    routes: {
+        label: string;
+        value: string;
+    }[];
+    isExternal: boolean;
+    value?: string;
+    onChange?: (v: string) => void;
+    placeholder?: string;
+}
+/**
+ * Smart URL input:
+ * - When isExternal=true  → free-text input for any URL
+ * - When isExternal=false → select from known internal pages
+ */
+export declare const UrlField: ({ routes, isExternal, value, onChange, placeholder, }: UrlFieldProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/dts/components/index.d.ts

@@ -0,0 +1,12 @@
+export * from "./Button";
+export * from "./Icons";
+export * from "./Dropdown";
+export * from "./Text";
+export * from "./Inputs";
+export * from "./UrlField";
+export * from "./IconSelect";
+export { default as AdminLayout } from "./AdminLayout";
+export * from "./AdminLogin";
+export { default as AdminLogin } from "./AdminLogin";
+export { default as AdminRoute } from "./AdminRoute";
+export { default as MediaPreview } from "./MediaPreview";

package/dist/dts/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useDarkMode";
+export * from "./useAuth";

package/dist/dts/hooks/useAuth.d.ts

@@ -0,0 +1,22 @@
+export interface AdminUser {
+    _id: string;
+    name: string;
+    email: string;
+    role: 'superadmin' | 'admin' | 'editor';
+}
+interface LoginCredentials {
+    email: string;
+    password: string;
+}
+interface UseAuthOptions {
+    storageKey?: string;
+}
+interface UseAuthReturn {
+    user: AdminUser | null;
+    loading: boolean;
+    login: (credentials: LoginCredentials) => Promise<AdminUser>;
+    logout: () => void;
+    isAuthenticated: boolean;
+}
+export declare const createUseAuth: (loginFn: (credentials: LoginCredentials) => Promise<AdminUser>, options?: UseAuthOptions) => (() => UseAuthReturn);
+export {};

package/dist/dts/hooks/useDarkMode.d.ts

@@ -0,0 +1 @@
+export declare const useDarkMode: () => boolean;

package/dist/dts/index.d.ts

@@ -0,0 +1,9 @@
+import "./styles/globals.css";
+export * from "./components";
+export * from "./libs";
+export * from "./modals";
+export * from "./hooks";
+export * from "./pages";
+import { default as SubscriptionPageExport } from "./pages/SubscriptionPage/index.tsx";
+export { SubscriptionPageExport as SubscriptionPage };
+export { useSubscription, adminClient, STRIPE_PAYMENT_LINK, STRIPE_PRODUCT_ID, getSubscriptionPageUrl, type SubscriptionData, type UseSubscriptionReturn, type SubscriptionConfig, createAdminClient } from "./pages/SubscriptionPage/useSubscription.ts";

package/dist/dts/libs/authUtils.d.ts

@@ -0,0 +1,18 @@
+import type { SanityClient } from "@sanity/client";
+export interface User {
+    _id: string;
+    name: string;
+    email: string;
+    role: 'superadmin' | 'admin' | 'editor';
+}
+export interface LoginCredentials {
+    email: string;
+    password: string;
+}
+export interface CreateLoginFnOptions {
+    sanityClient: SanityClient;
+    comparePasswordFn?: (password: string, hashed: string) => Promise<boolean>;
+}
+export declare const createSanityLoginFn: (options: CreateLoginFnOptions) => (credentials: LoginCredentials) => Promise<User>;
+export declare const hashPassword: (_password: string) => Promise<string>;
+export declare const comparePassword: (password: string, hashed: string) => Promise<boolean>;

package/dist/dts/libs/icosLibs.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+/** Tipo de componente de icono compatible con className (para el front). */
+export type IconComponentType = React.ComponentType<{
+    className?: string;
+}>;
+export declare function getIcon(name: string | undefined): IconComponentType;
+/**
+ * Recorre recursivamente un objeto y reemplaza cualquier campo cuyo nombre esté
+ * en ICON_NAME_KEYS y cuyo valor sea un string (nombre Lineicons) por getIcon().
+ * No toca strings que parecen URLs (p. ej. icon que era imagen y ya es URL).
+ */
+export declare function getIconsMap<T>(data: T): T;

package/dist/dts/libs/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./icosLibs";
+export * from "./sanityImage";
+export * from "./authUtils";
+export * from "./sanityClient";

package/dist/dts/libs/sanityClient/index.d.ts

@@ -0,0 +1,15 @@
+import { type SanityClient } from '@sanity/client';
+export interface SanityClientOptions {
+    projectId: string;
+    dataset?: string;
+    apiVersion?: string;
+    useCdn?: boolean;
+    token?: string;
+}
+export declare const initSanityClient: (options: SanityClientOptions) => SanityClient;
+export declare const getSanityClient: () => SanityClient;
+export declare const sanityClient: {
+    init: (options: SanityClientOptions) => SanityClient;
+    get: () => SanityClient;
+};
+export default sanityClient;

package/dist/dts/libs/sanityImage.d.ts

@@ -0,0 +1,11 @@
+export declare function sanityImageUrl(builder: any, source: {
+    asset?: {
+        _ref?: string;
+    };
+} | undefined): string;
+interface envProp {
+    proj: any;
+    ds: any;
+}
+export declare function processImages<T>(builder: any, env: envProp, data: T): T;
+export {};

package/dist/dts/modals/IconModal.d.ts

@@ -0,0 +1,9 @@
+import type { IconData } from "@lineiconshq/free-icons";
+interface IconModalProps {
+    open: boolean;
+    onClose: () => void;
+    onSelect: (iconName: string) => void;
+    selectedValue?: string | IconData;
+}
+export declare const IconModal: ({ open, onClose, onSelect, selectedValue, }: IconModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/dts/modals/PreviewImage.d.ts

@@ -0,0 +1,5 @@
+import { GetProp, UploadProps } from "antd";
+type FileType = Parameters<GetProp<UploadProps, "beforeUpload">>[0];
+export declare const getBase64: (file: FileType) => Promise<string>;
+export declare const PreviewImage: ({ file, open, onClose }: any) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/dts/modals/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./PreviewImage";
+export * from "./IconModal";

package/dist/dts/pages/SubscriptionPage/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface SubscriptionPageProps {
+    subscriptionStatus?: 'active' | 'inactive' | 'past_due' | 'canceled' | 'trialing' | 'none';
+    currentPeriodEnd?: string;
+    cancelAtPeriodEnd?: boolean;
+    onSubscribe?: () => void;
+    onManageBilling?: () => void;
+    loading?: boolean;
+    stripePaymentLink?: string;
+    stripeCustomerId?: string;
+    createBillingSession?: () => Promise<string>;
+}
+declare const SubscriptionPage: React.FC<SubscriptionPageProps>;
+export default SubscriptionPage;

package/dist/dts/pages/SubscriptionPage/useSubscription.d.ts

@@ -0,0 +1,26 @@
+export interface SubscriptionConfig {
+    adminProjectId?: string;
+    subscriptionProductId?: string;
+    stripePaymentLink?: string;
+}
+export declare const createAdminClient: (config: SubscriptionConfig) => import("@sanity/client").SanityClient;
+export declare const adminClient: import("@sanity/client").SanityClient;
+export interface SubscriptionData {
+    subscriptionStatus: "active" | "inactive" | "past_due" | "canceled" | "trialing" | "none";
+    currentPeriodEnd?: string;
+    cancelAtPeriodEnd?: boolean;
+    customerEmail?: string;
+    subscriptionId?: string;
+    stripeCustomerId?: string;
+    stripePaymentLink?: string;
+}
+export interface UseSubscriptionReturn {
+    subscription: SubscriptionData | null;
+    loading: boolean;
+    error: string | null;
+    refetch: () => Promise<void>;
+}
+export declare const useSubscription: (email: string, config?: SubscriptionConfig) => UseSubscriptionReturn;
+export declare const STRIPE_PAYMENT_LINK: string;
+export declare const STRIPE_PRODUCT_ID: string;
+export declare const getSubscriptionPageUrl: (config?: SubscriptionConfig) => string;

package/dist/dts/pages/index.d.ts

@@ -0,0 +1 @@
+export * from "./SubscriptionPage";