@cowprotocol/widget-lib 1.3.0 → 2.0.1

package/src/types.d.ts

@@ -0,0 +1,365 @@
+import type { SupportedChainId } from '@cowprotocol/cow-sdk';
+import { CowWidgetEventListeners, CowWidgetEventPayloadMap, CowWidgetEvents } from '@cowprotocol/events';
+export type { SupportedChainId } from '@cowprotocol/cow-sdk';
+export type PerTradeTypeConfig<T> = Partial<Record<TradeType, T>>;
+export type PerNetworkConfig<T> = Partial<Record<SupportedChainId, T>>;
+export type FlexibleConfig<T> = T | PerNetworkConfig<T> | PerTradeTypeConfig<T> | PerTradeTypeConfig<PerNetworkConfig<T>> | PerNetworkConfig<PerTradeTypeConfig<T>>;
+export declare enum WidgetMethodsEmit {
+    ACTIVATE = "ACTIVATE",
+    UPDATE_HEIGHT = "UPDATE_HEIGHT",
+    SET_FULL_HEIGHT = "SET_FULL_HEIGHT",
+    EMIT_COW_EVENT = "EMIT_COW_EVENT",
+    PROVIDER_RPC_REQUEST = "PROVIDER_RPC_REQUEST",
+    INTERCEPT_WINDOW_OPEN = "INTERCEPT_WINDOW_OPEN"
+}
+export declare enum WidgetMethodsListen {
+    UPDATE_PARAMS = "UPDATE_PARAMS",
+    UPDATE_APP_DATA = "UPDATE_APP_DATA",
+    PROVIDER_RPC_RESPONSE = "PROVIDER_RPC_RESPONSE",
+    PROVIDER_ON_EVENT = "PROVIDER_ON_EVENT"
+}
+export interface CowSwapWidgetProps {
+    params: CowSwapWidgetParams;
+    provider?: EthereumProvider;
+    listeners?: CowWidgetEventListeners;
+}
+export interface JsonRpcRequest {
+    id: number;
+    method: string;
+    params: unknown[];
+}
+export interface EthereumProvider {
+    /**
+     * Subscribes to Ethereum-related events.
+     * @param event - The event to subscribe to.
+     * @param args - Arguments for the event.
+     */
+    on(event: string, args: unknown): void;
+    /**
+     * Sends a JSON-RPC request to the Ethereum provider and returns the response.
+     * @param params - JSON-RPC request parameters.
+     * @returns A promise that resolves with the response.
+     */
+    request<T>(params: JsonRpcRequest): Promise<T>;
+}
+export type CowSwapTheme = 'dark' | 'light';
+/**
+ *Trade asset parameters, for example:
+ * { asset: 'WBTC', amount: 12 }
+ * or
+ * { asset: '0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48' } // USDC
+ */
+interface TradeAsset {
+    /** The asset symbol or identifier. */
+    asset: string;
+    /**
+     * The amount of the asset (optional).
+     * If specified, represents the quantity or value of the asset.
+     */
+    amount?: string;
+}
+export type ForcedOrderDeadline = FlexibleConfig<number>;
+export declare enum TradeType {
+    SWAP = "swap",
+    LIMIT = "limit",
+    /**
+     * Currently it means only TWAP orders.
+     * But in the future it can be extended to support other order types.
+     */
+    ADVANCED = "advanced",
+    YIELD = "yield"
+}
+/**
+ * The partner fee
+ */
+export interface PartnerFee {
+    /**
+     * The fee in basis points (BPS). One basis point is equivalent to 0.01% (1/100th of a percent)
+     */
+    bps: FlexibleConfig<number>;
+    /**
+     * The Ethereum address of the partner to receive the fee.
+     */
+    recipient: FlexibleConfig<string>;
+}
+/**
+ * ERC-20 token information
+ */
+export type TokenInfo = {
+    chainId: number;
+    address: string;
+    name: string;
+    decimals: number;
+    symbol: string;
+    logoURI?: string;
+};
+export declare const WIDGET_PALETTE_COLORS: readonly ["primary", "background", "paper", "text", "danger", "warning", "alert", "info", "success"];
+export type CowSwapWidgetPaletteColors = (typeof WIDGET_PALETTE_COLORS)[number];
+export type CowSwapWidgetPaletteParams = {
+    [K in CowSwapWidgetPaletteColors]: string;
+};
+export type CowSwapWidgetPalette = {
+    baseTheme: CowSwapTheme;
+} & CowSwapWidgetPaletteParams;
+export interface CowSwapWidgetSounds {
+    /**
+     * The sound to play when the order is executed. Defaults to world wide famous CoW Swap moooooooooo!
+     * Alternatively, you can use a URL to a custom sound file, or set to null to disable the sound.
+     */
+    postOrder?: string | null;
+    /**
+     * The sound to play when the order is executed. Defaults to world wide famous CoW Swap happy moooooooooo!
+     * Alternatively, you can use a URL to a custom sound file, or set to null to disable the sound.
+     */
+    orderExecuted?: string | null;
+    /**
+     * The sound to play when the order is executed. Defaults to world wide famous CoW Swap unhappy moooooooooo!
+     * Alternatively, you can use a URL to a custom sound file, or set to null to disable the sound.
+     */
+    orderError?: string | null;
+}
+export interface CowSwapWidgetImages {
+    /**
+     * The image to display when the orders table is empty (no orders yet). It defaults to "Yoga CoW" image.
+     * Alternatively, you can use a URL to a custom image file, or set to null to disable the image.
+     */
+    emptyOrders?: string | null;
+}
+export interface CowSwapWidgetContent {
+    feeLabel?: string;
+    feeTooltipMarkdown?: string;
+}
+export interface SlippageConfig {
+    /** Minimum slippage in basis points (e.g., 10 = 0.1%) */
+    min?: number;
+    /** Maximum slippage in basis points (e.g., 5000 = 50%) - 5000 is max value for dApp */
+    max?: number;
+    /** Default slippage value in basis points (e.g., 50 = 0.5%) - min <= defaultValue <= max */
+    defaultValue?: number;
+}
+export type FlexibleSlippageConfig = FlexibleConfig<SlippageConfig>;
+export interface CowSwapWidgetParams {
+    /**
+     * The unique identifier of the widget consumer.
+     * Please fill the for to let us know a little about you: https://cowprotocol.typeform.com/to/rONXaxHV
+     */
+    appCode: string;
+    /**
+     * The width of the widget in pixels. Default: 400px
+     */
+    width?: string;
+    /**
+     * The height of the widget in pixels. Default: 600px
+     */
+    height?: string;
+    /**
+     * The maximum height of the widget in pixels. Default: body.offsetHeight
+     */
+    maxHeight?: number;
+    /**
+     * Network ID.
+     */
+    chainId?: SupportedChainId;
+    /**
+     * An id of a network to bridge the output token.
+     */
+    targetChainId?: number;
+    /**
+     * The token lists urls to use in the widget
+     */
+    tokenLists?: string[];
+    /**
+     * Swap, Limit or Advanced (Twap).
+     */
+    tradeType?: TradeType;
+    /**
+     * The base url of the widget implementation
+     * The parameter can have the URL directly, or an object with the environment property,
+     * The base URL will default to the production environment if not specified, so it will use https://swap.cow.fi by default.
+     */
+    baseUrl?: string;
+    /**
+     * Sell token, and optionally the amount.
+     */
+    sell?: TradeAsset;
+    /**
+     * Buy token, and optionally the amount.
+     */
+    buy?: TradeAsset;
+    /**
+     * Forced order deadline in minutes. When set, user's won't be able to edit the deadline.
+     *
+     * Either a single value applied to each individual order type accordingly or an optional individual value per order type.
+     *
+     * The app will use the appropriated min/max value per order type.
+     */
+    forcedOrderDeadline?: ForcedOrderDeadline;
+    /**
+     * Enables the ability to switch between trade types in the widget.
+     */
+    enabledTradeTypes?: TradeType[];
+    /**
+     * The partner fee
+     *
+     * Please contact https://cowprotocol.typeform.com/to/rONXaxHV
+     */
+    partnerFee?: PartnerFee;
+    /**
+     * Disables cross-chain swaps (bridging)
+     * Defaults to false.
+     */
+    disableCrossChainSwap?: boolean;
+    /**
+     * Disables showing the confirmation modal you get after posting an order.
+     * Defaults to false.
+     */
+    disablePostedOrderConfirmationModal?: boolean;
+    /**
+     * Disables showing the progress bar after a SWAP order is placed.
+     * The SWAP progress bar offers a transparent view into CoW Protocol's unique solution finding mechanism.
+     * If you wish to not show it, set `disableProgressBar` to `true`.
+     *
+     * Defaults to false.
+     */
+    disableProgressBar?: boolean;
+    /**
+     * Disables showing the toast messages.
+     * Some UI might want to disable it and subscribe to WidgetMethodsEmit.ON_TOAST_MESSAGE event to handle the toast messages itself.
+     * Defaults to false.
+     */
+    disableToastMessages?: boolean;
+    /**
+     * Option to hide the logo in the widget.
+     */
+    hideLogo?: boolean;
+    /**
+     * Option to hide the network selector in the widget.
+     */
+    hideNetworkSelector?: boolean;
+    /**
+     * Option to hide bridge info
+     */
+    hideBridgeInfo?: boolean;
+    /**
+     * Option to hide orders table on LIMIT and TWAP forms.
+     *
+     * Warning! When `true`, users won't be able to see their LIMIT/TWAP order status or history, neither they'll be able to cancel active orders.
+     */
+    hideOrdersTable?: boolean;
+    /**
+     * Defines the widget mode.
+     *  - `true` (standalone mode): The widget is standalone, so it will use its own Ethereum provider. The user can connect from within the widget.
+     *  - `false` (dapp mode): The widget is embedded in a dapp which is responsible for providing the Ethereum provider. Therefore, there won't be a connect button in the widget as this should happen in the host app.
+     *
+     * Defaults to standalone.
+     */
+    standaloneMode?: boolean;
+    /**
+     * The theme of the widget UI.
+     */
+    theme?: CowSwapTheme | CowSwapWidgetPalette;
+    /**
+     * Customizable images for the widget.
+     */
+    images?: CowSwapWidgetImages;
+    /**
+     * Sounds configuration for the app.
+     */
+    sounds?: CowSwapWidgetSounds;
+    /**
+     * In case when widget does not support some tokens, you can provide a list of tokens to be used in the widget
+     */
+    customTokens?: TokenInfo[];
+    /**
+     * Customizable labels and content for the widget.
+     */
+    content?: CowSwapWidgetContent;
+    /**
+     * Customizable slippage settings for the widget.
+     */
+    slippage?: FlexibleSlippageConfig;
+}
+export interface WidgetMethodsEmitPayloadMap {
+    [WidgetMethodsEmit.ACTIVATE]: void;
+    [WidgetMethodsEmit.EMIT_COW_EVENT]: EmitCowEventPayload<CowWidgetEvents>;
+    [WidgetMethodsEmit.UPDATE_HEIGHT]: UpdateWidgetHeightPayload;
+    [WidgetMethodsEmit.SET_FULL_HEIGHT]: SetWidgetFullHeightPayload;
+    [WidgetMethodsEmit.PROVIDER_RPC_REQUEST]: ProviderRpcRequestPayload;
+    [WidgetMethodsEmit.INTERCEPT_WINDOW_OPEN]: WindowOpenPayload;
+}
+export interface WidgetMethodsListenPayloadMap {
+    [WidgetMethodsListen.UPDATE_APP_DATA]: UpdateAppDataPayload;
+    [WidgetMethodsListen.UPDATE_PARAMS]: UpdateParamsPayload;
+    [WidgetMethodsListen.PROVIDER_RPC_RESPONSE]: ProviderRpcResponsePayload;
+    [WidgetMethodsListen.PROVIDER_ON_EVENT]: ProviderOnEventPayload;
+}
+export type WidgetEventsPayloadMap = WidgetMethodsEmitPayloadMap & WidgetMethodsListenPayloadMap;
+export type WidgetMethodsEmitPayloads = WidgetMethodsEmitPayloadMap[WidgetMethodsEmit];
+export type WidgetMethodsListenPayloads = WidgetMethodsListenPayloadMap[WidgetMethodsListen];
+export type CowSwapWidgetAppParams = Omit<CowSwapWidgetParams, 'theme'>;
+export interface UpdateParamsPayload {
+    urlParams: {
+        pathname: string;
+        search: string;
+    };
+    appParams: CowSwapWidgetAppParams;
+    hasProvider: boolean;
+}
+export interface UpdateAppDataPayload {
+    metaData?: {
+        appCode: string;
+    };
+}
+export interface UpdateWidgetHeightPayload {
+    height?: number;
+}
+export interface SetWidgetFullHeightPayload {
+    isUpToSmall?: boolean;
+}
+export interface EmitCowEventPayload<T extends CowWidgetEvents> {
+    event: T;
+    payload: CowWidgetEventPayloadMap[T];
+}
+export type WidgetMethodsEmitListener<T extends WidgetMethodsEmit> = T extends WidgetMethodsEmit ? {
+    event: T;
+    handler: WidgetMethodHandler<T>;
+} : never;
+export type WidgetMethodHandler<T extends WidgetMethodsEmit> = (payload: WidgetMethodsEmitPayloadMap[T]) => void;
+export interface ProviderRpcRequestPayload {
+    rpcRequest: JsonRpcRequestMessage;
+}
+export interface WindowOpenPayload {
+    href: string | URL;
+    target: string;
+    rel: string;
+}
+export interface JsonRpcRequestMessage {
+    jsonrpc: '2.0';
+    id?: number;
+    method: string;
+    params: unknown[];
+}
+export interface BaseJsonRpcResponseMessage {
+    id: number;
+    jsonrpc: '2.0';
+}
+export interface JsonRpcSucessfulResponseMessage<TResult = unknown> extends BaseJsonRpcResponseMessage {
+    result: TResult;
+}
+export interface JsonRpcError<TData = unknown> {
+    code: number;
+    message: string;
+    data?: TData;
+}
+export interface JsonRpcErrorResponseMessage<TErrorData = unknown> extends BaseJsonRpcResponseMessage {
+    error: JsonRpcError<TErrorData>;
+}
+export type ProviderRpcResponsePayload = {
+    rpcResponse: JsonRpcResponse;
+};
+export type JsonRpcResponse = JsonRpcRequestMessage | JsonRpcErrorResponseMessage | JsonRpcSucessfulResponseMessage;
+export interface ProviderOnEventPayload {
+    event: string;
+    params: unknown;
+}
+export type WindowListener = (event: MessageEvent<unknown>) => void;

