@anji-dashing/dam-solution-v2 5.8.173

package/build/common/RenderFormItem.d.ts

@@ -0,0 +1,42 @@
+import React from "react";
+interface CustomFormItemProps {
+    name: any;
+    label: string;
+    rules?: any[];
+    placeholder?: string;
+    inputClassName?: string;
+    [key: string]: any;
+}
+interface CustomCheckboxProps extends CustomFormItemProps {
+    showLabel?: boolean;
+}
+interface CustomRadioGroupProps extends CustomFormItemProps {
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+}
+interface CustomCheckboxGroupProps extends CustomFormItemProps {
+    options: {
+        label: string;
+        value: string | number;
+    }[];
+}
+interface CustomSelectProps extends CustomFormItemProps {
+    options: {
+        label: any;
+        value: string | number;
+    }[];
+}
+export declare const CustomInputFormItem: React.FC<CustomFormItemProps>;
+export declare const CustomTextAreaFormItem: React.FC<CustomFormItemProps>;
+export declare const CustomSwitchFormItem: React.FC<CustomFormItemProps>;
+export declare const CustomPasswordFormItem: React.FC<CustomFormItemProps>;
+export declare const CustomNumberFormItem: React.FC<CustomFormItemProps>;
+export declare const CustomRadioGroupFormItem: React.FC<CustomRadioGroupProps>;
+export declare const CustomCheckBoxGroupFormItem: React.FC<CustomCheckboxGroupProps>;
+export declare const CustomCheckboxFormItem: React.FC<CustomCheckboxProps>;
+export declare const CustomDatePickerFormItem: React.FC<CustomFormItemProps>;
+export declare const CustomSelectFormItem: React.FC<CustomSelectProps>;
+export declare const CustomColorPickerFormItem: React.FC<CustomFormItemProps>;
+export {};

package/build/common/RenderFormItem.js

