@weareconceptstudio/account 0.5.3 → 0.5.4

package/dist/modules/order/OrderedItems/style.js

@@ -40,6 +40,16 @@ const OrderedItemsStyle = styled.div `
 	--account_swiperItemWidth: 18.05vw;
 	--account_proportion: 126.1%;
 	--account_verticalLineDistance: var(--sp4x);
+	--account_imageBorderRadius: var(--sp1x);
+
+	--account_giftIconDistanceIconPTB: var(--sp0-5x);
+	--account_giftIconDistanceIconPLR: var(--sp0-5x);
+	--account_giftIconDistanceIconMTB: var(--sp0-5x);
+	--account_giftIconDistanceIconMLR: var(--sp0-5x);
+	--account_giftWrapperBorder: calc(var(--sp0-5x) + var(--sp0-5x) / 2);
+	--account_giftSizeIcon: var(--sp2x);
+	--account_giftButtonTB: calc(var(--sp2x) - var(--sp0-5x) / 2);
+	--account_giftButtonLR: var(--sp2x);
 
 	margin-top: var(--account_orderItemsMarginTop);
 
@@ -89,10 +99,6 @@ const OrderedItemsStyle = styled.div `
 			width: var(--account_col1Width);
 			padding-left: calc(var(--account_col1Distance) / 2);
 			padding-right: calc(var(--account_col1Distance) / 2);
-
-			img {
-				object-fit: contain;
-			}
 		}
 
 		.tl-col-2 {
@@ -122,6 +128,7 @@ const OrderedItemsStyle = styled.div `
 
 		.col-item {
 			.image-wrapper {
+				position: relative;
 				overflow: hidden;
 				max-width: var(--account_imageWidth);
 				width: 100%;
@@ -341,6 +348,24 @@ const OrderedItemsStyle = styled.div `
 		}
 	}
 
