@atlassian/atlassian-connect-js 5.3.190

package/spec/tests/utils/webitem.js

@@ -0,0 +1,219 @@
+import WebItemUtils from 'src/host/utils/webitem';
+
+describe('webitem utils', () => {
+  describe('sanitizeTriggers', () => {
+    it('sanitizes array', () => {
+      const triggers = ['mouseenter', 'click'];
+      const expected = 'mouseenter click';
+      expect(WebItemUtils.sanitizeTriggers(triggers)).toBe(expected);
+    });
+
+    it('sanitizes string', () => {
+      const triggers = '   mouseenter click  ';
+      const expected = 'mouseenter click';
+      expect(WebItemUtils.sanitizeTriggers(triggers)).toBe(expected);
+    });
+  });
+
+  describe('uniqueId', () => {
+    it('returns a unique webitem id', () => {
+      const id1 = WebItemUtils.uniqueId();
+      const id2 = WebItemUtils.uniqueId();
+      expect(id1).not.toEqual(id2);
+    });
+  });
+
+  describe('getExtensionKey', () => {
+    it('returns false if key is missing from class name', () => {
+      expect(WebItemUtils.getExtensionKey('')).toBe(false);
+    });
+
+    it('returns extension key', () => {
+      const expectedKey = 'somekey1234';
+      const cssClass = `ap-plugin-key-${expectedKey}`
+      expect(WebItemUtils.getExtensionKey(cssClass)).toBe(expectedKey);
+    });
+  });
+
+  describe('getKey', () => {
+    it('returns false if key is missing from class name', () => {
+      const cssClass = ''
+      expect(WebItemUtils.getKey(cssClass)).toBe(false);
+    });
+
+    it('returns module key', () => {
+      const expectedKey = 'somekey1234';
+      const cssClass = `ap-module-key-${expectedKey}`
+      expect(WebItemUtils.getKey(cssClass)).toBe(expectedKey);
+    });
+  });
+
+  describe('getOptionsForWebItem', () => {
+    const dialogOptions = {
+      options: {
+        someKey: 'someVal'
+      }
+    };
+
+    const inlineDialogOptions = {
+      options: {
+        someKey: 'otherSomeVal'
+      }
+    };
+
+    const dialogOptionsWithProductContext = {
+      options: {
+        productContext: {
+          key1: 'val1',
+          key2: 'val2'
+        }
+      }
+    };
+
+    beforeEach(() => {
+      window._AP = {
+        _convertConnectOptions: function(data){
+          return {
+            options: {
+              productContext: JSON.parse(data.productCtx),
+              structuredContext: JSON.parse(data.structuredContext)
+            }
+          };
+        },
+        dialogModules: {
+          addonKey: {
+            moduleKey: dialogOptions,
+            moduleWithCtxKey: dialogOptionsWithProductContext
+          }
+        },
+        inlineDialogModules: {
+          addonKey: {
+            moduleKey: inlineDialogOptions
+          }
+        }
+      };
+    });
+
+    afterEach(() => {
+      delete window._AP._convertConnectOptions;
+    });
+
+    it('returns options of existing dialog webitem', () => {
+      const extensionKey = 'addonKey';
+      const key = 'moduleKey';
+      const $target = $('<div></div>');
+      const cssClass = `ap-module-key-${key} ap-target-key-${key} ap-plugin-key-${extensionKey}`;
+      const optionsForWebItem = WebItemUtils.getOptionsForWebItem($target, cssClass);
+      expect(optionsForWebItem.someKey).toEqual(dialogOptions.options.someKey);
+      expect(optionsForWebItem.productContext).toEqual({});
+    });
+
+    it('returns options of existing inline dialog webitem', () => {
+      const extensionKey = 'addonKey';
+      const key = 'moduleKey';
+      const $target = $('<div></div>');
+      const cssClass = `ap-inline-dialog ap-module-key-${key} ap-target-key-${key} ap-plugin-key-${extensionKey}`;
+      const optionsForWebItem = WebItemUtils.getOptionsForWebItem($target, cssClass);
+      expect(optionsForWebItem.someKey).toEqual(inlineDialogOptions.options.someKey);
+      expect(optionsForWebItem.productContext).toEqual({});
+    });
+
+    it('returns empty options when not defined', () => {
+      const $target = $('<div></div>');
+      const cssClass = 'ap-inline-dialog ap-module-key-nothing ap-target-key-nothing ap-plugin-key-something';
+      const optionsForWebItem = WebItemUtils.getOptionsForWebItem($target, cssClass);
+      expect(optionsForWebItem).toEqual({productContext: {}, structuredContext: {}});
+    });
+
+    it('returns options with product context', () => {
+      const extensionKey = 'addonKey';
+      const key = 'moduleWithCtxKey';
+      var hashFragment = encodeURI(JSON.stringify({
+        structuredContext: '{"project":{"key":"FDS","id":"10000"}}',
+        productCtx:'{"user.key":"admin","project.key":"FDS","key1":"val1","key2":"val2","user.id":"admin","issue.key":"FDS-12","issuetype.id":"10003"}'
+      }));
+      var urlAnchor = '#' + hashFragment;
+      const $target = $('<a href=""></a>').attr('href', urlAnchor);
+      const cssClass = `ap-module-key-${key} ap-target-key-${key} ap-plugin-key-${extensionKey}`;
+      const optionsForWebItem = WebItemUtils.getOptionsForWebItem($target, cssClass);
+      // from the global options
+      expect(optionsForWebItem.productContext['key1']).toEqual('val1');
+      expect(optionsForWebItem.productContext['key2']).toEqual('val2');
+      // from anchor params
+      expect(optionsForWebItem.productContext['user.key']).toEqual('admin');
+      expect(optionsForWebItem.productContext['project.key']).toEqual('FDS');
+      expect(optionsForWebItem.structuredContext).toEqual({
+        project: {
+          key: 'FDS',
+          id: '10000'
+        }
+      });
+      const convertedOptions = WebItemUtils.getConfigFromTarget($target, cssClass);
+      expect(convertedOptions.options.productContext['issue.key']).toEqual('FDS-12');
+      expect(convertedOptions.options.productContext['project.key']).toEqual('FDS');
+      expect(convertedOptions.options.structuredContext.project.key).toEqual('FDS');
+      expect(convertedOptions.options.structuredContext.project.id).toEqual('10000');
+    });
+
+    it('returns options with product context and explicit URL', () => {
+      const extensionKey = 'addonKey';
+      const key = 'moduleWithCtxKey';
+      var hashFragment = encodeURI(JSON.stringify({
+        structuredContext: '{"project":{"key":"FDS","id":"10000"}}',
+        productCtx:'{"user.key":"admin","project.key":"FDS","key1":"val1","key2":"val2","user.id":"admin","issue.key":"FDS-12","issuetype.id":"10003"}'
+      }));
+      var urlAnchor = '#' + hashFragment;
+      const $target = $('<a href=""></a>');
+      const cssClass = `ap-module-key-${key} ap-target-key-${key} ap-plugin-key-${extensionKey}`;
+      const optionsForWebItem = WebItemUtils.getOptionsForWebItem($target, cssClass, urlAnchor);
+      // from the global options
+      expect(optionsForWebItem.productContext['key1']).toEqual('val1');
+      expect(optionsForWebItem.productContext['key2']).toEqual('val2');
+      // from anchor params
+      expect(optionsForWebItem.productContext['user.key']).toEqual('admin');
+      expect(optionsForWebItem.productContext['project.key']).toEqual('FDS');
+      expect(optionsForWebItem.structuredContext).toEqual({
+        project: {
+          key: 'FDS',
+          id: '10000'
+        }
+      });
+      const convertedOptions = WebItemUtils.getConfigFromTarget($target, cssClass, urlAnchor);
+      expect(convertedOptions.options.productContext['issue.key']).toEqual('FDS-12');
+      expect(convertedOptions.options.productContext['project.key']).toEqual('FDS');
+      expect(convertedOptions.options.structuredContext.project.key).toEqual('FDS');
+      expect(convertedOptions.options.structuredContext.project.id).toEqual('10000');
+    });
+
+    // test for legacy URL formats in the p2 plugin
+    it('returns options with product context for URLs without hash fragments', () => {
+      const extensionKey = 'addonKey';
+      const key = 'moduleWithCtxKey';
+      const $target = $('<a href="https://some.url.com?key3=val3&key4=val4"></a>');
+      const cssClass = `ap-module-key-${key} ap-target-key-${key} ap-plugin-key-${extensionKey}`;
+      const optionsForWebItem = WebItemUtils.getOptionsForWebItem($target, cssClass);
+      // from the global options
+      expect(optionsForWebItem.productContext['key1']).toEqual('val1');
+      expect(optionsForWebItem.productContext['key2']).toEqual('val2');
+      // from query params
+      expect(optionsForWebItem.productContext['key3']).toEqual('val3');
+      expect(optionsForWebItem.productContext['key4']).toEqual('val4');
+    });
+
+    it('returns options with product context for explicit URLs without hash fragments', () => {
+      const extensionKey = 'addonKey';
+      const key = 'moduleWithCtxKey';
+      const $target = $('<div></div>');
+      const cssClass = `ap-module-key-${key} ap-target-key-${key} ap-plugin-key-${extensionKey}`;
+      const href = 'https://some.url.com?key3=val3&key4=val4';
+      const optionsForWebItem = WebItemUtils.getOptionsForWebItem($target, cssClass, href);
+      // from the global options
+      expect(optionsForWebItem.productContext['key1']).toEqual('val1');
+      expect(optionsForWebItem.productContext['key2']).toEqual('val2');
+      // from query params
+      expect(optionsForWebItem.productContext['key3']).toEqual('val3');
+      expect(optionsForWebItem.productContext['key4']).toEqual('val4');
+    });
+
+  });
+});

