@rebilly/instruments 11.2.0 → 11.3.0

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-## [11.2.0](https://github.com/Rebilly/rebilly/compare/instruments/core-v11.1.0...instruments/core-v11.2.0) (2024-11-20)
+## [11.3.0](https://github.com/Rebilly/rebilly/compare/instruments/core-v11.2.1...instruments/core-v11.3.0) (2024-11-25)
 
 
 ### Features
 
-* **api-metadata, rebilly-js-sdk:** Update resources based on latest api definitions ([#8738](https://github.com/Rebilly/rebilly/issues/8738)) ([6190668](https://github.com/Rebilly/rebilly/commit/61906687f5dd69949d94edd52ed0244cd7493c28))
+* **framepay-npm:** Prepare for publishing, and add error propagation ([#8765](https://github.com/Rebilly/rebilly/issues/8765)) ([b4ab4a5](https://github.com/Rebilly/rebilly/commit/b4ab4a52bba2de2c986b1292896391598194ace8))

package/dist/index.js

@@ -1914,6 +1914,32 @@ const state = (() => {
     }
   };
 })().getInstance();
+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);
+    }
+  });
+}
 /**
   popostmate - A powerful, simple, promise-based postMessage library
   @version v2.0.0
@@ -6262,7 +6288,7 @@ function C$1({ options: e2 }) {
   }
   function o2() {
     const i = {
-      "REB-API-CONSUMER": `${["Rebilly", e2.appName, "js-sdk"].filter((g) => g).join("/")}@6190668`
+      "REB-API-CONSUMER": `${["Rebilly", e2.appName, "js-sdk"].filter((g) => g).join("/")}@b4ab4a5`
     };
     return e2.apiKey && (i["REB-APIKEY"] = e2.apiKey), i;
   }
@@ -17934,23 +17960,6 @@ const setupOptions = ({
   }
   return validOptions;
 };
-async function setupFramepay() {
-  const { _dev } = state.options || {};
-  const urls = {
-    script: (_dev == null ? void 0 : _dev.framePayScriptLink) || "https://framepay.rebilly.com/framepay.js",
-    style: (_dev == null ? void 0 : _dev.framePayStyleLink) || "https://framepay.rebilly.com/framepay.css"
-  };
-  return new Promise((resolve) => {
-    const framepayStyle = document.createElement("link");
-    framepayStyle.setAttribute("href", urls.style);
-    framepayStyle.setAttribute("rel", "stylesheet");
-    document.head.prepend(framepayStyle);
-    const framepayScript = document.createElement("script");
-    framepayScript.setAttribute("src", urls.script);
-    framepayScript.onload = () => resolve();
-    document.head.append(framepayScript);
-  });
-}
 var colorName = {
   "aliceblue": [240, 248, 255],
   "antiquewhite": [250, 235, 215],
@@ -21235,10 +21244,7 @@ function getShadowParent(element) {
   }
   return null;
 }
-async function mount({
-  setupFramepay: setupFramepay$1 = setupFramepay,
-  ...options
-} = {}) {
+async function mount({ ...options } = {}) {
   var _a, _b, _c, _d, _e2, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s2, _t2;
   try {
     state.data = {};
@@ -21265,7 +21271,14 @@ async function mount({
       id: "rebilly-instruments-summary"
     });
     state.loader.startLoading({ id: "rebilly-instruments-form" });
-    const [data] = await Promise.all([fetchData(), setupFramepay$1()]);
+    const { _dev } = state.options || {};
+    const [data] = await Promise.all([
+      fetchData(),
+      loadFramepay({
+        scriptLink: _dev == null ? void 0 : _dev.framePayScriptLink,
+        styleLink: _dev == null ? void 0 : _dev.framePayStyleLink
+      })
+    ]);
     state.data = data;
     events.dataReady.dispatch(state.data);
     state.i18n = setupI18n();