feat: add test warning on frontstore

alma · Aug 2, 2024 · 1938fd1 · 1938fd1
1 parent 5a6ded3
commit 1938fd1
Show file tree

Hide file tree

Showing 5 changed files with 36 additions and 4 deletions.
diff --git a/cartridges/int_alma/cartridge/scripts/helpers/almaCheckoutHelper.js b/cartridges/int_alma/cartridge/scripts/helpers/almaCheckoutHelper.js
@@ -6,6 +6,7 @@ var isOnShipmentPaymentEnabled = require('*/cartridge/scripts/helpers/almaOnShip
 var PaymentMgr = require('dw/order/PaymentMgr');
 var almaConfigHelper = require('*/cartridge/scripts/helpers/almaConfigHelper');
 var almaPaymentHelper = require('*/cartridge/scripts/helpers/almaPaymentHelper');
+const {getMode} = require("./almaHelpers");
 
 var ALMA_PNX_ID = 'ALMA_PNX';
 var ALMA_CREDIT_ID = 'ALMA_CREDIT';
@@ -230,7 +231,8 @@ function formatPlanForCheckout(plan, currencyCode) {
             customer_fee: plan.customer_fee,
             payment_plan: plan.payment_plan,
             properties: getPropertiesForPlan(plan, currencyCode),
-            payment_method: getPlanPaymentMethodID(plan)
+            payment_method: getPlanPaymentMethodID(plan),
+            alma_mode: getMode()
         };
     }
     if (plan.installments_count >= 5 && planIsActivated(PaymentMgr.getPaymentMethod(ALMA_CREDIT_ID), plan)) {
@@ -243,7 +245,8 @@ function formatPlanForCheckout(plan, currencyCode) {
             customer_fee: plan.customer_fee,
             payment_plan: plan.payment_plan,
             properties: getPropertiesForPlan(plan, currencyCode),
-            payment_method: getPlanPaymentMethodID(plan)
+            payment_method: getPlanPaymentMethodID(plan),
+            alma_mode: getMode()
         };
     }
     if (plan.deferred_days > 0 && planIsActivated(PaymentMgr.getPaymentMethod(ALMA_DEFERRED_ID), plan)) {
@@ -256,7 +259,8 @@ function formatPlanForCheckout(plan, currencyCode) {
             customer_fee: plan.customer_fee,
             payment_plan: plan.payment_plan,
             properties: getPropertiesForPlan(plan, currencyCode),
-            payment_method: getPlanPaymentMethodID(plan)
+            payment_method: getPlanPaymentMethodID(plan),
+            alma_mode: getMode()
         };
     }
     if (plan.installments_count === 1 && plan.deferred_days === 0 && planIsActivated(PaymentMgr.getPaymentMethod(ALMA_PAY_NOW_ID), plan)) {
@@ -269,7 +273,8 @@ function formatPlanForCheckout(plan, currencyCode) {
             customer_fee: plan.customer_fee,
             payment_plan: plan.payment_plan,
             properties: getPropertiesForPlan(plan, currencyCode),
-            payment_method: getPlanPaymentMethodID(plan)
+            payment_method: getPlanPaymentMethodID(plan),
+            alma_mode: getMode()
         };
     }
     return formatPlan;

diff --git a/cartridges/int_alma/cartridge/scripts/helpers/almaPlanHelper.js b/cartridges/int_alma/cartridge/scripts/helpers/almaPlanHelper.js
@@ -171,6 +171,7 @@ function buildEligiblePlans(purchaseAmount, feePlans, locale, currentBasket, pla
         plans[planEligible.payment_method][planEligible.selector].payment_plans = planEligible.payment_plan;
         plans[planEligible.payment_method][planEligible.selector].properties = planEligible.properties;
         plans[planEligible.payment_method][planEligible.selector].in_page = planEligible.in_page;
+        plans[planEligible.payment_method][planEligible.selector].alma_mode = planEligible.alma_mode;
     });
 
     return plans;

diff --git a/cartridges/int_alma/cartridge/static/default/css/almaContent.css b/cartridges/int_alma/cartridge/static/default/css/almaContent.css
@@ -101,3 +101,14 @@
         transform: rotate(360deg);
     }
 }
+
+.alma-test-mode {
+    background-color: #FFF5CC;
+    padding: 24px;
+    border-radius: 20px;
+    font-size: small;
+    display: flex;
+    flex-direction: row;
+    gap: 16px;
+    align-items: flex-start;
+}
diff --git a/cartridges/int_alma/cartridge/static/default/images/warning.svg b/cartridges/int_alma/cartridge/static/default/images/warning.svg
diff --git a/.../cartridge/templates/default/checkout/billing/paymentOptions/almaContent/almaContent.isml b/.../cartridge/templates/default/checkout/billing/paymentOptions/almaContent/almaContent.isml
@@ -46,6 +46,16 @@
                         <p class="pt-30" id="${plan.key + '-fees'}">
                             <isprint value="${plan.properties.fees}"/>
                         </p>
+                        <isif condition="${plan.alma_mode === 'TEST'}">
+                            <p class="alma-test-mode">
+                                <img src="${URLUtils.staticURL('/images/warning.svg')}" alt="">
+                                <span>
+                                    <b>Alma is currently being tested</b>
+                                    <br>
+                                    The transaction will be fake and the order will not be completed if you chose the payement method
+                                </span>
+                            </p>
+                        </isif>
                     </isif>
                 </div>
                 <div class="col-1 icon">