@instincthub/react-ui 0.0.1 → 0.0.3

package/dist/src/types/components/forms/FilterArray.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface FilterArrayProps {
+    options: string[];
+    defaultValues?: string;
+    notUpperCases?: boolean;
+    names: string;
+    labels?: string;
+    setSelectedValue?: (value: string) => void;
+    defaultWidth?: string;
+    requireds?: boolean;
+    errs?: boolean;
+    setArrayProps?: (arrayProps: any[], option: string) => void;
+    arrayProps?: any[];
+    dataNames?: string;
+}
+declare const FilterArray: React.FC<FilterArrayProps>;
+export default FilterArray;

package/dist/src/types/components/forms/FilterBy.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface FilterByProps {
+    selected: string;
+    setSelected: (value: string) => void;
+}
+declare const FilterBy: React.FC<FilterByProps>;
+export default FilterBy;

package/dist/src/types/components/forms/FilterObjects.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+interface FilterObjectsOption {
+    id: string | number;
+    title: string;
+    [key: string]: any;
+}
+interface FilterObjectsProps {
+    options: FilterObjectsOption[];
+    defaultValues?: FilterObjectsOption | string | number;
+    names: string;
+    labels?: string;
+    setSelectedValues?: (name: string, value: FilterObjectsOption) => void;
+    defaultWidth?: string;
+    requireds?: boolean;
+    errs?: boolean;
+    setArrayProps?: (arrayProps: any[], option: FilterObjectsOption) => void;
+    arrayProps?: any[];
+    dataNames?: string;
+    setCookies?: string;
+    setObjects?: (option: FilterObjectsOption) => void;
+    status?: number;
+    upperCases?: boolean;
+}
+declare const FilterObjects: React.FC<FilterObjectsProps>;
+export default FilterObjects;

package/dist/src/types/components/forms/FormError.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface FormErrorProps {
+    errors?: Record<string, string[]>;
+    status?: number;
+}
+declare const FormError: React.FC<FormErrorProps>;
+export default FormError;

package/dist/src/types/components/forms/HandleError.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface HandleErrorProps {
+    status: number;
+    items: Record<string, any>;
+    registerForm: HTMLFormElement | null;
+    r_path: string | null;
+}
+/**
+ * Processes API error responses and displays appropriate messages or redirects
+ */
+declare const HandleError: React.FC<HandleErrorProps>;
+export default HandleError;

package/dist/src/types/components/forms/InputSearchDropdown.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface Option {
+    name: string;
+    [key: string]: any;
+}
+interface InputSearchDropdownProps {
+    options: Option[];
+    onOptionSelected: (option: Option) => void;
+    defaultValues?: string;
+    names?: string;
+    disableds?: boolean;
+}
+declare const InputSearchDropdown: React.FC<InputSearchDropdownProps>;
+export default InputSearchDropdown;

package/dist/src/types/components/forms/Logout.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * Logout component that handles user logout functionality
+ */
+declare const Logout: React.FC;
+export default Logout;

package/dist/src/types/components/forms/MessageDisplay.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface MessageDisplayProps {
+    messages?: string;
+    flag?: "success" | "failed" | "note";
+}
+/**
+ * Component to display various types of messages with different styling
+ */
+declare const MessageDisplay: React.FC<MessageDisplayProps>;
+export default MessageDisplay;

package/dist/src/types/components/forms/MultipleEmail.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface MultipleEmailProps {
+    onEmailsChange?: (emails: string[]) => void;
+}
+declare const MultipleEmail: React.FC<MultipleEmailProps>;
+export default MultipleEmail;

package/dist/src/types/components/forms/PageLoading.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface PageLoadingProps {
+    labels?: string;
+}
+export declare const PageLoading: React.FC<PageLoadingProps>;
+export default PageLoading;

package/dist/src/types/components/forms/PasswordField.d.ts

