@riosst100/pwa-marketplace 1.2.5 → 1.2.7

package/src/components/SellerDetail/sellerDetail.js

@@ -1,158 +0,0 @@
-import React, { Fragment } from 'react';
-import { FormattedMessage } from 'react-intl';
-import { useSeller } from '@riosst100/pwa-marketplace/src/talons/Seller/useSeller';
-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 Slider from '@riosst100/pwa-marketplace/src/components/commons/Slider';
-import Tabs from '@riosst100/pwa-marketplace/src/components/commons/Tabs';
-import SellerProducts from '../SellerProducts';
-import SellerInformation from '../SellerInformation';
-import Reviews from '../SellerReview';
-import {
-    Verify,
-    Sms,
-    Message,
-    Heart,
-    Share,
-    BoxTick,
-    Star1,
-} from 'iconsax-react';
-import Image from '@magento/venia-ui/lib/components/Image';
-
-const SellerDetail = props => {
-    const talonProps = useSeller({
-        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>
-        );
-    }
-
-    const dataTabs =
-    [
-        {
-            id: 'product-tab',
-            title: 'All Products',
-            content: <SellerProducts data={seller.products} />
-        },
-        {
-            id: 'store-information',
-            title: 'Store Information',
-            content: <SellerInformation seller={seller} />
-        },
-        {
-            id: 'reviews',
-            title: 'Reviews',
-            content: <Reviews />
-        }
-    ];
-
-    return (
-        <Fragment>
-            <StoreTitle>{seller.name}</StoreTitle>
-            <Meta name="description" content={seller.description} />
-            <div className='py-8'>
-                <Slider seller={seller} rootClassname='mb-[30px]' />
-                <div className='flex items-center justify-between mb-[30px] p-[20px] rounded-[6px] border border-solid border-[#e6e9ea] shadow-[0px_0px_5px_3px_#d9d9d933]'>
-                    <div className='inline-flex items-center gap-[15px] relative flex-[0_0_auto]'>
-                    {seller && seller.thumbnail && seller.thumbnail !== undefined ?  <Image
-                        alt={seller.name}
-                        width='100'
-                        src={seller.thumbnail || ''}
-                    /> : ''}
-                        <div className='inline-flex flex-col h-[100px] items-start justify-between relative flex-[0_0_auto]'>
-                            <div className='inline-flex flex-col items-start gap-[6px] relative flex-[0_0_auto]'>
-                                <div className="items-center gap-[10px] inline-flex relative flex-[0_0_auto]">
-                                    <div className="relative w-fit mt-[-1.00px] font-semibold text-[#1b1b1b] text-[20px] tracking-[0] leading-[24px] whitespace-nowrap">
-                                        {seller ? seller.name : ''}
-                                    </div>
-                                    <div className="inline-flex items-center gap-[5px] relative flex-[0_0_auto]">
-                                        <Verify variant='Bold' color='#4E31DB' size={20} />
-                                        <div className="relative w-fit font-medium text-[#192221b3] text-[12px] tracking-[0] leading-[normal] whitespace-nowrap">
-                                            Verified
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="relative w-fit font-normal text-[#999999] text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">
-                                    Jurong west
-                                </div>
-                            </div>
-                            <div className='inline-flex items-start gap-[15px] relative flex-[0_0_auto]'>
-                                <div class="flex items-center justify-center gap-[5px] px-[20px] py-[8px] relative bg-white rounded-[30px] border border-solid border-[#6243fa]">
-                                    <div class="inline-flex items-center justify-center gap-[10px] relative flex-[0_0_auto]">
-                                        <Sms color="#6243FA" size={14} variant="Outline" className='stroke-[#6243FA]' />
-                                        <div class="relative w-fit mt-[-1.00px] font-medium text-[#6243fa] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
-                                            Message
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="flex items-center justify-center gap-[5px] px-[20px] py-[8px] relative bg-[#280135] rounded-[30px] border border-solid border-[#280135]">
-                                    <div class="inline-flex items-center justify-center gap-[10px] relative flex-[0_0_auto]">
-                                        <Message color='#FFFFFF' size={14} variant="Outline" className='stroke-[#FFFFFF]' />
-                                        <div class="relative w-fit mt-[-1.00px] font-medium text-[#fff] text-[14px] tracking-[0] leading-[20px] whitespace-nowrap">
-                                            Chat With Seller
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="inline-flex items-center justify-center gap-[5px] p-[11px] relative flex-[0_0_auto] bg-white rounded-[30px] overflow-hidden border border-solid border-[#6243fa]">
-                                    <Heart color='#6243FA' size={14} variant="Outline" className='stroke-[#6243FA]' />
-                                </div>
-                                <div class="inline-flex items-center justify-center gap-[5px] p-[11px] relative flex-[0_0_auto] bg-white rounded-[30px] overflow-hidden border border-solid border-[#6243fa]">
-                                    <Share color='#6243FA' size={14} variant="Outline" className='stroke-[#6243FA]' />
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="inline-flex items-center gap-[20px] px-[10px] py-[30px] relative flex-[0_0_auto]">
-                        <div class="inline-flex flex-col items-center justify-center gap-[9px] p-[10px] relative flex-[0_0_auto]">
-                            <div class="inline-flex items-center gap-[6px] relative flex-[0_0_auto]">
-                                <BoxTick color="#B9AEC5" variant="Outline" size={18} className='stroke-[#B9AEC5] stroke-[.5px]' />
-                                <div class="[font-family:'Noto_Sans',Helvetica] font-semibold text-[#005947] text-[18px] relative w-fit tracking-[0] leading-[normal] whitespace-nowrap">
-                                    {seller ? seller.sale : 0}
-                                </div>
-                            </div>
-                            <div class="relative w-fit [font-family:'Frederik-Regular',Helvetica] font-normal text-[#009a7b] text-[10px] tracking-[0] leading-[normal] whitespace-nowrap">
-                                Total Sales
-                            </div>
-                        </div>
-                        <img class="relative self-stretch w-px object-cover" alt="Line" src="https://c.animaapp.com/2pP7niVX/img/line-16.svg" />
-                        <div class="inline-flex flex-col items-center justify-center gap-[9px] p-[10px] relative flex-[0_0_auto]">
-                            <div class="inline-flex items-center gap-[5px] relative flex-[0_0_auto]">
-                                <Star1 color='#F7C317' size={18} className='fill-[#F7C317]' />
-                                <div class="relative self-stretch w-[25px] mt-[-1.00px] font-bold text-[#005947] text-[18px] tracking-[0] leading-[normal] whitespace-nowrap">
-                                    4.7
-                                </div>
-                            </div>
-                            <div class="relative w-fit [font-family:'Frederik-Regular',Helvetica] font-normal text-[#009a7b] text-[10px] tracking-[0] leading-[normal] whitespace-nowrap">
-                                Rating &amp; Reviews
-                            </div>
-                        </div>
-                    </div>
-                </div>
-                <Tabs
-                    data={dataTabs}
-                    tabContentWrapperClassName='!p-0'
-                    hasContent
-                />
-            </div>
-        </Fragment>
-    )
-}
-
-export default SellerDetail;

package/src/components/SellerPage/core.js

@@ -1,10 +0,0 @@
-import React from 'react';
-import Content from './sellerPage';
-
-const core = () => {
-    return (
-        <Content />
-    )
-}
-
-export default core;

package/src/talons/SellerProducts/useSellerProducts.js

@@ -1,129 +0,0 @@
-import { useEffect } from 'react';
-import { useLazyQuery, useQuery } from '@apollo/client';
-
-import mergeOperations from '../../../util/shallowMerge';
-import { useEventingContext } from '../../../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 useSellerProducts = props => {
-    const { categoryId, data, pageSize = 6 } = props;
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, props.operations);
-
-    const {
-        getSellerProductsQuery,
-        getProductFiltersByCategoryQuery,
-        getCategoryAvailableSortMethodsQuery
-    } = operations;
-
-    const placeholderItems = Array.from({ length: pageSize }).fill(null);
-
-    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(
-        getSellerProductsQuery,
-        {
-            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 filters = filterData ? filterData.products.aggregations : null;
-    const items = data ? data.products.items : placeholderItems;
-    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
-    };
-};