@telia/teddy 0.7.37 → 0.7.39

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

@@ -0,0 +1,119 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+require("../../assets/sprite.6511e521-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+const components_tooltip_index = require("../tooltip/index.cjs");
+const components_progressBar_progressBar = require("../progress-bar/progress-bar.cjs");
+const components_shoppingCart_shoppingCartContext = require("./shopping-cart-context.cjs");
+const shoppingCart_module = require("../../shopping-cart.module-BCoLrcMI.cjs");
+const MonthlyPriceDetailsDisplay = ({ monthlyPriceDetails, totalPriceMonthly }) => {
+  const { formatPrice } = components_shoppingCart_shoppingCartContext.useShoppingCart();
+  if (!monthlyPriceDetails || monthlyPriceDetails.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceMonthlyDetails, children: [
+    monthlyPriceDetails.map(({ label, value }, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: value })
+    ] }, `price-detail-${index}`)),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${shoppingCart_module.styles.priceRow} ${shoppingCart_module.styles.priceMonthlyDetailsTotal}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Totalt pr. md." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: shoppingCart_module.styles.labelMedium, children: [
+        formatPrice(totalPriceMonthly || 0),
+        "/md."
+      ] })
+    ] })
+  ] });
+};
+const Payment = ({
+  delivery,
+  totalPriceUpfront,
+  totalPriceMonthly,
+  totalPriceFirstInvoice,
+  paymentTooltip,
+  monthlyPriceDetails,
+  totalVAT,
+  totalPriceWithoutVAT
+}) => {
+  const { formatPrice, hasPaid } = components_shoppingCart_shoppingCartContext.useShoppingCart();
+  const hasDelivery = delivery && Object.keys(delivery).length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: shoppingCart_module.styles.section, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.sectionInner, children: [
+      hasDelivery && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryContainer, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryLeft, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: delivery.icon || "delivery", className: shoppingCart_module.styles.deliveryIcon }),
+          delivery.label || "Levering"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: delivery.value })
+      ] }),
+      hasDelivery && delivery.progressBar && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryProgressbar, children: [
+        delivery.progressBar.text || /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.deliveryProgressbarText, children: [
+          "Du har",
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: shoppingCart_module.styles.labelMedium, children: [
+            Math.ceil(delivery.progressBar.max - delivery.progressBar.progress),
+            ",-"
+          ] }),
+          " ",
+          "igjen til ",
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "fri frakt" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: shoppingCart_module.styles.progressBarWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
+          components_progressBar_progressBar.ProgressBar,
+          {
+            colorTheme: "light",
+            progress: delivery.progressBar.max > delivery.progressBar.min ? (delivery.progressBar.progress - delivery.progressBar.min) / (delivery.progressBar.max - delivery.progressBar.min) * 100 : 0
+          }
+        ) })
+      ] }),
+      hasDelivery && !!totalPriceMonthly && /* @__PURE__ */ jsxRuntime.jsx("hr", { className: shoppingCart_module.styles.horizontalRule }),
+      !!totalPriceMonthly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceMonthlyContainer, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.flexRow, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Betale pr md:" }),
+            paymentTooltip && /* @__PURE__ */ jsxRuntime.jsxs(components_tooltip_index.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(components_tooltip_index.Tooltip.Trigger, { className: shoppingCart_module.styles.tooltipTrigger }),
+              /* @__PURE__ */ jsxRuntime.jsx(components_tooltip_index.Tooltip.Content, { className: shoppingCart_module.styles.tooltipContent, children: /* @__PURE__ */ jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: paymentTooltip } }) })
+            ] })
+          ] }),
+          (!monthlyPriceDetails || monthlyPriceDetails.length === 0) && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: shoppingCart_module.styles.labelMedium, children: [
+            formatPrice(totalPriceMonthly),
+            "/md."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          MonthlyPriceDetailsDisplay,
+          {
+            monthlyPriceDetails,
+            totalPriceMonthly
+          }
+        )
+      ] })
+    ] }),
+    (!!totalPriceUpfront || !!totalPriceFirstInvoice) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceUpfrontContainer, children: [
+      !!totalPriceWithoutVAT && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Sum:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceWithoutVAT) })
+      ] }),
+      !!totalVAT && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "MVA:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalVAT) })
+      ] }),
+      !!totalPriceUpfront && !hasPaid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Betale nå:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceUpfront) })
+      ] }),
+      !!totalPriceUpfront && hasPaid && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Betalt:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceUpfront) })
+      ] }),
+      !!totalPriceFirstInvoice && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.priceRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: "Å betale på første faktura:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: shoppingCart_module.styles.labelMedium, children: formatPrice(totalPriceFirstInvoice) })
+      ] })
+    ] })
+  ] });
+};
+Payment.displayName = "Payment";
+exports.Payment = Payment;

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

