@alipay/ams-checkout 0.0.1730107332-dev.3 → 0.0.1730107332-dev.30

package/esm/plugin/paypal/index.js

@@ -0,0 +1,390 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import { BusManager, BusMessage, BusSubscriber } from "../../core/bus";
+import { PaypalActionEnum, SDKCallbackActionEnum } from "../../core/bus/interface";
+import { queryPaymentInfo } from "../../service";
+import { eventCodeEnum, payPalConfigurationIntentEnum, PaypalMethodEnum } from "../../types";
+import { isFunction } from "../../util";
+import { appendLoadingIcon, isShowLoading } from "../utils";
+export var PaypalBusSubscriber = /*#__PURE__*/function (_BusSubscriber) {
+  _inherits(PaypalBusSubscriber, _BusSubscriber);
+  var _super = _createSuper(PaypalBusSubscriber);
+  function PaypalBusSubscriber(logger) {
+    var _this;
+    _classCallCheck(this, PaypalBusSubscriber);
+    _this = _super.call(this);
+    _defineProperty(_assertThisInitialized(_this), "logger", void 0);
+    _defineProperty(_assertThisInitialized(_this), "onEventCallback", function (state) {
+      BusManager.publish(new BusMessage(SDKCallbackActionEnum.onEventCallback, JSON.stringify(state)));
+    });
+    _defineProperty(_assertThisInitialized(_this), "appendPaypalLoading", function (_ref) {
+      var selector = _ref.selector;
+      if (document.querySelector('.paypal-loading')) {
+        return;
+      }
+      var container = document.querySelector(selector);
+      container.innerHTML = '';
+      var loadingDiv = document.createElement('div');
+      loadingDiv.className = 'paypal-loading';
+      loadingDiv.style.backgroundColor = '#EBEBEB';
+      loadingDiv.style.width = '100%';
+      loadingDiv.style.height = '64px';
+      loadingDiv.style.borderRadius = '4px';
+      var loadingImage = document.createElement('div');
+      loadingImage.style.position = 'absolute';
+      loadingImage.style.top = '50%';
+      loadingImage.style.left = '50%';
+      loadingImage.style.transform = 'translate(-50%, -50%)';
+      loadingDiv.style.maxWidth = '750px';
+      loadingDiv.style.position = 'relative';
+      appendLoadingIcon({
+        htmlElement: loadingImage,
+        loadingWidth: '25px',
+        loadingHeight: '25px'
+      });
+      loadingDiv.appendChild(loadingImage);
+      container.appendChild(loadingDiv);
+    });
+    _defineProperty(_assertThisInitialized(_this), "removePaypalLoading", function () {
+      var loadingDiv = document.querySelector('.paypal-loading');
+
+      // 如果找到了该类元素，则从DOM中移除
+      if (loadingDiv) {
+        loadingDiv.remove();
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "preCheck", function (paypalPluginProps) {
+      var _paypalPluginProps$pa, _paypalPluginProps$pa2;
+      var boundPaymentMethod = (_paypalPluginProps$pa = paypalPluginProps.paymentSessionFactor) === null || _paypalPluginProps$pa === void 0 || (_paypalPluginProps$pa = _paypalPluginProps$pa.paymentMethodInfo) === null || _paypalPluginProps$pa === void 0 || (_paypalPluginProps$pa = _paypalPluginProps$pa.paymentMethodMetaData) === null || _paypalPluginProps$pa === void 0 ? void 0 : _paypalPluginProps$pa.boundPaymentMethod;
+      var paymentMethodType = (_paypalPluginProps$pa2 = paypalPluginProps.paymentSessionFactor) === null || _paypalPluginProps$pa2 === void 0 || (_paypalPluginProps$pa2 = _paypalPluginProps$pa2.paymentMethodInfo) === null || _paypalPluginProps$pa2 === void 0 ? void 0 : _paypalPluginProps$pa2.paymentMethodType;
+      if (boundPaymentMethod && PaypalMethodEnum.PAYPAL_VAULT === paymentMethodType) {
+        _this.onEventCallback({
+          code: eventCodeEnum.SDK_PAYMENT_WARN,
+          message: 'You can directly request the server interface without antom-sdk.'
+        });
+      }
+      return Promise.resolve(paypalPluginProps);
+    });
+    // 加载paypal资源
+    _defineProperty(_assertThisInitialized(_this), "loadPaypalResource", function (paypalPluginProps) {
+      return new Promise(function (resolve, reject) {
+        var _paypalPluginProps$ap;
+        if (isShowLoading((_paypalPluginProps$ap = paypalPluginProps.appearance) === null || _paypalPluginProps$ap === void 0 ? void 0 : _paypalPluginProps$ap.showLoading)) {
+          _this.appendPaypalLoading({
+            selector: paypalPluginProps.selector
+          });
+        }
+        var paypalScript = _this.createPaypalScript(paypalPluginProps);
+        // 将script标签添加到DOM中
+        document.body.appendChild(paypalScript);
+        // 在script加载完成后执行回调函数
+        paypalScript.onload = function () {
+          resolve('loading successfully');
+        };
+        // 如果有错误则输出错误信息
+        paypalScript.onerror = function (error) {
+          reject(error);
+        };
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "createPaypalScript", function (paypalPluginProps) {
+      var _paypalPluginProps$pa3, _paypalPluginProps$pa4, _paypalPluginProps$pa5, _paypalPluginProps$pa6;
+      var channelMerchantAccountId = (_paypalPluginProps$pa3 = paypalPluginProps.paymentSessionFactor) === null || _paypalPluginProps$pa3 === void 0 || (_paypalPluginProps$pa3 = _paypalPluginProps$pa3.merchantInfo) === null || _paypalPluginProps$pa3 === void 0 ? void 0 : _paypalPluginProps$pa3.channelMerchantClientId;
+      var accessToken = (_paypalPluginProps$pa4 = paypalPluginProps.paymentSessionFactor) === null || _paypalPluginProps$pa4 === void 0 || (_paypalPluginProps$pa4 = _paypalPluginProps$pa4.paypal) === null || _paypalPluginProps$pa4 === void 0 ? void 0 : _paypalPluginProps$pa4.accessToken;
+      var locale = paypalPluginProps.locale;
+      var currency = (_paypalPluginProps$pa5 = paypalPluginProps.paymentSessionFactor) === null || _paypalPluginProps$pa5 === void 0 || (_paypalPluginProps$pa5 = _paypalPluginProps$pa5.paymentAmount) === null || _paypalPluginProps$pa5 === void 0 ? void 0 : _paypalPluginProps$pa5.currency;
+      var paymentMethodType = (_paypalPluginProps$pa6 = paypalPluginProps.paymentSessionFactor) === null || _paypalPluginProps$pa6 === void 0 || (_paypalPluginProps$pa6 = _paypalPluginProps$pa6.paymentMethodInfo) === null || _paypalPluginProps$pa6 === void 0 ? void 0 : _paypalPluginProps$pa6.paymentMethodType;
+      var _ref2 = (paypalPluginProps === null || paypalPluginProps === void 0 ? void 0 : paypalPluginProps.paypalConfiguration) || {},
+        blockPayPalCreditButton = _ref2.blockPayPalCreditButton,
+        blockPayPalPayLaterButton = _ref2.blockPayPalPayLaterButton,
+        displayPayPalPayLaterButtonOnly = _ref2.displayPayPalPayLaterButtonOnly,
+        enableMessages = _ref2.enableMessages,
+        intent = _ref2.intent;
+      var script = document.createElement('script');
+      var src = "https://www.paypal.com/sdk/js?";
+      var urlSearchParams = new URLSearchParams({
+        currency: currency,
+        locale: locale,
+        'client-id': channelMerchantAccountId
+      });
+      var disableFundingArr = ['bancontact', 'blik', 'eps', 'giropay', 'ideal', 'mercadopago', 'mybank', 'p24', 'sepa', 'sofort'];
+      if (blockPayPalCreditButton && !displayPayPalPayLaterButtonOnly) {
+        disableFundingArr.push('card');
+      }
+      if (blockPayPalPayLaterButton && !displayPayPalPayLaterButtonOnly) {
+        disableFundingArr.push('credit');
+      }
+      if (disableFundingArr.length) {
+        urlSearchParams.append('disable-funding', disableFundingArr.join(','));
+      }
+      if (enableMessages) {
+        urlSearchParams.append('components', 'messages,buttons');
+      } else {
+        urlSearchParams.append('components', 'buttons');
+      }
+      if (payPalConfigurationIntentEnum.intent === intent && PaypalMethodEnum.PAYPAL_CHECKOUT === paymentMethodType) {
+        urlSearchParams.append('intent', 'authorize');
+        urlSearchParams.append('commit', 'false');
+      }
+      if (PaypalMethodEnum.PAYPAL_VAULT === paymentMethodType) {
+        urlSearchParams.append('vault', 'true');
+      }
+      src += urlSearchParams.toString();
+      script.src = src;
+      script.setAttribute('data-user-id-token', accessToken);
+      return script;
+    });
+    _defineProperty(_assertThisInitialized(_this), "onShippingChange", /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
+        return _regeneratorRuntime().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this.onEventCallback({
+                code: eventCodeEnum.SDK_PAYMENT_SHIPPINGCHANGE,
+                result: {
+                  data: data
+                }
+              });
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_assertThisInitialized(_this), "createOrder", /*#__PURE__*/function () {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_data, _action, paymentSessionData, env, paymentSessionConfig) {
+        var _queryPaymentInfoRes$;
+        var queryPaymentInfoRes;
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return queryPaymentInfo({
+                paymentSessionData: paymentSessionData,
+                paymentSessionConfig: paymentSessionConfig
+              }, {
+                env: env,
+                timeout: 15000
+              }, _this.logger);
+            case 2:
+              queryPaymentInfoRes = _context2.sent;
+              if (!(!(queryPaymentInfoRes !== null && queryPaymentInfoRes !== void 0 && queryPaymentInfoRes.success) || !(queryPaymentInfoRes !== null && queryPaymentInfoRes !== void 0 && (_queryPaymentInfoRes$ = queryPaymentInfoRes.extendInfo) !== null && _queryPaymentInfoRes$ !== void 0 && _queryPaymentInfoRes$.channelOrderId))) {
+                _context2.next = 7;
+                break;
+              }
+              _this.logger.logInfo({
+                title: 'paypal_payment_failed'
+              });
+              _this.onEventCallback({
+                code: eventCodeEnum.SDK_PAYMENT_FAIL,
+                message: 'Create order failed.'
+              });
+              return _context2.abrupt("return");
+            case 7:
+              return _context2.abrupt("return", queryPaymentInfoRes.extendInfo.channelOrderId);
+            case 8:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2);
+      }));
+      return function (_x2, _x3, _x4, _x5, _x6) {
+        return _ref4.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_assertThisInitialized(_this), "onApprove", /*#__PURE__*/function () {
+      var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(onApproveData) {
+        return _regeneratorRuntime().wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
+            case 0:
+              _this.onEventCallback({
+                code: eventCodeEnum.SDK_PAYMENT_APPROVE,
+                result: {
+                  onApproveData: onApproveData
+                }
+              });
+              if (_this.logger && isFunction(_this.logger.logInfo)) {
+                _this.logger.logInfo({
+                  title: 'paypal_payment_approved'
+                });
+              }
+            case 2:
+            case "end":
+              return _context3.stop();
+          }
+        }, _callee3);
+      }));
+      return function (_x7) {
+        return _ref5.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_assertThisInitialized(_this), "onCancel", /*#__PURE__*/function () {
+      var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(orderId) {
+        return _regeneratorRuntime().wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              _this.onEventCallback({
+                code: eventCodeEnum.SDK_PAYMENT_CANCEL,
+                result: {
+                  orderId: orderId
+                }
+              });
+              if (_this.logger && isFunction(_this.logger.logInfo)) {
+                _this.logger.logInfo({
+                  title: 'paypal_payment_cancelled'
+                });
+              }
+            case 2:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4);
+      }));
+      return function (_x8) {
+        return _ref6.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_assertThisInitialized(_this), "destroyComponent", /*#__PURE__*/function () {
+      var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(context, message) {
+        var data;
+        return _regeneratorRuntime().wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              data = message.getJSONObject();
+              _this.logger.logInfo({
+                title: 'sdk_event_clean_component'
+              }).send();
+              if (document.querySelector(data === null || data === void 0 ? void 0 : data.selector)) {
+                document.querySelector(data === null || data === void 0 ? void 0 : data.selector).innerHTML = '';
+                console.log('paypal: destroy Component');
+              }
+            case 3:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5);
+      }));
+      return function (_x9, _x10) {
+        return _ref7.apply(this, arguments);
+      };
+    }());
+    _this.logger = logger;
+    return _this;
+  }
+  _createClass(PaypalBusSubscriber, [{
+    key: "actionNames",
+    value: function actionNames() {
+      return Object.values(PaypalActionEnum);
+    }
+  }, {
+    key: "renderPaypalButton",
+    value: function renderPaypalButton(context, message) {
+      var _data$options,
+        _data$options2,
+        _data$appendParams,
+        _data$appendParams2,
+        _data$appendParams3,
+        _data$appendParams4,
+        _data$appendParams5,
+        _data$appendParams6,
+        _this2 = this;
+      var data = message.getJSONObject();
+      var paypalPluginProps = {
+        locale: (_data$options = data.options) === null || _data$options === void 0 ? void 0 : _data$options.locale,
+        environment: (_data$options2 = data.options) === null || _data$options2 === void 0 ? void 0 : _data$options2.environment,
+        paymentSessionData: (_data$appendParams = data.appendParams) === null || _data$appendParams === void 0 || (_data$appendParams = _data$appendParams.iframeNodesParams) === null || _data$appendParams === void 0 ? void 0 : _data$appendParams.sessionData,
+        paymentSessionFactor: (_data$appendParams2 = data.appendParams) === null || _data$appendParams2 === void 0 || (_data$appendParams2 = _data$appendParams2.iframeNodesParams) === null || _data$appendParams2 === void 0 || (_data$appendParams2 = _data$appendParams2.paymentSessionMetaData) === null || _data$appendParams2 === void 0 ? void 0 : _data$appendParams2.paymentSessionFactor,
+        selector: (_data$appendParams3 = data.appendParams) === null || _data$appendParams3 === void 0 || (_data$appendParams3 = _data$appendParams3.iframeNodesParams) === null || _data$appendParams3 === void 0 ? void 0 : _data$appendParams3.selector,
+        paypalConfiguration: (_data$appendParams4 = data.appendParams) === null || _data$appendParams4 === void 0 || (_data$appendParams4 = _data$appendParams4.iframeNodesParams) === null || _data$appendParams4 === void 0 ? void 0 : _data$appendParams4.paypalConfiguration,
+        appearance: (_data$appendParams5 = data.appendParams) === null || _data$appendParams5 === void 0 || (_data$appendParams5 = _data$appendParams5.iframeNodesParams) === null || _data$appendParams5 === void 0 ? void 0 : _data$appendParams5.appearance,
+        paymentSessionConfig: (_data$appendParams6 = data.appendParams) === null || _data$appendParams6 === void 0 || (_data$appendParams6 = _data$appendParams6.iframeNodesParams) === null || _data$appendParams6 === void 0 || (_data$appendParams6 = _data$appendParams6.paymentSessionMetaData) === null || _data$appendParams6 === void 0 ? void 0 : _data$appendParams6.paymentSessionConfig
+      };
+      return this.preCheck(paypalPluginProps).then(function (paypalPluginProps) {
+        return _this2.loadPaypalResource(paypalPluginProps).then(function () {
+          var _paypalPluginProps$pa7, _paypalPluginProps$pa8;
+          var createButtonConfig = {
+            style: _objectSpread({
+              layout: 'vertical',
+              color: 'gold',
+              shape: 'rect'
+            }, ((_paypalPluginProps$pa7 = paypalPluginProps.paypalConfiguration) === null || _paypalPluginProps$pa7 === void 0 ? void 0 : _paypalPluginProps$pa7.style) || {}),
+            fundingSource: undefined,
+            onShippingChange: _this2.onShippingChange,
+            createOrder: function createOrder(data, action) {
+              return _this2.createOrder(data, action, paypalPluginProps.paymentSessionData, paypalPluginProps.environment, paypalPluginProps.paymentSessionConfig);
+            },
+            onApprove: _this2.onApprove,
+            onCancel: _this2.onCancel
+          };
+          if ((_paypalPluginProps$pa8 = paypalPluginProps.paypalConfiguration) !== null && _paypalPluginProps$pa8 !== void 0 && _paypalPluginProps$pa8.displayPayPalPayLaterButtonOnly) {
+            createButtonConfig.fundingSource = window.paypal.FUNDING.PAYLATER;
+          }
+          try {
+            window.paypal.Buttons(createButtonConfig).render(paypalPluginProps.selector);
+          } catch (error) {
+            _this2.logger.logError({
+              title: 'button_render_failed'
+            }, {
+              message: error
+            });
+            _this2.onEventCallback({
+              code: eventCodeEnum.SDK_PAYMENT_FAIL,
+              message: 'Button render failed.'
+            });
+            return Promise.reject(error);
+          }
+        }).catch(function (error) {
+          _this2.logger.logError({
+            title: 'paypal_payment_loadSDK_failed'
+          });
+          _this2.onEventCallback({
+            code: eventCodeEnum.SDK_PAYMENT_FAIL,
+            message: 'Loading paypal sdk failed.'
+          });
+          return Promise.reject(error);
+        }).finally(function () {
+          var _paypalPluginProps$ap2;
+          if (isShowLoading((_paypalPluginProps$ap2 = paypalPluginProps.appearance) === null || _paypalPluginProps$ap2 === void 0 ? void 0 : _paypalPluginProps$ap2.showLoading)) {
+            _this2.removePaypalLoading();
+          }
+        });
+      });
+    }
+  }, {
+    key: "onMessage",
+    value: function onMessage(context, message) {
+      switch (message.getAction()) {
+        case PaypalActionEnum.mountComponent:
+          this.renderPaypalButton(context, message);
+          break;
+        case PaypalActionEnum.destroyComponent:
+          this.destroyComponent(context, message);
+          break;
+        default:
+          console.log('Unknown action: ' + message.getAction());
+      }
+    }
+  }]);
+  return PaypalBusSubscriber;
+}(BusSubscriber);