package/spec/tests/webitem_spec.js

@@ -0,0 +1,131 @@
+import WebItem from 'src/host/components/webitem';
+import _ from 'lodash';
+
+describe('webitem component', () => {
+
+  describe('content resolver', () => {
+
+    it('contains a default content resolver', () => {
+      expect(WebItem._contentResolver).toEqual(jasmine.any(Function));
+    });
+
+    it('setContentResolver sets a content resolver', () => {
+      var resolver = jasmine.createSpy('spy');
+      WebItem.setContentResolver(resolver);
+      expect(WebItem._contentResolver).toEqual(resolver);
+    });
+
+    it('requestContent calls the content resolver', () => {
+      var resolver = jasmine.createSpy('spy');
+      var extension = {
+        addon_key: 'some.addon.key',
+        key: 'any.module.key'
+      };
+      WebItem.setContentResolver(resolver);
+      WebItem.requestContent(extension);
+      expect(resolver).toHaveBeenCalled();
+      expect(resolver.calls.first().args[0]).toEqual({
+        addon_key: extension.addon_key,
+        key: extension.key,
+        classifier: 'json'
+      });
+    });
+
+    it('requestContent returns the content resolver return', () => {
+      var resolver = jasmine.createSpy('spy').and.returnValue('response');
+      var extension = {
+        addon_key: 'some.addon.key',
+        key: 'any.module.key'
+      };
+      WebItem.setContentResolver(resolver);
+      expect(WebItem.requestContent(extension)).toEqual('response');
+    });
+  });
+
+  it('setWebItem adds a webitem to the list', () => {
+    var webitemone = {
+      name: 'awebitem',
+      selector: 'div',
+      triggers: []
+    };
+    expect(WebItem._webitems).toEqual({});
+    WebItem.setWebItem(webitemone);
+    expect(WebItem._webitems).toEqual({
+      'awebitem': webitemone
+    });
+  });
+
+  describe('getWebItemsBySelector', () => {
+    afterEach(() => {
+      WebItem._webitems = {};
+    });
+
+    it('returns webitems that match the specified selector', () => {
+      var webitemone = {
+        name: 'awebitem',
+        selector: 'div',
+        triggers: []
+      };
+      var webitemtwo = {
+        name: 'secondwebitem',
+        selector: 'a',
+        triggers: []
+      };
+      WebItem.setWebItem(webitemone);
+      WebItem.setWebItem(webitemtwo);
+
+      var filtered = WebItem.getWebItemsBySelector('div');
+      expect(filtered).toEqual(webitemone);
+
+    });
+  });
+
+  describe('AUI responsive webitems event', () => {
+    var oldWebItemId = 'old-web-item';
+    var newWebItemId = 'new-web-item';
+    var apClassList = ['ap-dialog', 'ap-module-test', 'ap-extension'];
+    var nonApClassList = ['aui-nav', 'aui-something', 'not-ap'];
+
+    afterEach(() => {
+      $(`#${oldWebItemId}`).remove();
+      $(`#${newWebItemId}`).remove();
+    });
+
+    it('adds ap classes to the sub menu web items', () => {
+
+      $('body').append($(`<li id="${oldWebItemId}"><a href="https://some.url.com" class="${nonApClassList.join(' ')} ${apClassList.join(' ')}">test</a></li>`));
+      $('body').append($(`<li id="${newWebItemId}"><a href="https://some.url.com">test</a></li>`));
+
+      var oldWebItem = document.getElementById(oldWebItemId);
+      var newWebItem = document.getElementById(newWebItemId);
+
+      var testEvent;
+      if (typeof Event === 'function') {
+        testEvent = new Event('aui-responsive-menu-item-created');
+        testEvent.detail = {
+          originalItem: oldWebItem,
+          newItem: newWebItem
+        };
+        document.dispatchEvent(testEvent);
+      } else {
+        var testEvent = document.createEvent('Event');
+        testEvent.initEvent('aui-responsive-menu-item-created', false, false);
+        testEvent.detail = {
+          originalItem: oldWebItem,
+          newItem: newWebItem
+        };
+        document.dispatchEvent(testEvent);
+      }
+
+      var newWebItemLink = newWebItem.querySelector('a');
+
+      apClassList.forEach((cls) => {
+        expect(_.includes(newWebItemLink.classList, cls)).toBe(true);
+      });
+
+      nonApClassList.forEach((cls) => {
+        expect(_.includes(newWebItemLink.classList, cls)).toBe(false);
+      });
+    });
+  });
+});