package/src/types.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WIDGET_PALETTE_COLORS = exports.TradeType = exports.WidgetMethodsListen = exports.WidgetMethodsEmit = void 0;
+var WidgetMethodsEmit;
+(function (WidgetMethodsEmit) {
+    WidgetMethodsEmit["ACTIVATE"] = "ACTIVATE";
+    WidgetMethodsEmit["UPDATE_HEIGHT"] = "UPDATE_HEIGHT";
+    WidgetMethodsEmit["SET_FULL_HEIGHT"] = "SET_FULL_HEIGHT";
+    WidgetMethodsEmit["EMIT_COW_EVENT"] = "EMIT_COW_EVENT";
+    WidgetMethodsEmit["PROVIDER_RPC_REQUEST"] = "PROVIDER_RPC_REQUEST";
+    WidgetMethodsEmit["INTERCEPT_WINDOW_OPEN"] = "INTERCEPT_WINDOW_OPEN";
+})(WidgetMethodsEmit || (exports.WidgetMethodsEmit = WidgetMethodsEmit = {}));
+var WidgetMethodsListen;
+(function (WidgetMethodsListen) {
+    WidgetMethodsListen["UPDATE_PARAMS"] = "UPDATE_PARAMS";
+    WidgetMethodsListen["UPDATE_APP_DATA"] = "UPDATE_APP_DATA";
+    WidgetMethodsListen["PROVIDER_RPC_RESPONSE"] = "PROVIDER_RPC_RESPONSE";
+    WidgetMethodsListen["PROVIDER_ON_EVENT"] = "PROVIDER_ON_EVENT";
+})(WidgetMethodsListen || (exports.WidgetMethodsListen = WidgetMethodsListen = {}));
+var TradeType;
+(function (TradeType) {
+    TradeType["SWAP"] = "swap";
+    TradeType["LIMIT"] = "limit";
+    /**
+     * Currently it means only TWAP orders.
+     * But in the future it can be extended to support other order types.
+     */
+    TradeType["ADVANCED"] = "advanced";
+    TradeType["YIELD"] = "yield";
+})(TradeType || (exports.TradeType = TradeType = {}));
+exports.WIDGET_PALETTE_COLORS = [
+    'primary',
+    'background',
+    'paper',
+    'text',
+    'danger',
+    'warning',
+    'alert',
+    'info',
+    'success',
+];
+//# sourceMappingURL=types.js.map

