@reown/appkit-ui-react-native 0.0.0-accounts-canary.1-20251023174733

package/lib/commonjs/layout/wui-overlay/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Overlay = Overlay;
+var _reactNative = require("react-native");
+var _styles = _interopRequireDefault(require("./styles"));
+var _useTheme = require("../../hooks/useTheme");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Overlay({
+  children,
+  style
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [_styles.default.container, {
+      backgroundColor: Theme['gray-glass-030']
+    }, style],
+    children: children
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/layout/wui-overlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_styles","_interopRequireDefault","_useTheme","_jsxRuntime","e","__esModule","default","Overlay","children","style","Theme","useTheme","jsx","View","styles","container","backgroundColor"],"sourceRoot":"../../../../src","sources":["layout/wui-overlay/index.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAgD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOzC,SAASG,OAAOA,CAAC;EAAEC,QAAQ;EAAEC;AAAoB,CAAC,EAAE;EACzD,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACd,YAAA,CAAAe,IAAI;IAACJ,KAAK,EAAE,CAACK,eAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEN,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAAED,KAAK,CAAE;IAAAD,QAAA,EAClFA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/layout/wui-overlay/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  container: {
+    width: '100%',
+    height: '100%'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/layout/wui-overlay/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_default","exports","default","StyleSheet","create","container","width","height"],"sourceRoot":"../../../../src","sources":["layout/wui-overlay/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAA0C,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/layout/wui-separator/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Separator = Separator;
+var _reactNative = require("react-native");
+var _wuiText = require("../../components/wui-text");
+var _wuiFlex = require("../../layout/wui-flex");
+var _useTheme = require("../../hooks/useTheme");
+var _styles = _interopRequireDefault(require("./styles"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Separator({
+  text,
+  style,
+  color = 'gray-glass-005'
+}) {
+  const Theme = (0, _useTheme.useTheme)();
+  if (!text) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_styles.default.single, {
+        backgroundColor: Theme[color]
+      }, style]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_wuiFlex.FlexView, {
+    flexDirection: "row",
+    alignItems: "center",
+    style: style,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_styles.default.divider, _styles.default.marginRight, {
+        backgroundColor: Theme[color]
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_wuiText.Text, {
+      variant: "small-500",
+      color: "fg-300",
+      children: text
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [_styles.default.divider, _styles.default.marginLeft, {
+        backgroundColor: Theme[color]
+      }]
+    })]
+  });
+}
+//# sourceMappingURL=index.js.map

package/lib/commonjs/layout/wui-separator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_wuiText","_wuiFlex","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Separator","text","style","color","Theme","useTheme","jsx","View","styles","single","backgroundColor","jsxs","FlexView","flexDirection","alignItems","children","divider","marginRight","Text","variant","marginLeft"],"sourceRoot":"../../../../src","sources":["layout/wui-separator/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AAA8B,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAK,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQvB,SAASG,SAASA,CAAC;EAAEC,IAAI;EAAEC,KAAK;EAAEC,KAAK,GAAG;AAAiC,CAAC,EAAE;EACnF,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,IAAI,CAACJ,IAAI,EAAE;IACT,oBAAO,IAAAL,WAAA,CAAAU,GAAA,EAACjB,YAAA,CAAAkB,IAAI;MAACL,KAAK,EAAE,CAACM,eAAM,CAACC,MAAM,EAAE;QAAEC,eAAe,EAAEN,KAAK,CAACD,KAAK;MAAE,CAAC,EAAED,KAAK;IAAE,CAAE,CAAC;EACnF;EAEA,oBACE,IAAAN,WAAA,CAAAe,IAAA,EAACnB,QAAA,CAAAoB,QAAQ;IAACC,aAAa,EAAC,KAAK;IAACC,UAAU,EAAC,QAAQ;IAACZ,KAAK,EAAEA,KAAM;IAAAa,QAAA,gBAC7D,IAAAnB,WAAA,CAAAU,GAAA,EAACjB,YAAA,CAAAkB,IAAI;MAACL,KAAK,EAAE,CAACM,eAAM,CAACQ,OAAO,EAAER,eAAM,CAACS,WAAW,EAAE;QAAEP,eAAe,EAAEN,KAAK,CAACD,KAAK;MAAE,CAAC;IAAE,CAAE,CAAC,eACxF,IAAAP,WAAA,CAAAU,GAAA,EAACf,QAAA,CAAA2B,IAAI;MAACC,OAAO,EAAC,WAAW;MAAChB,KAAK,EAAC,QAAQ;MAAAY,QAAA,EACrCd;IAAI,CACD,CAAC,eACP,IAAAL,WAAA,CAAAU,GAAA,EAACjB,YAAA,CAAAkB,IAAI;MAACL,KAAK,EAAE,CAACM,eAAM,CAACQ,OAAO,EAAER,eAAM,CAACY,UAAU,EAAE;QAAEV,eAAe,EAAEN,KAAK,CAACD,KAAK;MAAE,CAAC;IAAE,CAAE,CAAC;EAAA,CAC/E,CAAC;AAEf","ignoreList":[]}

package/lib/commonjs/layout/wui-separator/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNative = require("react-native");
+var _ThemeUtil = require("../../utils/ThemeUtil");
+var _default = exports.default = _reactNative.StyleSheet.create({
+  single: {
+    width: '100%',
+    height: 1
+  },
+  divider: {
+    height: 1,
+    flex: 1
+  },
+  marginLeft: {
+    marginLeft: _ThemeUtil.Spacing.xs
+  },
+  marginRight: {
+    marginRight: _ThemeUtil.Spacing.xs
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/layout/wui-separator/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","single","width","height","divider","flex","marginLeft","Spacing","xs","marginRight"],"sourceRoot":"../../../../src","sources":["layout/wui-separator/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAgD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEjCC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,MAAM,EAAE;IACNC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPD,MAAM,EAAE,CAAC;IACTE,IAAI,EAAE;EACR,CAAC;EACDC,UAAU,EAAE;IACVA,UAAU,EAAEC,kBAAO,CAACC;EACtB,CAAC;EACDC,WAAW,EAAE;IACXA,WAAW,EAAEF,kBAAO,CAACC;EACvB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/utils/QRCodeUtil.js

@@ -0,0 +1,153 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.QRCodeUtil = void 0;
+var _reactNativeSvg = require("react-native-svg");
+var _qrcode = _interopRequireDefault(require("qrcode"));
+var _ThemeUtil = require("../utils/ThemeUtil");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CONNECTING_ERROR_MARGIN = 0.1;
+const CIRCLE_SIZE_MODIFIER = 2.5;
+const QRCODE_MATRIX_MARGIN = 7;
+function isAdjecentDots(cy, otherCy, cellSize) {
+  if (cy === otherCy) {
+    return false;
+  }
+  const diff = cy - otherCy < 0 ? otherCy - cy : cy - otherCy;
+  return diff <= cellSize + CONNECTING_ERROR_MARGIN;
+}
+function getMatrix(value, errorCorrectionLevel) {
+  const arr = Array.prototype.slice.call(_qrcode.default.create(value, {
+    errorCorrectionLevel
+  }).modules.data, 0);
+  const sqrt = Math.sqrt(arr.length);
+  return arr.reduce((rows, key, index) => (index % sqrt === 0 ? rows.push([key]) : rows[rows.length - 1].push(key)) && rows, []);
+}
+const QRCodeUtil = exports.QRCodeUtil = {
+  generate(uri, size, logoSize) {
+    const dotColor = _ThemeUtil.LightTheme['inverse-000'];
+    const edgeColor = _ThemeUtil.LightTheme['inverse-100'];
+    const dots = [];
+    const matrix = getMatrix(uri, 'Q');
+    const cellSize = size / matrix.length;
+    const qrList = [{
+      x: 0,
+      y: 0
+    }, {
+      x: 1,
+      y: 0
+    }, {
+      x: 0,
+      y: 1
+    }];
+    qrList.forEach(({
+      x,
+      y
+    }) => {
+      const x1 = (matrix.length - QRCODE_MATRIX_MARGIN) * cellSize * x;
+      const y1 = (matrix.length - QRCODE_MATRIX_MARGIN) * cellSize * y;
+      const borderRadius = 0.32;
+      for (let i = 0; i < qrList.length; i += 1) {
+        const dotSize = cellSize * (QRCODE_MATRIX_MARGIN - i * 2);
+        dots.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+          fill: i % 2 === 0 ? dotColor : edgeColor,
+          height: dotSize,
+          rx: dotSize * borderRadius,
+          ry: dotSize * borderRadius,
+          width: dotSize,
+          x: x1 + cellSize * i,
+          y: y1 + cellSize * i
+        }, `rect_${x1 + cellSize * i}_${y1 + cellSize * i}`));
+      }
+    });
+    const clearArenaSize = Math.floor((logoSize + 25) / cellSize);
+    const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
+    const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
+    const circles = [];
+
+    // Getting coordinates for each of the QR code dots
+    matrix.forEach((row, i) => {
+      row.forEach((_, j) => {
+        if (matrix[i][j]) {
+          if (!(i < QRCODE_MATRIX_MARGIN && j < QRCODE_MATRIX_MARGIN || i > matrix.length - (QRCODE_MATRIX_MARGIN + 1) && j < QRCODE_MATRIX_MARGIN || i < QRCODE_MATRIX_MARGIN && j > matrix.length - (QRCODE_MATRIX_MARGIN + 1))) {
+            if (!(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
+              const cx = i * cellSize + cellSize / 2;
+              const cy = j * cellSize + cellSize / 2;
+              circles.push([cx, cy]);
+            }
+          }
+        }
+      });
+    });
+
+    // Cx to multiple cys
+    const circlesToConnect = {};
+
+    // Mapping all dots cicles on the same x axis
+    circles.forEach(([cx, cy]) => {
+      if (circlesToConnect[cx]) {
+        circlesToConnect[cx]?.push(cy);
+      } else {
+        circlesToConnect[cx] = [cy];
+      }
+    });
+
+    // Drawing lonely dots
+    Object.entries(circlesToConnect)
+    // Only get dots that have neighbors
+    .map(([cx, cys]) => {
+      const newCys = cys.filter(cy => cys.every(otherCy => !isAdjecentDots(cy, otherCy, cellSize)));
+      return [Number(cx), newCys];
+    }).forEach(([cx, cys]) => {
+      cys.forEach(cy => {
+        dots.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
+          cx: cx,
+          cy: cy,
+          fill: dotColor,
+          r: cellSize / CIRCLE_SIZE_MODIFIER
+        }, `circle_${cx}_${cy}`));
+      });
+    });
+
+    // Drawing lines for dots that are close to each other
+    Object.entries(circlesToConnect)
+    // Only get dots that have more than one dot on the x axis
+    .filter(([_, cys]) => cys.length > 1)
+    // Removing dots with no neighbors
+    .map(([cx, cys]) => {
+      const newCys = cys.filter(cy => cys.some(otherCy => isAdjecentDots(cy, otherCy, cellSize)));
+      return [Number(cx), newCys];
+    })
+    // Get the coordinates of the first and last dot of a line
+    .map(([cx, cys]) => {
+      cys.sort((a, b) => a < b ? -1 : 1);
+      const groups = [];
+      for (const cy of cys) {
+        const group = groups.find(item => item.some(otherCy => isAdjecentDots(cy, otherCy, cellSize)));
+        if (group) {
+          group.push(cy);
+        } else {
+          groups.push([cy]);
+        }
+      }
+      return [cx, groups.map(item => [item[0], item[item.length - 1]])];
+    }).forEach(([cx, groups]) => {
+      groups.forEach(([y1, y2]) => {
+        dots.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Line, {
+          x1: cx,
+          x2: cx,
+          y1: y1,
+          y2: y2,
+          stroke: dotColor,
+          strokeWidth: cellSize / (CIRCLE_SIZE_MODIFIER / 2),
+          strokeLinecap: "round"
+        }, `line_${cx}_${y1}_${y2}`));
+      });
+    });
+    return dots;
+  }
+};
+//# sourceMappingURL=QRCodeUtil.js.map

