@tosspayments/tosspayments-sdk 2.7.0 → 2.7.1

package/dist/index.cjs.js

@@ -2,18 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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;
-}
-
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -156,13 +144,23 @@ function _createSuper(Derived) {
   };
 }
 
-var cachedPromise = null;
+// `${src}::${namespace}` 조합으로 캐싱하여 서로 다른 src/namespace 가 같은 캐시를 공유하지 않도록 합니다.
+// (이전 구현은 module-level 단일 promise라 첫 호출만 기억되어, 두 번째 호출이 다른 src 를 전달해도
+//  기존 promise 가 반환되던 문제가 있었습니다.)
+var cache = new Map();
+
+function cacheKey(src, namespace) {
+  return "".concat(src, "::").concat(namespace);
+}
+
 function loadScript(src, namespace) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var key = cacheKey(src, namespace); // Return the cached Promise if it exists for this src/namespace combination
+
+  var hit = cache.get(key);
 
-  // Return the cached Promise if it exists
-  if (cachedPromise != null) {
-    return cachedPromise;
+  if (hit != null) {
+    return hit;
   }
 
   var promise = new Promise(function (resolve, reject) {
@@ -215,13 +213,32 @@ function loadScript(src, namespace) {
       reject(error);
       return;
     }
-  }); // Reset the cache if the Promise is rejected
+  }); // Reset the cache entry if the Promise is rejected so the next call can retry
 
