@faststore/core 3.91.2 → 3.91.3-dev.0

package/src/components/account/orders/MyAccountListOrders/MyAccountFilterSlider/MyAccountFilterFacetPlacedBy/styles.scss

@@ -1,96 +0,0 @@
-[data-fs-list-orders-filters-placed-by] {
-  --fs-list-orders-filters-placed-by-dropdown-bkg                               : var(--fs-color-neutral-0);
-  --fs-list-orders-filters-placed-by-dropdown-border                            : 1px solid var(--fs-border-color-light);
-  --fs-list-orders-filters-placed-by-dropdown-radius                            : var(--fs-border-radius);
-  --fs-list-orders-filters-placed-by-option-padding                             : var(--fs-spacing-2) var(--fs-spacing-3);
-  --fs-list-orders-filters-placed-by-selected-height                            : var(--fs-control-height);
-  --fs-list-orders-filters-placed-by-selected-padding                           : 0 var(--fs-spacing-3);
-  --fs-list-orders-filters-placed-by-selected-border                            : var(--fs-input-border-width) solid var(--fs-input-border-color);
-  --fs-list-orders-filters-placed-by-selected-radius                            : var(--fs-input-border-radius);
-  --fs-list-orders-filters-placed-by-empty-text-color                           : var(--fs-color-text-light);
-  --fs-list-orders-filters-placed-by-loader-size                                : 1.25rem;
-  --fs-list-orders-filters-placed-by-dropdown-shadow                            : 0 2px 8px rgb(0 0 0 / 10%);
-
-  position: relative;
-
-  // Clear icon inside input when actionable
-  [data-fs-list-orders-filters-placed-by-input] {
-    position: relative;
-
-    [data-fs-input] {
-      width: 100%;
-    }
-
-    [data-fs-icon-button] {
-      position: absolute;
-      top: 50%;
-      right: var(--fs-spacing-2);
-      transform: translateY(-50%);
-    }
-
-    [data-fs-list-orders-filters-placed-by-loader] {
-      position: absolute;
-      top: 50%;
-      right: var(--fs-spacing-2);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      transform: translateY(-50%);
-
-      [data-fs-loader] {
-        width: var(--fs-list-orders-filters-placed-by-loader-size);
-        height: var(--fs-list-orders-filters-placed-by-loader-size);
-      }
-    }
-  }
-
-  [data-fs-list-orders-filters-placed-by-dropdown] {
-    position: absolute;
-    z-index: 10;
-    width: 100%;
-    margin-top: var(--fs-spacing-1);
-    background: var(--fs-list-orders-filters-placed-by-dropdown-bkg);
-    border: var(--fs-list-orders-filters-placed-by-dropdown-border);
-    border-radius: var(--fs-list-orders-filters-placed-by-dropdown-radius);
-    box-shadow: var(--fs-list-orders-filters-placed-by-dropdown-shadow);
-
-    &[data-fs-list-orders-filters-placed-by-empty] {
-      padding: var(--fs-spacing-3);
-
-      p {
-        margin: 0;
-        font-size: var(--fs-text-size-body);
-        font-style: italic;
-        color: var(--fs-list-orders-filters-placed-by-empty-text-color);
-        text-align: center;
-      }
-    }
-
-    ul {
-      max-height: 220px;
-      padding: 0;
-      margin: 0;
-      overflow: auto;
-      list-style: none;
-    }
-
-    [data-fs-list-orders-filters-placed-by-option] {
-      display: flex;
-      justify-content: flex-start;
-      width: 100%;
-      padding: var(--fs-list-orders-filters-placed-by-option-padding);
-      text-align: left;
-      cursor: pointer;
-      background: transparent;
-      border: 0;
-
-      &:hover, &:focus {
-        background: var(--fs-color-neutral-bkg);
-      }
-
-      [data-fs-list-orders-filters-placed-by-option-name] {
-        font-weight: var(--fs-text-weight-regular);
-      }
-    }
-  }
-}

package/src/sdk/account/useShopperSuggestions.ts

