@alipay/ams-checkout 0.0.1694675458-dev.0 → 1.3.0

package/esm/plugin/component/component.popup.style.js

@@ -1,163 +0,0 @@
-/**
- * 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.
- */
-import { ANIMATION_TIME, closeImg, COMPONENT_CLOSE_BLOCK_ID, COMPONENT_CONTAINER_ID, COMPONENT_RETENTION_ID, COMPONENT_SECTION_ID, LOADING_ID, MOCKUP_ID } from "../../constant";
-import { platformEnum } from "../../types";
-import { addSetFontSizeEvent, amsSetSize, getDesignFontSize } from "../../util";
-var componentCss = ".ams-component-container-mobile {\n  width: 100%;\n  height: 1px;\n  position: fixed;\n  bottom: -1px;\n  left: 0;\n  z-index: 1001;\n  border-radius: 12px 12px 0 0;\n  overflow: hidden;\n}\n.ams-component-container-mobile-animation{\n  animation: ams-component-container-slide-in 0.3s ease-in-out;\n}\n\n.ams-component-section-desktop {\n  font-size: 0;\n}\n\n.ams-component-container-hidden-mobile {\n  width: 100%;\n  height: 0px;\n  position: fixed;\n  bottom: -1px;\n  left: 0;\n  z-index: 1001;\n  background-color: transparent;\n  border-radius: 12px 12px 0 0;\n  animation: ams-component-container-slide-out 0.26s ease-in forwards;\n  overflow: hidden;\n}\n\n.ams-component-section-mobile {\n  border-radius: 12px 12px 0 0;\n  overflow: hidden;\n  font-size: 0;\n}\n\n.ams-component-container-desktop {\n  display: block;\n  width: 672px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  z-index: 1001;\n  border-radius: 8px;\n  overflow: hidden;\n  transform-origin: 50% 50%;\n}\n.ams-component-container-desktop-animation{\n  animation: ams-component-container-zoom-in 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n\n@keyframes ams-component-container-zoom-out {\n  0% {\n    transform: translate(-50%, -50%) scale(1);\n    -webkit-transform: translate(-50%, -50%) scale(1);\n    opacity: 1\n  }\n  \n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.4);\n    -webkit-transform: translate(-50%, -50%) scale(0.4);\n  }\n}\n\n@keyframes ams-component-container-zoom-in {\n  0% {\n    transform: translate(-50%, -50%) scale(0.4);\n    opacity: 0\n  }\n\n  80% {\n    opacity: 1\n  }\n\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n.ams-component-container-hidden-desktop {\n  display: block;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  z-index: 1001;\n  border-radius: 8px;\n  overflow: hidden;\n  animation: ams-component-container-zoom-out 0.3s ease-in-out;\n  animation-fill-mode: forwards;\n  transform-origin: 50% 50%;\n}\n\n.ams-component-loading {\n  width: 0.8em;\n  height:0.8em;\n  background: rgba(0, 0, 0, 0.5);\n  border-radius: 8px;\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1001;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.ams-component-loading .line {\n  width: 40px;\n  height: 40px;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n.ams-component-loading .line div {\n  position: absolute;\n  left: 17.67px;\n  top: 0;\n  width: 5.33px;\n  height: 40px;\n}\n\n.ams-component-loading .line div:before,\n.ams-component-loading .line div:after {\n  content: '';\n  display: block;\n  height: 13.33px;\n  background: #fcfcfc;\n  border-radius: 5.3px;\n}\n.ams-component-loading .line div:after {\n  margin-top: 13.33px;\n}\n\n.ams-component-loading .line div:nth-child(2) {\n  -webkit-transform: rotate(45deg);\n}\n\n.ams-component-loading .line div:nth-child(3) {\n  -webkit-transform: rotate(90deg);\n}\n\n.ams-component-loading .line div:nth-child(4) {\n  -webkit-transform: rotate(135deg);\n}\n\n/** \u52A0\u8F7D\u52A8\u753B **/\n@-webkit-keyframes load {\n  0% {\n      opacity: 0;\n  }\n\n  100% {\n      opacity: 1;\n  }\n}\n\n.ams-component-loading .line div:nth-child(1):before {\n  -webkit-animation: load 1s linear 0s infinite;\n}\n\n.ams-component-loading .line div:nth-child(2):before {\n  -webkit-animation: load 1s linear 0.125s infinite;\n}\n\n.ams-component-loading .line div:nth-child(3):before {\n  -webkit-animation: load 1s linear 0.25s infinite;\n}\n\n.ams-component-loading .line div:nth-child(4):before {\n  -webkit-animation: load 1s linear 0.375s infinite;\n}\n\n.ams-component-loading .line div:nth-child(1):after {\n  -webkit-animation: load 1s linear 0.5s infinite;\n}\n\n.ams-component-loading .line div:nth-child(2):after {\n  -webkit-animation: load 1s linear 0.675s infinite;\n}\n\n.ams-component-loading .line div:nth-child(3):after {\n  -webkit-animation: load 1s linear 0.75s infinite;\n}\n\n.ams-component-loading .line div:nth-child(4):after {\n  -webkit-animation: load 1s linear 0.875s infinite;\n}\n\n.ams-component-loading-logo {\n  width: 0.44em;\n  height: 0.44em;\n  -webkit-transform:rotate(360deg);\n  transform:rotate(360deg);\n  -webkit-transition:-webkit-transform 1s linear;\n  transition:transform 1s linear;\n  animation: ams-component-loading-logo 1s linear infinite;\n}\n\n.asm-component-close-block-desktop {\n  position: absolute;\n  width: 40px;\n  height: 40px;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n}\n.asm-component-close-block-btn-desktop {\n  width: 11px;\n  height: 11px;\n  object-fit: fill;\n  position: absolute;\n  right: 18.7px;\n  top: 26.7px;\n}\n.asm-component-close-block-hidden {\n  width: 0px !important;\n  height: 0px !important;\n  visibility: hidden;\n}\n.asm-component-close-block-mobile {\n  position: absolute;\n  width: 0.4em;\n  height: 0.4em;\n  right: 0;\n  top: 0;\n  cursor: pointer;\n  z-index: 1009;\n}\n\n.asm-component-close-block-btn-mobile {\n  width: 0.11em;\n  height: 0.11em;\n  object-fit: fill;\n  position: absolute;\n  right: 0.147em;\n  top: 0.167em;\n}\n\n\n.ams-component-container-opacity{\n  opacity: 1;\n}\n\n.ams-component-container-opacity:after{\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: block;\n  content: \"\";\n  z-index: 1010;\n  background-color: rgba(0, 0, 0, 0.35);\n}\n\n#ams-component-retention {\n  position: fixed;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transform-origin: 50%;\n  height: auto;\n  display: none;\n  z-index: 1009;\n}\n\n.ams-component-retention-show {\n  display: flex !important;\n  animation: ams-component-container-zoom-in 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n\n.ams-component-retention-hidden {\n  display: flex !important;\n  animation: ams-component-container-zoom-out 0.3s ease-in-out;\n  -webkit-animation: ams-component-container-zoom-out 0.3s ease-in-out;\n  animation-fill-mode: forwards;\n  -webkit-animation-fill-mode: forwards;\n}\n\n.ams-component-retention-mobile {\n  width: 294px;\n  border-radius: 12px;\n  padding: 24px 0;\n  background-color: #fff;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-desktop {\n  width: 544px;\n  border-radius: 12px;\n  padding: 32px;\n  background-color: #fff;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n@media screen and (max-width: 300px) {\n  .ams-component-retention-mobile {\n      transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n.ams-component-retention-title-mobile {\n  width: 100%;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2A3A52;\n  text-align: center;\n  padding: 0 16px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-title-desktop {\n  text-align: left;\n  width: 100%;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 16px;\n  line-height: 24px;\n  color: #2A3A52;\n}\n\n.ams-component-retention-sub-title-mobile {\n  width: 100%;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: #7C8CA3;\n  margin-top: 8px;\n  text-align: center;\n  padding: 0 16px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-sub-title-desktop {\n  text-align: left;\n  font-style: normal;\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 20px;\n  color: #7C8CA3;\n  margin-top: 10px;\n}\n\n.ams-component-retention-btn-block-mobile {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: center;\n  margin-top: 24px;\n  padding: 0 24px;\n  box-sizing: border-box;\n}\n\n.ams-component-retention-btn-block-desktop {\n  width: 100%;\n  margin-top: 24px;\n}\n\n#ams-component-retention-remain {\n  background: #0079FF;\n  border-radius: 100px;\n  font-style: normal;\n  font-weight: 500;\n  text-align: center;\n  box-sizing: border-box;\n  color: #FFFFFF;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ams-component-retention-remain-mobile {\n  width: 100%;\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  padding: 0 6px;\n}\n\n.ams-component-retention-remain-desktop {\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  display: inline-block;\n  padding: 0 24px;\n  float: right;\n  cursor: pointer;\n  padding: 0 8px;\n  max-width: 225px;\n}\n\n#ams-component-retention-leave {\n  border-radius: 100px;\n  border: 1px solid #0079FF;\n  font-style: normal;\n  font-weight: 500;\n  text-align: center;\n  box-sizing: border-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.ams-component-retention-leave-mobile {\n  width: 100%;\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  color: #1677FF;\n  margin-top: 12px;\n  padding: 0 6px;\n}\n\n.ams-component-retention-leave-desktop {\n  height: 44px;\n  font-size: 16px;\n  line-height: 44px;\n  color: #1677FF;\n  display: inline-block;\n  padding: 0 24px;\n  float: right;\n  margin-right: 16px;\n  cursor: pointer;\n  padding: 0 8px;\n  max-width: 225px;\n}\n.".concat(MOCKUP_ID, "-hidden{\nanimation: ").concat(MOCKUP_ID, "-opacity 0.3s ease-in-out;\n  animation-fill-mode: forwards\n}\n/** \u52A0\u8F7D\u52A8\u753B **/\n@-webkit-keyframes ").concat(MOCKUP_ID, "-opacity {\n  0% {\n      opacity: 1;\n  }\n\n  100% {\n      opacity: 0;\n  }\n}\n");
-export var componentAddCSS = function componentAddCSS() {
-  var style = document.createElement('style');
-  style.type = 'text/css';
-  style.innerHTML = componentCss;
-  document.head.appendChild(style);
-};
-export var createBaseElement = function createBaseElement(platform, closeBtnFunc) {
-  if (document.getElementById(COMPONENT_CONTAINER_ID)) return;
-  componentAddCSS();
-  addSetFontSizeEvent();
-  var amsComponentContainer = document.createElement('div');
-  amsComponentContainer.className = "".concat(COMPONENT_CONTAINER_ID, "-hidden-").concat(platform);
-  amsComponentContainer.id = COMPONENT_CONTAINER_ID;
-  amsSetSize(null, amsComponentContainer);
-  document.body.appendChild(amsComponentContainer);
-  var amsComponentSection = document.createElement('div');
-  amsComponentSection.className = "ams-component-section-".concat(platform);
-  amsComponentSection.id = COMPONENT_SECTION_ID;
-  amsComponentContainer.appendChild(amsComponentSection);
-  amsComponentContainer.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-hidden-").concat(platform));
-  amsComponentContainer.classList.add("".concat(COMPONENT_CONTAINER_ID, "-").concat(platform));
-  createCloseBtn(platform, closeBtnFunc);
-  return amsComponentContainer;
-};
-export var createCloseBtn = function createCloseBtn(platform, closeBtnFunc) {
-  var clickEventName = platform === platformEnum.mobile ? 'touchend' : 'click';
-  var container = document.getElementById(COMPONENT_CONTAINER_ID);
-  // close btn
-  var closeBtnHTML = "<img class='".concat(COMPONENT_CLOSE_BLOCK_ID, "-btn-").concat(platform, "' src=\"").concat(closeImg, "\"/>");
-  var closeBlock = document.createElement('div');
-  closeBlock.classList.add("".concat(COMPONENT_CLOSE_BLOCK_ID, "-").concat(platform), "".concat(COMPONENT_CLOSE_BLOCK_ID, "-hidden"));
-  closeBlock.id = COMPONENT_CLOSE_BLOCK_ID;
-  closeBlock.innerHTML = closeBtnHTML;
-  closeBlock.addEventListener(clickEventName, function () {
-    closeBtnFunc();
-  });
-  if (container) container.appendChild(closeBlock);
-};
-export var createRetentionPopup = function createRetentionPopup(platform, remainBtnFunc, leaveBtnFunc) {
-  var clickEventName = platform === platformEnum.mobile ? 'touchend' : 'click';
-  // retention popup
-  var retentionPopup = document.createElement('div');
-  retentionPopup.id = COMPONENT_RETENTION_ID;
-  retentionPopup.classList.add("".concat(COMPONENT_RETENTION_ID, "-").concat(platform));
-  retentionPopup.innerHTML = "\n    <span id=\"".concat(COMPONENT_RETENTION_ID, "-title\" class=\"").concat(COMPONENT_RETENTION_ID, "-title-").concat(platform, "\">\n      Are you sure you want to leave?\n    </span>\n    <span\n      id=\"").concat(COMPONENT_RETENTION_ID, "-sub-title\"\n      class=\"").concat(COMPONENT_RETENTION_ID, "-sub-title-").concat(platform, "\"\n    >\n      If you leave this page, you'll have to start over again.\n    </span>\n    <div class=\"").concat(COMPONENT_RETENTION_ID, "-btn-block-").concat(platform, "\">\n      <div id=\"").concat(COMPONENT_RETENTION_ID, "-remain\" class=\"").concat(COMPONENT_RETENTION_ID, "-remain-").concat(platform, "\">\n        Continue Payment\n      </div>\n      <div id=\"").concat(COMPONENT_RETENTION_ID, "-leave\" class=\"").concat(COMPONENT_RETENTION_ID, "-leave-").concat(platform, "\">\n        Leave\n      </div>\n    </div>");
-  document.body.appendChild(retentionPopup);
-  var remainBtn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-remain"));
-  if (remainBtn) {
-    remainBtn.addEventListener(clickEventName, remainBtnFunc);
-  }
-  var leaveBtn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-leave"));
-  if (leaveBtn) {
-    leaveBtn.addEventListener(clickEventName, leaveBtnFunc);
-  }
-};
-export var hideRetentionPopup = function hideRetentionPopup() {
-  var retentionPopup = document.getElementById(COMPONENT_RETENTION_ID);
-  var container = document.getElementById(COMPONENT_CONTAINER_ID);
-  if (retentionPopup) {
-    retentionPopup.classList.remove("".concat(COMPONENT_RETENTION_ID, "-show"));
-    retentionPopup.classList.add("".concat(COMPONENT_RETENTION_ID, "-hidden"));
-    setTimeout(function () {
-      retentionPopup.classList.remove("".concat(COMPONENT_RETENTION_ID, "-hidden"));
-      container === null || container === void 0 ? void 0 : container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-opacity"));
-    }, ANIMATION_TIME);
-  }
-};
-export var removeRetentionPopup = function removeRetentionPopup(platform, remainBtnFunc, leaveBtnFunc) {
-  var _document$getElementB;
-  var clickEventName = platform === platformEnum.mobile ? 'touchend' : 'click';
-  var remainBtn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-remain"));
-  if (remainBtn) {
-    remainBtn.removeEventListener(clickEventName, remainBtnFunc);
-  }
-  var leaveBtn = document.getElementById("".concat(COMPONENT_RETENTION_ID, "-leave"));
-  if (leaveBtn) {
-    leaveBtn.removeEventListener(clickEventName, leaveBtnFunc);
-  }
-  (_document$getElementB = document.getElementById(COMPONENT_RETENTION_ID)) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
-};
-export var createMockup = function createMockup() {
-  var body = document.getElementsByTagName('body')[0];
-  body.style.overflow = 'hidden';
-  var mockup = document.createElement('div');
-  mockup.style.width = '100vw';
-  mockup.style.height = '100vh';
-  mockup.style.position = 'fixed';
-  mockup.style.top = '0';
-  mockup.style.left = '0';
-  mockup.style.zIndex = '1000';
-  mockup.style.background = 'rgba(0,0,0,0.5)';
-  mockup.style.display = 'none';
-  mockup.id = MOCKUP_ID;
-  body.appendChild(mockup);
-};
-export var addPopupLoading = function addPopupLoading() {
-  var loading = document.createElement('div');
-  loading === null || loading === void 0 ? void 0 : loading.classList.add(LOADING_ID);
-  loading.id = LOADING_ID;
-  loading.innerHTML = '<div class="line"><div></div><div></div><div></div><div></div></div>';
-  loading.style.fontSize = "".concat(getDesignFontSize(), "px");
-  var body = document.getElementsByTagName('body')[0];
-  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);
-  }
-};

