@globalpayments/js 4.0.16 → 4.0.19

package/README.md

@@ -24,7 +24,7 @@ This plugin allows you to use online payments (eCommerce) features of a variety
 ## Usage
 
 ```html
-<script src="https://js.globalpay.com/4.0.16/globalpayments.js"></script>
+<script src="https://js.globalpay.com/4.0.19/globalpayments.js"></script>
 ```
 
 > Note: Installing via NPM will only provide TypeScript types for type-checking.
@@ -495,6 +495,44 @@ const cardForm = GlobalPayments.ui.form({
 });
 ```
 
+#### Adding Multiple Custom Fonts
+To add multiple custom fonts, you can use the following configurations:
+
+```
+const cardForm = GlobalPayments.ui.form({
+  fields: { ... },
+  styles: {
+    "@font-face": [
+      {
+        "font-family": "'Font 1'",
+        "src": "url('url/font1.woff2') format('woff2')"
+      },
+      {
+        "font-family": "'Font 2'",
+        "src": "url('url/font2.woff2') format('woff2')"
+      }]
+      
+    // Your styles
+  }
+});
+```
+or
+```
+cardForm.addStylesheet({
+"@font-face": [
+  {
+    "font-family": "'Font 1'",
+    "src": "url('url/font1.woff2') format('woff2')"
+  },
+  {
+    "font-family": "'Font 2'",
+    "src": "url('url/font2.woff2') format('woff2')"
+  }]
+});
+```
+
+
+#### Validation Messages
 The list of validation messages is accessible at [/packages/globalpayments-js/src/internal/lib/translations/en.ts](https://github.globalpay.com/Developer-Experience/globalpayments-js/blob/94540f9ca68bc627f4d3e038b2cec36c6bd317b0/packages/globalpayments-js/src/internal/lib/translations/en.ts#L13)
 
 ![Example: Raw credit card form](docs/images/example-raw-credit-card.png)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@globalpayments/js",
-  "version": "4.0.16",
+  "version": "4.0.19",
   "author": "Heartland Developer Portal <developers@heartland.us>",
   "license": "GPL-2.0",
   "repository": {

package/types/internal/lib/translations/es.d.ts

@@ -49,6 +49,15 @@ declare const es: {
         text: string;
     };
     "other-cards-label": string;
+    QR: {
+        button: {
+            text: string;
+            "aria-label": string;
+        };
+        redirectScreen: {
+            redirectingToPaymentPageMessage: string;
+        };
+    };
     apms: {
         button: {
             getAriaLabel: (paymentMethod: string) => string;

package/types/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.0.16";
+declare const _default: "4.0.19";
 export default _default;