@paydock/client-sdk 1.104.9-beta → 1.105.56-beta

package/docs/wallet-buttons.md

@@ -131,6 +131,8 @@ Interface of data from an unavailable event.
 | Param | Type | Description |
 | --- | --- | --- |
 | [wallet] | <code>string</code> | For gateways with more than one wallet button available (e.g: MPGS with ApplePay and GooglePay). Possible values for wallet are 'apple' or 'google'. |
+| [type] | <code>string</code> | Event Code. Value can be 'create_order_id_error' on FlypayV2 order creation failure. Optional for [Flypay V2]. N/A for other wallets. |
+| [error_code] | <code>string</code> | Event Error Code. Value can be any error code return from Paydock's API. Optional for [Flypay V2]. N/A for other wallets.  + |
 
 <a name="IWalletUpdateData" id="IWalletUpdateData" href="#IWalletUpdateData">&nbsp;</a>
 
@@ -170,6 +172,7 @@ Interface of data used by the wallet checkout and payment proccess.
 | [style.button_type] | <code>object</code> | Used to select ApplePay button type (e.g: 'buy','donate', etc), check possible values at https://developer.apple.com/documentation/apple_pay_on_the_web/displaying_apple_pay_buttons_using_css. Also select button type for GooglePay (check GooglePayStyles) and Afterpay (check AfterpayStyles). Optional for [ApplePay, GooglePay, Afterpay]. N/A for other wallets. |
 | [style.height] | <code>object</code> | Used to select Afterpay button height. Optional for [Afterpay]. N/A for other wallets. |
 | [wallets] | <code>array</code> | By default if this is not sent or empty, we will try to show either Apple Pay or Google Pay buttons. This can be limited sending the following array in this field: ['apple','google]. Optional for [Stripe, ApplePay, GooglePay]. N/A for other wallets. |
+| [client_id] | <code>string</code> | Client ID to be used in the provider system. Required for [Flypay V2]. N/A for [FlyPay, GooglePay, ApplePay, PayPal, Afterpay]. |
 
 <a name="IApplePayShippingOption" id="IApplePayShippingOption" href="#IApplePayShippingOption">&nbsp;</a>
 

package/examples/multi-html-widget/simple.html

@@ -16,7 +16,8 @@
 
 <div id="widget"></div>
 
-<script src="https://widget.paydock.com/sdk/latest/widget.umd.min.js" ></script>
+<!-- <script src="https://widget.paydock.com/sdk/latest/widget.umd.min.js" ></script> -->
+<script src="../../bundles/widget.umd.js" ></script>
 
 <script>
 	var card = new paydock.Configuration('5c77d21fb8d0ce13df9bce3f');

package/package.json

@@ -22,7 +22,7 @@
   "types": "./bundles/index.mjs.d.ts",
   "unpkg": "./bundles/widget.umd.js",
   "exports": {
-    "./api": {
+    ".": {
       "import": {
         "types": "./bundles/index.mjs.d.ts",
         "default": "./bundles/index.mjs"
@@ -30,9 +30,19 @@
       "module": {
         "types": "./bundles/index.mjs.d.ts",
         "default": "./bundles/index.mjs"
-      }
+      },
+      "node": {
+        "types": "./bundles/index.cjs.d.ts",
+        "default": "./bundles/index.cjs"
+      },
+      "require": {
+        "types": "./bundles/index.cjs.d.ts",
+        "default": "./bundles/index.cjs"
+      },
+      "types": "./bundles/index.mjs.d.ts",
+      "default": "./bundles/index.mjs.js"
     },
-    "./canvas3ds": {
+    "./api": {
       "import": {
         "types": "./bundles/index.mjs.d.ts",
         "default": "./bundles/index.mjs"
@@ -42,7 +52,7 @@
         "default": "./bundles/index.mjs"
       }
     },
-    "./checkout-button": {
+    "./canvas3ds": {
       "import": {
         "types": "./bundles/index.mjs.d.ts",
         "default": "./bundles/index.mjs"
@@ -52,7 +62,7 @@
         "default": "./bundles/index.mjs"
       }
     },
-    "./payment-source-widget": {
+    "./checkout-button": {
       "import": {
         "types": "./bundles/index.mjs.d.ts",
         "default": "./bundles/index.mjs"
@@ -62,7 +72,7 @@
         "default": "./bundles/index.mjs"
       }
     },
-    "./vault-display-widget": {
+    "./payment-source-widget": {
       "import": {
         "types": "./bundles/index.mjs.d.ts",
         "default": "./bundles/index.mjs"
@@ -72,7 +82,7 @@
         "default": "./bundles/index.mjs"
       }
     },
-    "./widget": {
+    "./vault-display-widget": {
       "import": {
         "types": "./bundles/index.mjs.d.ts",
         "default": "./bundles/index.mjs"
@@ -82,7 +92,7 @@
         "default": "./bundles/index.mjs"
       }
     },
-    ".": {
+    "./widget": {
       "import": {
         "types": "./bundles/index.mjs.d.ts",
         "default": "./bundles/index.mjs"
@@ -90,27 +100,18 @@
       "module": {
         "types": "./bundles/index.mjs.d.ts",
         "default": "./bundles/index.mjs"
-      },
-      "node": {
-        "types": "./bundles/index.cjs.d.ts",
-        "default": "./bundles/index.cjs"
-      },
-      "require": {
-        "types": "./bundles/index.cjs.d.ts",
-        "default": "./bundles/index.cjs"
-      },
-      "types": "./bundles/index.mjs.d.ts",
-      "default": "./bundles/index.mjs.js"
+      }
     }
   },
   "name": "@paydock/client-sdk",
-  "version": "1.104.9-beta",
+  "version": "1.105.56-beta",
   "scripts": {
     "build:doc": "node docs/html/marked.js",
     "build:js": "rollup --config rollup.config.ts --configPlugin @rollup/plugin-typescript",
     "bundle:css": "grunt replace:css",
     "bundle:html": "grunt replace:html",
     "bundle:js": "run-s clean:bundles build:js",
+    "bundle:js:local": "npm run bundle:js && npm run replace:hosts",
     "clean:bundles": "rimraf ./bundles/",
     "clean:lib": "rimraf ./lib/",
     "compute:checksums:bundles": "find ./bundles -type f -exec sha256sum {} \\;",
@@ -119,6 +120,7 @@
     "doc:cba": "run-s clean:lib tsc:cba markdown:cba",
     "doc:paydock": "run-s clean:lib tsc:paydock markdown:paydock",
     "lint": "tslint -c tslint.json 'src/**/*.ts{,x}'",
+    "lint:fix": "tslint -c tslint.json 'src/**/*.ts{,x}' --fix",
     "markdown:cba": "grunt cba_docs",
     "markdown:paydock": "grunt docs",
     "publish:local": "./publish-to-local-registry.sh",
@@ -128,92 +130,96 @@
     "test": "run-s test:chromium",
     "tsc:cba": "tsc --project tsconfig.cba.json",
     "tsc:paydock": "tsc --project tsconfig.paydock.json",
-    "typecheck": "tsc -b"
+    "tidy:ci": "biome ci --no-errors-on-unmatched .",
+    "tidy:precommit": "biome ci --no-errors-on-unmatched --changed .",
+    "tidy": "biome check --apply --formatter-enabled=true --linter-enabled=true --organize-imports-enabled=true --no-errors-on-unmatched .",
+    "typecheck": "tsc --project tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@auspayplus/open-payments-checkout": "1.7.3",
-    "@stripe/stripe-js": "^1.11.0"
+    "@auspayplus/open-payments-checkout": "1.8.0",
+    "@newrelic/browser-agent": "1.260.1",
+    "@stripe/stripe-js": "1.54.2"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.9",
-    "@babel/core": "^7.24.0",
-    "@babel/plugin-external-helpers": "^7.23.3",
-    "@babel/plugin-transform-modules-umd": "^7.23.3",
-    "@babel/plugin-transform-object-assign": "^7.23.3",
-    "@babel/plugin-transform-runtime": "^7.24.0",
-    "@babel/polyfill": "^7.12.1",
-    "@babel/preset-env": "^7.24.0",
-    "@babel/runtime": "^7.24.0",
-    "@babel/runtime-corejs2": "^7.24.0",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-replace": "^5.0.5",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@rollup/pluginutils": "^5.1.0",
-    "@types/applepayjs": "^3.0.1",
-    "@types/es6-promise": "^3.3.0",
-    "@types/googlepay": "^0.6.3",
-    "@types/jasmine": "^5.1.4",
-    "@types/jasmine-ajax": "^3.3.5",
-    "@types/jquery": "^3.5.29",
-    "babelify": "^10.0.0",
-    "base64-js": "^1.2.0",
-    "browser-resolve": "^1.11.2",
-    "browserify": "^14.1.0",
-    "browserify-istanbul": "^2.0.0",
-    "buffer": "^5.0.5",
+    "@babel/cli": "7.24.5",
+    "@babel/core": "7.24.5",
+    "@babel/plugin-external-helpers": "7.24.1",
+    "@babel/plugin-transform-modules-umd": "7.24.1",
+    "@babel/plugin-transform-object-assign": "7.24.1",
+    "@babel/plugin-transform-runtime": "7.24.3",
+    "@babel/polyfill": "7.12.1",
+    "@babel/preset-env": "7.24.5",
+    "@babel/runtime": "7.24.5",
+    "@babel/runtime-corejs2": "7.24.5",
+    "@biomejs/biome": "1.7.3",
+    "@rollup/plugin-babel": "6.0.4",
+    "@rollup/plugin-commonjs": "25.0.7",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-replace": "5.0.5",
+    "@rollup/plugin-terser": "0.4.4",
+    "@rollup/plugin-typescript": "11.1.6",
+    "@rollup/pluginutils": "5.1.0",
+    "@types/applepayjs": "14.0.8",
+    "@types/es6-promise": "3.3.0",
+    "@types/googlepay": "0.6.4",
+    "@types/jasmine": "5.1.4",
+    "@types/jasmine-ajax": "3.3.5",
+    "@types/jquery": "3.5.30",
+    "babelify": "10.0.0",
+    "base64-js": "1.5.1",
+    "browser-resolve": "1.11.3",
+    "browserify": "17.0.0",
+    "browserify-istanbul": "2.0.0",
+    "buffer": "5.7.1",
+    "dotenv": "16.4.5",
     "fs": "0.0.2",
-    "grunt": "^1.6.1",
-    "grunt-cli": "^1.2.0",
-    "grunt-jsdoc-to-markdown": "^6.0.0",
-    "grunt-replace": "^2.0.2",
+    "grunt": "1.6.1",
+    "grunt-cli": "1.4.3",
+    "grunt-jsdoc-to-markdown": "6.0.0",
+    "grunt-replace": "2.0.2",
     "grunt-template-render": "0.0.1",
-    "highlight.js": "^11.5.1",
-    "ieee754": "^1.1.8",
-    "include-all": "^0.1.6",
-    "jasmine-ajax": "^3.3.1",
-    "jasmine-core": "^2.5.2",
-    "jquery": "^3.2.1",
-    "jsdoc-to-markdown": "^8.0.0",
-    "karma": "^6.4.2",
-    "karma-browserify": "^8.1.0",
-    "karma-chrome-launcher": "^2.2.0",
-    "karma-cli": "^2.0.0",
-    "karma-firefox-launcher": "^1.0.1",
-    "karma-jasmine": "^1.1.0",
-    "karma-jasmine-ajax": "^0.1.13",
-    "karma-mocha-reporter": "^2.2.2",
-    "marked": "^4.0.14",
-    "npm-run-all": "^4.1.5",
-    "process": "^0.11.9",
-    "rimraf": "^5.0.5",
-    "rollup": "^4.13.0",
-    "rollup-plugin-dts": "^6.1.0",
-    "tsify": "^3.0.1",
-    "tslib": "^2.6.2",
-    "tslint": "^5.8.0",
-    "typescript": "^4.9.5",
-    "zod": "^3.22.4"
+    "highlight.js": "11.9.0",
+    "ieee754": "1.2.1",
+    "include-all": "4.0.3",
+    "jasmine-ajax": "3.4.0",
+    "jasmine-core": "2.99.1",
+    "jquery": "3.7.1",
+    "jsdoc-to-markdown": "8.0.1",
+    "karma": "6.4.3",
+    "karma-browserify": "8.1.0",
+    "karma-chrome-launcher": "2.2.0",
+    "karma-cli": "2.0.0",
+    "karma-firefox-launcher": "1.3.0",
+    "karma-jasmine": "1.1.2",
+    "karma-jasmine-ajax": "0.1.13",
+    "karma-mocha-reporter": "2.2.5",
+    "marked": "4.3.0",
+    "npm-run-all2": "6.2.0",
+    "process": "0.11.10",
+    "rimraf": "5.0.7",
+    "rollup": "4.17.2",
+    "rollup-plugin-dts": "6.1.0",
+    "rxjs": "7.8.1",
+    "tsify": "3.0.4",
+    "tslib": "2.6.2",
+    "tslint": "5.20.1",
+    "typescript": "5.4.5",
+    "zod": "3.23.8"
   },
-  "overrides": {
-    "grunt-ts": {
-      "chokidar": {
-        "fsevents": {
-          "minimist": "^1.2.6"
-        }
-      }
-    }
+  "engines": {
+    "node": ">=16.0.0"
   },
   "license": "UNLICENSED",
   "keywords": [
     "client-sdk",
     "es2015",
+    "umd",
+    "cjs",
+    "esm",
     "paydock",
     "sdk",
-    "typeScript",
+    "typescript",
     "widget"
   ]
 }

package/slate.md

@@ -1103,7 +1103,7 @@ var button = new WalletButtons(
 button.load();
 ```
 
-Flypay, Flypay V2 and Paypal wallets do not require any meta sent to the wallet, so the following is enough for initialization:
+Flypay and Paypal wallets do not require any meta sent to the wallet, so the following is enough for initialization:
 ```javascript
 let button = new paydock.WalletButtons(
     "#widget",
@@ -1151,6 +1151,32 @@ var button = new WalletButtons(
 button.load();
 ```
 
+For Flypay v2 wallet, the client_id is required:
+```javascript
+let button = new paydock.WalletButtons(
+    "#widget",
+    token,
+    {
+        client_id: "client_id",
+    }
+);
+button.load();
+```
+
+```javascript
+// ES2015 | TypeScript
+import { WalletButtons } from '@paydock/client-sdk';
+
+var button = new WalletButtons(
+    '#widget',
+    token,
+    {
+        client_id: "client_id",
+    }
+);
+button.load();
+```
+
 ### Setting environment
 
 Current method can change environment. By default environment = sandbox.
@@ -1451,10 +1477,11 @@ _(Required `meta` fields: - . Optional `meta` fields: -)_
 		{
             access_token: 'TOKEN',
             refresh_token: 'TOKEN',
+            client_id: 'CLIENT_ID',
         },
 	);
     button.setEnv('sandbox');
-    button.onUnavailable(() => console.log("No wallet buttons available"));
+    button.onUnavailable((data) => console.log("No wallet buttons available"));
     button.onPaymentSuccessful((data) => console.log("The payment was successful"));
     button.onPaymentError((data) => console.log("The payment was not successful"));
     button.onAuthTokensChanged((data) => console.log('Authentication tokens changed'));
@@ -1895,3 +1922,39 @@ src.setStyles({
     font_family: 'Arial',
 });
 ```
+
+## Recognition token
+
+In order to store user information for further payments, click to pay provides a recognition token that is used to load user information.
+If you already have a recognitionToken stored, you can use it in meta to load the user information.
+
+### Storage suggestions
+Merchant can store the tokens by dropping the token as a 1st party cookie in the browser, and must ensure to manage all the security aspects around dropping/storing the cookie by following the security standards:
+
+- `Expiration Date=` cookie should be set to expire at a max 180 days
+- `Secure` flag
+- `httpOnly` flag
+- `sameSite=` strict
+- `Value=` recognition token JWT
+
+### Example code
+
+```javascript
+var src = new paydock.ClickToPay(
+    "#checkoutIframe",
+    "service_id",
+    "paydock_public_key",
+    {
+        "recognition_token": "eyJraWQiOiIy...",
+    },
+);
+src.on('recognitionTokenRequested', (data) => {
+    console.log('Recognition token was found: ' + data.data.recognitionToken);
+    // Add recognition token to your store
+});
+
+src.on('recognitionTokenDropped', () => {
+    console.log('Recognition token was droped');
+    // Delete recognition token from your store
+});
+```