@bindu-dashing/dam-solution-v2 5.8.146 → 5.8.150

package/build/CreateClient/CreateClientBtn.d.ts

@@ -1,8 +1,13 @@
-declare const CreateClient: ({ onSuccess, clientSubdomain, teamsApi, username, password, }: {
+declare const CreateClient: ({ onSuccess, clientSubdomain, teamsApi, username, password, existingClientData, }: {
     onSuccess: (data: any) => void;
     clientSubdomain: string;
     teamsApi: string;
     username: string;
     password: string;
+    existingClientData?: {
+        accessKey: string;
+        secretKey: string;
+        subdomain: string;
+    } | null;
 }) => JSX.Element;
 export default CreateClient;

package/build/CreateClient/CreateClientBtn.js

@@ -2,11 +2,12 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { Button } from "antd";
 import { useState } from "react";
 import CreateClientForm from "./CreateClientForm";
-const CreateClient = ({ onSuccess, clientSubdomain, teamsApi, username, password, }) => {
+const CreateClient = ({ onSuccess, clientSubdomain, teamsApi, username, password, existingClientData, }) => {
     const [showForm, setShowForm] = useState(false);
+    const isEditMode = !!existingClientData;
     const toggleShow = () => {
         setShowForm(!showForm);
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { type: "primary", onClick: toggleShow, children: "Create Client" }), showForm && (_jsx(CreateClientForm, { toggleShow: toggleShow, onSuccess: onSuccess, clientSubdomain: clientSubdomain, teamsApi: teamsApi, username: username, password: password }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { type: "primary", onClick: toggleShow, children: isEditMode ? "Edit Client" : "Create Client" }), showForm && (_jsx(CreateClientForm, { toggleShow: toggleShow, onSuccess: onSuccess, clientSubdomain: clientSubdomain, teamsApi: teamsApi, username: username, password: password, existingClientData: existingClientData }))] }));
 };
 export default CreateClient;

package/build/CreateClient/CreateClientForm.d.ts

@@ -1,9 +1,14 @@
-declare const CreateClientForm: ({ teamsApi, username, password, toggleShow, onSuccess, clientSubdomain, }: {
+declare const CreateClientForm: ({ teamsApi, username, password, toggleShow, onSuccess, clientSubdomain, existingClientData, }: {
     teamsApi: string;
     username: string;
     password: string;
     toggleShow: () => void;
     onSuccess: (data: any) => void;
     clientSubdomain: string;
+    existingClientData?: {
+        accessKey: string;
+        secretKey: string;
+        subdomain: string;
+    } | null;
 }) => JSX.Element;
 export default CreateClientForm;

package/build/CreateClient/CreateClientForm.js

@@ -19,7 +19,7 @@ import { CREATE_SUCCESS, SOMETHING_WENT_WRONG, } from "../utilities/constants/me
 import { NotificationStatus } from "../utilities/constants/interface";
 import { showNotification } from "../common/notifications";
 import { get } from "lodash";
-const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess, clientSubdomain, }) => {
+const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess, clientSubdomain, existingClientData, }) => {
     const damConfig = useDamConfig();
     const { appType } = damConfig;
     const [loading, setLoading] = useState(false);
@@ -27,6 +27,7 @@ const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess,
     const [filteredTeams, setFilteredTeams] = useState([]);
     const api = useMemo(() => createApiClient(damConfig), [damConfig]);
     const [form] = Form.useForm();
+    const isEditMode = !!existingClientData;
     const onChangeDamLocationType = (e) => {
         setDamLocationType(e);
         form.setFieldValue("dam_location_details", { type: e });
@@ -35,7 +36,10 @@ const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess,
         if (clientSubdomain) {
             form.setFieldValue("subdomain", clientSubdomain);
         }
-    }, []);
+        if (existingClientData === null || existingClientData === void 0 ? void 0 : existingClientData.subdomain) {
+            form.setFieldValue("subdomain", existingClientData.subdomain);
+        }
+    }, [existingClientData]);
     const onFinish = (data) => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b, _c, _d, _e, _f, _g;
         try {
@@ -103,7 +107,7 @@ const CreateClientForm = ({ teamsApi, username, password, toggleShow, onSuccess,
             console.log("Error while fetching external teams", err);
         }
     });