package/lib/commonjs/utils/QRCodeUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSvg","require","_qrcode","_interopRequireDefault","_ThemeUtil","_jsxRuntime","e","__esModule","default","CONNECTING_ERROR_MARGIN","CIRCLE_SIZE_MODIFIER","QRCODE_MATRIX_MARGIN","isAdjecentDots","cy","otherCy","cellSize","diff","getMatrix","value","errorCorrectionLevel","arr","Array","prototype","slice","call","QRCode","create","modules","data","sqrt","Math","length","reduce","rows","key","index","push","QRCodeUtil","exports","generate","uri","size","logoSize","dotColor","LightTheme","edgeColor","dots","matrix","qrList","x","y","forEach","x1","y1","borderRadius","i","dotSize","jsx","Rect","fill","height","rx","ry","width","clearArenaSize","floor","matrixMiddleStart","matrixMiddleEnd","circles","row","_","j","cx","circlesToConnect","Object","entries","map","cys","newCys","filter","every","Number","Circle","r","some","sort","a","b","groups","group","find","item","y2","Line","x2","stroke","strokeWidth","strokeLinecap"],"sourceRoot":"../../../src","sources":["utils/QRCodeUtil.tsx"],"mappings":";;;;;;AACA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAgD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIhD,MAAMG,uBAAuB,GAAG,GAAG;AACnC,MAAMC,oBAAoB,GAAG,GAAG;AAChC,MAAMC,oBAAoB,GAAG,CAAC;AAE9B,SAASC,cAAcA,CAACC,EAAU,EAAEC,OAAe,EAAEC,QAAgB,EAAE;EACrE,IAAIF,EAAE,KAAKC,OAAO,EAAE;IAClB,OAAO,KAAK;EACd;EACA,MAAME,IAAI,GAAGH,EAAE,GAAGC,OAAO,GAAG,CAAC,GAAGA,OAAO,GAAGD,EAAE,GAAGA,EAAE,GAAGC,OAAO;EAE3D,OAAOE,IAAI,IAAID,QAAQ,GAAGN,uBAAuB;AACnD;AAEA,SAASQ,SAASA,CAACC,KAAa,EAAEC,oBAAuD,EAAE;EACzF,MAAMC,GAAG,GAAGC,KAAK,CAACC,SAAS,CAACC,KAAK,CAACC,IAAI,CACpCC,eAAM,CAACC,MAAM,CAACR,KAAK,EAAE;IAAEC;EAAqB,CAAC,CAAC,CAACQ,OAAO,CAACC,IAAI,EAC3D,CACF,CAAC;EACD,MAAMC,IAAI,GAAGC,IAAI,CAACD,IAAI,CAACT,GAAG,CAACW,MAAM,CAAC;EAElC,OAAOX,GAAG,CAACY,MAAM,CACf,CAACC,IAAI,EAAEC,GAAG,EAAEC,KAAK,KACf,CAACA,KAAK,GAAGN,IAAI,KAAK,CAAC,GAAGI,IAAI,CAACG,IAAI,CAAC,CAACF,GAAG,CAAC,CAAC,GAAGD,IAAI,CAACA,IAAI,CAACF,MAAM,GAAG,CAAC,CAAC,CAACK,IAAI,CAACF,GAAG,CAAC,KAAKD,IAAI,EACnF,EACF,CAAC;AACH;AAEO,MAAMI,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,QAAQA,CAACC,GAAW,EAAEC,IAAY,EAAEC,QAAgB,EAAE;IACpD,MAAMC,QAAQ,GAAGC,qBAAU,CAAC,aAAa,CAAC;IAC1C,MAAMC,SAAS,GAAGD,qBAAU,CAAC,aAAa,CAAC;IAC3C,MAAME,IAAiB,GAAG,EAAE;IAC5B,MAAMC,MAAM,GAAG9B,SAAS,CAACuB,GAAG,EAAE,GAAG,CAAC;IAClC,MAAMzB,QAAQ,GAAG0B,IAAI,GAAGM,MAAM,CAAChB,MAAM;IACrC,MAAMiB,MAAM,GAAG,CACb;MAAEC,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC,EACd;MAAED,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC,EACd;MAAED,CAAC,EAAE,CAAC;MAAEC,CAAC,EAAE;IAAE,CAAC,CACf;IAEDF,MAAM,CAACG,OAAO,CAAC,CAAC;MAAEF,CAAC;MAAEC;IAAE,CAAC,KAAK;MAC3B,MAAME,EAAE,GAAG,CAACL,MAAM,CAAChB,MAAM,GAAGpB,oBAAoB,IAAII,QAAQ,GAAGkC,CAAC;MAChE,MAAMI,EAAE,GAAG,CAACN,MAAM,CAAChB,MAAM,GAAGpB,oBAAoB,IAAII,QAAQ,GAAGmC,CAAC;MAChE,MAAMI,YAAY,GAAG,IAAI;MACzB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGP,MAAM,CAACjB,MAAM,EAAEwB,CAAC,IAAI,CAAC,EAAE;QACzC,MAAMC,OAAO,GAAGzC,QAAQ,IAAIJ,oBAAoB,GAAG4C,CAAC,GAAG,CAAC,CAAC;QACzDT,IAAI,CAACV,IAAI,cACP,IAAA/B,WAAA,CAAAoD,GAAA,EAACzD,eAAA,CAAA0D,IAAI;UAEHC,IAAI,EAAEJ,CAAC,GAAG,CAAC,KAAK,CAAC,GAAGZ,QAAQ,GAAGE,SAAU;UACzCe,MAAM,EAAEJ,OAAQ;UAChBK,EAAE,EAAEL,OAAO,GAAGF,YAAa;UAC3BQ,EAAE,EAAEN,OAAO,GAAGF,YAAa;UAC3BS,KAAK,EAAEP,OAAQ;UACfP,CAAC,EAAEG,EAAE,GAAGrC,QAAQ,GAAGwC,CAAE;UACrBL,CAAC,EAAEG,EAAE,GAAGtC,QAAQ,GAAGwC;QAAE,GAPhB,QAAQH,EAAE,GAAGrC,QAAQ,GAAGwC,CAAC,IAAIF,EAAE,GAAGtC,QAAQ,GAAGwC,CAAC,EAQpD,CACH,CAAC;MACH;IACF,CAAC,CAAC;IAEF,MAAMS,cAAc,GAAGlC,IAAI,CAACmC,KAAK,CAAC,CAACvB,QAAQ,GAAG,EAAE,IAAI3B,QAAQ,CAAC;IAC7D,MAAMmD,iBAAiB,GAAGnB,MAAM,CAAChB,MAAM,GAAG,CAAC,GAAGiC,cAAc,GAAG,CAAC;IAChE,MAAMG,eAAe,GAAGpB,MAAM,CAAChB,MAAM,GAAG,CAAC,GAAGiC,cAAc,GAAG,CAAC,GAAG,CAAC;IAClE,MAAMI,OAA2B,GAAG,EAAE;;IAEtC;IACArB,MAAM,CAACI,OAAO,CAAC,CAACkB,GAAoB,EAAEd,CAAS,KAAK;MAClDc,GAAG,CAAClB,OAAO,CAAC,CAACmB,CAAC,EAAEC,CAAS,KAAK;QAC5B,IAAIxB,MAAM,CAACQ,CAAC,CAAC,CAACgB,CAAC,CAAC,EAAE;UAChB,IACE,EACGhB,CAAC,GAAG5C,oBAAoB,IAAI4D,CAAC,GAAG5D,oBAAoB,IACpD4C,CAAC,GAAGR,MAAM,CAAChB,MAAM,IAAIpB,oBAAoB,GAAG,CAAC,CAAC,IAAI4D,CAAC,GAAG5D,oBAAqB,IAC3E4C,CAAC,GAAG5C,oBAAoB,IAAI4D,CAAC,GAAGxB,MAAM,CAAChB,MAAM,IAAIpB,oBAAoB,GAAG,CAAC,CAAE,CAC7E,EACD;YACA,IACE,EACE4C,CAAC,GAAGW,iBAAiB,IACrBX,CAAC,GAAGY,eAAe,IACnBI,CAAC,GAAGL,iBAAiB,IACrBK,CAAC,GAAGJ,eAAe,CACpB,EACD;cACA,MAAMK,EAAE,GAAGjB,CAAC,GAAGxC,QAAQ,GAAGA,QAAQ,GAAG,CAAC;cACtC,MAAMF,EAAE,GAAG0D,CAAC,GAAGxD,QAAQ,GAAGA,QAAQ,GAAG,CAAC;cACtCqD,OAAO,CAAChC,IAAI,CAAC,CAACoC,EAAE,EAAE3D,EAAE,CAAC,CAAC;YACxB;UACF;QACF;MACF,CAAC,CAAC;IACJ,CAAC,CAAC;;IAEF;IACA,MAAM4D,gBAA0C,GAAG,CAAC,CAAC;;IAErD;IACAL,OAAO,CAACjB,OAAO,CAAC,CAAC,CAACqB,EAAE,EAAE3D,EAAE,CAAC,KAAK;MAC5B,IAAI4D,gBAAgB,CAACD,EAAE,CAAC,EAAE;QACxBC,gBAAgB,CAACD,EAAE,CAAC,EAAEpC,IAAI,CAACvB,EAAE,CAAC;MAChC,CAAC,MAAM;QACL4D,gBAAgB,CAACD,EAAE,CAAC,GAAG,CAAC3D,EAAE,CAAC;MAC7B;IACF,CAAC,CAAC;;IAEF;IACA6D,MAAM,CAACC,OAAO,CAACF,gBAAgB;IAC7B;IAAA,CACCG,GAAG,CAAC,CAAC,CAACJ,EAAE,EAAEK,GAAG,CAAC,KAAK;MAClB,MAAMC,MAAM,GAAGD,GAAG,CAACE,MAAM,CAAClE,EAAE,IAC1BgE,GAAG,CAACG,KAAK,CAAClE,OAAO,IAAI,CAACF,cAAc,CAACC,EAAE,EAAEC,OAAO,EAAEC,QAAQ,CAAC,CAC7D,CAAC;MAED,OAAO,CAACkE,MAAM,CAACT,EAAE,CAAC,EAAEM,MAAM,CAAC;IAC7B,CAAC,CAAC,CACD3B,OAAO,CAAC,CAAC,CAACqB,EAAE,EAAEK,GAAG,CAAC,KAAK;MACtBA,GAAG,CAAC1B,OAAO,CAACtC,EAAE,IAAI;QAChBiC,IAAI,CAACV,IAAI,cACP,IAAA/B,WAAA,CAAAoD,GAAA,EAACzD,eAAA,CAAAkF,MAAM;UAELV,EAAE,EAAEA,EAAG;UACP3D,EAAE,EAAEA,EAAG;UACP8C,IAAI,EAAEhB,QAAS;UACfwC,CAAC,EAAEpE,QAAQ,GAAGL;QAAqB,GAJ9B,UAAU8D,EAAE,IAAI3D,EAAE,EAKxB,CACH,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAC;;IAEJ;IACA6D,MAAM,CAACC,OAAO,CAACF,gBAAgB;IAC7B;IAAA,CACCM,MAAM,CAAC,CAAC,CAACT,CAAC,EAAEO,GAAG,CAAC,KAAKA,GAAG,CAAC9C,MAAM,GAAG,CAAC;IACpC;IAAA,CACC6C,GAAG,CAAC,CAAC,CAACJ,EAAE,EAAEK,GAAG,CAAC,KAAK;MAClB,MAAMC,MAAM,GAAGD,GAAG,CAACE,MAAM,CAAClE,EAAE,IAAIgE,GAAG,CAACO,IAAI,CAACtE,OAAO,IAAIF,cAAc,CAACC,EAAE,EAAEC,OAAO,EAAEC,QAAQ,CAAC,CAAC,CAAC;MAE3F,OAAO,CAACkE,MAAM,CAACT,EAAE,CAAC,EAAEM,MAAM,CAAC;IAC7B,CAAC;IACD;IAAA,CACCF,GAAG,CAAC,CAAC,CAACJ,EAAE,EAAEK,GAAG,CAAC,KAAK;MAClBA,GAAG,CAACQ,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAMD,CAAC,GAAGC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAE,CAAC;MACpC,MAAMC,MAAkB,GAAG,EAAE;MAE7B,KAAK,MAAM3E,EAAE,IAAIgE,GAAG,EAAE;QACpB,MAAMY,KAAK,GAAGD,MAAM,CAACE,IAAI,CAACC,IAAI,IAC5BA,IAAI,CAACP,IAAI,CAACtE,OAAO,IAAIF,cAAc,CAACC,EAAE,EAAEC,OAAO,EAAEC,QAAQ,CAAC,CAC5D,CAAC;QACD,IAAI0E,KAAK,EAAE;UACTA,KAAK,CAACrD,IAAI,CAACvB,EAAE,CAAC;QAChB,CAAC,MAAM;UACL2E,MAAM,CAACpD,IAAI,CAAC,CAACvB,EAAE,CAAC,CAAC;QACnB;MACF;MAEA,OAAO,CAAC2D,EAAE,EAAEgB,MAAM,CAACZ,GAAG,CAACe,IAAI,IAAI,CAACA,IAAI,CAAC,CAAC,CAAC,EAAEA,IAAI,CAACA,IAAI,CAAC5D,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACnE,CAAC,CAAC,CACDoB,OAAO,CAAC,CAAC,CAACqB,EAAE,EAAEgB,MAAM,CAAC,KAAK;MACzBA,MAAM,CAACrC,OAAO,CAAC,CAAC,CAACE,EAAE,EAAEuC,EAAE,CAAC,KAAK;QAC3B9C,IAAI,CAACV,IAAI,cACP,IAAA/B,WAAA,CAAAoD,GAAA,EAACzD,eAAA,CAAA6F,IAAI;UAEHzC,EAAE,EAAEoB,EAAG;UACPsB,EAAE,EAAEtB,EAAG;UACPnB,EAAE,EAAEA,EAAG;UACPuC,EAAE,EAAEA,EAAG;UACPG,MAAM,EAAEpD,QAAS;UACjBqD,WAAW,EAAEjF,QAAQ,IAAIL,oBAAoB,GAAG,CAAC,CAAE;UACnDuF,aAAa,EAAC;QAAO,GAPhB,QAAQzB,EAAE,IAAInB,EAAE,IAAIuC,EAAE,EAQ5B,CACH,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAC;IAEJ,OAAO9C,IAAI;EACb;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/utils/ThemeUtil.js

