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

package/dist/slick-7CK47X3J.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by Fontastic.me</metadata>
+<defs>
+<font id="slick" horiz-adv-x="512">
+<font-face font-family="slick" units-per-em="512" ascent="480" descent="-32"/>
+<missing-glyph horiz-adv-x="512" />
+
+<glyph unicode="&#8594;" d="M241 113l130 130c4 4 6 8 6 13 0 5-2 9-6 13l-130 130c-3 3-7 5-12 5-5 0-10-2-13-5l-29-30c-4-3-6-7-6-12 0-5 2-10 6-13l87-88-87-88c-4-3-6-8-6-13 0-5 2-9 6-12l29-30c3-3 8-5 13-5 5 0 9 2 12 5z m234 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8592;" d="M296 113l29 30c4 3 6 7 6 12 0 5-2 10-6 13l-87 88 87 88c4 3 6 8 6 13 0 5-2 9-6 12l-29 30c-3 3-8 5-13 5-5 0-9-2-12-5l-130-130c-4-4-6-8-6-13 0-5 2-9 6-13l130-130c3-3 7-5 12-5 5 0 10 2 13 5z m179 143c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#8226;" d="M475 256c0-40-9-77-29-110-20-34-46-60-80-80-33-20-70-29-110-29-40 0-77 9-110 29-34 20-60 46-80 80-20 33-29 70-29 110 0 40 9 77 29 110 20 34 46 60 80 80 33 20 70 29 110 29 40 0 77-9 110-29 34-20 60-46 80-80 20-33 29-70 29-110z"/>
+<glyph unicode="&#97;" d="M475 439l0-128c0-5-1-9-5-13-4-4-8-5-13-5l-128 0c-8 0-13 3-17 11-3 7-2 14 4 20l40 39c-28 26-62 39-100 39-20 0-39-4-57-11-18-8-33-18-46-32-14-13-24-28-32-46-7-18-11-37-11-57 0-20 4-39 11-57 8-18 18-33 32-46 13-14 28-24 46-32 18-7 37-11 57-11 23 0 44 5 64 15 20 9 38 23 51 42 2 1 4 3 7 3 3 0 5-1 7-3l39-39c2-2 3-3 3-6 0-2-1-4-2-6-21-25-46-45-76-59-29-14-60-20-93-20-30 0-58 5-85 17-27 12-51 27-70 47-20 19-35 43-47 70-12 27-17 55-17 85 0 30 5 58 17 85 12 27 27 51 47 70 19 20 43 35 70 47 27 12 55 17 85 17 28 0 55-5 81-15 26-11 50-26 70-45l37 37c6 6 12 7 20 4 8-4 11-9 11-17z"/>
+</font></defs></svg>

package/esbuild/{lib.js → build.js}

@@ -1,27 +1,18 @@
 /* eslint-disable no-console */
