@riosst100/pwa-marketplace 1.2.7 → 1.2.9

package/src/components/Header/websiteSwitcher.js

@@ -1,109 +1,109 @@
-import React from 'react';
-import { shape, string } from 'prop-types';
-
-import { useWebsiteSwitcher } from '@riosst100/pwa-marketplace/src/talons/Header/useWebsiteSwitcher';
-import { availableRoutes } from '@magento/venia-ui/lib/components/Routes/routes';
-
-import { useStyle } from '@magento/venia-ui/lib/classify';
-import defaultClasses from './websiteSwitcher.module.css';
-import WebsiteSwitcherItem from './websiteSwitcherItem';
-import Shimmer from './websiteSwitcher.shimmer';
-
-const WebsiteSwitcher = props => {
-    const {
-        availableStores,
-        currentGroupName,
-        currentWebsiteName,
-        handleSwitchWebsite,
-        storeGroups,
-        storeMenuRef,
-        storeMenuTriggerRef,
-        storeMenuIsOpen,
-        handleTriggerClick
-    } = useWebsiteSwitcher({ availableRoutes });
-
-    const classes = useStyle(defaultClasses, props.classes);
-    const menuClassName = storeMenuIsOpen ? classes.menu_open : classes.menu;
-
-    if (!availableStores) return <Shimmer />;
-
-    if (availableStores.size <= 1) return null;
-
-    const groups = [];
-    const hasOnlyOneGroup = storeGroups.size === 1;
-
-    storeGroups.forEach((group, key) => {
-        const stores = [];
-        group.forEach(({ storeGroupName, websiteCode, websiteName, isCurrent, storeCode }) => {
-            let label = `${websiteName}`;
-            stores.push(
-                <li
-                    aria-selected={currentWebsiteName}
-                    role="option"
-                    key={storeCode}
-                    className={classes.menuItem}
-                    data-cy="WebsiteSwitcher-view"
-                >
-                    <WebsiteSwitcherItem
-                        active={isCurrent}
-                        onClick={handleSwitchWebsite}
-                        option={storeCode}
-                        option2={websiteCode}
-                    >
-                        {label}
-                    </WebsiteSwitcherItem>
-                </li>
-            );
-        });
-
-        groups.push(
-            <ul
-                role="listbox"
-                className={classes.groupList}
-                key={key}
-                data-cy="WebsiteSwitcher-group"
-            >
-                {stores}
-            </ul>
-        );
-    });
-
-    let triggerLabel = `${currentWebsiteName}`;
-
-    return (
-        <div className={classes.root} data-cy="WebsiteSwitcher-root">
-            <button
-                data-cy="WebsiteSwitcher-triggerButton"
-                className={classes.trigger}
-                aria-label={currentWebsiteName || ''}
-                onClick={handleTriggerClick}
-                ref={storeMenuTriggerRef}
-                data-cy="WebsiteSwitcher-trigger"
-                aria-expanded={storeMenuIsOpen}
-            >
-                {triggerLabel}
-            </button>
-            <div
-                ref={storeMenuRef}
-                className={menuClassName}
-                data-cy="WebsiteSwitcher-menu"
-            >
-                <div className={classes.groups}>{groups}</div>
-            </div>
-        </div>
-    );
-};
-
-export default WebsiteSwitcher;
-
-WebsiteSwitcher.propTypes = {
-    classes: shape({
-        groupList: string,
-        groups: string,
-        menu: string,
-        menu_open: string,
-        menuItem: string,
-        root: string,
-        trigger: string
-    })
-};
+import React from 'react';
+import { shape, string } from 'prop-types';
+
+import { useWebsiteSwitcher } from '@riosst100/pwa-marketplace/src/talons/Header/useWebsiteSwitcher';
+import { availableRoutes } from '@magento/venia-ui/lib/components/Routes/routes';
+
+import { useStyle } from '@magento/venia-ui/lib/classify';
+import defaultClasses from './websiteSwitcher.module.css';
+import WebsiteSwitcherItem from './websiteSwitcherItem';
+import Shimmer from './websiteSwitcher.shimmer';
+
+const WebsiteSwitcher = props => {
+    const {
+        availableStores,
+        currentGroupName,
+        currentWebsiteName,
+        handleSwitchWebsite,
+        storeGroups,
+        storeMenuRef,
+        storeMenuTriggerRef,
+        storeMenuIsOpen,
+        handleTriggerClick
+    } = useWebsiteSwitcher({ availableRoutes });
+
+    const classes = useStyle(defaultClasses, props.classes);
+    const menuClassName = storeMenuIsOpen ? classes.menu_open : classes.menu;
+
+    if (!availableStores) return <Shimmer />;
+
+    if (availableStores.size <= 1) return null;
+
+    const groups = [];
+    const hasOnlyOneGroup = storeGroups.size === 1;
+
+    storeGroups.forEach((group, key) => {
+        const stores = [];
+        group.forEach(({ storeGroupName, websiteCode, websiteName, isCurrent, storeCode }) => {
+            let label = `${websiteName}`;
+            stores.push(
+                <li
+                    aria-selected={currentWebsiteName}
+                    role="option"
+                    key={storeCode}
+                    className={classes.menuItem}
+                    data-cy="WebsiteSwitcher-view"
+                >
+                    <WebsiteSwitcherItem
+                        active={isCurrent}
+                        onClick={handleSwitchWebsite}
+                        option={storeCode}
+                        option2={websiteCode}
+                    >
+                        {label}
+                    </WebsiteSwitcherItem>
+                </li>
+            );
+        });
+
+        groups.push(
+            <ul
+                role="listbox"
+                className={classes.groupList}
+                key={key}
+                data-cy="WebsiteSwitcher-group"
+            >
+                {stores}
+            </ul>
+        );
+    });
+
+    let triggerLabel = `${currentWebsiteName}`;
+
+    return (
+        <div className={classes.root} data-cy="WebsiteSwitcher-root">
+            <button
+                data-cy="WebsiteSwitcher-triggerButton"
+                className={classes.trigger}
+                aria-label={currentWebsiteName || ''}
+                onClick={handleTriggerClick}
+                ref={storeMenuTriggerRef}
+                data-cy="WebsiteSwitcher-trigger"
+                aria-expanded={storeMenuIsOpen}
+            >
+                {triggerLabel}
+            </button>
+            <div
+                ref={storeMenuRef}
+                className={menuClassName}
+                data-cy="WebsiteSwitcher-menu"
+            >
+                <div className={classes.groups}>{groups}</div>
+            </div>
+        </div>
+    );
+};
+
+export default WebsiteSwitcher;
+
+WebsiteSwitcher.propTypes = {
+    classes: shape({
+        groupList: string,
+        groups: string,
+        menu: string,
+        menu_open: string,
+        menuItem: string,
+        root: string,
+        trigger: string
+    })
+};

