@riosst100/pwa-marketplace 2.0.7 → 2.0.9

package/src/talons/SubCategory/useCustomSubCategory.js

@@ -1,49 +0,0 @@
-import { useMemo } from 'react';
-import { useQuery } from '@apollo/client';
-
-import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
-
-import DEFAULT_OPERATIONS from './subCategory.gql';
-
-const getPath = (path, suffix) => {
-    if (path) {
-        return `/${path}${suffix || ''}`;
-    }
-
-    // If there is no path this is just a dead link.
-    return '#';
-};
-
-export const useCustomSubCategory = props => {
-    const { customSubCategory } = 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 normalizedData = useMemo(() => {
-        if (customSubCategory) {
-            return (
-                customSubCategory.length &&
-                customSubCategory
-                    .map(category => ({
-                        text: category.name,
-                        path: `/${category.path}`
-                    }))
-            );
-        }
-    }, [categoryUrlSuffix, customSubCategory]);
-
-    return {
-        normalizedData: normalizedData || []
-    };
-};

package/src/talons/SubCategory/useSubCategory.js

@@ -1,52 +0,0 @@
-import { useMemo } from 'react';
-import { useQuery } from '@apollo/client';
-
-import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
-
-import DEFAULT_OPERATIONS from './subCategory.gql';
-
-const getPath = (path, suffix) => {
-    if (path) {
-        return `/${path}${suffix || ''}`;
-    }
-
-    // If there is no path this is just a dead link.
-    return '#';
-};
-
-export const useSubCategory = props => {
-    const { children } = 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 normalizedData = useMemo(() => {
-        if (children) {
-            return (
-                children && children.length &&
-                children
-                    .map((category, index) => ({
-                        text: category && typeof category.name != "undefined" ? category.name : '',
-                        path: getPath(
-                            category.url_path,
-                            categoryUrlSuffix
-                        )
-                    }))
-            );
-        }
-    }, [categoryUrlSuffix, children]);
-
-    return {
-        normalizedData: normalizedData || []
-    };
-};

package/src/talons/SubCategoryPage/subCategoryPage.gql.js

