@telia/teddy 0.7.56 → 0.7.58

package/dist/components/navigation-menu/global-navigation/utils.cjs

@@ -43,42 +43,42 @@ const MY_PAGE_LINKS = {
 };
 const MY_PAGE_RETAILER_LINKS = {
   name: "Forhandler",
-  link: "/forhandler",
+  link: "/nexus",
   appKey: APP_KEYS["web-shop"],
   links: [
     {
       name: "Ordreoversikt",
-      link: "/forhandler/ordreoversikt",
+      link: "/nexus/ordreoversikt",
       appKey: APP_KEYS["web-shop"],
       icon: "report"
     },
     {
       name: "Salgsrapporter",
-      link: "/forhandler/salgsrapporter/",
+      link: "/nexus/salgsrapporter/",
       appKey: APP_KEYS["web-shop"],
       icon: "graph"
     },
     {
       name: "Salgsstøtte",
-      link: "/forhandler/salgsstotte/",
+      link: "/nexus/salgsstotte/",
       appKey: APP_KEYS["web-shop"],
       icon: "end-user"
     },
     {
       name: "Administrasjon",
-      link: "/forhandler/administrasjon",
+      link: "/nexus/administrasjon",
       appKey: APP_KEYS["web-shop"],
       icon: "settings"
     },
     {
       name: "Velg Butikk",
-      link: "/forhandler/butikker",
+      link: "/nexus/butikker",
       appKey: APP_KEYS["web-shop"],
       icon: "store"
     },
     {
       name: "Start ny ordre",
-      link: "/forhandler/nyordre",
+      link: "/nexus/nyordre",
       appKey: APP_KEYS["web-shop"],
       icon: "new-group"
     }
@@ -844,7 +844,7 @@ const BUSINESS_LINKS = {
           appKey: APP_KEYS["open-pages"]
         },
         {
-          name: "Alt om kundehistorier",
+          name: "Alle kundehistorier",
           link: "/bedrift/produkter-og-tjenester/kundehistorier/",
           appKey: APP_KEYS["open-pages"]
         }

package/dist/components/navigation-menu/global-navigation/utils.d.ts

@@ -47,36 +47,36 @@ export declare const MY_PAGE_LINKS: {
 };
 export declare const MY_PAGE_RETAILER_LINKS: {
     readonly name: "Forhandler";
-    readonly link: "/forhandler";
+    readonly link: "/nexus";
     readonly appKey: "web-shop";
     readonly links: [{
         readonly name: "Ordreoversikt";
-        readonly link: "/forhandler/ordreoversikt";
+        readonly link: "/nexus/ordreoversikt";
         readonly appKey: "web-shop";
         readonly icon: "report";
     }, {
         readonly name: "Salgsrapporter";
-        readonly link: "/forhandler/salgsrapporter/";
+        readonly link: "/nexus/salgsrapporter/";
         readonly appKey: "web-shop";
         readonly icon: "graph";
     }, {
         readonly name: "Salgsstøtte";
-        readonly link: "/forhandler/salgsstotte/";
+        readonly link: "/nexus/salgsstotte/";
         readonly appKey: "web-shop";
         readonly icon: "end-user";
     }, {
         readonly name: "Administrasjon";
-        readonly link: "/forhandler/administrasjon";
+        readonly link: "/nexus/administrasjon";
         readonly appKey: "web-shop";
         readonly icon: "settings";
     }, {
         readonly name: "Velg Butikk";
-        readonly link: "/forhandler/butikker";
+        readonly link: "/nexus/butikker";
         readonly appKey: "web-shop";
         readonly icon: "store";
     }, {
         readonly name: "Start ny ordre";
-        readonly link: "/forhandler/nyordre";
+        readonly link: "/nexus/nyordre";
         readonly appKey: "web-shop";
         readonly icon: "new-group";
     }];
@@ -768,7 +768,7 @@ export declare const BUSINESS_LINKS: {
             readonly link: "/bedrift/produkter-og-tjenester/kundehistorier/#smar";
             readonly appKey: "open-pages";
         }, {
-            readonly name: "Alt om kundehistorier";
+            readonly name: "Alle kundehistorier";
             readonly link: "/bedrift/produkter-og-tjenester/kundehistorier/";
             readonly appKey: "open-pages";
         }];
@@ -1544,7 +1544,7 @@ export declare const DEFAULT_BUSINESS_LINKS: {
             readonly link: "/bedrift/produkter-og-tjenester/kundehistorier/#smar";
             readonly appKey: "open-pages";
         }, {
-            readonly name: "Alt om kundehistorier";
+            readonly name: "Alle kundehistorier";
             readonly link: "/bedrift/produkter-og-tjenester/kundehistorier/";
             readonly appKey: "open-pages";
         }];
@@ -2325,7 +2325,7 @@ export declare const getLinks: (ukko?: boolean, customLinks?: CustomLinksConfig)
             readonly link: "/bedrift/produkter-og-tjenester/kundehistorier/#smar";
             readonly appKey: "open-pages";
         }, {
-            readonly name: "Alt om kundehistorier";
+            readonly name: "Alle kundehistorier";
             readonly link: "/bedrift/produkter-og-tjenester/kundehistorier/";
             readonly appKey: "open-pages";
         }];

