@jotul/jotul-widgets 1.0.1 → 1.0.2

package/dist/JotulWidget.d.ts

@@ -1,8 +1,8 @@
 import './JotulWidget.css';
 import { checkWidgetAuthorization, searchLocationSuggestions, searchDealersByCoordinates, searchDealersByPostalCode } from './api';
 import type { JotulWidgetProps } from './types';
-export { normalizeWidgetLocale } from './i18n/widgetStrings';
+export { DEFAULT_WIDGET_LOCALE_TAG, normalizeWidgetLocale, resolveWidgetUiLocale, } from './i18n/widgetStrings';
 export type { JotulWidgetLocale } from './i18n/widgetStrings';
 export { checkWidgetAuthorization, searchLocationSuggestions, searchDealersByCoordinates, searchDealersByPostalCode, };
 export type { CheckWidgetAuthorizationOptions, DealerSearchResponse, JotulWidgetButtonStyling, JotulWidgetProps, JotulWidgetStyling, JotulWidgetType, WidgetAuthClientResponse, } from './types';
-export declare function JotulWidget({ type, endpoint, className, productName, locale: localeProp, brands, styling, }: JotulWidgetProps): import("react/jsx-runtime").JSX.Element;
+export declare function JotulWidget({ type, endpoint, className, productName, locale: localeProp, market: marketProp, brands, styling, }: JotulWidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist/JotulWidget.js

@@ -5,11 +5,11 @@ import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FinderSearchRowSkeleton } from './components/FinderSearchRowSkeleton';
 import { ProductPageWidget } from './widgets/ProductPageWidget';
 import { ButtonSpinner } from './icons/ButtonSpinner';
-import { normalizeWidgetLocale, WIDGET_STRINGS } from './i18n/widgetStrings';
+import { DEFAULT_WIDGET_LOCALE_TAG, resolveWidgetUiLocale, WIDGET_STRINGS, } from './i18n/widgetStrings';
 import { checkWidgetAuthorization, searchLocationSuggestions, searchDealersByCoordinates, searchDealersByPostalCode, } from './api';
 import { createInquiryFormValues, getSafeWidgetErrorMessage, isValidEmail, isWidgetType, renderReadyState, } from './utils';
 import { getWidgetPrimaryButtonPresentation } from './utils/widgetPrimaryButtonPresentation';
-export { normalizeWidgetLocale } from './i18n/widgetStrings';
+export { DEFAULT_WIDGET_LOCALE_TAG, normalizeWidgetLocale, resolveWidgetUiLocale, } from './i18n/widgetStrings';
 export { checkWidgetAuthorization, searchLocationSuggestions, searchDealersByCoordinates, searchDealersByPostalCode, };
 const GEO_PERMISSION_DENIED = 1;
 const GEO_POSITION_UNAVAILABLE = 2;
@@ -19,9 +19,17 @@ const GEOLOCATION_OPTIONS = {
     timeout: 15000,
     maximumAge: 300000,
 };
-export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, productName, locale: localeProp, brands, styling, }) {
-    const resolvedLocale = useMemo(() => normalizeWidgetLocale(localeProp), [localeProp]);
-    const t = WIDGET_STRINGS[resolvedLocale];
+export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, productName, locale: localeProp, market: marketProp, brands, styling, }) {
+    const resolvedUiLocale = useMemo(() => resolveWidgetUiLocale(localeProp), [localeProp]);
+    const t = WIDGET_STRINGS[resolvedUiLocale];
+    const apiLocaleTag = useMemo(() => (localeProp?.trim() ? localeProp.trim() : DEFAULT_WIDGET_LOCALE_TAG), [localeProp]);
+    const apiMarket = useMemo(() => {
+        const m = marketProp?.trim();
+        if (!m)
+            return undefined;
+        const upper = m.toUpperCase();
+        return /^[A-Z]{2}$/.test(upper) ? upper : undefined;
+    }, [marketProp]);
     const heroPrimaryButton = useMemo(() => getWidgetPrimaryButtonPresentation(styling?.button, 'hero', {
         disabledWait: true,
     }), [styling?.button]);
@@ -44,9 +52,10 @@ export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, p
     const autocompleteCacheRef = useRef(new Map());
     const dealerSearchOptions = useMemo(() => ({
         endpoint,
-        locale: resolvedLocale,
+        locale: apiLocaleTag,
+        market: apiMarket,
         brands,
-    }), [brands, endpoint, resolvedLocale]);
+    }), [apiLocaleTag, apiMarket, brands, endpoint]);
     const runDealerSearchByCoordinates = useCallback(async (latitude, longitude) => {
         setLocationError(null);
         setSearchResult(null);
@@ -60,7 +69,7 @@ export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, p
         }
     }, [dealerSearchOptions]);
     const runLocationSearch = useCallback(() => {
-        const messages = WIDGET_STRINGS[resolvedLocale];
+        const messages = WIDGET_STRINGS[resolvedUiLocale];
         setShouldAutoLocateAfterAuth(false);
         setLocationError(null);
         setSearchResult(null);
@@ -92,7 +101,7 @@ export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, p
                 setLocationError(messages.locationGenericFailure);
             }
         }, GEOLOCATION_OPTIONS);
