@jotul/jotul-widgets 1.2.5 → 1.2.6

package/dist/JotulWidget.d.ts

@@ -5,4 +5,4 @@ export { DEFAULT_WIDGET_LOCALE_TAG, normalizeWidgetLocale, resolveWidgetUiLocale
 export type { JotulWidgetLocale } from './i18n/widgetStrings';
 export { checkWidgetAuthorization, searchLocationSuggestions, searchDealersByCoordinates, searchDealersByPostalCode, };
 export type { CheckWidgetAuthorizationOptions, DealerSearchResponse, JotulWidgetBorderStyling, JotulWidgetButtonStyling, JotulWidgetHandle, JotulWidgetProps, JotulWidgetScope, JotulWidgetStyling, JotulWidgetType, WidgetAuthClientResponse, } from './types';
-export declare function JotulWidget({ type, endpoint, className, productName, locale: localeProp, markets: marketsProp, scope, brands, campaignSlug, styling, button, buttonLoading, widgetRef, }: JotulWidgetProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function JotulWidget({ type, endpoint, className, productName, locale: localeProp, markets: marketsProp, scope, brands, campaignSlug, styling, button, buttonLoading, widgetRef, }: JotulWidgetProps): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/JotulWidget.js

@@ -68,10 +68,10 @@ export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, p
     const [inquiryValues, setInquiryValues] = useState(null);
     const [inquiryError, setInquiryError] = useState(null);
     const [isInquirySubmitted, setIsInquirySubmitted] = useState(false);
-    const [mounted, setMounted] = useState(false);
     const [FindDealerDrawerWidgetComp, setFindDealerDrawerWidgetComp] = useState(null);
     const [ProductPageWidgetComp, setProductPageWidgetComp] = useState(null);
     const [isComponentLoading, setIsComponentLoading] = useState(false);
+    const [mounted, setMounted] = useState(false);
     const autocompleteCacheRef = useRef(new Map());
     const productPageCampaignSlug = type === 'productPage' ? campaignSlug : undefined;
     const dealerSearchOptions = useMemo(() => ({
@@ -272,13 +272,13 @@ export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, p
     if (widgetType === 'productPage' && !isOpen) {
         if (button == null)
             return null;
-        return (_jsx("div", { className: rootClass, children: renderButton(button, openProductPageWidget) }));
+        return renderButton(button, openProductPageWidget);
     }
     const productPageAuthPending = widgetType === 'productPage' &&
         isOpen &&
         (auth === null || isLoading);
     if (productPageAuthPending) {
-        return (_jsx("div", { className: rootClass, children: buttonLoading ?? button }));
+        return buttonLoading ?? button ?? null;
     }
     const waitingForAuth = auth === null &&
         !((widgetType === 'productPage' || widgetType === 'findDealerDrawer') &&
@@ -296,78 +296,78 @@ 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: ProductPageWidgetComp != null && mounted
-                ? createPortal(_jsx(ProductPageWidgetComp, { t: t, buttonStyling: styling?.button, borderStyling: styling?.border, markets: apiMarkets, scope: scope, isSearching: isSearching, locationError: locationError, searchResult: searchResult?.ok === false
-                        ? { ...searchResult, error: getSafeWidgetErrorMessage(searchResult.error, t) }
-                        : searchResult, mapSearchResult: mapSearchResult?.ok === false
-                        ? { ...mapSearchResult, error: getSafeWidgetErrorMessage(mapSearchResult.error, t) }
-                        : mapSearchResult, inquiryValues: inquiryValues, inquiryError: inquiryError, isInquirySubmitted: isInquirySubmitted, selectedDealerName: selectedDealerName, isManualSearchEnabled: isManualLocationSearchEnabled, query: locationQuery, suggestions: locationSuggestions, suggestionsOpen: isSuggestionListOpen, isSuggestionsLoading: isSearchingSuggestions, onQueryChange: (value) => {
-                        setLocationQuery(value);
-                        const trimmed = value.trim();
-                        setIsSuggestionListOpen(trimmed.length > 0);
-                        if (trimmed.length < 3) {
-                            setLocationSuggestions([]);
-                        }
-                    }, onQuerySubmit: async (value) => {
-                        const query = value.trim();
-                        if (query.length < 3)
-                            return;
-                        setIsSearchingSuggestions(true);
-                        const result = await searchLocationSuggestions(query, dealerSearchOptions);
-                        const resolvedSuggestions = result.ok && Array.isArray(result.suggestions) ? result.suggestions : [];
-                        setLocationSuggestions(resolvedSuggestions);
-                        setIsSearchingSuggestions(false);
-                        const suggestion = resolvedSuggestions[0];
-                        if (!suggestion)
-                            return;
-                        setLocationQuery(suggestion.label);
-                        setLocationSuggestions([]);
-                        setIsSearchingSuggestions(false);
-                        setIsSuggestionListOpen(false);
-                        await runDealerSearchByCoordinates(suggestion.latitude, suggestion.longitude);
-                    }, onSuggestionSelect: (suggestion) => {
-                        setLocationQuery(suggestion.label);
-                        setLocationSuggestions([]);
-                        setIsSearchingSuggestions(false);
-                        setIsSuggestionListOpen(false);
-                        void runDealerSearchByCoordinates(suggestion.latitude, suggestion.longitude);
-                    }, onDismissSuggestions: () => {
+        return ProductPageWidgetComp != null && mounted
+            ? createPortal(_jsx(ProductPageWidgetComp, { t: t, buttonStyling: styling?.button, borderStyling: styling?.border, markets: apiMarkets, scope: scope, isSearching: isSearching, locationError: locationError, searchResult: searchResult?.ok === false
+                    ? { ...searchResult, error: getSafeWidgetErrorMessage(searchResult.error, t) }
+                    : searchResult, mapSearchResult: mapSearchResult?.ok === false
+                    ? { ...mapSearchResult, error: getSafeWidgetErrorMessage(mapSearchResult.error, t) }
+                    : mapSearchResult, inquiryValues: inquiryValues, inquiryError: inquiryError, isInquirySubmitted: isInquirySubmitted, selectedDealerName: selectedDealerName, isManualSearchEnabled: isManualLocationSearchEnabled, query: locationQuery, suggestions: locationSuggestions, suggestionsOpen: isSuggestionListOpen, isSuggestionsLoading: isSearchingSuggestions, onQueryChange: (value) => {
+                    setLocationQuery(value);
+                    const trimmed = value.trim();
+                    setIsSuggestionListOpen(trimmed.length > 0);
+                    if (trimmed.length < 3) {
                         setLocationSuggestions([]);
-                        setIsSearchingSuggestions(false);
-                        setIsSuggestionListOpen(false);
-                    }, onInquiryClose: () => {
-                        setSelectedDealerName(null);
-                        setInquiryValues(null);
-                        setInquiryError(null);
-                    }, onInquirySubmit: () => {
-                        if (inquiryValues == null)
-                            return;
-                        const trimmedName = inquiryValues.name.trim();
-                        const trimmedEmail = inquiryValues.email.trim();
-                        const trimmedPhone = inquiryValues.phone.trim();
-                        if (!trimmedName || !trimmedEmail || !trimmedPhone) {
-                            setInquiryError(t.formValidationRequired);
-                            return;
-                        }
-                        if (!isValidEmail(trimmedEmail)) {
-                            setInquiryError(t.formValidationEmail);
-                            return;
-                        }
-                        setInquiryError(null);
-                        setIsInquirySubmitted(true);
-                        setSelectedDealerName(null);
-                        setInquiryValues(null);
-                    }, onInquiryFieldChange: (key, value) => setInquiryValues((current) => current == null ? current : { ...current, [key]: value }), onStartInquiry: (dealerName) => {
-                        setSelectedDealerName(dealerName);
-                        setInquiryValues(createInquiryFormValues(productName, dealerName));
-                        setInquiryError(null);
-                        setIsInquirySubmitted(false);
-                    }, onMapDealerSelect: (dealer) => {
-                        if (isDealerInSearchResult(dealer.dealerName, searchResult, t.unknownDealer))
-                            return;
-                        void runDealerSearchByCoordinates(dealer.latitude, dealer.longitude);
-                    }, onClosePopup: closeDealerWidget }), document.body)
-                : null }));
+                    }
+                }, onQuerySubmit: async (value) => {
+                    const query = value.trim();
+                    if (query.length < 3)
+                        return;
+                    setIsSearchingSuggestions(true);
+                    const result = await searchLocationSuggestions(query, dealerSearchOptions);
+                    const resolvedSuggestions = result.ok && Array.isArray(result.suggestions) ? result.suggestions : [];
+                    setLocationSuggestions(resolvedSuggestions);
+                    setIsSearchingSuggestions(false);
+                    const suggestion = resolvedSuggestions[0];
+                    if (!suggestion)
+                        return;
+                    setLocationQuery(suggestion.label);
+                    setLocationSuggestions([]);
+                    setIsSearchingSuggestions(false);
+                    setIsSuggestionListOpen(false);
+                    await runDealerSearchByCoordinates(suggestion.latitude, suggestion.longitude);
+                }, onSuggestionSelect: (suggestion) => {
+                    setLocationQuery(suggestion.label);
+                    setLocationSuggestions([]);
+                    setIsSearchingSuggestions(false);
+                    setIsSuggestionListOpen(false);
+                    void runDealerSearchByCoordinates(suggestion.latitude, suggestion.longitude);
+                }, onDismissSuggestions: () => {
+                    setLocationSuggestions([]);
+                    setIsSearchingSuggestions(false);
+                    setIsSuggestionListOpen(false);
+                }, onInquiryClose: () => {
+                    setSelectedDealerName(null);
+                    setInquiryValues(null);
+                    setInquiryError(null);
+                }, onInquirySubmit: () => {
+                    if (inquiryValues == null)
+                        return;
+                    const trimmedName = inquiryValues.name.trim();
+                    const trimmedEmail = inquiryValues.email.trim();
+                    const trimmedPhone = inquiryValues.phone.trim();
+                    if (!trimmedName || !trimmedEmail || !trimmedPhone) {
+                        setInquiryError(t.formValidationRequired);
+                        return;
+                    }
+                    if (!isValidEmail(trimmedEmail)) {
+                        setInquiryError(t.formValidationEmail);
+                        return;
+                    }
+                    setInquiryError(null);
+                    setIsInquirySubmitted(true);
+                    setSelectedDealerName(null);
+                    setInquiryValues(null);
+                }, onInquiryFieldChange: (key, value) => setInquiryValues((current) => current == null ? current : { ...current, [key]: value }), onStartInquiry: (dealerName) => {
+                    setSelectedDealerName(dealerName);
+                    setInquiryValues(createInquiryFormValues(productName, dealerName));
+                    setInquiryError(null);
+                    setIsInquirySubmitted(false);
+                }, onMapDealerSelect: (dealer) => {
+                    if (isDealerInSearchResult(dealer.dealerName, searchResult, t.unknownDealer))
+                        return;
+                    void runDealerSearchByCoordinates(dealer.latitude, dealer.longitude);
+                }, onClosePopup: closeDealerWidget }), document.body)
+            : null;
     }
     if (widgetType === 'findDealerDrawer') {
         const drawerLoading = isOpen &&
@@ -375,7 +375,7 @@ export function JotulWidget({ type, endpoint = '/api/jotul/widget', className, p
                 isLoading ||
                 isComponentLoading ||
                 (isSearching && searchResult == null && mapSearchResult == null));
-        return (_jsxs("div", { className: rootClass, children: [button != null &&
+        return (_jsxs(_Fragment, { children: [button != null &&
                     (drawerLoading
                         ? buttonLoading ?? button
                         : renderButton(button, openProductPageWidget)), mounted &&

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

@@ -33,7 +33,7 @@ export function DealerList({ dealers, total, selectedDealerName, activeDealerNam
                             const isExclusive = isExclusiveDealer(dealer);
                             return (_jsxs("div", { ref: (element) => {
                                     cardRefs.current[dealerName] = element;
-                                }, className: `jwi-w-full jwi-cursor-pointer ${R10} jwi-border jwi-bg-white jwi-p-4 jwi-shadow-[0_1px_2px_rgba(17,17,17,0.03)] ${isActiveDealer ? 'jwi-border-[#ef2b18]' : ''}`, style: isActiveDealer && activeBorderColor
+                                }, 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 && (() => {
                                                             const isNorway = markets?.includes('NO') ?? false;

package/package.json

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