@alipay/ams-checkout 1.22.0 → 1.23.0

package/esm/config/index.d.ts

@@ -5,10 +5,10 @@ export declare const sdkVersion: string;
 /**
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
  */
-export declare const AMSCheckoutAppVersion = "1.22.0";
-export declare const AMSAutoDebitAppVersion = "1.22.0";
-export declare const AMSEasyPayAppVersion = "1.22.0";
-export declare const AMSCashierPaymentAppVersion = "1.22.0";
-export declare const AMSVaultingAppVersion = "1.22.0";
-export declare const AMSPaymentElementAppVersion = "1.22.0";
-export declare const ADDRESSElementAppVersion = "1.22.0";
+export declare const AMSCheckoutAppVersion = "1.23.0";
+export declare const AMSAutoDebitAppVersion = "1.23.0";
+export declare const AMSEasyPayAppVersion = "1.23.0";
+export declare const AMSCashierPaymentAppVersion = "1.23.0";
+export declare const AMSVaultingAppVersion = "1.23.0";
+export declare const AMSPaymentElementAppVersion = "1.23.0";
+export declare const ADDRESSElementAppVersion = "1.23.0";

package/esm/config/index.js

@@ -35,10 +35,10 @@ export var sdkVersion = json.version;
 /**
  * @description: 目前应用层分为v1和v2，会存在两个应用版本号不是同步发布的情况。所以需要把默认的应用版本号配置抽离出来。
  */
-export var AMSCheckoutAppVersion = '1.22.0'; // 兜底版本号
-export var AMSAutoDebitAppVersion = '1.22.0'; // 代扣
-export var AMSEasyPayAppVersion = '1.22.0'; // easypay
-export var AMSCashierPaymentAppVersion = '1.22.0'; // 收银台（卡、apm）
-export var AMSVaultingAppVersion = '1.22.0'; // 绑卡
-export var AMSPaymentElementAppVersion = '1.22.0'; // payment element
-export var ADDRESSElementAppVersion = '1.22.0'; // address element
+export var AMSCheckoutAppVersion = '1.23.0'; // 兜底版本号
+export var AMSAutoDebitAppVersion = '1.23.0'; // 代扣
+export var AMSEasyPayAppVersion = '1.23.0'; // easypay
+export var AMSCashierPaymentAppVersion = '1.23.0'; // 收银台（卡、apm）
+export var AMSVaultingAppVersion = '1.23.0'; // 绑卡
+export var AMSPaymentElementAppVersion = '1.23.0'; // payment element
+export var ADDRESSElementAppVersion = '1.23.0'; // address element

package/esm/constant/index.d.ts

@@ -179,6 +179,9 @@ export declare const EVENT: {
         name: string;
         uniqueKey: string;
     };
+    getGooglePayToken: {
+        name: string;
+    };
 };
 export declare const COMPONENT_CONTAINER_ID = "ams-component-container";
 export declare const COMPONENT_SECTION_ID = "ams-component-section";

package/esm/constant/index.js

@@ -178,6 +178,9 @@ export var EVENT = {
   onChange: {
     name: 'onChange',
     uniqueKey: 'userChange'
+  },
+  getGooglePayToken: {
+    name: 'getGooglePayToken'
   }
 };
 export var COMPONENT_CONTAINER_ID = 'ams-component-container';

package/esm/plugin/component/channel.d.ts

