@riosst100/pwa-marketplace 2.0.7 → 2.0.9

package/src/talons/MiniatureGameSets/miniatureGameSets.gql.js

@@ -1,59 +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_SETS_QUERY = gql`
-    query getMiniatureGameSets($categoryUrlKey: String!, $activeTab: String, $filters: ProductAttributeFilterInput!, $shopby: String) {
-        miniatureGameSets(categoryUrlKey: $categoryUrlKey, activeTab: $activeTab, filters: $filters, shopby: $shopby) {
-            group
-            sets {
-                set_name
-                option_id
-                release_year
-            }
-        }
-    }
-`;
-
-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,
-    getMiniatureGameSetsQuery: GET_SETS_QUERY,
-    getCategoryContentQuery: GET_CATEGORY_CONTENT,
-    getFilterInputsQuery: GET_FILTER_INPUTS,
-};

package/src/talons/MiniatureGameSets/useMiniatureGameSets.js

@@ -1,220 +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 './miniatureGameSets.gql';
-import { getFilterInput, getFiltersFromSearch } from '@magento/peregrine/lib/talons/FilterModal/helpers';
-
-export const useMiniatureGameSets = props => {
-
-    const { searchQuery, setActive, currentSort, shopby, setType, categoryId, activeTab, activeFilter } = props
-
-    const { value: sortby } = currentSort
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, null);
-    const { getStoreConfigData, getMiniatureGameSetsQuery, getCategoryContentQuery, getFilterInputsQuery } = operations;
-    const { pathname, search } = useLocation();
-    const [runQuery, queryResponse] = useLazyQuery(getMiniatureGameSetsQuery, {
-        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(getMiniatureGameSetsQuery, {
-    //     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
-            }
-        });
-    // }
-    }, [
-        runQuery,
-        activeTab
-        // 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 miniatureGameSets = useMemo(() => {
-        if (!queryResponse) {
-            return null;
-        }
-
-        // console.log(data)
-        
-        const miniatureGameSets = queryResponse?.data?.miniatureGameSets;
-        if (!miniatureGameSets) {
-            return null;
-        }
-
-        return miniatureGameSets.slice().sort((a, b) =>a.group.toLowerCase().localeCompare(b.group.toLowerCase()));
-    }, [queryResponse]);
-
-    const availableGroups = miniatureGameSets && miniatureGameSets.length ? miniatureGameSets.map(({ group }) => group) : [];
-
-    // const availableLeagues = miniatureGameSets && miniatureGameSets.length ? miniatureGameSets.map(({ sets }) => miniatureGameSets.map(({ sc_league }) => sc_league)) : [];
-// console.log(availableLeagues)
-    // sc_league
-
-    const filteredMiniatureGameSets = useMemo(() => {
-        if (!miniatureGameSets) {
-            return null;
-        }
-
-        const filteredSets = [];
-
-        if (searchQuery) {
-
-            // useEffect(() => {
-            //     setActive('all')
-            // }, [active]);
-
-            miniatureGameSets.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 : miniatureGameSets;
-    }, [miniatureGameSets, 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(miniatureGameSets)
-
-    return {
-        error,
-        loading,
-        miniatureGameSets,
-        filteredMiniatureGameSets,
-        categoryUrlSuffix,
-        categoryUrlKey,
-        productType,
-        availableGroups,
-        category,
-        // availableLeagues
-    };
-};

package/src/talons/NonSportCardsSets/nonSportCardsSets.gql.js

@@ -1,59 +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_NON_SPORT_CARDS_SETS_QUERY = gql`
-    query getNonSportCardsSets($categoryUrlKey: String!, $shopby: String, $setType: String, $filters: ProductAttributeFilterInput!) {
-        nonSportCardsSets(categoryUrlKey: $categoryUrlKey, shopby: $shopby, setType: $setType, filters: $filters) {
-            group
-            sets {
-                set_name
-                option_id
-                release_year
-            }
-        }
-    }
-`;
-
-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,
-    getNonSportCardsSetsQuery: GET_NON_SPORT_CARDS_SETS_QUERY,
-    getCategoryContentQuery: GET_CATEGORY_CONTENT,
-    getFilterInputsQuery: GET_FILTER_INPUTS,
-};

package/src/talons/NonSportCardsSets/useNonSportCardsSets.js

@@ -1,238 +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 './nonSportCardsSets.gql';
-import { getFilterInput, getFiltersFromSearch } from '@magento/peregrine/lib/talons/FilterModal/helpers';
-
-export const useNonSportCardsSets = props => {
-
-    const { searchQuery, setActive, currentSort, shopby, setType, categoryId, activeTab, activeFilter } = props
-
-    const { value: sortby } = currentSort
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, null);
-    const { getStoreConfigData, getNonSportCardsSetsQuery, getCategoryContentQuery, getFilterInputsQuery } = operations;
-    const { pathname, search } = useLocation();
-    const [runQuery, queryResponse] = useLazyQuery(getNonSportCardsSetsQuery, {
-        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(getNonSportCardsSetsQuery, {
-    //     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,
-                setType: setType,
-                shopby: shopby
-            }
-        });
-    // }
-    }, [
-        runQuery,
-        // 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;
-
-    const nonSportCardsSets = useMemo(() => {
-        if (!queryResponse) {
-            return null;
-        }
-        
-        const nonSportCardsSets = queryResponse?.data?.nonSportCardsSets;
-        if (!nonSportCardsSets) {
-            return null;
-        }
-
-        // const sortbyData = [];
-        // if (nonSportCardsSets) {
-        // nonSportCardsSets.map((setRelease, index) => {
-        //     const { group, 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.group === release_year);
-
-        //             //     // groupingSetsByYear[release_year] = set;
-        //             //     if (result) {
-        //             //         result.sets.push(set)
-        //             //     } else {
-        //             //         // if (sortby == "date" || sortby == "newest" && sortbyData.length < 2) {
-        //             //             sortbyData.push({
-        //             //                 'group': release_year,
-        //             //                 'sets': [set]
-        //             //             })
-        //             //         // }
-        //             //     }
-        //             // }
-        //         })
-        //     }
-        // })
-
-        return nonSportCardsSets.slice().sort((a, b) => b.group.toLowerCase().localeCompare(a.group.toLowerCase()));
-    }, [queryResponse]);
-
-    const availableGroups = nonSportCardsSets && nonSportCardsSets.length ? nonSportCardsSets.map(({ group }) => group) : [];
-
-    const filteredNonSportCardsSets = useMemo(() => {
-        if (!nonSportCardsSets) {
-            return null;
-        }
-
-        const filteredSets = [];
-
-        if (searchQuery) {
-
-            // setActive('all')
-
-            nonSportCardsSets.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;
-                });
-
-                if (newSets && newSets.length) {
-                    filteredSets.push({
-                        'group': group,
-                        'sets': newSets
-                    })
-                }
-            })
-        }
-
-        // if (activeFilter && activeFilter != "all") {
-        //     nonSportCardsSets.map(({ group, sets }, index) => {
-        //         const newSets = sets.filter(function(set) {
-        //             return set.sc_league == activeFilter;
-        //             // return set.set_name.includes(searchQuery);
-        //         });
-
-        //         if (newSets && newSets.length) {
-        //             filteredSets.push({
-        //                 'group': group,
-        //                 'sets': newSets
-        //             })
-        //         }
-        //     })
-        // }
-
-        return searchQuery ? filteredSets : nonSportCardsSets;
-    }, [nonSportCardsSets, 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;
-
-    return {
-        error,
-        loading,
-        nonSportCardsSets,
-        filteredNonSportCardsSets,
-        categoryUrlSuffix,
-        categoryUrlKey,
-        productType,
-        availableGroups,
-        category
-    };
-};