package/src/components/OperatingHours/index.js

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

package/src/components/OperatingHours/operatingHours.js

@@ -0,0 +1,35 @@
+import React from 'react';
+
+const OperatingHours = ({ values }) => {
+    return <>
+        <table>
+            {values ? <Hours values={values} /> : ''}
+        </table>
+    </>
+}
+
+const Hours = ({ values }) => {
+    return values && values.map((value, index) => 
+        <>
+            <tr>
+                <td style={{"verticalAlign":"top"}}>{value.day}</td>
+                <td style={{"paddingLeft":"20px"}}>{value.status == "open" && value.time ? <Time times={value.time} /> : 'Closed'}</td>
+            </tr>
+            <br />
+        </>
+    )
+}
+
+const Time = ({ times }) => {
+    return times ? times.map((value, index) => 
+        <>
+            <tr>
+                <td style={{"paddingBottom": times.length > 1 && index != times.length ? "10px" : "0px"}}>
+                    {value.opening_time} - {value.closing_time}
+                </td>
+            </tr>
+        </>
+    ) : ''
+}
+
+export default OperatingHours;

package/src/components/Pagination/index.js

@@ -1,50 +1,50 @@
-import React from 'react';
-import { ArrowLeft2, ArrowRight2 } from 'iconsax-react';
-
-const Pagination = () => {
-    return (
-        <>
-            <div className={'inline-flex items-start gap-[10px] relative'}>
-                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-3 py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
-                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
-                        <ArrowLeft2 size="16" color="#6243fa" variant="Outline" />
-                    </div>
-                </button>
-                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
-                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
-                        1
-                    </div>
-                </button>
-                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
-                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
-                        2
-                    </div>
-                </button>
-                <button
-                    className={'inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] bg-[#6243fa] rounded-[5px] border border-solid border-[#6243fa]'}
-                >
-                    <div className="relative w-fit font-normal text-white text-[16px] tracking-[0] leading-none whitespace-nowrap">
-                        3
-                    </div>
-                </button>
-                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
-                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
-                        4
-                    </div>
-                </button>
-                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
-                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
-                        5
-                    </div>
-                </button>
-                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-3 py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
-                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
-                        <ArrowRight2 size="16" color="#6243fa" variant="Outline" />
-                    </div>
-                </button>
-            </div>
-        </>
-    )
-}
-
+import React from 'react';
+import { ArrowLeft2, ArrowRight2 } from 'iconsax-react';
+
+const Pagination = () => {
+    return (
+        <>
+            <div className={'inline-flex items-start gap-[10px] relative'}>
+                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-3 py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
+                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
+                        <ArrowLeft2 size="16" color="#6243fa" variant="Outline" />
+                    </div>
+                </button>
+                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
+                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
+                        1
+                    </div>
+                </button>
+                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
+                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
+                        2
+                    </div>
+                </button>
+                <button
+                    className={'inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] bg-[#6243fa] rounded-[5px] border border-solid border-[#6243fa]'}
+                >
+                    <div className="relative w-fit font-normal text-white text-[16px] tracking-[0] leading-none whitespace-nowrap">
+                        3
+                    </div>
+                </button>
+                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
+                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
+                        4
+                    </div>
+                </button>
+                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-[15px] py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
+                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
+                        5
+                    </div>
+                </button>
+                <button className="inline-flex flex-col items-center justify-center gap-[10px] px-3 py-[10px] relative flex-[0_0_auto] rounded-[5px] border border-solid border-[#e6e9ea]">
+                    <div className="relative w-fit font-normal text-[#6243fa] text-[16px] tracking-[0] leading-none whitespace-nowrap">
+                        <ArrowRight2 size="16" color="#6243fa" variant="Outline" />
+                    </div>
+                </button>
+            </div>
+        </>
+    )
+}
+
 export default Pagination

