@woosmap/ui 4.186.0 → 4.187.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@woosmap/ui",
-  "version": "4.186.0",
+  "version": "4.187.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/WebGeoServices/ui.git"

package/src/components/Card/Card.js

@@ -15,7 +15,6 @@ import distanceImg from '../../images/products/product-distance.png';
 import addressImg from '../../images/products/product-address.png';
 import mapImg from '../../images/products/product-map.png';
 import trafficImg from '../../images/products/product-traffic.png';
-import merchantImg from '../../images/products/product-merchant.png';
 import indoorImg from '../../images/products/product-indoor.png';
 import what3wordsImg from '../../images/products/product-what3words.png';
 import transitImg from '../../images/products/product-transit.png';
@@ -30,7 +29,6 @@ import distanceImgSq from '../../images/products/product-distance-sq.png';
 import addressImgSq from '../../images/products/product-address-sq.png';
 import mapImgSq from '../../images/products/product-map-sq.png';
 import trafficImgSq from '../../images/products/product-traffic-sq.png';
-import merchantImgSq from '../../images/products/product-merchant-sq.png';
 import indoorImgSq from '../../images/products/product-indoor-sq.png';
 import what3wordsImgSq from '../../images/products/product-what3words-sq.png';
 import transitImgSq from '../../images/products/product-transit-sq.png';
