@wayke-se/components-react 5.2.0 → 6.0.0-beta.1

package/dist/types/src/providers/WaykeProvider.d.ts

@@ -1,26 +1,12 @@
 import React from 'react';
-export interface EcomSettings {
-    url: string;
-    /** @deprecated Not used since 3.0.0. Will be removed in the next major version. */
-    useBankId?: boolean;
-    /** @deprecated Not used since 3.0.0. Will be removed in the next major version. */
-    displayBankIdAlert?: boolean;
-    serviceLogotypeUrl?: string;
-    bankIdThumbprint?: string;
-}
-export interface WaykeProviderSettings {
-    url: string;
-    urlMlt?: string;
-    apiKey?: string;
-    graphQlUrl: string;
-    ecomSettings?: EcomSettings;
-    googleMapsApiKey?: string;
-    googleMapsMarker?: string;
-    useQueryParamsFromUrl?: boolean;
-    pathRoute?: string;
-}
+import { WaykeProviderSettings } from '../State/Settings/settings';
+export type { EcomSettings, WaykeProviderSettings } from '../State/Settings/settings';
 export type WaykeProviderProps = WaykeProviderSettings & {
     children?: React.ReactNode;
 };
-declare const WaykeProvider: ({ url, urlMlt, apiKey, ecomSettings, graphQlUrl, googleMapsApiKey, googleMapsMarker, useQueryParamsFromUrl, pathRoute, children, }: WaykeProviderProps) => React.JSX.Element;
+/**
+ * Settings, routing, the search state and the theme for every Wayke component
+ * under it. Place it close to the root of the app, so its cache is kept.
+ */
+declare const WaykeProvider: ({ children, ...settings }: WaykeProviderProps) => React.JSX.Element;
 export default WaykeProvider;

package/dist/types/src/utils/image.d.ts

@@ -0,0 +1,14 @@
+export type ImageSpec = [width: number, height: number];
+interface ImageOptions {
+    width: number;
+    height: number;
+    webp?: boolean;
+}
+export declare const imageUrl: (src: string, { width, height, webp }: ImageOptions) => string;
+/**
+ * Width-limited URL for an image that may come from cfit (allowed widths only)
+ * or from a host that takes a free ?w=&h= (legacy media, blob storage).
+ */
+export declare const imageWithWidth: (src: string, width: number, height?: number) => string;
+export declare const imageSrcSet: (src: string, specs: ImageSpec[], webp?: boolean) => string;
+export {};

package/dist/types/src/utils/sortOptions.d.ts

@@ -1,13 +1,4 @@
-declare const SortOptionDisplayName: {
-    PublishedAsc: string;
-    PublishedDesc: string;
-    PriceAsc: string;
-    Pricedesc: string;
-    ModelAsc: string;
-    Modeldesc: string;
-    MileageAsc: string;
-    Mileagedesc: string;
-};
-type SortOptionDisplayName = 'relevance' | 'published-asc' | 'published-desc' | 'price-asc' | 'price-desc' | 'model-asc' | 'model-desc' | 'mileage-asc' | 'mileage-desc';
-export declare const getTranslatedSortOptionDisplayName: (str: string | SortOptionDisplayName) => string;
-export {};
+export declare const sortOptions: () => {
+    value: string;
+    displayName: string;
+}[];

package/package.json

@@ -1,11 +1,22 @@
 {
   "name": "@wayke-se/components-react",
-  "version": "5.2.0",
+  "version": "6.0.0-beta.1",
   "description": "",
-  "module": "dist/index.mjs",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
   "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./style.css": "./dist/style.css",
+    "./package.json": "./package.json"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
   "files": [
     "dist"
   ],
@@ -15,7 +26,6 @@
     "lint": "npx @biomejs/biome check",
     "lint:fix": "npx @biomejs/biome check --write",
     "typecheck": "tsc --noEmit --skipLibCheck",
-    "gen": "graphql-codegen --config ./codegen.yml",
     "generate-libphonenumber-metadata": "libphonenumber-metadata-generator src/utils/metadata.min.json --countries SE,NO --extended",
     "prepare": "husky",
     "start": "node ./esbuild/start.js",
@@ -35,39 +45,33 @@
     "styled-components": "^6"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.5.15",
-    "@graphql-codegen/cli": "^7.4.5",
-    "@graphql-codegen/typescript": "^6.1.1",
-    "@types/googlemaps": "^3.43.3",
-    "@types/node": "^24.19.1",
+    "@biomejs/biome": "2.6.3",
+    "@types/node": "^24.19.2",
     "@types/react": "^19.3.0",
     "@types/react-dom": "^19.3.0",
     "@types/react-slick": "^0.23.13",
-    "@wayke-se/ecom-web": "^2.1.1",
-    "dotenv": "^18.0.6",
+    "dotenv": "^18.0.9",
     "esbuild": "^0.28.2",
-    "esbuild-plugin-copy": "^2.1.1",
     "husky": "^9.1.7",
     "libphonenumber-metadata-generator": "^2.0.6",
     "lint-staged": "^17.6.0",
-    "react": "^19.3.0",
-    "react-dom": "^19.3.0",
-    "react-router-dom": "^7.18.4",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "react-router-dom": "^7.18.5",
     "rimraf": "^6.1.3",
-    "styled-components": "^6.5.3",
+    "styled-components": "^6.6.0",
     "typescript": "^7.0.2"
   },
   "dependencies": {
-    "@apollo/client": "^4.3.3",
     "@emotion/is-prop-valid": "^1.4.0",
     "@photo-sphere-viewer/core": "^5.15.1",
+    "@wayke-se/ecom-web": "^2.1.1",
     "date-fns": "^4.4.0",
-    "graphql": "^16.0.0 || ^17.0.0",
-    "i18next": "^26.4.2",
+    "i18next": "^26.5.11",
     "libphonenumber-js": "^1.13.15",
-    "marked": "^18.1.0",
+    "marked": "^18.1.2",
     "react-compound-slider": "^3.4.0",
-    "react-i18next": "^17.0.16",
+    "react-i18next": "^17.1.9",
     "react-slick": "^0.31.0",
     "scroll-into-view-if-needed": "^3.1.0"
   },

package/dist/assets/default.css

@@ -1 +0,0 @@
-@charset 'UTF-8';.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}

package/dist/assets/fonts/slick.svg

@@ -1,14 +0,0 @@
-<?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>