@riosst100/pwa-marketplace 2.0.8 → 2.0.9

package/src/overwrites/venia-ui/lib/components/Header/cartTrigger.js

@@ -1,116 +0,0 @@
-import React, { Fragment, Suspense } from 'react';
-import { shape, string } from 'prop-types';
-import { ShoppingBag as ShoppingCartIcon } from 'react-feather';
-import { useIntl } from 'react-intl';
-
-import { useCartTrigger } from '@magento/peregrine/lib/talons/Header/useCartTrigger';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import Icon from '@magento/venia-ui/lib/components/Icon';
-import defaultClasses from './cartTrigger.module.css';
-import { GET_ITEM_COUNT_QUERY } from '@magento/venia-ui/lib/components/Header/cartTrigger.gql';
-import cn from 'classnames';
-import { ShoppingCart } from 'iconsax-react';
-import { darkBlue } from '@riosst100/pwa-marketplace/src/theme/vars';
-
-const MiniCart = React.lazy(() => import('@magento/venia-ui/lib/components/MiniCart'));
-
-const CartTrigger = props => {
-    const {
-        handleLinkClick,
-        handleTriggerClick,
-        itemCount,
-        miniCartRef,
-        miniCartIsOpen,
-        hideCartTrigger,
-        setMiniCartIsOpen,
-        miniCartTriggerRef
-    } = useCartTrigger({
-        queries: {
-            getItemCountQuery: GET_ITEM_COUNT_QUERY
-        }
-    });
-
-    const classes = useStyle(defaultClasses, props.classes);
-    const { formatMessage } = useIntl();
-    const buttonAriaLabel = formatMessage(
-        {
-            id: 'cartTrigger.ariaLabel',
-            defaultMessage:
-                'Toggle mini cart. You have {count} items in your cart.'
-        },
-        { count: itemCount }
-    );
-    const itemCountDisplay = itemCount > 99 ? '99+' : itemCount;
-    const triggerClassName = miniCartIsOpen
-        ? classes.triggerContainer_open
-        : classes.triggerContainer;
-
-    const maybeItemCounter = itemCount ? (
-        <span
-            className={cn(
-                classes.counter,
-                'bg-yellow-300 min-w-[18px] min-h-[18px] text-base font-regular leading-[18px] top-[-5px]',
-                '!left-auto right-[0px]'
-            )}
-            data-cy="CartTrigger-counter"
-        >
-            {itemCountDisplay}
-        </span>
-    ) : null;
-
-    const cartTrigger = hideCartTrigger ? null : (
-        // Because this button behaves differently on desktop and mobile
-        // we render two buttons that differ only in their click handler
-        // and control which one displays via CSS.
-        <Fragment>
-            <div className={cn(triggerClassName, '!h-auto')} ref={miniCartTriggerRef}>
-                <button
-                    aria-expanded={miniCartIsOpen}
-                    aria-label={buttonAriaLabel}
-                    className={cn(
-                        classes.trigger,
-                        'gap-[5px] !min-h-[30px] !h-auto !min-w-[35px] !w-fit !justify-between',
-                    )}
-                    onClick={handleTriggerClick}
-                    data-cy="CartTrigger-trigger"
-                >
-                    {/* <Icon src={ShoppingCartIcon} /> */}
-                    <ShoppingCart size="20" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
-                    {maybeItemCounter}
-                </button>
-            </div>
-            <button
-                aria-expanded={miniCartIsOpen}
-                aria-label={buttonAriaLabel}
-                className={classes.link}
-                onClick={handleLinkClick}
-            >
-                <Icon src={ShoppingCartIcon} />
-                {maybeItemCounter}
-            </button>
-            <Suspense fallback={null}>
-                <MiniCart
-                    isOpen={miniCartIsOpen}
-                    setIsOpen={setMiniCartIsOpen}
-                    ref={miniCartRef}
-                />
-            </Suspense>
-        </Fragment>
-    );
-
-    return cartTrigger;
-};
-
-export default CartTrigger;
-
-CartTrigger.propTypes = {
-    classes: shape({
-        counter: string,
-        link: string,
-        openIndicator: string,
-        root: string,
-        trigger: string,
-        triggerContainer: string
-    })
-};

package/src/overwrites/venia-ui/lib/components/Header/cartTrigger.module.css