@@ -47,7 +45,6 @@ const productImg = {
     ADDRESS: addressImg,
     MAP: mapImg,
     TRAFFIC: trafficImg,
-    MERCHANTS: merchantImg,
     INDOOR: indoorImg,
     W3W: what3wordsImg,
     TRANSIT: transitImg,
@@ -64,7 +61,6 @@ const productImgSq = {
     ADDRESS: addressImgSq,
     MAP: mapImgSq,
     TRAFFIC: trafficImgSq,
-    MERCHANTS: merchantImgSq,
     INDOOR: indoorImgSq,
     W3W: what3wordsImgSq,
     TRANSIT: transitImgSq,
@@ -332,7 +328,6 @@ Card.propTypes = {
         'ADDRESS',
         'MAP',
         'TRAFFIC',
-        'MERCHANTS',
         'LOCALITIES',
         'INDOOR',
         'W3W',

package/src/components/Card/Card.stories.js

@@ -88,9 +88,6 @@ function SimpleCardTemplate() {
                 <Tooltip text="Mapping" direction="n" product="STORES">
                     <Label round size="nano" label="Mg" tooltip="Mapping" product="STORES" />
                 </Tooltip>
-                <Tooltip text="Merchant" direction="n" product="MERCHANTS">
-                    <Label round size="nano" label="Me" tooltip="Merchant" product="MERCHANTS" />
-                </Tooltip>
             </SimpleCard>
         </>
     );
@@ -119,9 +116,6 @@ function SimpleCardSelectedTemplate() {
             <Tooltip text="Mapping" direction="n" product="STORES">
                 <Label round size="nano" label="Mg" tooltip="Mapping" product="STORES" />
             </Tooltip>
-            <Tooltip text="Merchant" direction="n" product="MERCHANTS">
-                <Label round size="nano" label="Me" tooltip="Merchant" product="MERCHANTS" />
-            </Tooltip>
         </SimpleCard>
     );
 }

package/src/components/Demo/Showcase.stories.js

@@ -2,7 +2,6 @@ import React, { Component } from 'react';
 import DistanceDemo from './DistanceDemo';
 import GeolocationDemo from './GeolocationDemo';
 import LocalitiesDemo from './LocalitiesAllDemo';
-import MerchantDemo from './MerchantDemo';
 import MapDemo from './MapDemo';
 import SearchDemo from './SearchDemo';
 import { changeLanguage } from '../utils/locale';
@@ -32,7 +31,6 @@ class IframeCommunication extends Component {
                         name: 'showcase',
                         height: document.getElementById('root').offsetHeight + 20,
                         'localities-demo': document.getElementById('localities-demo').offsetTop,
-                        'merchant-demo': document.getElementById('merchant-demo').offsetTop,
                         'geolocation-demo': document.getElementById('geolocation-demo').offsetTop,
                         'search-demo': document.getElementById('search-demo').offsetTop,
                         'distance-demo': document.getElementById('distance-demo').offsetTop,
@@ -65,7 +63,6 @@ function Template() {
             <TrackEventContext.Provider value={trackEvent}>
                 <LocalitiesDemo />
                 <SearchDemo />
-                <MerchantDemo />
                 <MapDemo />
                 <DistanceDemo />
                 <GeolocationDemo />
@@ -83,7 +80,6 @@ function TemplateEn() {
             <TrackEventContext.Provider value={trackEvent}>
                 <LocalitiesDemo />
                 <SearchDemo />
-                <MerchantDemo />
                 <MapDemo />
                 <DistanceDemo />
                 <GeolocationDemo />

package/src/components/Demo/skeletondemo.styl

@@ -20,8 +20,7 @@
         position relative
         // box-shadow 0 0 3rem rgba($logo2, .15)
         box-shadow 0 .3rem 1rem rgba($secondary, .15)
-        .demo--merchant &
-            border .1rem solid $light
+
     &__showcase
     &__data
         display flex
@@ -369,5 +368,3 @@
             border-right 0
         &__map
             height 32rem
-            .demo--merchant &
-                height auto

package/src/components/Icon/Icon.js

@@ -210,7 +210,6 @@ import { ReactComponent as Geolocation } from '../../icons/geolocation.svg';
 import { ReactComponent as Localities } from '../../icons/localities.svg';
 import { ReactComponent as Map } from '../../icons/map.svg';
 
-import { ReactComponent as Merchant } from '../../icons/merchant.svg';
 import { ReactComponent as Stores } from '../../icons/stores.svg';
 import { ReactComponent as Traffic } from '../../icons/traffic.svg';
 import { ReactComponent as Geofencing } from '../../icons/geofencing.svg';
@@ -817,7 +816,6 @@ const ProductsIcons = {
     localities: Localities,
     mapping: Mapping,
     maps: Map,
-    merchant: Merchant,
     multisearch: MultiSearch,
     storelocator: StoreLocator,
     stores: Stores,

package/src/components/Icon/WebSiteIcon.js

@@ -0,0 +1,511 @@
+import React, { Component } from 'react';
+import cl from 'classnames';
+import PropTypes from 'prop-types';
+import { ReactComponent as MarkerPadLock } from '../../icons/marker-pad-lock.svg';
+import { ReactComponent as MarkerRouteTruck } from '../../icons/marker-route-truck.svg';
+import { ReactComponent as ArrowsMarker } from '../../icons/arrows-marker.svg';
+import { ReactComponent as CloudMarkerArrow } from '../../icons/cloud-marker-arrow.svg';
+import { ReactComponent as SignalMarker } from '../../icons/signal-marker.svg';
+import { ReactComponent as LikeMarker } from '../../icons/like-marker.svg';
+import { ReactComponent as UserCentric } from '../../icons/user-centric.svg';
+import { ReactComponent as CreditCardCheck } from '../../icons/credit-card-check.svg';
+import { ReactComponent as PuzzlesPlus } from '../../icons/puzzles-plus.svg';
+import { ReactComponent as Autocomplete } from '../../icons/autocomplete.svg';
+import { ReactComponent as AutocompleteCheck } from '../../icons/autocomplete-check.svg';
+import { ReactComponent as Automotive } from '../../icons/automotive.svg';
+import { ReactComponent as Buildings } from '../../icons/buildings.svg';
+import { ReactComponent as Battery } from '../../icons/battery.svg';
+import { ReactComponent as Blog } from '../../icons/blog.svg';
+import { ReactComponent as Book } from '../../icons/book.svg';
+import { ReactComponent as Calendar } from '../../icons/calendar.svg';
+import { ReactComponent as Care } from '../../icons/care.svg';
+import { ReactComponent as Cars } from '../../icons/cars.svg';
+import { ReactComponent as Cb } from '../../icons/cb.svg';
+import { ReactComponent as ChatLove } from '../../icons/chat-love.svg';
+import { ReactComponent as ChatConversation } from '../../icons/chat-conversation.svg';
+import { ReactComponent as CheckBig } from '../../icons/check-big.svg';
+import { ReactComponent as CallToAction } from '../../icons/call-to-action.svg';
+import { ReactComponent as CubeBig } from '../../icons/cube-big.svg';
+import { ReactComponent as CustomersServices } from '../../icons/customers-services.svg';
+import { ReactComponent as Customize } from '../../icons/customize.svg';
+import { ReactComponent as DeliveryTime } from '../../icons/delivery-time.svg';
+import { ReactComponent as DeliveryVan } from '../../icons/delivery-van.svg';
+import { ReactComponent as Demo } from '../../icons/demo.svg';
+import { ReactComponent as Ecommerce } from '../../icons/e-commerce.svg';
+import { ReactComponent as ElectricCharge } from '../../icons/electric-charge.svg';
+import { ReactComponent as Elephant } from '../../icons/elephant.svg';
+import { ReactComponent as EmailContact } from '../../icons/email-contact.svg';
+import { ReactComponent as Equalizer } from '../../icons/equalizer.svg';
+import { ReactComponent as Escalator } from '../../icons/escalator.svg';
+import { ReactComponent as Funnel } from '../../icons/funnel.svg';
+import { ReactComponent as GasPump } from '../../icons/gas-pump.svg';
+import { ReactComponent as Gdpr } from '../../icons/gdpr.svg';
+import { ReactComponent as Github } from '../../icons/github.svg';
+import { ReactComponent as Green } from '../../icons/green.svg';
+import { ReactComponent as Heart } from '../../icons/heart.svg';
+import { ReactComponent as HouseInsurance } from '../../icons/house-insurance.svg';
+import { ReactComponent as IndoorOutdoor } from '../../icons/indoor-outdoor.svg';
+import { ReactComponent as InformationRound } from '../../icons/information-round.svg';
+import { ReactComponent as Institution } from '../../icons/institution.svg';
+import { ReactComponent as Integrations } from '../../icons/integrations.svg';
+import { ReactComponent as Itinerary } from '../../icons/itinerary.svg';
+import { ReactComponent as Like } from '../../icons/like.svg';
+import { ReactComponent as Logistics } from '../../icons/logistics.svg';
+import { ReactComponent as Lotus } from '../../icons/lotus.svg';
+import { ReactComponent as Map3d } from '../../icons/map-3d.svg';
+import { ReactComponent as MapHd } from '../../icons/map-hd.svg';
+import { ReactComponent as MapIndoor } from '../../icons/map-indoor.svg';
+import { ReactComponent as MapLocation } from '../../icons/map-location.svg';
+import { ReactComponent as MapMarkers } from '../../icons/map-markers.svg';
+import { ReactComponent as Markers } from '../../icons/markers.svg';
+import { ReactComponent as MarkerArrow } from '../../icons/marker-arrow.svg';
+import { ReactComponent as MarkerApp } from '../../icons/marker-app.svg';
+import { ReactComponent as MarkerCreditCard } from '../../icons/marker-credit-card.svg';
+import { ReactComponent as MarkerCity } from '../../icons/marker-city.svg';
+import { ReactComponent as MarkerGeofence } from '../../icons/marker-geofence.svg';
+import { ReactComponent as MarkerHouse } from '../../icons/marker-house.svg';
+import { ReactComponent as MarkerInfinite } from '../../icons/markers-infinite.svg';
+import { ReactComponent as MarkerMap } from '../../icons/marker-map.svg';
+import { ReactComponent as MarkerMatrix } from '../../icons/marker-matrix.svg';
+import { ReactComponent as MarkerMultiple } from '../../icons/marker-multiple.svg';
+import { ReactComponent as MarkerPlay } from '../../icons/marker-play.svg';
+import { ReactComponent as MarkerRoad } from '../../icons/marker-road.svg';
+import { ReactComponent as MarkerSearch } from '../../icons/marker-search.svg';
+import { ReactComponent as MarkerShop } from '../../icons/marker-shop.svg';
+import { ReactComponent as MobileRocket } from '../../icons/mobile-rocket.svg';
+import { ReactComponent as Notification } from '../../icons/notification.svg';
+import { ReactComponent as NotificationPosition } from '../../icons/notification-position.svg';
+import { ReactComponent as OpenSource } from '../../icons/open-source.svg';
+import { ReactComponent as Package } from '../../icons/package.svg';
+import { ReactComponent as PackageReturn } from '../../icons/package-return.svg';
+import { ReactComponent as Parking } from '../../icons/parking.svg';
+import { ReactComponent as PieChart } from '../../icons/pie-chart.svg';
+import { ReactComponent as PlaceReview } from '../../icons/place-review.svg';
+import { ReactComponent as Plane } from '../../icons/plane.svg';
+import { ReactComponent as Position } from '../../icons/position.svg';
+import { ReactComponent as PuzzleStar } from '../../icons/puzzle-star.svg';
+import { ReactComponent as Quote } from '../../icons/quote.svg';
+import { ReactComponent as Refresh } from '../../icons/refresh.svg';
+import { ReactComponent as Repair } from '../../icons/repair.svg';
+import { ReactComponent as Responsive } from '../../icons/responsive.svg';
+import { ReactComponent as Restaurant } from '../../icons/restaurant.svg';
+import { ReactComponent as Rocket } from '../../icons/rocket.svg';
+import { ReactComponent as SaveTime } from '../../icons/save-time.svg';
+import { ReactComponent as SaveMoney } from '../../icons/save-money.svg';
+import { ReactComponent as SearchSettings } from '../../icons/search-settings.svg';
+import { ReactComponent as SearchUser } from '../../icons/search-user.svg';
+import { ReactComponent as Schedule } from '../../icons/schedule.svg';
+import { ReactComponent as ScooterDelivery } from '../../icons/scooter-delivery.svg';
+import { ReactComponent as SecuritPositionZone } from '../../icons/security-position-zone.svg';
+import { ReactComponent as Security } from '../../icons/security.svg';
+import { ReactComponent as SecurityTools } from '../../icons/security-tools.svg';
+import { ReactComponent as SecurityStaff } from '../../icons/security-staff.svg';
+import { ReactComponent as SecurityZone } from '../../icons/security-zone.svg';
+import { ReactComponent as ServiceMarker } from '../../icons/service-marker.svg';
+import { ReactComponent as ShakeHand } from '../../icons/shake-hand.svg';
+import { ReactComponent as Shipping } from '../../icons/shipping.svg';
+import { ReactComponent as Shop } from '../../icons/shop.svg';
+import { ReactComponent as Speed } from '../../icons/speed.svg';
+import { ReactComponent as StarBig } from '../../icons/star-big.svg';
+import { ReactComponent as StarFilledBig } from '../../icons/star-filled-big.svg';
+import { ReactComponent as SupportTime } from '../../icons/support-time.svg';
+import { ReactComponent as Synchronization } from '../../icons/synchronization.svg';
+import { ReactComponent as Taxi } from '../../icons/taxi.svg';
+import { ReactComponent as Tools } from '../../icons/tools.svg';
+import { ReactComponent as Travel } from '../../icons/travel.svg';
+import { ReactComponent as TshirtMarker } from '../../icons/tshirt-marker.svg';
+import { ReactComponent as UserProfile } from '../../icons/user-profile.svg';
+import { ReactComponent as Wheelchair } from '../../icons/wheelchair.svg';
+import { ReactComponent as Wifi } from '../../icons/wifi.svg';
+import { ReactComponent as World } from '../../icons/world.svg';
+import { ReactComponent as WorldLocation } from '../../icons/world-location.svg';
+import { ReactComponent as WorldTime } from '../../icons/world-time.svg';
+import { ReactComponent as WinPrize } from '../../icons/win-prize.svg';
+import { ReactComponent as Zoom } from '../../icons/zoom.svg';
+
+import { ReactComponent as ArrowLink } from '../../icons/arrow-link.svg';
+
+import { ReactComponent as Woosmap } from '../../icons/woosmap.svg';
+
+import { ReactComponent as MapRoute } from '../../icons/map-route.svg';
+import { ReactComponent as MapWalk } from '../../icons/map-walk.svg';
+import { ReactComponent as MapBike } from '../../icons/map-bike.svg';
+import { ReactComponent as MapTrain } from '../../icons/map-train.svg';
+import { ReactComponent as MapCar } from '../../icons/map-car.svg';
+import { ReactComponent as MapSwitch } from '../../icons/map-switch.svg';
+import { ReactComponent as MapItinerary } from '../../icons/map-itinerary.svg';
+import { ReactComponent as MapClose } from '../../icons/map-close.svg';
+import { ReactComponent as MapOrigin } from '../../icons/map-origin.svg';
+import { ReactComponent as MapPin } from '../../icons/map-pin.svg';
+import { ReactComponent as MapSearch } from '../../icons/map-search.svg';
+import { ReactComponent as MapArrowTop } from '../../icons/map-arrow-top.svg';
+import { ReactComponent as MapArrowBottom } from '../../icons/map-arrow-bottom.svg';
+import { ReactComponent as MapBus } from '../../icons/map-bus.svg';
+import { ReactComponent as MapFerry } from '../../icons/map-ferry.svg';
+import { ReactComponent as MapFlight } from '../../icons/map-flight.svg';
+import { ReactComponent as MapSubway } from '../../icons/map-subway.svg';
+import { ReactComponent as MapLightRail } from '../../icons/map-lightrail.svg';
+import { ReactComponent as MapHighSpeedTrain } from '../../icons/map-high-speed-train.svg';
+import { ReactComponent as MapCrosshair } from '../../icons/map-crosshair.svg';
+import { ReactComponent as MapCopy } from '../../icons/map-copy.svg';
+import { ReactComponent as MarkerCoordinates } from '../../icons/marker-coordinates.svg';
+import { ReactComponent as Crosshair } from '../../icons/crosshair.svg';
+import { ReactComponent as EnvironmentalCare } from '../../icons/environmental-care.svg';
+import { ReactComponent as Chart } from '../../icons/chart.svg';
+import { ReactComponent as Earth } from '../../icons/earth.svg';
+import { ReactComponent as CompetitionPrize } from '../../icons/competition-prize.svg';
+import { ReactComponent as WorldLocations } from '../../icons/world-locations.svg';
+import { ReactComponent as MapCursor } from '../../icons/map-cursor.svg';
+import { ReactComponent as ZoneSplittedChecked } from '../../icons/zone-splitted-checked.svg';
+import { ReactComponent as HandCode } from '../../icons/hand-code.svg';
+import { ReactComponent as FormSuccess } from '../../icons/form-success.svg';
+import { ReactComponent as MapIntegration } from '../../icons/map-integration.svg';
+import { ReactComponent as HeartUx } from '../../icons/heart-ux.svg';
+import { ReactComponent as MarkerSeo } from '../../icons/marker-seo.svg';
+import { ReactComponent as ZoneChecked } from '../../icons/zone-checked.svg';
+import { ReactComponent as ZoomPlus } from '../../icons/zoom-plus.svg';
+import { ReactComponent as mobilePuzzleMarker } from '../../icons/mobile-puzzle-marker.svg';
+import { ReactComponent as LikeChat } from '../../icons/like-chat.svg';
+import { ReactComponent as Footprint } from '../../icons/footprint.svg';
+import { ReactComponent as PackageMarker } from '../../icons/package-marker.svg';
+import { ReactComponent as MarkerChecked } from '../../icons/marker-checked.svg';
+import { ReactComponent as MobileLikeMarker } from '../../icons/mobile-like-marker.svg';
+import { ReactComponent as MapPoi } from '../../icons/map-poi.svg';
+import { ReactComponent as RouteInfo } from '../../icons/route-info.svg';
+import { ReactComponent as InputsChecked } from '../../icons/inputs-checked.svg';
+import { ReactComponent as DeliveryZone } from '../../icons/delivery-zone.svg';
+import { ReactComponent as SearchSecurity } from '../../icons/search-security.svg';
+import { ReactComponent as PuzzleMarkerEcosystem } from '../../icons/puzzle-marker-ecosystem.svg';
+import { ReactComponent as ArrowsCrosshair } from '../../icons/arrows-crosshair.svg';
+import { ReactComponent as MarkerData } from '../../icons/marker-data.svg';
+import { ReactComponent as Itinenary } from '../../icons/itinenary.svg';
+import { ReactComponent as PublicTransportsInformation } from '../../icons/public-transports-information.svg';
+import { ReactComponent as RouteInformation } from '../../icons/route-information.svg';
+import { ReactComponent as Transit } from '../../icons/transit.svg';
+import { ReactComponent as PoiHighlight } from '../../icons/poi-highlight.svg';
+import { ReactComponent as MapCustomization } from '../../icons/map-customization.svg';
+import { ReactComponent as MapHeart } from '../../icons/map-heart.svg';
+import { ReactComponent as ArrowsCloud } from '../../icons/arrows-cloud.svg';
+import { ReactComponent as ClientService } from '../../icons/client-service.svg';
+import { ReactComponent as ClockNotification } from '../../icons/clock-notification.svg';
+import { ReactComponent as CloudCrosshair } from '../../icons/cloud-crosshair.svg';
+import { ReactComponent as CloudData } from '../../icons/cloud-data.svg';
+import { ReactComponent as ConsoleSettings } from '../../icons/console-settings.svg';
+import { ReactComponent as DataCloud } from '../../icons/data-cloud.svg';
+import { ReactComponent as EarthClock } from '../../icons/earth-clock.svg';
+import { ReactComponent as LocationInfo } from '../../icons/location-info.svg';
+import { ReactComponent as LogisticsRoute } from '../../icons/logistics-route.svg';
+import { ReactComponent as MapIndoorCloudArrows } from '../../icons/map-indoor-cloud-arrows.svg';
+import { ReactComponent as MapIndoorCustomize } from '../../icons/map-indoor-customize.svg';
+import { ReactComponent as MapIndoorMarker } from '../../icons/map-indoor-marker.svg';
+import { ReactComponent as MapIndoorRoute } from '../../icons/map-indoor-route.svg';
+import { ReactComponent as MarkerCrosshair } from '../../icons/marker-crosshair.svg';
+import { ReactComponent as MavigationArrow } from '../../icons/navigation-arrow.svg';
+import { ReactComponent as NotificationMarker } from '../../icons/notification-marker.svg';
+import { ReactComponent as RouteSignUserStar } from '../../icons/route-sign-user-star.svg';
+import { ReactComponent as SearchCheckFast } from '../../icons/search-check-fast.svg';
+import { ReactComponent as SquarePadlock } from '../../icons/square-padlock.svg';
+import { ReactComponent as StockAvailability } from '../../icons/stock-availability.svg';
+import { ReactComponent as StoreGog } from '../../icons/store-cog.svg';
+import { ReactComponent as StoreInfo } from '../../icons/store-info.svg';
+
+import { ReactComponent as Stores } from '../../icons/stores.svg';
+import { ReactComponent as Traffic } from '../../icons/traffic.svg';
+import { ReactComponent as Geofencing } from '../../icons/geofencing.svg';
+import { ReactComponent as StoreLocator } from '../../icons/storelocator.svg';
+import { ReactComponent as MultiSearch } from '../../icons/multisearch.svg';
+import { ReactComponent as Mapping } from '../../icons/mapping.svg';
+import { ReactComponent as Connectors } from '../../icons/connectors.svg';
+import { ReactComponent as Showcases } from '../../icons/showcases.svg';
+import { ReactComponent as Indoor } from '../../icons/indoor.svg';
+import { ReactComponent as Address } from '../../icons/address.svg';
+import { ReactComponent as Distance } from '../../icons/distance.svg';
+import { ReactComponent as Geolocation } from '../../icons/geolocation.svg';
+import { ReactComponent as Localities } from '../../icons/localities.svg';
+import { ReactComponent as Map } from '../../icons/map.svg';
+
+import { ReactComponent as SocialFacebook } from '../../icons/social-facebook.svg';
+import { ReactComponent as SocialGithub } from '../../icons/social-github.svg';
+import { ReactComponent as SocialGoogle } from '../../icons/social-google.svg';
+import { ReactComponent as SocialLinkedin } from '../../icons/social-linkedin.svg';
+import { ReactComponent as SocialTwitter } from '../../icons/social-twitter.svg';
+
+const WebsiteIcons = {
+    autocomplete: Autocomplete,
+    'autocomplete-check': AutocompleteCheck,
+    automotive: Automotive,
+    'arrow-link': ArrowLink,
+    battery: Battery,
+    blog: Blog,
+    book: Book,
+    buildings: Buildings,
+    calendar: Calendar,
+    care: Care,
+    cars: Cars,
+    'call-to-action': CallToAction,
+    cb: Cb,
+    'check-big': CheckBig,
+    'chat-love': ChatLove,
+    'chat-conversation': ChatConversation,
+    'cube-big': CubeBig,
+    'customers-services': CustomersServices,
+    customize: Customize,
+    'delivery-time': DeliveryTime,
+    'delivery-van': DeliveryVan,
+    demo: Demo,
+    'e-commerce': Ecommerce,
+    'electric-charge': ElectricCharge,
+    elephant: Elephant,
+    'email-contact': EmailContact,
+    equalizer: Equalizer,
+    escalator: Escalator,
+    funnel: Funnel,
+    'gas-pump': GasPump,
+    gdpr: Gdpr,
+    github: Github,
+    green: Green,
+    heart: Heart,
+    'house-insurance': HouseInsurance,
+    'indoor-outdoor': IndoorOutdoor,
+    'information-round': InformationRound,
+    institution: Institution,
+    integrations: Integrations,
+    itinerary: Itinerary,
+    like: Like,
+    lotus: Lotus,
+    logistics: Logistics,
+    'map-3d': Map3d,
+    'map-hd': MapHd,
+    'map-indoor': MapIndoor,
+    'map-location': MapLocation,
+    'map-markers': MapMarkers,
+    markers: Markers,
+    'marker-arrow': MarkerArrow,
+    'marker-app': MarkerApp,
+    'marker-credit-card': MarkerCreditCard,
+    'marker-city': MarkerCity,
+    'marker-geofence': MarkerGeofence,
+    'markers-infinite': MarkerInfinite,
+    'marker-house': MarkerHouse,
+    'marker-map': MarkerMap,
+    'marker-matrix': MarkerMatrix,
+    'marker-multiple': MarkerMultiple,
+    'marker-play': MarkerPlay,
+    'marker-road': MarkerRoad,
+    'marker-search': MarkerSearch,
+    'marker-shop': MarkerShop,
+    'mobile-rocket': MobileRocket,
+    notification: Notification,
+    'notification-position': NotificationPosition,
+    'open-source': OpenSource,
+    package: Package,
+    'package-return': PackageReturn,
+    parking: Parking,
+    'pie-chart': PieChart,
+    'place-review': PlaceReview,
+    plane: Plane,
+    position: Position,
+    'puzzle-star': PuzzleStar,
+    quote: Quote,
+    refresh: Refresh,
+    repair: Repair,
+    responsive: Responsive,
+    restaurant: Restaurant,
+    rocket: Rocket,
+    'save-money': SaveMoney,
+    'search-settings': SearchSettings,
+    'search-user': SearchUser,
+    'save-time': SaveTime,
+    schedule: Schedule,
+    'scooter-delivery': ScooterDelivery,
+    security: Security,
+    'security-position-zone': SecuritPositionZone,
+    'security-tools': SecurityTools,
+    'security-staff': SecurityStaff,
+    'security-zone': SecurityZone,
+    'service-marker': ServiceMarker,
+    'shake-hand': ShakeHand,
+    shipping: Shipping,
+    shop: Shop,
+    speed: Speed,
+    'star-big': StarBig,
+    'star-filled-big': StarFilledBig,
+    'support-time': SupportTime,
+    synchronization: Synchronization,
+    taxi: Taxi,
+    tools: Tools,
+    travel: Travel,
+    'tshirt-marker': TshirtMarker,
+    'user-profile': UserProfile,
+    wheelchair: Wheelchair,
+    wifi: Wifi,
+    world: World,
+    'world-location': WorldLocation,
+    'world-time': WorldTime,
+    'win-prize': WinPrize,
+    zoom: Zoom,
+    'marker-coordinates': MarkerCoordinates,
+    crosshair: Crosshair,
+    'environmental-care': EnvironmentalCare,
+    chart: Chart,
+    earth: Earth,
+    'competition-prize': CompetitionPrize,
+    'world-locations': WorldLocations,
+    'map-cursor': MapCursor,
+    'zone-splitted-checked': ZoneSplittedChecked,
+    'hand-code': HandCode,
+    'form-success': FormSuccess,
+    'map-integration': MapIntegration,
+    'heart-ux': HeartUx,
+    'marker-seo': MarkerSeo,
+    'zone-checked': ZoneChecked,
+    'zoom-plus': ZoomPlus,
+    'mobile-puzzle-marker': mobilePuzzleMarker,
+    'like-chat': LikeChat,
+    footprint: Footprint,
+    'package-marker': PackageMarker,
+    'marker-checked': MarkerChecked,
+    'mobile-like-marker': MobileLikeMarker,
+    'map-poi': MapPoi,
+    'route-info': RouteInfo,
+    'inputs-checked': InputsChecked,
+    'delivery-zone': DeliveryZone,
+    'search-security': SearchSecurity,
+    'puzzle-marker-ecosystem': PuzzleMarkerEcosystem,
+    'arrows-crosshair': ArrowsCrosshair,
+    'marker-data': MarkerData,
+    itinenary: Itinenary,
+    'public-transports-information': PublicTransportsInformation,
+    'route-information': RouteInformation,
+    transit: Transit,
+    'poi-highlight': PoiHighlight,
+    'map-customization': MapCustomization,
+    'map-heart': MapHeart,
+    'arrows-cloud': ArrowsCloud,
+    'client-service': ClientService,
+    'clock-notification': ClockNotification,
+    'cloud-crosshair': CloudCrosshair,
+    'cloud-data': CloudData,
+    'console-settings': ConsoleSettings,
+    'data-cloud': DataCloud,
+    'earth-clock': EarthClock,
+    'location-info': LocationInfo,
+    'logistics-route': LogisticsRoute,
+    'map-indoor-cloud-arrows': MapIndoorCloudArrows,
+    'map-indoor-customize': MapIndoorCustomize,
+    'map-indoor-marker': MapIndoorMarker,
+    'map-indoor-route': MapIndoorRoute,
+    'marker-crosshair': MarkerCrosshair,
+    'navigation-arrow': MavigationArrow,
+    'notification-marker': NotificationMarker,
+    'route-sign-user-star': RouteSignUserStar,
+    'search-check-fast': SearchCheckFast,
+    'square-padlock': SquarePadlock,
+    'stock-availability': StockAvailability,
+    'store-cog': StoreGog,
+    'store-info': StoreInfo,
+    'marker-pad-lock': MarkerPadLock,
+    'marker-route-truck': MarkerRouteTruck,
+    'arrows-marker': ArrowsMarker,
+    'cloud-marker-arrow': CloudMarkerArrow,
+    'signal-marker': SignalMarker,
+    'like-marker': LikeMarker,
+    'user-centric': UserCentric,
+    'credit-card-check': CreditCardCheck,
+    'puzzles-plus': PuzzlesPlus,
+};
+
+const MapDemo = {
+    'map-route': MapRoute,
+    'map-walk': MapWalk,
+    'map-bike': MapBike,
+    'map-train': MapTrain,
+    'map-car': MapCar,
+    'map-switch': MapSwitch,
+    'map-itinerary': MapItinerary,
+    'map-close': MapClose,
+    'map-origin': MapOrigin,
+    'map-pin': MapPin,
+    'map-search': MapSearch,
+    'map-arrow-top': MapArrowTop,
+    'map-arrow-bottom': MapArrowBottom,
+    'map-crosshair': MapCrosshair,
+    'map-copy': MapCopy,
+    'map-bus': MapBus,
+    'map-ferry': MapFerry,
+    'map-flight': MapFlight,
+    'map-subway': MapSubway,
+    'map-lightrail': MapLightRail,
+    'map-high-speed-train': MapHighSpeedTrain,
+};
+
+const ProductsIcons = {
+    address: Address,
+    connectors: Connectors,
+    distance: Distance,
+    geofencing: Geofencing,
+    geolocation: Geolocation,
+    indoor: Indoor,
+    localities: Localities,
+    mapping: Mapping,
+    maps: Map,
+    multisearch: MultiSearch,
+    storelocator: StoreLocator,
+    stores: Stores,
+    traffic: Traffic,
+    showcases: Showcases,
+};
+
+const Icons = {
+    ...WebsiteIcons,
+    ...ProductsIcons,
+    ...MapDemo,
+    'social-facebook': SocialFacebook,
+    'social-github': SocialGithub,
+    'social-google': SocialGoogle,
+    'social-linkedin': SocialLinkedin,
+    'social-twitter': SocialTwitter,
+};
+
+class Icon extends Component {
+    render() {
+        const { icon, size, className, isFill, isLoad, title, testId } = this.props;
+        const IconComponent = Object.keys(Icons).includes(icon) ? Icons[icon] : Woosmap;
+        const classes = cl('icon', { 'icon--fill': isFill }, { 'icon--load icon--fill': isLoad }, className);
+        return (
+            <IconComponent
+                className={classes}
+                data-testid={`${testId}-${icon}`}
+                width={size}
+                height={size}
+                title={title}
+            />
+        );
+    }
+}
+
+Icon.defaultProps = {
+    size: 22,
+    className: null,
+    title: null,
+    testId: 'icon',
+    isFill: false,
+    isLoad: false,
+};
+
+Icon.propTypes = {
+    size: PropTypes.number,
+    className: PropTypes.string,
+    icon: PropTypes.string.isRequired,
+    isFill: PropTypes.bool,
+    isLoad: PropTypes.bool,
+    title: PropTypes.string,
+    testId: PropTypes.string,
+};
+
+export default Object.assign(Icon, {
+    Icons,
+    WebsiteIcons,
+    ProductsIcons,
+    MapDemo,
+});

package/src/components/Label/Label.js

@@ -101,7 +101,6 @@ Label.propTypes = {
         'address',
         'map',
         'mapping',
-        'merchants',
         'traffic',
         'indoor',
         'w3w',