package/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../libs/widget-lib/src/types.ts"],"names":[],"mappings":";;;AAgBA,IAAY,iBAOX;AAPD,WAAY,iBAAiB;IAC3B,0CAAqB,CAAA;IACrB,oDAA+B,CAAA;IAC/B,wDAAmC,CAAA;IACnC,sDAAiC,CAAA;IACjC,kEAA6C,CAAA;IAC7C,oEAA+C,CAAA;AACjD,CAAC,EAPW,iBAAiB,iCAAjB,iBAAiB,QAO5B;AAED,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,sDAA+B,CAAA;IAC/B,0DAAmC,CAAA;IACnC,sEAA+C,CAAA;IAC/C,8DAAuC,CAAA;AACzC,CAAC,EALW,mBAAmB,mCAAnB,mBAAmB,QAK9B;AAmDD,IAAY,SASX;AATD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,4BAAe,CAAA;IACf;;;OAGG;IACH,kCAAqB,CAAA;IACrB,4BAAe,CAAA;AACjB,CAAC,EATW,SAAS,yBAAT,SAAS,QASpB;AA6BY,QAAA,qBAAqB,GAAG;IACnC,SAAS;IACT,YAAY;IACZ,OAAO;IACP,MAAM;IACN,QAAQ;IACR,SAAS;IACT,OAAO;IACP,MAAM;IACN,SAAS;CACD,CAAA"}

