@jotul/jotul-widgets 1.0.2 → 1.0.4

package/dist/images/dealer-pin-exclusive.svg

@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 20">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        fill: #2d2d2d;
+      }
+    </style>
+  </defs>
+  <path class="cls-2" d="M8,0C3.58,0,0,3.58,0,8s8,12,8,12c0,0,8-7.58,8-12S12.42,0,8,0Z"/>
+  <g>
+    <path class="cls-1" d="M6.24,9.72c.02.08.04.15.04.37,0,.11,0,.47-.2.71-.09.11-.23.19-.38.19-.24,0-.34-.18-.37-.24l.91-1.03ZM6.86,9.01s.04-.04.02-.05c-.03-.04-.24-.02-.26-.01-.01,0-.03.01-.05.04l-.11.12c-.11-.08-.31-.21-.73-.21-.78,0-1.24.56-1.24,1.29,0,.28.07.59.31.84l-.23.27s-.03.03-.02.04c0,.03.24.02.26.01.03,0,.04-.02.06-.04l.11-.13c.1.08.32.23.75.23.72,0,1.23-.52,1.23-1.3,0-.33-.09-.59-.31-.84l.21-.25ZM5.23,10.52c-.03-.08-.06-.17-.06-.43,0-.57.3-.87.6-.87.2,0,.33.14.37.26l-.91,1.04Z"/>
+    <path class="cls-1" d="M8.46,9.44v1.81c0,.06-.02.09-.09.09h-.49c-.08,0-.11-.02-.11-.09v-1.81h-.5c-.07,0-.1-.01-.1-.08v-.33s.01-.08.09-.08h1.71c.05,0,.09,0,.09.08v.33s0,.08-.09.08h-.51Z"/>
+    <path class="cls-1" d="M11.39,10.62c0,.18-.01.4-.24.57-.11.09-.34.2-.75.2-.3,0-.54-.06-.71-.17-.27-.17-.28-.39-.28-.62v-1.59c0-.05.02-.07.09-.07h.52c.07,0,.09,0,.09.08v1.54c0,.15,0,.39.38.39.34,0,.35-.25.36-.39v-1.54c0-.06.02-.08.09-.08h.36c.07,0,.1,0,.1.08v1.6h0Z"/>
+    <path class="cls-1" d="M9.2,6.46c-.05.33-.16.44-.63.97-.41.45-.33.93-.33.93-1.06-.45-1.26-1.57-1.26-1.57-.32.53-.09,1.25-.09,1.25-.25-.15-.72-.33-1.01-.49-.46-.25-.48-.52-.48-.52-.18.52.04.93.04.93,0,0-1.04-.34-.91-1.41.11-.91.85-1.33.85-1.33,0,0-.07.77.55,1.04,0,0-.06-.79.34-1.43.49-.77,1.26-1,1.6-1.03,0,0-.34.28-.28.84.06.47.29.66.26,1.26,0,0,.44-.17.65-.71.18-.46.08-.92.08-.92,0,0,.97.19,1.38.93.27.48.28,1.05.28,1.05.59-.27.49-1.04.49-1.04,0,0,.74.42.85,1.33.14,1.07-.9,1.39-.9,1.39,0,0,.24-.42.06-.93,0,0-.24.65-1.53.93,0,0,.43-.71.01-1.5Z"/>
+    <path class="cls-1" d="M12.56,10.83h.76s.09,0,.09.08v.35c0,.08-.04.08-.09.08h-1.37c-.07,0-.09-.01-.09-.09v-2.22c0-.08.05-.08.09-.08h.52c.05,0,.09,0,.09.08v1.81Z"/>
+    <path class="cls-1" d="M4.15,9.03c0-.08-.05-.08-.09-.08h-.52c-.05,0-.09,0-.09.08v1.52c0,.31-.11.38-.34.4-.21.02-.4-.11-.4-.11-.07-.05-.11-.03-.11.03v.34c0,.09.31.2.54.2.36,0,.61-.08.77-.2.15-.11.24-.25.24-.53v-1.64Z"/>
+    <path class="cls-1" d="M13.18,9.15s-.02.05-.07.05h-.03v-.09h.05s.05.01.05.04ZM13.24,9.39l-.07-.1s-.02-.04-.03-.05c.05,0,.08-.04.08-.09,0-.05-.03-.08-.11-.08h-.11v.32h.05v-.14h.02l.09.14h.06ZM13.12,8.98c.14,0,.24.11.24.25s-.11.24-.24.24-.24-.11-.24-.25.11-.24.24-.24ZM13.12,8.95c-.15,0-.28.12-.28.28s.12.28.28.28.28-.13.28-.28c0-.17-.12-.28-.28-.28Z"/>
+  </g>
+</svg>