package/src/css/host/dialog.css

@@ -0,0 +1,144 @@
+.ap-stats {
+    padding: 0px 10px;
+    background-color: #f5f5f5;
+}
+
+.ap-dialog-container .ap-container,
+.ap-aui-dialog2 div {
+    height: 100%;
+}
+
+.ap-aui-dialog2 div.ap-stats {
+    height: auto;
+    position: absolute; /* go over the top of the bottom bar when visible */
+}
+
+/* add new aui dialog size of fullscreen */
+.ap-aui-dialog2.aui-dialog2-fullscreen {
+    /*
+    https://jira.atlassian.com/browse/CONFCLOUD-73967
+    We couldn't find how this issue started happening, it might have been there for some time but noone noticed it before.
+    Adding !important to increase priority of this over .aui-dialog2.aui-layer
+    */
+    top: 0 !important;
+}
+
+/* add new aui dialog size of maximum */
+.ap-aui-dialog2.aui-dialog2-maximum {
+    top: 0 !important;
+    height: 100%;
+}
+.ap-aui-dialog2.aui-dialog2-maximum .aui-dialog2-content {
+    height: 100%;
+}
+
+.ap-aui-dialog2 .aui-dialog2-content {
+  padding:0;
+
+    /* in chrome'd dialogs - fixes scrollbars added by iframes with scrollbars pushing the width out */
+    overflow:hidden;
+
+    /* in safari, chromeless dialogs become invisible, because apparently GPU FTW */
+    -webkit-transform: translatez(0);
+    will-change: opacity, visibility;
+
+    display: flex;
+    flex-direction: column;
+}
+
+.ap-aui-dialog2 iframe {
+    display:block;
+}
+
+.ap-aui-dialog2.aui-dialog2-chromeless .aui-dialog2-content {
+    background-color:transparent;
+
+    /* Override the aui selector that assumes the last-child is the footer */
+    border-radius: 0;
+}
+
+.ap-aui-dialog2 .ap-status-indicator {
+  padding: 5px 10px;
+  background: transparent;
+  position: absolute;
+  top: 10px;
+  width: 100%;
+}
+
+.ap-aui-dialog2.aui-dialog2-maximum .ap-status-indicator,
+.ap-aui-dialog2.aui-dialog2-chromeless .ap-status-indicator {
+  display: none;
+}
+
+.ap-aui-dialog2 .ap-stats {
+  display: block;
+}
+
+/* header controls */
+/*
+   These styles lifted from the file viewer. We could conceivably define a separate component 'header-controls'
+   in AUI that contains its own styles, but adding to AUI is out of scope for the current task.
+
+   Given that plugin devs won't be working directly with these CSS rules, we have some flexibility to refactor
+   these internals later.
+ */
+
+.ap-header-controls.aui-dialog2 .aui-dialog2-header {
+    background-color: #000;
+    border-radius: 0;
+    height: 50px;
+    margin-top: 0;
+    padding: 0 0 0 20px;
+}
+
+.ap-header-controls .header-title-container {
+    max-width: 70%;
+    display: block;
+    float: left;
+    height: 50px
+}
+
+.ap-header-controls .header-title-container div {
+    color: #fff;
+    line-height: 50px;
+    white-space: nowrap;
+    overflow: hidden
+}
+
+.ap-header-controls .header-control-panel {
+    padding-left: 0;
+    text-align: right;
+    float: right;
+    max-width: 30%;
+    display: block;
+    height: 50px
+}
+
+.ap-header-controls .header-control-panel > span {
+    display: inline-block
+}
+
+.ap-header-controls .header-control-panel .aui-button {
+    background-color: #000;  /* Override blue for primary controls*/
+    background-position: center;
+    background-repeat: no-repeat;
+    border-left: 1px solid #333;
+    border-radius: 0px;
+    height: 50px;
+    float: left;
+    margin-left: 0;  /* overrides AUI style of 10px */
+    text-align: left;
+    text-indent: -999em;
+    width: 50px
+}
+
+/* Pads the button icons provided by the AUI Icon font */
+.ap-header-controls .header-control-panel .aui-icon-small:before {
+    color: #fff;
+    margin-left: 16px;
+}
+
+/* Reduce the height of the content div to allow for the height of the header bar */
+.ap-header-controls .aui-dialog2-content {
+    max-height: calc(100% - 50px);
+}

