@bindu-dashing/dam-solution-v2 5.8.6

package/build/common/CustomElements.js

@@ -0,0 +1,77 @@
+"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());
+    });
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Avatar, Input, Modal, Popover, Select, Tooltip } from "antd";
+import CustomButton from "./Button";
+import { DeleteOutlined, RedoOutlined } from "@ant-design/icons";
+import { NotificationStatus, } from "../utilities/constants/interface";
+import { ACTIVE_INACTIVE_OPTIONS } from "../hocs/appConstants";
+import Result from "antd/es/result";
+import { showNotification } from "./notifications";
+import { capitalize, find, get, map, toUpper } from "lodash";
+import { formatBytes, getReadableFileType } from "../hocs/helpers";
+import { NOT_FOUND_IMAGE_URL } from "../utilities/constants/imageUrls";
+export function CustomFormFooter({ onCancel, onSave = () => { }, loading, okButtonLabel = "Save", icon, deleteAction, }) {
+    return (_jsxs("div", { className: "md-lib-flex md-lib-gap-2 md-lib-justify-end", children: [_jsx(CustomButton, { type: "default", onClick: onCancel, label: "Cancel" }), _jsx(CustomButton, { type: "primary", onClick: onSave, label: okButtonLabel, loading: loading, htmlType: "submit", icon: icon ? icon : _jsx(_Fragment, {}), danger: !!deleteAction })] }));
+}
+export const DeleteConfirmationModal = ({ showDeleteModal, toggleDeleteModal, onOk, description, okText, loading, subHeading, restore, icon, }) => {
+    return (_jsx(Modal, { maskClosable: false, centered: true, open: showDeleteModal, onCancel: toggleDeleteModal, footer: _jsx(CustomFormFooter, { onCancel: toggleDeleteModal, onSave: onOk, okButtonLabel: okText, loading: loading, icon: icon ? icon : restore ? _jsx(RedoOutlined, {}) : _jsx(DeleteOutlined, {}), deleteAction: !restore }), className: "setting-modal-style remove-modal", children: _jsx("div", { className: "body-content", children: _jsxs("div", { children: [_jsx("h4", { className: "md-lib-text-lg md-lib-truncate md-lib-font-semibold md-lib-mb-2 md-lib-text-textColor md-lib-dark:text-darkTextColor md-lib-capitalize", children: description }), subHeading && (_jsx("p", { className: "md-lib-text-sm md-lib-text-textColor md-lib-dark:text-darkTextColor md-lib-mb-4", children: subHeading }))] }) }) }));
+};
+export const RenderTableSearchFilters = ({ value, placeholder, onChange, onPressEnter, onClick, onClear, }) => {
+    return (_jsxs("div", { className: "md-lib-bg-white dark:md-lib-bg-darkPrimary md-lib-border md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-rounded-md md-lib-shadow-lg md-lib-min-w-[200px]", style: { padding: "5px" }, children: [_jsx("div", { className: "md-lib-mb-4", children: _jsx(Input, { placeholder: placeholder, value: value, onChange: onChange, onPressEnter: onPressEnter, className: "md-lib-w-full md-lib-h-10 md-lib-px-3 md-lib-border md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-rounded-md focus:md-lib-outline-none focus:md-lib-ring-2 focus:md-lib-ring-blue-500" }) }), _jsx(RenderTableFilterFooter, { onClear: onClear, onClick: onClick })] }));
+};
+export const RenderTableFilterFooter = ({ onClick, onClear, }) => {
+    return (_jsxs("div", { className: "flex justify-between gap-2", children: [_jsx(CustomButton, { type: "primary", onClick: onClick, label: "Search" }), _jsx(CustomButton, { onClick: onClear, label: "Reset" })] }));
+};
+export const RenderTableSelectFilters = ({ selectedKeys, placeholder, onChange, onClick, onClear, options, }) => {
+    return (_jsxs("div", { className: "p-2 flex flex-col bg-white dark:bg-darkPrimary", children: [_jsxs("div", { children: [" ", _jsx(RenderCustomSelect, { placeholder: placeholder, value: selectedKeys, onChange: onChange, className: "mb-2 w-full mr-2", options: options || ACTIVE_INACTIVE_OPTIONS, allowClear: true })] }), _jsx(RenderTableFilterFooter, { onClear: onClear, onClick: onClick })] }));
+};
+export function RenderCustomSelect({ onChange, value, mode, options, showSearch, allowClear, style, placeholder, className, placement, showArrow, bordered, loading, disabled, }) {
+    return (_jsx(Select, { mode: mode || undefined, placeholder: placeholder, onChange: onChange, value: value, style: style, options: options, disabled: disabled, filterOption: (input, option) => { var _a; return ((_a = option === null || option === void 0 ? void 0 : option.label) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf(input.toLowerCase())) >= 0; }, showSearch: showSearch, allowClear: allowClear, className: className, placement: placement, loading: loading, showArrow: showArrow, bordered: bordered }));
+}
+export function CustomResult({ status, title, subTitle, result, }) {
+    return (_jsx(Result, { status: status, title: title, subTitle: _jsx("div", { className: "description" }), extra: _jsx(_Fragment, { children: result }) }));
+}
+export const handleCopy = (link) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        yield navigator.clipboard.writeText(link);
+        showNotification("Link copied to clipboard!", NotificationStatus.SUCCESS);
+    }
+    catch (_a) {
+        showNotification("Failed to copy link.", NotificationStatus.ERROR);
+    }
+});
+export const RenderEmptyContent = ({ className, label, }) => {
+    return (_jsxs("div", { className: className ||
+            `flex flex-col items-center justify-center"
+      } `, children: [_jsx("img", { src: NOT_FOUND_IMAGE_URL, alt: label, width: 300, height: 200, className: "mt-28" }), _jsx("p", { className: "pt-3 font-semibold text-textColor dark:text-darkTextColor", children: label })] }));
+};
+export const RenderAvatar = ({ name, profilePicture, size, }) => {
+    return (_jsx(Tooltip, { title: name, children: profilePicture ? (_jsx(Avatar, { size: size, src: profilePicture })) : (_jsx(Avatar, { className: "bg-borderColor dark:bg-darkBorderColor", children: toUpper(name === null || name === void 0 ? void 0 : name.charAt(0)) })) }));
+};
+export const ManageUsers = ({ displayedUsers, extraUsers, }) => {
+    return (_jsx("div", { children: _jsxs("div", { className: "flex items-center space-x-[-10px]", children: [map(displayedUsers, (user) => {
+                    const name = get(user, "name", get(user, "email", "Unknown"));
+                    return (_jsx(RenderAvatar, { name: name, profilePicture: get(user, "profilePicture"), size: 40 }));
+                }), !!get(extraUsers, "length") && (_jsx(Popover, { content: _jsx("div", { className: "max-h-[200px] overflow-y-auto p-2", children: map(extraUsers, (user) => {
+                            const name = get(user, "name", get(user, "email", "Unknown"));
+                            return (_jsxs("div", { className: "flex items-center gap-3 p-2", children: [_jsx(RenderAvatar, { name: name, profilePicture: get(user, "profilePicture"), size: 40 }), _jsxs("div", { children: [_jsx("p", { className: "font-medium mb-0", children: get(user, "email") }), _jsx("p", { className: "text-secondaryTextColor dark:bg-darkSecondaryTextColor text-sm mb-0", children: capitalize(get(user, "role", "")).replace("_", " ") })] })] }, get(user, "_id")));
+                        }) }), placement: "rightTop", children: _jsxs("div", { className: "w-10 h-10 flex items-center justify-center bg-primaryColor text-white text-sm font-bold rounded-full cursor-pointer space-x-[-10px] z-0 border-2 border-transparent avthar-box-shadow", children: ["+", get(extraUsers, "length")] }) }))] }) }));
+};
+export const FileInfoContent = ({ file }) => {
+    return (_jsxs("div", { className: "font-medium text-textColor dark:text-darkTextColor leading-relaxed", children: [_jsxs("div", { className: "text-xs", children: ["Type: ", getReadableFileType(file)] }), _jsxs("div", { className: "text-xs", children: ["Size: ", formatBytes(get(file, "size"))] }), _jsxs("div", { className: "text-xs truncate w-40", title: get(file, "createdBy.name", "Unknown"), children: ["Owner: ", get(file, "createdBy.name", "Unknown")] })] }));
+};
+export const RenderModalTitle = ({ title }) => {
+    return (_jsx("div", { className: "max-w-[400px] truncate", title: title, children: title }));
+};
+export const RenderBrandUserAvatar = ({ userId, brandId, userName, size = 30, brandUsers, }) => {
+    return (_jsx(RenderAvatar, { name: get(find(brandUsers, (user) => get(user, "_id") === userId), "name", get(find(brandUsers, (user) => get(user, "_id") === userId), "email")) || userName, profilePicture: get(find(brandUsers, (user) => get(user, "_id") === userId), "profilePicture", ""), size: size }));
+};

