@rango-dev/widget-embedded 0.1.11-next.4 → 0.1.11-next.6

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;AAMhB,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,eA6F1C"}
+{"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;AAMhB,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,eAmG1C"}

package/dist/components/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/components/Layout.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAuBxC,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,eAyF7C"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/components/Layout.tsx"],"names":[],"mappings":";AAoBA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAsBxC,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,eA2F7C"}

package/dist/components/TokenInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenInfo.d.ts","sourceRoot":"","sources":["../src/components/TokenInfo.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAIlD,OAAO,SAAS,MAAM,cAAc,CAAC;AAOrC,aAAK,SAAS,GAAG,CACb;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,GACD;IACE,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,SAAS,GAAG,IAAI,CAAC;CAClC,CACJ,GAAG;IAAE,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,CAAC;AA+F1D,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,eAuMzC"}
+{"version":3,"file":"TokenInfo.d.ts","sourceRoot":"","sources":["../src/components/TokenInfo.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAIlD,OAAO,SAAS,MAAM,cAAc,CAAC;AAMrC,aAAK,SAAS,GAAG,CACb;IACE,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,GACD;IACE,IAAI,EAAE,IAAI,CAAC;IACX,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,SAAS,GAAG,IAAI,CAAC;CAClC,CACJ,GAAG;IAAE,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAAE,CAAC;AA0F1D,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,eAuMzC"}

package/dist/components/TokenPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenPreview.d.ts","sourceRoot":"","sources":["../src/components/TokenPreview.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG9C,OAAO,SAAS,MAAM,cAAc,CAAC;AAkFrC,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,eAkF5C"}
+{"version":3,"file":"TokenPreview.d.ts","sourceRoot":"","sources":["../src/components/TokenPreview.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAG9C,OAAO,SAAS,MAAM,cAAc,CAAC;AA8ErC,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,aAAa,EAAE,aAAa,CAAC;IAC7B,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,SAAS,eAkF5C"}

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;;EAuHP"}
+{"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"}

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

@@ -1352,10 +1352,6 @@ const Container = /*#__PURE__*/ui.styled('div', {
     }
   }
 });
-const StyledImage = /*#__PURE__*/ui.styled('img', {
-  width: '$24',
-  maxHeight: '$24'
-});
 const Options = /*#__PURE__*/ui.styled('div', {
   display: 'flex',
   justifyContent: 'flex-end',
@@ -1452,8 +1448,9 @@ function TokenInfo(props) {
     variant: "outlined",
     disabled: loadingStatus === 'failed',
     loading: loadingStatus === 'loading',
-    prefix: loadingStatus === 'success' && chain ? React__default.createElement(StyledImage, {
-      src: chain.logo
+    prefix: loadingStatus === 'success' && chain ? React__default.createElement(ui.Image, {
+      src: chain.logo,
+      size: 24
     }) : React__default.createElement(ImagePlaceholder, null),
     suffix: ItemSuffix,
     align: "start",
@@ -1468,8 +1465,9 @@ function TokenInfo(props) {
     variant: "outlined",
     disabled: loadingStatus === 'failed' || type === 'From' && !fromChain || type === 'To' && !toChain,
     loading: loadingStatus === 'loading',
-    prefix: loadingStatus === 'success' && token ? React__default.createElement(StyledImage, {
-      src: token.image
+    prefix: loadingStatus === 'success' && token ? React__default.createElement(ui.Image, {
+      src: token.image,
+      size: 24
     }) : React__default.createElement(ImagePlaceholder, null),
     suffix: ItemSuffix,
     size: "large",
@@ -1614,7 +1612,8 @@ function HeaderButtons(props) {
     onClick: onClickRefresh,
     disabled: !onClickRefresh
   }, React__default.createElement(ui.RetryIcon, {
-    size: 24
+    size: 24,
+    disabled: !onClickRefresh
   }))), React__default.createElement(ui.Tooltip, {
     content: "Transactions History"
   }, React__default.createElement(ui.Button, {
@@ -1861,10 +1860,6 @@ const Container$3 = /*#__PURE__*/ui.styled('div', {
     }
   }
 });
-const StyledImage$1 = /*#__PURE__*/ui.styled('img', {
-  width: '$24',
-  maxHeight: '$24'
-});
 const ImagePlaceholder$1 = /*#__PURE__*/ui.styled('span', {
   width: '24px',
   height: '24px',
@@ -1920,8 +1915,9 @@ function TokenPreview(props) {
     className: "selectors",
     variant: "outlined",
     loading: loadingStatus === 'loading',
-    prefix: loadingStatus === 'success' && chain ? React__default.createElement(StyledImage$1, {
-      src: chain.logo
+    prefix: loadingStatus === 'success' && chain ? React__default.createElement(ui.Image, {
+      src: chain.logo,
+      size: 24
     }) : React__default.createElement(ImagePlaceholder$1, null),
     suffix: ItemSuffix,
     align: "start",
@@ -1932,8 +1928,9 @@ function TokenPreview(props) {
     className: "selectors",
     variant: "outlined",
     loading: loadingStatus === 'loading',
-    prefix: loadingStatus === 'success' && token ? React__default.createElement(StyledImage$1, {
-      src: token.image
+    prefix: loadingStatus === 'success' && token ? React__default.createElement(ui.Image, {
+      src: token.image,
+      size: 24
     }) : React__default.createElement(ImagePlaceholder$1, null),
     suffix: ItemSuffix,
     size: "large",
@@ -2963,9 +2960,7 @@ const Header = /*#__PURE__*/ui.styled('div', {
     display: 'flex'
   }
 });
-const WalletImage = /*#__PURE__*/ui.styled('img', {
-  width: '$24',
-  height: '$24',
+const WalletImageContainer = /*#__PURE__*/ui.styled('div', {
   marginLeft: -15,
   marginRight: '$6',
   borderRadius: '99999px'
@@ -3031,10 +3026,12 @@ function Layout(_ref) {
     onClick: () => {
       if (!connectWalletsButtonDisabled) navigate(navigationRoutes.wallets);
     }
-  }, connectedWalletsImages?.length ? connectedWalletsImages.map((walletImage, index) => React__default.createElement(WalletImage, {
-    key: index,
-    src: walletImage
-  })) : React__default.createElement(React__default.Fragment, null), React__default.createElement("div", {
+  }, connectedWalletsImages?.length ? connectedWalletsImages.map((walletImage, index) => React__default.createElement(WalletImageContainer, {
+    key: index
+  }, React__default.createElement(ui.Image, {
+    src: walletImage,
+    size: 24
+  }))) : React__default.createElement(React__default.Fragment, null), React__default.createElement("div", {
     className: "balance"
   }, React__default.createElement(ui.Typography, {
     variant: "body2"
@@ -3137,6 +3134,9 @@ function useTheme(_ref) {
     colors,
     radii: {
       5: `${borderRadius}px`
+    },
+    shadows: {
+      s: '0px 3px 5px 3px #f0f2f5, 0px 6px 10px 3px #f0f2f5, 0px 1px 18px 3px #f0f2f5'
     }
   });
   const customeDarkTheme = ui.createTheme({
@@ -3155,6 +3155,9 @@ function useTheme(_ref) {
     },
     radii: {
       5: `${borderRadius}px`
+    },
+    shadows: {
+      s: '0px 3px 5px 3px #222, 0px 6px 10px 3px #222, 0px 1px 18px 3px #222'
     }
   });
   const [OSTheme, setOSTheme] = React.useState(customeLightTheme);