@@ -0,0 +1,199 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getAccentColors = exports.WalletImageSize = exports.SpinnerSize = exports.Spacing = exports.LightTheme = exports.IconSize = exports.DarkTheme = exports.BorderRadius = void 0;
+var _polished = require("polished");
+const getAccentColors = baseAccentColor => {
+  return {
+    'accent-100': baseAccentColor,
+    'accent-090': (0, _polished.lighten)(0.05, baseAccentColor),
+    'accent-080': (0, _polished.lighten)(0.1, baseAccentColor),
+    'accent-020': (0, _polished.darken)(0.1, baseAccentColor),
+    'accent-glass-090': (0, _polished.transparentize)(0.1, baseAccentColor),
+    'accent-glass-080': (0, _polished.transparentize)(0.2, baseAccentColor),
+    'accent-glass-020': (0, _polished.transparentize)(0.8, baseAccentColor),
+    'accent-glass-015': (0, _polished.transparentize)(0.85, baseAccentColor),
+    'accent-glass-010': (0, _polished.transparentize)(0.9, baseAccentColor),
+    'accent-glass-005': (0, _polished.transparentize)(0.95, baseAccentColor),
+    'accent-glass-002': (0, _polished.transparentize)(0.98, baseAccentColor)
+  };
+};
+exports.getAccentColors = getAccentColors;
+const DarkTheme = exports.DarkTheme = {
+  'accent-100': '#667DFF',
+  'accent-090': '#7388FD',
+  'accent-080': '#7F92FA',
+  'accent-020': '#5869D1',
+  'accent-glass-090': 'rgba(102, 125, 255, 0.90)',
+  'accent-glass-080': 'rgba(102, 125, 255, 0.80)',
+  'accent-glass-020': 'rgba(102, 125, 255, 0.2)',
+  'accent-glass-015': 'rgba(102, 125, 255, 0.15)',
+  'accent-glass-010': 'rgba(102, 125, 255, 0.1)',
+  'accent-glass-005': 'rgba(102, 125, 255, 0.05)',
+  'accent-glass-002': 'rgba(102, 125, 255, 0.02)',
+  'fg-100': '#E4E7E7',
+  'fg-125': '#D0D5D5',
+  'fg-150': '#A8B1B1',
+  'fg-175': '#A8B0B0',
+  'fg-200': '#949E9E',
+  'fg-225': '#868F8F',
+  'fg-250': '#788080',
+  'fg-275': '#788181',
+  'fg-300': '#6E7777',
+  'bg-100': '#121313',
+  'bg-125': '#191A1A',
+  'bg-150': '#1E1F1F',
+  'bg-175': '#222525',
+  'bg-200': '#272A2A',
+  'bg-225': '#2C3030',
+  'bg-250': '#313535',
+  'bg-275': '#363B3B',
+  'bg-300': '#3B4040',
+  'inverse-100': '#FFFFFF',
+  'inverse-000': '#000000',
+  'success-100': '#26D962',
+  'success-glass-020': 'rgba(38, 217, 98, 0.20)',
+  'success-glass-015': 'rgba(38, 217, 98, 0.15)',
+  'success-glass-010': 'rgba(38, 217, 98, 0.10)',
+  'success-glass-005': 'rgba(38, 217, 98, 0.05)',
+  'error-100': '#F25A67',
+  'error-glass-020': 'rgba(242, 90, 103, 0.20)',
+  'error-glass-015': 'rgba(242, 90, 103, 0.15)',
+  'error-glass-010': 'rgba(242, 90, 103, 0.10)',
+  'error-glass-005': 'rgba(242, 90, 103, 0.05)',
+  'teal-100': '#36e2e2',
+  'magenta-100': '#cb4d8c',
+  'indigo-100': '#516dfb',
+  'orange-100': '#ffa64c',
+  'purple-100': '#906ef7',
+  'yellow-100': '#faff00',
+  'gray-glass-001': 'rgba(255, 255, 255, 0.01)',
+  'gray-glass-002': 'rgba(255, 255, 255, 0.02)',
+  'gray-glass-005': 'rgba(255, 255, 255, 0.05)',
+  'gray-glass-010': 'rgba(255, 255, 255, 0.1)',
+  'gray-glass-015': 'rgba(255, 255, 255, 0.15)',
+  'gray-glass-020': 'rgba(255, 255, 255, 0.2)',
+  'gray-glass-025': 'rgba(255, 255, 255, 0.25)',
+  'gray-glass-030': 'rgba(255, 255, 255, 0.3)',
+  'gray-glass-060': 'rgba(255, 255, 255, 0.6)',
+  'gray-glass-070': 'rgba(255, 255, 255, 0.7)',
+  'gray-glass-080': 'rgba(255, 255, 255, 0.8)',
+  'gray-glass-090': 'rgba(255, 255, 255, 0.9)',
+  //IconBox
+  'icon-box-bg-error-100': '#3c2426',
+  'icon-box-bg-success-100': '#1f3a28'
+};
+const LightTheme = exports.LightTheme = {
+  'accent-100': '#5570FF',
+  'accent-090': '#4F67E7',
+  'accent-080': '#485ED0',
+  'accent-020': '#788DFF',
+  'accent-glass-090': 'rgba(85, 112, 255, 0.90)',
+  'accent-glass-080': 'rgba(85, 112, 255, 0.8)',
+  'accent-glass-020': 'rgba(85, 112, 255, 0.2)',
+  'accent-glass-015': 'rgba(85, 112, 255, 0.15)',
+  'accent-glass-010': 'rgba(85, 112, 255, 0.1)',
+  'accent-glass-005': 'rgba(85, 112, 255, 0.05)',
+  'accent-glass-002': 'rgba(85, 112, 255, 0.02)',
+  'fg-100': '#141414',
+  'fg-125': '#2d3131',
+  'fg-150': '#474d4d',
+  'fg-175': '#636d6d',
+  'fg-200': '#798686',
+  'fg-225': '#828f8f',
+  'fg-250': '#8b9797',
+  'fg-275': '#95a0a0',
+  'fg-300': '#9ea9a9',
+  'bg-100': '#ffffff',
+  'bg-125': '#ffffff',
+  'bg-150': '#f3f8f8',
+  'bg-175': '#eef4f4',
+  'bg-200': '#eaf1f1',
+  'bg-225': '#e5eded',
+  'bg-250': '#e1e9e9',
+  'bg-275': '#dce7e7',
+  'bg-300': '#d8e3e3',
+  'inverse-100': '#FFFFFF',
+  'inverse-000': '#000000',
+  'success-100': '#26B562',
+  'success-glass-020': 'rgba(38, 181, 98, 0.20)',
+  'success-glass-015': 'rgba(38, 181, 98, 0.15)',
+  'success-glass-010': 'rgba(38, 181, 98, 0.10)',
+  'success-glass-005': 'rgba(38, 181, 98, 0.05)',
+  'error-100': '#F05142',
+  'error-glass-020': 'rgba(240, 81, 66, 0.20)',
+  'error-glass-015': 'rgba(240, 81, 66, 0.15)',
+  'error-glass-010': 'rgba(240, 81, 66, 0.10)',
+  'error-glass-005': 'rgba(240, 81, 66, 0.05)',
+  'teal-100': '#2bb6b6',
+  'magenta-100': '#c65380',
+  'indigo-100': '#3d5cf5',
+  'orange-100': '#ea8c2e',
+  'purple-100': '#794cff',
+  'yellow-100': '#eccc1c',
+  'gray-glass-001': 'rgba(0, 0, 0, 0.01)',
+  'gray-glass-002': 'rgba(0, 0, 0, 0.02)',
+  'gray-glass-005': 'rgba(0, 0, 0, 0.05)',
+  'gray-glass-010': 'rgba(0, 0, 0, 0.1)',
+  'gray-glass-015': 'rgba(0, 0, 0, 0.15)',
+  'gray-glass-020': 'rgba(0, 0, 0, 0.2)',
+  'gray-glass-025': 'rgba(0, 0, 0, 0.25)',
+  'gray-glass-030': 'rgba(0, 0, 0, 0.3)',
+  'gray-glass-060': 'rgba(0, 0, 0, 0.6)',
+  'gray-glass-070': 'rgba(0, 0, 0, 0.7)',
+  'gray-glass-080': 'rgba(0, 0, 0, 0.8)',
+  'gray-glass-090': 'rgba(0, 0, 0, 0.9)',
+  //IconBox
+  'icon-box-bg-error-100': '#f4dfdd',
+  'icon-box-bg-success-100': '#daf0e4'
+};
+const BorderRadius = exports.BorderRadius = {
+  '5xs': 4,
+  '4xs': 6,
+  '3xs': 8,
+  'xxs': 12,
+  'xs': 16,
+  's': 20,
+  'm': 28,
+  'l': 36,
+  '3xl': 80,
+  'full': 100
+};
+const IconSize = exports.IconSize = {
+  xxs: 10,
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 20,
+  xl: 24
+};
+const SpinnerSize = exports.SpinnerSize = {
+  sm: 12,
+  md: 16,
+  lg: 24,
+  xl: 32
+};
+const Spacing = exports.Spacing = {
+  '0': 0,
+  '4xs': 2,
+  '3xs': 4,
+  '2xs': 6,
+  'xs': 8,
+  's': 12,
+  'm': 14,
+  'l': 16,
+  'xl': 20,
+  '2xl': 24,
+  '3xl': 32,
+  '4xl': 40
+};
+const WalletImageSize = exports.WalletImageSize = {
+  xs: 15,
+  sm: 40,
+  md: 56,
+  lg: 64,
+  xl: 80
+};
+//# sourceMappingURL=ThemeUtil.js.map

