@medipass/checkout-sdk 2.1.0 → 3.0.0-alpha.0

package/es/requestUpdatePaymentDetails.js

@@ -1,232 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-import _get from 'lodash/get';
-import updatePaymentOverlay from './updatePaymentOverlay';
-import { ENVS, EVENTS, ERROR_MESSAGES, ORIGINS } from './constants';
-import coreSDK from '@medipass/web-sdk';
-import initialiseWindow from './initialiseWindow';
-
-if (!coreSDK.hasInit) {
-  coreSDK.setup();
-}
-
-var updatePaymentDetails = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
-    var apiKey, token, patientRefId, env, onSuccess, onFailure, onCancel, onClose, callbackOrigin, isSessionComplete, sdkConfig, windowReferenceObject, handleClose, onClickRelaunch, checkWindowClosed, onClickCancel, timer, myBusinesses, myBusiness, myBusinessId, patient, patientId, requestPaymentMethodResponse, paymentMethodUpdateLink, openWindow;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            apiKey = _ref.apiKey, token = _ref.token, patientRefId = _ref.patientRefId, env = _ref.env, onSuccess = _ref.onSuccess, onFailure = _ref.onFailure, onCancel = _ref.onCancel, onClose = _ref.onClose, callbackOrigin = _ref.callbackOrigin;
-
-            if (!(!apiKey && !token)) {
-              _context.next = 3;
-              break;
-            }
-
-            throw new Error(ERROR_MESSAGES.NO_API_KEY_OR_NO_TOKEN);
-
-          case 3:
-            if (patientRefId) {
-              _context.next = 5;
-              break;
-            }
-
-            throw new Error(ERROR_MESSAGES.NO_PATIENT_REF_ID);
-
-          case 5:
-            if (env) {
-              _context.next = 7;
-              break;
-            }
-
-            throw new Error(ERROR_MESSAGES.NO_ENVIROMENT_SET);
-
-          case 7:
-            if (callbackOrigin) {
-              _context.next = 9;
-              break;
-            }
-
-            throw new Error(ERROR_MESSAGES.NO_CALLBACK_ORIGIN);
-
-          case 9:
-            isSessionComplete = false;
-            sdkConfig = {
-              env: env
-            };
-
-            if (env === ENVS.LOCAL) {
-              sdkConfig.env = ENVS.DEV;
-            }
-
-            if (env === ENVS.STG) {
-              sdkConfig.env = 'staging';
-            } // Set Medipass web-sdk config
-
-
-            coreSDK.setConfig(sdkConfig);
-
-            if (apiKey || token) {
-              coreSDK.setToken("Bearer " + (apiKey || token));
-            }
-
-            windowReferenceObject = initialiseWindow({
-              url: ''
-            });
-
-            handleClose = function handleClose() {
-              updatePaymentOverlay.removeOverlay();
-
-              if (!isSessionComplete) {
-                onClose && onClose();
-              }
-
-              if (!windowReferenceObject) return;
-              windowReferenceObject.close();
-            };
-
-            onClickRelaunch = function onClickRelaunch() {
-              if (!windowReferenceObject) {
-                windowReferenceObject = initialiseWindow({
-                  url: ''
-                });
-                return;
-              }
-
-              windowReferenceObject.focus();
-            };
-
-            checkWindowClosed = function checkWindowClosed() {
-              if (_get(windowReferenceObject, 'closed')) {
-                clearInterval(timer);
-                handleClose();
-              }
-            };
-
-            onClickCancel = function onClickCancel() {
-              updatePaymentOverlay.removeOverlay();
-
-              if (windowReferenceObject) {
-                windowReferenceObject.close();
-              }
-
-              clearInterval(timer);
-              onClose && onClose();
-            }; // This creates the gray overlay covering the client's screen while patient update their payment information.
-
-
-            updatePaymentOverlay.createOverlay({
-              window: window,
-              onClickRelaunch: onClickRelaunch,
-              onClickCancel: onClickCancel
-            }); // Check the window every 0.5 seconds to see if it has been closed.
-
-            timer = setInterval(checkWindowClosed, 500);
-            _context.next = 24;
-            return coreSDK.businesses.getMyBusinesses();
-
-          case 24:
-            myBusinesses = _context.sent;
-            myBusiness = myBusinesses.items[0];
-            myBusinessId = _get(myBusiness, '_id');
-            _context.next = 29;
-            return coreSDK.patients.getBusinessPatientByRefId(myBusinessId, patientRefId);
-
-          case 29:
-            patient = _context.sent;
-            patientId = _get(patient, '_id');
-            _context.next = 33;
-            return coreSDK.patients.requestUpdatePatientPaymentMethod(myBusinessId, patientId, {
-              sms: {
-                sendToPatientRecordMobile: false,
-                mobile: patient.mobile
-              },
-              callbackOrigin: callbackOrigin
-            });
-
-          case 33:
-            requestPaymentMethodResponse = _context.sent;
-            paymentMethodUpdateLink = _get(requestPaymentMethodResponse, 'paymentMethodUpdateLink');
-
-            openWindow = function openWindow() {
-              // windowReferenceObject may not be defined if browser blocks the pop-up.
-              if (!windowReferenceObject) {
-                windowReferenceObject = initialiseWindow({
-                  url: paymentMethodUpdateLink
-                });
-              } else {
-                windowReferenceObject.location.replace(paymentMethodUpdateLink);
-              }
-
-              if (!windowReferenceObject) {
-                return;
-              } // Start listening for incoming messages    
-
-
-              window.addEventListener('message', function (e) {
-                return onReceiveMessage(e);
-              });
-
-              var onReceiveMessage = function onReceiveMessage(e) {
-                if (!e) return;
-                getMessage(e);
-              };
-
-              var getMessage = function getMessage(e) {
-                var origin = ORIGINS[env];
-                if (!e || !origin) return; // Ensure the message is coming from the correct origin.
-
-                if (_get(e, 'origin') !== origin) return;
-
-                var event = _get(e, 'data.event');
-
-                if (!event) return;
-
-                if (event === EVENTS.SUCCESS) {
-                  isSessionComplete = true; // Give 1.5 seconds for the user to see the success page before auto-closing the pop-up.
-
-                  setTimeout(function () {
-                    onSuccess && onSuccess();
-                    windowReferenceObject.close();
-                  }, 1500);
-                }
-
-                if (event === EVENTS.fAILURE) {
-                  isSessionComplete = true;
-                  onFailure && onFailure();
-                }
-
-                if (event === EVENTS.CANCEL) {
-                  isSessionComplete = true; // Give 1.5 seconds for the user to see the reject page before auto-closing the pop-up.
-
-                  setTimeout(function () {
-                    onCancel && onCancel();
-                    windowReferenceObject.close();
-                  }, 1500);
-                }
-              };
-
-              return windowReferenceObject;
-            };
-
-            openWindow();
-
-          case 37:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function updatePaymentDetails(_x) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-
-export default updatePaymentDetails;

