@envive-ai/react-hooks 0.2.10 → 0.2.11

package/src/hooks/Search/index.ts

@@ -1 +1 @@
-export * from "./useSearch";
+export * from './useSearch';

package/src/hooks/Search/useRecommendedProducts.ts

@@ -1,14 +1,14 @@
-import { useAtomValue, useSetAtom } from "jotai";
-import { useEffect } from "react";
-import { useFeatureFlagService } from "src/contexts/featureFlagServiceContext/featureFlagServiceContext";
+import { useAtomValue, useSetAtom } from 'jotai';
+import { useEffect } from 'react';
+import { useFeatureFlagService } from 'src/contexts/featureFlagServiceContext/featureFlagServiceContext';
 import {
   retrievedProductsAtom,
   performProductRetrievalAtom,
   productRetrievalAtom,
-} from "src/atoms/search/productRetrievalAPI";
-import { useNewOrgConfig } from "../NewOrgConfig";
-import { SearchResponseProductAttributes } from "src/application/models/api/response";
-import { FeatureGates } from "src/application/models";
+} from 'src/atoms/search/productRetrievalAPI';
+import { useNewOrgConfig } from '../NewOrgConfig';
+import { SearchResponseProductAttributes } from 'src/application/models/api/response';
+import { FeatureGates } from 'src/application/models';
 
 /**
  * A hook to get recommended products.
@@ -18,31 +18,25 @@ import { FeatureGates } from "src/application/models";
  *
  * @returns The list of recommended products or an empty array.
  */
-export const useRecommendedProducts =
-  (): SearchResponseProductAttributes["attributes"][] => {
-    const { featureFlagService } = useFeatureFlagService();
-    const isEnabled = featureFlagService?.isFeatureGateEnabled(
-      FeatureGates.IsRecommendedProductsEnabled
-    );
-    const recommendedProducts = useAtomValue(retrievedProductsAtom);
-    const performProductRetrieval = useSetAtom(performProductRetrievalAtom);
-    const { lastProductIds } = useAtomValue(productRetrievalAtom);
-    const orgUIConfig = useNewOrgConfig();
+export const useRecommendedProducts = (): SearchResponseProductAttributes['attributes'][] => {
+  const { featureFlagService } = useFeatureFlagService();
+  const isEnabled = featureFlagService?.isFeatureGateEnabled(
+    FeatureGates.IsRecommendedProductsEnabled,
+  );
+  const recommendedProducts = useAtomValue(retrievedProductsAtom);
+  const performProductRetrieval = useSetAtom(performProductRetrievalAtom);
+  const { lastProductIds } = useAtomValue(productRetrievalAtom);
+  const orgUIConfig = useNewOrgConfig();
 
-    useEffect(() => {
-      const recommendedProductIds = orgUIConfig.frontendConfig?.uiConfigs?.searchConfig
-        ? orgUIConfig.frontendConfig?.uiConfigs?.searchConfig.recommendedProducts
-        : [];
-      // Fetch only if the feature is enabled, there are IDs to fetch, and we haven't already fetched them.
-      if (
-        isEnabled &&
-        recommendedProductIds &&
-        recommendedProductIds.length > 0 &&
-        !lastProductIds
-      ) {
-        performProductRetrieval({ productIds: recommendedProductIds });
-      }
-    }, [isEnabled, performProductRetrieval, lastProductIds, orgUIConfig]);
+  useEffect(() => {
+    const recommendedProductIds = orgUIConfig.frontendConfig?.uiConfigs?.searchConfig
+      ? orgUIConfig.frontendConfig?.uiConfigs?.searchConfig.recommendedProducts
+      : [];
+    // Fetch only if the feature is enabled, there are IDs to fetch, and we haven't already fetched them.
+    if (isEnabled && recommendedProductIds && recommendedProductIds.length > 0 && !lastProductIds) {
+      performProductRetrieval({ productIds: recommendedProductIds });
+    }
+  }, [isEnabled, performProductRetrieval, lastProductIds, orgUIConfig]);
 
-    return isEnabled ? recommendedProducts : [];
-  };
+  return isEnabled ? recommendedProducts : [];
+};