package/src/css/host/flags.css

@@ -0,0 +1,5 @@
+.ac-flag-actions a {
+  margin-right: 10px;
+  /* whole flag text appears on 1 line */
+  display: inline-block;
+}

package/src/css/host/host.css

@@ -0,0 +1,64 @@
+.ap-status-indicator {
+  padding-top: 5px;
+  font-size: 12px;
+  line-height: 1.42857142857143;
+}
+
+.ap-status-indicator small {
+  color: #707070;
+}
+
+.ap-loading, .ap-load-timeout {
+  padding-left: 4px;
+}
+
+.ap-link-disabled, .ap-link-disabled:hover, .ap-link-disabled:visited, .ap-link-disabled:focus {
+  color: gray !important;
+  text-decoration: none;
+}
+
+.ap-iframe-container iframe {
+  border: 0;
+}
+
+.ap-iframe-container iframe.full-size-general-page {
+  border-bottom: 1px solid #ccc;
+}
+.ap-iframe-container iframe.full-size-general-page-no-footer {
+  border:none;
+}
+
+iframe.sized-to-parent {
+  display: block;
+}
+
+.ap-status-indicator .small-spinner {
+  width: 20px;
+  height: 20px;
+  float: left;
+  margin-right: 4px;
+}
+
+.ap-iframe-container {
+  line-height: 0;
+  margin: 0;
+  padding: 0;
+  font-size: 0;
+}
+
+@-webkit-keyframes fadeInConnectSpinner { from { opacity: 0; } to { opacity: 1; } }
+@-moz-keyframes fadeInConnectSpinner { from { opacity: 0; } to { opacity: 1; } }
+@-o-keyframes fadeInConnectSpinner { from { opacity: 0; } to { opacity: 1; } }
+@keyframes fadeInConnectSpinner { from { opacity: 0; } to { opacity: 1; } }
+
+.ap-status-indicator {
+  opacity: 0;
+  animation: fadeInConnectSpinner 0.5s ease-in;
+  animation-delay: 1s;
+  animation-fill-mode: forwards;
+}
+
+.connect-resolve-error {
+  font-size: 12px;
+  line-height: 1.42857142857143;  
+}

