diff --git a/examples/angular/package-lock.json b/examples/angular/package-lock.json index fb481cf..e2687b1 100644 --- a/examples/angular/package-lock.json +++ b/examples/angular/package-lock.json @@ -3059,9 +3059,9 @@ "dev": true }, "node_modules/@google-pay/button-angular": { - "version": "3.0.10", - "resolved": "https://registry.npmjs.org/@google-pay/button-angular/-/button-angular-3.0.10.tgz", - "integrity": "sha512-oSJ63/yfwBsjJcSkO0CAsvqbKOurrqtpK5MnH0ZenIQMarUFiNWYYPErkKRcbytL4pwtMXlzERf+8QlVXxB62g==", + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@google-pay/button-angular/-/button-angular-3.1.0.tgz", + "integrity": "sha512-H9ArlG2dxy5CD2BQhaM8yEKnwRqI2Azq7RFxQwai9Juc1iQMzZFvGEYQBYErDrpBi0v0IkPBt6Hs3SBQjpEhgQ==", "dependencies": { "@types/googlepay": "^0.7.0", "tslib": "^2.3.0" @@ -6610,9 +6610,9 @@ "dev": true }, "node_modules/electron-to-chromium": { - "version": "1.4.717", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.717.tgz", - "integrity": "sha512-6Fmg8QkkumNOwuZ/5mIbMU9WI3H2fmn5ajcVya64I5Yr5CcNmO7vcLt0Y7c96DCiMO5/9G+4sI2r6eEvdg1F7A==", + "version": "1.4.719", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.719.tgz", + "integrity": "sha512-FbWy2Q2YgdFzkFUW/W5jBjE9dj+804+98E4Pup78JBPnbdb3pv6IneY2JCPKdeKLh3AOKHQeYf+KwLr7mxGh6Q==", "dev": true }, "node_modules/emoji-regex": { @@ -12346,12 +12346,12 @@ "dev": true }, "node_modules/path-scurry": { - "version": "1.10.1", - "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz", - "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==", + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.2.tgz", + "integrity": "sha512-7xTavNy5RQXnsjANvVvMkEjvloOinkAjv/Z6Ildz9v2RinZ4SBKTWFOVRbaF8p0vpHnyjV/UwNDdKuUv6M5qcA==", "dev": true, "dependencies": { - "lru-cache": "^9.1.1 || ^10.0.0", + "lru-cache": "^10.2.0", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" }, "engines": { diff --git a/examples/angular/package.json b/examples/angular/package.json index b962e33..fb17c91 100644 --- a/examples/angular/package.json +++ b/examples/angular/package.json @@ -19,7 +19,7 @@ "@angular/platform-browser": "^15.0.2", "@angular/platform-browser-dynamic": "^15.2.9", "@angular/router": "^15.2.9", - "@google-pay/button-angular": "^3.0.10", + "@google-pay/button-angular": "^3.1.0", "@types/googlepay": "^0.7.0", "rxjs": "~6.6.3", "tslib": "^2.6.1", diff --git a/examples/angular/src/app/app.component.html b/examples/angular/src/app/app.component.html index c748eb9..ff07e75 100644 --- a/examples/angular/src/app/app.component.html +++ b/examples/angular/src/app/app.component.html @@ -50,6 +50,10 @@ + + + +
@@ -260,6 +265,7 @@ environment="TEST" button-type={buttonType} button-color={buttonColor} + button-radius={buttonRadius} {existingPaymentMethodRequired} paymentRequest={paymentRequests.basic} on:loadpaymentdata={onLoadPaymentData} @@ -273,6 +279,7 @@ environment="TEST" button-type={buttonType} button-color={buttonColor} + button-radius={buttonRadius} {existingPaymentMethodRequired} paymentRequest={paymentRequests.mastercard} on:loadpaymentdata={onLoadPaymentData} @@ -286,6 +293,7 @@ environment="TEST" button-type={buttonType} button-color={buttonColor} + button-radius={buttonRadius} {existingPaymentMethodRequired} paymentRequest={paymentRequests.visa} on:loadpaymentdata={onLoadPaymentData} @@ -299,6 +307,7 @@ environment="TEST" button-type={buttonType} button-color={buttonColor} + button-radius={buttonRadius} {existingPaymentMethodRequired} paymentRequest={paymentRequests.authorize} on:loadpaymentdata={onLoadPaymentData} @@ -313,6 +322,7 @@ environment="TEST" button-type={buttonType} button-color={buttonColor} + button-radius={buttonRadius} {existingPaymentMethodRequired} paymentRequest={paymentRequests.cryptogram} on:loadpaymentdata={onLoadPaymentData} @@ -327,6 +337,7 @@ environment="TEST" button-type={buttonType} button-color={buttonColor} + button-radius={buttonRadius} {existingPaymentMethodRequired} paymentRequest={paymentRequests.shipping} on:loadpaymentdata={onLoadPaymentData} @@ -342,6 +353,7 @@ environment="TEST" button-type={buttonType} button-color={buttonColor} + button-radius={buttonRadius} {existingPaymentMethodRequired} paymentRequest={paymentRequests.basic} clickCallback={onClick} @@ -351,6 +363,7 @@ environment="TEST" button-type={buttonType} button-color={buttonColor} + button-radius={buttonRadius} {existingPaymentMethodRequired} paymentRequest={paymentRequests.basic} clickCallback={onClickPreventDefault} diff --git a/examples/vue/package-lock.json b/examples/vue/package-lock.json index 16e862d..73b26a9 100644 --- a/examples/vue/package-lock.json +++ b/examples/vue/package-lock.json @@ -22,7 +22,6 @@ } }, "../../src/button-element": { - "name": "@google-pay/button-element", "version": "3.0.10", "license": "Apache-2.0", "dependencies": { @@ -5222,9 +5221,9 @@ "dev": true }, "node_modules/electron-to-chromium": { - "version": "1.4.717", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.717.tgz", - "integrity": "sha512-6Fmg8QkkumNOwuZ/5mIbMU9WI3H2fmn5ajcVya64I5Yr5CcNmO7vcLt0Y7c96DCiMO5/9G+4sI2r6eEvdg1F7A==", + "version": "1.4.719", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.719.tgz", + "integrity": "sha512-FbWy2Q2YgdFzkFUW/W5jBjE9dj+804+98E4Pup78JBPnbdb3pv6IneY2JCPKdeKLh3AOKHQeYf+KwLr7mxGh6Q==", "dev": true }, "node_modules/emoji-regex": { diff --git a/examples/vue/src/components/Examples.vue b/examples/vue/src/components/Examples.vue index 030df32..ced6444 100644 --- a/examples/vue/src/components/Examples.vue +++ b/examples/vue/src/components/Examples.vue @@ -49,6 +49,10 @@ +
@@ -59,6 +63,7 @@ environment="TEST" v-bind:button-type="buttonType" v-bind:button-color="buttonColor" + v-bind:button-radius="buttonRadius" v-bind:existing-payment-method-required="existingPaymentMethodRequired" v-bind:paymentRequest.prop="{ apiVersion: paymentRequest.apiVersion, @@ -85,6 +90,7 @@ environment="TEST" v-bind:button-type="buttonType" v-bind:button-color="buttonColor" + v-bind:button-radius="buttonRadius" v-bind:existing-payment-method-required="existingPaymentMethodRequired" v-bind:paymentRequest.prop="{ apiVersion: paymentRequest.apiVersion, @@ -112,6 +118,7 @@ environment="TEST" v-bind:button-type="buttonType" v-bind:button-color="buttonColor" + v-bind:button-radius="buttonRadius" v-bind:existing-payment-method-required="existingPaymentMethodRequired" v-bind:paymentRequest.prop="{ apiVersion: paymentRequest.apiVersion, @@ -155,6 +162,7 @@ environment="TEST" v-bind:button-type="buttonType" v-bind:button-color="buttonColor" + v-bind:button-radius="buttonRadius" v-bind:existing-payment-method-required="existingPaymentMethodRequired" v-bind:paymentRequest.prop="{ apiVersion: paymentRequest.apiVersion, @@ -185,6 +193,7 @@ environment="TEST" v-bind:button-type="buttonType" v-bind:button-color="buttonColor" + v-bind:button-radius="buttonRadius" v-bind:existing-payment-method-required="existingPaymentMethodRequired" v-bind:paymentRequest.prop="{ apiVersion: paymentRequest.apiVersion, @@ -207,6 +216,7 @@ environment="TEST" v-bind:button-type="buttonType" v-bind:button-color="buttonColor" + v-bind:button-radius="buttonRadius" v-bind:existing-payment-method-required="existingPaymentMethodRequired" v-bind:paymentRequest.prop="{ apiVersion: paymentRequest.apiVersion, @@ -242,6 +252,7 @@ export default { existingPaymentMethodRequired: false, buttonColor: 'default', buttonType: 'buy', + buttonRadius: '4', paymentRequest: { apiVersion: 2, apiVersionMinor: 0,