package/src/hooks/Search/useSearch.tsx

@@ -1,7 +1,8 @@
-import { useAtom, useAtomValue, useSetAtom } from "jotai";
-import { useCallback, useEffect, useMemo, useRef } from "react";
+import { useAtom, useAtomValue, useSetAtom } from 'jotai';
+import { useCallback, useEffect, useMemo, useRef } from 'react';
 
 import {
+  SelectedFilterOption,
   addSearchFilterAtom,
   clearSearchFiltersAtom,
   createFilterOption,
@@ -13,32 +14,26 @@ import {
   searchParamsAtom,
   searchProductSortingAtom,
   searchSelectedFiltersAtom,
-  SelectedFilterOption,
-} from "src/atoms/search";
-import {
-  isFilterOpenAtom,
-} from "src/atoms/globalSearch/globalSearch";
-import { formatFilterDisplayName } from "src/atoms/search/utils";
-import { ProductSorting } from "src/atoms/search/types";
+} from 'src/atoms/search';
+import { isFilterOpenAtom } from 'src/atoms/globalSearch/globalSearch';
+import { formatFilterDisplayName } from 'src/atoms/search/utils';
+import { ProductSorting } from 'src/atoms/search/types';
 import {
   SpiffyMetricsEventName,
   useAmplitude,
-} from "src/contexts/amplitudeContext/amplitudeContext";
-import { SpiffyWidgets } from "src/application/models/spiffyWidgets";
-import { ProductCardConfig } from "src/contexts/types";
-import { SearchResult } from "src/application/models/api/search";
-import { SearchResponseProduct } from "@spiffy-ai/commerce-api-client";
-import {
-  SearchFilterDatum,
-  SelectFilterItem,
-} from "src/types/search-filter-types";
-import { getSearchResultsState, SearchResultsState } from "../utils";
-import { orgShortNameAtom } from "src/atoms/envive/enviveConfig";
-import { useTrackComponentVisibleEvent } from "../TrackComponentVisibleEvent";
-import { useSearchInput } from "./useSearchInput";
-import { SearchResponseProductAttributes } from "src/application/models";
-import { useNewOrgConfig } from "../NewOrgConfig";
-import { useRecommendedProducts } from "./useRecommendedProducts";
+} from 'src/contexts/amplitudeContext/amplitudeContext';
+import { SpiffyWidgets } from 'src/application/models/spiffyWidgets';
+import { ProductCardConfig } from 'src/contexts/types';
+import { SearchResult } from 'src/application/models/api/search';
+import { SearchResponseProduct } from '@spiffy-ai/commerce-api-client';
+import { SearchFilterDatum, SelectFilterItem } from 'src/types/search-filter-types';
+import { orgShortNameAtom } from 'src/atoms/envive/enviveConfig';
+import { SearchResponseProductAttributes } from 'src/application/models';
+import { SearchResultsState, getSearchResultsState } from '../utils';
+import { useTrackComponentVisibleEvent } from '../TrackComponentVisibleEvent';
+import { useSearchInput } from './useSearchInput';
+import { useNewOrgConfig } from '../NewOrgConfig';
+import { useRecommendedProducts } from './useRecommendedProducts';
 
 export interface SearchResultsHocProps {
   // Data
@@ -75,7 +70,13 @@ export interface SearchResultsHocProps {
   onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
   onSearchInputFocus: () => void;
   onSearchInputBlur: () => void;
-  onToggleDynamicFilter: ({ filter, dynamicFilterDisplayName }: { filter: string; dynamicFilterDisplayName: string }) => void;
+  onToggleDynamicFilter: ({
+    filter,
+    dynamicFilterDisplayName,
+  }: {
+    filter: string;
+    dynamicFilterDisplayName: string;
+  }) => void;
   onSelectFilterItem: SelectFilterItem;
   onRemoveFilter: (filter: SelectedFilterOption) => void;
   onClearAllFilters: () => void;
@@ -85,12 +86,13 @@ export interface SearchResultsHocProps {
   searchResultsRef: React.RefObject<HTMLDivElement>;
 }
 
-export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean } = {}): SearchResultsHocProps => {
+export const useSearch = ({
+  allowRedirect = false,
+}: { allowRedirect?: boolean } = {}): SearchResultsHocProps => {
   // Atoms
   const config = useNewOrgConfig();
   const orgShortName = useAtomValue(orgShortNameAtom);
-  const { data: searchData, loading: isLoadingSearch } =
-    useAtomValue(searchAtom);
+  const { data: searchData, loading: isLoadingSearch } = useAtomValue(searchAtom);
   const productList = useAtomValue(filteredSearchProductsAtom);
   const performSearch = useSetAtom(performSearchAtom);
   const [{ query }] = useAtom(searchParamsAtom);
@@ -105,7 +107,7 @@ export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean }
 
   // Refs
   const searchResultsRef = useRef<HTMLDivElement>(null);
-  
+
   // Utilities
   const scrollToTop = useCallback(() => {
     const container = searchResultsRef.current;
@@ -115,16 +117,16 @@ export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean }
       window.scrollTo({ top: 0, behavior: 'smooth' });
     }
   }, []);
