@bbl-digital/snorre 4.2.74 → 4.2.76

package/lib/utils/time.js

@@ -1,108 +1,95 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.handleStringToDateConvertion = exports.handleDateToStringConvertion = exports.getTimeStringFromHours = exports.getTimeFromHours = exports.DEFAULT_VALUE_SHORT_NULLABLE = exports.DEFAULT_VALUE_SHORT = exports.DEFAULT_VALUE_FULL_NULLABLE = exports.DEFAULT_VALUE_FULL = exports.DEFAULT_DIVIDER = void 0;
-exports.isNumber = isNumber;
-exports.validateTimeAndCursor = void 0;
-const DEFAULT_DIVIDER = exports.DEFAULT_DIVIDER = ':';
-const DEFAULT_VALUE_SHORT = exports.DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
-const DEFAULT_VALUE_SHORT_NULLABLE = exports.DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
-const DEFAULT_VALUE_FULL = exports.DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
-const DEFAULT_VALUE_FULL_NULLABLE = exports.DEFAULT_VALUE_FULL_NULLABLE = `--${DEFAULT_DIVIDER}--${DEFAULT_DIVIDER}--`;
+export const DEFAULT_DIVIDER = ':';
+export const DEFAULT_VALUE_SHORT = `00${DEFAULT_DIVIDER}00`;
+export const DEFAULT_VALUE_SHORT_NULLABLE = `--${DEFAULT_DIVIDER}--`;
+export const DEFAULT_VALUE_FULL = `00${DEFAULT_DIVIDER}00${DEFAULT_DIVIDER}00`;
+export const DEFAULT_VALUE_FULL_NULLABLE = `--${DEFAULT_DIVIDER}--${DEFAULT_DIVIDER}--`;
 const formatTimeItem = (value, isNullable = false) => {
-  return `${value || ''}${isNullable ? '--' : '00'}`.substring(0, 2);
+    return `${value || ''}${isNullable ? '--' : '00'}`.substring(0, 2);
 };
-
 /**
  * Checks if input is a number
  */