@@ -0,0 +1,19 @@
+import { CartDelivery } from './types';
+
+export interface PaymentProps {
+    delivery?: CartDelivery;
+    totalPriceFirstInvoice?: number;
+    totalPriceMonthly?: number;
+    paymentTooltip?: string;
+    monthlyPriceDetails?: {
+        label: string;
+        value: string;
+    }[];
+    totalPriceUpfront?: number;
+    totalVAT?: number;
+    totalPriceWithoutVAT?: number;
+}
+export declare const Payment: {
+    ({ delivery, totalPriceUpfront, totalPriceMonthly, totalPriceFirstInvoice, paymentTooltip, monthlyPriceDetails, totalVAT, totalPriceWithoutVAT, }: PaymentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,119 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import "../../assets/sprite.6511e521-teddy.svg";
+import { Icon } from "../icon/icon.js";
+import { Tooltip } from "../tooltip/index.js";
+import { ProgressBar } from "../progress-bar/progress-bar.js";
+import { useShoppingCart } from "./shopping-cart-context.js";
+import { s as styles } from "../../shopping-cart.module-DA25l2hr.js";
+const MonthlyPriceDetailsDisplay = ({ monthlyPriceDetails, totalPriceMonthly }) => {
+  const { formatPrice } = useShoppingCart();
+  if (!monthlyPriceDetails || monthlyPriceDetails.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: styles.priceMonthlyDetails, children: [
+    monthlyPriceDetails.map(({ label, value }, index) => /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+      /* @__PURE__ */ jsx("span", { children: label }),
+      /* @__PURE__ */ jsx("span", { children: value })
+    ] }, `price-detail-${index}`)),
+    /* @__PURE__ */ jsxs("div", { className: `${styles.priceRow} ${styles.priceMonthlyDetailsTotal}`, children: [
+      /* @__PURE__ */ jsx("span", { children: "Totalt pr. md." }),
+      /* @__PURE__ */ jsxs("span", { className: styles.labelMedium, children: [
+        formatPrice(totalPriceMonthly || 0),
+        "/md."
+      ] })
+    ] })
+  ] });
+};
+const Payment = ({
+  delivery,
+  totalPriceUpfront,
+  totalPriceMonthly,
+  totalPriceFirstInvoice,
+  paymentTooltip,
+  monthlyPriceDetails,
+  totalVAT,
+  totalPriceWithoutVAT
+}) => {
+  const { formatPrice, hasPaid } = useShoppingCart();
+  const hasDelivery = delivery && Object.keys(delivery).length > 0;
+  return /* @__PURE__ */ jsxs("section", { className: styles.section, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.sectionInner, children: [
+      hasDelivery && /* @__PURE__ */ jsxs("div", { className: styles.deliveryContainer, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.deliveryLeft, children: [
+          /* @__PURE__ */ jsx(Icon, { name: delivery.icon || "delivery", className: styles.deliveryIcon }),
+          delivery.label || "Levering"
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: delivery.value })
+      ] }),
+      hasDelivery && delivery.progressBar && /* @__PURE__ */ jsxs("div", { className: styles.deliveryProgressbar, children: [
+        delivery.progressBar.text || /* @__PURE__ */ jsxs("div", { className: styles.deliveryProgressbarText, children: [
+          "Du har",
+          " ",
+          /* @__PURE__ */ jsxs("span", { className: styles.labelMedium, children: [
+            Math.ceil(delivery.progressBar.max - delivery.progressBar.progress),
+            ",-"
+          ] }),
+          " ",
+          "igjen til ",
+          /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "fri frakt" })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: styles.progressBarWrapper, children: /* @__PURE__ */ jsx(
+          ProgressBar,
+          {
+            colorTheme: "light",
+            progress: delivery.progressBar.max > delivery.progressBar.min ? (delivery.progressBar.progress - delivery.progressBar.min) / (delivery.progressBar.max - delivery.progressBar.min) * 100 : 0
+          }
+        ) })
+      ] }),
+      hasDelivery && !!totalPriceMonthly && /* @__PURE__ */ jsx("hr", { className: styles.horizontalRule }),
+      !!totalPriceMonthly && /* @__PURE__ */ jsxs("div", { className: styles.priceMonthlyContainer, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+          /* @__PURE__ */ jsxs("div", { className: styles.flexRow, children: [
+            /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Betale pr md:" }),
+            paymentTooltip && /* @__PURE__ */ jsxs(Tooltip, { children: [
+              /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles.tooltipTrigger }),
+              /* @__PURE__ */ jsx(Tooltip.Content, { className: styles.tooltipContent, children: /* @__PURE__ */ jsx("div", { dangerouslySetInnerHTML: { __html: paymentTooltip } }) })
+            ] })
+          ] }),
+          (!monthlyPriceDetails || monthlyPriceDetails.length === 0) && /* @__PURE__ */ jsxs("span", { className: styles.labelMedium, children: [
+            formatPrice(totalPriceMonthly),
+            "/md."
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          MonthlyPriceDetailsDisplay,
+          {
+            monthlyPriceDetails,
+            totalPriceMonthly
+          }
+        )
+      ] })
+    ] }),
+    (!!totalPriceUpfront || !!totalPriceFirstInvoice) && /* @__PURE__ */ jsxs("div", { className: styles.priceUpfrontContainer, children: [
+      !!totalPriceWithoutVAT && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Sum:" }),
+        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceWithoutVAT) })
+      ] }),
+      !!totalVAT && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "MVA:" }),
+        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalVAT) })
+      ] }),
+      !!totalPriceUpfront && !hasPaid && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Betale nå:" }),
+        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceUpfront) })
+      ] }),
+      !!totalPriceUpfront && hasPaid && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Betalt:" }),
+        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceUpfront) })
+      ] }),
+      !!totalPriceFirstInvoice && /* @__PURE__ */ jsxs("div", { className: styles.priceRow, children: [
+        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: "Å betale på første faktura:" }),
+        /* @__PURE__ */ jsx("span", { className: styles.labelMedium, children: formatPrice(totalPriceFirstInvoice) })
+      ] })
+    ] })
+  ] });
+};
+Payment.displayName = "Payment";
+export {
+  Payment
+};

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const components_heading_heading = require("../heading/heading.cjs");
+const components_shoppingCart_shoppingCartContext = require("./shopping-cart-context.cjs");
+const shoppingCart_module = require("../../shopping-cart.module-BCoLrcMI.cjs");
+const Root = ({ heading, children, formatPrice, hasPaid, isAllowedToDelete }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(components_shoppingCart_shoppingCartContext.ShoppingCartProvider, { value: { formatPrice, hasPaid, isAllowedToDelete }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: shoppingCart_module.styles.shoppingCart, children: [
+    heading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: shoppingCart_module.styles.sectionInner, children: /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { className: shoppingCart_module.styles.heading, as: "h2", variant: "title-100", children: heading }) }),
+    children
+  ] }) });
+};
+Root.displayName = "Root";
+exports.Root = Root;

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

