@mobielnl/elements 0.13.2 → 0.13.3

package/dist/{index-DYPMahcX.js → index-DqXrmLgh.js}

@@ -16353,6 +16353,7 @@ const xK = {
     retentionNo: "No",
     modificationTitle: "Customer benefit",
     modificationDescription: "Do you have a home internet provider and/or multiple (mobile) subscriptions at your address?",
+    modificationFixedDescription: "Do you have multiple (mobile) subscriptions at your address?",
     modificationYes: "Yes",
     modificationNo: "No"
   },
@@ -16680,6 +16681,7 @@ const xK = {
     retentionNo: "Nee",
     modificationTitle: "Klantvoordeel",
     modificationDescription: "Heb je op je adres een thuis internet provider en/of meerdere (mobiele) abonnementen?",
+    modificationFixedDescription: "Heb je op je adres meerdere (mobiele) abonnementen?",
     modificationYes: "Ja",
     modificationNo: "Nee"
   },
@@ -25781,7 +25783,7 @@ function gh(e, t) {
     })
   };
 }
-var Hq = () => import("./index-CPvkwRMu.js").then((e) => e.default), w$ = (e) => {
+var Hq = () => import("./index-Hz7Cp6-d.js").then((e) => e.default), w$ = (e) => {
   const { ripples: t = [], motionProps: r, color: n = "currentColor", style: o, onClear: i } = e;
   return /* @__PURE__ */ x(or, { children: t.map((a) => {
     const s = bz(0.01 * a.size, 0.2, a.size > 100 ? 0.75 : 0.5);
@@ -26590,7 +26592,7 @@ function SS() {
     height: xi && xi?.height || window.innerHeight
   };
 }
-var PS = () => import("./index-CPvkwRMu.js").then((e) => e.default), F$ = (e) => {
+var PS = () => import("./index-Hz7Cp6-d.js").then((e) => e.default), F$ = (e) => {
   const { as: t, children: r, role: n = "dialog", ...o } = e, {
     Component: i,
     domRef: a,
@@ -35686,7 +35688,7 @@ function _J(e) {
     getContentProps: kt
   };
 }
-var x_ = () => import("./index-CPvkwRMu.js").then((e) => e.default), w_ = ut(
+var x_ = () => import("./index-Hz7Cp6-d.js").then((e) => e.default), w_ = ut(
   ({
     children: e,
     motionProps: t,
@@ -41447,7 +41449,7 @@ var qk = {
       }
     }
   }
-}, Gk = () => import("./index-CPvkwRMu.js").then((e) => e.default), lI = ut((e, t) => {
+}, Gk = () => import("./index-Hz7Cp6-d.js").then((e) => e.default), lI = ut((e, t) => {
   const {
     Component: r,
     HeadingComponent: n,
@@ -44786,7 +44788,7 @@ function Xte(e) {
     getTooltipProps: Ee
   };
 }
-var Qte = () => import("./index-CPvkwRMu.js").then((e) => e.default), CI = ut((e, t) => {
+var Qte = () => import("./index-Hz7Cp6-d.js").then((e) => e.default), CI = ut((e, t) => {
   var r;
   const {
     Component: n,
@@ -49404,8 +49406,9 @@ function hN(e, t, r, n) {
   return `${s.name}${l}${i}`;
 }
 function mN(e, t) {
-  if (e.keepCurrentMsisdn === void 0) return Ie.t("profile.askNumberPreservation");
-  if (!e.keepCurrentMsisdn) return Ie.t("profile.newNumber");
+  if (e.keepCurrentMsisdn === !1) return Ie.t("profile.newNumber");
+  if (e.keepCurrentMsisdn === void 0 || !e.currentProviderSlug)
+    return Ie.t("profile.askNumberPreservation");
   const r = e.currentMsisdn ? `${e.currentMsisdn} • ` : "", n = t.find((o) => o.slug === e.currentProviderSlug)?.name || Ie.t("numberPreservation.otherProvider");
   return `${r}${n}`;
 }
@@ -51478,7 +51481,7 @@ function $E({
               {
                 title: n("profile.numberPreservation"),
                 description: mN(o, s),
-                selected: o.keepCurrentMsisdn !== void 0,
+                selected: o.keepCurrentMsisdn === !1 || o.keepCurrentMsisdn && !!o.currentProviderSlug,
                 onClick: () => i("number-preservation"),
                 avatarName: "0 6",
                 classNames: a
@@ -63458,19 +63461,21 @@ function Lue() {
   ] });
 }
 function Bue() {
-  const { t: e } = ht(), { profile: t, setProfile: r } = Kn(), { openModal: n } = cr(), {
-    profileButton: o,
-    promotionList: i,
-    modificationSelector: a
-  } = zt(), { proposition: s } = fs(), l = s?.productType === "fixed", c = Uh(l ? "fixed" : "mobile"), d = gN(
+  const { t: e } = ht(), { profile: t, setProfile: r } = Kn(), { openModal: n, isModalOpen: o } = cr(), {
+    profileButton: i,
+    promotionList: a,
+    modificationSelector: s
+  } = zt(), { proposition: l } = fs(), c = l?.productType === "fixed", d = Uh(c ? "fixed" : "mobile"), p = gN(
     t.currentMobileProviders,
-    c.otherBlocks
-  ), p = l ? (t.currentMobileProviders || []).some(
-    (g) => c.otherBlocks.some((v) => v.scope === g.scope)
-  ) : c.fixedBlocks.some((g) => g.scope === t.currentFixedProviderScope) || t.currentFixedProviderScope === "other", [h, m] = me(p);
+    d.otherBlocks
+  ), h = c ? (t.currentMobileProviders || []).some(
+    (b) => d.otherBlocks.some((C) => C.scope === b.scope)
+  ) : d.fixedBlocks.some((b) => b.scope === t.currentFixedProviderScope) || t.currentFixedProviderScope === "other", m = o("combi-deal"), [g, v] = me(h);
   return Ce(() => {
-    m(p);
-  }, [p]), /* @__PURE__ */ U("div", { className: "flex flex-col gap-3", children: [
+    v(h);
+  }, [h]), Ce(() => {
+    m || h || v(!1);
+  }, [m]), /* @__PURE__ */ U("div", { className: "flex flex-col gap-3", children: [
     /* @__PURE__ */ x(
       em,
       {
@@ -63479,40 +63484,40 @@ function Bue() {
           { value: "yes", label: e("propositionSelector.modificationYes") },
           { value: "no", label: e("propositionSelector.modificationNo") }
         ],
-        value: h ? "yes" : "no",
-        onValueChange: (g) => {
-          m(g === "yes"), g === "yes" && n("combi-deal"), g === "no" && r({
-            ...t,
-            ...l ? { currentMobileProviders: [] } : { currentFixedProviderScope: void 0 }
+        value: g ? "yes" : "no",
+        onValueChange: (b) => {
+          v(b === "yes"), b === "yes" && !h && n("combi-deal"), b === "no" && r({
+            currentMobileProviders: [],
+            ...c ? {} : { currentFixedProviderScope: void 0 }
           });
         },
-        classNames: a?.radioGroup
+        classNames: s?.radioGroup
       }
     ),
-    h && /* @__PURE__ */ x(
+    g && /* @__PURE__ */ x(
       Hl,
       {
         title: e("profile.customerBenefit"),
         description: hN(
-          c.fixedBlocks.map((g) => ({ slug: g.scope.split("/")[1] ?? "", name: g.provider.name })),
-          d,
+          d.fixedBlocks.map((b) => ({ slug: b.scope.split("/")[1] ?? "", name: b.provider.name })),
+          p,
           t.currentFixedProviderScope,
-          l
+          c
         ),
-        selected: !!p,
+        selected: h,
         onClick: () => n("combi-deal"),
         Icon: Kc,
-        classNames: o
+        classNames: i
       }
     ),
     /* @__PURE__ */ x(
       qh,
       {
-        promotions: s?.modificationPromotions ?? [],
-        classNames: i
+        promotions: l?.modificationPromotions ?? [],
+        classNames: a
       }
     ),
-    /* @__PURE__ */ x(wN, { isFixed: l })
+    /* @__PURE__ */ x(wN, { isFixed: c })
   ] });
 }
 function O7(e) {
@@ -63900,8 +63905,10 @@ function Vue() {
   );
 }
 function Wue() {
-  const { t: e } = ht(), { profile: t, setProfile: r } = Kn(), { openModal: n } = cr(), { profileButton: o, retentionSelector: i } = zt(), a = Vx();
-  return /* @__PURE__ */ U("div", { className: "flex flex-col gap-3", children: [
+  const { t: e } = ht(), { profile: t, setProfile: r } = Kn(), { openModal: n, isModalOpen: o } = cr(), { profileButton: i, retentionSelector: a } = zt(), s = Vx(), l = !!(t.currentMsisdn && t.currentProviderSlug), c = o("number-preservation");
+  return Ce(() => {
+    c || l || t.keepCurrentMsisdn && r({ keepCurrentMsisdn: !1 });
+  }, [c]), /* @__PURE__ */ U("div", { className: "flex flex-col gap-3", children: [
     /* @__PURE__ */ x(
       em,
       {
@@ -63911,21 +63918,21 @@ function Wue() {
           { value: "no", label: e("propositionSelector.retentionNo") }
         ],
         value: t.keepCurrentMsisdn ? "yes" : "no",
-        onValueChange: (s) => {
-          r({ ...t, keepCurrentMsisdn: s === "yes" }), s === "yes" && n("number-preservation");
+        onValueChange: (d) => {
+          r({ keepCurrentMsisdn: d === "yes" }), d === "yes" && !l && n("number-preservation");
         },
-        classNames: i?.radioGroup
+        classNames: a?.radioGroup
       }
     ),
-    !!t.keepCurrentMsisdn && /* @__PURE__ */ x(
+    t.keepCurrentMsisdn && /* @__PURE__ */ x(
       Hl,
       {
         title: e("profile.numberPreservation"),
-        description: mN(t, a),
-        selected: !0,
+        description: mN(t, s),
+        selected: l,
         onClick: () => n("number-preservation"),
         avatarName: "0 6",
-        classNames: o
+        classNames: i
       }
     ),
     /* @__PURE__ */ x(SN, {})
@@ -64087,7 +64094,7 @@ function Uue({
           Mf,
           {
             title: a("propositionSelector.modificationTitle"),
-            description: a("propositionSelector.modificationDescription"),
+            description: a(M ? "propositionSelector.modificationFixedDescription" : "propositionSelector.modificationDescription"),
             number: F(1),
             classNames: h?.modificationSelector,
             children: /* @__PURE__ */ x(Bue, {})

package/dist/{index-CPvkwRMu.js → index-Hz7Cp6-d.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-DYPMahcX.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-DqXrmLgh.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

@@ -2819,6 +2819,7 @@ export declare type Translations = {
         retentionNo: string;
         modificationTitle: string;
         modificationDescription: string;
+        modificationFixedDescription: string;
         modificationYes: string;
         modificationNo: string;
     };

package/package.json

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