package/build/common/LoadMoreItems.d.ts

@@ -0,0 +1,7 @@
+interface LoadMoreItemsProps {
+    hasNextPage: boolean;
+    fetchNextPage: () => void;
+    isItemsFetching?: boolean;
+}
+declare const LoadMoreItems: ({ hasNextPage, fetchNextPage, isItemsFetching, }: LoadMoreItemsProps) => JSX.Element;
+export default LoadMoreItems;

package/build/common/LoadMoreItems.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState, useCallback } from "react";
+import CustomLoader from "./loader/CustomLoader";
+const LoadMoreItems = ({ hasNextPage, fetchNextPage, isItemsFetching, }) => {
+    const sentinelRef = useRef(null);
+    const [isVisible, setIsVisible] = useState(false);
+    const handleObserver = useCallback((entries) => {
+        const [entry] = entries;
+        setIsVisible(entry.isIntersecting);
+        if (entry.isIntersecting && hasNextPage && !isItemsFetching) {
+            fetchNextPage();
+        }
+    }, [hasNextPage, fetchNextPage, isItemsFetching]);
+    useEffect(() => {
+        if (typeof window === "undefined" || !window.IntersectionObserver)
+            return;
+        const element = sentinelRef.current;
+        if (!element)
+            return;
+        const observer = new IntersectionObserver(handleObserver, {
+            root: null,
+            rootMargin: "150px 0px",
+            threshold: 0,
+        });
+        observer.observe(element);
+        return () => {
+            observer.unobserve(element);
+            observer.disconnect();
+        };
+    }, [handleObserver]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: sentinelRef, style: { height: "1px" } }), hasNextPage && _jsx(CustomLoader, {})] }));
+};
+export default LoadMoreItems;

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,10 @@
+declare function TypeAndDateFilters({ selectedType, onDateMenuClick, onTypeMenuClick, onChangeDates, loading, loadingType, selectedDateKey, }: {
+    selectedType: string;
+    onDateMenuClick: (params: any) => void;
+    onTypeMenuClick: (params: any) => void;
+    onChangeDates: (params: any) => void;
+    loading?: boolean;
+    loadingType?: string;
+    selectedDateKey: string;
+}): JSX.Element;
+export default TypeAndDateFilters;

