@rango-dev/widget-embedded 0.1.11-next.23 → 0.1.11-next.24

package/dist/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["src/App.tsx"],"names":[],"mappings":";AAIA,OAAO,WAAW,CAAC;AAenB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,QAAQ,CAAC;AAOhB,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,eA0G1C"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["src/App.tsx"],"names":[],"mappings":";AAIA,OAAO,WAAW,CAAC;AAenB,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,QAAQ,CAAC;AAOhB,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,eA4F1C"}

package/dist/hooks/useTheme.d.ts

@@ -1,5 +1,5 @@
-import { Theme } from '../types';
-export declare function useTheme({ colors: themeColors, fontFamily, borderRadius, mode, }: Theme): {
+import { WidgetTheme } from '../types';
+export declare function useTheme({ colors: themeColors, fontFamily, borderRadius, mode, }: WidgetTheme): {
     activeTheme: any;
 };
 //# sourceMappingURL=useTheme.d.ts.map

package/dist/hooks/useTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../src/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EAAE,WAAW,EACnB,UAAoB,EACpB,YAAgB,EAChB,IAAa,GACd,EAAE,KAAK;;EA6HP"}
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../src/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,wBAAgB,QAAQ,CAAC,EACvB,MAAM,EAAE,WAAW,EACnB,UAAoB,EACpB,YAAgB,EAChB,IAAa,GACd,EAAE,WAAW;;EA6Hb"}

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export { SwapBox } from './lib';
+export { Widget } from './lib';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC"}

package/dist/lib.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
-import { WidgetConfig } from './types';
+import { WalletType } from '@rango-dev/wallets-shared';
+import { WidgetTheme, WidgetConfig, WidgetColors, BlockchainAndTokenConfig } from './types';
 import './i18n';
+export { WidgetConfig, WalletType, WidgetTheme, WidgetColors, BlockchainAndTokenConfig };
 export declare type WidgetProps = {
     config?: WidgetConfig;
 };
-export declare const SwapBox: React.FC<WidgetProps>;
+export declare const Widget: React.FC<WidgetProps>;
 //# sourceMappingURL=lib.d.ts.map

package/dist/lib.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["src/lib.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAgB5D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,QAAQ,CAAC;AAMhB,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkHzC,CAAC"}
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["src/lib.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAM5D,OAAO,EAAW,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAUhE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAE5F,OAAO,QAAQ,CAAC;AAOhB,OAAO,EAAC,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,YAAY,EAAG,wBAAwB,EAAC,CAAA;AAEvF,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuGxC,CAAC"}

package/dist/types/config.d.ts

@@ -1,38 +1,106 @@
 import { Asset } from 'rango-sdk';
 import { WalletType } from '@rango-dev/wallets-shared';
-export declare type Colors = {
+/**
+ * The above type defines a set of optional color properties for a widget.
+ * @property {string} background
+ * @property {string} foreground
+ * @property {string} primary
+ * @property {string} success
+ * @property {string} error
+ * @property {string} warning
+ */
+export declare type WidgetColors = {
     background?: string;
-    primary?: string;
     foreground?: string;
+    primary?: string;
     success?: string;
     error?: string;
     warning?: string;
 };
-export declare type Theme = {
-    mode?: 'dark' | 'light' | 'auto';
+/**
+ * The `WidgetTheme` defines the properties of a widget theme, including mode, font family, colors, border
+ * radius, width, and height.
+ * @property {'auto' | 'light' | 'dark'} mode - The mode property is used to specify the default theme for
+ * the widget.
+ * @property {string} fontFamily - The font family to be used in the widget.
+ * @property {Colors} colors - The `colors` property is a sub-property of the `WidgetTheme` object that
+ * defines the color scheme for the widget. It is of type `Colors`, which is likely another object that
+ * contains specific color values for various parts of the widget (e.g. background color, text color,
+ * border color
+ * @property {number} borderRadius - `borderRadius` is a property of the `WidgetTheme` type that
+ * specifies the radius of the corners of a widget.
+ * @property {number} width - The `width` property is a number that represents the width of the widget.
+ * @property {number} height - The `height` property is a number that specifies the height of the widget.
+ */
+export declare type WidgetTheme = {
+    mode?: 'auto' | 'light' | 'dark';
     fontFamily?: string;
-    colors?: Colors;
+    colors?: WidgetColors;
     borderRadius?: number;
     width?: number;
     height?: number;
 };
-export declare type Support = {
+/**
+ * `BlockchainAndTokenConfig`
+ *
+ * @property {string} blockchain - This property is optional and represents the default selected blockchain.
+ * @property {Asset} token - The `token` property is a type of `Asset` and represents the default token
+ * which is selected. e.g. {blockchain: 'BSC', symbol: 'BNB', address: null}
+ * @property {string[]} blockchains - An optional array of strings representing the supported
+ * blockchains. e.g. ['BSC','ETHEREUM']
+ * @property {Asset[]} tokens - The `tokens` property is an optional array of `Asset` objects that
+ * you could use that to limit tokens to some limited ones.
+ */
+export declare type BlockchainAndTokenConfig = {
     blockchain?: string;
     token?: Asset;
     blockchains?: string[];
     tokens?: Asset[];
 };
+/**
+ * The type WidgetConfig defines the configuration options for a widget, including API key, affiliate
+ * reference, amount, blockchain and token configurations, liquidity sources, wallet types, language,
+ * and theme.
+ *
+ * @property {string} apiKey - The API key used to communicate with Rango API
+ * @property {string} affiliateRef - The affiliate reference is an optional string property in the
+ * WidgetConfig type. It is used to set and track referrals or affiliations for the dApps.
+ * @property {number} amount - The default input amount.
+ * @property {BlockchainAndTokenConfig} from - The `from` property is an optional property of type
+ * `BlockchainAndTokenConfig` that specifies the default blockchain and token from which the user wants to
+ * exchange.It can also used to limit source swap blockchains/tokens to some limited ones.
+ * @property {BlockchainAndTokenConfig} to - The "to" property is an optional property of type
+ * "BlockchainAndTokenConfig" that specifies the default blockchain and token to which the user wants to
+ * exchange.It can also used to limit destination swap blockchains/tokens to some limited ones.
+ * blockchain during the transaction.
+ * @property {string[]} liquiditySources - The `liquiditySources` property is an optional array of
+ * strings that specifies the liquidity sources allowed dexes and bridges for the routing
+ * @property {WalletType[]} wallets - The `wallets` property is an optional array of `WalletType`
+ * values that represent the types of wallets that the widget should support. For example, it could
+ * include values like `"metamask"`, `"kepler"`, or `"phantom"`.
+ * @property {boolean} multiWallets - The `multiWallets` property is a boolean value that indicates
+ * whether the widget should allow the user to select multiple wallets for the transaction.
+ * @property {boolean} customAddress - A boolean value indicating whether the user can input a custom
+ * address for the transaction. If set to true, the widget will allow the user to input a custom
+ * address for the destination.
+ * @property {string} language - The language property is an optional string that specifies the
+ * default language in which the widget should be displayed. If not provided, the widget will default to the
+ * language of the user's browser.
+ * @property {WidgetTheme} theme - The `theme` property is a part of the `WidgetConfig` type and is
+ * used to specify the visual theme of the widget. It is of type `WidgetTheme`, which is an interface
+ * that defines the various properties of the theme, such as colors, fonts, and others.
+ */
 export declare type WidgetConfig = {
     apiKey: string;
     affiliateRef?: string;
     amount?: number;
-    from?: Support;
-    to?: Support;
+    from?: BlockchainAndTokenConfig;
+    to?: BlockchainAndTokenConfig;
     liquiditySources?: string[];
     wallets?: WalletType[];
     multiWallets?: boolean;
     customAddress?: boolean;
     language?: string;
-    theme?: Theme;
+    theme?: WidgetTheme;
 };
 //# sourceMappingURL=config.d.ts.map

package/dist/types/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,oBAAY,MAAM,GAAG;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AACF,oBAAY,OAAO,GAAG;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD;;;;;;;;GAQG;AACH,oBAAY,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,oBAAY,WAAW,GAAG;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,oBAAY,wBAAwB,GAAG;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,oBAAY,YAAY,GAAG;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,wBAAwB,CAAC;IAChC,EAAE,CAAC,EAAE,wBAAwB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC"}

package/dist/widget-embedded.cjs.development.js

@@ -3400,7 +3400,7 @@ function QueueManager(props) {
   }, props.children);
 }
 
-const SwapBox = _ref => {
+const Widget = _ref => {
   let {
     config
   } = _ref;
@@ -3484,5 +3484,11 @@ const SwapBox = _ref => {
   }))))));
 };
 
-exports.SwapBox = SwapBox;
+Object.defineProperty(exports, 'WalletType', {
+  enumerable: true,
+  get: function () {
+    return walletsShared.WalletType;
+  }
+});
+exports.Widget = Widget;
 //# sourceMappingURL=widget-embedded.cjs.development.js.map