package/src/urlUtils.d.ts

@@ -0,0 +1,4 @@
+import { CowSwapWidgetParams } from './types';
+export declare function buildWidgetUrl(params: Partial<CowSwapWidgetParams>): string;
+export declare function buildWidgetPath(params: Partial<CowSwapWidgetParams>): string;
+export declare function buildWidgetUrlQuery(params: Partial<CowSwapWidgetParams>): URLSearchParams;

package/src/urlUtils.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buildWidgetUrl = buildWidgetUrl;
+exports.buildWidgetPath = buildWidgetPath;
+exports.buildWidgetUrlQuery = buildWidgetUrlQuery;
+const themeUtils_1 = require("./themeUtils");
+const types_1 = require("./types");
+const EMPTY_TOKEN = '_';
+function buildWidgetUrl(params) {
+    const host = typeof params.baseUrl === 'string' ? params.baseUrl : 'https://swap.cow.fi';
+    const path = buildWidgetPath(params);
+    return host + '/#' + path + '?' + buildWidgetUrlQuery(params);
+}
+function buildWidgetPath(params) {
+    const { chainId = 1, sell, buy, tradeType = types_1.TradeType.SWAP } = params;
+    const assetsPath = [sell?.asset || EMPTY_TOKEN, buy?.asset || EMPTY_TOKEN].map(encodeURIComponent).join('/');
+    return `/${chainId}/widget/${tradeType}/${assetsPath}`;
+}
+function buildWidgetUrlQuery(params) {
+    const query = new URLSearchParams();
+    return addTargetChainIdToQuery(addThemePaletteToQuery(addTradeAmountsToQuery(query, params), params), params);
+}
+function addTradeAmountsToQuery(query, params) {
+    const { sell, buy } = params;
+    if (sell?.amount) {
+        query.append('sellAmount', sell.amount);
+    }
+    if (buy?.amount) {
+        query.append('buyAmount', buy.amount);
+    }
+    return query;
+}
+function addThemePaletteToQuery(query, params) {
+    const theme = params.theme;
+    if (!theme) {
+        query.append('palette', 'null');
+        return query;
+    }
+    if ((0, themeUtils_1.isCowSwapWidgetPalette)(theme)) {
+        query.append('palette', encodeURIComponent(JSON.stringify(theme)));
+        query.append('theme', theme.baseTheme);
+    }
+    else {
+        query.append('palette', 'null');
+        query.append('theme', theme);
+    }
+    return query;
+}
+function addTargetChainIdToQuery(query, params) {
+    if (params.targetChainId) {
+        query.append('targetChainId', params.targetChainId.toString());
+    }
+    return query;
+}
+//# sourceMappingURL=urlUtils.js.map

