@telia/teddy 0.7.38 → 0.7.39

package/dist/components/checkbox-card-group/checkbox-card-group-content.cjs

@@ -5,6 +5,7 @@ require("clsx");
 require("react");
 require("./checkbox-card-group-root.cjs");
 require("../dashed-button/dashed-button-root.cjs");
+require("../shopping-cart/index.cjs");
 require("../step-indicator/index.cjs");
 require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");

package/dist/components/checkbox-card-group/checkbox-card-group-content.js

@@ -3,6 +3,7 @@ import "clsx";
 import "react";
 import "./checkbox-card-group-root.js";
 import "../dashed-button/dashed-button-root.js";
+import "../shopping-cart/index.js";
 import "../step-indicator/index.js";
 import "../metric-meter/metric-meter.js";
 import "../footer/index.js";

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.cjs

@@ -13,6 +13,7 @@ const reactUseControllableState = require("@radix-ui/react-use-controllable-stat
 const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
 const tokens_motion_variables = require("../../tokens/motion/variables.cjs");
 require("../dashed-button/dashed-button-root.cjs");
+require("../shopping-cart/index.cjs");
 require("../step-indicator/index.cjs");
 require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");

package/dist/components/checkbox-card-group/checkbox-card-group-indicator.js

@@ -11,6 +11,7 @@ import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { mergeStyles } from "../../utils/generate-styling/index.js";
 import { teddyMotionDuration300 } from "../../tokens/motion/variables.js";
 import "../dashed-button/dashed-button-root.js";
+import "../shopping-cart/index.js";
 import "../step-indicator/index.js";
 import "../metric-meter/metric-meter.js";
 import "../footer/index.js";

package/dist/components/checkbox-card-group/checkbox-card-group-item-title.cjs

@@ -6,6 +6,7 @@ require("react");
 require("./checkbox-card-group-root.cjs");
 require("@radix-ui/react-slot");
 require("../dashed-button/dashed-button-root.cjs");
+require("../shopping-cart/index.cjs");
 require("../step-indicator/index.cjs");
 require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");

package/dist/components/checkbox-card-group/checkbox-card-group-item-title.js

@@ -4,6 +4,7 @@ import "react";
 import "./checkbox-card-group-root.js";
 import "@radix-ui/react-slot";
 import "../dashed-button/dashed-button-root.js";
+import "../shopping-cart/index.js";
 import "../step-indicator/index.js";
 import "../metric-meter/metric-meter.js";
 import "../footer/index.js";

package/dist/components/checkbox-card-group/checkbox-card-group-item.cjs

@@ -5,6 +5,7 @@ require("clsx");
 require("react");
 require("./checkbox-card-group-root.cjs");
 require("../dashed-button/dashed-button-root.cjs");
+require("../shopping-cart/index.cjs");
 require("../step-indicator/index.cjs");
 require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");

package/dist/components/checkbox-card-group/checkbox-card-group-item.js

@@ -3,6 +3,7 @@ import "clsx";
 import "react";
 import "./checkbox-card-group-root.js";
 import "../dashed-button/dashed-button-root.js";
+import "../shopping-cart/index.js";
 import "../step-indicator/index.js";
 import "../metric-meter/metric-meter.js";
 import "../footer/index.js";

package/dist/components/index.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const components_dashedButton_dashedButtonRoot = require("./dashed-button/dashed-button-root.cjs");
+const components_shoppingCart_index = require("./shopping-cart/index.cjs");
 const components_stepIndicator_index = require("./step-indicator/index.cjs");
 const components_metricMeter_metricMeter = require("./metric-meter/metric-meter.cjs");
 const components_footer_index = require("./footer/index.cjs");
@@ -65,10 +66,12 @@ const components_slider_slider = require("./slider/slider.cjs");
 const components_circleBar_circleBar = require("./circle-bar/circle-bar.cjs");
 const components_textarea_index = require("./textarea/index.cjs");
 const components_video_video = require("./video/video.cjs");
+const components_shoppingCart_types = require("./shopping-cart/types.cjs");
 const sonner = require("sonner");
 const components_input_inputGroup = require("./input/input-group.cjs");
 const components_textarea_textareaGroup = require("./textarea/textarea-group.cjs");
 exports.DashedButton = components_dashedButton_dashedButtonRoot.DashedButton;
+exports.ShoppingCart = components_shoppingCart_index.ShoppingCart;
 exports.StepIndicator = components_stepIndicator_index.StepIndicator;
 exports.MetricMeter = components_metricMeter_metricMeter.MetricMeter;
 exports.Footer = components_footer_index.Footer;
@@ -137,6 +140,7 @@ exports.Slider = components_slider_slider.Slider;
 exports.CircleBar = components_circleBar_circleBar.CircleBar;
 exports.TextareaGroup = components_textarea_index.TextareaGroup;
 exports.Video = components_video_video;
+exports.CART_ITEM_TYPE = components_shoppingCart_types.CART_ITEM_TYPE;
 Object.defineProperty(exports, "toast", {
   enumerable: true,
   get: () => sonner.toast

package/dist/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './dashed-button';
+export * from './shopping-cart';
 export * from './step-indicator';
 export * from './metric-meter';
 export * from './footer';

package/dist/components/index.js

@@ -1,4 +1,5 @@
 import { DashedButton } from "./dashed-button/dashed-button-root.js";
+import { ShoppingCart } from "./shopping-cart/index.js";
 import { StepIndicator } from "./step-indicator/index.js";
 import { MetricMeter } from "./metric-meter/metric-meter.js";
 import { Footer } from "./footer/index.js";
@@ -63,6 +64,7 @@ import { Slider } from "./slider/slider.js";
 import { CircleBar } from "./circle-bar/circle-bar.js";
 import { TextareaGroup } from "./textarea/index.js";
 import { default as default3 } from "./video/video.js";
+import { CART_ITEM_TYPE } from "./shopping-cart/types.js";
 import { toast } from "sonner";
 import { I } from "./input/input-group.js";
 import { T } from "./textarea/textarea-group.js";
@@ -75,6 +77,7 @@ export {
   Box,
   Breadcrumbs,
   Button,
+  CART_ITEM_TYPE,
   Card,
   Carousel,
   ChannelButton,
@@ -120,6 +123,7 @@ export {
   Ribbon,
   ScrollArea,
   Select,
+  ShoppingCart,
   Skeleton,
   Slider,
   Spinner,

package/dist/components/modal/modal-close.cjs

@@ -4,6 +4,7 @@ require("react/jsx-runtime");
 require("react");
 require("@radix-ui/react-dialog");
 require("../dashed-button/dashed-button-root.cjs");
+require("../shopping-cart/index.cjs");
 require("../step-indicator/index.cjs");
 require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");

package/dist/components/modal/modal-close.js

@@ -2,6 +2,7 @@ import "react/jsx-runtime";
 import "react";
 import "@radix-ui/react-dialog";
 import "../dashed-button/dashed-button-root.js";
+import "../shopping-cart/index.js";
 import "../step-indicator/index.js";
 import "../metric-meter/metric-meter.js";
 import "../footer/index.js";

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

@@ -13,6 +13,7 @@ require("@radix-ui/react-use-controllable-state");
 require("../../utils/generate-styling/index.cjs");
 require("../../tokens/motion/variables.cjs");
 require("../dashed-button/dashed-button-root.cjs");
+require("../shopping-cart/index.cjs");
 require("../step-indicator/index.cjs");
 require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");

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

@@ -11,6 +11,7 @@ import "@radix-ui/react-use-controllable-state";
 import "../../utils/generate-styling/index.js";
 import "../../tokens/motion/variables.js";
 import "../dashed-button/dashed-button-root.js";
+import "../shopping-cart/index.js";
 import "../step-indicator/index.js";
 import "../metric-meter/metric-meter.js";
 import "../footer/index.js";

package/dist/components/radio-card-group/radio-card-group-content.cjs

@@ -5,6 +5,7 @@ require("clsx");
 require("react");
 require("./radio-card-group-root.cjs");
 require("../dashed-button/dashed-button-root.cjs");
+require("../shopping-cart/index.cjs");
 require("../step-indicator/index.cjs");
 require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");

package/dist/components/radio-card-group/radio-card-group-content.js

@@ -3,6 +3,7 @@ import "clsx";
 import "react";
 import "./radio-card-group-root.js";
 import "../dashed-button/dashed-button-root.js";
+import "../shopping-cart/index.js";
 import "../step-indicator/index.js";
 import "../metric-meter/metric-meter.js";
 import "../footer/index.js";

package/dist/components/radio-card-group/radio-card-group-item-title.cjs

@@ -6,6 +6,7 @@ require("react");
 require("./radio-card-group-root.cjs");
 require("@radix-ui/react-slot");
 require("../dashed-button/dashed-button-root.cjs");
+require("../shopping-cart/index.cjs");
 require("../step-indicator/index.cjs");
 require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");

package/dist/components/radio-card-group/radio-card-group-item-title.js

@@ -4,6 +4,7 @@ import "react";
 import "./radio-card-group-root.js";
 import "@radix-ui/react-slot";
 import "../dashed-button/dashed-button-root.js";
+import "../shopping-cart/index.js";
 import "../step-indicator/index.js";
 import "../metric-meter/metric-meter.js";
 import "../footer/index.js";

package/dist/components/radio-card-group/radio-card-group-item.cjs

@@ -6,6 +6,7 @@ require("react");
 require("./radio-card-group-root.cjs");
 require("@radix-ui/react-radio-group");
 require("../dashed-button/dashed-button-root.cjs");
+require("../shopping-cart/index.cjs");
 require("../step-indicator/index.cjs");
 require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");

package/dist/components/radio-card-group/radio-card-group-item.js

@@ -4,6 +4,7 @@ import "react";
 import "./radio-card-group-root.js";
 import "@radix-ui/react-radio-group";
 import "../dashed-button/dashed-button-root.js";
+import "../shopping-cart/index.js";
 import "../step-indicator/index.js";
 import "../metric-meter/metric-meter.js";
 import "../footer/index.js";

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_shoppingCart_shoppingCartRoot = require("./shopping-cart-root.cjs");
+const components_shoppingCart_shoppingCartItems = require("./shopping-cart-items.cjs");
+const components_shoppingCart_shoppingCartPayment = require("./shopping-cart-payment.cjs");
+const components_shoppingCart_shoppingCartDisclaimer = require("./shopping-cart-disclaimer.cjs");
+const components_shoppingCart_shoppingCartContinue = require("./shopping-cart-continue.cjs");
+const components_shoppingCart_types = require("./types.cjs");
+components_shoppingCart_shoppingCartRoot.Root.displayName = "ShoppingCart";
+components_shoppingCart_shoppingCartItems.Items.displayName = "ShoppingCart.Items";
+components_shoppingCart_shoppingCartPayment.Payment.displayName = "ShoppingCart.Payment";
+components_shoppingCart_shoppingCartDisclaimer.Disclaimer.displayName = "ShoppingCart.Disclaimer";
+components_shoppingCart_shoppingCartContinue.Continue.displayName = "ShoppingCart.Continue";
+const ShoppingCart = Object.assign(components_shoppingCart_shoppingCartRoot.Root, {
+  Items: components_shoppingCart_shoppingCartItems.Items,
+  Payment: components_shoppingCart_shoppingCartPayment.Payment,
+  Disclaimer: components_shoppingCart_shoppingCartDisclaimer.Disclaimer,
+  Continue: components_shoppingCart_shoppingCartContinue.Continue
+});
+exports.CART_ITEM_TYPE = components_shoppingCart_types.CART_ITEM_TYPE;
+exports.ShoppingCart = ShoppingCart;

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

@@ -0,0 +1,42 @@
+import { RootProps } from './shopping-cart-root';
+import { ItemsProps } from './shopping-cart-items';
+import { PaymentProps } from './shopping-cart-payment';
+import { DisclaimerProps } from './shopping-cart-disclaimer';
+import { ContinueProps } from './shopping-cart-continue';
+
+export declare const ShoppingCart: {
+    ({ heading, children, formatPrice, hasPaid, isAllowedToDelete }: RootProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Items: {
+        ({ cartItems, onChangeQuantity, onRemoveItem }: ItemsProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Payment: {
+        ({ delivery, totalPriceUpfront, totalPriceMonthly, totalPriceFirstInvoice, paymentTooltip, monthlyPriceDetails, totalVAT, totalPriceWithoutVAT, }: PaymentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Disclaimer: {
+        ({ disclaimer, onOpenDisclaimer }: DisclaimerProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Continue: {
+        ({ children }: ContinueProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export type ShoppingCartProps = {
+    Root: RootProps;
+    Items: ItemsProps;
+    Payment: PaymentProps;
+    Disclaimer: DisclaimerProps;
+    Continue: ContinueProps;
+};
+export type { CartType, CartItem, CartItemPrice, CartItemImage, CartDelivery, CartDeliveryProgressBar, CartSubscription, CartSubscriptions, CartDiscountType, BadgeVariant, DisclaimerItem, } from './types';
+export { CART_ITEM_TYPE } from './types';
+export type { RootProps as ShoppingCartRootProps } from './shopping-cart-root';
+export type { ItemsProps as ShoppingCartItemsProps } from './shopping-cart-items';
+export type { PaymentProps as ShoppingCartPaymentProps } from './shopping-cart-payment';
+export type { DisclaimerProps as ShoppingCartDisclaimerProps } from './shopping-cart-disclaimer';
+export type { ContinueProps as ShoppingCartContinueProps } from './shopping-cart-continue';
+export type { ItemProps as ShoppingCartItemProps } from './shopping-cart-item';

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

@@ -0,0 +1,21 @@
+import { Root } from "./shopping-cart-root.js";
+import { Items } from "./shopping-cart-items.js";
+import { Payment } from "./shopping-cart-payment.js";
+import { Disclaimer } from "./shopping-cart-disclaimer.js";
+import { Continue } from "./shopping-cart-continue.js";
+import { CART_ITEM_TYPE } from "./types.js";
+Root.displayName = "ShoppingCart";
+Items.displayName = "ShoppingCart.Items";
+Payment.displayName = "ShoppingCart.Payment";
+Disclaimer.displayName = "ShoppingCart.Disclaimer";
+Continue.displayName = "ShoppingCart.Continue";
+const ShoppingCart = Object.assign(Root, {
+  Items,
+  Payment,
+  Disclaimer,
+  Continue
+});
+export {
+  CART_ITEM_TYPE,
+  ShoppingCart
+};

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const components_shoppingCart_utils = require("./utils.cjs");
+const ShoppingCartContext = React.createContext({
+  formatPrice: components_shoppingCart_utils.defaultFormatPrice,
+  hasPaid: false,
+  isAllowedToDelete: true
+});
+const ShoppingCartProvider = ShoppingCartContext.Provider;
+const useShoppingCart = () => React.useContext(ShoppingCartContext);
+exports.ShoppingCartProvider = ShoppingCartProvider;
+exports.useShoppingCart = useShoppingCart;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ShoppingCartContextValue {
+    formatPrice: (price: string | number) => string;
+    hasPaid?: boolean;
+    isAllowedToDelete?: boolean;
+}
+export declare const ShoppingCartProvider: import('react').Provider<ShoppingCartContextValue>;
+export declare const useShoppingCart: () => ShoppingCartContextValue;

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

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+import { defaultFormatPrice } from "./utils.js";
+const ShoppingCartContext = createContext({
+  formatPrice: defaultFormatPrice,
+  hasPaid: false,
+  isAllowedToDelete: true
+});
+const ShoppingCartProvider = ShoppingCartContext.Provider;
+const useShoppingCart = () => useContext(ShoppingCartContext);
+export {
+  ShoppingCartProvider,
+  useShoppingCart
+};

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

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const shoppingCart_module = require("../../shopping-cart.module-BCoLrcMI.cjs");
+const Continue = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("section", { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${shoppingCart_module.styles.sectionInner} ${shoppingCart_module.styles.continueContainer}`, children }) });
+};
+Continue.displayName = "Continue";
+exports.Continue = Continue;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface ContinueProps {
+    children: React.ReactNode;
+}
+export declare const Continue: {
+    ({ children }: ContinueProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import { s as styles } from "../../shopping-cart.module-DA25l2hr.js";
+const Continue = ({ children }) => {
+  return /* @__PURE__ */ jsx("section", { children: /* @__PURE__ */ jsx("div", { className: `${styles.sectionInner} ${styles.continueContainer}`, children }) });
+};
+Continue.displayName = "Continue";
+export {
+  Continue
+};

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

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+require("../../assets/sprite.6511e521-teddy.svg");
+const components_icon_icon = require("../icon/icon.cjs");
+const components_collapsible_index = require("../collapsible/index.cjs");
+const singleDisclaimer = "_singleDisclaimer_1es5l_1";
+const disclaimer = "_disclaimer_1es5l_6";
+const disclaimerHeader = "_disclaimerHeader_1es5l_12";
+const disclaimerHeaderLeft = "_disclaimerHeaderLeft_1es5l_17";
+const disclaimerIcon = "_disclaimerIcon_1es5l_25";
+const disclaimerItem = "_disclaimerItem_1es5l_30";
+const disclaimerItemTotal = "_disclaimerItemTotal_1es5l_38";
+const disclaimerItemSubtitle = "_disclaimerItemSubtitle_1es5l_42";
+const disclaimerTotal = "_disclaimerTotal_1es5l_47";
+const styles = {
+  singleDisclaimer,
+  disclaimer,
+  disclaimerHeader,
+  disclaimerHeaderLeft,
+  disclaimerIcon,
+  disclaimerItem,
+  disclaimerItemTotal,
+  disclaimerItemSubtitle,
+  disclaimerTotal
+};
+const Disclaimer = ({ disclaimer: disclaimer2, onOpenDisclaimer }) => {
+  const [isExpanded, setIsExpanded] = React.useState(false);
+  if (typeof disclaimer2 === "string") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.singleDisclaimer, children: disclaimer2 });
+  }
+  const minimumTotalPrice = disclaimer2.reduce((acc, cur) => acc + cur.total, 0);
+  const handleOpenChange = (open) => {
+    setIsExpanded(open);
+    if (open && onOpenDisclaimer) {
+      onOpenDisclaimer();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_collapsible_index.Collapsible, { open: isExpanded, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components_collapsible_index.Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.disclaimer, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.disclaimerHeader, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.disclaimerHeaderLeft, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: isExpanded ? "chevron-up" : "chevron-down", className: styles.disclaimerIcon }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Minste totalpris" })
+      ] }),
+      !isExpanded && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        minimumTotalPrice,
+        ",-"
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(components_collapsible_index.Collapsible.Content, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      disclaimer2.map((disclaimerItem2) => {
+        const descriptionsArray = typeof disclaimerItem2.description === "string" ? [disclaimerItem2.description] : disclaimerItem2.description;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.disclaimerItem, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { children: disclaimerItem2.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.disclaimerItemTotal, children: [
+            disclaimerItem2.total,
+            ",-"
+          ] }),
+          descriptionsArray == null ? void 0 : descriptionsArray.map((description) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles.disclaimerItemSubtitle, children: description }, description))
+        ] }, disclaimerItem2.name);
+      }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles.disclaimerItem} ${styles.disclaimerTotal}`, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { children: "Minste totalpris" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles.disclaimerItemTotal, children: [
+          minimumTotalPrice,
+          ",-"
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+Disclaimer.displayName = "Disclaimer";
+exports.Disclaimer = Disclaimer;

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

@@ -0,0 +1,10 @@
+import { DisclaimerItem } from './types';
+
+export interface DisclaimerProps {
+    disclaimer: string | DisclaimerItem[];
+    onOpenDisclaimer?: () => void;
+}
+export declare const Disclaimer: {
+    ({ disclaimer, onOpenDisclaimer }: DisclaimerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import "../../assets/sprite.6511e521-teddy.svg";
+import { Icon } from "../icon/icon.js";
+import { Collapsible } from "../collapsible/index.js";
+const singleDisclaimer = "_singleDisclaimer_1es5l_1";
+const disclaimer = "_disclaimer_1es5l_6";
+const disclaimerHeader = "_disclaimerHeader_1es5l_12";
+const disclaimerHeaderLeft = "_disclaimerHeaderLeft_1es5l_17";
+const disclaimerIcon = "_disclaimerIcon_1es5l_25";
+const disclaimerItem = "_disclaimerItem_1es5l_30";
+const disclaimerItemTotal = "_disclaimerItemTotal_1es5l_38";
+const disclaimerItemSubtitle = "_disclaimerItemSubtitle_1es5l_42";
+const disclaimerTotal = "_disclaimerTotal_1es5l_47";
+const styles = {
+  singleDisclaimer,
+  disclaimer,
+  disclaimerHeader,
+  disclaimerHeaderLeft,
+  disclaimerIcon,
+  disclaimerItem,
+  disclaimerItemTotal,
+  disclaimerItemSubtitle,
+  disclaimerTotal
+};
+const Disclaimer = ({ disclaimer: disclaimer2, onOpenDisclaimer }) => {
+  const [isExpanded, setIsExpanded] = useState(false);
+  if (typeof disclaimer2 === "string") {
+    return /* @__PURE__ */ jsx("div", { className: styles.singleDisclaimer, children: disclaimer2 });
+  }
+  const minimumTotalPrice = disclaimer2.reduce((acc, cur) => acc + cur.total, 0);
+  const handleOpenChange = (open) => {
+    setIsExpanded(open);
+    if (open && onOpenDisclaimer) {
+      onOpenDisclaimer();
+    }
+  };
+  return /* @__PURE__ */ jsxs(Collapsible, { open: isExpanded, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsx(Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: styles.disclaimer, children: /* @__PURE__ */ jsxs("div", { className: styles.disclaimerHeader, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.disclaimerHeaderLeft, children: [
+        /* @__PURE__ */ jsx(Icon, { name: isExpanded ? "chevron-up" : "chevron-down", className: styles.disclaimerIcon }),
+        /* @__PURE__ */ jsx("span", { children: "Minste totalpris" })
+      ] }),
+      !isExpanded && /* @__PURE__ */ jsxs("span", { children: [
+        minimumTotalPrice,
+        ",-"
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(Collapsible.Content, { children: /* @__PURE__ */ jsxs("div", { children: [
+      disclaimer2.map((disclaimerItem2) => {
+        const descriptionsArray = typeof disclaimerItem2.description === "string" ? [disclaimerItem2.description] : disclaimerItem2.description;
+        return /* @__PURE__ */ jsxs("div", { className: styles.disclaimerItem, children: [
+          /* @__PURE__ */ jsx("div", { children: disclaimerItem2.name }),
+          /* @__PURE__ */ jsxs("div", { className: styles.disclaimerItemTotal, children: [
+            disclaimerItem2.total,
+            ",-"
+          ] }),
+          descriptionsArray == null ? void 0 : descriptionsArray.map((description) => /* @__PURE__ */ jsx("div", { className: styles.disclaimerItemSubtitle, children: description }, description))
+        ] }, disclaimerItem2.name);
+      }),
+      /* @__PURE__ */ jsxs("div", { className: `${styles.disclaimerItem} ${styles.disclaimerTotal}`, children: [
+        /* @__PURE__ */ jsx("div", { children: "Minste totalpris" }),
+        /* @__PURE__ */ jsxs("div", { className: styles.disclaimerItemTotal, children: [
+          minimumTotalPrice,
+          ",-"
+        ] })
+      ] })
+    ] }) })
+  ] });
+};
+Disclaimer.displayName = "Disclaimer";
+export {
+  Disclaimer
+};