@paypal/checkout-components 5.0.286 → 5.0.287-alpha.0

package/__sdk__.js

@@ -52,6 +52,10 @@ module.exports = {
     fundingSources: SMART_FUNDING_SOURCES,
     cards: SMART_CARDS,
   },
+  "hosted-buttons": {
+    entry: "./src/interface/hosted-button",
+    globals,
+  },
   marks: {
     entry: "./src/interface/marks",
     globals,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paypal/checkout-components",
-  "version": "5.0.286",
+  "version": "5.0.287-alpha.0",
   "description": "PayPal Checkout components, for integrating checkout products.",
   "main": "index.js",
   "scripts": {

package/src/hosted-buttons/index.js

@@ -0,0 +1,26 @@
+/* @flow */
+import { getButtonsComponent } from "../zoid/buttons";
+
+type HostedButtonsInstance = {|
+  render: (string | HTMLElement) => void,
+|};
+
+type HostedButtonsProps = {|
+  hostedButtonId?: string,
+|};
+
+export type HostedButtonsComponent =
+  (HostedButtonsProps) => HostedButtonsInstance;
+
+export const getHostedButtonsComponent = (): HostedButtonsComponent => {
+  function HostedButtons(): HostedButtonsInstance {
+    const Buttons = getButtonsComponent();
+    const render = (selector) => {
+      Buttons().render(selector);
+    };
+    return {
+      render,
+    };
+  }
+  return HostedButtons;
+};

package/src/interface/hosted-buttons.js

@@ -0,0 +1,10 @@
+/* @flow */
+import type { LazyExport } from "../types";
+import {
+  getHostedButtonsComponent,
+  type HostedButtonsComponent,
+} from "../hosted-buttons";
+
+export const HostedButtons: LazyExport<HostedButtonsComponent> = {
+  __get__: () => getHostedButtonsComponent(),
+};