@jotul/jotul-widgets 1.1.0 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,8 +5,9 @@ import { ArrowRightIcon } from '../../icons/ArrowRightIcon';
5
5
  import { TelephoneIcon } from '../../icons/TelephoneIcon';
6
6
  import { getWidgetPrimaryButtonPresentation } from '../../utils/widgetPrimaryButtonPresentation';
7
7
  import exclusiveDealerBadge from '../../images/jotul-exclusive-dealer.png';
8
+ import ildstedetDealer from '../../images/ildstedet-dealer.svg';
8
9
  import { asText, formatDistance, getDealerAddressLines, getDealerKey, getDealerName, } from '../../utils';
9
- export function DealerList({ dealers, total, selectedDealerName, activeDealerName = null, maxHeightClassName = 'jwi-max-h-[min(60vh,480px)]', fitAvailableHeight = false, autoScrollToActive = false, enableInternalScroll = true, headerRight, t, buttonStyling, onStartInquiry, onSelectDealer, }) {
10
+ 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, market, onStartInquiry, onSelectDealer, }) {
10
11
  const cardRefs = useRef({});
11
12
  useEffect(() => {
12
13
  if (!autoScrollToActive || !activeDealerName)
@@ -16,6 +17,7 @@ export function DealerList({ dealers, total, selectedDealerName, activeDealerNam
16
17
  return;
17
18
  card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
18
19
  }, [activeDealerName, autoScrollToActive]);
20
+ const defaultBorderColor = borderStyling?.borderColor ?? '#e6e1d7';
19
21
  const inquiryCta = getWidgetPrimaryButtonPresentation(buttonStyling, 'panel', {
20
22
  extraClassName: 'jwi-w-full jwi-max-w-full jwi-shrink-0 jwi-justify-between jwi-gap-2 md:jwi-max-w-[220px]',
21
23
  });
@@ -33,9 +35,15 @@ export function DealerList({ dealers, total, selectedDealerName, activeDealerNam
33
35
  dealer.exclusive === '1';
34
36
  return (_jsxs("div", { ref: (element) => {
35
37
  cardRefs.current[dealerName] = element;
36
- }, 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]' : 'jwi-border-[#e6e1d7]'}`, 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 && (_jsx("img", { src: typeof exclusiveDealerBadge === 'string'
37
- ? exclusiveDealerBadge
38
- : exclusiveDealerBadge.src, alt: "Jotul exclusive dealer", 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) => {
38
+ }, 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 && defaultBorderColor !== '#e6e1d7'
39
+ ? { borderColor: defaultBorderColor }
40
+ : 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 && (() => {
41
+ const badgeImage = market === 'NO' ? ildstedetDealer : exclusiveDealerBadge;
42
+ const badgeAlt = market === 'NO' ? 'Ildstedet dealer' : 'Jotul exclusive dealer';
43
+ return (_jsx("img", { src: typeof badgeImage === 'string'
44
+ ? badgeImage
45
+ : badgeImage.src, alt: badgeAlt, className: "jwi-h-auto jwi-w-[40px] jwi-shrink-0 jwi-rounded-full jwi-m-0" }));
46
+ })(), _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) => {
39
47
  event.stopPropagation();
40
48
  onStartInquiry(dealerName);
41
49
  }, 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)));
@@ -1,5 +1,5 @@
1
1
  type StatusBannerProps = {
2
- tone: 'error' | 'success';
2
+ tone: 'error' | 'success' | 'info';
3
3
  children: string;
4
4
  };
5
5
  export declare function StatusBanner({ tone, children }: StatusBannerProps): import("react/jsx-runtime").JSX.Element;
@@ -3,6 +3,8 @@ import { R10 } from '../../constants';
3
3
  export function StatusBanner({ tone, children }) {
4
4
  const toneClass = tone === 'success'
5
5
  ? 'jwi-border-[#b7e5c2] jwi-bg-[#eefbf2] jwi-text-[#1b5e20]'
6
- : 'jwi-border-[#f0c7c2] jwi-bg-[#fff3f1] jwi-text-[#8f2d21]';
6
+ : tone === 'info'
7
+ ? 'jwi-border-[#e6e1d7] jwi-bg-[#fbf3db] jwi-text-[#111111]'
8
+ : 'jwi-border-[#f0c7c2] jwi-bg-[#fff3f1] jwi-text-[#8f2d21]';
7
9
  return (_jsx("div", { className: `jwi-w-full jwi-flex-shrink-0 ${R10} jwi-border jwi-px-4 jwi-py-3 jwi-text-sm jwi-leading-[1.4] ${toneClass}`, children: children }));
8
10
  }
@@ -17,6 +17,7 @@
17
17
  "find": "Najít",
18
18
  "finding": "Vyhledávání …",
19
19
  "inquirySentSuccess": "Váš požadavek byl odeslán.",
20
+ "inquiryThankYouTitle": "Dekujeme za vas pozadavek",
20
21
  "goBack": "Zpět",
21
22
  "sendInquiryTitle": "Poptávka",
22
23
  "sendInquiryTitleWithProduct": "Poptávka na {product}",
@@ -37,5 +38,8 @@
37
38
  "mapView": "Mapa",
38
39
  "closeMap": "Zavřít mapu",
39
40
  "openMap": "Otevřít mapu",
40
- "closeMapMobile": "Zavřít mapu"
41
+ "closeMapMobile": "Zavřít mapu",
42
+ "campaignEndsIn": "Campaign ends in {time}",
43
+ "campaignCountdownTime": "{days} days {hours} hours {minutes} minutes and {seconds} seconds",
44
+ "campaignEnded": "Campaign ended"
41
45
  }
@@ -17,6 +17,7 @@
17
17
  "find": "Suchen",
18
18
  "finding": "Suche …",
19
19
  "inquirySentSuccess": "Ihre Anfrage wurde gesendet.",
20
+ "inquiryThankYouTitle": "Vielen Dank fur Ihre Anfrage",
20
21
  "goBack": "Zurück",
21
22
  "sendInquiryTitle": "Anfrage",
22
23
  "sendInquiryTitleWithProduct": "Anfrage zu {product}",
@@ -37,5 +38,8 @@
37
38
  "mapView": "Karte",
38
39
  "closeMap": "Karte schließen",
39
40
  "openMap": "Karte öffnen",
40
- "closeMapMobile": "Karte schließen"
41
+ "closeMapMobile": "Karte schließen",
42
+ "campaignEndsIn": "Kampagne endet in {time}",
43
+ "campaignCountdownTime": "{days} Tage {hours} Stunden {minutes} Minuten und {seconds} Sekunden",
44
+ "campaignEnded": "Kampagne beendet"
41
45
  }
@@ -17,6 +17,7 @@
17
17
  "find": "Locate",
18
18
  "finding": "Searching …",
19
19
  "inquirySentSuccess": "Your request has been sent.",
20
+ "inquiryThankYouTitle": "Thank you for your inquiry",
20
21
  "goBack": "Back",
21
22
  "sendInquiryTitle": "Request",
22
23
  "sendInquiryTitleWithProduct": "Request regarding {product}",
@@ -37,5 +38,8 @@
37
38
  "mapView": "Map",
38
39
  "closeMap": "Close map",
39
40
  "openMap": "Open map",
40
- "closeMapMobile": "Close map"
41
+ "closeMapMobile": "Close map",
42
+ "campaignEndsIn": "Campaign ends in {time}",
43
+ "campaignCountdownTime": "{days} days {hours} hours {minutes} minutes and {seconds} seconds",
44
+ "campaignEnded": "Campaign ended"
41
45
  }
