cordova-plugin-googlepay-button 0.0.1

package/README.md

@@ -0,0 +1,20 @@
+# Cordova Google PayButton API integration
+
+Cordova plugin for implementing the Google [PayButton API](https://developers.google.com/pay/api/android/guides/resources/pay-button-api), which is now required when using a Google Pay branded payment button.
+
+## Installation
+
+```
+cordova plugin add cordova-plugin-googlepay-button
+```
+
+or for Cordova build service, e.g. [VoltBuilder](https://volt.build/), add the following to config.xml:
+
+```
+<plugin name="cordova-plugin-googlepay-button" source="npm" spec="0.0.1" />
+```
+
+## Usage
+
+This plugin is in active development and has not yet been tested or used in a submission to Google. The version will be updated to 1.0.0 when it has been and is ready for public production use.
+

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "cordova-plugin-googlepay-button",
+  "version": "0.0.1",
+  "description": "Cordova plugin for implementing the Google PayButton API",
+  "cordova": {
+    "id": "cordova-plugin-googlepay-button",
+    "platforms": [
+      "android"
+    ]
+  },
+  "keywords": [
+    "ecosystem:cordova",
+  	"cordova-android",
+    "googlepay",
+    "button",
+    "paybutton"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rareplanet1/cordova-plugin-googlepay-button.git"
+  },
+  "author": "John Daniels",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/rareplanet1/cordova-plugin-googlepay-button/issues"
+  },
+  "homepage": "https://github.com/rareplanet1/cordova-plugin-googlepay-button#readme"
+}

package/plugin.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<plugin xmlns="http://apache.org/cordova/ns/plugins/1.0"
+        xmlns:android="http://schemas.android.com/apk/res/android"
+        id="cordova-plugin-googlepay-button"
+        version="0.0.1">
+    
+    <name>Google Pay Button Plugin</name>
+    <description>Cordova plugin for Google Pay PayButton API integration</description>
+    <license>MIT</license>
+    <keywords>cordova,google,pay,button,paybutton</keywords>
+    
+    <js-module src="www/GooglePayButton.js" name="GooglePayButton">
+        <clobbers target="window.GooglePayButton" />
+    </js-module>
+    
+    <platform name="android">
+        <config-file target="res/xml/config.xml" parent="/*">
+            <feature name="GooglePayButtonPlugin">
+                <param name="android-package" value="com.plugin.googlepaybutton.GooglePayButtonPlugin" />
+            </feature>
+        </config-file>
+        
+        <!-- Google Pay dependencies -->
+        <framework src="src/android/build.gradle" custom="true" type="gradleReference" />
+        
+        <!-- Source files -->
+        <source-file src="src/android/GooglePayButtonPlugin.java" 
+                     target-dir="src/com/plugin/googlepaybutton" />
+    </platform>
+</plugin>

package/src/android/GooglePayButtonPlugin.java

@@ -0,0 +1,113 @@
+package com.plugin.googlepaybutton;
+
+import org.apache.cordova.CordovaPlugin;
+import org.apache.cordova.CallbackContext;
+import org.apache.cordova.CordovaInterface;
+import org.apache.cordova.CordovaWebView;
+
+import org.json.JSONArray;
+import org.json.JSONException;
+import org.json.JSONObject;
+
+import android.app.Activity;
+import android.content.Context;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.FrameLayout;
+
+import com.google.android.gms.wallet.button.ButtonConstants;
+import com.google.android.gms.wallet.button.ButtonOptions;
+import com.google.android.gms.wallet.button.PayButton;
+
+public class GooglePayButtonPlugin extends CordovaPlugin {
+    
+    private PayButton payButton;
+    private CallbackContext callbackContext;
+    
+    @Override
+    public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {
+        this.callbackContext = callbackContext;
+        
+        if (action.equals("showPayButton")) {
+            this.showPayButton();
+            return true;
+        } else if (action.equals("hidePayButton")) {
+            this.hidePayButton();
+            return true;
+        }
+        return false;
+    }
+    
+    private void showPayButton() {
+        cordova.getActivity().runOnUiThread(new Runnable() {
+            @Override
+            public void run() {
+                try {
+                    // Get the WebView's parent container
+                    View webView = webView.getView();
+                    ViewGroup parent = (ViewGroup) webView.getParent();
+                    
+                    // Create PayButton if not exists
+                    if (payButton == null) {
+                        Context context = cordova.getActivity().getApplicationContext();
+                        payButton = new PayButton(context);
+                        
+                        // Configure button using the official API
+                        ButtonOptions buttonOptions = ButtonOptions.newBuilder()
+                            .setButtonTheme(ButtonConstants.ButtonTheme.DARK)
+                            .setButtonType(ButtonConstants.ButtonType.CHECKOUT)
+                            .setCornerRadius(4)
+                            .build();
+                        
+                        payButton.initialize(buttonOptions);
+                        
+                        // Set click listener
+                        payButton.setOnClickListener(new View.OnClickListener() {
+                            @Override
+                            public void onClick(View v) {
+                                if (callbackContext != null) {
+                                    callbackContext.success("clicked");
+                                }
+                            }
+                        });
+                    }
+                    
+                    // Remove from any previous parent
+                    if (payButton.getParent() != null) {
+                        ((ViewGroup) payButton.getParent()).removeView(payButton);
+                    }
+                    
+                    // Add to bottom of screen
+                    FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(
+                        FrameLayout.LayoutParams.MATCH_PARENT,
+                        FrameLayout.LayoutParams.WRAP_CONTENT
+                    );
+                    params.gravity = android.view.Gravity.BOTTOM;
+                    params.setMargins(40, 20, 40, 100); // left, top, right, bottom margins
+                    
+                    parent.addView(payButton, params);
+                    payButton.setVisibility(View.VISIBLE);
+                    
+                } catch (Exception e) {
+                    if (callbackContext != null) {
+                        callbackContext.error("Error showing PayButton: " + e.getMessage());
+                    }
+                }
+            }
+        });
+    }
+    
+    private void hidePayButton() {
+        cordova.getActivity().runOnUiThread(new Runnable() {
+            @Override
+            public void run() {
+                if (payButton != null) {
+                    payButton.setVisibility(View.GONE);
+                    if (payButton.getParent() != null) {
+                        ((ViewGroup) payButton.getParent()).removeView(payButton);
+                    }
+                }
+            }
+        });
+    }
+}

