@riosst100/pwa-marketplace 1.2.7 → 1.2.8

package/src/components/BecomeSeller/becomeSeller.module.css

@@ -1,46 +1,46 @@
-.root {
-    composes: gap-xs from global;
-    composes: justify-items-stretch from global;
-    composes: px-sm from global;
-    composes: py-xs from global;
-}
-
-.message {
-    composes: bg-subtle from global;
-    composes: leading-tight from global;
-    composes: p-xs from global;
-    composes: rounded from global;
-    composes: text-sm from global;
-}
-
-/* TODO @TW: cannot compose */
-.message:empty {
-    display: none;
-}
-
-.actions {
-    composes: gap-xs from global;
-    composes: grid from global;
-    composes: grid-flow-row from global;
-    composes: justify-center from global;
-    composes: mt-xs from global;
-    composes: text-center from global;
-
-    composes: lg_grid-flow-col from global;
-}
-
-.cancelButton {
-    composes: root_lowPriority from '@magento/venia-ui/lib/components/Button/button.module.css';
-}
-
-.submitButton {
-    composes: root_highPriority from '@magento/venia-ui/lib/components/Button/button.module.css';
-
-    composes: col-start-auto from global;
-
-    composes: lg_col-start-2 from global;
-}
-
-.subscribe {
-    composes: -ml-1.5 from global;
-}
+.root {
+    composes: gap-xs from global;
+    composes: justify-items-stretch from global;
+    composes: px-sm from global;
+    composes: py-xs from global;
+}
+
+.message {
+    composes: bg-subtle from global;
+    composes: leading-tight from global;
+    composes: p-xs from global;
+    composes: rounded from global;
+    composes: text-sm from global;
+}
+
+/* TODO @TW: cannot compose */
+.message:empty {
+    display: none;
+}
+
+.actions {
+    composes: gap-xs from global;
+    composes: grid from global;
+    composes: grid-flow-row from global;
+    composes: justify-center from global;
+    composes: mt-xs from global;
+    composes: text-center from global;
+
+    composes: lg_grid-flow-col from global;
+}
+
+.cancelButton {
+    composes: root_lowPriority from '@magento/venia-ui/lib/components/Button/button.module.css';
+}
+
+.submitButton {
+    composes: root_highPriority from '@magento/venia-ui/lib/components/Button/button.module.css';
+
+    composes: col-start-auto from global;
+
+    composes: lg_col-start-2 from global;
+}
+
+.subscribe {
+    composes: -ml-1.5 from global;
+}

package/src/components/BecomeSellerLink/becomeSellerLink.js

