@tosspayments/tosspayments-sdk 0.1.1-alpha.1 → 0.1.1-alpha.3.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

@@ -8,53 +8,269 @@ 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);
+  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;
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+  if (Reflect.construct.sham) return false;
+  if (typeof Proxy === "function") return true;
+
+  try {
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+function _construct(Parent, args, Class) {
+  if (_isNativeReflectConstruct()) {
+    _construct = Reflect.construct;
+  } else {
+    _construct = function _construct(Parent, args, Class) {
+      var a = [null];
+      a.push.apply(a, args);
+      var Constructor = Function.bind.apply(Parent, a);
+      var instance = new Constructor();
+      if (Class) _setPrototypeOf(instance, Class.prototype);
+      return instance;
+    };
+  }
+
+  return _construct.apply(null, arguments);
+}
+
+function _isNativeFunction(fn) {
+  return Function.toString.call(fn).indexOf("[native code]") !== -1;
+}
+
+function _wrapNativeSuper(Class) {
+  var _cache = typeof Map === "function" ? new Map() : undefined;
+
+  _wrapNativeSuper = function _wrapNativeSuper(Class) {
+    if (Class === null || !_isNativeFunction(Class)) return Class;
+
+    if (typeof Class !== "function") {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    if (typeof _cache !== "undefined") {
+      if (_cache.has(Class)) return _cache.get(Class);
+
+      _cache.set(Class, Wrapper);
+    }
+
+    function Wrapper() {
+      return _construct(Class, arguments, _getPrototypeOf(this).constructor);
+    }
+
+    Wrapper.prototype = Object.create(Class.prototype, {
+      constructor: {
+        value: Wrapper,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    return _setPrototypeOf(Wrapper, Class);
+  };
+
+  return _wrapNativeSuper(Class);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === "object" || typeof call === "function")) {
+    return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _createSuper(Derived) {
+  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+  return function _createSuperInternal() {
+    var Super = _getPrototypeOf(Derived),
+        result;
+
+    if (hasNativeReflectConstruct) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+
+    return _possibleConstructorReturn(this, result);
+  };
+}
+
+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) {
+  // Return the cached Promise if it exists
+  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 NamespaceNotAvailableError(namespace));
+        }
+      };
 
-  var script = document.createElement('script');
-  script.src = src;
+      var onError = function onError() {
+        reject(new ScriptLoadFailedError(src));
+      };
 
-  if (options.priority !== undefined) {
-    script.fetchPriority = options.priority;
-  }
+      // Handle SSR
+      if (typeof window === 'undefined' || typeof document === 'undefined') {
+        return resolve(null);
+      } // If the SDK instance already exists in the global namespace, resolve with it
+
+
+      if (getNamespace(namespace) != null) {
+        return resolve(getNamespace(namespace));
+      } // if script exists, but we are reloading due to an error,
+      // reload script to trigger 'load' event
 
-  cachedPromise = new Promise(function (resolve, reject) {
-    script.onload = function () {
-      var loadedNamespace = getNamespace(namespace);
 
-      if (loadedNamespace !== undefined) {
-        resolve(loadedNamespace);
-      } else {
-        reject(new Error("[TossPayments SDK] Failed to load script: [".concat(src, "]")));
+      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);
       }
-    };
 
-    script.onerror = function () {
-      reject(new Error("[TossPayments SDK] Failed to load script: [".concat(src, "]")));
-    };
+      var script = document.createElement('script');
+      script.src = src;
+      script.addEventListener('load', onLoad);
+      script.addEventListener('error', onError);
 
-    document.head.appendChild(script);
+      if (options.priority != null) {
+        script.fetchPriority = options.priority;
+      }
+
+      document.head.appendChild(script);
+    } catch (error) {
+      reject(error);
+      return;
+    }
+  }); // Reset the cache if the Promise is rejected
+
+  cachedPromise = promise["catch"](function (error) {
+    cachedPromise = null;
+    return Promise.reject(error);
   });
   return cachedPromise;
 }
 
 function getNamespace(name) {
   return window[name];
-}
+} // TODO: test용 유틸을 export 하는 대신 다른 방식을 사용해야함
+// Test용
+// export function clearCache() {
+//   cachedPromise = null;
+// }
+// // Test용
+// export function getCachedPromise() {
+//   return cachedPromise;
+// }
+
+
+var NamespaceNotAvailableError = /*#__PURE__*/function (_Error) {
+  _inherits(NamespaceNotAvailableError, _Error);
+
+  var _super = _createSuper(NamespaceNotAvailableError);
+
+  function NamespaceNotAvailableError(namespace) {
+    var _this;
+
+    _classCallCheck(this, NamespaceNotAvailableError);
+
+    _this = _super.call(this, "[TossPayments SDK] ".concat(namespace, " is not available"));
+    _this.name = 'NamespaceNotAvailableError';
+    return _this;
+  }
+
+  return NamespaceNotAvailableError;
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+var ScriptLoadFailedError = /*#__PURE__*/function (_Error2) {
+  _inherits(ScriptLoadFailedError, _Error2);
+
+  var _super2 = _createSuper(ScriptLoadFailedError);
+
+  function ScriptLoadFailedError(src) {
+    var _this2;
+
+    _classCallCheck(this, ScriptLoadFailedError);
+
+    _this2 = _super2.call(this, "[TossPayments SDK] Failed to load script: [".concat(src, "]"));
+    _this2.name = 'ScriptLoadFailedError';
+    return _this2;
+  }
+
+  return ScriptLoadFailedError;
+}( /*#__PURE__*/_wrapNativeSuper(Error));
 
 function loadTossPayments(clientKey) {
   var loadOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/dist/index.esm.js

@@ -4,53 +4,269 @@ 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);
+  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;
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _inherits(subClass, superClass) {
+  if (typeof superClass !== "function" && superClass !== null) {
+    throw new TypeError("Super expression must either be null or a function");
+  }
+
+  subClass.prototype = Object.create(superClass && superClass.prototype, {
+    constructor: {
+      value: subClass,
+      writable: true,
+      configurable: true
+    }
+  });
+  if (superClass) _setPrototypeOf(subClass, superClass);
+}
+
+function _getPrototypeOf(o) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+    return o.__proto__ || Object.getPrototypeOf(o);
+  };
+  return _getPrototypeOf(o);
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+
+  return _setPrototypeOf(o, p);
+}
+
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+  if (Reflect.construct.sham) return false;
+  if (typeof Proxy === "function") return true;
+
+  try {
+    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
+function _construct(Parent, args, Class) {
+  if (_isNativeReflectConstruct()) {
+    _construct = Reflect.construct;
+  } else {
+    _construct = function _construct(Parent, args, Class) {
+      var a = [null];
+      a.push.apply(a, args);
+      var Constructor = Function.bind.apply(Parent, a);
+      var instance = new Constructor();
+      if (Class) _setPrototypeOf(instance, Class.prototype);
+      return instance;
+    };
+  }
+
+  return _construct.apply(null, arguments);
+}
+
+function _isNativeFunction(fn) {
+  return Function.toString.call(fn).indexOf("[native code]") !== -1;
+}
+
+function _wrapNativeSuper(Class) {
+  var _cache = typeof Map === "function" ? new Map() : undefined;
+
+  _wrapNativeSuper = function _wrapNativeSuper(Class) {
+    if (Class === null || !_isNativeFunction(Class)) return Class;
+
+    if (typeof Class !== "function") {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    if (typeof _cache !== "undefined") {
+      if (_cache.has(Class)) return _cache.get(Class);
+
+      _cache.set(Class, Wrapper);
+    }
+
+    function Wrapper() {
+      return _construct(Class, arguments, _getPrototypeOf(this).constructor);
+    }
+
+    Wrapper.prototype = Object.create(Class.prototype, {
+      constructor: {
+        value: Wrapper,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    return _setPrototypeOf(Wrapper, Class);
+  };
+
+  return _wrapNativeSuper(Class);
+}
+
+function _assertThisInitialized(self) {
+  if (self === void 0) {
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  }
+
+  return self;
+}
+
+function _possibleConstructorReturn(self, call) {
+  if (call && (typeof call === "object" || typeof call === "function")) {
+    return call;
+  } else if (call !== void 0) {
+    throw new TypeError("Derived constructors may only return object or undefined");
+  }
+
+  return _assertThisInitialized(self);
+}
+
+function _createSuper(Derived) {
+  var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
+  return function _createSuperInternal() {
+    var Super = _getPrototypeOf(Derived),
+        result;
+
+    if (hasNativeReflectConstruct) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+
+    return _possibleConstructorReturn(this, result);
+  };
+}
+
+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) {
+  // Return the cached Promise if it exists
+  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 NamespaceNotAvailableError(namespace));
+        }
+      };
 
-  var script = document.createElement('script');
-  script.src = src;
+      var onError = function onError() {
+        reject(new ScriptLoadFailedError(src));
+      };
 
-  if (options.priority !== undefined) {
-    script.fetchPriority = options.priority;
-  }
+      // Handle SSR
+      if (typeof window === 'undefined' || typeof document === 'undefined') {
+        return resolve(null);
+      } // If the SDK instance already exists in the global namespace, resolve with it
+
+
+      if (getNamespace(namespace) != null) {
+        return resolve(getNamespace(namespace));
+      } // if script exists, but we are reloading due to an error,
+      // reload script to trigger 'load' event
 
-  cachedPromise = new Promise(function (resolve, reject) {
-    script.onload = function () {
-      var loadedNamespace = getNamespace(namespace);
 
-      if (loadedNamespace !== undefined) {
-        resolve(loadedNamespace);
-      } else {
-        reject(new Error("[TossPayments SDK] Failed to load script: [".concat(src, "]")));
+      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);
       }
-    };
 
-    script.onerror = function () {
-      reject(new Error("[TossPayments SDK] Failed to load script: [".concat(src, "]")));
-    };
+      var script = document.createElement('script');
+      script.src = src;
+      script.addEventListener('load', onLoad);
+      script.addEventListener('error', onError);
 
-    document.head.appendChild(script);
+      if (options.priority != null) {
+        script.fetchPriority = options.priority;
+      }
+
+      document.head.appendChild(script);
+    } catch (error) {
+      reject(error);
+      return;
+    }
+  }); // Reset the cache if the Promise is rejected
+
+  cachedPromise = promise["catch"](function (error) {
+    cachedPromise = null;
+    return Promise.reject(error);
   });
   return cachedPromise;
 }
 
 function getNamespace(name) {
   return window[name];
-}
+} // TODO: test용 유틸을 export 하는 대신 다른 방식을 사용해야함
+// Test용
+// export function clearCache() {
+//   cachedPromise = null;
+// }
+// // Test용
+// export function getCachedPromise() {
+//   return cachedPromise;
+// }
+
+
+var NamespaceNotAvailableError = /*#__PURE__*/function (_Error) {
+  _inherits(NamespaceNotAvailableError, _Error);
+
+  var _super = _createSuper(NamespaceNotAvailableError);
+
+  function NamespaceNotAvailableError(namespace) {
+    var _this;
+
+    _classCallCheck(this, NamespaceNotAvailableError);
+
+    _this = _super.call(this, "[TossPayments SDK] ".concat(namespace, " is not available"));
+    _this.name = 'NamespaceNotAvailableError';
+    return _this;
+  }
+
+  return NamespaceNotAvailableError;
+}( /*#__PURE__*/_wrapNativeSuper(Error));
+var ScriptLoadFailedError = /*#__PURE__*/function (_Error2) {
+  _inherits(ScriptLoadFailedError, _Error2);
+
+  var _super2 = _createSuper(ScriptLoadFailedError);
+
+  function ScriptLoadFailedError(src) {
+    var _this2;
+
+    _classCallCheck(this, ScriptLoadFailedError);
+
+    _this2 = _super2.call(this, "[TossPayments SDK] Failed to load script: [".concat(src, "]"));
+    _this2.name = 'ScriptLoadFailedError';
+    return _this2;
+  }
+
+  return ScriptLoadFailedError;
+}( /*#__PURE__*/_wrapNativeSuper(Error));
 
 function loadTossPayments(clientKey) {
   var loadOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tosspayments/tosspayments-sdk",
   "description": "TossPayments.js Tosspayments SDK.",
-  "version": "0.1.1-alpha.1",
+  "version": "0.1.1-alpha.3.0",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
   "types": "types/index.d.ts",
@@ -9,7 +9,7 @@
   "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",
@@ -20,16 +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.1-alpha.0",
+    "@tosspayments/sdk-loader": "1.2.1-alpha.3.0",
     "@tosspayments/standard-public-interfaces": "2.0.0-next.24",
-    "@types/jest": "^27.0.0",
-    "jest": "^27.0.7",
+    "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",
@@ -38,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "61a4736909d1d7df660bb2af567ed46567961e9c"
+  "gitHead": "c558cf206d744750971a2323308b024ff120809a"
 }

package/types/clearTossPayments.d.ts

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