@alipay/ams-checkout 0.0.1730107332-dev.32 → 0.0.1730107332-dev.33

package/esm/component/component.popup.style.d.ts

@@ -1,23 +0,0 @@
-import { PlatformEnum } from '../types';
-export declare const componentAddCSS: () => void;
-export declare const createBaseElement: (platform: PlatformEnum, closeBtnFunc: () => void) => HTMLDivElement;
-export declare const createCloseBtn: (platform: PlatformEnum, closeBtnFunc: () => void) => void;
-/**
- * 弹出离开挽留弹窗
- * @param platform
- * @param remainBtnFunc
- * @param leaveBtnFunc
- */
-export declare const createRetentionPopup: (platform: PlatformEnum, remainBtnFunc: () => void, leaveBtnFunc: () => void) => void;
-export declare const hideRetentionPopup: () => void;
-export declare const showRetentionPopup: () => void;
-export declare const removeRetentionPopup: () => void;
-export declare const createMockup: (options: {
-    platform: PlatformEnum;
-    onClickOutside: () => void;
-}) => void;
-export declare const hideMockup: () => void;
-export declare const cleanMockup: () => void;
-export declare const addPopupLoading: () => void;
-export declare const handleDeclareInfo: (closeDialogData: any) => void;
-export declare const slideInAndOutKeyframes: (id: any, height: any) => string;

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