package/esm/service/index.d.ts

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

package/esm/types/index.js

@@ -1,134 +0,0 @@
-/**
- * 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.
- */
-
-/**
- * SDK options
- */
-
-export var renderDisplayTypeEnum = /*#__PURE__*/function (renderDisplayTypeEnum) {
-  renderDisplayTypeEnum["popup"] = "popup";
-  renderDisplayTypeEnum["inline"] = "inline";
-  return renderDisplayTypeEnum;
-}({});
-export var componentSignEnum = /*#__PURE__*/function (componentSignEnum) {
-  componentSignEnum["EASY_PAY_WALLET"] = "EASY_PAY_WALLET";
-  componentSignEnum["CASHIER_PAYMENT_CARD"] = "CASHIER_PAYMENT_CARD";
-  componentSignEnum["CASHIER_PAYMENT_BANK"] = "CASHIER_PAYMENT_BANK";
-  componentSignEnum["AUTO_DEBIT_WALLET"] = "AUTO_DEBIT_WALLET";
-  componentSignEnum["NONE"] = "NONE";
-  return componentSignEnum;
-}({});
-export var productSceneEnum = /*#__PURE__*/function (productSceneEnum) {
-  productSceneEnum["EASY_PAY"] = "EASY_PAY";
-  productSceneEnum["CASHIER_PAYMENT"] = "CASHIER_PAYMENT";
-  productSceneEnum["AUTO_DEBIT"] = "AUTO_DEBIT";
-  return productSceneEnum;
-}({});
-export var paymentMethodCategoryTypeEnum = /*#__PURE__*/function (paymentMethodCategoryTypeEnum) {
-  paymentMethodCategoryTypeEnum["CARD"] = "CARD";
-  paymentMethodCategoryTypeEnum["WALLET"] = "WALLET";
-  paymentMethodCategoryTypeEnum["BANK"] = "BANK";
-  return paymentMethodCategoryTypeEnum;
-}({});
-export var localeEnum = /*#__PURE__*/function (localeEnum) {
-  localeEnum["en-US"] = "en-US";
-  return localeEnum;
-}({});
-export var checkoutDisplayEnum = /*#__PURE__*/function (checkoutDisplayEnum) {
-  checkoutDisplayEnum["horizon"] = "horizon";
-  checkoutDisplayEnum["vertical"] = "vertical";
-  return checkoutDisplayEnum;
-}({});
-export var modeEnum = /*#__PURE__*/function (modeEnum) {
-  modeEnum["dropin"] = "dropin";
-  modeEnum["component"] = "component";
-  return modeEnum;
-}({});
-export var networkModeEnum = /*#__PURE__*/function (networkModeEnum) {
-  networkModeEnum["proxy"] = "proxy";
-  networkModeEnum["session"] = "session";
-  return networkModeEnum;
-}({});
-export var environmentEnum = /*#__PURE__*/function (environmentEnum) {
-  environmentEnum["sandbox"] = "sandbox";
-  environmentEnum["prod"] = "prod";
-  environmentEnum["light_sandbox"] = "light_sandbox";
-  return environmentEnum;
-}({});
-export var osTypeEnum = /*#__PURE__*/function (osTypeEnum) {
-  osTypeEnum["IOS"] = "IOS";
-  osTypeEnum["ANDROID"] = "ANDROID";
-  osTypeEnum["ELSE"] = "ELSE";
-  return osTypeEnum;
-}({});
-export var terminalTypeEnum = /*#__PURE__*/function (terminalTypeEnum) {
-  terminalTypeEnum["WEB"] = "WEB";
-  terminalTypeEnum["WAP"] = "WAP";
-  terminalTypeEnum["APP"] = "APP";
-  terminalTypeEnum["MINI_APP"] = "MINI_APP";
-  return terminalTypeEnum;
-}({});
-export var platformEnum = /*#__PURE__*/function (platformEnum) {
-  platformEnum["desktop"] = "desktop";
-  platformEnum["mobile"] = "mobile";
-  return platformEnum;
-}({});
-/**
- * @description Create an event handler, called when an error occurs in AMSCheckout.
- */
-
-/**
- * @description Create an event handler, called when the general log triggers during the SDK runtime.
- */
-
-/**
- * @description Create an event handler, during the running of the sdk, some events are called after execution, and the specific event code is returned.
- */
-
-/**
- * @description Create an event handler, In pop-up layer mode, the user clicks the semi floating layer close button and is called.
- */
-
-export var messageName = /*#__PURE__*/function (messageName) {
-  messageName["SDK_TO_APP"] = "SDK_TO_APP";
-  messageName["APP_TO_SDK"] = "APP_TO_SDK";
-  messageName["APP_TO_APP"] = "APP_TO_APP";
-  return messageName;
-}({});
-export var targetEnum = /*#__PURE__*/function (targetEnum) {
-  targetEnum["BLANK"] = "_blank";
-  targetEnum["SELF"] = "_self";
-  return targetEnum;
-}({});
-export var errorEnum = /*#__PURE__*/function (errorEnum) {
-  errorEnum["PARAMS"] = "PARAMS";
-  errorEnum["TIMEOUT"] = "TIMEOUT";
-  errorEnum["NETWORK"] = "NETWORK";
-  errorEnum["SYSTEM"] = "SYSTEM";
-  errorEnum["LOGIN"] = "LOGIN";
-  errorEnum["GATEWAY"] = "GATEWAY";
-  errorEnum["VALIDATION"] = "VALIDATION";
-  errorEnum["TAOBAOBINDALIPAY"] = "TAOBAOBINDALIPAY";
-  errorEnum["REGISTERWALLET"] = "REGISTERWALLET";
-  errorEnum["NOALIPAYID"] = "NOALIPAYID";
-  errorEnum["TRUSTLOGINERROR"] = "TRUSTLOGINERROR";
-  errorEnum["SIGNIN"] = "SIGNIN";
-  errorEnum["GETSIGNPARAMSERROR"] = "GETSIGNPARAMSERROR";
-  return errorEnum;
-}({});
-export var eventCodeEnum = /*#__PURE__*/function (eventCodeEnum) {
-  eventCodeEnum["SDK_START_OF_LOADING"] = "SDK_START_OF_LOADING";
-  eventCodeEnum["SDK_END_OF_LOADING"] = "SDK_END_OF_LOADING";
-  eventCodeEnum["SDK_INTERNAL_ERROR"] = "SDK_INTERNAL_ERROR";
-  eventCodeEnum["SDK_CREATEPAYMENT_PARAMETER_ERROR"] = "SDK_CREATEPAYMENT_PARAMETER_ERROR";
-  eventCodeEnum["SDK_INIT_PARAMETER_ERROR"] = "SDK_INIT_PARAMETER_ERROR";
-  eventCodeEnum["SDK_CREATECOMPONENT_ERROR"] = "SDK_CREATECOMPONENT_ERROR";
-  eventCodeEnum["SDK_CALL_URL_ERROR"] = "SDK_CALL_URL_ERROR";
-  eventCodeEnum["SDK_CALL_URL_SUCCESS"] = "SDK_CALL_URL_SUCCESS";
-  return eventCodeEnum;
-}({});

package/esm/util/createIframeNode.d.ts

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

package/esm/util/mock.js

@@ -1,3 +0,0 @@
-export var isLocalMock = function isLocalMock() {
-  return window.location.href.indexOf('LOCAL_MOCK=1') > -1;
-};