@alipay/ams-checkout 1.3.0 → 1.3.1-dev

package/dist/esm/core/component/index.js

@@ -1,13 +1,13 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 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 exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) keys.push(key); return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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); }); }; }
 /**
  * Copyright (c) 2022 International Business Group, Ant Group. All rights reserved.
  *
@@ -19,7 +19,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { COMPONENTPLUGINID, ERRORMESSAGE } from "../../constant";
 import ComponentApp from "../../plugin/component";
 import { componentNameEnum, mode, networkMode, paymentMethodCategoryTypeEnum, productSceneEnum } from "../../types";
-import { isPC } from "../../util";
 import { createIframeNode } from "../../util/createIframeNode";
 var getComponentSign = function getComponentSign(params) {
   var _ref = params || {},
@@ -44,24 +43,6 @@ var parsePaymentSessionData = function parsePaymentSessionData(paymentSessionDat
     return [{}, paymentSessionData];
   }
 };
-
-// pc easy-pay execute 1.0 Process
-var resetEasyPaySceneVersion = function resetEasyPaySceneVersion(parseData) {
-  if (isPC() && parseData !== null && parseData !== void 0 && parseData.paymentSessionConfig) {
-    var productScene = parseData.paymentSessionConfig.productScene;
-    if (productScene === productSceneEnum.EASY_PAY) {
-      parseData.paymentSessionConfig.productSceneVersion = '1.0';
-    }
-  }
-};
-var handlePaymentSessionData = function handlePaymentSessionData(originPaymentSessionData) {
-  var _parsePaymentSessionD = parsePaymentSessionData(originPaymentSessionData),
-    _parsePaymentSessionD2 = _slicedToArray(_parsePaymentSessionD, 2),
-    parseData = _parsePaymentSessionD2[0],
-    paymentSessionData = _parsePaymentSessionD2[1];
-  resetEasyPaySceneVersion(parseData);
-  return [parseData, paymentSessionData];
-};
 export var mixinComponentConstructor = function mixinComponentConstructor(options, context) {
   // Instantiate the plug-in and set render
   var ComponentPlugin = new ComponentApp();
@@ -113,10 +94,10 @@ export var createComponent = /*#__PURE__*/function () {
           return _context.abrupt("return", Promise.reject(ERRORMESSAGE.INIT_PARAMETER_ERROR.NET_MODE_NOT_SUPPORT));
         case 16:
           return _context.abrupt("return", new Promise(function (resolve, reject) {
-            var _handlePaymentSession = handlePaymentSessionData(_params.paymentSessionData),
-              _handlePaymentSession2 = _slicedToArray(_handlePaymentSession, 2),
-              parseData = _handlePaymentSession2[0],
-              paymentSessionData = _handlePaymentSession2[1];
+            var _parsePaymentSessionD = parsePaymentSessionData(_params.paymentSessionData),
+              _parsePaymentSessionD2 = _slicedToArray(_parsePaymentSessionD, 2),
+              parseData = _parsePaymentSessionD2[0],
+              paymentSessionData = _parsePaymentSessionD2[1];
             var componentName = typeof componentNameOrParams === 'string' ? componentNameOrParams : getComponentSign(parseData);
             if (componentName === '') {
               // eslint-disable-next-line prefer-promise-reject-errors
@@ -140,7 +121,7 @@ export var createComponent = /*#__PURE__*/function () {
       }
     }, _callee, this);
   }));
-  return function createComponent(_x2, _x3) {
+  return function createComponent(_x, _x2) {
     return _ref2.apply(this, arguments);
   };
 }();

package/dist/esm/plugin/component/cashierApp.d.ts

@@ -0,0 +1,24 @@
+import { Ianalytics } from '../../types';
+export declare const getAppPath: (environment: string | undefined, appVersion: string, componentName: string, productSceneVersion: string, extendInfo: string) => any;
+export declare const getAppDomain: (domainParams: {
+    environment: string;
+    appVersion: string;
+    componentName: string;
+    productSceneVersion: string;
+    extendInfo: string;
+}) => string;
+export declare const getIframeUrl: (iframeParams: {
+    componentName: string;
+    appearance: Record<string, string>;
+    analytics?: Ianalytics;
+    productSceneVersion: string;
+    environment: string;
+    appVersion: string;
+    extendInfo: string;
+    locale: string;
+    instanceId: string;
+}) => string;
+/**
+ * @description Create iframe
+ */
+export declare const createIframe: (UIMode: string) => HTMLIFrameElement;