package/esm/plugin/type.d.ts

@@ -0,0 +1,34 @@
+import { BusSubscriber } from 'src/core/bus';
+import { PaymentMethodCategoryTypeEnum, ProductSceneEnum, ProductSceneVersion } from '../types';
+export type IExtendPlugin = IExtendPluginItem[];
+export interface ComponentActionNamesType {
+    canMakePayments?: string;
+    optional_init?: string;
+    createComponent?: string;
+    mountComponent?: string;
+    submit?: string;
+    destroyComponent?: string;
+    getValue?: string;
+}
+export type IExtendPluginItem = {
+    /**
+     * 以下为sessionData匹配的场景
+     */
+    sessionMatcher?: {
+        productScene: ProductSceneEnum;
+        productSceneVersion: ProductSceneVersion;
+        paymentMethodCategoryType: PaymentMethodCategoryTypeEnum;
+        paymentMethodTypes: string[];
+    };
+    /**
+     * 用于无sessionData场景，比如：canMakePayments
+     */
+    paymentChannelMatcher?: {
+        paymentMethod: string;
+    };
+    /**
+     * 以下plugin 实现的定义
+     */
+    busActionNames: ComponentActionNamesType;
+    busSubscriber?: BusSubscriber;
+};

package/esm/plugin/type.js

