@jotul/jotul-widgets 1.0.0 → 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, JotulWidgetProps, JotulWidgetType, WidgetAuthClientResponse, } from './types';
-export declare function JotulWidget({ type, endpoint, className, productName, locale: localeProp, brands, }: JotulWidgetProps): import("react/jsx-runtime").JSX.Element;
+export type { CheckWidgetAuthorizationOptions, DealerSearchResponse, JotulWidgetButtonStyling, JotulWidgetProps, JotulWidgetStyling, JotulWidgetType, WidgetAuthClientResponse, } from './types';
+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

@@ -4,12 +4,12 @@ import './JotulWidget.css';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { FinderSearchRowSkeleton } from './components/FinderSearchRowSkeleton';
 import { ProductPageWidget } from './widgets/ProductPageWidget';
-import { FIND_DEALER_BUTTON_CLASS } from './constants';
 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';
-export { normalizeWidgetLocale } from './i18n/widgetStrings';
+import { getWidgetPrimaryButtonPresentation } from './utils/widgetPrimaryButtonPresentation';
+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,20 @@ const GEOLOCATION_OPTIONS = {
     timeout: 15000,
     maximumAge: 300000,
 };
-export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, productName, locale: localeProp, brands, }) {
-    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]);
     const [auth, setAuth] = useState(null);
     const [isLoading, setIsLoading] = useState(false);
     const [searchResult, setSearchResult] = useState(null);
@@ -41,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);
@@ -57,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);
@@ -89,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) {
@@ -97,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);
@@ -118,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;
@@ -180,11 +192,11 @@ export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, p
                         else {
                             setShouldAutoLocateAfterAuth(true);
                         }