@@ -1,4 +1,4 @@
-import type { IpaymentSessionMetaData } from "src/types";
+import type { eventPayload, IpaymentSessionMetaData } from 'src/types';
 type IChannelBehavior = {
     usePaymentSessionAsQueryResult: boolean;
     submitPayInSdk: boolean;
@@ -17,4 +17,5 @@ type GetDoubleFaParams = {
 };
 export declare function getChannelBehavior(paymentSessionMetaData?: IpaymentSessionMetaData): IChannelBehavior | undefined;
 export declare function getDoubleFaUrl(params: GetDoubleFaParams): string;
+export declare const handleGooglePay: (data: eventPayload) => Promise<unknown>;
 export {};

package/esm/plugin/component/channel.js

@@ -50,4 +50,40 @@ export function getDoubleFaUrl(params) {
   };
   var doubleFaBaseUrl = DOUBLE_FA_URL_MAPPING[env] || DOUBLE_FA_URL_MAPPING.prod;
   return "".concat(doubleFaBaseUrl, "?scene=cashierResultPage&instanceId=").concat(instanceId, "&paymentSessionData=").concat(encodeURIComponent(paymentSessionData), "&isLandscape=").concat(isLandscapeOrientation ? 'true' : '', "&pmt=").concat(paymentMethodType, "&locale=").concat(locale, "&sdkVersion=").concat(sdkVersion);
-}
+}
+export var handleGooglePay = function handleGooglePay(data) {
+  return new Promise(function (resolve, reject) {
+    var _data$context;
+    var _data$context$data$da = data === null || data === void 0 || (_data$context = data.context) === null || _data$context === void 0 || (_data$context = _data$context.data) === null || _data$context === void 0 || (_data$context = _data$context.data) === null || _data$context === void 0 || (_data$context = _data$context.paymentMethodDetail) === null || _data$context === void 0 ? void 0 : _data$context.googlePayProps,
+      _data$context$data$da2 = _data$context$data$da.environment,
+      environment = _data$context$data$da2 === void 0 ? 'TEST' : _data$context$data$da2,
+      _data$context$data$da3 = _data$context$data$da.paymentRequest,
+      paymentRequest = _data$context$data$da3 === void 0 ? {} : _data$context$data$da3;
+    var script = document.createElement('script');
+    script.src = 'https://pay.google.com/gp/p/js/pay.js';
+    script.async = true;
+    document.body.appendChild(script);
+    // 执行googlePay sdk
+    script.onload = function () {
+      var paymentsClient = new window.google.payments.api.PaymentsClient({
+        environment: environment,
+        // 按钮为付款时需要传递的参数
+        paymentDataCallbacks: {
+          onPaymentAuthorized: function onPaymentAuthorized(paymentData) {
+            return {
+              transactionState: 'SUCCESS'
+            };
+          }
+        }
+      });
+      // 获取到googlePay token后返回消息给app
+      paymentsClient.loadPaymentData(paymentRequest).then(function (paymentData) {
+        if (paymentData) {
+          resolve(paymentData);
+        }
+      }).catch(function (err) {
+        reject(err);
+      });
+    };
+  });
+};

package/esm/plugin/component/index.js

@@ -28,7 +28,7 @@ import { matchVersion } from "../../util/versionCompare";
 import { getBackScheme } from "../../util/getBackScheme";
 import { handlePaymentSessionConfig } from "../payment-element/utils";
 import { createIframe, createPreloadIframe, getAppDomain, getIframeUrl } from "./cashierApp";
-import { getChannelBehavior } from "./channel";
+import { getChannelBehavior, handleGooglePay } from "./channel";
 import { addInlineLoading, createInlineBaseElement } from "./component.inline.style";
 import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup, slideInAndOutKeyframes } from "./component.popup.style";
 import { createModal, destroyModal, insertStyleSheet, removePopupLoading } from "./popupWindow.style";
@@ -1154,6 +1154,8 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "_handleAppMessage",
     value: function _handleAppMessage(data) {
+      var _data$context2,
+        _this7 = this;
       var eventKeyMap = Object.keys(EVENT).map(function (key) {
         return EVENT[key].name;
       });
@@ -1278,6 +1280,26 @@ var ComponentApp = /*#__PURE__*/function () {
           title: 'sdk_event_event_callback'
         }).send();
       }
+      if ((data === null || data === void 0 || (_data$context2 = data.context) === null || _data$context2 === void 0 ? void 0 : _data$context2.event) === EVENT.getGooglePayToken.name) {
+        handleGooglePay(data).then(function (res) {
+          _this7.dispatchToApp({
+            context: {
+              event: 'getGooglePayToken',
+              data: _objectSpread({}, res)
+            }
+          });
+        }).catch(function (err) {
+          _this7.dispatchToApp({
+            context: {
+              event: 'getGooglePayToken',
+              data: {
+                err: err
+              }
+            }
+          });
+        });
+        return;
+      }
 
       // The plug-in communicates with the sdk after processing
       this.dispatchToSDK(data.context.event, data.context.data, data.context.eventCallbackId);
