@bindu-dashing/dam-solution-v2 5.8.68 → 5.8.69

package/build/ImagePicker/index.d.ts

@@ -10,5 +10,8 @@ declare function App(props: {
     url?: string;
     routerVersion: 4 | 5 | 6;
     searchOnly?: boolean;
+    coreApiUrl?: string;
+    coreApiToken?: string;
+    shopifySearchMode?: boolean;
 }): JSX.Element;
 export default App;

package/build/ImagePicker/index.js

@@ -16,6 +16,9 @@ function App(props) {
         styles: props === null || props === void 0 ? void 0 : props.styles,
         appType: props === null || props === void 0 ? void 0 : props.appType,
         searchOnly: props === null || props === void 0 ? void 0 : props.searchOnly,
+        coreApiUrl: props === null || props === void 0 ? void 0 : props.coreApiUrl,
+        coreApiToken: props === null || props === void 0 ? void 0 : props.coreApiToken,
+        shopifySearchMode: props === null || props === void 0 ? void 0 : props.shopifySearchMode,
     };
     if (typeof window !== "undefined" && !window.process) {
         window.process = process;

package/build/MyDrive/DriveContainer.js

@@ -30,7 +30,8 @@ import { useDamConfig } from "../hocs/DamConfigContext";
 import { createApiClient } from "../hocs/configureAxios";
 import { NOT_FOUND_IMAGE_URL } from "../utilities/constants/imageUrls";
 import ImagePickerBreadCrumbList from "./ImagePickerBreadCrumbList";
-import { FETCH_ASSETS_URL, FETCH_IMAGE_PCIKER_THUMBNAIL_URL, UPLOAD_IMAGE_PICKER_LOCAL_FILE_URL, } from "../utilities/constants/apiUrls";
+import { FETCH_ASSETS_URL, FETCH_IMAGE_PCIKER_THUMBNAIL_URL, UPLOAD_IMAGE_PICKER_LOCAL_FILE_URL, FETCH_SHOPIFY_PRODUCTS_URL, } from "../utilities/constants/apiUrls";
+import axios from "axios";
 import { showNotification } from "../common/notifications";
 import useAppParams from "../utilities/useAppParams";
 import { IoIosSearch } from "react-icons/io";
@@ -38,7 +39,7 @@ const BsUploadIcon = BsUpload;
 const IoIosSearchIcon = IoIosSearch;
 function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pickerFolderId, selectedPickerFile, imagePicker, globalSearch, setGlobalSearch, setSelectedKeys, searchOnly, }) {
     const damConfig = useDamConfig();
-    const { rootFolderId, brand, isAdmin } = damConfig;
+    const { rootFolderId, brand, isAdmin, coreApiUrl, coreApiToken, shopifySearchMode } = damConfig;
     const brandId = get(brand, "_id");
     const { folderId, type, id } = useAppParams();
     const api = useMemo(() => createApiClient(damConfig), [damConfig]);
@@ -56,8 +57,10 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
         metadataKey: "",
         metadataValue: "",
         folderSearch: "",
+        shopifyProducts: [],
+        shopifyLoading: false,
     });
-    const { selectedType, selectedDateKey, showGrid, loadingType, selectedItems, assets, sortBy, sortOrder, searchKey, searchValue, metadataKey, metadataValue, folderSearch, } = state;
+    const { selectedType, selectedDateKey, showGrid, loadingType, selectedItems, assets, sortBy, sortOrder, searchKey, searchValue, metadataKey, metadataValue, folderSearch, shopifyProducts, shopifyLoading, } = state;
     const nameSearchRef = useRef();
     const getSearchParams = () => {
         const params = {};
@@ -72,8 +75,6 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
         }
         return params;
     };