@@ -1,47 +0,0 @@
-.counter {
-    composes: absolute from global;
-    composes: bg-brand-dark from global;
-    composes: font-medium from global;
-    composes: leading-tight from global;
-    composes: left-sm from global;
-    composes: min-w-[1.25rem] from global;
-    composes: px-1 from global;
-    composes: py-0 from global;
-    composes: rounded-full from global;
-    composes: text-white from global;
-    composes: top-1.5 from global;
-}
-
-.trigger {
-    composes: root from '@magento/venia-ui/lib/components/clickable.module.css';
-
-    composes: content-center from global;
-    composes: flex from global;
-    composes: h-[3rem] from global;
-    composes: justify-center from global;
-    composes: min-w-[3rem] from global;
-    composes: relative from global;
-    composes: z-foreground from global;
-}
-
-.triggerContainer {
-    composes: hidden from global;
-    composes: items-center from global;
-    composes: h-lg from global;
-
-    composes: lg_grid from global;
-}
-
-.triggerContainer_open {
-    composes: triggerContainer;
-
-    composes: shadow-headerTrigger from global;
-}
-
-.link {
-    composes: trigger;
-
-    composes: flex from global;
-
-    composes: lg_hidden from global;
-}

package/src/overwrites/venia-ui/lib/components/Header/storeSwitcher.module.css

@@ -1,107 +0,0 @@
-.root {
-    composes: grid from global;
-    composes: items-center from global;
-    composes: justify-items-start from global;
-    composes: mx-auto from global;
-    composes: my-0 from global;
-    composes: relative from global;
-    composes: sm_justify-items-end from global;
-}
-
-.trigger {
-    composes: max-w-[15rem] from global;
-    composes: overflow-ellipsis from global;
-    composes: overflow-hidden from global;
-    composes: whitespace-nowrap from global;
-
-    composes: sm_max-w-full from global;
-}
-
-.menu {
-    composes: absolute from global;
-    composes: bg-white from global;
-    composes: border from global;
-    composes: border-solid from global;
-    composes: border-subtle from global;
-    composes: bottom-md from global;
-    composes: left-xs from global;
-    composes: max-w-[90vw] from global;
-    composes: opacity-0 from global;
-    composes: pb-2xs from global;
-    composes: pt-2xs from global;
-    composes: right-auto from global;
-    composes: rounded from global;
-    composes: shadow-menu from global;
-    composes: top-auto from global;
-    composes: w-max from global;
-    composes: z-menu from global;
-    transform: translate3d(0, -8px, 0);
-    transition-duration: 192ms;
-    transition-timing-function: var(--venia-global-anim-out);
-    transition-property: opacity, transform, visibility;
-
-    /* TODO @TW: review (B6) */
-    /* composes: invisible from global; */
-    visibility: hidden;
-
-    composes: sm_bottom-auto from global;
-    composes: sm_left-auto from global;
-    composes: sm_right-xs from global;
-    composes: sm_top-md from global;
-}
-
-.menu_open {
-    composes: menu;
-
-    composes: opacity-100 from global;
-    transform: translate3d(0, 4px, 0);
-    transition-duration: 224ms;
-    transition-timing-function: var(--venia-global-anim-in);
-
-    /* TODO @TW: review (B6) */
-    /* composes: visible from global; */
-    visibility: visible;
-}
-
-.menuItem {
-    composes: hover_bg-subtle from global;
-}
-
-.groups {
-    composes: max-h-[24rem] from global;
-    composes: overflow-auto from global;
-}
-
-.groupList {
-    composes: border-b from global;
-    composes: border-solid from global;
-    composes: border-subtle from global;
-    composes: pb-2xs from global;
-    composes: pt-2xs from global;
-
-    composes: last_border-none from global;
-}
-
-/*
- * Mobile-specific styles.
- */
-
-@media (max-width: 639px) {
-    .root:only-child {
-        grid-column: 2;
-    }
-
-    /* TODO @TW: cannot compose */
-    .root:last-child .menu {
-        right: 1rem;
-        left: auto;
-    }
-
-    .menu {
-        transform: translate3d(0, 8px, 0);
-    }
-
-    .menu_open {
-        transform: translate3d(0, -4px, 0);
-    }
-}

package/src/overwrites/venia-ui/lib/components/Header/wishlistTrigger.js

@@ -1,23 +0,0 @@
-import React from 'react'
-import { Link } from 'react-router-dom';
-import resourceUrl from '@magento/peregrine/lib/util/makeUrl';
-import { Heart } from 'iconsax-react';
-import { darkBlue } from '@riosst100/pwa-marketplace/src/theme/vars';
-import cn from 'classnames';
-
-const wishlistTrigger = () => {
-    return (
-        <div className='wishlistTrigger'>
-            <Link
-                aria-label='wishlist-action'
-                to={resourceUrl('/wishlist')}
-                className={''}
-                data-cy="wishlistLink"
-            >
-                <Heart size="20" color={darkBlue} className={cn('stroke-0')} variant="Outline" />
-            </Link>
-        </div>
-    )
-}
-
-export default wishlistTrigger

package/src/overwrites/venia-ui/lib/components/Main/index.js

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

package/src/overwrites/venia-ui/lib/components/Main/main.js