@@ -17,6 +17,7 @@
17
17
  "find": "Etsi",
18
18
  "finding": "Haetaan …",
19
19
  "inquirySentSuccess": "Pyyntösi on lähetetty.",
20
+ "inquiryThankYouTitle": "Kiitos yhteydenotostasi",
20
21
  "goBack": "Takaisin",
21
22
  "sendInquiryTitle": "Pyyntö",
22
23
  "sendInquiryTitleWithProduct": "Pyyntö tuotteesta {product}",
@@ -37,5 +38,8 @@
37
38
  "mapView": "Kartta",
38
39
  "closeMap": "Sulje kartta",
39
40
  "openMap": "Avaa kartta",
40
- "closeMapMobile": "Sulje kartta"
41
+ "closeMapMobile": "Sulje kartta",
42
+ "campaignEndsIn": "Campaign ends in {time}",
43
+ "campaignCountdownTime": "{days} days {hours} hours {minutes} minutes and {seconds} seconds",
44
+ "campaignEnded": "Campaign ended"
41
45
  }
@@ -17,6 +17,7 @@
17
17
  "find": "Localiser",
18
18
  "finding": "Recherche …",
19
19
  "inquirySentSuccess": "Votre demande a été envoyée.",
20
+ "inquiryThankYouTitle": "Merci pour votre demande",
20
21
  "goBack": "Retour",
