@payscore/web-widget-sdk 0.1.0

package/dist/index.d.mts

@@ -0,0 +1,41 @@
+interface PayscoreWidgetConfiguration {
+    environment: PayscoreEnvironment;
+    screeningId: string;
+    testUrl?: string;
+    widgetToken: string;
+    onEvent?(event: PayscoreBaseEvent): void;
+}
+declare enum PayscoreWidgetEventType {
+    IncomeVerificationLoaded = "payscore/incomeVerification/loaded",
+    IncomeVerificationStarted = "payscore/incomeVerification/started",
+    IncomeVerificationCompleted = "payscore/incomeVerification/completed",
+    WidgetClosed = "payscore/incomeVerification/widgetClosed"
+}
+type PayscoreEnvironment = 'staging' | 'production';
+interface PayscoreBaseEvent<T extends PayscoreWidgetEventType = PayscoreWidgetEventType> {
+    type: T;
+    timestamp: number;
+    payscore: true;
+}
+
+declare class IncomeVerificationWidget {
+    private environment;
+    private isUnmounting;
+    private screeningId;
+    private widgetToken;
+    private testUrl?;
+    private onEvent?;
+    private windowMessageCallback;
+    constructor(configuration: PayscoreWidgetConfiguration);
+    private get baseUrl();
+    private get widgetUrl();
+    load(): void;
+    unmount(): void;
+    private mountIFrame;
+    private unmountIFrame;
+    private handlePayscoreMessage;
+    private setupListener;
+    private removeListener;
+}
+
+export { IncomeVerificationWidget, type PayscoreBaseEvent, type PayscoreEnvironment, type PayscoreWidgetConfiguration, PayscoreWidgetEventType };

package/dist/index.d.ts

@@ -0,0 +1,41 @@
+interface PayscoreWidgetConfiguration {
+    environment: PayscoreEnvironment;
+    screeningId: string;
+    testUrl?: string;
+    widgetToken: string;
+    onEvent?(event: PayscoreBaseEvent): void;
+}
+declare enum PayscoreWidgetEventType {
+    IncomeVerificationLoaded = "payscore/incomeVerification/loaded",
+    IncomeVerificationStarted = "payscore/incomeVerification/started",
+    IncomeVerificationCompleted = "payscore/incomeVerification/completed",
+    WidgetClosed = "payscore/incomeVerification/widgetClosed"
+}
+type PayscoreEnvironment = 'staging' | 'production';
+interface PayscoreBaseEvent<T extends PayscoreWidgetEventType = PayscoreWidgetEventType> {
+    type: T;
+    timestamp: number;
+    payscore: true;
+}
+
+declare class IncomeVerificationWidget {
+    private environment;
+    private isUnmounting;
+    private screeningId;
+    private widgetToken;
+    private testUrl?;
+    private onEvent?;
+    private windowMessageCallback;
+    constructor(configuration: PayscoreWidgetConfiguration);
+    private get baseUrl();
+    private get widgetUrl();
+    load(): void;
+    unmount(): void;
+    private mountIFrame;
+    private unmountIFrame;
+    private handlePayscoreMessage;
+    private setupListener;
+    private removeListener;
+}
+
+export { IncomeVerificationWidget, type PayscoreBaseEvent, type PayscoreEnvironment, type PayscoreWidgetConfiguration, PayscoreWidgetEventType };

package/dist/index.js