package/src/urlUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"urlUtils.js","sourceRoot":"","sources":["../../../../libs/widget-lib/src/urlUtils.ts"],"names":[],"mappings":";;AAKA,wCAKC;AAED,0CAMC;AAED,kDAIC;AAxBD,6CAAqD;AACrD,mCAAwD;AAExD,MAAM,WAAW,GAAG,GAAG,CAAA;AAEvB,SAAgB,cAAc,CAAC,MAAoC;IACjE,MAAM,IAAI,GAAG,OAAO,MAAM,CAAC,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,qBAAqB,CAAA;IACxF,MAAM,IAAI,GAAG,eAAe,CAAC,MAAM,CAAC,CAAA;IAEpC,OAAO,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;AAC/D,CAAC;AAED,SAAgB,eAAe,CAAC,MAAoC;IAClE,MAAM,EAAE,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,GAAG,iBAAS,CAAC,IAAI,EAAE,GAAG,MAAM,CAAA;IAErE,MAAM,UAAU,GAAG,CAAC,IAAI,EAAE,KAAK,IAAI,WAAW,EAAE,GAAG,EAAE,KAAK,IAAI,WAAW,CAAC,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAE5G,OAAO,IAAI,OAAO,WAAW,SAAS,IAAI,UAAU,EAAE,CAAA;AACxD,CAAC;AAED,SAAgB,mBAAmB,CAAC,MAAoC;IACtE,MAAM,KAAK,GAAG,IAAI,eAAe,EAAE,CAAA;IAEnC,OAAO,uBAAuB,CAAC,sBAAsB,CAAC,sBAAsB,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAA;AAC/G,CAAC;AAED,SAAS,sBAAsB,CAAC,KAAsB,EAAE,MAAoC;IAC1F,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,MAAM,CAAA;IAE5B,IAAI,IAAI,EAAE,MAAM,EAAE,CAAC;QACjB,KAAK,CAAC,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;IACzC,CAAC;IAED,IAAI,GAAG,EAAE,MAAM,EAAE,CAAC;QAChB,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACvC,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,sBAAsB,CAAC,KAAsB,EAAE,MAAoC;IAC1F,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;IAE1B,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QAC/B,OAAO,KAAK,CAAA;IACd,CAAC;IAED,IAAI,IAAA,mCAAsB,EAAC,KAAK,CAAC,EAAE,CAAC;QAClC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAClE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACxC,CAAC;SAAM,CAAC;QACN,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;QAC/B,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAC9B,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC;AAED,SAAS,uBAAuB,CAAC,KAAsB,EAAE,MAAoC;IAC3F,IAAI,MAAM,CAAC,aAAa,EAAE,CAAC;QACzB,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,aAAa,CAAC,QAAQ,EAAE,CAAC,CAAA;IAChE,CAAC;IAED,OAAO,KAAK,CAAA;AACd,CAAC"}