-    // For searchOnly mode, only fetch when there's a search term with at least 2 characters
-    // Check both globalSearch and folderSearch
     const hasValidSearch = (globalSearch && globalSearch.length >= 2) || (folderSearch && folderSearch.length >= 2);
     const shouldFetchInSearchOnlyMode = !searchOnly || hasValidSearch;
     console.log('## DriveContainer - folderId:', parentFolderId, 'searchOnly:', searchOnly, 'hasValidSearch:', hasValidSearch, 'shouldFetch:', shouldFetchInSearchOnlyMode, 'globalSearch:', globalSearch, 'folderSearch:', folderSearch);
@@ -88,7 +89,6 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
         ? { globalSearch }
         : {})), { sortBy: sortBy, sortOrder: sortOrder }), Object.assign(Object.assign({}, getDateRangeFromKey(selectedDateKey)), (!!selectedType ? { type: selectedType } : {}))), 
     // Priority: parentFolderId (from selection) > folderId (from URL params) > id > rootFolderId
-    // For searchOnly mode, only fetch when there's a valid search term (2+ chars)
     (() => {
         const computedFolderId = shouldFetchInSearchOnlyMode
             ? (parentFolderId
@@ -98,7 +98,7 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
                     : id
                         ? id
                         : rootFolderId)
-            : ""; // Empty string disables the query
+            : "";
         console.log('## useFolders computedFolderId:', computedFolderId, 'shouldFetch:', shouldFetchInSearchOnlyMode);
         return computedFolderId;
     })());
@@ -111,6 +111,10 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
         }
     }, []);
     const folders = useMemo(() => {
+        // For shopify search mode, return shopify products instead of DAM folders
+        if (shopifySearchMode && hasValidSearch) {
+            return shopifyProducts;
+        }
         // For searchOnly mode without valid search, return empty array
         if (searchOnly && !hasValidSearch) {
             return [];
@@ -118,7 +122,7 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
         return !!foldersPaginatedData
             ? flatMap(get(foldersPaginatedData, "pages"), "folders")
             : [];
-    }, [foldersPaginatedData, searchOnly, hasValidSearch]);
+    }, [foldersPaginatedData, searchOnly, hasValidSearch, shopifySearchMode, shopifyProducts]);
     const onDateMenuClick = ({ key }) => {
         const { startDate, endDate } = getDateRangeFromKey(key);
         setState((prev) => (Object.assign(Object.assign({}, prev), { selectedDateKey: key, customDateRange: null, loadingType: "date" })));
@@ -232,6 +236,49 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
             fetchAssets();
         }
     }, [brandId]);