package/dist/images/dealer-pin.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 20">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #ef2b18;
+      }
+    </style>
+  </defs>
+  <path class="cls-1" d="M8,0C3.58,0,0,3.58,0,8s8,12,8,12c0,0,8-7.58,8-12S12.42,0,8,0ZM7.91,11.35c-1.8,0-3.26-1.46-3.26-3.26s1.46-3.26,3.26-3.26,3.26,1.46,3.26,3.26-1.46,3.26-3.26,3.26Z"/>
+</svg>

package/dist/types.d.ts

@@ -1,3 +1,4 @@
+import type { CSSProperties, ReactNode } from 'react';
 export type JotulWidgetType = 'productPage' | 'dealerFinder' | 'warrantyForm';
 export type WidgetAuthClientResponse = {
     apiVersion?: string;
@@ -52,6 +53,13 @@ export type JotulWidgetButtonStyling = {
 export type JotulWidgetStyling = {
     button?: JotulWidgetButtonStyling;
 };
+export type ProductPageTriggerRenderProps = {
+    onOpen: () => void;
+    isLoading: boolean;
+    label: string;
+    className: string;
+    style?: CSSProperties;
+};
 export type JotulWidgetProps = {
     type?: string;
     endpoint?: string;
@@ -63,6 +71,12 @@ export type JotulWidgetProps = {
     market?: string;
     brands?: string[];
     styling?: JotulWidgetStyling;
+    /**
+     * Optional custom trigger for `productPage` widgets.
+     * - Pass a ReactNode for simple custom markup.
+     * - Pass a render function to fully control button behavior and bind `onOpen`.
+     */
+    productPageTrigger?: ReactNode | ((props: ProductPageTriggerRenderProps) => ReactNode);
 };
 export type DealerRecord = Record<string, unknown>;
 export type InquiryFormValues = {

package/dist/utils.js

@@ -32,7 +32,17 @@ export function getDealerName(dealer, unknownLabel) {
 export function getDealerAddressLines(dealer) {
     const address = asText(dealer.address);
     const postalCode = asText(dealer.postalCode);
-    return [address, postalCode].filter((value) => Boolean(value));
+    const city = asText(dealer.city);
+    const county = asText(dealer.county);
+    const normalizedCity = city?.trim().toLowerCase();
+    const normalizedCounty = county?.trim().toLowerCase();
+    const countyForDisplay = normalizedCity && normalizedCounty && normalizedCity === normalizedCounty
+        ? null
+        : county;
+    const locationLine = [postalCode, city, countyForDisplay]
+        .filter((value) => !!value)
+        .join(', ');
+    return [address, locationLine || null].filter((value) => Boolean(value));
 }
 export function createInquiryFormValues(productName, dealerName) {
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jotul/jotul-widgets",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "license": "UNLICENSED",
   "sideEffects": [
@@ -19,13 +19,19 @@
     }
   },
   "devDependencies": {
+    "@types/leaflet": "^1.9.21",
     "autoprefixer": "^10.4.21",
     "postcss": "^8.5.3",
     "tailwindcss": "^3.4.17"
   },
+  "dependencies": {
+    "leaflet": "^1.9.4",
+    "react-leaflet": "^5.0.0"
+  },
   "scripts": {
     "build:css": "tailwindcss -i ./src/tw-entry.css -o ./dist/JotulWidget.css --minify",
-    "build": "tsc -p tsconfig.build.json && npm run build:css",
+    "build:assets": "mkdir -p ./dist/images ./dist/i18n/locales && cp -R ./src/images/. ./dist/images/ && cp -R ./src/i18n/locales/. ./dist/i18n/locales/",
+    "build": "tsc -p tsconfig.build.json && npm run build:css && npm run build:assets",
     "clean": "rm -rf dist",
     "watch:css": "tailwindcss -i ./src/tw-entry.css -o ./dist/JotulWidget.css --watch",
     "watch:ts": "tsc -p tsconfig.build.json -w --preserveWatchOutput",