@rango-dev/widget-embedded 0.1.16-next.18 → 0.1.16-next.19

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;AAwBxC,oBAAY,WAAW,GAAG;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB,CAAC;AAEF,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,eA+F7C"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/components/Layout.tsx"],"names":[],"mappings":";AAqBA,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,eA8F7C"}

package/dist/pages/ConfirmSwapPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmSwapPage.d.ts","sourceRoot":"","sources":["../src/pages/ConfirmSwapPage.tsx"],"names":[],"mappings":";AAiCA,wBAAgB,eAAe,gBAuL9B"}
+{"version":3,"file":"ConfirmSwapPage.d.ts","sourceRoot":"","sources":["../src/pages/ConfirmSwapPage.tsx"],"names":[],"mappings":";AAiCA,wBAAgB,eAAe,gBAyL9B"}

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

@@ -1447,8 +1447,9 @@ function TokenPreview(props) {
     suffix: ItemSuffix,
     align: "start",
     size: "large"
-  }, loadingStatus === 'success' && chain ? chain.displayName : t('Chain')), React__default.createElement(ui.Spacer, {
-    size: 12
+  }, loadingStatus === 'success' && chain ? chain.displayName : t('Chain')), React__default.createElement(ui.Divider, {
+    size: 12,
+    direction: "horizontal"
   }), React__default.createElement(ui.Button, {
     className: "selectors",
     variant: "outlined",
@@ -1460,8 +1461,9 @@ function TokenPreview(props) {
     suffix: ItemSuffix,
     size: "large",
     align: "start"
-  }, loadingStatus === 'success' && token ? token.symbol : t('Token')), React__default.createElement(ui.Spacer, {
-    size: 12
+  }, loadingStatus === 'success' && token ? token.symbol : t('Token')), React__default.createElement(ui.Divider, {
+    size: 12,
+    direction: "horizontal"
   }), React__default.createElement("div", {
     className: "amount"
   }, React__default.createElement(OutputContainer, null, React__default.createElement(ui.Typography, {
@@ -1507,8 +1509,9 @@ function RoutesOverview(props) {
     className: "fee"
   }, React__default.createElement(ui.GasIcon, {
     size: 12
-  }), React__default.createElement(ui.Spacer, {
-    size: 4
+  }), React__default.createElement(ui.Divider, {
+    size: 4,
+    direction: "horizontal"
   }), "$", props.totalFee) : null);
 }
 
@@ -1679,9 +1682,8 @@ function MinRequiredSlippage(_ref) {
   } = _ref;
   return React__default.createElement(StyledMessage, {
     variant: "body2"
-  }, "We recommend you to increase slippage to at least \u00A0", minRequiredSlippage, "\u00A0 for this route.", React__default.createElement(ui.Spacer, {
-    size: 8,
-    direction: "vertical"
+  }, "We recommend you to increase slippage to at least \u00A0", minRequiredSlippage, "\u00A0 for this route.", React__default.createElement(ui.Divider, {
+    size: 8
   }), React__default.createElement(ChangeSlippageButton, null));
 }
 
@@ -1718,9 +1720,8 @@ function BalanceErrors(_ref) {
     className: "title",
     variant: "title",
     color: 'error'
-  }, "Insufficent Balance:"), React__default.createElement(ui.Spacer, {
-    size: 8,
-    direction: "vertical"
+  }, "Insufficent Balance:"), React__default.createElement(ui.Divider, {
+    size: 8
   }), React__default.createElement(List, {
     showListStyle: showListStyle
   }, messages.map((warning, index) => React__default.createElement(ListItem, {
@@ -1902,9 +1903,8 @@ function ConfirmSwapPage() {
       amount: fromAmount,
       label: i18n.t('From'),
       loadingStatus: loadingMetaStatus !== 'success' ? loadingMetaStatus : bestRouteloadingStatus
-    }), React__default.createElement(ui.Spacer, {
-      size: 12,
-      direction: "vertical"
+    }), React__default.createElement(ui.Divider, {
+      size: 12
     }), React__default.createElement(TokenPreview, {
       chain: {
         displayName: lastStep?.to.blockchain || '',
@@ -1930,9 +1930,7 @@ function ConfirmSwapPage() {
     loading: fetchingConfirmedRoute,
     errors: dbErrorMessage ? [dbErrorMessage, ...ConfirmSwapErrors(errors)] : ConfirmSwapErrors(errors),
     warnings: ConfirmSwapWarnings(warnings),
-    extraMessages: React__default.createElement(React__default.Fragment, null, loadingMetaStatus === 'failed' && React__default.createElement(ui.LoadingFailedAlert, null), loadingMetaStatus === 'failed' && showHighSlippageWarning && React__default.createElement(ui.Spacer, {
-      direction: "vertical"
-    }), showHighSlippageWarning && React__default.createElement(ConfirmSwapExtraMessages, {
+    extraMessages: React__default.createElement(React__default.Fragment, null, loadingMetaStatus === 'failed' && React__default.createElement(ui.LoadingFailedAlert, null), loadingMetaStatus === 'failed' && showHighSlippageWarning && React__default.createElement(ui.Divider, null), showHighSlippageWarning && React__default.createElement(ConfirmSwapExtraMessages, {
       selectedSlippage: selectedSlippage
     })),
     confirmButtonTitle: warnings.length > 0 || errors.length > 0 ? 'Proceed anyway!' : 'Confirm swap!'
@@ -2136,7 +2134,7 @@ function TokenInfo(props) {
   }, React__default.createElement(ui.Typography, {
     variant: "body3",
     color: "neutral600"
-  }, `${t('Balance')}: ${tokenBalance} ${fromToken?.symbol || ''}`), React__default.createElement(ui.Spacer, {
+  }, `${t('Balance')}: ${tokenBalance} ${fromToken?.symbol || ''}`), React__default.createElement(ui.Divider, {
     size: 4
   }), React__default.createElement(ui.Button, {
     type: "primary",
@@ -2167,8 +2165,9 @@ function TokenInfo(props) {
     suffix: ItemSuffix,
     align: "start",
     size: "large"
-  }, loadingStatus === 'success' && chain ? chain.displayName : t('Chain')), React__default.createElement(ui.Spacer, {
-    size: 12
+  }, loadingStatus === 'success' && chain ? chain.displayName : t('Chain')), React__default.createElement(ui.Divider, {
+    size: 12,
+    direction: "horizontal"
   }), React__default.createElement(ui.Button, {
     className: "selectors",
     onClick: () => {
@@ -2184,8 +2183,9 @@ function TokenInfo(props) {
     suffix: ItemSuffix,
     size: "large",
     align: "start"
-  }, loadingStatus === 'success' && token ? token.symbol : t('Token')), React__default.createElement(ui.Spacer, {
-    size: 12
+  }, loadingStatus === 'success' && token ? token.symbol : t('Token')), React__default.createElement(ui.Divider, {
+    size: 12,
+    direction: "horizontal"
   }), React__default.createElement("div", {
     className: "amount"
   }, props.type === 'From' ? React__default.createElement(ui.TextField, {
@@ -2836,7 +2836,7 @@ function SwapDetailsPage() {
           label={t('From')}
           loadingStatus={'success'}
         />
-        <Spacer size={12} direction="vertical" />
+        <Divider size={12} />
         <TokenPreview
           chain={{
             displayName: lastStep?.toBlockchain || '',