-  
+
   // Search Input Hook
   const searchInput = useSearchInput({
     initialSearchText: '',
     searchOrigin: SpiffyWidgets.SearchResults,
-    onSearchSubmit: (searchQuery) => {
+    onSearchSubmit: searchQuery => {
       performSearch({ query: searchQuery }, allowRedirect);
     },
   });
-  
+
   const {
     searchText,
     focusedIndex,
@@ -145,23 +147,24 @@ export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean }
   const dynamicFilters = searchData?.filters || [];
 
   // Provide fallback values when orgUIConfig is not yet available
-  const safeProductCardConfig = config?.frontendConfig?.uiConfigs
-    ?.productCardConfig || {
-    variant: "minimal",
-    hoverVariant: "none",
-    layoutVariant: "square",
+  const safeProductCardConfig = config?.frontendConfig?.uiConfigs?.productCardConfig || {
+    variant: 'minimal',
+    hoverVariant: 'none',
+    layoutVariant: 'square',
   };
-  const safeMerchantShortName = orgShortName || "";
+  const safeMerchantShortName = orgShortName || '';
   const searchConfig = config?.frontendConfig?.uiConfigs?.searchConfig;
-  const safeRecommendedProductsHeading = searchConfig?.recommendedProductsHeading || 'Suggested Products'
-  const safeSearchOverlayHeading = searchConfig?.searchOverlayHeading ?? 'What can I help you find?'
+  const safeRecommendedProductsHeading =
+    searchConfig?.recommendedProductsHeading || 'Suggested Products';
+  const safeSearchOverlayHeading =
+    searchConfig?.searchOverlayHeading ?? 'What can I help you find?';
   const availableDynamicFilters = useMemo(() => {
     return dynamicFilters
       .filter(
-        (dynamicFilterName) =>
-          !selectedFilterOptions.some((option) => option.id === `dynamic:${dynamicFilterName}`),
+        dynamicFilterName =>
+          !selectedFilterOptions.some(option => option.id === `dynamic:${dynamicFilterName}`),
       )
-      .map((dynamicFilterName) => ({
+      .map(dynamicFilterName => ({
         name: dynamicFilterName,
         displayName: formatFilterDisplayName(dynamicFilterName),
       }));
@@ -189,7 +192,10 @@ export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean }
       },
     ];
 
-    return [{ filterId: 'sort', displayName: 'SORT', items: sortOptions }, ...searchFilters] as SearchFilterDatum[];
+    return [
+      { filterId: 'sort', displayName: 'SORT', items: sortOptions },
+      ...searchFilters,
+    ] as SearchFilterDatum[];
   }, [productSorting, searchFilters]);
 
   const filterButtonText = useMemo(() => {
@@ -197,7 +203,7 @@ export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean }
       if (filter.filterId === 'sort') {
         return acc;
       }
-      return acc + filter.items.filter((item) => item.isSelected).length;
+      return acc + filter.items.filter(item => item.isSelected).length;
     }, 0);
     if (selectedCount === 0) {
       return 'Filter & Sort';
@@ -208,9 +214,14 @@ export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean }
   // Callbacks
   const { trackEvent } = useAmplitude();
 
-
   const handleToggleDynamicFilter = useCallback(
-    ({ filter, dynamicFilterDisplayName }: { filter: string; dynamicFilterDisplayName: string }) => {
+    ({
+      filter,
+      dynamicFilterDisplayName,
+    }: {
+      filter: string;
+      dynamicFilterDisplayName: string;
+    }) => {
       trackEvent({
         eventName: SpiffyMetricsEventName.SearchFilterClicked,
         eventProps: {
@@ -233,7 +244,6 @@ export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean }
     [removeFilter, scrollToTop],
   );
 
-
   const handleSelectFilterItem: SelectFilterItem = useCallback(
     ({
       filterId,
@@ -277,7 +287,6 @@ export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean }
     [addFilter, removeFilter, setProductSorting, searchText, scrollToTop],
   );
 
-
   const handleClearAllFilters = useCallback(() => {
     setProductSorting(ProductSorting.FEATURED);
     clearFilters();
@@ -293,7 +302,10 @@ export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean }
   );
 
   useEffect(() => {
-    if (searchResultsState === SearchResultsState.Results || searchResultsState === SearchResultsState.NoResults) {
+    if (
+      searchResultsState === SearchResultsState.Results ||
+      searchResultsState === SearchResultsState.NoResults
+    ) {
       trackEvent({
         eventName: SpiffyMetricsEventName.SearchResultsViewed,
         eventProps: {
@@ -311,7 +323,7 @@ export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean }
       setSearchText(query);
       performSearch({ query: esq ?? query });
     }
-  // eslint-disable-next-line react-hooks/exhaustive-deps
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [performSearch, query, setSearchText]);
 
   return {
@@ -350,4 +362,4 @@ export const useSearch = ({ allowRedirect = false }: { allowRedirect?: boolean }
     resetSearch,
     searchResultsRef,
   };
-};
+};

package/src/hooks/Search/useSearchInput.ts

@@ -1,11 +1,11 @@
-import { useState, useCallback, useRef, useMemo } from "react";
-import { useAtomValue } from "jotai";
-import Fuse from "fuse.js";
+import { useState, useCallback, useRef, useMemo } from 'react';
+import { useAtomValue } from 'jotai';
+import Fuse from 'fuse.js';
 
-import { autocompleteStateAtom } from "src/atoms/globalSearch";
-import { amplitudeTrackEventAtom } from "src/atoms/amplitude/amplitudeTrackEventAtom";
-import { SpiffyMetricsEventName } from "src/contexts/amplitudeContext";
-import { SpiffyWidgets } from "src/application/models/spiffyWidgets";
+import { autocompleteStateAtom } from 'src/atoms/globalSearch';
+import { amplitudeTrackEventAtom } from 'src/atoms/amplitude/amplitudeTrackEventAtom';
+import { SpiffyMetricsEventName } from 'src/contexts/amplitudeContext';
+import { SpiffyWidgets } from 'src/application/models/spiffyWidgets';
 
 export interface UseSearchInputProps {
   initialSearchText?: string;
@@ -22,7 +22,7 @@ export interface UseSearchInputReturn {
   focusedOptionId: string | undefined;
   autocompleteResults: string[];
   shouldShowAutocomplete: boolean;
-  
+
   // Handlers
   handleSearchInputChange: (value: string) => void;
   handleSearchInputFocus: () => void;
@@ -30,14 +30,14 @@ export interface UseSearchInputReturn {
   handleKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => void;
   handleAutocompleteSelect: (suggestion: string, rankPosition?: number) => void;
   handleSubmitSearch: () => void;
-  
+
   // Utilities
   setSearchText: (text: string) => void;
   resetSearch: () => void;
 }
 
 export const useSearchInput = ({
-  initialSearchText = "",
+  initialSearchText = '',
   searchOrigin,
   onSearchSubmit,
 }: UseSearchInputProps): UseSearchInputReturn => {
@@ -48,9 +48,7 @@ export const useSearchInput = ({
   const [hasText, setHasText] = useState(initialSearchText.trim().length > 0);
   const [isFocused, setIsFocused] = useState(false);
   const [focusedIndex, setFocusedIndex] = useState(-1);
-  const [focusedOptionId, setFocusedOptionId] = useState<string | undefined>(
-    undefined
-  );
+  const [focusedOptionId, setFocusedOptionId] = useState<string | undefined>(undefined);
   const autocompleteState = useAtomValue(autocompleteStateAtom);
   const globalAutocompleteResults = autocompleteState.results;
   const isAutocompleteEnabled = globalAutocompleteResults.length > 0;
@@ -83,7 +81,7 @@ export const useSearchInput = ({
       // Don't ignore location - this helps prioritize matches at the beginning
       ignoreLocation: false,
     }),
-    []
+    [],
   );
 
   const fuse = useMemo(() => {
@@ -104,9 +102,7 @@ export const useSearchInput = ({
     const fuseResults = fuse.search(searchText);
 
     // Use only Fuse.js scoring (results are already sorted by relevance)
-    return fuseResults
-      .slice(0, autocompleteResultsLimit)
-      .map((result) => result.item);
+    return fuseResults.slice(0, autocompleteResultsLimit).map(result => result.item);
   }, [isAutocompleteEnabled, fuse, searchText, autocompleteResultsLimit]);
 
   // Handlers
@@ -131,7 +127,7 @@ export const useSearchInput = ({
       setFocusedIndex(-1);
       setFocusedOptionId(undefined);
     },
-    [searchOrigin, searchText, track]
+    [searchOrigin, searchText, track],
   );
 
   const handleSearchInputFocus = useCallback(() => {
@@ -185,24 +181,23 @@ export const useSearchInput = ({
         isSelectingAutocomplete.current = false;
       }, 100);
     },
-    [onSearchSubmit, searchOrigin, track]
+    [onSearchSubmit, searchOrigin, track],
   );
 
   const handleKeyDown = useCallback(
     (event: React.KeyboardEvent<HTMLInputElement>) => {
-      if (event.key === "ArrowDown") {
+      if (event.key === 'ArrowDown') {
         event.preventDefault();
         const newIndex = (focusedIndex + 1) % autocompleteResults.length;
         setFocusedIndex(newIndex);
         setFocusedOptionId(`option-${newIndex}`);
-      } else if (event.key === "ArrowUp") {
+      } else if (event.key === 'ArrowUp') {
         event.preventDefault();
         const newIndex =
-          (focusedIndex - 1 + autocompleteResults.length) %
-          autocompleteResults.length;
+          (focusedIndex - 1 + autocompleteResults.length) % autocompleteResults.length;
         setFocusedIndex(newIndex);
         setFocusedOptionId(`option-${newIndex}`);
-      } else if (event.key === "Enter") {
+      } else if (event.key === 'Enter') {
         if (focusedIndex === -1) {
           event.preventDefault();
           handleSubmitSearch();
@@ -211,18 +206,13 @@ export const useSearchInput = ({
           const suggestionText = autocompleteResults[focusedIndex];
           handleAutocompleteSelect(suggestionText, focusedIndex);
         }
-      } else if (event.key === "Escape") {
+      } else if (event.key === 'Escape') {
         event.preventDefault();
         setFocusedIndex(-1);
         setFocusedOptionId(undefined);
       }
     },
-    [
-      autocompleteResults,
-      focusedIndex,
-      handleAutocompleteSelect,
-      handleSubmitSearch,
-    ]
+    [autocompleteResults, focusedIndex, handleAutocompleteSelect, handleSubmitSearch],
   );
 
   const setSearchTextUtility = useCallback((text: string) => {
@@ -231,7 +221,7 @@ export const useSearchInput = ({
   }, []);
 
   const resetSearch = useCallback(() => {
-    setSearchText("");
+    setSearchText('');
     setHasText(false);
     setIsFocused(false);
     setFocusedIndex(-1);
@@ -260,4 +250,4 @@ export const useSearchInput = ({
     setSearchText: setSearchTextUtility,
     resetSearch,
   };
-};
+};

package/src/hooks/SearchOperations/index.ts

@@ -1 +1 @@
-export * from "./useSearchOperations";
+export * from './useSearchOperations';

package/src/hooks/SearchOperations/useSearchOperations.ts

@@ -1,6 +1,6 @@
-import { useState, useCallback, useEffect } from "react";
-import { useSearchService } from "src/contexts/searchContext";
-import { SearchResult, SearchParams } from "src/application/models/api/search";
+import { useState, useCallback, useEffect } from 'react';
+import { useSearchService } from 'src/contexts/searchContext';
+import { SearchResult, SearchParams } from 'src/application/models/api/search';
 
 export const useProductSearch = () => {
   const { searchProducts, isReady } = useSearchService();
@@ -11,7 +11,7 @@ export const useProductSearch = () => {
   const search = useCallback(
     async (params: SearchParams) => {
       if (!isReady) {
-        setError(new Error("Search service not ready - missing dependencies"));
+        setError(new Error('Search service not ready - missing dependencies'));
         return;
       }
 
@@ -22,14 +22,12 @@ export const useProductSearch = () => {
         const result = await searchProducts(params);
         setData(result);
       } catch (err) {
-        setError(
-          err instanceof Error ? err : new Error("Unknown search error")
-        );
+        setError(err instanceof Error ? err : new Error('Unknown search error'));
       } finally {
         setLoading(false);
       }
     },
-    [searchProducts, isReady]
+    [searchProducts, isReady],
   );
 
   const reset = useCallback(() => {
@@ -65,14 +63,12 @@ export const useSearchWithQuery = (params: SearchParams | null) => {
         const result = await searchProducts(searchParams);
         setData(result);
       } catch (err) {
-        setError(
-          err instanceof Error ? err : new Error("Unknown search error")
-        );
+        setError(err instanceof Error ? err : new Error('Unknown search error'));
       } finally {
         setLoading(false);
       }
     },
-    [searchProducts, isReady]
+    [searchProducts, isReady],
   );
 
   useEffect(() => {

package/src/hooks/SessionStorageOperations/index.ts

@@ -1 +1 @@
-export * from "./useSessionStorageOperations";
+export * from './useSessionStorageOperations';

package/src/hooks/SessionStorageOperations/useSessionStorageOperations.ts

@@ -1,5 +1,5 @@
-import { useState, useEffect, useCallback } from "react";
-import { useSessionStorage } from "src/contexts/sessionStorageContext";
+import { useState, useEffect, useCallback } from 'react';
+import { useSessionStorage } from 'src/contexts/sessionStorageContext';
 
 export const useSessionStorageValue = (key: string) => {
   const { getItem, setItem } = useSessionStorage();
@@ -12,8 +12,8 @@ export const useSessionStorageValue = (key: string) => {
       }
     };
 
-    window.addEventListener("storage", handleStorageChange);
-    return () => window.removeEventListener("storage", handleStorageChange);
+    window.addEventListener('storage', handleStorageChange);
+    return () => window.removeEventListener('storage', handleStorageChange);
   }, [key, getItem]);
 
   const updateValue = useCallback(
@@ -21,7 +21,7 @@ export const useSessionStorageValue = (key: string) => {
       setItem(key, newValue);
       setValue(newValue);
     },
-    [key, setItem]
+    [key, setItem],
   );
 
   return { value, setValue: updateValue };

package/src/hooks/ShopifyUrlOperations/index.ts

@@ -1 +1 @@
-export * from "./useShopifyUrlOperations";
+export * from './useShopifyUrlOperations';

package/src/hooks/ShopifyUrlOperations/useShopifyUrlOperations.ts

@@ -1,15 +1,9 @@
-import { useCallback } from "react";
-import { useShopifyUrl } from "src/contexts/shopifyUrlContext/shopifyUrlContext";
-import { IdExtractor } from "src/contexts/types";
+import { useCallback } from 'react';
+import { useShopifyUrl } from 'src/contexts/shopifyUrlContext/shopifyUrlContext';
+import { IdExtractor } from 'src/contexts/types';
 
 export const useShopifyUrlOperations = () => {
-  const {
-    getTrimmedPathName,
-    getPlpOrPdpId,
-    isOnPdpPage,
-    isOnPlpPage,
-    isReady,
-  } = useShopifyUrl();
+  const { getTrimmedPathName, getPlpOrPdpId, isOnPdpPage, isOnPlpPage, isReady } = useShopifyUrl();
 
   return {
     getTrimmedPathName,
@@ -24,10 +18,10 @@ export const useCurrentPageType = () => {
   const { isOnPdpPage, isOnPlpPage, isReady } = useShopifyUrl();
 
   const getPageType = useCallback(() => {
-    if (!isReady) return "unknown";
-    if (isOnPdpPage()) return "pdp";
-    if (isOnPlpPage()) return "plp";
-    return "other";
+    if (!isReady) return 'unknown';
+    if (isOnPdpPage()) return 'pdp';
+    if (isOnPlpPage()) return 'plp';
+    return 'other';
   }, [isReady, isOnPdpPage, isOnPlpPage]);
 
   return { getPageType, isReady };

package/src/hooks/SnapCalculator/index.ts

@@ -1 +1 @@
-export * from "./useSnapCalculator";
+export * from './useSnapCalculator';

package/src/hooks/SnapCalculator/useSnapCalculator.ts

@@ -9,7 +9,7 @@ export const useSnapCalculator = (snaps: number[], maxHeight: number, unit: Unit
 
   const snapsToPixels = useMemo(
     () =>
-      snaps?.map((snap) =>
+      snaps?.map(snap =>
         Math.abs(
           (unit === 'percent' ? Math.floor(swipeviewHeightPx * (snap / 100)) : snap) -
             swipeviewHeightPx,

package/src/hooks/SystemSettingsContext/index.ts

@@ -1 +1 @@
-export * from "./useSystemSettingsContext";
+export * from './useSystemSettingsContext';

package/src/hooks/SystemSettingsContext/useSystemSettingsContext.ts

@@ -1,13 +1,11 @@
-import { useContext } from "react";
-import { SystemSettingsContext } from "src/contexts/systemSettingsContext";
+import { useContext } from 'react';
+import { SystemSettingsContext } from 'src/contexts/systemSettingsContext';
 
 export const useSystemSettingsContext = () => {
   const context = useContext(SystemSettingsContext);
 
   if (!context) {
-    throw new Error(
-      "useSystemSettingsContext must be used within a SystemSettingsContextProvider"
-    );
+    throw new Error('useSystemSettingsContext must be used within a SystemSettingsContextProvider');
   }
 
   return { ...context };

package/src/hooks/TrackComponentVisibleEvent/index.ts

@@ -1 +1 @@
-export * from "./useTrackComponentVisibleEvent";
+export * from './useTrackComponentVisibleEvent';