package/src/css/host/messages.css

@@ -0,0 +1,12 @@
+#ac-message-container {
+	top: 20px;
+	left: 50%;
+	max-width: 600px;
+	position: fixed;
+	z-index: 4000;
+}
+
+.ap-aui-message {
+  font-size: 14px;
+  margin: 10px;
+}

package/src/css/plugin/legacy-text-colors.less

@@ -0,0 +1,55 @@
+/* Copied from https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence/browse/confluence-plugins/confluence-bundled-plugins/confluence-web-resources/src/main/resources/includes/css/theming/legacy-text-colors.less
+ * Removed unneeded *-color-picker classes
+ */
+/* stylelint-disable design-system/ensure-design-token-usage */
+.legacy-text-color(@name, @originalColor, @darkColor) {
+  .legacy-color-text-@{name} {
+    color: @originalColor;
+  }
+
+  html[data-color-mode=dark] .legacy-color-text-@{name} {
+    color: @darkColor;
+  }
+}
+
+.legacy-text-color(blue3, #172B4D, #B6C2CF);
+.legacy-text-color(orange1, #993300, #EF7B46);
+.legacy-text-color(khaki1, #333300, #CDC991);
+.legacy-text-color(green1, #003300, #A9DCA0);
+.legacy-text-color(blue1, #003366, #ABC3FF);
+.legacy-text-color(blue2, #000080, #F2BFFF);
+.legacy-text-color(purple1, #333399, #B3A0FF);
+.legacy-text-color(default, #000000, #FFFFFF);
+.legacy-text-color(red1, #800000, #FF8F73);
+.legacy-text-color(orange2, #FF6600, #FF944D);
+.legacy-text-color(yellow1, #808000, #949400);
+.legacy-text-color(green2, #008000, #4A9A4A);
+.legacy-text-color(teal1, #008080, #2DA8A8);
+.legacy-text-color(blue4, #0000FF, #8080FF);
+.legacy-text-color(gray1, #666699, #9B9BC5);
+.legacy-text-color(gray2, #7A869A, #8893A5);
+.legacy-text-color(red2, #FF0000, #FF3D3D);
+.legacy-text-color(orange3, #FF9900, #FFC266);
+.legacy-text-color(green3, #99CC00, #AACC43);
+.legacy-text-color(green4, #339966, #53C68C);
+.legacy-text-color(teal2, #33CCCC, #8DE2E2);
+.legacy-text-color(blue5, #3366FF, #7094FF);
+.legacy-text-color(pink1, #800080, #F380EE);
+.legacy-text-color(gray3, #A5ADBA, #A5ADBA);
+.legacy-text-color(pink2, #FF00FF, #FF80FF);
+.legacy-text-color(yellow2, #FFCC00, #FFEA94);
+.legacy-text-color(yellow3, #FFFF00, #FFFF6B);
+.legacy-text-color(green5, #00FF00, #61FF61);
+.legacy-text-color(teal3, #00FFFF, #57FFFF);
+.legacy-text-color(blue6, #00CCFF, #57DDFF);
+.legacy-text-color(pink3, #993366, #DE73A3);
+.legacy-text-color(gray4, #C1C7D0, #C1C7D0);
+.legacy-text-color(pink4, #FF99CC, #E5579E);
+.legacy-text-color(tan1, #FFCC99, #FFA347);
+.legacy-text-color(yellow4, #FFFF99, #E5E545);
+.legacy-text-color(green6, #CCFFCC, #61D661);
+.legacy-text-color(teal4, #CCFFFF, #8AFFFF);
+.legacy-text-color(blue7, #99CCFF, #56ABFF);
+.legacy-text-color(purple2, #CC99FF, #BA75FF);
+.legacy-text-color(inverse, #FFFFFF, #000000);
+/* stylelint-enable design-system/ensure-design-token-usage */

package/src/css/plugin/surfaces.css

@@ -0,0 +1,11 @@
+html[data-surface="overlay"] {
+  --ds-elevation-surface-current: var(--ds-surface-overlay);
+}
+
+html[data-surface="raised"] {
+  --ds-elevation-surface-current: var(--ds-surface-raised);
+}
+
+html[data-surface="sunken"] {
+  --ds-elevation-surface-current: var(--ds-surface-sunken);
+}

package/src/host/ACJSFrameworkAdaptor.js

@@ -0,0 +1,44 @@
+
+// This is essentially a copy of the ACJSFrameworkAdaptor/BaseFrameworkAdaptor implementation generated
+// by compiling the connect-module-core typescript implementations of the equivalent classes.
+
+/**
+ * This class provides common behaviour relating to the adaption of functionality to a
+ * particular Connect client framework. This is necessary for an interim period during which
+ * we have multiple Connect client frameworks that we need to support: ACJS and CaaS Client.
+ */
+var ACJSFrameworkAdaptor = (function () {
+  function ACJSFrameworkAdaptor() {
+    this.moduleNamesToModules = new Map();
+  }
+  /**
+   * This method registers a module with the Connect client framework relating to this adaptor instance.
+   * @param moduleDefinition the definition of the module.
+   */
+  ACJSFrameworkAdaptor.prototype.registerModule = function (module, props) {
+    var moduleRegistrationName = module.getModuleRegistrationName();
+    this.moduleNamesToModules.set(moduleRegistrationName, module);
+
+    // This adaptor implementation doesn't need to register the SimpleXDM definition so the following is
+    // commented out.
+    //
+    // var simpleXdmDefinition = module.getSimpleXdmDefinition(props);
+    // this.registerModuleWithHost(moduleRegistrationName, simpleXdmDefinition);
+  };
+
+  ACJSFrameworkAdaptor.prototype.getModuleByName = function (moduleName) {
+    return this.moduleNamesToModules.get(moduleName);
+  }
+
+  ACJSFrameworkAdaptor.prototype.getProviderByModuleName = function (moduleName) {
+    var module = this.moduleNamesToModules.get(moduleName);
+    if (module && module.isEnabled()) {
+      return module.getProvider();
+    } else {
+      return undefined;
+    }
+  };
+  return ACJSFrameworkAdaptor;
+}());
+
+export const acjsFrameworkAdaptor = new ACJSFrameworkAdaptor();