@mobielnl/elements 0.13.8 → 0.13.10

package/dist/index.d.ts

@@ -1147,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?: {
@@ -1898,7 +1883,7 @@ declare type PropositionOverviewClassNames = {
     creditInfo?: CreditInfoClassNames_2;
 };
 
-export declare function PropositionSelector({ propositionKey, giftConfig, classNames, initialProfile, onProfileChange, onPropositionKeyChange, onError, onAction, ...props }: PropositionSelectorProps): JSX.Element;
+export declare function PropositionSelector({ propositionKey, giftConfig, classNames, initialProfile, onProfileChange, onPropositionKeyChange, onError, onAction, filters, ...props }: PropositionSelectorProps): JSX.Element;
 
 /**
  * ClassNames for styling different parts of the `PropositionSelector` component
@@ -1953,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` */
@@ -1988,6 +1996,24 @@ export declare type PropositionSelectorClassNames = {
     };
 };
 
+export declare type PropositionSelectorFilters = {
+    /** Allowed contract terms in months. Omitted = all terms from the API.
+     * @example [24] */
+    contractTerms?: number[];
+    /**
+     * Minimum download speed in Mbit/s for fixed internet options.
+     * @example { min: 400 }
+     */
+    fixedInternetDataSpeedDown?: {
+        min: number;
+    };
+    /**
+     * Hide bundle options by exact `name` or `label`.
+     * @example ['Eerste maanden korting']
+     */
+    hiddenBundleSets?: string[];
+};
+
 export declare type PropositionSelectorProps = RequiredProps & {
     /** Class slots for styling */
     classNames?: PropositionSelectorClassNames;
@@ -2017,6 +2043,17 @@ export declare type PropositionSelectorProps = RequiredProps & {
      *
      * @example collapsibleBundleTypeSets={['Kies je welkomstcadeau']} */
     collapsibleBundleTypeSets?: string[];
+    /**
+     * Restrict which contract terms, internet speeds, and bundle options are offered in the selector.
+     *
+     * @example
+     * filters={{
+     *   contractTerms: [24],
+     *   fixedInternetDataSpeedDown: { min: 400 },
+     *   hiddenBundleSets: ['Eerste maanden korting'],
+     * }}
+     */
+    filters?: PropositionSelectorFilters;
     /** Callback function to handle proposition key changes */
     onPropositionKeyChange?: (propositionKey: string) => void;
     /** Callback function to handle profile changes */
@@ -2904,6 +2941,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.8",
+  "version": "0.13.10",
   "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": {