@riosst100/pwa-marketplace 3.0.7 → 3.0.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@riosst100/pwa-marketplace",
   "author": "riosst100@gmail.com",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "main": "src/index.js",
   "pwa-studio": {
     "targets": {

package/src/components/FilterTop/filterTop.js

@@ -95,13 +95,6 @@ const FilterTop = props => {
         [handleApply, filterRef]
     );
 
-    // const allowedFiltersArr = [];
-
-    // allowedFilters.length && allowedFilters.map((val, index) => {
-    //     allowedFiltersArr.push(val.code);
-    // });
-    // const allowedFiltersArr = ['card_rarity','card_print_version','card_set', 'card_product_type'];
-
     const filtersList = useMemo(
         () =>
             Array.from(filterItems, ([group, items], iteration) => {

package/src/components/ShowMore/showMore.js

@@ -339,7 +339,6 @@ const ShowMore = props => {
             <StoreTitle>{title}</StoreTitle>
             <Breadcrumbs categoryId={categoryId} customPage={title} currentFilter={activeFilters} />
             {category?.url_path.includes('model-railway') && <FilterTop shopby={shopby} filters={[]} category={category} children={[]} allowedFilters={category ? category.allowed_filters : []} />}
-            {/* <ShopByFilters handleActiveFilter={handleActiveFilter} activeFilter={activeFilter} category={category} /> */}
             {availableFilterOption.length ? 
                 <ul className={classes.nav}>
                     {availableFilterOption.map((filter, index) => (

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

@@ -43,6 +43,7 @@ export const GET_CATEGORY_CONTENT = gql`
                 allowed_filters {
                     code
                 }
+                prefixes
                 custom_subcategory {
                     name
                     path

package/src/overwrites/venia-ui/lib/RootComponents/Category/categoryContent.js

@@ -165,7 +165,7 @@ const CategoryContent = props => {
     ) : null;
 
     const sidebar = shouldShowFilterButtons ? (
-        <FilterSidebar hideFilters={category && category.hide_filters ? true : false} children={children} filters={filters} allowedFilters={category ? category.allowed_filters : []} />
+        <FilterSidebar hideFilters={category && category.hide_filters ? true : false} children={children} filters={filters} allowedFilters={category ? category.allowed_filters : []} prefixes={category ? category.prefixes : []} />
     ) : shouldShowFilterShimmer ? (
         <FilterSidebarShimmer />
     ) : null;

package/src/overwrites/venia-ui/lib/components/FilterSidebar/filterSidebar.js

@@ -21,7 +21,7 @@ const SCROLL_OFFSET = 150;
  * @param {Object} props.filters - filters to display
  */
 const FilterSidebar = props => {
-    const { filters, filterCountToOpen, allowedFilters, hideFilters } = props;
+    const { filters, filterCountToOpen, allowedFilters, prefixes, hideFilters } = props;
     const talonProps = useFilterSidebar({ filters });
     const {
         filterApi,
@@ -116,7 +116,15 @@ const FilterSidebar = props => {
     // // console.log([...sorted.entries()]);
     // const filterItems = [...sorted.entries()];
 
-    // console.log('filterItems',filterItems)
+    const removePrefix = (attrCode) => {
+        if (prefixes) {
+            return prefixes.reduce((s, p) => 
+            s.startsWith(p + "_") ? s.replace(p + "_", "") : s
+            , attrCode);
+        }
+
+        return attrCode;
+    };
 
     const filtersList = useMemo(
         () =>
@@ -124,10 +132,10 @@ const FilterSidebar = props => {
                 const blockState = filterState.get(group);
                 const groupName = filterNames.get(group);
                 const frontendInput = filterFrontendInput.get(group);
-
-                const hideFilters = ['card_game','bricks_categories','sc_sports_categories','trains','trains_locomotives','trains_supplies_type','lof_preorder','card_pre_orders','auction','special_price','sc_baseball_inserts','sc_baseball_parallel','sale','sc_set_type','sc_brands'];
-                if (!allowedFiltersArr?.length || filterState.size && allowedFiltersArr.length || !filterState.size && allowedFiltersArr.length && allowedFiltersArr.includes(group)) {
-                    if (!hideFilters.includes(group) && groupName && !group.includes('card_release') && !group.includes('card_set') && !group.includes('sc_set_name')) {
+                
+                if (!allowedFiltersArr.length || allowedFiltersArr.length && allowedFiltersArr.includes(removePrefix(group))) {
+                    console.log('removePrefix(group)',removePrefix(group))
+                    // if (!hideFilters.includes(group) && groupName && !group.includes('card_release') && !group.includes('card_set') && !group.includes('sc_set_name')) {
                     
                     // if (!allowedFiltersArr?.length && group != "category_uid" || allowedFiltersArr?.length && allowedFiltersArr.includes(group)) {
                         let subFilter = null;
@@ -177,7 +185,7 @@ const FilterSidebar = props => {
                                 initialOpen={true}
                             />
                         );
-                    }
+                    // }
                 }
             }),
         [
@@ -254,6 +262,7 @@ FilterSidebar.propTypes = {
         root: string,
         root_open: string
     }),
+    prefixes: [],
     filters: arrayOf(
         shape({
             attribute_code: string,

package/src/talons/ProductContent/productContent.gql.js

@@ -33,6 +33,7 @@ export const GET_CATEGORY_CONTENT = gql`
                 allowed_filters {
                     code
                 }
+                prefixes
                 custom_subcategory {
                     name
                     path

package/src/talons/SellerProducts/productContent.gql.js

@@ -34,6 +34,7 @@ export const GET_CATEGORY_CONTENT = gql`
                 allowed_filters {
                     code
                 }
+                    prefixes
                 custom_subcategory {
                     name
                     path

package/src/components/RelatedProducts/index.js

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

package/src/components/RelatedProducts/relatedProducts.js

@@ -1,44 +0,0 @@
-import React, { Fragment } from 'react';
-import { FormattedMessage } from 'react-intl';
-import { useRelatedProducts } from '@riosst100/pwa-marketplace/src/talons/RelatedProducts/useRelatedProducts';
-import ErrorView from '@magento/venia-ui/lib/components/ErrorView';
-import { StoreTitle, Meta } from '@magento/venia-ui/lib/components/Head';
-import mapSeller from '@riosst100/pwa-marketplace/src/util/mapSeller';
-import SellerDetail from '@riosst100/pwa-marketplace/src/components/SellerDetail/sellerDetail';
-
-const RelatedProducts = props => {
-    const { categoryUrlKey } = props;
-
-    const talonProps = useRelatedProducts({
-        mapSeller
-    });
-
-    const { error, loading, seller } = talonProps;
-
-    if (loading && !seller)
-        return '';
-    // return <SellerShimmer />;
-    if (error && !seller) return <ErrorView />;
-    if (!seller) {
-        return (
-            <h1>
-                <FormattedMessage
-                    id={'seller.notFound'}
-                    defaultMessage={
-                        'Seller Not Found.'
-                    }
-                />
-            </h1>
-        );
-    }
-
-    return (
-        <Fragment>
-            <StoreTitle>{seller.name}</StoreTitle>
-            <Meta name="description" content={seller.description} />
-            {seller && <SellerDetail seller={seller} />}
-        </Fragment>
-    );
-};
-
-export default RelatedProducts;

package/src/talons/RelatedProducts/useRelatedProducts.js

@@ -1,112 +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 { useIntl } from 'react-intl';
-
-import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
-import DEFAULT_OPERATIONS from './relatedProducts.gql';
-
-export const useRelatedProducts = props => {
-    const { mapSeller } = props;
-
-    const { formatMessage } = useIntl();
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, props.operations);
-    const { getStoreConfigData, getSellerDetailQuery, getCouponCodeQuery } = operations;
-    const { pathname } = useLocation();
-    const [
-        ,
-        {
-            actions: { setPageLoading }
-        }
-    ] = useAppContext();
-
-    const { data: storeConfigData } = useQuery(getStoreConfigData, {
-        fetchPolicy: 'cache-and-network',
-        nextFetchPolicy: 'cache-first'
-    });
-
-    const slug = pathname.split('/')[2];
-    const productUrlSuffix = storeConfigData?.storeConfig?.product_url_suffix;
-    const urlKey = productUrlSuffix ? slug.replace(productUrlSuffix, '') : slug;
-
-    const getOtherInfo = true;
-    const getProducts = true;
-
-    const { error, loading, data } = useQuery(getSellerDetailQuery, {
-        fetchPolicy: 'cache-and-network',
-        nextFetchPolicy: 'cache-first',
-        skip: !storeConfigData,
-        variables: {
-            urlKey,
-            getOtherInfo,
-            getProducts
-        }
-    });
-
-    const {
-        data: couponData,
-        error: couponError,
-        loading: couponLoading
-    } = useQuery(getCouponCodeQuery, {
-        fetchPolicy: 'cache-and-network',
-        nextFetchPolicy: 'cache-first',
-        variables: {
-            sellerUrl: urlKey,
-            pageSize: 20,
-            currentPage: 1,
-            filters: {
-                is_public: {
-                    eq: '1'
-                }
-            }
-        },
-        skip: !urlKey
-    });
-
-    const isBackgroundLoading = !!data && loading;
-
-    const seller = useMemo(() => {
-        if (!data) {
-            return null;
-        }
-        
-        const seller = data.sellerByUrl;
-
-        if (!seller) {
-            return null;
-        }
-
-        return mapSeller(seller);
-    }, [data, mapSeller, urlKey]);
-
-    // Update the page indicator if the GraphQL query is in flight.
-    useEffect(() => {
-        setPageLoading(isBackgroundLoading);
-    }, [isBackgroundLoading, setPageLoading]);
-
-    const favoriteSellerOptions = useMemo(() => {
-        const options = {
-            seller_id: seller?.seller_id
-        };
-
-        return options;
-    }, [seller]);
-
-    const favoriteSellerButtonProps = {
-        buttonText: '',
-        item: favoriteSellerOptions,
-        storeConfig: storeConfigData ? storeConfigData.storeConfig : {}
-    };
-
-    return {
-        error,
-        loading,
-        seller,
-        favoriteSellerButtonProps,
-        couponData,
-        couponError,
-        couponLoading
-    };
-};