zh-web-sdk 2.16.1 → 2.17.0

package/src/utils/auth-to-fund-mapper.ts

@@ -1,174 +0,0 @@
-/**
- * Auth to Fund Event Mapper
- *
- * This module provides utilities to map Connect Auth callbacks to Fund postMessage events
- * for backward compatibility. When using @connect-xyz/auth-react instead of Fund iframe,
- * we need to translate Auth's callback-based API into Fund's postMessage-based API.
- *
- * Mapping:
- * - Auth onLoaded() -> FUND_APP_LOADED
- * - Auth onClose() -> FUND_CLOSE_BUTTON_CLICKED
- * - Auth onDeposit() with success status -> FUND_COMPLETED
- * - Auth onDeposit() with failed status -> FUND_FAILED
- * - Auth onError() -> FUND_ERROR (new event)
- * - Auth onEvent('deposit.submitted') -> FUND_DEPOSIT_SUBMITTED (new event)
- */
-
-import { IncomingMessageType } from "../types";
-
-/**
- * Auth callback types from @connect-xyz/auth-react
- */
-export type AuthDepositPayload = {
-  data: {
-    depositId: string;
-    status: {
-      value: string;
-      details: string;
-      occurredAt: string;
-    };
-    assetId: string;
-    networkId: string;
-    amount?: string;
-  };
-};
-
-export type AuthErrorPayload = {
-  errorCode: string;
-  reason: string;
-};
-
-export type AuthEvent = {
-  type: string;
-  data: {
-    depositId: string;
-  };
-};
-
-/**
- * Creates Auth callbacks that automatically emit Fund-compatible postMessages
- * to the parent window for backward compatibility.
- *
- * @param origin - The origin to send postMessages to (typically window.location.origin)
- * @returns Object with Auth callback functions
- */
-export function createAuthToFundCallbacks(origin: string) {
-  const sendPostMessage = (type: IncomingMessageType, payload?: unknown) => {
-    window.postMessage(
-      {
-        type,
-        payload,
-      },
-      origin
-    );
-  };
-
-  return {
-    /**
-     * Maps Auth onLoaded to FUND_APP_LOADED
-     */
-    onLoaded: () => {
-      sendPostMessage(IncomingMessageType.StyleConfig)
-      sendPostMessage(IncomingMessageType.FundAppLoaded);
-    },
-
-    /**
-     * Maps Auth onClose to FUND_CLOSE_BUTTON_CLICKED
-     */
-    onClose: () => {
-      sendPostMessage(IncomingMessageType.FundCloseButtonClicked);
-    },
-
-    /**
-     * Maps Auth onDeposit to FUND_COMPLETED or FUND_FAILED
-     * based on the deposit status value.
-     * Also sends FUND_CONNECT_DEPOSIT event for Connect-specific deposit handling.
-     */
-    onDeposit: (deposit: AuthDepositPayload) => {
-      const isSuccess = isDepositSuccessful(deposit.data.status.value);
-
-      const payload = {
-        transactionId: deposit.data.depositId,
-        fundId: deposit.data.depositId,
-        assetId: deposit.data.assetId,
-        networkId: deposit.data.networkId,
-        amount: deposit.data.amount,
-        status: deposit.data.status,
-      };
-
-      // Send Connect-specific deposit event (new event exclusive to Connect Auth)
-      sendPostMessage(IncomingMessageType.FundConnectDeposit, payload);
-
-      // Send legacy FUND_COMPLETED or FUND_FAILED for backward compatibility
-      if (isSuccess) {
-        sendPostMessage(IncomingMessageType.FundCompleted, payload);
-      } else {
-        sendPostMessage(IncomingMessageType.FundFailed, payload);
-      }
-    },
-
-    /**
-     * Maps Auth onError to FUND_ERROR
-     */
-    onError: (error: AuthErrorPayload) => {
-      sendPostMessage(IncomingMessageType.StyleConfig);
-      sendPostMessage(IncomingMessageType.FundError, {
-        errorCode: error.errorCode,
-        reason: error.reason,
-      });
-    },
-
-    /**
-     * Maps Auth onEvent to appropriate Fund events
-     * Handles 'deposit.submitted' -> FUND_DEPOSIT_SUBMITTED
-     * All other events are caught by default case -> FUND_CONNECT_EVENT (catch-all)
-     */
-    onEvent: (event: AuthEvent) => {
-      if (event.type === 'deposit.submitted') {
-        sendPostMessage(IncomingMessageType.FundDepositSubmitted, {
-          depositId: event.data.depositId,
-        });
-      } else {
-        // Default case: catch-all for any other Auth events
-        sendPostMessage(IncomingMessageType.FundConnectEvent, {
-          type: event.type,
-          data: event.data,
-        });
-      }
-    },
-  };
-}
-
-/**
- * Determines if a deposit was successful based on the status value
- * @param statusValue - The status value from the deposit
- * @returns true if deposit was successful, false otherwise
- */
-function isDepositSuccessful(statusValue: string): boolean {
-  const successStatuses = [
-    'completed',
-    'success',
-    'confirmed',
-    'settled',
-    'processed',
-  ];
-
-  const failureStatuses = [
-    'failed',
-    'rejected',
-    'cancelled',
-    'error',
-  ];
-
-  const normalizedStatus = statusValue.toLowerCase();
-
-  if (successStatuses.includes(normalizedStatus)) {
-    return true;
-  }
-
-  if (failureStatuses.includes(normalizedStatus)) {
-    return false;
-  }
-
-  return false;
-}

