@orderly.network/ui-share 3.0.0-beta.1 → 3.0.0-beta.3

package/dist/index.d.mts

@@ -1,3 +1,4 @@
+import { MarginMode } from '@orderly.network/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type layoutInfo = {
@@ -33,6 +34,7 @@ type SharePnLParams = {
     refCode?: string;
     refSlogan?: string;
     refLink?: string;
+    brokerName?: string;
 };
 type SharePnLOptions = {
     /**
@@ -72,7 +74,7 @@ type ReferralType = {
 type ShareEntity = {
     symbol: string;
     side: "LONG" | "SHORT";
-    marginMode?: "isolated" | "cross";
+    marginMode?: MarginMode;
     pnl?: number;
     roi?: number;
     openPrice?: number;
@@ -93,6 +95,7 @@ declare const useSharePnLScript: (props: {
     quoteDp: number | undefined;
     referralInfo: ReferralType | undefined;
     shareOptions: SharePnLOptions;
+    brokerName: string | undefined;
     hide: (() => void) | undefined;
 };
 

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { MarginMode } from '@orderly.network/types';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 type layoutInfo = {
@@ -33,6 +34,7 @@ type SharePnLParams = {
     refCode?: string;
     refSlogan?: string;
     refLink?: string;
+    brokerName?: string;
 };
 type SharePnLOptions = {
     /**
@@ -72,7 +74,7 @@ type ReferralType = {
 type ShareEntity = {
     symbol: string;
     side: "LONG" | "SHORT";
-    marginMode?: "isolated" | "cross";
+    marginMode?: MarginMode;
     pnl?: number;
     roi?: number;
     openPrice?: number;
@@ -93,6 +95,7 @@ declare const useSharePnLScript: (props: {
     quoteDp: number | undefined;
     referralInfo: ReferralType | undefined;
     shareOptions: SharePnLOptions;
+    brokerName: string | undefined;
     hide: (() => void) | undefined;
 };
 

package/dist/index.js

@@ -16,6 +16,7 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 var useSharePnLScript = (props) => {
   const { pnl, hide } = props;
   const entity = pnl?.entity;
+  const brokerName = pnl?.brokerName;
   const symbolInfo = hooks.useSymbolsInfo();
   const { getFirstRefCode } = hooks.useReferralInfo();
   const referralInfo = React.useMemo(() => {
@@ -41,6 +42,7 @@ var useSharePnLScript = (props) => {
     quoteDp: quote_dp,
     referralInfo,
     shareOptions: pnl,
+    brokerName,
     hide
   };
 };
@@ -66,7 +68,7 @@ var Poster = React.forwardRef((props, parentRef) => {
     }
   );
 });
-function getPnLPosterData(position, message, domain, pnlType, options, baseDp, quoteDp, referral) {
+function getPnLPosterData(position, message, domain, pnlType, options, baseDp, quoteDp, referral, brokerName) {
   const { t } = i18n.useTranslation();
   const { symbol, currency } = processSymbol(position.symbol);
   const positionData = {
@@ -75,6 +77,10 @@ function getPnLPosterData(position, message, domain, pnlType, options, baseDp, q
     side: position.side,
     marginMode: position.marginMode
   };
+  const normalizedBrokerName = brokerName?.trim();
+  if (normalizedBrokerName) {
+    positionData["brokerName"] = normalizedBrokerName;
+  }
   switch (pnlType) {
     case "pnl": {
       if (position.pnl != null) {
@@ -188,17 +194,16 @@ function getPnLPosterData(position, message, domain, pnlType, options, baseDp, q
 }
 function processSymbol(symbol) {
   const tokens = symbol.split("_");
-  if (tokens.length !== 3) {
+  if (tokens.length < 3) {
     return {
       symbol,
       currency: "USDC"
     };
   }
-  const [symbol1, symbol2, symbol3] = tokens;
-  const formattedString = `${symbol2}-${symbol1}`;
+  const [, base, quote] = tokens;
   return {
-    symbol: formattedString,
-    currency: symbol3 || "USDC"
+    symbol: base,
+    currency: quote || "USDC"
   };
 }
 function formatShareTime(input) {
@@ -808,7 +813,8 @@ var DesktopSharePnLContent = (props) => {
     shareOption,
     props.baseDp,
     props.quoteDp,
-    props.referral
+    props.referral,
+    props.brokerName
   );
   const onCopy = () => {
     posterRef.current?.copy().then(() => {
@@ -1211,7 +1217,8 @@ var MobileSharePnLContent = (props) => {
     shareOption,
     props.baseDp,
     props.quoteDp,
-    props.referral
+    props.referral,
+    props.brokerName
   );
   const carouselRef = React.useRef();
   const aspectRatio = 552 / 310;
@@ -1504,7 +1511,15 @@ var ChoicesFillIcon = () => {
   );
 };
 var DesktopSharePnL = (props) => {
-  const { entity, baseDp, quoteDp, referralInfo, shareOptions, hide } = props;
+  const {
+    entity,
+    baseDp,
+    quoteDp,
+    referralInfo,
+    shareOptions,
+    hide,
+    brokerName
+  } = props;
   if (!shareOptions || !entity) {
     return null;
   }
@@ -1516,12 +1531,21 @@ var DesktopSharePnL = (props) => {
       baseDp,
       quoteDp,
       referral: referralInfo,
-      shareOptions
+      shareOptions,
+      brokerName
     }
   );
 };
 var MobileSharePnL = (props) => {
-  const { entity, baseDp, quoteDp, referralInfo, shareOptions, hide } = props;
+  const {
+    entity,
+    baseDp,
+    quoteDp,
+    referralInfo,
+    shareOptions,
+    hide,
+    brokerName
+  } = props;
   if (!shareOptions || !entity) {
     return null;
   }
@@ -1533,7 +1557,8 @@ var MobileSharePnL = (props) => {
       baseDp,
       quoteDp,
       referral: referralInfo,
-      shareOptions
+      shareOptions,
+      brokerName
     }
   );
 };