package/src/components/PhoneTextInput/phoneTextInput.module.css

@@ -1,21 +1,21 @@
-.input {
-    composes: input from '@magento/venia-ui/lib/components/Field/field.module.css';
-
-    composes: disabled_text-subtle from global;
-}
-
-.input_error {
-    composes: input from '@magento/venia-ui/lib/components/Field/field.module.css';
-
-    composes: border-error from global;
-}
-
-.input_shimmer {
-    composes: h-[2.5rem] from global;
-    composes: m-0 from global;
-    composes: max-w-full from global;
-    composes: rounded-md from global;
-    composes: w-full from global;
-    font-size: 1rem;
-    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
-}
+.input {
+    composes: input from '@magento/venia-ui/lib/components/Field/field.module.css';
+
+    composes: disabled_text-subtle from global;
+}
+
+.input_error {
+    composes: input from '@magento/venia-ui/lib/components/Field/field.module.css';
+
+    composes: border-error from global;
+}
+
+.input_shimmer {
+    composes: h-[2.5rem] from global;
+    composes: m-0 from global;
+    composes: max-w-full from global;
+    composes: rounded-md from global;
+    composes: w-full from global;
+    font-size: 1rem;
+    padding: calc(0.375rem - 1px) calc(0.625rem - 1px);
+}