@@ -1,52 +1,52 @@
-import React from 'react';
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import defaultClasses from './becomeSellerLink.module.css';
-import resourceUrl from '@magento/peregrine/lib/util/makeUrl';
-import { Link } from 'react-router-dom';
-import { shape, string } from 'prop-types';
-import { useIntl } from 'react-intl';
-import { useBecomeSellerLink } from '@riosst100/pwa-marketplace/src/talons/BecomeSellerLink/useBecomeSellerLink';
-
-import { BrowserPersistence } from '@magento/peregrine/lib/util';
-
-const storage = new BrowserPersistence();
-
-const BecomeSellerLink = props => {
-    const classes = useStyle(defaultClasses, props.classes);
-    const { formatMessage } = useIntl();
-
-    const {
-        isSeller
-    } = useBecomeSellerLink(props);
-
-    const websiteCountry = storage.getItem('website_code') && storage.getItem('website_code') != "base" ? '/' + storage.getItem('website_code') : '';
-    const sellerDashboardUrl = process.env.MAGENTO_BACKEND_URL ? process.env.MAGENTO_BACKEND_URL + websiteCountry : '';
-
-    return isSeller ? (
-        <div className={classes.root} data-cy="BecomeSellerLink-root">
-            <a href={sellerDashboardUrl + "/lofmarketplace/seller/login"}>
-                {formatMessage({
-                    id: 'sellerDashboard.title',
-                    defaultMessage: 'Seller Dashboard'
-                })}
-            </a>
-        </div>
-    ) : (
-        <div className={classes.root} data-cy="BecomeSellerLink-root">
-            <Link
-                to={resourceUrl('/become-seller')}
-            >{formatMessage({
-                id: 'becomeSellerPage.title',
-                defaultMessage: 'Become a Seller'
-            })}</Link>
-        </div>
-    );
-};
-
-export default BecomeSellerLink;
-
-BecomeSellerLink.propTypes = {
-    classes: shape({
-        root: string
-    })
-};
+import React from 'react';
+import { useStyle } from '@magento/venia-ui/lib/classify';
+import defaultClasses from './becomeSellerLink.module.css';
+import resourceUrl from '@magento/peregrine/lib/util/makeUrl';
+import { Link } from 'react-router-dom';
+import { shape, string } from 'prop-types';
+import { useIntl } from 'react-intl';
+import { useBecomeSellerLink } from '@riosst100/pwa-marketplace/src/talons/BecomeSellerLink/useBecomeSellerLink';
+
+import { BrowserPersistence } from '@magento/peregrine/lib/util';
+
+const storage = new BrowserPersistence();
+
+const BecomeSellerLink = props => {
+    const classes = useStyle(defaultClasses, props.classes);
+    const { formatMessage } = useIntl();
+
+    const {
+        isSeller
+    } = useBecomeSellerLink(props);
+
+    const websiteCountry = storage.getItem('website_code') && storage.getItem('website_code') != "base" ? '/' + storage.getItem('website_code') : '';
+    const sellerDashboardUrl = process.env.MAGENTO_BACKEND_URL ? process.env.MAGENTO_BACKEND_URL + websiteCountry : '';
+
+    return isSeller ? (
+        <div className={classes.root} data-cy="BecomeSellerLink-root">
+            <a href={sellerDashboardUrl + "/lofmarketplace/seller/login"}>
+                {formatMessage({
+                    id: 'sellerDashboard.title',
+                    defaultMessage: 'Seller Dashboard'
+                })}
+            </a>
+        </div>
+    ) : (
+        <div className={classes.root} data-cy="BecomeSellerLink-root">
+            <Link
+                to={resourceUrl('/become-seller')}
+            >{formatMessage({
+                id: 'becomeSellerPage.title',
+                defaultMessage: 'Become a Seller'
+            })}</Link>
+        </div>
+    );
+};
+
+export default BecomeSellerLink;
+
+BecomeSellerLink.propTypes = {
+    classes: shape({
+        root: string
+    })
+};

package/src/components/BecomeSellerLink/becomeSellerLink.module.css