package/es/style.css

@@ -1 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Lato:400,700");

package/es/updatePaymentOverlay.js

@@ -1,184 +0,0 @@
-import { ROOT_ELEMENT_ID } from './constants';
-import toCss from './utils/object-to-css';
-import _get from 'lodash/get';
-var SUBHEADING_ELEMENT_ID = 'medipass-checkout-sdk-subheading';
-
-function createElement(_ref) {
-  var window = _ref.window,
-      element = _ref.element,
-      text = _ref.text,
-      id = _ref.id,
-      styles = _ref.styles,
-      onClick = _ref.onClick;
-  if (!window) return;
-  var newElement = window.document.createElement(element);
-
-  if (text) {
-    newElement.innerHTML = text;
-  }
-
-  if (id) {
-    newElement.id = id;
-  }
-
-  if (styles) {
-    newElement.style.cssText = toCss(styles);
-  }
-
-  if (_get(newElement, 'addEventListener') && onClick) {
-    newElement.addEventListener('click', function () {
-      onClick();
-    });
-  }
-
-  return newElement;
-}
-
-var overlay = {
-  contentElement: null,
-  removeOverlay: function removeOverlay() {
-    var containerDiv = document.getElementById(ROOT_ELEMENT_ID);
-    if (!containerDiv) return;
-    containerDiv.remove();
-  },
-  createOverlay: function createOverlay(_ref2) {
-    var window = _ref2.window,
-        onClickRelaunch = _ref2.onClickRelaunch,
-        onClickCancel = _ref2.onClickCancel;
-    if (!window) return;
-    var containerDiv = createElement({
-      window: window,
-      element: 'div',
-      id: ROOT_ELEMENT_ID,
-      styles: {
-        'z-index': '2147483100',
-        position: 'fixed',
-        top: '0',
-        left: '0',
-        width: '100%',
-        height: '100%',
-        'background-color': 'rgba(0, 0, 0, 0.8)',
-        'font-family': 'Lato',
-        color: 'white',
-        display: 'flex'
-      }
-    });
-    var content = createElement({
-      window: window,
-      element: 'div',
-      styles: {
-        'max-width': '360px',
-        'margin-left': 'auto',
-        'margin-right': 'auto',
-        'margin-top': 'auto',
-        'margin-bottom': 'auto',
-        'text-align': 'center'
-      }
-    });
-    this.contentElement = content; ////////////////////////////////////////////////////////////  
-
-    var heading = createElement({
-      window: window,
-      element: 'div',
-      text: 'Updates to patient payment information are in progress',
-      styles: {
-        color: 'white',
-        'font-size': '35px',
-        'font-weight': '600',
-        'margin-bottom': '30px'
-      }
-    }); ////////////////////////////////////////////////////////////
-
-    var subHeading = this.createSubHeading({
-      window: window,
-      onClickRelaunch: onClickRelaunch,
-      onClickCancel: onClickCancel
-    }); ////////////////////////////////////////////////////////////
-
-    content.appendChild(heading);
-    content.appendChild(subHeading);
-    containerDiv.appendChild(content); ////////////////////////////////////////////////////////////
-
-    window.document.body.appendChild(containerDiv);
-  },
-  createSubHeading: function createSubHeading(_ref3) {
-    var window = _ref3.window,
-        onClickRelaunch = _ref3.onClickRelaunch,
-        onClickCancel = _ref3.onClickCancel;
-    if (!window) return;
-    var subHeadingContainer = createElement({
-      window: window,
-      id: SUBHEADING_ELEMENT_ID,
-      element: 'div'
-    });
-    var subHeading1 = createElement({
-      window: window,
-      element: 'div',
-      text: 'Don\'t see the window?'
-    });
-    var link1 = createElement({
-      window: window,
-      element: 'a',
-      text: 'Click here',
-      onClick: onClickRelaunch,
-      styles: {
-        'text-decoration': 'underline',
-        cursor: 'pointer',
-        'font-weight': '600'
-      }
-    });
-    var subHeading2 = createElement({
-      window: window,
-      element: 'span',
-      text: ' to relaunch and complete updating patient payment details.'
-    });
-    var subHeading3 = createElement({
-      window: window,
-      element: 'div',
-      text: 'OR',
-      styles: {
-        'margin-top': '20px',
-        'margin-bottom': '20px'
-      }
-    });
-    var link2 = createElement({
-      window: window,
-      element: 'a',
-      text: 'Click here to cancel this request.',
-      onClick: onClickCancel,
-      styles: {
-        'text-decoration': 'underline',
-        cursor: 'pointer',
-        'font-weight': '600'
-      }
-    });
-    subHeadingContainer.appendChild(subHeading1);
-    subHeadingContainer.appendChild(link1);
-    subHeadingContainer.appendChild(subHeading2);
-    subHeadingContainer.appendChild(subHeading3);
-    subHeadingContainer.appendChild(link2);
-    return subHeadingContainer;
-  },
-  updateSubheading: function updateSubheading(_ref4) {
-    var window = _ref4.window,
-        onClickRelaunch = _ref4.onClickRelaunch,
-        onClickCancel = _ref4.onClickCancel;
-    if (!window) return;
-    var subheaderElement = document.getElementById(SUBHEADING_ELEMENT_ID);
-
-    if (subheaderElement) {
-      subheaderElement.remove();
-    }
-
-    var newSubheading = this.createSubHeading({
-      window: window,
-      onClickRelaunch: onClickRelaunch,
-      onClickCancel: onClickCancel
-    });
-
-    if (this.contentElement && _get(this.contentElement, 'appendChild')) {
-      this.contentElement.appendChild(newSubheading);
-    }
-  }
-};
-export default overlay;