-const { sassPlugin } = require('esbuild-sass-plugin');
+
+const config = require('./common');
 const { Generator } = require('npm-dts');
 const { build } = require('esbuild');
 const { dependencies, peerDependencies } = require('../package.json');
 
 const shared = {
-  entryPoints: ['src/index.ts'],
+  ...config,
+  entryPoints: ['src/index-esbuild.ts'],
   bundle: true,
-  minify: true,
+  minify: false,
   sourcemap: true,
   logLevel: 'info',
   external: Object.keys(dependencies).concat(Object.keys(peerDependencies || {})),
-  loader: {
-    '.js': 'jsx',
-    '.woff': 'file',
-    '.woff2': 'file',
-    '.eot': 'file',
-    '.ttf': 'file',
-    '.gif': 'file',
-    '.svg': 'dataurl',
-    '.png': 'dataurl',
-  },
-  plugins: [sassPlugin()],
 };
 
 build({

package/esbuild/common.js

@@ -1,15 +1,15 @@
 module.exports = {
-  entryPoints: ['src/index.ts', 'src/style.js'],
   bundle: true,
-  outdir: 'build',
+  sourcemap: true,
   loader: {
     '.js': 'jsx',
     '.woff': 'file',
     '.woff2': 'file',
+    '.gif': 'file',
+    '.png': 'file',
+    '.jpg': 'file',
+    '.svg': 'file',
     '.eot': 'file',
     '.ttf': 'file',
-    '.gif': 'file',
-    '.svg': 'dataurl',
-    '.png': 'dataurl',
   },
 };

package/esbuild/start.js

@@ -1,20 +1,21 @@
+require('dotenv').config();
 const config = require('./common');
 
 require('esbuild').serve(
   {
-    servedir: 'www',
+    servedir: 'esbuild/www',
     port: 5000,
   },
-  {
-    ...config,
+  Object.assign(config, {
+    entryPoints: ['src/index-dev.tsx'],
+    outdir: 'esbuild/www',
     define: {
-      'process.env.WAYKE_SEARCH_URL': '"https://test-ext-api.wayketech.se/vehicles"',
-      'process.env.WAYKE_SEARCH_MLT_URL': '"https://test-ext-api.wayketech.se/vehicles-mlt-ext"',
-      'process.env.WAYKE_GRAPH_QL_URL': '"https://gql.wayketech.se/query"',
-      'process.env.WAYKE_ECOM_URL': '"https://ecom.wayketech.se"',
-      'process.env.WAYKE_ECOM_API_ADDRESS': '"https://ecom.wayketech.se"',
+      'process.env.WAYKE_SEARCH_URL': `"${process.env.WAYKE_SEARCH_URL}"`,
+      'process.env.WAYKE_SEARCH_MLT_URL': `"${process.env.WAYKE_SEARCH_MLT_URL}"`,
+      'process.env.WAYKE_SEARCH_X_API_KEY': `"${process.env.WAYKE_SEARCH_X_API_KEY}"`,
+      'process.env.WAYKE_GRAPH_QL_URL': `"${process.env.WAYKE_GRAPH_QL_URL}"`,
+      'process.env.WAYKE_ECOM_URL': `"${process.env.WAYKE_ECOM_URL}"`,
+      'process.env.GOOGLE_MAPS_API_KEY': `"${process.env.GOOGLE_MAPS_API_KEY}"`,
     },
-    entryPoints: ['src/index-dev.tsx'],
-    outdir: 'www',
-  }
+  })
 );

package/{www → esbuild/www}/index.html

@@ -4,14 +4,12 @@
     <title>Wayke Components React</title>
 
     <meta charset="UTF-8">
-    <meta name="description" content="Wayke Components React">
+    <meta name="description" content="Wayke Ecom Web">
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
     <meta name="apple-mobile-web-app-capable" content="yes">
     <meta name="theme-color" content="#fff">
 
-    <link rel="stylesheet" href="ecom.css">
-    <link rel="stylesheet" href="theme.css">
     <link rel="stylesheet" href="index-dev.css">
 
     <style>
@@ -24,8 +22,10 @@
         margin: 0;
       }
     </style>
+    
   </head>
   <body>
+    <h1>Wayke Components React</h1>
     <div id="root"></div>
     <script src="index-dev.js"></script>
   </body>

package/example/src/@types/global.d.ts

@@ -0,0 +1,7 @@
+import { WaykePubSub } from '../../../src';
+
+declare global {
+  interface Window {
+    WaykePubSub: WaykePubSub;
+  }
+}

package/example/src/@types/react-panellum.d.ts

@@ -0,0 +1 @@
+declare module 'react-pannellum';

package/example/src/App.tsx

@@ -0,0 +1,77 @@
+import React from 'react';
+
+import Routes from './routes/index';
+import { BrowserRouter } from 'react-router-dom';
+
+import { WaykePubSub } from '../../src/index';
+
+WaykePubSub.subscribe({
+  eventName: 'ItemClicked',
+  // eslint-disable-next-line
+  callback: (id) => console.log('subscribed ItemClicked:', id),
+});
+
+WaykePubSub.subscribe({
+  eventName: 'HashRouteChange',
+  // eslint-disable-next-line
+  callback: (id) => console.log('subscribed HashRouteChange:', id),
+});
+
+WaykePubSub.subscribe({
+  eventName: 'EcomOnUserEvent',
+  callback: (userEvent, currentStep) =>
+    // eslint-disable-next-line
+    console.log('subscribed EcomOnUserEvent:', userEvent, currentStep),
+});
+
+WaykePubSub.subscribe({
+  eventName: 'EcomOnExit',
+  // eslint-disable-next-line
+  callback: () => console.log('subscribed EcomOnExit:'),
+});
+
+WaykePubSub.subscribe({
+  eventName: 'ImagesClick',
+  // eslint-disable-next-line
+  callback: () => console.log('subscribed ImagesClick:'),
+});
+
+WaykePubSub.subscribe({
+  eventName: 'OptionsClick',
+  // eslint-disable-next-line
+  callback: () => console.log('subscribed OptionsClick:'),
+});
+
+WaykePubSub.subscribe({
+  eventName: 'PhonenumberVisible',
+  // eslint-disable-next-line
+  callback: () => console.log('subscribed PhonenumberVisible:'),
+});
+
+WaykePubSub.subscribe({
+  eventName: 'PhonenumberCall',
+  // eslint-disable-next-line
+  callback: () => console.log('subscribed PhonenumberCall:'),
+});
+
+WaykePubSub.subscribe({
+  eventName: 'MailVisible',
+  // eslint-disable-next-line
+  callback: () => console.log('subscribed MailVisible:'),
+});
+
+WaykePubSub.subscribe({
+  eventName: 'All',
+  // eslint-disable-next-line
+  callback: (eventName, data) => console.log('subscribed All:', eventName, data),
+});
+
+window.WaykePubSub = WaykePubSub;
+
+const App = () => (
+  <BrowserRouter>
+    <Routes />
+  </BrowserRouter>
+);
+
+export default App;

package/{www → example/src/assets/style}/ecom.css

@@ -1,3 +1,6 @@
+/* @import "@wayke-se/ecom-react/assets/styles/default.css";*/
+@import "@wayke-se/ecom-web/dist/index.css";
+
 /* Custom Ecom CSS (Optional) */
 /* This file contains custom styling to overwrite wayke-ecom default styling */
 

package/example/src/index.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="sv">
+  <head>
+    <title>Wayke</title>
+
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="Example of wayke-se/components-react">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+
+    <style>
+      html {
+        font-size: 100%;
+        -webkit-text-size-adjust: 100%;
+      }
+
+      body {
+        margin: 0;
+      }
+    </style>
+  </head>
+  <body>
+      <div id="root"></div>
+  </body>
+</html>

package/example/src/index.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+import './assets/style/theme.css';
+import './assets/style/ecom.css';
+import '../../assets/default.css';
+
+import App from './App';
+
+const container = document.getElementById('root');
+const root = createRoot(container!); // createRoot(container!) if you use TypeScript
+root.render(<App />);

package/example/src/routes/HashRoute/index.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+
+import WaykeComposite from '../../../../src/index';
+
+const initialQueryParams = new URLSearchParams();
+initialQueryParams.set('modelYear.min', '2018');
+
+const Home = () => (
+  <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,
+    }}
+  />
+);
+
+export default Home;