21
22
  "sendInquiryTitle": "Demande",
22
23
  "sendInquiryTitleWithProduct": "Demande concernant {product}",
@@ -37,5 +38,8 @@
37
38
  "mapView": "Carte",
38
39
  "closeMap": "Fermer la carte",
39
40
  "openMap": "Ouvrir la carte",
40
- "closeMapMobile": "Fermer la carte"
41
+ "closeMapMobile": "Fermer la carte",
42
+ "campaignEndsIn": "La campagne se termine dans {time}",
43
+ "campaignCountdownTime": "{days} jours {hours} heures {minutes} minutes et {seconds} secondes",
44
+ "campaignEnded": "Campagne terminée"
41
45
  }
@@ -17,6 +17,7 @@
17
17
  "find": "Zoeken",
18
18
  "finding": "Zoeken …",
19
19
  "inquirySentSuccess": "Uw aanvraag is verzonden.",
20
+ "inquiryThankYouTitle": "Bedankt voor uw aanvraag",
20
21
  "goBack": "Terug",
21
22
  "sendInquiryTitle": "Aanvraag",
22
23
  "sendInquiryTitleWithProduct": "Aanvraag over {product}",
@@ -37,5 +38,8 @@
37
38
  "mapView": "Kaart",
38
39
  "closeMap": "Kaart sluiten",
39
40
  "openMap": "Kaart openen",
40
- "closeMapMobile": "Kaart sluiten"
41
+ "closeMapMobile": "Kaart sluiten",
42
+ "campaignEndsIn": "Campagne eindigt over {time}",
43
+ "campaignCountdownTime": "{days} dagen {hours} uur {minutes} minuten en {seconds} seconden",
44
+ "campaignEnded": "Campagne afgelopen"
41
45
  }
@@ -17,6 +17,7 @@
17
17
  "find": "Lokaliser",
18
18
  "finding": "Lokaliserer …",
19
19
  "inquirySentSuccess": "Forespørselen din er sendt.",
20
+ "inquiryThankYouTitle": "Takk for din henvendelse",
20
21
  "goBack": "Tilbake",
21
22
  "sendInquiryTitle": "Forespørsel",
22
23
  "sendInquiryTitleWithProduct": "Forespørsel om {product}",
@@ -37,5 +38,8 @@
37
38
  "mapView": "Kart",
38
39
  "closeMap": "Lukk kart",
39
40
  "openMap": "Åpne kart",
40
- "closeMapMobile": "Lukk kart"
41
+ "closeMapMobile": "Lukk kart",
42
+ "campaignEndsIn": "Kampanjen slutter om {time}",
43
+ "campaignCountdownTime": "{days} dager {hours} timer {minutes} minutter og {seconds} sekunder",
44
+ "campaignEnded": "Kampanjen er avsluttet"
41
45
  }
@@ -17,6 +17,7 @@
17
17
  "find": "Szukaj",
18
18
  "finding": "Wyszukiwanie …",
19
19
  "inquirySentSuccess": "Twoje zapytanie zostało wysłane.",
20
+ "inquiryThankYouTitle": "Dziekujemy za zapytanie",
20
21
  "goBack": "Wstecz",
21
22
  "sendInquiryTitle": "Zapytanie",
22
23
  "sendInquiryTitleWithProduct": "Zapytanie dotyczące {product}",
@@ -37,5 +38,8 @@
37
38
  "mapView": "Mapa",
38
39
  "closeMap": "Zamknij mapę",
39
40
  "openMap": "Otwórz mapę",