@@ -0,0 +1,98 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { Input, Radio, DatePicker, Form, Select, InputNumber, Checkbox, ColorPicker, Switch, } from "antd";
+import { map } from "lodash";
+import dayjs from "dayjs";
+const { TextArea } = Input;
+// Custom Input Form Item
+export const CustomInputFormItem = (_a) => {
+    var { name, label, rules, placeholder, inputClassName, disabled, onChange, size, showCount = false, hasLimit } = _a, rest = __rest(_a, ["name", "label", "rules", "placeholder", "inputClassName", "disabled", "onChange", "size", "showCount", "hasLimit"]);
+    return (_jsx(Form.Item, Object.assign({ name: name, label: label, rules: rules }, rest, { children: _jsx(Input, { placeholder: placeholder, className: `${inputClassName} md-lib-h-12`, disabled: disabled, onChange: onChange, size: "large", maxLength: hasLimit ? undefined : 255, showCount: showCount }) }), `field-${name}`));
+};
+// Custom TextArea Item
+export const CustomTextAreaFormItem = (_a) => {
+    var { name, label, rules, placeholder, inputClassName, disabled, rows = 4 } = _a, rest = __rest(_a, ["name", "label", "rules", "placeholder", "inputClassName", "disabled", "rows"]);
+    return (_jsx(Form.Item, Object.assign({ name: name, label: label, rules: rules }, rest, { children: _jsx(TextArea, { placeholder: placeholder, className: inputClassName, disabled: disabled, rows: 3 }) }), `field-${name}`));
+};
+// Custom Toggle Item
+export const CustomSwitchFormItem = (_a) => {
+    var { name, label, rules, placeholder, inputClassName, disabled, onChange } = _a, rest = __rest(_a, ["name", "label", "rules", "placeholder", "inputClassName", "disabled", "onChange"]);
+    return (_jsx(Form.Item, Object.assign({ name: name, label: label, rules: rules }, rest, { children: _jsx(Switch, { disabled: disabled, onChange: onChange }) }), `field-${name}`));
+};
+// Custom Password Input Form Item
+export const CustomPasswordFormItem = (_a) => {
+    var { name, label, rules, placeholder, disabled } = _a, rest = __rest(_a, ["name", "label", "rules", "placeholder", "disabled"]);
+    return (_jsx(Form.Item, Object.assign({ name: name, label: label, rules: rules }, rest, { children: _jsx(Input.Password, { placeholder: placeholder, disabled: disabled, size: "large" }) }), `field-${name}`));
+};
+// Custom Number Input Form Item
+export const CustomNumberFormItem = (_a) => {
+    var { name, label, rules, disabled, placeholder, min } = _a, rest = __rest(_a, ["name", "label", "rules", "disabled", "placeholder", "min"]);
+    return (_jsx(Form.Item, Object.assign({ name: name, label: label, rules: rules }, rest, { children: _jsx(InputNumber, { placeholder: placeholder, disabled: disabled, style: { width: "100%" }, min: min, size: "large" }) }), `field-${name}`));
+};
+// Custom Radio Group Form Item
+export const CustomRadioGroupFormItem = (_a) => {
+    var { name, label, rules, options, disabled } = _a, rest = __rest(_a, ["name", "label", "rules", "options", "disabled"]);
+    return (_jsx(Form.Item, Object.assign({ name: name, label: label, rules: rules }, rest, { children: _jsx(Radio.Group, { disabled: disabled, children: options.map((option) => (_jsx(Radio, { value: option.value, children: option.label }, option.value))) }) }), `field-${name}`));
+};
+// Custom Checkbox group Form Item
+export const CustomCheckBoxGroupFormItem = (_a) => {
+    var { name, label, rules, options, disabled } = _a, rest = __rest(_a, ["name", "label", "rules", "options", "disabled"]);
+    return (_jsx(Form.Item, Object.assign({ name: name, label: label, rules: rules }, rest, { children: _jsx(Checkbox.Group, { disabled: disabled, children: options.map((option) => (_jsx(Checkbox, { value: option.value, children: option.label }, option.value))) }) }), `field-${name}`));
+};
+// Custom Checkbox Form Item
+export const CustomCheckboxFormItem = (_a) => {
+    var { name, label, rules, showLabel = false, disabled, options } = _a, rest = __rest(_a, ["name", "label", "rules", "showLabel", "disabled", "options"]);
+    return (_jsx(Form.Item, Object.assign({ name: name, label: showLabel ? label : "", rules: rules }, rest, { children: (options === null || options === void 0 ? void 0 : options.length) > 0 ? (_jsx(Checkbox.Group, { disabled: disabled, children: options.map((option, index) => {
+                return (_jsx(Checkbox, { value: option.value, children: option.label }, index));
+            }) })) : (_jsx(Checkbox, { children: label })) }), `field-${name}`));
+};
+// Custom Date Picker Form Item
+export const CustomDatePickerFormItem = (_a) => {
+    var { name, label, rules, placeholder, disabled, showTime = false } = _a, rest = __rest(_a, ["name", "label", "rules", "placeholder", "disabled", "showTime"]);
+    return (_jsx(Form.Item, Object.assign({ name: name, label: label, rules: rules }, rest, { getValueFromEvent: (val) => {
+            // Ensure dayjs object is correctly formatted and returned
+            return val ? dayjs(val).format("YYYY-MM-DD") : undefined;
+        }, getValueProps: (val) => {
+            return {
+                value: dayjs(val),
+            };
+        }, children: _jsx(DatePicker, { disabled: disabled, placeholder: placeholder, showTime: showTime, size: "large" }) }), `field-${name}`));
+};
+// Custom Select Form Item
+export const CustomSelectFormItem = (_a) => {
+    var { name, label, rules, options, placeholder, showSearch, filterOption, onChange, disabled, size, loading } = _a, rest = __rest(_a, ["name", "label", "rules", "options", "placeholder", "showSearch", "filterOption", "onChange", "disabled", "size", "loading"]);
+    const [open, setOpen] = useState(false);
+    return (_jsx(Form.Item, Object.assign({ name: name, label: label, rules: rules }, rest, { children: _jsx(Select, { placeholder: placeholder, showSearch: showSearch, filterOption: filterOption, open: open, size: size, onChange: (val) => {
+                setOpen(false);
+                onChange && onChange(val);
+            }, disabled: disabled, onBlur: () => {
+                setOpen(false);
+            }, onClick: () => setOpen(!open), loading: loading, children: map(options, (option) => (_jsx(Select.Option, { value: option.value, children: option.label }, option.value))) }) }), `field-${name}`));
+};
+// Custom Color Picker Form Item
+export const CustomColorPickerFormItem = (_a) => {
+    var { name, label, rules, inputClassName, valuePropName = "value", disabled, form } = _a, rest = __rest(_a, ["name", "label", "rules", "inputClassName", "valuePropName", "disabled", "form"]);
+    const handleColorChange = (color, hex) => {
+        if (Array.isArray(name)) {
+            const [parent, child] = name;
+            form.setFieldsValue({ [parent]: { [child]: hex } });
+            form.validateFields([[parent, child]]);
+        }
+        else {
+            form.setFieldsValue({ [name]: hex });
+            form.validateFields([name]);
+        }
+    };
+    return (_jsx(Form.Item, Object.assign({ name: name, label: label, rules: rules }, rest, { children: _jsx("div", { className: inputClassName, children: _jsx(ColorPicker, { onChange: handleColorChange, disabled: disabled, value: rest === null || rest === void 0 ? void 0 : rest.value }) }) }), `field-${name}`));
+};

