@payscore/web-widget-sdk 0.1.0 → 0.1.1

package/dist/index.d.mts

@@ -14,7 +14,7 @@ declare enum PayscoreWidgetEventType {
 type PayscoreEnvironment = 'staging' | 'production';
 interface PayscoreBaseEvent<T extends PayscoreWidgetEventType = PayscoreWidgetEventType> {
     type: T;
-    timestamp: number;
+    timestamp: string;
     payscore: true;
 }
 

package/dist/index.d.ts

@@ -14,7 +14,7 @@ declare enum PayscoreWidgetEventType {
 type PayscoreEnvironment = 'staging' | 'production';
 interface PayscoreBaseEvent<T extends PayscoreWidgetEventType = PayscoreWidgetEventType> {
     type: T;
-    timestamp: number;
+    timestamp: string;
     payscore: true;
 }
 

package/dist/index.js.map

@@ -1 +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"]}
+{"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: string;\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.map

@@ -1 +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":";AAQO,IAAK,0BAAL,kBAAKA,6BAAL;AACH,EAAAA,yBAAA,8BAA2B;AAC3B,EAAAA,yBAAA,+BAA4B;AAC5B,EAAAA,yBAAA,iCAA8B;AAC9B,EAAAA,yBAAA,kBAAe;AAJP,SAAAA;AAAA,GAAA;;;ACLL,IAAM,uBAAuB;AAC7B,IAAM,0BAA0B;AAEhC,IAAM,yBAA4D;AAAA,EACrE;AAAA,EACA;AACJ;;;ACGA,IAAM,qBAAqB;AAC3B,IAAM,+BAA+B;AACrC,IAAM,8BAA8B;AAE7B,IAAM,2BAAN,MAA+B;AAAA,EAYlC,YAAY,eAA4C;AACpD,UAAM,EAAE,aAAa,aAAa,SAAS,aAAa,QAAQ,IAC5D;AAEJ,QAAI,CAAC,eAAe,CAAC,uBAAuB,SAAS,WAAW,GAAG;AAC/D,YAAM,IAAI;AAAA,QACN;AAAA,MACJ;AAAA,IACJ;AAEA,QAAI,CAAC,aAAa;AACd,YAAM,IAAI;AAAA,QACN;AAAA,MACJ;AAAA,IACJ;AAEA,QAAI,CAAC,aAAa;AACd,YAAM,IAAI;AAAA,QACN;AAAA,MACJ;AAAA,IACJ;AAEA,SAAK,cAAc;AACnB,SAAK,cAAc;AACnB,SAAK,UAAU;AACf,SAAK,cAAc;AACnB,SAAK,UAAU;AAEf,SAAK,eAAe;AAEpB,SAAK,wBAAwB,CAAC,UAAwB;AAClD,WAAK,sBAAsB,KAAK;AAAA,IACpC;AAAA,EACJ;AAAA,EAEA,IAAY,UAAkB;AAC1B,QAAI,CAAC,CAAC,KAAK,SAAS;AAChB,aAAO,KAAK;AAAA,IAChB;AAEA,YAAQ,KAAK,aAAa;AAAA,MACtB,KAAK;AACD,eAAO;AAAA,MACX,KAAK;AACD,eAAO;AAAA,IACf;AAAA,EACJ;AAAA,EAEA,IAAY,YAAY;AACpB,WAAO,GAAG,KAAK,OAAO,eAAe,KAAK,WAAW,UAAU,KAAK,WAAW;AAAA,EACnF;AAAA,EAEA,OAAa;AACT,UAAM,0BAA0B,SAAS;AAAA,MACrC;AAAA,IACJ;AAEA,QAAI,CAAC,CAAC,2BAA2B,KAAK,cAAc;AAChD;AAAA,IACJ;AAEA,SAAK,YAAY;AAAA,EACrB;AAAA,EAEA,UAAgB;AACZ,QAAI,KAAK,cAAc;AACnB,cAAQ,IAAI,8BAA8B;AAC1C;AAAA,IACJ;AAEA,SAAK,cAAc;AAAA,EACvB;AAAA,EAEQ,cAAoB;AACxB,SAAK,cAAc;AAEnB,UAAM,SAAS,SAAS,cAAc,QAAQ;AAE9C,WAAO,aAAa,MAAM,kBAAkB;AAC5C,WAAO,aAAa,SAAS,iBAAiB;AAC9C,WAAO,aAAa,OAAO,KAAK,SAAS;AAEzC,WAAO,iBAAiB,QAAQ,MAAM;AAClC,aAAO,UAAU,IAAI,QAAQ;AAC7B,YAAMC,mBAAkB,OAAO;AAC/B,UAAI,CAAC,CAACA,kBAAiB;AACnB,cAAM,UAAU,SAAS;AAAA,UACrB;AAAA,QACJ;AACA,YAAI,CAAC,CAAC,SAAS;AACX,UAAAA,iBAAgB,YAAY,OAAO;AAAA,QACvC;AAAA,MACJ;AAAA,IACJ,CAAC;AAED,UAAM,kBAAkB,SAAS,cAAc,KAAK;AACpD,oBAAgB,aAAa,MAAM,4BAA4B;AAE/D,UAAM,uBAAuB,SAAS,cAAc,KAAK;AACzD,yBAAqB,aAAa,MAAM,2BAA2B;AAEnE,oBAAgB,YAAY,oBAAoB;AAChD,oBAAgB,YAAY,MAAM;AAElC,aAAS,KAAK,YAAY,eAAe;AAAA,EAC7C;AAAA,EAEQ,gBAAsB;AAC1B,SAAK,eAAe;AAEpB,SAAK,eAAe;AAEpB,UAAM,kBAAkB,SAAS;AAAA,MAC7B;AAAA,IACJ;AACA,QAAI,CAAC,CAAC,iBAAiB;AACnB,eAAS,KAAK,YAAY,eAAe;AAAA,IAC7C;AAEA,SAAK,eAAe;AAAA,EACxB;AAAA,EAEQ,sBACJ,OACI;AAxJZ;AAyJQ,QAAI,CAAC,MAAM,KAAK,UAAU;AACtB;AAAA,IACJ;AAEA,eAAK,YAAL,8BAAe,MAAM,MAAM;AAE3B,QAAI,MAAM,KAAK,wEAA+C;AAC1D,WAAK,QAAQ;AAAA,IACjB;AAAA,EACJ;AAAA,EAEQ,gBAAsB;AAC1B,WAAO,iBAAiB,WAAW,KAAK,qBAAqB;AAAA,EACjE;AAAA,EAEQ,iBAAuB;AAC3B,WAAO,oBAAoB,WAAW,KAAK,qBAAqB;AAAA,EACpE;AACJ;;;AC3KA,OAAO,aAAa,YAAW,SAAS,KAAK,YAAY,SAAS,cAAc,OAAO,CAAC,EAAE,YAAY,SAAS,eAAe,4gDAA4gD,CAAC;","names":["PayscoreWidgetEventType","iframeContainer"]}
+{"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: string;\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

@@ -1,6 +1,6 @@
 {
     "name": "@payscore/web-widget-sdk",
-    "version": "0.1.0",
+    "version": "0.1.1",
     "description": "Payscore Web Widget SDK",
     "main": "./dist/index.js",
     "module": "./dist/index.mjs",