@mobielnl/elements 0.13.6 → 0.13.8

package/dist/index.d.ts

@@ -707,17 +707,18 @@ declare type GeneralClassNames = {
 } & SectionClassNames;
 
 export declare type GiftConfig = {
-    /** Initial bundle set unit key used to find an available fixed proposition
-     * @example '1636-11788' */
-    initialBundleSetUnitKey: string;
-    /** Optional fixed provider slug to narrow the gift proposition search to only one fixed provider
+    /** Optional gift bundle set unit key used to find the most popular available fixed proposition that includes this gift
+     * @example '1636-11788'
+     * @note When omitted, the most popular available fixed proposition at the address is used */
+    initialBundleSetUnitKey?: string;
+    /** Optional fixed provider slug to narrow the proposition search to only one fixed provider
      * @example 'odido' */
     fixedProviderSlug?: FixedProviderSlug;
     /** Locks customer benefit (klantvoordeel) to a single mobile provider. Skips the CombiDeal modal and
      * mobile provider picker. Yes/No only asks whether the visitor is already a mobile customer of this provider.
      * @example 'odido' */
     mobileProviderSlug?: MobileProviderSlug;
-    /** Custom ReactNode content shown when no matching fixed proposition is found for the `initialBundleSetUnitKey` and address
+    /** Custom ReactNode content shown when no matching fixed proposition is found
      * @note This will override the default not found state */
     notFoundState?: ReactNode;
 };
@@ -1741,6 +1742,25 @@ declare type PromotionListClassNames = {
         /** The content slot of the chip, it is the container of the text */
         content?: string;
     };
+    /** Class names for styling the promotion modal */
+    modal?: {
+        /** The backdrop slot, it is displayed behind the modal */
+        backdrop?: string;
+        /** The wrapper slot of the modal. It wraps the base and the backdrop slots */
+        wrapper?: string;
+        /** The main slot of the modal content */
+        base?: string;
+        /** The header of the modal, it is displayed at the top of the modal */
+        header?: string;
+        /** The body of the modal, it is displayed in the middle of the modal */
+        body?: string;
+        /** The footer of the modal, it is displayed at the bottom of the modal */
+        footer?: string;
+        /** The close button (X) of the modal in top-right corner */
+        closeButton?: string;
+        /** The primary button of the modal, it is displayed at the bottom of the modal */
+        primaryButton?: string;
+    };
 };
 
 /**
@@ -1892,7 +1912,7 @@ export declare type PropositionSelectorClassNames = {
      * @note only visible for fixed propositions with the same fixed provider in profile */
     sameFixedProviderAlert?: AlertClassNames;
     /** Alert class styling slots - see type `AlertClassNames`
-     * @note only visible when `giftConfig.initialBundleSetUnitKey` prop returns no matching fixed proposition for the address */
+     * @note only visible when a `giftConfig` search returns no matching fixed proposition */
     noMatchingPropositionAlert?: AlertClassNames;
     /** ProductHeader class styling slots - see type `ProductHeaderClassNames` */
     productHeader?: ProductHeaderClassNames;
@@ -2251,12 +2271,14 @@ declare type RadioGroupClassNames = {
 declare type RequiredProps = {
     /** Initial proposition key
      * @example '1412-10116|1413-10646|plv-398'
-     * @note Required unless `giftConfig` is provided with a valid address in `initialProfile` */
+     * @note Required unless `giftConfig` is provided */
     propositionKey: string;
     giftConfig?: never;
 } | {
     propositionKey?: never;
-    /** Configuration for pre-selected gift bundle set unit key and provider used to find an available fixed proposition
+    /** Configuration used to find the most popular available fixed proposition.
+     * Optionally include a gift unit key and/or an address in `initialProfile`.
+     * Without an address, the Mobiel.nl service point (2266AD / 22) is used for the search for normal proposition results.
      * @note Cannot be used together with `propositionKey` prop. Only applicable for fixed propositions */
     giftConfig: GiftConfig;
 };

package/package.json

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