package/build/common/RenderThumnail.d.ts

@@ -0,0 +1,7 @@
+declare function RenderThumbnail({ url, alt, width, height, }: {
+    url: string;
+    alt: string;
+    width?: number;
+    height?: number;
+}): JSX.Element;
+export default RenderThumbnail;

package/build/common/RenderThumnail.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { FileImageOutlined } from "@ant-design/icons";
+function RenderThumbnail({ url, alt, width = 20, height = 20, }) {
+    return (_jsx(_Fragment, { children: url ? (_jsx("img", { src: url, alt: alt, width: width, height: height, className: "md-lib-rounded md-lib-object-cover" })) : (_jsx(FileImageOutlined, { className: "md-lib-text-primaryColor md-lib-text-lg" })) }));
+}
+export default RenderThumbnail;

package/build/common/deleteModal.d.ts

@@ -0,0 +1 @@
+export default function DeleteModal({ title, open, setOpen, massage }: any): JSX.Element;

package/build/common/deleteModal.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button, Modal } from "antd";
+export default function DeleteModal({ title, open, setOpen, massage }) {
+    const handleOk = (values) => {
+        // console.log(values);
+        setOpen(false);
+    };
+    const handleCancel = () => {
+        setOpen(false);
+    };
+    return (_jsx(_Fragment, { children: _jsxs(Modal, { title: title, open: open, onCancel: handleCancel, footer: null, width: 400, children: [_jsx("p", { className: "md-lib-text-sm md-lib-text-textColor md-lib-pb-7 md-lib-pt-4", children: massage }), _jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-justify-end md-lib-gap-2", children: [_jsx(Button, { size: "large", onClick: handleCancel, className: "md-lib-border-none md-lib-shadow-none", children: "Cancel" }), _jsx(Button, { size: "large", type: "primary", danger: true, onClick: handleOk, children: "Yes, Delete" })] })] }) }));
+}

package/build/common/folders/TypeAndDateFilters.d.ts

@@ -0,0 +1,13 @@
+import { Dayjs } from "dayjs";
+declare function TypeAndDateFilters({ selectedType, onDateMenuClick, onTypeMenuClick, onChangeDates, onCancelCustomDate, loading, loadingType, selectedDateKey, customDateRange, }: {
+    selectedType: string;
+    onDateMenuClick: (params: any) => void;
+    onTypeMenuClick: (params: any) => void;
+    onChangeDates: (params: any) => void;
+    onCancelCustomDate?: () => void;
+    loading?: boolean;
+    loadingType?: string;
+    selectedDateKey: string;
+    customDateRange?: [Dayjs, Dayjs] | null;
+}): JSX.Element;
+export default TypeAndDateFilters;

package/build/common/folders/TypeAndDateFilters.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { DatePicker, Dropdown, Menu } from "antd";
+import CustomButton from "../Button";
+import { capitalize } from "lodash";
+import { MdClearAll, MdMoreHoriz } from "react-icons/md";
+import { FileTypes } from "../../utilities/constants/interface";
+import { DownOutlined, FileImageOutlined, FileTextOutlined, CustomerServiceOutlined, VideoCameraOutlined, } from "@ant-design/icons";
+import { FILTER_DATE_FORMAT } from "../../hocs/appConstants";
+import { IoFilter } from "react-icons/io5";
+import { useEffect, useState } from "react";
+const { RangePicker } = DatePicker;
+const MdClearAllIcon = MdClearAll;
+const MdMoreHorizIcon = MdMoreHoriz;
+const IoFilterIcon = IoFilter;
+const typeOptions = [
+    { key: "", label: "All", icon: _jsx(MdClearAllIcon, {}) },
+    { key: FileTypes.IMAGES, label: "Images", icon: _jsx(FileImageOutlined, {}) },
+    { key: FileTypes.VIDEOS, label: "Videos", icon: _jsx(VideoCameraOutlined, {}) },
+    { key: FileTypes.DOCUMENTS, label: "Documents", icon: _jsx(FileTextOutlined, {}) },
+    { key: FileTypes.MUSIC, label: "Music", icon: _jsx(CustomerServiceOutlined, {}) },
+    { key: FileTypes.OTHER, label: "Other", icon: _jsx(MdMoreHorizIcon, {}) },
+];
+function TypeAndDateFilters({ selectedType, onDateMenuClick, onTypeMenuClick, onChangeDates, onCancelCustomDate, loading, loadingType, selectedDateKey, customDateRange, }) {
+    const [dateDropdownOpen, setDateDropdownOpen] = useState(false);
+    const [tempDateRange, setTempDateRange] = useState(customDateRange || null);
+    useEffect(() => {
+        setTempDateRange(customDateRange || null);
+    }, [customDateRange]);
+    const dateOptions = [
+        { key: "", label: "All" },
+        { key: "today", label: "Today" },
+        { key: "last7", label: "Last 7 days" },
+        { key: "last30", label: "Last 30 days" },
+        { key: "thisYear", label: `This year (${new Date().getFullYear()})` },
+        { key: "lastYear", label: `Last year (${new Date().getFullYear() - 1})` },
+    ];
+    const handleCustomDateApply = () => {
+        if (tempDateRange && tempDateRange[0] && tempDateRange[1]) {
+            onChangeDates(tempDateRange);
+            setDateDropdownOpen(false);
+        }
+    };
+    const handleCustomDateCancel = () => {
+        setTempDateRange(customDateRange || null);
+        setDateDropdownOpen(false);
+        if (selectedDateKey === "custom" && onCancelCustomDate) {
+            onCancelCustomDate();
+        }
+    };
+    const dateDropdownContent = (_jsxs("div", { className: "md-lib-min-w-[280px] md-lib-bg-white dark:md-lib-bg-darkPrimary md-lib-rounded-lg md-lib-shadow-lg md-lib-border md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-overflow-hidden", children: [_jsx(Menu, { items: dateOptions, onClick: ({ key }) => {
+                    onDateMenuClick({ key });
+                    if (key !== "custom") {
+                        setDateDropdownOpen(false);
+                    }
+                }, className: "md-lib-border-none" }), _jsxs("div", { className: "md-lib-p-4 md-lib-border-t md-lib-border-borderColor dark:md-lib-border-darkBorderColor", onClick: (e) => e.stopPropagation(), children: [_jsx("p", { className: "md-lib-text-sm md-lib-font-medium md-lib-text-textColor dark:md-lib-text-darkTextColor md-lib-mb-2", children: "Custom date range" }), _jsx(RangePicker, { format: FILTER_DATE_FORMAT, value: tempDateRange, onChange: (dates) => {
+                            setTempDateRange(dates);
+                            if (!dates) {
+                                if (selectedDateKey === "custom" && onCancelCustomDate) {
+                                    onCancelCustomDate();
+                                }
+                                setDateDropdownOpen(false);
+                            }
+                        }, className: "md-lib-w-full md-lib-mb-3", allowClear: true }), _jsxs("div", { className: "md-lib-flex md-lib-justify-end md-lib-gap-2", children: [_jsx("button", { type: "button", className: "md-lib-px-3 md-lib-py-1.5 md-lib-text-sm md-lib-rounded md-lib-border md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-bg-transparent md-lib-cursor-pointer hover:md-lib-bg-secondaryHoverColor dark:hover:md-lib-bg-darkSecondaryColor", onClick: handleCustomDateCancel, children: "Cancel" }), _jsx("button", { type: "button", className: "md-lib-px-3 md-lib-py-1.5 md-lib-text-sm md-lib-rounded md-lib-border-none md-lib-bg-primaryColor md-lib-text-white md-lib-cursor-pointer hover:md-lib-opacity-90", onClick: handleCustomDateApply, disabled: !tempDateRange || !tempDateRange[0] || !tempDateRange[1], children: "Apply" })] })] })] }));
+    return (_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-4", children: [_jsx(Dropdown, { menu: { items: typeOptions, onClick: onTypeMenuClick }, trigger: ["click"], children: _jsx(CustomButton, { label: _jsxs(_Fragment, { children: [selectedType ? capitalize(selectedType) : "Type", " ", _jsx(DownOutlined, {})] }), loading: loading && loadingType === "type", type: !!selectedType ? "primary" : "default", icon: _jsx(IoFilterIcon, {}) }) }), _jsx(Dropdown, { dropdownRender: () => dateDropdownContent, trigger: ["click"], open: dateDropdownOpen, onOpenChange: setDateDropdownOpen, children: _jsx(CustomButton, { type: !!selectedDateKey ? "primary" : "default", label: _jsxs(_Fragment, { children: ["Modified ", _jsx(DownOutlined, {})] }), loading: loading && loadingType === "date", icon: _jsx(IoFilterIcon, {}) }) })] }));
+}
+export default TypeAndDateFilters;

package/build/common/folders/getFolderOrFileIcon.d.ts

@@ -0,0 +1,2 @@
+import { EntityType } from "../../utilities/constants/interface";
+export declare function getFileOrFolderIcon(type: EntityType, mimeType?: string, size?: number): JSX.Element;

package/build/common/folders/getFolderOrFileIcon.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FaFolder, FaFileAlt, FaFilePdf, FaFileExcel, FaFileArchive, } from "react-icons/fa";
+import { FileImageOutlined, VideoCameraOutlined, CustomerServiceOutlined, } from "@ant-design/icons";
+import { EntityType } from "../../utilities/constants/interface";
+const FaFolderIcon = FaFolder;
+const FaFileAltIcon = FaFileAlt;
+const FaFilePdfIcon = FaFilePdf;
+const FaFileExcelIcon = FaFileExcel;
+const FaFileArchiveIcon = FaFileArchive;
+export function getFileOrFolderIcon(type, mimeType, size) {
+    const textSize = size || 15;
+    if (type === EntityType.FOLDER) {
+        return _jsx(FaFolderIcon, { className: "md-lib-text-primaryColor md-lib-text-[16px]" });
+    }
+    let icon = (_jsx(FaFileAltIcon, { className: "md-lib-text-[15px] md-lib-text-primaryColor" }));
+    if (!mimeType)
+        return icon;
+    if (mimeType.startsWith("image/")) {
+        icon = (_jsx(FileImageOutlined, { className: textSize ? "md-lib-text-[20px]" : "md-lib-text-imagesColor md-lib-text-[15px]" }));
+    }
+    else if (mimeType.startsWith("video/")) {
+        icon = (_jsx(VideoCameraOutlined, { className: textSize ? "md-lib-text-[20px]" : "md-lib-text-videosColor md-lib-text-[15px]" }));
+    }
+    else if (mimeType.startsWith("audio/")) {
+        icon = (_jsx(CustomerServiceOutlined, { className: textSize ? "md-lib-text-[20px]" : "md-lib-text-musicColor md-lib-text-[15px]" }));
+    }
+    else if (mimeType === "application/pdf") {
+        icon = (_jsx(FaFilePdfIcon, { className: textSize ? "md-lib-text-[20px]" : "md-lib-text-dangerColor md-lib-text-[15px]" }));
+    }
+    else if (mimeType === "application/vnd.ms-excel" ||
+        mimeType ===
+            "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet") {
+        icon = (_jsx(FaFileExcelIcon, { className: textSize ? "md-lib-text-[20px]" : "md-lib-text-videosColor md-lib-text-[15px]" }));
+    }
+    else if (mimeType === "application/zip" ||
+        mimeType === "application/x-7z-compressed" ||
+        mimeType === "application/x-rar-compressed") {
+        icon = (_jsx(FaFileArchiveIcon, { className: textSize ? "md-lib-text-[20px]" : "md-lib-text-otherColor md-lib-text-[15px]" }));
+    }
+    return icon;
+}

package/build/common/loader/CustomLoader.d.ts

@@ -0,0 +1,7 @@
+type SpinSize = "default" | "small" | "large" | undefined;
+interface CustomLoaderProps {
+    size?: SpinSize;
+    fontSize?: number;
+}
+declare function CustomLoader({ size, fontSize }: CustomLoaderProps): JSX.Element;
+export default CustomLoader;

package/build/common/loader/CustomLoader.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Spin } from "antd";
+import { LoadingOutlined } from "@ant-design/icons";
+import { SpinSizes } from "../../utilities/constants/interface";
+function CustomLoader({ size, fontSize }) {
+    return (_jsx(Spin, { indicator: _jsx(LoadingOutlined, { spin: true, style: { fontSize: fontSize }, className: "color:primaryColor" }), size: size ? size : SpinSizes.LARGE }));
+}
+export default CustomLoader;

package/build/common/loader/loader.d.ts

@@ -0,0 +1 @@
+export default function Loader(): JSX.Element;

package/build/common/loader/loader.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CustomLoader from "./CustomLoader";
+import { SpinSizes } from "../../utilities/constants/interface";
+export default function Loader() {
+    return (_jsx("div", { className: "md-lib-flex md-lib-justify-center md-lib-items-center !md-lib-h-screen md-lib-bg-white dark:md-lib-bg-darkPrimary", children: _jsx(CustomLoader, { size: SpinSizes.LARGE }) }));
+}

package/build/common/notifications.d.ts

@@ -0,0 +1,2 @@
+import { NotificationStatus } from "../utilities/constants/interface";
+export declare const showNotification: (message: string, status?: NotificationStatus) => void;

package/build/common/notifications.js

@@ -0,0 +1,30 @@
+import { NotificationStatus } from "../utilities/constants/interface";
+import { toast, Bounce } from "react-toastify";
+export const showNotification = (message, status = NotificationStatus.INFO) => {
+    const baseOptions = {
+        position: "top-right",
+        autoClose: 3000,
+        hideProgressBar: false,
+        closeOnClick: false,
+        pauseOnHover: true,
+        draggable: true,
+        progress: undefined,
+        theme: "light",
+        transition: Bounce,
+    };
+    switch (status) {
+        case NotificationStatus.SUCCESS:
+            toast.success(message, baseOptions);
+            break;
+        case NotificationStatus.ERROR:
+            toast.error(message, baseOptions);
+            break;
+        case NotificationStatus.WARN:
+            toast.warn(message, baseOptions);
+            break;
+        case NotificationStatus.INFO:
+        default:
+            toast.info(message, baseOptions);
+            break;
+    }
+};

package/build/common/steps.d.ts

@@ -0,0 +1,4 @@
+export default function Steps({ noOfSteps, activeStep, }: {
+    noOfSteps: number;
+    activeStep: number;
+}): JSX.Element;

package/build/common/steps.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Space } from "antd";
+export default function Steps({ noOfSteps, activeStep, }) {
+    return (_jsx(Space, { className: "steps-container", size: 2, children: Array.from({ length: noOfSteps }, (_, step) => {
+            return (_jsx("div", { className: `step-item ${activeStep == step + 1 ? "active" : ""}` }, step));
+        }) }));
+}

package/build/hocs/AppProvider.d.ts

@@ -0,0 +1,3 @@
+export default function AppProvider({ children, }: {
+    children: React.ReactNode;
+}): JSX.Element;

package/build/hocs/AppProvider.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { QueryClient, QueryClientProvider } from "react-query";
+export default function AppProvider({ children, }) {
+    const [query] = useState(() => new QueryClient({
+        defaultOptions: {
+            queries: { retry: false },
+        },
+    }));
+    return _jsx(QueryClientProvider, { client: query, children: children });
+}

package/build/hocs/DamConfigContext.d.ts

@@ -0,0 +1,2 @@
+export declare const DamConfigProvider: ({ children, config }: any) => JSX.Element;
+export declare const useDamConfig: () => null;

package/build/hocs/DamConfigContext.js

@@ -0,0 +1,153 @@
+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());
+    });
+};
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+// contexts/DamAuthContext.js
+import { createContext, useContext, useState, useEffect } from "react";
+import { USER_LOGIN, FETCH_TEAMS_LIST, } from "../utilities/constants/apiUrls";
+import axios from "axios";
+import { getBaseUrl, encodeBase64 } from "./helpers";
+import { get } from "lodash";
+import Loader from "../common/loader/loader";
+import { SUBSCRIPTION_EXPIRED_ERROR_MESSAGE } from "./appConstants";
+const DamConfigContext = createContext(null);
+export const DamConfigProvider = ({ children, config }) => {
+    // console.log(config);
+    const { damAccessKey, secretKey, subdomain, teamIds, appType, initialRootFolderId } = config;
+    const [accessToken, setAccessToken] = useState(null);
+    const [user, setDamUser] = useState(null);
+    const [brand, setBrand] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [rootFolderId, setRootFolderId] = useState(initialRootFolderId || null);
+    const [teams, setTeams] = useState([]);
+    const [isAdmin, setIsAdmin] = useState(false);
+    const [showPaymentErr, setShowPaymentErr] = useState(false);
+    const [teamID, setTeamID] = useState(null);
+    const getToken = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        setLoading(true);
+        try {
+            const response = yield axios.post(getBaseUrl(appType) + USER_LOGIN, {
+                accessKey: damAccessKey,
+                secretKey: secretKey,
+                subdomain,
+                teams: teamIds,
+            });
+            console.log("Token response:", response === null || response === void 0 ? void 0 : response.data);
+            const token = (_b = (_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.access_token;
+            const userData = (_d = (_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.user;
+            const brandData = (_f = (_e = response === null || response === void 0 ? void 0 : response.data) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.brand;
+            setAccessToken(token);
+            setDamUser(userData);
+            setLoading(false);
+            setBrand(brandData);
+            setTeamID((_k = (_j = (_h = (_g = response === null || response === void 0 ? void 0 : response.data) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.brand) === null || _j === void 0 ? void 0 : _j.adminTeams) === null || _k === void 0 ? void 0 : _k[0]);
+            // Use initialRootFolderId if provided, otherwise use rootFolderId from API
+            const apiRootFolderId = get(response, "data.data.rootFolderId");
+            setRootFolderId(initialRootFolderId || apiRootFolderId);
+            const adminTeamIds = get(response, "data.data.brand.adminTeams", []);
+            // console.log(adminTeamIds);
+            setIsAdmin(teamIds.reduce((acc, curr) => {
+                return acc || adminTeamIds.includes(curr.toString());
+            }, false));
+        }
+        catch (error) {
+            console.error("Error fetching token:", error);
+            if (((_l = error === null || error === void 0 ? void 0 : error.response) === null || _l === void 0 ? void 0 : _l.status) === 402) {
+                setShowPaymentErr(true);
+            }
+            setLoading(false);
+        }
+    });
+    const getTeams = (token) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        if (!token) {
+            console.log("No token available to fetch teams");
+            return;
+        }
+        try {
+            if (!teamID) {
+                console.log("Could not extract teamID from token");
+                return;
+            }
+            // Get the Teams API base URL from environment variable
+            const teamsApiBaseUrl = process.env.REACT_APP_CORE_API_URL || "";
+            if (!teamsApiBaseUrl) {
+                console.error("REACT_APP_CORE_API_URL is not defined in environment variables");
+                return;
+            }
+            // Get Basic Auth credentials from environment variables
+            const username = process.env.REACT_APP_TEAMS_API_TOKEN_USERNAME || "";
+            const password = process.env.REACT_APP_TEAMS_API_TOKEN_PASSWORD || "";
+            if (!username || !password) {
+                console.error("REACT_APP_TEAMS_API_TOKEN_USERNAME or REACT_APP_TEAMS_API_TOKEN_PASSWORD is not defined in environment variables");
+                return;
+            }
+            // Create Basic Auth header by encoding username:password to Base64
+            const basicAuthToken = encodeBase64(`${username}:${password}`);
+            const authorizationHeader = `Basic ${basicAuthToken}`;
+            const teamsEndpoint = FETCH_TEAMS_LIST.replace(":teamID", teamID);
+            const fullUrl = teamsApiBaseUrl + teamsEndpoint;
+            console.log("Fetching teams from:", fullUrl);
+            console.log("TeamID from token:", teamID);
+            const response = yield axios.get(fullUrl, {
+                headers: {
+                    Authorization: authorizationHeader,
+                },
+            });
+            console.log("Teams API response:", response === null || response === void 0 ? void 0 : response.data);
+            const teamsData = ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.data) || (response === null || response === void 0 ? void 0 : response.data) || [];
+            setTeams(Array.isArray(teamsData) ? teamsData : []);
+        }
+        catch (err) {
+            console.error("Error fetching teams:", err);
+            console.error("Error details:", {
+                message: err === null || err === void 0 ? void 0 : err.message,
+                response: (_b = err === null || err === void 0 ? void 0 : err.response) === null || _b === void 0 ? void 0 : _b.data,
+                status: (_c = err === null || err === void 0 ? void 0 : err.response) === null || _c === void 0 ? void 0 : _c.status,
+                url: (_d = err === null || err === void 0 ? void 0 : err.config) === null || _d === void 0 ? void 0 : _d.url,
+            });
+            setTeams([]);
+        }
+    });
+    useEffect(() => {
+        if (damAccessKey && secretKey && subdomain) {
+            try {
+                getToken();
+            }
+            catch (err) {
+                setLoading(false);
+            }
+        }
+    }, [damAccessKey, secretKey, subdomain]);
+    useEffect(() => {
+        if (accessToken) {
+            getTeams(accessToken);
+        }
+    }, [accessToken]);
+    return (_jsx(DamConfigContext.Provider, { value: {
+            damAccessKey,
+            secretKey,
+            subdomain,
+            teamIds,
+            accessToken,
+            user,
+            brand,
+            refreshToken: getToken,
+            loading,
+            setAccessToken,
+            setDamUser,
+            appType,
+            setRootFolderId,
+            rootFolderId,
+            teams,
+            isAdmin,
+        }, children: loading ? (_jsx(Loader, {})) : (_jsx(_Fragment, { children: showPaymentErr ? (_jsx("div", { className: "flex items-center justify-center h-[calc(100vh-200px)]", children: _jsx("p", { className: "text-sm font-medium text-textColor dark:text-darkTextColor", children: SUBSCRIPTION_EXPIRED_ERROR_MESSAGE }) })) : (children) })) }));
+};
+export const useDamConfig = () => useContext(DamConfigContext);

package/build/hocs/ThemeContext.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from "react";
+import { ThemeModes } from "../utilities/constants/interface";
+type ThemeContextType = {
+    themeMode: string;
+    toggleTheme: (value: ThemeModes) => void;
+    isDarkMode: boolean;
+    variables: Record<string, string>;
+};
+export declare function ThemeProvider({ children, sessionTheme, styles, }: {
+    children: ReactNode;
+    sessionTheme: ThemeModes;
+    styles?: Record<string, string>;
+}): JSX.Element | null;
+export declare function useTheme(): ThemeContextType;
+export {};