@imtbl/sdk 1.4.0-alpha.2 → 1.4.1-alpha.1

package/dist/browser/checkout/retry-254e3478.js

@@ -1,58 +0,0 @@
-import { useBrowserLayoutEffect } from '@biom3/react';
-import { useRef, useEffect } from 'react';
-
-// Inspired by https://usehooks-ts.com/react-hook/use-interval
-function useInterval(callback, delay) {
-    const savedCallback = useRef(callback);
-    const interval = useRef(0);
-    // Remember the latest callback if it changes.
-    useBrowserLayoutEffect(() => {
-        savedCallback.current = callback;
-    }, [callback]);
-    // Set up the interval.
-    useEffect(() => {
-        // Don't schedule if no delay is specified.
-        // Note: 0 is a valid value for delay.
-        if (!delay && delay !== 0) {
-            return;
-        }
-        interval.current = setInterval(() => savedCallback.current(), delay);
-        // eslint-disable-next-line consistent-return
-        return () => { clearInterval(interval.current); };
-    }, [delay]);
-    return () => {
-        if (interval.current) {
-            clearInterval(interval.current);
-        }
-    };
-}
-
-// eslint-disable-next-line no-promise-executor-return
-const sleep = (ms = 0) => ms && new Promise((resolve) => setTimeout(resolve, ms));
-const retry = async (fn, { retries, retryIntervalMs, nonRetryable, nonRetryableSilently, }) => {
-    let currentRetries = retries;
-    try {
-        return await fn();
-    }
-    catch (error) {
-        if (nonRetryableSilently && nonRetryableSilently(error))
-            return undefined;
-        if (nonRetryable && nonRetryable(error))
-            throw error;
-        if (currentRetries !== undefined) {
-            if (currentRetries <= 0) {
-                throw error;
-            }
-            currentRetries -= 1;
-        }
-        await sleep(retryIntervalMs);
-        return retry(fn, {
-            retries: currentRetries,
-            retryIntervalMs,
-            nonRetryable,
-            nonRetryableSilently,
-        });
-    }
-};
-
-export { retry as r, useInterval as u };

package/dist/browser/checkout/useTransakEvents-54a554e5.js