+    // Fetch Shopify products when in shopify search mode
+    useEffect(() => {
+        if (shopifySearchMode && coreApiUrl && coreApiToken && folderSearch && folderSearch.length >= 2) {
+            fetchShopifyProducts(folderSearch);
+        }
+        else if (shopifySearchMode && (!folderSearch || folderSearch.length < 2)) {
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { shopifyProducts: [] })));
+        }
+    }, [shopifySearchMode, coreApiUrl, coreApiToken, folderSearch]);
+    const fetchShopifyProducts = (searchTerm) => __awaiter(this, void 0, void 0, function* () {
+        setState((prevState) => (Object.assign(Object.assign({}, prevState), { shopifyLoading: true })));
+        try {
+            const response = yield axios.get(`${coreApiUrl}${FETCH_SHOPIFY_PRODUCTS_URL}`, {
+                params: { title: searchTerm },
+                headers: {
+                    Authorization: `Bearer ${coreApiToken}`,
+                },
+            });
+            // Transform Shopify products to file entity format
+            // API response structure: { data: { products: [...], totalCount, currentPage, totalPages } }
+            const products = get(response, "data.data.products", get(response, "data.products", []));
+            console.log("Shopify products response:", response.data);
+            console.log("Extracted products:", products);
+            const transformedProducts = (Array.isArray(products) ? products : []).map((product) => ({
+                _id: product.id || product._id || `shopify-${Date.now()}-${Math.random()}`,
+                name: product.title || product.name || "Unknown Product",
+                thumbnailUrl: product.image || product.thumbnailUrl || "",
+                s3Url: product.image || product.s3Url || "",
+                type: EntityType.FILE,
+                fileType: "jpeg",
+                createdAt: product.created_at || product.createdAt || new Date().toISOString(),
+                updatedAt: product.updated_at || product.updatedAt || new Date().toISOString(),
+                size: 0,
+                // Keep original product data for reference
+                shopifyProduct: product,
+            }));
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { shopifyProducts: transformedProducts, shopifyLoading: false })));
+        }
+        catch (error) {
+            console.error("Error fetching Shopify products:", error);
+            setState((prevState) => (Object.assign(Object.assign({}, prevState), { shopifyProducts: [], shopifyLoading: false })));
+        }
+    });
     const fetchAssets = () => __awaiter(this, void 0, void 0, function* () {
         setState((prevState) => (Object.assign(Object.assign({}, prevState), { assetsLoading: true })));
         try {
@@ -270,7 +317,7 @@ function DriveContainer({ parentFolderId, setSelectedFile, setParentFolderId, pi
                                         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" }), searchOnly && !hasValidSearch ? (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-items-center md-lib-justify-center md-lib-py-16", children: [_jsx(IoIosSearchIcon, { className: "md-lib-text-6xl md-lib-text-borderColor dark:md-lib-text-darkBorderColor md-lib-mb-4" }), _jsx("p", { className: "md-lib-text-sm md-lib-font-semibold md-lib-text-textColor dark:md-lib-text-darkTextColor", children: "Search for files" }), _jsx("p", { className: "md-lib-text-xs md-lib-text-gray-500 md-lib-mt-2", children: "Enter at least 2 characters to search" })] })) : 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
+                                }, 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" }), searchOnly && !hasValidSearch ? (_jsxs("div", { className: "md-lib-flex md-lib-flex-col md-lib-items-center md-lib-justify-center md-lib-py-16", children: [_jsx(IoIosSearchIcon, { className: "md-lib-text-6xl md-lib-text-borderColor dark:md-lib-text-darkBorderColor md-lib-mb-4" }), _jsx("p", { className: "md-lib-text-sm md-lib-font-semibold md-lib-text-textColor dark:md-lib-text-darkTextColor", children: "Search for files" }), _jsx("p", { className: "md-lib-text-xs md-lib-text-gray-500 md-lib-mt-2", children: "Enter at least 2 characters to search" })] })) : (isLoading || shopifyLoading) ? (_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

@@ -19,7 +19,7 @@ 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 { damAccessKey, secretKey, subdomain, teamIds, appType, initialRootFolderId, coreApiUrl, coreApiToken, shopifySearchMode } = config;
     const [accessToken, setAccessToken] = useState(null);
     const [user, setDamUser] = useState(null);
     const [brand, setBrand] = useState(null);
@@ -104,6 +104,9 @@ export const DamConfigProvider = ({ children, config }) => {
             rootFolderId,
             teams,
             isAdmin,
+            coreApiUrl,
+            coreApiToken,
+            shopifySearchMode,
         }, 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/utilities/constants/apiUrls.d.ts

@@ -93,3 +93,4 @@ export declare const REFRESH_KEY_URL = "/keys/refresh";
 export declare const GET_BASE64_USING_PATH_URL = "/files/blob";
 export declare const FETCH_FILE_DOWNLOAD_LOGS_URL = "/dashboard/download-summary";
 export declare const FETCH_USER_DOWNLOAD_LOGS_URL = "/dashboard/download-summary/user";
+export declare const FETCH_SHOPIFY_PRODUCTS_URL = "/api/products/shopify";

package/build/utilities/constants/apiUrls.js

@@ -113,3 +113,5 @@ export const GET_BASE64_USING_PATH_URL = "/files/blob";
 //download logs
 export const FETCH_FILE_DOWNLOAD_LOGS_URL = "/dashboard/download-summary";
 export const FETCH_USER_DOWNLOAD_LOGS_URL = "/dashboard/download-summary/user";
+// Shopify products (external API - uses core API URL)
+export const FETCH_SHOPIFY_PRODUCTS_URL = "/api/products/shopify";

package/package.json

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