package/src/widgetIframeTransport.d.ts

@@ -0,0 +1,3 @@
+import { IframeTransport } from '@cowprotocol/iframe-transport';
+import { WidgetEventsPayloadMap } from './types';
+export declare const widgetIframeTransport: IframeTransport<WidgetEventsPayloadMap>;

package/src/widgetIframeTransport.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.widgetIframeTransport = void 0;
+const iframe_transport_1 = require("@cowprotocol/iframe-transport");
+exports.widgetIframeTransport = new iframe_transport_1.IframeTransport('cowSwapWidget');
+//# sourceMappingURL=widgetIframeTransport.js.map

package/src/widgetIframeTransport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetIframeTransport.js","sourceRoot":"","sources":["../../../../libs/widget-lib/src/widgetIframeTransport.ts"],"names":[],"mappings":";;;AAAA,oEAA+D;AAIlD,QAAA,qBAAqB,GAAG,IAAI,kCAAe,CAAyB,eAAe,CAAC,CAAA"}

package/jest.config.ts

@@ -1,10 +0,0 @@
-export default {
-  displayName: 'widget-lib',
-  preset: '../../jest.preset.js',
-  transform: {
-    '^.+\\.[tj]s$': ['ts-jest', { tsconfig: '<rootDir>/tsconfig.spec.json' }],
-  },
-  setupFilesAfterEnv: ['../../jest.setup.ts'],
-  moduleFileExtensions: ['ts', 'js', 'html'],
-  coverageDirectory: '../../../coverage/libs/widget-lib',
-}

