@riosst100/pwa-marketplace 2.0.8 → 2.0.9

package/src/overwrites/peregrine/lib/talons/RootComponents/Category/categoryContent.gql.js

@@ -1,98 +0,0 @@
-import { gql } from '@apollo/client';
-
-export const GET_PRODUCT_FILTERS_BY_CATEGORY = gql`
-    query getProductFiltersByCategory(
-        $categoryIdFilter: FilterEqualTypeInput!
-    ) {
-        products(filter: { category_uid: $categoryIdFilter }) {
-            aggregations {
-                label
-                count
-                attribute_code
-                options {
-                    label
-                    value
-                }
-                position
-            }
-        }
-    }
-`;
-
-export const GET_CATEGORY_CONTENT = gql`
-    query getCategoryData($id: String!) {
-        categories(filters: { category_uid: { in: [$id] } }) {
-            # eslint-disable-next-line @graphql-eslint/require-id-when-available
-            items {
-                uid
-                name
-                description
-                url_key
-                url_path
-                hide_filters
-                allowed_filters {
-                    code
-                }
-                custom_subcategory {
-                    name
-                    path
-                }
-                attributes_block {
-                    label
-                    code
-                    items {
-                      label
-                      value
-                    }
-                }
-                parent {
-                    uid
-                    name
-                    position
-                    url_path
-                    # eslint-disable-next-line @graphql-eslint/require-id-when-available
-                }
-                children {
-                    uid
-                    name
-                    position
-                    url_path
-                    # eslint-disable-next-line @graphql-eslint/require-id-when-available
-                }
-            }
-        }
-    }
-`;
-
-export const GET_CATEGORY_AVAILABLE_SORT_METHODS = gql`
-    query getCategoryAvailableSortMethods(
-        $categoryIdFilter: FilterEqualTypeInput!
-    ) {
-        products(filter: { category_uid: $categoryIdFilter }) {
-            sort_fields {
-                options {
-                    label
-                    value
-                }
-            }
-        }
-    }
-`;
-
-export const GET_STORE_CONFIG_DATA = gql`
-    query GetStoreConfigForBreadcrumbs {
-        # eslint-disable-next-line @graphql-eslint/require-id-when-available
-        storeConfig {
-            store_code
-            custommarketplace_plp_filters_virtualcategory
-        }
-    }
-`;
-
-
-export default {
-    getCategoryContentQuery: GET_CATEGORY_CONTENT,
-    getProductFiltersByCategoryQuery: GET_PRODUCT_FILTERS_BY_CATEGORY,
-    getCategoryAvailableSortMethodsQuery: GET_CATEGORY_AVAILABLE_SORT_METHODS,
-    getStoreConfigQuery: GET_STORE_CONFIG_DATA
-};

package/src/overwrites/peregrine/lib/talons/RootComponents/Category/categoryFragments.gql.js

@@ -1,90 +0,0 @@
-import { gql } from '@apollo/client';
-
-export const CategoryFragment = gql`
-    # eslint-disable-next-line @graphql-eslint/require-id-when-available
-    fragment CategoryFragment on CategoryTree {
-        uid
-        meta_title
-        meta_keywords
-        meta_description
-    }
-`;
-
-export const ProductsFragment = gql`
-    fragment ProductsFragment on Products {
-        items {
-            id
-            uid
-            name
-            preorder {
-                is_preorder
-                preorder_notes
-                preorder_availability
-            }
-            auction_data {
-                is_auction
-            }
-            seller {
-                name
-            }
-            custom_attributes {
-                selected_attribute_options {
-                    attribute_option {
-                        uid
-                        label
-                        is_default
-                    }
-                }
-                entered_attribute_value {
-                    value
-                }
-                attribute_metadata {
-                    uid
-                    code
-                    label
-                    attribute_labels {
-                        store_code
-                        label
-                    }
-                    data_type
-                    is_system
-                    entity_type
-                    ui_input {
-                        ui_input_type
-                        is_html_allowed
-                    }
-                    ... on ProductAttributeMetadata {
-                        used_in_components
-                    }
-                }
-            }
-            price_range {
-                maximum_price {
-                    final_price {
-                        currency
-                        value
-                    }
-                    regular_price {
-                        currency
-                        value
-                    }
-                    discount {
-                        amount_off
-                    }
-                }
-            }
-            sku
-            small_image {
-                url
-            }
-            stock_status
-            rating_summary
-            __typename
-            url_key
-        }
-        page_info {
-            total_pages
-        }
-        total_count
-    }
-`;