package/example/src/routes/Home/index.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+
+import WaykeComposite from '../../../../src/index';
+
+const initialQueryParams = new URLSearchParams();
+initialQueryParams.set('modelYear.min', '2018');
+
+const Home = () => (
+  <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,
+    }}
+  />
+);
+
+export default Home;

package/example/src/routes/NotFound/index.tsx

@@ -0,0 +1,5 @@
+import React from 'react';
+
+const NotFound = () => <>404 Not Found</>;
+
+export default NotFound;

package/example/src/routes/PathRoute/index.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+import WaykeComposite from '../../../../src/index';
+
+const initialQueryParams = new URLSearchParams();
+initialQueryParams.set('modelYear.min', '2018');
+
+const PathRoute = () => (
+  <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/',
+    }}
+  />
+);
+
+export default PathRoute;

package/example/src/routes/Search/index.tsx

@@ -0,0 +1,28 @@
+import React, { useCallback } from 'react';
+
+import { WaykeProvider, WaykeSearch } from '../../../../src/index';
+
+const Search = () => {
+  const onClickSearchItem = useCallback((id: string) => {
+    // eslint-disable-next-line
+    console.log(id);
+  }, []);
+
+  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={onClickSearchItem} />
+    </WaykeProvider>
+  );
+};
+
+export default Search;

package/example/src/routes/SearchItem/index.tsx

@@ -0,0 +1,28 @@
+import React from 'react';
+import { useParams } from 'react-router-dom';
+
+import { WaykeItemProvider, WaykeSearchItem } from '../../../../src/index';
+
+const SearchItem = () => {
+  const { id } = useParams();
+  if (!id) {
+    return <p>No id</p>;
+  }
+  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={id} />
+    </WaykeItemProvider>
+  );
+};
+
+export default SearchItem;

