add otherCosts for modal ES/IT

content/offers/ES/long_term.json

@@ -14,6 +14,7 @@
         "formattedTotalCost": "{formattedTotalCost}",
         "formattedTotalInterest": "{formattedTotalInterest}",
         "formattedTransactionAmount": "{formattedTransactionAmount}",
+        "otherCosts": "0,00 €",
         "variables": {
             "transaction_amount": "${eval(transaction_amount ? transaction_amount : '-')}",
             "qualifying_offer": "${eval(CREDIT_OFFERS_DS.qualifying_offer ? CREDIT_OFFERS_DS.qualifying_offer : 'false')}",
@@ -44,6 +45,7 @@
             "offerNumInstallments": "{total_payments} plazos",
             "eMoney": "Importe total del crédito",
             "totalInterest": "Importe del interés",
+            "otherCosts": "Otros costes",
             "total": "Importe total adeudado"
         }
     }

content/offers/ES/long_term_en.json

@@ -14,6 +14,7 @@
         "formattedTotalCost": "{formattedTotalCost}",
         "formattedTotalInterest": "{formattedTotalInterest}",
         "formattedTransactionAmount": "{formattedTransactionAmount}",
+        "otherCosts": "0,00 €",
         "variables": {
             "transaction_amount": "${eval(transaction_amount ? transaction_amount : '-')}",
             "qualifying_offer": "${eval(CREDIT_OFFERS_DS.qualifying_offer ? CREDIT_OFFERS_DS.qualifying_offer : 'false')}",
@@ -44,6 +45,7 @@
             "offerNumInstallments": "{total_payments} installments",
             "eMoney": "Credit amount",
             "totalInterest": "Interest amount",
+            "Other costs": "Other costs",
             "total": "Total amount owed"
         }
     }

content/offers/IT/long_term.json

@@ -14,6 +14,7 @@
         "formattedTotalCost": "{formattedTotalCost}",
         "formattedTotalInterest": "{formattedTotalInterest}",
         "formattedTransactionAmount": "{formattedTransactionAmount}",
+        "otherCosts": "0,00 €",
         "variables": {
             "transaction_amount": "${eval(transaction_amount ? transaction_amount : '-')}",
             "qualifying_offer": "${eval(CREDIT_OFFERS_DS.qualifying_offer ? CREDIT_OFFERS_DS.qualifying_offer : 'false')}",
@@ -44,6 +45,7 @@
             "offerNumInstallments": "{total_payments} rate",
             "eMoney": "Importo totale del credito",
             "totalInterest": "Importo degli interessi",
+            "otherCosts": "Altri costi",
             "total": "Importo totale dovuto"
         }
     }

content/offers/IT/long_term_en.json

@@ -14,6 +14,7 @@
         "formattedTotalCost": "{formattedTotalCost}",
         "formattedTotalInterest": "{formattedTotalInterest}",
         "formattedTransactionAmount": "{formattedTransactionAmount}",
+        "otherCosts": "0,00 €",
         "variables": {
             "transaction_amount": "${eval(transaction_amount ? transaction_amount : '-')}",
             "qualifying_offer": "${eval(CREDIT_OFFERS_DS.qualifying_offer ? CREDIT_OFFERS_DS.qualifying_offer : 'false')}",
@@ -44,6 +45,7 @@
             "offerNumInstallments": "{total_payments} installments",
             "eMoney": "Credit amount",
             "totalInterest": "Interest amount",
+            "otherCosts": "Other costs",
             "total": "Total amount owed"
         }
     }

src/components/modal/v2/parts/OfferAccordion.jsx

@@ -64,6 +64,12 @@ const OfferAccordion = ({
                             {currencySymbolFormat(meta?.formattedTotalInterest)}
                         </div>
                     </div>
+                    {termsLabel?.otherCosts && (
+                        <div className="accordion__row">
+                            <div className="accordion__offer-field-title">{termsLabel?.otherCosts}</div>
+                            <div className="accordion__offer-field-value">{meta?.otherCosts}</div>
+                        </div>
+                    )}
                     <div className="accordion__row">
                         <div className="accordion__offer-field-title">{termsLabel?.total}</div>
                         <div className="accordion__offer-field-value">

src/components/modal/v2/styles/components/_offer-accordion.scss

@@ -105,6 +105,7 @@
 
         .open & {
             min-height: 172px;
+            height: auto;
             transition: height 0.2s linear;
             margin-bottom: inherit;
 

tests/functional/v2/config/ES/DEV_ES_LONG_TERM.js

@@ -23,7 +23,7 @@ export const DEV_ES_LONG_TERM = {
             modalContent: {
                 offerHeadline: '2,50 €/mes',
                 updatedOfferHeadline: '20,83 €/mes',
-                offerFieldValues: ['60,00 €', '0,00 €', '60,00 €'],
+                offerFieldValues: ['60,00 €', '0,00 €', '0,00 €', '60,00 €'],
                 aprDisclaimer: 'Tipo de interes nominal (TIN) fijo anual del 0%'
             }
         },

tests/functional/v2/config/IT/DEV_IT_LONG_TERM.js

@@ -23,7 +23,7 @@ export const DEV_IT_LONG_TERM = {
             modalContent: {
                 offerHeadline: '2,50 €/mese',
                 updatedOfferHeadline: '20,83 €/mese',
-                offerFieldValues: ['60,00 €', '0,00 €', '60,00 €'],
+                offerFieldValues: ['60,00 €', '0,00 €', '0,00 €', '60,00 €'],
                 aprDisclaimer: 'Tasso annuo nominale fisso dello 0%'
             }
         },