-                    }, className: FIND_DEALER_BUTTON_CLASS, children: t.findDealer }) }) }));
+                    }, className: heroPrimaryButton.className, style: heroPrimaryButton.style, children: t.findDealer }) }) }));
     }
     const productPageAuthPending = widgetType === 'productPage' && isOpen && (auth === null || isLoading);
     if (productPageAuthPending) {
-        return (_jsx("div", { className: rootClass, children: _jsx("div", { className: "jwi-flex jwi-py-8 jwi-items-center jwi-justify-center", children: _jsx("button", { type: "button", disabled: true, className: `${FIND_DEALER_BUTTON_CLASS} jwi-opacity-95`, children: _jsxs("span", { className: "jwi-inline-flex jwi-items-center jwi-gap-2", children: [_jsx(ButtonSpinner, {}), t.loading] }) }) }) }));
+        return (_jsx("div", { className: rootClass, children: _jsx("div", { className: "jwi-flex jwi-py-8 jwi-items-center jwi-justify-center", children: _jsx("button", { type: "button", disabled: true, className: `${heroPrimaryButton.className} jwi-opacity-95`, style: heroPrimaryButton.style, children: _jsxs("span", { className: "jwi-inline-flex jwi-items-center jwi-gap-2", children: [_jsx(ButtonSpinner, {}), t.loading] }) }) }) }));
     }
     const waitingForAuth = auth === null && !(widgetType === 'productPage' && !isOpen);
     if ((isLoading || waitingForAuth) && type !== 'productPage') {
@@ -194,7 +206,7 @@ export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, p
         return _jsx("div", { className: rootClass, children: getSafeWidgetErrorMessage(auth?.error, t) });
     }
     if (widgetType === 'productPage') {
-        return (_jsx("div", { className: rootClass, children: _jsx(ProductPageWidget, { t: t, isSearching: isSearching, locationError: locationError, searchResult: searchResult?.ok === false
+        return (_jsx("div", { className: rootClass, children: _jsx(ProductPageWidget, { t: t, buttonStyling: styling?.button, isSearching: isSearching, locationError: locationError, searchResult: searchResult?.ok === false
                     ? { ...searchResult, error: getSafeWidgetErrorMessage(searchResult.error, t) }
                     : searchResult, inquiryValues: inquiryValues, inquiryError: inquiryError, isInquirySubmitted: isInquirySubmitted, selectedDealerName: selectedDealerName, isManualSearchEnabled: isManualLocationSearchEnabled, query: locationQuery, suggestions: locationSuggestions, suggestionsOpen: isSuggestionListOpen, isSuggestionsLoading: isSearchingSuggestions, onQueryChange: (value) => {
                     setLocationQuery(value);

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();
@@ -92,12 +102,10 @@ export async function searchLocationSuggestions(query, options) {
     const endpoint = options?.endpoint ?? '/api/jotul/widget';
     const fetcher = options?.fetcher ?? fetch;
     const params = new URLSearchParams({
-        autocomplete: '1',
+        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/components/ProductPageWidget.d.ts

@@ -1,7 +1,8 @@
 import type { WidgetStrings } from '../i18n/widgetStrings';
-import type { DealerSearchResponse, InquiryFormValues, LocationSuggestion } from '../types';
+import type { DealerSearchResponse, InquiryFormValues, JotulWidgetButtonStyling, LocationSuggestion } from '../types';
 type ProductPageWidgetProps = {
     t: WidgetStrings;
+    buttonStyling?: JotulWidgetButtonStyling;
     isSearching: boolean;
     locationError: string | null;
     searchResult: DealerSearchResponse | null;
@@ -22,5 +23,5 @@ type ProductPageWidgetProps = {
     onInquiryFieldChange: (key: keyof InquiryFormValues, value: string) => void;
     onStartInquiry: (dealerName: string) => void;
 };
-export declare function ProductPageWidget({ t, isSearching, locationError, searchResult, inquiryValues, inquiryError, isInquirySubmitted, selectedDealerName, isManualSearchEnabled, query, suggestions, suggestionsOpen, isSuggestionsLoading, onQueryChange, onSuggestionSelect, onDismissSuggestions, onInquiryClose, onInquirySubmit, onInquiryFieldChange, onStartInquiry, }: ProductPageWidgetProps): import("react/jsx-runtime").JSX.Element;
+export declare function ProductPageWidget({ t, buttonStyling, isSearching, locationError, searchResult, inquiryValues, inquiryError, isInquirySubmitted, selectedDealerName, isManualSearchEnabled, query, suggestions, suggestionsOpen, isSuggestionsLoading, onQueryChange, onSuggestionSelect, onDismissSuggestions, onInquiryClose, onInquirySubmit, onInquiryFieldChange, onStartInquiry, }: ProductPageWidgetProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ProductPageWidget.js

@@ -5,12 +5,12 @@ import { InquiryForm } from './product-page/InquiryForm';
 import { LocationSearch } from './product-page/LocationSearch';
 import { StatusBanner } from './product-page/StatusBanner';
 import { R10 } from '../constants';
-export function ProductPageWidget({ t, isSearching, locationError, searchResult, inquiryValues, inquiryError, isInquirySubmitted, selectedDealerName, isManualSearchEnabled, query, suggestions, suggestionsOpen, isSuggestionsLoading, onQueryChange, onSuggestionSelect, onDismissSuggestions, onInquiryClose, onInquirySubmit, onInquiryFieldChange, onStartInquiry, }) {
+export function ProductPageWidget({ t, buttonStyling, isSearching, locationError, searchResult, inquiryValues, inquiryError, isInquirySubmitted, selectedDealerName, isManualSearchEnabled, query, suggestions, suggestionsOpen, isSuggestionsLoading, onQueryChange, onSuggestionSelect, onDismissSuggestions, onInquiryClose, onInquirySubmit, onInquiryFieldChange, onStartInquiry, }) {
     const dealers = (searchResult?.dealers ?? []);
     const total = searchResult?.total ?? dealers.length;
     const inquiryFormOpen = inquiryValues != null;
     if (inquiryFormOpen && searchResult?.ok) {
-        return (_jsx("div", { className: "jwi-flex jwi-w-full jwi-flex-col jwi-gap-3", children: _jsx(InquiryForm, { t: t, inquiryValues: inquiryValues, inquiryError: inquiryError, onInquiryClose: onInquiryClose, onInquirySubmit: onInquirySubmit, onInquiryFieldChange: onInquiryFieldChange }) }));
+        return (_jsx("div", { className: "jwi-flex jwi-w-full jwi-flex-col jwi-gap-3", children: _jsx(InquiryForm, { t: t, buttonStyling: buttonStyling, inquiryValues: inquiryValues, inquiryError: inquiryError, onInquiryClose: onInquiryClose, onInquirySubmit: onInquirySubmit, onInquiryFieldChange: onInquiryFieldChange }) }));
     }
-    return (_jsxs("div", { className: `jwi-flex jwi-w-full jwi-flex-col jwi-gap-3 ${R10} jwi-border jwi-border-[#e6e1d7] jwi-bg-white jwi-p-6`, children: [_jsx(LocationSearch, { t: t, isManualSearchEnabled: isManualSearchEnabled, query: query, suggestions: suggestions, suggestionsOpen: suggestionsOpen, isSuggestionsLoading: isSuggestionsLoading, onQueryChange: onQueryChange, onSuggestionSelect: onSuggestionSelect, onDismissSuggestions: onDismissSuggestions }), locationError != null && !isManualSearchEnabled && (_jsx(StatusBanner, { tone: "error", children: locationError })), searchResult?.ok === false && (_jsx(StatusBanner, { tone: "error", children: searchResult.error ?? '' })), isInquirySubmitted && _jsx(StatusBanner, { tone: "success", children: t.inquirySentSuccess }), isSearching && (_jsxs("div", { className: "jwi-flex jwi-flex-col", children: [_jsx("div", { className: "jwi-w-full jwi-flex-shrink-0 jwi-border-b jwi-border-[#e6e1d7] jwi-pb-3", children: _jsx("div", { className: "jwi-h-5 jwi-w-48 jwi-animate-pulse jwi-rounded-full jwi-bg-[#ece8df]" }) }), _jsxs("div", { className: "jwi-mt-3 jwi-mr-[-12px] jwi-flex jwi-max-h-[min(60vh,480px)] jwi-flex-col jwi-gap-4 jwi-overflow-y-auto jwi-pr-[12px]", children: [_jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {})] })] })), searchResult?.ok && !isSearching && (_jsx(DealerList, { dealers: dealers, total: total, selectedDealerName: selectedDealerName, t: t, onStartInquiry: onStartInquiry }))] }));
+    return (_jsxs("div", { className: `jwi-flex jwi-w-full jwi-flex-col jwi-gap-3 ${R10} jwi-border jwi-border-[#e6e1d7] jwi-bg-white jwi-p-6`, children: [_jsx(LocationSearch, { t: t, isManualSearchEnabled: isManualSearchEnabled, query: query, suggestions: suggestions, suggestionsOpen: suggestionsOpen, isSuggestionsLoading: isSuggestionsLoading, onQueryChange: onQueryChange, onSuggestionSelect: onSuggestionSelect, onDismissSuggestions: onDismissSuggestions }), locationError != null && !isManualSearchEnabled && (_jsx(StatusBanner, { tone: "error", children: locationError })), searchResult?.ok === false && (_jsx(StatusBanner, { tone: "error", children: searchResult.error ?? '' })), isInquirySubmitted && _jsx(StatusBanner, { tone: "success", children: t.inquirySentSuccess }), isSearching && (_jsxs("div", { className: "jwi-flex jwi-flex-col", children: [_jsx("div", { className: "jwi-w-full jwi-flex-shrink-0 jwi-border-b jwi-border-[#e6e1d7] jwi-pb-3", children: _jsx("div", { className: "jwi-h-5 jwi-w-48 jwi-animate-pulse jwi-rounded-full jwi-bg-[#ece8df]" }) }), _jsxs("div", { className: "jwi-mt-3 jwi-mr-[-12px] jwi-flex jwi-max-h-[min(60vh,480px)] jwi-flex-col jwi-gap-4 jwi-overflow-y-auto jwi-pr-[12px]", children: [_jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {})] })] })), searchResult?.ok && !isSearching && (_jsx(DealerList, { dealers: dealers, total: total, selectedDealerName: selectedDealerName, t: t, buttonStyling: buttonStyling, onStartInquiry: onStartInquiry }))] }));
 }

package/dist/components/product-page/DealerList.d.ts

@@ -1,11 +1,12 @@
 import type { WidgetStrings } from '../../i18n/widgetStrings';
-import type { DealerRecord } from '../../types';
+import type { DealerRecord, JotulWidgetButtonStyling } from '../../types';
 type DealerListProps = {
     dealers: DealerRecord[];
     total: number;
     selectedDealerName: string | null;
     t: WidgetStrings;
+    buttonStyling?: JotulWidgetButtonStyling;
     onStartInquiry: (dealerName: string) => void;
 };
-export declare function DealerList({ dealers, total, selectedDealerName, t, onStartInquiry, }: DealerListProps): import("react/jsx-runtime").JSX.Element;
+export declare function DealerList({ dealers, total, selectedDealerName, t, buttonStyling, onStartInquiry, }: DealerListProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/product-page/DealerList.js

@@ -2,14 +2,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { R10 } from '../../constants';
 import { ArrowRightIcon } from '../../icons/ArrowRightIcon';
 import { TelephoneIcon } from '../../icons/TelephoneIcon';
+import { getWidgetPrimaryButtonPresentation } from '../../utils/widgetPrimaryButtonPresentation';
 import { asText, formatDistance, getDealerAddressLines, getDealerKey, getDealerName, } from '../../utils';
-export function DealerList({ dealers, total, selectedDealerName, t, onStartInquiry, }) {
+export function DealerList({ dealers, total, selectedDealerName, t, buttonStyling, onStartInquiry, }) {
+    const inquiryCta = getWidgetPrimaryButtonPresentation(buttonStyling, 'panel', {
+        extraClassName: 'jwi-w-full jwi-max-w-full jwi-shrink-0 jwi-justify-between jwi-gap-2 md:jwi-max-w-[220px]',
+    });
     return (_jsxs("div", { className: "jwi-flex jwi-flex-col", children: [_jsx("div", { className: "jwi--mx-6 jwi-w-auto jwi-flex-shrink-0 jwi-border-b jwi-border-[#e6e1d7] jwi-pb-3 jwi-px-6 jwi-text-sm jwi-font-medium jwi-text-[#111111]", children: t.dealersNearYou.replace('{count}', String(total)) }), _jsxs("div", { className: "jwi-relative jwi-mt-4", children: [_jsx("div", { className: "jwi-mr-[-12px] jwi-flex jwi-max-h-[min(60vh,480px)] jwi-flex-col jwi-gap-4 jwi-overflow-y-auto jwi-pr-[12px]", children: dealers.map((dealer, index) => {
                             const addressLines = getDealerAddressLines(dealer);
                             const phone = asText(dealer.phone);
                             const distance = formatDistance(dealer);
                             const dealerName = getDealerName(dealer, t.unknownDealer);
                             const isSelectedDealer = selectedDealerName === dealerName;
-                            return (_jsxs("div", { className: `jwi-w-full ${R10} jwi-border jwi-border-[#e6e1d7] jwi-bg-white jwi-p-4 jwi-shadow-[0_1px_2px_rgba(17,17,17,0.03)]`, children: [_jsxs("div", { className: "jwi-flex jwi-items-start jwi-justify-between jwi-gap-3", children: [_jsx("div", { className: "jwi-min-w-0 jwi-max-w-[calc(100%-5rem)] jwi-pr-1", children: _jsx("h3", { className: "jwi-m-0 jwi-text-base jwi-font-semibold jwi-leading-snug jwi-text-[#111111]", children: dealerName }) }), distance && (_jsx("div", { className: `jwi-shrink-0 jwi-whitespace-nowrap ${R10} jwi-bg-[#fbf3db] jwi-px-2.5 jwi-py-1 jwi-text-xs jwi-font-medium jwi-leading-none jwi-text-[#111111]`, children: distance }))] }), addressLines.length > 0 && (_jsx("div", { className: "jwi-mt-3 jwi-flex jwi-flex-col jwi-gap-0.5 jwi-text-sm jwi-leading-snug jwi-text-[#111111]", children: addressLines.map((line) => (_jsx("div", { children: line }, line))) })), _jsxs("div", { className: "jwi-mt-4 jwi-flex jwi-flex-col jwi-gap-3 md:jwi-flex-row md:jwi-items-center md:jwi-justify-between", children: [_jsxs("button", { type: "button", onClick: () => onStartInquiry(dealerName), className: `jwi-inline-flex jwi-min-h-[48px] jwi-w-full jwi-max-w-full jwi-shrink-0 jwi-cursor-pointer jwi-items-center jwi-justify-between jwi-gap-2 ${R10} jwi-border-0 jwi-bg-[#ef2b18] jwi-px-4 jwi-text-sm jwi-font-medium jwi-text-white hover:jwi-bg-[#d92817] md:jwi-max-w-[220px]`, children: [_jsx("span", { children: isSelectedDealer ? t.sendInquiryEditing : t.sendInquiryCta }), _jsx(ArrowRightIcon, { className: "jwi-h-[18px] jwi-w-[18px] jwi-shrink-0" })] }), phone && (_jsxs("a", { href: `tel:${phone.replace(/\s+/g, '')}`, className: "jwi-inline-flex jwi-min-w-0 jwi-items-center jwi-gap-2 jwi-text-sm jwi-font-normal jwi-tabular-nums jwi-text-[#111111] hover:jwi-underline", children: [_jsx(TelephoneIcon, {}), _jsx("span", { className: "jwi-break-all", children: phone })] }))] })] }, getDealerKey(dealer, index)));
+                            return (_jsxs("div", { className: `jwi-w-full ${R10} jwi-border jwi-border-[#e6e1d7] jwi-bg-white jwi-p-4 jwi-shadow-[0_1px_2px_rgba(17,17,17,0.03)]`, children: [_jsxs("div", { className: "jwi-flex jwi-items-start jwi-justify-between jwi-gap-3", children: [_jsx("div", { className: "jwi-min-w-0 jwi-max-w-[calc(100%-5rem)] jwi-pr-1", children: _jsx("h3", { className: "jwi-m-0 jwi-text-base jwi-font-semibold jwi-leading-snug jwi-text-[#111111]", children: dealerName }) }), distance && (_jsx("div", { className: `jwi-shrink-0 jwi-whitespace-nowrap ${R10} jwi-bg-[#fbf3db] jwi-px-2.5 jwi-py-1 jwi-text-xs jwi-font-medium jwi-leading-none jwi-text-[#111111]`, children: distance }))] }), addressLines.length > 0 && (_jsx("div", { className: "jwi-mt-3 jwi-flex jwi-flex-col jwi-gap-0.5 jwi-text-sm jwi-leading-snug jwi-text-[#111111]", children: addressLines.map((line) => (_jsx("div", { children: line }, line))) })), _jsxs("div", { className: "jwi-mt-4 jwi-flex jwi-flex-col jwi-gap-3 md:jwi-flex-row md:jwi-items-center md:jwi-justify-between", children: [_jsxs("button", { type: "button", onClick: () => onStartInquiry(dealerName), className: inquiryCta.className, style: inquiryCta.style, children: [_jsx("span", { children: isSelectedDealer ? t.sendInquiryEditing : t.sendInquiryCta }), _jsx(ArrowRightIcon, { className: "jwi-h-[18px] jwi-w-[18px] jwi-shrink-0" })] }), phone && (_jsxs("a", { href: `tel:${phone.replace(/\s+/g, '')}`, className: "jwi-inline-flex jwi-min-w-0 jwi-items-center jwi-gap-2 jwi-text-sm jwi-font-normal jwi-tabular-nums jwi-text-[#111111] hover:jwi-underline", children: [_jsx(TelephoneIcon, {}), _jsx("span", { className: "jwi-break-all", children: phone })] }))] })] }, getDealerKey(dealer, index)));
                         }) }), _jsx("div", { "aria-hidden": true, className: "jwi-pointer-events-none jwi-absolute jwi-bottom-0 jwi-left-0 jwi-right-0 jwi-h-10 jwi-bg-gradient-to-t jwi-from-white jwi-to-transparent" })] })] }));
 }

package/dist/components/product-page/InquiryForm.d.ts

@@ -1,12 +1,13 @@
 import type { WidgetStrings } from '../../i18n/widgetStrings';
-import type { InquiryFormValues } from '../../types';
+import type { InquiryFormValues, JotulWidgetButtonStyling } from '../../types';
 type InquiryFormProps = {
     t: WidgetStrings;
+    buttonStyling?: JotulWidgetButtonStyling;
     inquiryValues: InquiryFormValues;
     inquiryError: string | null;
     onInquiryClose: () => void;
     onInquirySubmit: () => void;
     onInquiryFieldChange: (key: keyof InquiryFormValues, value: string) => void;
 };
-export declare function InquiryForm({ t, inquiryValues, inquiryError, onInquiryClose, onInquirySubmit, onInquiryFieldChange, }: InquiryFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function InquiryForm({ t, buttonStyling, inquiryValues, inquiryError, onInquiryClose, onInquirySubmit, onInquiryFieldChange, }: InquiryFormProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/product-page/InquiryForm.js

@@ -2,7 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { InquiryField } from '../InquiryField';
 import { R10 } from '../../constants';
 import { ArrowRightIcon } from '../../icons/ArrowRightIcon';
-export function InquiryForm({ t, inquiryValues, inquiryError, onInquiryClose, onInquirySubmit, onInquiryFieldChange, }) {
+import { getWidgetPrimaryButtonPresentation } from '../../utils/widgetPrimaryButtonPresentation';
+export function InquiryForm({ t, buttonStyling, inquiryValues, inquiryError, onInquiryClose, onInquirySubmit, onInquiryFieldChange, }) {
+    const submitButton = getWidgetPrimaryButtonPresentation(buttonStyling, 'panel', {
+        extraClassName: 'jwi-mt-4 jwi-w-full',
+    });
     const trimmedProductName = inquiryValues.productName.trim();
     const title = trimmedProductName !== ''
         ? t.sendInquiryTitleWithProduct.replace('{product}', trimmedProductName)
@@ -10,5 +14,5 @@ export function InquiryForm({ t, inquiryValues, inquiryError, onInquiryClose, on
     return (_jsxs("form", { onSubmit: (event) => {
             event.preventDefault();
             onInquirySubmit();
-        }, className: `jwi-w-full ${R10} jwi-border jwi-border-[#e6e1d7] jwi-bg-white jwi-p-4 jwi-shadow-[0_1px_2px_rgba(17,17,17,0.03)]`, children: [_jsxs("button", { type: "button", onClick: onInquiryClose, className: "jwi-mb-3 jwi-inline-flex jwi-w-fit jwi-cursor-pointer jwi-items-center jwi-gap-1.5 jwi-border-0 jwi-bg-transparent jwi-p-0 jwi-text-left jwi-text-sm jwi-font-medium jwi-text-[#767676] hover:jwi-text-[#444444]", children: [_jsx("span", { className: "jwi-inline-flex jwi-shrink-0", style: { transform: 'scaleX(-1)' }, "aria-hidden": true, children: _jsx(ArrowRightIcon, { className: "jwi-h-[14px] jwi-w-[14px]" }) }), t.goBack] }), _jsx("input", { type: "hidden", name: "product", value: inquiryValues.productName }), _jsx("input", { type: "hidden", name: "dealer", value: inquiryValues.dealerName }), _jsxs("div", { className: "jwi-min-w-0", children: [_jsx("h3", { className: "jwi-m-0 jwi-text-base jwi-font-semibold jwi-leading-snug jwi-text-[#111111]", children: title }), _jsx("p", { className: "jwi-m-0 jwi-mt-2 jwi-text-sm jwi-leading-[1.4] jwi-text-[#767676]", children: t.dealerWillContact.replace('{dealer}', inquiryValues.dealerName) })] }), _jsxs("div", { className: "jwi-mt-4 jwi-flex jwi-flex-col jwi-gap-3", children: [_jsx(InquiryField, { label: t.fieldName, value: inquiryValues.name, onChange: (value) => onInquiryFieldChange('name', value) }), _jsx(InquiryField, { label: t.fieldEmail, type: "email", value: inquiryValues.email, onChange: (value) => onInquiryFieldChange('email', value) }), _jsx(InquiryField, { label: t.fieldPhone, type: "tel", value: inquiryValues.phone, onChange: (value) => onInquiryFieldChange('phone', value) }), _jsx(InquiryField, { label: t.fieldComment, multiline: true, value: inquiryValues.comment, onChange: (value) => onInquiryFieldChange('comment', value) })] }), inquiryError && (_jsx("div", { className: `jwi-mt-4 ${R10} jwi-border jwi-border-[#f0c7c2] jwi-bg-[#fff3f1] jwi-px-4 jwi-py-3 jwi-text-sm jwi-leading-[1.4] jwi-text-[#8f2d21]`, children: inquiryError })), _jsx("button", { type: "submit", className: `jwi-mt-4 jwi-inline-flex jwi-min-h-[48px] jwi-w-full jwi-cursor-pointer jwi-items-center jwi-justify-center ${R10} jwi-border-0 jwi-bg-[#ef2b18] jwi-px-4 jwi-text-sm jwi-font-medium jwi-text-white hover:jwi-bg-[#d92817]`, children: t.sendInquiryCta })] }));
+        }, className: `jwi-w-full ${R10} jwi-border jwi-border-[#e6e1d7] jwi-bg-white jwi-p-4 jwi-shadow-[0_1px_2px_rgba(17,17,17,0.03)]`, children: [_jsxs("button", { type: "button", onClick: onInquiryClose, className: "jwi-mb-3 jwi-inline-flex jwi-w-fit jwi-cursor-pointer jwi-items-center jwi-gap-1.5 jwi-border-0 jwi-bg-transparent jwi-p-0 jwi-text-left jwi-text-sm jwi-font-medium jwi-text-[#767676] hover:jwi-text-[#444444]", children: [_jsx("span", { className: "jwi-inline-flex jwi-shrink-0", style: { transform: 'scaleX(-1)' }, "aria-hidden": true, children: _jsx(ArrowRightIcon, { className: "jwi-h-[14px] jwi-w-[14px]" }) }), t.goBack] }), _jsx("input", { type: "hidden", name: "product", value: inquiryValues.productName }), _jsx("input", { type: "hidden", name: "dealer", value: inquiryValues.dealerName }), _jsxs("div", { className: "jwi-min-w-0", children: [_jsx("h3", { className: "jwi-m-0 jwi-text-base jwi-font-semibold jwi-leading-snug jwi-text-[#111111]", children: title }), _jsx("p", { className: "jwi-m-0 jwi-mt-2 jwi-text-sm jwi-leading-[1.4] jwi-text-[#767676]", children: t.dealerWillContact.replace('{dealer}', inquiryValues.dealerName) })] }), _jsxs("div", { className: "jwi-mt-4 jwi-flex jwi-flex-col jwi-gap-3", children: [_jsx(InquiryField, { label: t.fieldName, value: inquiryValues.name, onChange: (value) => onInquiryFieldChange('name', value) }), _jsx(InquiryField, { label: t.fieldEmail, type: "email", value: inquiryValues.email, onChange: (value) => onInquiryFieldChange('email', value) }), _jsx(InquiryField, { label: t.fieldPhone, type: "tel", value: inquiryValues.phone, onChange: (value) => onInquiryFieldChange('phone', value) }), _jsx(InquiryField, { label: t.fieldComment, multiline: true, value: inquiryValues.comment, onChange: (value) => onInquiryFieldChange('comment', value) })] }), inquiryError && (_jsx("div", { className: `jwi-mt-4 ${R10} jwi-border jwi-border-[#f0c7c2] jwi-bg-[#fff3f1] jwi-px-4 jwi-py-3 jwi-text-sm jwi-leading-[1.4] jwi-text-[#8f2d21]`, children: inquiryError })), _jsx("button", { type: "submit", className: submitButton.className, style: submitButton.style, children: t.sendInquiryCta })] }));
 }

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 JotulWidgetLocale, type JotulWidgetProps, 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,16 +37,32 @@ 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.). */
+export type JotulWidgetButtonStyling = {
+    borderRadius?: string;
+    backgroundColor?: string;
+    textColor?: string;
+};
+export type JotulWidgetStyling = {
+    button?: JotulWidgetButtonStyling;
+};
 export type JotulWidgetProps = {
     type?: string;
     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;
 };
 export type DealerRecord = Record<string, unknown>;
 export type InquiryFormValues = {

package/dist/utils/widgetPrimaryButtonPresentation.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties } from 'react';
+import type { JotulWidgetButtonStyling } from '../types';
+export type PrimaryButtonVariant = 'hero' | 'panel';
+/**
+ * Primary CTA buttons share the same visual tokens; optional `styling.button`
+ * overrides border radius, background, and text color (CSS values).
+ */
+export declare function getWidgetPrimaryButtonPresentation(buttonStyling: JotulWidgetButtonStyling | undefined, variant: PrimaryButtonVariant, options?: {
+    disabledWait?: boolean;
+    extraClassName?: string;
+}): {
+    className: string;
+    style: CSSProperties;
+};

package/dist/utils/widgetPrimaryButtonPresentation.js

@@ -0,0 +1,36 @@
+const HERO_LAYOUT = 'jwi-inline-flex jwi-w-full jwi-min-h-[56px] jwi-cursor-pointer jwi-items-center jwi-justify-center jwi-border-0 jwi-px-7 jwi-text-base jwi-font-medium';
+const PANEL_LAYOUT = 'jwi-inline-flex jwi-min-h-[48px] jwi-cursor-pointer jwi-items-center jwi-justify-center jwi-border-0 jwi-px-4 jwi-text-sm jwi-font-medium';
+/**
+ * Primary CTA buttons share the same visual tokens; optional `styling.button`
+ * overrides border radius, background, and text color (CSS values).
+ */
+export function getWidgetPrimaryButtonPresentation(buttonStyling, variant, options) {
+    const b = buttonStyling;
+    const style = {};
+    if (b?.borderRadius?.trim()) {
+        style.borderRadius = b.borderRadius.trim();
+    }
+    if (b?.backgroundColor?.trim()) {
+        style.backgroundColor = b.backgroundColor.trim();
+    }
+    if (b?.textColor?.trim()) {
+        style.color = b.textColor.trim();
+    }
+    const layout = variant === 'hero' ? HERO_LAYOUT : PANEL_LAYOUT;
+    const parts = [layout, options?.extraClassName?.trim()].filter((p) => typeof p === 'string' && p.length > 0);
+    if (!b?.borderRadius?.trim()) {
+        parts.push('jwi-rounded-[10px]');
+    }
+    if (!b?.backgroundColor?.trim()) {
+        parts.push('jwi-bg-[#ef2b18] hover:jwi-bg-[#d92817]');
+    }
+    if (!b?.textColor?.trim()) {
+        parts.push('jwi-text-white');
+    }
+    if (options?.disabledWait &&
+        variant === 'hero' &&
+        !b?.backgroundColor?.trim()) {
+        parts.push('disabled:jwi-cursor-wait disabled:hover:jwi-bg-[#ef2b18]');
+    }
+    return { className: parts.join(' '), style };
+}

package/package.json

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