@alipay/ams-checkout
Advanced tools
@alipay/ams-checkout - npm Package Compare versions
Comparing version 0.0.1691743027-dev.5 to 0.0.1691743027-dev.6
@@ -8,6 +8,7 @@ /** | ||
| */ | ||
| import ComponentApp from '../../plugin/component'; | ||
| import { IcreateComponent, IoptionsParams, Iselector } from '../../types'; | ||
| import CoreInstance from '../instance/index'; | ||
| export declare class AMSComponent extends CoreInstance { | ||
| private componentApp; | ||
| _componentApp: ComponentApp; | ||
| constructor(options: IoptionsParams); | ||
@@ -14,0 +15,0 @@ private parameterInitAndCheck; |
@@ -102,3 +102,3 @@ 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); } | ||
| // Instantiate the plug-in and set render | ||
| _defineProperty(_assertThisInitialized(_this), "componentApp", void 0); | ||
| _defineProperty(_assertThisInitialized(_this), "_componentApp", void 0); | ||
| var ComponentPlugin = new ComponentApp(); | ||
@@ -108,3 +108,3 @@ ComponentPlugin.setRender(createIframeNode); | ||
| _this._registerPlugin(COMPONENTPLUGINID, ComponentPlugin); | ||
| _this.componentApp = _this._getPlugin(COMPONENTPLUGINID); | ||
| _this._componentApp = _this._getPlugin(COMPONENTPLUGINID); | ||
| return _this; | ||
@@ -137,3 +137,3 @@ } | ||
| try { | ||
| return this.componentApp.appendIframeNodes(appendParams.componentSign, appendParams.iframeNodesParams); | ||
| return this._componentApp.appendIframeNodes(appendParams.componentSign, appendParams.iframeNodesParams); | ||
| } catch (error) { | ||
@@ -193,3 +193,3 @@ return Promise.reject(error); | ||
| try { | ||
| this.componentApp.dispatchToApp({ | ||
| this._componentApp.dispatchToApp({ | ||
| context: { | ||
@@ -196,0 +196,0 @@ event: 'submitPay', |
@@ -10,1 +10,4 @@ import { platformEnum } from '../../types'; | ||
| export declare const addPopupLoading: () => void; | ||
| export declare const handleDeclareInfo: ({ closeDialogData }: { | ||
| closeDialogData: any; | ||
| }) => void; |
@@ -115,2 +115,50 @@ /** | ||
| body === null || body === void 0 ? void 0 : body.appendChild(loading); | ||
| }; | ||
| export var handleDeclareInfo = function handleDeclareInfo(_ref) { | ||
| var _ref$closeDialogData = _ref.closeDialogData, | ||
| closeDialogData = _ref$closeDialogData === void 0 ? {} : _ref$closeDialogData; | ||
| try { | ||
| if (closeDialogData) { | ||
| var retentionTitle = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-title")); | ||
| if (retentionTitle) { | ||
| var _closeDialogData$titl, _closeDialogData$titl2, _closeDialogData$titl3; | ||
| retentionTitle.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl = closeDialogData.title) === null || _closeDialogData$titl === void 0 ? void 0 : _closeDialogData$titl.fontSize, "px"); | ||
| retentionTitle.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl2 = closeDialogData.title) === null || _closeDialogData$titl2 === void 0 ? void 0 : _closeDialogData$titl2.fontColor; | ||
| retentionTitle.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl3 = closeDialogData.title) === null || _closeDialogData$titl3 === void 0 ? void 0 : _closeDialogData$titl3.text; | ||
| } | ||
| var retentionMessage = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-sub-title")); | ||
| if (retentionMessage) { | ||
| var _closeDialogData$mess, _closeDialogData$mess2, _closeDialogData$mess3; | ||
| retentionMessage.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess = closeDialogData.message) === null || _closeDialogData$mess === void 0 ? void 0 : _closeDialogData$mess.fontSize, "px"); | ||
| retentionMessage.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess2 = closeDialogData.message) === null || _closeDialogData$mess2 === void 0 ? void 0 : _closeDialogData$mess2.fontColor; | ||
| retentionMessage.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess3 = closeDialogData.message) === null || _closeDialogData$mess3 === void 0 ? void 0 : _closeDialogData$mess3.text; | ||
| } | ||
| var remainBtn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-remain")); | ||
| if (remainBtn) { | ||
| var _closeDialogData$btnO, _closeDialogData$btnO2, _closeDialogData$btnO3, _closeDialogData$btnO4, _closeDialogData$btnO5, _closeDialogData$btnO7; | ||
| remainBtn.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO = closeDialogData.btnOK) === null || _closeDialogData$btnO === void 0 ? void 0 : _closeDialogData$btnO.text; | ||
| remainBtn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO2 = closeDialogData.btnOK) === null || _closeDialogData$btnO2 === void 0 ? void 0 : _closeDialogData$btnO2.fontSize, "px"); | ||
| remainBtn.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO3 = closeDialogData.btnOK) === null || _closeDialogData$btnO3 === void 0 ? void 0 : _closeDialogData$btnO3.fontColor; | ||
| remainBtn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO4 = closeDialogData.btnOK) === null || _closeDialogData$btnO4 === void 0 ? void 0 : _closeDialogData$btnO4.corner, "px"); | ||
| if ((closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO5 = closeDialogData.btnOK) === null || _closeDialogData$btnO5 === void 0 ? void 0 : _closeDialogData$btnO5.type) === 'stroke') { | ||
| var _closeDialogData$btnO6; | ||
| remainBtn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO6 = closeDialogData.btnOK) === null || _closeDialogData$btnO6 === void 0 ? void 0 : _closeDialogData$btnO6.bg); | ||
| } else remainBtn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO7 = closeDialogData.btnOK) === null || _closeDialogData$btnO7 === void 0 ? void 0 : _closeDialogData$btnO7.bg; | ||
| } | ||
| var leaveBrn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-leave")); | ||
| if (leaveBrn) { | ||
| var _closeDialogData$btnC, _closeDialogData$btnC2, _closeDialogData$btnC3, _closeDialogData$btnC4, _closeDialogData$btnC5, _closeDialogData$btnC7; | ||
| leaveBrn.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC = closeDialogData.btnCancel) === null || _closeDialogData$btnC === void 0 ? void 0 : _closeDialogData$btnC.text; | ||
| leaveBrn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC2 = closeDialogData.btnCancel) === null || _closeDialogData$btnC2 === void 0 ? void 0 : _closeDialogData$btnC2.fontSize, "px"); | ||
| leaveBrn.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC3 = closeDialogData.btnCancel) === null || _closeDialogData$btnC3 === void 0 ? void 0 : _closeDialogData$btnC3.fontColor; | ||
| leaveBrn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC4 = closeDialogData.btnCancel) === null || _closeDialogData$btnC4 === void 0 ? void 0 : _closeDialogData$btnC4.corner, "px"); | ||
| if ((closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC5 = closeDialogData.btnCancel) === null || _closeDialogData$btnC5 === void 0 ? void 0 : _closeDialogData$btnC5.type) === 'stroke') { | ||
| var _closeDialogData$btnC6; | ||
| leaveBrn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC6 = closeDialogData.btnCancel) === null || _closeDialogData$btnC6 === void 0 ? void 0 : _closeDialogData$btnC6.bg); | ||
| } else leaveBrn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC7 = closeDialogData.btnCancel) === null || _closeDialogData$btnC7 === void 0 ? void 0 : _closeDialogData$btnC7.bg; | ||
| } | ||
| } | ||
| } catch (error) { | ||
| console.error(error); | ||
| } | ||
| }; |
@@ -69,3 +69,3 @@ import type AMSCheckout from '../../core/instance'; | ||
| */ | ||
| private dispatchToSDK; | ||
| dispatchToSDK(event: string, data: any): void; | ||
| /** | ||
@@ -72,0 +72,0 @@ * @description Send message to iframe |
@@ -25,3 +25,3 @@ 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); } | ||
| import { addInlineLoading, createInlineBaseElement } from "./component.inline.style"; | ||
| import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup } from "./component.popup.style"; | ||
| import { addPopupLoading, createBaseElement, createMockup, createRetentionPopup, handleDeclareInfo as _handleDeclareInfo, hideRetentionPopup, removeRetentionPopup as _removeRetentionPopup } from "./component.popup.style"; | ||
| var _window = window, | ||
@@ -120,4 +120,4 @@ innerHeight = _window.innerHeight; | ||
| if (this._renderDisplayType === renderDisplayTypeEnum.popup) { | ||
| createBaseElement(this.platform, this.closeBtnFunc); | ||
| createRetentionPopup(this.platform, this.hideRetentionPopupFunc, this.retentionPopupLeaveFunc); | ||
| createBaseElement(this.platform, this.closeBtnFunc.bind(this)); | ||
| createRetentionPopup(this.platform, this.hideRetentionPopupFunc.bind(this), this.retentionPopupLeaveFunc.bind(this)); | ||
| createMockup(); | ||
@@ -358,2 +358,4 @@ this.renderPopupLoading(renderParams); | ||
| } | ||
| // TODO | ||
| // 如果带有callback标识，则从map结构中取出callbackfunc，执行，执行后在map结构中删除 | ||
| this._handleAppMessage(data); | ||
@@ -407,2 +409,5 @@ } else { | ||
| var eventKeyMap = [EVENT.launch.name, EVENT.redirect.name, EVENT.sizeChanged.name, EVENT.log.name, EVENT.close.name, EVENT.error.name, EVENT.eventCallback.name, EVENT.submitForm.name, EVENT.showCloseButton.name, EVENT.hideCloseButton.name, EVENT.setAllowRetention.name, EVENT.declareCheckoutInfo.name, EVENT.showPopup.name, EVENT.dismissLoading.name]; | ||
| if (!eventKeyMap.includes(data.context.event)) { | ||
| return; | ||
| } | ||
| if (data.context.event === EVENT.dismissLoading.name) { | ||
@@ -416,5 +421,2 @@ var _data$context$data; | ||
| } | ||
| if (!eventKeyMap.includes(data.context.event)) { | ||
| return; | ||
| } | ||
| if (data.context.event === EVENT.launch.name) { | ||
@@ -571,46 +573,5 @@ this._performanceData.push({ | ||
| closeDialogData = _ref3$closeDialogData === void 0 ? {} : _ref3$closeDialogData; | ||
| try { | ||
| if (closeDialogData) { | ||
| var retentionTitle = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-title")); | ||
| if (retentionTitle) { | ||
| var _closeDialogData$titl, _closeDialogData$titl2, _closeDialogData$titl3; | ||
| retentionTitle.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl = closeDialogData.title) === null || _closeDialogData$titl === void 0 ? void 0 : _closeDialogData$titl.fontSize, "px"); | ||
| retentionTitle.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl2 = closeDialogData.title) === null || _closeDialogData$titl2 === void 0 ? void 0 : _closeDialogData$titl2.fontColor; | ||
| retentionTitle.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$titl3 = closeDialogData.title) === null || _closeDialogData$titl3 === void 0 ? void 0 : _closeDialogData$titl3.text; | ||
| } | ||
| var retentionMessage = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-sub-title")); | ||
| if (retentionMessage) { | ||
| var _closeDialogData$mess, _closeDialogData$mess2, _closeDialogData$mess3; | ||
| retentionMessage.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess = closeDialogData.message) === null || _closeDialogData$mess === void 0 ? void 0 : _closeDialogData$mess.fontSize, "px"); | ||
| retentionMessage.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess2 = closeDialogData.message) === null || _closeDialogData$mess2 === void 0 ? void 0 : _closeDialogData$mess2.fontColor; | ||
| retentionMessage.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$mess3 = closeDialogData.message) === null || _closeDialogData$mess3 === void 0 ? void 0 : _closeDialogData$mess3.text; | ||
| } | ||
| var remainBtn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-remain")); | ||
| if (remainBtn) { | ||
| var _closeDialogData$btnO, _closeDialogData$btnO2, _closeDialogData$btnO3, _closeDialogData$btnO4, _closeDialogData$btnO5, _closeDialogData$btnO7; | ||
| remainBtn.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO = closeDialogData.btnOK) === null || _closeDialogData$btnO === void 0 ? void 0 : _closeDialogData$btnO.text; | ||
| remainBtn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO2 = closeDialogData.btnOK) === null || _closeDialogData$btnO2 === void 0 ? void 0 : _closeDialogData$btnO2.fontSize, "px"); | ||
| remainBtn.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO3 = closeDialogData.btnOK) === null || _closeDialogData$btnO3 === void 0 ? void 0 : _closeDialogData$btnO3.fontColor; | ||
| remainBtn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO4 = closeDialogData.btnOK) === null || _closeDialogData$btnO4 === void 0 ? void 0 : _closeDialogData$btnO4.corner, "px"); | ||
| if ((closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO5 = closeDialogData.btnOK) === null || _closeDialogData$btnO5 === void 0 ? void 0 : _closeDialogData$btnO5.type) === 'stroke') { | ||
| var _closeDialogData$btnO6; | ||
| remainBtn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO6 = closeDialogData.btnOK) === null || _closeDialogData$btnO6 === void 0 ? void 0 : _closeDialogData$btnO6.bg); | ||
| } else remainBtn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnO7 = closeDialogData.btnOK) === null || _closeDialogData$btnO7 === void 0 ? void 0 : _closeDialogData$btnO7.bg; | ||
| } | ||
| var leaveBrn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-leave")); | ||
| if (leaveBrn) { | ||
| var _closeDialogData$btnC, _closeDialogData$btnC2, _closeDialogData$btnC3, _closeDialogData$btnC4, _closeDialogData$btnC5, _closeDialogData$btnC7; | ||
| leaveBrn.innerHTML = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC = closeDialogData.btnCancel) === null || _closeDialogData$btnC === void 0 ? void 0 : _closeDialogData$btnC.text; | ||
| leaveBrn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC2 = closeDialogData.btnCancel) === null || _closeDialogData$btnC2 === void 0 ? void 0 : _closeDialogData$btnC2.fontSize, "px"); | ||
| leaveBrn.style.color = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC3 = closeDialogData.btnCancel) === null || _closeDialogData$btnC3 === void 0 ? void 0 : _closeDialogData$btnC3.fontColor; | ||
| leaveBrn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC4 = closeDialogData.btnCancel) === null || _closeDialogData$btnC4 === void 0 ? void 0 : _closeDialogData$btnC4.corner, "px"); | ||
| if ((closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC5 = closeDialogData.btnCancel) === null || _closeDialogData$btnC5 === void 0 ? void 0 : _closeDialogData$btnC5.type) === 'stroke') { | ||
| var _closeDialogData$btnC6; | ||
| leaveBrn.style.border = "1px solid ".concat(closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC6 = closeDialogData.btnCancel) === null || _closeDialogData$btnC6 === void 0 ? void 0 : _closeDialogData$btnC6.bg); | ||
| } else leaveBrn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 ? void 0 : (_closeDialogData$btnC7 = closeDialogData.btnCancel) === null || _closeDialogData$btnC7 === void 0 ? void 0 : _closeDialogData$btnC7.bg; | ||
| } | ||
| } | ||
| } catch (error) { | ||
| console.error(error); | ||
| } | ||
| _handleDeclareInfo({ | ||
| closeDialogData: closeDialogData | ||
| }); | ||
| } | ||
@@ -649,2 +610,3 @@ }, { | ||
| }); | ||
| // TODO 如果存在回调函数，则增加callBack标识，并存入map。map可以设置 | ||
| if (this.app && this.app.contentWindow) { | ||
@@ -793,3 +755,3 @@ return this.app.contentWindow.postMessage(JSON.stringify(data), this.appDomain); | ||
| value: function removeRetentionPopup(platform) { | ||
| _removeRetentionPopup(platform, this.hideRetentionPopupFunc, this.retentionPopupLeaveFunc); | ||
| _removeRetentionPopup(platform, this.hideRetentionPopupFunc.bind(this), this.retentionPopupLeaveFunc.bind(this)); | ||
| } | ||
@@ -796,0 +758,0 @@ }, { |
@@ -1,1 +0,1 @@ | ||
| {"name":"@alipay/ams-checkout","version":"0.0.1691743027-dev.5","description":"","author":"","main":"esm/index.js","module":"esm/index.js","typings":"esm/index.d.ts","files":["dist","esm","LEGAL.md","LICENSE","README.md"],"scripts":{"build":"father build","ci":"npm run lint","cov":"jest --coverage","format":"prettier --write --no-error-on-unmatched-pattern \"**/*.{js,jsx,ts,tsx,md,json,css,less}\"","lint":"eslint ./src","test":"jest"},"dependencies":{"axios":"^1.3.4","uuid":"^9.0.0"},"devDependencies":{"@babel/core":"^7.20.7","@babel/preset-env":"^7.20.2","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^29.2.4","@types/uuid":"^9.0.0","@typescript-eslint/parser":"^5.60.0","babel-jest":"^29.3.1","babel-loader":"^9.1.0","babel-plugin-import":"^1.13.0","eslint":"^8.36.0","father":"^4.2.3","jest":"^29.5.0","jest-environment-jsdom":"^29.3.1","prettier":"^2.8.4","prettier-plugin-organize-imports":"^3.2.3","prettier-plugin-packagejson":"^2.4.5","ts-jest":"^29.0.3","ts-node":"^10.9.1","typescript":"^4.9.5"},"engines":{},"publishConfig":{"access":"public"}} | ||
| {"name":"@alipay/ams-checkout","version":"0.0.1691743027-dev.6","description":"","author":"","main":"esm/index.js","module":"esm/index.js","typings":"esm/index.d.ts","files":["dist","esm","LEGAL.md","LICENSE","README.md"],"scripts":{"build":"father build","ci":"npm run lint","cov":"jest --coverage","format":"prettier --write --no-error-on-unmatched-pattern \"**/*.{js,jsx,ts,tsx,md,json,css,less}\"","lint":"eslint ./src","test":"jest"},"dependencies":{"axios":"^1.3.4","uuid":"^9.0.0"},"devDependencies":{"@babel/core":"^7.20.7","@babel/preset-env":"^7.20.2","@testing-library/jest-dom":"^5.1.1","@testing-library/react":"^9.5.0","@types/jest":"^29.2.4","@types/uuid":"^9.0.0","@typescript-eslint/parser":"^5.60.0","babel-jest":"^29.3.1","babel-loader":"^9.1.0","babel-plugin-import":"^1.13.0","eslint":"^8.36.0","father":"^4.2.3","jest":"^29.5.0","jest-environment-jsdom":"^29.3.1","prettier":"^2.8.4","prettier-plugin-organize-imports":"^3.2.3","prettier-plugin-packagejson":"^2.4.5","ts-jest":"^29.0.3","ts-node":"^10.9.1","typescript":"^4.9.5"},"engines":{},"publishConfig":{"access":"public"}} |
Sorry, the diff of this file is too big to display
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.17%
443378
- Lines of code
- increased by0.25%
5527
No dependency changes