package/lib/commonjs/utils/ThemeUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_polished","require","getAccentColors","baseAccentColor","lighten","darken","transparentize","exports","DarkTheme","LightTheme","BorderRadius","IconSize","xxs","xs","sm","md","lg","xl","SpinnerSize","Spacing","WalletImageSize"],"sourceRoot":"../../../src","sources":["utils/ThemeUtil.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/utils/TransactionUtil.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TransactionUtil = void 0;
+var _appkitCommonReactNative = require("@reown/appkit-common-react-native");
+var _UiUtil = require("./UiUtil");
+// -- Helpers --------------------------------------------- //
+const FLOAT_FIXED_VALUE = 2;
+const SMALL_FLOAT_FIXED_VALUE = 4;
+const plusTypes = ['receive', 'deposit', 'borrow', 'claim'];
+const minusTypes = ['withdraw', 'repay', 'burn'];
+const TransactionUtil = exports.TransactionUtil = {
+  getTransactionGroupTitle(year, month) {
+    const currentYear = _appkitCommonReactNative.DateUtil.getYear().toString();
+    const monthName = _appkitCommonReactNative.DateUtil.getMonth(parseInt(month));
+    const isCurrentYear = year === currentYear;
+    const groupTitle = isCurrentYear ? monthName : `${monthName} ${year}`;
+    return groupTitle;
+  },
+  getTransactionImages(transfers) {
+    const isAllNFT = Boolean(transfers[0]) && transfers?.every(item => Boolean(item.nft_info));
+    const haveMultipleTransfers = transfers?.length > 1;
+    const haveTwoTransfers = transfers?.length === 2;
+    if (haveTwoTransfers && !isAllNFT) {
+      const first = transfers.find(t => t?.direction === 'out');
+      const second = transfers.find(t => t?.direction === 'in');
+      return [this.getTransactionImage(first), this.getTransactionImage(second)];
+    }
+    if (haveMultipleTransfers) {
+      return transfers.map(item => this.getTransactionImage(item));
+    }
+    return [this.getTransactionImage(transfers[0])];
+  },
+  getTransactionImage(transfer) {
+    return {
+      type: TransactionUtil.getTransactionTransferTokenType(transfer),
+      url: TransactionUtil.getTransactionImageURL(transfer)
+    };
+  },
+  getTransactionImageURL(transfer) {
+    let imageURL;
+    const isNFT = Boolean(transfer?.nft_info);
+    const isFungible = Boolean(transfer?.fungible_info);
+    if (transfer && isNFT) {
+      imageURL = transfer?.nft_info?.content?.preview?.url;
+    } else if (transfer && isFungible) {
+      imageURL = transfer?.fungible_info?.icon?.url;
+    }
+    return imageURL;
+  },
+  getTransactionTransferTokenType(transfer) {
+    if (transfer?.fungible_info) {
+      return 'FUNGIBLE';
+    } else if (transfer?.nft_info) {
+      return 'NFT';
+    }
+    return undefined;
+  },
+  getTransactionDescriptions(transaction) {
+    if (!transaction.metadata) {
+      return ['Unknown transaction'];
+    }
+    const type = transaction?.metadata?.operationType;
+    const transfers = transaction?.transfers;
+
+    // Early return for trade transactions
+    if (type === 'trade') {
+      return this.getTradeDescriptions(transfers);
+    }
+
+    // Handle multiple transfers
+    if (transfers.length > 1) {
+      return transfers.map(transfer => this.getTransferDescription(transfer));
+    }
+
+    // Handle single transfer
+    if (transfers.length === 1) {
+      return [this.formatSingleTransfer(transfers[0], type, transaction.metadata)];
+    }
+    return [transaction.metadata.status];
+  },
+  isSendReceiveTransaction(type) {
+    return type === 'send' || type === 'receive';
+  },
+  hasFungibleTransfers(transfers) {
+    return transfers.every(transfer => Boolean(transfer?.fungible_info));
+  },
+  getSendReceiveDescriptions(metadata) {
+    return [this.truncateAddress(metadata.sentFrom), this.truncateAddress(metadata.sentTo)];
+  },
+  truncateAddress(address) {
+    return _UiUtil.UiUtil.getTruncateString({
+      string: address,
+      charsStart: 4,
+      charsEnd: 6,
+      truncate: 'middle'
+    });
+  },
+  formatSingleTransfer(transfer, type, metadata) {
+    const prefix = this.getPrefix(type);
+    let description = prefix.concat(this.getTransferDescription(transfer));
+    if (this.isSendReceiveTransaction(type)) {
+      const isSend = type === 'send';
+      const address = this.truncateAddress(isSend ? metadata.sentTo : metadata.sentFrom);
+      const arrow = isSend ? '→' : '←';
+      description = description.concat(` ${arrow} ${address}`);
+    }
+    return description;
+  },
+  getPrefix(type) {
+    if (plusTypes.includes(type)) return '+';
+    if (minusTypes.includes(type)) return '-';
+    return '';
+  },
+  getTradeDescriptions(transfers) {
+    const outTransfer = transfers.find(transfer => transfer?.direction === 'out');
+    const inTransfer = transfers.find(transfer => transfer?.direction === 'in');
+    return [this.getTransferDescription(outTransfer), this.getTransferDescription(inTransfer)];
+  },
+  getTransferDescription(transfer) {
+    let description = '';
+    if (!transfer) {
+      return description;
+    }
+    if (transfer?.nft_info) {
+      description = transfer?.nft_info?.name || '-';
+    } else if (transfer?.fungible_info) {
+      description = this.getFungibleTransferDescription(transfer) ?? '-';
+    }
+    return description;
+  },
+  getFungibleTransferDescription(transfer) {
+    if (!transfer) {
+      return null;
+    }
+    const quantity = this.getQuantityFixedValue(transfer?.quantity.numeric);
+    const description = [quantity, transfer?.fungible_info?.symbol].join(' ').trim();
+    return description;
+  },
+  getQuantityFixedValue(value) {
+    if (!value) {
+      return null;
+    }
+    const parsedValue = parseFloat(value);
+    return parsedValue.toFixed(parsedValue > 1 ? FLOAT_FIXED_VALUE : SMALL_FLOAT_FIXED_VALUE);
+  }
+};
+//# sourceMappingURL=TransactionUtil.js.map