@@ -1,39 +0,0 @@
-import React from 'react';
-import { bool, shape, string } from 'prop-types';
-import { useScrollLock } from '@magento/peregrine';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import Footer from '@magento/venia-ui/lib/components/Footer';
-import Header from '@magento/venia-ui/lib/components/Header';
-import defaultClasses from './main.module.css';
-import cn from 'classnames';
-
-const Main = props => {
-    const { children, isMasked } = props;
-    const classes = useStyle(defaultClasses, props.classes);
-
-    const rootClass = isMasked ? classes.root_masked : classes.root;
-    const pageClass = isMasked ? classes.page_masked : classes.page;
-
-    useScrollLock(isMasked);
-
-    return (
-        <main className={rootClass}>
-            <Header />
-            <div className={cn(pageClass, 'main-content-container pb-16 !min-h-[50vh]')}>{children}</div>
-            <Footer />
-        </main>
-    );
-};
-
-export default Main;
-
-Main.propTypes = {
-    classes: shape({
-        page: string,
-        page_masked: string,
-        root: string,
-        root_masked: string
-    }),
-    isMasked: bool
-};

package/src/overwrites/venia-ui/lib/components/Main/main.module.css

@@ -1,41 +0,0 @@
-.root {
-    composes: bg-white from global;
-    composes: relative from global;
-    composes: text-colorDefault from global;
-    composes: z-foreground from global;
-}
-
-.root_masked {
-    composes: root;
-}
-
-.page {
-    composes: md_max-w-screen-md from global;
-    composes: lg_max-w-[1210px] from global;
-    composes: mx-auto from global;
-    composes: my-0 from global;
-    composes: px-[15px] from global;
-    min-height: 40rem;
-}
-
-.page_masked {
-    composes: page;
-}
-
-@media (min-height: 640px) {
-    .page {
-        min-height: 48rem;
-    }
-}
-
-@media (min-height: 768px) {
-    .page {
-        min-height: 60rem;
-    }
-}
-
-@media (min-height: 960px) {
-    .page {
-        min-height: 72rem;
-    }
-}

package/src/overwrites/venia-ui/lib/components/MegaMenu/customSubmenuColumn.js

@@ -1,75 +0,0 @@
-import React from 'react';
-import { Link } from 'react-router-dom';
-
-import resourceUrl from '@magento/peregrine/lib/util/makeUrl';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import defaultClasses from './customSubmenuColumn.module.css';
-import cn from 'classnames';
-
-const CustomSubmenuColumn = props => {
-    const {
-        category,
-        categoryUrlSuffix,
-        onNavigate,
-        handleCloseSubMenu,
-        customMenuItems,
-        toggleCustomMenu
-    } = props;
-
-    const classes = useStyle(defaultClasses, props.classes);
-
-    let children = null;
-
-    if (customMenuItems.length) {
-        const childrenItems = customMenuItems.map((submenu, index) => {
-            const { name, path } = submenu;
-
-            const categoryUrl = resourceUrl(
-                `/${path}`
-            );
-
-            return (
-                <li key={index} className={cn(classes.submenuChildItem, 'mt-1')}>
-                    <Link
-                        className={classes.link}
-                        data-cy="MegaMenu-CustomSubmenuColumn-link"
-                        to={categoryUrl}
-                        onClick={() => {
-                            handleCloseSubMenu();
-                            onNavigate();
-                            toggleCustomMenu();
-                        }}
-                    >
-                        {name}
-                    </Link>
-                </li>
-            );
-        });
-
-        children = <>
-        <ul className={cn(classes.submenuChild, 'pt-1')}><span className={classes.heading}>Categories</span>{childrenItems}</ul>
-        </>;
-    }
-
-    return children;
-    // return (
-    //     <div className={classes.submenuColumn}>
-    //         <Link
-    //             // {...keyboardProps}
-    //             className={classes.link}
-    //             data-cy="MegaMenu-SubmenuColumn-link"
-    //             // to={categoryUrl}
-    //             // onClick={() => {
-    //                 // handleCloseSubMenu();
-    //                 // onNavigate();
-    //             // }}
-    //         >
-    //             <span className={classes.heading}>{category.name}</span>
-    //         </Link>
-    //         {children}
-    //     </div>
-    // );
-};
-
-export default CustomSubmenuColumn;

package/src/overwrites/venia-ui/lib/components/MegaMenu/customSubmenuColumn.module.css

@@ -1,29 +0,0 @@
-.customSubmenuColumn {
-    /* composes: max-w-[235px] from global; */
-    composes: p-2 from global;
-}
-
-.heading {
-    composes: font-medium from global;
-}
-
-.link {
-    composes: whitespace-nowrap from global;
-
-    composes: focus_underline from global;
-
-    composes: hover_underline from global;
-}
-
-.linkActive {
-    composes: underline from global;
-}
-
-.submenuChild {
-    margin-left: 15px;
-    composes: mt-0 from global;
-}
-
-.submenuChildItem {
-    composes: mb-0 from global;
-}