package/dist/esm/plugin/component/{appPath.js → cashierApp.js}

@@ -11,10 +11,10 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  */
 import json from "../../../package.json";
 import { componentNameEnum } from "../../types";
-import { queryParse } from "../../util/index";
+import { getViewPort, queryParse, serialize } from "../../util/index";
 export var getAppPath = function getAppPath() {
   var _componentMap;
-  var _environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'prod';
+  var environment = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'prod';
   var appVersion = arguments.length > 1 ? arguments[1] : undefined;
   var componentName = arguments.length > 2 ? arguments[2] : undefined;
   var productSceneVersion = arguments.length > 3 ? arguments[3] : undefined;
@@ -27,7 +27,7 @@ export var getAppPath = function getAppPath() {
   var getAppVersion = function getAppVersion(_extendInfo) {
     try {
       // Configure the specified version number
-      if (_appVersion && !['sandbox', 'light_sandbox', 'prod'].includes(_environment)) return _appVersion;
+      if (_appVersion && !['sandbox', 'light_sandbox', 'prod'].includes(environment)) return _appVersion;
       var info = JSON.parse(_extendInfo);
       return info.versionMap.web[json.version].targetWebVerison || appVersion;
     } catch (error) {
@@ -53,23 +53,88 @@ export var getAppPath = function getAppPath() {
     return finalProductSceneVersion;
   };
   var componentMap = (_componentMap = {}, _defineProperty(_componentMap, componentNameEnum.card, function () {
-    host = "".concat(marmptMap[_environment], "/").concat(componentNameEnum.card, "/index.").concat(finalAppVersion, ".html");
+    host = "".concat(marmptMap[environment], "/").concat(componentNameEnum.card, "/index.").concat(finalAppVersion, ".html");
   }), _defineProperty(_componentMap, componentNameEnum.easyPay, function () {
     var finalProductSceneVersion = getFinalProductSceneVersion(['1.0', '2.0']);
-    host = "".concat(marmptMap[_environment], "/").concat(componentNameEnum.easyPay, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
+    host = "".concat(marmptMap[environment], "/").concat(componentNameEnum.easyPay, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
   }), _defineProperty(_componentMap, componentNameEnum.autoDebit, function () {
     var finalProductSceneVersion = getFinalProductSceneVersion(['1.0']);
-    host = "".concat(marmptMap[_environment], "/").concat(componentNameEnum.autoDebit, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
+    host = "".concat(marmptMap[environment], "/").concat(componentNameEnum.autoDebit, "/").concat(finalProductSceneVersion, "/index.").concat(finalAppVersion, ".html");
   }), _componentMap);
   if (componentMap[componentName]) componentMap[componentName]();
   // only for test while testurl?host=https://xxxxx.test.html
-  if (urlTestHost && !['sandbox', 'light_sandbox', 'prod'].includes(_environment)) {
+  if (urlTestHost && !['sandbox', 'light_sandbox', 'prod'].includes(environment)) {
     return urlTestHost;
   }
   return host;
 };
-export var getAppDomain = function getAppDomain(_environment, version, componentName, productSceneVersion, extendInfo) {
+export var getAppDomain = function getAppDomain(domainParams) {
+  var environment = domainParams.environment,
+    appVersion = domainParams.appVersion,
+    componentName = domainParams.componentName,
+    productSceneVersion = domainParams.productSceneVersion,
+    extendInfo = domainParams.extendInfo;
   var reg = /^https?:\/\/([^/<>\s]+\.?)*/;
-  var macth = reg.exec(getAppPath(_environment, version, componentName, productSceneVersion, extendInfo));
+  var macth = reg.exec(getAppPath(environment, appVersion, componentName, productSceneVersion, extendInfo));
   return macth && macth[0] || '';
+};
+export var getIframeUrl = function getIframeUrl(iframeParams) {
+  var componentName = iframeParams.componentName,
+    appearance = iframeParams.appearance,
+    _iframeParams$analyti = iframeParams.analytics,
+    analytics = _iframeParams$analyti === void 0 ? {
+      enabled: true
+    } : _iframeParams$analyti,
+    productSceneVersion = iframeParams.productSceneVersion,
+    environment = iframeParams.environment,
+    appVersion = iframeParams.appVersion,
+    extendInfo = iframeParams.extendInfo,
+    locale = iframeParams.locale,
+    instanceId = iframeParams.instanceId;
+  var path = getAppPath(environment, appVersion, componentName, productSceneVersion, extendInfo || '');
+  var scale = getViewPort('initial-scale') || 1;
+  var _queryParse = queryParse(),
+    _sandbox = _queryParse._sandbox,
+    _light_sandbox = _queryParse._light_sandbox,
+    _queryParse$requestHo = _queryParse.requestHost,
+    requestHost = _queryParse$requestHo === void 0 ? '' : _queryParse$requestHo,
+    _queryParse$groupId = _queryParse.groupId,
+    groupId = _queryParse$groupId === void 0 ? '' : _queryParse$groupId,
+    LOCAL_MOCK = _queryParse.LOCAL_MOCK;
+  var urlParams = Object.assign({
+    locale: locale,
+    scale: scale,
+    instanceId: instanceId,
+    sandbox: environment === 'light_sandbox' || _light_sandbox === 'true' ? 'true' : 'false',
+    analyticsEnabled: (analytics === null || analytics === void 0 ? void 0 : analytics.enabled) === false ? 'false' : 'true',
+    sdkVersion: json.version,
+    refUrl: window.location.href,
+    shadow: environment === 'sandbox' || _sandbox === 'true' ? 'true' : 'false',
+    requestHost: requestHost,
+    groupId: groupId,
+    LOCAL_MOCK: LOCAL_MOCK
+  }, appearance);
+  var locationSearch = serialize(urlParams);
+  return "".concat(path, "?").concat(locationSearch);
+};
+var getIframeId = function getIframeId(UIMode) {
+  var IdMap = {
+    dropin: 'checkout-dropin',
+    component: 'checkout-component'
+  };
+  return IdMap[UIMode] || 'checkout-component';
+};
+
+/**
+ * @description Create iframe
+ */
+export var createIframe = function createIframe(UIMode) {
+  var iframe = document.createElement('iframe');
+  var iframeId = getIframeId(UIMode);
+  iframe.id = iframeId;
+  iframe.style.height = '0px';
+  iframe.style.width = '100%';
+  iframe.style.border = '0';
+  iframe.style.overflow = 'hidden';
+  return iframe;
 };

package/dist/esm/plugin/component/index.d.ts

@@ -3,7 +3,6 @@ import type { IappendIframeNodesParams, IcreateComponent } from '../../types';
 import { componentNameEnum } from '../../types';
 export default class ComponentApp {
     app: any;
-    paymentMethodsResult: any;
     appDomain: string;
     AMSSDK: AMSCheckout;
     platform: 'desktop' | 'mobile';
@@ -34,22 +33,16 @@ export default class ComponentApp {
      * @description render iframe content
      */
     appendIframeNodes(componentName: componentNameEnum, renderParams: IappendIframeNodesParams): Promise<void | [void, any]>;
-    private newQueryPromise;
+    /**
+     * @description Interface request
+     */
+    private createActionQueryPromise;
     private cleanApp;
     /**
      * @description Create app
      */
     private createApp;
-    private getIframeUrl;
-    /**
-     * @description Create iframe
-     */
-    private createIframe;
-    /**
-     * @description Get iftame id
-     */
-    private _getIframeId;
-    private _listener;
+    private listener;
     /**
      * @description Initialize subscription iframe message
      */

package/dist/esm/plugin/component/index.js

@@ -17,13 +17,12 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
  * 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 no-console */
-import json from "../../../package.json";
 import { COMPONENTPLUGINID, ERRORMESSAGE, EVENT } from "../../constant";
 import { queryPaymentInfo } from "../../service";
 import { componentNameEnum, messageName, Target } from "../../types";
-import { getDesignFontSize, getOrigin, getType, getViewPort, isJsonString, isPC, queryParse, serialize } from "../../util";
+import { getDesignFontSize, getType, isJsonString, isPC } from "../../util";
 import { isLocalMock } from "../../util/mock";
-import { getAppDomain, getAppPath } from "./appPath";
+import { createIframe, getAppDomain, getIframeUrl } from "./cashierApp";
 import { componentAddCSS } from "./component.style";
 var amsSetSize = function amsSetSize(event, dom) {
   try {
@@ -48,7 +47,6 @@ var ComponentApp = /*#__PURE__*/function () {
   function ComponentApp() {
     _classCallCheck(this, ComponentApp);
     _defineProperty(this, "app", void 0);
-    _defineProperty(this, "paymentMethodsResult", void 0);
     _defineProperty(this, "appDomain", void 0);
     _defineProperty(this, "AMSSDK", void 0);
     _defineProperty(this, "platform", void 0);
@@ -62,7 +60,7 @@ var ComponentApp = /*#__PURE__*/function () {
     _defineProperty(this, "_performanceData", []);
     _defineProperty(this, "_isInitComponent", void 0);
     _defineProperty(this, "_clickEventName", void 0);
-    this._appVersion = '1.3.0';
+    this._appVersion = '1.3.1';
     this._isInitComponent = false;
     this._selector = '#ams-component-section';
     this.createIframeNode = function () {
@@ -117,6 +115,8 @@ var ComponentApp = /*#__PURE__*/function () {
         _this = this;
       if (this._isInitComponent) return Promise.reject(ERRORMESSAGE.CREATECOMPONENT_ERROR.SINGLETON_COMPONENT_ERROR);
       this._isInitComponent = true;
+      this._renderParams = renderParams;
+      this._componentName = componentName;
       this._performanceData.push({
         key: 'sdk_create_component',
         value: Date.now()
@@ -131,19 +131,20 @@ var ComponentApp = /*#__PURE__*/function () {
         this.showLoading();
       }
       this.showCashier();
-      this._renderParams = renderParams;
-      this._componentName = componentName;
       this.createApp(renderParams);
-      this.newQueryPromise();
+      this.createActionQueryPromise();
       return Promise.all([this.createIframeNode(this, _objectSpread(_objectSpread({}, renderParams), {}, {
         selector: this._selector
       })), this._actionQueryPromise]).catch(function () {
         _this._isInitComponent = false;
       });
     }
+    /**
+     * @description Interface request
+     */
   }, {
-    key: "newQueryPromise",
-    value: function newQueryPromise() {
+    key: "createActionQueryPromise",
+    value: function createActionQueryPromise() {
       var _this2 = this;
       this._performanceData.push({
         key: 'sdk_action_query_start',
@@ -152,28 +153,25 @@ var ComponentApp = /*#__PURE__*/function () {
       this._actionQueryPromise = new Promise(function (resolve, reject) {
         var _this2$_renderParams, _this2$_renderParams2, _this2$_renderParams3;
         var params = {
-          paymentSessionData: _this2._renderParams && ((_this2$_renderParams = _this2._renderParams) === null || _this2$_renderParams === void 0 ? void 0 : _this2$_renderParams.paymentSessionData),
-          paymentSessionConfig: ((_this2$_renderParams2 = _this2._renderParams) === null || _this2$_renderParams2 === void 0 ? void 0 : (_this2$_renderParams3 = _this2$_renderParams2.paymentSessionMetaData) === null || _this2$_renderParams3 === void 0 ? void 0 : _this2$_renderParams3.paymentSessionConfig) || {}
+          paymentSessionData: _this2._renderParams && ((_this2$_renderParams = _this2._renderParams) === null || _this2$_renderParams === void 0 ? void 0 : _this2$_renderParams.paymentSessionData) || '',
+          paymentSessionConfig: (_this2$_renderParams2 = _this2._renderParams) === null || _this2$_renderParams2 === void 0 ? void 0 : (_this2$_renderParams3 = _this2$_renderParams2.paymentSessionMetaData) === null || _this2$_renderParams3 === void 0 ? void 0 : _this2$_renderParams3.paymentSessionConfig
         };
         if (componentNameEnum.card === _this2._componentName) {
-          var _this2$_renderParams4, _this2$_renderParams5;
           params.paymentMethodType = 'CARD';
-          params.paymentSessionConfig = ((_this2$_renderParams4 = _this2._renderParams) === null || _this2$_renderParams4 === void 0 ? void 0 : (_this2$_renderParams5 = _this2$_renderParams4.paymentSessionMetaData) === null || _this2$_renderParams5 === void 0 ? void 0 : _this2$_renderParams5.paymentSessionConfig) || {};
         }
         if (componentNameEnum.easyPay === _this2._componentName) {
-          var _this2$_renderParams6, _this2$_renderParams7, _this2$_renderParams8;
-          params.paymentSessionConfig = ((_this2$_renderParams6 = _this2._renderParams) === null || _this2$_renderParams6 === void 0 ? void 0 : (_this2$_renderParams7 = _this2$_renderParams6.paymentSessionMetaData) === null || _this2$_renderParams7 === void 0 ? void 0 : _this2$_renderParams7.paymentSessionConfig) || {};
+          var _this2$_renderParams4;
           // if EASY_PAY 2.0 , no need to query payment request
-          var _params$paymentSessio = params.paymentSessionConfig,
-            _params$paymentSessio2 = _params$paymentSessio.productSceneVersion,
-            productSceneVersion = _params$paymentSessio2 === void 0 ? '' : _params$paymentSessio2,
-            _params$paymentSessio3 = _params$paymentSessio.productScene,
-            productScene = _params$paymentSessio3 === void 0 ? '' : _params$paymentSessio3;
-          var _ref = ((_this2$_renderParams8 = _this2._renderParams) === null || _this2$_renderParams8 === void 0 ? void 0 : _this2$_renderParams8.paymentSessionMetaData) || {},
-            _ref$action = _ref.action,
-            _ref$action2 = _ref$action === void 0 ? {} : _ref$action,
-            _ref$action2$autoDebi = _ref$action2.autoDebitWithToken,
-            autoDebitWithToken = _ref$action2$autoDebi === void 0 ? false : _ref$action2$autoDebi;
+          var _ref = params.paymentSessionConfig || {},
+            _ref$productSceneVers = _ref.productSceneVersion,
+            productSceneVersion = _ref$productSceneVers === void 0 ? '' : _ref$productSceneVers,
+            _ref$productScene = _ref.productScene,
+            productScene = _ref$productScene === void 0 ? '' : _ref$productScene;
+          var _ref2 = ((_this2$_renderParams4 = _this2._renderParams) === null || _this2$_renderParams4 === void 0 ? void 0 : _this2$_renderParams4.paymentSessionMetaData) || {},
+            _ref2$action = _ref2.action,
+            _ref2$action2 = _ref2$action === void 0 ? {} : _ref2$action,
+            _ref2$action2$autoDeb = _ref2$action2.autoDebitWithToken,
+            autoDebitWithToken = _ref2$action2$autoDeb === void 0 ? false : _ref2$action2$autoDeb;
           if (productScene === 'EASY_PAY' && productSceneVersion === '2.0' && !autoDebitWithToken) {
             // make queryResult no data  we setAppStateData in antom-web-checkout app,
             // eslint-disable-next-line no-promise-executor-return
@@ -187,8 +185,8 @@ var ComponentApp = /*#__PURE__*/function () {
          * @description 代扣逻辑处理
          */
         if (componentNameEnum.autoDebit === _this2._componentName) {
-          var _this2$_renderParams9, _this2$_renderParams10, _action$web, _action$wap;
-          var action = ((_this2$_renderParams9 = _this2._renderParams) === null || _this2$_renderParams9 === void 0 ? void 0 : (_this2$_renderParams10 = _this2$_renderParams9.paymentSessionMetaData) === null || _this2$_renderParams10 === void 0 ? void 0 : _this2$_renderParams10.action) || {};
+          var _this2$_renderParams5, _this2$_renderParams6, _action$web, _action$wap;
+          var action = ((_this2$_renderParams5 = _this2._renderParams) === null || _this2$_renderParams5 === void 0 ? void 0 : (_this2$_renderParams6 = _this2$_renderParams5.paymentSessionMetaData) === null || _this2$_renderParams6 === void 0 ? void 0 : _this2$_renderParams6.action) || {};
           var signType = (isPC() ? action === null || action === void 0 ? void 0 : (_action$web = action.web) === null || _action$web === void 0 ? void 0 : _action$web.signType : action === null || action === void 0 ? void 0 : (_action$wap = action.wap) === null || _action$wap === void 0 ? void 0 : _action$wap.signType) || '';
           if (signType === 'SMS') {
             return resolve({
@@ -201,7 +199,7 @@ var ComponentApp = /*#__PURE__*/function () {
           }
         }
 
-        // 本地执行mock
+        // mock
         if (isLocalMock()) {
           return resolve({
             message: 'sdk no need to make query request'
@@ -259,9 +257,26 @@ var ComponentApp = /*#__PURE__*/function () {
         var _renderParams$payment, _renderParams$payment2, _renderParams$payment3;
         var productSceneVersion = (renderParams === null || renderParams === void 0 ? void 0 : (_renderParams$payment = renderParams.paymentSessionMetaData) === null || _renderParams$payment === void 0 ? void 0 : (_renderParams$payment2 = _renderParams$payment.paymentSessionConfig) === null || _renderParams$payment2 === void 0 ? void 0 : _renderParams$payment2.productSceneVersion) || '';
         var extendInfo = (renderParams === null || renderParams === void 0 ? void 0 : (_renderParams$payment3 = renderParams.paymentSessionMetaData) === null || _renderParams$payment3 === void 0 ? void 0 : _renderParams$payment3.extendInfo) || '';
-        this.appDomain = getAppDomain(this.AMSSDK.options.env.environment, this._appVersion, this._componentName, productSceneVersion, extendInfo);
-        this.app = this.createIframe();
-        this.app.src = this.getIframeUrl(this._componentName, (renderParams === null || renderParams === void 0 ? void 0 : renderParams.appearance) || {}, this.AMSSDK.options.analytics, productSceneVersion);
+        var environment = this.AMSSDK.options.env.environment;
+        this.appDomain = getAppDomain({
+          environment: environment,
+          appVersion: this._appVersion,
+          componentName: this._componentName,
+          productSceneVersion: productSceneVersion,
+          extendInfo: extendInfo
+        });
+        this.app = createIframe(this.AMSSDK.options.mode);
+        this.app.src = getIframeUrl({
+          componentName: this._componentName,
+          appearance: (renderParams === null || renderParams === void 0 ? void 0 : renderParams.appearance) || {},
+          analytics: this.AMSSDK.options.analytics,
+          productSceneVersion: productSceneVersion,
+          environment: environment,
+          appVersion: this._appVersion,
+          extendInfo: extendInfo,
+          locale: this.AMSSDK.options.locale,
+          instanceId: this.AMSSDK._instanceId
+        });
 
         // Subscribe to messages from iframe
         this._addEventListener();
@@ -272,76 +287,8 @@ var ComponentApp = /*#__PURE__*/function () {
       }
     }
   }, {
-    key: "getIframeUrl",
-    value: function getIframeUrl(componentName, appearance) {
-      var _this$_renderParams, _this$_renderParams$p;
-      var analytics = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      var productSceneVersion = arguments.length > 3 ? arguments[3] : undefined;
-      var path = getAppPath(this.AMSSDK.options.env.environment, this._appVersion, componentName, productSceneVersion, ((_this$_renderParams = this._renderParams) === null || _this$_renderParams === void 0 ? void 0 : (_this$_renderParams$p = _this$_renderParams.paymentSessionMetaData) === null || _this$_renderParams$p === void 0 ? void 0 : _this$_renderParams$p.extendInfo) || '');
-      var scale = getViewPort('initial-scale') || 1;
-      var _queryParse = queryParse(),
-        _sandbox = _queryParse._sandbox,
-        _light_sandbox = _queryParse._light_sandbox,
-        _queryParse$requestHo = _queryParse.requestHost,
-        requestHost = _queryParse$requestHo === void 0 ? '' : _queryParse$requestHo,
-        _queryParse$groupId = _queryParse.groupId,
-        groupId = _queryParse$groupId === void 0 ? '' : _queryParse$groupId,
-        LOCAL_MOCK = _queryParse.LOCAL_MOCK;
-      var urlParams = Object.assign({
-        locale: this.AMSSDK.options.locale,
-        scale: scale,
-        merchantDomain: window.btoa(getOrigin()),
-        instanceId: this.AMSSDK._instanceId,
-        sandbox: this.AMSSDK.options.env.environment === 'light_sandbox' || _light_sandbox === 'true' ? 'true' : 'false',
-        analyticsEnabled: (analytics === null || analytics === void 0 ? void 0 : analytics.enabled) === false ? 'false' : 'true',
-        sdkVersion: json.version,
-        refUrl: window.location.href,
-        shadow: this.AMSSDK.options.env.environment === 'sandbox' || _sandbox === 'true' ? 'true' : 'false',
-        requestHost: requestHost,
-        groupId: groupId,
-        LOCAL_MOCK: LOCAL_MOCK
-      }, appearance);
-      var locationSearch = serialize(urlParams);
-      return "".concat(path, "?").concat(locationSearch);
-    }
-
-    /**
-     * @description Create iframe
-     */
-  }, {
-    key: "createIframe",
-    value: function createIframe() {
-      var iframe = document.createElement('iframe');
-      var iframeId = this._getIframeId(this.AMSSDK.options.mode);
-      iframe.id = iframeId;
-      iframe.style.height = '0px';
-      iframe.style.width = '100%';
-      iframe.style.border = '0';
-      iframe.style.overflow = 'hidden';
-      return iframe;
-    }
-
-    /**
-     * @description Get iftame id
-     */
-  }, {
-    key: "_getIframeId",
-    value: function _getIframeId(UIMode) {
-      var id = 'checkout-dropin';
-      // eslint-disable-next-line default-case
-      switch (UIMode) {
-        case 'dropin':
-          id = 'checkout-dropin';
-          break;
-        case 'component':
-          id = 'checkout-component';
-          break;
-      }
-      return id;
-    }
-  }, {
-    key: "_listener",
-    value: function _listener(e) {
+    key: "listener",
+    value: function listener(e) {
       if (e.origin !== this.appDomain) {
         return;
       }
@@ -364,7 +311,7 @@ var ComponentApp = /*#__PURE__*/function () {
   }, {
     key: "_addEventListener",
     value: function _addEventListener() {
-      window["_ams_sdk_component_listener_".concat(this.AMSSDK._instanceId)] = this._listener.bind(this);
+      window["_ams_sdk_component_listener_".concat(this.AMSSDK._instanceId)] = this.listener.bind(this);
       this._removeEventListener();
       window.addEventListener('message', window["_ams_sdk_component_listener_".concat(this.AMSSDK._instanceId)]);
     }
@@ -537,9 +484,9 @@ var ComponentApp = /*#__PURE__*/function () {
     }
   }, {
     key: "handleDeclareInfo",
-    value: function handleDeclareInfo(_ref2) {
-      var _ref2$closeDialogData = _ref2.closeDialogData,
-        closeDialogData = _ref2$closeDialogData === void 0 ? {} : _ref2$closeDialogData;
+    value: function handleDeclareInfo(_ref3) {
+      var _ref3$closeDialogData = _ref3.closeDialogData,
+        closeDialogData = _ref3$closeDialogData === void 0 ? {} : _ref3$closeDialogData;
       try {
         if (closeDialogData) {
           var retentionTitle = document.getElementById('ams-component-retention-title');
@@ -638,7 +585,7 @@ var ComponentApp = /*#__PURE__*/function () {
     key: "sendRenderEvent",
     value: function () {
       var _sendRenderEvent = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-        var _this$_renderParams2, _this$_renderParams3, res;
+        var _this$_renderParams, _this$_renderParams2, res;
         return _regeneratorRuntime().wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -666,8 +613,8 @@ var ComponentApp = /*#__PURE__*/function () {
                   event: 'renderComponent',
                   data: {
                     queryResult: res,
-                    sessionResult: (_this$_renderParams2 = this._renderParams) === null || _this$_renderParams2 === void 0 ? void 0 : _this$_renderParams2.paymentSessionMetaData,
-                    paymentSessionData: (_this$_renderParams3 = this._renderParams) === null || _this$_renderParams3 === void 0 ? void 0 : _this$_renderParams3.paymentSessionData,
+                    sessionResult: (_this$_renderParams = this._renderParams) === null || _this$_renderParams === void 0 ? void 0 : _this$_renderParams.paymentSessionMetaData,
+                    paymentSessionData: (_this$_renderParams2 = this._renderParams) === null || _this$_renderParams2 === void 0 ? void 0 : _this$_renderParams2.paymentSessionData,
                     heightOfVisible: Math.max(innerHeight, window.innerHeight),
                     envInfo: {
                       screenHeight: screen.height,

package/dist/esm/service/index.d.ts

@@ -1,2 +1,2 @@
-import { RequestConfig } from '../types';
-export declare function queryPaymentInfo(params?: Record<string, any>, options?: RequestConfig): Promise<any>;
+import { CashierSdkActionQueryRequest, RequestConfig } from '../types';
+export declare function queryPaymentInfo(params?: CashierSdkActionQueryRequest, options?: RequestConfig): Promise<any>;

package/dist/esm/types/index.d.ts

@@ -55,12 +55,13 @@ export interface IcreateComponent {
 export interface IappendIframeNodesParams extends IcreateComponent {
     paymentSessionMetaData?: IpaymentSessionMetaData;
 }
+interface IpaymentSessionConfig {
+    productScene: productSceneEnum;
+    paymentMethodCategoryType: paymentMethodCategoryTypeEnum;
+    productSceneVersion: string;
+}
 export interface IpaymentSessionMetaData {
-    paymentSessionConfig?: {
-        productScene: productSceneEnum;
-        paymentMethodCategoryType: paymentMethodCategoryTypeEnum;
-        productSceneVersion?: string;
-    };
+    paymentSessionConfig?: IpaymentSessionConfig;
     moneyView?: any;
     extendInfo?: string;
     paymentMethodInfoView?: any;
@@ -107,19 +108,19 @@ export interface env {
     terminalType: terminalType;
     environment: string;
 }
-export type callOnError = (state: {
+export declare type callOnError = (state: {
     errorMessage: string;
     errorCode: string;
     stack?: any;
 }) => void;
-export type callonPaymentMethodSelected = (state: {
+export declare type callonPaymentMethodSelected = (state: {
     paymentMethodType: string;
 }) => void;
-export type callOnSizeChanged = (state: {
+export declare type callOnSizeChanged = (state: {
     width: string;
     height: string;
 }) => void;
-export type callOnLog = (msg: string) => void;
+export declare type callOnLog = (msg: string) => void;
 export declare enum messageName {
     SDK_TO_APP = "SDK_TO_APP",
     APP_TO_SDK = "APP_TO_SDK",
@@ -142,7 +143,7 @@ export interface AMSCheckoutOptions {
     mode: string;
     analytics?: Ianalytics;
 }
-interface Ianalytics {
+export interface Ianalytics {
     enabled: boolean;
 }
 export declare enum ERROR {
@@ -175,6 +176,12 @@ export interface RequestConfig {
     locale?: string;
     hostSign?: string;
 }
+export interface CashierSdkActionQueryRequest {
+    paymentSessionData: string;
+    paymentSessionConfig?: IpaymentSessionConfig;
+    paymentMethodType?: string;
+    extParams?: any;
+}
 declare global {
     interface Window {
         [key: string]: any;