@mobielnl/elements 0.13.16 → 0.13.17

package/dist/{index-B6jjXGby.js → index-CkZqyY86.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-Cqq4EpkI.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-BD-rBtRq.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

@@ -718,6 +718,10 @@ export declare type GiftConfig = {
      * mobile provider picker. Yes/No only asks whether the visitor is already a mobile customer of this provider.
      * @example 'odido' */
     mobileProviderSlug?: MobileProviderSlug;
+    /** Modification block scopes that always apply to this inflow, on top of the blocks from the profile.
+     * They are not stored in the profile, so they only apply within this `PropositionSelector`
+     * @example ['segment/odido/odidocadeau'] */
+    modificationBlocks?: string[];
     /** Custom ReactNode content shown when no matching fixed proposition is found
      * @note This will override the default not found state */
     notFoundState?: ReactNode;
@@ -2012,6 +2016,19 @@ export declare type PropositionSelectorClassNames = {
     };
 };
 
+export declare type PropositionSelectorContentSlots = {
+    sidebarCard?: {
+        /** Custom content below the CTA card in the sidebar (desktop) or at the bottom (mobile). */
+        after?: ReactNode;
+        ctaButton?: {
+            /** Custom content directly before the main order button, outside its clickable area. */
+            before?: ReactNode;
+            /** Custom content directly after the main order button, outside its clickable area. */
+            after?: ReactNode;
+        };
+    };
+};
+
 export declare type PropositionSelectorFilters = {
     /** Allowed contract terms in months. Omitted = all terms from the API.
      * @example [24] */
@@ -2041,13 +2058,18 @@ export declare type PropositionSelectorProps = RequiredProps & {
     clickOutTarget?: 'cart' | 'upsell' | 'checkout';
     /** Custom loading UI ReactNode content shown during postcode check, proposition search and data fetch */
     loadingState?: ReactNode;
-    /** Custom ReactNode content below the CTA card component
+    /**
+     * Custom ReactNode content below the CTA card component.
+     *
+     * @deprecated Use `contentSlots.sidebarCard.after` instead. Will be removed in version 0.14.0.
      *
      * @note Desktop: Content will be displayed below the CTA card component in the sidebar/second column
      * @note Mobile: Content will be displayed below the CTA card component at the bottom of the screen
      * @default null
      */
     contentBelowCTA?: ReactNode;
+    /** Optional custom content around the main order button and CTA card. */
+    contentSlots?: PropositionSelectorContentSlots;
     /** Boolean to hide number retention question when profile if filled. Does not apply to fixed propositions */
     hideRetentionOnFilledProfile?: boolean;
     /**

package/package.json

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