@bytebrand/fe-ui-core 4.1.172 → 4.1.174

package/source/components/_common/Badge/Badge.styl

@@ -1,13 +1,13 @@
 @import '../../../theme/theme.styl'
 
-$badge-height = 19px
+$badge-height = 24px
 $badge-width = 40px
 $badge-border-width = 1px
 
 .badge
   display: inline-block
-  border-radius: 3px
-  padding: 0 5px
+  border-radius: 16px
+  padding: 0 10px
   box-sizing: border-box
   text-align: center
   width: auto
@@ -17,10 +17,12 @@ $badge-border-width = 1px
   border-style: solid
   border-color: transparent
   vertical-align: middle
-  font-family: 'ArialMT', 'Arial'
   font-weight: 400
-  font-size: 12px
-  line-height: $badge-height - $badge-border-width * 2
+  font-size: 13px
+  display: flex;
+  align-items: center;
+  line-height: 1;
+  justify-content: center;
 
 .white
   background-color: white
@@ -28,8 +30,12 @@ $badge-border-width = 1px
 .grey
   background-color: $grey-c
 .green
-  background-color: $green
+  background-color: $lightGreen
   color: white
 .blue
   background-color: $primary
   color: white
+
+.red
+  color: #fff;
+  background-color: #E60000;

package/source/components/_common/Badge/Badge.tsx

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 
 import styles from './Badge.styl';
 
