@wayke-se/components-react 2.16.0 → 3.0.0-beta.10

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wayke-se/components-react",
   "description": "",
-  "version": "2.16.0",
+  "version": "3.0.0-beta.10",
   "license": "MIT",
   "files": [
     "dist-*/",
@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@apollo/client": "^3.4.17",
-    "@wayke-se/ecom-react": "^3.5.2",
+    "@wayke-se/ecom-web": "^1.4.1",
     "date-fns": "^2.25.0",
     "graphql": "^16.0.1",
     "libphonenumber-js": "^1.9.42",
@@ -24,18 +24,15 @@
     "react-compound-slider": "^3.3.1",
     "react-lazyload": "^3.2.0",
     "react-pannellum": "^0.1.15",
-    "react-slick": "^0.28.1",
-    "scroll-into-view-if-needed": "^2.2.28",
-    "slick-carousel": "^1.8.1"
+    "react-slick": "^0.29.0",
+    "scroll-into-view-if-needed": "^2.2.28"
   },
   "peerDependencies": {
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^16 || ^17 || ^18",
+    "react-dom": "^16 || ^17 || ^18",
     "styled-components": "^5.1.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/preset-env": "^7.16.0",
     "@graphql-codegen/cli": "^2.3.0",
     "@graphql-codegen/typescript": "^2.4.0",
     "@pika/pack": "^0.5.0",
@@ -46,34 +43,30 @@
     "@pika/plugin-ts-standard-pkg": "^0.9.2",
     "@types/googlemaps": "^3.43.3",
     "@types/marked": "^4.0.0",
-    "@types/react": "^17.0.35",
-    "@types/react-dom": "^17.0.11",
+    "@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": "^4.33.0",
-    "@typescript-eslint/parser": "^4.33.0",
+    "@typescript-eslint/eslint-plugin": "^5.37.0",
+    "@typescript-eslint/parser": "^5.37.0",
     "babel-loader": "^8.2.3",
-    "babel-plugin-import": "^1.13.3",
-    "babel-plugin-styled-components": "^1.13.3",
-    "core-js": "^3.19.1",
     "css-loader": "^6.5.1",
-    "dotenv": "^10.0.0",
-    "eslint": "^7.32.0",
+    "dotenv": "^16.0.2",
+    "eslint": "^8.23.1",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-prettier": "^3.4.1",
+    "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.27.0",
     "file-loader": "^6.2.0",
-    "fork-ts-checker-webpack-plugin": "^6.4.0",
+    "fork-ts-checker-webpack-plugin": "^7.2.13",
     "html-webpack-plugin": "^5.5.0",
     "prettier": "^2.4.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-router-dom": "^6.0.2",
-    "regenerator-runtime": "^0.13.9",
-    "source-map-loader": "^3.0.0",
+    "source-map-loader": "^4.0.0",
     "style-loader": "^3.3.1",
     "styled-components": "^5.3.3",
     "ts-loader": "^9.2.6",
@@ -82,8 +75,7 @@
     "webpack-bundle-analyzer": "^4.5.0",
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.5.0",
-    "webpack-merge": "^5.8.0",
-    "whatwg-fetch": "^3.6.2"
+    "webpack-merge": "^5.8.0"
   },
   "source": "dist-src/index.js",
   "types": "dist-types/index.d.ts",

package/dist-src/components/Ecom/index.js

@@ -1,48 +0,0 @@
-import React, { useCallback, useEffect } from 'react';
-import EcomBase from '@wayke-se/ecom-react';
-import useSettings from '../../State/Settings/useSettings';
-import PubSub from '../../utils/pubsub/pubsub';
-const Ecom = ({ vehicle, manufacturer, onExit, onUserEvent }) => {
-    var _a, _b, _c;
-    const { ecomSettings } = useSettings();
-    useEffect(() => {
-        PubSub.publish('EcomOnInit');
-    }, []);
-    const onUserEventLocal = useCallback((userEvent, currentStep) => {
-        PubSub.publish('EcomOnUserEvent', userEvent, currentStep);
-        if (onUserEvent) {
-            onUserEvent(userEvent, currentStep);
-        }
-    }, []);
-    const onExitLocal = useCallback(() => {
-        PubSub.publish('EcomOnExit');
-        if (onExit) {
-            onExit();
-        }
-    }, []);
-    const { id, title, shortDescription, price, data, media } = vehicle;
-    const { modelYear, mileage, gearbox, fuelType } = data;
-    const imageUrl = (_c = (_b = (_a = media === null || media === void 0 ? void 0 : media[0]) === null || _a === void 0 ? void 0 : _a.files) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.url;
-    const ecomData = {
-        vehicle: {
-            id,
-            title,
-            shortDescription: shortDescription || '',
-            price,
-            imageUrl,
-            modelYear,
-            milage: `${mileage}`,
-            gearBox: gearbox || '',
-            fuelType: fuelType || '',
-        },
-        serviceLogotypeUrl: (ecomSettings === null || ecomSettings === void 0 ? void 0 : ecomSettings.serviceLogotypeUrl) ||
-            (manufacturer === null || manufacturer === void 0 ? void 0 : manufacturer.logotype) ||
-            'https://cdn.wayke.se/wui/images/ecom/wayke-logo.svg',
-        onExit: onExitLocal,
-        onUserEvent: onUserEventLocal,
-        useBankId: ecomSettings === null || ecomSettings === void 0 ? void 0 : ecomSettings.useBankId,
-        displayBankIdAlert: ecomSettings === null || ecomSettings === void 0 ? void 0 : ecomSettings.displayBankIdAlert,
-    };
-    return React.createElement(EcomBase, { ...ecomData });
-};
-export default Ecom;

package/dist-src/hooks/useEcom.js

@@ -1,18 +0,0 @@
-const useEcom = (ecomSettings) => {
-    if (ecomSettings === null || ecomSettings === void 0 ? void 0 : ecomSettings.url) {
-        import('@wayke-se/ecom').then(({ config }) => {
-            config.bind({
-                api: {
-                    address: ecomSettings.url,
-                },
-                /** Specifying an origin is optional **/
-                origin: {
-                    topic: 'Wayke',
-                    channel: 'wayke.se',
-                },
-                bankIdThumbprint: ecomSettings.bankIdThumbprint,
-            });
-        });
-    }
-};
-export default useEcom;

package/dist-types/components/Ecom/index.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { Vehicle, Maybe, Manufacturer } from '../../@types/codegen/types';
-interface EcomProps {
-    vehicle: Vehicle;
-    manufacturer?: Maybe<Manufacturer>;
-    onExit: () => void;
-    onUserEvent?: (userEvent: string, currentStep: string) => void;
-}
-declare const Ecom: ({ vehicle, manufacturer, onExit, onUserEvent }: EcomProps) => JSX.Element;
-export default Ecom;

package/dist-types/hooks/useEcom.d.ts

@@ -1,3 +0,0 @@
-import { EcomSettings } from '../providers/WaykeProvider';
-declare const useEcom: (ecomSettings?: EcomSettings | undefined) => void;
-export default useEcom;