package/src/android/build.gradle

@@ -0,0 +1,12 @@
+
+dependencies {
+    /* "play-services-wallet" is the only module needed for the Google Pay API and this sample app
+     but the "play-services" module can also be used.
+     The version provided is the minimum version required for the most recent major version of the
+     Google Pay API library. Your app may choose a dependency greater than the value below.
+     See https://developers.google.com/pay/api/android/guides/setup#dependencies for more info.
+     */
+      implementation 'com.google.android.gms:play-services-wallet:18.1.2'
+      implementation 'com.android.support:appcompat-v7:28.0.0'
+      implementation "net.sourceforge.streamsupport:streamsupport:1.5.1"	
+}

package/www/GooglePayButton.js

@@ -0,0 +1,119 @@
+// GooglePayButton.js - JavaScript interface for the Cordova plugin
+
+class GooglePayButton {
+    constructor() {
+        this.isReady = false;
+        this.callbacks = {};
+        
+        // Wait for Cordova to be ready
+        document.addEventListener('deviceready', () => {
+            this.isReady = true;
+        }, false);
+    }
+    
+    /**
+     * Create the Google Pay button with specified options
+     * @param {Object} options - Button configuration options
+     * @param {string} options.theme - 'light' or 'dark'
+     * @param {string} options.type - 'buy', 'checkout', 'pay', etc.
+     * @param {number} options.cornerRadius - Corner radius in dp
+     * @param {string} options.allowedPaymentMethods - JSON string of allowed payment methods
+     * @param {Function} callback - Callback function for button clicks
+     */
+    createButton(options, callback) {
+        return new Promise((resolve, reject) => {
+            if (!this.isReady) {
+                reject(new Error('Cordova not ready'));
+                return;
+            }
+            
+            // Store the click callback
+            if (callback) {
+                this.callbacks.onClick = callback;
+            }
+            
+            cordova.exec(
+                (result) => {
+                    if (result === 'payButtonClicked' && this.callbacks.onClick) {
+                        this.callbacks.onClick();
+                    } else {
+                        resolve(result);
+                    }
+                },
+                (error) => reject(error),
+                'GooglePayButtonPlugin',
+                'createPayButton',
+                [options]
+            );
+        });
+    }
+    
+    /**
+     * Show the Google Pay button at specified position
+     * @param {Object} position - Button position and size
+     * @param {number} position.x - X coordinate in dp
+     * @param {number} position.y - Y coordinate in dp
+     * @param {number} position.width - Width in dp
+     * @param {number} position.height - Height in dp
+     */
+    showButton(position) {
+        return new Promise((resolve, reject) => {
+            if (!this.isReady) {
+                reject(new Error('Cordova not ready'));
+                return;
+            }
+            
+            cordova.exec(
+                resolve,
+                reject,
+                'GooglePayButtonPlugin',
+                'showPayButton',
+                [position]
+            );
+        });
+    }
+    
+    /**
+     * Hide the Google Pay button
+     */
+    hideButton() {
+        return new Promise((resolve, reject) => {
+            if (!this.isReady) {
+                reject(new Error('Cordova not ready'));
+                return;
+            }
+            
+            cordova.exec(
+                resolve,
+                reject,
+                'GooglePayButtonPlugin',
+                'hidePayButton',
+                []
+            );
+        });
+    }
+    
+    /**
+     * Update button options
+     * @param {Object} options - New button options
+     */
+    updateButton(options) {
+        return new Promise((resolve, reject) => {
+            if (!this.isReady) {
+                reject(new Error('Cordova not ready'));
+                return;
+            }
+            
+            cordova.exec(
+                resolve,
+                reject,
+                'GooglePayButtonPlugin',
+                'updatePayButton',
+                [options]
+            );
+        });
+    }
+}
+
+// Export for use in React/ES6 modules
+export default new GooglePayButton();