package/build/common/folders/TypeAndDateFilters.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DatePicker, Dropdown } 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 { IoFilter } from "react-icons/io5";
+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, loading, loadingType, selectedDateKey, }) {
+    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})` },
+        // {
+        //   key: "custom",
+        //   label: "Custom date range",
+        //   children: [
+        //     {
+        //       key: "range",
+        //       label: (
+        //         <div
+        //           onClick={(e) => e.stopPropagation()}
+        //           onMouseDown={(e) => e.stopPropagation()}
+        //           onFocus={(e) => e.stopPropagation()}
+        //         >
+        //           <RangePicker
+        //             format={FILTER_DATE_FORMAT}
+        //             allowClear={false}
+        //             className="w-full"
+        //             onChange={onChangeDates}
+        //             onClick={(e) => e.stopPropagation()}
+        //             onMouseDown={(e) => e.stopPropagation()}
+        //             onFocus={(e) => e.stopPropagation()}
+        //           />
+        //         </div>
+        //       ),
+        //       onClick: (e) => e.domEvent.stopPropagation(),
+        //     },
+        //   ],
+        // },
+    ];
+    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, { menu: { items: dateOptions, onClick: onDateMenuClick }, trigger: ["click"], 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, Slide } 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: Slide,
+    };
+    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,108 @@
+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 { FETCH_BRAND_USING_SUBDOMAIN, USER_LOGIN, } from "../utilities/constants/apiUrls";
+import axios from "axios";
+import { getBaseUrl } 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 } = 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(null);
+    const [teams, setTeams] = useState([]);
+    const [isAdmin, setIsAdmin] = useState(false);
+    const [showPaymentErr, setShowPaymentErr] = useState(false);
+    const getToken = () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d, _e, _f, _g;
+        setLoading(true);
+        console.log("getToken", getBaseUrl(appType), appType);
+        try {
+            const response = yield axios.post(getBaseUrl(appType) + USER_LOGIN, {
+                accessKey: damAccessKey,
+                secretKey: secretKey,
+                subdomain,
+                teams: teamIds,
+            });
+            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);
+            setRootFolderId(get(response, "data.data.rootFolderId"));
+            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 (((_g = error === null || error === void 0 ? void 0 : error.response) === null || _g === void 0 ? void 0 : _g.status) === 402) {
+                setShowPaymentErr(true);
+            }
+            setLoading(false);
+        }
+    });
+    const getTeams = (subdomain) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c;
+        try {
+            const response = yield axios.get(getBaseUrl(appType) + FETCH_BRAND_USING_SUBDOMAIN, {
+                params: {
+                    subdomain,
+                },
+            });
+            setTeams(((_c = (_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.teamsAuthResponse) === null || _c === void 0 ? void 0 : _c.data) || []);
+        }
+        catch (err) {
+            console.log("Error fetching teams:", err);
+        }
+    });
+    useEffect(() => {
+        if (damAccessKey && secretKey && subdomain) {
+            try {
+                getToken();
+                getTeams(subdomain);
+            }
+            catch (err) {
+                setLoading(false);
+            }
+        }
+    }, [damAccessKey, secretKey, subdomain]);
+    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);