@@ -1,40 +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_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
-                parent {
-                    uid
-                    name
-                }
-                children {
-                    uid
-                    name
-                    url_path
-                }
-            }
-        }
-    }
-`;
-
-export default {
-    getStoreConfigData: GET_STORE_CONFIG_DATA,
-    getCategoryContentQuery: GET_CATEGORY_CONTENT
-};

package/src/talons/SubCategoryPage/useSubCategoryPage.js

@@ -1,108 +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 './subCategoryPage.gql';
-
-export const useSubCategoryPage = props => {
-
-    const { searchQuery, setActive, categoryId } = props
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, null);
-    const { getStoreConfigData, getCategoryContentQuery } = operations;
-
-    const { data: storeConfigData } = useQuery(getStoreConfigData, {
-        fetchPolicy: 'cache-and-network',
-        nextFetchPolicy: 'cache-first'
-    });
-
-    const { data: categoryData, loading, error } = 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 children =
-    categoryData && categoryData.categories.items.length
-        ? categoryData.categories.items[0].children
-        : null;
-
-    const categoryUrlSuffix = storeConfigData?.storeConfig?.category_url_suffix;
-
-    const alpha = ['#', 'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'];
-
-    const originalDataResult = useMemo(() => {
-        if (!children) {
-            return null;
-        }
-
-        const mappingData = children.reduce((acc, item) => {
-            let firstLetter = item.name.charAt(0).toUpperCase();
-            if (!alpha.includes(firstLetter)) {
-                firstLetter = '#';
-            }
-            acc[firstLetter] = acc[firstLetter] || [];
-            acc[firstLetter].push(item);
-            return acc;
-        }, {});
-
-        return mappingData;
-    }, [children, searchQuery]);
-
-    const dataResult = useMemo(() => {
-        if (!children) {
-            return null;
-        }
-        
-        if (!children) {
-            return null;
-        }
-        
-        let options = children;
-
-        if (searchQuery) {
-            setActive('all')
-            options = options.filter(function(option) {
-                return option.name.search(new RegExp(searchQuery, "i")) != -1;
-            });
-        }
-
-        const mappingData = options.reduce((acc, item) => {
-            let firstLetter = item.name.charAt(0).toUpperCase();
-            if (!alpha.includes(firstLetter)) {
-                firstLetter = '#';
-            }
-            acc[firstLetter] = acc[firstLetter] || [];
-            acc[firstLetter].push(item);
-            return acc;
-        }, {});
-
-        return mappingData;
-    }, [children, searchQuery]);
-
-    const availableGroups = originalDataResult ? Object.keys(originalDataResult).sort() : [];
-    const filteredAvailableGroups = dataResult ? Object.keys(dataResult).sort() : [];
-
-    return {
-        error,
-        loading,
-        dataResult,
-        filteredAvailableGroups,
-        categoryUrlSuffix,
-        availableGroups,
-        alpha,
-        category
-    };
-};

package/src/talons/TrainsSets/trainsSets.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_SETS_QUERY = gql`
-    query getTrainsSets($categoryUrlKey: String!, $activeTab: String, $filters: ProductAttributeFilterInput!, $shopby: String, $activeFilter: String) {
-        trainsSets(categoryUrlKey: $categoryUrlKey, activeTab: $activeTab, filters: $filters, shopby: $shopby, activeFilter: $activeFilter) {
-            group
-            sets {
-                set_name
-                option_id
-                country
-                trains_gauge
-            }
-        }
-    }
-`;
-
-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,
-    getTrainsSetsQuery: GET_SETS_QUERY,
-    getCategoryContentQuery: GET_CATEGORY_CONTENT,
-    getFilterInputsQuery: GET_FILTER_INPUTS,
-};

package/src/talons/TrainsSets/useTrainsSets.js

@@ -1,223 +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 './trainsSets.gql';
-import { getFilterInput, getFiltersFromSearch } from '@magento/peregrine/lib/talons/FilterModal/helpers';
-
-export const useTrainsSets = props => {
-
-    const { searchQuery, setActive, currentSort, shopby, setType, categoryId, activeTab, activeFilter } = props
-
-    const { value: sortby } = currentSort
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, null);
-    const { getStoreConfigData, getTrainsSetsQuery, getCategoryContentQuery, getFilterInputsQuery } = operations;
-    const { pathname, search } = useLocation();
-    const [runQuery, queryResponse] = useLazyQuery(getTrainsSetsQuery, {
-        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(getTrainsSetsQuery, {
-    //     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));
-    });
-
-    useEffect(() => {
-        runQuery({
-            variables: {
-                filters: newFilters,
-                categoryUrlKey: categoryUrlKey,
-                activeTab: activeTab,
-                shopby: shopby,
-                activeFilter: activeFilter
-            }
-        });
-    // }
-    }, [
-        runQuery
-    ]);
-
-    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 trainsSets = useMemo(() => {
-        if (!queryResponse) {
-            return null;
-        }
-
-        // console.log(data)
-        
-        const trainsSets = queryResponse?.data?.trainsSets;
-        if (!trainsSets) {
-            return null;
-        }
-
-        return trainsSets.slice().sort((a, b) =>a.group.toLowerCase().localeCompare(b.group.toLowerCase()));
-    }, [queryResponse]);
-
-    const availableGroups = trainsSets && trainsSets.length ? trainsSets.map(({ group }) => group) : [];
-
-    // const availableLeagues = trainsSets && trainsSets.length ? trainsSets.map(({ sets }) => trainsSets.map(({ sc_league }) => sc_league)) : [];
-// console.log(availableLeagues)
-    // sc_league
-
-    const filteredTrainsSets = useMemo(() => {
-        if (!trainsSets) {
-            return null;
-        }
-
-        let filteredSets = [];
-
-        
-
-        if (activeFilter) {
-            trainsSets.map(({ group, sets }, index) => {
-                const newSets = sets.filter(function(set) {
-                    // console.log(activeFilter + ' dan '+set.trains_gauge)
-                    // console.log(set.trains_gauge.search(new RegExp(activeFilter, "i")) != -1)
-                    if (activeTab == "country") {
-                        return set.country == activeFilter;
-                    }
-                    
-                    if (activeTab == "trains_gauge") {
-                        console.log(activeFilter + ' dan '+set.trains_gauge)
-                        return set.trains_gauge.search(new RegExp('<'+activeFilter+'>', "i")) != -1;
-                    }
-
-                    return false;
-                });
-
-                if (newSets && newSets.length) {
-                    filteredSets.push({
-                        'group': group,
-                        'sets': newSets
-                    })
-                }
-            })
-        }
-
-        let targetTrainsSets = trainsSets;
-
-        if (searchQuery) {
-
-            if (activeFilter) {
-                targetTrainsSets = filteredSets
-                filteredSets = [];
-            }
-
-            // useEffect(() => {
-            //     setActive('all')
-            // }, [active]);
-
-            targetTrainsSets.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
-                    })
-                }
-            })
-        }
-
-        console.log(filteredSets)
-
-        return searchQuery || activeFilter ? filteredSets : trainsSets;
-    }, [trainsSets, searchQuery, activeFilter]);
-
-    // 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(trainsSets)
-
-    return {
-        error,
-        loading,
-        trainsSets,
-        filteredTrainsSets,
-        categoryUrlSuffix,
-        categoryUrlKey,
-        productType,
-        availableGroups,
-        category,
-        // availableLeagues
-    };
-};