@kodiak-finance/orderly-ui-share 2.8.18 → 2.8.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +1547 -8
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +1543 -4
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +7 -7
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/sharePnL/sharePnL.script.tsx","../src/sharePnL/desktop/content.tsx","../src/sharePnL/poster/poster.tsx","../src/sharePnL/utils/utils.tsx","../src/sharePnL/desktop/bottomBtns.tsx","../src/sharePnL/desktop/carousel.tsx","../src/sharePnL/desktop/buttons.tsx","../src/sharePnL/desktop/message.tsx","../src/sharePnL/desktop/checkbox.tsx","../src/sharePnL/desktop/options.tsx","../src/sharePnL/desktop/pnlFormat.tsx","../src/sharePnL/mobile/content.tsx","../src/sharePnL/carousel/carousel.tsx","../src/sharePnL/carousel/index.tsx","../src/sharePnL/sharePnL.ui.tsx","../src/sharePnL/sharePnL.widget.tsx"],"names":["registerSimpleDialog","registerSimpleSheet","useMemo","useReferralInfo","useSymbolsInfo","useSharePnLScript","props","pnl","hide","entity","symbolInfo","getFirstRefCode","referralInfo","code","base_dp","quote_dp","useEffect","useRef","useState","useTranslation","EMPTY_LIST","Divider","Flex","toast","Text","Box","forwardRef","useImperativeHandle","usePoster","jsx","Poster","parentRef","width","height","className","data","style","ref","download","toDataURL","copy","toBlob","Decimal","getPnLPosterData","position","message","domain","pnlType","options","baseDp","quoteDp","referral","t","symbol","currency","processSymbol","positionData","informations","key","formatFixed","formatOpenTime","formatShareTime","tokens","symbol1","symbol2","symbol3","input","date","formattedParts","year","part","month","day","hour","minute","value","dp","savePnlInfo","format","bgIndex","getPnlInfo","str","Button","jsxs","BottomButtons","onClickDownload","onClickCopy","DownloadIcon","CopyIcon","useCallback","cn","useEmblaCarousel","PrevButton","children","restProps","NextButton","CarouselBackgroundImage","backgroundImages","selectedSnap","setSelectedSnap","emblaRef","emblaApi","onPrevButtonClick","onNextButtonClick","onSelect","e","index","CloseCircleFillIcon","Input","Checkbox","size","Message","setMessage","check","setCheck","focus","setFocus","inputRef","ShareOption","type","curType","setShareOption","text","isSelected","updateSet","checked","PnlFormatView","setPnlFormat","clsName","RadioButton","SelIcon","UnselIcon","DesktopSharePnLContent","shareOptions","localPnlConfig","formats","pnlFormat","shareOption","resetOptions","setDomain","posterRef","currentDomain","curBgImg","posterData","onCopy","onDownload","item","ScrollArea","React","ChevronLeftIcon","ChevronRightIcon","CarouselContext","useCarousel","context","Carousel","originalProps","orientation","opts","setApi","plugins","carouselRef","api","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","selectedIndex","setSelectedIndex","scrollSnaps","setScrollSnaps","scrollPrev","scrollNext","handleKeyDown","event","memoizedValue","CarouselContent","CarouselItem","CarouselPrevious","variant","CarouselNext","CarouselIdentifier","_","Dot","active","onClick","activeClassName","MobileSharePnLContent","selectIndex","setSelectIndex","posterRefs","aspectRatio","scale","setScale","carouselHeight","setCarouselHeight","divWidth","divHeight","onSharePnL","blob","dataURItoBlob","MyIdentifier","ChoicesFillIcon","dataURI","byteString","mimeString","ab","ia","i","DesktopSharePnL","MobileSharePnL","SharePnLBottomSheetWidget","state","SharePnLDialogWidget","i18n","SharePnLDialogId","SharePnLBottomSheetId"],"mappings":"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","sourcesContent":["import { registerSimpleDialog, registerSimpleSheet } from \"@kodiak-finance/orderly-ui\";\nimport {\n SharePnLDialogWidget,\n SharePnLBottomSheetWidget,\n} from \"./sharePnL/sharePnL.widget\";\nimport { i18n } from \"@kodiak-finance/orderly-i18n\";\n\nconst SharePnLDialogId = \"sharePnLDialog\";\nconst SharePnLBottomSheetId = \"sharePnLBottomSheet\";\n\nregisterSimpleDialog(SharePnLDialogId, SharePnLDialogWidget, {\n classNames: {\n content: \"!oui-max-w-[624px] oui-p-0\",\n },\n});\n\nregisterSimpleSheet(SharePnLBottomSheetId, SharePnLBottomSheetWidget, {\n title: i18n.t(\"share.pnl.sharePnl\"),\n classNames: {\n body: \"oui-pb-4 oui-pt-0\",\n },\n});\n\nexport * from \"./sharePnL\";\nexport { SharePnLDialogId, SharePnLBottomSheetId };\nexport type {\n SharePnLConfig,\n SharePnLOptions,\n SharePnLParams,\n} from \"./types/types\";\n","import { useMemo } from \"react\";\nimport { useReferralInfo, useSymbolsInfo } from \"@kodiak-finance/orderly-hooks\";\nimport { ReferralType, SharePnLOptions, SharePnLParams } from \"../types/types\";\n\nexport const useSharePnLScript = (props: {\n pnl?: SharePnLOptions & SharePnLParams;\n hide?: () => void;\n}) => {\n const { pnl, hide } = props;\n const entity = pnl?.entity;\n const symbolInfo = useSymbolsInfo();\n const { getFirstRefCode } = useReferralInfo();\n const referralInfo = useMemo((): ReferralType | undefined => {\n const code = getFirstRefCode()?.code;\n const info = {\n code: pnl?.refCode ?? code,\n slogan: pnl?.refSlogan,\n link: pnl?.refLink,\n };\n return info;\n }, [getFirstRefCode, pnl]);\n\n // print warning if entity is null\n if (!entity) {\n console.warn(\"Entity is null, the share pnl will not be displayed\");\n }\n\n // convert base_dp and quote_dp useMemo\n const base_dp = useMemo(() => {\n if (!entity) return undefined;\n return symbolInfo[entity?.symbol](\"base_dp\");\n }, [entity, symbolInfo]);\n const quote_dp = useMemo(() => {\n if (!entity) return undefined;\n return symbolInfo[entity?.symbol](\"quote_dp\");\n }, [entity, symbolInfo]);\n\n return {\n entity,\n baseDp: base_dp,\n quoteDp: quote_dp,\n referralInfo,\n shareOptions: pnl as SharePnLOptions,\n hide,\n };\n};\n\nexport type SharePnLState = ReturnType<typeof useSharePnLScript>;\n","import { FC, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { EMPTY_LIST } from \"@kodiak-finance/orderly-types\";\nimport { Divider, Flex, toast, Text, Box } from \"@kodiak-finance/orderly-ui\";\nimport {\n PnLDisplayFormat,\n ReferralType,\n ShareEntity,\n ShareOptions,\n SharePnLOptions,\n} from \"../../types/types\";\nimport { Poster } from \"../poster\";\nimport { PosterRef } from \"../poster/poster\";\nimport { getPnlInfo, getPnLPosterData, savePnlInfo } from \"../utils/utils\";\nimport { BottomButtons } from \"./bottomBtns\";\nimport { CarouselBackgroundImage } from \"./carousel\";\nimport { Message } from \"./message\";\nimport { ShareOption } from \"./options\";\nimport { PnlFormatView } from \"./pnlFormat\";\n\nexport const DesktopSharePnLContent: FC<{\n entity: ShareEntity;\n hide: any;\n baseDp?: number;\n quoteDp?: number;\n referral?: ReferralType;\n shareOptions: SharePnLOptions;\n}> = (props) => {\n const { shareOptions } = props;\n const { t } = useTranslation();\n\n const localPnlConfig = getPnlInfo();\n const hasRoiAndPnl = props.entity.roi != null && props.entity.pnl != null;\n const formats: PnLDisplayFormat[] = hasRoiAndPnl\n ? [\"roi_pnl\", \"roi\", \"pnl\"]\n : props.entity.roi != null\n ? [\"roi\"]\n : props.entity.pnl != null\n ? [\"pnl\"]\n : [];\n\n const [pnlFormat, setPnlFormat] = useState<PnLDisplayFormat>(\n formats.length == 1 ? formats[0] : localPnlConfig.pnlFormat,\n );\n const [shareOption, setShareOption] = useState<Set<ShareOptions>>(\n new Set(localPnlConfig.options),\n );\n const [selectedSnap, setSelectedSnap] = useState(localPnlConfig.bgIndex);\n const [message, setMessage] = useState(localPnlConfig.message);\n const [check, setCheck] = useState(false);\n const { backgroundImages, ...resetOptions } = shareOptions ?? {\n backgroundImages: [],\n };\n\n const [domain, setDomain] = useState(\"\");\n\n const posterRef = useRef<PosterRef | null>(null);\n\n useEffect(() => {\n const currentDomain = window.location.hostname;\n setDomain(currentDomain);\n }, []);\n\n const curBgImg = useMemo(() => {\n return shareOptions?.backgroundImages?.[selectedSnap];\n }, [shareOptions?.backgroundImages, selectedSnap]);\n\n const posterData = getPnLPosterData(\n props.entity,\n check ? message : \"\",\n domain,\n pnlFormat,\n shareOption,\n props.baseDp,\n props.quoteDp,\n props.referral,\n );\n\n const onCopy = () => {\n posterRef.current\n ?.copy()\n .then(() => {\n props.hide?.();\n toast.success(t(\"share.pnl.image.copied\"));\n })\n .catch((e: any) => {\n toast.error(() => {\n return (\n <div>\n <div>{t(\"common.copy.failed\")}</div>\n <div className=\"oui-mt-2 oui-max-w-[396px] oui-text-2xs oui-text-base-contrast-54\">\n {t(\"share.pnl.copy.failed.description\")}\n </div>\n </div>\n );\n });\n });\n };\n const onDownload = () => {\n posterRef.current?.download(\"Poster.png\");\n props.hide?.();\n };\n\n // check if the entity has the option, like formats\n const options: ShareOptions[] = useMemo(() => {\n const mapping: ShareOptions[] = [\n \"openPrice\",\n \"closePrice\",\n \"markPrice\",\n \"openTime\",\n \"closeTime\",\n \"leverage\",\n \"quantity\",\n ];\n\n return mapping.filter((key) => !!props.entity[key]);\n }, [props.entity]);\n\n savePnlInfo(pnlFormat, shareOption, selectedSnap, message);\n\n return (\n <div className=\"oui-relative oui-flex oui-size-full oui-flex-col\">\n <div className=\"oui-h-full oui-flex-1 oui-overflow-y-auto\">\n <Box mt={9} height={422}>\n <Flex itemAlign={\"center\"} justify={\"center\"}>\n <Poster\n // className=\"oui-mx-11\"\n width={552}\n height={310}\n data={{\n backgroundImg: curBgImg,\n ...resetOptions,\n data: posterData,\n }}\n ratio={3}\n ref={posterRef}\n />\n </Flex>\n <CarouselBackgroundImage\n backgroundImages={shareOptions?.backgroundImages ?? EMPTY_LIST}\n selectedSnap={selectedSnap}\n setSelectedSnap={setSelectedSnap}\n />\n </Box>\n\n <Flex\n direction={\"column\"}\n px={10}\n mt={6}\n justify={\"start\"}\n itemAlign={\"start\"}\n width={\"100%\"}\n >\n <Text size=\"sm\" intensity={80}>\n {t(\"share.pnl.displayFormat\")}\n </Text>\n <Flex pt={3} gap={3} itemAlign={\"center\"}>\n {formats.map((e, index) => (\n <PnlFormatView\n key={index}\n setPnlFormat={setPnlFormat}\n type={e}\n curType={pnlFormat}\n />\n ))}\n </Flex>\n\n <Divider className=\"oui-w-full oui-border-white/10 oui-pt-6\" />\n\n <Flex\n mt={6}\n direction={\"column\"}\n justify={\"start\"}\n itemAlign={\"start\"}\n >\n <Text size=\"sm\" intensity={80}>\n {t(\"share.pnl.optionalInfo\")}\n </Text>\n <Flex mt={3} gap={4} className=\"oui-flex-wrap\">\n {options.map((item, index) => (\n <ShareOption\n key={index}\n setShareOption={setShareOption}\n type={item}\n curType={shareOption}\n />\n ))}\n </Flex>\n </Flex>\n\n <Message\n message={message}\n setMessage={setMessage}\n check={check}\n setCheck={setCheck}\n />\n </Flex>\n </div>\n\n <BottomButtons onClickCopy={onCopy} onClickDownload={onDownload} />\n </div>\n );\n};\n","import { forwardRef, useImperativeHandle } from \"react\";\nimport { type DrawOptions, usePoster } from \"@kodiak-finance/orderly-hooks\";\n\nexport type PosterProps = {\n width: number;\n height: number;\n className?: string;\n ratio?: number;\n data: DrawOptions;\n style?: React.CSSProperties;\n};\n\nexport type PosterRef = {\n download: (filename: string, type?: string, encoderOptions?: number) => void;\n toDataURL: (type?: string, encoderOptions?: number) => string;\n toBlob: (type?: string, encoderOptions?: number) => Promise<Blob | null>;\n copy: () => Promise<void>;\n};\n\nexport const Poster = forwardRef<PosterRef, PosterProps>((props, parentRef) => {\n const { width, height, className, data, style } = props;\n\n const { ref, download, toDataURL, copy, toBlob } = usePoster(data, {\n ratio: props.ratio,\n });\n\n useImperativeHandle(parentRef, () => ({\n download,\n toDataURL,\n toBlob,\n copy,\n }));\n\n return (\n <canvas\n ref={ref}\n width={width}\n height={height}\n className={className}\n style={style}\n />\n );\n});\n","/*\n{\n message: \"I am the Orderly KING.\",\n domain: \"ordely.network\",\n updateTime: \"2022-JAN-01 23:23\",\n position: {\n symbol: \"BTC-PERP\",\n currency: \"USDC\",\n side: \"LONG\",\n leverage: 20,\n pnl: 10432.23,\n ROI: 20.25,\n informations: [\n { title: \"Open Price\", value: 0.12313 },\n { title: \"Opened at\", value: \"Jan-01 23:23\" },\n { title: \"Mark price\", value: \"0.12341\" },\n { title: \"Quantity\", value: \"0.123\" },\n ],\n },\n referral: {\n code: \"WRECKED\",\n link: \"https://orderly.network\",\n slogan: \"Try Orderly now with:\",\n }\n }\n*/\n// import { PnLDisplayFormat, ShareOptions } from \"./type\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Decimal } from \"@kodiak-finance/orderly-utils\";\nimport { PnLDisplayFormat, ShareEntity, ShareOptions } from \"../../types/types\";\n\nexport type ReferralType = {\n code?: string;\n link?: string;\n slogan?: string;\n};\n\nexport function getPnLPosterData(\n position: ShareEntity,\n message: string,\n domain: string,\n pnlType: PnLDisplayFormat,\n options: Set<ShareOptions>,\n baseDp?: number,\n quoteDp?: number,\n referral?: ReferralType,\n) {\n const { t } = useTranslation();\n const { symbol, currency } = processSymbol(position.symbol);\n const positionData: any = {\n symbol,\n currency,\n side: position.side,\n };\n\n switch (pnlType) {\n case \"pnl\": {\n if (position.pnl != null) {\n positionData[\"pnl\"] = new Decimal(position.pnl).toFixed(\n 2,\n Decimal.ROUND_DOWN,\n );\n }\n break;\n }\n case \"roi\": {\n if (position.roi != null) {\n positionData[\"ROI\"] = new Decimal(position.roi).toFixed(\n 2,\n Decimal.ROUND_DOWN,\n );\n }\n break;\n }\n case \"roi_pnl\": {\n if (position.pnl != null) {\n positionData[\"pnl\"] = new Decimal(position.pnl).toFixed(\n 2,\n Decimal.ROUND_DOWN,\n );\n }\n if (position.roi != null) {\n positionData[\"ROI\"] = new Decimal(position.roi).toFixed(\n 2,\n Decimal.ROUND_DOWN,\n );\n }\n break;\n }\n }\n\n const informations: { title: string; value: any }[] = [];\n\n if (options.has(\"leverage\")) {\n positionData[\"leverage\"] = position.leverage;\n }\n const array: ShareOptions[] = [\n \"openPrice\",\n \"closePrice\",\n \"openTime\",\n \"closeTime\",\n \"markPrice\",\n \"quantity\",\n ];\n array.forEach((key) => {\n if (options.has(key)) {\n switch (key) {\n case \"leverage\": {\n break;\n }\n case \"openPrice\": {\n if (position.openPrice != null) {\n informations.push({\n title: t(\"share.pnl.optionalInfo.openPrice\"),\n value: formatFixed(position.openPrice, quoteDp || 2),\n });\n }\n break;\n }\n case \"closePrice\": {\n if (position.closePrice != null) {\n informations.push({\n title: t(\"share.pnl.optionalInfo.closePrice\"),\n value: formatFixed(position.closePrice, quoteDp || 2),\n });\n }\n break;\n }\n case \"openTime\": {\n if (position.openTime != null) {\n informations.push({\n title: t(\"share.pnl.optionalInfo.openTime\"),\n value: formatOpenTime(position.openTime),\n });\n }\n break;\n }\n case \"closeTime\": {\n if (position.closeTime != null) {\n informations.push({\n title: t(\"share.pnl.optionalInfo.closeTime\"),\n value: formatOpenTime(position.closeTime),\n });\n }\n break;\n }\n case \"markPrice\": {\n if (position.markPrice != null) {\n informations.push({\n title: t(\"common.markPrice\"),\n value: formatFixed(position.markPrice, quoteDp || 2),\n });\n }\n break;\n }\n case \"quantity\": {\n if (position.quantity != null) {\n informations.push({\n title: t(\"common.quantity\"),\n value: formatFixed(position.quantity, baseDp || 2),\n });\n }\n }\n default:\n break;\n }\n }\n });\n\n positionData[\"informations\"] = informations;\n\n const data: any = {\n position: positionData,\n updateTime: formatShareTime(new Date()),\n domain,\n };\n if (message.length > 0) {\n data[\"message\"] = message;\n }\n\n if (typeof referral !== \"undefined\" && referral[\"code\"] !== undefined) {\n data[\"referral\"] = referral;\n }\n\n return data;\n}\n\ninterface SymbolResult {\n symbol: string;\n currency: string;\n}\n\nfunction processSymbol(symbol: string): SymbolResult {\n const tokens = symbol.split(\"_\");\n if (tokens.length !== 3) {\n return {\n symbol: symbol,\n currency: \"USDC\",\n };\n }\n\n const [symbol1, symbol2, symbol3] = tokens;\n const formattedString = `${symbol2}-${symbol1}`;\n\n return {\n symbol: formattedString,\n currency: symbol3 || \"USDC\",\n };\n}\n\nfunction formatShareTime(input: number): string;\nfunction formatShareTime(input: Date): string;\nfunction formatShareTime(input: number | Date): string {\n const date = input instanceof Date ? input : new Date(input);\n const options: Intl.DateTimeFormatOptions = {\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n hourCycle: \"h23\",\n };\n\n const formatter = new Intl.DateTimeFormat(\"en-US\", options);\n const formattedParts = formatter.formatToParts(date);\n\n // console.log(\"formattedParts\", formattedParts);\n\n const year = formattedParts.find((part) =>\n part.type === \"year\" ? part.value : \"\",\n )?.value;\n const month = formattedParts.find((part) =>\n part.type === \"month\" ? part.value : \"\",\n )?.value;\n const day = formattedParts.find((part) =>\n part.type === \"day\" ? part.value : \"\",\n )?.value;\n const hour = formattedParts.find((part) =>\n part.type === \"hour\" ? part.value : \"\",\n )?.value;\n const minute = formattedParts.find((part) =>\n part.type === \"minute\" ? part.value : \"\",\n )?.value;\n\n return `${year}-${month}-${day} ${hour}:${minute}`;\n}\n\nfunction formatOpenTime(input: number | Date): string {\n const date = input instanceof Date ? input : new Date(input);\n const options: Intl.DateTimeFormatOptions = {\n year: \"numeric\",\n month: \"short\",\n day: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n hourCycle: \"h23\",\n };\n\n const formatter = new Intl.DateTimeFormat(\"en-US\", options);\n const formattedParts = formatter.formatToParts(date);\n\n // console.log(\"formattedParts\", formattedParts);\n\n const month = formattedParts.find((part) =>\n part.type === \"month\" ? part.value : \"\",\n )?.value;\n const day = formattedParts.find((part) =>\n part.type === \"day\" ? part.value : \"\",\n )?.value;\n const hour = formattedParts.find((part) =>\n part.type === \"hour\" ? part.value : \"\",\n )?.value;\n const minute = formattedParts.find((part) =>\n part.type === \"minute\" ? part.value : \"\",\n )?.value;\n\n return `${month}-${day} ${hour}:${minute}`;\n}\n\nfunction formatFixed(value: number, dp: number) {\n return new Decimal(value).toFixed(dp, Decimal.ROUND_DOWN);\n}\n\nexport function savePnlInfo(\n format: PnLDisplayFormat,\n options: Set<ShareOptions>,\n bgIndex: number,\n message: string,\n) {\n localStorage.setItem(\n \"pnl_config_key\",\n JSON.stringify({\n bgIndex: bgIndex,\n pnlFormat: format,\n options: Array.from(options),\n message: message,\n }),\n );\n}\n\nexport function getPnlInfo(): {\n bgIndex: number;\n pnlFormat: PnLDisplayFormat;\n options: ShareOptions[];\n message: \"\";\n} {\n const str = localStorage.getItem(\"pnl_config_key\");\n\n if (str && str.length > 0) {\n try {\n const json = JSON.parse(str);\n\n return json;\n } catch (e) {}\n }\n return {\n bgIndex: 0,\n pnlFormat: \"roi_pnl\",\n options: [\n \"openPrice\",\n \"closePrice\",\n \"openTime\",\n \"closeTime\",\n \"markPrice\",\n \"quantity\",\n \"leverage\",\n ],\n message: \"\",\n };\n}\n","import { FC } from \"react\";\nimport { Button, Flex } from \"@kodiak-finance/orderly-ui\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nexport const BottomButtons: FC<{\n onClickDownload: any;\n onClickCopy: any;\n}> = (props) => {\n const { onClickDownload, onClickCopy } = props;\n const { t } = useTranslation();\n\n return (\n <Flex px={8} gap={3} mt={3} itemAlign={\"center\"}>\n <Button\n color={\"secondary\"}\n className=\"oui-flex-1 oui-flex oui-gap-1\"\n onClick={onClickDownload}\n >\n <span>\n <DownloadIcon />\n </span>\n {t(\"common.download\")}\n </Button>\n\n <Button className=\"oui-flex-1 oui-flex oui-gap-1\" onClick={onClickCopy}>\n <span>\n <CopyIcon />\n </span>\n {t(\"common.copy\")}\n </Button>\n </Flex>\n );\n};\n\nconst DownloadIcon = () => {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.66 1.994A2.667 2.667 0 0 0 1.995 4.66v6.666a2.667 2.667 0 0 0 2.667 2.667h6.666a2.667 2.667 0 0 0 2.667-2.667V4.661a2.667 2.667 0 0 0-2.667-2.667zM7.995 4.66c.368 0 .667.298.667.666V8.66h2l-2.667 2.666L5.328 8.66h2V5.327c0-.368.299-.667.667-.667\"\n fill=\"#fff\"\n fillOpacity=\".98\"\n />\n </svg>\n );\n};\n\nconst CopyIcon = () => {\n return (\n <svg\n width=\"17\"\n height=\"16\"\n viewBox=\"0 0 17 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.166 1.994A2.667 2.667 0 0 0 2.499 4.66v4a2.667 2.667 0 0 0 2.667 2.667 2.667 2.667 0 0 0 2.666 2.667h4a2.667 2.667 0 0 0 2.667-2.667v-4a2.667 2.667 0 0 0-2.667-2.667 2.667 2.667 0 0 0-2.666-2.666zm6.666 4c.737 0 1.334.596 1.334 1.333v4c0 .737-.597 1.334-1.334 1.334h-4A1.333 1.333 0 0 1 6.5 11.327h2.667a2.667 2.667 0 0 0 2.666-2.667z\"\n fill=\"#fff\"\n fillOpacity=\".98\"\n />\n </svg>\n );\n};\n","import { FC, useCallback, useEffect } from \"react\";\nimport { Box, cn, Flex, useEmblaCarousel } from \"@kodiak-finance/orderly-ui\";\nimport { NextButton, PrevButton } from \"./buttons\";\n\nexport const CarouselBackgroundImage: FC<{\n backgroundImages: ReadonlyArray<string> | string[];\n selectedSnap: number;\n setSelectedSnap: any;\n}> = (props) => {\n const { backgroundImages, selectedSnap, setSelectedSnap } = props;\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n // loop: true,\n containScroll: \"keepSnaps\",\n dragFree: true,\n });\n\n const onPrevButtonClick = useCallback(() => {\n if (!emblaApi) {\n return;\n }\n if (emblaApi?.canScrollPrev()) {\n emblaApi.scrollPrev();\n } else if (selectedSnap - 1 >= 0) {\n setSelectedSnap(selectedSnap - 1);\n }\n }, [emblaApi, selectedSnap]);\n\n const onNextButtonClick = useCallback(() => {\n if (!emblaApi) {\n return;\n }\n if (emblaApi?.canScrollNext()) {\n emblaApi.scrollNext();\n } else if (selectedSnap + 1 < backgroundImages.length) {\n setSelectedSnap(selectedSnap + 1);\n }\n }, [emblaApi, selectedSnap]);\n\n const onSelect = useCallback((emblaApi: any) => {\n // setPrevBtnDisabled(!emblaApi.canScrollPrev());\n // setNextBtnDisabled(!emblaApi.canScrollNext());\n setSelectedSnap(emblaApi.selectedScrollSnap());\n }, []);\n\n useEffect(() => {\n if (!emblaApi) {\n return;\n }\n onSelect(emblaApi);\n emblaApi.on(\"reInit\", onSelect);\n emblaApi.on(\"select\", onSelect);\n emblaApi?.scrollTo(selectedSnap);\n return () => {\n emblaApi.off(\"reInit\", onSelect);\n emblaApi.off(\"select\", onSelect);\n };\n }, [emblaApi, onSelect]);\n\n return (\n <Flex mt={4} px={2}>\n <PrevButton onClick={onPrevButtonClick} />\n <div\n ref={emblaRef}\n className=\"oui-w-full oui-overflow oui-overflow-x-auto oui-scrollbar-hidden oui-hide-scrollbar oui-mx-0\"\n >\n <Flex>\n {backgroundImages.map((e, index) => (\n <Box\n key={e}\n onClick={() => {\n if (emblaApi?.canScrollPrev() || emblaApi?.canScrollNext()) {\n emblaApi?.scrollTo(index);\n } else {\n setSelectedSnap(index);\n }\n }}\n mx={2}\n my={1}\n mr={6}\n r=\"base\"\n className={cn(\n \"oui-shrink-0 oui-w-[162px]\",\n selectedSnap === index &&\n \"oui-outline oui-outline-1 oui-outline-primary-darken\",\n )}\n >\n <img src={e} className=\"oui-rounded-sm\" />\n </Box>\n ))}\n </Flex>\n </div>\n <NextButton onClick={onNextButtonClick} />\n </Flex>\n );\n};\n","import { FC, PropsWithChildren } from \"react\";\n\ntype PropType = PropsWithChildren<\n React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n >\n>;\n\nexport const PrevButton: FC<PropType> = (props) => {\n const { children, ...restProps } = props;\n\n return (\n <button {...restProps}>\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"20\" height=\"20\" rx=\"10\" fill=\"#333948\" />\n <path\n d=\"M11.186 5.348a.67.67 0 0 0-.436.27l-2.657 4a.69.69 0 0 0 0 .75l2.657 4a.68.68 0 0 0 .934.188.685.685 0 0 0 .187-.937L9.463 9.993 11.87 6.37a.685.685 0 0 0-.187-.938.65.65 0 0 0-.498-.083\"\n fill=\"#fff\"\n fillOpacity=\".54\"\n />\n </svg>\n </button>\n );\n};\n\nexport const NextButton: FC<PropType> = (props) => {\n const { children, ...restProps } = props;\n\n return (\n <button {...restProps}>\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"20\" height=\"20\" rx=\"10\" fill=\"#333948\" />\n <path\n d=\"M8.777 5.348a.65.65 0 0 0-.498.083.685.685 0 0 0-.187.938L10.5 9.993 8.092 13.62a.685.685 0 0 0 .187.937.68.68 0 0 0 .934-.187l2.657-4a.69.69 0 0 0 0-.75l-2.657-4a.67.67 0 0 0-.436-.271\"\n fill=\"#fff\"\n fillOpacity=\".54\"\n />\n </svg>\n </button>\n );\n};\n","import { FC, useRef, useState } from \"react\";\nimport { CloseCircleFillIcon, Input, toast } from \"@kodiak-finance/orderly-ui\";\nimport { Checkbox } from \"./checkbox\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\n\nexport const Message: FC<{\n message: string;\n setMessage: any;\n check: boolean;\n setCheck: any;\n}> = (props) => {\n const { message, setMessage, check, setCheck } = props;\n const [focus, setFocus] = useState(false);\n const inputRef = useRef<HTMLInputElement | null>(null);\n const { t } = useTranslation();\n\n return (\n <div className=\"oui-mt-3 oui-mb-6 oui-flex oui-items-center\">\n <Checkbox\n className=\"oui-mt-[2px]\"\n checked={check}\n onCheckedChange={(e: boolean) => {\n setCheck(e);\n }}\n />\n <div\n className=\"oui-text-xs oui-text-base-contrast-54 oui-ml-1 hover:oui-cursor-pointer\"\n onClick={() => {\n setCheck(!props.check);\n }}\n >\n {t(\"share.pnl.optionalInfo.message\")}\n </div>\n <div className=\"oui-bg-base-900 oui-mx-2 oui-rounded-sm\">\n <Input\n ref={inputRef}\n placeholder={t(\"share.pnl.optionalInfo.message.placeholder\")}\n classNames={{\n root: \"oui-w-[320px]\",\n }}\n size=\"sm\"\n value={message}\n autoFocus={false}\n suffix={\n focus && (\n <button\n className=\"oui-mr-3 oui-cursor-pointer\"\n onMouseDown={(e) => {\n console.log(\"set message to empty\");\n\n setMessage(\"\");\n setTimeout(() => {\n inputRef.current?.focus();\n }, 50);\n e.stopPropagation();\n }}\n >\n <CloseCircleFillIcon size={18} color=\"white\" />\n </button>\n )\n }\n onFocus={() => setFocus(true)}\n onBlur={() => setFocus(false)}\n onChange={(e) => {\n if (e.target.value.length > 25) {\n toast.error(t(\"share.pnl.optionalInfo.message.maxLength\"));\n return;\n }\n setCheck(e.target.value.length > 0);\n setMessage(e.target.value);\n }}\n />\n </div>\n </div>\n );\n};\n","export const Checkbox = (props: {\n size?: number;\n className?: string;\n checked: boolean;\n onCheckedChange: (checked: boolean) => void;\n}) => {\n const { size = 16, className } = props;\n return (\n <button\n type=\"button\"\n onClick={(e) => {\n props.onCheckedChange(!props.checked);\n }}\n className={className}\n >\n {props.checked ? (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.66 1.953A2.667 2.667 0 0 0 1.995 4.62v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.62a2.667 2.667 0 0 0-2.667-2.667zm6.664 2.922a.8.8 0 0 1 .557-.208c.2 0 .406.063.558.208a.734.734 0 0 1 0 1.063l-5.434 5.179a.826.826 0 0 1-1.115 0l-2.33-2.22a.736.736 0 0 1 0-1.063.827.827 0 0 1 1.117 0l1.77 1.687z\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </svg>\n ) : (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.66 1.953A2.667 2.667 0 0 0 1.995 4.62v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.62a2.667 2.667 0 0 0-2.667-2.667zm0 1.334h6.667c.737 0 1.334.596 1.334 1.333v6.667c0 .736-.597 1.333-1.334 1.333H4.661a1.333 1.333 0 0 1-1.334-1.333V4.62c0-.737.597-1.333 1.334-1.333\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </svg>\n )}\n </button>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { ShareOptions } from \"../../types/types\";\nimport { Flex, Text, cn } from \"@kodiak-finance/orderly-ui\";\nimport { Checkbox } from \"./checkbox\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\n\nexport const ShareOption: FC<{\n type: ShareOptions;\n curType: Set<ShareOptions>;\n setShareOption: any;\n}> = (props) => {\n const { type, curType, setShareOption } = props;\n const { t } = useTranslation();\n\n const text = useMemo(() => {\n switch (type) {\n case \"openPrice\":\n return t(\"share.pnl.optionalInfo.openPrice\");\n case \"closePrice\":\n return t(\"share.pnl.optionalInfo.closePrice\");\n case \"openTime\":\n return t(\"share.pnl.optionalInfo.openTime\");\n case \"closeTime\":\n return t(\"share.pnl.optionalInfo.closeTime\");\n case \"markPrice\":\n return t(\"common.markPrice\");\n case \"quantity\":\n return t(\"common.quantity\");\n case \"leverage\":\n return t(\"common.leverage\");\n }\n }, [type, t]);\n\n const isSelected = curType.has(type);\n\n return (\n <Flex\n itemAlign={\"center\"}\n gap={1}\n className={cn(\"hover:oui-cursor-pointer\")}\n onClick={() => {\n // setPnlFormat(type);\n setShareOption((value: Set<ShareOptions>) => {\n const updateSet = new Set(value);\n if (isSelected) {\n updateSet.delete(type);\n } else {\n updateSet.add(type);\n }\n return updateSet;\n });\n }}\n >\n <Checkbox\n size={16}\n checked={isSelected}\n className=\"oui-pt-[2px]\"\n onCheckedChange={(checked: boolean) => {\n setShareOption((value: Set<ShareOptions>) => {\n const updateSet = new Set(value);\n if (isSelected) {\n updateSet.delete(type);\n } else {\n updateSet.add(type);\n }\n return updateSet;\n });\n }}\n />\n\n <Text size=\"xs\" intensity={54}>\n {text}\n </Text>\n </Flex>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { PnLDisplayFormat } from \"../../types/types\";\nimport { Text, cn } from \"@kodiak-finance/orderly-ui\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nexport const PnlFormatView: FC<{\n type: PnLDisplayFormat;\n curType?: PnLDisplayFormat;\n setPnlFormat: any;\n}> = (props) => {\n const { type, curType, setPnlFormat } = props;\n const { t } = useTranslation();\n\n const text = useMemo(() => {\n switch (type) {\n case \"roi_pnl\":\n return t(\"share.pnl.displayFormat.roi&Pnl\");\n case \"roi\":\n return t(\"share.pnl.displayFormat.roi\");\n case \"pnl\":\n return t(\"share.pnl.displayFormat.pnl\");\n }\n }, [type, t]);\n\n const isSelected = type === curType;\n\n let clsName = \"oui-flex oui-items-center oui-gap-1 oui-cursor-pointer\";\n if (isSelected) {\n clsName += \" oui-text-base-contrast\";\n } else {\n clsName += \"\";\n }\n\n return (\n <div\n className={clsName}\n onClick={() => {\n setPnlFormat(type);\n }}\n >\n <RadioButton sel={isSelected} />\n <Text\n size=\"xs\"\n intensity={54}\n className={cn(\n \"oui-ml-2 \"\n // isSelected && \"oui-text-base-contrast\"\n )}\n >\n {text}\n </Text>\n </div>\n );\n};\n\nconst RadioButton = (props: {\n sel?: boolean;\n // onChange?: (sel: boolean) => void;\n}) => {\n return (\n <button\n type=\"button\"\n // onClick={(e) => {\n // e.stopPropagation();\n // }}\n >\n {props.sel === true ? <SelIcon /> : <UnselIcon />}\n </button>\n );\n};\n\nconst SelIcon = () => {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-fill-primary-darken\"\n >\n <path\n d=\"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667\"\n fill=\"#fff\"\n fillOpacity=\".36\"\n />\n <circle cx=\"8\" cy=\"8\" r=\"3.333\" />\n </svg>\n );\n};\n\nconst UnselIcon = () => {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667\"\n fill=\"#fff\"\n fillOpacity=\".54\"\n />\n </svg>\n );\n};\n","import { FC, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n Button,\n CloseCircleFillIcon,\n cn,\n Input,\n ScrollArea,\n toast,\n} from \"@kodiak-finance/orderly-ui\";\nimport {\n PnLDisplayFormat,\n ReferralType,\n ShareEntity,\n ShareOptions,\n SharePnLOptions,\n} from \"../../types/types\";\nimport { Carousel } from \"../carousel\";\nimport {\n CarouselContent,\n CarouselItem,\n Dot,\n useCarousel,\n} from \"../carousel/carousel\";\nimport { Poster } from \"../poster\";\nimport { PosterRef } from \"../poster/poster\";\nimport { getPnlInfo, getPnLPosterData, savePnlInfo } from \"../utils/utils\";\n\nexport const MobileSharePnLContent: FC<{\n entity: ShareEntity;\n hide: any;\n baseDp?: number;\n quoteDp?: number;\n referral?: ReferralType;\n shareOptions: SharePnLOptions;\n}> = (props) => {\n const { shareOptions } = props;\n const { t } = useTranslation();\n const localPnlConfig = getPnlInfo();\n\n const hasRoiAndPnl = props.entity.roi != null && props.entity.pnl != null;\n const formats: PnLDisplayFormat[] = hasRoiAndPnl\n ? [\"roi_pnl\", \"roi\", \"pnl\"]\n : props.entity.roi != null\n ? [\"roi\"]\n : props.entity.pnl != null\n ? [\"pnl\"]\n : [];\n\n const [pnlFormat, setPnlFormat] = useState<PnLDisplayFormat>(\n formats.length == 1 ? formats[0] : localPnlConfig.pnlFormat,\n );\n const [shareOption, setShareOption] = useState<Set<ShareOptions>>(\n new Set(localPnlConfig.options),\n );\n const [message, setMessage] = useState<string>(localPnlConfig.message);\n const [selectIndex, setSelectIndex] = useState(localPnlConfig.bgIndex);\n // const { shareOptions } = useTradingPageContext();\n const { backgroundImages, ...resetOptions } = shareOptions ?? {\n backgroundImages: [],\n };\n\n const [domain, setDomain] = useState(\"\");\n\n const posterRefs = shareOptions?.backgroundImages?.map(() =>\n useRef<PosterRef | null>(null),\n );\n\n useEffect(() => {\n const currentDomain = window.location.hostname;\n setDomain(currentDomain);\n }, []);\n\n const posterData = getPnLPosterData(\n props.entity,\n message,\n domain,\n pnlFormat,\n shareOption,\n props.baseDp,\n props.quoteDp,\n props.referral,\n );\n // console.log(\"pster data\", posterData, props.entity);\n\n const carouselRef = useRef<any>();\n const aspectRatio = 552 / 310;\n const [scale, setScale] = useState(1);\n const [carouselHeight, setCarouselHeight] = useState(0);\n\n const [focus, setFocus] = useState(false);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n useEffect(() => {\n if (carouselRef.current) {\n const divWidth = carouselRef.current.offsetWidth;\n const divHeight = divWidth / aspectRatio;\n setCarouselHeight(divHeight);\n setScale(divWidth / 552);\n }\n }, [carouselRef, domain]);\n\n const onSharePnL = async (\n posterRef: React.MutableRefObject<PosterRef | null>,\n ) => {\n if (!posterRef.current) return;\n const data = posterRef.current?.toDataURL();\n const blob = dataURItoBlob(data);\n try {\n // Check if the browser supports the share feature\n if (navigator.share) {\n await navigator.share({\n // title: \"Share PnL\",\n text: message,\n // url: imageUrl,\n files: [new File([blob], \"image.png\", { type: \"image/png\" })],\n });\n console.log(\"Image shared successfully!\");\n } else {\n console.log(\"Share API is not supported in this browser.\");\n }\n props.hide?.();\n } catch (error) {\n console.error(\"Error sharing image:\", error);\n }\n };\n\n // check if the entity has the option, like formats\n const options: ShareOptions[] = useMemo(() => {\n const mapping: ShareOptions[] = [\n \"openPrice\",\n \"closePrice\",\n \"openTime\",\n \"closeTime\",\n \"leverage\",\n \"markPrice\",\n \"quantity\",\n ];\n\n return mapping.filter((key) => !!props.entity[key]);\n }, [props.entity]);\n\n savePnlInfo(pnlFormat, shareOption, selectIndex, message);\n\n return (\n <div className=\"oui-w-full\">\n <div\n ref={carouselRef}\n className=\"oui-mt-4 oui-w-full oui-overflow-hidden\"\n style={{ height: `${carouselHeight + 20}px` }}\n >\n <Carousel\n className=\"oui-w-full oui-overflow-hidden\"\n opts={{ align: \"start\" }}\n initIndex={selectIndex}\n >\n <CarouselContent style={{ height: `${carouselHeight}px` }}>\n {shareOptions?.backgroundImages?.map((item, index) => (\n <CarouselItem key={index}>\n <Poster\n className=\"oui-origin-top-left oui-transform\"\n style={{ scale: `${scale}` }}\n width={552}\n height={310}\n data={{\n backgroundImg: item,\n ...resetOptions,\n data: posterData,\n }}\n ratio={3}\n ref={posterRefs?.[index]}\n />\n </CarouselItem>\n ))}\n </CarouselContent>\n <div className=\"oui-mb-1 oui-mt-2 oui-flex oui-justify-center\">\n <MyIdentifier\n dotClassName=\"oui-w-[16px] oui-h-[4px] oui-bg-base-300\"\n dotActiveClassName=\"!oui-bg-primary-darken oui-w-[20px]\"\n setSelectIndex={setSelectIndex}\n />\n </div>\n </Carousel>\n </div>\n\n {/* @ts-ignore */}\n <ScrollArea className=\"oui-custom-scrollbar oui-max-h-[200px] oui-overflow-y-auto\">\n <div className=\"oui-mt-4\">\n <div className=\"oui-text-3xs oui-text-base-contrast-54\">\n {t(\"share.pnl.displayFormat\")}\n </div>\n <div className=\"oui-row-span-1 oui-grid oui-grid-cols-3 oui-justify-between oui-gap-3 oui-px-1 oui-pt-3\">\n {formats.map((item, index) => (\n <PnlFormatView\n key={index}\n setPnlFormat={setPnlFormat}\n type={item}\n curType={pnlFormat}\n />\n ))}\n </div>\n </div>\n\n <div className=\"oui-mt-3\">\n <div className=\"oui-h-[18px] oui-text-3xs oui-text-base-contrast-54\">\n {t(\"share.pnl.optionalInfo\")}\n </div>\n <div className=\"oui-mt-3 oui-flex oui-flex-wrap oui-gap-3\">\n {options.map((item, index) => (\n <ShareOption\n key={index}\n setShareOption={setShareOption}\n type={item}\n curType={shareOption}\n />\n ))}\n </div>\n </div>\n\n <div className=\"oui-mb-8 oui-mt-3\">\n <div className=\"oui-h-[18px] oui-text-3xs oui-text-base-contrast-54\">\n {t(\"share.pnl.optionalInfo.message\")}\n </div>\n <div className=\"oui-bg-base-600 oui-mx-1 oui-mt-3 oui-h-[48px]\">\n <Input\n placeholder={t(\"share.pnl.optionalInfo.message.placeholder\")}\n containerClassName=\"oui-bg-transparent oui-h-[48px]\"\n value={message}\n autoFocus={false}\n onChange={(e) => {\n if (e.target.value.length > 25) {\n toast.error(t(\"share.pnl.optionalInfo.message.maxLength\"));\n return;\n }\n setMessage(e.target.value);\n }}\n ref={inputRef}\n onFocus={() => setFocus(true)}\n onBlur={() => setFocus(false)}\n suffix={\n focus && (\n <button\n className=\"oui-mr-3 oui-cursor-pointer\"\n onMouseDown={(e) => {\n console.log(\"set message to empty\");\n\n setMessage(\"\");\n setTimeout(() => {\n inputRef.current?.focus();\n }, 50);\n e.stopPropagation();\n }}\n >\n <CloseCircleFillIcon size={18} color=\"white\" />\n </button>\n )\n }\n />\n </div>\n </div>\n </ScrollArea>\n\n <div className=\"oui-pt-2\">\n <Button\n fullWidth\n className=\"oui-h-[40px] oui-text-[16px]\"\n onClick={() => {\n const ref = posterRefs?.[selectIndex];\n if (ref) {\n onSharePnL(ref);\n }\n }}\n >\n {t(\"common.share\")}\n </Button>\n </div>\n </div>\n );\n};\n\nconst PnlFormatView: FC<{\n type: PnLDisplayFormat;\n curType?: PnLDisplayFormat;\n setPnlFormat: any;\n}> = (props) => {\n const { type, curType, setPnlFormat } = props;\n const { t } = useTranslation();\n\n const text = useMemo(() => {\n switch (type) {\n case \"roi_pnl\":\n return t(\"share.pnl.displayFormat.roi&Pnl\");\n case \"roi\":\n return t(\"share.pnl.displayFormat.roi\");\n case \"pnl\":\n return t(\"share.pnl.displayFormat.pnl\");\n }\n }, [type]);\n\n const isSelected = type === curType;\n\n return (\n <div\n className={cn(\n \"oui-referral-shadow oui-flex oui-h-[46px] oui-flex-1 oui-items-center oui-rounded-lg oui-bg-base-4 oui-px-3 oui-shadow-lg hover:oui-cursor-pointer\",\n isSelected && \"oui-dot-sel oui-bg-primary-darken\",\n )}\n onClick={() => {\n setPnlFormat(type);\n }}\n >\n <div className=\"oui-text-sm oui-text-base-contrast\">{text}</div>\n {/* {isSelected && <RadioIcon size={20} />} */}\n </div>\n );\n};\n\nconst ShareOption: FC<{\n type: ShareOptions;\n curType: Set<ShareOptions>;\n setShareOption: any;\n}> = (props) => {\n const { type, curType, setShareOption } = props;\n const { t } = useTranslation();\n\n const text = useMemo(() => {\n switch (type) {\n case \"openPrice\":\n return t(\"share.pnl.optionalInfo.openPrice\");\n case \"closePrice\":\n return t(\"share.pnl.optionalInfo.closePrice\");\n case \"openTime\":\n return t(\"share.pnl.optionalInfo.openTime\");\n case \"closeTime\":\n return t(\"share.pnl.optionalInfo.closeTime\");\n case \"markPrice\":\n return t(\"common.markPrice\");\n case \"quantity\":\n return t(\"common.quantity\");\n case \"leverage\":\n return t(\"common.leverage\");\n }\n }, [type, t]);\n\n const isSelected = curType.has(type);\n\n return (\n <div\n className={cn(\n \"oui-referral-shadow oui-mt-0 oui-flex oui-h-[46px] oui-w-[calc(50%-6px)] oui-items-center oui-rounded-lg oui-bg-base-4 oui-p-3 oui-shadow-lg hover:oui-cursor-pointer\",\n )}\n onClick={() => {\n // setPnlFormat(type);\n setShareOption((value: Set<ShareOptions>) => {\n const updateSet = new Set(value);\n if (isSelected) {\n updateSet.delete(type);\n } else {\n updateSet.add(type);\n }\n return updateSet;\n });\n }}\n >\n <div className=\"oui-flex-1 oui-text-sm oui-text-base-contrast\">\n {text}\n </div>\n {isSelected && <ChoicesFillIcon />}\n </div>\n );\n};\nfunction dataURItoBlob(dataURI: string) {\n const byteString = atob(dataURI.split(\",\")[1]);\n const mimeString = dataURI.split(\",\")[0].split(\":\")[1].split(\";\")[0];\n const ab = new ArrayBuffer(byteString.length);\n const ia = new Uint8Array(ab);\n for (let i = 0; i < byteString.length; i++) {\n ia[i] = byteString.charCodeAt(i);\n }\n return new Blob([ab], { type: mimeString });\n}\n\nconst MyIdentifier: FC<{\n setSelectIndex: any;\n className?: string;\n dotClassName?: string;\n dotActiveClassName?: string;\n onClick?: (index: number) => void;\n}> = (props) => {\n const { scrollSnaps, selectedIndex } = useCarousel();\n useEffect(() => {\n props.setSelectIndex(selectedIndex);\n }, [selectedIndex]);\n\n return (\n <div className={cn(\"oui-flex oui-gap-1\")}>\n {scrollSnaps.map((_: any, index: number) => {\n return (\n <Dot\n key={index}\n index={index}\n active={index === selectedIndex}\n onClick={props.onClick}\n className={props.dotClassName}\n activeClassName={props.dotActiveClassName}\n />\n );\n })}\n </div>\n );\n};\n\nconst ChoicesFillIcon = () => {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M2.01416 11.9989C2.01416 6.47589 6.49136 1.9989 12.0142 1.9989C17.5372 1.9989 22.0142 6.47589 22.0142 11.9989C22.0142 17.5219 17.5372 21.9989 12.0142 21.9989C6.49136 21.9989 2.01416 17.5219 2.01416 11.9989ZM16.9853 7.31211C17.2125 7.09537 17.5236 7 17.8218 7C18.1201 7 18.4312 7.09537 18.6583 7.31211C19.1139 7.74546 19.1139 8.47384 18.6583 8.9072L10.5077 16.675C10.0534 17.1083 9.28909 17.1083 8.83472 16.675L5.34077 13.3459C4.88641 12.9126 4.88641 12.1841 5.34077 11.7508C5.79631 11.3175 6.56057 11.3175 7.01493 11.7508L9.67122 14.2822L16.9853 7.31211Z\"\n fill=\"white\"\n fillOpacity=\"1\"\n />\n </svg>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n Button,\n ChevronLeftIcon,\n ChevronRightIcon,\n cn,\n useEmblaCarousel,\n type UseEmblaCarouselType,\n} from \"@kodiak-finance/orderly-ui\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: \"horizontal\" | \"vertical\";\n setApi?: (api: CarouselApi) => void;\n initIndex?: number;\n};\n\ntype CarouselContextProps = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n selectedIndex: number;\n scrollSnaps: number[];\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nexport function useCarousel() {\n const context = React.useContext(CarouselContext);\n\n if (!context) {\n throw new Error(\"useCarousel must be used within a <Carousel />\");\n }\n\n return context;\n}\n\nconst Carousel = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & CarouselProps\n>((originalProps, ref) => {\n const {\n orientation = \"horizontal\",\n opts,\n setApi,\n plugins,\n className,\n children,\n ...props\n } = originalProps;\n const [carouselRef, api] = useEmblaCarousel(\n { ...opts, axis: orientation === \"horizontal\" ? \"x\" : \"y\" },\n plugins,\n );\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n const [selectedIndex, setSelectedIndex] = React.useState(\n props.initIndex || 0,\n );\n const [scrollSnaps, setScrollSnaps] = React.useState<number[]>([]);\n\n const onSelect = React.useCallback(\n (api: CarouselApi) => {\n if (!api) {\n return;\n }\n\n // console.log(\"selected\", api.scrollSnapList());\n\n if (scrollSnaps.length === 0) {\n setScrollSnaps(api.scrollSnapList());\n }\n\n setSelectedIndex(api.selectedScrollSnap());\n\n setCanScrollPrev(api.canScrollPrev());\n setCanScrollNext(api.canScrollNext());\n },\n [scrollSnaps],\n );\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === \"ArrowRight\") {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on(\"reInit\", onSelect);\n api.on(\"select\", onSelect);\n\n if (props.initIndex) {\n api.scrollTo(props.initIndex);\n }\n return () => {\n api?.off(\"select\", onSelect);\n };\n }, [api, onSelect]);\n\n const memoizedValue = React.useMemo<CarouselContextProps>(() => {\n return {\n carouselRef,\n api: api,\n opts,\n orientation:\n orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n selectedIndex,\n scrollSnaps,\n };\n }, [\n carouselRef,\n api,\n opts,\n orientation,\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n selectedIndex,\n scrollSnaps,\n ]);\n\n return (\n <CarouselContext.Provider value={memoizedValue}>\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn(\"oui-relative\", className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselContext.Provider>\n );\n});\n\nCarousel.displayName = \"Carousel\";\n\nconst CarouselContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>((originalProps, ref) => {\n const { className, children, ...props } = originalProps;\n const { carouselRef, orientation } = useCarousel();\n return (\n <div ref={carouselRef} className=\"oui-overflow-hidden\">\n <div\n ref={ref}\n className={cn(\n \"oui-flex\",\n orientation === \"horizontal\" ? \"oui--ml-4\" : \"oui--mt-4 oui-flex-col\",\n className,\n )}\n {...props}\n >\n {children}\n </div>\n </div>\n );\n});\n\nCarouselContent.displayName = \"CarouselContent\";\n\nconst CarouselItem = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>((originalProps, ref) => {\n const { className, children, ...props } = originalProps;\n const { orientation } = useCarousel();\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\n \"oui-min-w-0 oui-shrink-0 oui-grow-0 oui-basis-full\",\n orientation === \"horizontal\" ? \"oui-pl-4\" : \"oui-pt-4\",\n className,\n )}\n {...props}\n >\n {children}\n </div>\n );\n});\n\nCarouselItem.displayName = \"CarouselItem\";\n\nconst CarouselPrevious = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof Button>\n>((originalProps, ref) => {\n const {\n className,\n variant = \"contained\",\n size = \"icon\",\n ...props\n } = originalProps;\n const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n return (\n <Button\n ref={ref}\n variant={variant}\n // size={size}\n className={cn(\n \"oui-absolute oui-size-8 oui-rounded-full\",\n orientation === \"horizontal\"\n ? \"oui--left-12 oui-top-1/2 oui--translate-y-1/2\"\n : \"oui--top-12 oui-left-1/2 oui--translate-x-1/2 oui-rotate-90\",\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ChevronLeftIcon size={20} />\n <span className=\"oui-sr-only\">Previous slide</span>\n </Button>\n );\n});\n\nCarouselPrevious.displayName = \"CarouselPrevious\";\n\nconst CarouselNext = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof Button>\n>((originalProps, ref) => {\n const {\n className,\n variant = \"contained\",\n size = \"icon\",\n ...props\n } = originalProps;\n const { orientation, scrollNext, canScrollNext } = useCarousel();\n return (\n <Button\n ref={ref}\n variant={variant}\n // size={size}\n className={cn(\n \"oui-absolute oui-size-8 oui-rounded-full\",\n orientation === \"horizontal\"\n ? \"oui--right-12 oui-top-1/2 oui--translate-y-1/2\"\n : \"oui--bottom-12 oui-left-1/2 oui--translate-x-1/2 oui-rotate-90\",\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ChevronRightIcon size={20} />\n <span className=\"oui-sr-only\">Next slide</span>\n </Button>\n );\n});\n\nCarouselNext.displayName = \"CarouselNext\";\n\nexport type CarouselIdentifierProps = {\n className?: string;\n dotClassName?: string;\n dotActiveClassName?: string;\n onClick?: (index: number) => void;\n // asChild?: boolean;\n};\n\nconst CarouselIdentifier: React.FC<CarouselIdentifierProps> = (props) => {\n const { scrollSnaps, selectedIndex } = useCarousel();\n return (\n <div className={cn(\"oui-flex oui-gap-1\", props.className)}>\n {scrollSnaps.map((_, index) => {\n return (\n <Dot\n key={index}\n index={index}\n active={index === selectedIndex}\n onClick={props.onClick}\n className={props.dotClassName}\n activeClassName={props.dotActiveClassName}\n />\n );\n })}\n </div>\n );\n};\n\nCarouselIdentifier.displayName = \"CarouselIdentifier\";\n\nexport const Dot: React.FC<{\n index: number;\n active: boolean;\n onClick?: (index: number) => void;\n className?: string;\n activeClassName?: string;\n}> = ({ index, active, onClick, className, activeClassName }) => {\n const activedClassName = activeClassName || \"oui-bg-primary-darken\";\n return (\n <button\n onClick={() => onClick?.(index)}\n className={cn(\n \"oui-size-2 oui-rounded-full oui-bg-white/30\",\n className,\n active && `active ${activedClassName}`,\n )}\n />\n );\n};\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n CarouselIdentifier,\n};\n","import {\n Carousel as OriginCarousel,\n CarouselContent,\n CarouselItem,\n CarouselNext,\n CarouselPrevious,\n CarouselIdentifier,\n} from \"./carousel\";\n\nexport type Carousel = typeof OriginCarousel & {\n Content: typeof CarouselContent;\n Item: typeof CarouselItem;\n Next: typeof CarouselNext;\n Previous: typeof CarouselPrevious;\n indentify: typeof CarouselIdentifier;\n};\n\nconst Carousel = OriginCarousel as Carousel;\n\nCarousel.Content = CarouselContent;\nCarousel.Item = CarouselItem;\nCarousel.Next = CarouselNext;\nCarousel.Previous = CarouselPrevious;\nCarousel.indentify = CarouselIdentifier;\n\nexport { Carousel };\n","import { FC } from \"react\";\nimport { DesktopSharePnLContent } from \"./desktop/content\";\nimport { MobileSharePnLContent } from \"./mobile/content\";\nimport { SharePnLState } from \"./sharePnL.script\";\n\nexport const DesktopSharePnL: FC<SharePnLState> = (props) => {\n const { entity, baseDp, quoteDp, referralInfo, shareOptions, hide } = props;\n\n if (!shareOptions || !entity) {\n return null;\n }\n return (\n <DesktopSharePnLContent\n entity={entity}\n hide={hide}\n baseDp={baseDp}\n quoteDp={quoteDp}\n referral={referralInfo}\n shareOptions={shareOptions}\n />\n );\n};\n\nexport const MobileSharePnL: FC<SharePnLState> = (props) => {\n const { entity, baseDp, quoteDp, referralInfo, shareOptions, hide } = props;\n if (!shareOptions || !entity) {\n return null;\n }\n return (\n <MobileSharePnLContent\n entity={entity}\n hide={hide}\n baseDp={baseDp}\n quoteDp={quoteDp}\n referral={referralInfo}\n shareOptions={shareOptions}\n />\n );\n};\n","import { SharePnLOptions, SharePnLParams } from \"../types/types\";\nimport { useSharePnLScript } from \"./sharePnL.script\";\nimport { DesktopSharePnL, MobileSharePnL } from \"./sharePnL.ui\";\n\nexport const SharePnLBottomSheetWidget = (props: {\n hide?: () => void;\n pnl?: SharePnLOptions & SharePnLParams;\n}) => {\n const state = useSharePnLScript({\n hide: props.hide,\n pnl: props.pnl,\n });\n return <MobileSharePnL {...state} />;\n};\n\nexport const SharePnLDialogWidget = (props: {\n hide?: () => void;\n pnl?: SharePnLOptions & SharePnLParams;\n}) => {\n const state = useSharePnLScript({\n hide: props.hide,\n pnl: props.pnl,\n });\n return <DesktopSharePnL {...state} />;\n};\n"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/sharePnL/sharePnL.script.tsx","../src/sharePnL/desktop/content.tsx","../src/sharePnL/poster/poster.tsx","../src/sharePnL/utils/utils.tsx","../src/sharePnL/desktop/bottomBtns.tsx","../src/sharePnL/desktop/carousel.tsx","../src/sharePnL/desktop/buttons.tsx","../src/sharePnL/desktop/message.tsx","../src/sharePnL/desktop/checkbox.tsx","../src/sharePnL/desktop/options.tsx","../src/sharePnL/desktop/pnlFormat.tsx","../src/sharePnL/mobile/content.tsx","../src/sharePnL/carousel/carousel.tsx","../src/sharePnL/carousel/index.tsx","../src/sharePnL/sharePnL.ui.tsx","../src/sharePnL/sharePnL.widget.tsx"],"names":["useEffect","useMemo","useRef","useState","useTranslation","Flex","toast","Text","Box","jsx","jsxs","emblaApi","cn","Button","CloseCircleFillIcon","Input","useEmblaCarousel","api","Carousel","PnlFormatView","ShareOption"],"mappings":"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","sourcesContent":["import { registerSimpleDialog, registerSimpleSheet } from \"@kodiak-finance/orderly-ui\";\nimport {\n SharePnLDialogWidget,\n SharePnLBottomSheetWidget,\n} from \"./sharePnL/sharePnL.widget\";\nimport { i18n } from \"@kodiak-finance/orderly-i18n\";\n\nconst SharePnLDialogId = \"sharePnLDialog\";\nconst SharePnLBottomSheetId = \"sharePnLBottomSheet\";\n\nregisterSimpleDialog(SharePnLDialogId, SharePnLDialogWidget, {\n classNames: {\n content: \"!oui-max-w-[624px] oui-p-0\",\n },\n});\n\nregisterSimpleSheet(SharePnLBottomSheetId, SharePnLBottomSheetWidget, {\n title: i18n.t(\"share.pnl.sharePnl\"),\n classNames: {\n body: \"oui-pb-4 oui-pt-0\",\n },\n});\n\nexport * from \"./sharePnL\";\nexport { SharePnLDialogId, SharePnLBottomSheetId };\nexport type {\n SharePnLConfig,\n SharePnLOptions,\n SharePnLParams,\n} from \"./types/types\";\n","import { useMemo } from \"react\";\nimport { useReferralInfo, useSymbolsInfo } from \"@kodiak-finance/orderly-hooks\";\nimport { ReferralType, SharePnLOptions, SharePnLParams } from \"../types/types\";\n\nexport const useSharePnLScript = (props: {\n pnl?: SharePnLOptions & SharePnLParams;\n hide?: () => void;\n}) => {\n const { pnl, hide } = props;\n const entity = pnl?.entity;\n const symbolInfo = useSymbolsInfo();\n const { getFirstRefCode } = useReferralInfo();\n const referralInfo = useMemo((): ReferralType | undefined => {\n const code = getFirstRefCode()?.code;\n const info = {\n code: pnl?.refCode ?? code,\n slogan: pnl?.refSlogan,\n link: pnl?.refLink,\n };\n return info;\n }, [getFirstRefCode, pnl]);\n\n // print warning if entity is null\n if (!entity) {\n console.warn(\"Entity is null, the share pnl will not be displayed\");\n }\n\n // convert base_dp and quote_dp useMemo\n const base_dp = useMemo(() => {\n if (!entity) return undefined;\n return symbolInfo[entity?.symbol](\"base_dp\");\n }, [entity, symbolInfo]);\n const quote_dp = useMemo(() => {\n if (!entity) return undefined;\n return symbolInfo[entity?.symbol](\"quote_dp\");\n }, [entity, symbolInfo]);\n\n return {\n entity,\n baseDp: base_dp,\n quoteDp: quote_dp,\n referralInfo,\n shareOptions: pnl as SharePnLOptions,\n hide,\n };\n};\n\nexport type SharePnLState = ReturnType<typeof useSharePnLScript>;\n","import { FC, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { EMPTY_LIST } from \"@kodiak-finance/orderly-types\";\nimport { Divider, Flex, toast, Text, Box } from \"@kodiak-finance/orderly-ui\";\nimport {\n PnLDisplayFormat,\n ReferralType,\n ShareEntity,\n ShareOptions,\n SharePnLOptions,\n} from \"../../types/types\";\nimport { Poster } from \"../poster\";\nimport { PosterRef } from \"../poster/poster\";\nimport { getPnlInfo, getPnLPosterData, savePnlInfo } from \"../utils/utils\";\nimport { BottomButtons } from \"./bottomBtns\";\nimport { CarouselBackgroundImage } from \"./carousel\";\nimport { Message } from \"./message\";\nimport { ShareOption } from \"./options\";\nimport { PnlFormatView } from \"./pnlFormat\";\n\nexport const DesktopSharePnLContent: FC<{\n entity: ShareEntity;\n hide: any;\n baseDp?: number;\n quoteDp?: number;\n referral?: ReferralType;\n shareOptions: SharePnLOptions;\n}> = (props) => {\n const { shareOptions } = props;\n const { t } = useTranslation();\n\n const localPnlConfig = getPnlInfo();\n const hasRoiAndPnl = props.entity.roi != null && props.entity.pnl != null;\n const formats: PnLDisplayFormat[] = hasRoiAndPnl\n ? [\"roi_pnl\", \"roi\", \"pnl\"]\n : props.entity.roi != null\n ? [\"roi\"]\n : props.entity.pnl != null\n ? [\"pnl\"]\n : [];\n\n const [pnlFormat, setPnlFormat] = useState<PnLDisplayFormat>(\n formats.length == 1 ? formats[0] : localPnlConfig.pnlFormat,\n );\n const [shareOption, setShareOption] = useState<Set<ShareOptions>>(\n new Set(localPnlConfig.options),\n );\n const [selectedSnap, setSelectedSnap] = useState(localPnlConfig.bgIndex);\n const [message, setMessage] = useState(localPnlConfig.message);\n const [check, setCheck] = useState(false);\n const { backgroundImages, ...resetOptions } = shareOptions ?? {\n backgroundImages: [],\n };\n\n const [domain, setDomain] = useState(\"\");\n\n const posterRef = useRef<PosterRef | null>(null);\n\n useEffect(() => {\n const currentDomain = window.location.hostname;\n setDomain(currentDomain);\n }, []);\n\n const curBgImg = useMemo(() => {\n return shareOptions?.backgroundImages?.[selectedSnap];\n }, [shareOptions?.backgroundImages, selectedSnap]);\n\n const posterData = getPnLPosterData(\n props.entity,\n check ? message : \"\",\n domain,\n pnlFormat,\n shareOption,\n props.baseDp,\n props.quoteDp,\n props.referral,\n );\n\n const onCopy = () => {\n posterRef.current\n ?.copy()\n .then(() => {\n props.hide?.();\n toast.success(t(\"share.pnl.image.copied\"));\n })\n .catch((e: any) => {\n toast.error(() => {\n return (\n <div>\n <div>{t(\"common.copy.failed\")}</div>\n <div className=\"oui-mt-2 oui-max-w-[396px] oui-text-2xs oui-text-base-contrast-54\">\n {t(\"share.pnl.copy.failed.description\")}\n </div>\n </div>\n );\n });\n });\n };\n const onDownload = () => {\n posterRef.current?.download(\"Poster.png\");\n props.hide?.();\n };\n\n // check if the entity has the option, like formats\n const options: ShareOptions[] = useMemo(() => {\n const mapping: ShareOptions[] = [\n \"openPrice\",\n \"closePrice\",\n \"markPrice\",\n \"openTime\",\n \"closeTime\",\n \"leverage\",\n \"quantity\",\n ];\n\n return mapping.filter((key) => !!props.entity[key]);\n }, [props.entity]);\n\n savePnlInfo(pnlFormat, shareOption, selectedSnap, message);\n\n return (\n <div className=\"oui-relative oui-flex oui-size-full oui-flex-col\">\n <div className=\"oui-h-full oui-flex-1 oui-overflow-y-auto\">\n <Box mt={9} height={422}>\n <Flex itemAlign={\"center\"} justify={\"center\"}>\n <Poster\n // className=\"oui-mx-11\"\n width={552}\n height={310}\n data={{\n backgroundImg: curBgImg,\n ...resetOptions,\n data: posterData,\n }}\n ratio={3}\n ref={posterRef}\n />\n </Flex>\n <CarouselBackgroundImage\n backgroundImages={shareOptions?.backgroundImages ?? EMPTY_LIST}\n selectedSnap={selectedSnap}\n setSelectedSnap={setSelectedSnap}\n />\n </Box>\n\n <Flex\n direction={\"column\"}\n px={10}\n mt={6}\n justify={\"start\"}\n itemAlign={\"start\"}\n width={\"100%\"}\n >\n <Text size=\"sm\" intensity={80}>\n {t(\"share.pnl.displayFormat\")}\n </Text>\n <Flex pt={3} gap={3} itemAlign={\"center\"}>\n {formats.map((e, index) => (\n <PnlFormatView\n key={index}\n setPnlFormat={setPnlFormat}\n type={e}\n curType={pnlFormat}\n />\n ))}\n </Flex>\n\n <Divider className=\"oui-w-full oui-border-white/10 oui-pt-6\" />\n\n <Flex\n mt={6}\n direction={\"column\"}\n justify={\"start\"}\n itemAlign={\"start\"}\n >\n <Text size=\"sm\" intensity={80}>\n {t(\"share.pnl.optionalInfo\")}\n </Text>\n <Flex mt={3} gap={4} className=\"oui-flex-wrap\">\n {options.map((item, index) => (\n <ShareOption\n key={index}\n setShareOption={setShareOption}\n type={item}\n curType={shareOption}\n />\n ))}\n </Flex>\n </Flex>\n\n <Message\n message={message}\n setMessage={setMessage}\n check={check}\n setCheck={setCheck}\n />\n </Flex>\n </div>\n\n <BottomButtons onClickCopy={onCopy} onClickDownload={onDownload} />\n </div>\n );\n};\n","import { forwardRef, useImperativeHandle } from \"react\";\nimport { type DrawOptions, usePoster } from \"@kodiak-finance/orderly-hooks\";\n\nexport type PosterProps = {\n width: number;\n height: number;\n className?: string;\n ratio?: number;\n data: DrawOptions;\n style?: React.CSSProperties;\n};\n\nexport type PosterRef = {\n download: (filename: string, type?: string, encoderOptions?: number) => void;\n toDataURL: (type?: string, encoderOptions?: number) => string;\n toBlob: (type?: string, encoderOptions?: number) => Promise<Blob | null>;\n copy: () => Promise<void>;\n};\n\nexport const Poster = forwardRef<PosterRef, PosterProps>((props, parentRef) => {\n const { width, height, className, data, style } = props;\n\n const { ref, download, toDataURL, copy, toBlob } = usePoster(data, {\n ratio: props.ratio,\n });\n\n useImperativeHandle(parentRef, () => ({\n download,\n toDataURL,\n toBlob,\n copy,\n }));\n\n return (\n <canvas\n ref={ref}\n width={width}\n height={height}\n className={className}\n style={style}\n />\n );\n});\n","/*\n{\n message: \"I am the Orderly KING.\",\n domain: \"ordely.network\",\n updateTime: \"2022-JAN-01 23:23\",\n position: {\n symbol: \"BTC-PERP\",\n currency: \"USDC\",\n side: \"LONG\",\n leverage: 20,\n pnl: 10432.23,\n ROI: 20.25,\n informations: [\n { title: \"Open Price\", value: 0.12313 },\n { title: \"Opened at\", value: \"Jan-01 23:23\" },\n { title: \"Mark price\", value: \"0.12341\" },\n { title: \"Quantity\", value: \"0.123\" },\n ],\n },\n referral: {\n code: \"WRECKED\",\n link: \"https://orderly.network\",\n slogan: \"Try Orderly now with:\",\n }\n }\n*/\n// import { PnLDisplayFormat, ShareOptions } from \"./type\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Decimal, formatNum } from \"@kodiak-finance/orderly-utils\";\nimport { PnLDisplayFormat, ShareEntity, ShareOptions } from \"../../types/types\";\n\nexport type ReferralType = {\n code?: string;\n link?: string;\n slogan?: string;\n};\n\nexport function getPnLPosterData(\n position: ShareEntity,\n message: string,\n domain: string,\n pnlType: PnLDisplayFormat,\n options: Set<ShareOptions>,\n baseDp?: number,\n quoteDp?: number,\n referral?: ReferralType,\n) {\n const { t } = useTranslation();\n const { symbol, currency } = processSymbol(position.symbol);\n const positionData: any = {\n symbol,\n currency,\n side: position.side,\n };\n\n switch (pnlType) {\n case \"pnl\": {\n if (position.pnl != null) {\n positionData[\"pnl\"] = formatNum.pnl(position.pnl)?.toFixed(2);\n }\n break;\n }\n case \"roi\": {\n if (position.roi != null) {\n positionData[\"ROI\"] = formatNum.roi(position.roi)?.toFixed(2);\n }\n break;\n }\n case \"roi_pnl\": {\n if (position.pnl != null) {\n positionData[\"pnl\"] = formatNum.pnl(position.pnl)?.toFixed(2);\n }\n if (position.roi != null) {\n positionData[\"ROI\"] = formatNum.roi(position.roi)?.toFixed(2);\n }\n break;\n }\n }\n\n const informations: { title: string; value: any }[] = [];\n\n if (options.has(\"leverage\")) {\n positionData[\"leverage\"] = position.leverage;\n }\n const array: ShareOptions[] = [\n \"openPrice\",\n \"closePrice\",\n \"openTime\",\n \"closeTime\",\n \"markPrice\",\n \"quantity\",\n ];\n array.forEach((key) => {\n if (options.has(key)) {\n switch (key) {\n case \"leverage\": {\n break;\n }\n case \"openPrice\": {\n if (position.openPrice != null) {\n informations.push({\n title: t(\"share.pnl.optionalInfo.openPrice\"),\n value: formatFixed(position.openPrice, quoteDp || 2),\n });\n }\n break;\n }\n case \"closePrice\": {\n if (position.closePrice != null) {\n informations.push({\n title: t(\"share.pnl.optionalInfo.closePrice\"),\n value: formatFixed(position.closePrice, quoteDp || 2),\n });\n }\n break;\n }\n case \"openTime\": {\n if (position.openTime != null) {\n informations.push({\n title: t(\"share.pnl.optionalInfo.openTime\"),\n value: formatOpenTime(position.openTime),\n });\n }\n break;\n }\n case \"closeTime\": {\n if (position.closeTime != null) {\n informations.push({\n title: t(\"share.pnl.optionalInfo.closeTime\"),\n value: formatOpenTime(position.closeTime),\n });\n }\n break;\n }\n case \"markPrice\": {\n if (position.markPrice != null) {\n informations.push({\n title: t(\"common.markPrice\"),\n value: formatFixed(position.markPrice, quoteDp || 2),\n });\n }\n break;\n }\n case \"quantity\": {\n if (position.quantity != null) {\n informations.push({\n title: t(\"common.quantity\"),\n value: formatFixed(position.quantity, baseDp || 2),\n });\n }\n }\n default:\n break;\n }\n }\n });\n\n positionData[\"informations\"] = informations;\n\n const data: any = {\n position: positionData,\n updateTime: formatShareTime(new Date()),\n domain,\n };\n if (message.length > 0) {\n data[\"message\"] = message;\n }\n\n if (typeof referral !== \"undefined\" && referral[\"code\"] !== undefined) {\n data[\"referral\"] = referral;\n }\n\n return data;\n}\n\ninterface SymbolResult {\n symbol: string;\n currency: string;\n}\n\nfunction processSymbol(symbol: string): SymbolResult {\n const tokens = symbol.split(\"_\");\n if (tokens.length !== 3) {\n return {\n symbol: symbol,\n currency: \"USDC\",\n };\n }\n\n const [symbol1, symbol2, symbol3] = tokens;\n const formattedString = `${symbol2}-${symbol1}`;\n\n return {\n symbol: formattedString,\n currency: symbol3 || \"USDC\",\n };\n}\n\nfunction formatShareTime(input: number): string;\nfunction formatShareTime(input: Date): string;\nfunction formatShareTime(input: number | Date): string {\n const date = input instanceof Date ? input : new Date(input);\n const options: Intl.DateTimeFormatOptions = {\n year: \"numeric\",\n month: \"2-digit\",\n day: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n hourCycle: \"h23\",\n };\n\n const formatter = new Intl.DateTimeFormat(\"en-US\", options);\n const formattedParts = formatter.formatToParts(date);\n\n // console.log(\"formattedParts\", formattedParts);\n\n const year = formattedParts.find((part) =>\n part.type === \"year\" ? part.value : \"\",\n )?.value;\n const month = formattedParts.find((part) =>\n part.type === \"month\" ? part.value : \"\",\n )?.value;\n const day = formattedParts.find((part) =>\n part.type === \"day\" ? part.value : \"\",\n )?.value;\n const hour = formattedParts.find((part) =>\n part.type === \"hour\" ? part.value : \"\",\n )?.value;\n const minute = formattedParts.find((part) =>\n part.type === \"minute\" ? part.value : \"\",\n )?.value;\n\n return `${year}-${month}-${day} ${hour}:${minute}`;\n}\n\nfunction formatOpenTime(input: number | Date): string {\n const date = input instanceof Date ? input : new Date(input);\n const options: Intl.DateTimeFormatOptions = {\n year: \"numeric\",\n month: \"short\",\n day: \"2-digit\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n hourCycle: \"h23\",\n };\n\n const formatter = new Intl.DateTimeFormat(\"en-US\", options);\n const formattedParts = formatter.formatToParts(date);\n\n // console.log(\"formattedParts\", formattedParts);\n\n const month = formattedParts.find((part) =>\n part.type === \"month\" ? part.value : \"\",\n )?.value;\n const day = formattedParts.find((part) =>\n part.type === \"day\" ? part.value : \"\",\n )?.value;\n const hour = formattedParts.find((part) =>\n part.type === \"hour\" ? part.value : \"\",\n )?.value;\n const minute = formattedParts.find((part) =>\n part.type === \"minute\" ? part.value : \"\",\n )?.value;\n\n return `${month}-${day} ${hour}:${minute}`;\n}\n\nfunction formatFixed(value: number, dp: number) {\n return new Decimal(value).toFixed(dp, Decimal.ROUND_DOWN);\n}\n\nexport function savePnlInfo(\n format: PnLDisplayFormat,\n options: Set<ShareOptions>,\n bgIndex: number,\n message: string,\n) {\n localStorage.setItem(\n \"pnl_config_key\",\n JSON.stringify({\n bgIndex: bgIndex,\n pnlFormat: format,\n options: Array.from(options),\n message: message,\n }),\n );\n}\n\nexport function getPnlInfo(): {\n bgIndex: number;\n pnlFormat: PnLDisplayFormat;\n options: ShareOptions[];\n message: \"\";\n} {\n const str = localStorage.getItem(\"pnl_config_key\");\n\n if (str && str.length > 0) {\n try {\n const json = JSON.parse(str);\n\n return json;\n } catch (e) {}\n }\n return {\n bgIndex: 0,\n pnlFormat: \"roi_pnl\",\n options: [\n \"openPrice\",\n \"closePrice\",\n \"openTime\",\n \"closeTime\",\n \"markPrice\",\n \"quantity\",\n \"leverage\",\n ],\n message: \"\",\n };\n}\n","import { FC } from \"react\";\nimport { Button, Flex } from \"@kodiak-finance/orderly-ui\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nexport const BottomButtons: FC<{\n onClickDownload: any;\n onClickCopy: any;\n}> = (props) => {\n const { onClickDownload, onClickCopy } = props;\n const { t } = useTranslation();\n\n return (\n <Flex px={8} gap={3} mt={3} itemAlign={\"center\"}>\n <Button\n color={\"secondary\"}\n className=\"oui-flex-1 oui-flex oui-gap-1\"\n onClick={onClickDownload}\n >\n <span>\n <DownloadIcon />\n </span>\n {t(\"common.download\")}\n </Button>\n\n <Button className=\"oui-flex-1 oui-flex oui-gap-1\" onClick={onClickCopy}>\n <span>\n <CopyIcon />\n </span>\n {t(\"common.copy\")}\n </Button>\n </Flex>\n );\n};\n\nconst DownloadIcon = () => {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.66 1.994A2.667 2.667 0 0 0 1.995 4.66v6.666a2.667 2.667 0 0 0 2.667 2.667h6.666a2.667 2.667 0 0 0 2.667-2.667V4.661a2.667 2.667 0 0 0-2.667-2.667zM7.995 4.66c.368 0 .667.298.667.666V8.66h2l-2.667 2.666L5.328 8.66h2V5.327c0-.368.299-.667.667-.667\"\n fill=\"#fff\"\n fillOpacity=\".98\"\n />\n </svg>\n );\n};\n\nconst CopyIcon = () => {\n return (\n <svg\n width=\"17\"\n height=\"16\"\n viewBox=\"0 0 17 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M5.166 1.994A2.667 2.667 0 0 0 2.499 4.66v4a2.667 2.667 0 0 0 2.667 2.667 2.667 2.667 0 0 0 2.666 2.667h4a2.667 2.667 0 0 0 2.667-2.667v-4a2.667 2.667 0 0 0-2.667-2.667 2.667 2.667 0 0 0-2.666-2.666zm6.666 4c.737 0 1.334.596 1.334 1.333v4c0 .737-.597 1.334-1.334 1.334h-4A1.333 1.333 0 0 1 6.5 11.327h2.667a2.667 2.667 0 0 0 2.666-2.667z\"\n fill=\"#fff\"\n fillOpacity=\".98\"\n />\n </svg>\n );\n};\n","import { FC, useCallback, useEffect } from \"react\";\nimport { Box, cn, Flex, useEmblaCarousel } from \"@kodiak-finance/orderly-ui\";\nimport { NextButton, PrevButton } from \"./buttons\";\n\nexport const CarouselBackgroundImage: FC<{\n backgroundImages: ReadonlyArray<string> | string[];\n selectedSnap: number;\n setSelectedSnap: any;\n}> = (props) => {\n const { backgroundImages, selectedSnap, setSelectedSnap } = props;\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n // loop: true,\n containScroll: \"keepSnaps\",\n dragFree: true,\n });\n\n const onPrevButtonClick = useCallback(() => {\n if (!emblaApi) {\n return;\n }\n if (emblaApi?.canScrollPrev()) {\n emblaApi.scrollPrev();\n } else if (selectedSnap - 1 >= 0) {\n setSelectedSnap(selectedSnap - 1);\n }\n }, [emblaApi, selectedSnap]);\n\n const onNextButtonClick = useCallback(() => {\n if (!emblaApi) {\n return;\n }\n if (emblaApi?.canScrollNext()) {\n emblaApi.scrollNext();\n } else if (selectedSnap + 1 < backgroundImages.length) {\n setSelectedSnap(selectedSnap + 1);\n }\n }, [emblaApi, selectedSnap]);\n\n const onSelect = useCallback((emblaApi: any) => {\n // setPrevBtnDisabled(!emblaApi.canScrollPrev());\n // setNextBtnDisabled(!emblaApi.canScrollNext());\n setSelectedSnap(emblaApi.selectedScrollSnap());\n }, []);\n\n useEffect(() => {\n if (!emblaApi) {\n return;\n }\n onSelect(emblaApi);\n emblaApi.on(\"reInit\", onSelect);\n emblaApi.on(\"select\", onSelect);\n emblaApi?.scrollTo(selectedSnap);\n return () => {\n emblaApi.off(\"reInit\", onSelect);\n emblaApi.off(\"select\", onSelect);\n };\n }, [emblaApi, onSelect]);\n\n return (\n <Flex mt={4} px={2}>\n <PrevButton onClick={onPrevButtonClick} />\n <div\n ref={emblaRef}\n className=\"oui-w-full oui-overflow oui-overflow-x-auto oui-scrollbar-hidden oui-hide-scrollbar oui-mx-0\"\n >\n <Flex>\n {backgroundImages.map((e, index) => (\n <Box\n key={e}\n onClick={() => {\n if (emblaApi?.canScrollPrev() || emblaApi?.canScrollNext()) {\n emblaApi?.scrollTo(index);\n } else {\n setSelectedSnap(index);\n }\n }}\n mx={2}\n my={1}\n mr={6}\n r=\"base\"\n className={cn(\n \"oui-shrink-0 oui-w-[162px]\",\n selectedSnap === index &&\n \"oui-outline oui-outline-1 oui-outline-primary-darken\",\n )}\n >\n <img src={e} className=\"oui-rounded-sm\" />\n </Box>\n ))}\n </Flex>\n </div>\n <NextButton onClick={onNextButtonClick} />\n </Flex>\n );\n};\n","import { FC, PropsWithChildren } from \"react\";\n\ntype PropType = PropsWithChildren<\n React.DetailedHTMLProps<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n HTMLButtonElement\n >\n>;\n\nexport const PrevButton: FC<PropType> = (props) => {\n const { children, ...restProps } = props;\n\n return (\n <button {...restProps}>\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"20\" height=\"20\" rx=\"10\" fill=\"#333948\" />\n <path\n d=\"M11.186 5.348a.67.67 0 0 0-.436.27l-2.657 4a.69.69 0 0 0 0 .75l2.657 4a.68.68 0 0 0 .934.188.685.685 0 0 0 .187-.937L9.463 9.993 11.87 6.37a.685.685 0 0 0-.187-.938.65.65 0 0 0-.498-.083\"\n fill=\"#fff\"\n fillOpacity=\".54\"\n />\n </svg>\n </button>\n );\n};\n\nexport const NextButton: FC<PropType> = (props) => {\n const { children, ...restProps } = props;\n\n return (\n <button {...restProps}>\n <svg\n width=\"20\"\n height=\"20\"\n viewBox=\"0 0 20 20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"20\" height=\"20\" rx=\"10\" fill=\"#333948\" />\n <path\n d=\"M8.777 5.348a.65.65 0 0 0-.498.083.685.685 0 0 0-.187.938L10.5 9.993 8.092 13.62a.685.685 0 0 0 .187.937.68.68 0 0 0 .934-.187l2.657-4a.69.69 0 0 0 0-.75l-2.657-4a.67.67 0 0 0-.436-.271\"\n fill=\"#fff\"\n fillOpacity=\".54\"\n />\n </svg>\n </button>\n );\n};\n","import { FC, useRef, useState } from \"react\";\nimport { CloseCircleFillIcon, Input, toast } from \"@kodiak-finance/orderly-ui\";\nimport { Checkbox } from \"./checkbox\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\n\nexport const Message: FC<{\n message: string;\n setMessage: any;\n check: boolean;\n setCheck: any;\n}> = (props) => {\n const { message, setMessage, check, setCheck } = props;\n const [focus, setFocus] = useState(false);\n const inputRef = useRef<HTMLInputElement | null>(null);\n const { t } = useTranslation();\n\n return (\n <div className=\"oui-mt-3 oui-mb-6 oui-flex oui-items-center\">\n <Checkbox\n className=\"oui-mt-[2px]\"\n checked={check}\n onCheckedChange={(e: boolean) => {\n setCheck(e);\n }}\n />\n <div\n className=\"oui-text-xs oui-text-base-contrast-54 oui-ml-1 hover:oui-cursor-pointer\"\n onClick={() => {\n setCheck(!props.check);\n }}\n >\n {t(\"share.pnl.optionalInfo.message\")}\n </div>\n <div className=\"oui-bg-base-900 oui-mx-2 oui-rounded-sm\">\n <Input\n ref={inputRef}\n placeholder={t(\"share.pnl.optionalInfo.message.placeholder\")}\n classNames={{\n root: \"oui-w-[320px]\",\n }}\n size=\"sm\"\n value={message}\n autoFocus={false}\n suffix={\n focus && (\n <button\n className=\"oui-mr-3 oui-cursor-pointer\"\n onMouseDown={(e) => {\n console.log(\"set message to empty\");\n\n setMessage(\"\");\n setTimeout(() => {\n inputRef.current?.focus();\n }, 50);\n e.stopPropagation();\n }}\n >\n <CloseCircleFillIcon size={18} color=\"white\" />\n </button>\n )\n }\n onFocus={() => setFocus(true)}\n onBlur={() => setFocus(false)}\n onChange={(e) => {\n if (e.target.value.length > 25) {\n toast.error(t(\"share.pnl.optionalInfo.message.maxLength\"));\n return;\n }\n setCheck(e.target.value.length > 0);\n setMessage(e.target.value);\n }}\n />\n </div>\n </div>\n );\n};\n","export const Checkbox = (props: {\n size?: number;\n className?: string;\n checked: boolean;\n onCheckedChange: (checked: boolean) => void;\n}) => {\n const { size = 16, className } = props;\n return (\n <button\n type=\"button\"\n onClick={(e) => {\n props.onCheckedChange(!props.checked);\n }}\n className={className}\n >\n {props.checked ? (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M4.66 1.953A2.667 2.667 0 0 0 1.995 4.62v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.62a2.667 2.667 0 0 0-2.667-2.667zm6.664 2.922a.8.8 0 0 1 .557-.208c.2 0 .406.063.558.208a.734.734 0 0 1 0 1.063l-5.434 5.179a.826.826 0 0 1-1.115 0l-2.33-2.22a.736.736 0 0 1 0-1.063.827.827 0 0 1 1.117 0l1.77 1.687z\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </svg>\n ) : (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4.66 1.953A2.667 2.667 0 0 0 1.995 4.62v6.667a2.667 2.667 0 0 0 2.667 2.666h6.666a2.667 2.667 0 0 0 2.667-2.666V4.62a2.667 2.667 0 0 0-2.667-2.667zm0 1.334h6.667c.737 0 1.334.596 1.334 1.333v6.667c0 .736-.597 1.333-1.334 1.333H4.661a1.333 1.333 0 0 1-1.334-1.333V4.62c0-.737.597-1.333 1.334-1.333\"\n fill=\"#fff\"\n fillOpacity=\".8\"\n />\n </svg>\n )}\n </button>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { ShareOptions } from \"../../types/types\";\nimport { Flex, Text, cn } from \"@kodiak-finance/orderly-ui\";\nimport { Checkbox } from \"./checkbox\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\n\nexport const ShareOption: FC<{\n type: ShareOptions;\n curType: Set<ShareOptions>;\n setShareOption: any;\n}> = (props) => {\n const { type, curType, setShareOption } = props;\n const { t } = useTranslation();\n\n const text = useMemo(() => {\n switch (type) {\n case \"openPrice\":\n return t(\"share.pnl.optionalInfo.openPrice\");\n case \"closePrice\":\n return t(\"share.pnl.optionalInfo.closePrice\");\n case \"openTime\":\n return t(\"share.pnl.optionalInfo.openTime\");\n case \"closeTime\":\n return t(\"share.pnl.optionalInfo.closeTime\");\n case \"markPrice\":\n return t(\"common.markPrice\");\n case \"quantity\":\n return t(\"common.quantity\");\n case \"leverage\":\n return t(\"common.leverage\");\n }\n }, [type, t]);\n\n const isSelected = curType.has(type);\n\n return (\n <Flex\n itemAlign={\"center\"}\n gap={1}\n className={cn(\"hover:oui-cursor-pointer\")}\n onClick={() => {\n // setPnlFormat(type);\n setShareOption((value: Set<ShareOptions>) => {\n const updateSet = new Set(value);\n if (isSelected) {\n updateSet.delete(type);\n } else {\n updateSet.add(type);\n }\n return updateSet;\n });\n }}\n >\n <Checkbox\n size={16}\n checked={isSelected}\n className=\"oui-pt-[2px]\"\n onCheckedChange={(checked: boolean) => {\n setShareOption((value: Set<ShareOptions>) => {\n const updateSet = new Set(value);\n if (isSelected) {\n updateSet.delete(type);\n } else {\n updateSet.add(type);\n }\n return updateSet;\n });\n }}\n />\n\n <Text size=\"xs\" intensity={54}>\n {text}\n </Text>\n </Flex>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { PnLDisplayFormat } from \"../../types/types\";\nimport { Text, cn } from \"@kodiak-finance/orderly-ui\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nexport const PnlFormatView: FC<{\n type: PnLDisplayFormat;\n curType?: PnLDisplayFormat;\n setPnlFormat: any;\n}> = (props) => {\n const { type, curType, setPnlFormat } = props;\n const { t } = useTranslation();\n\n const text = useMemo(() => {\n switch (type) {\n case \"roi_pnl\":\n return t(\"share.pnl.displayFormat.roi&Pnl\");\n case \"roi\":\n return t(\"share.pnl.displayFormat.roi\");\n case \"pnl\":\n return t(\"share.pnl.displayFormat.pnl\");\n }\n }, [type, t]);\n\n const isSelected = type === curType;\n\n let clsName = \"oui-flex oui-items-center oui-gap-1 oui-cursor-pointer\";\n if (isSelected) {\n clsName += \" oui-text-base-contrast\";\n } else {\n clsName += \"\";\n }\n\n return (\n <div\n className={clsName}\n onClick={() => {\n setPnlFormat(type);\n }}\n >\n <RadioButton sel={isSelected} />\n <Text\n size=\"xs\"\n intensity={54}\n className={cn(\n \"oui-ml-2 \"\n // isSelected && \"oui-text-base-contrast\"\n )}\n >\n {text}\n </Text>\n </div>\n );\n};\n\nconst RadioButton = (props: {\n sel?: boolean;\n // onChange?: (sel: boolean) => void;\n}) => {\n return (\n <button\n type=\"button\"\n // onClick={(e) => {\n // e.stopPropagation();\n // }}\n >\n {props.sel === true ? <SelIcon /> : <UnselIcon />}\n </button>\n );\n};\n\nconst SelIcon = () => {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"currentColor\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className=\"oui-fill-primary-darken\"\n >\n <path\n d=\"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667\"\n fill=\"#fff\"\n fillOpacity=\".36\"\n />\n <circle cx=\"8\" cy=\"8\" r=\"3.333\" />\n </svg>\n );\n};\n\nconst UnselIcon = () => {\n return (\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8.01 1.333a6.667 6.667 0 1 0 0 13.333 6.667 6.667 0 0 0 0-13.333m0 1.333a5.334 5.334 0 1 1-.001 10.667 5.334 5.334 0 0 1 0-10.667\"\n fill=\"#fff\"\n fillOpacity=\".54\"\n />\n </svg>\n );\n};\n","import { FC, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport {\n Button,\n CloseCircleFillIcon,\n cn,\n Input,\n ScrollArea,\n toast,\n} from \"@kodiak-finance/orderly-ui\";\nimport {\n PnLDisplayFormat,\n ReferralType,\n ShareEntity,\n ShareOptions,\n SharePnLOptions,\n} from \"../../types/types\";\nimport { Carousel } from \"../carousel\";\nimport {\n CarouselContent,\n CarouselItem,\n Dot,\n useCarousel,\n} from \"../carousel/carousel\";\nimport { Poster } from \"../poster\";\nimport { PosterRef } from \"../poster/poster\";\nimport { getPnlInfo, getPnLPosterData, savePnlInfo } from \"../utils/utils\";\n\nexport const MobileSharePnLContent: FC<{\n entity: ShareEntity;\n hide: any;\n baseDp?: number;\n quoteDp?: number;\n referral?: ReferralType;\n shareOptions: SharePnLOptions;\n}> = (props) => {\n const { shareOptions } = props;\n const { t } = useTranslation();\n const localPnlConfig = getPnlInfo();\n\n const hasRoiAndPnl = props.entity.roi != null && props.entity.pnl != null;\n const formats: PnLDisplayFormat[] = hasRoiAndPnl\n ? [\"roi_pnl\", \"roi\", \"pnl\"]\n : props.entity.roi != null\n ? [\"roi\"]\n : props.entity.pnl != null\n ? [\"pnl\"]\n : [];\n\n const [pnlFormat, setPnlFormat] = useState<PnLDisplayFormat>(\n formats.length == 1 ? formats[0] : localPnlConfig.pnlFormat,\n );\n const [shareOption, setShareOption] = useState<Set<ShareOptions>>(\n new Set(localPnlConfig.options),\n );\n const [message, setMessage] = useState<string>(localPnlConfig.message);\n const [selectIndex, setSelectIndex] = useState(localPnlConfig.bgIndex);\n // const { shareOptions } = useTradingPageContext();\n const { backgroundImages, ...resetOptions } = shareOptions ?? {\n backgroundImages: [],\n };\n\n const [domain, setDomain] = useState(\"\");\n\n const posterRefs = shareOptions?.backgroundImages?.map(() =>\n useRef<PosterRef | null>(null),\n );\n\n useEffect(() => {\n const currentDomain = window.location.hostname;\n setDomain(currentDomain);\n }, []);\n\n const posterData = getPnLPosterData(\n props.entity,\n message,\n domain,\n pnlFormat,\n shareOption,\n props.baseDp,\n props.quoteDp,\n props.referral,\n );\n // console.log(\"pster data\", posterData, props.entity);\n\n const carouselRef = useRef<any>();\n const aspectRatio = 552 / 310;\n const [scale, setScale] = useState(1);\n const [carouselHeight, setCarouselHeight] = useState(0);\n\n const [focus, setFocus] = useState(false);\n const inputRef = useRef<HTMLInputElement | null>(null);\n\n useEffect(() => {\n if (carouselRef.current) {\n const divWidth = carouselRef.current.offsetWidth;\n const divHeight = divWidth / aspectRatio;\n setCarouselHeight(divHeight);\n setScale(divWidth / 552);\n }\n }, [carouselRef, domain]);\n\n const onSharePnL = async (\n posterRef: React.MutableRefObject<PosterRef | null>,\n ) => {\n if (!posterRef.current) return;\n const data = posterRef.current?.toDataURL();\n const blob = dataURItoBlob(data);\n try {\n // Check if the browser supports the share feature\n if (navigator.share) {\n await navigator.share({\n // title: \"Share PnL\",\n text: message,\n // url: imageUrl,\n files: [new File([blob], \"image.png\", { type: \"image/png\" })],\n });\n console.log(\"Image shared successfully!\");\n } else {\n console.log(\"Share API is not supported in this browser.\");\n }\n props.hide?.();\n } catch (error) {\n console.error(\"Error sharing image:\", error);\n }\n };\n\n // check if the entity has the option, like formats\n const options: ShareOptions[] = useMemo(() => {\n const mapping: ShareOptions[] = [\n \"openPrice\",\n \"closePrice\",\n \"openTime\",\n \"closeTime\",\n \"leverage\",\n \"markPrice\",\n \"quantity\",\n ];\n\n return mapping.filter((key) => !!props.entity[key]);\n }, [props.entity]);\n\n savePnlInfo(pnlFormat, shareOption, selectIndex, message);\n\n return (\n <div className=\"oui-w-full\">\n <div\n ref={carouselRef}\n className=\"oui-mt-4 oui-w-full oui-overflow-hidden\"\n style={{ height: `${carouselHeight + 20}px` }}\n >\n <Carousel\n className=\"oui-w-full oui-overflow-hidden\"\n opts={{ align: \"start\" }}\n initIndex={selectIndex}\n >\n <CarouselContent style={{ height: `${carouselHeight}px` }}>\n {shareOptions?.backgroundImages?.map((item, index) => (\n <CarouselItem key={index}>\n <Poster\n className=\"oui-origin-top-left oui-transform\"\n style={{ scale: `${scale}` }}\n width={552}\n height={310}\n data={{\n backgroundImg: item,\n ...resetOptions,\n data: posterData,\n }}\n ratio={3}\n ref={posterRefs?.[index]}\n />\n </CarouselItem>\n ))}\n </CarouselContent>\n <div className=\"oui-mb-1 oui-mt-2 oui-flex oui-justify-center\">\n <MyIdentifier\n dotClassName=\"oui-w-[16px] oui-h-[4px] oui-bg-base-300\"\n dotActiveClassName=\"!oui-bg-primary-darken oui-w-[20px]\"\n setSelectIndex={setSelectIndex}\n />\n </div>\n </Carousel>\n </div>\n\n {/* @ts-ignore */}\n <ScrollArea className=\"oui-custom-scrollbar oui-max-h-[200px] oui-overflow-y-auto\">\n <div className=\"oui-mt-4\">\n <div className=\"oui-text-3xs oui-text-base-contrast-54\">\n {t(\"share.pnl.displayFormat\")}\n </div>\n <div className=\"oui-row-span-1 oui-grid oui-grid-cols-3 oui-justify-between oui-gap-3 oui-px-1 oui-pt-3\">\n {formats.map((item, index) => (\n <PnlFormatView\n key={index}\n setPnlFormat={setPnlFormat}\n type={item}\n curType={pnlFormat}\n />\n ))}\n </div>\n </div>\n\n <div className=\"oui-mt-3\">\n <div className=\"oui-h-[18px] oui-text-3xs oui-text-base-contrast-54\">\n {t(\"share.pnl.optionalInfo\")}\n </div>\n <div className=\"oui-mt-3 oui-flex oui-flex-wrap oui-gap-3\">\n {options.map((item, index) => (\n <ShareOption\n key={index}\n setShareOption={setShareOption}\n type={item}\n curType={shareOption}\n />\n ))}\n </div>\n </div>\n\n <div className=\"oui-mb-8 oui-mt-3\">\n <div className=\"oui-h-[18px] oui-text-3xs oui-text-base-contrast-54\">\n {t(\"share.pnl.optionalInfo.message\")}\n </div>\n <div className=\"oui-bg-base-600 oui-mx-1 oui-mt-3 oui-h-[48px]\">\n <Input\n placeholder={t(\"share.pnl.optionalInfo.message.placeholder\")}\n containerClassName=\"oui-bg-transparent oui-h-[48px]\"\n value={message}\n autoFocus={false}\n onChange={(e) => {\n if (e.target.value.length > 25) {\n toast.error(t(\"share.pnl.optionalInfo.message.maxLength\"));\n return;\n }\n setMessage(e.target.value);\n }}\n ref={inputRef}\n onFocus={() => setFocus(true)}\n onBlur={() => setFocus(false)}\n suffix={\n focus && (\n <button\n className=\"oui-mr-3 oui-cursor-pointer\"\n onMouseDown={(e) => {\n console.log(\"set message to empty\");\n\n setMessage(\"\");\n setTimeout(() => {\n inputRef.current?.focus();\n }, 50);\n e.stopPropagation();\n }}\n >\n <CloseCircleFillIcon size={18} color=\"white\" />\n </button>\n )\n }\n />\n </div>\n </div>\n </ScrollArea>\n\n <div className=\"oui-pt-2\">\n <Button\n fullWidth\n className=\"oui-h-[40px] oui-text-[16px]\"\n onClick={() => {\n const ref = posterRefs?.[selectIndex];\n if (ref) {\n onSharePnL(ref);\n }\n }}\n >\n {t(\"common.share\")}\n </Button>\n </div>\n </div>\n );\n};\n\nconst PnlFormatView: FC<{\n type: PnLDisplayFormat;\n curType?: PnLDisplayFormat;\n setPnlFormat: any;\n}> = (props) => {\n const { type, curType, setPnlFormat } = props;\n const { t } = useTranslation();\n\n const text = useMemo(() => {\n switch (type) {\n case \"roi_pnl\":\n return t(\"share.pnl.displayFormat.roi&Pnl\");\n case \"roi\":\n return t(\"share.pnl.displayFormat.roi\");\n case \"pnl\":\n return t(\"share.pnl.displayFormat.pnl\");\n }\n }, [type]);\n\n const isSelected = type === curType;\n\n return (\n <div\n className={cn(\n \"oui-referral-shadow oui-flex oui-h-[46px] oui-flex-1 oui-items-center oui-rounded-lg oui-bg-base-4 oui-px-3 oui-shadow-lg hover:oui-cursor-pointer\",\n isSelected && \"oui-dot-sel oui-bg-primary-darken\",\n )}\n onClick={() => {\n setPnlFormat(type);\n }}\n >\n <div className=\"oui-text-sm oui-text-base-contrast\">{text}</div>\n {/* {isSelected && <RadioIcon size={20} />} */}\n </div>\n );\n};\n\nconst ShareOption: FC<{\n type: ShareOptions;\n curType: Set<ShareOptions>;\n setShareOption: any;\n}> = (props) => {\n const { type, curType, setShareOption } = props;\n const { t } = useTranslation();\n\n const text = useMemo(() => {\n switch (type) {\n case \"openPrice\":\n return t(\"share.pnl.optionalInfo.openPrice\");\n case \"closePrice\":\n return t(\"share.pnl.optionalInfo.closePrice\");\n case \"openTime\":\n return t(\"share.pnl.optionalInfo.openTime\");\n case \"closeTime\":\n return t(\"share.pnl.optionalInfo.closeTime\");\n case \"markPrice\":\n return t(\"common.markPrice\");\n case \"quantity\":\n return t(\"common.quantity\");\n case \"leverage\":\n return t(\"common.leverage\");\n }\n }, [type, t]);\n\n const isSelected = curType.has(type);\n\n return (\n <div\n className={cn(\n \"oui-referral-shadow oui-mt-0 oui-flex oui-h-[46px] oui-w-[calc(50%-6px)] oui-items-center oui-rounded-lg oui-bg-base-4 oui-p-3 oui-shadow-lg hover:oui-cursor-pointer\",\n )}\n onClick={() => {\n // setPnlFormat(type);\n setShareOption((value: Set<ShareOptions>) => {\n const updateSet = new Set(value);\n if (isSelected) {\n updateSet.delete(type);\n } else {\n updateSet.add(type);\n }\n return updateSet;\n });\n }}\n >\n <div className=\"oui-flex-1 oui-text-sm oui-text-base-contrast\">\n {text}\n </div>\n {isSelected && <ChoicesFillIcon />}\n </div>\n );\n};\nfunction dataURItoBlob(dataURI: string) {\n const byteString = atob(dataURI.split(\",\")[1]);\n const mimeString = dataURI.split(\",\")[0].split(\":\")[1].split(\";\")[0];\n const ab = new ArrayBuffer(byteString.length);\n const ia = new Uint8Array(ab);\n for (let i = 0; i < byteString.length; i++) {\n ia[i] = byteString.charCodeAt(i);\n }\n return new Blob([ab], { type: mimeString });\n}\n\nconst MyIdentifier: FC<{\n setSelectIndex: any;\n className?: string;\n dotClassName?: string;\n dotActiveClassName?: string;\n onClick?: (index: number) => void;\n}> = (props) => {\n const { scrollSnaps, selectedIndex } = useCarousel();\n useEffect(() => {\n props.setSelectIndex(selectedIndex);\n }, [selectedIndex]);\n\n return (\n <div className={cn(\"oui-flex oui-gap-1\")}>\n {scrollSnaps.map((_: any, index: number) => {\n return (\n <Dot\n key={index}\n index={index}\n active={index === selectedIndex}\n onClick={props.onClick}\n className={props.dotClassName}\n activeClassName={props.dotActiveClassName}\n />\n );\n })}\n </div>\n );\n};\n\nconst ChoicesFillIcon = () => {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M2.01416 11.9989C2.01416 6.47589 6.49136 1.9989 12.0142 1.9989C17.5372 1.9989 22.0142 6.47589 22.0142 11.9989C22.0142 17.5219 17.5372 21.9989 12.0142 21.9989C6.49136 21.9989 2.01416 17.5219 2.01416 11.9989ZM16.9853 7.31211C17.2125 7.09537 17.5236 7 17.8218 7C18.1201 7 18.4312 7.09537 18.6583 7.31211C19.1139 7.74546 19.1139 8.47384 18.6583 8.9072L10.5077 16.675C10.0534 17.1083 9.28909 17.1083 8.83472 16.675L5.34077 13.3459C4.88641 12.9126 4.88641 12.1841 5.34077 11.7508C5.79631 11.3175 6.56057 11.3175 7.01493 11.7508L9.67122 14.2822L16.9853 7.31211Z\"\n fill=\"white\"\n fillOpacity=\"1\"\n />\n </svg>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n Button,\n ChevronLeftIcon,\n ChevronRightIcon,\n cn,\n useEmblaCarousel,\n type UseEmblaCarouselType,\n} from \"@kodiak-finance/orderly-ui\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ntype CarouselProps = {\n opts?: CarouselOptions;\n plugins?: CarouselPlugin;\n orientation?: \"horizontal\" | \"vertical\";\n setApi?: (api: CarouselApi) => void;\n initIndex?: number;\n};\n\ntype CarouselContextProps = {\n carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n api: ReturnType<typeof useEmblaCarousel>[1];\n scrollPrev: () => void;\n scrollNext: () => void;\n canScrollPrev: boolean;\n canScrollNext: boolean;\n selectedIndex: number;\n scrollSnaps: number[];\n} & CarouselProps;\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null);\n\nexport function useCarousel() {\n const context = React.useContext(CarouselContext);\n\n if (!context) {\n throw new Error(\"useCarousel must be used within a <Carousel />\");\n }\n\n return context;\n}\n\nconst Carousel = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement> & CarouselProps\n>((originalProps, ref) => {\n const {\n orientation = \"horizontal\",\n opts,\n setApi,\n plugins,\n className,\n children,\n ...props\n } = originalProps;\n const [carouselRef, api] = useEmblaCarousel(\n { ...opts, axis: orientation === \"horizontal\" ? \"x\" : \"y\" },\n plugins,\n );\n const [canScrollPrev, setCanScrollPrev] = React.useState(false);\n const [canScrollNext, setCanScrollNext] = React.useState(false);\n const [selectedIndex, setSelectedIndex] = React.useState(\n props.initIndex || 0,\n );\n const [scrollSnaps, setScrollSnaps] = React.useState<number[]>([]);\n\n const onSelect = React.useCallback(\n (api: CarouselApi) => {\n if (!api) {\n return;\n }\n\n // console.log(\"selected\", api.scrollSnapList());\n\n if (scrollSnaps.length === 0) {\n setScrollSnaps(api.scrollSnapList());\n }\n\n setSelectedIndex(api.selectedScrollSnap());\n\n setCanScrollPrev(api.canScrollPrev());\n setCanScrollNext(api.canScrollNext());\n },\n [scrollSnaps],\n );\n\n const scrollPrev = React.useCallback(() => {\n api?.scrollPrev();\n }, [api]);\n\n const scrollNext = React.useCallback(() => {\n api?.scrollNext();\n }, [api]);\n\n const handleKeyDown = React.useCallback(\n (event: React.KeyboardEvent<HTMLDivElement>) => {\n if (event.key === \"ArrowLeft\") {\n event.preventDefault();\n scrollPrev();\n } else if (event.key === \"ArrowRight\") {\n event.preventDefault();\n scrollNext();\n }\n },\n [scrollPrev, scrollNext],\n );\n\n React.useEffect(() => {\n if (!api || !setApi) {\n return;\n }\n\n setApi(api);\n }, [api, setApi]);\n\n React.useEffect(() => {\n if (!api) {\n return;\n }\n\n onSelect(api);\n api.on(\"reInit\", onSelect);\n api.on(\"select\", onSelect);\n\n if (props.initIndex) {\n api.scrollTo(props.initIndex);\n }\n return () => {\n api?.off(\"select\", onSelect);\n };\n }, [api, onSelect]);\n\n const memoizedValue = React.useMemo<CarouselContextProps>(() => {\n return {\n carouselRef,\n api: api,\n opts,\n orientation:\n orientation || (opts?.axis === \"y\" ? \"vertical\" : \"horizontal\"),\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n selectedIndex,\n scrollSnaps,\n };\n }, [\n carouselRef,\n api,\n opts,\n orientation,\n scrollPrev,\n scrollNext,\n canScrollPrev,\n canScrollNext,\n selectedIndex,\n scrollSnaps,\n ]);\n\n return (\n <CarouselContext.Provider value={memoizedValue}>\n <div\n ref={ref}\n onKeyDownCapture={handleKeyDown}\n className={cn(\"oui-relative\", className)}\n role=\"region\"\n aria-roledescription=\"carousel\"\n {...props}\n >\n {children}\n </div>\n </CarouselContext.Provider>\n );\n});\n\nCarousel.displayName = \"Carousel\";\n\nconst CarouselContent = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>((originalProps, ref) => {\n const { className, children, ...props } = originalProps;\n const { carouselRef, orientation } = useCarousel();\n return (\n <div ref={carouselRef} className=\"oui-overflow-hidden\">\n <div\n ref={ref}\n className={cn(\n \"oui-flex\",\n orientation === \"horizontal\" ? \"oui--ml-4\" : \"oui--mt-4 oui-flex-col\",\n className,\n )}\n {...props}\n >\n {children}\n </div>\n </div>\n );\n});\n\nCarouselContent.displayName = \"CarouselContent\";\n\nconst CarouselItem = React.forwardRef<\n HTMLDivElement,\n React.HTMLAttributes<HTMLDivElement>\n>((originalProps, ref) => {\n const { className, children, ...props } = originalProps;\n const { orientation } = useCarousel();\n return (\n <div\n ref={ref}\n role=\"group\"\n aria-roledescription=\"slide\"\n className={cn(\n \"oui-min-w-0 oui-shrink-0 oui-grow-0 oui-basis-full\",\n orientation === \"horizontal\" ? \"oui-pl-4\" : \"oui-pt-4\",\n className,\n )}\n {...props}\n >\n {children}\n </div>\n );\n});\n\nCarouselItem.displayName = \"CarouselItem\";\n\nconst CarouselPrevious = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof Button>\n>((originalProps, ref) => {\n const {\n className,\n variant = \"contained\",\n size = \"icon\",\n ...props\n } = originalProps;\n const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n return (\n <Button\n ref={ref}\n variant={variant}\n // size={size}\n className={cn(\n \"oui-absolute oui-size-8 oui-rounded-full\",\n orientation === \"horizontal\"\n ? \"oui--left-12 oui-top-1/2 oui--translate-y-1/2\"\n : \"oui--top-12 oui-left-1/2 oui--translate-x-1/2 oui-rotate-90\",\n className,\n )}\n disabled={!canScrollPrev}\n onClick={scrollPrev}\n {...props}\n >\n <ChevronLeftIcon size={20} />\n <span className=\"oui-sr-only\">Previous slide</span>\n </Button>\n );\n});\n\nCarouselPrevious.displayName = \"CarouselPrevious\";\n\nconst CarouselNext = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<typeof Button>\n>((originalProps, ref) => {\n const {\n className,\n variant = \"contained\",\n size = \"icon\",\n ...props\n } = originalProps;\n const { orientation, scrollNext, canScrollNext } = useCarousel();\n return (\n <Button\n ref={ref}\n variant={variant}\n // size={size}\n className={cn(\n \"oui-absolute oui-size-8 oui-rounded-full\",\n orientation === \"horizontal\"\n ? \"oui--right-12 oui-top-1/2 oui--translate-y-1/2\"\n : \"oui--bottom-12 oui-left-1/2 oui--translate-x-1/2 oui-rotate-90\",\n className,\n )}\n disabled={!canScrollNext}\n onClick={scrollNext}\n {...props}\n >\n <ChevronRightIcon size={20} />\n <span className=\"oui-sr-only\">Next slide</span>\n </Button>\n );\n});\n\nCarouselNext.displayName = \"CarouselNext\";\n\nexport type CarouselIdentifierProps = {\n className?: string;\n dotClassName?: string;\n dotActiveClassName?: string;\n onClick?: (index: number) => void;\n // asChild?: boolean;\n};\n\nconst CarouselIdentifier: React.FC<CarouselIdentifierProps> = (props) => {\n const { scrollSnaps, selectedIndex } = useCarousel();\n return (\n <div className={cn(\"oui-flex oui-gap-1\", props.className)}>\n {scrollSnaps.map((_, index) => {\n return (\n <Dot\n key={index}\n index={index}\n active={index === selectedIndex}\n onClick={props.onClick}\n className={props.dotClassName}\n activeClassName={props.dotActiveClassName}\n />\n );\n })}\n </div>\n );\n};\n\nCarouselIdentifier.displayName = \"CarouselIdentifier\";\n\nexport const Dot: React.FC<{\n index: number;\n active: boolean;\n onClick?: (index: number) => void;\n className?: string;\n activeClassName?: string;\n}> = ({ index, active, onClick, className, activeClassName }) => {\n const activedClassName = activeClassName || \"oui-bg-primary-darken\";\n return (\n <button\n onClick={() => onClick?.(index)}\n className={cn(\n \"oui-size-2 oui-rounded-full oui-bg-white/30\",\n className,\n active && `active ${activedClassName}`,\n )}\n />\n );\n};\n\nexport {\n type CarouselApi,\n Carousel,\n CarouselContent,\n CarouselItem,\n CarouselPrevious,\n CarouselNext,\n CarouselIdentifier,\n};\n","import {\n Carousel as OriginCarousel,\n CarouselContent,\n CarouselItem,\n CarouselNext,\n CarouselPrevious,\n CarouselIdentifier,\n} from \"./carousel\";\n\nexport type Carousel = typeof OriginCarousel & {\n Content: typeof CarouselContent;\n Item: typeof CarouselItem;\n Next: typeof CarouselNext;\n Previous: typeof CarouselPrevious;\n indentify: typeof CarouselIdentifier;\n};\n\nconst Carousel = OriginCarousel as Carousel;\n\nCarousel.Content = CarouselContent;\nCarousel.Item = CarouselItem;\nCarousel.Next = CarouselNext;\nCarousel.Previous = CarouselPrevious;\nCarousel.indentify = CarouselIdentifier;\n\nexport { Carousel };\n","import { FC } from \"react\";\nimport { DesktopSharePnLContent } from \"./desktop/content\";\nimport { MobileSharePnLContent } from \"./mobile/content\";\nimport { SharePnLState } from \"./sharePnL.script\";\n\nexport const DesktopSharePnL: FC<SharePnLState> = (props) => {\n const { entity, baseDp, quoteDp, referralInfo, shareOptions, hide } = props;\n\n if (!shareOptions || !entity) {\n return null;\n }\n return (\n <DesktopSharePnLContent\n entity={entity}\n hide={hide}\n baseDp={baseDp}\n quoteDp={quoteDp}\n referral={referralInfo}\n shareOptions={shareOptions}\n />\n );\n};\n\nexport const MobileSharePnL: FC<SharePnLState> = (props) => {\n const { entity, baseDp, quoteDp, referralInfo, shareOptions, hide } = props;\n if (!shareOptions || !entity) {\n return null;\n }\n return (\n <MobileSharePnLContent\n entity={entity}\n hide={hide}\n baseDp={baseDp}\n quoteDp={quoteDp}\n referral={referralInfo}\n shareOptions={shareOptions}\n />\n );\n};\n","import { SharePnLOptions, SharePnLParams } from \"../types/types\";\nimport { useSharePnLScript } from \"./sharePnL.script\";\nimport { DesktopSharePnL, MobileSharePnL } from \"./sharePnL.ui\";\n\nexport const SharePnLBottomSheetWidget = (props: {\n hide?: () => void;\n pnl?: SharePnLOptions & SharePnLParams;\n}) => {\n const state = useSharePnLScript({\n hide: props.hide,\n pnl: props.pnl,\n });\n return <MobileSharePnL {...state} />;\n};\n\nexport const SharePnLDialogWidget = (props: {\n hide?: () => void;\n pnl?: SharePnLOptions & SharePnLParams;\n}) => {\n const state = useSharePnLScript({\n hide: props.hide,\n pnl: props.pnl,\n });\n return <DesktopSharePnL {...state} />;\n};\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kodiak-finance/orderly-ui-share",
3
- "version": "2.8.18",
3
+ "version": "2.8.19",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -15,11 +15,11 @@
15
15
  "access": "public"
16
16
  },
17
17
  "dependencies": {
18
- "@kodiak-finance/orderly-hooks": "2.8.18",
19
- "@kodiak-finance/orderly-i18n": "2.8.18",
20
- "@kodiak-finance/orderly-types": "2.8.18",
21
- "@kodiak-finance/orderly-ui": "2.8.18",
22
- "@kodiak-finance/orderly-utils": "2.8.18"
18
+ "@kodiak-finance/orderly-hooks": "2.8.19",
19
+ "@kodiak-finance/orderly-i18n": "2.8.19",
20
+ "@kodiak-finance/orderly-types": "2.8.19",
21
+ "@kodiak-finance/orderly-ui": "2.8.19",
22
+ "@kodiak-finance/orderly-utils": "2.8.19"
23
23
  },
24
24
  "devDependencies": {
25
25
  "@swc/cli": "^0.3.12",
@@ -30,7 +30,7 @@
30
30
  "react-dom": "^18.2.0",
31
31
  "tailwindcss": "^3.4.4",
32
32
  "tsup": "^7.1.0",
33
- "tsconfig": "0.11.17"
33
+ "tsconfig": "0.11.18"
34
34
  },
35
35
  "peerDependencies": {
36
36
  "react": ">=18",