@@ -1,151 +0,0 @@
-import { useMemo, useState, useCallback, useEffect } from 'react'
-
-// This will be replaced with an imported type from a GraphQL schema in the future
-export type Shopper = {
-  purchase_agent_id: string
-  name: string
-  email: string
-}
-
-// Mock data for now, will be fetched from API in the future
-const MOCK_SHOPPERS: Shopper[] = [
-  {
-    purchase_agent_id: '1',
-    name: 'Robert Fox',
-    email: 'robert.fox@example.com',
-  },
-  {
-    purchase_agent_id: '2',
-    name: 'Ronald Wilson',
-    email: 'ronald.wilson@example.com',
-  },
-  {
-    purchase_agent_id: '3',
-    name: 'Cameron Williamson',
-    email: 'cameron.williamson@example.com',
-  },
-  {
-    purchase_agent_id: '4',
-    name: 'Brooklyn Simmons',
-    email: 'brooklyn.simmons@example.com',
-  },
-]
-
-interface ShopperSuggestionsData {
-  /**
-   * Array of shoppers that match the search term
-   */
-  shoppers: Shopper[]
-}
-
-interface ShopperSuggestionsResult {
-  /**
-   * The data containing matched shoppers
-   */
-  data: ShopperSuggestionsData | null
-  /**
-   * Error message if any
-   */
-  error: Error | null
-  /**
-   * Whether the data is currently being loaded
-   */
-  isLoading: boolean
-  /**
-   * Function to find a shopper by ID
-   */
-  findShopperById: (id: string) => Shopper | undefined
-}
-
-/**
- * Hook to search for shoppers by name or email
- *
- * @param searchTerm - The term to search for
- * @param options - Additional options for the hook
- * @returns Result object with data, loading state, and error
- */
-export function useShopperSuggestions(
-  searchTerm = ''
-): ShopperSuggestionsResult {
-  const [data, setData] = useState<ShopperSuggestionsData | null>({
-    shoppers: MOCK_SHOPPERS,
-  })
-  const [error, setError] = useState<Error | null>(null)
-  const [isLoading, setIsLoading] = useState(false)
-
-  // Function to search for shoppers
-  const searchShoppers = useCallback(
-    async (term: string) => {
-      // Don't search if term is empty or null
-      if (!term?.trim()) {
-        setData({ shoppers: MOCK_SHOPPERS })
-        setIsLoading(false)
-        return
-      }
-
-      setIsLoading(true)
-      setError(null)
-
-      try {
-        // Simulate API call with timeout
-        const results = await new Promise<Shopper[]>((resolve) => {
-          setTimeout(() => {
-            // Filter logic to simulate server-side filtering
-            const q = term.trim().toLowerCase()
-            const filtered = MOCK_SHOPPERS.filter(
-              (shopper) =>
-                shopper.name.toLowerCase().includes(q) ||
-                shopper.email.toLowerCase().includes(q)
-            )
-            resolve(filtered)
-          }, 300) // Simulate network delay
-        })
-
-        setData({ shoppers: results })
-      } catch (err) {
-        setError(
-          err instanceof Error
-            ? err
-            : new Error('Failed to search for shoppers')
-        )
-        setData({ shoppers: [] })
-      } finally {
-        setIsLoading(false)
-      }
-    },
-    [] // No dependencies needed for this mock implementation
-  )
-
-  // Setup debouncing for the search term
-  useEffect(() => {
-    // Don't run search if term is empty and we already have null data
-    if (!searchTerm && data === null) return
-
-    const handler = setTimeout(() => {
-      searchShoppers(searchTerm)
-    }, 300)
-
-    return () => {
-      clearTimeout(handler)
-    }
-  }, [searchTerm])
-
-  // Helper function to find a shopper by ID
-  // We use useMemo instead of useCallback to ensure this function has a stable reference
-  // and doesn't cause infinite loops in dependencies of other hooks
-  const findShopperById = useMemo(() => {
-    // Return a stable function that won't change between renders
-    return (id: string): Shopper | undefined => {
-      return data?.shoppers.find((s) => s.purchase_agent_id === id)
-    }
-  }, [])
-
-  return {
-    data,
-    error,
-    isLoading,
-    findShopperById,
-  }
-}
-
-export default useShopperSuggestions