@@ -1,150 +0,0 @@
-import { useState, useRef, useCallback, useEffect } from 'react';
-import * as url from 'url';
-import { u as useAnalytics } from './index-4511315b.js';
-
-/* eslint-disable @typescript-eslint/naming-convention */
-var TransakEvents;
-(function (TransakEvents) {
-    /**
-     * transak widget initialised
-     */
-    TransakEvents["TRANSAK_WIDGET_INITIALISED"] = "TRANSAK_WIDGET_INITIALISED";
-    /**
-     * transak widget loaded
-     */
-    TransakEvents["TRANSAK_WIDGET_OPEN"] = "TRANSAK_WIDGET_OPEN";
-    /**
-     * order created and awaiting payment from payment
-     */
-    TransakEvents["TRANSAK_ORDER_CREATED"] = "TRANSAK_ORDER_CREATED";
-    /**
-     * order successfully submitted or completed
-     */
-    TransakEvents["TRANSAK_ORDER_SUCCESSFUL"] = "TRANSAK_ORDER_SUCCESSFUL";
-    /**
-     * order processing failed
-     */
-    TransakEvents["TRANSAK_ORDER_FAILED"] = "TRANSAK_ORDER_FAILED";
-})(TransakEvents || (TransakEvents = {}));
-var TransakStatuses;
-(function (TransakStatuses) {
-    TransakStatuses["PROCESSING"] = "PROCESSING";
-    TransakStatuses["COMPLETED"] = "COMPLETED";
-})(TransakStatuses || (TransakStatuses = {}));
-
-const TRANSAK_ORIGIN = ['global.transak.com', 'global-stg.transak.com'];
-const FAILED_TO_LOAD_TIMEOUT_IN_MS = 10000;
-const ANALYTICS_EVENTS = {
-    [TransakEvents.TRANSAK_WIDGET_OPEN]: {
-        screen: 'InputScreen',
-        control: 'TransakWidgetOpen',
-        controlType: 'IframeEvent',
-    },
-    [TransakEvents.TRANSAK_ORDER_CREATED]: {
-        screen: 'InputScreen',
-        control: 'OrderCreated',
-        controlType: 'IframeEvent',
-    },
-    [`${TransakEvents.TRANSAK_ORDER_SUCCESSFUL}${TransakStatuses.PROCESSING}`]: {
-        screen: 'OrderInProgress',
-        control: 'PaymentProcessing',
-        controlType: 'IframeEvent',
-    },
-    [`${TransakEvents.TRANSAK_ORDER_SUCCESSFUL}${TransakStatuses.COMPLETED}`]: {
-        screen: 'Success',
-        control: 'PaymentCompleted',
-        controlType: 'IframeEvent',
-    },
-    [TransakEvents.TRANSAK_ORDER_FAILED]: {
-        screen: 'Failure',
-        control: 'PaymentFailed',
-        controlType: 'IframeEvent',
-    },
-};
-const useTransakEvents = (props) => {
-    const { track } = useAnalytics();
-    const { userJourney, ref, email, userId, isPassportWallet, failedToLoadTimeoutInMs, onFailedToLoad, } = props;
-    const [initialised, setInitialsed] = useState(false);
-    const failedToLoadTimeout = failedToLoadTimeoutInMs || FAILED_TO_LOAD_TIMEOUT_IN_MS;
-    const timeout = useRef(undefined);
-    const onInit = (data) => {
-        setInitialsed(true);
-        clearTimeout(timeout.current);
-        timeout.current = undefined;
-        props.onInit?.(data);
-    };
-    const onLoad = () => {
-        if (onFailedToLoad === undefined)
-            return;
-        if (timeout.current === undefined && !initialised) {
-            timeout.current = setTimeout(() => {
-                if (!initialised)
-                    onFailedToLoad();
-            }, failedToLoadTimeout);
-        }
-    };
-    const handleAnalyticsEvent = useCallback((event) => {
-        const type = event.event_id;
-        const key = [TransakEvents.TRANSAK_ORDER_SUCCESSFUL].includes(type)
-            ? `${type}${event.data.status}`
-            : type;
-        const eventData = ANALYTICS_EVENTS?.[key] || {};
-        if (Object.keys(eventData).length >= 0) {
-            track({
-                ...eventData,
-                userJourney,
-                extras: {
-                    email,
-                    userId,
-                    isPassportWallet,
-                },
-            });
-        }
-    }, []);
-    const handleEvents = useCallback((event) => {
-        switch (event.event_id) {
-            case TransakEvents.TRANSAK_WIDGET_INITIALISED:
-                onInit(event.data);
-                break;
-            case TransakEvents.TRANSAK_WIDGET_OPEN:
-                props.onOpen?.(event.data);
-                break;
-            case TransakEvents.TRANSAK_ORDER_CREATED:
-                props.onOrderCreated?.(event.data);
-                break;
-            case TransakEvents.TRANSAK_ORDER_SUCCESSFUL:
-                if (event.data.status === TransakStatuses.PROCESSING) {
-                    props.onOrderProcessing?.(event.data);
-                }
-                if (event.data.status === TransakStatuses.COMPLETED) {
-                    props.onOrderCompleted?.(event.data);
-                }
-                break;
-            case TransakEvents.TRANSAK_ORDER_FAILED:
-                props.onOrderFailed?.(event.data);
-                break;
-        }
-    }, []);
-    const handleMessageEvent = useCallback((event) => {
-        const host = url.parse(event.origin)?.host?.toLowerCase();
-        const isTransakEvent = event.source === ref?.current?.contentWindow
-            && host && TRANSAK_ORIGIN.includes(host);
-        if (!isTransakEvent)
-            return;
-        handleAnalyticsEvent(event.data);
-        handleEvents(event.data);
-        console.log('@@@ Transak event', event); // eslint-disable-line no-console
-    }, [ref]);
-    useEffect(() => {
-        window.addEventListener('message', handleMessageEvent);
-        return () => {
-            clearTimeout(timeout.current);
-            window.removeEventListener('message', handleMessageEvent);
-        };
-    }, []);
-    return {
-        initialised, onLoad,
-    };
-};
-
-export { TRANSAK_ORIGIN as T, useTransakEvents as u };