package/project.json

@@ -1,51 +0,0 @@
-{
-  "name": "widget-lib",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "libs/widget-lib/src",
-  "projectType": "library",
-  "targets": {
-    "build": {
-      "executor": "@nx/js:tsc",
-      "outputs": ["{options.outputPath}"],
-      "options": {
-        "outputPath": "dist/libs/widget-lib",
-        "main": "libs/widget-lib/src/index.ts",
-        "tsConfig": "libs/widget-lib/tsconfig.lib.json",
-        "assets": ["libs/widget-lib/*.md"],
-        "updateBuildableProjectDepsInPackageJson": true,
-        "buildableProjectDepsInPackageJsonType": "dependencies"
-      }
-    },
-    "serve": {
-      "executor": "@nx/vite:dev-server",
-      "defaultConfiguration": "development",
-      "options": {
-        "buildTarget": "widget-lib:build",
-        "port": 3012
-      },
-      "configurations": {}
-    },
-    "lint": {
-      "executor": "@nx/eslint:lint",
-      "outputs": ["{options.outputFile}"],
-      "options": {
-        "lintFilePatterns": ["libs/widget-lib/**/*.ts"]
-      }
-    },
-    "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
-      "options": {
-        "jestConfig": "libs/widget-lib/jest.config.ts",
-        "passWithNoTests": true
-      },
-      "configurations": {
-        "ci": {
-          "ci": true,
-          "codeCoverage": true
-        }
-      }
-    }
-  },
-  "tags": []
-}

package/src/IframeCowEventEmitter.ts

