@rebilly/instruments 3.26.3-beta.0 → 3.27.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rebilly/instruments",
-  "version": "3.26.3-beta.0",
+  "version": "3.27.0",
   "author": "Rebilly",
   "license": "MIT",
   "main": "dist/index.js",
@@ -16,7 +16,7 @@
     "@babel/cli": "^7.14.5",
     "@babel/core": "^7.14.6",
     "@babel/preset-env": "^7.14.7",
-    "@rebilly/risk-data-collector": "^2.3.0",
+    "@rebilly/risk-data-collector": "*",
     "@vue/reactivity": "^3.2.39",
     "jwt-decode": "^3.1.2",
     "lodash.camelcase": "^4.3.0",
@@ -30,20 +30,20 @@
   },
   "devDependencies": {
     "@rollup/plugin-babel": "^5.1.0",
-    "@rollup/plugin-commonjs": "^14.0.0",
+    "@rollup/plugin-commonjs": "^15.0.0",
     "@rollup/plugin-json": "^4.1.0",
-    "@rollup/plugin-node-resolve": "^8.4.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^3.0.0",
     "axios": "^0.27.2",
     "babel-plugin-module-resolver": "^4.1.0",
     "component-emitter": "^1.3.0",
-    "core-js": "3.23.3",
+    "core-js": "^3.23.3",
     "jest": "^27.0.6",
     "msw": "0.45.0",
     "msw-when-then": "^1.5.1",
     "rollup": "^2.35.1",
     "rollup-plugin-ignore": "^1.0.10",
-    "rollup-plugin-polyfill-node": "^0.8.0",
+    "rollup-plugin-polyfill-node": "^0.12.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-version-injector": "^1.3.3"
   }

package/project.json

@@ -0,0 +1,11 @@
+{
+  "name": "instruments/core",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "projectType": "library",
+  "sourceRoot": "packages/instruments/core",
+  "targets": {
+    "semantic-release": {
+      "executor": "@theunderscorer/nx-semantic-release:semantic-release"
+    }
+  }
+}

package/{rollup.config.js → rollup.config.mjs}

@@ -1,4 +1,4 @@
-import babel from '@rollup/plugin-babel';
+import { babel } from '@rollup/plugin-babel';
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import json from '@rollup/plugin-json';

package/src/data/payment-methods.json

@@ -1616,6 +1616,25 @@
       }
     ]
   },
+  {
+    "apiName": "NordikCoin",
+    "name": "NordikCoin",
+    "landscapeLogo": null,
+    "portraitLogo": "https://app.rebilly.com/static/payment-methods/portrait/NordikCoin.svg",
+    "summary": "NordikCoin customers can buy Bitcoin in under 5 minutes.",
+    "description": "NordikCoin is a crypto currency exchange that specializes in Bitcoin.",
+    "countries": {
+      "mode": "unknown",
+      "values": []
+    },
+    "storefrontEnabled": true,
+    "_links": [
+      {
+        "rel": "self",
+        "href": "https://api.rebilly.com/payment-methods/NordikCoin"
+      }
+    ]
+  },
   {
     "apiName": "OXXO",
     "name": "OXXO",

package/src/storefront/models/ready-to-pay-model.js

@@ -1,6 +1,12 @@
 import PaymentMetadataModel from './payment-metadata';
 
 export class ReadyToPayFeatureModel {
+  static FeatureName = {
+    paypalBillingAgreement: 'PayPal billing agreement',
+    googlePay: 'Google Pay',
+    applePay: 'Apple Pay',
+  };
+
   constructor({
     name = '',
     expirationTime = '',
@@ -54,4 +60,17 @@ export default class ReadyToPayModel {
     this.filters = filters;
     this.metadata = metadata ? new PaymentMetadataModel(metadata) : null;
   }
+
+  get optionsPaymentInstrumentsKey() {
+    switch (this.feature?.name) {
+      case ReadyToPayFeatureModel.FeatureName.paypalBillingAgreement:
+        return 'paypal';    
+      case ReadyToPayFeatureModel.FeatureName.googlePay:
+        return 'googlePay';    
+      case ReadyToPayFeatureModel.FeatureName.applePay:
+        return 'applePay';    
+      default:
+        return undefined
+    }
+  }
 }

package/src/views/method-selector/express-methods.js

@@ -21,14 +21,6 @@ export default function mountExpressMethod({
     applePayButton.style.cursor = 'pointer';
   }
 
-  // Update height of the container to match the height of the button
-  function updatePayPalStyling() {
-    const {
-      buttonHeight
-    } = state.options.paymentInstruments.paypal;
-    container.style.height = `${buttonHeight}px`;
-  }
-
   function mountButton() {
     if(!container.children.length) {
       const rebillyMountFunction = {
@@ -43,9 +35,7 @@ export default function mountExpressMethod({
         if (id === 'apple-pay') {
           updateApplePayStyling();
         }
-        if (id === 'pay-pal-billing-agreement') {
-          updatePayPalStyling();
-        }
+
       } else {
         console.warn(`method '${id}' is not supported`);
       }

package/src/views/method-selector/mount-express-methods.js

@@ -24,12 +24,35 @@ export async function mountExpressMethods({
     );
   }
 
-  methodIds.forEach((id) => {
+  function generateExpressMethodHeight(method) {
+    let height;
+    const optionId = method.optionsPaymentInstrumentsKey;
+    
+    // Return the default size of express methods if no id is found
+    if (!optionId) return '48px';
+
+    const {buttonHeight, displayOptions} = state.options.paymentInstruments?.[optionId];
+
+    if (displayOptions) {
+      height = displayOptions.buttonHeight;
+    } else {
+      height = buttonHeight;
+    }
+  
+    if (typeof height === 'number') {
+      height = `${buttonHeight}px`;
+    }
+  
+    return height;
+  }
+
+  methods.forEach(method => {
+    const {METHOD_ID: id} = getMethodData(method);
     // filter out apple pay unless in safari
     if (id === 'apple-pay' && !browserIsSafari()) return
 
     container.innerHTML += `
-      <div class="rebilly-instruments-${id}-method"></div>
+      <div class="rebilly-instruments-${id}-method" style="height: ${generateExpressMethodHeight(method)}"></div>
     `;
     mountExpressMethod({
       state,