diff --git a/resources/js/clients/payments/razorpay-aio.js b/resources/js/clients/payments/razorpay-aio.js
new file mode 100644
index 000000000000..2ae159a3e7f6
--- /dev/null
+++ b/resources/js/clients/payments/razorpay-aio.js
@@ -0,0 +1,29 @@
+/**
+ * Invoice Ninja (https://invoiceninja.com).
+ *
+ * @link https://github.com/invoiceninja/invoiceninja source repository
+ *
+ * @copyright Copyright (c) 2021. Invoice Ninja LLC (https://invoiceninja.com)
+ *
+ * @license https://opensource.org/licenses/AAL
+ */
+
+let options = JSON.parse(
+    document.querySelector('meta[name=razorpay-options]')?.content
+);
+
+options.handler = function(response) {
+    document.getElementById('razorpay_payment_id').value =
+        response.razorpay_payment_id;
+    document.getElementById('razorpay_signature').value =
+        response.razorpay_signature;
+    document.getElementById('server-response').submit();
+};
+
+let razorpay = new Razorpay(options);
+
+document.getElementById('pay-now').onclick = function(event) {
+    event.target.parentElement.disabled = true;
+
+    razorpay.open();
+};
diff --git a/resources/views/portal/ninja2020/gateways/razorpay/hosted/pay.blade.php b/resources/views/portal/ninja2020/gateways/razorpay/hosted/pay.blade.php
index 2c3e341ecb78..43a76890f809 100644
--- a/resources/views/portal/ninja2020/gateways/razorpay/hosted/pay.blade.php
+++ b/resources/views/portal/ninja2020/gateways/razorpay/hosted/pay.blade.php
@@ -32,24 +32,5 @@ ctrans('texts.aio_checkout')])
 
 @section('gateway_footer')
     <script src="https://checkout.razorpay.com/v1/checkout.js"></script>
-
-    <script>
-        let options = JSON.parse(
-            document.querySelector('meta[name=razorpay-options]')?.content
-        );
-
-        options.handler = function(response) {
-            document.getElementById('razorpay_payment_id').value = response.razorpay_payment_id;
-            document.getElementById('razorpay_signature').value = response.razorpay_signature;
-            document.getElementById('server-response').submit();
-        };
-
-        let razorpay = new Razorpay(options);
-
-        document.getElementById('pay-now').onclick = function(event) {
-            event.target.parentElement.disabled = true;
-            
-            razorpay.open();
-        }
-    </script>
+    <script src="{{ asset('js/clients/payments/razorpay-aio.js') }}"></script>
 @endsection