@@ -0,0 +1,10 @@
+interface PasswordFieldProps {
+    names: string;
+    labels: string;
+    requireds?: boolean;
+    defaultValues?: string;
+    setValues?: (value: string) => void;
+    inputEvent?: (name: string, value: string) => void;
+}
+export default function PasswordField({ names, labels, requireds, defaultValues, setValues, inputEvent, }: PasswordFieldProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/types/components/forms/PhoneNumberInput.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+interface PhoneNumberInputProps {
+    phoneCode?: string;
+    defaultValues: {
+        mobile?: string;
+        [key: string]: any;
+    };
+    names?: string;
+    inputEvent?: (event: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void;
+}
+declare const PhoneNumberInput: React.FC<PhoneNumberInputProps>;
+export default PhoneNumberInput;

package/dist/src/types/components/forms/RadioField.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface RadioOption {
+    id: string | number;
+    title?: string;
+    name?: string;
+}
+interface RadioFieldProps {
+    options?: RadioOption[];
+    names: string;
+    labels: string;
+    requireds?: boolean;
+    defaultValues?: string | number;
+    setSelectedValue?: (value: string) => void;
+}
+declare const RadioField: React.FC<RadioFieldProps>;
+export default RadioField;

package/dist/src/types/components/forms/RadioSimple.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface RadioSimpleProps {
+    ids: string;
+    names: string;
+    values: string | number;
+    labels: string;
+    checked?: boolean;
+    inputEvent?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+declare const RadioSimple: React.FC<RadioSimpleProps>;
+export default RadioSimple;

package/dist/src/types/components/forms/RangeRadio.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface RangeRadioProps {
+    ranges: number;
+    names?: string;
+    labels: string;
+    requireds?: boolean;
+    setSelectedValue?: (value: string) => void;
+}
+declare const RangeRadio: React.FC<RangeRadioProps>;
+export default RangeRadio;

package/dist/src/types/components/forms/ReactTimeAgo.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface TimeAgoProps {
+    date: string | number | Date;
+    live?: boolean;
+    updateInterval?: number;
+    formatter?: (value: number, unit: string) => string;
+}
+declare const ReactTimeAgo: React.FC<TimeAgoProps>;
+export default ReactTimeAgo;

package/dist/src/types/components/forms/ReadTermsAndCondition.d.ts

@@ -0,0 +1,6 @@
+interface ReadTermsAndConditionProps {
+    names?: string;
+    setTermsStatus: (status: boolean) => void;
+}
+export default function ReadTermsAndCondition({ names, setTermsStatus }: ReadTermsAndConditionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/types/components/forms/SearchField.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface SearchFieldProps {
+    labels?: string;
+    setSearchValues?: (value: string) => void;
+}
+declare const SearchField: React.FC<SearchFieldProps>;
+export default SearchField;

package/dist/src/types/components/forms/StepProgressBar.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface StepProgressBarProps {
+    step: number;
+    counts: number[];
+    widths?: string;
+    [key: string]: any;
+}
+declare const StepProgressBar: React.FC<StepProgressBarProps>;
+export default StepProgressBar;

package/dist/src/types/components/forms/Tables.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface TableItem {
+    id: string | number;
+    title: string;
+}
+interface TablesProps {
+    data: TableItem[];
+}
+declare const Tables: React.FC<TablesProps>;
+export default Tables;

package/dist/src/types/components/forms/TextArea.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface TextAreaProps {
+    names: string;
+    labels: string;
+    rows?: number;
+    defaultValues?: string;
+    placeholder?: string;
+    maxLengths?: number | string;
+    setValues?: (value: string) => void;
+    inputEvent?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+}
+declare const TextArea: React.FC<TextAreaProps>;
+export default TextArea;

package/dist/src/types/components/forms/Tooltip.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+interface TooltipContent {
+    feedback: string;
+    timestamp: string | number | Date;
+}
+interface TooltipProps {
+    content: string | TooltipContent[];
+    children: React.ReactNode;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/src/types/components/forms/UnsplashRandomImage.d.ts

@@ -0,0 +1,81 @@
+/// <reference types="react" />
+/**
+ * Represents an Unsplash user
+ */
+export interface UnsplashUser {
+    name: string;
+    links?: {
+        html?: string;
+    };
+    profile_image?: {
+        small?: string;
+    };
+    location?: string;
+}
+/**
+ * Represents image URLs from Unsplash
+ */
+export interface UnsplashUrls {
+    regular: string;
+    raw?: string;
+    full?: string;
+    small?: string;
+    thumb?: string;
+}
+/**
+ * Represents the Unsplash image data structure
+ */
+export interface UnsplashObject {
+    id?: string;
+    urls?: UnsplashUrls;
+    user?: UnsplashUser;
+    alt_description?: string;
+    description?: string;
+    color?: string;
+    created_at?: string;
+    likes?: number;
+}
+/**
+ * Redux action type for unsplash object
+ */
+export interface UnsplashAction {
+    add: (payload: UnsplashObject) => {
+        type: string;
+        payload: UnsplashObject;
+    };
+}
+/**
+ * Props for the UnsplashRandomImage component
+ */
+export interface UnsplashRandomImageProps {
+    /** Search category for Unsplash images */
+    category: string;
+    /** Optional className for styling */
+    className?: string;
+    /** Redux dispatch hook */
+    useDispatch: () => any;
+    /** Redux selector hook */
+    useSelector: <T>(selector: (state: any) => T) => T;
+    /** Redux selector function for unsplash object */
+    selectUnsplashObject: (state: any) => UnsplashObject;
+    /** Redux slice for unsplash object */
+    unsplashObject: {
+        actions: UnsplashAction;
+    };
+    /** Optional height (default: 100vh) */
+    height?: string;
+    /** Optional width (default: 100%) */
+    width?: string;
+    /** Optional border radius (default: 8px) */
+    borderRadius?: string;
+    /** Optional overlay intensity (0-1, default: 0.2) */
+    overlayIntensity?: number;
+    /** Function to handle image click */
+    onImageClick?: () => void;
+}
+/**
+ * Component that fetches and displays a random image from Unsplash based on a category
+ * with enhanced UI and functionality
+ */
+declare const UnsplashRandomImage: React.FC<UnsplashRandomImageProps>;
+export default UnsplashRandomImage;

package/dist/src/types/components/forms/uploads/FileUploader.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+interface S3UploadResponse {
+    bucket: string;
+    title: string;
+    key: string;
+    content_type: string;
+    size: number;
+    location: string;
+}
+interface FileUploaderProps {
+    headers?: string;
+    labels?: string;
+    accepts?: string;
+    maxFileSize?: number;
+    names?: string;
+    module?: string;
+    step?: string;
+    username?: string | null;
+    setResponse?: (response: S3UploadResponse) => void;
+    setValues?: (name: string, value: string) => void;
+    setModules?: (module: string, name: string, value: string) => void;
+    setSteps?: (module: string, step: string, name: string, value: string) => void;
+}
+declare const FileUploader: React.FC<FileUploaderProps>;
+export default FileUploader;

package/dist/src/types/components/forms/uploads/IhubFileUploader.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Response interface for S3 uploads
+ */
+export interface S3UploadResponseType {
+    bucket: string;
+    title: string;
+    key: string;
+    content_type: string;
+    size: number;
+    location: string;
+}
+/**
+ * Props interface for the FileUploader component
+ */
+export interface FileUploaderProps {
+    /** Header text to display above the uploader */
+    header?: string;
+    /** Label text for the dropzone area */
+    label?: string;
+    /** Accepted file types (e.g., 'image/*', 'video/*', '.pdf,.docx') */
+    accept?: string;
+    /** Maximum allowed file size in bytes */
+    maxFileSize?: number;
+    /** Input field name */
+    name?: string;
+    /** Module identifier for setting values */
+    module?: string;
+    /** Step identifier for setting values */
+    step?: string;
+    /** Username for file naming */
+    username?: string | null;
+    /** Callback for handling the upload response */
+    onUploadComplete?: (response: S3UploadResponseType) => void;
+    /** Callback for setting values */
+    setValues?: (name: string, value: string) => void;
+    /** Callback for setting module values */
+    setModules?: (module: string, name: string, value: string) => void;
+    /** Callback for setting step values */
+    setSteps?: (module: string, step: string, name: string, value: string) => void;
+    /** Additional CSS class names */
+    className?: string;
+}
+/**
+ * A modern file uploader component with drag and drop support
+ */
+export default function IhubFileUploader({ header, label, accept, maxFileSize, name, module, step, username, onUploadComplete, setValues, setModules, setSteps, className, }: FileUploaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/types/components/lib/auth/actions.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Redirects to the login page with the current URL as callback
+ * @returns Promise<void>
+ */
+export declare const login: () => Promise<void>;
+/**
+ * Redirects to the signup page with the current URL as callback
+ * @returns Promise<void>
+ */
+export declare const signup: () => Promise<void>;
+/**
+ * Signs out the user and reloads the page
+ * @returns Promise<void>
+ */
+export declare const logout: () => Promise<void>;

package/dist/src/types/components/lib/auth/dbRequestst.d.ts

@@ -0,0 +1,21 @@
+interface RequestParams {
+    path: string;
+    data?: any;
+    token?: string | null;
+    method?: "GET" | "POST" | "PUT" | "DELETE" | "PATCH";
+    type?: "json" | "form-data" | null | false;
+    channel?: string;
+}
+/**
+ * Fetches data from the API
+ * @param params Request parameters
+ * @returns Promise with the response data
+ */
+export declare function getData(params: Partial<RequestParams>): Promise<any>;
+/**
+ * Gets channel information based on host
+ * @param host The hostname to extract subdomain from
+ * @returns Promise with channel data
+ */
+export declare function getChannel(host: string): Promise<any>;
+export {};

package/dist/src/types/components/lib/createSubscription.d.ts

@@ -0,0 +1,13 @@
+interface SubscriptionObject {
+    email?: string;
+    [key: string]: any;
+}
+/**
+ * Creates a user subscription in the database
+ * @param channel - The payment channel to use
+ * @param token - Authentication token
+ * @param objects - Subscription details
+ * @returns Promise resolving to the response or status code
+ */
+declare const createSubscription: (channel: string, token: string, objects: SubscriptionObject) => Promise<any>;
+export default createSubscription;

package/dist/src/types/components/lib/elementIsVisibleInViewport.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Checks if an element is visible in the viewport
+ * @param el - The DOM element to check
+ * @param partiallyVisible - Whether to check for partial visibility (default: false)
+ * @returns True if the element is visible in the viewport
+ */
+declare const elementIsVisibleInViewport: (el: HTMLElement, partiallyVisible?: boolean) => boolean;
+export default elementIsVisibleInViewport;

package/dist/src/types/components/lib/fileToBase64.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Converts a file to a base64 encoded string (without the data URL prefix)
+ * @param file - The file to convert
+ * @returns Promise resolving to the base64 encoded string
+ */
+declare const fileToBase64: (file: File) => Promise<string>;
+export default fileToBase64;

package/dist/src/types/components/lib/formError.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Interface for form validation errors
+ */
+interface FormErrors {
+    [fieldName: string]: string[];
+}
+/**
+ * Handles form validation errors by highlighting fields and displaying error messages
+ * @param errors - Object containing field errors from the server
+ * @returns Boolean indicating if there were any errors
+ */
+export default function handleFormErrors(errors: FormErrors): boolean;
+export {};

package/dist/src/types/components/lib/format.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Formats seconds into a time string (MM:SS or HH:MM)
+ * @param time - Time in seconds
+ * @returns Formatted time string
+ */
+export declare const formatTime: (time: number) => string;

package/dist/src/types/components/lib/getPriceObjects.d.ts

@@ -0,0 +1,39 @@
+interface PriceTier {
+    [currency: string]: string;
+}
+interface ProductObject {
+    price_tier?: PriceTier;
+    [key: string]: any;
+}
+interface LocationState {
+    ip_address?: string;
+    currency?: string;
+}
+interface PromoState {
+    id?: string | number;
+    percentage?: string;
+    [key: string]: any;
+}
+interface PriceObjectsResult {
+    currency: string;
+    price: string;
+    formatted_price?: number;
+    discounted_price?: string;
+    promo: PromoState;
+    symbol: string;
+    is_promo_running: boolean;
+    ip_address?: string;
+}
+interface GetPriceObjectsProps {
+    selectCurrentPromo: () => PromoState;
+    selectUserLocation: () => LocationState;
+    useSelector: <T>(selector: () => T) => T;
+}
+/**
+ * Calculates price details based on user location and promotional offers
+ * @param objects - Product object containing pricing information
+ * @param props - Functions for accessing Redux state
+ * @returns Object with currency, price, formatted_price, symbol, and promo details
+ */
+declare const getPriceObjects: (objects: ProductObject, props: GetPriceObjectsProps) => PriceObjectsResult;
+export default getPriceObjects;