package/src/components/ProductItem/index.js

@@ -1,51 +1,51 @@
-import React from 'react';
-import { Star1 } from 'iconsax-react';
-
-const ProductItem = () => {
-    return (
-        <>
-            <div class="flex-col items-start self-stretch rounded-[8px] overflow-hidden inline-flex relative shadow">
-                <img class="relative w-full object-cover" alt="Rectangle" src="https://c.animaapp.com/2pP7niVX/img/rectangle-1-10@2x.png" />
-                <div class="flex flex-col items-start gap-[18px] pt-[15px] pb-[20px] px-[15px] relative flex-1 self-stretch w-full grow">
-                    <div class="flex items-center gap-[30px] relative self-stretch w-full flex-[0_0_auto]">
-                        <div class="flex items-start justify-center gap-[10px] relative flex-1 grow">
-                            <p class="line-clamp-2">BANDAI GUNDAM RG 1/144 MSN-04 SAZABI GUNPLA MODEL KIT</p>
-                        </div>
-                    </div>
-                    <div class="inline-flex flex-col items-start gap-[10px] relative flex-[0_0_auto]">
-                        <div class="flex flex-col w-[153px] items-start justify-center gap-[8px] relative flex-[0_0_auto]">
-                            <div class="flex flex-col items-start gap-[6px] relative self-stretch w-full flex-[0_0_auto]">
-                                <div class="relative w-fit mt-[-1.00px] [font-family:'Noto_Sans',Helvetica] font-semibold text-[#1b1b1b] text-[16px] tracking-[0] leading-[normal] whitespace-nowrap">$55.00</div>
-                            </div>
-                        </div>
-                        <div class="flex-col items-start gap-[8px] inline-flex relative flex-[0_0_auto]">
-                            <div class="inline-flex items-center justify-center gap-[5px] relative flex-[0_0_auto]">
-                                <Star1 color='#F7C317' size={12} className='fill-[#F7C317]' />
-                                <div class="relative w-fit [font-family:'Noto_Sans',Helvetica] font-normal text-[#1b1b1b] text-[12px] tracking-[0] leading-[normal] whitespace-nowrap">4.7</div>
-                            </div>
-                            <div class="inline-flex items-center gap-[5px] relative flex-[0_0_auto]">
-                                <img class="relative w-[14px] h-[14px]" alt="Vuesax linear verify" src="https://c.animaapp.com/2pP7niVX/img/vuesax-linear-verify-10.svg" />
-                                <div class="relative w-fit [font-family:'Noto_Sans',Helvetica] font-medium text-[#19222ab2] text-[12px] tracking-[0] leading-[normal] whitespace-nowrap">Gundam Info</div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <style jsx>
-                {`
-                    .line-clamp-2 {
-                        display: -webkit-box;
-                        overflow: hidden;
-                        -webkit-box-orient: vertical;
-                        -webkit-line-clamp: 2;
-                    }
-                    .shadow {
-                        box-shadow: 0px 0px 7px 2px rgba(205, 205, 205, 0.25);
-                    }
-                `}
-            </style>
-        </>
-    )
-}
-
+import React from 'react';
+import { Star1 } from 'iconsax-react';
+
+const ProductItem = () => {
+    return (
+        <>
+            <div class="flex-col items-start self-stretch rounded-[8px] overflow-hidden inline-flex relative shadow">
+                <img class="relative w-full object-cover" alt="Rectangle" src="https://c.animaapp.com/2pP7niVX/img/rectangle-1-10@2x.png" />
+                <div class="flex flex-col items-start gap-[18px] pt-[15px] pb-[20px] px-[15px] relative flex-1 self-stretch w-full grow">
+                    <div class="flex items-center gap-[30px] relative self-stretch w-full flex-[0_0_auto]">
+                        <div class="flex items-start justify-center gap-[10px] relative flex-1 grow">
+                            <p class="line-clamp-2">BANDAI GUNDAM RG 1/144 MSN-04 SAZABI GUNPLA MODEL KIT</p>
+                        </div>
+                    </div>
+                    <div class="inline-flex flex-col items-start gap-[10px] relative flex-[0_0_auto]">
+                        <div class="flex flex-col w-[153px] items-start justify-center gap-[8px] relative flex-[0_0_auto]">
+                            <div class="flex flex-col items-start gap-[6px] relative self-stretch w-full flex-[0_0_auto]">
+                                <div class="relative w-fit mt-[-1.00px] [font-family:'Noto_Sans',Helvetica] font-semibold text-[#1b1b1b] text-[16px] tracking-[0] leading-[normal] whitespace-nowrap">$55.00</div>
+                            </div>
+                        </div>
+                        <div class="flex-col items-start gap-[8px] inline-flex relative flex-[0_0_auto]">
+                            <div class="inline-flex items-center justify-center gap-[5px] relative flex-[0_0_auto]">
+                                <Star1 color='#F7C317' size={12} className='fill-[#F7C317]' />
+                                <div class="relative w-fit [font-family:'Noto_Sans',Helvetica] font-normal text-[#1b1b1b] text-[12px] tracking-[0] leading-[normal] whitespace-nowrap">4.7</div>
+                            </div>
+                            <div class="inline-flex items-center gap-[5px] relative flex-[0_0_auto]">
+                                <img class="relative w-[14px] h-[14px]" alt="Vuesax linear verify" src="https://c.animaapp.com/2pP7niVX/img/vuesax-linear-verify-10.svg" />
+                                <div class="relative w-fit [font-family:'Noto_Sans',Helvetica] font-medium text-[#19222ab2] text-[12px] tracking-[0] leading-[normal] whitespace-nowrap">Gundam Info</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <style jsx>
+                {`
+                    .line-clamp-2 {
+                        display: -webkit-box;
+                        overflow: hidden;
+                        -webkit-box-orient: vertical;
+                        -webkit-line-clamp: 2;
+                    }
+                    .shadow {
+                        box-shadow: 0px 0px 7px 2px rgba(205, 205, 205, 0.25);
+                    }
+                `}
+            </style>
+        </>
+    )
+}
+
 export default ProductItem;