package/es/utils/object-to-css.js

@@ -1,3 +0,0 @@
-export default (function (style) {
-  return JSON.stringify(style, null, '\t').replace(/"/g, '').replace(/,\n/g, ';').replace(/\}/g, '').replace(/\{/g, '');
-});

package/lib/constants.js

@@ -1,33 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.ROOT_ELEMENT_ID = exports.ERROR_MESSAGES = exports.EVENTS = exports.ORIGINS = exports.ENVS = void 0;
-
-var _ORIGINS;
-
-var ENVS = {
-  LOCAL: 'local',
-  DEV: 'dev',
-  STG: 'stg',
-  PROD_BLUE: 'prod-blue',
-  PROD: 'prod'
-};
-exports.ENVS = ENVS;
-var ORIGINS = (_ORIGINS = {}, _ORIGINS[ENVS.LOCAL] = 'http://localhost:3001', _ORIGINS[ENVS.DEV] = 'https://dev-my.medipass.io', _ORIGINS[ENVS.STG] = 'https://stg-my.medipass.io', _ORIGINS[ENVS.PROD_BLUE] = 'https://my-blue.medipass.io', _ORIGINS[ENVS.PROD] = 'https://my.medipass.io', _ORIGINS);
-exports.ORIGINS = ORIGINS;
-var EVENTS = {
-  SUCCESS: 'success',
-  fAILURE: 'failure',
-  CANCEL: 'cancel'
-};
-exports.EVENTS = EVENTS;
-var ERROR_MESSAGES = {
-  NO_API_KEY_OR_NO_TOKEN: 'apiKey or token is not provided',
-  NO_PATIENT_REF_ID: 'patientRefId is not provided',
-  NO_ENVIROMENT_SET: 'environment must be set',
-  NO_CALLBACK_ORIGIN: 'callbackOrigin must be set',
-  GENERAL_ERROR: 'Please ensure that all required values are passed'
-};
-exports.ERROR_MESSAGES = ERROR_MESSAGES;
-var ROOT_ELEMENT_ID = 'medipass-checkout-sdk-root';
-exports.ROOT_ELEMENT_ID = ROOT_ELEMENT_ID;