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

package/esm/core/component/element/components/address.d.ts

@@ -9,6 +9,7 @@ export declare class ElementAddressComponent {
     create(options: {
         environment: string;
         locale: string;
+        appVersion: string;
     }): void;
     mount(sessionData: string, options: ElementAddressMountOptions): Promise<HTMLIFrameElement | undefined>;
     update(): void;

package/esm/core/component/element/components/address.js

@@ -15,11 +15,7 @@ export var ElementAddressComponent = /*#__PURE__*/function () {
   _createClass(ElementAddressComponent, [{
     key: "create",
     value: function create(options) {
-      this.sdk = new AddressComponent({
-        environment: options.environment,
-        locale: options.locale,
-        appVersion: ''
-      });
+      this.sdk = new AddressComponent(options);
     }
   }, {
     key: "mount",

package/esm/core/component/element/components/payment.d.ts

@@ -9,6 +9,7 @@ export declare class ElementPaymentComponent {
     create(options: {
         environment: string;
         locale: string;
+        appVersion: string;
     }): void;
     mount(sessionData: string, options: ElementPaymentMountOptions): Promise<HTMLIFrameElement | undefined>;
     update(): void;

package/esm/core/component/element/components/payment.js

@@ -1,4 +1,6 @@
 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 _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; }
@@ -15,14 +17,12 @@ export var ElementPaymentComponent = /*#__PURE__*/function () {
   _createClass(ElementPaymentComponent, [{
     key: "create",
     value: function create(options) {
-      this.sdk = new AMSPaymentElement({
-        environment: options.environment,
-        locale: options.locale,
+      this.sdk = new AMSPaymentElement(_objectSpread(_objectSpread({}, options), {}, {
         analytics: {
           enabled: true
         },
         onEventCallback: function onEventCallback(state) {}
-      });
+      }));
     }
   }, {
     key: "mount",

package/esm/core/component/element/index.d.ts

@@ -14,12 +14,14 @@ export declare class ElementComponent {
     private sdkActionRes;
     private oneAccountRes;
     private launchSource;
+    private iframeSrc;
     private mountOptions;
     private iframes;
     private componentsCount;
     private eventCallback;
     constructor(options: IElementOptions);
     private createElement;
+    private createIframeSrc;
     private sdkActionQuery;
     private oneAccountQuery;
     private addListener;

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

@@ -22,7 +22,7 @@ import { parseSessionData } from "../index";
 import { ElementAddressComponent } from "./components/address";
 import { ElementAuthComponent } from "./components/auth";
 import { ElementPaymentComponent } from "./components/payment";
-import { addressTheme, ThemeType } from "./type";
+import { addressTheme, ThemeType, ELEMENT_ENVIRONMENT } from "./type";
 var ElementProcessor = /*#__PURE__*/function () {
   function ElementProcessor() {
     _classCallCheck(this, ElementProcessor);
@@ -76,6 +76,8 @@ export var ElementComponent = /*#__PURE__*/function () {
     // one account接口返回
     _defineProperty(this, "launchSource", void 0);
     // launch 来源记录
+    _defineProperty(this, "iframeSrc", void 0);
+    // iframe src记录
     _defineProperty(this, "mountOptions", void 0);
     // 组件mount配置记录
     _defineProperty(this, "iframes", void 0);
@@ -335,6 +337,7 @@ export var ElementComponent = /*#__PURE__*/function () {
         //   this.sendRenderData();
         // }, 500);
       });
+      this.iframeSrc = this.createIframeSrc(this._options.environment, this._options.version);
 
       // 注册 auth 邮箱模块
       try {
@@ -350,14 +353,16 @@ export var ElementComponent = /*#__PURE__*/function () {
         this.paymentBase = new ElementPaymentComponent();
         this.paymentBase.create({
           environment: this._options.environment,
-          locale: this._options.locale
+          locale: this._options.locale,
+          appVersion: this._options.version || ''
         });
 
         // 注册 address 地址模块
         this.addressBase = new ElementAddressComponent();
         this.addressBase.create({
           environment: this._options.environment,
-          locale: this._options.locale
+          locale: this._options.locale,
+          appVersion: this._options.version || ''
         });
       } catch (error) {
         var _this$_options$onEven3, _this$_options3;
@@ -370,6 +375,19 @@ export var ElementComponent = /*#__PURE__*/function () {
       // 注册监听消息
       this.addListener();
     }
+  }, {
+    key: "createIframeSrc",
+    value: function createIframeSrc() {
+      var env = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ELEMENT_ENVIRONMENT.DEV;
+      var version = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1.23.0';
+      var baseUrl = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, ELEMENT_ENVIRONMENT.DEV, 'https://dev.page.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.TEST, 'http://page.test.alipay.net/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.PRE, 'https://cdn-pre.marmot-cloud.com/page/antom-web-checkout-v2'), ELEMENT_ENVIRONMENT.PROD, 'https://checkout.antom.com');
+      var _env = (env === null || env === void 0 ? void 0 : env.toLocaleUpperCase()) || ELEMENT_ENVIRONMENT.DEV;
+      return {
+        auth: "".concat(baseUrl[_env], "/auth-element/").concat(version, "/pages/element_auth/index.html"),
+        address: "".concat(baseUrl[_env], "/element-address/").concat(version, "/pages/address/index.html"),
+        payment: "".concat(baseUrl[_env], "/elements/").concat(version, "/pages/element_payment/index.html")
+      };
+    }
   }, {
     key: "sdkActionQuery",
     value: function sdkActionQuery() {
@@ -524,7 +542,8 @@ export var ElementComponent = /*#__PURE__*/function () {
               configParams: _objectSpread({
                 needEditBackBtn: true,
                 autoSaveAsDefaultAddress: true,
-                editingNeedShippingQuery: true
+                editingNeedShippingQuery: true,
+                showTitle: true
               }, (_this$mountOptions3 = this.mountOptions) === null || _this$mountOptions3 === void 0 ? void 0 : _this$mountOptions3[ElementPaymentMethod.ADDRESS_ELEMENT])
             }, baseData)
           }
@@ -597,7 +616,7 @@ export var ElementComponent = /*#__PURE__*/function () {
     key: "mount",
     value: function mount(renderOptions, sdkSelector) {
       if (typeof sdkSelector === 'string') {
-        var _this$_options$loadin4;
+        var _this$_options$loadin4, _renderOptions$debugP2;
         var element = document.querySelector(sdkSelector);
         if (!element) {
           var _this$_options$onEven4, _this$_options7;
@@ -612,8 +631,13 @@ export var ElementComponent = /*#__PURE__*/function () {
           var _this$_options$loadin5, _this$_options$loadin6;
           (_this$_options$loadin5 = this._options.loading) === null || _this$_options$loadin5 === void 0 || (_this$_options$loadin6 = _this$_options$loadin5.onStartLoading) === null || _this$_options$loadin6 === void 0 || _this$_options$loadin6.call(_this$_options$loadin5);
         }
+        if (!(renderOptions !== null && renderOptions !== void 0 && (_renderOptions$debugP2 = renderOptions.debugProps) !== null && _renderOptions$debugP2 !== void 0 && _renderOptions$debugP2.localLink)) {
+          renderOptions.debugProps = {
+            localLink: this.iframeSrc[renderOptions.type]
+          };
+        }
         this.loading = true;
-        if (renderOptions.type === 'linkAuthentication') {
+        if (renderOptions.type === 'auth') {
           return this.mountAuth(renderOptions, sdkSelector);
         }
         if (renderOptions.type === 'address') {

package/esm/core/component/element/type.d.ts

@@ -1,7 +1,4 @@
 import { ConnectErrorCode, ElementPaymentMethod } from '../../../types';
-interface BaseMountOptions<T = void> {
-    config?: {};
-}
 export declare enum ThemeType {
     NostalgicGray = "nostalgicGray",
     Default = "default",
@@ -18,11 +15,19 @@ export declare enum EventCallbackCode {
     Failed = "Failed",
     Completed = "Completed"
 }
+export declare enum ELEMENT_ENVIRONMENT {
+    DEV = "DEV",
+    TEST = "TEST",
+    PRE = "PRE",
+    PROD = "PROD"
+}
+export type ELEMENT_ENVIRONMENT_TYPE = keyof typeof ELEMENT_ENVIRONMENT | (typeof ELEMENT_ENVIRONMENT)[keyof typeof ELEMENT_ENVIRONMENT];
 export interface IElementOptions {
     sessionData: string;
-    environment?: string;
+    environment?: ELEMENT_ENVIRONMENT_TYPE;
     locale?: string;
     mode?: string;
+    version?: string;
     appearance?: {
         theme: ThemeType.Default | ThemeType.Night;
     };
@@ -35,6 +40,12 @@ export interface IElementOptions {
         onEndLoading: () => void;
     };
 }
+interface BaseMountOptions<T = void> {
+    config?: {};
+    debugProps?: {
+        localLink: string;
+    };
+}
 type HideField = 'shippingCountry' | 'shippingName' | 'shippingPhoneNo' | 'shippingRegion' | 'shippingAddress1' | 'shippingZipCode' | 'shippingAddress2';
 export interface AddressMountOptions extends BaseMountOptions<{
     /**
@@ -52,27 +63,18 @@ export interface AddressMountOptions extends BaseMountOptions<{
     appearance?: {
         theme: ThemeType.Default | ThemeType.Night;
     };
-    debugProps?: {
-        localLink: string;
-    };
 }
 export interface LinkAuthMountOptions extends BaseMountOptions {
-    type: 'linkAuthentication';
+    type: 'auth';
     appearance?: {
         theme: ThemeType;
     };
-    debugProps?: {
-        localLink?: string;
-    };
 }
 export interface PaymentMountOptions extends BaseMountOptions {
     type: 'payment';
     appearance?: {
         theme: ThemeType;
     };
-    debugProps?: {
-        localLink: string;
-    };
 }
 export declare enum AddressEventCallbackName {
     SHIPPING_CHANGE = "SHIPPING_CHANGE"

package/esm/core/component/element/type.js

@@ -17,6 +17,13 @@ export var EventCallbackCode = /*#__PURE__*/function (EventCallbackCode) {
   EventCallbackCode["Completed"] = "Completed";
   return EventCallbackCode;
 }({});
+export var ELEMENT_ENVIRONMENT = /*#__PURE__*/function (ELEMENT_ENVIRONMENT) {
+  ELEMENT_ENVIRONMENT["DEV"] = "DEV";
+  ELEMENT_ENVIRONMENT["TEST"] = "TEST";
+  ELEMENT_ENVIRONMENT["PRE"] = "PRE";
+  ELEMENT_ENVIRONMENT["PROD"] = "PROD";
+  return ELEMENT_ENVIRONMENT;
+}({});
 // export type IMountOptions = AddressMountOptions | LinkAuthMountOptions | PaymentMountOptions;
 
 export var AddressEventCallbackName = /*#__PURE__*/function (AddressEventCallbackName) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alipay/ams-checkout",
-  "version": "0.0.1726046231-dev.7",
+  "version": "0.0.1726046231-dev.9",
   "description": "",
   "author": "",
   "main": "esm/index.js",