@@ -1366,7 +1388,7 @@ var ComponentApp = /*#__PURE__*/function () {
       var _data$isDestroy,
         _data$isCallApp,
         _data$callAppDetectSu,
-        _this7 = this;
+        _this8 = this;
       var fromFastSdk = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var _data = typeof data === 'string' ? {
         normalUrl: data
@@ -1383,7 +1405,7 @@ var ComponentApp = /*#__PURE__*/function () {
         title: 'sdk_event_call_url_start'
       }, _objectSpread({}, data)).send();
       var successCallback = function successCallback(type, url, durationInSeconds) {
-        _this7.dispatchToSDK(EVENT.eventCallback.name, {
+        _this8.dispatchToSDK(EVENT.eventCallback.name, {
           code: eventCodeEnum.SDK_CALL_URL_SUCCESS,
           message: "Successfully opened the app,".concat(type, ": ").concat(url)
         });
@@ -1396,12 +1418,12 @@ var ComponentApp = /*#__PURE__*/function () {
         if (durationInSeconds) {
           extra['durationInSeconds'] = durationInSeconds;
         }
-        _this7.AMSSDK.logger.logInfo({
+        _this8.AMSSDK.logger.logInfo({
           title: 'sdk_event_call_url_success'
         }, extra).send();
       };
       var failCallback = function failCallback(type, url, durationInSeconds) {
-        _this7.dispatchToSDK(EVENT.eventCallback.name, {
+        _this8.dispatchToSDK(EVENT.eventCallback.name, {
           code: eventCodeEnum.SDK_CALL_URL_ERROR,
           message: "Failed to open app,applinkUrl: ".concat(_data === null || _data === void 0 ? void 0 : _data.applinkUrl, " schemeUrl: ").concat(_data === null || _data === void 0 ? void 0 : _data.schemeUrl, " normalUrl: ").concat(_data === null || _data === void 0 ? void 0 : _data.normalUrl)
         });
@@ -1414,7 +1436,7 @@ var ComponentApp = /*#__PURE__*/function () {
         if (durationInSeconds) {
           extra['durationInSeconds'] = durationInSeconds;
         }
-        _this7.AMSSDK.logger.logInfo({
+        _this8.AMSSDK.logger.logInfo({
           title: 'sdk_error_call_url_failed'
         }, extra).send();
       };
@@ -1460,14 +1482,14 @@ var ComponentApp = /*#__PURE__*/function () {
         successCallback(RedirectType.ApplinkUrl, _data === null || _data === void 0 ? void 0 : _data.applinkUrl);
       }).catch(function () {
         if (_data !== null && _data !== void 0 && _data.applinkUrl) failCallback(RedirectType.ApplinkUrl, _data === null || _data === void 0 ? void 0 : _data.applinkUrl);
-        return _this7.AMSSDK._redirect({
+        return _this8.AMSSDK._redirect({
           schemeUrl: _data === null || _data === void 0 ? void 0 : _data.schemeUrl
         });
       }).then(function () {
         successCallback(RedirectType.SchemeUrl, _data === null || _data === void 0 ? void 0 : _data.schemeUrl);
       }).catch(function () {
         if (_data !== null && _data !== void 0 && _data.schemeUrl) failCallback(RedirectType.SchemeUrl, _data === null || _data === void 0 ? void 0 : _data.schemeUrl);
-        return _this7.AMSSDK._redirect({
+        return _this8.AMSSDK._redirect({
           normalUrl: _data === null || _data === void 0 ? void 0 : _data.normalUrl
         });
       }).then(function () {
@@ -1506,12 +1528,12 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "handleAppHeartBeat",
     value: function handleAppHeartBeat() {
-      var _this8 = this;
+      var _this9 = this;
       try {
         if (!this._webAppHeartBeatTimeoutFn) {
           this._webAppHeartBeatTimeoutFn = function () {
-            if (_this8.isAppAttached()) {
-              _this8.AMSSDK.logger.logError({
+            if (_this9.isAppAttached()) {
+              _this9.AMSSDK.logger.logError({
                 title: 'sdk_error_appHeartBeatTimeout'
               });
             }
@@ -1525,8 +1547,8 @@ var ComponentApp = /*#__PURE__*/function () {
           window._webAppHeartBeatTimeoutId = setTimeout(this._webAppHeartBeatTimeoutFn, TIMEOUT_WEB_APP_HEART_BEAT);
         }
         setTimeout(function () {
-          if (_this8.isAppAttached()) {
-            _this8.dispatchToApp({
+          if (_this9.isAppAttached()) {
+            _this9.dispatchToApp({
               context: {
                 event: 'sdkHeartBeat',
                 data: {}
@@ -1719,7 +1741,7 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "cleanContainer",
     value: function cleanContainer() {
       var _document$getElementB4,
-        _this9 = this;
+        _this10 = this;
       var immediately = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       (_document$getElementB4 = document.getElementById(LOADING_ID)) === null || _document$getElementB4 === void 0 || _document$getElementB4.remove();
       this.hideComponentAnimation();
@@ -1731,7 +1753,7 @@ var ComponentApp = /*#__PURE__*/function () {
       this.app = null;
       if (immediately) this.cleanElement();else {
         setTimeout(function () {
-          _this9.cleanElement();
+          _this10.cleanElement();
         }, 300);
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "1.22.0",
+  "version": "1.23.0",
   "description": "",
   "author": "",
   "main": "esm/index.js",