@payabli/components-web 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentHandle, PayabliConstructor } from '@payabli/component-contracts';
+/**
+ * Every partner-facing type is defined once in `@payabli/component-contracts`. The
+ * CDN script implements the same types, so the surface this wrapper advertises
+ * is the one the script is compiled against.
+ */
+export { ErrorCodes } from '@payabli/component-contracts';
+export type { AppearanceOptions, CardBrand, ComponentEventKey, ComponentEventMap, ComponentHandle, ComponentOptions, ComponentType, CreateOptions, ErrorCode, EventMap, MountOptions, PayInEvents, PayInOptions, PayabliConfig, PayabliConstructor, PayabliInstance, PaymentMethodName, Session, SessionEventKey, SessionEventMap, SessionEventPayload, } from '@payabli/component-contracts';
+export type LoadOptions = {
+    scriptSrc?: string;
+    integrity?: string;
+    nonce?: string;
+};
+declare global {
+    interface Window {
+        Payabli?: PayabliConstructor;
+    }
+}
+export declare function loadPayabli(options?: LoadOptions): Promise<PayabliConstructor>;
+export type Payabli = PayabliConstructor;
+export type PayInComponent = ComponentHandle<'payin'>;

package/dist/index.js

@@ -0,0 +1,45 @@
+/**
+ * Every partner-facing type is defined once in `@payabli/component-contracts`. The
+ * CDN script implements the same types, so the surface this wrapper advertises
+ * is the one the script is compiled against.
+ */
+export { ErrorCodes } from '@payabli/component-contracts';
+let loadPromise = null;
+export function loadPayabli(options = {}) {
+    if (typeof window === 'undefined') {
+        throw new Error('loadPayabli must be called in a browser environment.');
+    }
+    if (window.Payabli) {
+        return Promise.resolve(window.Payabli);
+    }
+    if (loadPromise) {
+        return loadPromise;
+    }
+    loadPromise = new Promise((resolve, reject) => {
+        var _a;
+        const script = document.createElement('script');
+        script.src = (_a = options.scriptSrc) !== null && _a !== void 0 ? _a : 'https://cdn.payabli.com/v2/components-web.js';
+        script.async = true;
+        if (options.integrity) {
+            script.integrity = options.integrity;
+            script.crossOrigin = 'anonymous';
+        }
+        if (options.nonce) {
+            script.nonce = options.nonce;
+        }
+        script.onload = () => {
+            if (!window.Payabli) {
+                loadPromise = null;
+                reject(new Error('Payabli script loaded but global was not found.'));
+                return;
+            }
+            resolve(window.Payabli);
+        };
+        script.onerror = () => {
+            loadPromise = null;
+            reject(new Error('Failed to load Payabli script.'));
+        };
+        document.head.appendChild(script);
+    });
+    return loadPromise;
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@payabli/components-web",
+  "version": "0.1.0",
+  "description": "Payabli embedded components SDK for npm. Loads the CDN script and re-exports the typed API.",
+  "private": false,
+  "license": "UNLICENSED",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/payabli/components-web.git",
+    "directory": "packages/npm-wrapper"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/__tests__"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@payabli/component-contracts": "0.1.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "lint": "eslint src",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run"
+  }
+}