@@ -0,0 +1,10 @@
+import { ShoppingCartContextValue } from './shopping-cart-context';
+
+export interface RootProps extends ShoppingCartContextValue {
+    heading?: string;
+    children: React.ReactNode;
+}
+export declare const Root: {
+    ({ heading, children, formatPrice, hasPaid, isAllowedToDelete }: RootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,14 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Heading } from "../heading/heading.js";
+import { ShoppingCartProvider } from "./shopping-cart-context.js";
+import { s as styles } from "../../shopping-cart.module-DA25l2hr.js";
+const Root = ({ heading, children, formatPrice, hasPaid, isAllowedToDelete }) => {
+  return /* @__PURE__ */ jsx(ShoppingCartProvider, { value: { formatPrice, hasPaid, isAllowedToDelete }, children: /* @__PURE__ */ jsxs("div", { className: styles.shoppingCart, children: [
+    heading && /* @__PURE__ */ jsx("div", { className: styles.sectionInner, children: /* @__PURE__ */ jsx(Heading, { className: styles.heading, as: "h2", variant: "title-100", children: heading }) }),
+    children
+  ] }) });
+};
+Root.displayName = "Root";
+export {
+  Root
+};

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const CART_ITEM_TYPE = {
+  SUBSCRIPTION: "SUBSCRIPTION",
+  SUBSCRIPTION_DRAFT: "SUBSCRIPTION_DRAFT",
+  HANDSET: "HANDSET",
+  "HANDSET-PREOWNED": "HANDSET-PREOWNED",
+  MODEM: "MODEM",
+  TABLET: "TABLET",
+  WEARABLE: "WEARABLE",
+  CONNECTED_DEVICE: "CONNECTED_DEVICE",
+  ACCESSORY: "ACCESSORY",
+  DELIVERY: "DELIVERY",
+  WEBDEAL: "WEBDEAL",
+  SIM: "SIM",
+  ESIM: "ESIM",
+  NEW_NUMBER: "NEW_NUMBER",
+  BREAKAGE_FEE: "BREAKAGE_FEE",
+  SWITCH_BREAKAGE_FEE: "SWITCH_BREAKAGE_FEE",
+  SWITCH_REMAINING_COST: "SWITCH_REMAINING_COST",
+  IN_SHOP_SERVICE: "IN_SHOP_SERVICE",
+  SPECIALPRODUCT: "SPECIALPRODUCT",
+  SERVICE: "SERVICE",
+  VOUCHER: "VOUCHER",
+  RESWITCH_PLACEHOLDER: "RESWITCH_PLACEHOLDER",
+  RESWITCH_EXISTING_HARDWARE: "RESWITCH_EXISTING_HARDWARE",
+  PREPAID_REFILL: "PREPAID_REFILL",
+  TRANSFER: "TRANSFER"
+};
+exports.CART_ITEM_TYPE = CART_ITEM_TYPE;

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

@@ -0,0 +1,193 @@
+export type CartType = 'SUBSCRIPTION' | 'SUBSCRIPTION_DRAFT' | 'HANDSET' | 'HANDSET-PREOWNED' | 'MODEM' | 'TABLET' | 'WEARABLE' | 'CONNECTED_DEVICE' | 'ACCESSORY' | 'DELIVERY' | 'WEBDEAL' | 'SIM' | 'ESIM' | 'NEW_NUMBER' | 'BREAKAGE_FEE' | 'SWITCH_BREAKAGE_FEE' | 'SWITCH_REMAINING_COST' | 'IN_SHOP_SERVICE' | 'SPECIALPRODUCT' | 'SERVICE' | 'VOUCHER' | 'RESWITCH_PLACEHOLDER' | 'RESWITCH_EXISTING_HARDWARE' | 'PREPAID_REFILL' | 'TRANSFER';
+export declare const CART_ITEM_TYPE: {
+    readonly SUBSCRIPTION: "SUBSCRIPTION";
+    readonly SUBSCRIPTION_DRAFT: "SUBSCRIPTION_DRAFT";
+    readonly HANDSET: "HANDSET";
+    readonly 'HANDSET-PREOWNED': "HANDSET-PREOWNED";
+    readonly MODEM: "MODEM";
+    readonly TABLET: "TABLET";
+    readonly WEARABLE: "WEARABLE";
+    readonly CONNECTED_DEVICE: "CONNECTED_DEVICE";
+    readonly ACCESSORY: "ACCESSORY";
+    readonly DELIVERY: "DELIVERY";
+    readonly WEBDEAL: "WEBDEAL";
+    readonly SIM: "SIM";
+    readonly ESIM: "ESIM";
+    readonly NEW_NUMBER: "NEW_NUMBER";
+    readonly BREAKAGE_FEE: "BREAKAGE_FEE";
+    readonly SWITCH_BREAKAGE_FEE: "SWITCH_BREAKAGE_FEE";
+    readonly SWITCH_REMAINING_COST: "SWITCH_REMAINING_COST";
+    readonly IN_SHOP_SERVICE: "IN_SHOP_SERVICE";
+    readonly SPECIALPRODUCT: "SPECIALPRODUCT";
+    readonly SERVICE: "SERVICE";
+    readonly VOUCHER: "VOUCHER";
+    readonly RESWITCH_PLACEHOLDER: "RESWITCH_PLACEHOLDER";
+    readonly RESWITCH_EXISTING_HARDWARE: "RESWITCH_EXISTING_HARDWARE";
+    readonly PREPAID_REFILL: "PREPAID_REFILL";
+    readonly TRANSFER: "TRANSFER";
+};
+export type BadgeVariant = 'attention' | 'special' | 'neutral' | 'information' | 'success' | 'warning' | 'error';
+export interface CartDiscountType {
+    id: 'commitment' | 'sameGroup' | 'hardcoded';
+    value: number;
+    text: string;
+    badgeVariant?: BadgeVariant;
+}
+interface CartSize {
+    amount: string;
+    unit: string;
+}
+interface CartFinancing {
+    type: string;
+    duration: string | number;
+    code: string;
+}
+interface CartSubscriptionPhoneNumberCheck {
+    type?: string;
+    isAllowedToProceed: boolean;
+}
+interface CartSubscriptionPhoneNumber {
+    selectedPhoneNumber: string;
+    check: CartSubscriptionPhoneNumberCheck;
+}
+interface CartSubscriptionProductUser {
+    firstName: string;
+    lastName: string;
+    birthDate: string;
+    street: string;
+    postcode: string;
+    city: string;
+    email: string;
+}
+interface CartSubscriptionReswitch {
+    ban: string;
+    imei: string;
+    phoneNumber: string;
+    ordererPhoneNumber: string;
+    missingExistingSwitchHandset: boolean;
+    initiatedBy: string;
+    handset?: unknown;
+    breakageFee?: unknown;
+    remainingCost?: number;
+    totalRemainingMonths?: number;
+    showSubscriptionListOnPdp: boolean;
+}
+interface CartSubscriptionExisting {
+    id: string;
+    name: string;
+    size: CartSize;
+    maxAgeAllowed: boolean;
+    isDataUnlimited: boolean;
+    price: CartSubscriptionPrice;
+}
+interface CartSubscriptionPriceMonthly {
+    amountSubscription: number;
+    amountBeforeDiscountSubscription: number | null;
+    infoHtmlSubscription: number | null;
+}
+interface CartSubscriptionPriceSpecial {
+    amountSubscription: number;
+}
+interface CartSubscriptionPrice {
+    monthly: CartSubscriptionPriceMonthly;
+    special?: CartSubscriptionPriceSpecial;
+}
+export interface CartSubscription {
+    type: CartType;
+    id: string;
+    code: string;
+    isLegal: boolean;
+    financing?: CartFinancing;
+    keepExistingSubscription?: boolean;
+    isPrepaidToPostpaid?: boolean;
+    isExistingPrepaidKBDSubscription?: boolean;
+    isDataUnlimited?: boolean;
+    phoneNumber: CartSubscriptionPhoneNumber;
+    reswitch?: CartSubscriptionReswitch | null;
+    existing?: CartSubscriptionExisting;
+    maxAgeAllowed?: number;
+    productUser: CartSubscriptionProductUser;
+    name: string;
+    size: CartSize;
+    price: CartSubscriptionPrice;
+}
+export interface CartSubscriptions {
+    [key: string]: CartSubscription;
+}
+interface CartItemQuantity {
+    modifiable?: boolean;
+    removable?: boolean;
+    value: number;
+}
+export interface CartItemPrice {
+    upfront?: number;
+    upfrontWithoutVAT?: number;
+    monthly?: number;
+    monthlyWithoutVAT?: number;
+    firstInvoice?: number;
+    originalSalesPrice?: number;
+    originalSalesPriceWithoutVAT?: number;
+}
+interface CartItemDiscountValue {
+    upfront?: number;
+    monthly?: number;
+}
+interface CartItemDiscount {
+    value: CartItemDiscountValue;
+    description?: string;
+    handsetDiscountText?: string;
+    types?: CartDiscountType[];
+    isManualDiscount?: boolean;
+    smartDiscountCode?: string;
+    isSmartDiscount?: boolean;
+    name?: string;
+}
+export interface CartItemImage {
+    url?: string;
+    icon?: string;
+}
+export interface CartItem {
+    type: CartType;
+    subtype?: string;
+    id: string;
+    code?: string;
+    bundleId?: string;
+    isLegal?: boolean;
+    name: string;
+    href?: string;
+    lineThrough?: string;
+    subtitle?: string | string[];
+    brand?: string;
+    brandSlug?: string;
+    model?: string;
+    modelSlug?: string;
+    modelSize?: string;
+    color?: string;
+    quantity: CartItemQuantity;
+    price: CartItemPrice;
+    discount?: CartItemDiscount;
+    image?: CartItemImage;
+    leaseMonths?: number | string | null;
+    isReSwitch?: boolean;
+    isWebDeal?: boolean;
+    items?: CartItem[];
+    onlyAvailableInShops?: boolean;
+}
+export interface CartDeliveryProgressBar {
+    min: number;
+    max: number;
+    progress: number;
+    text?: string;
+}
+export interface CartDelivery {
+    icon?: string;
+    label: string;
+    value: string | number;
+    progressBar?: CartDeliveryProgressBar;
+}
+export interface DisclaimerItem {
+    name: string;
+    total: number;
+    description?: string | string[];
+}
+export {};

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

@@ -0,0 +1,30 @@
+const CART_ITEM_TYPE = {
+  SUBSCRIPTION: "SUBSCRIPTION",
+  SUBSCRIPTION_DRAFT: "SUBSCRIPTION_DRAFT",
+  HANDSET: "HANDSET",
+  "HANDSET-PREOWNED": "HANDSET-PREOWNED",
+  MODEM: "MODEM",
+  TABLET: "TABLET",
+  WEARABLE: "WEARABLE",
+  CONNECTED_DEVICE: "CONNECTED_DEVICE",
+  ACCESSORY: "ACCESSORY",
+  DELIVERY: "DELIVERY",
+  WEBDEAL: "WEBDEAL",
+  SIM: "SIM",
+  ESIM: "ESIM",
+  NEW_NUMBER: "NEW_NUMBER",
+  BREAKAGE_FEE: "BREAKAGE_FEE",
+  SWITCH_BREAKAGE_FEE: "SWITCH_BREAKAGE_FEE",
+  SWITCH_REMAINING_COST: "SWITCH_REMAINING_COST",
+  IN_SHOP_SERVICE: "IN_SHOP_SERVICE",
+  SPECIALPRODUCT: "SPECIALPRODUCT",
+  SERVICE: "SERVICE",
+  VOUCHER: "VOUCHER",
+  RESWITCH_PLACEHOLDER: "RESWITCH_PLACEHOLDER",
+  RESWITCH_EXISTING_HARDWARE: "RESWITCH_EXISTING_HARDWARE",
+  PREPAID_REFILL: "PREPAID_REFILL",
+  TRANSFER: "TRANSFER"
+};
+export {
+  CART_ITEM_TYPE
+};

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

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const defaultFormatPrice = (price) => {
+  if (typeof price === "number") {
+    return price % 1 === 0 ? price + ",-" : price + " kr";
+  }
+  return price;
+};
+const getDiscountPrice = (price, quantity) => {
+  if (!price || Object.keys(price).length === 0) {
+    return null;
+  }
+  if (typeof price.monthly === "number") {
+    return price.monthly;
+  }
+  if (typeof price.upfront === "number") {
+    return price.upfront * quantity;
+  }
+  return null;
+};
+const getPrice = (formatPriceFn, price, discountValueUpfront, discountValueMonthly, quantity) => {
+  if (!price || Object.keys(price).length === 0) {
+    return null;
+  }
+  if (typeof price.monthly === "number") {
+    const discountedMonthly = price.monthly - discountValueMonthly;
+    return formatPriceFn(discountedMonthly > 0 ? discountedMonthly : 0);
+  }
+  if (typeof price.firstInvoice === "number") {
+    return formatPriceFn(price.firstInvoice * quantity);
+  }
+  if (typeof price.upfront === "number") {
+    const discountedUpfront = price.upfront - discountValueUpfront;
+    const totalUpfront = (discountedUpfront > 0 ? discountedUpfront : 0) * quantity;
+    return formatPriceFn(totalUpfront);
+  }
+  return null;
+};
+const getCartItemPriority = (item) => {
+  const cartItemTypes = {
+    WEBDEAL: 10,
+    HANDSET: 20,
+    TABLET: 30,
+    MODEM: 40,
+    WEARABLE: 50,
+    CONNECTED_DEVICE: 60,
+    SUBSCRIPTION: 70,
+    SUBSCRIPTION_DRAFT: 70,
+    SPECIALPRODUCT: 71,
+    SIM: 80,
+    NEW_NUMBER: 90,
+    SERVICE: 100,
+    ACCESSORY: 110,
+    VOUCHER: 130
+  };
+  return cartItemTypes[item.type] ?? 999;
+};
+const sortByType = (items) => [...items].sort((a, b) => getCartItemPriority(a) - getCartItemPriority(b));
+exports.defaultFormatPrice = defaultFormatPrice;
+exports.getDiscountPrice = getDiscountPrice;
+exports.getPrice = getPrice;
+exports.sortByType = sortByType;

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

@@ -0,0 +1,6 @@
+import { CartItem, CartItemPrice } from './types';
+
+export declare const defaultFormatPrice: (price: string | number) => string;
+export declare const getDiscountPrice: (price: CartItemPrice, quantity: number) => number | null;
+export declare const getPrice: (formatPriceFn: (price: string | number) => string, price: CartItemPrice, discountValueUpfront: number, discountValueMonthly: number, quantity: number) => string | null;
+export declare const sortByType: <T extends CartItem>(items: T[]) => T[];