@mobielnl/elements 0.12.3 → 0.12.5

package/dist/{index-Dacdp_O7.js → index-DiISyaUb.js}

@@ -1,5 +1,5 @@
 "use client";
-import { n as j, i as N, m as Z, r as ze, h as Lt, a as qe, w as Q, b as pe, c as Ce, d as Xe, e as oe, f as Pe, t as O, g as Nt, j as G, v as Gt, k as $, M as H, K as Ye, l as $t, o as Ht, p as ge, q as Wt, s as _t, u as jt, x as Je, y as Ut, z as zt, A as qt, B as ke, C as Fe, D as z, E as Oe, F as Xt, V as Yt, G as Jt, H as Zt, I as Qt, J as en, L as tn, N as Ze, O as nn, P as sn, Q as rn, R as an, S as on, T as Qe, U as et, W as tt, X as nt, Y as ln } from "./index-DlwfL1kL.js";
+import { n as j, i as N, m as Z, r as ze, h as Lt, a as qe, w as Q, b as pe, c as Ce, d as Xe, e as oe, f as Pe, t as O, g as Nt, j as G, v as Gt, k as $, M as H, K as Ye, l as $t, o as Ht, p as ge, q as Wt, s as _t, u as jt, x as Je, y as Ut, z as zt, A as qt, B as ke, C as Fe, D as z, E as Oe, F as Xt, V as Yt, G as Jt, H as Zt, I as Qt, J as en, L as tn, N as Ze, O as nn, P as sn, Q as rn, R as an, S as on, T as Qe, U as et, W as tt, X as nt, Y as ln } from "./index-BgNKtJUh.js";
 import { Fragment as un } from "react";
 var Bt = typeof globalThis < "u" && globalThis.process ? globalThis.process : { env: { NODE_ENV: "production" } };
 // @__NO_SIDE_EFFECTS__

package/dist/index.d.ts

@@ -1198,15 +1198,26 @@ export declare type ProductResultsClassNames = {
     results?: ResultsClassNames;
     /** Error alert class styling slots - see type `ErrorAlertClassNames` */
     errorAlert?: ErrorAlertClassNames;
+    /** Profile banner component class styling slots - see type `ProfileBannerClassNames` */
+    profileBanner?: ProfileBannerClassNames;
 };
 
 export declare type ProductResultsProps = {
     /** Product type of the results */
     productCategory: Exclude<ProductCategory, 'smartphone-proposition-extended'>;
+    /** Whether to show the profile banner */
+    showProfileBanner?: boolean;
     /** Whether to show the dynamic top 3 propositions based on the user's profile
+     *
+     * Can be a boolean to enable/disable the feature, or a config object to specify requirements:
+     * - `requireNumberPreservation`: Show top propositions if user has filled in number preservation data
+     * - `requireCustomerBenefits`: Show top propositions if user has filled in customer benefits data
      *
      * Not available for smartphone propositions when no phone is selected */
-    showTopPropositions?: boolean;
+    showTopPropositions?: boolean | {
+        requireNumberPreservation: boolean;
+        requireCustomerBenefits: boolean;
+    };
     /** Configure the color of the labels for the propositions
      *
      * @example color: 'primary' | 'secondary' | 'default' | 'success' | 'warning' | 'danger'
@@ -1280,6 +1291,33 @@ export declare type ProductResultsProps = {
      * }}
      */
     onAction?: (event: ActionEvent) => void;
+    /**
+     * Callback function fired when a deal/proposition is selected
+     *
+     * When this callback function is provided, no click-out will occur.
+     *
+     * Do not provide this function, if you want to use the click-out functionality
+     *
+     * This can be used to navigate to the proposition selector
+     *
+     * @example
+     * const [propositionKey, setPropositionKey] = useState<string | null>(null)
+     *
+     * <ElementsRoot>
+     *   {propositionKey ? (
+     *     <PropositionSelector
+     *       propositionKey={propositionKey}
+     *       onReturnClick={() => setPropositionKey(null)}
+     *     />
+     *   ) : (
+     *     <ProductResults
+     *       productCategory="sim-only-proposition"
+     *       onDealSelected={key => setPropositionKey(key)}
+     *     />
+     *   )}
+     * </ElementsRoot>
+     */
+    onDealSelected?: (propositionKey: string) => void;
 };
 
 /** Product version lifecycle status */
@@ -1294,6 +1332,28 @@ declare enum ProductVersionStatusEnum {
 
 export declare type Profile = z.infer<typeof profileSchema>;
 
+declare type ProfileBannerClassNames = {
+    /** Container styling */
+    container?: string;
+    /** Title text styling */
+    title?: string;
+    /** Description text styling */
+    description?: string;
+    /** Buttons styling */
+    button?: string;
+    /** Icon component styling - discount icon */
+    icon?: string;
+    /** Badge component */
+    badge?: string;
+    /** Avatar component displaying the icon */
+    avatar?: {
+        /** Base wrapper styling for the avatar container */
+        base?: string;
+        /** Icon wrapper styling */
+        icon?: string;
+    };
+};
+
 /** Event fired when user profile changes */
 export declare type ProfileChangedEvent = {
     type: 'profile_changed';
@@ -1807,6 +1867,9 @@ export declare type Translations = {
         otherSubscriptions: string;
         movingOption: string;
         otherProvider: string;
+        question: string;
+        yes: string;
+        no: string;
     };
     postcodeCheck: {
         loading: string;
@@ -1818,6 +1881,10 @@ export declare type Translations = {
         houseNumberAddition: string;
         selectProvider: string;
         homeInternet: string;
+        currentProvider: string;
+        question: string;
+        yes: string;
+        no: string;
     };
     profile: {
         personalizeTitle: string;
@@ -2088,6 +2155,9 @@ export declare type Translations = {
         /** One or more mobile subscriptions */
         'mobile/delta': string;
     };
+    propositionSelector: {
+        return: string;
+    };
 };
 
 export { }

package/package.json

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