@@ -0,0 +1 @@
+export {};

package/esm/plugin/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const appendLoadingIcon: (props: {
+    htmlElement: HTMLElement;
+    loadingWidth: string;
+    loadingHeight: string;
+}) => void;
+export declare const isShowLoading: (showLoading?: boolean) => boolean;

package/esm/plugin/utils.js

@@ -0,0 +1,21 @@
+export var appendLoadingIcon = function appendLoadingIcon(props) {
+  var htmlElement = props.htmlElement,
+    loadingHeight = props.loadingHeight,
+    loadingWidth = props.loadingWidth;
+  var spinStyles = "\n    @keyframes loadingSpin {\n      from {\n        transform: rotate(0deg);\n      }\n      to {\n        transform: rotate(360deg);\n      }\n    }\n  ";
+  var loadingImg = document.createElement('img');
+  loadingImg.src = 'https://mdn.alipayobjects.com/huamei_saktgs/afts/img/A*vmqbT6W9g4oAAAAAAAAAAAAADviCAQ/original';
+  loadingImg.classList.add('atom-loading');
+  loadingImg.style.width = loadingWidth;
+  loadingImg.style.height = loadingHeight;
+  loadingImg.style.animation = 'loadingSpin 0.8s linear infinite';
+  var styleElement = document.createElement('style');
+  styleElement.textContent = spinStyles;
+  document.head.appendChild(styleElement);
+  if (htmlElement) {
+    htmlElement.appendChild(loadingImg);
+  }
+};
+export var isShowLoading = function isShowLoading(showLoading) {
+  return showLoading = typeof showLoading === 'boolean' ? showLoading : true;
+};

