demo axo component

package.json

@@ -109,6 +109,7 @@
     "@krakenjs/zoid": "^10.3.1",
     "@paypal/common-components": "^1.0.35",
     "@paypal/funding-components": "^1.0.31",
+    "@paypal/connect-loader-component": "^1.0.0",
     "@paypal/sdk-client": "^4.0.176",
     "@paypal/sdk-constants": "^1.0.133",
     "@paypal/sdk-logos": "^2.2.6"

src/interface/axo.js

@@ -0,0 +1,7 @@
+/* @flow */
+import type { LazyExport } from "../types";
+import { getAxoComponent, type AXOComponent } from "../zoid/axo";
+
+export const AXO: LazyExport<AXOComponent> = {
+  __get__: getAxoComponent,
+};

src/zoid/axo/component.jsx

@@ -0,0 +1,20 @@
+/* @flow */
+/** @jsx node */
+/* eslint max-lines: 0 */
+
+import { loadConnectScript } from "@paypal/connect-loader-component";
+import { getClientID, getClientMetadataID } from "@paypal/sdk-client/src";
+// eslint-disable-next-line flowtype/no-weak-types
+export type AXOComponent = any;
+
+export function getAxoComponent(): AXOComponent {
+  const cmid = getClientMetadataID();
+  const clientID = getClientID();
+  // this will change to whatever options we received
+  // from the merchant
+  try {
+    return loadConnectScript({ cmid, clientID });
+  } catch (error) {
+    return new Error(error);
+  }
+}

src/zoid/axo/index.js

@@ -0,0 +1,3 @@
+/* @flow */
+
+export * from "./component";