@wayke-se/components-react 3.0.0-beta.1 → 3.0.0-beta.11

package/src/components/FinancialOptions/leasing.tsx

@@ -9,7 +9,7 @@ import Modal from '../Modal/index';
 import { Image, ModalFoldout, ModalFoldoutBody } from '../Modal/wrapper';
 import Content from '../Content/index';
 import DataList from '../DataList/index';
-import { FinancialOption } from '../../@types/codegen';
+import { FinancialOption } from '../../@types/codegen/types';
 
 interface LeasingProps {
   financialOption: FinancialOption;

package/src/components/FinancialOptions/loan.tsx

@@ -6,7 +6,7 @@ import { UtilityTextPrimary } from '../Utility/index';
 import { ButtonInline } from '../Button/index';
 import { numberSeparator } from '../../utils/formats';
 import useLoanCalculation from '../../hooks/useLoan';
-import { FinancialOption } from '../../@types/codegen';
+import { FinancialOption } from '../../@types/codegen/types';
 import LoanModal from './LoanModal';
 
 interface LoanProps {

package/src/components/Gallery/index.tsx

@@ -25,7 +25,7 @@ import QuickNavEmbeded from '../Video/QuickNavEmbeded';
 import Sphere from '../Sphere/Sphere';
 import { notEmpty } from '../../utils/formats';
 import ThreeSixty from '../ThreeSixty/ThreeSixty';
-import { Media } from '../../@types/codegen';
+import { Media } from '../../@types/codegen/types';
 import PubSub from '../../utils/pubsub/pubsub';
 import { DEFAULT_PLACEHOLDER_IMAGE } from '../../utils/constants';
 

package/src/components/Gallery/wrapper.tsx

@@ -106,76 +106,6 @@ export const SliderWrapper = styled.div`
     bottom: 0;
     left: 0;
     right: 0;
-    user-select: none;
-    touch-action: pan-y;
-    -webkit-tap-highlight-color: transparent;
-
-    .slick-list,
-    .slick-track {
-      transform: translate3d(0, 0, 0);
-    }
-  }
-
-  .slick-list {
-    position: relative;
-    display: block;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-
-    &:focus {
-      outline: none;
-    }
-
-    &.dragging {
-      cursor: pointer;
-      cursor: hand;
-    }
-  }
-
-  .slick-track {
-    position: relative;
-    top: 0;
-    left: 0;
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-
-    &::before,
-    &::after {
-      content: '';
-      display: table;
-    }
-
-    &::after {
-      clear: both;
-    }
-  }
-
-  .slick-slide {
-    display: none;
-    float: left;
-    min-height: 1px;
-  }
-
-  .slick-loading {
-    .slick-track {
-      visibility: hidden;
-    }
-
-    img {
-      display: none;
-    }
-  }
-
-  .slick-initialized {
-    .slick-slide {
-      display: block;
-    }
-  }
-
-  .slick-slide.dragging img {
-    pointer-events: none;
   }
 
   ${(props) => props.theme.breakpoint.LtMd} {

package/src/components/InsuranceOptions/Insurance.tsx

@@ -4,7 +4,7 @@ import { VisualHeading } from '../Heading/index';
 import OptionBox from '../OptionBox/index';
 import { OptionBoxHeading, OptionBoxContent } from '../OptionBox/wrapper';
 import { ButtonInline } from '../Button/index';
-import { InsuranceOption, Branch } from '../../@types/codegen';
+import { InsuranceOption, Branch } from '../../@types/codegen/types';
 import InsuranceModal from './InsuranceModal';
 
 interface InsuranceOptions {

package/src/components/InsuranceOptions/InsuranceFree.tsx

@@ -6,7 +6,7 @@ import { OptionBoxContent } from '../OptionBox/wrapper';
 import Content from '../Content/index';
 import { marked } from 'marked';
 import { ButtonInline } from '../Button/index';
-import { InsuranceOption } from '../../@types/codegen';
+import { InsuranceOption } from '../../@types/codegen/types';
 import InsuranceFreeModal from './InsuranceFreeModal';
 
 interface InsuranceOptions {

package/src/components/InsuranceOptions/InsuranceFreeModal.tsx

@@ -5,7 +5,7 @@ import Content from '../Content/index';
 import { Repeat } from '../Repeat/index';
 import { ButtonInline } from '../Button/index';
 import LogoBox from '../LogoBox/index';
-import { InsuranceOption } from '../../@types/codegen';
+import { InsuranceOption } from '../../@types/codegen/types';
 import { marked } from 'marked';
 
 interface InsuranceFreeModal {

package/src/components/InsuranceOptions/InsuranceModal.tsx

@@ -21,7 +21,7 @@ import useInsuranceCalculation from '../../hooks/useInsurance';
 import { ssnIsValid } from '../../utils/ssn';
 import Loader from '../Loader/index';
 import { numberSeparator } from '../../utils/formats';
-import { DrivingDistance, InsuranceOption, Branch } from '../../@types/codegen';
+import { DrivingDistance, InsuranceOption, Branch } from '../../@types/codegen/types';
 import PubSub from '../../utils/pubsub/pubsub';
 
 interface FormData {

package/src/components/InsuranceOptions/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InsuranceOption, Branch } from '../../@types/codegen';
+import { InsuranceOption, Branch } from '../../@types/codegen/types';
 import Insurance from './Insurance';
 import InsuranceFree from './InsuranceFree';
 

package/src/components/Lightbox/index.tsx

@@ -5,7 +5,7 @@ import { IconCancel } from '../Icon/index';
 import EmbeddedVideoLightbox from '../Video/EmbeddedVideoLightbox';
 import SphereLightbox from '../Sphere/SphereLightbox';
 import ThreeSixtyLightbox from '../ThreeSixty/ThreeSixtLightbox';
-import { Media } from '../../@types/codegen';
+import { Media } from '../../@types/codegen/types';
 
 interface LightboxProps {
   index: number;

package/src/components/Map/index.tsx

@@ -3,7 +3,7 @@ import useSettings from '../../State/Settings/useSettings';
 
 import { Wrapper, Image, Placeholder, PlaceholderAction } from './wrapper';
 import { ButtonSecondary, ButtonContent } from '../Button/index';
-import { Position, Maybe } from '../../@types/codegen';
+import { Position, Maybe } from '../../@types/codegen/types';
 
 interface StaticMapProps {
   position?: Maybe<Position>;

package/src/components/OpeningHours/index.tsx

@@ -4,7 +4,7 @@ import Badge from '../Badge/index';
 import { TableColumn, TableColumnRow, TableColumnCell } from '../TableColumn/index';
 import { UtilityTextBold } from '../Utility/index';
 
-import { OpeningHours, Maybe } from '../../@types/codegen';
+import { OpeningHours, Maybe } from '../../@types/codegen/types';
 
 type Days = Omit<OpeningHours, '__typename'>;
 type KeyType = keyof Days;

package/src/components/Pdf/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Scalars } from '../../@types/codegen';
+import { Scalars } from '../../@types/codegen/types';
 import {
   PdfListItem,
   PdfSubtitle,

package/src/components/SortSelect/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import { Wrapper, Select, Option, Icon } from './wrapper';
 import { IconChevronDown } from '../Icon/index';
-import { DrivingDistance } from '../../@types/codegen';
+import { DrivingDistance } from '../../@types/codegen/types';
 
 export interface OptionProps {
   value: number | string | DrivingDistance;

package/src/components/Sphere/SphereLightbox.tsx

@@ -5,8 +5,6 @@ type PropsType = {
   url: string;
 };
 
-const SphereLightbox = ({ url }: PropsType) => (
-  <SphereViewer id={url} src={url} preview={url} autoLoad />
-);
+const SphereLightbox = ({ url }: PropsType) => <SphereViewer id={url} src={url} preview={url} />;
 
 export default SphereLightbox;

package/src/components/Sphere/SphereViewer.tsx

@@ -3,9 +3,41 @@ import React, { lazy, useState, useEffect } from 'react';
 import { Wrapper } from './wrapper';
 import Loader from '../Loader/index';
 
-// Skip loading pannellum with video
-const ReactPannellum = lazy(() => import('pannellum-react/es/elements/Pannellum'));
+const ReactPannellum = lazy(() => import('react-pannellum'));
 
+const config = {
+  type: 'equirectangular',
+  autoRotate: -2,
+  autoLoad: true,
+  uiText: {
+    bylineLabel: 'by %s',
+    noPanoramaError: 'No panorama image was specified.',
+    fileAccessError: 'The file %s could not be accessed.',
+    malformedURLError: 'There is something wrong with the panorama URL.',
+    iOS8WebGLError:
+      "Due to iOS 8's broken WebGL implementation, only progressive encoded JPEGs work for your device (this panorama uses standard encoding).",
+    genericWebGLError:
+      'Your browser does not have the necessary WebGL support to display this panorama.',
+    textureSizeError:
+      "This panorama is too big for your device! It's %spx wide, but your device only supports images up to %spx wide. Try another device. (If you're the author, try scaling down the image.)",
+    unknownError: 'Unknown error. Check developer console.',
+    loadButtonLabel: 'Starta 360° interiört',
+    loadingLabel: 'Laddar...',
+  },
+  preview: '/images/placeholders/placeholder_product_card.jpg',
+  compass: true,
+  showZoomCtrl: true,
+  keyboardZoom: false,
+  mouseZoom: false,
+  hfov: 180,
+};
+
+const style = {
+  height: 0,
+  width: '100%',
+  paddingBottom: '66.666%',
+  touchAction: 'manipulation',
+};
 type PropsType = {
   id: string;
   src: string;
@@ -25,17 +57,21 @@ const SphereViewer = ({ id, src, preview, autoLoad, onStart }: PropsType) => {
     }, 100);
   }, []);
 
+  const c = {
+    ...config,
+    preview,
+    autoLoad,
+  };
+
   return (
     <Wrapper>
       <React.Suspense fallback={<Loader />}>
         <ReactPannellum
           id={`a-${id}-${number}`}
-          image={src}
-          hfov={120}
-          autoLoad={autoLoad}
-          compass
-          width={'100%'}
-          preview={preview}
+          sceneId={src}
+          imageSource={src}
+          config={c}
+          style={style}
         />
       </React.Suspense>
     </Wrapper>

package/src/components/Sphere/wrapper.tsx

@@ -6,14 +6,11 @@ const compassSize = size(4);
 const controlBtnSize = size(4);
 
 export const Wrapper = styled.div`
-  position: relative;
   width: 100%;
   height: 0 !important;
   padding-bottom: 66.666% !important; // 3:2
 
   .pnlm-container {
-    position: absolute;
-    height: 100% !important;
     background-image: none;
     background-color: ${(props) => props.theme.color.accentDark};
   }

package/src/hooks/useInsurance.ts

@@ -1,7 +1,7 @@
 import { useQuery, QueryResult } from '@apollo/client';
 import INSURANCE_CALCULATION from '../queries/INSURANCE_CALCULATION';
 
-import { DrivingDistance, QueryInsurancesArgs, Query } from '../@types/codegen';
+import { DrivingDistance, QueryInsurancesArgs, Query } from '../@types/codegen/types';
 
 const useInsuranceCalculation = (
   id: string,

package/src/hooks/useLoan.ts

@@ -1,6 +1,6 @@
 import { useQuery, QueryResult } from '@apollo/client';
 import LOAN_CALCULATION from '../queries/LOAN_CALCULATION';
-import { QueryLoanArgs, Query } from '../@types/codegen';
+import { QueryLoanArgs, Query } from '../@types/codegen/types';
 
 const useLoanCalculation = (
   id: string,

package/src/hooks/useSearchItem.ts

@@ -1,6 +1,6 @@
 import { useQuery, QueryResult } from '@apollo/client';
 import SEARCH_ITEM_QUERY from '../queries/SEARCH_ITEM_QUERY';
-import { QueryVehicleArgs, Query } from '../@types/codegen';
+import { QueryVehicleArgs, Query } from '../@types/codegen/types';
 
 const useSearchItem = (id?: string): QueryResult<Query, QueryVehicleArgs> =>
   useQuery<Query, QueryVehicleArgs>(SEARCH_ITEM_QUERY, {

package/src/hooks/useSearchItemBranch.ts

@@ -1,6 +1,6 @@
 import { useQuery, QueryResult } from '@apollo/client';
 import SEARCH_ITEM_BRANCH_QUERY from '../queries/SEARCH_ITEM_BRANCH_QUERY';
-import { QueryVehicleArgs, Query } from '../@types/codegen';
+import { QueryVehicleArgs, Query } from '../@types/codegen/types';
 
 const useSearchItemBranch = (
   id?: string | null,

package/src/index-dev.tsx

@@ -1,14 +1,11 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
-import '@wayke-se/ecom-web/dist/index.css';
 
-import WaykeComposite, {
-  WaykePubSub,
-  WaykeProvider,
-  WaykeItemProvider,
-  WaykeSearch,
-  WaykeSearchItem,
-} from '.';
+import '../example/src/assets/style/theme.css';
+import '../example/src/assets/style/ecom.css';
+import '../assets/default.css';
+
+import WaykeComposite, { WaykePubSub } from '.';
 
 WaykePubSub.subscribe({
   eventName: 'All',
@@ -16,129 +13,30 @@ WaykePubSub.subscribe({
   callback: (eventName, data) => console.log('subscribed All:', eventName, data),
 });
 
-type InitType = 'hash' | 'default' | 'path' | 'search' | 'item';
-
-const App = ({ type }: { type: InitType }) => {
-  switch (type) {
-    case 'hash':
-      return (
-        <WaykeComposite
-          composite={{
-            // initialQueryParams,
-            removeSearchBar: false,
-          }}
-          provider={{
-            graphQlUrl: process.env.WAYKE_GRAPH_QL_URL as string,
-            url: process.env.WAYKE_SEARCH_URL as string,
-            urlMlt: process.env.WAYKE_SEARCH_MLT_URL as string,
-            ecomSettings: {
-              url: process.env.WAYKE_ECOM_URL as string,
-              useBankId: true,
-              serviceLogotypeUrl: 'https://cdn.wayke.se/wui/images/ecom/wayke-logo.svg',
-            },
-            //googleMapsApiKey: process.env.GOOGLE_MAPS_API_KEY as string,
-            googleMapsMarker: 'https://www.wayke.se/images/map/marker.png',
-            useQueryParamsFromUrl: true,
-          }}
-        />
-      );
-
-    case 'path':
-      return (
-        <WaykeComposite
-          composite={{
-            // initialQueryParams,
-            removeSearchBar: false,
-            pathRoute: '/id/',
-            modifyDocumentTitleItem: true,
-            modifyDocumentTitleSearch: 'Wayke',
-            initialQueryParams: 'modelSeries=A5&modelSeries=A3',
-          }}
-          provider={{
-            graphQlUrl: process.env.WAYKE_GRAPH_QL_URL as string,
-            url: process.env.WAYKE_SEARCH_URL as string,
-            urlMlt: process.env.WAYKE_SEARCH_MLT_URL as string,
-            ecomSettings: {
-              url: process.env.WAYKE_ECOM_URL as string,
-              useBankId: true,
-              serviceLogotypeUrl: 'https://cdn.wayke.se/wui/images/ecom/wayke-logo.svg',
-            },
-            //googleMapsApiKey: process.env.GOOGLE_MAPS_API_KEY as string,
-            googleMapsMarker: 'https://www.wayke.se/images/map/marker.png',
-            useQueryParamsFromUrl: true,
-            pathRoute: '/id/',
-          }}
-        />
-      );
-
-    case 'search':
-      return (
-        <WaykeProvider
-          graphQlUrl={process.env.WAYKE_GRAPH_QL_URL as string}
-          url={process.env.WAYKE_SEARCH_URL as string}
-          urlMlt={process.env.WAYKE_SEARCH_MLT_URL as string}
-          ecomSettings={{
-            url: process.env.WAYKE_ECOM_URL as string,
-            useBankId: true,
-            serviceLogotypeUrl: 'https://cdn.wayke.se/wui/images/ecom/wayke-logo.svg',
-          }}
-          //googleMapsApiKey={process.env.GOOGLE_MAPS_API_KEY as string}
-        >
-          <WaykeSearch
-            onClickSearchItem={(id: string) => {
-              //eslint-disable-next-line
-              console.log(id);
-            }}
-          />
-        </WaykeProvider>
-      );
-
-    case 'item':
-      return (
-        <WaykeItemProvider
-          graphQlUrl={process.env.WAYKE_GRAPH_QL_URL as string}
-          url={process.env.WAYKE_SEARCH_URL as string}
-          urlMlt={process.env.WAYKE_SEARCH_MLT_URL as string}
-          ecomSettings={{
-            url: process.env.WAYKE_ECOM_URL as string,
-            useBankId: true,
-            serviceLogotypeUrl: 'https://cdn.wayke.se/wui/images/ecom/wayke-logo.svg',
-          }}
-          //googleMapsApiKey={process.env.GOOGLE_MAPS_API_KEY as string}
-        >
-          <WaykeSearchItem id="6fa0161f-abc9-4544-8ba3-c648613a77b7" />
-        </WaykeItemProvider>
-      );
-
-    case 'default':
-    default:
-      return (
-        <WaykeComposite
-          composite={{
-            // initialQueryParams,
-            removeSearchBar: false,
-            removeFilterOptions: false,
-            modifyDocumentTitleItem: true,
-            modifyDocumentTitleSearch: 'Wayke',
-          }}
-          provider={{
-            graphQlUrl: process.env.WAYKE_GRAPH_QL_URL as string,
-            url: process.env.WAYKE_SEARCH_URL as string,
-            urlMlt: process.env.WAYKE_SEARCH_MLT_URL as string,
-            ecomSettings: {
-              url: process.env.WAYKE_ECOM_URL as string,
-              useBankId: true,
-              serviceLogotypeUrl: 'https://cdn.wayke.se/wui/images/ecom/wayke-logo.svg',
-            },
-            //googleMapsApiKey: process.env.GOOGLE_MAPS_API_KEY as string,
-            googleMapsMarker: 'https://www.wayke.se/images/map/marker.png',
-            useQueryParamsFromUrl: true,
-          }}
-        />
-      );
-  }
-};
-
-const container = document.getElementById('root');
-const root = createRoot(container!);
-root.render(<App type="default" />);
+window.addEventListener('DOMContentLoaded', (_) => {
+  const container = document.getElementById('root');
+  const root = createRoot(container!);
+  root.render(
+    <WaykeComposite
+      composite={{
+        removeSearchBar: false,
+        removeFilterOptions: false,
+        modifyDocumentTitleItem: true,
+        modifyDocumentTitleSearch: 'Wayke',
+      }}
+      provider={{
+        graphQlUrl: process.env.WAYKE_GRAPH_QL_URL as string,
+        url: process.env.WAYKE_SEARCH_URL as string,
+        urlMlt: process.env.WAYKE_SEARCH_MLT_URL as string,
+        ecomSettings: {
+          url: process.env.WAYKE_ECOM_URL as string,
+          useBankId: true,
+          serviceLogotypeUrl: 'https://cdn.wayke.se/wui/images/ecom/wayke-logo.svg',
+        },
+        googleMapsApiKey: process.env.GOOGLE_MAPS_API_KEY as string,
+        googleMapsMarker: 'https://www.wayke.se/images/map/marker.png',
+        useQueryParamsFromUrl: true,
+      }}
+    />
+  );
+});

package/src/index-esbuild.ts

@@ -0,0 +1,74 @@
+import '../assets/default.css';
+
+import WaykeSearch, { WaykeSearchProps } from './layouts/search/index';
+import WaykeSearchItem, { WaykeSearchItemProps } from './layouts/searchItem/index';
+import WaykeProvider, { WaykeProviderSettings } from './providers/WaykeProvider';
+import WaykeComposite, {
+  WaykeCompositeWithProviderProps,
+} from './layouts/WaykeCompositeWithProvider';
+import SearchBar from './components/SearchBar/index';
+import WaykeThemeProvider from './providers/themeProvider';
+import WaykeItemProvider, { WaykeItemProviderSettings } from './providers/WaykeItemProvidet';
+import WaykePubSub, { EventSubscriptions } from './utils/pubsub/pubsub';
+import type { SearchFilterTypes, SearchFilterNameTypes } from './@types/filter';
+
+import type {
+  EventHashRouteChange,
+  EventItemClicked,
+  EventEcomOnInit,
+  EventEcomOnUser,
+  EventEcomOnExit,
+  EventImagesClick,
+  EventOptionsClick,
+  EventPhonenumberVisible,
+  EventPhonenumberCall,
+  EventMailVisible,
+  EventInsuranceInterest,
+  EventFinanceInterest,
+  EventAll,
+  EventType,
+  EventNames,
+  CallbackHashRouteChange,
+  CallbackEventItemClicked,
+  CallbackEcomOnUserEvent,
+  CallbackEmpty,
+} from './utils/pubsub/Events';
+
+export {
+  WaykeProvider,
+  WaykeItemProvider,
+  WaykeSearch,
+  WaykeSearchItem,
+  SearchBar,
+  WaykeThemeProvider,
+  WaykeItemProviderSettings,
+  WaykePubSub,
+  WaykeCompositeWithProviderProps,
+  WaykeProviderSettings,
+  WaykeSearchProps,
+  WaykeSearchItemProps,
+  SearchFilterTypes,
+  SearchFilterNameTypes,
+  EventSubscriptions,
+  EventHashRouteChange,
+  EventItemClicked,
+  EventEcomOnInit,
+  EventEcomOnUser,
+  EventEcomOnExit,
+  EventImagesClick,
+  EventOptionsClick,
+  EventPhonenumberVisible,
+  EventPhonenumberCall,
+  EventMailVisible,
+  EventInsuranceInterest,
+  EventFinanceInterest,
+  EventAll,
+  EventType,
+  EventNames,
+  CallbackHashRouteChange,
+  CallbackEventItemClicked,
+  CallbackEcomOnUserEvent,
+  CallbackEmpty,
+};
+
+export default WaykeComposite;

package/src/index.ts

@@ -1,7 +1,5 @@
-import './styles.scss';
-
-import WaykeSearch, { WaykeSearchProps } from './layouts/search';
-import WaykeSearchItem, { WaykeSearchItemProps } from './layouts/searchItem';
+import WaykeSearch, { WaykeSearchProps } from './layouts/search/index';
+import WaykeSearchItem, { WaykeSearchItemProps } from './layouts/searchItem/index';
 import WaykeProvider, { WaykeProviderSettings } from './providers/WaykeProvider';
 import WaykeComposite, {
   WaykeCompositeWithProviderProps,
@@ -10,12 +8,14 @@ import SearchBar from './components/SearchBar/index';
 import WaykeThemeProvider from './providers/themeProvider';
 import WaykeItemProvider, { WaykeItemProviderSettings } from './providers/WaykeItemProvidet';
 import WaykePubSub, { EventSubscriptions } from './utils/pubsub/pubsub';
-import { SearchFilterTypes, SearchFilterNameTypes } from './@types/filter';
+import type { SearchFilterTypes, SearchFilterNameTypes } from './@types/filter';
 
-import {
+import type {
   EventHashRouteChange,
   EventItemClicked,
+  EventEcomOnInit,
   EventEcomOnUser,
+  EventEcomOnExit,
   EventImagesClick,
   EventOptionsClick,
   EventPhonenumberVisible,
@@ -50,7 +50,9 @@ export {
   EventSubscriptions,
   EventHashRouteChange,
   EventItemClicked,
+  EventEcomOnInit,
   EventEcomOnUser,
+  EventEcomOnExit,
   EventImagesClick,
   EventOptionsClick,
   EventPhonenumberVisible,

package/src/layouts/searchItem/Branch.tsx

@@ -11,7 +11,7 @@ import OpeningHours from '../../components/OpeningHours/index';
 import PhoneNumber from '../../components/PhoneNumber/index';
 import Map from '../../components/Map/index';
 
-import { Branch, Maybe } from '../../@types/codegen';
+import { Branch, Maybe } from '../../@types/codegen/types';
 import BranchModal from './BranchModal';
 import { formatPhonenumber } from '../../utils/phonenumbers';
 

package/src/layouts/searchItem/BranchModal.tsx

@@ -6,7 +6,7 @@ import { ButtonPrimary, ButtonContent } from '../../components/Button/index';
 import Modal from '../../components/Modal/index';
 import Content from '../../components/Content/index';
 import InputLabel from '../../components/InputLabel/index';
-import { BranchConnection } from '../../@types/codegen';
+import { BranchConnection } from '../../@types/codegen/types';
 import { CentralStorageContext } from '../../State/CentralStorage/CentralStorageContext';
 
 interface BranchModalProps {

package/src/layouts/searchItem/CheckList.tsx

@@ -12,7 +12,7 @@ import {
   Ecommerce,
   ContactOptions,
   Branch,
-} from '../../@types/codegen';
+} from '../../@types/codegen/types';
 import BranchModal from './BranchModal';
 import PackageOptionModal, { PackageOptionModalData } from './PackageOptionModal';