hey-pharmacist-ecommerce 1.1.23 → 1.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hey-pharmacist-ecommerce",
-  "version": "1.1.23",
+  "version": "1.1.24",
   "description": "Production-ready, multi-tenant e‑commerce UI + API adapter for Next.js with auth, carts, checkout, orders, theming, and pharmacist-focused UX.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/components/AccountSavedItemsTab.tsx

@@ -15,7 +15,6 @@ export function AccountSavedItemsTab() {
     );
 
     const products = wishlistProducts || [];
-    console.log(products);
 
     if (isLoading) {
         return (

package/src/components/ProductCard.tsx

@@ -260,9 +260,11 @@ export function ProductCard({
               </p>
             </div>
 
-            <h3 className="text-sm font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] mb-3">
-              {displayName}
-            </h3>
+            <div className="h-[40px] mb-3">
+              <h3 className="text-sm font-['Poppins',sans-serif] font-semibold text-[#2B4B7C] line-clamp-2">
+                {displayName}
+              </h3>
+            </div>
             {/* Rating */}
             <div className="flex items-center gap-1.5 mb-2">
               <div className="flex items-center gap-0.5">

package/src/components/QuickViewModal.tsx

@@ -5,6 +5,7 @@ import { useCart } from '@/providers/CartProvider';
 import Image from 'next/image';
 import { ProductVariantInventoryStatusEnum } from '@/lib/Apis';
 import { useNotification } from '@/providers/NotificationProvider';
+import Link from 'next/link';
 
 interface QuickViewModalProps {
   product: ExtendedProductDTO;
@@ -40,7 +41,6 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
 
     setIsAddingToCart(true);
     try {
-      console.log(selectedVariant)
       await addToCart(
         product.id,
         quantity,
@@ -62,11 +62,11 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
   };
 
   return (
-    <div 
+    <div
       className="fixed inset-0 z-50 flex items-center justify-center p-4 bg-black/50 backdrop-blur-xs"
       onClick={onClose}
     >
-      <div 
+      <div
         className="bg-white rounded-[32px] max-w-5xl w-full max-h-[90vh] overflow-y-auto"
         onClick={(e) => e.stopPropagation()}
       >
@@ -75,28 +75,27 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
           <div className="flex items-start justify-between mb-6">
             <div>
               <p className="font-['Poppins',sans-serif] text-[11px] text-primary uppercase tracking-wide font-medium mb-2">
-                {product.brand} • {product.parentCategories[0].name}
+                {product.brand} • {product.parentCategories?.[0]?.name || 'Uncategorized'}
               </p>
               <h2 className="font-['Poppins',sans-serif] font-semibold text-secondary tracking-[-1px]">
                 {displayName}
               </h2>
-              
+
               {/* Rating */}
               <div className="flex items-center gap-2 mt-2">
                 <div className="flex items-center gap-0.5">
                   {[...Array(5)].map((_, i) => (
                     <Star
                       key={i}
-                      className={`size-4 ${
-                        i < Math.floor(product.rating? product.rating : 0)
-                          ? 'text-accent fill-accent'
-                          : 'text-gray-300'
-                      }`}
+                      className={`size-4 ${i < Math.floor(product.rating ? product.rating : 0)
+                        ? 'text-accent fill-accent'
+                        : 'text-gray-300'
+                        }`}
                     />
                   ))}
                 </div>
                 <span className="font-['Poppins',sans-serif] text-[13px] text-muted">
-                  {product.rating} ({product.reviews? product.reviews.length : 0} reviews)
+                  {product.rating} ({product.reviews ? product.reviews.length : 0} reviews)
                 </span>
               </div>
             </div>
@@ -115,7 +114,7 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                 <img
                   src={selectedVariant.productMedia[selectedImageIndex]?.file || selectedVariant.productMedia[0]?.file}
                   alt={product.name}
-                  className="w-full h-full object-cover"
+                  className="w-full h-full object-contain"
                 />
                 {/* Badges */}
                 <div className="absolute top-4 left-4 flex flex-col gap-2">
@@ -140,15 +139,15 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
               {selectedVariant.productMedia.length > 1 && (
                 <div className="grid grid-cols-4 gap-3">
                   {selectedVariant.productMedia.map((image: any, index: any) => (
-                    <div 
-                      key={index} 
+                    <div
+                      key={index}
                       className={`aspect-square rounded-xl overflow-hidden cursor-pointer transition-opacity ${selectedImageIndex === index ? 'ring-2 ring-primary' : 'bg-gray-50 hover:opacity-75'}`}
                       onClick={() => setSelectedImageIndex(index)}
                     >
-                      <img 
-                        src={image.file} 
-                        alt={`${product.name} ${index + 1}`} 
-                        className="w-full h-full object-cover" 
+                      <img
+                        src={image.file}
+                        alt={`${product.name} ${index + 1}`}
+                        className="w-full h-full object-contain"
                       />
                     </div>
                   ))}
@@ -190,9 +189,10 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
               </div>
 
               {/* Description */}
-              <p className="font-['Poppins',sans-serif] text-[14px] text-muted leading-[1.7] mb-6">
-                <div dangerouslySetInnerHTML={{ __html: product.description }} />
-              </p>
+              <div
+                className="font-['Poppins',sans-serif] text-[14px] text-muted leading-[1.7] mb-6 max-w-full overflow-hidden break-words"
+                dangerouslySetInnerHTML={{ __html: product.description }}
+              />
 
               {/* Color Selection */}
               <div className="mb-6">
@@ -208,21 +208,20 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                         setSelectedSizeIndex(0);
                         setSelectedImageIndex(0); // Reset selected image index when variant changes
                       }}
-                      className={`size-10 rounded-full border-2 transition-all ${
-                        selectedVariantIndex === index
-                          ? 'border-primary scale-110'
-                          : 'border-gray-200 hover:border-primary/50'
-                      }`}
+                      className={`size-10 rounded-full border-2 transition-all ${selectedVariantIndex === index
+                        ? 'border-primary scale-110'
+                        : 'border-gray-200 hover:border-primary/50'
+                        }`}
                       style={{ backgroundColor: variant.colorHex }}
                       title={variant.color}
                     >
-                        <Image
-                          src={variant.productMedia?.[0]?.file || ''}
-                          alt={variant.color || `Variant ${index + 1}`}
-                          className="object-cover"
-                          height={32}
-                          width={32}
-                        />
+                      <Image
+                        src={variant.productMedia?.[0]?.file || ''}
+                        alt={variant.color || `Variant ${index + 1}`}
+                        className="object-cover"
+                        height={32}
+                        width={32}
+                      />
                     </button>
                   ))}
                 </div>
@@ -270,44 +269,44 @@ export function QuickViewModal({ product, onClose, onNavigateToProduct }: QuickV
                 <button
                   onClick={handleAddToCart}
                   disabled={addedToCart || selectedVariant.inventoryCount === 0}
-                  className={`w-full font-['Poppins',sans-serif] font-medium text-[14px] px-6 py-4 rounded-full transition-all duration-300 flex items-center justify-center gap-3 ${
-                    addedToCart
-                      ? 'bg-green-500 text-white'
-                      : 'bg-accent text-white hover:bg-[#d66f45] hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed'
-                  }`}
+                  className={`w-full font-['Poppins',sans-serif] font-medium text-[14px] px-6 py-4 rounded-full transition-all duration-300 flex items-center justify-center gap-3 ${addedToCart
+                    ? 'bg-green-500 text-white'
+                    : 'bg-accent text-white hover:bg-[#d66f45] hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed'
+                    }`}
                 >
                   {isAddingToCart ? (
-                  <>
-                    <svg className="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true">
-                      <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
-                      <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
-                    </svg>
-                    Loading...
-                  </>
-                ) : (
-                  <>
-                  <ShoppingCart className="h-4 w-4" />
-                  {!selectedVariant
-                    ? 'Select a variant'
-                    : selectedVariant.inventoryStatus === ProductVariantInventoryStatusEnum.OUTOFSTOCK
-                      ? 'Out of Stock'
-                      : 'Add to Cart'}
-                  
-                  </>
-                )
-                }
-                </button>
+                    <>
+                      <svg className="animate-spin h-5 w-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true">
+                        <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
+                        <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+                      </svg>
+                      Loading...
+                    </>
+                  ) : (
+                    <>
+                      <ShoppingCart className="h-4 w-4" />
+                      {!selectedVariant
+                        ? 'Select a variant'
+                        : selectedVariant.inventoryStatus === ProductVariantInventoryStatusEnum.OUTOFSTOCK
+                          ? 'Out of Stock'
+                          : 'Add to Cart'}
 
-                <button
-                  onClick={() => {
-                    onClose();
-                    onNavigateToProduct?.(product.id);
-                  }}
-                  className="w-full font-['Poppins',sans-serif] font-medium text-[13px] px-6 py-3 rounded-full bg-white text-secondary border-2 border-primary hover:bg-gray-50 transition-all flex items-center justify-center gap-2"
-                >
-                  View Full Details
-                  <ExternalLink className="size-4" />
+                    </>
+                  )
+                  }
                 </button>
+                <Link href={`/products/${product._id}`}>
+                  <button
+                    onClick={() => {
+                      onClose();
+                      // onNavigateToProduct?.(product._id || product.id);
+                    }}
+                    className="w-full font-['Poppins',sans-serif] font-medium text-[13px] px-6 py-3 rounded-full bg-white text-secondary border-2 border-primary hover:bg-gray-50 transition-all flex items-center justify-center gap-2"
+                  >
+                    View Full Details
+                    <ExternalLink className="size-4" />
+                  </button>
+                </Link>
               </div>
             </div>
           </div>

package/src/hooks/useOrders.ts

@@ -37,7 +37,6 @@ export function useOrders(
         resolvedUserId
       );
       setOrders(response.data.data || []);
-      console.log(response.data);
       setPagination({
         page: response.data.page || page,
         limit: response.data.limit || limit,

package/src/hooks/useProducts.ts

@@ -49,12 +49,12 @@ export function useProducts(filters?: ProductFilters, page: number = 1, limit: n
           page
         );
       }
-      setProducts(response.data.data || []);
+      setProducts(response.data.data);
       setPagination({
         page: response.data.currentPage || page,
         limit: response.data.limit || limit,
-        total: response.data.totalItems || products.length,
-        totalPages: response.data.totalPages || 1,
+        total: products.length, // Use filtered count
+        totalPages: Math.ceil(products.length / limit),
       });
     } catch (err) {
       setError(err as Error);

package/src/lib/Apis/apis/products-api.ts

@@ -874,72 +874,6 @@ export const ProductsApiAxiosParamCreator = function (configuration?: Configurat
                 options: localVarRequestOptions,
             };
         },
-        /**
-         * 
-         * @summary Set or unset a product as featured for home screen
-         * @param {string} id Product ID
-         * @param {boolean} featured Whether to set the product as featured
-         * @param {*} [options] Override http request option.
-         * @throws {RequiredError}
-         */
-        setFeaturedProduct: async (id: string, featured: boolean, options: AxiosRequestConfig = {}): Promise<RequestArgs> => {
-            // verify required parameter 'id' is not null or undefined
-            if (id === null || id === undefined) {
-                throw new RequiredError('id','Required parameter id was null or undefined when calling setFeaturedProduct.');
-            }
-            // verify required parameter 'featured' is not null or undefined
-            if (featured === null || featured === undefined) {
-                throw new RequiredError('featured','Required parameter featured was null or undefined when calling setFeaturedProduct.');
-            }
-            const localVarPath = `/products/{id}/featured`
-                .replace(`{${"id"}}`, encodeURIComponent(String(id)));
-            // use dummy base URL string because the URL constructor only accepts absolute URLs.
-            const localVarUrlObj = new URL(localVarPath, 'https://example.com');
-            let baseOptions;
-            if (configuration) {
-                baseOptions = configuration.baseOptions;
-            }
-            const localVarRequestOptions :AxiosRequestConfig = { method: 'PATCH', ...baseOptions, ...options};
-            const localVarHeaderParameter = {} as any;
-            const localVarQueryParameter = {} as any;
-
-            // authentication bearer required
-            // http bearer authentication required
-            if (configuration && configuration.accessToken) {
-                const accessToken = typeof configuration.accessToken === 'function'
-                    ? await configuration.accessToken()
-                    : await configuration.accessToken;
-                localVarHeaderParameter["Authorization"] = "Bearer " + accessToken;
-            }
-
-            // authentication x-store-key required
-            if (configuration && configuration.apiKey) {
-                const localVarApiKeyValue = typeof configuration.apiKey === 'function'
-                    ? await configuration.apiKey("x-store-key")
-                    : await configuration.apiKey;
-                localVarHeaderParameter["x-store-key"] = localVarApiKeyValue;
-            }
-
-            if (featured !== undefined) {
-                localVarQueryParameter['featured'] = featured;
-            }
-
-            const query = new URLSearchParams(localVarUrlObj.search);
-            for (const key in localVarQueryParameter) {
-                query.set(key, localVarQueryParameter[key]);
-            }
-            for (const key in options.params) {
-                query.set(key, options.params[key]);
-            }
-            localVarUrlObj.search = (new URLSearchParams(query)).toString();
-            let headersFromBaseOptions = baseOptions && baseOptions.headers ? baseOptions.headers : {};
-            localVarRequestOptions.headers = {...localVarHeaderParameter, ...headersFromBaseOptions, ...options.headers};
-
-            return {
-                url: localVarUrlObj.pathname + localVarUrlObj.search + localVarUrlObj.hash,
-                options: localVarRequestOptions,
-            };
-        },
         /**
          * 
          * @summary Update a product
@@ -1215,21 +1149,6 @@ export const ProductsApiFp = function(configuration?: Configuration) {
                 return axios.request(axiosRequestArgs);
             };
         },
-        /**
-         * 
-         * @summary Set or unset a product as featured for home screen
-         * @param {string} id Product ID
-         * @param {boolean} featured Whether to set the product as featured
-         * @param {*} [options] Override http request option.
-         * @throws {RequiredError}
-         */
-        async setFeaturedProduct(id: string, featured: boolean, options?: AxiosRequestConfig): Promise<(axios?: AxiosInstance, basePath?: string) => Promise<AxiosResponse<ExtendedProductDTO>>> {
-            const localVarAxiosArgs = await ProductsApiAxiosParamCreator(configuration).setFeaturedProduct(id, featured, options);
-            return (axios: AxiosInstance = globalAxios, basePath: string = BASE_PATH) => {
-                const axiosRequestArgs :AxiosRequestConfig = {...localVarAxiosArgs.options, url: basePath + localVarAxiosArgs.url};
-                return axios.request(axiosRequestArgs);
-            };
-        },
         /**
          * 
          * @summary Update a product
@@ -1406,17 +1325,6 @@ export const ProductsApiFactory = function (configuration?: Configuration, baseP
         async getTopSellingProducts(limit?: number, page?: number, isActive?: boolean, includeNoVariantProducts?: boolean, options?: AxiosRequestConfig): Promise<AxiosResponse<PaginatedProductsDto>> {
             return ProductsApiFp(configuration).getTopSellingProducts(limit, page, isActive, includeNoVariantProducts, options).then((request) => request(axios, basePath));
         },
-        /**
-         * 
-         * @summary Set or unset a product as featured for home screen
-         * @param {string} id Product ID
-         * @param {boolean} featured Whether to set the product as featured
-         * @param {*} [options] Override http request option.
-         * @throws {RequiredError}
-         */
-        async setFeaturedProduct(id: string, featured: boolean, options?: AxiosRequestConfig): Promise<AxiosResponse<ExtendedProductDTO>> {
-            return ProductsApiFp(configuration).setFeaturedProduct(id, featured, options).then((request) => request(axios, basePath));
-        },
         /**
          * 
          * @summary Update a product
@@ -1602,18 +1510,6 @@ export class ProductsApi extends BaseAPI {
     public async getTopSellingProducts(limit?: number, page?: number, isActive?: boolean, includeNoVariantProducts?: boolean, options?: AxiosRequestConfig) : Promise<AxiosResponse<PaginatedProductsDto>> {
         return ProductsApiFp(this.configuration).getTopSellingProducts(limit, page, isActive, includeNoVariantProducts, options).then((request) => request(this.axios, this.basePath));
     }
-    /**
-     * 
-     * @summary Set or unset a product as featured for home screen
-     * @param {string} id Product ID
-     * @param {boolean} featured Whether to set the product as featured
-     * @param {*} [options] Override http request option.
-     * @throws {RequiredError}
-     * @memberof ProductsApi
-     */
-    public async setFeaturedProduct(id: string, featured: boolean, options?: AxiosRequestConfig) : Promise<AxiosResponse<ExtendedProductDTO>> {
-        return ProductsApiFp(this.configuration).setFeaturedProduct(id, featured, options).then((request) => request(this.axios, this.basePath));
-    }
     /**
      * 
      * @summary Update a product

package/src/providers/CartProvider.tsx

@@ -148,7 +148,6 @@ export function CartProvider({ children }: CartProviderProps) {
         _id: oldCart.cartBody._id,
         items: simplifiedItems
       };
-      console.log("payload", payload);
       const response = await new CartApi(getApiConfiguration()).handleUserCart(payload as any);
 
       if (response.data) {
@@ -185,9 +184,7 @@ export function CartProvider({ children }: CartProviderProps) {
     });
 
     try {
-      console.log('Removing item with productVariantId:', productId);
       const itemsToKeep = currentCart.cartBody.items.filter(item => String(item.productVariantId) !== String(productId));
-      console.log('Items to keep count:', itemsToKeep.length);
 
       const simplifiedItems = itemsToKeep.map(item => ({
         _id: item._id,
@@ -196,7 +193,6 @@ export function CartProvider({ children }: CartProviderProps) {
       }));
 
       if (simplifiedItems.length === 0) {
-        console.log('Cart will be empty, calling clearCart');
         await new CartApi(getApiConfiguration()).clearCart();
         setCart(null);
       } else {
@@ -204,9 +200,7 @@ export function CartProvider({ children }: CartProviderProps) {
           _id: currentCart.cartBody._id,
           items: simplifiedItems
         };
-        console.log("Remove from cart payload:", JSON.stringify(payload, null, 2));
         const response = await new CartApi(getApiConfiguration()).handleUserCart(payload as any);
-        console.log("Remove from cart response:", response.status, response.data);
         if (response.data) {
           setCart(response.data);
         }

package/src/screens/NewAddressScreen.tsx

@@ -15,7 +15,7 @@ import { useNotification } from '@/providers/NotificationProvider';
 export default function NewAddressPage() {
     const router = useRouter();
     const [isSubmitting, setIsSubmitting] = useState(false);
-  const notification = useNotification();
+    const notification = useNotification();
 
     const {
         register,
@@ -31,7 +31,6 @@ export default function NewAddressPage() {
     const onSubmit = async (data: AddressFormData) => {
         setIsSubmitting(true);
         try {
-            console.log('Submitting address data:', data);
             const api = new AddressesApi(AXIOS_CONFIG);
             const response = await api.createAddressForUser({
                 name: data.name,
@@ -45,8 +44,8 @@ export default function NewAddressPage() {
             });
 
             notification.success(
-              'Address added',
-              'Your new address has been saved to your account.'
+                'Address added',
+                'Your new address has been saved to your account.'
             );
             router.back();
 
@@ -71,17 +70,17 @@ export default function NewAddressPage() {
             }
 
             notification.error(
-              'Unable to save address',
-              errorMessage,
-              5000
+                'Unable to save address',
+                errorMessage,
+                5000
             );
 
             // Show additional guidance for certain error types
             if (error.response?.status === 422) {
                 notification.info(
-                  'Address validation failed',
-                  'Make sure your address is complete and formatted correctly.',
-                  6000
+                    'Address validation failed',
+                    'Make sure your address is complete and formatted correctly.',
+                    6000
                 );
             }
         } finally {

package/src/screens/ProductDetailScreen.tsx

@@ -78,9 +78,6 @@ export function ProductDetailScreen({ productId }: ProductDetailScreenProps) {
   }, [selectedVariant]);
 
   const product = useMemo(() => {
-    console.log('productData', productData);
-    console.log('selectedVariant', selectedVariant);
-    console.log('initialProductData', initialProductData);
     if (initialProductData && !productData) {
       return initialProductData;
     }
@@ -450,7 +447,7 @@ export function ProductDetailScreen({ productId }: ProductDetailScreenProps) {
                 {/* Category Path */}
                 <div className="mb-4">
                   <p className="font-['Poppins',sans-serif] text-[12px] text-primary uppercase tracking-wide font-medium mb-2">
-                    {product.brand} • {product.parentCategories?.[0].name}
+                    {product.brand} • {product.parentCategories?.[0]?.name || 'Uncategorized'}
                   </p>
                   <h1 className="text-3xl font-['Poppins',sans-serif] font-semibold text-secondary tracking-[-1.5px] mb-3">
                     {selectedVariant?.name || product.name}
@@ -528,9 +525,10 @@ export function ProductDetailScreen({ productId }: ProductDetailScreenProps) {
 
                   {/* Description */}
                   {product.description && (
-                    <p className="font-['Poppins',sans-serif] text-[14px] text-muted leading-[1.7] mb-8">
-                      <div dangerouslySetInnerHTML={{ __html: product.description }} />
-                    </p>
+                    <div
+                      className="font-['Poppins',sans-serif] text-[14px] text-muted leading-[1.7] mb-8 max-w-full overflow-hidden break-words"
+                      dangerouslySetInnerHTML={{ __html: product.description }}
+                    />
                   )}
 
                   {/* Variant Selector with Images */}
@@ -738,10 +736,10 @@ export function ProductDetailScreen({ productId }: ProductDetailScreenProps) {
                     <h3 className="font-['Poppins',sans-serif] font-semibold text-secondary mb-4">
                       Product Description
                     </h3>
-                    <p className="font-['Poppins',sans-serif] text-[14px] text-muted leading-[1.8] mb-4">
-                      <div dangerouslySetInnerHTML={{ __html: product.description }} />
-
-                    </p>
+                    <div
+                      className="font-['Poppins',sans-serif] text-[14px] text-muted leading-[1.8] mb-4 max-w-full overflow-hidden break-words"
+                      dangerouslySetInnerHTML={{ __html: product.description }}
+                    />
 
                     <div className="mt-6">
                       <h4 className="font-['Poppins',sans-serif] font-semibold text-[13px] text-secondary mb-3">

package/src/screens/SearchResultsScreen.tsx

@@ -15,8 +15,8 @@ import { useRouter } from 'next/navigation';
 import { useBasePath } from '@/providers/BasePathProvider';
 
 export default function SearchPage() {
-  const router = useRouter();
-  const { buildPath } = useBasePath();
+    const router = useRouter();
+    const { buildPath } = useBasePath();
     const searchParams = useSearchParams();
     const searchQuery = searchParams.get('q') || '';
     const [products, setProducts] = useState<ExtendedProductDTO[]>([]);
@@ -35,7 +35,6 @@ export default function SearchPage() {
 
             try {
                 setIsLoading(true);
-                console.log(searchQuery);
                 const api = new ProductsApi(AXIOS_CONFIG);
                 const response = await api.getAllProductsForStore(
                     searchQuery,