@rebilly/framepay 1.0.1

package/dist/index.es.js

@@ -0,0 +1,29 @@
+const DEFAULT_SCRIPT_LINK = "https://framepay.rebilly.com/framepay.js";
+const DEFAULT_STYLE_LINK = "https://framepay.rebilly.com/framepay.css";
+async function loadFramepay({
+  scriptLink,
+  styleLink
+} = {}) {
+  return new Promise((resolve, reject) => {
+    if (window.Framepay) {
+      resolve(window.Framepay);
+    } else {
+      const framepayStyle = document.createElement("link");
+      framepayStyle.setAttribute("href", styleLink ?? DEFAULT_STYLE_LINK);
+      framepayStyle.setAttribute("rel", "stylesheet");
+      document.head.prepend(framepayStyle);
+      const framepayScript = document.createElement("script");
+      framepayScript.setAttribute("src", scriptLink ?? DEFAULT_SCRIPT_LINK);
+      framepayScript.onload = () => resolve(window.Framepay);
+      framepayScript.onerror = () => reject(
+        new Error(
+          "@rebilly/framepay npm package: Failed to load FramePay script"
+        )
+      );
+      document.head.append(framepayScript);
+    }
+  });
+}
+export {
+  loadFramepay
+};

package/dist/index.umd.cjs

@@ -0,0 +1,33 @@
+(function(global, factory) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports) : typeof define === "function" && define.amd ? define(["exports"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.framepay = {}));
+})(this, function(exports2) {
+  "use strict";
+  const DEFAULT_SCRIPT_LINK = "https://framepay.rebilly.com/framepay.js";
+  const DEFAULT_STYLE_LINK = "https://framepay.rebilly.com/framepay.css";
+  async function loadFramepay({
+    scriptLink,
+    styleLink
+  } = {}) {
+    return new Promise((resolve, reject) => {
+      if (window.Framepay) {
+        resolve(window.Framepay);
+      } else {
+        const framepayStyle = document.createElement("link");
+        framepayStyle.setAttribute("href", styleLink ?? DEFAULT_STYLE_LINK);
+        framepayStyle.setAttribute("rel", "stylesheet");
+        document.head.prepend(framepayStyle);
+        const framepayScript = document.createElement("script");
+        framepayScript.setAttribute("src", scriptLink ?? DEFAULT_SCRIPT_LINK);
+        framepayScript.onload = () => resolve(window.Framepay);
+        framepayScript.onerror = () => reject(
+          new Error(
+            "@rebilly/framepay npm package: Failed to load FramePay script"
+          )
+        );
+        document.head.append(framepayScript);
+      }
+    });
+  }
+  exports2.loadFramepay = loadFramepay;
+  Object.defineProperty(exports2, Symbol.toStringTag, { value: "Module" });
+});

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@rebilly/framepay",
+  "version": "1.0.1",
+  "description": "A wrapper to load Rebilly's FramePay library and provide TypeScript types",
+  "type": "module",
+  "license": "MIT",
+  "keywords": [
+    "framepay",
+    "rebilly",
+    "billing",
+    "payment"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "LICENSE"
+  ],
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.cjs"
+    }
+  },
+  "scripts": {
+    "build": "tsc && vite build"
+  },
+  "dependencies": {
+    "@types/applepayjs": "^14.0.8",
+    "@types/googlepay": "^0.7.6",
+    "rebilly-js-sdk": "*"
+  },
+  "devDependencies": {
+    "@rebilly/eslint-config": "*",
+    "@rebilly/framepay-app": "*",
+    "typescript": "^5.4.5",
+    "vite": "^5.4.9",
+    "vite-plugin-dts": "^4.2.4"
+  }
+}