package/dist/components/navigation-menu/global-navigation/utils.js

@@ -41,42 +41,42 @@ const MY_PAGE_LINKS = {
 };
 const MY_PAGE_RETAILER_LINKS = {
   name: "Forhandler",
-  link: "/forhandler",
+  link: "/nexus",
   appKey: APP_KEYS["web-shop"],
   links: [
     {
       name: "Ordreoversikt",
-      link: "/forhandler/ordreoversikt",
+      link: "/nexus/ordreoversikt",
       appKey: APP_KEYS["web-shop"],
       icon: "report"
     },
     {
       name: "Salgsrapporter",
-      link: "/forhandler/salgsrapporter/",
+      link: "/nexus/salgsrapporter/",
       appKey: APP_KEYS["web-shop"],
       icon: "graph"
     },
     {
       name: "Salgsstøtte",
-      link: "/forhandler/salgsstotte/",
+      link: "/nexus/salgsstotte/",
       appKey: APP_KEYS["web-shop"],
       icon: "end-user"
     },
     {
       name: "Administrasjon",
-      link: "/forhandler/administrasjon",
+      link: "/nexus/administrasjon",
       appKey: APP_KEYS["web-shop"],
       icon: "settings"
     },
     {
       name: "Velg Butikk",
-      link: "/forhandler/butikker",
+      link: "/nexus/butikker",
       appKey: APP_KEYS["web-shop"],
       icon: "store"
     },
     {
       name: "Start ny ordre",
-      link: "/forhandler/nyordre",
+      link: "/nexus/nyordre",
       appKey: APP_KEYS["web-shop"],
       icon: "new-group"
     }
@@ -842,7 +842,7 @@ const BUSINESS_LINKS = {
           appKey: APP_KEYS["open-pages"]
         },
         {
-          name: "Alt om kundehistorier",
+          name: "Alle kundehistorier",
           link: "/bedrift/produkter-og-tjenester/kundehistorier/",
           appKey: APP_KEYS["open-pages"]
         }

package/dist/components/shopping-cart/shopping-cart-item.cjs

@@ -14,35 +14,38 @@ const components_tooltip_index = require("../tooltip/index.cjs");
 const components_shoppingCart_types = require("./types.cjs");
 const components_shoppingCart_shoppingCartContext = require("./shopping-cart-context.cjs");
 const components_shoppingCart_utils = require("./utils.cjs");
-const item = "_item_1rldv_1";
-const breakageFeeInfo = "_breakageFeeInfo_1rldv_7";
-const nameWrapper = "_nameWrapper_1rldv_26";
-const link = "_link_1rldv_33";
-const cartLink = "_cartLink_1rldv_51";
-const discountDescription = "_discountDescription_1rldv_59";
-const name = "_name_1rldv_26";
-const nameContainer = "_nameContainer_1rldv_72";
-const subtitle = "_subtitle_1rldv_76";
-const quantityPickerWrapper = "_quantityPickerWrapper_1rldv_84";
-const pricePer = "_pricePer_1rldv_91";
-const quantityPicker = "_quantityPicker_1rldv_84";
-const priceContainer = "_priceContainer_1rldv_103";
-const priceCost = "_priceCost_1rldv_110";
-const priceLabel = "_priceLabel_1rldv_118";
-const priceLinethrough = "_priceLinethrough_1rldv_123";
-const priceLinethroughDisclaimer = "_priceLinethroughDisclaimer_1rldv_133";
-const imageContainer = "_imageContainer_1rldv_142";
-const noImageContainer = "_noImageContainer_1rldv_154";
-const image = "_image_1rldv_142";
-const iconImage = "_iconImage_1rldv_167";
-const deleteButtonContainer = "_deleteButtonContainer_1rldv_173";
-const uniqueDiscount = "_uniqueDiscount_1rldv_200";
-const uniqueDiscountLabel = "_uniqueDiscountLabel_1rldv_207";
-const uniqueDiscountPrice = "_uniqueDiscountPrice_1rldv_213";
-const onlyInShops = "_onlyInShops_1rldv_218";
-const onlyInShopsLabel = "_onlyInShopsLabel_1rldv_225";
-const tooltipTrigger = "_tooltipTrigger_1rldv_244";
-const priceWrapper = "_priceWrapper_1rldv_252";
+const item = "_item_1rxjf_1";
+const breakageFeeInfo = "_breakageFeeInfo_1rxjf_7";
+const nameWrapper = "_nameWrapper_1rxjf_26";
+const link = "_link_1rxjf_33";
+const cartLink = "_cartLink_1rxjf_51";
+const discountDescription = "_discountDescription_1rxjf_59";
+const name = "_name_1rxjf_26";
+const nameContainer = "_nameContainer_1rxjf_72";
+const subtitle = "_subtitle_1rxjf_76";
+const subtitleRow = "_subtitleRow_1rxjf_84";
+const subtitlePriceInfo = "_subtitlePriceInfo_1rxjf_91";
+const quantityPickerWrapper = "_quantityPickerWrapper_1rxjf_97";
+const pricePer = "_pricePer_1rxjf_104";
+const quantityPicker = "_quantityPicker_1rxjf_97";
+const priceContainer = "_priceContainer_1rxjf_116";
+const priceRow = "_priceRow_1rxjf_123";
+const priceCost = "_priceCost_1rxjf_129";
+const priceLabel = "_priceLabel_1rxjf_137";
+const priceLinethrough = "_priceLinethrough_1rxjf_142";
+const priceLinethroughDisclaimer = "_priceLinethroughDisclaimer_1rxjf_152";
+const imageContainer = "_imageContainer_1rxjf_161";
+const noImageContainer = "_noImageContainer_1rxjf_173";
+const image = "_image_1rxjf_161";
+const iconImage = "_iconImage_1rxjf_186";
+const deleteButtonContainer = "_deleteButtonContainer_1rxjf_192";
+const uniqueDiscount = "_uniqueDiscount_1rxjf_219";
+const uniqueDiscountLabel = "_uniqueDiscountLabel_1rxjf_226";
+const uniqueDiscountPrice = "_uniqueDiscountPrice_1rxjf_232";
+const onlyInShops = "_onlyInShops_1rxjf_237";
+const onlyInShopsLabel = "_onlyInShopsLabel_1rxjf_244";
+const tooltipTrigger = "_tooltipTrigger_1rxjf_263";
+const priceWrapper = "_priceWrapper_1rxjf_271";
 const styles = {
   item,
   breakageFeeInfo,
@@ -53,10 +56,13 @@ const styles = {
   name,
   nameContainer,
   subtitle,
+  subtitleRow,
+  subtitlePriceInfo,
   quantityPickerWrapper,
   pricePer,
   quantityPicker,
   priceContainer,
+  priceRow,
   priceCost,
   priceLabel,
   priceLinethrough,
@@ -153,55 +159,72 @@ const CartItemPriceDisplay = ({ cartItem, hasPaid, onChangeQuantity }) => {
   const discountPrice = components_shoppingCart_utils.getDiscountPrice(cartItem.price, quantity) || "";
   const price = components_shoppingCart_utils.getPrice(formatPrice, cartItem.price, discountValueUpfront, discountValueMonthly, quantity);
   const discountPriceText = ((_i = cartItem.discount) == null ? void 0 : _i.handsetDiscountText) || "";
-  const subtitles = (Array.isArray(cartItem.subtitle) ? cartItem.subtitle : [cartItem.subtitle]).filter(
-    Boolean
-  );
+  const subtitles = (Array.isArray(cartItem.subtitle) ? cartItem.subtitle : [cartItem.subtitle]).filter(Boolean);
   const suppressSubtitles = cartItem.type === components_shoppingCart_types.CART_ITEM_TYPE.SUBSCRIPTION ? true : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.price, children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.priceContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.subtitle, children: [
-        subtitles.length > 0 ? subtitles.map((sub) => /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.priceRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.subtitle, children: [
+          subtitles.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-hj-suppress": suppressSubtitles,
+              className: "paragraph",
+              dangerouslySetInnerHTML: {
+                __html: typeof subtitles[0] === "string" ? subtitles[0] : subtitles[0].description
+              }
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
+          quantity > 1 && !shouldShowPricePerUnit && /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${quantity} stk` }),
+          isQuantityModifiable && !readonly && /* @__PURE__ */ jsxRuntime.jsx(
+            QuantityPicker,
+            {
+              quantity,
+              onChangeQuantity,
+              cartItem,
+              shouldShowPricePerUnit,
+              isQuantityModifiable,
+              price: cartItem.price,
+              discountValueUpfront,
+              discountValueMonthly,
+              hasPaid
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.priceCost, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.priceWrapper, children: [
+            discountPriceText && /* @__PURE__ */ jsxRuntime.jsxs(components_tooltip_index.Tooltip, { defaultOpen: true, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(components_tooltip_index.Tooltip.Trigger, { className: styles.tooltipTrigger }),
+              /* @__PURE__ */ jsxRuntime.jsx(components_tooltip_index.Tooltip.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "paragraph-100", dangerouslySetInnerHTML: { __html: discountPriceText } }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.priceLabel, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: isLease && !hasSubscription && "fra " }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: price }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: cartItem.price.monthly ? "/md." : "" })
+            ] })
+          ] }),
+          discountPrice && formatPrice(discountPrice) !== price && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.priceLinethroughDisclaimer, children: "ord. pris:" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.priceLinethrough, children: cartItem.price.monthly ? formatPrice(discountPrice) + "/md." : formatPrice(discountPrice) })
+          ] })
+        ] }) })
+      ] }),
+      subtitles.slice(1).map((sub, index) => {
+        const description = typeof sub === "string" ? sub : sub.description;
+        const priceInfo = typeof sub === "string" ? void 0 : sub.priceInfo;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {
             "data-hj-suppress": suppressSubtitles,
-            className: "paragraph",
-            dangerouslySetInnerHTML: { __html: sub }
+            className: styles.subtitleRow,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "paragraph", dangerouslySetInnerHTML: { __html: description } }),
+              priceInfo && /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.subtitlePriceInfo, children: priceInfo })
+            ]
           },
-          `${cartItem.bundleId}-${cartItem.id}-${sub}`
-        )) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
-        quantity > 1 && !shouldShowPricePerUnit && /* @__PURE__ */ jsxRuntime.jsx("span", { children: `${quantity} stk` }),
-        isQuantityModifiable && !readonly && /* @__PURE__ */ jsxRuntime.jsx(
-          QuantityPicker,
-          {
-            quantity,
-            onChangeQuantity,
-            cartItem,
-            shouldShowPricePerUnit,
-            isQuantityModifiable,
-            price: cartItem.price,
-            discountValueUpfront,
-            discountValueMonthly,
-            hasPaid
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.priceCost, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.priceWrapper, children: [
-          discountPriceText && /* @__PURE__ */ jsxRuntime.jsxs(components_tooltip_index.Tooltip, { defaultOpen: true, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(components_tooltip_index.Tooltip.Trigger, { className: styles.tooltipTrigger }),
-            /* @__PURE__ */ jsxRuntime.jsx(components_tooltip_index.Tooltip.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "paragraph-100", dangerouslySetInnerHTML: { __html: discountPriceText } }) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles.priceLabel, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: isLease && !hasSubscription && "fra " }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: price }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: cartItem.price.monthly ? "/md." : "" })
-          ] })
-        ] }),
-        discountPrice && formatPrice(discountPrice) !== price && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.priceLinethroughDisclaimer, children: "ord. pris:" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.priceLinethrough, children: cartItem.price.monthly ? formatPrice(discountPrice) + "/md." : formatPrice(discountPrice) })
-        ] })
-      ] }) })
+          `${cartItem.bundleId}-${cartItem.id}-${index + 1}`
+        );
+      })
     ] }),
     cartItem.onlyAvailableInShops && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.onlyInShops, children: [
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles.onlyInShopsLabel, children: "Hentes i butikk" }),

package/dist/components/shopping-cart/shopping-cart-item.js

@@ -12,35 +12,38 @@ import { Tooltip } from "../tooltip/index.js";
 import { CART_ITEM_TYPE } from "./types.js";
 import { useShoppingCart } from "./shopping-cart-context.js";
 import { getDiscountPrice, getPrice, defaultFormatPrice } from "./utils.js";
-const item = "_item_1rldv_1";
-const breakageFeeInfo = "_breakageFeeInfo_1rldv_7";
-const nameWrapper = "_nameWrapper_1rldv_26";
-const link = "_link_1rldv_33";
-const cartLink = "_cartLink_1rldv_51";
-const discountDescription = "_discountDescription_1rldv_59";
-const name = "_name_1rldv_26";
-const nameContainer = "_nameContainer_1rldv_72";
-const subtitle = "_subtitle_1rldv_76";
-const quantityPickerWrapper = "_quantityPickerWrapper_1rldv_84";
-const pricePer = "_pricePer_1rldv_91";
-const quantityPicker = "_quantityPicker_1rldv_84";
-const priceContainer = "_priceContainer_1rldv_103";
-const priceCost = "_priceCost_1rldv_110";
-const priceLabel = "_priceLabel_1rldv_118";
-const priceLinethrough = "_priceLinethrough_1rldv_123";
-const priceLinethroughDisclaimer = "_priceLinethroughDisclaimer_1rldv_133";
-const imageContainer = "_imageContainer_1rldv_142";
-const noImageContainer = "_noImageContainer_1rldv_154";
-const image = "_image_1rldv_142";
-const iconImage = "_iconImage_1rldv_167";
-const deleteButtonContainer = "_deleteButtonContainer_1rldv_173";
-const uniqueDiscount = "_uniqueDiscount_1rldv_200";
-const uniqueDiscountLabel = "_uniqueDiscountLabel_1rldv_207";
-const uniqueDiscountPrice = "_uniqueDiscountPrice_1rldv_213";
-const onlyInShops = "_onlyInShops_1rldv_218";
-const onlyInShopsLabel = "_onlyInShopsLabel_1rldv_225";
-const tooltipTrigger = "_tooltipTrigger_1rldv_244";
-const priceWrapper = "_priceWrapper_1rldv_252";
+const item = "_item_1rxjf_1";
+const breakageFeeInfo = "_breakageFeeInfo_1rxjf_7";
+const nameWrapper = "_nameWrapper_1rxjf_26";
+const link = "_link_1rxjf_33";
+const cartLink = "_cartLink_1rxjf_51";
+const discountDescription = "_discountDescription_1rxjf_59";
+const name = "_name_1rxjf_26";
+const nameContainer = "_nameContainer_1rxjf_72";
+const subtitle = "_subtitle_1rxjf_76";
+const subtitleRow = "_subtitleRow_1rxjf_84";
+const subtitlePriceInfo = "_subtitlePriceInfo_1rxjf_91";
+const quantityPickerWrapper = "_quantityPickerWrapper_1rxjf_97";
+const pricePer = "_pricePer_1rxjf_104";
+const quantityPicker = "_quantityPicker_1rxjf_97";
+const priceContainer = "_priceContainer_1rxjf_116";
+const priceRow = "_priceRow_1rxjf_123";
+const priceCost = "_priceCost_1rxjf_129";
+const priceLabel = "_priceLabel_1rxjf_137";
+const priceLinethrough = "_priceLinethrough_1rxjf_142";
+const priceLinethroughDisclaimer = "_priceLinethroughDisclaimer_1rxjf_152";
+const imageContainer = "_imageContainer_1rxjf_161";
+const noImageContainer = "_noImageContainer_1rxjf_173";
+const image = "_image_1rxjf_161";
+const iconImage = "_iconImage_1rxjf_186";
+const deleteButtonContainer = "_deleteButtonContainer_1rxjf_192";
+const uniqueDiscount = "_uniqueDiscount_1rxjf_219";
+const uniqueDiscountLabel = "_uniqueDiscountLabel_1rxjf_226";
+const uniqueDiscountPrice = "_uniqueDiscountPrice_1rxjf_232";
+const onlyInShops = "_onlyInShops_1rxjf_237";
+const onlyInShopsLabel = "_onlyInShopsLabel_1rxjf_244";
+const tooltipTrigger = "_tooltipTrigger_1rxjf_263";
+const priceWrapper = "_priceWrapper_1rxjf_271";
 const styles = {
   item,
   breakageFeeInfo,
@@ -51,10 +54,13 @@ const styles = {
   name,
   nameContainer,
   subtitle,
+  subtitleRow,
+  subtitlePriceInfo,
   quantityPickerWrapper,
   pricePer,
   quantityPicker,
   priceContainer,
+  priceRow,
   priceCost,
   priceLabel,
   priceLinethrough,
@@ -151,55 +157,72 @@ const CartItemPriceDisplay = ({ cartItem, hasPaid, onChangeQuantity }) => {
   const discountPrice = getDiscountPrice(cartItem.price, quantity) || "";
   const price = getPrice(formatPrice, cartItem.price, discountValueUpfront, discountValueMonthly, quantity);
   const discountPriceText = ((_i = cartItem.discount) == null ? void 0 : _i.handsetDiscountText) || "";
-  const subtitles = (Array.isArray(cartItem.subtitle) ? cartItem.subtitle : [cartItem.subtitle]).filter(
-    Boolean
-  );
+  const subtitles = (Array.isArray(cartItem.subtitle) ? cartItem.subtitle : [cartItem.subtitle]).filter(Boolean);
   const suppressSubtitles = cartItem.type === CART_ITEM_TYPE.SUBSCRIPTION ? true : void 0;
   return /* @__PURE__ */ jsxs("div", { className: styles.price, children: [
     /* @__PURE__ */ jsxs("div", { className: styles.priceContainer, children: [
-      /* @__PURE__ */ jsxs("div", { className: styles.subtitle, children: [
-        subtitles.length > 0 ? subtitles.map((sub) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.subtitle, children: [
+          subtitles.length > 0 ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-hj-suppress": suppressSubtitles,
+              className: "paragraph",
+              dangerouslySetInnerHTML: {
+                __html: typeof subtitles[0] === "string" ? subtitles[0] : subtitles[0].description
+              }
+            }
+          ) : /* @__PURE__ */ jsx("span", {}),
+          quantity > 1 && !shouldShowPricePerUnit && /* @__PURE__ */ jsx("span", { children: `${quantity} stk` }),
+          isQuantityModifiable && !readonly && /* @__PURE__ */ jsx(
+            QuantityPicker,
+            {
+              quantity,
+              onChangeQuantity,
+              cartItem,
+              shouldShowPricePerUnit,
+              isQuantityModifiable,
+              price: cartItem.price,
+              discountValueUpfront,
+              discountValueMonthly,
+              hasPaid
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsxs("span", { className: styles.priceCost, children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.priceWrapper, children: [
+            discountPriceText && /* @__PURE__ */ jsxs(Tooltip, { defaultOpen: true, children: [
+              /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles.tooltipTrigger }),
+              /* @__PURE__ */ jsx(Tooltip.Content, { children: /* @__PURE__ */ jsx(Text, { variant: "paragraph-100", dangerouslySetInnerHTML: { __html: discountPriceText } }) })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: styles.priceLabel, children: [
+              /* @__PURE__ */ jsx("span", { children: isLease && !hasSubscription && "fra " }),
+              /* @__PURE__ */ jsx("span", { children: price }),
+              /* @__PURE__ */ jsx("span", { children: cartItem.price.monthly ? "/md." : "" })
+            ] })
+          ] }),
+          discountPrice && formatPrice(discountPrice) !== price && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: styles.priceLinethroughDisclaimer, children: "ord. pris:" }),
+            /* @__PURE__ */ jsx("span", { className: styles.priceLinethrough, children: cartItem.price.monthly ? formatPrice(discountPrice) + "/md." : formatPrice(discountPrice) })
+          ] })
+        ] }) })
+      ] }),
+      subtitles.slice(1).map((sub, index) => {
+        const description = typeof sub === "string" ? sub : sub.description;
+        const priceInfo = typeof sub === "string" ? void 0 : sub.priceInfo;
+        return /* @__PURE__ */ jsxs(
           "div",
           {
             "data-hj-suppress": suppressSubtitles,
-            className: "paragraph",
-            dangerouslySetInnerHTML: { __html: sub }
+            className: styles.subtitleRow,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "paragraph", dangerouslySetInnerHTML: { __html: description } }),
+              priceInfo && /* @__PURE__ */ jsx("span", { className: styles.subtitlePriceInfo, children: priceInfo })
+            ]
           },
-          `${cartItem.bundleId}-${cartItem.id}-${sub}`
-        )) : /* @__PURE__ */ jsx("span", {}),
-        quantity > 1 && !shouldShowPricePerUnit && /* @__PURE__ */ jsx("span", { children: `${quantity} stk` }),
-        isQuantityModifiable && !readonly && /* @__PURE__ */ jsx(
-          QuantityPicker,
-          {
-            quantity,
-            onChangeQuantity,
-            cartItem,
-            shouldShowPricePerUnit,
-            isQuantityModifiable,
-            price: cartItem.price,
-            discountValueUpfront,
-            discountValueMonthly,
-            hasPaid
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { style: { position: "relative" }, children: /* @__PURE__ */ jsxs("span", { className: styles.priceCost, children: [
-        /* @__PURE__ */ jsxs("div", { className: styles.priceWrapper, children: [
-          discountPriceText && /* @__PURE__ */ jsxs(Tooltip, { defaultOpen: true, children: [
-            /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles.tooltipTrigger }),
-            /* @__PURE__ */ jsx(Tooltip.Content, { children: /* @__PURE__ */ jsx(Text, { variant: "paragraph-100", dangerouslySetInnerHTML: { __html: discountPriceText } }) })
-          ] }),
-          /* @__PURE__ */ jsxs("span", { className: styles.priceLabel, children: [
-            /* @__PURE__ */ jsx("span", { children: isLease && !hasSubscription && "fra " }),
-            /* @__PURE__ */ jsx("span", { children: price }),
-            /* @__PURE__ */ jsx("span", { children: cartItem.price.monthly ? "/md." : "" })
-          ] })
-        ] }),
-        discountPrice && formatPrice(discountPrice) !== price && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { className: styles.priceLinethroughDisclaimer, children: "ord. pris:" }),
-          /* @__PURE__ */ jsx("span", { className: styles.priceLinethrough, children: cartItem.price.monthly ? formatPrice(discountPrice) + "/md." : formatPrice(discountPrice) })
-        ] })
-      ] }) })
+          `${cartItem.bundleId}-${cartItem.id}-${index + 1}`
+        );
+      })
     ] }),
     cartItem.onlyAvailableInShops && /* @__PURE__ */ jsxs("div", { className: styles.onlyInShops, children: [
       /* @__PURE__ */ jsx("span", { className: styles.onlyInShopsLabel, children: "Hentes i butikk" }),

package/dist/components/shopping-cart/types.d.ts

@@ -147,6 +147,10 @@ export interface CartItemImage {
     url?: string;
     icon?: string;
 }
+export interface CartSubtitleItem {
+    description: string;
+    priceInfo?: string;
+}
 export interface CartItem {
     type: CartType;
     subtype?: string;
@@ -157,7 +161,7 @@ export interface CartItem {
     name: string;
     href?: string;
     lineThrough?: string;
-    subtitle?: string | string[];
+    subtitle?: string | CartSubtitleItem | (string | CartSubtitleItem)[];
     brand?: string;
     brandSlug?: string;
     model?: string;

package/dist/style.css

@@ -1408,13 +1408,13 @@
     opacity: 1;
     transform: translateX(0);
   }
-}._item_1rldv_1 {
+}._item_1rxjf_1 {
   position: relative;
   background-color: var(--teddy-color-functional-white);
   border-radius: var(--teddy-border-radius-md);
 }
 
-._breakageFeeInfo_1rldv_7 {
+._breakageFeeInfo_1rxjf_7 {
   position: relative;
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-normal);
@@ -1422,7 +1422,7 @@
   font-size: var(--teddy-typography-scale-100);
 }
 
-._itemIcon_1rldv_15 {
+._itemIcon_1rxjf_15 {
   display: flex;
   height: 2rem;
   width: 2rem;
@@ -1433,14 +1433,14 @@
   color: var(--teddy-color-purple-700);
 }
 
-._nameWrapper_1rldv_26 {
+._nameWrapper_1rxjf_26 {
   max-width: 18rem;
   display: flex;
   align-items: flex-start;
   flex-direction: column;
 }
 
-._link_1rldv_33 {
+._link_1rxjf_33 {
   display: flex;
   align-items: center;
   padding-right: var(--teddy-spacing-400);
@@ -1451,78 +1451,97 @@
 }
 
 @media all and (min-width: 600px) {
-  ._link_1rldv_33 {
+  ._link_1rxjf_33 {
     padding-right: 0;
   }
 }
 
-._link_1rldv_33 span {
+._link_1rxjf_33 span {
   margin-right: var(--teddy-spacing-100);
 }
 
-._cartLink_1rldv_51 {
+._cartLink_1rxjf_51 {
   font-weight: var(--teddy-typography-weight-bold);
   color: var(--teddy-color-functional-black);
 }
 
-._cartLink_1rldv_51:hover, ._cartLink_1rldv_51:active, ._cartLink_1rldv_51:focus {
+._cartLink_1rxjf_51:hover, ._cartLink_1rxjf_51:active, ._cartLink_1rxjf_51:focus {
   color: var(--teddy-color-text-interactive-primary);
 }
 
-._discountDescription_1rldv_59 {
+._discountDescription_1rxjf_59 {
   margin-right: var(--teddy-spacing-600);
   overflow: visible;
   margin-top: var(--teddy-spacing-50);
 }
 
-._name_1rldv_26 {
+._name_1rxjf_26 {
   box-sizing: border-box;
   width: 100%;
   padding: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 0;
   font-size: var(--teddy-typography-scale-100);
 }
 
-._nameContainer_1rldv_72 {
+._nameContainer_1rxjf_72 {
   display: flex;
 }
 
-._subtitle_1rldv_76 {
+._subtitle_1rxjf_76 {
   display: flex;
   flex-direction: column;
 }
 
-._subtitle_1rldv_76 p {
+._subtitle_1rxjf_76 p {
   margin: 0;
 }
 
-._quantityPickerWrapper_1rldv_84 {
+._subtitleRow_1rxjf_84 {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: var(--teddy-spacing-100);
+}
+
+._subtitlePriceInfo_1rxjf_91 {
+  font-family: var(--teddy-typography-family-default);
+  font-weight: var(--teddy-typography-weight-bold);
+  white-space: nowrap;
+}
+
+._quantityPickerWrapper_1rxjf_97 {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   flex-wrap: wrap;
 }
 
-._pricePer_1rldv_91 {
+._pricePer_1rxjf_104 {
   margin-left: var(--teddy-spacing-200);
 }
 
-._quantityPicker_1rldv_84 {
+._quantityPicker_1rxjf_97 {
   display: flex;
   align-items: center;
 }
 
-._quantityPicker_1rldv_84 p {
+._quantityPicker_1rxjf_97 p {
   margin: 0 var(--teddy-spacing-100);
 }
 
-._priceContainer_1rldv_103 {
+._priceContainer_1rxjf_116 {
   display: flex;
-  justify-content: space-between;
+  flex-direction: column;
   margin-bottom: var(--teddy-spacing-100);
   gap: var(--teddy-spacing-100);
 }
 
-._priceCost_1rldv_110 {
+._priceRow_1rxjf_123 {
+  display: flex;
+  justify-content: space-between;
+  gap: var(--teddy-spacing-100);
+}
+
+._priceCost_1rxjf_129 {
   display: flex;
   flex-direction: column;
   font-family: var(--teddy-typography-family-default);
@@ -1530,12 +1549,12 @@
   margin-bottom: 0;
 }
 
-._priceLabel_1rldv_118 {
+._priceLabel_1rxjf_137 {
   text-align: right;
   margin-bottom: 0;
 }
 
-._priceLinethrough_1rldv_123 {
+._priceLinethrough_1rxjf_142 {
   font-size: var(--teddy-typography-scale-100);
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-normal);
@@ -1545,7 +1564,7 @@
   color: var(--teddy-color-gray-500);
 }
 
-._priceLinethroughDisclaimer_1rldv_133 {
+._priceLinethroughDisclaimer_1rxjf_152 {
   font-size: var(--teddy-typography-scale-100);
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-normal);
@@ -1554,39 +1573,39 @@
   color: var(--teddy-color-gray-500);
 }
 
-._imageContainer_1rldv_142 {
+._imageContainer_1rxjf_161 {
   max-width: 2.5rem;
   width: 2.5rem;
   margin: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 var(--teddy-spacing-200);
 }
 
-._imageContainer_1rldv_142 a:hover,
-._imageContainer_1rldv_142 a:active,
-._imageContainer_1rldv_142 a:focus,
-._imageContainer_1rldv_142 a:focus-within {
+._imageContainer_1rxjf_161 a:hover,
+._imageContainer_1rxjf_161 a:active,
+._imageContainer_1rxjf_161 a:focus,
+._imageContainer_1rxjf_161 a:focus-within {
   color: var(--teddy-color-text-interactive-primary);
 }
 
-._noImageContainer_1rldv_154 {
+._noImageContainer_1rxjf_173 {
   max-width: 2.5rem;
   width: 2.5rem;
   margin: var(--teddy-spacing-200) var(--teddy-spacing-200) 0 var(--teddy-spacing-200);
 }
 
-._image_1rldv_142 {
+._image_1rxjf_161 {
   display: block;
   height: auto;
   max-width: 2.5rem;
   width: 2.5rem;
 }
 
-._iconImage_1rldv_167 {
+._iconImage_1rxjf_186 {
   display: block;
   width: 2.5rem;
   height: 2.5rem;
 }
 
-._deleteButtonContainer_1rldv_173 {
+._deleteButtonContainer_1rxjf_192 {
   box-sizing: border-box;
   display: flex;
   justify-content: center;
@@ -1604,71 +1623,71 @@
   padding: var(--teddy-spacing-50) var(--teddy-spacing-100);
 }
 
-._deleteButtonContainer_1rldv_173:active, ._deleteButtonContainer_1rldv_173:hover, ._deleteButtonContainer_1rldv_173:focus {
+._deleteButtonContainer_1rxjf_192:active, ._deleteButtonContainer_1rxjf_192:hover, ._deleteButtonContainer_1rxjf_192:focus {
   background-color: var(--teddy-color-purple-700);
   color: var(--teddy-color-functional-white);
 }
 
-._deleteButtonContainer_1rldv_173 svg {
+._deleteButtonContainer_1rxjf_192 svg {
   width: 1.06rem;
   height: 1.1rem;
   margin-bottom: 1px;
 }
 
-._uniqueDiscount_1rldv_200 {
+._uniqueDiscount_1rxjf_219 {
   display: flex;
   justify-content: space-between;
   margin-top: var(--teddy-spacing-100);
   margin-bottom: var(--teddy-spacing-100);
 }
 
-._uniqueDiscountLabel_1rldv_207 {
+._uniqueDiscountLabel_1rxjf_226 {
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-normal);
   font-style: italic;
 }
 
-._uniqueDiscountPrice_1rldv_213 {
+._uniqueDiscountPrice_1rxjf_232 {
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-bold);
 }
 
-._onlyInShops_1rldv_218 {
+._onlyInShops_1rxjf_237 {
   display: flex;
   align-items: center;
   margin-top: var(--teddy-spacing-100);
   margin-bottom: var(--teddy-spacing-100);
 }
 
-._onlyInShopsLabel_1rldv_225 {
+._onlyInShopsLabel_1rxjf_244 {
   font-style: italic;
   font-family: var(--teddy-typography-family-default);
   font-weight: var(--teddy-typography-weight-normal);
 }
 
-._onlyInShopsTooltipWrapper_1rldv_231 {
+._onlyInShopsTooltipWrapper_1rxjf_250 {
   margin-left: var(--teddy-spacing-100);
   display: flex;
   align-items: center;
 }
 
-._onlyInShopsTooltipIcon_1rldv_237 {
+._onlyInShopsTooltipIcon_1rxjf_256 {
   cursor: pointer;
   width: 1.2rem;
   height: 1.2rem;
   color: var(--teddy-color-functional-black);
 }
 
-._tooltipTrigger_1rldv_244 {
+._tooltipTrigger_1rxjf_263 {
   padding: var(--teddy-spacing-100);
 }
 
-._tooltipTrigger_1rldv_244 svg {
+._tooltipTrigger_1rxjf_263 svg {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-._priceWrapper_1rldv_252 {
+._priceWrapper_1rxjf_271 {
   display: flex;
   align-items: center;
   justify-content: flex-end;

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=10"
   },
   "private": false,
-  "version": "0.7.56",
+  "version": "0.7.58",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"