@@ -0,0 +1,169 @@
+"use strict";
+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);
+
+// style-loader:src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  IncomeVerificationWidget: () => IncomeVerificationWidget,
+  PayscoreWidgetEventType: () => PayscoreWidgetEventType
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/types/index.ts
+var PayscoreWidgetEventType = /* @__PURE__ */ ((PayscoreWidgetEventType2) => {
+  PayscoreWidgetEventType2["IncomeVerificationLoaded"] = "payscore/incomeVerification/loaded";
+  PayscoreWidgetEventType2["IncomeVerificationStarted"] = "payscore/incomeVerification/started";
+  PayscoreWidgetEventType2["IncomeVerificationCompleted"] = "payscore/incomeVerification/completed";
+  PayscoreWidgetEventType2["WidgetClosed"] = "payscore/incomeVerification/widgetClosed";
+  return PayscoreWidgetEventType2;
+})(PayscoreWidgetEventType || {});
+
+// src/utils.ts
+var PAYSCORE_STAGING_URL = "https://app.staging.payscore.com";
+var PAYSCORE_PRODUCTION_URL = "https://app.payscore.com";
+var AVAILABLE_ENVIRONMENTS = [
+  "production",
+  "staging"
+];
+
+// src/widgets.ts
+var PAYSCORE_WIDGET_ID = "payscore-widget";
+var PAYSCORE_WIDGET_CONTAINER_ID = "payscore-widget-container";
+var PAYSCORE_LOADING_SPINNER_ID = "payscore-loading-spinner";
+var IncomeVerificationWidget = class {
+  constructor(configuration) {
+    const { environment, screeningId, testUrl, widgetToken, onEvent } = configuration;
+    if (!environment || !AVAILABLE_ENVIRONMENTS.includes(environment)) {
+      throw new Error(
+        'Invalid environment configuration for the Payscore Widget, please use either "staging" or "production" as the environment configuration.'
+      );
+    }
+    if (!screeningId) {
+      throw new Error(
+        "screeningId is missing from the Payscore Widget configuration. Please provide a valid screening ID."
+      );
+    }
+    if (!widgetToken) {
+      throw new Error(
+        "widgetToken is missing from the Payscore Widget configuration. Please provide a valid widget token."
+      );
+    }
+    this.environment = environment;
+    this.screeningId = screeningId;
+    this.testUrl = testUrl;
+    this.widgetToken = widgetToken;
+    this.onEvent = onEvent;
+    this.isUnmounting = false;
+    this.windowMessageCallback = (event) => {
+      this.handlePayscoreMessage(event);
+    };
+  }
+  get baseUrl() {
+    if (!!this.testUrl) {
+      return this.testUrl;
+    }
+    switch (this.environment) {
+      case "staging":
+        return PAYSCORE_STAGING_URL;
+      case "production":
+        return PAYSCORE_PRODUCTION_URL;
+    }
+  }
+  get widgetUrl() {
+    return `${this.baseUrl}/screenings/${this.screeningId}?token=${this.widgetToken}`;
+  }
+  load() {
+    const existingWidgetContainer = document.getElementById(
+      PAYSCORE_WIDGET_CONTAINER_ID
+    );
+    if (!!existingWidgetContainer || this.isUnmounting) {
+      return;
+    }
+    this.mountIFrame();
+  }
+  unmount() {
+    if (this.isUnmounting) {
+      console.log("Widget is already unmounting");
+      return;
+    }
+    this.unmountIFrame();
+  }
+  mountIFrame() {
+    this.setupListener();
+    const iframe = document.createElement("iframe");
+    iframe.setAttribute("id", PAYSCORE_WIDGET_ID);
+    iframe.setAttribute("title", "Payscore Widget");
+    iframe.setAttribute("src", this.widgetUrl);
+    iframe.addEventListener("load", () => {
+      iframe.classList.add("loaded");
+      const iframeContainer2 = iframe.parentElement;
+      if (!!iframeContainer2) {
+        const spinner = document.getElementById(
+          PAYSCORE_LOADING_SPINNER_ID
+        );
+        if (!!spinner) {
+          iframeContainer2.removeChild(spinner);
+        }
+      }
+    });
+    const iframeContainer = document.createElement("div");
+    iframeContainer.setAttribute("id", PAYSCORE_WIDGET_CONTAINER_ID);
+    const iframeLoadingSpinner = document.createElement("div");
+    iframeLoadingSpinner.setAttribute("id", PAYSCORE_LOADING_SPINNER_ID);
+    iframeContainer.appendChild(iframeLoadingSpinner);
+    iframeContainer.appendChild(iframe);
+    document.body.appendChild(iframeContainer);
+  }
+  unmountIFrame() {
+    this.isUnmounting = true;
+    this.removeListener();
+    const iframeContainer = document.getElementById(
+      PAYSCORE_WIDGET_CONTAINER_ID
+    );
+    if (!!iframeContainer) {
+      document.body.removeChild(iframeContainer);
+    }
+    this.isUnmounting = false;
+  }
+  handlePayscoreMessage(event) {
+    var _a;
+    if (!event.data.payscore) {
+      return;
+    }
+    (_a = this.onEvent) == null ? void 0 : _a.call(this, event.data, this);
+    if (event.data.type === "payscore/incomeVerification/widgetClosed" /* WidgetClosed */) {
+      this.unmount();
+    }
+  }
+  setupListener() {
+    window.addEventListener("message", this.windowMessageCallback);
+  }
+  removeListener() {
+    window.removeEventListener("message", this.windowMessageCallback);
+  }
+};
+
+// style-loader:src/index.ts
+typeof document === "object" && document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(":root {\n    --payscore-container-z-index: 999999;\n}\n\n#payscore-widget-container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: var(--payscore-container-z-index);\n    background-color: rgba(0, 0, 0, 0.5);\n    animation: fade-in 0.5s forwards;\n}\n\n#payscore-widget {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 90%;\n    height: 90%;\n    border-radius: 10px;\n    transform: translate(-50%, -50%) scale(0);\n\n    @media only screen and (max-width: 1200px) {\n        width: 99.5%;\n        height: 99.5%;\n        min-width: 99.5%;\n        min-height: 99.5%;\n    }\n}\n\n#payscore-widget.loaded {\n    animation: zoom-in 0.5s forwards;\n}\n\n#payscore-loading-spinner {\n    position: absolute;\n    top: calc(40% - 104px);\n    left: calc(50% - 104px);\n    width: 200px;\n    height: 200px;\n    padding: 8px;\n    aspect-ratio: 1;\n    border-radius: 50%;\n    mask: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;\n    -webkit-mask-composite: source-out;\n    mask-composite: subtract;\n    animation: loading-spin 1s infinite linear;\n\n    background-color: #014ffa;\n}\n\n@keyframes fade-in {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes zoom-in {\n    from {\n        transform: translate(-50%, -50%) scale(0);\n    }\n    to {\n        transform: translate(-50%, -50%) scale(1);\n    }\n}\n\n@keyframes loading-spin {\n    to {\n        transform: rotate(1turn);\n    }\n}\n"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IncomeVerificationWidget,
+  PayscoreWidgetEventType
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["style-loader:src/index.ts","../src/types/index.ts","../src/utils.ts","../src/widgets.ts"],"sourcesContent":["typeof document === 'object' &&document.head.appendChild(document.createElement('style')).appendChild(document.createTextNode(\":root {\\n    --payscore-container-z-index: 999999;\\n}\\n\\n#payscore-widget-container {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    z-index: var(--payscore-container-z-index);\\n    background-color: rgba(0, 0, 0, 0.5);\\n    animation: fade-in 0.5s forwards;\\n}\\n\\n#payscore-widget {\\n    position: absolute;\\n    top: 50%;\\n    left: 50%;\\n    width: 90%;\\n    height: 90%;\\n    border-radius: 10px;\\n    transform: translate(-50%, -50%) scale(0);\\n\\n    @media only screen and (max-width: 1200px) {\\n        width: 99.5%;\\n        height: 99.5%;\\n        min-width: 99.5%;\\n        min-height: 99.5%;\\n    }\\n}\\n\\n#payscore-widget.loaded {\\n    animation: zoom-in 0.5s forwards;\\n}\\n\\n#payscore-loading-spinner {\\n    position: absolute;\\n    top: calc(40% - 104px);\\n    left: calc(50% - 104px);\\n    width: 200px;\\n    height: 200px;\\n    padding: 8px;\\n    aspect-ratio: 1;\\n    border-radius: 50%;\\n    mask: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;\\n    -webkit-mask-composite: source-out;\\n    mask-composite: subtract;\\n    animation: loading-spin 1s infinite linear;\\n\\n    background-color: #014ffa;\\n}\\n\\n@keyframes fade-in {\\n    from {\\n        opacity: 0;\\n    }\\n    to {\\n        opacity: 1;\\n    }\\n}\\n\\n@keyframes zoom-in {\\n    from {\\n        transform: translate(-50%, -50%) scale(0);\\n    }\\n    to {\\n        transform: translate(-50%, -50%) scale(1);\\n    }\\n}\\n\\n@keyframes loading-spin {\\n    to {\\n        transform: rotate(1turn);\\n    }\\n}\\n\"))\nexport * from './types/index';\nexport { IncomeVerificationWidget } from './widgets';\n","export interface PayscoreWidgetConfiguration {\n    environment: PayscoreEnvironment;\n    screeningId: string;\n    testUrl?: string;\n    widgetToken: string;\n    onEvent?(event: PayscoreBaseEvent): void;\n}\n\nexport enum PayscoreWidgetEventType {\n    IncomeVerificationLoaded = 'payscore/incomeVerification/loaded',\n    IncomeVerificationStarted = 'payscore/incomeVerification/started',\n    IncomeVerificationCompleted = 'payscore/incomeVerification/completed',\n    WidgetClosed = 'payscore/incomeVerification/widgetClosed',\n}\n\nexport type PayscoreEnvironment = 'staging' | 'production';\n\nexport interface PayscoreBaseEvent<\n    T extends PayscoreWidgetEventType = PayscoreWidgetEventType\n> {\n    type: T;\n    timestamp: number;\n    payscore: true;\n}\n","import { PayscoreEnvironment } from './types';\nimport { Permutations } from './types/utils';\n\nexport const PAYSCORE_STAGING_URL = 'https://app.staging.payscore.com';\nexport const PAYSCORE_PRODUCTION_URL = 'https://app.payscore.com';\n\nexport const AVAILABLE_ENVIRONMENTS: Permutations<PayscoreEnvironment> = [\n    'production',\n    'staging',\n];\n","import {\n    PayscoreBaseEvent,\n    PayscoreEnvironment,\n    PayscoreWidgetConfiguration,\n    PayscoreWidgetEventType,\n} from './types';\nimport {\n    AVAILABLE_ENVIRONMENTS,\n    PAYSCORE_PRODUCTION_URL,\n    PAYSCORE_STAGING_URL,\n} from './utils';\n\nconst PAYSCORE_WIDGET_ID = 'payscore-widget';\nconst PAYSCORE_WIDGET_CONTAINER_ID = 'payscore-widget-container';\nconst PAYSCORE_LOADING_SPINNER_ID = 'payscore-loading-spinner';\n\nexport class IncomeVerificationWidget {\n    private environment: PayscoreEnvironment;\n    private isUnmounting: boolean;\n    private screeningId: string;\n    private widgetToken: string;\n    private testUrl?: string;\n    private onEvent?: (\n        event: PayscoreBaseEvent,\n        widget: IncomeVerificationWidget\n    ) => void;\n    private windowMessageCallback: (event: MessageEvent) => void;\n\n    constructor(configuration: PayscoreWidgetConfiguration) {\n        const { environment, screeningId, testUrl, widgetToken, onEvent } =\n            configuration;\n\n        if (!environment || !AVAILABLE_ENVIRONMENTS.includes(environment)) {\n            throw new Error(\n                'Invalid environment configuration for the Payscore Widget, please use either \"staging\" or \"production\" as the environment configuration.'\n            );\n        }\n\n        if (!screeningId) {\n            throw new Error(\n                'screeningId is missing from the Payscore Widget configuration. Please provide a valid screening ID.'\n            );\n        }\n\n        if (!widgetToken) {\n            throw new Error(\n                'widgetToken is missing from the Payscore Widget configuration. Please provide a valid widget token.'\n            );\n        }\n\n        this.environment = environment;\n        this.screeningId = screeningId;\n        this.testUrl = testUrl;\n        this.widgetToken = widgetToken;\n        this.onEvent = onEvent;\n\n        this.isUnmounting = false;\n\n        this.windowMessageCallback = (event: MessageEvent) => {\n            this.handlePayscoreMessage(event);\n        };\n    }\n\n    private get baseUrl(): string {\n        if (!!this.testUrl) {\n            return this.testUrl;\n        }\n\n        switch (this.environment) {\n            case 'staging':\n                return PAYSCORE_STAGING_URL;\n            case 'production':\n                return PAYSCORE_PRODUCTION_URL;\n        }\n    }\n\n    private get widgetUrl() {\n        return `${this.baseUrl}/screenings/${this.screeningId}?token=${this.widgetToken}`;\n    }\n\n    load(): void {\n        const existingWidgetContainer = document.getElementById(\n            PAYSCORE_WIDGET_CONTAINER_ID\n        );\n\n        if (!!existingWidgetContainer || this.isUnmounting) {\n            return;\n        }\n\n        this.mountIFrame();\n    }\n\n    unmount(): void {\n        if (this.isUnmounting) {\n            console.log('Widget is already unmounting');\n            return;\n        }\n\n        this.unmountIFrame();\n    }\n\n    private mountIFrame(): void {\n        this.setupListener();\n\n        const iframe = document.createElement('iframe');\n\n        iframe.setAttribute('id', PAYSCORE_WIDGET_ID);\n        iframe.setAttribute('title', 'Payscore Widget');\n        iframe.setAttribute('src', this.widgetUrl);\n\n        iframe.addEventListener('load', () => {\n            iframe.classList.add('loaded');\n            const iframeContainer = iframe.parentElement;\n            if (!!iframeContainer) {\n                const spinner = document.getElementById(\n                    PAYSCORE_LOADING_SPINNER_ID\n                );\n                if (!!spinner) {\n                    iframeContainer.removeChild(spinner);\n                }\n            }\n        });\n\n        const iframeContainer = document.createElement('div');\n        iframeContainer.setAttribute('id', PAYSCORE_WIDGET_CONTAINER_ID);\n\n        const iframeLoadingSpinner = document.createElement('div');\n        iframeLoadingSpinner.setAttribute('id', PAYSCORE_LOADING_SPINNER_ID);\n\n        iframeContainer.appendChild(iframeLoadingSpinner);\n        iframeContainer.appendChild(iframe);\n\n        document.body.appendChild(iframeContainer);\n    }\n\n    private unmountIFrame(): void {\n        this.isUnmounting = true;\n\n        this.removeListener();\n\n        const iframeContainer = document.getElementById(\n            PAYSCORE_WIDGET_CONTAINER_ID\n        );\n        if (!!iframeContainer) {\n            document.body.removeChild(iframeContainer);\n        }\n\n        this.isUnmounting = false;\n    }\n\n    private handlePayscoreMessage(\n        event: MessageEvent<PayscoreBaseEvent>\n    ): void {\n        if (!event.data.payscore) {\n            return;\n        }\n\n        this.onEvent?.(event.data, this);\n\n        if (event.data.type === PayscoreWidgetEventType.WidgetClosed) {\n            this.unmount();\n        }\n    }\n\n    private setupListener(): void {\n        window.addEventListener('message', this.windowMessageCallback);\n    }\n\n    private removeListener(): void {\n        window.removeEventListener('message', this.windowMessageCallback);\n    }\n}\n"],"mappings":"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","names":["PayscoreWidgetEventType","iframeContainer"]}