+	.wrapper-gift-icon {
+		padding: var(--account_giftIconDistanceIconPTB) var(--account_giftIconDistanceIconPLR);
+		margin: var(--account_giftIconDistanceIconMTB) var(--account_giftIconDistanceIconMLR);
+		position: absolute;
+		z-index: 1;
+		width: fit-content;
+		height: fit-content;
+		display: flex;
+		top: 0;
+		background-color: var(--account_secondaryColor9);
+		border-radius: var(--account_giftWrapperBorder);
+
+		svg {
+			width: var(--account_giftSizeIcon);
+			height: auto;
+		}
+	}
+
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeL}) {
 		--account_orderItemsMarginTop: var(--sp11x);
 		--account_spaceLineMarginTop: var(--sp2x);
@@ -379,6 +404,10 @@ const OrderedItemsStyle = styled.div `
 		--account_verticalLineDistance: var(--sp3x);
 
 		--account_imageWidth: 4.2vw;
+
+		--account_giftWrapperBorder: var(--sp0-5x);
+		--account_giftButtonTB: var(--sp1x);
+		--account_giftButtonLR: var(--sp2x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeLMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeM}) {
@@ -419,6 +448,10 @@ const OrderedItemsStyle = styled.div `
 		--account_swiperItemWidth: 17.89vw;
 
 		--account_imageWidth: 4.8vw;
+
+		--account_giftWrapperBorder: var(--sp0-5x);
+		--account_giftButtonTB: var(--sp1x);
+		--account_giftButtonLR: var(--sp2x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeMMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeS}) {
@@ -459,6 +492,10 @@ const OrderedItemsStyle = styled.div `
 		--account_swiperItemWidth: 17.99vw;
 
 		--account_imageWidth: 4.5vw;
+
+		--account_giftWrapperBorder: var(--sp0-5x);
+		--account_giftButtonTB: var(--sp1x);
+		--account_giftButtonLR: var(--sp2x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXS}) {
@@ -500,6 +537,10 @@ const OrderedItemsStyle = styled.div `
 		--account_swiperItemWidth: 18.43vw;
 
 		--account_imageWidth: 4.4vw;
+
+		--account_giftWrapperBorder: var(--sp0-5x);
+		--account_giftButtonTB: var(--sp1x);
+		--account_giftButtonLR: var(--sp2x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_DesktopSizeXSMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSize}) {
@@ -541,6 +582,13 @@ const OrderedItemsStyle = styled.div `
 		--account_swiperItemWidth: 18.26vw;
 
 		--account_imageWidth: 3.92vw;
+
+		--account_giftSizeIcon: calc(var(--sp2x) - var(--sp0-5x) / 2);
+		--account_giftIconDistanceIconPTB: calc(var(--sp0-5x) / 2);
+		--account_giftIconDistanceIconPLR: calc(var(--sp0-5x) / 2);
+		--account_giftWrapperBorder: var(--sp0-5x);
+		--account_giftButtonTB: var(--sp1x);
+		--account_giftButtonLR: var(--sp2x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeMin}) and (min-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeS}) {
@@ -582,6 +630,13 @@ const OrderedItemsStyle = styled.div `
 		--account_swiperItemWidth: 17.83vw;
 
 		--account_imageWidth: 7.4vw;
+
+		--account_giftSizeIcon: calc(var(--sp2x) - var(--sp0-5x) / 2);
+		--account_giftIconDistanceIconPTB: calc(var(--sp0-5x) / 2);
+		--account_giftIconDistanceIconPLR: calc(var(--sp0-5x) / 2);
+		--account_giftWrapperBorder: var(--sp0-5x);
+		--account_giftButtonTB: var(--sp1x);
+		--account_giftButtonLR: var(--sp2x);
 	}
 
 	@media only screen and (max-width: ${(props) => props.theme.account.mediaQuery.account_TabletSizeSMin}) {
@@ -601,6 +656,13 @@ const OrderedItemsStyle = styled.div `
 		--account_swiperItemWidth: 67.15vw;
 		--account_proportion: 131.9%;
 
+		--account_giftSizeIcon: calc(var(--sp2x) - var(--sp0-5x) / 2);
+		--account_giftIconDistanceIconPTB: calc(var(--sp0-5x) / 2);
+		--account_giftIconDistanceIconPLR: calc(var(--sp0-5x) / 2);
+		--account_giftWrapperBorder: var(--sp0-5x);
+		--account_giftButtonTB: var(--sp1x);
+		--account_giftButtonLR: var(--sp2x);
+
 		.order-items-table-wrap {
 			.titles-wrap {
 				display: none;
@@ -620,6 +682,7 @@ const OrderedItemsStyle = styled.div `
 				display: flex;
 
 				.mobile-image-wrap {
+					position: relative;
 					overflow: hidden;
 					border-radius: var(--sp1x);
 					isolation: isolate;
@@ -630,10 +693,6 @@ const OrderedItemsStyle = styled.div `
 					.image-cont {
 						/* padding-top: 125% !important; */
 						padding-top: 100% !important;
-
-						img {
-							object-fit: contain;
-						}
 					}
 				}
 

package/dist/modules/order/OrderedItems/util.d.ts

@@ -0,0 +1,2 @@
+export const defaultIconGift: React.JSX.Element;
+import React from 'react';

package/dist/modules/order/OrderedItems/util.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const defaultIconGift = (React.createElement("svg", { width: '14', height: '14', fill: 'none', viewBox: '0 0 14 14', xmlns: 'http://www.w3.org/2000/svg' },
+    React.createElement("path", { d: 'M7.78672 13.4663H11.846C12.1064 13.2066 12.252 13.061 12.5117 12.8006V7.95381H7.78672V13.4663ZM1.48672 7.95381V12.8006C1.74642 13.061 1.89202 13.2066 2.15242 13.4663H6.21172V7.95381H1.48672ZM9.55842 1.71471C10.418 1.71471 11.0186 2.81441 10.033 3.68381H7.75452L8.61202 2.22571C8.79752 1.90931 9.13772 1.71471 9.50452 1.71471H9.55842ZM2.33932 2.16341C2.20492 2.71431 2.28612 3.24281 2.51012 3.68381H1.36492C1.10452 3.94351 0.958919 4.08911 0.699219 4.34881V6.16811C0.958919 6.42781 1.10452 6.57341 1.36492 6.83381H12.6335C12.8939 6.57341 13.0395 6.42781 13.2992 6.16811V4.34881C13.0395 4.08911 12.8939 3.94351 12.6335 3.68381H11.4883C11.7123 3.24281 11.7935 2.71431 11.6591 2.16341C11.4211 1.19041 10.5076 0.53381 9.50662 0.53381H9.50452C8.71912 0.53381 7.99112 0.94961 7.59212 1.62651L6.99922 2.63731L6.40632 1.62861C6.00732 0.950311 5.27932 0.53381 4.49182 0.53381C3.49082 0.53381 2.57732 1.19041 2.33932 2.16341ZM5.38712 2.22641L6.24392 3.68381H3.96542C2.97982 2.81441 3.58042 1.71471 4.44002 1.71471H4.49392C4.86072 1.71471 5.20302 1.90931 5.38712 2.22641Z' })));

package/dist/modules/order/OrdersList/{OrderItem → Item}/index.js

@@ -1,8 +1,10 @@
-import React, { memo as Memo } from 'react';
+import React, { memo } from 'react';
 import { handlePriceCheckFunc, Text } from '@weareconceptstudio/core';
+import { useAccountContext } from '../../../../AccountProvider';
 import { AccountButton } from '../../../../components';
 import OrderStatus from '../../OrderStatus';
-const OrderItem = Memo(({ data, currency }) => {
+const OrderItem = memo(({ data }) => {
+    const { currency } = useAccountContext();
     return (React.createElement("div", { className: `order-table-item-wrap` },
         React.createElement("div", { className: `col-item od-col-1 nowrap` },
             React.createElement(Text, { className: `account-p account-p4 account-font-medium account-primary-color1`, text: data.date })),

package/dist/modules/order/OrdersList/ItemMobile/index.d.ts

@@ -0,0 +1,3 @@
+export default ItemMobile;
+declare const ItemMobile: React.NamedExoticComponent<object>;
+import React from 'react';

package/dist/modules/order/OrdersList/ItemMobile/index.js

@@ -0,0 +1,39 @@
+import React, { memo } from 'react';
+import { handlePriceCheckFunc, Text, useTranslation } from '@weareconceptstudio/core';
+import { useAccountContext } from '../../../../AccountProvider';
+import { AccountButton } from '../../../../components';
+import OrderStatus from '../../OrderStatus';
+const ItemMobile = memo(({ data }) => {
+    const { currency } = useAccountContext();
+    const { translate } = useTranslation();
+    return (React.createElement("div", { className: `mobile-order-item-wrap` },
+        React.createElement("div", { className: `first-col-wrap` },
+            React.createElement("div", { className: `left-wrap` },
+                React.createElement("div", { className: `left-item-wrap` },
+                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1` },
+                        translate('account.order_management.orderDate'),
+                        ":"),
+                    React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: data.date })),
+                React.createElement("div", { className: `left-item-wrap last` },
+                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1` },
+                        translate('account.order_management.orderNumber'),
+                        ":"),
+                    React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: `ID ${data.orderNumber}` }))),
+            React.createElement("div", { className: `right-wrap` },
+                React.createElement(OrderStatus, { status: data.status }))),
+        React.createElement("div", { className: `last-col-wrap` },
+            React.createElement("div", { className: `left-wrap` },
+                React.createElement("div", { className: `left-item-wrap` },
+                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1` },
+                        translate('account.order_management.totalItems'),
+                        ":"),
+                    React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: data.itemsCount })),
+                React.createElement("div", { className: `left-item-wrap last` },
+                    React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1` },
+                        translate('account.order_management.totalPrice'),
+                        ":"),
+                    React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: handlePriceCheckFunc(data.total, currency) }))),
+            React.createElement("div", { className: `right-wrap` },
+                React.createElement(AccountButton, { btnType: `green-small-text`, url: `/account/order-history/${data.id}`, text: 'account.order_management.viewOrder' })))));
+});
+export default ItemMobile;

package/dist/modules/order/OrdersList/index.js

@@ -1,17 +1,14 @@
 import React, { useMemo, useState, useEffect, useCallback } from 'react';
-import { Text, useTranslation, useUi, api, handlePriceCheckFunc } from '@weareconceptstudio/core';
-import { useAccountContext } from '../../../AccountProvider';
+import { Text, useUi, api } from '@weareconceptstudio/core';
 //* Components
-import { Pagination, AccountButton } from '../../../components';
-import OrderItem from './OrderItem';
+import Item from './Item';
+import ItemMobile from './ItemMobile';
 import EmptyOrders from '../EmptyOrders';
-import OrderStatus from '../OrderStatus';
+import { Pagination } from '../../../components';
 //* Style
 import OrdersListStyle from './style';
 const OrdersList = () => {
-    const { translate } = useTranslation();
     const { winWidth } = useUi();
-    const { currency } = useAccountContext();
     const [loading, setLoading] = useState(true);
     const [data, setData] = useState([]);
     const [currentPage, setCurrentPage] = useState(1);
@@ -44,41 +41,13 @@ const OrdersList = () => {
                 React.createElement("div", { className: `order-table-title-wrap od-col-5` },
                     React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1 nowrap align-right`, text: `account.order_management.totalPrice` })),
                 React.createElement("div", { className: `order-table-title-wrap od-col-6` })),
