@alipay/ams-checkout 0.0.1732700846-dev.7 → 0.0.1732700846-dev.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -28,7 +28,7 @@ import { isLocalMock } from "../../util/mock";
28
28
  import { matchVersion } from "../../util/versionCompare";
29
29
  import { handlePaymentSessionConfig } from "../payment-element/utils";
30
30
  import { createIframe, createPreloadIframe, getAppDomain, getIframeUrl } from "./cashierApp";
31
- import { getChannelBehavior, handleGooglePay } from "./channel";
31
+ import { ApplePayService, getChannelBehavior, handleGooglePay } from "./channel";
32
32
  import { addInlineLoading, createInlineBaseElement } from "./component.inline.style";
33
33
  import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup, slideInAndOutKeyframes } from "./component.popup.style";
34
34
  import { createModal, destroyModal, insertStyleSheet, removePopupLoading } from "./popupWindow.style";
@@ -1175,7 +1175,8 @@ var ComponentApp = /*#__PURE__*/function () {
1175
1175
  key: "_handleAppMessage",
1176
1176
  value: function _handleAppMessage(data) {
1177
1177
  var _data$context2,
1178
- _this7 = this;
1178
+ _this7 = this,
1179
+ _data$context3;
1179
1180
  var eventKeyMap = Object.keys(EVENT).map(function (key) {
1180
1181
  return EVENT[key].name;
1181
1182
  });
@@ -1340,7 +1341,18 @@ var ComponentApp = /*#__PURE__*/function () {
1340
1341
  }
1341
1342
  });
1342
1343
  }
1343
-
1344
+ if ((data === null || data === void 0 || (_data$context3 = data.context) === null || _data$context3 === void 0 ? void 0 : _data$context3.event) === EVENT.getApplePayToken.name) {
1345
+ var _data$context4, _this$_renderParams16, _this$_renderParams17;
1346
+ var applePayService = new ApplePayService({
1347
+ paymentMethod: data === null || data === void 0 || (_data$context4 = data.context) === null || _data$context4 === void 0 || (_data$context4 = _data$context4.data) === null || _data$context4 === void 0 ? void 0 : _data$context4.paymentMethod,
1348
+ sessionData: (_this$_renderParams16 = this._renderParams) === null || _this$_renderParams16 === void 0 ? void 0 : _this$_renderParams16.sessionData,
1349
+ paymentSessionMetaData: (_this$_renderParams17 = this._renderParams) === null || _this$_renderParams17 === void 0 ? void 0 : _this$_renderParams17.paymentSessionMetaData,
1350
+ logger: this.AMSSDK.logger,
1351
+ dispatchToApp: this.dispatchToApp.bind(this)
1352
+ });
1353
+ applePayService.submit();
1354
+ return;
1355
+ }
1344
1356
  // log event before sending the callback
1345
1357
  this.logEventCallback(data, 'sdk_event_event_callback');