@@ -1,190 +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  height: 100%;\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: 12px;\n  overflow: hidden;\n  transform-origin: 50% 50%;\n  transform: translate(-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  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  border-radius: 12px 12px 0 0;\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 16px;\n  max-width: 225px;\n  min-width: 159px;\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 16px;\n  max-width: 225px;\n  min-width: 144px;\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 amsComponentSection;
-};
-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);
-};
-
-/**
- * 弹出离开挽留弹窗
- * @param platform
- * @param remainBtnFunc
- * @param leaveBtnFunc
- */
-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 || container.classList.remove("".concat(COMPONENT_CONTAINER_ID, "-opacity"));
-    }, ANIMATION_TIME);
-  }
-};
-export var showRetentionPopup = function showRetentionPopup() {
-  var retentionPopup = document.getElementById(COMPONENT_RETENTION_ID);
-  var container = document.getElementById(COMPONENT_CONTAINER_ID);
-  if (retentionPopup) {
-    container === null || container === void 0 || container.classList.add("".concat(COMPONENT_CONTAINER_ID, "-opacity"));
-    retentionPopup.classList.remove("".concat(COMPONENT_RETENTION_ID, "-hidden"));
-    retentionPopup.classList.add("".concat(COMPONENT_RETENTION_ID, "-show"));
-  }
-};
-export var removeRetentionPopup = function removeRetentionPopup() {
-  var _document$getElementB;
-  (_document$getElementB = document.getElementById(COMPONENT_RETENTION_ID)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
-};
-export var createMockup = function createMockup(options) {
-  var clickEventName = (options === null || options === void 0 ? void 0 : options.platform) === PlatformEnum.mobile ? 'touchend' : 'click';
-  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;
-  // let click to close
-  mockup.addEventListener(clickEventName, function () {
-    var _options$onClickOutsi;
-    options === null || options === void 0 || (_options$onClickOutsi = options.onClickOutside) === null || _options$onClickOutsi === void 0 || _options$onClickOutsi.call(options);
-  });
-  body.appendChild(mockup);
-};
-export var hideMockup = function hideMockup() {
-  var mockup = document.getElementById(MOCKUP_ID);
-  mockup === null || mockup === void 0 || mockup.classList.add("".concat(MOCKUP_ID, "-hidden"));
-};
-export var cleanMockup = function cleanMockup() {
-  // mockup
-  var body = document.getElementsByTagName('body')[0];
-  body.style.overflow = 'auto';
-  var mockup = document.getElementById(MOCKUP_ID);
-  mockup === null || mockup === void 0 || mockup.remove();
-};
-export var addPopupLoading = function addPopupLoading() {
-  var loading = document.createElement('div');
-  loading === null || loading === 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 || body.appendChild(loading);
-};
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export var handleDeclareInfo = function handleDeclareInfo(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 || (_closeDialogData$titl = closeDialogData.title) === null || _closeDialogData$titl === void 0 ? void 0 : _closeDialogData$titl.fontSize, "px");
-        retentionTitle.style.color = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$titl2 = closeDialogData.title) === null || _closeDialogData$titl2 === void 0 ? void 0 : _closeDialogData$titl2.fontColor;
-        retentionTitle.innerHTML = closeDialogData === null || closeDialogData === 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 || (_closeDialogData$mess = closeDialogData.message) === null || _closeDialogData$mess === void 0 ? void 0 : _closeDialogData$mess.fontSize, "px");
-        retentionMessage.style.color = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$mess2 = closeDialogData.message) === null || _closeDialogData$mess2 === void 0 ? void 0 : _closeDialogData$mess2.fontColor;
-        retentionMessage.innerHTML = closeDialogData === null || closeDialogData === 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 || (_closeDialogData$btnO = closeDialogData.btnOK) === null || _closeDialogData$btnO === void 0 ? void 0 : _closeDialogData$btnO.text;
-        remainBtn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === 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 || (_closeDialogData$btnO3 = closeDialogData.btnOK) === null || _closeDialogData$btnO3 === void 0 ? void 0 : _closeDialogData$btnO3.fontColor;
-        remainBtn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnO4 = closeDialogData.btnOK) === null || _closeDialogData$btnO4 === void 0 ? void 0 : _closeDialogData$btnO4.corner, "px");
-        if ((closeDialogData === null || closeDialogData === 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 || (_closeDialogData$btnO6 = closeDialogData.btnOK) === null || _closeDialogData$btnO6 === void 0 ? void 0 : _closeDialogData$btnO6.bg);
-        } else remainBtn.style.backgroundColor = closeDialogData === null || closeDialogData === 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 || (_closeDialogData$btnC = closeDialogData.btnCancel) === null || _closeDialogData$btnC === void 0 ? void 0 : _closeDialogData$btnC.text;
-        leaveBrn.style.fontSize = "".concat(closeDialogData === null || closeDialogData === 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 || (_closeDialogData$btnC3 = closeDialogData.btnCancel) === null || _closeDialogData$btnC3 === void 0 ? void 0 : _closeDialogData$btnC3.fontColor;
-        leaveBrn.style.borderRadius = "".concat(closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC4 = closeDialogData.btnCancel) === null || _closeDialogData$btnC4 === void 0 ? void 0 : _closeDialogData$btnC4.corner, "px");
-        if ((closeDialogData === null || closeDialogData === 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 || (_closeDialogData$btnC6 = closeDialogData.btnCancel) === null || _closeDialogData$btnC6 === void 0 ? void 0 : _closeDialogData$btnC6.bg);
-        } else leaveBrn.style.backgroundColor = closeDialogData === null || closeDialogData === void 0 || (_closeDialogData$btnC7 = closeDialogData.btnCancel) === null || _closeDialogData$btnC7 === void 0 ? void 0 : _closeDialogData$btnC7.bg;
-      }
-    }
-  } catch (error) {
-    console.error(error);
-  }
-};
-export var slideInAndOutKeyframes = function slideInAndOutKeyframes(id, height) {
-  return "@keyframes ".concat(id, "-slide-in {\n    0% {\n      height: 1px;\n    }\n    100% {\n      height: ").concat(height, "px;\n    }\n  }\n  @keyframes ").concat(id, "-slide-out {\n    0% {\n      height: ").concat(height, "px;\n      opacity: 1;\n    }\n    50% {\n      opacity: 1;\n    }\n    100% {\n      height: 1px;\n      opacity: 0;\n    }\n  }");
-};

package/esm/component/popupWindow.style.d.ts

@@ -1,11 +0,0 @@
-export declare const createCustomSheet: (curTheme?: 'dark' | 'light') => void;
-export declare const renderPopupLoading: (container: HTMLDivElement, curTheme: 'dark' | 'light') => void;
-export declare const removePopupLoading: (isShowMockup?: boolean) => void;
-export declare const insertStyleSheet: () => void;
-export declare const createModal: ({ device, url, widthPadding, loadingConfig }: {
-    device: any;
-    url: any;
-    widthPadding: any;
-    loadingConfig: any;
-}) => Promise<HTMLIFrameElement>;
-export declare const destroyModal: () => void;

