@jotul/jotul-widgets 2.0.0 → 2.1.0

package/dist/JotulWidget.js

@@ -7,7 +7,7 @@ import { FinderSearchRowSkeleton } from './components/FinderSearchRowSkeleton';
 import { DealerCardSkeleton } from './components/DealerCardSkeleton';
 import { DEFAULT_WIDGET_LOCALE_TAG, resolveWidgetUiLocale, WIDGET_STRINGS, } from './i18n/widgetStrings';
 import { checkWidgetAuthorization, fetchDealerById, searchLocationSuggestions, searchDealersByCoordinates, searchDealersByPostalCode, submitInquiry, } from './api';
-import { createInquiryFormValues, getDealerId, getDealerName, getSafeWidgetErrorMessage, isDealerInSearchResult, normalizeWidgetFilterList, validateInquiryFormValues, isWidgetType, renderReadyState, } from './utils';
+import { createInquiryFormValues, getDealerId, getDealerName, getSafeWidgetErrorMessage, isDealerInSearchResult, normalizeWidgetFilterList, normalizeDealerMarkets, validateInquiryFormValues, isWidgetType, renderReadyState, } from './utils';
 import { inquiryCategoryLabel } from './utils/inquiryCategories';
 import { inquiryFormValuesToApiPayload } from './utils/inquirySubmit';
 import { useTurnstileSiteKey } from './hooks/useTurnstileSiteKey';
@@ -62,16 +62,13 @@ const MARKET_FALLBACK_CENTER = {
     DE: [52.52, 13.405],
 };
 export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, productName, locale: localeProp, market: marketProp, markets: marketsProp, scope, brands, campaignSlug, styling, button, buttonLoading, widgetRef, pageType: pageTypeProp, productId, warrantyEndpoint, submissionEndpoint = '/api/jotul/submission', turnstileSiteKey: turnstileSiteKeyProp, turnstileConfigEndpoint, }) {
-    const apiMarkets = useMemo(() => normalizeWidgetFilterList(marketsProp, (market) => {
-        const upper = market.toUpperCase();
-        return /^[A-Z]{2}$/.test(upper) ? upper : '';
-    }), [marketsProp]);
+    const apiLocaleTag = useMemo(() => (localeProp?.trim() ? localeProp.trim() : DEFAULT_WIDGET_LOCALE_TAG), [localeProp]);
+    const apiMarkets = useMemo(() => normalizeDealerMarkets(marketsProp), [marketsProp]);
     const apiBrands = useMemo(() => normalizeWidgetFilterList(brands), [brands]);
     const firstMarket = apiMarkets?.[0];
-    const resolvedUiLocale = useMemo(() => resolveWidgetUiLocale(localeProp, firstMarket), [localeProp, firstMarket]);
+    const resolvedUiLocale = useMemo(() => resolveWidgetUiLocale(localeProp), [localeProp]);
     const t = WIDGET_STRINGS[resolvedUiLocale];
     const resolvedTurnstileSiteKey = useTurnstileSiteKey(turnstileSiteKeyProp, turnstileConfigEndpoint);
-    const apiLocaleTag = useMemo(() => (localeProp?.trim() ? localeProp.trim() : DEFAULT_WIDGET_LOCALE_TAG), [localeProp]);
     const [auth, setAuth] = useState(null);
     const [isLoading, setIsLoading] = useState(false);
     const [searchResult, setSearchResult] = useState(null);

package/dist/types.d.ts

@@ -53,9 +53,9 @@ 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`. */
+    /** BCP 47 language tag (e.g. `nb-NO`, `en-US`) sent to the API as `locale` (UI/geocoder language only). */
     locale?: string;
-    /** ISO 3166-1 alpha-2 market(s)/country(ies) (e.g. `["NO", "SE"]`) sent to the API as `market` params. */
+    /** ISO 3166-1 alpha-2 market(s) (e.g. `["NO", "SE"]`) sent as `market` query params for dealer filtering. */
     markets?: string[];
     scope?: JotulWidgetScope;
     brands?: string[];
@@ -85,10 +85,11 @@ export type JotulWidgetProps = {
     endpoint?: string;
     className?: string;
     productName?: string;
+    /** BCP 47 language tag for widget UI strings (not dealer filtering). */
     locale?: string;
-    /** ISO 3166-1 alpha-2 market code for the warranty form (singular). */
+    /** ISO 3166-1 alpha-2 market code for the warranty form only. */
     market?: string;
-    /** ISO 3166-1 alpha-2 market(s) for dealer widgets. */
+    /** ISO 3166-1 alpha-2 market(s) for dealer search filtering (product page, find dealer drawer). */
     markets?: string[];
     scope?: JotulWidgetScope;
     brands?: string[];

package/dist/utils.d.ts

@@ -7,6 +7,7 @@ export declare function formatDistance(dealer: DealerRecord): string | null;
 export declare function isExclusiveDealer(dealer: DealerRecord): boolean;
 /** Normalize optional widget prop arrays: undefined or empty means no filter. */
 export declare function normalizeWidgetFilterList(values: string[] | undefined, transform?: (value: string) => string): string[] | undefined;
+export declare function normalizeDealerMarkets(markets?: string[]): string[] | undefined;
 export declare function getDealerId(dealer: DealerRecord): string | undefined;
 export declare function getDealerKey(dealer: DealerRecord, index: number): string;
 export declare function getDealerName(dealer: DealerRecord, unknownLabel: string): string;

package/dist/utils.js

@@ -50,6 +50,12 @@ export function normalizeWidgetFilterList(values, transform) {
         .filter((value) => value.length > 0);
     return normalized.length > 0 ? normalized : undefined;
 }
+export function normalizeDealerMarkets(markets) {
+    return normalizeWidgetFilterList(markets, (value) => {
+        const upper = value.toUpperCase();
+        return /^[A-Z]{2}$/.test(upper) ? upper : '';
+    });
+}
 export function getDealerId(dealer) {
     return asText(dealer.dealerId) ?? asText(dealer._id) ?? undefined;
 }

package/package.json

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