package/src/talons/SellerReview/sellerReview.gql.js

@@ -1,53 +0,0 @@
-import { gql } from '@apollo/client';
-
-export const GET_SELLER_REVIEW_DATA = gql`
-    query getSellerReviewData($sellerUrl: String!, $filter: SellerRatingFilterInput, $pageSize: Int, $currentPage: Int, $sort: SellerRatingSortInput) {
-        sellerRatings(
-            seller_url: $sellerUrl
-            filter: $filter
-            pageSize: $pageSize
-            currentPage: $currentPage
-            sort: $sort
-        ) {
-            total_count
-            page_info {
-                total_pages
-                page_size
-                current_page
-            }
-            items {
-                rating_id
-                seller_id
-                customer_id
-                rate1
-                rate2
-                rate3
-                rate4
-                rate5
-                rating
-                email
-                title
-                status
-                detail
-                nickname
-                created_at
-                verified_buyer
-                is_recommended
-                is_hidden
-                answer
-                admin_note
-                like_about
-                not_like_about
-                guest_email
-                plus_review
-                minus_review
-                report_abuse
-                country
-            }
-        }
-    }
-`;
-
-export default {
-    getSellerReviewQuery: GET_SELLER_REVIEW_DATA
-};

package/src/talons/SellerReview/useSellerReview.js

@@ -1,49 +0,0 @@
-import { useQuery } from '@apollo/client';
-import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
-import DEFAULT_OPERATIONS from './sellerReview.gql';
-import { useMemo } from 'react';
-
-export const useSellerReview = props => {
-    const {
-        sellerUrl
-    } = props;
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, props.operations);
-    const { getSellerReviewQuery } = operations;
-
-    const filter = [];
-    const pageSize = 10;
-
-    const currentPage = 1;
-
-    const sort = {rating_id: 'DESC'}
-
-    const { data, error, loading } = useQuery(getSellerReviewQuery, {
-        variables: {
-            sellerUrl,
-            filter,
-            pageSize,
-            currentPage,
-            sort
-        }
-    });
-
-    const reviews = useMemo(() => {
-        if (!data) {
-            return null;
-        }
-        
-        const reviews = data.sellerRatings;
-
-        if (!reviews) {
-            return null;
-        }
-
-        return reviews;
-    }, [data]);
-
-    return {
-        reviews,
-        loading
-    };
-};