package/dist/index.mjs

@@ -0,0 +1,141 @@
+// src/types/index.ts
+var PayscoreWidgetEventType = /* @__PURE__ */ ((PayscoreWidgetEventType2) => {
+  PayscoreWidgetEventType2["IncomeVerificationLoaded"] = "payscore/incomeVerification/loaded";
+  PayscoreWidgetEventType2["IncomeVerificationStarted"] = "payscore/incomeVerification/started";
+  PayscoreWidgetEventType2["IncomeVerificationCompleted"] = "payscore/incomeVerification/completed";
+  PayscoreWidgetEventType2["WidgetClosed"] = "payscore/incomeVerification/widgetClosed";
+  return PayscoreWidgetEventType2;
+})(PayscoreWidgetEventType || {});
+
+// src/utils.ts
+var PAYSCORE_STAGING_URL = "https://app.staging.payscore.com";
+var PAYSCORE_PRODUCTION_URL = "https://app.payscore.com";
+var AVAILABLE_ENVIRONMENTS = [
+  "production",
+  "staging"
+];
+
+// src/widgets.ts
+var PAYSCORE_WIDGET_ID = "payscore-widget";
+var PAYSCORE_WIDGET_CONTAINER_ID = "payscore-widget-container";
+var PAYSCORE_LOADING_SPINNER_ID = "payscore-loading-spinner";
+var IncomeVerificationWidget = class {
+  constructor(configuration) {
+    const { environment, screeningId, testUrl, widgetToken, onEvent } = configuration;
+    if (!environment || !AVAILABLE_ENVIRONMENTS.includes(environment)) {
+      throw new Error(
+        'Invalid environment configuration for the Payscore Widget, please use either "staging" or "production" as the environment configuration.'
+      );
+    }
+    if (!screeningId) {
+      throw new Error(
+        "screeningId is missing from the Payscore Widget configuration. Please provide a valid screening ID."
+      );
+    }
+    if (!widgetToken) {
+      throw new Error(
+        "widgetToken is missing from the Payscore Widget configuration. Please provide a valid widget token."
+      );
+    }
+    this.environment = environment;
+    this.screeningId = screeningId;
+    this.testUrl = testUrl;
+    this.widgetToken = widgetToken;
+    this.onEvent = onEvent;
+    this.isUnmounting = false;
+    this.windowMessageCallback = (event) => {
+      this.handlePayscoreMessage(event);
+    };
+  }
+  get baseUrl() {
+    if (!!this.testUrl) {
+      return this.testUrl;
+    }
+    switch (this.environment) {
+      case "staging":
+        return PAYSCORE_STAGING_URL;
+      case "production":
+        return PAYSCORE_PRODUCTION_URL;
+    }
+  }
+  get widgetUrl() {
+    return `${this.baseUrl}/screenings/${this.screeningId}?token=${this.widgetToken}`;
+  }
+  load() {
+    const existingWidgetContainer = document.getElementById(
+      PAYSCORE_WIDGET_CONTAINER_ID
+    );
+    if (!!existingWidgetContainer || this.isUnmounting) {
+      return;
+    }
+    this.mountIFrame();
+  }
+  unmount() {
+    if (this.isUnmounting) {
+      console.log("Widget is already unmounting");
+      return;
+    }
+    this.unmountIFrame();
+  }
+  mountIFrame() {
+    this.setupListener();
+    const iframe = document.createElement("iframe");
+    iframe.setAttribute("id", PAYSCORE_WIDGET_ID);
+    iframe.setAttribute("title", "Payscore Widget");
+    iframe.setAttribute("src", this.widgetUrl);
+    iframe.addEventListener("load", () => {
+      iframe.classList.add("loaded");
+      const iframeContainer2 = iframe.parentElement;
+      if (!!iframeContainer2) {
+        const spinner = document.getElementById(
+          PAYSCORE_LOADING_SPINNER_ID
+        );
+        if (!!spinner) {
+          iframeContainer2.removeChild(spinner);
+        }
+      }
+    });
+    const iframeContainer = document.createElement("div");
+    iframeContainer.setAttribute("id", PAYSCORE_WIDGET_CONTAINER_ID);
+    const iframeLoadingSpinner = document.createElement("div");
+    iframeLoadingSpinner.setAttribute("id", PAYSCORE_LOADING_SPINNER_ID);
+    iframeContainer.appendChild(iframeLoadingSpinner);
+    iframeContainer.appendChild(iframe);
+    document.body.appendChild(iframeContainer);
+  }
+  unmountIFrame() {
+    this.isUnmounting = true;
+    this.removeListener();
+    const iframeContainer = document.getElementById(
+      PAYSCORE_WIDGET_CONTAINER_ID
+    );
+    if (!!iframeContainer) {
+      document.body.removeChild(iframeContainer);
+    }
+    this.isUnmounting = false;
+  }
+  handlePayscoreMessage(event) {
+    var _a;
+    if (!event.data.payscore) {
+      return;
+    }
+    (_a = this.onEvent) == null ? void 0 : _a.call(this, event.data, this);
+    if (event.data.type === "payscore/incomeVerification/widgetClosed" /* WidgetClosed */) {
+      this.unmount();
+    }
+  }
+  setupListener() {
+    window.addEventListener("message", this.windowMessageCallback);
+  }
+  removeListener() {
+    window.removeEventListener("message", this.windowMessageCallback);
+  }
+};
+
+// style-loader:src/index.ts
+typeof document === "object" && document.head.appendChild(document.createElement("style")).appendChild(document.createTextNode(":root {\n    --payscore-container-z-index: 999999;\n}\n\n#payscore-widget-container {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: var(--payscore-container-z-index);\n    background-color: rgba(0, 0, 0, 0.5);\n    animation: fade-in 0.5s forwards;\n}\n\n#payscore-widget {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 90%;\n    height: 90%;\n    border-radius: 10px;\n    transform: translate(-50%, -50%) scale(0);\n\n    @media only screen and (max-width: 1200px) {\n        width: 99.5%;\n        height: 99.5%;\n        min-width: 99.5%;\n        min-height: 99.5%;\n    }\n}\n\n#payscore-widget.loaded {\n    animation: zoom-in 0.5s forwards;\n}\n\n#payscore-loading-spinner {\n    position: absolute;\n    top: calc(40% - 104px);\n    left: calc(50% - 104px);\n    width: 200px;\n    height: 200px;\n    padding: 8px;\n    aspect-ratio: 1;\n    border-radius: 50%;\n    mask: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;\n    -webkit-mask-composite: source-out;\n    mask-composite: subtract;\n    animation: loading-spin 1s infinite linear;\n\n    background-color: #014ffa;\n}\n\n@keyframes fade-in {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes zoom-in {\n    from {\n        transform: translate(-50%, -50%) scale(0);\n    }\n    to {\n        transform: translate(-50%, -50%) scale(1);\n    }\n}\n\n@keyframes loading-spin {\n    to {\n        transform: rotate(1turn);\n    }\n}\n"));
+export {
+  IncomeVerificationWidget,
+  PayscoreWidgetEventType
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types/index.ts","../src/utils.ts","../src/widgets.ts","style-loader:src/index.ts"],"sourcesContent":["export interface PayscoreWidgetConfiguration {\n    environment: PayscoreEnvironment;\n    screeningId: string;\n    testUrl?: string;\n    widgetToken: string;\n    onEvent?(event: PayscoreBaseEvent): void;\n}\n\nexport enum PayscoreWidgetEventType {\n    IncomeVerificationLoaded = 'payscore/incomeVerification/loaded',\n    IncomeVerificationStarted = 'payscore/incomeVerification/started',\n    IncomeVerificationCompleted = 'payscore/incomeVerification/completed',\n    WidgetClosed = 'payscore/incomeVerification/widgetClosed',\n}\n\nexport type PayscoreEnvironment = 'staging' | 'production';\n\nexport interface PayscoreBaseEvent<\n    T extends PayscoreWidgetEventType = PayscoreWidgetEventType\n> {\n    type: T;\n    timestamp: number;\n    payscore: true;\n}\n","import { PayscoreEnvironment } from './types';\nimport { Permutations } from './types/utils';\n\nexport const PAYSCORE_STAGING_URL = 'https://app.staging.payscore.com';\nexport const PAYSCORE_PRODUCTION_URL = 'https://app.payscore.com';\n\nexport const AVAILABLE_ENVIRONMENTS: Permutations<PayscoreEnvironment> = [\n    'production',\n    'staging',\n];\n","import {\n    PayscoreBaseEvent,\n    PayscoreEnvironment,\n    PayscoreWidgetConfiguration,\n    PayscoreWidgetEventType,\n} from './types';\nimport {\n    AVAILABLE_ENVIRONMENTS,\n    PAYSCORE_PRODUCTION_URL,\n    PAYSCORE_STAGING_URL,\n} from './utils';\n\nconst PAYSCORE_WIDGET_ID = 'payscore-widget';\nconst PAYSCORE_WIDGET_CONTAINER_ID = 'payscore-widget-container';\nconst PAYSCORE_LOADING_SPINNER_ID = 'payscore-loading-spinner';\n\nexport class IncomeVerificationWidget {\n    private environment: PayscoreEnvironment;\n    private isUnmounting: boolean;\n    private screeningId: string;\n    private widgetToken: string;\n    private testUrl?: string;\n    private onEvent?: (\n        event: PayscoreBaseEvent,\n        widget: IncomeVerificationWidget\n    ) => void;\n    private windowMessageCallback: (event: MessageEvent) => void;\n\n    constructor(configuration: PayscoreWidgetConfiguration) {\n        const { environment, screeningId, testUrl, widgetToken, onEvent } =\n            configuration;\n\n        if (!environment || !AVAILABLE_ENVIRONMENTS.includes(environment)) {\n            throw new Error(\n                'Invalid environment configuration for the Payscore Widget, please use either \"staging\" or \"production\" as the environment configuration.'\n            );\n        }\n\n        if (!screeningId) {\n            throw new Error(\n                'screeningId is missing from the Payscore Widget configuration. Please provide a valid screening ID.'\n            );\n        }\n\n        if (!widgetToken) {\n            throw new Error(\n                'widgetToken is missing from the Payscore Widget configuration. Please provide a valid widget token.'\n            );\n        }\n\n        this.environment = environment;\n        this.screeningId = screeningId;\n        this.testUrl = testUrl;\n        this.widgetToken = widgetToken;\n        this.onEvent = onEvent;\n\n        this.isUnmounting = false;\n\n        this.windowMessageCallback = (event: MessageEvent) => {\n            this.handlePayscoreMessage(event);\n        };\n    }\n\n    private get baseUrl(): string {\n        if (!!this.testUrl) {\n            return this.testUrl;\n        }\n\n        switch (this.environment) {\n            case 'staging':\n                return PAYSCORE_STAGING_URL;\n            case 'production':\n                return PAYSCORE_PRODUCTION_URL;\n        }\n    }\n\n    private get widgetUrl() {\n        return `${this.baseUrl}/screenings/${this.screeningId}?token=${this.widgetToken}`;\n    }\n\n    load(): void {\n        const existingWidgetContainer = document.getElementById(\n            PAYSCORE_WIDGET_CONTAINER_ID\n        );\n\n        if (!!existingWidgetContainer || this.isUnmounting) {\n            return;\n        }\n\n        this.mountIFrame();\n    }\n\n    unmount(): void {\n        if (this.isUnmounting) {\n            console.log('Widget is already unmounting');\n            return;\n        }\n\n        this.unmountIFrame();\n    }\n\n    private mountIFrame(): void {\n        this.setupListener();\n\n        const iframe = document.createElement('iframe');\n\n        iframe.setAttribute('id', PAYSCORE_WIDGET_ID);\n        iframe.setAttribute('title', 'Payscore Widget');\n        iframe.setAttribute('src', this.widgetUrl);\n\n        iframe.addEventListener('load', () => {\n            iframe.classList.add('loaded');\n            const iframeContainer = iframe.parentElement;\n            if (!!iframeContainer) {\n                const spinner = document.getElementById(\n                    PAYSCORE_LOADING_SPINNER_ID\n                );\n                if (!!spinner) {\n                    iframeContainer.removeChild(spinner);\n                }\n            }\n        });\n\n        const iframeContainer = document.createElement('div');\n        iframeContainer.setAttribute('id', PAYSCORE_WIDGET_CONTAINER_ID);\n\n        const iframeLoadingSpinner = document.createElement('div');\n        iframeLoadingSpinner.setAttribute('id', PAYSCORE_LOADING_SPINNER_ID);\n\n        iframeContainer.appendChild(iframeLoadingSpinner);\n        iframeContainer.appendChild(iframe);\n\n        document.body.appendChild(iframeContainer);\n    }\n\n    private unmountIFrame(): void {\n        this.isUnmounting = true;\n\n        this.removeListener();\n\n        const iframeContainer = document.getElementById(\n            PAYSCORE_WIDGET_CONTAINER_ID\n        );\n        if (!!iframeContainer) {\n            document.body.removeChild(iframeContainer);\n        }\n\n        this.isUnmounting = false;\n    }\n\n    private handlePayscoreMessage(\n        event: MessageEvent<PayscoreBaseEvent>\n    ): void {\n        if (!event.data.payscore) {\n            return;\n        }\n\n        this.onEvent?.(event.data, this);\n\n        if (event.data.type === PayscoreWidgetEventType.WidgetClosed) {\n            this.unmount();\n        }\n    }\n\n    private setupListener(): void {\n        window.addEventListener('message', this.windowMessageCallback);\n    }\n\n    private removeListener(): void {\n        window.removeEventListener('message', this.windowMessageCallback);\n    }\n}\n","typeof document === 'object' &&document.head.appendChild(document.createElement('style')).appendChild(document.createTextNode(\":root {\\n    --payscore-container-z-index: 999999;\\n}\\n\\n#payscore-widget-container {\\n    position: fixed;\\n    top: 0;\\n    left: 0;\\n    width: 100%;\\n    height: 100%;\\n    z-index: var(--payscore-container-z-index);\\n    background-color: rgba(0, 0, 0, 0.5);\\n    animation: fade-in 0.5s forwards;\\n}\\n\\n#payscore-widget {\\n    position: absolute;\\n    top: 50%;\\n    left: 50%;\\n    width: 90%;\\n    height: 90%;\\n    border-radius: 10px;\\n    transform: translate(-50%, -50%) scale(0);\\n\\n    @media only screen and (max-width: 1200px) {\\n        width: 99.5%;\\n        height: 99.5%;\\n        min-width: 99.5%;\\n        min-height: 99.5%;\\n    }\\n}\\n\\n#payscore-widget.loaded {\\n    animation: zoom-in 0.5s forwards;\\n}\\n\\n#payscore-loading-spinner {\\n    position: absolute;\\n    top: calc(40% - 104px);\\n    left: calc(50% - 104px);\\n    width: 200px;\\n    height: 200px;\\n    padding: 8px;\\n    aspect-ratio: 1;\\n    border-radius: 50%;\\n    mask: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;\\n    -webkit-mask-composite: source-out;\\n    mask-composite: subtract;\\n    animation: loading-spin 1s infinite linear;\\n\\n    background-color: #014ffa;\\n}\\n\\n@keyframes fade-in {\\n    from {\\n        opacity: 0;\\n    }\\n    to {\\n        opacity: 1;\\n    }\\n}\\n\\n@keyframes zoom-in {\\n    from {\\n        transform: translate(-50%, -50%) scale(0);\\n    }\\n    to {\\n        transform: translate(-50%, -50%) scale(1);\\n    }\\n}\\n\\n@keyframes loading-spin {\\n    to {\\n        transform: rotate(1turn);\\n    }\\n}\\n\"))\nexport * from './types/index';\nexport { IncomeVerificationWidget } from './widgets';\n"],"mappings":"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","names":["PayscoreWidgetEventType","iframeContainer"]}

package/package.json

@@ -0,0 +1,43 @@
+{
+    "name": "@payscore/web-widget-sdk",
+    "version": "0.1.0",
+    "description": "Payscore Web Widget SDK",
+    "main": "./dist/index.js",
+    "module": "./dist/index.mjs",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": {
+            "import": {
+                "default": "./dist/index.mjs"
+            },
+            "require": {
+                "default": "./dist/index.js"
+            }
+        }
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "tsup",
+        "test": "jest --verbose --coverage",
+        "release": "release-it"
+    },
+    "repository": "https://github.com/Payscore/web-widget-sdk",
+    "author": "Payscore",
+    "license": "MIT",
+    "devDependencies": {
+        "@jest/globals": "^29.7.0",
+        "@types/jest": "^29.5.12",
+        "jest": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
+        "release-it": "^17.6.0",
+        "ts-jest": "^29.1.5",
+        "tsup": "^8.1.0",
+        "typescript": "^5.5.2"
+    },
+    "publishConfig": {
+        "registry": "https://registry.npmjs.org",
+        "access": "public"
+    }
+}