-  cachedPromise = promise["catch"](function (error) {
-    cachedPromise = null;
+  var cached = promise["catch"](function (error) {
+    cache["delete"](key);
     return Promise.reject(error);
   });
-  return cachedPromise;
+  cache.set(key, cached);
+  return cached;
+}
+/**
+ * 캐싱된 loadScript Promise 를 비웁니다.
+ *
+ * - 인자 없이 호출하면 전체 캐시를 비웁니다.
+ * - src 와 namespace 를 모두 전달하면 해당 조합의 캐시만 제거합니다.
+ *
+ * 외부 SDK 의 reset/cleanup 로직에서 namespace 와 script 를 함께 정리할 때 호출하여
+ * 다음 loadScript 호출이 stale promise 를 반환하지 않도록 합니다.
+ */
+
+function clearCache(src, namespace) {
+  if (src != null && namespace != null) {
+    cache["delete"](cacheKey(src, namespace));
+    return;
+  }
+
+  cache.clear();
 }
 
 function getNamespace(name) {
@@ -264,6 +281,13 @@ var ScriptLoadFailedError = /*#__PURE__*/function (_Error2) {
   return ScriptLoadFailedError;
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
+var SCRIPT_URL = 'https://js.tosspayments.com/v2/standard';
+
+var NAMESPACE = 'TossPayments'; // loadTossPayments 가 시도한 (src, namespace) 를 모듈 내부에 추적하여, clearTossPayments 가
+// 호출 시점에 정확히 동일한 스크립트와 sdk-loader 의 cache entry 를 정리할 수 있도록 합니다.
+// key 는 src 만 사용 (namespace 는 현재 고정), 같은 src 의 중복 load 는 자연스럽게 dedupe 됩니다.
+
+var loadedRequests = new Map();
 function loadTossPayments(clientKey) {
   var loadOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _loadOptions$src = loadOptions.src,
@@ -272,14 +296,44 @@ function loadTossPayments(clientKey) {
   if (typeof window === 'undefined') {
     // XXX(@HyunSeob): SSR할 때 생성자가 사용되는 경우 에러를 발생시키지 않는대신 정상적인 인스턴스를 반환하지 않는다.
     return Promise.resolve({});
-  } // regenerator-runtime 의존성을 없애기 위해 `async` 키워드를 사용하지 않는다
+  }
 
+  loadedRequests.set(src, {
+    src: src,
+    namespace: NAMESPACE
+  }); // regenerator-runtime 의존성을 없애기 위해 `async` 키워드를 사용하지 않는다
 
-  return loadScript(src, 'TossPayments').then(function (TossPayments) {
+  return loadScript(src, NAMESPACE).then(function (TossPayments) {
     return TossPayments(clientKey);
   });
 }
 
+function clearTossPayments() {
+  var _defaultScript$parent;
+
+  if (typeof document === 'undefined' || typeof window === 'undefined') {
+    return;
+  }
+
+  loadedRequests.forEach(function (_ref) {
+    var _script$parentElement;
+
+    var src = _ref.src,
+        namespace = _ref.namespace;
+    var script = document.querySelector("script[src=\"".concat(src, "\"]"));
+    script === null || script === void 0 ? void 0 : (_script$parentElement = script.parentElement) === null || _script$parentElement === void 0 ? void 0 : _script$parentElement.removeChild(script);
+    clearCache(src, namespace);
+  });
+  loadedRequests.clear(); // fallback: loadTossPayments 를 거치지 않고 HTML inline / SSR / 다른 코드 경로로 직접 inject 된
+  // default SCRIPT_URL 스크립트도 함께 정리합니다. (기존 동작 호환)
+
+  var defaultScript = document.querySelector("script[src=\"".concat(SCRIPT_URL, "\"]"));
+  defaultScript === null || defaultScript === void 0 ? void 0 : (_defaultScript$parent = defaultScript.parentElement) === null || _defaultScript$parent === void 0 ? void 0 : _defaultScript$parent.removeChild(defaultScript); // TODO: public interface에서 TossPayments의 global declaration 추가한 뒤 제거 예정입니다
+  // @ts-ignore
+
+  delete window.TossPayments;
+}
+
 var ANONYMOUS = '@@ANONYMOUS';
 
 exports.ANONYMOUS = ANONYMOUS;

package/dist/index.esm.js

@@ -1,15 +1,3 @@
-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;
-}
-
 function _classCallCheck(instance, Constructor) {
   if (!(instance instanceof Constructor)) {
     throw new TypeError("Cannot call a class as a function");
@@ -152,13 +140,23 @@ function _createSuper(Derived) {
   };
 }
 
-var cachedPromise = null;
+// `${src}::${namespace}` 조합으로 캐싱하여 서로 다른 src/namespace 가 같은 캐시를 공유하지 않도록 합니다.
+// (이전 구현은 module-level 단일 promise라 첫 호출만 기억되어, 두 번째 호출이 다른 src 를 전달해도
+//  기존 promise 가 반환되던 문제가 있었습니다.)
+var cache = new Map();
+
+function cacheKey(src, namespace) {
+  return "".concat(src, "::").concat(namespace);
+}
+
 function loadScript(src, namespace) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var key = cacheKey(src, namespace); // Return the cached Promise if it exists for this src/namespace combination
+
+  var hit = cache.get(key);
 
-  // Return the cached Promise if it exists
-  if (cachedPromise != null) {
-    return cachedPromise;
+  if (hit != null) {
+    return hit;
   }
 
   var promise = new Promise(function (resolve, reject) {
@@ -211,13 +209,32 @@ function loadScript(src, namespace) {
       reject(error);
       return;
     }
-  }); // Reset the cache if the Promise is rejected
+  }); // Reset the cache entry if the Promise is rejected so the next call can retry
 
-  cachedPromise = promise["catch"](function (error) {
-    cachedPromise = null;
+  var cached = promise["catch"](function (error) {
+    cache["delete"](key);
     return Promise.reject(error);
   });
-  return cachedPromise;
+  cache.set(key, cached);
+  return cached;
+}
+/**
+ * 캐싱된 loadScript Promise 를 비웁니다.
+ *
+ * - 인자 없이 호출하면 전체 캐시를 비웁니다.
+ * - src 와 namespace 를 모두 전달하면 해당 조합의 캐시만 제거합니다.
+ *
+ * 외부 SDK 의 reset/cleanup 로직에서 namespace 와 script 를 함께 정리할 때 호출하여
+ * 다음 loadScript 호출이 stale promise 를 반환하지 않도록 합니다.
+ */
+
+function clearCache(src, namespace) {
+  if (src != null && namespace != null) {
+    cache["delete"](cacheKey(src, namespace));
+    return;
+  }
+
+  cache.clear();
 }
 
 function getNamespace(name) {
@@ -260,6 +277,13 @@ var ScriptLoadFailedError = /*#__PURE__*/function (_Error2) {
   return ScriptLoadFailedError;
 }( /*#__PURE__*/_wrapNativeSuper(Error));
 
+var SCRIPT_URL = 'https://js.tosspayments.com/v2/standard';
+
+var NAMESPACE = 'TossPayments'; // loadTossPayments 가 시도한 (src, namespace) 를 모듈 내부에 추적하여, clearTossPayments 가
+// 호출 시점에 정확히 동일한 스크립트와 sdk-loader 의 cache entry 를 정리할 수 있도록 합니다.
+// key 는 src 만 사용 (namespace 는 현재 고정), 같은 src 의 중복 load 는 자연스럽게 dedupe 됩니다.
+
+var loadedRequests = new Map();
 function loadTossPayments(clientKey) {
   var loadOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var _loadOptions$src = loadOptions.src,
@@ -268,14 +292,44 @@ function loadTossPayments(clientKey) {
   if (typeof window === 'undefined') {
     // XXX(@HyunSeob): SSR할 때 생성자가 사용되는 경우 에러를 발생시키지 않는대신 정상적인 인스턴스를 반환하지 않는다.
     return Promise.resolve({});
-  } // regenerator-runtime 의존성을 없애기 위해 `async` 키워드를 사용하지 않는다
+  }
 
+  loadedRequests.set(src, {
+    src: src,
+    namespace: NAMESPACE
+  }); // regenerator-runtime 의존성을 없애기 위해 `async` 키워드를 사용하지 않는다
 
-  return loadScript(src, 'TossPayments').then(function (TossPayments) {
+  return loadScript(src, NAMESPACE).then(function (TossPayments) {
     return TossPayments(clientKey);
   });
 }
 
+function clearTossPayments() {
+  var _defaultScript$parent;
+
+  if (typeof document === 'undefined' || typeof window === 'undefined') {
+    return;
+  }
+
+  loadedRequests.forEach(function (_ref) {
+    var _script$parentElement;
+
+    var src = _ref.src,
+        namespace = _ref.namespace;
+    var script = document.querySelector("script[src=\"".concat(src, "\"]"));
+    script === null || script === void 0 ? void 0 : (_script$parentElement = script.parentElement) === null || _script$parentElement === void 0 ? void 0 : _script$parentElement.removeChild(script);
+    clearCache(src, namespace);
+  });
+  loadedRequests.clear(); // fallback: loadTossPayments 를 거치지 않고 HTML inline / SSR / 다른 코드 경로로 직접 inject 된
+  // default SCRIPT_URL 스크립트도 함께 정리합니다. (기존 동작 호환)
+
+  var defaultScript = document.querySelector("script[src=\"".concat(SCRIPT_URL, "\"]"));
+  defaultScript === null || defaultScript === void 0 ? void 0 : (_defaultScript$parent = defaultScript.parentElement) === null || _defaultScript$parent === void 0 ? void 0 : _defaultScript$parent.removeChild(defaultScript); // TODO: public interface에서 TossPayments의 global declaration 추가한 뒤 제거 예정입니다
+  // @ts-ignore
+
+  delete window.TossPayments;
+}
+
 var ANONYMOUS = '@@ANONYMOUS';
 
 export { ANONYMOUS, clearTossPayments, loadTossPayments };

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "@tosspayments/tosspayments-sdk",
   "description": "TossPayments.js Tosspayments SDK.",
-  "version": "2.7.0",
+  "version": "2.7.1",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./package.json": "./package.json"
+  },
   "author": "Toss Payments",
   "repository": {
     "type": "git",
@@ -25,7 +33,7 @@
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-typescript": "^8.3.0",
-    "@tosspayments/sdk-loader": "workspace:packages/sdk-loader",
+    "@tosspayments/sdk-loader": "workspace:^",
     "@tosspayments/standard-public-interfaces": "2.9.0",
     "happy-dom": "^14.12.3",
     "prettier": "^2.0.2",