-    return (_jsx(Drawer, { open: true, title: "Create Client", onClose: toggleShow, width: 500, maskClosable: false, children: _jsxs(Form, { layout: "vertical", form: form, onFinish: onFinish, children: [_jsx(Form.Item, { label: "Name", name: "name", rules: [
+    return (_jsx(Drawer, { open: true, title: isEditMode ? "Edit Client" : "Create Client", onClose: toggleShow, width: 500, maskClosable: false, children: _jsxs(Form, { layout: "vertical", form: form, onFinish: onFinish, children: [_jsx(Form.Item, { label: "Name", name: "name", rules: [
                         {
                             required: true,
                             message: "Name is required",

package/build/CreateClient/index.d.ts

@@ -10,5 +10,10 @@ declare function App(props: {
     teamIds: string[] | number[];
     styles: Record<string, any>;
     appType: string;
+    existingClientData?: {
+        accessKey: string;
+        secretKey: string;
+        subdomain: string;
+    } | null;
 }): JSX.Element;
 export default App;

package/build/CreateClient/index.js

@@ -13,6 +13,6 @@ function App(props) {
         styles: props === null || props === void 0 ? void 0 : props.styles,
         appType: props === null || props === void 0 ? void 0 : props.appType,
     };
-    return (_jsx(DamConfigProvider, { config: config, children: _jsxs(ThemeProvider, { styles: props === null || props === void 0 ? void 0 : props.styles, sessionTheme: ThemeModes.LIGHT, children: [_jsx(CreateClient, { teamsApi: props === null || props === void 0 ? void 0 : props.teamsApi, username: props === null || props === void 0 ? void 0 : props.username, password: props === null || props === void 0 ? void 0 : props.password, clientSubdomain: props === null || props === void 0 ? void 0 : props.clientSubdomain, onSuccess: props === null || props === void 0 ? void 0 : props.onSuccess }), _jsx(ToastProvider, {})] }) }));
+    return (_jsx(DamConfigProvider, { config: config, children: _jsxs(ThemeProvider, { styles: props === null || props === void 0 ? void 0 : props.styles, sessionTheme: ThemeModes.LIGHT, children: [_jsx(CreateClient, { teamsApi: props === null || props === void 0 ? void 0 : props.teamsApi, username: props === null || props === void 0 ? void 0 : props.username, password: props === null || props === void 0 ? void 0 : props.password, clientSubdomain: props === null || props === void 0 ? void 0 : props.clientSubdomain, onSuccess: props === null || props === void 0 ? void 0 : props.onSuccess, existingClientData: props === null || props === void 0 ? void 0 : props.existingClientData }), _jsx(ToastProvider, {})] }) }));
 }
 export default App;

package/build/MyDrive/BulkUploadModal.js

@@ -8,9 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Form, Modal, Button, Upload, Select, Input, Radio, Typography, Tooltip, } from "antd";
+import { Form, Modal, Button, Upload, Select, Input, Radio, Typography, Tooltip, Checkbox, Popover, } from "antd";
 import { useEffect, useMemo, useState } from "react";
-import { UploadOutlined, InfoCircleOutlined } from "@ant-design/icons";
+import { UploadOutlined, InfoCircleOutlined, QuestionCircleOutlined } from "@ant-design/icons";
 import { useDamConfig } from "../hocs/DamConfigContext";
 import { createApiClient } from "../hocs/configureAxios";
 import { BULK_UPLOAD_URL, FETCH_ASSETS_URL, FILE_UPLOAD_URL, GENERATE_THUMBNAILS_URL, SAMPLE_FILE_DOWNLOAD_URL, } from "../utilities/constants/apiUrls";
@@ -113,7 +113,7 @@ const BulkUploadModal = ({ toggleUpload, userEmail, folderId, thumbnailsOnly, })
             else {
                 const formData = new FormData();
                 formData.append("assetId", values === null || values === void 0 ? void 0 : values.asset_type_id);
-                formData.append("rejectInvalidMetaFile", "true");
+                formData.append("rejectInvalidMetaFile", (values === null || values === void 0 ? void 0 : values.reject_invalid_meta_file) ? "true" : "false");
                 formData.append("zipFileUrl", values === null || values === void 0 ? void 0 : values.zip_file_url);
                 formData.append("file", metaFile);
                 formData.append("folderId", folderId);
@@ -206,7 +206,7 @@ const BulkUploadModal = ({ toggleUpload, userEmail, folderId, thumbnailsOnly, })
                                 }, disabled: !assetTypeId, onRemove: () => {
                                     setMetaFile(null);
                                     setFileError("Meta File is required");
-                                }, accept: ".csv,.xlsx,.xls", maxCount: 1, children: _jsx(Button, { icon: _jsx(UploadOutlined, {}), disabled: !assetTypeId, children: "Upload" }) }) }), fileError && (_jsx(Typography.Text, { style: { color: "red" }, children: fileError }))] })), _jsx(Form.Item, { label: "Upload your DAM Files (must be zipped)", name: "assets_source_type", children: _jsxs(Radio.Group, { onChange: (e) => setAssetsSourceType(e.target.value), value: assetsSourceType, disabled: thumbnailsOnly ? false : !assetTypeId, children: [_jsx(Radio, { value: "zip", children: "Zip file" }), _jsx(Radio, { value: "zipUrl", children: "Zip file url" })] }) }), assetsSourceType == "zip" ? (_jsxs(_Fragment, { children: [_jsx(Form.Item, { label: "Assets zip file", name: "assets_zip_file", rules: [
+                                }, accept: ".csv,.xlsx,.xls", maxCount: 1, children: _jsx(Button, { icon: _jsx(UploadOutlined, {}), disabled: !assetTypeId, children: "Upload" }) }) }), fileError && (_jsx(Typography.Text, { style: { color: "red" }, children: fileError })), _jsx(Form.Item, { name: "reject_invalid_meta_file", valuePropName: "checked", children: _jsxs(Checkbox, { name: "reject_invalid_meta_file", children: ["Reject invalid meta file", _jsx(Popover, { content: _jsxs("span", { style: { color: "grey", padding: "5px" }, children: ["When this option is selected the uploaded metadata", _jsx("br", {}), " file will be rejected if it contains invalid values"] }), children: _jsx(QuestionCircleOutlined, { style: { marginLeft: "5px", color: "silver" } }) })] }) })] })), _jsx(Form.Item, { label: "Upload your DAM Files (must be zipped)", name: "assets_source_type", children: _jsxs(Radio.Group, { onChange: (e) => setAssetsSourceType(e.target.value), value: assetsSourceType, disabled: thumbnailsOnly ? false : !assetTypeId, children: [_jsx(Radio, { value: "zip", children: "Zip file" }), _jsx(Radio, { value: "zipUrl", children: "Zip file url" })] }) }), assetsSourceType == "zip" ? (_jsxs(_Fragment, { children: [_jsx(Form.Item, { label: "Assets zip file", name: "assets_zip_file", rules: [
                                 {
                                     required: true,
                                     message: "Asset zip file is required",

package/build/MyDrive/DriveContainer.js

@@ -13,7 +13,7 @@ import _, { filter, first, flatMap, get, includes, isEmpty, merge, } from "lodas
 import FolderListView from "./FolderListView";
 import FolderGridView from "./FolderGridView";
 import TypeAndDateFilters from "../common/folders/TypeAndDateFilters";
-import { Button, Input, Upload } from "antd";
+import { Button, Upload } from "antd";
 import { addQueryParams, getDateRangeFromKey } from "../hocs/helpers";
 import { useFolders } from "../react-query/services/folder-services";
 import { DEFAULT_PAGE } from "../hocs/appConstants";
@@ -33,10 +33,8 @@ import ImagePickerBreadCrumbList from "./ImagePickerBreadCrumbList";
 import { FETCH_ASSETS_URL, FETCH_IMAGE_PCIKER_THUMBNAIL_URL, UPLOAD_IMAGE_PICKER_LOCAL_FILE_URL, } from "../utilities/constants/apiUrls";
 import { showNotification } from "../common/notifications";
 import useAppParams from "../utilities/useAppParams";
-import { IoIosSearch } from "react-icons/io";
 import { RefetchFoldersProvider } from "../utilities/FoldersContext";
 const BsUploadIcon = BsUpload;
-const IoIosSearchIcon = IoIosSearch;
 function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pickerFolderId, selectedPickerFile, imagePicker, globalSearch, setGlobalSearch, setSelectedKeys, }) {
     const damConfig = useDamConfig();
     const { rootFolderId, brand, isAdmin } = damConfig;
@@ -59,7 +57,6 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
         folderSearch: "",
     });
     const { selectedType, selectedDateKey, showGrid, loadingType, selectedItems, assets, sortBy, sortOrder, searchKey, searchValue, metadataKey, metadataValue, folderSearch, } = state;
-    const nameSearchRef = useRef();
     const getSearchParams = () => {
         const params = {};
         if (searchKey === "name") {
@@ -234,23 +231,12 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
                                     onSelectNewFile(file);
                                 }, showUploadList: false, accept: "image/*", children: _jsx(CustomButton, { loading: loadingType === "NEW_FILE_UPLOAD", label: "Select File", icon: _jsx(BsUploadIcon, {}) }) }))] }) })), _jsxs("div", { className: `md-lib-px-4 md-lib-border-borderColor dark:md-lib-border-darkBorderColor md-lib-flex ${!includes([DriveModes.FOLDERS, DriveModes.FILE], type)
                         ? "md-lib-justify-between"
-                        : "md-lib-justify-end md-lib-my-4"}`, children: [_jsxs("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-4 md-lib-mb-4", children: [_jsx(Input, { placeholder: "Search files (min. 2 characters required)", ref: nameSearchRef, prefix: _jsx(IoIosSearchIcon, {}), onPressEnter: () => {
-                                        var _a;
-                                        const currentObj = nameSearchRef.current;
-                                        if (currentObj) {
-                                            const value = ((_a = currentObj === null || currentObj === void 0 ? void 0 : currentObj.input) === null || _a === void 0 ? void 0 : _a.value) || "";
-                                            if (value.length >= 2 || !value) {
-                                                setState((prevState) => {
-                                                    return Object.assign(Object.assign({}, prevState), { folderSearch: value });
-                                                });
-                                            }
-                                        }
-                                    } }), !includes([DriveModes.FOLDERS, DriveModes.FILE], type) && (_jsx(TypeAndDateFilters, { selectedDateKey: selectedDateKey, selectedType: selectedType, onDateMenuClick: onDateMenuClick, onTypeMenuClick: onTypeMenuClick, onChangeDates: (dates) => {
-                                        if (dates) {
-                                            const [start, end] = dates;
-                                            setState((prev) => (Object.assign(Object.assign({}, prev), { customDateRange: dates, selectedDateKey: "custom" })));
-                                        }
-                                    }, loading: isFetching, loadingType: loadingType }))] }), _jsx(ToggleView, { showGrid: showGrid, toggleView: (value) => setState((prevState) => (Object.assign(Object.assign({}, prevState), { showGrid: value }))) })] }), _jsx("div", { className: "md-lib-border-b md-lib-border-borderColor md-lib-mb-4" }), isLoading ? (_jsx(Loader, {})) : isEmpty(folders) ? (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-items-center md-lib-justify-center", children: [_jsx("img", { src: NOT_FOUND_IMAGE_URL, alt: "Not Found", width: 300, height: 300 }), _jsx("p", { className: "md-lib-mt-3 md-lib-text-sm md-lib-font-semibold", children: error
+                        : "md-lib-justify-end md-lib-my-4"}`, children: [!includes([DriveModes.FOLDERS, DriveModes.FILE], type) && (_jsx("div", { className: "md-lib-flex md-lib-items-center md-lib-gap-4 md-lib-mb-4", children: _jsx(TypeAndDateFilters, { selectedDateKey: selectedDateKey, selectedType: selectedType, onDateMenuClick: onDateMenuClick, onTypeMenuClick: onTypeMenuClick, onChangeDates: (dates) => {
+                                    if (dates) {
+                                        const [start, end] = dates;
+                                        setState((prev) => (Object.assign(Object.assign({}, prev), { customDateRange: dates, selectedDateKey: "custom" })));
+                                    }
+                                }, loading: isFetching, loadingType: loadingType }) })), _jsx(ToggleView, { showGrid: showGrid, toggleView: (value) => setState((prevState) => (Object.assign(Object.assign({}, prevState), { showGrid: value }))) })] }), _jsx("div", { className: "md-lib-border-b md-lib-border-borderColor md-lib-mb-4" }), isLoading ? (_jsx(Loader, {})) : isEmpty(folders) ? (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-items-center md-lib-justify-center", children: [_jsx("img", { src: NOT_FOUND_IMAGE_URL, alt: "Not Found", width: 300, height: 300 }), _jsx("p", { className: "md-lib-mt-3 md-lib-text-sm md-lib-font-semibold", children: error
                                 ? get(error, "message", SOMETHING_WENT_WRONG)
                                 : includes(Object.values(DriveModes), type)
                                     ? "No data found"

package/build/hocs/DamConfigContext.js

@@ -96,17 +96,13 @@ export const DamConfigProvider = ({ children, config }) => {
             const fullUrl = teamsApiBaseUrl + teamsEndpoint;
             console.log("Fetching teams from:", fullUrl);
             console.log("TeamID from token:", teamID);
-            // Call the new API endpoint using Teams API base URL
             const response = yield axios.get(fullUrl, {
                 headers: {
                     Authorization: authorizationHeader,
                 },
             });
             console.log("Teams API response:", response === null || response === void 0 ? void 0 : response.data);
-            // Set teams from the API response
-            // Assuming the response structure is { data: [...] } or similar
             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) || [];
-            console.log("Parsed teams data:", teamsData);
             setTeams(Array.isArray(teamsData) ? teamsData : []);
         }
         catch (err) {
@@ -117,7 +113,6 @@ export const DamConfigProvider = ({ children, config }) => {
                 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,
             });
-            // Set empty array on error to prevent stale data
             setTeams([]);
         }
     });
@@ -131,12 +126,10 @@ export const DamConfigProvider = ({ children, config }) => {
             }
         }
     }, [damAccessKey, secretKey, subdomain]);
-    // Fetch teams after token is available
     useEffect(() => {
         if (accessToken) {
             getTeams(accessToken);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [accessToken]);
     return (_jsx(DamConfigContext.Provider, { value: {
             damAccessKey,

package/build/hocs/helpers.d.ts

@@ -9,12 +9,6 @@ export declare const getDateRangeFromKey: (key: string) => {
     endDate?: string;
 };
 export declare const getBaseUrl: (appType: string) => string;
-/**
- * Encodes a string to Base64 in a cross-platform way
- * Works in both browser and Node.js environments
- * @param str - The string to encode
- * @returns Base64 encoded string
- */
 export declare const encodeBase64: (str: string) => string;
 export declare const getRelativeTime: (timestamp: string) => string;
 export declare const getReadableFileType: (file: FileEntity) => string;

package/build/hocs/helpers.js

@@ -102,26 +102,16 @@ export const getBaseUrl = (appType) => {
             return process.env.REACT_APP_MIXDRIVE_API_URL || "";
     }
 };
-/**
- * Encodes a string to Base64 in a cross-platform way
- * Works in both browser and Node.js environments
- * @param str - The string to encode
- * @returns Base64 encoded string
- */
 export const encodeBase64 = (str) => {
-    // Use Buffer if available (Node.js environment)
     if (typeof Buffer !== "undefined") {
         return Buffer.from(str, "utf-8").toString("base64");
     }
-    // Fallback to btoa for browser environments
-    // Note: btoa only works with Latin-1 characters, so we encode URI component first
     try {
         return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, (match, p1) => {
             return String.fromCharCode(parseInt(p1, 16));
         }));
     }
     catch (e) {
-        // If btoa fails, throw a more descriptive error
         throw new Error("Failed to encode string to Base64");
     }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bindu-dashing/dam-solution-v2",
-  "version": "5.8.146",
+  "version": "5.8.150",
   "dependencies": {
     "@ant-design/icons": "^5.0.1",
     "@emoji-mart/data": "^1.2.1",