@riosst100/pwa-marketplace 2.0.8 → 2.0.9

package/src/talons/ShopByCard/useShopByCard.js

@@ -1,134 +0,0 @@
-import { useQuery } from '@apollo/client';
-import { useEffect, useMemo } from 'react';
-import { useLocation } from 'react-router-dom';
-import { useAppContext } from '@magento/peregrine/lib/context/app';
-
-import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
-import DEFAULT_OPERATIONS from './shopByCard.gql';
-
-export const useShopByCard = props => {
-
-    const { searchQuery, setActive, currentSort, shopby } = props
-
-    const { value: sortby } = currentSort
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, null);
-    const { getStoreConfigData, getCollectibleGameQuery } = operations;
-    const { pathname } = useLocation();
-    const [
-        ,
-        {
-            actions: { setPageLoading }
-        }
-    ] = useAppContext();
-
-    const { data: storeConfigData } = useQuery(getStoreConfigData, {
-        fetchPolicy: 'cache-and-network',
-        nextFetchPolicy: 'cache-first'
-    });
-
-    const pathnameArr = pathname.split('/');
-
-    const categoryUrlKey = pathnameArr[pathnameArr.length - 1].replace('.html','');
-    const productType = shopby;
-    
-    const categoryUrlSuffix = storeConfigData?.storeConfig?.category_url_suffix;
-
-    const { error, loading, data } = useQuery(getCollectibleGameQuery, {
-        fetchPolicy: 'cache-and-network',
-        nextFetchPolicy: 'cache-first',
-        skip: !storeConfigData,
-        variables: {
-            categoryUrlKey: categoryUrlKey,
-            productType: productType
-        }
-    });
-
-    const isBackgroundLoading = !!data && loading;
-
-    const shopByCard = useMemo(() => {
-        if (!data) {
-            return null;
-        }
-        
-        const shopByCard = data.shopByCard;
-        if (!shopByCard) {
-            return null;
-        }
-
-        const sortbyData = [];
-        if (sortby != 'all') {
-            shopByCard.map((setRelease, index) => {
-                const { release_type, sets } = setRelease;
-                if (sets.length) {
-                    sets.map((set, index) => {
-                        const { release_year } = set;
-                        if (release_year) {
-                            // groupingSetsByYear.splice(release_year, 0, set);
-                            const result = sortbyData.find(item => item.release_type === release_year);
-
-                            // groupingSetsByYear[release_year] = set;
-                            if (result) {
-                                result.sets.push(set)
-                            } else {
-                                if (sortby == "date" || sortby == "newest" && sortbyData.length < 2) {
-                                    sortbyData.push({
-                                        'release_type': release_year,
-                                        'sets': [set]
-                                    })
-                                }
-                            }
-                        }
-                    })
-                }
-            })
-        }
-
-        return sortby != "all" ? sortbyData && sortbyData.length ? sortbyData.sort((a, b) => b.release_type.toLowerCase().localeCompare(a.release_type.toLowerCase())) : sortbyData : shopByCard.slice().sort((a, b) => a.release_type.toLowerCase().localeCompare(b.release_type.toLowerCase()));
-    }, [data, sortby]);
-
-    const availableGroups = shopByCard && shopByCard.length ? shopByCard.map(({ release_type }) => release_type) : [];
-
-    const filteredShopByCard = useMemo(() => {
-        if (!shopByCard) {
-            return null;
-        }
-
-        const filteredSets = [];
-
-        if (searchQuery) {
-
-            setActive('all')
-
-            shopByCard.map(({ release_type, sets }, index) => {
-                const newSets = sets.filter(function(set) {
-                    return set.set_name.search(new RegExp(searchQuery, "i")) != -1 || set.set_abbreviation.search(new RegExp(searchQuery, "i")) != -1 || release_type.search(new RegExp(searchQuery, "i")) != -1;
-                });
-
-                if (newSets && newSets.length) {
-                    filteredSets.push({
-                        'release_type': release_type,
-                        'sets': newSets
-                    })
-                }
-            })
-        }
-
-        return searchQuery ? filteredSets : shopByCard;
-    }, [shopByCard, searchQuery, sortby]);
-
-    useEffect(() => {
-        setPageLoading(isBackgroundLoading);
-    }, [isBackgroundLoading, setPageLoading]);
-
-    return {
-        error,
-        loading,
-        shopByCard,
-        filteredShopByCard,
-        categoryUrlSuffix,
-        categoryUrlKey,
-        productType,
-        availableGroups
-    };
-};

