@jotul/jotul-widgets 1.2.6 → 2.1.0

package/dist/components/ProductPageWidget.js

@@ -19,7 +19,7 @@ import { MARKER_CLUSTER_LINK_KM, MARKER_CLUSTER_MIN_GROUP, partitionDealersForMa
 import { loadLeafletMarkerCluster } from '../utils/loadLeafletMarkerCluster';
 import { markerClusterCountIconHtml } from '../utils/markerClusterIconHtml';
 import { JOTUL_BRAND_PRIMARY_HEX, R10 } from '../constants';
-import { isExclusiveDealer } from '../utils';
+import { isExclusiveDealer, getDealerName } from '../utils';
 const OSM_MINIMAL_TILE_URL = 'https://{s}.basemaps.cartocdn.com/rastertiles/voyager/{z}/{x}/{y}{r}.png';
 const EMPTY_DEALERS = [];
 function mapPointsBoundsKey(points, defaultCenter) {
@@ -46,11 +46,7 @@ function readNumber(value) {
     }
     return null;
 }
-function getDealerName(dealer) {
-    const raw = dealer.name;
-    return typeof raw === 'string' && raw.trim() ? raw.trim() : 'Unknown dealer';
-}
-function getDealerMapPoint(dealer) {
+function getDealerMapPoint(dealer, unknownDealerLabel) {
     const latitude = readNumber(dealer.latitude);
     const longitude = readNumber(dealer.longitude);
     if (latitude == null || longitude == null)
@@ -58,7 +54,7 @@ function getDealerMapPoint(dealer) {
     const isExclusive = isExclusiveDealer(dealer);
     return {
         dealer,
-        dealerName: getDealerName(dealer),
+        dealerName: getDealerName(dealer, unknownDealerLabel),
         latitude,
         longitude,
         isExclusive,
@@ -231,7 +227,7 @@ function ClusteredMapMarkers({ points, pointsBoundsKey, clusterThemeKey, cluster
     }, [map, pointsBoundsKey, clusterThemeKey]);
     return null;
 }
-export function ProductPageWidget({ t, buttonStyling, borderStyling, markets, scope, isSearching, locationError, searchResult, mapSearchResult, inquiryValues, inquiryError, isInquirySubmitted, selectedDealerName, isManualSearchEnabled, query, suggestions, suggestionsOpen, isSuggestionsLoading, onQueryChange, onQuerySubmit, onSuggestionSelect, onDismissSuggestions, onInquiryClose, onInquirySubmit, onInquiryFieldChange, onStartInquiry, onMapDealerSelect, onClosePopup, }) {
+export function ProductPageWidget({ t, buttonStyling, borderStyling, markets, scope, isSearching, locationError, searchResult, mapSearchResult, inquiryValues, inquiryError, isSubmittingInquiry = false, turnstileSiteKey, turnstileResetKey = 0, isInquirySubmitted, selectedDealerName, isManualSearchEnabled, query, suggestions, suggestionsOpen, isSuggestionsLoading, onQueryChange, onQuerySubmit, onSuggestionSelect, onDismissSuggestions, onInquiryClose, onInquirySubmit, onInquiryFieldChange, onStartInquiry, onMapDealerSelect, onClosePopup, }) {
     const rawDealers = (searchResult?.dealers ?? EMPTY_DEALERS);
     const dealers = useMemo(() => (scope === 'ildstedet' ? rawDealers.filter(isExclusiveDealer) : rawDealers), [rawDealers, scope]);
     const rawMapDealers = (mapSearchResult?.dealers ?? rawDealers);
@@ -266,13 +262,15 @@ export function ProductPageWidget({ t, buttonStyling, borderStyling, markets, sc
     useEffect(() => {
         if (activeDealerName == null)
             return;
-        const activeIndex = dealers.findIndex((dealer) => getDealerName(dealer) === activeDealerName);
+        const activeIndex = dealers.findIndex((dealer) => getDealerName(dealer, t.unknownDealer) === activeDealerName);
         if (activeIndex < 0 || activeIndex < visibleDealerCount)
             return;
         const nextCount = Math.ceil((activeIndex + 1) / 10) * 10;
         setVisibleDealerCount(nextCount);
     }, [activeDealerName, dealers, visibleDealerCount]);
-    const mapPoints = useMemo(() => mapDealers.map((dealer) => getDealerMapPoint(dealer)).filter((v) => v != null), [mapDealers]);
+    const mapPoints = useMemo(() => mapDealers
+        .map((dealer) => getDealerMapPoint(dealer, t.unknownDealer))
+        .filter((v) => v != null), [mapDealers, t.unknownDealer]);
     useEffect(() => {
         setClusterUnavailable(false);
     }, [mapPoints]);
@@ -288,8 +286,8 @@ export function ProductPageWidget({ t, buttonStyling, borderStyling, markets, sc
     }, [mapPoints, searchResult?.origin?.latitude, searchResult?.origin?.longitude]);
     const mapBoundsKey = useMemo(() => mapPointsBoundsKey(mapPoints, defaultCenter), [mapPoints, defaultCenter]);
     useEffect(() => {
-        setActiveDealerName(dealers.length > 0 ? getDealerName(dealers[0]) : null);
-    }, [dealers]);
+        setActiveDealerName(dealers.length > 0 ? getDealerName(dealers[0], t.unknownDealer) : null);
+    }, [dealers, t.unknownDealer]);
     const activeMapPoint = useMemo(() => mapPoints.find((p) => p.dealerName === activeDealerName) ?? null, [activeDealerName, mapPoints]);
     const mapClusterTheme = useMemo(() => {
         const fill = buttonStyling?.backgroundColor?.trim() || JOTUL_BRAND_PRIMARY_HEX;
@@ -320,7 +318,7 @@ export function ProductPageWidget({ t, buttonStyling, borderStyling, markets, sc
     const showInquiryInMapPopup = inquiryFormOpen && searchResult?.ok;
     const showInquirySuccessScreen = isInquirySubmitted && !inquiryFormOpen;
     const canShowMore = visibleDealerCount < dealers.length;
-    const showMoreButton = canShowMore ? (_jsx("button", { type: "button", onClick: () => setVisibleDealerCount((count) => Math.min(count + 10, dealers.length)), className: "jwi-mt-3 jwi-inline-flex jwi-w-full jwi-cursor-pointer jwi-items-center jwi-justify-center jwi-rounded-md jwi-border jwi-border-[#d8d2c7] jwi-bg-white jwi-px-3 jwi-py-2 jwi-text-sm jwi-font-medium jwi-text-[#111111]", children: "Show more" })) : null;
+    const showMoreButton = canShowMore ? (_jsx("button", { type: "button", onClick: () => setVisibleDealerCount((count) => Math.min(count + 10, dealers.length)), className: "jwi-mt-3 jwi-inline-flex jwi-w-full jwi-cursor-pointer jwi-items-center jwi-justify-center jwi-rounded-md jwi-border jwi-border-[#d8d2c7] jwi-bg-white jwi-px-3 jwi-py-2 jwi-text-sm jwi-font-medium jwi-text-[#111111]", children: t.showMore })) : null;
     const handleDealerFocus = (dealerName) => {
         setActiveDealerName(dealerName);
     };
@@ -335,5 +333,5 @@ export function ProductPageWidget({ t, buttonStyling, borderStyling, markets, sc
     }
     return (_jsxs(_Fragment, { children: [!isMobileViewport && (_jsx(_Fragment, { children: _jsx("div", { className: "jwi-fixed jwi-inset-0 jwi-z-[2147483647] jwi-flex jwi-items-center jwi-justify-center jwi-bg-black/45 jwi-p-4", onClick: closeMapPopup, children: _jsxs("div", { className: `jwi-relative jwi-flex jwi-scale-100 jwi-flex-col jwi-overflow-hidden ${R10} jwi-bg-white jwi-shadow-[0_20px_60px_rgba(0,0,0,0.25)] jwi-transition-all ${showInquirySuccessScreen
                             ? 'jwi-h-auto jwi-w-[min(92vw,620px)]'
-                            : 'jwi-h-[min(85vh,860px)] jwi-w-[min(96vw,1200px)] md:jwi-flex-row'}`, onClick: (event) => event.stopPropagation(), children: [_jsx("button", { type: "button", onClick: closeMapPopup, className: "jwi-absolute jwi-right-3 jwi-top-3 jwi-z-[1200] jwi-inline-flex jwi-h-9 jwi-w-9 jwi-cursor-pointer jwi-items-center jwi-justify-center jwi-rounded-full jwi-border jwi-border-[#d8d2c7] jwi-bg-white jwi-text-xl jwi-leading-none jwi-text-[#111111] jwi-shadow-[0_2px_8px_rgba(0,0,0,0.12)]", "aria-label": t.closeMap, children: "\u00D7" }), showInquirySuccessScreen ? (renderSuccessPanel()) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "jwi-flex jwi-h-full jwi-min-h-0 jwi-w-full jwi-flex-col jwi-overflow-hidden md:jwi-w-[48%] md:jwi-border-r md:jwi-border-[#ece8df]", children: _jsx("div", { className: "jwi-flex jwi-h-full jwi-min-h-0 jwi-w-full jwi-flex-col jwi-gap-3 jwi-overflow-hidden jwi-bg-white jwi-p-6", children: showInquiryInMapPopup ? (_jsx(InquiryForm, { t: t, buttonStyling: buttonStyling, inquiryValues: inquiryValues, inquiryError: inquiryError, embedded: true, onInquiryClose: onInquiryClose, onInquirySubmit: onInquirySubmit, onInquiryFieldChange: onInquiryFieldChange })) : (_jsxs(_Fragment, { children: [_jsx(LocationSearch, { t: t, isManualSearchEnabled: isManualSearchEnabled, query: query, suggestions: suggestions, suggestionsOpen: suggestionsOpen, isSuggestionsLoading: isSuggestionsLoading, onQueryChange: onQueryChange, onQuerySubmit: onQuerySubmit, onSuggestionSelect: onSuggestionSelect, onDismissSuggestions: onDismissSuggestions }), _jsx(CampaignStatus, { campaign: searchResult?.campaign, t: t }), locationError != null && !isManualSearchEnabled && (_jsx(StatusBanner, { tone: "error", children: locationError })), searchResult?.ok === false && (_jsx(StatusBanner, { tone: "error", children: searchResult.error ?? '' })), 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_2s_ease-in-out_infinite] jwi-rounded-full jwi-bg-[#ece8df]" }) }), _jsxs("div", { className: "jwi-mt-3 jwi-mr-[-12px] jwi-flex jwi-h-full jwi-flex-col jwi-gap-4 jwi-overflow-y-auto jwi-pr-[12px]", children: [_jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {})] })] })) : (_jsxs(_Fragment, { children: [searchResult?.ok && (_jsx(DealerList, { dealers: visibleDealers, total: total, selectedDealerName: selectedDealerName, activeDealerName: activeDealerName, fitAvailableHeight: true, autoScrollToActive: true, maxHeightClassName: "jwi-max-h-none", t: t, buttonStyling: buttonStyling, borderStyling: borderStyling, markets: markets, onStartInquiry: onStartInquiry, onSelectDealer: handleDealerFocus })), showMoreButton] }))] })) }) }), _jsx("div", { className: "jwi-relative jwi-h-[45%] jwi-w-full md:jwi-h-full md:jwi-w-[52%]", children: mapCanvas })] }))] }) }) })), isMobileViewport && (_jsx("div", { className: "jwi-fixed jwi-inset-0 jwi-z-[2147483647] jwi-bg-white", children: _jsxs("div", { className: "jwi-relative jwi-flex jwi-h-full jwi-flex-col", children: [_jsx("div", { className: "jwi-flex jwi-justify-end jwi-bg-white jwi-px-4 jwi-pt-3", children: _jsx("button", { type: "button", onClick: closeMapPopup, className: "jwi-inline-flex jwi-h-9 jwi-w-9 jwi-cursor-pointer jwi-items-center jwi-justify-center jwi-rounded-full jwi-border jwi-border-[#d8d2c7] jwi-bg-white jwi-text-xl jwi-leading-none jwi-text-[#111111]", "aria-label": t.closeMap, children: "\u00D7" }) }), _jsx("div", { className: "jwi-min-h-0 jwi-flex-1 jwi-overflow-y-auto jwi-bg-white jwi-p-4 jwi-pb-24", children: showInquirySuccessScreen ? (renderSuccessPanel()) : showInquiryInMapPopup ? (_jsx(InquiryForm, { t: t, buttonStyling: buttonStyling, inquiryValues: inquiryValues, inquiryError: inquiryError, embedded: true, onInquiryClose: onInquiryClose, onInquirySubmit: onInquirySubmit, onInquiryFieldChange: onInquiryFieldChange })) : (_jsxs(_Fragment, { children: [_jsx(LocationSearch, { t: t, isManualSearchEnabled: isManualSearchEnabled, query: query, suggestions: suggestions, suggestionsOpen: suggestionsOpen, isSuggestionsLoading: isSuggestionsLoading, onQueryChange: onQueryChange, onQuerySubmit: onQuerySubmit, onSuggestionSelect: onSuggestionSelect, onDismissSuggestions: onDismissSuggestions }), _jsx(CampaignStatus, { campaign: searchResult?.campaign, t: t }), locationError != null && !isManualSearchEnabled && (_jsx(StatusBanner, { tone: "error", children: locationError })), searchResult?.ok === false && (_jsx(StatusBanner, { tone: "error", children: searchResult.error ?? '' })), 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_2s_ease-in-out_infinite] jwi-rounded-full jwi-bg-[#ece8df]" }) }), _jsxs("div", { className: "jwi-mt-3 jwi-flex jwi-flex-col jwi-gap-4", children: [_jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {})] })] })) : (_jsxs(_Fragment, { children: [searchResult?.ok && (_jsx(DealerList, { dealers: visibleDealers, total: total, selectedDealerName: selectedDealerName, activeDealerName: activeDealerName, maxHeightClassName: "jwi-max-h-none", autoScrollToActive: true, enableInternalScroll: false, t: t, buttonStyling: buttonStyling, borderStyling: borderStyling, markets: markets, onStartInquiry: onStartInquiry, onSelectDealer: handleDealerFocus })), showMoreButton] }))] })) }), !showInquiryInMapPopup && !showInquirySuccessScreen && !mobileMapExpanded && (_jsxs("button", { type: "button", onClick: () => setMobileMapExpanded((open) => !open), className: "jwi-absolute jwi-inset-x-0 jwi-bottom-0 jwi-z-20 jwi-flex jwi-h-14 jwi-items-center jwi-justify-center jwi-gap-2 jwi-rounded-t-[16px] jwi-border-t jwi-border-[#e6e1d7] jwi-bg-white jwi-text-sm jwi-font-semibold jwi-text-[#111111] jwi-shadow-[0_-6px_20px_rgba(0,0,0,0.12)]", children: [t.openMap, _jsx("span", { className: "jwi-inline-flex", style: { transform: 'rotate(-90deg)' }, children: _jsx(ArrowRightIcon, { className: "jwi-h-4 jwi-w-4 jwi-shrink-0" }) })] })), mobileMapExpanded && !showInquiryInMapPopup && !showInquirySuccessScreen && (_jsxs("div", { className: "jwi-absolute jwi-inset-x-0 jwi-bottom-0 jwi-z-30 jwi-h-[78vh] jwi-overflow-hidden jwi-rounded-t-[16px] jwi-bg-white jwi-shadow-[0_-12px_36px_rgba(0,0,0,0.22)]", children: [_jsxs("button", { type: "button", onClick: () => setMobileMapExpanded(false), className: "jwi-flex jwi-h-12 jwi-w-full jwi-items-center jwi-justify-center jwi-gap-2 jwi-border-b jwi-border-[#e6e1d7] jwi-bg-white jwi-text-sm jwi-font-semibold jwi-text-[#111111]", children: [t.closeMapMobile, _jsx("span", { className: "jwi-inline-flex", style: { transform: 'rotate(90deg)' }, children: _jsx(ArrowRightIcon, { className: "jwi-h-4 jwi-w-4 jwi-shrink-0" }) })] }), _jsx("div", { className: "jwi-h-[calc(78vh-48px)] jwi-w-full", children: mapCanvas })] }))] }) }))] }));
+                            : 'jwi-h-[min(85vh,860px)] jwi-w-[min(96vw,1200px)] md:jwi-flex-row'}`, onClick: (event) => event.stopPropagation(), children: [_jsx("button", { type: "button", onClick: closeMapPopup, className: "jwi-absolute jwi-right-3 jwi-top-3 jwi-z-[1200] jwi-inline-flex jwi-h-9 jwi-w-9 jwi-cursor-pointer jwi-items-center jwi-justify-center jwi-rounded-full jwi-border jwi-border-[#d8d2c7] jwi-bg-white jwi-text-xl jwi-leading-none jwi-text-[#111111] jwi-shadow-[0_2px_8px_rgba(0,0,0,0.12)]", "aria-label": t.closeMap, children: "\u00D7" }), showInquirySuccessScreen ? (renderSuccessPanel()) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "jwi-flex jwi-h-full jwi-min-h-0 jwi-w-full jwi-flex-col jwi-overflow-hidden md:jwi-w-[48%] md:jwi-border-r md:jwi-border-[#ece8df]", children: _jsx("div", { className: "jwi-flex jwi-h-full jwi-min-h-0 jwi-w-full jwi-flex-col jwi-gap-3 jwi-overflow-hidden jwi-bg-white jwi-p-6", children: showInquiryInMapPopup ? (_jsx(InquiryForm, { t: t, buttonStyling: buttonStyling, inquiryValues: inquiryValues, inquiryError: inquiryError, isSubmitting: isSubmittingInquiry, turnstileSiteKey: turnstileSiteKey, turnstileResetKey: turnstileResetKey, embedded: true, onInquiryClose: onInquiryClose, onInquirySubmit: onInquirySubmit, onInquiryFieldChange: onInquiryFieldChange })) : (_jsxs(_Fragment, { children: [_jsx(LocationSearch, { t: t, isManualSearchEnabled: isManualSearchEnabled, query: query, suggestions: suggestions, suggestionsOpen: suggestionsOpen, isSuggestionsLoading: isSuggestionsLoading, onQueryChange: onQueryChange, onQuerySubmit: onQuerySubmit, onSuggestionSelect: onSuggestionSelect, onDismissSuggestions: onDismissSuggestions }), _jsx(CampaignStatus, { campaign: searchResult?.campaign, t: t }), locationError != null && !isManualSearchEnabled && (_jsx(StatusBanner, { tone: "error", children: locationError })), searchResult?.ok === false && (_jsx(StatusBanner, { tone: "error", children: searchResult.error ?? '' })), 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_2s_ease-in-out_infinite] jwi-rounded-full jwi-bg-[#ece8df]" }) }), _jsxs("div", { className: "jwi-mt-3 jwi-mr-[-12px] jwi-flex jwi-h-full jwi-flex-col jwi-gap-4 jwi-overflow-y-auto jwi-pr-[12px]", children: [_jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {})] })] })) : (_jsxs(_Fragment, { children: [searchResult?.ok && (_jsx(DealerList, { dealers: visibleDealers, total: total, selectedDealerName: selectedDealerName, activeDealerName: activeDealerName, fitAvailableHeight: true, autoScrollToActive: true, maxHeightClassName: "jwi-max-h-none", t: t, buttonStyling: buttonStyling, borderStyling: borderStyling, markets: markets, onStartInquiry: onStartInquiry, onSelectDealer: handleDealerFocus })), showMoreButton] }))] })) }) }), _jsx("div", { className: "jwi-relative jwi-h-[45%] jwi-w-full md:jwi-h-full md:jwi-w-[52%]", children: mapCanvas })] }))] }) }) })), isMobileViewport && (_jsx("div", { className: "jwi-fixed jwi-inset-0 jwi-z-[2147483647] jwi-bg-white", children: _jsxs("div", { className: "jwi-relative jwi-flex jwi-h-full jwi-flex-col", children: [_jsx("div", { className: "jwi-flex jwi-justify-end jwi-bg-white jwi-px-4 jwi-pt-3", children: _jsx("button", { type: "button", onClick: closeMapPopup, className: "jwi-inline-flex jwi-h-9 jwi-w-9 jwi-cursor-pointer jwi-items-center jwi-justify-center jwi-rounded-full jwi-border jwi-border-[#d8d2c7] jwi-bg-white jwi-text-xl jwi-leading-none jwi-text-[#111111]", "aria-label": t.closeMap, children: "\u00D7" }) }), _jsx("div", { className: "jwi-min-h-0 jwi-flex-1 jwi-overflow-y-auto jwi-bg-white jwi-p-4 jwi-pb-24", children: showInquirySuccessScreen ? (renderSuccessPanel()) : showInquiryInMapPopup ? (_jsx(InquiryForm, { t: t, buttonStyling: buttonStyling, inquiryValues: inquiryValues, inquiryError: inquiryError, isSubmitting: isSubmittingInquiry, turnstileSiteKey: turnstileSiteKey, turnstileResetKey: turnstileResetKey, embedded: true, onInquiryClose: onInquiryClose, onInquirySubmit: onInquirySubmit, onInquiryFieldChange: onInquiryFieldChange })) : (_jsxs(_Fragment, { children: [_jsx(LocationSearch, { t: t, isManualSearchEnabled: isManualSearchEnabled, query: query, suggestions: suggestions, suggestionsOpen: suggestionsOpen, isSuggestionsLoading: isSuggestionsLoading, onQueryChange: onQueryChange, onQuerySubmit: onQuerySubmit, onSuggestionSelect: onSuggestionSelect, onDismissSuggestions: onDismissSuggestions }), _jsx(CampaignStatus, { campaign: searchResult?.campaign, t: t }), locationError != null && !isManualSearchEnabled && (_jsx(StatusBanner, { tone: "error", children: locationError })), searchResult?.ok === false && (_jsx(StatusBanner, { tone: "error", children: searchResult.error ?? '' })), 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_2s_ease-in-out_infinite] jwi-rounded-full jwi-bg-[#ece8df]" }) }), _jsxs("div", { className: "jwi-mt-3 jwi-flex jwi-flex-col jwi-gap-4", children: [_jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {}), _jsx(DealerCardSkeleton, {})] })] })) : (_jsxs(_Fragment, { children: [searchResult?.ok && (_jsx(DealerList, { dealers: visibleDealers, total: total, selectedDealerName: selectedDealerName, activeDealerName: activeDealerName, maxHeightClassName: "jwi-max-h-none", autoScrollToActive: true, enableInternalScroll: false, t: t, buttonStyling: buttonStyling, borderStyling: borderStyling, markets: markets, onStartInquiry: onStartInquiry, onSelectDealer: handleDealerFocus })), showMoreButton] }))] })) }), !showInquiryInMapPopup && !showInquirySuccessScreen && !mobileMapExpanded && (_jsxs("button", { type: "button", onClick: () => setMobileMapExpanded((open) => !open), className: "jwi-absolute jwi-inset-x-0 jwi-bottom-0 jwi-z-20 jwi-flex jwi-h-14 jwi-items-center jwi-justify-center jwi-gap-2 jwi-rounded-t-[16px] jwi-border-t jwi-border-[#e6e1d7] jwi-bg-white jwi-text-sm jwi-font-semibold jwi-text-[#111111] jwi-shadow-[0_-6px_20px_rgba(0,0,0,0.12)]", children: [t.openMap, _jsx("span", { className: "jwi-inline-flex", style: { transform: 'rotate(-90deg)' }, children: _jsx(ArrowRightIcon, { className: "jwi-h-4 jwi-w-4 jwi-shrink-0" }) })] })), mobileMapExpanded && !showInquiryInMapPopup && !showInquirySuccessScreen && (_jsxs("div", { className: "jwi-absolute jwi-inset-x-0 jwi-bottom-0 jwi-z-30 jwi-h-[78vh] jwi-overflow-hidden jwi-rounded-t-[16px] jwi-bg-white jwi-shadow-[0_-12px_36px_rgba(0,0,0,0.22)]", children: [_jsxs("button", { type: "button", onClick: () => setMobileMapExpanded(false), className: "jwi-flex jwi-h-12 jwi-w-full jwi-items-center jwi-justify-center jwi-gap-2 jwi-border-b jwi-border-[#e6e1d7] jwi-bg-white jwi-text-sm jwi-font-semibold jwi-text-[#111111]", children: [t.closeMapMobile, _jsx("span", { className: "jwi-inline-flex", style: { transform: 'rotate(90deg)' }, children: _jsx(ArrowRightIcon, { className: "jwi-h-4 jwi-w-4 jwi-shrink-0" }) })] }), _jsx("div", { className: "jwi-h-[calc(78vh-48px)] jwi-w-full", children: mapCanvas })] }))] }) }))] }));
 }

package/dist/components/TurnstileField.d.ts

@@ -0,0 +1,7 @@
+type TurnstileFieldProps = {
+    siteKey: string;
+    resetKey?: number;
+    onTokenChange: (token: string | null) => void;
+};
+export declare function TurnstileField({ siteKey, resetKey, onTokenChange }: TurnstileFieldProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/TurnstileField.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from 'react';
+import { loadTurnstileScript } from '../turnstile';
+export function TurnstileField({ siteKey, resetKey = 0, onTokenChange }) {
+    const containerRef = useRef(null);
+    const widgetIdRef = useRef(null);
+    const onTokenChangeRef = useRef(onTokenChange);
+    useEffect(() => {
+        onTokenChangeRef.current = onTokenChange;
+    }, [onTokenChange]);
+    useEffect(() => {
+        const trimmedSiteKey = siteKey.trim();
+        if (!trimmedSiteKey) {
+            onTokenChangeRef.current(null);
+            return;
+        }
+        let cancelled = false;
+        void loadTurnstileScript()
+            .then(() => {
+            if (cancelled || containerRef.current == null || window.turnstile == null) {
+                return;
+            }
+            if (widgetIdRef.current) {
+                window.turnstile.remove(widgetIdRef.current);
+                widgetIdRef.current = null;
+            }
+            widgetIdRef.current = window.turnstile.render(containerRef.current, {
+                sitekey: trimmedSiteKey,
+                theme: 'light',
+                size: 'flexible',
+                callback: (token) => onTokenChangeRef.current(token),
+                'expired-callback': () => onTokenChangeRef.current(null),
+                'error-callback': () => onTokenChangeRef.current(null),
+            });
+        })
+            .catch(() => onTokenChangeRef.current(null));
+        return () => {
+            cancelled = true;
+            if (widgetIdRef.current && window.turnstile) {
+                window.turnstile.remove(widgetIdRef.current);
+                widgetIdRef.current = null;
+            }
+        };
+    }, [siteKey, resetKey]);
+    if (!siteKey.trim())
+        return null;
+    return _jsx("div", { ref: containerRef, className: "jwi-mt-4 jwi-min-h-[65px]" });
+}

package/dist/components/WarrantyFormWidget.d.ts

@@ -0,0 +1,12 @@
+import type { JotulWidgetStyling } from '../types';
+export type WarrantyFormWidgetProps = {
+    endpoint?: string;
+    className?: string;
+    locale?: string;
+    /** ISO 3166-1 alpha-2 market code (singular). */
+    market?: string;
+    styling?: JotulWidgetStyling;
+    turnstileSiteKey?: string;
+    turnstileConfigEndpoint?: string;
+};
+export declare function WarrantyFormWidget({ endpoint, className, locale: localeProp, market: marketProp, styling, turnstileSiteKey: turnstileSiteKeyProp, turnstileConfigEndpoint, }: WarrantyFormWidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/WarrantyFormWidget.js

@@ -0,0 +1,98 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from 'react';
+import { submitWarranty } from '../api';
+import { R10 } from '../constants';
+import { InquiryField } from './InquiryField';
+import { TurnstileField } from './TurnstileField';
+import { DEFAULT_WIDGET_LOCALE_TAG, resolveWidgetUiLocale, WIDGET_STRINGS, } from '../i18n/widgetStrings';
+import { useTurnstileSiteKey } from '../hooks/useTurnstileSiteKey';
+import { getWidgetPrimaryButtonPresentation } from '../utils/widgetPrimaryButtonPresentation';
+import { isUsWarrantyMarket } from '../utils/usMarket';
+import { createWarrantyFormValues, validateWarrantyFormValues, warrantyFormValuesToApiPayload, } from '../utils/warrantyForm';
+export function WarrantyFormWidget({ endpoint = '/api/jotul/warranty', className, locale: localeProp, market: marketProp, styling, turnstileSiteKey: turnstileSiteKeyProp, turnstileConfigEndpoint, }) {
+    const normalizedMarket = useMemo(() => {
+        const trimmed = marketProp?.trim().toUpperCase();
+        return trimmed && /^[A-Z]{2}$/.test(trimmed) ? trimmed : undefined;
+    }, [marketProp]);
+    const resolvedUiLocale = useMemo(() => resolveWidgetUiLocale(localeProp, normalizedMarket), [localeProp, normalizedMarket]);
+    const showCounty = isUsWarrantyMarket(normalizedMarket, localeProp);
+    const t = WIDGET_STRINGS[resolvedUiLocale];
+    const resolvedTurnstileSiteKey = useTurnstileSiteKey(turnstileSiteKeyProp, turnstileConfigEndpoint);
+    const [values, setValues] = useState(createWarrantyFormValues);
+    const [formError, setFormError] = useState(null);
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [isSubmitted, setIsSubmitted] = useState(false);
+    const [turnstileToken, setTurnstileToken] = useState(null);
+    const [turnstileResetKey, setTurnstileResetKey] = useState(0);
+    const handleTurnstileTokenChange = useCallback((token) => {
+        setTurnstileToken(token);
+        if (token) {
+            setFormError((current) => current === t.formValidationCaptcha ? null : current);
+        }
+    }, [t.formValidationCaptcha]);
+    const submitButton = getWidgetPrimaryButtonPresentation(styling?.button, 'panel', {
+        extraClassName: 'jwi-mt-4 jwi-w-full',
+    });
+    const fieldClassName = `jwi-w-full ${R10} jwi-border jwi-border-[#d8d2c7] jwi-bg-white jwi-px-4 jwi-py-3 jwi-text-sm jwi-leading-[1.4] jwi-text-[#111111] jwi-outline-none placeholder:jwi-text-[#767676] focus:jwi-border-[#111111]`;
+    const updateField = useCallback((key, value) => {
+        setValues((current) => ({ ...current, [key]: value }));
+    }, []);
+    const handleSubmit = useCallback(async () => {
+        const validationError = validateWarrantyFormValues(values, {
+            market: normalizedMarket,
+            locale: localeProp,
+        });
+        if (validationError) {
+            if (validationError.type === 'invalid_email') {
+                setFormError(t.formValidationEmail);
+            }
+            else if (validationError.field === 'consent') {
+                setFormError(t.formValidationConsent);
+            }
+            else if (validationError.field === 'installerName') {
+                setFormError(t.formValidationInstaller);
+            }
+            else {
+                setFormError(t.formValidationRequired);
+            }
+            return;
+        }
+        if (resolvedTurnstileSiteKey && !turnstileToken) {
+            setFormError(t.formValidationCaptcha);
+            return;
+        }
+        setFormError(null);
+        setIsSubmitting(true);
+        try {
+            const result = await submitWarranty(warrantyFormValuesToApiPayload(values, {
+                turnstileToken,
+                market: normalizedMarket,
+                domain: typeof window !== 'undefined' ? window.location.hostname : undefined,
+            }), { endpoint });
+            if (result.ok !== true) {
+                setFormError(typeof result.error === 'string' ? result.error : t.genericWidgetError);
+                setTurnstileResetKey((current) => current + 1);
+                return;
+            }
+            setIsSubmitted(true);
+            setTurnstileResetKey((current) => current + 1);
+        }
+        catch {
+            setFormError(t.genericWidgetError);
+            setTurnstileResetKey((current) => current + 1);
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }, [endpoint, localeProp, normalizedMarket, resolvedTurnstileSiteKey, t, turnstileToken, values]);
+    const shellClass = 'jwi-box-border jwi-flex jwi-w-full jwi-max-w-[540px] jwi-flex-col jwi-font-sans jwi-text-[#111111]';
+    const rootClass = className != null && className !== '' ? `${shellClass} ${className}` : shellClass;
+    if (isSubmitted) {
+        return (_jsx("div", { className: rootClass, children: _jsxs("div", { className: `jwi-flex jwi-w-full jwi-flex-col jwi-items-center jwi-gap-4 ${R10} jwi-border jwi-border-[#e6e1d7] jwi-bg-white jwi-p-8 jwi-text-center`, children: [_jsx("div", { className: "jwi-text-2xl jwi-font-semibold jwi-text-[#111111]", children: t.warrantySuccessTitle }), _jsx("div", { className: "jwi-text-sm jwi-leading-6 jwi-text-[#333333]", children: t.warrantySuccessMessage })] }) }));
+    }
+    return (_jsx("div", { className: rootClass, children: _jsxs("form", { onSubmit: (event) => {
+                event.preventDefault();
+                void handleSubmit();
+            }, 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: [_jsx("h3", { className: "jwi-m-0 jwi-text-base jwi-font-semibold jwi-leading-snug jwi-text-[#111111]", children: t.warrantyCustomerSectionTitle }), _jsxs("div", { className: "jwi-mt-4 jwi-flex jwi-flex-col jwi-gap-3", children: [_jsxs("div", { className: "jwi-grid jwi-grid-cols-1 jwi-gap-3 md:jwi-grid-cols-2", children: [_jsx(InquiryField, { label: t.fieldFirstName, value: values.firstName, onChange: (value) => updateField('firstName', value) }), _jsx(InquiryField, { label: t.fieldLastName, value: values.lastName, onChange: (value) => updateField('lastName', value) })] }), _jsx(InquiryField, { label: t.fieldAddress, value: values.address, onChange: (value) => updateField('address', value) }), _jsxs("div", { className: "jwi-grid jwi-grid-cols-1 jwi-gap-3 md:jwi-grid-cols-2", children: [_jsx(InquiryField, { label: t.fieldZipcode, value: values.zipcode, onChange: (value) => updateField('zipcode', value) }), _jsx(InquiryField, { label: t.fieldCity, value: values.city, onChange: (value) => updateField('city', value) })] }), showCounty ? (_jsx(InquiryField, { label: t.fieldCounty, value: values.county, onChange: (value) => updateField('county', value) })) : null, _jsx(InquiryField, { label: t.fieldPhone, type: "tel", value: values.phone, onChange: (value) => updateField('phone', value) }), _jsx(InquiryField, { label: t.fieldEmail, type: "email", value: values.email, onChange: (value) => updateField('email', value) })] }), _jsx("h3", { className: "jwi-m-0 jwi-mt-6 jwi-text-base jwi-font-semibold jwi-leading-snug jwi-text-[#111111]", children: t.warrantyProductSectionTitle }), _jsxs("div", { className: "jwi-mt-4 jwi-flex jwi-flex-col jwi-gap-3", children: [_jsxs("label", { className: "jwi-flex jwi-flex-col jwi-gap-1.5", children: [_jsx("span", { className: "jwi-text-sm jwi-font-medium jwi-text-[#111111]", children: t.fieldProductName }), _jsx("input", { type: "text", value: values.productName, onChange: (event) => updateField('productName', event.target.value), className: fieldClassName }), _jsx("span", { className: "jwi-text-xs jwi-leading-[1.4] jwi-text-[#767676]", children: t.fieldProductNameHint })] }), _jsxs("label", { className: "jwi-flex jwi-flex-col jwi-gap-1.5", children: [_jsx("span", { className: "jwi-text-sm jwi-font-medium jwi-text-[#111111]", children: t.fieldPurchaseDate }), _jsx("input", { type: "date", value: values.purchaseDate, onChange: (event) => updateField('purchaseDate', event.target.value), className: fieldClassName })] }), _jsx(InquiryField, { label: t.fieldPurchasedFromDealer, value: values.purchasedFromDealer, onChange: (value) => updateField('purchasedFromDealer', value) }), _jsxs("fieldset", { className: "jwi-m-0 jwi-border-0 jwi-p-0", children: [_jsx("legend", { className: "jwi-mb-2 jwi-text-sm jwi-font-medium jwi-text-[#111111]", children: t.fieldSelfInstalled }), _jsxs("div", { className: "jwi-flex jwi-flex-col jwi-gap-2", children: [_jsxs("label", { className: "jwi-inline-flex jwi-cursor-pointer jwi-items-center jwi-gap-2 jwi-text-sm jwi-text-[#111111]", children: [_jsx("input", { type: "radio", name: "selfInstalled", value: "yes", checked: values.selfInstalled === 'yes', onChange: () => updateField('selfInstalled', 'yes') }), t.fieldSelfInstalledYes] }), _jsxs("label", { className: "jwi-inline-flex jwi-cursor-pointer jwi-items-center jwi-gap-2 jwi-text-sm jwi-text-[#111111]", children: [_jsx("input", { type: "radio", name: "selfInstalled", value: "no", checked: values.selfInstalled === 'no', onChange: () => updateField('selfInstalled', 'no') }), t.fieldSelfInstalledNo] })] })] }), values.selfInstalled === 'no' ? (_jsx(InquiryField, { label: t.fieldInstallerName, value: values.installerName, onChange: (value) => updateField('installerName', value) })) : null, _jsxs("label", { className: "jwi-flex jwi-cursor-pointer jwi-items-start jwi-gap-2", children: [_jsx("input", { type: "checkbox", checked: values.consent, onChange: (event) => updateField('consent', event.target.checked), className: "jwi-mt-1" }), _jsx("span", { className: "jwi-text-sm jwi-leading-[1.4] jwi-text-[#111111]", children: t.fieldConsent })] })] }), formError ? (_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: formError })) : null, resolvedTurnstileSiteKey ? (_jsx(TurnstileField, { siteKey: resolvedTurnstileSiteKey, resetKey: turnstileResetKey, onTokenChange: handleTurnstileTokenChange })) : null, _jsx("button", { type: "submit", disabled: isSubmitting, className: submitButton.className, style: submitButton.style, children: isSubmitting ? t.warrantySubmitting : t.warrantySubmitCta })] }) }));
+}

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

@@ -15,7 +15,7 @@ type DealerListProps = {
     buttonStyling?: JotulWidgetButtonStyling;
     borderStyling?: JotulWidgetBorderStyling;
     markets?: string[];
-    onStartInquiry: (dealerName: string) => void;
+    onStartInquiry: (dealer: DealerRecord) => void;
     onSelectDealer?: (dealerName: string) => void;
 };
 export declare function DealerList({ dealers, total, selectedDealerName, activeDealerName, maxHeightClassName, fitAvailableHeight, autoScrollToActive, enableInternalScroll, headerRight, t, buttonStyling, borderStyling, markets, onStartInquiry, onSelectDealer, }: DealerListProps): import("react/jsx-runtime").JSX.Element;

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

@@ -6,8 +6,10 @@ import { TelephoneIcon } from '../../icons/TelephoneIcon';
 import { getWidgetPrimaryButtonPresentation } from '../../utils/widgetPrimaryButtonPresentation';
 import exclusiveDealerBadge from '../../images/jotul-exclusive-dealer.png';
 import ildstedetDealer from '../../images/ildstedet-dealer.svg';
-import { asText, formatDistance, getDealerAddressLines, getDealerKey, getDealerName, isExclusiveDealer, } from '../../utils';
+import { asText, formatDistance, getDealerAddressLines, getDealerId, getDealerKey, getDealerName, isExclusiveDealer, } from '../../utils';
+import { useWidgetTracking } from '../../analytics/WidgetTrackingContext';
 export function DealerList({ dealers, total, selectedDealerName, activeDealerName = null, maxHeightClassName = 'jwi-max-h-[min(60vh,480px)]', fitAvailableHeight = false, autoScrollToActive = false, enableInternalScroll = true, headerRight, t, buttonStyling, borderStyling, markets, onStartInquiry, onSelectDealer, }) {
+    const tracking = useWidgetTracking();
     const cardRefs = useRef({});
     useEffect(() => {
         if (!autoScrollToActive || !activeDealerName)
@@ -35,16 +37,22 @@ export function DealerList({ dealers, total, selectedDealerName, activeDealerNam
                                     cardRefs.current[dealerName] = element;
                                 }, className: `jwi-w-full jwi-cursor-pointer ${R10} jwi-border jwi-border-[#e6e1d7] jwi-bg-white jwi-p-4 jwi-shadow-[0_1px_2px_rgba(17,17,17,0.03)] ${isActiveDealer ? 'jwi-border-[#ef2b18]' : ''}`, style: isActiveDealer && activeBorderColor
                                     ? { borderColor: activeBorderColor }
-                                    : undefined, onClick: () => onSelectDealer?.(dealerName), 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: _jsxs("div", { className: "jwi-flex jwi-items-center jwi-gap-2", children: [isExclusive && (() => {
+                                    : undefined, onClick: () => {
+                                    onSelectDealer?.(dealerName);
+                                    tracking?.trackDealerSelect(getDealerId(dealer), dealerName);
+                                }, 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: _jsxs("div", { className: "jwi-flex jwi-items-center jwi-gap-2", children: [isExclusive && (() => {
                                                             const isNorway = markets?.includes('NO') ?? false;
                                                             const badgeImage = isNorway ? ildstedetDealer : exclusiveDealerBadge;
-                                                            const badgeAlt = isNorway ? 'Ildstedet dealer' : 'Jotul exclusive dealer';
+                                                            const badgeAlt = isNorway ? t.ildstedetDealerBadgeAlt : t.exclusiveDealerBadgeAlt;
                                                             return (_jsx("img", { src: typeof badgeImage === 'string'
                                                                     ? badgeImage
                                                                     : badgeImage.src, alt: badgeAlt, className: "jwi-h-auto jwi-w-[40px] jwi-shrink-0 jwi-rounded-full jwi-m-0" }));
                                                         })(), _jsx("h3", { className: "jwi-m-0 jwi-text-sm md: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: (event) => {
                                                     event.stopPropagation();
-                                                    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, '')}`, onClick: (event) => event.stopPropagation(), 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)));
+                                                    onStartInquiry(dealer);
+                                                }, 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, '')}`, onClick: (event) => {
+                                                    event.stopPropagation();
+                                                    tracking?.trackDealerPhoneClick(getDealerId(dealer), dealerName);
+                                                }, 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

@@ -5,10 +5,14 @@ type InquiryFormProps = {
     buttonStyling?: JotulWidgetButtonStyling;
     inquiryValues: InquiryFormValues;
     inquiryError: string | null;
+    isSubmitting?: boolean;
+    turnstileSiteKey?: string;
+    turnstileResetKey?: number;
     embedded?: boolean;
+    showBackButton?: boolean;
     onInquiryClose: () => void;
-    onInquirySubmit: () => void;
+    onInquirySubmit: (turnstileToken: string | null) => void;
     onInquiryFieldChange: (key: keyof InquiryFormValues, value: string) => void;
 };
-export declare function InquiryForm({ t, buttonStyling, inquiryValues, inquiryError, embedded, onInquiryClose, onInquirySubmit, onInquiryFieldChange, }: InquiryFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function InquiryForm({ t, buttonStyling, inquiryValues, inquiryError, isSubmitting, turnstileSiteKey, turnstileResetKey, embedded, showBackButton, onInquiryClose, onInquirySubmit, onInquiryFieldChange, }: InquiryFormProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,9 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
 import { InquiryField } from '../InquiryField';
+import { InquirySelectField } from '../InquirySelectField';
+import { TurnstileField } from '../TurnstileField';
 import { R10 } from '../../constants';
 import { ArrowRightIcon } from '../../icons/ArrowRightIcon';
 import { getWidgetPrimaryButtonPresentation } from '../../utils/widgetPrimaryButtonPresentation';
-export function InquiryForm({ t, buttonStyling, inquiryValues, inquiryError, embedded = false, onInquiryClose, onInquirySubmit, onInquiryFieldChange, }) {
+import { inquiryCategoryOptions } from '../../utils/inquiryCategories';
+export function InquiryForm({ t, buttonStyling, inquiryValues, inquiryError, isSubmitting = false, turnstileSiteKey, turnstileResetKey = 0, embedded = false, showBackButton = true, onInquiryClose, onInquirySubmit, onInquiryFieldChange, }) {
+    const [turnstileToken, setTurnstileToken] = useState(null);
+    const [captchaError, setCaptchaError] = useState(null);
+    const handleTurnstileTokenChange = useCallback((token) => {
+        setTurnstileToken(token);
+        if (token)
+            setCaptchaError(null);
+    }, []);
     const submitButton = getWidgetPrimaryButtonPresentation(buttonStyling, 'panel', {
         extraClassName: 'jwi-mt-4 jwi-w-full',
     });
@@ -11,10 +22,17 @@ export function InquiryForm({ t, buttonStyling, inquiryValues, inquiryError, emb
     const title = trimmedProductName !== ''
         ? t.sendInquiryTitleWithProduct.replace('{product}', trimmedProductName)
         : t.sendInquiryTitle;
+    const displayError = inquiryError ?? captchaError;
+    const turnstileEnabled = Boolean(turnstileSiteKey?.trim());
     return (_jsxs("form", { onSubmit: (event) => {
             event.preventDefault();
-            onInquirySubmit();
+            if (turnstileEnabled && !turnstileToken) {
+                setCaptchaError(t.formValidationCaptcha);
+                return;
+            }
+            setCaptchaError(null);
+            onInquirySubmit(turnstileToken);
         }, className: `jwi-w-full ${R10} jwi-bg-white jwi-p-4 ${embedded
             ? ''
-            : 'jwi-border jwi-border-[#e6e1d7] 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 })] }));
+            : 'jwi-border jwi-border-[#e6e1d7] jwi-shadow-[0_1px_2px_rgba(17,17,17,0.03)]'}`, children: [showBackButton ? (_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] })) : null, _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(InquirySelectField, { label: t.fieldRequestCategory, value: inquiryValues.requestCategory, options: inquiryCategoryOptions(t), onChange: (value) => onInquiryFieldChange('requestCategory', value) }), _jsx(InquiryField, { label: t.fieldName, fieldName: "name", value: inquiryValues.name, onChange: (value) => onInquiryFieldChange('name', value) }), _jsx(InquiryField, { label: t.fieldEmail, fieldName: "email", type: "email", value: inquiryValues.email, onChange: (value) => onInquiryFieldChange('email', value) }), _jsx(InquiryField, { label: t.fieldPhone, fieldName: "phone", type: "tel", value: inquiryValues.phone, onChange: (value) => onInquiryFieldChange('phone', value) }), _jsx(InquiryField, { label: t.fieldComment, fieldName: "comment", multiline: true, value: inquiryValues.comment, onChange: (value) => onInquiryFieldChange('comment', value) })] }), turnstileEnabled && turnstileSiteKey ? (_jsx(TurnstileField, { siteKey: turnstileSiteKey, resetKey: turnstileResetKey, onTokenChange: handleTurnstileTokenChange })) : null, displayError && (_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: displayError })), _jsx("button", { type: "submit", className: submitButton.className, style: submitButton.style, disabled: isSubmitting, children: isSubmitting ? t.warrantySubmitting : t.sendInquiryCta })] }));
 }

package/dist/constants/turnstile.d.ts

@@ -0,0 +1,8 @@
+/** Public Turnstile site-key endpoint on api.jotul.com (no auth; site keys are public). */
+export declare const JOTUL_TURNSTILE_CONFIG_URL = "https://api.jotul.com/api/jotul/turnstile-config";
+/**
+ * Where the widget loads the Turnstile site key from.
+ * Partners do not configure this — only Jotul sets keys on api.jotul.com.
+ * Uses same-origin config on localhost so local docs/dev work without CORS.
+ */
+export declare function resolveTurnstileConfigEndpoint(override?: string): string;

package/dist/constants/turnstile.js

@@ -0,0 +1,19 @@
+/** Public Turnstile site-key endpoint on api.jotul.com (no auth; site keys are public). */
+export const JOTUL_TURNSTILE_CONFIG_URL = 'https://api.jotul.com/api/jotul/turnstile-config';
+/**
+ * Where the widget loads the Turnstile site key from.
+ * Partners do not configure this — only Jotul sets keys on api.jotul.com.
+ * Uses same-origin config on localhost so local docs/dev work without CORS.
+ */
+export function resolveTurnstileConfigEndpoint(override) {
+    const trimmed = override?.trim();
+    if (trimmed)
+        return trimmed;
+    if (typeof window !== 'undefined') {
+        const { hostname, protocol, host } = window.location;
+        if (hostname === 'localhost' || hostname === '127.0.0.1') {
+            return `${protocol}//${host}/api/jotul/turnstile-config`;
+        }
+    }
+    return JOTUL_TURNSTILE_CONFIG_URL;
+}

package/dist/hooks/useTurnstileSiteKey.d.ts

@@ -0,0 +1 @@
+export declare function useTurnstileSiteKey(explicitSiteKey?: string, configEndpoint?: string): string | undefined;

package/dist/hooks/useTurnstileSiteKey.js

@@ -0,0 +1,38 @@
+import { useEffect, useState } from 'react';
+import { resolveTurnstileConfigEndpoint } from '../constants/turnstile';
+export function useTurnstileSiteKey(explicitSiteKey, configEndpoint) {
+    const trimmedExplicit = explicitSiteKey?.trim();
+    const resolvedEndpoint = resolveTurnstileConfigEndpoint(configEndpoint);
+    const [fetchedSiteKey, setFetchedSiteKey] = useState();
+    useEffect(() => {
+        if (trimmedExplicit) {
+            setFetchedSiteKey(undefined);
+            return;
+        }
+        let cancelled = false;
+        void fetch(resolvedEndpoint, {
+            method: 'GET',
+            headers: { Accept: 'application/json' },
+            cache: 'no-store',
+        })
+            .then(async (response) => {
+            if (!response.ok)
+                return null;
+            return (await response.json());
+        })
+            .then((data) => {
+            if (cancelled)
+                return;
+            const siteKey = data?.siteKey?.trim();
+            setFetchedSiteKey(siteKey || undefined);
+        })
+            .catch(() => {
+            if (!cancelled)
+                setFetchedSiteKey(undefined);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [trimmedExplicit, resolvedEndpoint]);
+    return trimmedExplicit || fetchedSiteKey;
+}

package/dist/i18n/locales/cz.json

@@ -26,12 +26,45 @@
   "fieldEmail": "E-mail",
   "fieldPhone": "Telefon",
   "fieldComment": "Komentář",
-  "formValidationRequired": "Vyplňte jméno, e-mail a telefon.",
+  "dealerNotFound": "Prodejce nebyl nalezen.",
+  "fieldRequestCategory": "Kategorie poptávky",
+  "requestCategoryPriceQuote": "Cenová nabídka",
+  "requestCategoryProductHelp": "Pomoc s produktem / dotazy",
+  "requestCategoryService": "Servis",
+  "requestCategoryOther": "Jiné",
+  "warrantyCustomerSectionTitle": "Informace o zákazníkovi",
+  "warrantyProductSectionTitle": "Informace o produktu",
+  "fieldFirstName": "Jméno",
+  "fieldLastName": "Příjmení",
+  "fieldAddress": "Adresa",
+  "fieldCity": "Město",
+  "fieldZipcode": "PSČ",
+  "fieldCounty": "Okres",
+  "fieldProductName": "Název produktu",
+  "fieldProductNameHint": "Například Jøtul F 602",
+  "fieldPurchaseDate": "Datum nákupu",
+  "fieldPurchasedFromDealer": "Zakoupeno u prodejce",
+  "fieldSelfInstalled": "Instalovali jste produkt sami?",
+  "fieldSelfInstalledYes": "Ano",
+  "fieldSelfInstalledNo": "Ne",
+  "fieldInstallerName": "Pokud ne, kdo produkt instaloval?",
+  "fieldConsent": "Souhlasím s odesláním mých údajů společnosti Jøtul pro informační a obchodní účely. Mám právo na nahlížení a výmaz svých údajů",
+  "warrantySubmitCta": "Odeslat",
+  "warrantySubmitting": "Odesílání …",
+  "warrantySuccessTitle": "Děkujeme za registraci",
+  "warrantySuccessMessage": "Registrace záruky byla odeslána. Zkontrolujte e-mail pro potvrzení.",
+  "formValidationConsent": "Pro pokračování musíte udělit souhlas.",
+  "formValidationInstaller": "Uveďte, kdo produkt instaloval.",
+  "formValidationCaptcha": "Dokončete bezpečnostní kontrolu.",
+  "formValidationRequired": "Vyplňte všechna povinná pole.",
   "formValidationEmail": "Zadejte platnou e-mailovou adresu.",
   "dealersNearYou": "{count} prodejců v okolí",
   "unknownDealer": "Neznámý prodejce",
   "sendInquiryCta": "Odeslat poptávku",
   "sendInquiryEditing": "Úprava poptávky",
+  "showMore": "Zobrazit další",
+  "exclusiveDealerBadgeAlt": "Jotul exclusive prodejce",
+  "ildstedetDealerBadgeAlt": "Ildstedet prodejce",
   "readyDealerFinder": "JotulWidget připraven: dealerFinder",
   "readyWarrantyForm": "JotulWidget připraven: warrantyForm",
   "listView": "Seznam",

package/dist/i18n/locales/de.json

@@ -26,12 +26,45 @@
   "fieldEmail": "E-Mail",
   "fieldPhone": "Telefon",
   "fieldComment": "Kommentar",
-  "formValidationRequired": "Bitte Name, E-Mail und Telefon eingeben.",
+  "dealerNotFound": "Händler nicht gefunden.",
+  "fieldRequestCategory": "Anfragekategorie",
+  "requestCategoryPriceQuote": "Preisangebot",
+  "requestCategoryProductHelp": "Produkthilfe / Fragen",
+  "requestCategoryService": "Service",
+  "requestCategoryOther": "Sonstiges",
+  "warrantyCustomerSectionTitle": "Kundeninformation",
+  "warrantyProductSectionTitle": "Produktinformation",
+  "fieldFirstName": "Vorname",
+  "fieldLastName": "Nachname",
+  "fieldAddress": "Adresse",
+  "fieldCity": "Stadt",
+  "fieldZipcode": "Postleitzahl",
+  "fieldCounty": "Bundesland",
+  "fieldProductName": "Produktname",
+  "fieldProductNameHint": "Zum Beispiel Jøtul F 602",
+  "fieldPurchaseDate": "Kaufdatum",
+  "fieldPurchasedFromDealer": "Gekauft beim Händler",
+  "fieldSelfInstalled": "Haben Sie das Produkt selbst installiert?",
+  "fieldSelfInstalledYes": "Ja",
+  "fieldSelfInstalledNo": "Nein",
+  "fieldInstallerName": "Wenn nein, wer hat das Produkt installiert?",
+  "fieldConsent": "Ich stimme zu, dass meine Informationen zu Informations- und Werbezwecken an Jøtul gesendet werden. Ich habe das Recht, meine Informationen einzusehen und zu löschen",
+  "warrantySubmitCta": "Senden",
+  "warrantySubmitting": "Wird gesendet …",
+  "warrantySuccessTitle": "Vielen Dank für Ihre Registrierung",
+  "warrantySuccessMessage": "Ihre Garantieregistrierung wurde gesendet. Prüfen Sie Ihre E-Mail zur Bestätigung.",
+  "formValidationConsent": "Sie müssen zustimmen, um fortzufahren.",
+  "formValidationInstaller": "Geben Sie an, wer das Produkt installiert hat.",
+  "formValidationCaptcha": "Bitte schließen Sie die Sicherheitsprüfung ab.",
+  "formValidationRequired": "Bitte füllen Sie alle Pflichtfelder aus.",
   "formValidationEmail": "Bitte geben Sie eine gültige E-Mail-Adresse ein.",
   "dealersNearYou": "{count} Händler in Ihrer Nähe",
   "unknownDealer": "Unbekannter Händler",
   "sendInquiryCta": "Anfrage senden",
   "sendInquiryEditing": "Anfrage bearbeiten",
+  "showMore": "Mehr anzeigen",
+  "exclusiveDealerBadgeAlt": "Jotul Exclusive-Händler",
+  "ildstedetDealerBadgeAlt": "Ildstedet-Händler",
   "readyDealerFinder": "JotulWidget bereit: dealerFinder",
   "readyWarrantyForm": "JotulWidget bereit: warrantyForm",
   "listView": "Liste",