package/src/utils/strings.ts

@@ -1,19 +0,0 @@
-/**
- * randomString generates a random string of specified
- * @param length
- * @param characters - charset to be used.
- */
-export const randomString = (
-  length: number,
-  characters: string = 'abcdefghijklmnopqrstuvwxyz0123456789'
-) => {
-  let result = '';
-  const charactersLength = characters.length;
-  let counter = 0;
-  while (counter < length) {
-    result += characters.charAt(Math.floor(Math.random() * charactersLength));
-    counter += 1;
-  }
-  return result;
-}
-

package/src/utils/test-utils.tsx

@@ -1,36 +0,0 @@
-import React, { PropsWithChildren } from 'react'
-import { render } from '@testing-library/react'
-import type { RenderOptions } from '@testing-library/react'
-import { legacy_createStore as createStore } from "redux"
-import { Provider } from 'react-redux'
-import rootReducer from "../redux/reducers";
-import {AppStore, RootState} from "../redux/store";
-
-// This type interface extends the default options for render from RTL, as well
-// as allows the user to specify other things such as initialState, store.
-interface ExtendedRenderOptions extends Omit<RenderOptions, 'queries'> {
-  preloadedState?: Partial<RootState>
-  store?: AppStore
-}
-
-export function renderWithProviders(
-  ui: React.ReactElement,
-  extendedRenderOptions: ExtendedRenderOptions = {}
-) {
-  const {
-    preloadedState = {},
-    // Automatically create a store instance if no store was passed in
-    store = createStore(rootReducer, preloadedState),
-    ...renderOptions
-  } = extendedRenderOptions
-
-  const Wrapper = ({ children }: PropsWithChildren) => (
-    <Provider store={store}>{children}</Provider>
-  )
-
-  // Return an object with the store and all of RTL's query functions
-  return {
-    store,
-    ...render(ui, { wrapper: Wrapper, ...renderOptions })
-  }
-}

package/src/utils/world-app-utils.ts

@@ -1,8 +0,0 @@
-const isInsideWorldApp = (): boolean => {
-  if (!window) return false
-  return !!window.WorldApp;
-}
-
-export {
-  isInsideWorldApp
-}

package/src/utils.ts

@@ -1,27 +0,0 @@
-import { randomString } from "./utils/strings";
-import { DEFAULT_ROOT_ID_PREFIX } from "./constants";
-import { AppIdentifier, appIdentifierToActionPrefixMap } from "./types";
-import store from "./redux/store";
-
-/**
- * generateRootID attempts to create a dynamic ID to be
- * used with a HTML element that is relatively unique
- * and will not cause namespace conflicts.
- *
- * E.g. 'zerohash-49vt8y'
- */
-export const generateRootID = (appIdentifier?: AppIdentifier): string => {
-  if (appIdentifier) return `${DEFAULT_ROOT_ID_PREFIX}-${appIdentifier}-${randomString(6)}`
-  return `${DEFAULT_ROOT_ID_PREFIX}-${randomString(6)}`
-};
-
-export const dispatchActionBasedOnAppIdentifier = (appIdentifier: AppIdentifier, actionTypeSuffix: string, payload: object) => {
-  const actionTypePrefix = appIdentifierToActionPrefixMap.get(appIdentifier)
-  const type = `${actionTypePrefix}${actionTypeSuffix}`
-  store.dispatch({
-    type,
-    ...payload,
-  })
-}
-
-

package/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "declaration": true,
-    "target": "esnext",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "react-jsx"
-  },
-  "include": [
-    "src"
-  ]
-}