rebill-web-components-sdk 1.10.13 → 1.11.0-beta.1

package/dist/collection/utils/resource-injector.js

@@ -0,0 +1,118 @@
+/**
+ * Utility functions for injecting custom CSS and JavaScript resources into the document
+ */
+/**
+ * Checks if a string is a URL (http, https, or protocol-relative)
+ */
+function isUrl(content) {
+    return (content.startsWith('http://') || content.startsWith('https://') || content.startsWith('//'));
+}
+/**
+ * Generates a unique ID for injected resources
+ */
+function generateResourceId(prefix) {
+    return `${prefix}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+}
+/**
+ * Creates a CSS link element for loading CSS from a URL
+ */
+function createCssLinkElement(url, id) {
+    const linkElement = document.createElement('link');
+    linkElement.rel = 'stylesheet';
+    linkElement.href = url;
+    linkElement.id = id;
+    linkElement.setAttribute('data-rebill-injected', 'true');
+    return linkElement;
+}
+/**
+ * Creates a style element for injecting raw CSS
+ */
+function createStyleElement(css, id) {
+    const styleElement = document.createElement('style');
+    styleElement.id = id;
+    styleElement.setAttribute('data-rebill-injected', 'true');
+    styleElement.textContent = css;
+    return styleElement;
+}
+/**
+ * Creates a script element for loading JavaScript from a URL
+ */
+function createScriptLinkElement(url, id) {
+    const scriptElement = document.createElement('script');
+    scriptElement.src = url;
+    scriptElement.id = id;
+    scriptElement.setAttribute('data-rebill-injected', 'true');
+    scriptElement.async = true;
+    return scriptElement;
+}
+/**
+ * Creates a script element for injecting raw JavaScript
+ */
+function createScriptElement(js, id) {
+    const scriptElement = document.createElement('script');
+    scriptElement.id = id;
+    scriptElement.setAttribute('data-rebill-injected', 'true');
+    scriptElement.textContent = js;
+    return scriptElement;
+}
+/**
+ * Removes an injected resource element from the DOM
+ */
+function removeInjectedResource(element) {
+    if (!element) {
+        return;
+    }
+    try {
+        element.remove();
+    }
+    catch (error) {
+        console.warn('Error removing injected resource:', error);
+    }
+}
+/**
+ * Injects custom CSS into the document
+ * @param css - CSS content (raw CSS string or URL)
+ * @param existingElement - Optional existing injected element to clean up first
+ * @returns The injected element or null if no CSS was provided
+ */
+export function injectCSS(css, existingElement = null) {
+    if (!css) {
+        return null;
+    }
+    // Clean up existing element if provided
+    removeInjectedResource(existingElement);
+    const cssId = generateResourceId('rebill-checkout-css');
+    const element = isUrl(css) ? createCssLinkElement(css, cssId) : createStyleElement(css, cssId);
+    document.head.appendChild(element);
+    return element;
+}
+/**
+ * Injects custom JavaScript into the document
+ * @param js - JavaScript content (raw JS string or URL)
+ * @param existingElement - Optional existing injected element to clean up first
+ * @returns The injected element or null if no JS was provided
+ */
+export function injectJS(js, existingElement = null) {
+    if (!js) {
+        return null;
+    }
+    // Clean up existing element if provided
+    removeInjectedResource(existingElement);
+    const jsId = generateResourceId('rebill-checkout-js');
+    const element = isUrl(js) ? createScriptLinkElement(js, jsId) : createScriptElement(js, jsId);
+    document.head.appendChild(element);
+    return element;
+}
+/**
+ * Cleans up injected CSS element
+ */
+export function cleanupCSS(element) {
+    removeInjectedResource(element);
+}
+/**
+ * Cleans up injected JavaScript element
+ */
+export function cleanupJS(element) {
+    removeInjectedResource(element);
+}
+//# sourceMappingURL=resource-injector.js.map

package/dist/collection/utils/resource-injector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resource-injector.js","sourceRoot":"","sources":["../../src/utils/resource-injector.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Utility functions for injecting custom CSS and JavaScript resources into the document\n */\n\nexport interface InjectedResource {\n  element: HTMLElement;\n  id: string;\n}\n\n/**\n * Checks if a string is a URL (http, https, or protocol-relative)\n */\nfunction isUrl(content: string): boolean {\n  return (\n    content.startsWith('http://') || content.startsWith('https://') || content.startsWith('//')\n  );\n}\n\n/**\n * Generates a unique ID for injected resources\n */\nfunction generateResourceId(prefix: string): string {\n  return `${prefix}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;\n}\n\n/**\n * Creates a CSS link element for loading CSS from a URL\n */\nfunction createCssLinkElement(url: string, id: string): HTMLLinkElement {\n  const linkElement = document.createElement('link');\n  linkElement.rel = 'stylesheet';\n  linkElement.href = url;\n  linkElement.id = id;\n  linkElement.setAttribute('data-rebill-injected', 'true');\n  return linkElement;\n}\n\n/**\n * Creates a style element for injecting raw CSS\n */\nfunction createStyleElement(css: string, id: string): HTMLStyleElement {\n  const styleElement = document.createElement('style');\n  styleElement.id = id;\n  styleElement.setAttribute('data-rebill-injected', 'true');\n  styleElement.textContent = css;\n  return styleElement;\n}\n\n/**\n * Creates a script element for loading JavaScript from a URL\n */\nfunction createScriptLinkElement(url: string, id: string): HTMLScriptElement {\n  const scriptElement = document.createElement('script');\n  scriptElement.src = url;\n  scriptElement.id = id;\n  scriptElement.setAttribute('data-rebill-injected', 'true');\n  scriptElement.async = true;\n  return scriptElement;\n}\n\n/**\n * Creates a script element for injecting raw JavaScript\n */\nfunction createScriptElement(js: string, id: string): HTMLScriptElement {\n  const scriptElement = document.createElement('script');\n  scriptElement.id = id;\n  scriptElement.setAttribute('data-rebill-injected', 'true');\n  scriptElement.textContent = js;\n  return scriptElement;\n}\n\n/**\n * Removes an injected resource element from the DOM\n */\nfunction removeInjectedResource(element: HTMLElement | null): void {\n  if (!element) {\n    return;\n  }\n\n  try {\n    element.remove();\n  } catch (error) {\n    console.warn('Error removing injected resource:', error);\n  }\n}\n\n/**\n * Injects custom CSS into the document\n * @param css - CSS content (raw CSS string or URL)\n * @param existingElement - Optional existing injected element to clean up first\n * @returns The injected element or null if no CSS was provided\n */\nexport function injectCSS(\n  css: string | undefined,\n  existingElement: HTMLElement | null = null,\n): HTMLStyleElement | HTMLLinkElement | null {\n  if (!css) {\n    return null;\n  }\n\n  // Clean up existing element if provided\n  removeInjectedResource(existingElement);\n\n  const cssId = generateResourceId('rebill-checkout-css');\n  const element = isUrl(css) ? createCssLinkElement(css, cssId) : createStyleElement(css, cssId);\n\n  document.head.appendChild(element);\n  return element;\n}\n\n/**\n * Injects custom JavaScript into the document\n * @param js - JavaScript content (raw JS string or URL)\n * @param existingElement - Optional existing injected element to clean up first\n * @returns The injected element or null if no JS was provided\n */\nexport function injectJS(\n  js: string | undefined,\n  existingElement: HTMLElement | null = null,\n): HTMLScriptElement | null {\n  if (!js) {\n    return null;\n  }\n\n  // Clean up existing element if provided\n  removeInjectedResource(existingElement);\n\n  const jsId = generateResourceId('rebill-checkout-js');\n  const element = isUrl(js) ? createScriptLinkElement(js, jsId) : createScriptElement(js, jsId);\n\n  document.head.appendChild(element);\n  return element;\n}\n\n/**\n * Cleans up injected CSS element\n */\nexport function cleanupCSS(element: HTMLElement | null): void {\n  removeInjectedResource(element);\n}\n\n/**\n * Cleans up injected JavaScript element\n */\nexport function cleanupJS(element: HTMLElement | null): void {\n  removeInjectedResource(element);\n}\n"]}