package/src/talons/ShopByCategory/index.js

@@ -1 +0,0 @@
-export { useShopByCategory } from './useShopByCategory';

package/src/talons/ShopByCategory/shopByCategory.gql.js

@@ -1,38 +0,0 @@
-import { gql } from '@apollo/client';
-
-export const GET_STORE_CONFIG_DATA = gql`
-    query GetStoreConfigForBreadcrumbs {
-        # eslint-disable-next-line @graphql-eslint/require-id-when-available
-        storeConfig {
-            store_code
-            category_url_suffix
-        }
-    }
-`;
-
-export const GET_CATEGORY_LIST = gql`
-    query getCategoryData($id: String!) {
-        categories(filters: { category_uid: { eq: $id } }) {
-            items {
-                uid
-                name
-                url_path
-                parent {
-                    uid
-                    name
-                    url_path
-                }
-                children {
-                    uid
-                    name
-                    url_path
-                }
-            }
-        }
-    }
-`;
-
-export default {
-    getStoreConfigQuery: GET_STORE_CONFIG_DATA,
-    getCategoryQuery: GET_CATEGORY_LIST
-};

package/src/talons/ShopByCategory/useShopByCategory.js

@@ -1,69 +0,0 @@
-import { useMemo } from 'react';
-import { useQuery } from '@apollo/client';
-
-import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
-
-import DEFAULT_OPERATIONS from './shopByCategory.gql';
-
-const getPath = (path, suffix) => {
-    if (path) {
-        return `/${path}${suffix || ''}`;
-    }
-
-    // If there is no path this is just a dead link.
-    return '#';
-};
-
-export const useShopByCategory = props => {
-    const { children, parent } = props;
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, props.operations);
-    const { getStoreConfigQuery } = operations;
-
-    const { data: storeConfigData } = useQuery(getStoreConfigQuery, {
-        fetchPolicy: 'cache-and-network' 
-    });
-
-    const categoryUrlSuffix = useMemo(() => {
-        if (storeConfigData) {
-            return storeConfigData.storeConfig.category_url_suffix;
-        }
-    }, [storeConfigData]);
-
-    const childrenNormalizedData = useMemo(() => {
-        if (children) {
-            return (
-                children.length &&
-                children
-                    .map(category => ({
-                        text: category.name,
-                        path: getPath(
-                            category.url_path,
-                            categoryUrlSuffix
-                        )
-                    }))
-            );
-        }
-    }, [categoryUrlSuffix, children]);
-
-    const parentNormalizedData = useMemo(() => {
-        if (parent) {
-            return (
-                parent.length &&
-                parent
-                    .map(category => ({
-                        text: category.name,
-                        path: getPath(
-                            category.url_path,
-                            categoryUrlSuffix
-                        )
-                    }))
-            );
-        }
-    }, [categoryUrlSuffix, parent]);
-
-    return {
-        childrenNormalizedData: childrenNormalizedData || [],
-        parentNormalizedData: parentNormalizedData || []
-    };
-};

package/src/talons/ShopByVehicles/shopByVehicles.gql.js

@@ -1,60 +0,0 @@
-import { gql } from '@apollo/client';
-
-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
-            category_url_suffix
-        }
-    }
-`;
-
-export const GET_SHOP_BY_DATA_QUERY = gql`
-    query getShopByVehicles($categoryUrlKey: String!, $activeTab: String, $filters: ProductAttributeFilterInput!, $shopby: String, $activeFilter: String) {
-        shopByVehicles(categoryUrlKey: $categoryUrlKey, activeTab: $activeTab, filters: $filters, shopby: $shopby, activeFilter: $activeFilter) {
-            group
-            sets {
-                set_name
-                option_id
-                release_year
-                vehicles_diecast
-            }
-        }
-    }
-`;
-
-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
-                url_key
-                url_path
-            }
-        }
-    }
-`;
-
-export const GET_FILTER_INPUTS = gql`
-    query GetFilterInputsForCategory {
-        __type(name: "ProductAttributeFilterInput") {
-            inputFields {
-                name
-                type {
-                    name
-                }
-            }
-        }
-    }
-`;
-
-export default {
-    getStoreConfigData: GET_STORE_CONFIG_DATA,
-    getShopByVehiclesQuery: GET_SHOP_BY_DATA_QUERY,
-    getCategoryContentQuery: GET_CATEGORY_CONTENT,
-    getFilterInputsQuery: GET_FILTER_INPUTS,
-};