-function isNumber(value) {
-  const number = Number(value);
-  return !isNaN(number) && String(value) === String(number);
+export function isNumber(value) {
+    const number = Number(value);
+    return !isNaN(number) && String(value) === String(number);
 }
-
 /**
  * Validates time to keep the format:
  * default 00:00 or 00:00:00 if showSeconds is true
  *
  * The function also keeps track of the cursor position
  */
-const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0, isNullable = false) => {
-  const [oldHH, oldMM, oldSS] = defaultValue.split(divider);
-  let newCursorPosition = Number(cursorPosition);
-  let [HH, MM, SS] = String(value).split(divider);
-  HH = formatTimeItem(HH, isNullable);
-  if (Number(HH[0]) > 2) {
-    HH = oldHH;
-    newCursorPosition -= 1;
-  } else if (Number(HH[0]) === 2) {
-    if (Number(oldHH[0]) === 2 && Number(HH[1]) > 3) {
-      HH = `2${oldHH[1]}`;
-      newCursorPosition -= 2;
-    } else if (Number(HH[1]) > 3) {
-      HH = '23';
+export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0, isNullable = false) => {
+    const [oldHH, oldMM, oldSS] = defaultValue.split(divider);
+    let newCursorPosition = Number(cursorPosition);
+    let [HH, MM, SS] = String(value).split(divider);
+    HH = formatTimeItem(HH, isNullable);
+    if (Number(HH[0]) > 2) {
+        HH = oldHH;
+        newCursorPosition -= 1;
     }
-  }
-  MM = formatTimeItem(MM, isNullable);
-  if (Number(MM[0]) > 5) {
-    MM = oldMM;
-    newCursorPosition -= 1;
-  }
-  if (showSeconds) {
-    SS = formatTimeItem(SS, isNullable);
-    if (Number(SS[0]) > 5) {
-      SS = oldSS;
-      newCursorPosition -= 1;
+    else if (Number(HH[0]) === 2) {
+        if (Number(oldHH[0]) === 2 && Number(HH[1]) > 3) {
+            HH = `2${oldHH[1]}`;
+            newCursorPosition -= 2;
+        }
+        else if (Number(HH[1]) > 3) {
+            HH = '23';
+        }
     }
-  }
-  const validatedValue = showSeconds ? `${HH}${divider}${MM}${divider}${SS}` : `${HH}${divider}${MM}`;
-  return [validatedValue, newCursorPosition];
+    MM = formatTimeItem(MM, isNullable);
+    if (Number(MM[0]) > 5) {
+        MM = oldMM;
+        newCursorPosition -= 1;
+    }
+    if (showSeconds) {
+        SS = formatTimeItem(SS, isNullable);
+        if (Number(SS[0]) > 5) {
+            SS = oldSS;
+            newCursorPosition -= 1;
+        }
+    }
+    const validatedValue = showSeconds
+        ? `${HH}${divider}${MM}${divider}${SS}`
+        : `${HH}${divider}${MM}`;
+    return [validatedValue, newCursorPosition];
 };
-
 /**
  * Converts a Date to String with the format:
  * default 00:00 or 00:00:00 if showSeconds is true
  */
-exports.validateTimeAndCursor = validateTimeAndCursor;
-const handleDateToStringConvertion = (date, showSeconds) => {
-  const d = new Date(date);
-  const hours = d.getHours().toString().padStart(2, '0');
-  const minutes = d.getMinutes().toString().padStart(2, '0');
-  const seconds = d.getSeconds().toString().padStart(2, '0');
-  return `${hours}${DEFAULT_DIVIDER}${minutes}${showSeconds ? `${DEFAULT_DIVIDER}${seconds}` : ''}`;
+export const handleDateToStringConvertion = (date, showSeconds) => {
+    const d = new Date(date);
+    const hours = d.getHours().toString().padStart(2, '0');
+    const minutes = d.getMinutes().toString().padStart(2, '0');
+    const seconds = d.getSeconds().toString().padStart(2, '0');
+    return `${hours}${DEFAULT_DIVIDER}${minutes}${showSeconds ? `${DEFAULT_DIVIDER}${seconds}` : ''}`;
 };
-
 /**
  * Converts a String to Date with the format:
  * If value is formatted as 00:00:00 it will return the date with chosen seconds
  * If value is formatted as 00:00 it will return the date with seconds set to 00
  */
-exports.handleDateToStringConvertion = handleDateToStringConvertion;
-const handleStringToDateConvertion = (value, originalDate) => {
-  const [hours, minutes, seconds] = value.split(DEFAULT_DIVIDER);
-  const date = originalDate || new Date(0, 0, 0);
-  date.setHours(Number(hours));
-  date.setMinutes(Number(minutes));
-  date.setSeconds(Number(seconds || 0));
-  return date;
+export const handleStringToDateConvertion = (value, originalDate) => {
+    const [hours, minutes, seconds] = value.split(DEFAULT_DIVIDER);
+    const date = originalDate || new Date(0, 0, 0);
+    date.setHours(Number(hours));
+    date.setMinutes(Number(minutes));
+    date.setSeconds(Number(seconds || 0));
+    return date;
 };
-exports.handleStringToDateConvertion = handleStringToDateConvertion;
-const getTimeFromHours = hours => {
-  const days = Math.floor(hours / 24);
-  const hour = Math.floor(hours - days * 24);
-  return {
-    days,
-    hours: hour
-  };
+export const getTimeFromHours = (hours) => {
+    const days = Math.floor(hours / 24);
+    const hour = Math.floor(hours - days * 24);
+    return {
+        days,
+        hours: hour,
+    };
 };
-exports.getTimeFromHours = getTimeFromHours;
-const getTimeStringFromHours = hours => {
-  const time = getTimeFromHours(hours);
-  if (time.days) {
-    return `${time.days} dag${time.days > 1 ? 'er' : ''} og ${time.hours} time${time.hours !== 1 ? 'r' : ''}`;
-  }
-  return `${time.hours} time${time.hours !== 1 ? 'r' : ''}`;
+export const getTimeStringFromHours = (hours) => {
+    const time = getTimeFromHours(hours);
+    if (time.days) {
+        return `${time.days} dag${time.days > 1 ? 'er' : ''} og ${time.hours} time${time.hours !== 1 ? 'r' : ''}`;
+    }
+    return `${time.hours} time${time.hours !== 1 ? 'r' : ''}`;
 };
-exports.getTimeStringFromHours = getTimeStringFromHours;

package/lib/utils/url.d.ts

@@ -1,4 +1,3 @@
 declare const getDomainFromUrl: (url: string) => string;
 declare const getUrlWithProtocol: (url: string) => string;
 export { getDomainFromUrl, getUrlWithProtocol };
-//# sourceMappingURL=url.d.ts.map

package/lib/utils/url.js

@@ -1,18 +1,12 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getUrlWithProtocol = exports.getDomainFromUrl = void 0;
-const getDomainFromUrl = url => {
-  return url.replace(/^(?:https?:\/\/)?(?:www\.)?/i, '').split('/')[0];
+const getDomainFromUrl = (url) => {
+    return url.replace(/^(?:https?:\/\/)?(?:www\.)?/i, '').split('/')[0];
 };
-exports.getDomainFromUrl = getDomainFromUrl;
-const getUrlWithProtocol = url => {
-  if (url.startsWith('http') || url.startsWith('//')) {
-    return url;
-  } else {
-    return 'https://' + url;
-  }
+const getUrlWithProtocol = (url) => {
+    if (url.startsWith('http') || url.startsWith('//')) {
+        return url;
+    }
+    else {
+        return 'https://' + url;
+    }
 };
-exports.getUrlWithProtocol = getUrlWithProtocol;
+export { getDomainFromUrl, getUrlWithProtocol };

package/lib/utils/useSnorreTheme.d.ts

@@ -9,4 +9,3 @@ declare const useSnorreTheme: ({ themeUrl, defaultTextColor, globalsFolder, }: P
     globals: string | undefined;
 };
 export default useSnorreTheme;
-//# sourceMappingURL=useSnorreTheme.d.ts.map

package/lib/utils/useSnorreTheme.js

@@ -1,38 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _theme = require("../app-shell/theme");
-const useSnorreTheme = ({
-  themeUrl,
-  defaultTextColor,
-  globalsFolder
-}) => {
-  const [appTheme, setAppTheme] = (0, _react.useState)();
-  const [theme, setTheme] = (0, _react.useState)();
-  const [globals, setGlobals] = (0, _react.useState)();
-  (0, _react.useEffect)(() => {
-    const getTheme = async themeUrl => {
-      const pstyle = fetch(`${themeUrl}/styles.json`);
-      const pglobal = fetch(`${themeUrl}${globalsFolder ? `/${globalsFolder}` : ''}/globals.css`);
-      const [styles, global] = await Promise.all([pstyle, pglobal]);
-      const p = await styles.json();
-      const g = await global.text();
-      setTheme(p);
-      setGlobals(g);
+import { useEffect, useState } from 'react';
+import { initTheme } from '../app-shell/theme';
+const useSnorreTheme = ({ themeUrl, defaultTextColor, globalsFolder, }) => {
+    const [appTheme, setAppTheme] = useState();
+    const [theme, setTheme] = useState();
+    const [globals, setGlobals] = useState();
+    useEffect(() => {
+        const getTheme = async (themeUrl) => {
+            const pstyle = fetch(`${themeUrl}/styles.json`);
+            const pglobal = fetch(`${themeUrl}${globalsFolder ? `/${globalsFolder}` : ''}/globals.css`);
+            const [styles, global] = await Promise.all([pstyle, pglobal]);
+            const p = await styles.json();
+            const g = await global.text();
+            setTheme(p);
+            setGlobals(g);
+        };
+        getTheme(themeUrl);
+    }, [themeUrl]);
+    useEffect(() => {
+        if (!theme)
+            return;
+        setAppTheme(initTheme(theme, defaultTextColor));
+    }, [theme, defaultTextColor]);
+    return {
+        appTheme,
+        globals,
     };
-    getTheme(themeUrl);
-  }, [themeUrl]);
-  (0, _react.useEffect)(() => {
-    if (!theme) return;
-    setAppTheme((0, _theme.initTheme)(theme, defaultTextColor));
-  }, [theme, defaultTextColor]);
-  return {
-    appTheme,
-    globals
-  };
 };
-var _default = exports.default = useSnorreTheme;
+export default useSnorreTheme;

package/lib/v2/Memberbenefits/MemberbenefitsCard/MemberbenefitsCard.stories.d.ts

@@ -5,7 +5,6 @@ export default meta;
 type Story = StoryObj<typeof MemberBenefitsCard>;
 export declare const Default: Story;
 export declare const CardGroup: {
-    render: () => import("react").JSX.Element;
+    render: () => import("react/jsx-runtime").JSX.Element;
     name: string;
 };
-//# sourceMappingURL=MemberbenefitsCard.stories.d.ts.map

package/lib/v2/Memberbenefits/MemberbenefitsCard/MemberbenefitsCard.stories.js

@@ -1,87 +1,72 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Default = exports.CardGroup = void 0;
-var _ = require(".");
-var _model = require("./model");
-var _styles = require("./styles");
-var _jsxRuntime = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MemberBenefitsCard } from '.';
+import { PartnerTypeEnum } from './model';
+import { StoryGridWrapper } from './styles';
 const dummyBenefit = {
-  contractId: '00469FCA-BF4C-42A1-B0FF-F904548E7026',
-  contractType: 'National',
-  partnerType: _model.PartnerTypeEnum.Retail,
-  contractIsExclusive: false,
-  name: 'Hadeland glassverk',
-  teaser: '<strong>5 % bonus</strong>',
-  benefit: '<strong><br /><br /><br /><br />5 % bonus p&aring; hele kj&oslash;pet</strong>',
-  description: '<p>I hjertet av Norge, hvor frodig natur m&oslash;ter skandinavisk eleganse, finner du Hadeland Glassverk &ndash; en perle av tradisjon og innovasjon. <br /><br />Med en stolt arv som strekker seg tilbake til 1762, har Hadeland Glassverk skapt tidl&oslash;se mesterverk i glass som kombinerer h&aring;ndverkstradisjon med moderne design.<br /><br />Stort utvalg i bruks- og kunstglass, belysning, interi&oslash;r og tekstiler. Hadeland Glassverk har 10 butikker og 6 spisesteder.&nbsp;<br /><br />Her kan du se oversikt over butikkene og &aring;pningstider.</p>',
-  bonusText: '5 % bonus',
-  discountText: '  ',
-  validFrom: new Date('2023-10-23T00:00:00'),
-  validTo: new Date('2034-10-16T00:00:00'),
-  contactFirstName: 'Kristin',
-  contactLastName: '',
-  contactEmail: '',
-  bonusRate: 5,
-  commissionRate: 0,
-  urlLogo: 'https://voyado.oculos.no/bbl/pictures/stage/2312Logo.svg',
-  urlSituationImage: 'https://voyado.oculos.no/bbl/pictures/stage/2312Situasjonsbilde.jpeg',
-  urlThumbnail: '',
-  urlWebsite: '',
-  priority: 99,
-  campaigns: [],
-  industry: [],
-  descriptionLoggedIn: '',
-  urlNotLoggedIn: ''
+    contractId: '00469FCA-BF4C-42A1-B0FF-F904548E7026',
+    contractType: 'National',
+    partnerType: PartnerTypeEnum.Retail,
+    contractIsExclusive: false,
+    name: 'Hadeland glassverk',
+    teaser: '<strong>5 % bonus</strong>',
+    benefit: '<strong><br /><br /><br /><br />5 % bonus p&aring; hele kj&oslash;pet</strong>',
+    description: '<p>I hjertet av Norge, hvor frodig natur m&oslash;ter skandinavisk eleganse, finner du Hadeland Glassverk &ndash; en perle av tradisjon og innovasjon. <br /><br />Med en stolt arv som strekker seg tilbake til 1762, har Hadeland Glassverk skapt tidl&oslash;se mesterverk i glass som kombinerer h&aring;ndverkstradisjon med moderne design.<br /><br />Stort utvalg i bruks- og kunstglass, belysning, interi&oslash;r og tekstiler. Hadeland Glassverk har 10 butikker og 6 spisesteder.&nbsp;<br /><br />Her kan du se oversikt over butikkene og &aring;pningstider.</p>',
+    bonusText: '5 % bonus',
+    discountText: '  ',
+    validFrom: new Date('2023-10-23T00:00:00'),
+    validTo: new Date('2034-10-16T00:00:00'),
+    contactFirstName: 'Kristin',
+    contactLastName: '',
+    contactEmail: '',
+    bonusRate: 5,
+    commissionRate: 0,
+    urlLogo: 'https://voyado.oculos.no/bbl/pictures/stage/2312Logo.svg',
+    urlSituationImage: 'https://voyado.oculos.no/bbl/pictures/stage/2312Situasjonsbilde.jpeg',
+    urlThumbnail: '',
+    urlWebsite: '',
+    priority: 99,
+    campaigns: [],
+    industry: [],
+    descriptionLoggedIn: '',
+    urlNotLoggedIn: '',
 };
 const meta = {
-  title: 'v2/Memberbenefits/MemberbenefitsCard',
-  component: _.MemberBenefitsCard
+    title: 'v2/Memberbenefits/MemberbenefitsCard',
+    component: MemberBenefitsCard,
 };
-var _default = exports.default = meta;
-const Default = exports.Default = {
-  name: 'Default',
-  args: {
-    benefit: {
-      contractId: '00469FCA-BF4C-42A1-B0FF-F904548E7026',
-      contractType: 'National',
-      partnerType: _model.PartnerTypeEnum.Retail,
-      contractIsExclusive: false,
-      name: 'Hadeland glassverk',
-      teaser: '<strong>5 % bonus</strong>',
-      benefit: '<strong><br /><br /><br /><br />5 % bonus p&aring; hele kj&oslash;pet</strong>',
-      description: '<p>I hjertet av Norge, hvor frodig natur m&oslash;ter skandinavisk eleganse, finner du Hadeland Glassverk &ndash; en perle av tradisjon og innovasjon. <br /><br />Med en stolt arv som strekker seg tilbake til 1762, har Hadeland Glassverk skapt tidl&oslash;se mesterverk i glass som kombinerer h&aring;ndverkstradisjon med moderne design.<br /><br />Stort utvalg i bruks- og kunstglass, belysning, interi&oslash;r og tekstiler. Hadeland Glassverk har 10 butikker og 6 spisesteder.&nbsp;<br /><br />Her kan du se oversikt over butikkene og &aring;pningstider. great</p>',
-      bonusText: '5 % bonus',
-      discountText: '5% i rabatt',
-      validFrom: new Date('2023-10-22T22:00:00.000Z'),
-      validTo: new Date('2034-10-15T22:00:00.000Z'),
-      contactFirstName: 'Kristin',
-      contactLastName: '',
-      contactEmail: '',
-      bonusRate: 5,
-      commissionRate: 0,
-      urlThumbnail: '',
-      urlWebsite: '',
-      priority: 99,
-      campaigns: [],
-      industry: [],
-      descriptionLoggedIn: '',
-      urlNotLoggedIn: ''
-    }
-  }
+export default meta;
+export const Default = {
+    name: 'Default',
+    args: {
+        benefit: {
+            contractId: '00469FCA-BF4C-42A1-B0FF-F904548E7026',
+            contractType: 'National',
+            partnerType: PartnerTypeEnum.Retail,
+            contractIsExclusive: false,
+            name: 'Hadeland glassverk',
+            teaser: '<strong>5 % bonus</strong>',
+            benefit: '<strong><br /><br /><br /><br />5 % bonus p&aring; hele kj&oslash;pet</strong>',
+            description: '<p>I hjertet av Norge, hvor frodig natur m&oslash;ter skandinavisk eleganse, finner du Hadeland Glassverk &ndash; en perle av tradisjon og innovasjon. <br /><br />Med en stolt arv som strekker seg tilbake til 1762, har Hadeland Glassverk skapt tidl&oslash;se mesterverk i glass som kombinerer h&aring;ndverkstradisjon med moderne design.<br /><br />Stort utvalg i bruks- og kunstglass, belysning, interi&oslash;r og tekstiler. Hadeland Glassverk har 10 butikker og 6 spisesteder.&nbsp;<br /><br />Her kan du se oversikt over butikkene og &aring;pningstider. great</p>',
+            bonusText: '5 % bonus',
+            discountText: '5% i rabatt',
+            validFrom: new Date('2023-10-22T22:00:00.000Z'),
+            validTo: new Date('2034-10-15T22:00:00.000Z'),
+            contactFirstName: 'Kristin',
+            contactLastName: '',
+            contactEmail: '',
+            bonusRate: 5,
+            commissionRate: 0,
+            urlThumbnail: '',
+            urlWebsite: '',
+            priority: 99,
+            campaigns: [],
+            industry: [],
+            descriptionLoggedIn: '',
+            urlNotLoggedIn: '',
+        },
+    },
+};
+export const CardGroup = {
+    render: () => (_jsxs(StoryGridWrapper, { children: [_jsx(MemberBenefitsCard, { benefit: dummyBenefit }), _jsx(MemberBenefitsCard, { benefit: dummyBenefit }), _jsx(MemberBenefitsCard, { benefit: dummyBenefit, variant: "mysite" })] })),
+    name: 'Card group',
 };
-const CardGroup = exports.CardGroup = {
-  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StoryGridWrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.MemberBenefitsCard, {
-      benefit: dummyBenefit
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MemberBenefitsCard, {
-      benefit: dummyBenefit
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MemberBenefitsCard, {
-      benefit: dummyBenefit,
-      variant: "mysite"
-    })]
-  }),
-  name: 'Card group'
-};

package/lib/v2/Memberbenefits/MemberbenefitsCard/index.d.ts

@@ -1,3 +1,2 @@
 import { IMemberBenefitCardProps } from './model';
 export declare const MemberBenefitsCard: React.FC<IMemberBenefitCardProps>;
-//# sourceMappingURL=index.d.ts.map

package/lib/v2/Memberbenefits/MemberbenefitsCard/index.js

@@ -1,110 +1,36 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MemberBenefitsCard = void 0;
-var _react = require("react");
-var _Header = _interopRequireDefault(require("../../../core/Header"));
-var _Html = _interopRequireDefault(require("../../../core/Html"));
-var _Text = _interopRequireDefault(require("../../../core/Text"));
-var _IconMedal = _interopRequireDefault(require("../../../icons/General/IconMedal"));
-var _IconPercent = _interopRequireDefault(require("../../../icons/General/IconPercent"));
-var _styles = require("./styles");
-var _IllustrationMySiteBenefits = _interopRequireDefault(require("../../../illustrations/MySite/IllustrationMySiteBenefits"));
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-
-const MemberBenefitsCard = ({
-  benefit,
-  variant = 'default',
-  altText,
-  altTextLogo,
-  scrollTo,
-  onReadMoreClick,
-  afterScroll,
-  ...props
-}) => {
-  const ref = (0, _react.useRef)(null);
-  const discountText = benefit?.discountText?.trim();
-  const bonusText = benefit?.bonusText?.trim();
-  const hasSituationImage = !!benefit?.urlSituationImage;
-  const hasLogo = !!benefit?.urlLogo;
-  const situationImgAltText = altText || `${benefit.name} situasjonsbilde`;
-  const logoAltText = altTextLogo || `${benefit.name} logo`;
-  const isMySite = variant === 'mysite';
-  const scrollToRef = ref => {
-    if (ref.current) {
-      ref.current.scrollIntoView({
-        behavior: 'smooth',
-        block: 'end'
-      });
-    }
-  };
-  (0, _react.useEffect)(() => {
-    if (scrollTo) {
-      scrollToRef(ref);
-      afterScroll && afterScroll();
-    }
-  }, [ref, scrollTo, afterScroll]);
-  return (0, _jsxRuntime.jsxs)("button", {
-    css: () => [_styles.styles.default(), variant === 'mysite' && _styles.styles.mysite, props.css && props.css],
-    ref: ref,
-    onClick: onReadMoreClick,
-    "aria-label": `Les mer om denne medlemsfordelen: ${benefit.name}`,
-    children: [hasSituationImage || hasLogo ? (0, _jsxRuntime.jsxs)(_styles.ImageWithOverlay, {
-      isMySite: isMySite,
-      children: [hasSituationImage && (0, _jsxRuntime.jsx)(_styles.ImageRepresentation, {
-        src: benefit.urlSituationImage,
-        alt: situationImgAltText
-      }), hasSituationImage && hasLogo && (0, _jsxRuntime.jsx)(_styles.LogoOverlay, {
-        isMySite: isMySite,
-        children: (0, _jsxRuntime.jsx)(_styles.LogoFlexContainer, {
-          children: (0, _jsxRuntime.jsx)(_styles.SupplierLogo, {
-            src: benefit.urlLogo,
-            alt: logoAltText
-          })
-        })
-      }), !hasSituationImage && hasLogo && (0, _jsxRuntime.jsx)(_styles.SupplierLogo, {
-        src: benefit.urlLogo,
-        alt: logoAltText
-      })]
-    }) : (0, _jsxRuntime.jsx)(_styles.ImageWithOverlay, {
-      isMySite: isMySite,
-      children: (0, _jsxRuntime.jsx)(_IllustrationMySiteBenefits.default, {
-        width: "80%",
-        accessibilityLabel: `Illustrasjon medlemsfordel: ${benefit.name}`
-      })
-    }), (0, _jsxRuntime.jsxs)(_styles.ContentWrapper, {
-      children: [(0, _jsxRuntime.jsxs)(_styles.TextWrapper, {
-        children: [(0, _jsxRuntime.jsx)(_Header.default, {
-          level: 3,
-          size: "18px",
-          children: benefit.name
-        }), benefit?.teaser && (0, _jsxRuntime.jsx)(_Html.default, {
-          text: benefit.teaser
-        })]
-      }), (Boolean(bonusText?.length) || Boolean(discountText?.length)) && (0, _jsxRuntime.jsxs)(_styles.DiscountAndBonus, {
-        children: [!!bonusText && (0, _jsxRuntime.jsxs)(_styles.Row, {
-          children: [(0, _jsxRuntime.jsx)(_IconMedal.default, {
-            backgrounded: true,
-            primary: true
-          }), (0, _jsxRuntime.jsx)(_Text.default, {
-            semibold: true,
-            children: bonusText
-          })]
-        }), !!discountText && (0, _jsxRuntime.jsxs)(_styles.Row, {
-          children: [(0, _jsxRuntime.jsx)(_IconPercent.default, {
-            backgrounded: true,
-            primary: true
-          }), (0, _jsxRuntime.jsx)(_Text.default, {
-            semibold: true,
-            children: discountText
-          })]
-        })]
-      })]
-    })]
-  });
+import { useEffect, useRef } from 'react';
+import Header from '../../../core/Header';
+import Html from '../../../core/Html';
+import Text from '../../../core/Text';
+import IconMedal from '../../../icons/General/IconMedal';
+import IconPercent from '../../../icons/General/IconPercent';
+import { ContentWrapper, DiscountAndBonus, ImageRepresentation, ImageWithOverlay, LogoFlexContainer, LogoOverlay, Row, styles, SupplierLogo, TextWrapper, } from './styles';
+import IllustrationMySiteBenefits from '../../../illustrations/MySite/IllustrationMySiteBenefits';
+export const MemberBenefitsCard = ({ benefit, variant = 'default', altText, altTextLogo, scrollTo, onReadMoreClick, afterScroll, ...props }) => {
+    const ref = useRef(null);
+    const discountText = benefit?.discountText?.trim();
+    const bonusText = benefit?.bonusText?.trim();
+    const hasSituationImage = !!benefit?.urlSituationImage;
+    const hasLogo = !!benefit?.urlLogo;
+    const situationImgAltText = altText || `${benefit.name} situasjonsbilde`;
+    const logoAltText = altTextLogo || `${benefit.name} logo`;
+    const isMySite = variant === 'mysite';
+    const scrollToRef = (ref) => {
+        if (ref.current) {
+            ref.current.scrollIntoView({ behavior: 'smooth', block: 'end' });
+        }
+    };
+    useEffect(() => {
+        if (scrollTo) {
+            scrollToRef(ref);
+            afterScroll && afterScroll();
+        }
+    }, [ref, scrollTo, afterScroll]);
+    return (_jsxs("button", { css: () => [
+            styles.default(),
+            variant === 'mysite' && styles.mysite,
+            props.css && props.css,
+        ], ref: ref, onClick: onReadMoreClick, "aria-label": `Les mer om denne medlemsfordelen: ${benefit.name}`, children: [hasSituationImage || hasLogo ? (_jsxs(ImageWithOverlay, { isMySite: isMySite, children: [hasSituationImage && (_jsx(ImageRepresentation, { src: benefit.urlSituationImage, alt: situationImgAltText })), hasSituationImage && hasLogo && (_jsx(LogoOverlay, { isMySite: isMySite, children: _jsx(LogoFlexContainer, { children: _jsx(SupplierLogo, { src: benefit.urlLogo, alt: logoAltText }) }) })), !hasSituationImage && hasLogo && (_jsx(SupplierLogo, { src: benefit.urlLogo, alt: logoAltText }))] })) : (_jsx(ImageWithOverlay, { isMySite: isMySite, children: _jsx(IllustrationMySiteBenefits, { width: "80%", accessibilityLabel: `Illustrasjon medlemsfordel: ${benefit.name}` }) })), _jsxs(ContentWrapper, { children: [_jsxs(TextWrapper, { children: [_jsx(Header, { level: 3, size: "18px", children: benefit.name }), benefit?.teaser && _jsx(Html, { text: benefit.teaser })] }), (Boolean(bonusText?.length) || Boolean(discountText?.length)) && (_jsxs(DiscountAndBonus, { children: [!!bonusText && (_jsxs(Row, { children: [_jsx(IconMedal, { backgrounded: true, primary: true }), _jsx(Text, { semibold: true, children: bonusText })] })), !!discountText && (_jsxs(Row, { children: [_jsx(IconPercent, { backgrounded: true, primary: true }), _jsx(Text, { semibold: true, children: discountText })] }))] }))] })] }));
 };
-exports.MemberBenefitsCard = MemberBenefitsCard;

package/lib/v2/Memberbenefits/MemberbenefitsCard/model.d.ts

@@ -55,4 +55,3 @@ export interface IMemberBenefitCardProps {
     /** Add variant so that discount only shows discount */
     discountOnly?: boolean;
 }
-//# sourceMappingURL=model.d.ts.map

package/lib/v2/Memberbenefits/MemberbenefitsCard/model.js

@@ -1,11 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PartnerTypeEnum = void 0;
-let PartnerTypeEnum = exports.PartnerTypeEnum = /*#__PURE__*/function (PartnerTypeEnum) {
-  PartnerTypeEnum["Retail"] = "Retail";
-  PartnerTypeEnum["Online"] = "Online";
-  return PartnerTypeEnum;
-}({});
+export var PartnerTypeEnum;
+(function (PartnerTypeEnum) {
+    PartnerTypeEnum["Retail"] = "Retail";
+    PartnerTypeEnum["Online"] = "Online";
+})(PartnerTypeEnum || (PartnerTypeEnum = {}));

package/lib/v2/Memberbenefits/MemberbenefitsCard/styles.d.ts

@@ -48,4 +48,3 @@ export declare const DiscountAndBonus: import("@emotion/styled").StyledComponent
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export { styles, ImageWithOverlay, ImageRepresentation, LogoOverlay, LogoFlexContainer, SupplierLogo, ContentWrapper, TextWrapper, StoryGridWrapper, };
-//# sourceMappingURL=styles.d.ts.map