1346
1358
  try {
@@ -1356,11 +1368,11 @@ var ComponentApp = /*#__PURE__*/function () {
1356
1368
  key: "logEventCallback",
1357
1369
  value: function logEventCallback(data, title) {
1358
1370
  if (data.context.event === EVENT.eventCallback.name) {
1359
- var _data$context4;
1371
+ var _data$context6;
1360
1372
  var callbackData = '';
1361
1373
  try {
1362
- var _data$context3;
1363
- callbackData = JSON.stringify((data === null || data === void 0 || (_data$context3 = data.context) === null || _data$context3 === void 0 ? void 0 : _data$context3.data) || '');
1374
+ var _data$context5;
1375
+ callbackData = JSON.stringify((data === null || data === void 0 || (_data$context5 = data.context) === null || _data$context5 === void 0 ? void 0 : _data$context5.data) || '');
1364
1376
  } catch (e) {
1365
1377
  console.error(e);
1366
1378
  }
@@ -1368,7 +1380,7 @@ var ComponentApp = /*#__PURE__*/function () {
1368
1380
  title: title
1369
1381
  }, {
1370
1382
  callbackData: callbackData,
1371
- callbackId: (data === null || data === void 0 || (_data$context4 = data.context) === null || _data$context4 === void 0 ? void 0 : _data$context4.eventCallbackId) || ''
1383
+ callbackId: (data === null || data === void 0 || (_data$context6 = data.context) === null || _data$context6 === void 0 ? void 0 : _data$context6.eventCallbackId) || ''
1372
1384
  }).send();
1373
1385
  }
1374
1386
  }
@@ -1402,10 +1414,10 @@ var ComponentApp = /*#__PURE__*/function () {
1402
1414
  }, {
1403
1415
  key: "handleSizeChanged",
1404
1416
  value: function handleSizeChanged(data) {
1405
- var _this$_renderParams16, _this$_renderParams17, _this$_renderParams18, _this$_renderParams19, _this$_renderParams20, _this$_renderParams21, _data$context$data4, _cashier$style;
1406
- var _selector = (this === null || this === void 0 || (_this$_renderParams16 = this._renderParams) === null || _this$_renderParams16 === void 0 || (_this$_renderParams16 = _this$_renderParams16.selector) === null || _this$_renderParams16 === void 0 || (_this$_renderParams17 = _this$_renderParams16.indexOf) === null || _this$_renderParams17 === void 0 ? void 0 : _this$_renderParams17.call(_this$_renderParams16, '#')) === -1 ? this === null || this === void 0 || (_this$_renderParams18 = this._renderParams) === null || _this$_renderParams18 === void 0 ? void 0 : _this$_renderParams18.selector : this === null || this === void 0 || (_this$_renderParams19 = this._renderParams) === null || _this$_renderParams19 === void 0 || (_this$_renderParams19 = _this$_renderParams19.selector) === null || _this$_renderParams19 === void 0 || (_this$_renderParams20 = _this$_renderParams19.slice) === null || _this$_renderParams20 === void 0 ? void 0 : _this$_renderParams20.call(_this$_renderParams19, 1);
1417
+ var _this$_renderParams18, _this$_renderParams19, _this$_renderParams20, _this$_renderParams21, _this$_renderParams22, _this$_renderParams23, _data$context$data4, _cashier$style;
1418
+ var _selector = (this === null || this === void 0 || (_this$_renderParams18 = this._renderParams) === null || _this$_renderParams18 === void 0 || (_this$_renderParams18 = _this$_renderParams18.selector) === null || _this$_renderParams18 === void 0 || (_this$_renderParams19 = _this$_renderParams18.indexOf) === null || _this$_renderParams19 === void 0 ? void 0 : _this$_renderParams19.call(_this$_renderParams18, '#')) === -1 ? this === null || this === void 0 || (_this$_renderParams20 = this._renderParams) === null || _this$_renderParams20 === void 0 ? void 0 : _this$_renderParams20.selector : this === null || this === void 0 || (_this$_renderParams21 = this._renderParams) === null || _this$_renderParams21 === void 0 || (_this$_renderParams21 = _this$_renderParams21.selector) === null || _this$_renderParams21 === void 0 || (_this$_renderParams22 = _this$_renderParams21.slice) === null || _this$_renderParams22 === void 0 ? void 0 : _this$_renderParams22.call(_this$_renderParams21, 1);
1407
1419
  // 修改需当前文件搜索,这段注释appendAliasContainerId
1408
- var appendAliasContainerId = this === null || this === void 0 || (_this$_renderParams21 = this._renderParams) === null || _this$_renderParams21 === void 0 ? void 0 : _this$_renderParams21.appendAliasContainerId;
1420
+ var appendAliasContainerId = this === null || this === void 0 || (_this$_renderParams23 = this._renderParams) === null || _this$_renderParams23 === void 0 ? void 0 : _this$_renderParams23.appendAliasContainerId;
1409
1421
  var selectorId = appendAliasContainerId ? "".concat(COMPONENT_CONTAINER_ID, "-").concat(_selector) : COMPONENT_CONTAINER_ID;
1410
1422
  var cashier = document.getElementById(selectorId);
1411
1423
  if (((_data$context$data4 = data.context.data) === null || _data$context$data4 === void 0 ? void 0 : _data$context$data4.height) <= 1 || data.context.data.height === parseInt(cashier === null || cashier === void 0 || (_cashier$style = cashier.style) === null || _cashier$style === void 0 ? void 0 : _cashier$style.height)) return;
@@ -1756,7 +1768,7 @@ var ComponentApp = /*#__PURE__*/function () {
1756
1768
  key: "sendRenderEvent",
1757
1769
  value: (function () {
1758
1770
  var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8() {
1759
- var _this$_renderParams22, _this$_renderParams23, _this$_renderParams24, _this$_renderParams25, _this$_renderParams26, _this$_renderParams27, _this$_renderParams28, _this$_renderParams29, _this$_renderParams30, _this$AMSSDK$logger, _this$_renderParams31, _this$_renderParams32, _this$_renderParams33, _this$AMSSDK, _this$_renderParams34, _this$_renderParams35, isAddressElement, res, submitRes;
1771
+ var _this$_renderParams24, _this$_renderParams25, _this$_renderParams26, _this$_renderParams27, _this$_renderParams28, _this$_renderParams29, _this$_renderParams30, _this$_renderParams31, _this$_renderParams32, _this$AMSSDK$logger, _this$_renderParams33, _this$_renderParams34, _this$_renderParams35, _this$AMSSDK, _this$_renderParams36, _this$_renderParams37, isAddressElement, res, submitRes;
1760
1772
  return _regeneratorRuntime().wrap(function _callee8$(_context8) {
1761
1773
  while (1) switch (_context8.prev = _context8.next) {
1762
1774
  case 0:
@@ -1786,35 +1798,35 @@ var ComponentApp = /*#__PURE__*/function () {
1786
1798
  data: {
1787
1799
  queryResult: res,
1788
1800
  submitResult: submitRes,
1789
- sessionResult: (_this$_renderParams22 = this._renderParams) === null || _this$_renderParams22 === void 0 ? void 0 : _this$_renderParams22.paymentSessionMetaData,
1790
- paymentSessionData: (_this$_renderParams23 = this._renderParams) === null || _this$_renderParams23 === void 0 ? void 0 : _this$_renderParams23.sessionData,
1801
+ sessionResult: (_this$_renderParams24 = this._renderParams) === null || _this$_renderParams24 === void 0 ? void 0 : _this$_renderParams24.paymentSessionMetaData,
1802
+ paymentSessionData: (_this$_renderParams25 = this._renderParams) === null || _this$_renderParams25 === void 0 ? void 0 : _this$_renderParams25.sessionData,
1791
1803
  heightOfVisible: Math.max(window.changingPageHeight, window.innerHeight),
1792
- renderDisplayType: (_this$_renderParams24 = this._renderParams) === null || _this$_renderParams24 === void 0 ? void 0 : _this$_renderParams24.renderDisplayType,
1793
- appearance: (_this$_renderParams25 = this._renderParams) === null || _this$_renderParams25 === void 0 ? void 0 : _this$_renderParams25.appearance,
1794
- notRedirectAfterComplete: ((_this$_renderParams26 = this._renderParams) === null || _this$_renderParams26 === void 0 ? void 0 : _this$_renderParams26.notRedirectAfterComplete) === true,
1804
+ renderDisplayType: (_this$_renderParams26 = this._renderParams) === null || _this$_renderParams26 === void 0 ? void 0 : _this$_renderParams26.renderDisplayType,
1805
+ appearance: (_this$_renderParams27 = this._renderParams) === null || _this$_renderParams27 === void 0 ? void 0 : _this$_renderParams27.appearance,
1806
+ notRedirectAfterComplete: ((_this$_renderParams28 = this._renderParams) === null || _this$_renderParams28 === void 0 ? void 0 : _this$_renderParams28.notRedirectAfterComplete) === true,
1795
1807
  isAppWebview: this._isAppWebview,
1796
1808
  merchantAppointParam: this._merchantAppointParam,
1797
1809
  allowSubmitPayCallAhead: this._allowSubmitPayCallAhead,
1798
1810
  /** 地址组件集成的参数 */
1799
- configParams: (_this$_renderParams27 = this._renderParams) === null || _this$_renderParams27 === void 0 ? void 0 : _this$_renderParams27.configParams,
1800
- prefillValue: (_this$_renderParams28 = this._renderParams) === null || _this$_renderParams28 === void 0 ? void 0 : _this$_renderParams28.prefillValue,
1801
- componentSession: (_this$_renderParams29 = this._renderParams) === null || _this$_renderParams29 === void 0 ? void 0 : _this$_renderParams29.componentSession,
1811
+ configParams: (_this$_renderParams29 = this._renderParams) === null || _this$_renderParams29 === void 0 ? void 0 : _this$_renderParams29.configParams,
1812
+ prefillValue: (_this$_renderParams30 = this._renderParams) === null || _this$_renderParams30 === void 0 ? void 0 : _this$_renderParams30.prefillValue,
1813
+ componentSession: (_this$_renderParams31 = this._renderParams) === null || _this$_renderParams31 === void 0 ? void 0 : _this$_renderParams31.componentSession,
1802
1814
  envInfo: {
1803
1815
  screenHeight: screen.height,
1804
1816
  screenWidth: screen.width
1805
1817
  },
1806
1818
  logMetaData: _objectSpread(_objectSpread({
1807
- trackId: (_this$_renderParams30 = this._renderParams) === null || _this$_renderParams30 === void 0 ? void 0 : _this$_renderParams30.sessionData,
1819
+ trackId: (_this$_renderParams32 = this._renderParams) === null || _this$_renderParams32 === void 0 ? void 0 : _this$_renderParams32.sessionData,
1808
1820
  platform: this.platform,
1809
1821
  firstLogTime: (_this$AMSSDK$logger = this.AMSSDK.logger) === null || _this$AMSSDK$logger === void 0 ? void 0 : _this$AMSSDK$logger.getComponentStartTime()
1810
- }, ((_this$_renderParams31 = this._renderParams) === null || _this$_renderParams31 === void 0 || (_this$_renderParams31 = _this$_renderParams31.paymentSessionMetaData) === null || _this$_renderParams31 === void 0 ? void 0 : _this$_renderParams31.paymentSessionConfig) || {}), {}, {
1811
- renderDisplayType: (_this$_renderParams32 = this._renderParams) === null || _this$_renderParams32 === void 0 ? void 0 : _this$_renderParams32.renderDisplayType,
1822
+ }, ((_this$_renderParams33 = this._renderParams) === null || _this$_renderParams33 === void 0 || (_this$_renderParams33 = _this$_renderParams33.paymentSessionMetaData) === null || _this$_renderParams33 === void 0 ? void 0 : _this$_renderParams33.paymentSessionConfig) || {}), {}, {
1823
+ renderDisplayType: (_this$_renderParams34 = this._renderParams) === null || _this$_renderParams34 === void 0 ? void 0 : _this$_renderParams34.renderDisplayType,
1812
1824
  sdkVersion: this._appVersion,
1813
- merchantId: (_this$_renderParams33 = this._renderParams) === null || _this$_renderParams33 === void 0 || (_this$_renderParams33 = _this$_renderParams33.paymentSessionMetaData) === null || _this$_renderParams33 === void 0 ? void 0 : _this$_renderParams33.clientId,
1825
+ merchantId: (_this$_renderParams35 = this._renderParams) === null || _this$_renderParams35 === void 0 || (_this$_renderParams35 = _this$_renderParams35.paymentSessionMetaData) === null || _this$_renderParams35 === void 0 ? void 0 : _this$_renderParams35.clientId,
1814
1826
  instanceId: (_this$AMSSDK = this.AMSSDK) === null || _this$AMSSDK === void 0 ? void 0 : _this$AMSSDK._instanceId,
1815
1827
  performanceData: this._performanceData,
1816
- paymentMethodType: (_this$_renderParams34 = this._renderParams) === null || _this$_renderParams34 === void 0 || (_this$_renderParams34 = _this$_renderParams34.paymentSessionMetaData) === null || _this$_renderParams34 === void 0 || (_this$_renderParams34 = _this$_renderParams34.paymentMethodInfoView) === null || _this$_renderParams34 === void 0 ? void 0 : _this$_renderParams34.paymentMethodType,
1817
- skipRenderPaymentMethod: (_this$_renderParams35 = this._renderParams) === null || _this$_renderParams35 === void 0 || (_this$_renderParams35 = _this$_renderParams35.paymentSessionMetaData) === null || _this$_renderParams35 === void 0 ? void 0 : _this$_renderParams35.skipRenderPaymentMethod
1828
+ paymentMethodType: (_this$_renderParams36 = this._renderParams) === null || _this$_renderParams36 === void 0 || (_this$_renderParams36 = _this$_renderParams36.paymentSessionMetaData) === null || _this$_renderParams36 === void 0 || (_this$_renderParams36 = _this$_renderParams36.paymentMethodInfoView) === null || _this$_renderParams36 === void 0 ? void 0 : _this$_renderParams36.paymentMethodType,
1829
+ skipRenderPaymentMethod: (_this$_renderParams37 = this._renderParams) === null || _this$_renderParams37 === void 0 || (_this$_renderParams37 = _this$_renderParams37.paymentSessionMetaData) === null || _this$_renderParams37 === void 0 ? void 0 : _this$_renderParams37.skipRenderPaymentMethod
1818
1830
  })
1819
1831
  }
1820
1832
  }
@@ -1876,10 +1888,10 @@ var ComponentApp = /*#__PURE__*/function () {
1876
1888
  }, {
1877
1889
  key: "hideComponentAnimation",
1878
1890
  value: function hideComponentAnimation() {
1879
- var _this$_renderParams36, _this$_renderParams37, _this$_renderParams38, _this$_renderParams39, _this$_renderParams40, _this$_renderParams41, _container$style;
1891
+ var _this$_renderParams38, _this$_renderParams39, _this$_renderParams40, _this$_renderParams41, _this$_renderParams42, _this$_renderParams43, _container$style;
1880
1892
  // 修改需当前文件搜索,这段注释appendAliasContainerId
1881
- var _selector = (this === null || this === void 0 || (_this$_renderParams36 = this._renderParams) === null || _this$_renderParams36 === void 0 || (_this$_renderParams36 = _this$_renderParams36.selector) === null || _this$_renderParams36 === void 0 || (_this$_renderParams37 = _this$_renderParams36.indexOf) === null || _this$_renderParams37 === void 0 ? void 0 : _this$_renderParams37.call(_this$_renderParams36, '#')) === -1 ? this === null || this === void 0 || (_this$_renderParams38 = this._renderParams) === null || _this$_renderParams38 === void 0 ? void 0 : _this$_renderParams38.selector : this === null || this === void 0 || (_this$_renderParams39 = this._renderParams) === null || _this$_renderParams39 === void 0 || (_this$_renderParams39 = _this$_renderParams39.selector) === null || _this$_renderParams39 === void 0 || (_this$_renderParams40 = _this$_renderParams39.slice) === null || _this$_renderParams40 === void 0 ? void 0 : _this$_renderParams40.call(_this$_renderParams39, 1);
1882
- var appendAliasContainerId = this !== null && this !== void 0 && (_this$_renderParams41 = this._renderParams) !== null && _this$_renderParams41 !== void 0 && _this$_renderParams41.appendAliasContainerId ? "-".concat(_selector) : '';
1893
+ var _selector = (this === null || this === void 0 || (_this$_renderParams38 = this._renderParams) === null || _this$_renderParams38 === void 0 || (_this$_renderParams38 = _this$_renderParams38.selector) === null || _this$_renderParams38 === void 0 || (_this$_renderParams39 = _this$_renderParams38.indexOf) === null || _this$_renderParams39 === void 0 ? void 0 : _this$_renderParams39.call(_this$_renderParams38, '#')) === -1 ? this === null || this === void 0 || (_this$_renderParams40 = this._renderParams) === null || _this$_renderParams40 === void 0 ? void 0 : _this$_renderParams40.selector : this === null || this === void 0 || (_this$_renderParams41 = this._renderParams) === null || _this$_renderParams41 === void 0 || (_this$_renderParams41 = _this$_renderParams41.selector) === null || _this$_renderParams41 === void 0 || (_this$_renderParams42 = _this$_renderParams41.slice) === null || _this$_renderParams42 === void 0 ? void 0 : _this$_renderParams42.call(_this$_renderParams41, 1);
1894
+ var appendAliasContainerId = this !== null && this !== void 0 && (_this$_renderParams43 = this._renderParams) !== null && _this$_renderParams43 !== void 0 && _this$_renderParams43.appendAliasContainerId ? "-".concat(_selector) : '';
1883
1895
  var inlineId = "".concat(COMPONENT_CONTAINER_ID).concat(appendAliasContainerId);
1884
1896
  var container = document.getElementById(inlineId);
1885
1897
  if (this.app && container) this.app.style.height = container === null || container === void 0 || (_container$style = container.style) === null || _container$style === void 0 ? void 0 : _container$style.height;
@@ -537,6 +537,12 @@ export interface CashierSubmitPayRequest {
537
537
  verifyFactors?: Record<string, string>;
538
538
  paymentSessionData: string;
539
539
  paymentSessionConfig?: any;
540
+ paymentMethod?: {
541
+ paymentMethodType: string;
542
+ paymentMethodId?: string;
543
+ paymentMethodDetail?: Record<string, any>;
544
+ category?: string;
545
+ };
540
546
  }
541
547
  export interface CashierSubmitPayRequest {
542
548
  paymentMethodType?: string;
@@ -745,6 +751,25 @@ export interface IAmountView {
745
751
  formattedValue: string;
746
752
  value: string;
747
753
  }
754
+ export type ApplePayPaymentRequest = {
755
+ version?: number;
756
+ supportedNetworks: string[];
757
+ requiredBillingContactFields?: string[];
758
+ requiredShippingContactFields?: string[];
759
+ merchantInfo: {
760
+ instMid: string;
761
+ merchantName: string;
762
+ countryCode: string;
763
+ };
764
+ paymentAmount: {
765
+ value: string;
766
+ currency: string;
767
+ };
768
+ order?: {
769
+ orderDescription: string;
770
+ };
771
+ merchantCapabilities: string[];
772
+ };
748
773
  export interface IPaymentMethod {
749
774
  paymentMethodKey?: string;
750
775
  antomPage?: string;
@@ -764,6 +789,9 @@ export interface IPaymentMethod {
764
789
  paymentMethodDetail?: {
765
790
  last4?: string;
766
791
  requireIssuerAuthentication?: string;
792
+ applePayProps?: {
793
+ paymentRequest: ApplePayPaymentRequest;
794
+ };
767
795
  };
768
796
  interActionType?: InterActionTypeEnum;
769
797
  recommend?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alipay/ams-checkout",
3
- "version": "0.0.1732700846-dev.7",
3
+ "version": "0.0.1732700846-dev.9",
4
4
  "description": "",
5
5
  "author": "",
6
6
  "main": "esm/index.js",