package/src/overwrites/peregrine/lib/talons/RootComponents/Category/useCategory.js

@@ -1,234 +0,0 @@
-import { useEffect, useMemo, useRef } from 'react';
-import { useLocation } from 'react-router-dom';
-import { useLazyQuery, useQuery } from '@apollo/client';
-
-import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
-import { useAppContext } from '@magento/peregrine/lib/context/app';
-import { usePagination } from '@magento/peregrine/lib/hooks/usePagination';
-import { useScrollTopOnChange } from '@magento/peregrine/lib/hooks/useScrollTopOnChange';
-import { useSort } from '@magento/peregrine/lib/hooks/useSort';
-import {
-    getFiltersFromSearch,
-    getFilterInput
-} from '@magento/peregrine/lib/talons/FilterModal/helpers';
-
-import DEFAULT_OPERATIONS from './category.gql';
-
-/**
- * A [React Hook]{@link https://reactjs.org/docs/hooks-intro.html} that
- * controls the logic for the Category Root Component.
- *
- * @kind function
- *
- * @param {object}      props
- * @param {String}      props.id - Category uid.
- * @param {GraphQLAST}  props.operations.getCategoryQuery - Fetches category using a server query
- * @param {GraphQLAST}  props.operations.getFilterInputsQuery - Fetches "allowed" filters using a server query
- * @param {GraphQLAST}  props.queries.getStoreConfig - Fetches store configuration using a server query
- *
- * @returns {object}    result
- * @returns {object}    result.error - Indicates a network error occurred.
- * @returns {object}    result.categoryData - Category data.
- * @returns {bool}      result.isLoading - Category data loading.
- * @returns {string}    result.metaDescription - Category meta description.
- * @returns {object}    result.pageControl - Category pagination state.
- * @returns {array}     result.sortProps - Category sorting parameters.
- * @returns {number}    result.pageSize - Category total pages.
- */
-export const useCategory = props => {
-    const {
-        id,
-        queries: { getPageSize }
-    } = props;
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, props.operations);
-    const { getCategoryQuery, getFilterInputsQuery } = operations;
-
-    const { data: pageSizeData } = useQuery(getPageSize, {
-        fetchPolicy: 'cache-and-network',
-        nextFetchPolicy: 'cache-first'
-    });
-    const pageSize = pageSizeData && pageSizeData.storeConfig.grid_per_page;
-
-    const [paginationValues, paginationApi] = usePagination();
-    const { currentPage, totalPages } = paginationValues;
-    const { setCurrentPage, setTotalPages } = paginationApi;
-
-    const sortProps = useSort({ sortFromSearch: false });
-    const [currentSort] = sortProps;
-    
-    const { pathname } = useLocation();
-
-    const pathnameArr = pathname.split('/');
-    const categoryUrlKey = pathnameArr[pathnameArr.length - 1].replace('.html','');
-
-    // Keep track of the sort criteria so we can tell when they change.
-    const previousSort = useRef(currentSort);
-
-    const pageControl = {
-        currentPage,
-        setPage: setCurrentPage,
-        totalPages
-    };
-
-    const [
-        ,
-        {
-            actions: { setPageLoading }
-        }
-    ] = useAppContext();
-
-    const [runQuery, queryResponse] = useLazyQuery(getCategoryQuery, {
-        fetchPolicy: 'cache-and-network',
-        nextFetchPolicy: 'cache-first'
-    });
-    const {
-        called: categoryCalled,
-        loading: categoryLoading,
-        error,
-        data
-    } = queryResponse;
-    const { search } = useLocation();
-
-    const isBackgroundLoading = !!data && categoryLoading;
-
-    // Update the page indicator if the GraphQL query is in flight.
-    useEffect(() => {
-        setPageLoading(isBackgroundLoading);
-    }, [isBackgroundLoading, setPageLoading]);
-
-    // Keep track of the search terms so we can tell when they change.
-    const previousSearch = useRef(search);
-
-    // Get "allowed" filters by intersection of schema and aggregations
-    const {
-        called: introspectionCalled,
-        data: introspectionData,
-        loading: introspectionLoading
-    } = useQuery(getFilterInputsQuery);
-
-    // Create a type map we can reference later to ensure we pass valid args
-    // to the graphql query.
-    // For example: { category_id: 'FilterEqualTypeInput', price: 'FilterRangeTypeInput' }
-    const filterTypeMap = useMemo(() => {
-        const typeMap = new Map();
-        if (introspectionData) {
-            introspectionData.__type.inputFields.forEach(({ name, type }) => {
-                typeMap.set(name, type.name);
-            });
-        }
-        return typeMap;
-    }, [introspectionData]);
-
-    // Run the category query immediately and whenever its variable values change.
-    useEffect(() => {
-        // Wait until we have the type map to fetch product data.
-        if (!filterTypeMap.size || !pageSize) {
-            return;
-        }
-
-        const filters = getFiltersFromSearch(search);
-
-        // Construct the filter arg object.
-        const newFilters = {};
-        filters.forEach((values, key) => {
-            newFilters[key] = getFilterInput(values, filterTypeMap.get(key));
-        });
-
-        // Use the category uid for the current category page regardless of the
-        // applied filters. Follow-up in PWA-404.
-        if (categoryUrlKey != "brands" && categoryUrlKey != "franchise") {
-            newFilters['category_uid'] = { eq: id };
-        }
-
-        runQuery({
-            variables: {
-                currentPage: Number(currentPage),
-                id: id,
-                filters: newFilters,
-                pageSize: Number(pageSize),
-                sort: { [currentSort.sortAttribute]: currentSort.sortDirection }
-            }
-        });
-    }, [
-        currentPage,
-        currentSort,
-        filterTypeMap,
-        id,
-        pageSize,
-        runQuery,
-        search
-    ]);
-
-    const totalPagesFromData = data
-        ? data.products.page_info.total_pages
-        : null;
-
-    useEffect(() => {
-        setTotalPages(totalPagesFromData);
-        return () => {
-            setTotalPages(null);
-        };
-    }, [setTotalPages, totalPagesFromData]);
-
-    // If we get an error after loading we should try to reset to page 1.
-    // If we continue to have errors after that, render an error message.
-    useEffect(() => {
-        if (error && !categoryLoading && !data && currentPage !== 1) {
-            setCurrentPage(1);
-        }
-    }, [currentPage, error, categoryLoading, setCurrentPage, data]);
-
-    // Reset the current page back to one (1) when the search string, filters
-    // or sort criteria change.
-    useEffect(() => {
-        // We don't want to compare page value.
-        const prevSearch = new URLSearchParams(previousSearch.current);
-        const nextSearch = new URLSearchParams(search);
-        prevSearch.delete('page');
-        nextSearch.delete('page');
-
-        if (
-            prevSearch.toString() !== nextSearch.toString() ||
-            previousSort.current.sortAttribute.toString() !==
-                currentSort.sortAttribute.toString() ||
-            previousSort.current.sortDirection.toString() !==
-                currentSort.sortDirection.toString()
-        ) {
-            // The search term changed.
-            setCurrentPage(1, true);
-            // And update the ref.
-            previousSearch.current = search;
-            previousSort.current = currentSort;
-        }
-    }, [currentSort, previousSearch, search, setCurrentPage]);
-
-    const categoryData = categoryLoading && !data ? null : data;
-    const categoryNotFound =
-        !categoryLoading && data && data.categories.items.length === 0;
-    const metaDescription =
-        data &&
-        data.categories.items[0] &&
-        data.categories.items[0].meta_description
-            ? data.categories.items[0].meta_description
-            : '';
-
-    // When only categoryLoading is involved, noProductsFound component flashes for a moment
-    const loading =
-        (introspectionCalled && !categoryCalled) ||
-        (categoryLoading && !data) ||
-        introspectionLoading;
-
-    useScrollTopOnChange(currentPage);
-
-    return {
-        error,
-        categoryData,
-        loading,
-        metaDescription,
-        pageControl,
-        sortProps,
-        pageSize,
-        categoryNotFound
-    };
-};

