@mobielnl/elements 0.13.7 → 0.13.9

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;
 };
@@ -1146,23 +1147,8 @@ declare type PostcodeCheckModalClassNames = {
             /** Input label styling */
             label?: string;
         };
-        /** Error alert message */
-        errorAlert?: {
-            /** Alert container */
-            base?: string;
-            /** Alert title text */
-            title?: string;
-            /** Alert description text */
-            description?: string;
-            /** Alert main content wrapper */
-            mainWrapper?: string;
-            /** Alert close button */
-            closeButton?: string;
-            /** Alert icon wrapper */
-            iconWrapper?: string;
-            /** Alert icon */
-            alertIcon?: string;
-        };
+        /** Error alert message - see type `AlertClassNames` */
+        errorAlert?: AlertClassNames;
     };
     /** Provider selection section */
     provider?: {
@@ -1911,7 +1897,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;
@@ -1952,6 +1938,29 @@ export declare type PropositionSelectorClassNames = {
         /** Section class styling slots - see type `SectionClassNames` */
         section?: SectionClassNames_2;
     };
+    /** Postcode check form component class styling slots */
+    postcodeCheckForm?: {
+        /** Section class styling slots - see type `SectionClassNames` */
+        section?: SectionClassNames_2;
+        /** Form element container */
+        container?: string;
+        /** Container for postcode, number, and numberAddon inputs */
+        inputsContainer?: string;
+        /** Input field styling slots */
+        input?: {
+            /** Input wrapper styling */
+            inputWrapper?: string;
+            /** Input element styling */
+            input?: string;
+            /** Input label styling */
+            label?: string;
+        };
+        /** Error alert message - see type `AlertClassNames` */
+        errorAlert?: AlertClassNames;
+        /** CTA button styling
+         * @example "Controleer aanbod" */
+        ctaButton?: string;
+    };
     /** Retention section class styling slots - see type `SectionClassNames` */
     retentionSelector?: SectionClassNames_2 & {
         /** Radio group class styling slots - see type `RadioGroupClassNames` */
@@ -2270,12 +2279,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;
 };
@@ -2901,6 +2912,9 @@ export declare type Translations = {
         sameFixedProviderDescription: string;
         noMatchingPropositionTitle: string;
         noMatchingPropositionDescription: string;
+        postcodeCheckTitle: string;
+        postcodeCheckDescription: string;
+        postcodeCheckCTA: string;
         productVersionTitle: string;
         benefitsTitle: string;
         moreBundleInfo: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobielnl/elements",
-  "version": "0.13.7",
+  "version": "0.13.9",
   "description": "Mobiel.nl Elements - React component library for partner websites",
   "private": false,
   "type": "module",
@@ -86,7 +86,7 @@
     "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react-swc": "^4.0.0",
-    "@vitest/coverage-v8": "4.1.10",
+    "@vitest/coverage-v8": "4.1.11",
     "chromatic": "^13.3.5",
     "cross-env": "^7.0.3",
     "dotenv": "^17.4.2",
@@ -112,7 +112,7 @@
     "typescript": "~5.8.3",
     "vite": "7.3.5",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "4.1.10",
+    "vitest": "4.1.11",
     "zod": "^4.1.12"
   },
   "msw": {