@@ -1,13 +1,13 @@
-.root {
-    composes: grid from global;
-    composes: items-center from global;
-    composes: justify-items-start from global;
-    composes: max-w-site from global;
-    composes: mx-auto from global;
-    composes: my-0 from global;
-    composes: px-xs from global;
-    composes: py-2xs from global;
-    composes: relative from global;
-
-    composes: sm_justify-items-end from global;
+.root {
+    composes: grid from global;
+    composes: items-center from global;
+    composes: justify-items-start from global;
+    composes: max-w-site from global;
+    composes: mx-auto from global;
+    composes: my-0 from global;
+    composes: px-xs from global;
+    composes: py-2xs from global;
+    composes: relative from global;
+
+    composes: sm_justify-items-end from global;
 }

package/src/components/BecomeSellerPage/becomeSellerPage.js

@@ -1,45 +1,45 @@
-import React from 'react';
-import { shape, string } from 'prop-types';
-import { FormattedMessage, useIntl } from 'react-intl';
-
-import { useBecomeSellerPage } from '@riosst100/pwa-marketplace/src/talons/BecomeSellerPage/useBecomeSellerPage';
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import BecomeSeller from '@riosst100/pwa-marketplace/src/components/BecomeSeller';
-import { StoreTitle } from '@magento/venia-ui/lib/components/Head';
-import defaultClasses from './becomeSellerPage.module.css';
-
-const BecomeSellerPage = props => {
-    const classes = useStyle(defaultClasses, props.classes);
-    const { becomeSellerProps } = useBecomeSellerPage(props);
-    const { formatMessage } = useIntl();
-
-    const { isSeller } = becomeSellerProps
-
-    return !isSeller ? (
-        <div className={classes.root}>
-            <StoreTitle>
-                {formatMessage({
-                    id: 'becomeSellerPage.title',
-                    defaultMessage: 'Become a Seller'
-                })}
-            </StoreTitle>
-            <div className={classes.contentContainer}>
-                <BecomeSeller {...becomeSellerProps} />
-            </div>
-        </div>
-    ) : ''
-}
-
-export default BecomeSellerPage;
-
-BecomeSellerPage.defaultProps = {
-    signedInRedirectUrl: '/become-seller',
-    signInPageUrl: '/sign-in'
-};
-
-BecomeSellerPage.propTypes = {
-    classes: shape({
-        root: string
-    }),
-    signedInRedirectUrl: string
-};
+import React from 'react';
+import { shape, string } from 'prop-types';
+import { FormattedMessage, useIntl } from 'react-intl';
+
+import { useBecomeSellerPage } from '@riosst100/pwa-marketplace/src/talons/BecomeSellerPage/useBecomeSellerPage';
+import { useStyle } from '@magento/venia-ui/lib/classify';
+import BecomeSeller from '@riosst100/pwa-marketplace/src/components/BecomeSeller';
+import { StoreTitle } from '@magento/venia-ui/lib/components/Head';
+import defaultClasses from './becomeSellerPage.module.css';
+
+const BecomeSellerPage = props => {
+    const classes = useStyle(defaultClasses, props.classes);
+    const { becomeSellerProps } = useBecomeSellerPage(props);
+    const { formatMessage } = useIntl();
+
+    const { isSeller } = becomeSellerProps
+
+    return !isSeller ? (
+        <div className={classes.root}>
+            <StoreTitle>
+                {formatMessage({
+                    id: 'becomeSellerPage.title',
+                    defaultMessage: 'Become a Seller'
+                })}
+            </StoreTitle>
+            <div className={classes.contentContainer}>
+                <BecomeSeller {...becomeSellerProps} />
+            </div>
+        </div>
+    ) : ''
+}
+
+export default BecomeSellerPage;
+
+BecomeSellerPage.defaultProps = {
+    signedInRedirectUrl: '/become-seller',
+    signInPageUrl: '/sign-in'
+};
+
+BecomeSellerPage.propTypes = {
+    classes: shape({
+        root: string
+    }),
+    signedInRedirectUrl: string
+};

package/src/components/BecomeSellerPage/becomeSellerPage.module.css

@@ -1,21 +1,21 @@
-.root {
-    composes: gap-y-md from global;
-    composes: grid from global;
-    composes: justify-center from global;
-    composes: px-0 from global;
-    composes: py-md from global;
-    composes: text-center from global;
-    grid-template-columns: minmax(auto, 512px);
-}
-
-.header {
-    composes: font-serif from global;
-}
-
-.contentContainer {
-    composes: lg_border-2 from global;
-    composes: lg_border-solid from global;
-    composes: lg_border-subtle from global;
-    composes: lg_pb-md from global;
-    composes: lg_rounded-md from global;
-}
+.root {
+    composes: gap-y-md from global;
+    composes: grid from global;
+    composes: justify-center from global;
+    composes: px-0 from global;
+    composes: py-md from global;
+    composes: text-center from global;
+    grid-template-columns: minmax(auto, 512px);
+}
+
+.header {
+    composes: font-serif from global;
+}
+
+.contentContainer {
+    composes: lg_border-2 from global;
+    composes: lg_border-solid from global;
+    composes: lg_border-subtle from global;
+    composes: lg_pb-md from global;
+    composes: lg_rounded-md from global;
+}

package/src/components/Filter/index.js

@@ -1,54 +1,54 @@
-import React from 'react';
-import { ArrowSquareUp, Filter } from 'iconsax-react';
-
-const CatalogFilter = () => {
-    return (
-        <>
-            <div className='inline-flex flex-col items-start gap-[10px] px-0 py-[10px] w-full rounded-[6px] overflow-hidden border border-solid border-[#e6e9ea] shadow-[0px_0px_7px_2px_#cdcdcd40]'>
-                <div class="flex h-[18px] items-center justify-between px-[10px] py-0 relative self-stretch w-full">
-                    <div class="relative w-fit text-[16px] tracking-[0] leading-[20px] whitespace-nowrap">
-                        Filter
-                    </div>
-                    <Filter color="#292D32" size={16} variant="Outline" className='stroke-[#292D32]' />
-                </div>
-                <div class="inline-flex flex-col items-start gap-[10px] bg-white relative flex-[0_0_auto]">
-                    <div class="flex-col justify-center inline-flex items-center relative flex-[0_0_auto]">
-                        <div class="flex w-full cursor-pointer items-center justify-between p-[10px] relative flex-[0_0_auto] bg-white">
-                            <div class="relative w-fit font-semibold text-[14px] tracking-[0] leading-[18px] whitespace-nowrap">Category</div>
-                            <ArrowSquareUp color="#292D32" size={14} variant="Outline" />
-                        </div>
-                        <hr className='w-full h-[1px]' />
-                        <div class="inline-flex flex-col items-start gap-[15px] p-[10px] relative flex-[0_0_auto] bg-white">
-                            <div class="flex flex-col w-[220px] items-start gap-[12px] relative flex-[0_0_auto]">
-                                <div class="gap-[8px] inline-flex items-center relative flex-[0_0_auto]">
-                                    <input type='checkbox' class="relative w-[14px] h-[14px] bg-white rounded-[4px] border border-solid border-[#009a7b]" />
-                                    <div class="relative w-fit  font-normal text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">Action figures</div>
-                                </div>
-                                <div class="inline-flex items-center gap-[8px] relative flex-[0_0_auto]">
-                                    <input type='checkbox' class="relative w-[14px] h-[14px] bg-white rounded-[4px] border border-solid border-[#009a7b]" />
-                                    <div class="relative w-fit  font-normal text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">Gundam</div>
-                                </div>
-                                <div class="gap-[8px] inline-flex items-center relative flex-[0_0_auto]">
-                                    <input type='checkbox' class="relative w-[14px] h-[14px] bg-white rounded-[4px] border border-solid border-[#009a7b]" />
-                                    <div class="relative w-fit  font-normal text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">Puzzles</div>
-                                </div>
-                                <div class="inline-flex items-center gap-[8px] relative flex-[0_0_auto]">
-                                    <input type='checkbox' class="relative w-[14px] h-[14px] bg-white rounded-[4px] border border-solid border-[#009a7b]" />
-                                    <div class="relative w-fit  font-normal text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">Japan Culture</div>
-                                </div>
-                                <div class="inline-flex items-center gap-[8px] relative flex-[0_0_auto]">
-                                    <input type='checkbox' class="relative w-[14px] h-[14px] bg-white rounded-[4px] border border-solid border-[#009a7b]" />
-                                    <div class="relative w-fit  font-normal text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">Sci-fi</div>
-                                </div>
-                                <div class="relative w-fit  font-normal text-[#009a7b] text-[12px] tracking-[0] leading-[14px] underline whitespace-nowrap cursor-pointer">Show More</div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-
-            </div>
-        </>
-    )
-}
-
+import React from 'react';
+import { ArrowSquareUp, Filter } from 'iconsax-react';
+
+const CatalogFilter = () => {
+    return (
+        <>
+            <div className='inline-flex flex-col items-start gap-[10px] px-0 py-[10px] w-full rounded-[6px] overflow-hidden border border-solid border-[#e6e9ea] shadow-[0px_0px_7px_2px_#cdcdcd40]'>
+                <div class="flex h-[18px] items-center justify-between px-[10px] py-0 relative self-stretch w-full">
+                    <div class="relative w-fit text-[16px] tracking-[0] leading-[20px] whitespace-nowrap">
+                        Filter
+                    </div>
+                    <Filter color="#292D32" size={16} variant="Outline" className='stroke-[#292D32]' />
+                </div>
+                <div class="inline-flex flex-col items-start gap-[10px] bg-white relative flex-[0_0_auto]">
+                    <div class="flex-col justify-center inline-flex items-center relative flex-[0_0_auto]">
+                        <div class="flex w-full cursor-pointer items-center justify-between p-[10px] relative flex-[0_0_auto] bg-white">
+                            <div class="relative w-fit font-semibold text-[14px] tracking-[0] leading-[18px] whitespace-nowrap">Category</div>
+                            <ArrowSquareUp color="#292D32" size={14} variant="Outline" />
+                        </div>
+                        <hr className='w-full h-[1px]' />
+                        <div class="inline-flex flex-col items-start gap-[15px] p-[10px] relative flex-[0_0_auto] bg-white">
+                            <div class="flex flex-col w-[220px] items-start gap-[12px] relative flex-[0_0_auto]">
+                                <div class="gap-[8px] inline-flex items-center relative flex-[0_0_auto]">
+                                    <input type='checkbox' class="relative w-[14px] h-[14px] bg-white rounded-[4px] border border-solid border-[#009a7b]" />
+                                    <div class="relative w-fit  font-normal text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">Action figures</div>
+                                </div>
+                                <div class="inline-flex items-center gap-[8px] relative flex-[0_0_auto]">
+                                    <input type='checkbox' class="relative w-[14px] h-[14px] bg-white rounded-[4px] border border-solid border-[#009a7b]" />
+                                    <div class="relative w-fit  font-normal text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">Gundam</div>
+                                </div>
+                                <div class="gap-[8px] inline-flex items-center relative flex-[0_0_auto]">
+                                    <input type='checkbox' class="relative w-[14px] h-[14px] bg-white rounded-[4px] border border-solid border-[#009a7b]" />
+                                    <div class="relative w-fit  font-normal text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">Puzzles</div>
+                                </div>
+                                <div class="inline-flex items-center gap-[8px] relative flex-[0_0_auto]">
+                                    <input type='checkbox' class="relative w-[14px] h-[14px] bg-white rounded-[4px] border border-solid border-[#009a7b]" />
+                                    <div class="relative w-fit  font-normal text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">Japan Culture</div>
+                                </div>
+                                <div class="inline-flex items-center gap-[8px] relative flex-[0_0_auto]">
+                                    <input type='checkbox' class="relative w-[14px] h-[14px] bg-white rounded-[4px] border border-solid border-[#009a7b]" />
+                                    <div class="relative w-fit  font-normal text-[12px] tracking-[0] leading-[14px] whitespace-nowrap">Sci-fi</div>
+                                </div>
+                                <div class="relative w-fit  font-normal text-[#009a7b] text-[12px] tracking-[0] leading-[14px] underline whitespace-nowrap cursor-pointer">Show More</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+            </div>
+        </>
+    )
+}
+
 export default CatalogFilter

package/src/components/Header/becomeSellerLink.js

@@ -1,28 +1,28 @@
-import React from 'react';
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import defaultClasses from './becomeSellerLink.module.css';
-import resourceUrl from '@magento/peregrine/lib/util/makeUrl';
-import { Link } from 'react-router-dom';
-import { shape, string } from 'prop-types';
-
-const BecomeSellerLink = props => {
-    const classes = useStyle(defaultClasses, props.classes);
-    const becomeSellerLabel = "Become a Seller";
-
-    return (
-        <div className={classes.root} data-cy="BecomeSellerLink-root">
-            <Link
-                aria-label={becomeSellerLabel}
-                to={resourceUrl('/become-seller')}
-            >{becomeSellerLabel}</Link>
-        </div>
-    );
-};
-
-export default BecomeSellerLink;
-
-BecomeSellerLink.propTypes = {
-    classes: shape({
-        root: string
-    })
-};
+import React from 'react';
+import { useStyle } from '@magento/venia-ui/lib/classify';
+import defaultClasses from './becomeSellerLink.module.css';
+import resourceUrl from '@magento/peregrine/lib/util/makeUrl';
+import { Link } from 'react-router-dom';
+import { shape, string } from 'prop-types';
+
+const BecomeSellerLink = props => {
+    const classes = useStyle(defaultClasses, props.classes);
+    const becomeSellerLabel = "Become a Seller";
+
+    return (
+        <div className={classes.root} data-cy="BecomeSellerLink-root">
+            <Link
+                aria-label={becomeSellerLabel}
+                to={resourceUrl('/become-seller')}
+            >{becomeSellerLabel}</Link>
+        </div>
+    );
+};
+
+export default BecomeSellerLink;
+
+BecomeSellerLink.propTypes = {
+    classes: shape({
+        root: string
+    })
+};

package/src/components/Header/becomeSellerLink.module.css

@@ -1,13 +1,13 @@
-.root {
-    composes: grid from global;
-    composes: items-center from global;
-    composes: justify-items-start from global;
-    composes: max-w-site from global;
-    composes: mx-auto from global;
-    composes: my-0 from global;
-    composes: px-xs from global;
-    composes: py-2xs from global;
-    composes: relative from global;
-
-    composes: sm_justify-items-end from global;
+.root {
+    composes: grid from global;
+    composes: items-center from global;
+    composes: justify-items-start from global;
+    composes: max-w-site from global;
+    composes: mx-auto from global;
+    composes: my-0 from global;
+    composes: px-xs from global;
+    composes: py-2xs from global;
+    composes: relative from global;
+
+    composes: sm_justify-items-end from global;
 }