@upbudget/belvo-js
Version:
React component for Belvo
76 lines • 2.85 kB
JavaScript
;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var use_belvo_script_exports = {};
__export(use_belvo_script_exports, {
useBelvoScript: () => useBelvoScript
});
module.exports = __toCommonJS(use_belvo_script_exports);
var import_react = require("react");
var import_types = require("../types");
const BELVO_SCRIPT_SRC = "https://cdn.belvo.io/belvo-widget-1-stable.js";
function useBelvoScript(src = BELVO_SCRIPT_SRC, analytics) {
const [ready, setReady] = (0, import_react.useState)(false);
const [error, setError] = (0, import_react.useState)(null);
(0, import_react.useEffect)(() => {
const existingScript = document.querySelector(
`script[src="${src}"]`
);
if (existingScript) {
if (window.belvoSDK) {
setReady(true);
return void 0;
}
const handleLoad = () => {
analytics?.track(import_types.BelvoEvents.SCRIPT_LOADED);
setReady(true);
};
const handleError = () => {
const err = new Error(`Failed to load ${src}`);
analytics?.track(import_types.BelvoEvents.SCRIPT_ERROR, { error: err.message });
setError(err);
};
existingScript.addEventListener("load", handleLoad);
existingScript.addEventListener("error", handleError);
return () => {
existingScript.removeEventListener("load", handleLoad);
existingScript.removeEventListener("error", handleError);
};
}
const script = document.createElement("script");
script.src = src;
script.async = true;
script.onload = () => {
analytics?.track(import_types.BelvoEvents.SCRIPT_LOADED);
setReady(true);
};
script.onerror = () => {
const err = new Error(`Failed to load ${src}`);
analytics?.track(import_types.BelvoEvents.SCRIPT_ERROR, { error: err.message });
setError(err);
};
document.body.appendChild(script);
return void 0;
}, [src, analytics]);
return { ready, error };
}
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
useBelvoScript
});
//# sourceMappingURL=use-belvo-script.js.map