-    }, [resolvedLocale, runDealerSearchByCoordinates]);
+    }, [resolvedUiLocale, runDealerSearchByCoordinates]);
     useEffect(() => {
         const query = locationQuery.trim();
         if (query.length < 3) {
@@ -100,7 +109,7 @@ export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, p
             setLocationSuggestions([]);
             return;
         }
-        const cacheKey = query.toLowerCase();
+        const cacheKey = `${apiLocaleTag}|${apiMarket ?? ''}|${query.toLowerCase()}`;
         const cached = autocompleteCacheRef.current.get(cacheKey);
         if (cached != null) {
             setLocationSuggestions(cached);
@@ -121,7 +130,7 @@ export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, p
             cancelled = true;
             clearTimeout(timer);
         };
-    }, [dealerSearchOptions, locationQuery]);
+    }, [apiLocaleTag, apiMarket, dealerSearchOptions, locationQuery]);
     useEffect(() => {
         if (type === 'productPage' && !isOpen)
             return;

package/dist/api.js

@@ -1,5 +1,19 @@
+import { DEFAULT_WIDGET_LOCALE_TAG } from './i18n/widgetStrings';
 /** Client-side default when JSON parse fails (English; localized in UI). */
 export const GENERIC_WIDGET_ERROR = 'Dealer finder is currently unavailable. Please try again later.';
+function appendLocaleAndMarket(params, options) {
+    const locale = options?.locale != null && options.locale.trim() !== ''
+        ? options.locale.trim()
+        : DEFAULT_WIDGET_LOCALE_TAG;
+    params.set('locale', locale);
+    const market = options?.market?.trim();
+    if (market) {
+        const upper = market.toUpperCase();
+        if (/^[A-Z]{2}$/.test(upper)) {
+            params.set('market', upper);
+        }
+    }
+}
 export async function checkWidgetAuthorization(options) {
     const endpoint = options?.endpoint ?? '/api/jotul/widget';
     const fetcher = options?.fetcher ?? fetch;
@@ -25,9 +39,7 @@ export async function searchDealersByPostalCode(postalCode, options) {
     const endpoint = options?.endpoint ?? '/api/jotul/widget';
     const fetcher = options?.fetcher ?? fetch;
     const params = new URLSearchParams({ postalCode: postalCode.trim() });
-    if (options?.locale != null && options.locale.trim() !== '') {
-        params.set('locale', options.locale.trim());
-    }
+    appendLocaleAndMarket(params, options);
     if (Array.isArray(options?.brands)) {
         for (const brand of options.brands) {
             const value = brand.trim();
@@ -60,9 +72,7 @@ export async function searchDealersByCoordinates(latitude, longitude, options) {
         latitude: String(latitude),
         longitude: String(longitude),
     });
-    if (options?.locale != null && options.locale.trim() !== '') {
-        params.set('locale', options.locale.trim());
-    }
+    appendLocaleAndMarket(params, options);
     if (Array.isArray(options?.brands)) {
         for (const brand of options.brands) {
             const value = brand.trim();
@@ -95,9 +105,7 @@ export async function searchLocationSuggestions(query, options) {
         type: 'autocomplete',
         q: query.trim(),
     });
-    if (options?.locale != null && options.locale.trim() !== '') {
-        params.set('locale', options.locale.trim());
-    }
+    appendLocaleAndMarket(params, options);
     let response;
     try {
         response = await fetcher(`${endpoint}?${params.toString()}`, {

package/dist/i18n/widgetStrings.d.ts

@@ -1,4 +1,6 @@
-export type JotulWidgetLocale = 'no' | 'se';
+export type JotulWidgetLocale = 'no' | 'se' | 'en' | 'fr';
+/** Default BCP 47 tag used for API `locale` when the prop is omitted. */
+export declare const DEFAULT_WIDGET_LOCALE_TAG = "nb-NO";
 export type WidgetStrings = {
     genericWidgetError: string;
     invalidPostcodeError: string;
@@ -36,4 +38,9 @@ export type WidgetStrings = {
     readyWarrantyForm: string;
 };
 export declare const WIDGET_STRINGS: Record<JotulWidgetLocale, WidgetStrings>;
-export declare function normalizeWidgetLocale(raw: string | undefined): JotulWidgetLocale;
+/**
+ * Maps `locale` prop: BCP 47 (e.g. `nb-NO`, `en-US`, `fr-FR`) or legacy shorthands (`no`, `sv`).
+ */
+export declare function resolveWidgetUiLocale(raw: string | undefined): JotulWidgetLocale;
+/** @deprecated Use `resolveWidgetUiLocale`. */
+export declare const normalizeWidgetLocale: typeof resolveWidgetUiLocale;

package/dist/i18n/widgetStrings.js

@@ -1,3 +1,5 @@
+/** Default BCP 47 tag used for API `locale` when the prop is omitted. */
+export const DEFAULT_WIDGET_LOCALE_TAG = 'nb-NO';
 export const WIDGET_STRINGS = {
     no: {
         genericWidgetError: 'Forhandlerkartet er ikke tilgjengelig akkurat nå. Prøv igjen senere.',
@@ -71,17 +73,112 @@ export const WIDGET_STRINGS = {
         readyDealerFinder: 'JotulWidget klar: dealerFinder',
         readyWarrantyForm: 'JotulWidget klar: warrantyForm',
     },
+    en: {
+        genericWidgetError: 'The dealer finder is unavailable right now. Please try again later.',
+        invalidPostcodeError: 'Enter a valid postcode.',
+        invalidWidgetTypeError: 'This widget is not available right now.',
+        locationSearchFailed: 'Location search could not be completed. Try again.',
+        locationUnavailableBrowser: 'Location is not available in this browser. Try another browser or device.',
+        locationPermissionDenied: 'Location access was denied. Allow location for this site to find nearby dealers.',
+        locationPositionUnavailable: 'Your position could not be determined. Try again in a moment.',
+        locationTimeout: 'Finding your location took too long. Try again.',
+        locationGenericFailure: 'Could not read your location. Try again.',
+        locationTypeMore: 'Type at least 3 characters to search for an address.',
+        locationNoResults: 'No addresses found. Try a different search.',
+        locationManualHint: 'Enter your address to find dealers nearby',
+        findDealer: 'Find a dealer',
+        loading: 'Loading …',
+        useLocationHint: 'Use your location to find dealers nearby',
+        find: 'Locate',
+        finding: 'Searching …',
+        inquirySentSuccess: 'Your request has been sent.',
+        goBack: 'Back',
+        sendInquiryTitle: 'Request',
+        sendInquiryTitleWithProduct: 'Request regarding {product}',
+        dealerWillContact: '{dealer} will contact you as soon as possible.',
+        fieldName: 'Name',
+        fieldEmail: 'Email',
+        fieldPhone: 'Phone',
+        fieldComment: 'Comment',
+        formValidationRequired: 'Enter name, email, and phone.',
+        formValidationEmail: 'Enter a valid email address.',
+        dealersNearYou: '{count} dealers nearby',
+        unknownDealer: 'Unknown dealer',
+        sendInquiryCta: 'Send request',
+        sendInquiryEditing: 'Editing request',
+        readyDealerFinder: 'JotulWidget ready: dealerFinder',
+        readyWarrantyForm: 'JotulWidget ready: warrantyForm',
+    },
+    fr: {
+        genericWidgetError: "Le recherche de revendeurs n'est pas disponible pour le moment. Réessayez plus tard.",
+        invalidPostcodeError: 'Saisissez un code postal valide.',
+        invalidWidgetTypeError: "Ce widget n'est pas disponible pour le moment.",
+        locationSearchFailed: 'La recherche de lieu a échoué. Réessayez.',
+        locationUnavailableBrowser: "La position n'est pas disponible dans ce navigateur. Essayez un autre navigateur ou appareil.",
+        locationPermissionDenied: "L'accès à la position a été refusé. Autorisez la position pour ce site afin de trouver les revendeurs proches.",
+        locationPositionUnavailable: "Votre position n'a pas pu être déterminée. Réessayez dans un instant.",
+        locationTimeout: 'La recherche de votre position a pris trop de temps. Réessayez.',
+        locationGenericFailure: 'Impossible de lire votre position. Réessayez.',
+        locationTypeMore: 'Saisissez au moins 3 caractères pour chercher une adresse.',
+        locationNoResults: 'Aucune adresse trouvée. Essayez une autre recherche.',
+        locationManualHint: 'Saisissez votre adresse pour trouver des revendeurs à proximité',
+        findDealer: 'Trouver un revendeur',
+        loading: 'Chargement …',
+        useLocationHint: 'Utilisez votre position pour trouver des revendeurs à proximité',
+        find: 'Localiser',
+        finding: 'Recherche …',
+        inquirySentSuccess: 'Votre demande a été envoyée.',
+        goBack: 'Retour',
+        sendInquiryTitle: 'Demande',
+        sendInquiryTitleWithProduct: 'Demande concernant {product}',
+        dealerWillContact: '{dealer} vous contactera dès que possible.',
+        fieldName: 'Nom',
+        fieldEmail: 'E-mail',
+        fieldPhone: 'Téléphone',
+        fieldComment: 'Commentaire',
+        formValidationRequired: 'Renseignez le nom, l’e-mail et le téléphone.',
+        formValidationEmail: 'Saisissez une adresse e-mail valide.',
+        dealersNearYou: '{count} revendeurs à proximité',
+        unknownDealer: 'Revendeur inconnu',
+        sendInquiryCta: 'Envoyer la demande',
+        sendInquiryEditing: 'Modification de la demande',
+        readyDealerFinder: 'JotulWidget prêt : dealerFinder',
+        readyWarrantyForm: 'JotulWidget prêt : warrantyForm',
+    },
 };
-export function normalizeWidgetLocale(raw) {
+/**
+ * Maps `locale` prop: BCP 47 (e.g. `nb-NO`, `en-US`, `fr-FR`) or legacy shorthands (`no`, `sv`).
+ */
+export function resolveWidgetUiLocale(raw) {
     if (raw == null || raw.trim() === '') {
         return 'no';
     }
-    const n = raw.trim().toLowerCase();
-    if (n === 'no' || n === 'nb' || n === 'nn') {
+    const s = raw.trim();
+    const lower = s.toLowerCase();
+    if (lower === 'no' || lower === 'nb' || lower === 'nn') {
         return 'no';
     }
-    if (n === 'se' || n === 'sv') {
+    if (lower === 'se' || lower === 'sv') {
         return 'se';
     }
-    return 'no';
+    try {
+        const loc = new Intl.Locale(s.replace(/_/g, '-'));
+        const lang = (loc.language ?? '').toLowerCase();
+        if (lang === 'nb' || lang === 'nn' || lang === 'no')
+            return 'no';
+        if (lang === 'sv')
+            return 'se';
+        if (lang === 'en')
+            return 'en';
+        if (lang === 'fr')
+            return 'fr';
+        if (lang === 'de')
+            return 'en';
+        return 'no';
+    }
+    catch {
+        return 'no';
+    }
 }
+/** @deprecated Use `resolveWidgetUiLocale`. */
+export const normalizeWidgetLocale = resolveWidgetUiLocale;

package/dist/index.d.ts

@@ -1 +1 @@
-export { checkWidgetAuthorization, normalizeWidgetLocale, searchDealersByCoordinates, searchDealersByPostalCode, JotulWidget, type CheckWidgetAuthorizationOptions, type DealerSearchResponse, type JotulWidgetButtonStyling, type JotulWidgetLocale, type JotulWidgetProps, type JotulWidgetStyling, type JotulWidgetType, type WidgetAuthClientResponse, } from './JotulWidget';
+export { checkWidgetAuthorization, DEFAULT_WIDGET_LOCALE_TAG, normalizeWidgetLocale, resolveWidgetUiLocale, searchDealersByCoordinates, searchDealersByPostalCode, JotulWidget, type CheckWidgetAuthorizationOptions, type DealerSearchResponse, type JotulWidgetButtonStyling, type JotulWidgetLocale, type JotulWidgetProps, type JotulWidgetStyling, type JotulWidgetType, type WidgetAuthClientResponse, } from './JotulWidget';

package/dist/index.js

@@ -1,2 +1,2 @@
 'use client';
-export { checkWidgetAuthorization, normalizeWidgetLocale, searchDealersByCoordinates, searchDealersByPostalCode, JotulWidget, } from './JotulWidget';
+export { checkWidgetAuthorization, DEFAULT_WIDGET_LOCALE_TAG, normalizeWidgetLocale, resolveWidgetUiLocale, searchDealersByCoordinates, searchDealersByPostalCode, JotulWidget, } from './JotulWidget';

package/dist/types.d.ts

@@ -37,7 +37,10 @@ export type LocationAutocompleteResponse = {
 export type CheckWidgetAuthorizationOptions = {
     endpoint?: string;
     fetcher?: typeof fetch;
+    /** BCP 47 language tag (e.g. `nb-NO`, `en-US`) sent to the API as `locale`. */
     locale?: string;
+    /** ISO 3166-1 alpha-2 market/country (e.g. `NO`, `SE`) sent to the API as `market`. */
+    market?: string;
     brands?: string[];
 };
 /** CSS values for primary CTA buttons (find dealer, send inquiry, etc.). */
@@ -54,7 +57,10 @@ export type JotulWidgetProps = {
     endpoint?: string;
     className?: string;
     productName?: string;
+    /** BCP 47 tag for widget UI strings and API `locale` (default `nb-NO` when omitted). */
     locale?: string;
+    /** ISO 3166-1 alpha-2 market filter for dealers and geocoder country bias (`NO`, `SE`, …). */
+    market?: string;
     brands?: string[];
     styling?: JotulWidgetStyling;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jotul/jotul-widgets",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "license": "UNLICENSED",
   "sideEffects": [