@bbl-digital/snorre 4.2.29 → 4.2.31

package/esm/utils/time.js

@@ -1,8 +1,16 @@
-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}--`;
+"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}--`;
 const formatTimeItem = (value, isNullable = false) => {
   return `${value || ''}${isNullable ? '--' : '00'}`.substring(0, 2);
 };
@@ -10,7 +18,7 @@ const formatTimeItem = (value, isNullable = false) => {
 /**
  * Checks if input is a number
  */
-export function isNumber(value) {
+function isNumber(value) {
   const number = Number(value);
   return !isNaN(number) && String(value) === String(number);
 }
@@ -21,7 +29,7 @@ export function isNumber(value) {
  *
  * The function also keeps track of the cursor position
  */
-export const validateTimeAndCursor = (showSeconds = false, value = '', defaultValue = '', divider = DEFAULT_DIVIDER, cursorPosition = 0, isNullable = false) => {
+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);
@@ -57,7 +65,8 @@ export const validateTimeAndCursor = (showSeconds = false, value = '', defaultVa
  * Converts a Date to String with the format:
  * default 00:00 or 00:00:00 if showSeconds is true
  */
-export const handleDateToStringConvertion = (date, showSeconds) => {
+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');
@@ -70,7 +79,8 @@ export const handleDateToStringConvertion = (date, showSeconds) => {
  * 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
  */
-export const handleStringToDateConvertion = (value, originalDate) => {
+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));
@@ -78,7 +88,8 @@ export const handleStringToDateConvertion = (value, originalDate) => {
   date.setSeconds(Number(seconds || 0));
   return date;
 };
-export const getTimeFromHours = hours => {
+exports.handleStringToDateConvertion = handleStringToDateConvertion;
+const getTimeFromHours = hours => {
   const days = Math.floor(hours / 24);
   const hour = Math.floor(hours - days * 24);
   return {
@@ -86,10 +97,12 @@ export const getTimeFromHours = hours => {
     hours: hour
   };
 };
-export const getTimeStringFromHours = hours => {
+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' : ''}`;
-};
+};
+exports.getTimeStringFromHours = getTimeStringFromHours;

package/esm/utils/url.js

@@ -1,6 +1,13 @@
+"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];
 };
+exports.getDomainFromUrl = getDomainFromUrl;
 const getUrlWithProtocol = url => {
   if (url.startsWith('http') || url.startsWith('//')) {
     return url;
@@ -8,4 +15,4 @@ const getUrlWithProtocol = url => {
     return 'https://' + url;
   }
 };
-export { getDomainFromUrl, getUrlWithProtocol };
+exports.getUrlWithProtocol = getUrlWithProtocol;

package/esm/utils/useSnorreTheme.js

@@ -1,14 +1,20 @@
-import { useEffect, useState } from 'react';
-import { initTheme } from '../app-shell/theme';
+"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] = useState();
-  const [theme, setTheme] = useState();
-  const [globals, setGlobals] = useState();
-  useEffect(() => {
+  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`);
@@ -20,13 +26,13 @@ const useSnorreTheme = ({
     };
     getTheme(themeUrl);
   }, [themeUrl]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (!theme) return;
-    setAppTheme(initTheme(theme, defaultTextColor));
+    setAppTheme((0, _theme.initTheme)(theme, defaultTextColor));
   }, [theme, defaultTextColor]);
   return {
     appTheme,
     globals
   };
 };
-export default useSnorreTheme;
+var _default = exports.default = useSnorreTheme;

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

@@ -1,11 +1,17 @@
-import { MemberBenefitsCard } from '.';
-import { PartnerTypeEnum } from './model';
-import { StoryGridWrapper } from './styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+"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");
 const dummyBenefit = {
   contractId: '00469FCA-BF4C-42A1-B0FF-F904548E7026',
   contractType: 'National',
-  partnerType: PartnerTypeEnum.Retail,
+  partnerType: _model.PartnerTypeEnum.Retail,
   contractIsExclusive: false,
   name: 'Hadeland glassverk',
   teaser: '<strong>5 % bonus</strong>',
@@ -32,16 +38,16 @@ const dummyBenefit = {
 };
 const meta = {
   title: 'v2/Memberbenefits/MemberbenefitsCard',
-  component: MemberBenefitsCard
+  component: _.MemberBenefitsCard
 };
-export default meta;
-export const Default = {
+var _default = exports.default = meta;
+const Default = exports.Default = {
   name: 'Default',
   args: {
     benefit: {
       contractId: '00469FCA-BF4C-42A1-B0FF-F904548E7026',
       contractType: 'National',
-      partnerType: PartnerTypeEnum.Retail,
+      partnerType: _model.PartnerTypeEnum.Retail,
       contractIsExclusive: false,
       name: 'Hadeland glassverk',
       teaser: '<strong>5 % bonus</strong>',
@@ -66,13 +72,13 @@ export const Default = {
     }
   }
 };
-export const CardGroup = {
-  render: () => /*#__PURE__*/_jsxs(StoryGridWrapper, {
-    children: [/*#__PURE__*/_jsx(MemberBenefitsCard, {
+const CardGroup = exports.CardGroup = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.StoryGridWrapper, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.MemberBenefitsCard, {
       benefit: dummyBenefit
-    }), /*#__PURE__*/_jsx(MemberBenefitsCard, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MemberBenefitsCard, {
       benefit: dummyBenefit
-    }), /*#__PURE__*/_jsx(MemberBenefitsCard, {
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MemberBenefitsCard, {
       benefit: dummyBenefit,
       variant: "mysite"
     })]

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

@@ -1,14 +1,22 @@
+"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 }; }
 /** @jsxImportSource @emotion/react */
-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';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-export const MemberBenefitsCard = ({
+
+const MemberBenefitsCard = ({
   benefit,
   variant = 'default',
   altText,
@@ -18,7 +26,7 @@ export const MemberBenefitsCard = ({
   afterScroll,
   ...props
 }) => {
-  const ref = useRef(null);
+  const ref = (0, _react.useRef)(null);
   const discountText = benefit?.discountText?.trim();
   const bonusText = benefit?.bonusText?.trim();
   const hasSituationImage = !!benefit?.urlSituationImage;
@@ -34,63 +42,63 @@ export const MemberBenefitsCard = ({
       });
     }
   };
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (scrollTo) {
       scrollToRef(ref);
       afterScroll && afterScroll();
     }
   }, [ref, scrollTo, afterScroll]);
-  return _jsxs("button", {
-    css: () => [styles.default(), variant === 'mysite' && styles.mysite, props.css && props.css],
+  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 ? _jsxs(ImageWithOverlay, {
+    children: [hasSituationImage || hasLogo ? (0, _jsxRuntime.jsxs)(_styles.ImageWithOverlay, {
       isMySite: isMySite,
-      children: [hasSituationImage && _jsx(ImageRepresentation, {
+      children: [hasSituationImage && (0, _jsxRuntime.jsx)(_styles.ImageRepresentation, {
         src: benefit.urlSituationImage,
         alt: situationImgAltText
-      }), hasSituationImage && hasLogo && _jsx(LogoOverlay, {
+      }), hasSituationImage && hasLogo && (0, _jsxRuntime.jsx)(_styles.LogoOverlay, {
         isMySite: isMySite,
-        children: _jsx(LogoFlexContainer, {
-          children: _jsx(SupplierLogo, {
+        children: (0, _jsxRuntime.jsx)(_styles.LogoFlexContainer, {
+          children: (0, _jsxRuntime.jsx)(_styles.SupplierLogo, {
             src: benefit.urlLogo,
             alt: logoAltText
           })
         })
-      }), !hasSituationImage && hasLogo && _jsx(SupplierLogo, {
+      }), !hasSituationImage && hasLogo && (0, _jsxRuntime.jsx)(_styles.SupplierLogo, {
         src: benefit.urlLogo,
         alt: logoAltText
       })]
-    }) : _jsx(ImageWithOverlay, {
+    }) : (0, _jsxRuntime.jsx)(_styles.ImageWithOverlay, {
       isMySite: isMySite,
-      children: _jsx(IllustrationMySiteBenefits, {
+      children: (0, _jsxRuntime.jsx)(_IllustrationMySiteBenefits.default, {
         width: "80%",
         accessibilityLabel: `Illustrasjon medlemsfordel: ${benefit.name}`
       })
-    }), _jsxs(ContentWrapper, {
-      children: [_jsxs(TextWrapper, {
-        children: [_jsx(Header, {
+    }), (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 && _jsx(Html, {
+        }), benefit?.teaser && (0, _jsxRuntime.jsx)(_Html.default, {
           text: benefit.teaser
         })]
-      }), (Boolean(bonusText?.length) || Boolean(discountText?.length)) && _jsxs(DiscountAndBonus, {
-        children: [!!bonusText && _jsxs(Row, {
-          children: [_jsx(IconMedal, {
+      }), (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
-          }), _jsx(Text, {
+          }), (0, _jsxRuntime.jsx)(_Text.default, {
             semibold: true,
             children: bonusText
           })]
-        }), !!discountText && _jsxs(Row, {
-          children: [_jsx(IconPercent, {
+        }), !!discountText && (0, _jsxRuntime.jsxs)(_styles.Row, {
+          children: [(0, _jsxRuntime.jsx)(_IconPercent.default, {
             backgrounded: true,
             primary: true
-          }), _jsx(Text, {
+          }), (0, _jsxRuntime.jsx)(_Text.default, {
             semibold: true,
             children: discountText
           })]
@@ -98,4 +106,5 @@ export const MemberBenefitsCard = ({
       })]
     })]
   });
-};
+};
+exports.MemberBenefitsCard = MemberBenefitsCard;

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

@@ -1,4 +1,10 @@
-export let PartnerTypeEnum = /*#__PURE__*/function (PartnerTypeEnum) {
+"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;