40
- "closeMapMobile": "Zamknij mapę"
41
+ "closeMapMobile": "Zamknij mapę",
42
+ "campaignEndsIn": "Campaign ends in {time}",
43
+ "campaignCountdownTime": "{days} days {hours} hours {minutes} minutes and {seconds} seconds",
44
+ "campaignEnded": "Campaign ended"
41
45
  }
@@ -17,6 +17,7 @@
17
17
  "find": "Lokalisera",
18
18
  "finding": "Soker …",
19
19
  "inquirySentSuccess": "Din forfragan har skickats.",
20
+ "inquiryThankYouTitle": "Tack for din forfragan",
20
21
  "goBack": "Ga tillbaka",
21
22
  "sendInquiryTitle": "Forfragan",
22
23
  "sendInquiryTitleWithProduct": "Forfragan om {product}",
@@ -37,5 +38,8 @@
37
38
  "mapView": "Karta",
38
39
  "closeMap": "Stang karta",
39
40
  "openMap": "Oppna karta",
40
- "closeMapMobile": "Stang karta"
41
+ "closeMapMobile": "Stang karta",
42
+ "campaignEndsIn": "Campaign ends in {time}",
43
+ "campaignCountdownTime": "{days} days {hours} hours {minutes} minutes and {seconds} seconds",
44
+ "campaignEnded": "Campaign ended"
41
45
  }