package/example/src/routes/index.tsx

@@ -0,0 +1,25 @@
+import React, { Suspense, lazy } from 'react';
+import { Route, Routes as ReactRouterDomRoutes } from 'react-router-dom';
+import Loader from '../../../src/components/Loader';
+
+const Search = lazy(() => import('./Search'));
+const PathRoute = lazy(() => import('./PathRoute'));
+const HashRoute = lazy(() => import('./HashRoute'));
+const Home = lazy(() => import('./Home'));
+const SearchItem = lazy(() => import('./SearchItem'));
+const NotFound = lazy(() => import('./NotFound/index'));
+
+const Routes = () => (
+  <Suspense fallback={<Loader />}>
+    <ReactRouterDomRoutes>
+      <Route path="/" element={<Home />} />
+      <Route path="/a/b/:id?" element={<PathRoute />} />
+      <Route path="/hash" element={<HashRoute />} />
+      <Route path="/search" element={<Search />} />
+      <Route path="/search-item/:id" element={<SearchItem />} />
+      <Route element={<NotFound />} />
+    </ReactRouterDomRoutes>
+  </Suspense>
+);
+
+export default Routes;

package/package.json

@@ -1,20 +1,23 @@
 {
   "name": "@wayke-se/components-react",
-  "version": "3.0.0-beta.1",
-  "description": "Wayke Components React",
+  "version": "3.0.0-beta.11",
+  "description": "",
   "module": "dist/index.mjs",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
-    "build": "npm run clean && node ./esbuild/lib.js",
-    "start": "node ./esbuild/start.js",
-    "clean": "rimraf ./dist",
-    "test": "npm run lint && npm run typecheck",
-    "typecheck": "tsc -noEmit",
-    "typecheck:watch": "tsc -noEmit -watch",
-    "lint": "eslint --ext .ts,.js 'src'",
-    "lint:fix": "eslint --ext .ts,.js 'src' --fix",
-    "prepare": "husky install",
+    "start:esbuild": "node ./esbuild/start.js",
+    "build:esbuild": "rimraf ./dist && node ./esbuild/build.js",
+    "analyze": "webpack --config webpack.analyze.js --mode production",
+    "build": "pika build",
+    "prebuild": "npm run clean",
+    "lint": "eslint --ext .tsx,.ts 'src' 'example'",
+    "lint:fix": "eslint --ext .tsx,.ts 'src' 'example' --fix",
+    "start": "webpack serve --mode development --progress",
+    "clean": "rimraf ./pkg",
+    "type-check": "tsc --noEmit --skipLibCheck",
+    "prettify": "prettier --write 'src/**/*.{ts,tsx}'",
+    "prepare": "npm run prettify && npm run type-check && npm run lint",
     "gen": "graphql-codegen --config ./codegen.yml",
     "libphonenumber-metadata": "libphonenumber-generate-metadata src/utils/metadata.min.json --countries SE --extended"
   },
