@tosspayments/tosspayments-sdk 0.1.1-alpha.0 → 0.1.1-alpha.1.0

package/README.md

@@ -1,6 +1,6 @@
-# Toss Payments PaymentWidget SDK
+# Toss Payments TossPayment SDK
 
-토스페이먼츠 결제위젯을 위한 JavaScript SDK 입니다.
+토스페이먼츠 결제 연동을 위한 JavaScript SDK 입니다.
 
 ```bash
 npm install @tosspayments/tosspayments-sdk

package/dist/index.cjs.js

@@ -2,44 +2,83 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var cachedPromise;
+var SCRIPT_URL = 'https://js.tosspayments.com/v2/standard';
+
+function clearTossPayments() {
+  var _script$parentElement;
+
+  var script = document.querySelector("script[src=\"".concat(SCRIPT_URL, "\"]"));
+  script === null || script === void 0 ? void 0 : (_script$parentElement = script.parentElement) === null || _script$parentElement === void 0 ? void 0 : _script$parentElement.removeChild(script); // TODO: public interface에서 TossPayments의 global declaration 추가한 뒤 제거 예정입니다
+  // @ts-ignore
+
+  window.TossPayments = undefined;
+}
+
+var cachedPromise = null;
 function loadScript(src, namespace) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var existingElement = document.querySelector("[src=\"".concat(src, "\"]"));
 
-  if (existingElement != null && cachedPromise !== undefined) {
+  if (cachedPromise != null) {
     return cachedPromise;
   }
 
-  if (existingElement != null && getNamespace(namespace) !== undefined) {
-    return Promise.resolve(getNamespace(namespace));
-  }
+  var promise = new Promise(function (resolve, reject) {
+    try {
+      var onLoad = function onLoad() {
+        if (getNamespace(namespace) != null) {
+          resolve(getNamespace(namespace));
+        } else {
+          reject(new Error("[TossPayments SDK] ".concat(namespace, " is not available")));
+        }
+      };
+
+      var onError = function onError() {
+        reject(new Error("[TossPayments SDK] Failed to load script: [".concat(src, "]")));
+      };
+
+      if (typeof window === 'undefined' || typeof document === 'undefined') {
+        return resolve(null);
+      }
 
-  var script = document.createElement('script');
-  script.src = src;
+      if (getNamespace(namespace) != null) {
+        return resolve(getNamespace(namespace));
+      }
 
-  if (options.priority !== undefined) {
-    script.fetchPriority = options.priority;
-  }
+      var existingScript = document.querySelector("script[src=\"".concat(src, "\"]"));
 
-  cachedPromise = new Promise(function (resolve, reject) {
-    document.head.appendChild(script);
-    window.addEventListener("TossPayments:initialize:".concat(namespace), function () {
-      if (getNamespace(namespace) !== undefined) {
-        resolve(getNamespace(namespace));
-      } else {
-        reject(new Error("[TossPayments SDK] Failed to load script: [".concat(src, "]")));
+      if (existingScript != null) {
+        var _existingScript$paren;
+
+        existingScript.removeEventListener('load', onLoad);
+        existingScript.removeEventListener('error', onError);
+        (_existingScript$paren = existingScript.parentElement) === null || _existingScript$paren === void 0 ? void 0 : _existingScript$paren.removeChild(existingScript);
+      }
+
+      var script = document.createElement('script');
+      script.src = src;
+      script.addEventListener('load', onLoad);
+      script.addEventListener('error', onError);
+
+      if (options.priority != null) {
+        script.fetchPriority = options.priority;
       }
-    });
+
+      document.head.appendChild(script);
+    } catch (error) {
+      reject(error);
+      return;
+    }
+  });
+  cachedPromise = promise["catch"](function (error) {
+    cachedPromise = null;
+    return Promise.reject(error);
   });
   return cachedPromise;
 }
 
 function getNamespace(name) {
   return window[name];
-}
-
-var SCRIPT_URL = 'https://js.tosspayments.com/v2/standard';
+} // Test용
 
 function loadTossPayments(clientKey) {
   var loadOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -57,16 +96,5 @@ function loadTossPayments(clientKey) {
   });
 }
 
-function clearPaymentWidget() {
-  var _script$parentElement;
-
-  var script = document.querySelector("script[src=\"".concat(SCRIPT_URL, "\"]"));
-  script === null || script === void 0 ? void 0 : (_script$parentElement = script.parentElement) === null || _script$parentElement === void 0 ? void 0 : _script$parentElement.removeChild(script);
-  window.TossPayments = undefined;
-}
-
-var ANONYMOUS = '@@ANONYMOUS';
-
-exports.ANONYMOUS = ANONYMOUS;
-exports.clearPaymentWidget = clearPaymentWidget;
+exports.clearTossPayments = clearTossPayments;
 exports.loadTossPayments = loadTossPayments;

package/dist/index.esm.js

@@ -1,41 +1,80 @@
-var cachedPromise;
+var SCRIPT_URL = 'https://js.tosspayments.com/v2/standard';
+
+function clearTossPayments() {
+  var _script$parentElement;
+
+  var script = document.querySelector("script[src=\"".concat(SCRIPT_URL, "\"]"));
+  script === null || script === void 0 ? void 0 : (_script$parentElement = script.parentElement) === null || _script$parentElement === void 0 ? void 0 : _script$parentElement.removeChild(script); // TODO: public interface에서 TossPayments의 global declaration 추가한 뒤 제거 예정입니다
+  // @ts-ignore
+
+  window.TossPayments = undefined;
+}
+
+var cachedPromise = null;
 function loadScript(src, namespace) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var existingElement = document.querySelector("[src=\"".concat(src, "\"]"));
 
-  if (existingElement != null && cachedPromise !== undefined) {
+  if (cachedPromise != null) {
     return cachedPromise;
   }
 
-  if (existingElement != null && getNamespace(namespace) !== undefined) {
-    return Promise.resolve(getNamespace(namespace));
-  }
+  var promise = new Promise(function (resolve, reject) {
+    try {
+      var onLoad = function onLoad() {
+        if (getNamespace(namespace) != null) {
+          resolve(getNamespace(namespace));
+        } else {
+          reject(new Error("[TossPayments SDK] ".concat(namespace, " is not available")));
+        }
+      };
 
-  var script = document.createElement('script');
-  script.src = src;
+      var onError = function onError() {
+        reject(new Error("[TossPayments SDK] Failed to load script: [".concat(src, "]")));
+      };
 
-  if (options.priority !== undefined) {
-    script.fetchPriority = options.priority;
-  }
+      if (typeof window === 'undefined' || typeof document === 'undefined') {
+        return resolve(null);
+      }
 
-  cachedPromise = new Promise(function (resolve, reject) {
-    document.head.appendChild(script);
-    window.addEventListener("TossPayments:initialize:".concat(namespace), function () {
-      if (getNamespace(namespace) !== undefined) {
-        resolve(getNamespace(namespace));
-      } else {
-        reject(new Error("[TossPayments SDK] Failed to load script: [".concat(src, "]")));
+      if (getNamespace(namespace) != null) {
+        return resolve(getNamespace(namespace));
       }
-    });
+
+      var existingScript = document.querySelector("script[src=\"".concat(src, "\"]"));
+
+      if (existingScript != null) {
+        var _existingScript$paren;
+
+        existingScript.removeEventListener('load', onLoad);
+        existingScript.removeEventListener('error', onError);
+        (_existingScript$paren = existingScript.parentElement) === null || _existingScript$paren === void 0 ? void 0 : _existingScript$paren.removeChild(existingScript);
+      }
+
+      var script = document.createElement('script');
+      script.src = src;
+      script.addEventListener('load', onLoad);
+      script.addEventListener('error', onError);
+
+      if (options.priority != null) {
+        script.fetchPriority = options.priority;
+      }
+
+      document.head.appendChild(script);
+    } catch (error) {
+      reject(error);
+      return;
+    }
+  });
+  cachedPromise = promise["catch"](function (error) {
+    cachedPromise = null;
+    return Promise.reject(error);
   });
   return cachedPromise;
 }
 
 function getNamespace(name) {
   return window[name];
-}
-
-var SCRIPT_URL = 'https://js.tosspayments.com/v2/standard';
+} // Test용
 
 function loadTossPayments(clientKey) {
   var loadOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -53,14 +92,4 @@ function loadTossPayments(clientKey) {
   });
 }
 
-function clearPaymentWidget() {
-  var _script$parentElement;
-
-  var script = document.querySelector("script[src=\"".concat(SCRIPT_URL, "\"]"));
-  script === null || script === void 0 ? void 0 : (_script$parentElement = script.parentElement) === null || _script$parentElement === void 0 ? void 0 : _script$parentElement.removeChild(script);
-  window.TossPayments = undefined;
-}
-
-var ANONYMOUS = '@@ANONYMOUS';
-
-export { ANONYMOUS, clearPaymentWidget, loadTossPayments };
+export { clearTossPayments, loadTossPayments };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tosspayments/tosspayments-sdk",
   "description": "TossPayments.js Tosspayments SDK.",
-  "version": "0.1.1-alpha.0",
+  "version": "0.1.1-alpha.1.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "types/index.d.ts",
@@ -9,13 +9,10 @@
   "scripts": {
     "build": "rm -rf dist && rollup -c && tsc --emitDeclarationOnly --declaration --declarationDir types",
     "prepack": "yarn build",
-    "test": "jest --passWithNoTests",
+    "test": "vitest",
     "typecheck": "tsc --noEmit"
   },
   "license": "MIT",
-  "dependencies": {
-    "@tosspayments/standard-public-interfaces": "2.0.0-next.24"
-  },
   "devDependencies": {
     "@babel/core": "^7.11.6",
     "@babel/preset-env": "^7.11.5",
@@ -23,15 +20,15 @@
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-typescript": "^8.3.0",
-    "@tosspayments/sdk-loader": "1.2.0",
-    "@types/jest": "^27.0.0",
-    "jest": "^27.0.7",
+    "@tosspayments/sdk-loader": "1.2.1-alpha.1.0",
+    "@tosspayments/standard-public-interfaces": "2.0.0-next.24",
+    "happy-dom": "^14.12.3",
     "prettier": "^2.0.2",
     "rollup": "^2.60.0",
     "rollup-plugin-babel": "^4.4.0",
-    "ts-jest": "^27.0.7",
     "tslib": "^1.11.1",
-    "typescript": "5.2.2"
+    "typescript": "5.2.2",
+    "vitest": "^1.6.0"
   },
   "files": [
     "dist",
@@ -40,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "cb83fbd8511cf435548ccf01d7a9038ffa7c3d7b"
+  "gitHead": "b50d0d5975b9d6e8dec619a72ab468d0059586c3"
 }

package/types/clearTossPayments.d.ts

@@ -0,0 +1 @@
+export declare function clearTossPayments(): void;

package/types/clearTossPayments.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/index.d.ts

@@ -1,3 +1,2 @@
-export { loadTossPayments } from './loadTossPayment';
-export { clearPaymentWidget } from './clearPaymentWidget';
-export declare const ANONYMOUS = "@@ANONYMOUS";
+export { clearTossPayments } from './clearTossPayments';
+export { loadTossPayments } from './loadTossPayments';

package/types/loadTossPayments.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/clearPaymentWidget.d.ts

@@ -1,11 +0,0 @@
-import { TossPayments } from '@tosspayments/standard-public-interfaces';
-declare global {
-    interface Window {
-        TossPayments?: TossPayments & {
-            version: string;
-            isV2: boolean;
-            ANONYMOUS: string;
-        };
-    }
-}
-export declare function clearPaymentWidget(): void;