package/src/components/Search/index.js

@@ -1,17 +1,17 @@
-import React from 'react';
-import { SearchNormal } from 'iconsax-react';
-
-const Search = () => {
-    return (
-        <>
-            <div class="flex items-center xs_w-full xl_max-w-[600px] gap-[20px] px-[15px] py-[12px] relative bg-white rounded-[30px] border border-solid border-gray-100">
-                <div class="flex items-center gap-[10px] relative flex-1 self-stretch grow">
-                    <input className='flex-1 leading-[18px]' placeholder='Search...' />
-                </div>
-                <SearchNormal color="#280135" size={18} variant="Outline" />
-            </div>
-        </>
-    )
-}
-
+import React from 'react';
+import { SearchNormal } from 'iconsax-react';
+
+const Search = () => {
+    return (
+        <>
+            <div class="flex items-center xs_w-full xl_max-w-[600px] gap-[20px] px-[15px] py-[12px] relative bg-white rounded-[30px] border border-solid border-gray-100">
+                <div class="flex items-center gap-[10px] relative flex-1 self-stretch grow">
+                    <input className='flex-1 leading-[18px]' placeholder='Search...' />
+                </div>
+                <SearchNormal color="#280135" size={18} variant="Outline" />
+            </div>
+        </>
+    )
+}
+
 export default Search;

package/src/components/Seller/index.js

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