@woosmap/ui 4.221.0 → 4.223.0

package/src/components/PricingSlider/PricingData.js

@@ -1,49 +1,47 @@
-import localitiesImgSq from '@/images/products/product-localities-sq.png';
-import geolocationImgSq from '@/images/products/product-geolocation-sq.png';
-import storesImgSq from '@/images/products/product-stores-sq.png';
-import distanceImgSq from '@/images/products/product-distance-sq.png';
-import mapImgSq from '@/images/products/product-map-sq.png';
-import indoorImgSq from '@/images/products/product-indoor-sq.png';
+import localitiesImgSq from '../../images/products/product-localities-sq.png';
+import geolocationImgSq from '../../images/products/product-geolocation-sq.png';
+import storesImgSq from '../../images/products/product-stores-sq.png';
+import distanceImgSq from '../../images/products/product-distance-sq.png';
+import mapImgSq from '../../images/products/product-map-sq.png';
+import indoorImgSq from '../../images/products/product-indoor-sq.png';
 // import geofencingImgSq from '../../images/products/product-geofencing-sq.png';
 // import transitImgSq from '../../images/products/product-transit-sq.png';
 
 /* eslint-disable */
 
-
 const Pricing = {
     Localities: {
         image: localitiesImgSq,
-        description: "Find the right address and speed up the customer journey with autocompletion and geocode features",
+        description:
+            'Find the right address and speed up the customer journey with autocompletion and geocode features',
         pricings: {
-            'Autocomplete': {
+            Autocomplete: {
                 docLink: 'https://developers.woosmap.com/products/localities/autocomplete',
                 defaultQueries: 1,
                 publicTierCount: 1,
-                unit: "Monthly Requests",
+                unit: 'Monthly Requests',
                 description:
                     "Get suggestions for addresses, localities, postcodes and more with typo tolerance. Per terms, 'autocomplete' cannot be used alone, the 'details' endpoint is mandatory for detailed information.",
                 pricing: [],
                 discountEligible: false,
             },
-            'Search': {
+            Search: {
                 docLink: 'https://developers.woosmap.com/products/localities/search',
                 defaultQueries: 0,
                 publicTierCount: 1,
-                unit: "Monthly Requests",
-                description:
-                    "Get suggestions for points of interest based on their name, categories and city",
+                unit: 'Monthly Requests',
+                description: 'Get suggestions for points of interest based on their name, categories and city',
                 pricing: [],
                 discountEligible: false,
             },
-            'Details': {
+            Details: {
                 docLink: 'https://developers.woosmap.com/products/localities/details',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
-                description:
-                    "Get details on Autocomplete and Search suggestions",
+                unit: 'Monthly Requests',
+                description: 'Get details on Autocomplete and Search suggestions',
                 pricing: [
-                	[5000, 0],
+                    [5000, 0],
                     [100000, 6.26],
                     [500000, 5.0],
                     [1000000, 4.69],
@@ -57,9 +55,10 @@ const Pricing = {
             'Details UK Addresses': {
                 docLink: 'https://developers.woosmap.com/products/localities/details',
                 defaultQueries: 0,
-                publicTierCount: 4, unit: "Monthly Requests",
+                publicTierCount: 4,
+                unit: 'Monthly Requests',
                 description:
-                    "Get details on Autocomplete suggestions on UK addresses benefiting from best available data on the market",
+                    'Get details on Autocomplete suggestions on UK addresses benefiting from best available data on the market',
                 pricing: [
                     [10000, 36.15],
                     [50000, 24.92],
@@ -77,9 +76,9 @@ const Pricing = {
                 docLink: 'https://developers.woosmap.com/products/localities/geocode',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
+                unit: 'Monthly Requests',
                 description:
-                    "Geocoding/Reverse geocoding on localities, postcodes and addresses with high accuracy levels",
+                    'Geocoding/Reverse geocoding on localities, postcodes and addresses with high accuracy levels',
                 pricing: [
                     [5000, 0],
                     [100000, 1.84],
@@ -95,9 +94,10 @@ const Pricing = {
             'Geocode/Reverse Geocode UK addresses': {
                 docLink: 'https://developers.woosmap.com/products/localities/geocode',
                 defaultQueries: 0,
-                publicTierCount: 4, unit: "Monthly Requests",
+                publicTierCount: 4,
+                unit: 'Monthly Requests',
                 description:
-                    "Geocoding/Reverse geocoding on localities, postcodes and UK addresses benefiting from best available data on the market",
+                    'Geocoding/Reverse geocoding on localities, postcodes and UK addresses benefiting from best available data on the market',
                 pricing: [
                     [10000, 36.15],
                     [50000, 24.92],
@@ -111,13 +111,12 @@ const Pricing = {
                 ],
                 discountEligible: false,
             },
-            'Nearby': {
+            Nearby: {
                 docLink: 'https://developers.woosmap.com/products/localities/nearby',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
-                description:
-                    "Get nearest points of interest based on a specified location",
+                unit: 'Monthly Requests',
+                description: 'Get nearest points of interest based on a specified location',
                 pricing: [
                     [10000, 0],
                     [100000, 6.26],
@@ -130,29 +129,28 @@ const Pricing = {
                 ],
                 discountEligible: false,
             },
-            'what3words': {
+            what3words: {
                 docLink: 'https://developers.woosmap.com/products/w3w-api/overview',
                 defaultQueries: 0,
                 publicTierCount: 1,
-                unit: "Monthly Requests",
-                description:
-                    "Add what3words capabilities to your address search",
+                unit: 'Monthly Requests',
+                description: 'Add what3words capabilities to your address search',
                 pricing: [],
                 discountEligible: false,
             },
         },
     },
-    'Map': {
+    Map: {
         image: mapImgSq,
-        description: "Display your data without compromising readability",
+        description: 'Display your data without compromising readability',
         pricings: {
-            'Mapload': {
+            Mapload: {
                 docLink: 'https://developers.woosmap.com/products/map-api/get-started',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
+                unit: 'Monthly Requests',
                 description:
-                    "Get a vector basemap, with smooth navigation and fast loading, optimised for mobile, with 3D capabilities. Leverage built in interactions with the Store Search API for mapping of your Points of Interest",
+                    'Get a vector basemap, with smooth navigation and fast loading, optimised for mobile, with 3D capabilities. Leverage built in interactions with the Store Search API for mapping of your Points of Interest',
                 pricing: [
                     [5000, 0],
                     [100000, 2.58],
@@ -169,9 +167,8 @@ const Pricing = {
                 docLink: 'https://developers.woosmap.com/products/map-static-api/get-started/',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
-                description:
-                    "Generate customizable, embeddable map images with minimal integration effort",
+                unit: 'Monthly Requests',
+                description: 'Generate customizable, embeddable map images with minimal integration effort',
                 pricing: [
                     [5000, 0],
                     [100000, 0.74],
@@ -188,15 +185,15 @@ const Pricing = {
     },
     Distance: {
         image: distanceImgSq,
-        description: "Get distance or time for your routes worldwide with or without traffic",
+        description: 'Get distance or time for your routes worldwide with or without traffic',
         pricings: {
             'Route (/q)': {
                 docLink: 'https://developers.woosmap.com/products/distance-api/route-endpoint',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
+                unit: 'Monthly Requests',
                 description:
-                    "Get driving, cycling or walking route distance and duration with detailed path to display on a map",
+                    'Get driving, cycling or walking route distance and duration with detailed path to display on a map',
                 pricing: [
                     [5000, 0],
                     [100000, 1.84],
@@ -210,12 +207,13 @@ const Pricing = {
                 discountEligible: false,
             },
             'Route with Traffic (/q)': {
-                docLink: 'https://developers.woosmap.com/products/distance-api/route-endpoint/#traffic-awareness-parameters-optional',
+                docLink:
+                    'https://developers.woosmap.com/products/distance-api/route-endpoint/#traffic-awareness-parameters-optional',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
+                unit: 'Monthly Requests',
                 description:
-                    "Get driving, cycling or walking route distance and duration including historical or real time traffic paterns",
+                    'Get driving, cycling or walking route distance and duration including historical or real time traffic paterns',
                 pricing: [
                     [5000, 0],
                     [100000, 3.68],
@@ -232,9 +230,9 @@ const Pricing = {
                 docLink: 'https://developers.woosmap.com/products/distance-api/distance-matrix-endpoint',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Elements",
+                unit: 'Monthly Elements',
                 description:
-                    "Get driving, cycling or walking route distance and duration for multiple Origins and Destinations",
+                    'Get driving, cycling or walking route distance and duration for multiple Origins and Destinations',
                 pricing: [
                     [10000, 0],
                     [100000, 1.84],
@@ -248,18 +246,19 @@ const Pricing = {
                 discountEligible: false,
             },
             'Distance Matrix with Traffic (/elt)': {
-                docLink: 'https://developers.woosmap.com/products/distance-api/distance-matrix-endpoint/#traffic-awareness-parameter-optional',
+                docLink:
+                    'https://developers.woosmap.com/products/distance-api/distance-matrix-endpoint/#traffic-awareness-parameter-optional',
                 defaultQueries: 0,
                 publicTierCount: 2,
-                unit: "Monthly Elements",
+                unit: 'Monthly Elements',
                 description:
-                    "Get driving, cycling or walking route distance and duration for multiple Origins and Destinations, including historical or real time traffic paterns",
+                    'Get driving, cycling or walking route distance and duration for multiple Origins and Destinations, including historical or real time traffic paterns',
                 pricing: [
                     [5000, 0],
                     [100000, 3.68],
                     [500000, 2.94],
                     [1000000, 2.76],
-                    [5000000, 2,31],
+                    [5000000, 2, 31],
                     [10000000, 1.75],
                     [20000000, 0.99],
                     [50000000, 0.66],
@@ -270,9 +269,8 @@ const Pricing = {
                 docLink: 'https://developers.woosmap.com/products/distance-api/isochrone-endpoint',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
-                description:
-                    "Get isochrone computations to display on a map",
+                unit: 'Monthly Requests',
+                description: 'Get isochrone computations to display on a map',
                 pricing: [
                     [5000, 0],
                     [100000, 1.84],
@@ -289,9 +287,9 @@ const Pricing = {
                 docLink: 'https://developers.woosmap.com/products/mobile/get-started',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Elements",
+                unit: 'Monthly Elements',
                 description:
-                    "Get driving, cycling or walking route distance and duration for multiple Origins and Destinations using the Woosmap Geofencing SDK",
+                    'Get driving, cycling or walking route distance and duration for multiple Origins and Destinations using the Woosmap Geofencing SDK',
                 pricing: [
                     [10000, 0],
                     [100000, 10.32],
@@ -308,9 +306,9 @@ const Pricing = {
                 docLink: 'https://developers.woosmap.com/products/mobile/get-started/',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Elements",
+                unit: 'Monthly Elements',
                 description:
-                    "Get driving, cycling or walking route distance and duration for multiple Origins and Destinations, including historical or real time traffic paterns using the Woosmap Geofencing SDK",
+                    'Get driving, cycling or walking route distance and duration for multiple Origins and Destinations, including historical or real time traffic paterns using the Woosmap Geofencing SDK',
                 pricing: [
                     [5000, 0],
                     [100000, 20.64],
@@ -323,13 +321,13 @@ const Pricing = {
                 ],
                 discountEligible: false,
             },
-            'Transit': {
+            Transit: {
                 docLink: 'https://developers.woosmap.com/products/transit-api/route-endpoint',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
+                unit: 'Monthly Requests',
                 description:
-                    "Get distance, duration, path and public transport details between an origin and a destination, based on public transportation",
+                    'Get distance, duration, path and public transport details between an origin and a destination, based on public transportation',
                 pricing: [
                     [5000, 0],
                     [100000, 3.68],
@@ -346,33 +344,33 @@ const Pricing = {
     },
     Geolocation: {
         image: geolocationImgSq,
-        description: "Automatic Geolocation based on IP addresses",
+        description: 'Automatic Geolocation based on IP addresses',
         pricings: {
-            'Position': {
+            Position: {
                 docLink: 'https://developers.woosmap.com/products/geolocation-api/location',
                 defaultQueries: 0,
                 publicTierCount: 3,
-                unit: "Monthly Requests",
+                unit: 'Monthly Requests',
                 description:
-                    "Retrieve local context for your visitors (country, region, timezone, etc), based on their IP, to customise your website and create location-based funnels",
+                    'Retrieve local context for your visitors (country, region, timezone, etc), based on their IP, to customise your website and create location-based funnels',
                 pricing: [
                     [100000, 2.06],
                     [500000, 1.65],
                     [1000000, 1.55],
                     [5000000, 0.77],
-                    [10000000, 0.20],
+                    [10000000, 0.2],
                     [20000000, 0.06],
                     [50000000, 0.02],
                 ],
                 discountEligible: false,
             },
-            'Stores': {
+            Stores: {
                 docLink: 'https://developers.woosmap.com/products/geolocation-api/stores',
                 defaultQueries: 0,
                 publicTierCount: 3,
-                unit: "Monthly Requests",
+                unit: 'Monthly Requests',
                 description:
-                    "In addition to local context, retrieve all assets hosted in Woosmap close to this location (store search request included)",
+                    'In addition to local context, retrieve all assets hosted in Woosmap close to this location (store search request included)',
                 pricing: [
                     [100000, 2.58],
                     [500000, 2.06],
@@ -384,13 +382,12 @@ const Pricing = {
                 ],
                 discountEligible: false,
             },
-            'Timezone': {
+            Timezone: {
                 docLink: 'https://developers.woosmap.com/products/geolocation-api/timezone',
                 defaultQueries: 0,
                 publicTierCount: 3,
-                unit: "Monthly Requests",
-                description:
-                    "Retrieve the timezone and time offsets from a location to compute local time",
+                unit: 'Monthly Requests',
+                description: 'Retrieve the timezone and time offsets from a location to compute local time',
                 pricing: [
                     [100000, 2.58],
                     [500000, 2.06],
@@ -404,17 +401,17 @@ const Pricing = {
             },
         },
     },
-     Stores: {
+    Stores: {
         image: storesImgSq,
-        description: "A dedicated search engine for your own data",
+        description: 'A dedicated search engine for your own data',
         pricings: {
-            'Search': {
+            Search: {
                 docLink: 'https://developers.woosmap.com/products/search-api/search-query',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
+                unit: 'Monthly Requests',
                 description:
-                    "Search for your points of interest by location, proxilmity to a route, by their characteristics with autocomplete capabilities",
+                    'Search for your points of interest by location, proxilmity to a route, by their characteristics with autocomplete capabilities',
                 pricing: [
                     [10000, 0],
                     [100000, 0.52],
@@ -427,13 +424,12 @@ const Pricing = {
                 ],
                 discountEligible: false,
             },
-            'Mapping': {
+            Mapping: {
                 docLink: 'https://developers.woosmap.com/products/map-api/guides/display-stores-overlay',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
-                description:
-                    "Map your points of interest on a world map, no matter their number",
+                unit: 'Monthly Requests',
+                description: 'Map your points of interest on a world map, no matter their number',
                 pricing: [
                     [10000, 0],
                     [100000, 5.16],
@@ -450,9 +446,8 @@ const Pricing = {
                 docLink: 'https://developers.woosmap.com/products/data-api/get-started',
                 defaultQueries: 0,
                 publicTierCount: 2,
-                unit: "Monthly Requests",
-                description:
-                    "Handle and maintain location data, ensuring accuracy and reliability",
+                unit: 'Monthly Requests',
+                description: 'Handle and maintain location data, ensuring accuracy and reliability',
                 pricing: [
                     [10000, 0],
                     [100000, 10.32],
@@ -469,9 +464,8 @@ const Pricing = {
                 docLink: 'https://developers.woosmap.com/products/mobile/get-started',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
-                description:
-                    "Search for your points of interest by location using the Woosmap Geofencing SDK",
+                unit: 'Monthly Requests',
+                description: 'Search for your points of interest by location using the Woosmap Geofencing SDK',
                 pricing: [
                     [10000, 0],
                     [100000, 5.16],
@@ -488,34 +482,32 @@ const Pricing = {
     },
     Indoor: {
         image: indoorImgSq,
-        description: "Map private venues and propose indoor search and wayfinding",
+        description: 'Map private venues and propose indoor search and wayfinding',
         pricings: {
-            'Search': {
+            Search: {
                 docLink: 'https://developers.woosmap.com/products/indoor-api/indoor-js-api/get-started',
                 defaultQueries: 0,
                 publicTierCount: 2,
-                unit: "Monthly Requests",
-                description:
-                    "Search for your POI",
+                unit: 'Monthly Requests',
+                description: 'Search for your POI',
                 pricing: [
                     [10000, 0],
                     [100000, 2.06],
                     [500000, 1.65],
                     [1000000, 1.55],
                     [5000000, 0.77],
-                    [10000000, 0.20],
+                    [10000000, 0.2],
                     [20000000, 0.06],
                     [50000000, 0.02],
                 ],
                 discountEligible: false,
             },
-            'Distance': {
+            Distance: {
                 docLink: 'https://developers.woosmap.com/products/indoor-api/indoor-js-api/direction-service',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
-                description:
-                    "Enable indoor path calculation and turn-by-turn navigation based on mobility profiles",
+                unit: 'Monthly Requests',
+                description: 'Enable indoor path calculation and turn-by-turn navigation based on mobility profiles',
                 pricing: [
                     [10000, 0],
                     [100000, 20.64],
@@ -532,9 +524,8 @@ const Pricing = {
                 docLink: 'https://developers.woosmap.com/products/indoor-api/guides/digitalisation',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
-                description:
-                    "Manage your POIs and venue",
+                unit: 'Monthly Requests',
+                description: 'Manage your POIs and venue',
                 pricing: [
                     [10000, 0],
                     [100000, 20.64],
@@ -547,13 +538,12 @@ const Pricing = {
                 ],
                 discountEligible: false,
             },
-            'Mapping': {
+            Mapping: {
                 docLink: 'https://developers.woosmap.com/products/indoor-api/indoor-js-api/map-renderer',
                 defaultQueries: 0,
                 publicTierCount: 4,
-                unit: "Monthly Requests",
-                description:
-                    "Display your indoor venue map on top of the map of the world",
+                unit: 'Monthly Requests',
+                description: 'Display your indoor venue map on top of the map of the world',
                 pricing: [
                     [10000, 0],
                     [100000, 20.64],

package/src/components/PricingSlider/PricingSimulator.js

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 import numeral from 'numeral';
 /* eslint-disable import/no-named-as-default */
 /* eslint-disable import/no-named-as-default-member */
-import PricingSlider from '@/components/PricingSlider/PricingSlider';
-import PricingData from '@/components/PricingSlider/PricingData';
-import tr from '@/components/utils/locale';
+import PricingSlider from './PricingSlider';
+import PricingData from './PricingData';
+import { tr } from '../utils/locale';
 
 export default class PricingSimulator extends Component {
     constructor(props) {

package/src/components/PricingSlider/PricingSimulator.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import PricingSimulator from '@/components/PricingSlider/PricingSimulator';
+import PricingSimulator from './PricingSimulator';
 
 const Story = {
     title: 'base/PricingSimulator',

package/src/components/PricingSlider/PricingSlider.js

@@ -2,11 +2,10 @@ import React, { Component } from 'react';
 import ReactSlider from 'react-slider';
 import PropTypes from 'prop-types';
 import numeral from 'numeral';
-import Input from '@/components/Input/Input';
-import Button from '@/components/Button/Button';
-// eslint-disable-next-line import/no-named-as-default
-import tr from '@/components/utils/locale';
-import Icon from '@/components/Icon/Icon';
+import Input from '../Input/Input';
+import Button from '../Button/Button';
+import { tr } from '../utils/locale';
+import Icon from '../Icon/Icon';
 
 export default class PricingSlider extends Component {
     constructor(props) {

package/src/components/ProgressBar/ProgressBar.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import '@/components/ProgressBar/ProgressBar.styl';
+import './ProgressBar.styl';
 
 class ProgressBar extends Component {
     getColor = (percentage) => {

package/src/components/ProgressBar/ProgressBar.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import ProgressBar from '@/components/ProgressBar/ProgressBar';
+import ProgressBar from './ProgressBar';
 
 const Story = {
     title: 'base/ProgressBar',

package/src/components/ProgressBar/ProgressBar.test.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
-import ProgressBar from '@/components/ProgressBar/ProgressBar';
+import ProgressBar from './ProgressBar';
 
 describe('<ProgressBar />', () => {
     it.each([['description'], ['leftText'], ['rightText']])('renders %s if provided via props', (prop) => {

package/src/components/ScrollBar/ScrollBar.stories.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import ScrollBar from '@/components/ScrollBar/ScrollBar';
+import ScrollBar from './ScrollBar';
 
 const Story = {
     title: 'base/ScrollBar',

package/src/components/ScrollBar/ScrollBar.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import ScrollBar from '@/components/ScrollBar/ScrollBar';
+import ScrollBar from './ScrollBar';
 
 it('renders a ScrollBar component ', () => {
     const { getByTestId } = render(<ScrollBar>content</ScrollBar>);

package/src/components/Select/Select.stories.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import Select from '@/components/Select/Select';
-import AsyncSelect from '@/components/Select/AsyncSelect';
-import CountrySelect from '@/components/Select/CountrySelect';
-import LanguageSelect from '@/components/Select/LanguageSelect';
+import Select from './Select';
+import AsyncSelect from './AsyncSelect';
+import CountrySelect from './CountrySelect';
+import LanguageSelect from './LanguageSelect';
 
 const Story = {
     title: 'base/Select',

package/src/components/Select/TagSelect.test.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 
-import TagSelect from '@/components/Select/TagSelect';
+import TagSelect from './TagSelect';
 
 it('renders a ConfirmationPopover', () => {
     const { container } = render(<TagSelect />);

package/src/components/ServiceMessage/ServiceMessage.js

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import cl from 'classnames';
 import PropTypes from 'prop-types';
-import Button from '@/components/Button/Button';
+import Button from '../Button/Button';
 
 export default class ServiceMessage extends Component {
     constructor(props) {

package/src/components/ServiceMessage/ServiceMessage.stories.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import ServiceMessage from '@/components/ServiceMessage/ServiceMessage';
-import Button from '@/components/Button/Button';
+import ServiceMessage from './ServiceMessage';
+import Button from '../Button/Button';
 
 const Story = {
     title: 'base/ServiceMessage',

package/src/components/SnackBar/SnackBar.js

@@ -1,8 +1,8 @@
 import React, { Component } from 'react';
 import cl from 'classnames';
 import PropTypes from 'prop-types';
-import Animate, { AnimatePresence } from '@/components/Animate/Animate';
-import Button from '@/components/Button/Button';
+import Animate, { AnimatePresence } from '../Animate/Animate';
+import Button from '../Button/Button';
 
 const SnackBarContext = React.createContext();
 

package/src/components/SnackBar/SnackBar.stories.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import SnackBar from '@/components/SnackBar/SnackBar';
-import withSnackBar from '@/components/SnackBar/withSnackBar';
-import Button from '@/components/Button/Button';
+import SnackBar from './SnackBar';
+import withSnackBar from './withSnackBar';
+import Button from '../Button/Button';
 
 class SomeChildComponent extends React.Component {
     render() {