@riosst100/pwa-marketplace 1.8.1 → 1.8.3

package/src/components/FilterTopBackup/filterTop.module.css

@@ -1,23 +1,23 @@
-.root {
-    composes: flex from global;
-    composes: flex-wrap from global;
-    composes: mt-3 from global;
-    composes: gap-[15px] from global;
-    margin-bottom: 10px;
-    justify-content: center;
-}
-
-.item {
-    composes: px-4 from global;
-    composes: py-2 from global;
-    composes: transition-colors from global;
-    composes: duration-150 from global;
-    composes: border from global;
-    composes: border-solid from global;
-    composes: leading-normal from global;
-    composes: text-base from global;
-    composes: text-colorDefault from global;
-    composes: bg-white from global;
-    composes: border-gray-100 from global;
-    border-radius: 5px;
+.root {
+    composes: flex from global;
+    composes: flex-wrap from global;
+    composes: mt-3 from global;
+    composes: gap-[15px] from global;
+    margin-bottom: 10px;
+    /* justify-content: center; */
+}
+
+.item {
+    composes: px-4 from global;
+    composes: py-2 from global;
+    composes: transition-colors from global;
+    composes: duration-150 from global;
+    composes: border from global;
+    composes: border-solid from global;
+    composes: leading-normal from global;
+    composes: text-base from global;
+    composes: text-colorDefault from global;
+    composes: bg-white from global;
+    composes: border-gray-100 from global;
+    border-radius: 5px;
 }

package/src/components/FilterTopBackup/filterTop.shimmer.js

@@ -1,24 +1,24 @@
-import React from 'react';
-import { shape, string } from 'prop-types';
-import { useStyle } from '@magento/venia-ui/lib/classify';
-
-import Shimmer from '@magento/venia-ui/lib/components/Shimmer';
-import defaultClasses from './filterTop.module.css';
-
-const FilterTop = props => {
-    const classes = useStyle(defaultClasses, props.classes);
-
-    return (
-        <aside className={classes.root} aria-live="polite" aria-busy="true">
-            <Shimmer width="95%" height="70vh" style={{ marginBottom: 25 }} />
-        </aside>
-    );
-};
-
-FilterTop.propTypes = {
-    classes: shape({
-        root: string
-    })
-};
-
-export default FilterTop;
+import React from 'react';
+import { shape, string } from 'prop-types';
+import { useStyle } from '@magento/venia-ui/lib/classify';
+
+import Shimmer from '@magento/venia-ui/lib/components/Shimmer';
+import defaultClasses from './filterTop.module.css';
+
+const FilterTop = props => {
+    const classes = useStyle(defaultClasses, props.classes);
+
+    return (
+        <aside className={classes.root} aria-live="polite" aria-busy="true">
+            <Shimmer width="95%" height="70vh" style={{ marginBottom: 25 }} />
+        </aside>
+    );
+};
+
+FilterTop.propTypes = {
+    classes: shape({
+        root: string
+    })
+};
+
+export default FilterTop;

package/src/components/FilterTopBackup/index.js

@@ -1,2 +1,2 @@
-export { default } from './filterTop';
-export { default as FilterTopShimmer } from './filterTop.shimmer';
+export { default } from './filterTop';
+export { default as FilterTopShimmer } from './filterTop.shimmer';

package/src/components/Header/websiteSwitcher.shimmer.js

@@ -1,6 +1,6 @@
-import React from 'react';
-import Shimmer from '@magento/venia-ui/lib/components/Shimmer';
-
-export default () => {
-    return <Shimmer width={6} height={2.25} />;
-};
+import React from 'react';
+import Shimmer from '@magento/venia-ui/lib/components/Shimmer';
+
+export default () => {
+    return <Shimmer width={6} height={2.25} />;
+};

package/src/components/Header/websiteSwitcherItem.js

@@ -1,47 +1,47 @@
-import React, { useCallback } from 'react';
-import { Check } from 'react-feather';
-import { bool, func, shape, string } from 'prop-types';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import Icon from '@magento/venia-ui/lib/components/Icon/icon';
-import defaultClasses from './websiteSwitcherItem.module.css';
-
-const WebsiteSwitcherItem = props => {
-    const { active, onClick, option, option2, children } = props;
-    const classes = useStyle(defaultClasses, props.classes);
-
-    const handleClick = useCallback(() => {
-        onClick(option, option2);
-    }, [option, option2, onClick]);
-
-    const activeIcon = active ? (
-        <Icon data-cy="WebsiteSwitcherItem-activeIcon" size={20} src={Check} />
-    ) : null;
-
-    return (
-        <button
-            data-cy="WebsiteSwitcherItem-button"
-            className={classes.root}
-            disabled={active}
-            onClick={handleClick}
-        >
-            <span className={classes.content}>
-                <span className={classes.text}>{children}</span>
-                {activeIcon}
-            </span>
-        </button>
-    );
-};
-
-WebsiteSwitcherItem.propTypes = {
-    active: bool,
-    classes: shape({
-        content: string,
-        root: string,
-        text: string
-    }),
-    onClick: func,
-    option: string
-};
-
-export default WebsiteSwitcherItem;
+import React, { useCallback } from 'react';
+import { Check } from 'react-feather';
+import { bool, func, shape, string } from 'prop-types';
+
+import { useStyle } from '@magento/venia-ui/lib/classify';
+import Icon from '@magento/venia-ui/lib/components/Icon/icon';
+import defaultClasses from './websiteSwitcherItem.module.css';
+
+const WebsiteSwitcherItem = props => {
+    const { active, onClick, option, option2, children } = props;
+    const classes = useStyle(defaultClasses, props.classes);
+
+    const handleClick = useCallback(() => {
+        onClick(option, option2);
+    }, [option, option2, onClick]);
+
+    const activeIcon = active ? (
+        <Icon data-cy="WebsiteSwitcherItem-activeIcon" size={20} src={Check} />
+    ) : null;
+
+    return (
+        <button
+            data-cy="WebsiteSwitcherItem-button"
+            className={classes.root}
+            disabled={active}
+            onClick={handleClick}
+        >
+            <span className={classes.content}>
+                <span className={classes.text}>{children}</span>
+                {activeIcon}
+            </span>
+        </button>
+    );
+};
+
+WebsiteSwitcherItem.propTypes = {
+    active: bool,
+    classes: shape({
+        content: string,
+        root: string,
+        text: string
+    }),
+    onClick: func,
+    option: string
+};
+
+export default WebsiteSwitcherItem;

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

@@ -1,20 +1,20 @@
-.root {
-    composes: flex from global;
-    composes: items-center from global;
-    composes: w-full from global;
-}
-
-.content {
-    composes: gap-3 from global;
-    composes: grid from global;
-    composes: grid-cols-[1fr] from global;
-    composes: grid-flow-col from global;
-    composes: items-center from global;
-    composes: px-xs from global;
-    composes: py-2xs from global;
-    composes: w-full from global;
-}
-
-.text {
-    composes: text-left from global;
-}
+.root {
+    composes: flex from global;
+    composes: items-center from global;
+    composes: w-full from global;
+}
+
+.content {
+    composes: gap-3 from global;
+    composes: grid from global;
+    composes: grid-cols-[1fr] from global;
+    composes: grid-flow-col from global;
+    composes: items-center from global;
+    composes: px-xs from global;
+    composes: py-2xs from global;
+    composes: w-full from global;
+}
+
+.text {
+    composes: text-left from global;
+}

package/src/components/PhoneTextInput/index.js

@@ -1 +1 @@
-export { default } from './phoneTextInput';
+export { default } from './phoneTextInput';

package/src/components/PhoneTextInput/phoneTextInput.js

@@ -1,62 +1,62 @@
-import React, { Fragment, useState } from 'react';
-import { node, shape, string } from 'prop-types';
-import useFieldState from '@magento/peregrine/lib/hooks/hook-wrappers/useInformedFieldStateWrapper';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import { FieldIcons, Message } from '@magento/venia-ui/lib/components/Field';
-import defaultClasses from './phoneTextInput.module.css';
-import PhoneInput from 'react-phone-number-input'
-import 'react-phone-number-input/style.css'
-
-const PhoneTextInput = props => {
-    const {
-        after,
-        before,
-        classes: propClasses,
-        regionError,
-        field,
-        message,
-        countryCodeField = "country",
-        ...rest
-    } = props;
-    const fieldState = useFieldState(field);
-    const { value: phoneValue } = fieldState;
-    const classes = useStyle(defaultClasses, propClasses);
-    var inputClass =
-        fieldState.error || regionError ? classes.input_error : classes.input;
-    
-    const handleChange = (value) => {
-        fieldState.value = value;
-    }
-
-    const countryFieldState = useFieldState(countryCodeField);
-    const { value: country } = countryFieldState;
-
-    return (
-        <Fragment>
-            <FieldIcons after={after} before={before}>
-                <PhoneInput
-                international
-                countryCallingCodeEditable={false}
-                defaultCountry={country}
-                name={field}
-                value={phoneValue}
-                onChange={handleChange}
-                />
-            </FieldIcons>
-            <Message fieldState={fieldState}>{message}</Message>
-        </Fragment>
-    );
-};
-
-export default PhoneTextInput;
-
-PhoneTextInput.propTypes = {
-    after: node,
-    before: node,
-    classes: shape({
-        input: string
-    }),
-    field: string.isRequired,
-    message: node
-};
+import React, { Fragment, useState } from 'react';
+import { node, shape, string } from 'prop-types';
+import useFieldState from '@magento/peregrine/lib/hooks/hook-wrappers/useInformedFieldStateWrapper';
+
+import { useStyle } from '@magento/venia-ui/lib/classify';
+import { FieldIcons, Message } from '@magento/venia-ui/lib/components/Field';
+import defaultClasses from './phoneTextInput.module.css';
+import PhoneInput from 'react-phone-number-input'
+import 'react-phone-number-input/style.css'
+
+const PhoneTextInput = props => {
+    const {
+        after,
+        before,
+        classes: propClasses,
+        regionError,
+        field,
+        message,
+        countryCodeField = "country",
+        ...rest
+    } = props;
+    const fieldState = useFieldState(field);
+    const { value: phoneValue } = fieldState;
+    const classes = useStyle(defaultClasses, propClasses);
+    var inputClass =
+        fieldState.error || regionError ? classes.input_error : classes.input;
+    
+    const handleChange = (value) => {
+        fieldState.value = value;
+    }
+
+    const countryFieldState = useFieldState(countryCodeField);
+    const { value: country } = countryFieldState;
+
+    return (
+        <Fragment>
+            <FieldIcons after={after} before={before}>
+                <PhoneInput
+                international
+                countryCallingCodeEditable={false}
+                defaultCountry={country}
+                name={field}
+                value={phoneValue}
+                onChange={handleChange}
+                />
+            </FieldIcons>
+            <Message fieldState={fieldState}>{message}</Message>
+        </Fragment>
+    );
+};
+
+export default PhoneTextInput;
+
+PhoneTextInput.propTypes = {
+    after: node,
+    before: node,
+    classes: shape({
+        input: string
+    }),
+    field: string.isRequired,
+    message: node
+};

package/src/components/ProductListTab/index.js

@@ -1,4 +1,4 @@
-export { default } from './productListTab';
-export {
-    default as ProductListTabShimmer
-} from './productListTab.shimmer';
+export { default } from './productListTab';
+export {
+    default as ProductListTabShimmer
+} from './productListTab.shimmer';

package/src/components/ProductListTab/productListTab.module.css

@@ -1,64 +1,64 @@
-.root {
-    composes: bg-white from global;
-    composes: flex from global;
-    composes: items-center from global;
-    composes: flex-wrap from global;   
-    width: inherit; 
-}
-
-.buttonContainer {
-    composes: inline-flex from global;
-    align-items: center;
-}
-
-.button {
-    composes: flex from global;
-    composes: px-4 from global;
-    composes: py-2 from global;
-    composes: transition-colors from global;
-    composes: duration-150 from global;
-    composes: border from global;
-    composes: border-solid from global;
-    composes: leading-normal from global;
-    composes: text-base from global;
-}
-
-.activeButton {
-    color: white;
-    background-color: #4E31DB;
-}
-
-.activeFirstButton {
-    composes: activeButton;
-    composes: border-r-0 from global;
-    composes: rounded-l-lg from global;
-    border-radius: 6px 0px 0px 6px;
-}
-
-.middleButton {
-    composes: button;
-    composes: text-colorDefault from global;
-    composes: bg-white from global;
-    composes: border-l-0 from global;
-    composes: border-gray-100 from global;
-}
-
-.lastButton {
-    composes: button;
-    composes: text-colorDefault from global;
-    composes: bg-white from global;
-    composes: border-l-0 from global;
-    composes: border-gray-100 from global;
-    composes: rounded-r-lg from global;
-    border-radius: 0px 6px 6px 0px;
-}
-
-.firstButton {
-    composes: button;
-    composes: text-colorDefault from global;
-    composes: bg-white from global;
-    /* composes: border-l-0 from global; */
-    composes: border-gray-100 from global;
-    composes: rounded-l-lg from global;
-    border-radius: 6px 0px 0px 6px;
-}
+.root {
+    composes: bg-white from global;
+    composes: flex from global;
+    composes: items-center from global;
+    composes: flex-wrap from global;   
+    width: inherit; 
+}
+
+.buttonContainer {
+    composes: inline-flex from global;
+    align-items: center;
+}
+
+.button {
+    composes: flex from global;
+    composes: px-4 from global;
+    composes: py-2 from global;
+    composes: transition-colors from global;
+    composes: duration-150 from global;
+    composes: border from global;
+    composes: border-solid from global;
+    composes: leading-normal from global;
+    composes: text-base from global;
+}
+
+.activeButton {
+    color: white;
+    background-color: #4E31DB;
+}
+
+.activeFirstButton {
+    composes: activeButton;
+    composes: border-r-0 from global;
+    composes: rounded-l-lg from global;
+    border-radius: 6px 0px 0px 6px;
+}
+
+.middleButton {
+    composes: button;
+    composes: text-colorDefault from global;
+    composes: bg-white from global;
+    composes: border-l-0 from global;
+    composes: border-gray-100 from global;
+}
+
+.lastButton {
+    composes: button;
+    composes: text-colorDefault from global;
+    composes: bg-white from global;
+    composes: border-l-0 from global;
+    composes: border-gray-100 from global;
+    composes: rounded-r-lg from global;
+    border-radius: 0px 6px 6px 0px;
+}
+
+.firstButton {
+    composes: button;
+    composes: text-colorDefault from global;
+    composes: bg-white from global;
+    /* composes: border-l-0 from global; */
+    composes: border-gray-100 from global;
+    composes: rounded-l-lg from global;
+    border-radius: 6px 0px 0px 6px;
+}

package/src/components/ProductListTab/productListTab.shimmer.js

@@ -1,24 +1,24 @@
-import React from 'react';
-import { shape, string } from 'prop-types';
-import { useStyle } from '@magento/venia-ui/lib/classify';
-
-import Shimmer from '@magento/venia-ui/lib/components/Shimmer';
-import defaultClasses from './productListTab.module.css';
-
-const ProductListTabShimmer = props => {
-    const classes = useStyle(defaultClasses, props.classes);
-
-    return (
-        <div className={classes.root} aria-live="polite" aria-busy="true">
-            <Shimmer width={10} />
-        </div>
-    );
-};
-
-ProductListTabShimmer.propTypes = {
-    classes: shape({
-        root: string
-    })
-};
-
-export default ProductListTabShimmer;
+import React from 'react';
+import { shape, string } from 'prop-types';
+import { useStyle } from '@magento/venia-ui/lib/classify';
+
+import Shimmer from '@magento/venia-ui/lib/components/Shimmer';
+import defaultClasses from './productListTab.module.css';
+
+const ProductListTabShimmer = props => {
+    const classes = useStyle(defaultClasses, props.classes);
+
+    return (
+        <div className={classes.root} aria-live="polite" aria-busy="true">
+            <Shimmer width={10} />
+        </div>
+    );
+};
+
+ProductListTabShimmer.propTypes = {
+    classes: shape({
+        root: string
+    })
+};
+
+export default ProductListTabShimmer;

package/src/components/SellerCountry/index.js

@@ -1 +1 @@
-export { default } from './sellerCountry';
+export { default } from './sellerCountry';