package/esm/component/popupWindow.style.js

@@ -1,121 +0,0 @@
-import { AMSPOPUP_PREFIX, ANIMATION_TIME, MOCKUP_ID, POPUPLOADING_ID } from "../constant";
-import { getDesignFontSize } from "../util";
-
-// CSS样式字符串
-var modalStyles = "\n  .".concat(AMSPOPUP_PREFIX, "modal {\n    /* \u6DFB\u52A0\u5F39\u7A97\u6837\u5F0F */\n    background-color: #fff;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    z-index: 9999; /* \u8BBE\u7F6E\u5F39\u7A97\u7684\u5C42\u7EA7\u4E3A 9999 */\n    overflow: hidden;\n  }\n  .").concat(AMSPOPUP_PREFIX, "modal-mobile{\n    background-color: #fff;\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n    position: fixed;\n    bottom: 0;\n    left: 0%;\n    z-index: 9999; /* \u8BBE\u7F6E\u5F39\u7A97\u7684\u5C42\u7EA7\u4E3A 9999 */\n    overflow: hidden;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "overlay {\n    /* \u6DFB\u52A0\u8499\u5C42\u6837\u5F0F */\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.4);\n    z-index: 999;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "fadeIn {\n    /* \u6DFB\u52A0\u6DE1\u5165\u52A8\u753B */\n    animation: fadeIn ").concat(ANIMATION_TIME, "ms;\n    animation-fill-mode: forwards;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "fadeOut {\n    /* \u6DFB\u52A0\u6DE1\u51FA\u52A8\u753B */\n    animation: fadeOut ").concat(ANIMATION_TIME, "ms;\n    animation-fill-mode: forwards;\n  }\n\n  .").concat(AMSPOPUP_PREFIX, "-drawer-enter {\n    animation: slideIn ").concat(ANIMATION_TIME, "ms forwards;\n  }\n  \n  @keyframes slideIn {\n    from {\n        transform: translateY(100%); /* \u6ED1\u5165\u65F6\u5728\u89C6\u53E3\u5E95\u90E8\u5916 */\n        opacity: 0; /* \u521D\u59CB\u900F\u660E\u5EA6\u4E3A 0 */\n    }\n    to {\n        transform: translateY(0); /* \u6ED1\u5165\u7ED3\u675F\u65F6\u5728\u539F\u4F4D\u7F6E */\n        opacity: 1; /* \u7ED3\u675F\u65F6\u900F\u660E\u5EA6\u4E3A 1 */\n    }\n  }\n\n  /* \u62BD\u5C49\u4ECE\u5E95\u90E8\u6ED1\u51FA */\n  .").concat(AMSPOPUP_PREFIX, "-drawer-exit {\n      animation: slideOut ").concat(ANIMATION_TIME, "ms forwards;\n  }\n\n  @keyframes slideOut {\n      from {\n          transform: translateY(0); /* \u6ED1\u51FA\u65F6\u4ECE\u5F53\u524D\u4F4D\u7F6E\u5F00\u59CB */\n          opacity: 1; /* \u521D\u59CB\u900F\u660E\u5EA6\u4E3A 1 */\n      }\n      to {\n          transform: translateY(100%); /* \u6ED1\u51FA\u7ED3\u675F\u65F6\u5728\u89C6\u53E3\u5E95\u90E8\u5916 */\n          opacity: 0; /* \u7ED3\u675F\u65F6\u900F\u660E\u5EA6\u4E3A 0 */\n      }\n  }\n\n  /* \u5B9A\u4E49\u6DE1\u5165\u52A8\u753B */\n  @keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @-webkit-keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  @-moz-keyframes fadeIn {\n    0% {\n      opacity: 0;\n    }\n    100% {\n      opacity: 1;\n    }\n  }\n\n  /* \u5B9A\u4E49\u6DE1\u51FA\u52A8\u753B */\n  @keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n  @-webkit-keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n  @-moz-keyframes fadeOut {\n    0% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0;\n    }\n  }\n\n\n.ams-component-popup-loading {\n  width: 0.8em;\n  height:0.8em;\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-popup-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-popup-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-popup-loading .line div:before,\n.ams-component-popup-loading .line div:after {\n  content: '';\n  display: block;\n  height: 13.33px;\n  background: black;\n  border-radius: 5.3px;\n}\n.ams-component-popup-loading .line div:after {\n  margin-top: 13.33px;\n}\n\n.ams-component-popup-loading .line div:nth-child(2) {\n  -webkit-transform: rotate(45deg);\n}\n\n.ams-component-popup-loading .line div:nth-child(3) {\n  -webkit-transform: rotate(90deg);\n}\n\n.ams-component-popup-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-popup-loading .line div:nth-child(1):before {\n  -webkit-animation: load 1s linear 0s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(2):before {\n  -webkit-animation: load 1s linear 0.125s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(3):before {\n  -webkit-animation: load 1s linear 0.25s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(4):before {\n  -webkit-animation: load 1s linear 0.375s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(1):after {\n  -webkit-animation: load 1s linear 0.5s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(2):after {\n  -webkit-animation: load 1s linear 0.675s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(3):after {\n  -webkit-animation: load 1s linear 0.75s infinite;\n}\n\n.ams-component-popup-loading .line div:nth-child(4):after {\n  -webkit-animation: load 1s linear 0.875s infinite;\n}\n\n.ams-component-popup-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");
-var getCurrentTheme = function getCurrentTheme() {
-  var curTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'default';
-  var theme = {
-    night: 'dark',
-    gamingPurple: 'dark',
-    agateGreen: 'dark',
-    default: 'light',
-    nostalgicGray: 'light',
-    cherryBlossomPink: 'light'
-  };
-  return theme[curTheme];
-};
-export var createCustomSheet = function createCustomSheet() {
-  var curTheme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'light';
-  var sheet = "\n  .ams-component-popup-loading .line div:before,\n  .ams-component-popup-loading .line div:after {\n    background: ".concat(curTheme === 'light' ? '#000000' : '#ffffff', " !important;\n  }");
-  var style = document.createElement('style');
-  style.innerHTML = sheet;
-  document.head.appendChild(style);
-};
-export var renderPopupLoading = function renderPopupLoading(container, curTheme) {
-  createCustomSheet(curTheme);
-  var loading = document.createElement('div');
-  loading === null || loading === void 0 || loading.classList.add(POPUPLOADING_ID);
-  loading.id = POPUPLOADING_ID;
-  loading.innerHTML = '<div class="line"><div></div><div></div><div></div><div></div></div>';
-  loading.style.fontSize = "".concat(getDesignFontSize(), "px");
-  container.appendChild(loading);
-};
-export var removePopupLoading = function removePopupLoading() {
-  var _document$getElementB;
-  var isShowMockup = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  var mockup = document.getElementById(MOCKUP_ID);
-  if (mockup) {
-    mockup.style.background = 'rgb(0, 0, 0, 0.6)';
-    mockup.style.display = isShowMockup ? 'block' : 'none';
-  }
-  (_document$getElementB = document.getElementById(POPUPLOADING_ID)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
-};
-// 创建和插入样式表
-export var insertStyleSheet = function insertStyleSheet() {
-  var style = document.createElement('style');
-  style.innerHTML = modalStyles;
-  document.head.appendChild(style);
-};
-var modalDevice = 'desktop';
-// 插入弹窗
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-export var createModal = function createModal(_ref) {
-  var device = _ref.device,
-    url = _ref.url,
-    widthPadding = _ref.widthPadding,
-    loadingConfig = _ref.loadingConfig;
-  return new Promise(function (resolve, reject) {
-    try {
-      modalDevice = device;
-      var overlay = document.createElement('div');
-      overlay.classList.add("".concat(AMSPOPUP_PREFIX, "overlay"), "".concat(AMSPOPUP_PREFIX, "fadeIn"));
-      var modal = document.createElement('div');
-      if (device === 'desktop') {
-        modal.classList.add("".concat(AMSPOPUP_PREFIX, "modal"), "".concat(AMSPOPUP_PREFIX, "fadeIn"));
-        modal.style.width = '656px';
-        modal.style.height = '620px';
-        modal.style.borderRadius = '12px';
-      } else {
-        modal.classList.add("".concat(AMSPOPUP_PREFIX, "modal-mobile"), "".concat(AMSPOPUP_PREFIX, "-drawer-enter"));
-        modal.style.width = '100%';
-        modal.style.height = '80vh';
-        modal.style.borderRadius = '12px 12px 0 0';
-      }
-      var iframe = document.createElement('iframe');
-      iframe.src = url; // 替换为实际的 URL 地址
-      iframe.style.border = 'none';
-      iframe.style.width = '100%';
-      iframe.style.height = '100%';
-      if (loadingConfig && Object.keys(loadingConfig).length) {
-        var _loadingConfig$theme = loadingConfig.theme,
-          theme = _loadingConfig$theme === void 0 ? 'default' : _loadingConfig$theme,
-          _loadingConfig$backgr = loadingConfig.backgroundPrimary,
-          backgroundPrimary = _loadingConfig$backgr === void 0 ? '#ffffff' : _loadingConfig$backgr;
-        var mode = getCurrentTheme(theme);
-        renderPopupLoading(modal, mode);
-        modal.style.backgroundColor = backgroundPrimary;
-        iframe.style.backgroundColor = backgroundPrimary;
-      }
-      modal.appendChild(iframe);
-      var body = document.getElementsByTagName('body')[0];
-      body.appendChild(overlay);
-      body.appendChild(modal);
-      resolve(iframe);
-    } catch (error) {
-      reject({
-        title: 'sdk_error_create_pop_up',
-        message: error === null || error === void 0 ? void 0 : error.toString()
-      });
-    }
-  });
-};
-
-// 销毁弹窗
-export var destroyModal = function destroyModal() {
-  var overlay = document.querySelector(".".concat(AMSPOPUP_PREFIX, "overlay"));
-  var modal = modalDevice === 'desktop' ? document.querySelector(".".concat(AMSPOPUP_PREFIX, "modal")) : document.querySelector(".".concat(AMSPOPUP_PREFIX, "modal-mobile"));
-  overlay.classList.remove("".concat(AMSPOPUP_PREFIX, "fadeIn"));
-  overlay.classList.add("".concat(AMSPOPUP_PREFIX, "fadeOut"));
-  if (modalDevice === 'desktop') {
-    modal.classList.remove("".concat(AMSPOPUP_PREFIX, "fadeIn"));
-    modal.classList.add("".concat(AMSPOPUP_PREFIX, "fadeOut"));
-  } else {
-    modal.classList.remove("".concat(AMSPOPUP_PREFIX, "-drawer-enter"));
-    modal.classList.add("".concat(AMSPOPUP_PREFIX, "-drawer-exit"));
-  }
-  setTimeout(function () {
-    overlay.parentNode.removeChild(overlay);
-    modal.parentNode.removeChild(modal);
-  }, ANIMATION_TIME);
-};

package/esm/foundation/core/index.d.ts

@@ -1,26 +0,0 @@
-import { IoptionsParams, ProductSceneEnum } from '../../types';
-import { BizFlowStartBehavior, PaymentContext, ProductProcessor, StartBizFlowOptions } from '../index';
-import { ServiceProvider } from '../service';
-/**
- * @author 谦彧 <zhangmian.zm@alipay.com>
- * @date 2024/9/17
- */
-export declare class AntomSDKCore {
-    private bizFlowStartBehavior;
-    private initOptions;
-    private paymentContext;
-    private instanceId;
-    private sdkMetaData;
-    private productProcessors;
-    constructor();
-    registerProcessor(productScene: string, paymentMethod: string, processor: ProductProcessor): void;
-    init(options: IoptionsParams, productScene: ProductSceneEnum): void;
-    private prepare;
-    startBizFlow(options: StartBizFlowOptions): Promise<void>;
-    getServiceProvider(): ServiceProvider;
-    getBizFlowResult(): BizFlowStartBehavior;
-    getPaymentContext(): PaymentContext;
-    destroy(): void;
-    private handleBehaviorRender;
-    private cleanRender;
-}