@mobielnl/elements 0.12.25 → 0.12.26

package/dist/{index-CSAejUDF.js → index-YciEToXc.js}

@@ -1,5 +1,5 @@
 "use client";
-import { n as ne, i as Ot, a as z, m as ie, r as $e, h as je, b as Ft, w as se, c as Te, d as Ce, e as qe, f as de, g as De, t as L, j as Rt, k as H, l as E, o as $, p as Kt, s as R, v as Lt, M as j, W as ze, q as xe, N as Et, u as Bt, x as Gt, y as Nt, z as Ht, K as Xe, A as _t, B as Ae, C as Wt, D as Ut, E as $t, F as jt, G as Ye, H as qt, I as zt, J as Xt, L as Pe, O as ke, P as Y, Q as Ie, R as Yt, V as Zt, S as Jt, T as Qt, U as en, X as tn, Y as nn, Z as Ze, _ as sn, $ as rn, a0 as on, a1 as an, a2 as cn, a3 as Je, a4 as Qe, a5 as et, a6 as tt, a7 as ln } from "./index-BkgkTFrf.js";
+import { n as ne, i as Ot, a as z, m as ie, r as $e, h as je, b as Ft, w as se, c as Te, d as Ce, e as qe, f as de, g as De, t as L, j as Rt, k as H, l as E, o as $, p as Kt, s as R, v as Lt, M as j, W as ze, q as xe, N as Et, u as Bt, x as Gt, y as Nt, z as Ht, K as Xe, A as _t, B as Ae, C as Wt, D as Ut, E as $t, F as jt, G as Ye, H as qt, I as zt, J as Xt, L as Pe, O as ke, P as Y, Q as Ie, R as Yt, V as Zt, S as Jt, T as Qt, U as en, X as tn, Y as nn, Z as Ze, _ as sn, $ as rn, a0 as on, a1 as an, a2 as cn, a3 as Je, a4 as Qe, a5 as et, a6 as tt, a7 as ln } from "./index-C85ws3HF.js";
 import { Fragment as un } from "react";
 var It = typeof globalThis < "u" && globalThis.process ? globalThis.process : { env: { NODE_ENV: "production" } };
 const re = (...t) => t.reduce((e, n) => (i) => n(e(i))), nt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {

package/dist/index.d.ts

@@ -105,6 +105,15 @@ export declare type Block = {
     amount: number;
 };
 
+export declare type BundleInfoViewedEvent = {
+    type: 'bundle_info_viewed';
+    /** The bundle group with bundle options */
+    bundleTypeSet: BundleTypeSet;
+    /** The bundle option within the bundle group
+     * @note if this is `undefined`, the user clicked the info icon for the bundle group label */
+    bundleSet?: BundleSet;
+};
+
 /**
  * ClassNames for styling different parts of the `BundleModal` component
  */
@@ -173,6 +182,10 @@ declare type BundleSelectorClassNames = {
     bundleTypeSetCheckboxGroup?: CheckboxGroupClassNames;
 };
 
+export declare type BundleSet = BundleTypeSet['bundleSets'][number];
+
+export declare type BundleTypeSet = NonNullable<NonNullable<PropositionSelectorQuery['propositionSelector']>['bundleTypeSets']>[number];
+
 /**
  * ClassNames for styling different parts of the `Carousel` component
  */
@@ -1951,22 +1964,26 @@ export declare type PropositionSelectorProps = {
      * Callback function fired when user actions occur.
      *
      * Events:
-     * - `details_viewed`: User opened proposition details modal
      * - `add_to_cart`: User clicked the add-to-cart CTA
+     * - `bundle_info_viewed`: User clicked the info icon for the bundle group or bundle option
+     * - `details_viewed`: User opened proposition details modal
      * - `profile_changed`: User profile changed (includes from/to values)
      *
      * @example
      * onAction={(event) => {
      *   switch(event.type) {
-     *     case 'details_viewed':
-     *       console.log(event.proposition, event.tab)
-     *       break
-     *     case 'add_to_cart':
-     *       console.log(event.proposition)
-     *       break
-     *     case 'profile_changed':
-     *       console.log(event.from, event.to)
-     *       break
+     *    case 'add_to_cart':
+     *      console.log(event.proposition)
+     *      break
+     *    case 'bundle_info_viewed':
+     *      console.log(event.bundleTypeSet, event.bundleSet)
+     *      break
+     *    case 'details_viewed':
+     *      console.log(event.proposition, event.tab)
+     *      break
+     *    case 'profile_changed':
+     *      console.log(event.from, event.to)
+     *      break
      *   }
      * }}
      */
@@ -1986,6 +2003,97 @@ export declare type PropositionSelectorProps = {
     hideRetentionOnFilledProfile?: boolean;
 };
 
+declare type PropositionSelectorQuery = {
+    __typename?: 'RootQueryType';
+    propositionSelector?: {
+        __typename?: 'BundleSelector';
+        key: string;
+        planVariantKey: string;
+        phoneVariantKey?: string | null;
+        modificationKey?: string | null;
+        providerSlug: string;
+        handsetCreditKeys: Array<string>;
+        phoneVariantKeys: Array<string>;
+        modificationDescription?: string | null;
+        modificationInfoUrl?: string | null;
+        hasModifications: boolean;
+        basePrice: number;
+        creditFee: number;
+        planVariant: {
+            __typename?: 'BundleSelectorPlanVariant';
+            contractType: string;
+        };
+        alternatePlanVariant?: {
+            __typename?: 'BundleSelectorPlanVariant';
+            unitKey: string;
+        } | null;
+        provider: {
+            __typename?: 'Provider';
+            name: string;
+            slug: string;
+        };
+        planVariants: Array<{
+            __typename?: 'BundleSelectorPlanVariant';
+            unitKey: string;
+            contractTerm: number;
+            contractType: string;
+            plan: string;
+        }>;
+        bundleTypeSets: Array<{
+            __typename?: 'BundleSelectorBundleTypeSet';
+            unitKey: string;
+            name: string;
+            required: boolean;
+            multiSelect: boolean;
+            requiredBundleTypeSetId?: string | null;
+            infoUrl?: string | null;
+            bundleTypes: Array<string>;
+            bundleSets: Array<{
+                __typename?: 'BundleSelectorBundleSet';
+                infoUrl?: string | null;
+                imageUrl?: string | null;
+                unitKey: string;
+                name: string;
+                label: string;
+                usps: Array<string>;
+                requiredBundleTypeSetId?: string | null;
+                requiredModificationGroupId?: string | null;
+                baseMonthlyFee: number;
+                lifetimeMonthlyFee: number;
+                monthlyFees: Array<number>;
+                content: {
+                    __typename?: 'PropositionContent';
+                    data: number;
+                    minutes: number;
+                    sms: number;
+                    sharedCredits?: Array<string | null> | null;
+                    dataSpeedDown: number;
+                    dataSpeedUp: number;
+                    channels: Array<string>;
+                    hdChannels: Array<string>;
+                    receivers: number;
+                };
+                modifications?: {
+                    __typename?: 'BundleSelectorModifications';
+                    name?: string | null;
+                    monthlyFees: Array<number>;
+                    content: {
+                        __typename?: 'PropositionContent';
+                        data: number;
+                        minutes: number;
+                        sms: number;
+                    };
+                } | null;
+            }>;
+        }>;
+        blacklists: Array<{
+            __typename?: 'BundleSelectorBlacklist';
+            unitKey: string;
+            blacklist: Array<string>;
+        }>;
+    } | null;
+};
+
 export declare type ProviderOption = {
     slug: string;
     name: string;
@@ -2189,10 +2297,8 @@ declare type SelectFilterClassNames = {
 /**
  * Union type of all PropositionSelector action events.
  *
- * Re-uses `DetailsViewedEvent` and `ProfileChangedEvent` from `ProductResults`
- * since the shape is identical.
- */
-export declare type SelectorActionEvent = AddToCartEvent | DetailsViewedEvent | ProfileChangedEvent;
+ * Re-uses `DetailsViewedEvent` and `ProfileChangedEvent` from `ProductResults` */
+export declare type SelectorActionEvent = AddToCartEvent | BundleInfoViewedEvent | DetailsViewedEvent | ProfileChangedEvent;
 
 /**
  * ClassNames for styling different parts of the `Selector` component

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobielnl/elements",
-  "version": "0.12.25",
+  "version": "0.12.26",
   "description": "Mobiel.nl Elements - React component library for partner websites",
   "private": false,
   "type": "module",