-export type TBadgeType = 'white' | 'gray' | 'green' | 'blue';
+export type TBadgeType = 'white' | 'gray' | 'green' | 'blue' | 'red';
 
 export interface IBadgeProps {
   children: any;

package/source/components/_common/Button/Button.styled.tsx

@@ -2,13 +2,11 @@ export const useStyles = {
   position: 'relative',
   display: 'inline-block',
   margin: 0,
-  backgroundColor: '#999',
   minHeight: 28,
   minWidth: 140,
   lineHeight: '26px',
   fontSize: 14,
   padding: '0 10px',
-  color: 'white',
   cursor: 'pointer',
   boxSizing: 'border-box',
   transition: 'all 0.2s ease-in-out',
@@ -28,7 +26,7 @@ export const useStyles = {
     backgroundColor: 'red'
   },
   '&.MuiButton-outlinedPrimary:not(.Mui-disabled)': {
-    border: '1px solid #005ccb',
+    border: '1px solid #666CFF80',
     background: 'transparent',
     color: '#005ccb'
   },
@@ -36,11 +34,18 @@ export const useStyles = {
     background: 'transparent',
     color: '#005ccb'
   },
-  '&.MuiButton-textSecondary:not(.Mui-disabled)': {
-    background: 'transparent',
-    color: '#FF0266'
+  '&.MuiButton-textError:not(.Mui-disabled)': {
+    color: '#E60000'
+  },
+  '&.MuiButton-outlinedError:not(.Mui-disabled)': {
+    color: '#E60000',
+    borderColor: '#FF4D4980'
+  },
+  ['&.MuiButton-outlinedError:not(.Mui-disabled):hover, &.MuiButton-textError:not(.Mui-disabled):hover']: {
+    backgroundColor: 'rgba(255, 77, 73, 0.05)'
   },
-  '&.Mui-disabled': {
-    backgroundColor: 'rgba(0, 0, 0, 0.12) !important'
+  '&.Mui-disabled.MuiButton-containedPrimary': {
+    backgroundColor: 'transparent',
+    border: '1px solid #4C4E641F'
   }
 };

package/source/components/_common/Button/Button.tsx

@@ -7,7 +7,7 @@ import styles from './Button.styl';
 import Loader from '../Loader/Loader';
 
 export type variantType = 'contained' | 'outlined' | 'text';
-export type variantColor = 'primary' | 'secondary';
+export type variantColor = 'primary' | 'secondary' | 'error';
 export type ButtonHTMLType = 'button' | 'reset' | 'submit';
 
 export interface IButtonProps {

package/source/components/_common/ExpansionPanel/ExpansionPanel.tsx

@@ -22,6 +22,10 @@ export interface IExpansionPanelProps {
   expandedClassName?: string;
   arrowIconClassName?: string;
   expanded?: string | boolean;
+  vehiclesComparedCount?: number;
+  widthCompareBlock?: number;
+  isCompare?: boolean;
+  accordionSummaryClassName?: string;
   accordionClassName?: string;
 }
 
@@ -45,15 +49,19 @@ class ExpansionPanel extends React.Component<IExpansionPanelProps> {
       reactScrollName,
       reactScrollClassName,
       defaultExpanded,
+      accordionSummaryClassName,
       subTitleClassName,
       onChange,
       expanded,
-      accordionClassName
+      accordionClassName,
+      vehiclesComparedCount,
+      widthCompareBlock,
+      isCompare = false
     } = this.props;
 
     const scrollElementClassName = classnames(reactScrollClassName);
     const subtitleCombinedClassName = classnames(styles.subTitle, subTitleClassName);
-
+    const widthForTitle = `${vehiclesComparedCount * widthCompareBlock}px`;
     return (
       <ConditionalWrapper
         condition={reactScrollName}
@@ -62,14 +70,16 @@ class ExpansionPanel extends React.Component<IExpansionPanelProps> {
         <ThemeProvider theme={Theme}>
           <Accordion
             defaultExpanded={defaultExpanded}
-            onChange={onChange && onChange(reactScrollName)}
-            expanded={expanded && (expanded === reactScrollName)}
+            onChange={isCompare ? onChange : onChange && onChange(reactScrollName)}
+            expanded={isCompare ? expanded : expanded && (expanded === reactScrollName)}
             className={accordionClassName}
           >
             <AccordionSummary
               expandIcon={<IconSVG name={'arrowSelect'} className={styles.icon} customDimensions />}
               aria-controls={title}
+              className={accordionSummaryClassName}
               id={title}
+              sx={isCompare ? { width: widthForTitle } : null}
             >
               <span>
                 {title}

package/source/components/_common/IconSVG/IconSVG.story.js

@@ -13,7 +13,7 @@ storiesOf('_Common_UI', module)
     <div style={{display: 'flex', flexWrap: 'wrap'}}>
       {iconNames.map((name) => (
         <div style={{width: '250px', margin: '10px', padding: '10px', border: '1px solid black', display: 'flex', justifyContent: 'space-between', alignItems: 'center'}}>
-          <IconSVG name={name}/>
+          <IconSVG customDimensions name={name}/>
           <div> - {name}</div>
         </div>
       ))}

package/source/components/_common/IconSVG/IconSVGConfig.tsx

@@ -100,6 +100,7 @@ import NewFlagEn from './SVG/common/NewFlagEn';
 import NewFlagDe from './SVG/common/NewFlagDe';
 import AutodeLogo from './SVG/common/AutodeLogo';
 import CheckGreen from './SVG/common/CheckGreen';
+import EditPriceIcon from './SVG/common/EditPriceIcon';
 
 // vehicle
 import EmergencyBrakeAssistant from './SVG/vehicle/EmergencyBrakeAssistant';
@@ -228,6 +229,7 @@ import DiscountRibbonNew from './SVG/slider/DiscountRibbonNew';
 import FullscreenWindow from './SVG/slider/FullscreenWindow';
 import FullScreen from './SVG/slider/Fullscreen';
 import Rotate360 from './SVG/slider/360';
+import Rotate360New from './SVG/slider/360New';
 import ToBuy from './SVG/slider/ToBuy';
 import Checked from './SVG/slider/Checked';
 import Easy from './SVG/slider/Easy';
@@ -277,6 +279,7 @@ import WarningIcon from './SVG/settings/Warning';
 import DashboardIcon from './SVG/common/DashboardIcon';
 import UserProfileIcon from './SVG/common/UserProfileIcon';
 import AddressIcon from './SVG/common/AddressIcon';
+import MyOrderIcon from './SVG/common/MyOrderIcon';
 import MyVehiclesIcon from './SVG/common/MyVehiclesIcon';
 import SavedSearchsIcon from './SVG/common/SavedSearchsIcon';
 import FavoritesIcon from './SVG/common/FavoritesIcon';
@@ -289,6 +292,48 @@ import LogoutIcon from './SVG/common/LogoutIcon';
 import SearchGrey from './SVG/common/SearchGrey';
 import PhoneGrey from './SVG/common/PhoneGrey';
 import UserGrey from './SVG/common/UserGrey';
+import MenuGrey from './SVG/common/MenuGrey';
+import CloseGrey from './SVG/common/CloseGrey';
+
+// dashboard
+import CallbackDashboard from './SVG/common/CallbackDashboard';
+import ProfileDashboard from './SVG/common/ProfileDashboard';
+import AddressDasboard from './SVG/common/AddressDashboard';
+import OrderReceivedDashboard from './SVG/common/OrderReceivedDashboard';
+import PreparaionDashboard from './SVG/common/PreparationDashboard';
+import RegistrationDashboard from './SVG/common/RegistrationDashboard';
+import DeliveryDashboard from './SVG/common/DeliveryDashboard';
+import HandingOverDashboard from './SVG/common/HandingOverDashboard';
+import PickupDashboard from './SVG/common/PickupDashboard';
+import DashboardQuestionMark from './SVG/common/DashboardQuestionMark';
+
+// flags
+import UA from './SVG/flags/UA';
+import CH from './SVG/flags/CH';
+import AT from './SVG/flags/AT';
+import BE from './SVG/flags/BE';
+import BG from './SVG/flags/BG';
+import HR from './SVG/flags/HR';
+import CZ from './SVG/flags/CZ';
+import DK from './SVG/flags/DK';
+import FI from './SVG/flags/FI';
+import FR from './SVG/flags/FR';
+import DE from './SVG/flags/DE';
+import GB from './SVG/flags/GB';
+import HU from './SVG/flags/HU';
+import IT from './SVG/flags/IT';
+import LI from './SVG/flags/LI';
+import LU from './SVG/flags/LU';
+import NL from './SVG/flags/NL';
+import NO from './SVG/flags/NO';
+import PL from './SVG/flags/PL';
+import RO from './SVG/flags/RO';
+import SK from './SVG/flags/SK';
+import SI from './SVG/flags/SI';
+import ES from './SVG/flags/ES';
+import SE from './SVG/flags/SE';
+import RU from './SVG/flags/RU';
+
 interface IComponentsProp {
   [key: string]: (props: any) => React.ReactNode;
 }
@@ -492,6 +537,7 @@ const components: IComponentsProp = {
   discountRibbonMobile: DiscountRibbonMobile,
   discountRibbonNew: DiscountRibbonNew,
   rotate360: Rotate360,
+  rotate360New: Rotate360New,
   fullScreen: FullScreen,
   fullscreenWindow: FullscreenWindow,
   toBuy: ToBuy,
@@ -630,6 +676,7 @@ const components: IComponentsProp = {
   eyeCatch: EyeCatch,
   copyIcon: CopyIcon,
   doneIcon: DoneIcon,
+  editPriceIcon: EditPriceIcon,
 
   // settings
   accountIcon: AccountIcon,
@@ -658,6 +705,7 @@ const components: IComponentsProp = {
   dashboardIcon: DashboardIcon,
   userProfileIcon: UserProfileIcon,
   addressIcon: AddressIcon,
+  myOrderIcon: MyOrderIcon,
   myVehiclesIcon: MyVehiclesIcon,
   savedSearchsIcon: SavedSearchsIcon,
   favoritesIcon: FavoritesIcon,
@@ -669,7 +717,48 @@ const components: IComponentsProp = {
   // header mobile
   searchGrey: SearchGrey,
   phoneGrey: PhoneGrey,
-  userGrey: UserGrey
+  userGrey: UserGrey,
+  menuGrey: MenuGrey,
+  closeGrey: CloseGrey,
+
+  // dashboard
+  callbackDashboard: CallbackDashboard,
+  profileDashboard: ProfileDashboard,
+  addressDasboard: AddressDasboard,
+  orderReceivedDashboard: OrderReceivedDashboard,
+  preparaionDashboard: PreparaionDashboard,
+  registrationDashboard: RegistrationDashboard,
+  deliveryDashboard: DeliveryDashboard,
+  handingOverDashboard: HandingOverDashboard,
+  pickupDashboard: PickupDashboard,
+  dashboardQuestionMark: DashboardQuestionMark,
+
+  // flags
+  ua:UA,
+  ch:CH,
+  at:AT,
+  be:BE,
+  bg:BG,
+  hr:HR,
+  cz:CZ,
+  dk:DK,
+  fi:FI,
+  fr:FR,
+  de:DE,
+  gb:GB,
+  hu:HU,
+  it:IT,
+  li:LI,
+  lu:LU,
+  nl:NL,
+  no:NO,
+  pl:PL,
+  ro:RO,
+  sk:SK,
+  si:SI,
+  es:ES,
+  se:SE,
+  ru:RU
 };
 
 export default components;

package/source/components/_common/IconSVG/SVG/CloseIconSelect.tsx

@@ -10,7 +10,7 @@ const SvgCloseIconSelect = (
     fill="none"
     {...props}
   >
-    <path d="M15.73 1.17L2 14.91M2 1.17l14 14" stroke="#000" stroke-opacity=".65" stroke-width="2" stroke-linecap="round"/>
+    <path d="M15.73 1.17L2 14.91M2 1.17l14 14" stroke="#000" strokeOpacity=".65" strokeWidth="2" strokeLinecap="round"/>
   </svg>
 );
 

package/source/components/_common/IconSVG/SVG/common/AddressDashboard.tsx

@@ -0,0 +1,29 @@
+/* tslint:disable */
+import React from 'react';
+
+const AddressDashboard = (
+  props: any
+) => {
+  return (
+    <svg
+      width="40"
+      height="40"
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <rect width="40" height="40" rx="8" fill="#FDB528"/>
+      <rect width="40" height="40" rx="8" fill="white" fillOpacity="0.88"/>
+      <mask id="mask0_5313_18047" maskUnits="userSpaceOnUse" x="8" y="8" width="24" height="24">
+        <rect x="8" y="8" width="24" height="24" fill="#D9D9D9"/>
+      </mask>
+      <g mask="url(#mask0_5313_18047)">
+        <path d="M20 24.475C21.65 23.1417 22.896 21.8583 23.738 20.625C24.5793 19.3917 25 18.2333 25 17.15C25 16.2167 24.8293 15.4207 24.488 14.762C24.146 14.104 23.725 13.5707 23.225 13.162C22.725 12.754 22.1833 12.4583 21.6 12.275C21.0167 12.0917 20.4833 12 20 12C19.5167 12 18.9833 12.0917 18.4 12.275C17.8167 12.4583 17.275 12.754 16.775 13.162C16.275 13.5707 15.8543 14.104 15.513 14.762C15.171 15.4207 15 16.2167 15 17.15C15 18.2333 15.4207 19.3917 16.262 20.625C17.104 21.8583 18.35 23.1417 20 24.475ZM20 27C17.65 25.2667 15.8957 23.5833 14.737 21.95C13.579 20.3167 13 18.7167 13 17.15C13 15.9667 13.2127 14.929 13.638 14.037C14.0627 13.1457 14.6083 12.4 15.275 11.8C15.9417 11.2 16.6917 10.75 17.525 10.45C18.3583 10.15 19.1833 10 20 10C20.8167 10 21.6417 10.15 22.475 10.45C23.3083 10.75 24.0583 11.2 24.725 11.8C25.3917 12.4 25.9377 13.1457 26.363 14.037C26.7877 14.929 27 15.9667 27 17.15C27 18.7167 26.4207 20.3167 25.262 21.95C24.104 23.5833 22.35 25.2667 20 27ZM20 19C20.55 19 21.021 18.804 21.413 18.412C21.8043 18.0207 22 17.55 22 17C22 16.45 21.8043 15.979 21.413 15.587C21.021 15.1957 20.55 15 20 15C19.45 15 18.9793 15.1957 18.588 15.587C18.196 15.979 18 16.45 18 17C18 17.55 18.196 18.0207 18.588 18.412C18.9793 18.804 19.45 19 20 19ZM13 30V28H27V30H13Z" fill="#FCCD04"/>
+      </g>
+    </svg>
+  )
+}
+
+export default AddressDashboard;
+/* tslint:enable */

package/source/components/_common/IconSVG/SVG/common/CallbackDashboard.tsx

@@ -0,0 +1,30 @@
+/* tslint:disable */
+import React from 'react';
+
+const CallbackDashboard = (
+  props: any
+) => {
+  return (
+    <svg
+      width="40"
+      height="40"
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <rect width="40" height="40" rx="8" fill="#FDB528"/>
+      <rect width="40" height="40" rx="8" fill="white" fillOpacity="0.88"/>
+      <mask id="mask0_7926_63655" maskUnits="userSpaceOnUse" x="8" y="8" width="24" height="24">
+        <rect x="8" y="8" width="24" height="24" fill="#FCCD04"/>
+      </mask>
+      <g mask="url(#mask0_7926_63655)">
+        <path d="M19 29V27H27V19.9C27 18.9333 26.8167 18.025 26.45 17.175C26.0833 16.325 25.5833 15.5833 24.95 14.95C24.3167 14.3167 23.575 13.8167 22.725 13.45C21.875 13.0833 20.9667 12.9 20 12.9C19.0333 12.9 18.125 13.0833 17.275 13.45C16.425 13.8167 15.6833 14.3167 15.05 14.95C14.4167 15.5833 13.9167 16.325 13.55 17.175C13.1833 18.025 13 18.9333 13 19.9V26H12C11.45 26 10.9793 25.8043 10.588 25.413C10.196 25.021 10 24.55 10 24V22C10 21.6167 10.0917 21.279 10.275 20.987C10.4583 20.6957 10.7 20.4583 11 20.275L11.075 18.95C11.225 17.7333 11.571 16.6333 12.113 15.65C12.6543 14.6667 13.3293 13.8333 14.138 13.15C14.946 12.4667 15.8543 11.9373 16.863 11.562C17.871 11.1873 18.9167 11 20 11C21.1 11 22.1543 11.1873 23.163 11.562C24.171 11.9373 25.075 12.4707 25.875 13.162C26.675 13.854 27.346 14.6873 27.888 15.662C28.4293 16.6373 28.775 17.725 28.925 18.925L29 20.225C29.3 20.375 29.5417 20.5957 29.725 20.887C29.9083 21.179 30 21.5 30 21.85V24.15C30 24.5167 29.9083 24.8417 29.725 25.125C29.5417 25.4083 29.3 25.625 29 25.775V27C29 27.55 28.8043 28.021 28.413 28.413C28.021 28.8043 27.55 29 27 29H19ZM17 22C16.7167 22 16.4793 21.904 16.288 21.712C16.096 21.5207 16 21.2833 16 21C16 20.7167 16.096 20.479 16.288 20.287C16.4793 20.0957 16.7167 20 17 20C17.2833 20 17.521 20.0957 17.713 20.287C17.9043 20.479 18 20.7167 18 21C18 21.2833 17.9043 21.5207 17.713 21.712C17.521 21.904 17.2833 22 17 22ZM23 22C22.7167 22 22.4793 21.904 22.288 21.712C22.096 21.5207 22 21.2833 22 21C22 20.7167 22.096 20.479 22.288 20.287C22.4793 20.0957 22.7167 20 23 20C23.2833 20 23.521 20.0957 23.713 20.287C23.9043 20.479 24 20.7167 24 21C24 21.2833 23.9043 21.5207 23.713 21.712C23.521 21.904 23.2833 22 23 22ZM14.025 20.45C13.9583 19.4667 14.096 18.575 14.438 17.775C14.7793 16.975 15.2373 16.2957 15.812 15.737C16.3873 15.179 17.05 14.75 17.8 14.45C18.55 14.15 19.3 14 20.05 14C21.5667 14 22.8793 14.4793 23.988 15.438C25.096 16.396 25.7667 17.5917 26 19.025C24.4333 19.0083 23.0167 18.5873 21.75 17.762C20.4833 16.9373 19.525 15.8667 18.875 14.55C18.6083 15.9 18.046 17.0957 17.188 18.137C16.3293 19.179 15.275 19.95 14.025 20.45Z" fill="#72E128"/>
+        <path d="M19 29V27H27V19.9C27 18.9333 26.8167 18.025 26.45 17.175C26.0833 16.325 25.5833 15.5833 24.95 14.95C24.3167 14.3167 23.575 13.8167 22.725 13.45C21.875 13.0833 20.9667 12.9 20 12.9C19.0333 12.9 18.125 13.0833 17.275 13.45C16.425 13.8167 15.6833 14.3167 15.05 14.95C14.4167 15.5833 13.9167 16.325 13.55 17.175C13.1833 18.025 13 18.9333 13 19.9V26H12C11.45 26 10.9793 25.8043 10.588 25.413C10.196 25.021 10 24.55 10 24V22C10 21.6167 10.0917 21.279 10.275 20.987C10.4583 20.6957 10.7 20.4583 11 20.275L11.075 18.95C11.225 17.7333 11.571 16.6333 12.113 15.65C12.6543 14.6667 13.3293 13.8333 14.138 13.15C14.946 12.4667 15.8543 11.9373 16.863 11.562C17.871 11.1873 18.9167 11 20 11C21.1 11 22.1543 11.1873 23.163 11.562C24.171 11.9373 25.075 12.4707 25.875 13.162C26.675 13.854 27.346 14.6873 27.888 15.662C28.4293 16.6373 28.775 17.725 28.925 18.925L29 20.225C29.3 20.375 29.5417 20.5957 29.725 20.887C29.9083 21.179 30 21.5 30 21.85V24.15C30 24.5167 29.9083 24.8417 29.725 25.125C29.5417 25.4083 29.3 25.625 29 25.775V27C29 27.55 28.8043 28.021 28.413 28.413C28.021 28.8043 27.55 29 27 29H19ZM17 22C16.7167 22 16.4793 21.904 16.288 21.712C16.096 21.5207 16 21.2833 16 21C16 20.7167 16.096 20.479 16.288 20.287C16.4793 20.0957 16.7167 20 17 20C17.2833 20 17.521 20.0957 17.713 20.287C17.9043 20.479 18 20.7167 18 21C18 21.2833 17.9043 21.5207 17.713 21.712C17.521 21.904 17.2833 22 17 22ZM23 22C22.7167 22 22.4793 21.904 22.288 21.712C22.096 21.5207 22 21.2833 22 21C22 20.7167 22.096 20.479 22.288 20.287C22.4793 20.0957 22.7167 20 23 20C23.2833 20 23.521 20.0957 23.713 20.287C23.9043 20.479 24 20.7167 24 21C24 21.2833 23.9043 21.5207 23.713 21.712C23.521 21.904 23.2833 22 23 22ZM14.025 20.45C13.9583 19.4667 14.096 18.575 14.438 17.775C14.7793 16.975 15.2373 16.2957 15.812 15.737C16.3873 15.179 17.05 14.75 17.8 14.45C18.55 14.15 19.3 14 20.05 14C21.5667 14 22.8793 14.4793 23.988 15.438C25.096 16.396 25.7667 17.5917 26 19.025C24.4333 19.0083 23.0167 18.5873 21.75 17.762C20.4833 16.9373 19.525 15.8667 18.875 14.55C18.6083 15.9 18.046 17.0957 17.188 18.137C16.3293 19.179 15.275 19.95 14.025 20.45Z" fill="black" fillOpacity="0.1"/>
+      </g>
+    </svg>
+  )
+}
+
+export default CallbackDashboard;
+/* tslint:enable */

package/source/components/_common/IconSVG/SVG/common/CloseGrey.tsx

@@ -0,0 +1,22 @@
+/* tslint:disable */
+import React from 'react';
+
+const CloseGrey = (
+  props: any
+) => {
+  return (
+  <svg
+    width="14"
+    height="14"
+    viewBox="0 0 14 14"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M13.3602 1.94045L12.0677 0.647949L6.94352 5.77212L1.81936 0.647949L0.526855 1.94045L5.65102 7.06462L0.526855 12.1888L1.81936 13.4813L6.94352 8.35711L12.0677 13.4813L13.3602 12.1888L8.23602 7.06462L13.3602 1.94045Z" fill="#4C4E64" fillOpacity="0.54"/>
+  </svg>
+  )
+}
+
+export default CloseGrey;
+/* tslint:enable */

package/source/components/_common/IconSVG/SVG/common/DashboardQuestionMark.tsx

@@ -0,0 +1,20 @@
+/* tslint:disable */
+import * as React from 'react';
+
+const DashboardQuestionMark = (
+  props: any
+) => (
+  <svg
+    width="28"
+    height="27"
+    viewBox="0 0 28 27"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    { ...props }
+  >
+    <path d="M12.3513 21.6065H15.018V18.9399H12.3513V21.6065ZM13.6847 0.273193C6.32468 0.273193 0.351349 6.24653 0.351349 13.6065C0.351349 20.9665 6.32468 26.9399 13.6847 26.9399C21.0447 26.9399 27.018 20.9665 27.018 13.6065C27.018 6.24653 21.0447 0.273193 13.6847 0.273193ZM13.6847 24.2732C7.80468 24.2732 3.01802 19.4865 3.01802 13.6065C3.01802 7.72653 7.80468 2.93986 13.6847 2.93986C19.5647 2.93986 24.3513 7.72653 24.3513 13.6065C24.3513 19.4865 19.5647 24.2732 13.6847 24.2732ZM13.6847 5.60653C10.738 5.60653 8.35135 7.99319 8.35135 10.9399H11.018C11.018 9.47319 12.218 8.27319 13.6847 8.27319C15.1513 8.27319 16.3513 9.47319 16.3513 10.9399C16.3513 13.6065 12.3513 13.2732 12.3513 17.6065H15.018C15.018 14.6065 19.018 14.2732 19.018 10.9399C19.018 7.99319 16.6313 5.60653 13.6847 5.60653Z" fill="#005CCB"/>
+  </svg>
+);
+
+export default DashboardQuestionMark;
+/* tslint:enable */

package/source/components/_common/IconSVG/SVG/common/DeliveryDashboard.tsx

@@ -0,0 +1,25 @@
+/* tslint:disable */
+import React from 'react';
+
+const DeliveryDashboard = (
+  props: any
+) => {
+  const { disabled } = props;
+  return (
+    <svg width="118" height="118" viewBox="0 0 118 118" fill={disabled ? '#D8E2FF' : '#005CCB'} xmlns="http://www.w3.org/2000/svg">
+      <g clip-path="url(#clip0_9606_64490)">
+        <path fillRule="evenodd" clipRule="evenodd" d="M102.27 31.22C98.01 25.78 91.5 23.62 82.9 23.02C79.1 22.75 76.1 25.87 76.1 29.52V66.74H16.64C12.97 66.74 10 69.71 10 73.38V77.42C10 81.09 12.97 84.06 16.64 84.06H30C29.99 84.28 29.98 84.51 29.98 84.73C29.98 90.83 34.92 95.78 41.02 95.78C47.12 95.78 52.07 90.83 52.07 84.73C52.07 84.51 52.06 84.28 52.05 84.06H76.13C76.12 84.28 76.1 84.5 76.1 84.73C76.1 90.83 81.05 95.78 87.15 95.78C93.25 95.78 98.2 90.83 98.2 84.73C98.2 84.44 98.18 84.16 98.16 83.88H101.52C105.18 83.88 108.16 80.92 108.16 77.25V56.52C108.16 44.73 106.46 36.57 102.28 31.22H102.27ZM48.63 84.73C48.63 88.93 45.22 92.33 41.02 92.33C36.82 92.33 33.42 88.93 33.42 84.73C33.42 84.5 33.43 84.28 33.45 84.06C33.56 82.8 33.97 81.63 34.64 80.62C35.98 78.51 38.33 77.12 41.02 77.12C43.71 77.12 46.07 78.51 47.41 80.62C48.07 81.63 48.49 82.8 48.6 84.06C48.62 84.28 48.63 84.5 48.63 84.73ZM76.1 80.62H51.28C49.65 76.55 45.68 73.68 41.02 73.68C36.36 73.68 32.4 76.55 30.77 80.62H16.64C14.87 80.62 13.44 79.19 13.44 77.42V73.38C13.44 71.61 14.87 70.18 16.64 70.18H76.1V80.62ZM87.15 92.33C82.95 92.33 79.54 88.92 79.54 84.72C79.54 80.52 82.95 77.11 87.15 77.11C91.35 77.11 94.76 80.52 94.76 84.72C94.76 88.92 91.35 92.33 87.15 92.33ZM104.71 77.25C104.71 79.01 103.28 80.44 101.51 80.44H97.33C95.66 76.47 91.73 73.68 87.15 73.68C84.2 73.68 81.53 74.84 79.54 76.73V29.52C79.54 27.71 81.01 26.34 82.66 26.45C90.88 27.03 96.19 29.04 99.56 33.34C102.99 37.74 104.71 44.88 104.71 56.52V77.25Z" fill={disabled ? '#D8E2FF' : '#005CCB'}/>
+        <path fillRule="evenodd" clipRule="evenodd" d="M85.04 30.11C83.95 30.02 83.02 30.88 83.02 31.97V48.99C83.02 51.44 84.48 53.63 86.68 54.59C87.41 54.92 88.15 54.96 88.69 54.95L98.53 54.73C98.53 54.73 98.61 54.74 98.66 54.74C98.82 54.74 99.29 54.73 99.76 54.42C100.25 54.09 100.6 53.51 100.59 52.84L100.57 51.12C100.57 44.99 99.6 39.96 97.08 36.32C94.49 32.57 90.47 30.57 85.04 30.11ZM97.13 51.32L88.62 51.5C88.28 51.51 88.13 51.47 88.06 51.44C87.1 51.02 86.46 50.06 86.46 48.99V33.75C90.17 34.37 92.62 35.92 94.25 38.27C96.18 41.06 97.13 45.26 97.13 51.13V51.32Z" fill={disabled ? '#D8E2FF' : '#005CCB'}/>
+        <path fillRule="evenodd" clipRule="evenodd" d="M13.2 61.5499L18.71 62.8699H19.87C20.95 64.7799 23.01 66.0799 25.37 66.0799C27.73 66.0799 29.8 64.7799 30.88 62.8699H56.41C56.68 63.3499 57.01 63.7899 57.4 64.1799C57.48 64.2699 57.56 64.3499 57.65 64.4199C57.96 64.7099 58.31 64.9699 58.68 65.1899C58.8 65.2599 58.92 65.3299 59.04 65.3899C59.17 65.4599 59.31 65.5199 59.45 65.5799C59.6 65.6499 59.76 65.7099 59.93 65.7599C59.99 65.7799 60.05 65.7999 60.1 65.8199C60.27 65.8699 60.44 65.9099 60.62 65.9499C60.78 65.9799 60.94 66.0099 61.11 66.0299C61.23 66.0399 61.34 66.0599 61.46 66.0599C61.61 66.0699 61.76 66.0799 61.91 66.0799C62.06 66.0799 62.21 66.0799 62.36 66.0599C62.48 66.0599 62.59 66.0399 62.71 66.0299C62.88 66.0099 63.04 65.9799 63.2 65.9499C63.38 65.9099 63.55 65.8699 63.72 65.8199C63.77 65.7999 63.83 65.7799 63.89 65.7599C64.06 65.7099 64.22 65.6499 64.37 65.5799C64.51 65.5199 64.65 65.4599 64.78 65.3899C64.9 65.3299 65.02 65.2599 65.14 65.1899C65.44 65.0199 65.71 64.8199 65.97 64.5999C66.1 64.4899 66.23 64.3799 66.35 64.2599L66.43 64.1799C66.55 64.0499 66.68 63.9199 66.79 63.7799C66.89 63.6599 66.99 63.5299 67.08 63.3999C67.2 63.2299 67.32 63.0499 67.42 62.8699H71.1C73.41 62.8699 75.28 60.9999 75.28 58.6899V51.0099C75.28 50.4299 75.1 49.8499 74.76 49.3699C72.32 45.8999 68.35 43.8399 64.11 43.8399H57.88C56.98 43.8399 56.06 43.4099 55.33 42.6299C53.76 40.9599 51.55 38.9999 48.96 37.4399C46.38 35.8999 43.31 34.6899 40.05 34.6899C36.6 34.6899 33.7 34.8199 30.79 35.3799C25.78 36.3499 21.67 39.4299 18.23 42.6399H16.2C13.89 42.6399 12.02 44.5099 12.02 46.8199V51.2799C10.85 51.5899 10 52.6499 10 53.9199V57.4899C10 59.4199 11.32 61.0999 13.2 61.5499ZM28.26 59.7599C28.26 61.3499 26.97 62.6399 25.37 62.6399C23.77 62.6399 22.49 61.3499 22.49 59.7599C22.49 59.6499 22.5 59.5399 22.51 59.4299C22.68 57.9899 23.89 56.8799 25.37 56.8799C26.85 56.8799 28.07 57.9899 28.24 59.4299C28.25 59.5399 28.26 59.6499 28.26 59.7599ZM64.79 59.7599C64.79 61.3499 63.5 62.6399 61.91 62.6399C60.32 62.6399 59.03 61.3499 59.03 59.7599C59.03 59.6499 59.04 59.5399 59.05 59.4299C59.22 57.9899 60.43 56.8799 61.91 56.8799C63.39 56.8799 64.6 57.9899 64.77 59.4299C64.77 59.5399 64.79 59.6499 64.79 59.7599ZM13.44 54.5299C14.6 54.2199 15.46 53.1599 15.46 51.8899V46.8199C15.46 46.4099 15.79 46.0799 16.2 46.0799H18.44C19.18 46.0799 19.89 45.7999 20.43 45.2899C23.77 42.1499 27.34 39.5499 31.44 38.7599C34.03 38.2599 36.67 38.1299 40.05 38.1299C42.48 38.1299 44.93 39.0399 47.19 40.3999C49.45 41.7499 51.41 43.4899 52.82 44.9899C54.08 46.3299 55.87 47.2799 57.88 47.2799H64.11C67.16 47.2799 70.04 48.7399 71.84 51.1999V58.6899C71.84 59.0999 71.51 59.4299 71.1 59.4299H68.22C68.22 59.2199 68.19 59.0199 68.16 58.8099C68.13 58.6199 68.09 58.4299 68.05 58.2399C68.04 58.2099 68.03 58.1799 68.02 58.1499C67.99 58.0099 67.95 57.8799 67.9 57.7499C67.9 57.6699 67.86 57.5799 67.81 57.4999C67.77 57.3899 67.73 57.2799 67.67 57.1699C67.57 56.9199 67.44 56.6799 67.29 56.4499C67.23 56.3299 67.15 56.2099 67.06 56.0899C66.98 55.9699 66.89 55.8499 66.79 55.7399C66.67 55.5999 66.55 55.4599 66.42 55.3299C66.4 55.2999 66.38 55.2899 66.36 55.2699C66.22 55.1299 66.08 54.9999 65.93 54.8799C65.83 54.7999 65.73 54.7199 65.62 54.6399C65.53 54.5699 65.44 54.5099 65.35 54.4499C64.36 53.7999 63.18 53.4299 61.91 53.4299C60.64 53.4299 59.46 53.7999 58.47 54.4499C58.38 54.5099 58.29 54.5699 58.2 54.6399C58.09 54.7199 57.99 54.7999 57.89 54.8799C57.75 54.9999 57.61 55.1199 57.48 55.2499C57.28 55.4399 57.09 55.6599 56.93 55.8799C56.85 55.9699 56.79 56.0599 56.72 56.1499C56.63 56.2899 56.54 56.4299 56.46 56.5699C56.37 56.7199 56.28 56.8799 56.21 57.0399C56.19 57.0699 56.18 57.0999 56.17 57.1199C56.1 57.2799 56.03 57.4399 55.97 57.6099C55.97 57.6199 55.97 57.6299 55.97 57.6499C55.9 57.8299 55.85 58.0199 55.8 58.2099C55.75 58.4099 55.71 58.6099 55.68 58.8099C55.65 59.0199 55.63 59.2199 55.62 59.4299H31.68C31.52 56.0899 28.76 53.4299 25.37 53.4299C21.98 53.4299 19.24 56.0899 19.07 59.4199L14 58.2099C13.67 58.1299 13.44 57.8299 13.44 57.4899V54.5299Z" fill={disabled ? '#D8E2FF' : '#005CCB'}/>
+      </g>
+      <defs>
+        <clipPath id="clip0_9606_64490">
+          <rect width="98.15" height="72.78" fill="white" transform="translate(10 23)"/>
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+export default DeliveryDashboard;
+/* tslint:enable */

package/source/components/_common/IconSVG/SVG/common/EditPriceIcon.tsx

@@ -0,0 +1,20 @@
+/* tslint:disable */
+import * as React from 'react';
+
+const EditPriceIcons = (
+  props: any
+) => (
+  <svg
+    width="17"
+    height="17"
+    viewBox="0 0 17 17"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    { ...props }
+  >
+    <path d="M1.5 16.146C1.08333 16.146 0.729333 16 0.438 15.708C0.146 15.4167 0 15.0627 0 14.646V3.646C0 3.22933 0.146 2.875 0.438 2.583C0.729333 2.29167 1.08333 2.146 1.5 2.146H8.021L6.521 3.646H1.5V14.646H12.5V9.667L14 8.146V14.646C14 15.0627 13.854 15.4167 13.562 15.708C13.2707 16 12.9167 16.146 12.5 16.146H1.5ZM10.625 2.333L11.708 3.417L6.5 8.583V9.646H7.562L12.75 4.479L13.792 5.542L8.188 11.146H5V7.979L10.625 2.333ZM13.792 5.542L10.625 2.333L12.396 0.562C12.6873 0.270667 13.038 0.125 13.448 0.125C13.8573 0.125 14.208 0.270667 14.5 0.562L15.583 1.646C15.875 1.93733 16.021 2.288 16.021 2.698C16.021 3.10733 15.875 3.458 15.583 3.75L13.792 5.542Z" fill="#005CCB"/>
+  </svg>
+);
+
+export default EditPriceIcons;
+/* tslint:enable */

package/source/components/_common/IconSVG/SVG/common/HandingOverDashboard.tsx

@@ -0,0 +1,32 @@
+/* tslint:disable */
+import React from 'react';
+
+const HandingOverDashboard = (
+  props: any
+) => {
+  const { disabled } = props;
+  return (
+    <svg
+      fill={disabled ? '#D8E2FF' : '#005CCB'}
+      id="Layer_2"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 94.09 88.65"
+      {...props}
+    >
+      <g id="Layer_1-2">
+        <g>
+          <path d="M85,81.97c-.45,3.9-3.81,6.68-7.64,6.68h-4.33c-4.14,0-7.53-3.18-7.85-7.24H20.23c-.33,4.06-3.72,7.24-7.85,7.24h-3.59c-3.84,0-7.19-2.78-7.65-6.68-1.32-11.15-2.22-29.87,1.6-43.9,.08-.33,.17-.66,.27-.98l.39-1.75L8.28,13.56l.02-.08,.02-.09c.72-2.08,1.64-3.85,3.81-4.89,1.94-.92,4.7-1.16,8.68-1.16h25.42c-.65,1.08-1.21,2.19-1.69,3.34H20.81c-4.05,0-6.07,.28-7.24,.84-.93,.44-1.46,1.13-2.05,2.86l-4.84,21.58c13.67,3.75,27.71,5.35,41.7,4.81l2.46,2.46,.71,.71c-2.83,.18-5.68,.27-8.52,.27-12.47,0-24.97-1.67-37.15-5.01-3.56,13.37-2.73,31.38-1.44,42.37,.26,2.14,2.1,3.74,4.34,3.74h3.59c2.52,0,4.55-2.03,4.55-4.54v-.24c0-1.36,1.1-2.46,2.46-2.46h46.62c1.37,0,2.46,1.11,2.46,2.46v.24c0,2.51,2.03,4.54,4.55,4.54h4.33c2.24,0,4.08-1.6,4.33-3.74,.97-8.22,1.67-20.38,.48-31.58,1.1-.4,2.16-.87,3.19-1.43,1.41,11.91,.65,24.87-.37,33.4Z"/>
+          <g>
+            <path d="M87.6,6.49c-4.31-4.31-9.64-6.49-15.85-6.49s-11.54,2.18-15.84,6.49c-.28,.28-.55,.56-.81,.85-.97,1.05-1.8,2.17-2.52,3.34-2.12,3.43-3.17,7.33-3.17,11.65,0,6.21,2.19,11.54,6.5,15.85,.68,.68,1.38,1.3,2.1,1.87,1.44,1.14,2.98,2.06,4.61,2.77,2.77,1.23,5.83,1.85,9.13,1.85s6.48-.66,9.32-1.98c1.06-.47,2.07-1.05,3.05-1.7,1.19-.8,2.33-1.74,3.41-2.8,4.35-4.3,6.56-9.64,6.56-15.85s-2.19-11.54-6.49-15.84Zm-7.13,18.7l-2.79,2.77-8.66,8.58c-.9,.9-1.96,1.36-3.16,1.36s-2.27-.45-3.17-1.36l-6.94-6.79c-.4-.41-.61-.88-.61-1.44s.21-1.04,.61-1.44c.4-.4,.9-.61,1.51-.61s1.11,.21,1.51,.61l7.09,7.09,10.74-10.82,2.78-2.8,6.4-6.45c.4-.4,.9-.61,1.51-.61s1.11,.21,1.51,.61,.61,.9,.61,1.51-.21,1.11-.61,1.51l-8.33,8.27Z"/>
+            <path d="M69.77,51.34c-.62,0-1.21,.09-1.77,.28,1.22,.13,2.47,.21,3.75,.21,.11,0,.22,0,.33-.01-.71-.31-1.49-.47-2.31-.47Z"/>
+          </g>
+          <path d="M21.2,57.15c0,3.21-2.61,5.82-5.82,5.82s-5.82-2.61-5.82-5.82,2.61-5.81,5.82-5.81,5.82,2.6,5.82,5.81Z"/>
+          <path d="M75.59,57.15c0,3.21-2.61,5.82-5.82,5.82s-5.81-2.61-5.81-5.82c0-2.59,1.69-4.78,4.04-5.53h.01c.55-.18,1.15-.28,1.77-.28,.82,0,1.6,.16,2.31,.47h.01c2.06,.9,3.5,2.95,3.5,5.34Z"/>
+        </g>
+      </g>
+    </svg>
+  )
+}
+
+export default HandingOverDashboard;
+/* tslint:enable */

package/source/components/_common/IconSVG/SVG/common/MenuGrey.tsx

@@ -0,0 +1,22 @@
+/* tslint:disable */
+import React from 'react';
+
+const MenuGrey = (
+  props: any
+) => {
+  return (
+    <svg
+      width="18"
+      height="13"
+      viewBox="0 0 18 13"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M1 12.0969C0.716667 12.0969 0.479333 12.0009 0.288 11.8089C0.0960001 11.6176 0 11.3803 0 11.0969C0 10.8136 0.0960001 10.5763 0.288 10.3849C0.479333 10.1929 0.716667 10.0969 1 10.0969H17C17.2833 10.0969 17.5207 10.1929 17.712 10.3849C17.904 10.5763 18 10.8136 18 11.0969C18 11.3803 17.904 11.6176 17.712 11.8089C17.5207 12.0009 17.2833 12.0969 17 12.0969H1ZM1 7.09692C0.716667 7.09692 0.479333 7.00092 0.288 6.80892C0.0960001 6.61759 0 6.38026 0 6.09692C0 5.81359 0.0960001 5.57592 0.288 5.38392C0.479333 5.19259 0.716667 5.09692 1 5.09692H17C17.2833 5.09692 17.5207 5.19259 17.712 5.38392C17.904 5.57592 18 5.81359 18 6.09692C18 6.38026 17.904 6.61759 17.712 6.80892C17.5207 7.00092 17.2833 7.09692 17 7.09692H1ZM1 2.09692C0.716667 2.09692 0.479333 2.00126 0.288 1.80992C0.0960001 1.61792 0 1.38026 0 1.09692C0 0.813591 0.0960001 0.575924 0.288 0.383924C0.479333 0.192591 0.716667 0.0969238 1 0.0969238H17C17.2833 0.0969238 17.5207 0.192591 17.712 0.383924C17.904 0.575924 18 0.813591 18 1.09692C18 1.38026 17.904 1.61792 17.712 1.80992C17.5207 2.00126 17.2833 2.09692 17 2.09692H1Z" fill="#4C4E64" fillOpacity="0.87"/>
+    </svg>
+  )
+}
+
+export default MenuGrey;
+/* tslint:enable */

package/source/components/_common/IconSVG/SVG/common/MyOrderIcon.tsx

@@ -0,0 +1,20 @@
+/* tslint:disable */
+import * as React from 'react';
+
+const MyOrderIcon = (
+  props: any
+) => (
+  <svg
+    width="18"
+    height="23"
+    viewBox="0 0 18 23"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M9.0481 3.33315L12.0731 0.308154C12.2064 0.174821 12.3814 0.108154 12.5981 0.108154C12.8148 0.108154 12.9898 0.174821 13.1231 0.308154C13.2564 0.441488 13.3231 0.616488 13.3231 0.833154C13.3231 1.04982 13.2564 1.22482 13.1231 1.35815L9.6731 4.78315C9.50643 4.96649 9.2981 5.05815 9.0481 5.05815C8.7981 5.05815 8.58143 4.96649 8.3981 4.78315L7.0981 3.50815C6.9481 3.35815 6.8731 3.17882 6.8731 2.97015C6.8731 2.76215 6.9481 2.58315 7.0981 2.43315C7.2481 2.28315 7.4231 2.20815 7.6231 2.20815C7.8231 2.20815 7.9981 2.28315 8.1481 2.43315L9.0481 3.33315ZM1.2981 22.9332C1.08143 22.9332 0.902429 22.8625 0.761096 22.7212C0.619096 22.5792 0.548096 22.3998 0.548096 22.1832V14.5082L2.5981 8.68315C2.66476 8.44982 2.7981 8.26649 2.9981 8.13315C3.1981 7.99982 3.4231 7.93315 3.6731 7.93315H14.4731C14.7064 7.93315 14.9188 8.00382 15.1101 8.14515C15.3021 8.28715 15.4314 8.46649 15.4981 8.68315L17.5481 14.5082V22.1832C17.5481 22.3998 17.4774 22.5792 17.3361 22.7212C17.1941 22.8625 17.0148 22.9332 16.7981 22.9332H16.1731C15.9731 22.9332 15.7981 22.8625 15.6481 22.7212C15.4981 22.5792 15.4231 22.3998 15.4231 22.1832V20.9332H2.6731V22.1832C2.6731 22.3998 2.5981 22.5792 2.4481 22.7212C2.2981 22.8625 2.1231 22.9332 1.9231 22.9332H1.2981ZM2.6481 13.0082H15.4481L14.1731 9.43315H3.9231L2.6481 13.0082ZM4.5231 18.2832C4.8731 18.2832 5.1771 18.1538 5.4351 17.8952C5.69376 17.6372 5.8231 17.3248 5.8231 16.9582C5.8231 16.6082 5.69376 16.3042 5.4351 16.0462C5.1771 15.7875 4.86476 15.6582 4.4981 15.6582C4.1481 15.6582 3.8441 15.7875 3.5861 16.0462C3.32743 16.3042 3.1981 16.6165 3.1981 16.9832C3.1981 17.3332 3.32743 17.6372 3.5861 17.8952C3.8441 18.1538 4.15643 18.2832 4.5231 18.2832ZM13.5981 18.2832C13.9481 18.2832 14.2521 18.1538 14.5101 17.8952C14.7688 17.6372 14.8981 17.3248 14.8981 16.9582C14.8981 16.6082 14.7688 16.3042 14.5101 16.0462C14.2521 15.7875 13.9398 15.6582 13.5731 15.6582C13.2231 15.6582 12.9191 15.7875 12.6611 16.0462C12.4024 16.3042 12.2731 16.6165 12.2731 16.9832C12.2731 17.3332 12.4024 17.6372 12.6611 17.8952C12.9191 18.1538 13.2314 18.2832 13.5981 18.2832ZM2.0481 19.4332H16.0481V14.5082H2.0481V19.4332Z" fill="#4C4E64" fillOpacity="0.87"/>
+  </svg>
+);
+
+export default MyOrderIcon;
+/* tslint:enable */

package/source/components/_common/IconSVG/SVG/common/OrderReceivedDashboard.tsx

@@ -0,0 +1,27 @@
+/* tslint:disable */
+import React from 'react';
+
+const OrderReceivedDashboard = (
+  props: any
+) => {
+  const { disabled  } = props;
+  return (
+    <svg
+      fill={disabled ? '#D8E2FF' : '#005CCB'}
+      id="Layer_2"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 75.24 94.9"
+      {...props}
+    >
+    <g id="Layer_1-2">
+      <g>
+        <path d="M54.83,36.01H20.41c-.88,0-1.6,.72-1.6,1.6s.72,1.6,1.6,1.6H54.83c.88,0,1.6-.71,1.6-1.6s-.72-1.6-1.6-1.6Zm0,14.75H20.41c-.88,0-1.6,.72-1.6,1.6s.72,1.6,1.6,1.6H54.83c.88,0,1.6-.71,1.6-1.6s-.72-1.6-1.6-1.6Zm-2.46,22.13h-9.57l-6.77-2.26c-.9-.3-1.88,.04-2.41,.83l-3.02,4.53-3.33-8.33c-.32-.8-1.08-1.31-1.94-1.31s-1.62,.51-1.94,1.31l-4.46,11.15c-.33,.82,.07,1.75,.89,2.08,.19,.08,.39,.12,.59,.12,.64,0,1.24-.38,1.49-1.01l3.43-8.58,3.08,7.71c.29,.72,.95,1.22,1.73,1.31,.77,.08,1.52-.27,1.96-.92l3.72-5.58,6.14,2.04c.21,.07,.43,.11,.66,.11h9.75c.88,0,1.6-.72,1.6-1.6s-.72-1.6-1.6-1.6Z"/>
+        <path d="M53.7,0H5.66C2.54,0,0,2.54,0,5.66V89.24c0,3.12,2.54,5.66,5.66,5.66h63.92c3.12,0,5.66-2.54,5.66-5.66V21.54L53.7,0Zm18.34,89.24c0,1.36-1.11,2.46-2.46,2.46H5.66c-1.35,0-2.46-1.1-2.46-2.46V5.66c0-1.36,1.11-2.46,2.46-2.46H52.37v14.75c0,2.71,2.2,4.91,4.92,4.91h14.75V89.24Z"/>
+      </g>
+    </g>
+  </svg>
+  )
+}
+
+export default OrderReceivedDashboard;
+/* tslint:enable */

package/source/components/_common/IconSVG/SVG/common/PickupDashboard.tsx

@@ -0,0 +1,30 @@
+/* tslint:disable */
+import React from 'react';
+
+const PickupDashboard = (
+  props: any
+) => {
+  const { disabled } = props;
+  return (
+    <svg
+      id="Layer_2"
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 89.31 97.92"
+      fill={disabled ? '#D8E2FF' : '#005CCB'}
+      {...props}
+    >
+      <g id="Layer_1-2">
+        <g>
+          <path d="M40.39,90.24c-.49,4.04-3.96,6.92-7.94,6.92h-4.9c-4.48,0-8.12-3.6-8.17-8.07H2.59c-.95,0-1.73-.77-1.73-1.73s.78-1.73,1.73-1.73H20.28c1.41,0,2.56,1.15,2.56,2.56v.79c0,2.61,2.11,4.72,4.71,4.72h4.9c2.32,0,4.24-1.66,4.5-3.88,1.5-12.32,2.49-32.96-1.66-48.08C17.88,46.25,2.01,47.42,1.85,47.44h-.13c-.9,0-1.66-.69-1.72-1.61-.07-.95,.65-1.78,1.6-1.85,.16-.01,15.77-1.17,32.88-5.6l-5.36-23.91c-.67-1.95-1.27-2.76-2.36-3.28-1.33-.64-3.62-.95-8.13-.95H2.59c-.95,0-1.73-.77-1.73-1.73s.78-1.73,1.73-1.73H18.63c4.44,0,7.49,.26,9.63,1.29,2.37,1.13,3.38,3.05,4.17,5.37l.03,.09,.02,.09,5.88,26.22c4.65,15.9,3.56,37.73,2.03,50.4Z"/>
+          <circle cx="19.88" cy="60.21" r="6.27"/>
+          <path d="M68.5,14.34c-1.65,1.65-3.63,2.47-5.94,2.47s-4.29-.82-5.94-2.47c-1.65-1.65-2.47-3.63-2.47-5.94s.82-4.29,2.47-5.94c1.65-1.65,3.63-2.47,5.94-2.47s4.29,.82,5.94,2.47c1.65,1.65,2.47,3.63,2.47,5.94s-.82,4.29-2.47,5.94Z"/>
+          <path d="M70.6,18.97c-.34-.27-.72-.43-1.12-.5,.64,.24,1.23,.58,1.76,1l-.64-.5Z"/>
+          <path d="M87.37,97.64c-.18,.04-.36,.06-.54,.06-1.13,0-2.15-.79-2.41-1.94l-8.44-38.21c-1.25,.52-2.43,.79-3.68,.85l-4.53,8.13c-.21,.37-.31,.79-.31,1.2v27.71c0,1.37-1.11,2.48-2.48,2.48s-2.47-1.11-2.47-2.48v-27.71c0-1.26,.32-2.5,.94-3.61l3.8-6.83-5.49-25.97c-7.18,11.24-14.99,13.13-17.54,13.44-.1,.01-.21,.02-.31,.02-1.23,0-2.29-.92-2.45-2.17-.17-1.36,.8-2.59,2.15-2.76,1.66-.21,10.12-1.98,17.16-17.02,.66-2.27,2.52-4.12,4.99-4.64,.46-.1,.93-.15,1.38-.15,.81,0,1.6,.15,2.33,.43h.01c.64,.24,1.23,.58,1.76,1,.03,.02,.05,.04,.07,.05l10.69,8.37c1.81,1.42,2.85,3.55,2.85,5.85v10.33c0,1.36-1.11,2.47-2.48,2.47s-2.47-1.11-2.47-2.47v-10.33c0-.77-.35-1.48-.95-1.95l-4.24-3.32,4.34,20.55c.12,.2,.2,.41,.25,.64l9.95,45.03c.3,1.33-.55,2.65-1.88,2.95Z"/>
+        </g>
+      </g>
+    </svg>
+  )
+}
+
+export default PickupDashboard;
+/* tslint:enable */