@alma/widgets 2.5.1 → 2.6.0

package/dist/raw/widgets.modern.js

@@ -2154,7 +2154,8 @@ const STATIC_CUSTOMISATION_CLASSES = {
   closeButton: prefix + '-close-button',
   scheduleDetails: prefix + '-schedule-details',
   scheduleTotal: prefix + '-schedule-total',
-  scheduleCredit: prefix + '-schedule-credit'
+  scheduleCredit: prefix + '-schedule-credit',
+  summary: prefix + '-summary'
 };
 
 const _excluded = ["children", "isOpen", "onClose", "className", "contentClassName", "scrollable"];
@@ -2346,7 +2347,7 @@ const EligibilityPlansButtons = ({
   onClick: () => setCurrentPlanIndex(index)
 }, paymentPlanShorthandName(eligibilityPlan))));
 
-var s$3 = {"schedule":"_MPKjS","scheduleLine":"_1A7Qv","total":"_14Ejo","creditCost":"_1ZIgu","creditMessage":"_1BUr8"};
+var s$3 = {"schedule":"_MPKjS","scheduleLine":"_1A7Qv","total":"_14Ejo","summary":"_65ZpD","creditCost":"_1ZIgu","creditCostAmount":"_tUTZp","creditMessage":"_1BUr8"};
 
 const Schedule = ({
   currentPlan
@@ -2357,9 +2358,27 @@ const Schedule = ({
   const customerFees = priceFromCents(currentPlan ? currentPlan.customer_total_cost_amount : 0);
   const isCredit = currentPlan && currentPlan.installments_count > 4;
   const intl = useIntl();
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: cx(s$3.schedule, STATIC_CUSTOMISATION_CLASSES.scheduleDetails),
     "data-testid": "modal-installments-element"
+  }, ((currentPlan == null ? void 0 : currentPlan.payment_plan) || []).map((installment, index) => /*#__PURE__*/React.createElement("div", {
+    className: s$3.scheduleLine,
+    key: index
+  }, /*#__PURE__*/React.createElement("span", null, isToday(installment.due_date * 1000) ? /*#__PURE__*/React.createElement(FormattedMessage, {
+    id: "installments.today",
+    defaultMessage: "Aujourd'hui"
+  }) : /*#__PURE__*/React.createElement(FormattedDate, {
+    value: installment.due_date * 1000,
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedNumber, {
+    value: priceFromCents(installment.total_amount),
+    style: "currency",
+    currency: "EUR"
+  }))))), /*#__PURE__*/React.createElement("div", {
+    className: cx(s$3.summary, STATIC_CUSTOMISATION_CLASSES.summary),
+    "data-testid": "modal-summary"
   }, /*#__PURE__*/React.createElement("div", {
     className: cx(s$3.scheduleLine, s$3.total, STATIC_CUSTOMISATION_CLASSES.scheduleTotal)
   }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, {
@@ -2377,7 +2396,9 @@ const Schedule = ({
   })) : /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "eligibility-modal.cost",
     defaultMessage: "Dont frais"
-  })), /*#__PURE__*/React.createElement("span", null, isCredit ? /*#__PURE__*/React.createElement(FormattedMessage, {
+  })), /*#__PURE__*/React.createElement("span", {
+    className: s$3.creditCostAmount
+  }, isCredit ? /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "eligibility-modal.credit-cost-amount",
     defaultMessage: "{creditCost} (TAEG {TAEG})",
     values: {
@@ -2394,27 +2415,12 @@ const Schedule = ({
     value: customerFees,
     style: "currency",
     currency: "EUR"
-  }))), ((currentPlan == null ? void 0 : currentPlan.payment_plan) || []).map((installment, index) => /*#__PURE__*/React.createElement("div", {
-    className: s$3.scheduleLine,
-    key: index
-  }, /*#__PURE__*/React.createElement("span", null, isToday(installment.due_date * 1000) ? /*#__PURE__*/React.createElement(FormattedMessage, {
-    id: "installments.today",
-    defaultMessage: "Aujourd'hui"
-  }) : /*#__PURE__*/React.createElement(FormattedDate, {
-    value: installment.due_date * 1000,
-    day: "numeric",
-    month: "long",
-    year: "numeric"
-  })), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(FormattedNumber, {
-    value: priceFromCents(installment.total_amount),
-    style: "currency",
-    currency: "EUR"
-  })))), isCredit && /*#__PURE__*/React.createElement("p", {
+  }))), isCredit && /*#__PURE__*/React.createElement("p", {
     className: s$3.creditMessage
   }, /*#__PURE__*/React.createElement(FormattedMessage, {
     id: "eligibility-modal.credit-commitment",
     defaultMessage: "Un cr\u00E9dit vous engage et doit \u00EAtre rembours\u00E9. V\u00E9rifiez vos capacit\u00E9s de remboursement\n              avant de vous engager."
-  })));
+  }))));
 };
 
 var s$4 = {"list":"_180ro","listItem":"_1HqCO","bullet":"_3B8wx"};