package/src/overwrites/venia-ui/lib/components/MegaMenu/shopByColumn.js

@@ -1,121 +0,0 @@
-import React, { useMemo } from 'react';
-import { Link } from 'react-router-dom';
-
-import resourceUrl from '@magento/peregrine/lib/util/makeUrl';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import defaultClasses from './submenuColumn.module.css';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-import cn from 'classnames';
-
-const ShopByColumn = props => {
-    const classes = useStyle(defaultClasses, props.classes);
-
-    const { formatMessage } = useIntl();
-
-    const {
-        shopBy,
-        category,
-        categoryUrlSuffix,
-        handleCloseSubMenu,
-        onNavigate
-    } = props;
-
-    const { url_path } = category;
-
-    let items = null;
-
-    const itemCountToShow = 9999;
-
-    if (shopBy.items.length) {
-        const childrenItems = shopBy.items.map((shopByItem, index) => {
-
-            if (index >= itemCountToShow) {
-                return null;
-            }
-
-            const { name, option_id } = shopByItem;
-    //         const categoryUrl = resourceUrl(
-    //             `/${url_path}${categoryUrlSuffix || ''}`
-    //         );
-
-            // setting keyboardProps if it is last child of that shopBy
-            const keyboardProps =
-                index === shopBy.items.length - 1
-                    ? props.keyboardProps
-                    : {};
-
-            const categoryUrl = 
-                `/${shopByItem.url_path}`
-            ;
-
-            return (
-                <li key={index} className={cn(classes.submenuChildItem, 'mt-0')}>
-                    <Link
-                        {...keyboardProps}
-                        // className={isActive ? classes.linkActive : classes.link}
-                        className={classes.link}
-                        data-cy="MegaMenu-ShopByColumn-link"
-                        to={categoryUrl}
-                        onClick={() => {
-                            handleCloseSubMenu();
-                            onNavigate();
-                        }}
-                    >
-                        {name}
-                    </Link>
-                </li>
-            );
-        });
-
-        items = <ul className={classes.submenuChild}>{childrenItems}</ul>;
-    }
-
-    const viewAll = useMemo(() => {
-        if (shopBy.items.length <= itemCountToShow) {
-            return null;
-        }
-
-        const label = formatMessage({
-            id: 'filterList.viewAll',
-            defaultMessage: 'View All'
-        });
-
-        const categoryUrl = resourceUrl(
-            `/shop/${shopBy.code}`
-        );
-
-        return (
-            <li className={classes.submenuChildItem}>
-                <Link
-                    // className={isActive ? classes.linkActive : classes.link}
-                    className={classes.link}
-                    data-cy="MegaMenu-ShopByColumn-link"
-                    to={categoryUrl}
-                    onClick={handleCloseSubMenu}
-                >
-                    {label}
-                </Link>
-            </li>
-        );
-    }, [
-        // handleViewAll,
-        shopBy,
-        itemCountToShow,
-        formatMessage,
-        // classes
-    ]);
-
-    return (
-        <div className={classes.submenuItems}>
-            <div className={classes.submenuColumn}>
-                <span className={classes.heading}>{shopBy.name}</span>
-                {items}
-                {viewAll}
-            </div>
-        </div>
-    );
-};
-
-export default ShopByColumn;

package/src/overwrites/venia-ui/lib/components/MegaMenu/shopByColumn.module.css

@@ -1,26 +0,0 @@
-.submenuColumn {
-    /* composes: max-w-[235px] from global; */
-    composes: p-5 from global;
-}
-
-.heading {
-    composes: font-medium from global;
-}
-
-.link {
-    composes: whitespace-nowrap from global;
-    composes: focus_underline from global;
-    composes: hover_underline from global;
-}
-
-.linkActive {
-    composes: underline from global;
-}
-
-.submenuChild {
-    composes: mt-0 from global;
-}
-
-.submenuChildItem {
-    composes: mb-3 from global;
-}

package/src/overwrites/venia-ui/lib/components/MyAccount/ResetPassword/index.js

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

package/src/overwrites/venia-ui/lib/components/MyAccount/ResetPassword/resetPassword.gql.js

@@ -1,22 +0,0 @@
-import gql from 'graphql-tag';
-
-export const RESET_PASSWORD_MUTATION = gql`
-    mutation resetPassword(
-        $email: String!
-        $token: String!
-        $newPassword: String!
-    ) {
-        resetPassword(
-            email: $email
-            resetPasswordToken: $token
-            newPassword: $newPassword
-        )
-    }
-`;
-
-export default {
-    queries: {},
-    mutations: {
-        resetPasswordMutation: RESET_PASSWORD_MUTATION
-    }
-};