-            React.createElement("div", { className: `order-table-items-wrap` }, data.map((item, index) => {
-                return (React.createElement(OrderItem, { key: index, data: item, currency: currency }));
-            })))) : (React.createElement("div", { className: `mobile-orders-wrap` }, data.map((item, index) => {
-            return (React.createElement("div", { key: index, className: `mobile-order-item-wrap` },
-                React.createElement("div", { className: `first-col-wrap` },
-                    React.createElement("div", { className: `left-wrap` },
-                        React.createElement("div", { className: `left-item-wrap` },
-                            React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1` },
-                                translate('account.order_management.orderDate'),
-                                ":"),
-                            React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: item.date })),
-                        React.createElement("div", { className: `left-item-wrap last` },
-                            React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1` },
-                                translate('account.order_management.orderNumber'),
-                                ":"),
-                            React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: `ID ${item.orderNumber}` }))),
-                    React.createElement("div", { className: `right-wrap` },
-                        React.createElement(OrderStatus, { status: item.status }))),
-                React.createElement("div", { className: `last-col-wrap` },
-                    React.createElement("div", { className: `left-wrap` },
-                        React.createElement("div", { className: `left-item-wrap` },
-                            React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1` },
-                                translate('account.order_management.totalItems'),
-                                ":"),
-                            React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: item.itemsCount })),
-                        React.createElement("div", { className: `left-item-wrap last` },
-                            React.createElement(Text, { className: `account-p account-p4 account-font-bold account-primary-color1` },
-                                translate('account.order_management.totalPrice'),
-                                ":"),
-                            React.createElement(Text, { className: `account-p account-p4 account-font-regular account-primary-color1 value`, text: handlePriceCheckFunc(item.total, currency) }))),
-                    React.createElement("div", { className: `right-wrap` },
-                        React.createElement(AccountButton, { text: 'account.order_management.viewOrder', btnType: `green-small-text`, url: `/account/order-history/${item.id}` })))));
-        })));
+            data?.length > 0 ? (React.createElement("div", { className: `order-table-items-wrap` }, data.map((item, index) => {
+                return (React.createElement(Item, { key: index, data: item }));
+            }))) : null)) : data?.length > 0 ? (React.createElement("div", { className: `mobile-orders-wrap` }, data.map((item, index) => {
+            return (React.createElement(ItemMobile, { key: index, data: item }));
+        }))) : null;
     }, [winWidth, data]);
-    return !loading && data.length > 0 ? (React.createElement(OrdersListStyle, null,
+    return !loading && data?.length > 0 ? (React.createElement(OrdersListStyle, null,
         React.createElement(Text, { className: `account-p account-p1 account-font-bold account-primary-color1`, text: 'account.account_info.orderHistory' }),
         React.createElement("div", { className: `order-history-line` }),
         listStore,

package/dist/translations/en.d.ts

@@ -147,6 +147,7 @@ declare const _default: {
             size: string;
             restore: string;
             free: string;
+            outOfStock: string;
         };
         user_status: {
             tourist: string;

package/dist/translations/en.js

@@ -147,6 +147,7 @@ export default {
             size: 'Size',
             restore: 'Restore',
             free: 'Free',
+            outOfStock: 'Out of stock',
         },
         user_status: {
             tourist: 'tourist',

package/dist/translations/hy.d.ts

@@ -147,6 +147,7 @@ declare const _default: {
             size: string;
             restore: string;
             free: string;
+            outOfStock: string;
         };
         user_status: {
             tourist: string;

package/dist/translations/hy.js

@@ -147,6 +147,7 @@ export default {
             size: 'Չափ',
             restore: 'Վերականգնել',
             free: 'Անվճար',
+            outOfStock: 'Պահեստում չկա',
         },
         user_status: {
             tourist: 'տուրիստ',
@@ -198,7 +199,7 @@ export default {
             shippedTo: 'Առաքվել է հասցեով',
             addNewAdd: 'Ավելացնել նոր հասցե',
             quantity: 'Քանակ',
-            free: 'Ազատ',
+            free: 'Անվճար',
             shippingCost: 'Առաքման արժեք',
             item: 'Ապրանք',
             price: 'Գին',

package/dist/translations/index.d.ts

@@ -148,6 +148,7 @@ declare const _default: {
                 size: string;
                 restore: string;
                 free: string;
+                outOfStock: string;
             };
             user_status: {
                 tourist: string;
@@ -386,6 +387,7 @@ declare const _default: {
                 size: string;
                 restore: string;
                 free: string;
+                outOfStock: string;
             };
             user_status: {
                 tourist: string;
@@ -625,6 +627,7 @@ declare const _default: {
                 size: string;
                 restore: string;
                 free: string;
+                outOfStock: string;
             };
             user_status: {
                 tourist: string;

package/dist/translations/ru.d.ts

@@ -148,6 +148,7 @@ declare const _default: {
             size: string;
             restore: string;
             free: string;
+            outOfStock: string;
         };
         user_status: {
             tourist: string;

package/dist/translations/ru.js

@@ -148,6 +148,7 @@ export default {
             size: 'Размер',
             restore: 'Восстановить',
             free: 'Бесплатно',
+            outOfStock: 'Распродано',
         },
         user_status: {
             tourist: 'Турист',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@weareconceptstudio/account",
-	"version": "0.5.3",
+	"version": "0.5.4",
 	"description": "Concept Studio Account",
 	"author": "Concept Studio",
 	"license": "ISC",

package/dist/modules/cart/SimpleItems/ItemMobile/index.js

@@ -1,41 +0,0 @@
-import React, { memo } from 'react';
-import { handlePriceCheckFunc, Image, Text, useTranslation } from '@weareconceptstudio/core';
-import { AccountButton, AccountCounter } from '../../../../components';
-import { useAccountContext } from '../../../../AccountProvider';
-import { useCheckoutContext } from '../../../checkout';
-import { defaultIconGift } from '../util';
-const ItemMobile = memo(({ data, select, currency, isGift, giftIcon }) => {
-    const { handleProductClick } = useAccountContext();
-    const { translate } = useTranslation();
-    const { checkoutData, setCheckGift } = useCheckoutContext();
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: `${isGift ? 'mobile-order-item-gift-wrap' : 'mobile-order-item-wrap'} user-select-none` },
-            React.createElement("div", { className: `${isGift ? 'mobile-order-item-gift-inner-wrap' : 'mobile-order-item-inner-wrap'}` },
-                React.createElement("div", { className: `mobile-image-wrap` },
-                    isGift ? giftIcon || React.createElement("div", { className: 'wrapper-gift-icon' }, defaultIconGift) : null,
-                    React.createElement(Image, { src: data.product.image.src, alt: data.product.image.alt })),
-                React.createElement("div", { className: `mobile-info-wrap` },
-                    React.createElement(AccountButton, { text: data.product.name, btnType: `green-large-text`, className: `capitalize mobile-info-wrap-title`, onClick: () => handleProductClick(data.product) }),
-                    React.createElement("div", { className: 'mobile-info-item' },
-                        React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color1 mobile-short-info1`, text: data.product.short_info_1 })),
-                    React.createElement("div", { className: `mobile-total-price-wrap nowrap flex-box` },
-                        data.product?.sale_price && !isGift ? (React.createElement("div", { className: 'mobile-total-price-flex-block' },
-                            React.createElement(Text, { className: `account-p account-p3 account-font-bold account-secondary-color2 mobile-total-discounted-price`, text: `${data.sale_total} ${currency}` }),
-                            React.createElement(Text, { className: `account-p account-p3 account-font-regular account-primary-color2 line-through mobile-total-price`, text: handlePriceCheckFunc(data.product.price * data.qty, currency) }))) : (React.createElement(Text, { className: `account-p account-p3 account-font-bold account-primary-color1 mobile-total-price2`, text: `${isGift ? 0 : data.total} ${currency}` })),
-                        select ? (React.createElement("div", { className: `inner-container` }, !data.product?.out_of_stock && !isGift ? (React.createElement(AccountCounter, { productId: data?.product.id })) : isGift ? null : (React.createElement("div", { className: `in-block` },
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-quantity-with-symbol` },
-                                translate('account.order_balance.quantity'),
-                                ":"),
-                            "\u00A0",
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-quantity`, text: data.qty }))))) : (React.createElement("div", { className: `in-block` },
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-quantity-with-symbol2` },
-                                translate('account.order_balance.quantity'),
-                                ":"),
-                            "\u00A0",
-                            React.createElement(Text, { className: `account-p account-p3 account-font-medium account-primary-color1 mobile-quantity2`, text: data.qty }))),
-                        isGift ? (React.createElement("div", { className: 'wrapper-gift-button' }, checkoutData.checkGift ? (React.createElement(AccountCounter, { isGift: isGift, productId: -1, maxQty: 1 })) : (React.createElement(AccountButton, { text: 'account.general_actions.restore', className: `capitalize button-gift`, onClick: () => {
-                                setCheckGift();
-                            } })))) : null)))),
-        React.createElement("div", { className: 'line' })));
-});
-export default ItemMobile;