package/src/overwrites/peregrine/lib/talons/RootComponents/Category/useCategoryContent.js

@@ -1,192 +0,0 @@
-import { useEffect, useMemo } from 'react';
-import { useLazyQuery, useQuery } from '@apollo/client';
-
-import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
-import { useEventingContext } from '@magento/peregrine/lib/context/eventing';
-
-import DEFAULT_OPERATIONS from './categoryContent.gql';
-
-/**
- * Returns props necessary to render the categoryContent component.
- *
- * @param {object} props.data - The results of a getCategory GraphQL query.
- *
- * @returns {object} result
- * @returns {string} result.categoryDescription - This category's description.
- * @returns {string} result.categoryName - This category's name.
- * @returns {object} result.filters - The filters object.
- * @returns {object} result.items - The items in this category.
- * @returns {number} result.totalPagesFromData - The total amount of pages for the query.
- */
-export const useCategoryContent = props => {
-    const { categoryId, data, pageSize = 6 } = props;
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, props.operations);
-
-    const {
-        getCategoryContentQuery,
-        getProductFiltersByCategoryQuery,
-        getCategoryAvailableSortMethodsQuery,
-        getStoreConfigQuery
-    } = operations;
-
-    const placeholderItems = Array.from({ length: pageSize }).fill(null);
-    
-    const { data: storeConfigData } = useQuery(getStoreConfigQuery, {
-        fetchPolicy: 'cache-and-network'
-    });
-
-    const virtualCategoryFilters = useMemo(() => {
-        if (storeConfigData) {
-            const data = storeConfigData.storeConfig.custommarketplace_plp_filters_virtualcategory;
-            return data ? data.split(',') : [];
-        }
-    }, [storeConfigData]);
-
-    const [getFilters, { data: filterData }] = useLazyQuery(
-        getProductFiltersByCategoryQuery,
-        {
-            fetchPolicy: 'cache-and-network',
-            nextFetchPolicy: 'cache-first'
-        }
-    );
-
-    const [getSortMethods, { data: sortData }] = useLazyQuery(
-        getCategoryAvailableSortMethodsQuery,
-        {
-            fetchPolicy: 'cache-and-network',
-            nextFetchPolicy: 'cache-first'
-        }
-    );
-
-    const { data: categoryData, loading: categoryLoading } = useQuery(
-        getCategoryContentQuery,
-        {
-            fetchPolicy: 'cache-and-network',
-            nextFetchPolicy: 'cache-first',
-            skip: !categoryId,
-            variables: {
-                id: categoryId
-            }
-        }
-    );
-
-    const [, { dispatch }] = useEventingContext();
-
-    useEffect(() => {
-        if (categoryId) {
-            getFilters({
-                variables: {
-                    categoryIdFilter: {
-                        eq: categoryId
-                    }
-                }
-            });
-        }
-    }, [categoryId, getFilters]);
-
-    useEffect(() => {
-        if (categoryId) {
-            getSortMethods({
-                variables: {
-                    categoryIdFilter: {
-                        in: categoryId
-                    }
-                }
-            });
-        }
-    }, [categoryId, getSortMethods]);
-
-    const rawFilters = filterData ? filterData.products.aggregations : null;
-    const items = data ? data.products.items : placeholderItems;
-    const category =
-        categoryData && categoryData.categories.items.length
-            ? categoryData.categories.items[0]
-            : null;
-    const children =
-        categoryData && categoryData.categories.items.length
-            ? categoryData.categories.items[0].children
-            : null;
-
-    const filters = [];
-
-    rawFilters && rawFilters.map((filter, index) => {
-
-        const filterOptions = [];
-        let label = filter.label;
-        if (filter.attribute_code == "category_uid") {
-            children && children.map((category, index) => {
-                filterOptions.push({
-                    'label': category.name,
-                    'value': category.uid,
-                    'path': category.url_path
-                });
-            });
-
-            label = category ? category.name : label;
-        }
-
-        const newFilter = {
-            attribute_code: filter.attribute_code,
-            count: filter.count,
-            label: label,
-            position: filter.position,
-            options: filterOptions.length ? filterOptions : filter.options
-        };
-
-        filters.push(newFilter);
-    });
-
-    const attributesBlock = categoryData && categoryData.categories.items.length
-    ? categoryData.categories.items[0].attributes_block
-    : null;
-    const parent =
-    categoryData && categoryData.categories.items.length
-        ? categoryData.categories.items[0].parent
-        : null;
-    const totalPagesFromData = data
-        ? data.products.page_info.total_pages
-        : null;
-    const totalCount = data ? data.products.total_count : null;
-    
-    const categoryName =
-        categoryData && categoryData.categories.items.length
-            ? categoryData.categories.items[0].name
-            : null;
-    const categoryDescription =
-        categoryData && categoryData.categories.items.length
-            ? categoryData.categories.items[0].description
-            : null;
-    const availableSortMethods = sortData
-        ? sortData.products.sort_fields.options
-        : null;
-
-    useEffect(() => {
-        if (!categoryLoading && categoryData.categories.items.length > 0) {
-            dispatch({
-                type: 'CATEGORY_PAGE_VIEW',
-                payload: {
-                    id: categoryData.categories.items[0].uid,
-                    name: categoryData.categories.items[0].name,
-                    url_key: categoryData.categories.items[0].url_key,
-                    url_path: categoryData.categories.items[0].url_path
-                }
-            });
-        }
-    }, [categoryData, dispatch, categoryLoading]);
-
-    return {
-        availableSortMethods,
-        categoryName,
-        categoryDescription,
-        filters,
-        items,
-        totalCount,
-        totalPagesFromData,
-        children,
-        parent,
-        attributesBlock,
-        category,
-        virtualCategoryFilters
-    };
-};

package/src/overwrites/peregrine/lib/talons/RootComponents/Product/product.gql.js

@@ -1,31 +0,0 @@
-import { gql } from '@apollo/client';
-
-import { ProductDetailsFragment } from './productDetailFragment.gql';
-
-export const GET_STORE_CONFIG_DATA = gql`
-    query getStoreConfigData {
-        # eslint-disable-next-line @graphql-eslint/require-id-when-available
-        storeConfig {
-            store_code
-            product_url_suffix
-        }
-    }
-`;
-
-export const GET_PRODUCT_DETAIL_QUERY = gql`
-    query getProductDetailForProductPage($urlKey: String!) {
-        products(filter: { url_key: { eq: $urlKey } }) {
-            items {
-                id
-                uid
-                ...ProductDetailsFragment
-            }
-        }
-    }
-    ${ProductDetailsFragment}
-`;
-
-export default {
-    getStoreConfigData: GET_STORE_CONFIG_DATA,
-    getProductDetailQuery: GET_PRODUCT_DETAIL_QUERY
-};