package/esm/types/index.d.ts

@@ -19,7 +19,7 @@ interface AddressValueResult {
 /**
  * SDK options
  */
-export interface IOptionsParams {
+export interface IoptionsParams {
     environment?: string;
     locale?: string;
     onError?: callOnError;
@@ -29,15 +29,15 @@ export interface IOptionsParams {
     onEventCallback?: callOnEventCallback;
     onClose?: callOnClose;
     onChange?: onChange;
-    networkMode?: string;
-    mode?: string;
     analytics?: {
         enabled: boolean;
     };
-    product?: string;
     onBeforeSubmit?: callOnBeforeSubmit;
+    product?: string;
+    networkMode?: string;
+    mode?: string;
 }
-export interface IApplePayOptionsParams extends Pick<IOptionsParams, 'locale' | 'environment' | 'onEventCallback' | 'analytics'> {
+export interface IApplePayOptionsParams extends Pick<IoptionsParams, 'locale' | 'environment' | 'onEventCallback' | 'analytics'> {
 }
 export type Iselector = string;
 export declare enum DisplayTypeEnum {
@@ -67,6 +67,7 @@ export declare enum ComponentSignEnum {
     'AUTO_DEBIT_PAY_WALLET' = "AUTO_DEBIT_PAY_WALLET",
     'NONE' = "NONE",
     'VAULTING_CARD' = "VAULTING_CARD",
+    'CHECKOUT_PAYMENT' = "CHECKOUT_PAYMENT",
     'ELEMENT_PAYMENT' = "ELEMENT_PAYMENT_ALL",
     'ELEMENT_ADDRESS' = "ELEMENT_ADDRESS_ALL"
 }
@@ -105,6 +106,7 @@ export interface IcreateComponent {
         themeType?: string;
         accentColor?: string;
     };
+    isAppWebview?: boolean;
     merchantAppointParam?: IMerchantAppointParam;
 }
 export interface IappendIframeNodesParams extends IcreateComponent {
@@ -112,9 +114,6 @@ export interface IappendIframeNodesParams extends IcreateComponent {
     renderDisplayType: DisplayTypeEnum;
     selector?: Iselector;
     paypalConfiguration?: IPaypalConfiguration;
-    connectFactor?: {
-        enableConnect: boolean;
-    };
     /** 将address-element参数定义合入原参数定义 */
     configParams?: {
         hideFields?: string[];
@@ -199,7 +198,7 @@ export interface Isubmit {
 }
 export interface IpaymentSessionConfig {
     productScene: ProductSceneEnum;
-    paymentMethodCategoryType: PaymentMethodCategoryTypeEnum;
+    paymentMethodCategoryType?: PaymentMethodCategoryTypeEnum;
     productSceneVersion: string;
 }
 export interface IpaymentSecurityConfig {
@@ -231,6 +230,7 @@ export interface PaymentSessionActionData {
     skipSdkQuery: boolean;
     requireFastSdk: boolean;
     nonCompliant?: boolean;
+    nonInitSecuritySDK?: boolean;
     skipSdkQueryForm?: {
         value: boolean;
         version: string;
@@ -245,6 +245,7 @@ export interface IPaymentSessionMetaData {
     moneyView?: any;
     extendInfo?: string;
     paymentMethodInfoView?: any;
+    paymentView?: any;
     action?: PaymentSessionActionData;
     authUrlInfo?: {
         appIdentifier?: string;
@@ -537,7 +538,6 @@ export interface CashierSubmitPayRequest {
     verifyFactors?: Record<string, string>;
     paymentSessionData: string;
     paymentSessionConfig?: any;
-    traceId?: string;
     extParams?: any;
 }
 export interface CashierSdkActionQueryResult {
@@ -555,7 +555,6 @@ export interface CashierSdkActionQueryResult {
     normalUrl?: string;
     applinkUrl?: string;
     schemeUrl?: string;
-    traceId?: string;
     authUrl?: string;
     extendInfo?: {
         channelOrderId?: string;

package/esm/types/index.js

@@ -31,10 +31,11 @@ export var ComponentSignEnum = /*#__PURE__*/function (ComponentSignEnum) {
   ComponentSignEnum["AUTO_DEBIT_PAY_WALLET"] = "AUTO_DEBIT_PAY_WALLET";
   ComponentSignEnum["NONE"] = "NONE";
   ComponentSignEnum["VAULTING_CARD"] = "VAULTING_CARD";
+  ComponentSignEnum["CHECKOUT_PAYMENT"] = "CHECKOUT_PAYMENT";
   ComponentSignEnum["ELEMENT_PAYMENT"] = "ELEMENT_PAYMENT_ALL";
   ComponentSignEnum["ELEMENT_ADDRESS"] = "ELEMENT_ADDRESS_ALL";
   return ComponentSignEnum;
-}({}); // 'CHECKOUT_PAYMENT' = 'CHECKOUT_PAYMENT',
+}({});
 export var ProductSceneEnum = /*#__PURE__*/function (ProductSceneEnum) {
   ProductSceneEnum["EASY_PAY"] = "EASY_PAY";
   ProductSceneEnum["CASHIER_PAYMENT"] = "CASHIER_PAYMENT";

package/esm/util/createIframeNode.d.ts

@@ -0,0 +1,6 @@
+import { Iselector, DisplayTypeEnum } from '../types';
+/**
+ * @description context中需要包含app节点，用于插入selector中
+ */
+export declare const createIframeNode: (context: any, selector: Iselector, renderDisplayType: DisplayTypeEnum) => Promise<void>;
+export declare const createPreloadIframeNode: (virtualPreloadIframe: any) => void;

package/esm/util/createIframeNode.js

@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), the rights to use, copy, modify, merge, and/or distribute the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ * 1. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE; and
+ * 2. If applicable, the use of the Software is also subject to the terms and conditions of any non-disclosure agreement signed by you and the relevant Ant Group entity.
+ */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { getType } from '.';
+import { ERRORMESSAGE, EVENT } from "../constant";
+import { MessageName, DisplayTypeEnum } from "../types";
+/**
+ * @description context中需要包含app节点，用于插入selector中
+ */
+export var createIframeNode = function createIframeNode(context, selector, renderDisplayType) {
+  return new Promise(function (resolve, reject) {
+    var dorpinDom = null;
+    if (getType(selector) === 'string') {
+      dorpinDom = document.querySelector(selector);
+    }
+    if (dorpinDom === null) {
+      var error = {
+        code: ERRORMESSAGE.CREATEPAYMENT_PARAMETER_ERROR.code,
+        message: "Failed to execute 'querySelector' on 'Document': ".concat(selector, " is not a valid selector")
+      };
+      reject(error);
+      context._dispatchToSDK({
+        name: MessageName.APP_TO_SDK,
+        instanceId: context.AMSSDK._instanceId,
+        context: {
+          event: EVENT.error.name,
+          data: error
+        }
+      });
+      return;
+    }
+    if (renderDisplayType === DisplayTypeEnum.popup) dorpinDom.innerHTML = '';
+    if (context.app) {
+      dorpinDom.appendChild(context.app);
+    }
+    resolve();
+  });
+};
+export var createPreloadIframeNode = function createPreloadIframeNode(virtualPreloadIframe) {
+  var body = document.body || null;
+  if (body) {
+    body.appendChild(virtualPreloadIframe);
+  }
+};

package/esm/util/getBackScheme.d.ts

@@ -0,0 +1,5 @@
+import { Logger } from './logger';
+/**
+ * 通过配置规则检测 UA 和获得回跳 scheme
+ */
+export declare function getBackScheme(mockUa?: string, logger?: Logger): any;