AC:12170 :: Coupon code feature is not working properly in the checkout page on Magento 2.4.7

Author: glo17720

app/code/Magento/SalesRule/view/frontend/web/js/view/payment/captcha.js

@@ -13,23 +13,23 @@ define([
 ], function (defaultCaptcha, captchaList, setCouponCodeAction, cancelCouponAction, quote, ko) {
     'use strict';
 
-    var totals = quote.getTotals(),
-        couponCode = ko.observable(null),
-        isApplied;
-
-    if (totals()) {
-        couponCode(totals()['coupon_code']);
-    }
-
-    //Captcha can only be required for adding a coupon so we need to know if one was added already.
-    var couponCodeValue = couponCode();
-    isApplied = ko.observable(typeof couponCodeValue === 'string' && couponCodeValue.length > 0);
-
     return defaultCaptcha.extend({
         /** @inheritdoc */
         initialize: function () {
             var self = this,
-                currentCaptcha;
+                currentCaptcha,
+                totals = quote.getTotals(),
+                couponCode = ko.observable(null),
+                couponCodeValue,
+                isApplied;
+
+            if (totals()) {
+                couponCode(totals()['coupon_code']);
+            }
+
+            // Captcha can only be required for adding a coupon so we need to know if one was added already.
+            couponCodeValue = couponCode();
+            isApplied = ko.observable(typeof couponCodeValue === 'string' && couponCodeValue.length > 0);
 
             this._super();
             //Getting coupon captcha model.
@@ -66,4 +66,4 @@ define([
             }
         }
     });
-});
+});

app/code/Magento/SalesRule/view/frontend/web/js/view/payment/discount.js

@@ -14,34 +14,39 @@ define([
 ], function ($, ko, Component, quote, setCouponCodeAction, cancelCouponAction, coupon) {
     'use strict';
 
-    var totals = quote.getTotals(),
-        couponCode = coupon.getCouponCode(),
-        isApplied = coupon.getIsApplied();
-
-    if (totals()) {
-        couponCode(totals()['coupon_code']);
-    }
-
-    var couponCodeValue = couponCode();
-    isApplied(typeof couponCodeValue === 'string' && couponCodeValue.length > 0);
-
     return Component.extend({
         defaults: {
             template: 'Magento_SalesRule/payment/discount'
         },
-        couponCode: couponCode,
+        couponCode: coupon.getCouponCode(),
 
         /**
          * Applied flag
          */
-        isApplied: isApplied,
+        isApplied: coupon.getIsApplied(),
+
+        initialize: function () {
+            var totals = quote.getTotals(),
+                couponCode = this.couponCode,
+                isApplied = this.isApplied,
+                couponCodeValue;
+
+            if (totals()) {
+                couponCode(totals()['coupon_code']);
+            }
+
+            couponCodeValue = couponCode();
+            isApplied(typeof couponCodeValue === 'string' && couponCodeValue.length > 0);
+
+            this._super();
+        },
 
         /**
          * Coupon code application procedure
          */
         apply: function () {
             if (this.validate()) {
-                setCouponCodeAction(couponCode(), isApplied);
+                setCouponCodeAction(this.couponCode(), this.isApplied);
             }
         },
 
@@ -50,8 +55,8 @@ define([
          */
         cancel: function () {
             if (this.validate()) {
-                couponCode('');
-                cancelCouponAction(isApplied);
+                this.couponCode('');
+                cancelCouponAction(this.isApplied);
             }
         },
 
@@ -71,4 +76,4 @@ define([
             return $(form).validation() && $(form).validation('isValid');
         }
     });
-});
+});