package/src/talons/ShopByVehicles/useShopByVehicles.js

@@ -1,222 +0,0 @@
-import { useQuery, useLazyQuery } from '@apollo/client';
-import { useEffect, useMemo } from 'react';
-import { useLocation } from 'react-router-dom';
-import { useAppContext } from '@magento/peregrine/lib/context/app';
-
-import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
-import DEFAULT_OPERATIONS from './shopByVehicles.gql';
-import { getFilterInput, getFiltersFromSearch } from '@magento/peregrine/lib/talons/FilterModal/helpers';
-
-export const useShopByVehicles = props => {
-
-    const { searchQuery, setActive, currentSort, shopby, setType, categoryId, activeTab, activeFilter } = props
-
-    const { value: sortby } = currentSort
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, null);
-    const { getStoreConfigData, getShopByVehiclesQuery, getCategoryContentQuery, getFilterInputsQuery } = operations;
-    const { pathname, search } = useLocation();
-    const [runQuery, queryResponse] = useLazyQuery(getShopByVehiclesQuery, {
-        fetchPolicy: 'cache-and-network',
-        nextFetchPolicy: 'cache-first'
-    });
-
-    const pathnameArr = pathname.split('/');
-
-    const categoryUrlKey = pathnameArr[pathnameArr.length - 1].replace('.html','');
-    const parentCategoryUrlKey = pathnameArr[pathnameArr.length - 2].replace('.html','');
-    const productType = shopby;
-    
-    
-
-    // const { error, loading, data } = useQuery(getShopByVehiclesQuery, {
-    //     fetchPolicy: 'cache-and-network',
-    //     nextFetchPolicy: 'cache-first',
-    //     skip: !storeConfigData,
-    //     variables: {
-    //         categoryUrlKey: categoryUrlKey,
-    //         setType: setType
-    //     }
-    // });
-    const { data: introspectionData } = useQuery(getFilterInputsQuery);
-
-    const filterTypeMap = useMemo(() => {
-        const typeMap = new Map();
-        if (introspectionData) {
-            introspectionData.__type.inputFields.forEach(({ name, type }) => {
-                typeMap.set(name, type.name);
-            });
-        }
-        return typeMap;
-    }, [introspectionData]);
-    const filters = getFiltersFromSearch(search);
-
-    // console.log(search)
-
-    // Construct the filter arg object.
-    const newFilters = {};
-    filters.forEach((values, key) => {
-        newFilters[key] = getFilterInput(values, filterTypeMap.get(key));
-// console.log(key)
-// console.log(values)
-        
-        if (key == "sc_baseball_release") {
-            for(let item of values) {
-                if(item) {
-                    // console.log(item.split(',')[0])
-                    const data = search.split('&');
-                    data.pop();
-                    activeFilters.push(
-                        {
-                            'label': item.split(',')[0],
-                            'path': data
-                        }
-                    )
-                }   
-            }
-        }
-    });
-
-    useEffect(() => {
-        // console.log("MASUK")
-
-        // if (queryResponse.data) {
-
-        
-
-        // Use the category uid for the current category page regardless of the
-        // applied filters. Follow-up in PWA-404.
-        // newFilters['category_uid'] = { eq: id };
-
-        runQuery({
-            variables: {
-                filters: newFilters,
-                categoryUrlKey: categoryUrlKey,
-                activeTab: activeTab,
-                shopby: shopby,
-                activeFilter: activeFilter
-            }
-        });
-    // }
-    }, [
-        runQuery,
-        activeTab,
-        activeFilter
-        // queryResponse
-        // filterTypeMap,
-        // search,
-        // newFilters,
-        // shopby,
-        // categoryUrlKey
-    ]);
-
-    const { data: storeConfigData } = useQuery(getStoreConfigData, {
-        fetchPolicy: 'cache-and-network',
-        nextFetchPolicy: 'cache-first'
-    });
-
-    const categoryUrlSuffix = storeConfigData?.storeConfig?.category_url_suffix;
-
-    // { data: queryResponse, error, loading }
-
-    
-
-    // console.log(data)
-
-    // const isBackgroundLoading = !!data && loading;
-
-    const availableLeagues = [];
-
-    // console.log(queryResponse.data)
-
-    const shopByVehicles = useMemo(() => {
-        if (!queryResponse) {
-            return null;
-        }
-
-        // console.log(data)
-        
-        const shopByVehicles = queryResponse?.data?.shopByVehicles;
-        if (!shopByVehicles) {
-            return null;
-        }
-
-        return shopByVehicles.slice().sort((a, b) =>a.group.toLowerCase().localeCompare(b.group.toLowerCase()));
-    }, [queryResponse]);
-
-    const availableGroups = shopByVehicles && shopByVehicles.length ? shopByVehicles.map(({ group }) => group) : [];
-
-    // const availableLeagues = shopByVehicles && shopByVehicles.length ? shopByVehicles.map(({ sets }) => shopByVehicles.map(({ sc_league }) => sc_league)) : [];
-// console.log(availableLeagues)
-    // sc_league
-
-    const filteredShopByVehicles = useMemo(() => {
-        if (!shopByVehicles) {
-            return null;
-        }
-
-        const filteredSets = [];
-
-        if (searchQuery) {
-
-            // useEffect(() => {
-            //     setActive('all')
-            // }, [active]);
-
-            shopByVehicles.map(({ group, sets }, index) => {
-                const newSets = sets.filter(function(set) {
-                    return set.set_name.search(new RegExp(searchQuery, "i")) != -1 || group.search(new RegExp(searchQuery, "i")) != -1;
-                    // return set.set_name.includes(searchQuery);
-                });
-
-                if (newSets && newSets.length) {
-                    filteredSets.push({
-                        'group': group,
-                        'sets': newSets
-                    })
-                }
-            })
-        }
-
-        return searchQuery ? filteredSets : shopByVehicles;
-    }, [shopByVehicles, searchQuery]);
-
-    // useEffect(() => {
-    //     setPageLoading(isBackgroundLoading);
-    // }, [isBackgroundLoading, setPageLoading]);
-
-    const { data: categoryData, loading: categoryLoading } = useQuery(
-        getCategoryContentQuery,
-        {
-            fetchPolicy: 'cache-and-network',
-            nextFetchPolicy: 'cache-first',
-            skip: !categoryId,
-            variables: {
-                id: categoryId
-            }
-        }
-    );
-
-    const category =
-        categoryData && categoryData.categories.items.length
-            ? categoryData.categories.items[0]
-            : null;
-
-    const error = queryResponse?.error;
-    const loading = queryResponse?.loading;
-
-    // console.log(shopByVehicles)
-
-    return {
-        error,
-        loading,
-        shopByVehicles,
-        filteredShopByVehicles,
-        categoryUrlSuffix,
-        categoryUrlKey,
-        productType,
-        availableGroups,
-        category,
-        // availableLeagues
-    };
-};

