@telia/teddy 0.7.37 → 0.7.39

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

@@ -0,0 +1,62 @@
+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));
+export {
+  defaultFormatPrice,
+  getDiscountPrice,
+  getPrice,
+  sortByType
+};

package/dist/components/textarea/textarea-group.cjs

@@ -7,19 +7,19 @@ require("../../assets/sprite.6511e521-teddy.svg");
 const components_icon_icon = require("../icon/icon.cjs");
 const components_spinner_spinner = require("../spinner/spinner.cjs");
 const utils_composeRefs = require("../../utils/composeRefs.cjs");
-const fadeInAnimation = "_fadeInAnimation_15psx_1";
-const scaleInAnimation = "_scaleInAnimation_15psx_1";
+const fadeInAnimation = "_fadeInAnimation_gun7l_1";
+const scaleInAnimation = "_scaleInAnimation_gun7l_1";
 const styles = {
-  "teddy-textarea__textarea": "_teddy-textarea__textarea_15psx_17",
-  "teddy-textarea": "_teddy-textarea_15psx_17",
-  "teddy-textarea__wrapper": "_teddy-textarea__wrapper_15psx_29",
-  "teddy-textarea__textarea--valid": "_teddy-textarea__textarea--valid_15psx_84",
-  "teddy-textarea__indicator": "_teddy-textarea__indicator_15psx_90",
-  "teddy-textarea__textarea--error": "_teddy-textarea__textarea--error_15psx_93",
-  "teddy-textarea__icon": "_teddy-textarea__icon_15psx_99",
+  "teddy-textarea__textarea": "_teddy-textarea__textarea_gun7l_17",
+  "teddy-textarea": "_teddy-textarea_gun7l_17",
+  "teddy-textarea__wrapper": "_teddy-textarea__wrapper_gun7l_31",
+  "teddy-textarea__textarea--valid": "_teddy-textarea__textarea--valid_gun7l_89",
+  "teddy-textarea__indicator": "_teddy-textarea__indicator_gun7l_95",
+  "teddy-textarea__textarea--error": "_teddy-textarea__textarea--error_gun7l_98",
+  "teddy-textarea__icon": "_teddy-textarea__icon_gun7l_104",
   fadeInAnimation,
   scaleInAnimation,
-  "teddy-textarea__clear-button": "_teddy-textarea__clear-button_15psx_119"
+  "teddy-textarea__clear-button": "_teddy-textarea__clear-button_gun7l_126"
 };
 const TextareaGroupContext = React.createContext(void 0);
 function setCursorOnTextarea(e) {
@@ -67,11 +67,11 @@ const Root = React.forwardRef(
 Root.displayName = "TextareaGroup";
 const TextareaIndicator = React.forwardRef(
   ({ className, isLoading, isValid, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
     if (!isValid && !isLoading) return null;
     if (!isValid && isLoading) {
-      return /* @__PURE__ */ jsxRuntime.jsx(components_spinner_spinner.Spinner, { className, size: "xs", ...props, ref: forwardRef });
+      return /* @__PURE__ */ jsxRuntime.jsx(components_spinner_spinner.Spinner, { className: classes, size: "xs", ...props, ref: forwardRef });
     }
-    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
     return /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { ...props, size: "md", name: "check-circle-filled", className: classes, ref: forwardRef });
   }
 );

package/dist/components/textarea/textarea-group.js

@@ -5,19 +5,19 @@ import "../../assets/sprite.6511e521-teddy.svg";
 import { Icon } from "../icon/icon.js";
 import { Spinner } from "../spinner/spinner.js";
 import { useComposedRefs } from "../../utils/composeRefs.js";
-const fadeInAnimation = "_fadeInAnimation_15psx_1";
-const scaleInAnimation = "_scaleInAnimation_15psx_1";
+const fadeInAnimation = "_fadeInAnimation_gun7l_1";
+const scaleInAnimation = "_scaleInAnimation_gun7l_1";
 const styles = {
-  "teddy-textarea__textarea": "_teddy-textarea__textarea_15psx_17",
-  "teddy-textarea": "_teddy-textarea_15psx_17",
-  "teddy-textarea__wrapper": "_teddy-textarea__wrapper_15psx_29",
-  "teddy-textarea__textarea--valid": "_teddy-textarea__textarea--valid_15psx_84",
-  "teddy-textarea__indicator": "_teddy-textarea__indicator_15psx_90",
-  "teddy-textarea__textarea--error": "_teddy-textarea__textarea--error_15psx_93",
-  "teddy-textarea__icon": "_teddy-textarea__icon_15psx_99",
+  "teddy-textarea__textarea": "_teddy-textarea__textarea_gun7l_17",
+  "teddy-textarea": "_teddy-textarea_gun7l_17",
+  "teddy-textarea__wrapper": "_teddy-textarea__wrapper_gun7l_31",
+  "teddy-textarea__textarea--valid": "_teddy-textarea__textarea--valid_gun7l_89",
+  "teddy-textarea__indicator": "_teddy-textarea__indicator_gun7l_95",
+  "teddy-textarea__textarea--error": "_teddy-textarea__textarea--error_gun7l_98",
+  "teddy-textarea__icon": "_teddy-textarea__icon_gun7l_104",
   fadeInAnimation,
   scaleInAnimation,
-  "teddy-textarea__clear-button": "_teddy-textarea__clear-button_15psx_119"
+  "teddy-textarea__clear-button": "_teddy-textarea__clear-button_gun7l_126"
 };
 const TextareaGroupContext = React__default.createContext(void 0);
 function setCursorOnTextarea(e) {
@@ -65,11 +65,11 @@ const Root = React__default.forwardRef(
 Root.displayName = "TextareaGroup";
 const TextareaIndicator = React__default.forwardRef(
   ({ className, isLoading, isValid, ...props }, forwardRef) => {
+    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
     if (!isValid && !isLoading) return null;
     if (!isValid && isLoading) {
-      return /* @__PURE__ */ jsx(Spinner, { className, size: "xs", ...props, ref: forwardRef });
+      return /* @__PURE__ */ jsx(Spinner, { className: classes, size: "xs", ...props, ref: forwardRef });
     }
-    const classes = clsx([styles[`${rootClassName}__indicator`]], className);
     return /* @__PURE__ */ jsx(Icon, { ...props, size: "md", name: "check-circle-filled", className: classes, ref: forwardRef });
   }
 );

package/dist/main.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const components_dashedButton_dashedButtonRoot = require("./components/dashed-button/dashed-button-root.cjs");
+const components_shoppingCart_index = require("./components/shopping-cart/index.cjs");
 const components_stepIndicator_index = require("./components/step-indicator/index.cjs");
 const components_metricMeter_metricMeter = require("./components/metric-meter/metric-meter.cjs");
 const components_footer_index = require("./components/footer/index.cjs");
@@ -72,10 +73,12 @@ const tokens_motion_variables = require("./tokens/motion/variables.cjs");
 const tokens_shadow_variables = require("./tokens/shadow/variables.cjs");
 const tokens_spacing_variables = require("./tokens/spacing/variables.cjs");
 const tokens_typography_variables = require("./tokens/typography/variables.cjs");
+const components_shoppingCart_types = require("./components/shopping-cart/types.cjs");
 const sonner = require("sonner");
 const components_input_inputGroup = require("./components/input/input-group.cjs");
 const components_textarea_textareaGroup = require("./components/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;
@@ -151,6 +154,7 @@ exports.motion = tokens_motion_variables.variables;
 exports.shadow = tokens_shadow_variables.variables;
 exports.spacing = tokens_spacing_variables.variables;
 exports.typography = tokens_typography_variables.variables;
+exports.CART_ITEM_TYPE = components_shoppingCart_types.CART_ITEM_TYPE;
 Object.defineProperty(exports, "toast", {
   enumerable: true,
   get: () => sonner.toast

package/dist/main.js

@@ -1,4 +1,5 @@
 import { DashedButton } from "./components/dashed-button/dashed-button-root.js";
+import { ShoppingCart } from "./components/shopping-cart/index.js";
 import { StepIndicator } from "./components/step-indicator/index.js";
 import { MetricMeter } from "./components/metric-meter/metric-meter.js";
 import { Footer } from "./components/footer/index.js";
@@ -70,6 +71,7 @@ import { v as v4 } from "./tokens/motion/variables.js";
 import { v as v5 } from "./tokens/shadow/variables.js";
 import { v as v6 } from "./tokens/spacing/variables.js";
 import { v as v7 } from "./tokens/typography/variables.js";
+import { CART_ITEM_TYPE } from "./components/shopping-cart/types.js";
 import { toast } from "sonner";
 import { I } from "./components/input/input-group.js";
 import { T } from "./components/textarea/textarea-group.js";
@@ -82,6 +84,7 @@ export {
   Box,
   Breadcrumbs,
   Button,
+  CART_ITEM_TYPE,
   Card,
   Carousel,
   ChannelButton,
@@ -127,6 +130,7 @@ export {
   Ribbon,
   ScrollArea,
   Select,
+  ShoppingCart,
   Skeleton,
   Slider,
   Spinner,

package/dist/shopping-cart.module-BCoLrcMI.cjs

@@ -0,0 +1,48 @@
+"use strict";
+const shoppingCart = "_shoppingCart_121r0_1";
+const section = "_section_121r0_8";
+const sectionBody = "_sectionBody_121r0_14";
+const sectionInner = "_sectionInner_121r0_22";
+const horizontalRule = "_horizontalRule_121r0_26";
+const heading = "_heading_121r0_43";
+const continueContainer = "_continueContainer_121r0_47";
+const deliveryContainer = "_deliveryContainer_121r0_63";
+const deliveryProgressbar = "_deliveryProgressbar_121r0_69";
+const deliveryProgressbarText = "_deliveryProgressbarText_121r0_77";
+const deliveryLeft = "_deliveryLeft_121r0_81";
+const labelMedium = "_labelMedium_121r0_87";
+const deliveryIcon = "_deliveryIcon_121r0_93";
+const priceUpfrontContainer = "_priceUpfrontContainer_121r0_99";
+const priceMonthlyDetailsTotal = "_priceMonthlyDetailsTotal_121r0_107";
+const priceRow = "_priceRow_121r0_111";
+const tooltipContent = "_tooltipContent_121r0_133";
+const priceMonthlyContainer = "_priceMonthlyContainer_121r0_142";
+const priceMonthlyDetails = "_priceMonthlyDetails_121r0_107";
+const flexRow = "_flexRow_121r0_150";
+const tooltipTrigger = "_tooltipTrigger_121r0_155";
+const progressBarWrapper = "_progressBarWrapper_121r0_163";
+const styles = {
+  shoppingCart,
+  section,
+  sectionBody,
+  sectionInner,
+  horizontalRule,
+  heading,
+  continueContainer,
+  deliveryContainer,
+  deliveryProgressbar,
+  deliveryProgressbarText,
+  deliveryLeft,
+  labelMedium,
+  deliveryIcon,
+  priceUpfrontContainer,
+  priceMonthlyDetailsTotal,
+  priceRow,
+  tooltipContent,
+  priceMonthlyContainer,
+  priceMonthlyDetails,
+  flexRow,
+  tooltipTrigger,
+  progressBarWrapper
+};
+exports.styles = styles;

package/dist/shopping-cart.module-DA25l2hr.js

@@ -0,0 +1,49 @@
+const shoppingCart = "_shoppingCart_121r0_1";
+const section = "_section_121r0_8";
+const sectionBody = "_sectionBody_121r0_14";
+const sectionInner = "_sectionInner_121r0_22";
+const horizontalRule = "_horizontalRule_121r0_26";
+const heading = "_heading_121r0_43";
+const continueContainer = "_continueContainer_121r0_47";
+const deliveryContainer = "_deliveryContainer_121r0_63";
+const deliveryProgressbar = "_deliveryProgressbar_121r0_69";
+const deliveryProgressbarText = "_deliveryProgressbarText_121r0_77";
+const deliveryLeft = "_deliveryLeft_121r0_81";
+const labelMedium = "_labelMedium_121r0_87";
+const deliveryIcon = "_deliveryIcon_121r0_93";
+const priceUpfrontContainer = "_priceUpfrontContainer_121r0_99";
+const priceMonthlyDetailsTotal = "_priceMonthlyDetailsTotal_121r0_107";
+const priceRow = "_priceRow_121r0_111";
+const tooltipContent = "_tooltipContent_121r0_133";
+const priceMonthlyContainer = "_priceMonthlyContainer_121r0_142";
+const priceMonthlyDetails = "_priceMonthlyDetails_121r0_107";
+const flexRow = "_flexRow_121r0_150";
+const tooltipTrigger = "_tooltipTrigger_121r0_155";
+const progressBarWrapper = "_progressBarWrapper_121r0_163";
+const styles = {
+  shoppingCart,
+  section,
+  sectionBody,
+  sectionInner,
+  horizontalRule,
+  heading,
+  continueContainer,
+  deliveryContainer,
+  deliveryProgressbar,
+  deliveryProgressbarText,
+  deliveryLeft,
+  labelMedium,
+  deliveryIcon,
+  priceUpfrontContainer,
+  priceMonthlyDetailsTotal,
+  priceRow,
+  tooltipContent,
+  priceMonthlyContainer,
+  priceMonthlyDetails,
+  flexRow,
+  tooltipTrigger,
+  progressBarWrapper
+};
+export {
+  styles as s
+};