@@ -32,42 +35,90 @@
   "devDependencies": {
     "@graphql-codegen/cli": "^2.3.0",
     "@graphql-codegen/typescript": "^2.4.0",
+    "@pika/pack": "^0.5.0",
+    "@pika/plugin-build-node": "^0.9.2",
+    "@pika/plugin-build-types": "^0.9.2",
+    "@pika/plugin-build-web": "^0.9.2",
+    "@pika/plugin-copy-assets": "^0.9.2",
+    "@pika/plugin-ts-standard-pkg": "^0.9.2",
     "@types/googlemaps": "^3.43.3",
     "@types/marked": "^4.0.0",
     "@types/react": "^18.0.20",
     "@types/react-dom": "^18.0.6",
     "@types/react-lazyload": "^3.1.1",
+    "@types/react-router-dom": "^5.3.2",
     "@types/react-slick": "^0.23.7",
     "@types/styled-components": "^5.1.15",
     "@typescript-eslint/eslint-plugin": "^5.37.0",
     "@typescript-eslint/parser": "^5.37.0",
-    "esbuild-sass-plugin": "^2.3.2",
+    "babel-loader": "^8.2.3",
+    "css-loader": "^6.5.1",
+    "dotenv": "^16.0.2",
+    "esbuild": "^0.15.7",
     "eslint": "^8.23.1",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.25.3",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.27.0",
-    "husky": "^8.0.1",
+    "file-loader": "^6.2.0",
+    "fork-ts-checker-webpack-plugin": "^7.2.13",
+    "html-webpack-plugin": "^5.5.0",
     "npm-dts": "^1.3.12",
     "prettier": "^2.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rimraf": "^3.0.2",
+    "react-router-dom": "^6.0.2",
+    "source-map-loader": "^4.0.0",
+    "style-loader": "^3.3.1",
     "styled-components": "^5.3.3",
-    "typescript": "^4.4.4"
+    "ts-loader": "^9.2.6",
+    "typescript": "^4.4.4",
+    "webpack": "^5.64.1",
+    "webpack-bundle-analyzer": "^4.5.0",
+    "webpack-cli": "^4.9.1",
+    "webpack-dev-server": "^4.5.0",
+    "webpack-merge": "^5.8.0"
   },
   "dependencies": {
     "@apollo/client": "^3.4.17",
     "@wayke-se/ecom-web": "^1.4.1",
     "date-fns": "^2.25.0",
-    "esbuild": "^0.15.7",
     "graphql": "^16.0.1",
     "libphonenumber-js": "^1.9.42",
     "marked": "^4.0.3",
-    "pannellum-react": "^1.2.4",
     "react-compound-slider": "^3.3.1",
     "react-lazyload": "^3.2.0",
+    "react-pannellum": "^0.1.15",
     "react-slick": "^0.29.0",
     "scroll-into-view-if-needed": "^2.2.28"
+  },
+  "@pika/pack": {
+    "pipeline": [
+      [
+        "@pika/plugin-ts-standard-pkg",
+        {
+          "tsconfig": "tsconfig.build.json",
+          "args": [
+            "--target",
+            "es2020"
+          ]
+        }
+      ],
+      [
+        "@pika/plugin-build-node"
+      ],
+      [
+        "@pika/plugin-build-web"
+      ],
+      [
+        "@pika/plugin-copy-assets"
+      ],
+      [
+        "@pika/plugin-build-types",
+        {
+          "tsconfig": "tsconfig.build.json"
+        }
+      ]
+    ]
   }
 }

package/src/@types/react-panellum.d.ts

@@ -1 +1 @@
-declare module 'pannellum-react/es/elements/Pannellum';
+declare module 'react-pannellum';

package/src/State/CentralStorage/useCentralStorage.ts

@@ -1,6 +1,6 @@
 import { useContext, useEffect } from 'react';
 import { CentralStorageContext } from './CentralStorageContext';
-import { Vehicle } from '../../@types/codegen';
+import { Vehicle } from '../../@types/codegen/types';
 import useSearchItemBranch from '../../hooks/useSearchItemBranch';
 
 const useCentralStorage = (vehicle?: Vehicle | null) => {

package/src/components/ActionList/index.tsx

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 
 import ToggleItem from './toggle-item';
-import { Maybe, ContactOptions, Branch } from '../../@types/codegen';
+import { Maybe, ContactOptions, Branch } from '../../@types/codegen/types';
 import { formatPhonenumber } from '../../utils/phonenumbers';
 import PubSub from '../../utils/pubsub/pubsub';
 

package/src/components/FinancialOptions/LoanModal.tsx

@@ -10,7 +10,7 @@ import { numberSeparator } from '../../utils/formats';
 import { ButtonClear, ButtonContent } from '../Button/index';
 import { ContentLogo, ContentLogoText, ContentLogoMedia } from '../ContentLogo/index';
 import DataList from '../DataList/index';
-import { FinancialOption, Query } from '../../@types/codegen';
+import { FinancialOption, Query } from '../../@types/codegen/types';
 import PubSub from '../../utils/pubsub/pubsub';
 import SliderWithLabel from '../RangeSlider/SliderWithLabel';
 

package/src/components/FinancialOptions/index.tsx

@@ -3,7 +3,7 @@ import { Repeat, RepeatTiny } from '../Repeat/index';
 import { VisualHeading } from '../Heading/index';
 import Leasing from './leasing';
 import Loan from './loan';
-import { FinancialOption } from '../../@types/codegen';
+import { FinancialOption } from '../../@types/codegen/types';
 
 interface FinancialOptionsProps {
   id: string;