@mobielnl/elements 0.12.26 → 0.13.0

package/dist/index.d.ts

@@ -1453,7 +1453,7 @@ declare type ProductHeaderClassNames = {
     };
     /** Stock status indicator – see ProductStockStatus */
     productStockStatus?: NonNullable<MainImageClassNames['phoneImage']>['stockIndicator'];
-    /** Wrapper container for the proposition header and promotion list */
+    /** Wrapper container for the proposition header and promotion list and more bundle info link */
     propositionHeaderPromotionListWrapper?: string;
     /** Proposition header class styling slots */
     propositionHeader?: PropositionHeaderClassNames;
@@ -1461,6 +1461,8 @@ declare type ProductHeaderClassNames = {
     carousel?: CarouselClassNames;
     /** PromotionList class styling slots (special promotions in header) - see type `PromotionListClassNames` */
     promotionList?: PromotionListClassNames;
+    /** More bundle info link class styling slots */
+    moreBundleInfoLink?: string;
 };
 
 export declare function ProductResults({ classNames, initialSelectedFilters, initialProfile, onProfileChange, onError, onAction, ...props }: ProductResultsProps): JSX.Element;
@@ -1856,8 +1858,6 @@ export declare type PropositionSelectorClassNames = {
     /** Alert class styling slots - see type `AlertClassNames`
      * @note only visible for fixed propositions with the same fixed provider in profile */
     sameFixedProviderAlert?: AlertClassNames;
-    /** HandsetCreditSelector component class styling slots - see type `HandsetCreditSelectorClassNames` */
-    handsetCreditSelector?: HandsetCreditSelectorClassNames;
     /** ProductHeader class styling slots - see type `ProductHeaderClassNames` */
     productHeader?: ProductHeaderClassNames;
     /** StickySummary component class styling slots - see type `StickySummaryClassNames` */
@@ -1866,23 +1866,6 @@ export declare type PropositionSelectorClassNames = {
     costOverview?: CostOverviewClassNames;
     /** PromotionList component class styling slots (benefits section) - see type `PromotionListClassNames` */
     promotionList?: PromotionListClassNames;
-    /** PropositionSpecifications class styling slots (bundle info section) */
-    propositionSpecifications?: {
-        /** Base container for the bundle info section */
-        base?: string;
-        /** Title for the bundle info section */
-        title?: string;
-        /** Link for the bundle info section */
-        link?: string;
-        /** Wrapper container for the specifications */
-        wrapper?: string;
-        /** Specification item */
-        item?: string;
-        /** Specification icon */
-        icon?: string;
-    };
-    /** VersionSelect component class styling slots (smartphone product version selector) - see type `VersionSelectClassNames` */
-    versionSelect?: VersionSelectClassNames;
     /** Extra costs section root container class */
     extraCosts?: string;
     /** Sidebar card containing the cost overview, CTA button and extra costs */
@@ -1908,10 +1891,28 @@ export declare type PropositionSelectorClassNames = {
     };
     /** BundleSelector component class styling slots - see type `BundleSelectorClassNames` */
     bundleSelector?: BundleSelectorClassNames;
+    /** VersionSelect component class styling slots (smartphone product version selector) - see type `VersionSelectClassNames`
+     * @note only visible for smartphone propositions */
+    versionSelect?: VersionSelectClassNames & {
+        /** Section class styling slots - see type `SectionClassNames` */
+        section?: SectionClassNames_2;
+    };
     /** Retention section class styling slots - see type `SectionClassNames` */
-    retentionSelector?: SectionClassNames_2;
+    retentionSelector?: SectionClassNames_2 & {
+        /** Radio group class styling slots - see type `RadioGroupClassNames` */
+        radioGroup?: RadioGroupClassNames;
+    };
     /** Modification section class styling slots - see type `SectionClassNames` */
-    modificationSelector?: SectionClassNames_2;
+    modificationSelector?: SectionClassNames_2 & {
+        /** Radio group class styling slots - see type `RadioGroupClassNames` */
+        radioGroup?: RadioGroupClassNames;
+    };
+    /** HandsetCreditSelector component class styling slots - see type `HandsetCreditSelectorClassNames`
+     * @note only visible for smartphone propositions with handset credits */
+    handsetCreditSelector?: HandsetCreditSelectorClassNames & {
+        /** Section class styling slots - see type `SectionClassNames` */
+        section?: SectionClassNames_2;
+    };
     /** BundleModal component class styling slots - see type `BundleModalClassNames` */
     bundleModal?: BundleModalClassNames;
     /** Profile buttons component class styling slots - see type `SelectorClassNames` */
@@ -1941,8 +1942,9 @@ export declare type PropositionSelectorProps = {
     /** Initial user profile */
     initialProfile?: Partial<Profile>;
     /** Target for the click-out URL on mobiel.nl
-     * @default 'cart' */
-    clickOutTarget?: 'cart' | 'checkout';
+     * @default "cart"
+     * @note `"upsell"`: only smartphone propositions have upsell options, other propositions will redirect to the cart */
+    clickOutTarget?: 'cart' | 'upsell' | 'checkout';
     /** Custom ReactNode content below the CTA card component
      *
      * @note Desktop: Content will be displayed below the CTA card component in the sidebar/second column
@@ -2799,7 +2801,6 @@ export declare type Translations = {
         sameFixedProviderDescription: string;
         productVersionTitle: string;
         benefitsTitle: string;
-        bundleSelectorTitle: string;
         moreBundleInfo: string;
         totalCostsOverviewTitle: string;
         cta: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobielnl/elements",
-  "version": "0.12.26",
+  "version": "0.13.0",
   "description": "Mobiel.nl Elements - React component library for partner websites",
   "private": false,
   "type": "module",
@@ -86,12 +86,14 @@
     "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react-swc": "^4.0.0",
+    "@vitest/coverage-v8": "4.1.10",
     "chromatic": "^13.3.5",
     "cross-env": "^7.0.3",
     "dotenv": "^17.4.2",
     "globals": "^16.3.0",
     "graphql": "^16.11.0",
     "graphql-request": "^7.2.0",
+    "happy-dom": "^20.10.6",
     "i18next": "^25.7.3",
     "js-cookie": "^3.0.7",
     "lodash": "^4.18.1",
@@ -110,7 +112,7 @@
     "typescript": "~5.8.3",
     "vite": "7.3.5",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "^4.1.8",
+    "vitest": "4.1.10",
     "zod": "^4.1.12"
   },
   "msw": {