package/src/talons/SportCardsSets/sportCardsSets.gql.js

@@ -1,61 +0,0 @@
-import { gql } from '@apollo/client';
-
-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
-            category_url_suffix
-        }
-    }
-`;
-
-export const GET_SPORT_CARDS_SETS_QUERY = gql`
-    query getSportCardsSets($categoryUrlKey: String!, $shopby: String, $setType: String, $filters: ProductAttributeFilterInput!) {
-        sportCardsSets(categoryUrlKey: $categoryUrlKey, shopby: $shopby, setType: $setType, filters: $filters) {
-            group
-            sets {
-                set_name
-                option_id
-                release_year
-                sc_league
-                sc_brands
-            }
-        }
-    }
-`;
-
-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
-                url_key
-                url_path
-            }
-        }
-    }
-`;
-
-export const GET_FILTER_INPUTS = gql`
-    query GetFilterInputsForCategory {
-        __type(name: "ProductAttributeFilterInput") {
-            inputFields {
-                name
-                type {
-                    name
-                }
-            }
-        }
-    }
-`;
-
-export default {
-    getStoreConfigData: GET_STORE_CONFIG_DATA,
-    getSportCardsSetsQuery: GET_SPORT_CARDS_SETS_QUERY,
-    getCategoryContentQuery: GET_CATEGORY_CONTENT,
-    getFilterInputsQuery: GET_FILTER_INPUTS,
-};