@@ -20,6 +20,7 @@ export type WidgetStrings = {
20
20
  find: string;
21
21
  finding: string;
22
22
  inquirySentSuccess: string;
23
+ inquiryThankYouTitle: string;
23
24
  goBack: string;
24
25
  sendInquiryTitle: string;
25
26
  sendInquiryTitleWithProduct: string;
@@ -39,6 +40,9 @@ export type WidgetStrings = {
39
40
  closeMap: string;
40
41
  openMap: string;
41
42
  closeMapMobile: string;
43
+ campaignEndsIn: string;
44
+ campaignCountdownTime: string;
45
+ campaignEnded: string;
42
46
  readyDealerFinder: string;
43
47
  readyWarrantyForm: string;
44
48
  };
@@ -0,0 +1,31 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 20">
3
+ <!-- Generator: Adobe Illustrator 30.3.0, SVG Export Plug-In . SVG Version: 2.1.3 Build 182) -->
4
+ <defs>
5
+ <style>
6
+ .st0 {
7
+ fill: #509046;
8
+ }
9
+
10
+ .st1 {
11
+ fill: #fff;
12
+ }
13
+ </style>
14
+ </defs>
15
+ <path class="st0" d="M8,0C3.58,0,0,3.58,0,8s8,12,8,12c0,0,8-7.58,8-12S12.42,0,8,0Z"/>
16
+ <g id="Layer_11" data-name="Layer_1">
17
+ <g>
18
+ <path class="st1" d="M5.13,10.17h-.48c-.15,0-.26-.1-.26-.29v-2.82c0-.57.17-.93.74-.93.1,0,.27.03.27.29v3.46c0,.17-.1.28-.27.28Z"/>
19
+ <path class="st1" d="M6.88,3.39h-.49c-.15,0-.26.1-.26.29v6.21c0,.18.1.29.26.29h.49c.17,0,.27-.1.27-.28V3.66c0-.17-.1-.27-.27-.27Z"/>
20
+ <path class="st1" d="M11.5,4.97c0-.56-.18-.9-.76-.9-.14,0-.25.1-.25.26v1.88c-.03.24-.17.21-.24.14-.38-.41-.73-.47-1.05-.47-.92,0-1.41.7-1.41,1.8v.89c0,1,.51,1.64,1.59,1.64.99,0,.98-.44,1.45-.44h.33c.19,0,.33-.1.33-.35v-4.45ZM10.55,8.66c0,.51-.44.94-.97.94-.48,0-.76-.42-.76-.94v-1.1c0-.51.27-.92.76-.92.53,0,.97.43.97.92v1.1Z"/>
21
+ <path class="st1" d="M4.17,4.62s0-.02-.01-.03t0,0s0,0,0,0c-.37.42-.04,1.03.76,1.27,0,0,.01,0,.02,0s0,0,0-.01c-.09-.1-.46-.5-.11-.7,0,0,0,0,0,0,0,0-.02-.03-.03-.04-.08-.06-.18-.12-.3-.19-.17-.09-.27-.19-.32-.29Z"/>
22
+ <path class="st1" d="M5.04,3.55s0,0,0,0c0,0-.01,0-.01,0-.25.1-.35.18-.46.3-.13.15-.21.48.22.77.51.34.62.55.47.83,0,.01-.01.02,0,.02,0,0,.01,0,.02,0,.15-.1.59-.62.31-.97-.18-.23-.29-.28-.44-.45-.18-.18-.13-.43-.1-.48Z"/>
23
+ </g>
24
+ <path class="st1" d="M7.37,11.73h-.46v.13c0,.16.1.36.32.36.19,0,.31-.07.41-.14.05-.03.09-.03.09.02,0,.01,0,.03,0,.04-.02.09-.11.18-.16.22-.13.09-.25.11-.37.11-.39,0-.61-.29-.61-.66v-.32c0-.41.25-.65.63-.65.3,0,.56.27.56.54v.06c0,.17-.18.31-.4.31ZM7.18,11.07c-.17,0-.28.14-.28.27v.2h.33c.11,0,.21-.06.21-.24,0-.15-.12-.24-.26-.24Z"/>
25
+ <path class="st1" d="M10.37,11.73h-.46v.13c0,.16.1.36.32.36.19,0,.31-.07.41-.14.05-.03.09-.03.09.02,0,.01,0,.03,0,.04-.02.09-.11.18-.16.22-.13.09-.25.11-.37.11-.39,0-.61-.29-.61-.66v-.32c0-.41.25-.65.63-.65.3,0,.56.27.56.54v.06c0,.17-.19.31-.4.31ZM10.19,11.07c-.17,0-.28.14-.28.27v.2h.33c.11,0,.21-.06.21-.24,0-.15-.12-.24-.26-.24Z"/>
26
+ <path class="st1" d="M11.74,11.07h-.31v1.04c0,.09.05.14.2.14.06,0,.07,0,.07.04h0c0,.05-.11.17-.28.17s-.31-.09-.31-.27v-1c0-.09-.02-.13-.11-.13h-.04c-.05,0-.1-.01-.09-.05,0-.07.22-.05.37-.36.02-.04.04-.09.11-.09.06,0,.08.04.08.08v.23h.31c.05,0,.05.06.05.11,0,.05,0,.09-.05.09Z"/>
27
+ <path class="st1" d="M6.4,11.07h-.31v1.04c0,.09.05.14.2.14.06,0,.07,0,.07.04h0c0,.05-.11.17-.28.17s-.31-.09-.31-.27v-1c0-.09-.02-.13-.11-.13h-.04c-.05,0-.1-.01-.09-.05,0-.07.22-.05.37-.36.02-.04.04-.09.11-.09.06,0,.08.04.08.08v.23h.31c.05,0,.05.06.05.11,0,.05,0,.09-.05.09Z"/>
28
+ <path class="st1" d="M5.06,11.52c.15.06.35.18.35.46,0,.17-.15.47-.56.47-.43,0-.58-.24-.58-.38,0-.08.07-.09.16-.09s.12.03.14.09c.04.12.17.2.29.2.16,0,.26-.12.24-.23-.01-.12-.11-.16-.15-.19-.05-.03-.24-.12-.31-.15-.1-.04-.35-.16-.35-.44,0-.21.21-.44.55-.44.38,0,.51.2.52.32,0,.06-.03.08-.12.08s-.15,0-.17-.07c-.03-.11-.12-.16-.25-.15-.15,0-.23.09-.23.2,0,.15.2.21.31.25l.16.06Z"/>
29
+ <path class="st1" d="M9.29,10.7c0-.1-.05-.22-.26-.22-.05,0-.09.04-.09.09v.36c0,.09-.06.07-.08.05-.14-.15-.26-.17-.37-.17-.33,0-.48.25-.48.64v.42c0,.36.16.56.55.56.36,0,.35-.14.52-.14h.1c.07,0,.12-.03.12-.23v-1.38ZM8.97,11.93c0,.18-.16.34-.35.34-.17,0-.27-.15-.27-.34v-.52c0-.18.1-.33.27-.33.19,0,.35.15.35.33v.52Z"/>
30
+ </g>
31
+ </svg>