@@ -1,47 +0,0 @@
-import {
-  SimpleCowEventEmitter,
-  CowWidgetEventListeners,
-  CowWidgetEvents,
-  CowWidgetEventPayloadMap,
-} from '@cowprotocol/events'
-
-import { WindowListener, WidgetMethodsEmit } from './types'
-import { widgetIframeTransport } from './widgetIframeTransport'
-
-export class IframeCowEventEmitter {
-  private eventEmitter = new SimpleCowEventEmitter<CowWidgetEventPayloadMap, CowWidgetEvents>()
-  private listeners: CowWidgetEventListeners = []
-  private widgetListener: WindowListener
-
-  constructor(
-    private contentWindow: Window,
-    listeners: CowWidgetEventListeners = [],
-  ) {
-    // Subscribe listeners to local event emitter
-    this.updateListeners(listeners)
-
-    // Listen to iFrame, and forward to local event emitter
-    this.widgetListener = widgetIframeTransport.listenToMessageFromWindow(
-      this.contentWindow,
-      WidgetMethodsEmit.EMIT_COW_EVENT,
-      (cowEvent) => this.eventEmitter.emit(cowEvent.event, cowEvent.payload),
-    )
-  }
-
-  public stopListeningIframe(): void {
-    widgetIframeTransport.stopListeningWindowListener(this.contentWindow, this.widgetListener)
-  }
-
-  public updateListeners(listeners?: CowWidgetEventListeners): void {
-    // Unsubscribe from previous listeners
-    for (const listener of this.listeners) {
-      this.eventEmitter.off(listener)
-    }
-
-    // Subscribe to events
-    this.listeners = listeners || []
-    for (const listener of this.listeners) {
-      this.eventEmitter.on(listener)
-    }
-  }
-}

package/src/IframeSafeSdkBridge.ts

@@ -1,77 +0,0 @@
-export class IframeSafeSdkBridge {
-  forwardSdkMessage: (event: MessageEvent<unknown>) => void
-
-  constructor(
-    private appWindow: Window,
-    private iframeWidow: Window,
-  ) {
-    this.forwardSdkMessage = (event: MessageEvent<unknown>) => {
-      if (!isSafeMessage(event.data)) {
-        return
-      }
-
-      if (typeof window !== 'undefined' && event.origin === window.location.origin) {
-        return
-      }
-
-      if (isSafeMessageRequest(event.data)) {
-        this.appWindow.parent.postMessage(event.data, '*')
-      } else if (isSafeMessageResponse(event.data)) {
-        this.iframeWidow.postMessage(event.data, '*')
-      }
-    }
-
-    this.startListening()
-  }
-
-  private startListening(): void {
-    this.appWindow.addEventListener('message', this.forwardSdkMessage)
-  }
-
-  public stopListening(): void {
-    this.appWindow.removeEventListener('message', this.forwardSdkMessage)
-  }
-}
-
-function isSafeMessage(obj: unknown): obj is SafeMessage {
-  return typeof obj === 'object' && obj !== null && 'id' in obj && typeof obj.id === 'string'
-}
-
-function isSafeMessageRequest(message: SafeMessage): message is SafeMessageRequest {
-  return (
-    'method' in message &&
-    typeof message.method === 'string' &&
-    'params' in message &&
-    'env' in message &&
-    typeof message.env === 'object' &&
-    message.env !== null &&
-    'sdkVersion' in message.env
-  )
-}
-
-function isSafeMessageResponse(message: SafeMessage): message is SafeMessageResponse {
-  return (
-    'success' in message &&
-    typeof message.success === 'boolean' &&
-    'version' in message &&
-    typeof message.version === 'string'
-  )
-}
-
-interface SafeMessage {
-  id: string
-}
-
-interface SafeMessageRequest extends SafeMessage {
-  method: string
-  params: unknown
-  env: {
-    sdkVersion: string
-  }
-}
-
-interface SafeMessageResponse extends SafeMessage {
-  id: string
-  success: boolean
-  version: string
-}