@kodiak-finance/orderly-ui-notification 2.8.20 → 2.8.21-beta.3

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 (8) hide show
  1. package/dist/index.d.mts +13 -2
  2. package/dist/index.d.ts +13 -2
  3. package/dist/index.js +487 -24
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +463 -5
  6. package/dist/index.mjs.map +1 -1
  7. package/dist/styles.css +1 -1
  8. package/package.json +8 -8
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/announcementCenter/announcementCenter.ui.tsx","../src/components/announcementCenter/announcementItem.tsx","../src/components/announcementCenter/icons.tsx","../src/components/notification/notification.ui.tsx","../src/components/notification/contentCard.tsx","../src/pages/announcementCenter.widget.tsx","../src/pages/announcementCenter.script.tsx","../src/hooks/useAnnouncement.ts","../src/pages/announcementCenter.ui.tsx","../src/pages/announcementCenter.page.tsx"],"names":["useTranslation","Text","cn","jsx","jsxs","Icon","useMemo","useState","AnnouncementType","ChevronDownIcon","Flex","Fragment","format","brokerName","AnnouncementCenterUI"],"mappings":"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","sourcesContent":["import { FC, useState } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { type API } from \"@kodiak-finance/orderly-types\";\nimport {\n ExtensionPositionEnum,\n ExtensionSlot,\n ScrollArea,\n Text,\n} from \"@kodiak-finance/orderly-ui\";\nimport { cn } from \"@kodiak-finance/orderly-ui\";\nimport { AnnouncementItem } from \"./announcementItem\";\n\nexport const AnnouncementContent: FC<{\n dataSource: API.AnnouncementRow[];\n current: string | number | null;\n onExpandToggle: (id: string | number | null) => void;\n onItemClick: (url: string) => void;\n showDivider?: boolean;\n}> = (props) => {\n const { dataSource, current, onExpandToggle, onItemClick } = props;\n const { t } = useTranslation();\n\n if (!Array.isArray(dataSource) || dataSource.length === 0) {\n return (\n <div className=\"oui-flex oui-h-[160px] oui-items-center oui-justify-center\">\n <ExtensionSlot\n position={ExtensionPositionEnum.EmptyDataIdentifier}\n title={t(\"notification.empty\")}\n />\n </div>\n );\n }\n\n return (\n <div\n className={cn(\n \"oui-flex oui-flex-col oui-space-y-1\",\n props.showDivider &&\n \"[&>*:not(:first-child)]:oui-border-t [&>*:not(:first-child)]:oui-border-line-12 [&>*:not(:first-child)]:oui-pt-1\",\n )}\n >\n {dataSource.map((item) => (\n <AnnouncementItem\n url={item.url}\n onItemClick={onItemClick}\n key={item.announcement_id}\n message={item.message}\n updatedTime={item.updated_time ?? 0}\n expanded={current === item.announcement_id}\n type={item.type}\n showDivider={props.showDivider}\n onExpandToggle={() => {\n if (current === item.announcement_id) {\n onExpandToggle(null);\n } else {\n onExpandToggle(item.announcement_id);\n }\n }}\n />\n ))}\n </div>\n );\n};\n\nexport const AnnouncementCenterUI: FC<{\n dataSource: API.AnnouncementRow[];\n onItemClick: (url: string) => void;\n}> = (props) => {\n const { t } = useTranslation();\n const [expanded, setExpanded] = useState<string | number | null>(null);\n\n return (\n <>\n <div className=\"oui-px-5 oui-pt-4\">\n <Text intensity={80} weight=\"bold\">\n {t(\"notification.title\")}\n </Text>\n </div>\n\n <ScrollArea className=\"oui-flex oui-h-[300px] oui-flex-col oui-space-y-1 oui-p-3\">\n <AnnouncementContent\n dataSource={props.dataSource}\n current={expanded}\n onExpandToggle={setExpanded}\n onItemClick={props.onItemClick}\n />\n </ScrollArea>\n </>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { AnnouncementType } from \"@kodiak-finance/orderly-types\";\nimport { Flex, Text, ChevronDownIcon, cn } from \"@kodiak-finance/orderly-ui\";\nimport {\n AnnouncementIcon,\n ArrowRightShortIcon,\n CampaignIcon,\n FundIcon,\n SecurityIcon,\n} from \"./icons\";\n\nexport const AnnouncementItem: FC<{\n // title: string;\n expanded: boolean;\n url?: string | null;\n onItemClick: (url: string) => void;\n onExpandToggle?: () => void;\n type: AnnouncementType | undefined | null;\n message: string;\n updatedTime: number;\n className?: string;\n showDivider?: boolean;\n}> = (props) => {\n const { t } = useTranslation();\n const Icon = useMemo(() => {\n switch (props.type) {\n case AnnouncementType.Campaign:\n return CampaignIcon;\n\n case AnnouncementType.Listing:\n return FundIcon;\n case AnnouncementType.Maintenance:\n return SecurityIcon;\n case AnnouncementType.Delisting:\n default:\n return AnnouncementIcon;\n }\n }, [props.type]);\n\n const title = useMemo(() => {\n switch (props.type) {\n case AnnouncementType.Campaign:\n return t(\"notification.campaign\");\n case AnnouncementType.Delisting:\n return t(\"notification.delisting\");\n case AnnouncementType.Listing:\n return t(\"notification.listing\");\n case AnnouncementType.Maintenance:\n return t(\"notification.maintenance\");\n default:\n return t(\"notification.general\");\n }\n }, [props.type, t]);\n\n const isExternalLink = (url: string): boolean => {\n try {\n const urlObj = new URL(url, window.location.origin);\n return urlObj.origin !== window.location.origin;\n } catch {\n // If URL parsing fails, treat as internal link (relative path)\n return false;\n }\n };\n\n const action = useMemo(() => {\n if (\n props.type === AnnouncementType.Campaign &&\n typeof props.url === \"string\" &&\n props.url !== \"\" &&\n typeof props.onItemClick === \"function\"\n ) {\n return (\n <Flex\n gap={1}\n itemAlign=\"center\"\n className=\"oui-cursor-pointer\"\n onClick={(event) => {\n event.stopPropagation();\n\n const url = props.url!;\n const isExternal = isExternalLink(url);\n\n if (isExternal) {\n // Open external links in a new tab\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n } else {\n // Open internal links in the same tab via the handler\n props.onItemClick(url);\n }\n }}\n >\n <Text\n size=\"xs\"\n color=\"buy\"\n className=\"oui-bg-clip-text oui-text-transparent oui-gradient-brand\"\n >\n {t(\"notification.joinNow\")}\n </Text>\n <ArrowRightShortIcon size={18} />\n </Flex>\n );\n }\n return null;\n }, [props.type, props.url, t]);\n\n const updateTime = useMemo(() => {\n if (props.type === AnnouncementType.Maintenance) {\n return (\n <Text size=\"2xs\" intensity={36}>\n {t(\"notification.recentlyUpdated\")}\n </Text>\n );\n }\n return (\n <Text.formatted\n size=\"2xs\"\n intensity={36}\n rule=\"date\"\n formatString=\"yyyy-MM-dd HH:mm:ss\"\n >\n {props.updatedTime}\n </Text.formatted>\n );\n }, [props.updatedTime, props.type, t]);\n\n return (\n <Flex\n gap={2}\n itemAlign=\"start\"\n className={cn(\n \"oui-px-2 oui-py-[6px] oui-text-base-contrast-80\",\n !props.showDivider && \"oui-rounded-md hover:oui-bg-base-6\",\n !props.showDivider && props.expanded && \"oui-bg-base-6\",\n props.className,\n )}\n onClick={() => {\n props.onExpandToggle?.();\n }}\n >\n <Icon color=\"white\" className=\"oui-mt-3 oui-shrink-0\" />\n\n <Flex direction=\"column\" itemAlign=\"start\" grow>\n <Text size=\"xs\" intensity={80} weight=\"bold\">\n {title}\n </Text>\n {updateTime}\n {/* Expandable content with animation */}\n <div\n className=\"oui-grid oui-transition-all oui-duration-300 oui-ease-in-out\"\n style={{\n gridTemplateRows: props.expanded ? \"1fr\" : \"0fr\",\n }}\n >\n <div className=\"oui-flex oui-flex-col oui-gap-2 oui-overflow-hidden\">\n <Text size=\"2xs\" intensity={80} as=\"div\" className=\"oui-pt-2\">\n {props.message}\n </Text>\n {action}\n </div>\n </div>\n </Flex>\n <div className=\"oui-pt-3\">\n {/* Chevron icon with rotation animation */}\n <ChevronDownIcon\n color=\"white\"\n size={18}\n className={`oui-transition-transform oui-duration-300 oui-ease-in-out ${\n props.expanded ? \"oui-rotate-180\" : \"oui-rotate-0\"\n }`}\n />\n </div>\n </Flex>\n );\n};\n","import { FC } from \"react\";\nimport type { BaseIconProps } from \"@kodiak-finance/orderly-ui\";\nimport { Icon } from \"@kodiak-finance/orderly-ui\";\n\nexport const BattleIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <defs>\n <linearGradient\n id=\"paint0_linear_555_7374\"\n x1=\"17.0157\"\n y1=\"9.26513\"\n x2=\"0.969849\"\n y2=\"9.26513\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n <path\n fill=\"url(#paint0_linear_555_7374)\"\n fillOpacity={1}\n d=\"m1.5 1.5.75 3 4.843 4.56-1.808 1.919-.63-.633-1.06 1.06.665.665-1.88 1.996-.35-.346-1.06 1.06 2.25 2.25 1.06-1.06-.348-.349 1.998-1.878.665.662 1.06-1.06-.63-.63L9 10.852l1.969 1.854-.639.639 1.06 1.06.672-.67 1.998 1.877-.358.358 1.064 1.06 2.25-2.25-1.06-1.06-.34.34-1.881-1.998.656-.657-1.06-1.06-.625.624-1.799-1.91.003-.003L9 7.03 4.5 2.25zm15 0-3 .75-3.636 3.861 2.022 2.025L15.75 4.5z\"\n />\n </Icon>\n );\n};\n\nexport const CampaignIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <path\n fill=\"currentcolor\"\n fillOpacity={1}\n d=\"m1.5 1.5.75 3 4.843 4.56-1.808 1.919-.63-.633-1.06 1.06.665.665-1.88 1.996-.35-.346-1.06 1.06 2.25 2.25 1.06-1.06-.348-.349 1.998-1.878.665.662 1.06-1.06-.63-.63L9 10.852l1.969 1.854-.639.639 1.06 1.06.672-.67 1.998 1.877-.358.358 1.064 1.06 2.25-2.25-1.06-1.06-.34.34-1.881-1.998.656-.657-1.06-1.06-.625.624-1.799-1.91.003-.003L9 7.03 4.5 2.25zm15 0-3 .75-3.636 3.861 2.022 2.025L15.75 4.5z\"\n />\n </Icon>\n );\n};\n\nexport const ArrowRightShortIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <defs>\n <linearGradient\n id=\"paint0_linear_555_7374\"\n x1=\"17.0157\"\n y1=\"9.26513\"\n x2=\"0.969849\"\n y2=\"9.26513\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n <path\n fill=\"url(#paint0_linear_555_7374)\"\n fillOpacity={1}\n d=\"M4.509 8.995a.75.75 0 0 1 .75-.75h5.666L8.7 5.998l1.054-1.054 3.535 3.512c.147.146.22.343.22.54a.76.76 0 0 1-.22.537l-3.535 3.512L8.7 11.992l2.225-2.248H5.258a.75.75 0 0 1-.749-.75\"\n />\n </Icon>\n );\n};\n\nexport const FundIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <path\n fill=\"currentcolor\"\n fillOpacity={0.8}\n d=\"M15.694 7.087c-.788-.393-1.857-.618-2.925-.618-1.125 0-2.138.225-2.925.618-.056 0-.113.057-.113.057V3.769c0-.9-.731-1.575-1.462-1.913-.788-.394-1.857-.619-2.925-.619-1.069 0-2.25.225-3.038.62C1.575 2.193.844 2.868.844 3.768v10.519c0 .9.731 1.575 1.462 1.912.788.394 1.856.619 2.925.619s2.138-.225 2.925-.619c.281-.169.563-.337.788-.562.225.225.506.393.787.562.788.394 1.857.619 2.925.619 1.125 0 2.138-.225 2.925-.619.732-.394 1.463-1.012 1.463-1.912V9c.112-.9-.619-1.519-1.35-1.913m-7.369 7.144c0 .113-.112.45-.731.732-.563.28-1.407.506-2.363.506s-1.8-.169-2.362-.506c-.619-.282-.731-.62-.731-.732V13.5c.056 0 .112 0 .168.056.788.394 1.856.619 2.925.619s2.138-.225 2.925-.619c.056 0 .113-.056.113-.056v.731zm0-2.587c0 .112-.112.45-.731.731-.563.281-1.407.506-2.363.506s-1.8-.168-2.362-.506c-.619-.281-.731-.619-.731-.731v-.788c.056 0 .112.056.112.056.788.394 1.856.62 2.925.62s2.138-.226 2.925-.62c.056 0 .113-.056.113-.056v.788zm0-2.644c0 .112-.112.45-.731.731-.563.281-1.407.507-2.363.507s-1.8-.17-2.362-.507C2.25 9.45 2.138 9.112 2.138 9v-.788c.056 0 .112.057.112.057.788.393 1.856.618 2.925.618S7.313 8.662 8.1 8.27c.056 0 .113-.057.113-.057V9zm0-2.644c0 .113-.112.45-.731.731-.563.282-1.407.507-2.363.507s-1.8-.169-2.362-.507c-.619-.28-.731-.618-.731-.73v-.732c.056 0 .112 0 .168.056.788.394 1.856.619 2.925.619s2.138-.225 2.925-.619c.056 0 .113-.056.113-.056v.731zM7.594 4.5c-.563.281-1.407.506-2.363.506S3.488 4.781 2.925 4.5c-.619-.338-.731-.619-.731-.731 0-.113.112-.45.731-.732.563-.28 1.406-.506 2.363-.506.956 0 1.8.169 2.362.506.619.282.731.62.731.732-.056.112-.168.393-.787.731m8.212 9.731c0 .113-.112.45-.731.732-.562.28-1.406.506-2.362.506s-1.8-.169-2.363-.506c-.619-.282-.731-.62-.731-.732V13.5c.056 0 .112.056.112.056.788.394 1.857.619 2.925.619 1.125 0 2.138-.225 2.925-.619.056 0 .113-.056.113-.056v.731zm0-2.587c0 .112-.112.45-.731.731-.562.281-1.406.506-2.362.506s-1.8-.168-2.363-.506c-.619-.281-.731-.619-.731-.731v-.788c.056 0 .112.056.112.056.788.394 1.857.62 2.925.62 1.125 0 2.138-.226 2.925-.62.056 0 .113-.056.113-.056v.788zm-.675-1.913c-.562.281-1.406.507-2.362.507s-1.8-.17-2.363-.507c-.619-.281-.731-.619-.731-.731 0-.113.112-.45.731-.731.563-.282 1.406-.507 2.363-.507.956 0 1.8.17 2.362.507.619.281.732.618.732.731-.057.112-.17.45-.732.731\"\n />\n </Icon>\n );\n};\n\nexport const AnnouncementIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <path\n fill=\"currentcolor\"\n fillOpacity={0.8}\n d=\"M11.53 2.255a.745.745 0 0 0-.82.165c-.525.524-1.188.959-1.947 1.284-.77.33-2.353.757-3.508.75-2.248-.015-3.756 1.259-3.756 3.726 0 2.163 1.228 3.42 2.994 3.703l.006 1.565a2.25 2.25 0 0 0 2.25 2.247c1.142 0 2.083-.883 2.228-1.988.007-.053.022-.26.022-1.01.674.315 1.232.812 1.711 1.29.473.472 1.29.13 1.29-.538 0-.678-.004-1.906-.004-3.13.884-.327 1.503-1.165 1.503-2.115s-.585-1.81-1.496-2.129c0-1.225-.004-2.439-.004-3.117a.76.76 0 0 0-.469-.703m1.805 1.335a.73.73 0 0 0-.445.351.75.75 0 0 0 .258 1.03 3.74 3.74 0 0 1 1.851 3.233 3.74 3.74 0 0 1-1.851 3.231.76.76 0 0 0-.282 1.03.754.754 0 0 0 1.032.258 5.24 5.24 0 0 0 2.601-4.52 5.24 5.24 0 0 0-2.601-4.519.74.74 0 0 0-.563-.094m-2.832.884c0 .694-.004 1.417-.004 2.231v2.997c0 .815.003 1.508.003 2.202-1.52-.896-3.085-1.294-4.501-1.421 0-1.144-.004-3.406-.004-4.584.147-.007.318-.026.565-.06a11.2 11.2 0 0 0 2.812-.773c.43-.184.75-.35 1.129-.592m-6.005 1.55-.001 4.34c-.976-.27-1.498-.959-1.498-2.184 0-1.21.47-1.928 1.499-2.155M6 11.998c.238.008 1.098.161 1.493.261l.007 1.19a.75.75 0 0 1-1.5 0z\"\n />\n </Icon>\n );\n};\n\nexport const SecurityIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <path\n d=\"M6.563 7.678V6.603c0-1.153 1.09-2.088 2.437-2.088s2.438.935 2.438 2.088v1.075c.448 0 .812.311.812.696v3.479c0 .384-.364.696-.812.696H6.563c-.449 0-.813-.312-.813-.696v-3.48c0-.384.364-.695.813-.695m1.187-.006 1.431.006h1.07V6.564c0-.64-.504-1.104-1.25-1.104-.748 0-1.25.465-1.25 1.104zm1.956 2.14c0-.335-.317-.605-.706-.605-.39 0-.706.27-.706.604v.77c0 .335.316.605.706.605s.706-.27.706-.604z\"\n fill=\"currentcolor\"\n fillOpacity=\".8\"\n />\n <path\n d=\"M2 3.607c.003 5.606.146 11.651 6.879 13.378.078.02.164.02.242 0C15.854 15.258 15.997 9.213 16 3.607c0-.217-.14-.41-.345-.477L9.31 1.05a1 1 0 0 0-.62 0L2.345 3.13A.5.5 0 0 0 2 3.607m2.326 7.63c-.707-1.954-.81-4.33-.824-6.902L9 2.532l5.498 1.803c-.014 2.573-.117 4.948-.824 6.901-.697 1.93-1.987 3.463-4.674 4.222-2.687-.759-3.977-2.293-4.674-4.222\"\n fill=\"currentcolor\"\n fillOpacity=\".8\"\n />\n </Icon>\n );\n};\n","import { FC, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { AnnouncementType, type API } from \"@kodiak-finance/orderly-types\";\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n Divider,\n Flex,\n Text,\n} from \"@kodiak-finance/orderly-ui\";\nimport {\n AnnouncementIcon,\n BattleIcon,\n FundIcon,\n SecurityIcon,\n} from \"../announcementCenter/icons\";\nimport {\n CampaignContentCard,\n DelistingContentCard,\n ListingContentCard,\n MaintenanceContentCard,\n} from \"./contentCard\";\n\nexport interface NotificationProps {\n // Define your notification props here\n className?: string;\n // children?: React.ReactNode;\n dataSource: API.AnnouncementRow[];\n onClose?: () => void;\n}\n\nexport interface NotificationItemProps {\n id: string;\n type?: \"success\" | \"error\" | \"warning\" | \"info\";\n title?: string;\n message: string;\n onClose?: () => void;\n}\n\nexport interface NotificationListProps {\n notifications: NotificationItemProps[];\n onRemove?: (id: string) => void;\n}\n\nconst NotificationHeader: FC<{\n // type: AnnouncementType;\n dataSource: API.AnnouncementRow[];\n current: number;\n expanded?: boolean;\n onExpandToggle?: () => void;\n // onClose?: () => void;\n}> = (props) => {\n const { t } = useTranslation();\n const { expanded } = props;\n const { type } = props.dataSource[props.current];\n\n const title = useMemo(() => {\n switch (type) {\n case AnnouncementType.Campaign:\n return (\n <Text\n size=\"sm\"\n className=\"oui-text-transparent oui-bg-clip-text oui-gradient-brand\"\n >\n {t(\"notification.campaign\")}\n </Text>\n );\n case AnnouncementType.Delisting:\n return <Text size=\"sm\">{t(\"notification.delistingTitle\")}</Text>;\n case AnnouncementType.Listing:\n return (\n <Text size=\"sm\" color=\"buy\">\n {t(\"notification.listing\")}\n </Text>\n );\n case AnnouncementType.Maintenance:\n return (\n <Text size=\"sm\" color=\"warning\">\n {t(\"notification.maintenanceTitle\")}\n </Text>\n );\n default:\n return (\n <Text size=\"sm\" color=\"inherit\">\n {t(\"notification.generalTitle\")}\n </Text>\n );\n }\n }, [type, t]);\n const icon = useMemo(() => {\n switch (type) {\n case AnnouncementType.Campaign:\n return <BattleIcon color=\"white\" />;\n\n case AnnouncementType.Listing:\n return <FundIcon color=\"success\" />;\n case AnnouncementType.Maintenance:\n return <SecurityIcon color=\"warning\" />;\n case AnnouncementType.Delisting:\n default:\n return <AnnouncementIcon color=\"white\" />;\n }\n }, [type]);\n return (\n <Flex itemAlign=\"center\" justify=\"between\" className=\"oui-px-4 oui-py-3\">\n <div className=\"orderly-notification-header oui-flex oui-items-center oui-gap-2\">\n {icon}\n {title}\n </div>\n <button\n onClick={props.onExpandToggle}\n className=\"oui-transition-transform oui-duration-300\"\n style={{\n transform: !expanded ? \"rotate(180deg)\" : \"rotate(0deg)\",\n }}\n >\n <ChevronDownIcon size={18} color=\"white\" />\n </button>\n </Flex>\n );\n};\n\nconst NotificationFooter: FC<{\n total: number;\n current: number;\n onCloseAll: () => void;\n onPrev: () => void;\n onNext: () => void;\n}> = (props) => {\n const { total, current, onCloseAll, onPrev, onNext } = props;\n const { t } = useTranslation();\n return (\n <Flex\n className=\"orderly-notification-footer oui-px-4 oui-py-2\"\n itemAlign=\"center\"\n justify=\"between\"\n >\n <Flex gap={2}>\n <button\n disabled={current - 1 < 0}\n onClick={onPrev}\n className=\"oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-6 hover:oui-bg-base-5 disabled:oui-opacity-50\"\n >\n <ChevronLeftIcon size={14} color=\"white\" />\n </button>\n <Text intensity={54} size=\"sm\">\n {current + 1}/{total}\n </Text>\n <button\n disabled={current + 1 >= total}\n onClick={onNext}\n className=\"oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-6 hover:oui-bg-base-5 disabled:oui-opacity-50\"\n >\n <ChevronRightIcon size={14} color=\"white\" />\n </button>\n </Flex>\n <button onClick={onCloseAll}>\n <Text size=\"xs\" color=\"primary\">\n {t(\"notification.closeAll\", { total })}\n </Text>\n </button>\n </Flex>\n );\n};\n\nconst NotificationContent: FC<{\n dataSource: (API.AnnouncementRow & {\n startTime?: number;\n endTime?: number;\n })[];\n current: number;\n onItemClick: (url: string) => void;\n}> = (props) => {\n const elements = useMemo(() => {\n return props.dataSource.map((message) => {\n const { type } = message;\n switch (type) {\n case AnnouncementType.Campaign:\n return (\n <CampaignContentCard\n message={message.message}\n coverImage={message.coverImage ?? \"\"}\n updateTime={message.updated_time ?? 0}\n url={message.url ?? \"\"}\n onItemClick={props.onItemClick}\n />\n );\n case AnnouncementType.Maintenance:\n return (\n <MaintenanceContentCard\n message={message.message}\n startTime={message.startTime ?? 0}\n endTime={message.endTime ?? 0}\n />\n );\n case AnnouncementType.Delisting:\n return (\n <DelistingContentCard\n message={message.message}\n updateTime={message.updated_time ?? 0}\n />\n );\n default:\n return (\n <ListingContentCard\n message={message.message}\n updateTime={message.updated_time ?? 0}\n />\n );\n }\n });\n }, [props.dataSource]);\n return <>{elements[props.current]}</>;\n};\n\nexport const NotificationUI: FC<\n NotificationProps & {\n maintenanceMessage?: string;\n onItemClick: (url: string) => void;\n }\n> = (props) => {\n const [expanded, setExpanded] = useState(true);\n\n const [current, setCurrent] = useState(0);\n const len = useMemo(() => props.dataSource?.length ?? 0, [props.dataSource]);\n\n if (len === 0) {\n return null;\n }\n\n return (\n <div className=\"orderly-notification oui-w-full \">\n <NotificationHeader\n dataSource={props.dataSource ?? []}\n current={current}\n expanded={expanded}\n onExpandToggle={() => {\n setExpanded(!expanded);\n }}\n />\n <Divider className=\"oui-mx-4\" />\n <div\n className=\"oui-grid oui-transition-all oui-duration-300 oui-ease-in-out\"\n style={{\n gridTemplateRows: expanded ? \"1fr\" : \"0fr\",\n }}\n >\n {/* Inner div needs overflow-hidden and min-height-0 for grid animation to work */}\n <div className=\"oui-min-h-0 oui-overflow-hidden \">\n <div className=\"oui-px-4 oui-py-3\">\n <NotificationContent\n dataSource={props.dataSource ?? []}\n current={current}\n onItemClick={props.onItemClick}\n />\n </div>\n </div>\n </div>\n\n <NotificationFooter\n total={len}\n current={current}\n onCloseAll={props.onClose ?? (() => {})}\n onPrev={() => {\n if (current - 1 < 0) {\n return;\n }\n setCurrent(current - 1);\n }}\n onNext={() => {\n if (current + 1 >= len) {\n return;\n }\n setCurrent(current + 1);\n }}\n />\n </div>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { UTCDate } from \"@date-fns/utc\";\nimport { format, differenceInHours, differenceInMinutes } from \"date-fns\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Flex, Text } from \"@kodiak-finance/orderly-ui\";\nimport { ArrowRightShortIcon } from \"../announcementCenter/icons\";\n\nexport const CampaignContentCard: FC<{\n message: string;\n coverImage: string;\n updateTime: number;\n url?: string | null;\n onItemClick: (url: string) => void;\n}> = ({ message, coverImage, url, onItemClick }) => {\n const { t } = useTranslation();\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-5\">\n <Text size=\"sm\" weight=\"bold\">\n {message}\n </Text>\n <div\n className=\"oui-rounded-xl oui-bg-base-9 oui-bg-cover oui-bg-center oui-bg-no-repeat\"\n style={{\n backgroundImage: `url(${coverImage})`,\n height: \"100px\",\n }}\n ></div>\n {typeof url === \"string\" &&\n url !== \"\" &&\n typeof onItemClick === \"function\" && (\n <button\n className=\"oui-flex oui-items-center oui-gap-1\"\n onClick={() => onItemClick(url)}\n >\n <Text\n size=\"xs\"\n color=\"buy\"\n className=\"oui-bg-clip-text oui-text-transparent oui-gradient-brand\"\n >\n {t(\"notification.joinNow\")}\n </Text>\n <ArrowRightShortIcon size={18} color=\"success\" />\n </button>\n )}\n </div>\n );\n};\n\nexport const MaintenanceContentCard: FC<{\n message: string;\n startTime: number;\n endTime: number;\n}> = ({ message, startTime, endTime }) => {\n const { t } = useTranslation();\n const formattedMessage = useMemo(() => {\n // Calculate duration in hours\n const hours = differenceInHours(endTime, startTime);\n\n const minutes = differenceInMinutes(endTime, startTime) - hours * 60;\n\n // Convert timestamps to UTC dates\n const startUtc = new UTCDate(startTime);\n const endUtc = new UTCDate(endTime);\n\n // Format start time as HH:mm (24-hour format) in UTC\n const startTimeFormatted = format(startUtc, \"HH:mm\");\n\n // Format end time as hh:mm a (12-hour format with AM/PM) in UTC\n const endTimeFormatted = format(endUtc, \"hh:mm a\");\n\n if (hours > 0) {\n return t(\"notification.maintenanceDuration.hours\", {\n hours: minutes > 0 ? (hours + minutes / 60).toFixed(1) : hours,\n startTimeFormatted,\n endTimeFormatted,\n });\n }\n\n return t(\"notification.maintenanceDuration.minutes\", {\n minutes,\n startTimeFormatted,\n endTimeFormatted,\n });\n }, [startTime, endTime, t]);\n\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-1\">\n <Text size=\"xs\" intensity={54}>\n {t(\"notification.recentlyUpdated\")}\n </Text>\n <Flex itemAlign={\"center\"}>\n <Text size=\"xs\" weight=\"bold\">\n {formattedMessage}\n </Text>\n </Flex>\n {message && (\n <Text size=\"2xs\" intensity={80} as=\"div\" className=\"oui-mt-2\">\n {message}\n </Text>\n )}\n </div>\n );\n};\n\nexport const DelistingContentCard: FC<{\n message: string;\n updateTime: number;\n}> = ({ message, updateTime }) => {\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-1\">\n <Text.formatted\n rule=\"date\"\n intensity={54}\n formatString=\"yyyy-MM-dd HH:mm:ss\"\n size=\"xs\"\n >\n {updateTime}\n </Text.formatted>\n <Text size=\"sm\" weight=\"bold\">\n {message}\n </Text>\n </div>\n );\n};\n\nexport const ListingContentCard: FC<{\n message: string;\n updateTime: number;\n}> = ({ message, updateTime }) => {\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-1\">\n <Text.formatted\n rule=\"date\"\n intensity={54}\n formatString=\"yyyy-MM-dd HH:mm:ss\"\n size=\"xs\"\n >\n {updateTime}\n </Text.formatted>\n <Text size=\"sm\" weight=\"bold\">\n {message}\n </Text>\n </div>\n );\n};\n","import { FC, useCallback } from \"react\";\nimport { useAnnouncementCenterScript } from \"./announcementCenter.script\";\nimport { AnnouncementCenterUI } from \"./announcementCenter.ui\";\n\nexport const AnnouncementCenterWidget: FC<{\n onRouteChange: (url: string) => void;\n}> = (props) => {\n const { dataSource, current, setCurrent } = useAnnouncementCenterScript();\n const onItemClick = useCallback(\n (url: string) => {\n if (!url) return;\n props.onRouteChange(url);\n },\n [props.onRouteChange],\n );\n return (\n <AnnouncementCenterUI\n dataSource={dataSource}\n current={current}\n setCurrent={setCurrent}\n onItemClick={onItemClick}\n />\n );\n};\n","import { useState } from \"react\";\nimport { useAnnouncement } from \"../hooks/useAnnouncement\";\n\nexport const useAnnouncementCenterScript = () => {\n const { tips } = useAnnouncement();\n const [current, setCurrent] = useState<string | number | null>(null);\n\n return {\n dataSource: tips,\n current,\n setCurrent,\n };\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { UTCDateMini } from \"@date-fns/utc\";\nimport { format } from \"date-fns\";\nimport { produce } from \"immer\";\nimport {\n MaintenanceStatus,\n useLocalStorage,\n useMaintenanceStatus,\n useOrderlyContext,\n useQuery,\n useWS,\n} from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { useAppContext } from \"@kodiak-finance/orderly-react-app\";\nimport {\n AnnouncementType,\n API,\n EMPTY_LIST,\n WSMessage,\n} from \"@kodiak-finance/orderly-types\";\nimport { getTimestamp } from \"@kodiak-finance/orderly-utils\";\n\nconst oneDay = 1000 * 60 * 60 * 24;\n\nconst maintentanceId = \"-1\";\n\nexport type AnnouncementOptions = {\n hideTips?: boolean;\n};\n\ninterface AnnouncementStore {\n show?: boolean;\n lastUpdateTime?: number | null;\n}\n\nconst ORDERLY_ANNOUNCEMENT_KEY = \"orderly_announcement\";\n\nconst getTimeString = (timestamp: number) => {\n const date = format(new UTCDateMini(timestamp), \"MMM dd\");\n const time = format(new UTCDateMini(timestamp), \"h:mm aa\");\n return `${time} (UTC) on ${date}`;\n};\n\nconst sortDataByUpdatedTime = (ori: API.Announcement) => {\n return produce<API.Announcement>(ori, (draft) => {\n if (Array.isArray(draft.rows)) {\n draft.rows.sort((a, b) => {\n if (a.updated_time && b.updated_time) {\n return b.updated_time - a.updated_time;\n }\n return 0;\n });\n }\n });\n};\n\nconst useAnnouncementData = () => {\n const ws = useWS();\n\n const [announcementStore, setStore] = useLocalStorage<AnnouncementStore>(\n ORDERLY_ANNOUNCEMENT_KEY,\n {},\n );\n\n const [tips, setTips] = useState<API.Announcement>({});\n\n const [maintenanceDialogInfo, setMaintenanceDialogInfo] = useState<string>();\n\n const { startTime, endTime, status, brokerName } = useMaintenanceStatus();\n\n const { t } = useTranslation();\n\n const { data: announcements } = useQuery<API.Announcement>(\n `/v2/public/announcement`,\n {\n revalidateOnFocus: false,\n refreshInterval: 60 * 60 * 1000, // refresh every 1 hour\n formatter: (data) => data,\n },\n );\n\n const getMaintentTipsContent = (\n brokerName: string,\n startDate: string,\n endDate: string,\n ) => t(\"maintenance.tips.description\", { brokerName, startDate, endDate });\n\n const getMaintentDialogContent = (brokerName: string, endDate: string) =>\n t(\"maintenance.dialog.description\", { brokerName, endDate });\n\n useEffect(() => {\n const unsubscribe = ws.subscribe(\"announcement\", {\n onMessage(message: WSMessage.Announcement) {\n if (message) {\n setTips((prev) => {\n return produce(prev, (draft) => {\n // Make sure draft.rows is an array\n if (!Array.isArray(draft.rows)) {\n draft.rows = [];\n }\n const idx = draft.rows.findIndex(\n (tip) => tip.announcement_id === message.announcement_id,\n );\n // Filter out old tips with the same id\n if (idx !== -1) {\n draft.rows.splice(idx, 1);\n }\n // Add the latest tip\n draft.rows.push({\n announcement_id: message.announcement_id,\n message: message.message,\n url: message.url,\n i18n: message.i18n,\n type: message.type,\n updated_time: message.updated_time,\n });\n });\n });\n // @ts-ignore\n setStore((prev) => ({ ...prev, show: true }));\n }\n },\n onError(err) {\n if (err instanceof Error) {\n console.error(\"Error receiving announcement:\", err.message);\n }\n },\n });\n return () => {\n unsubscribe?.();\n };\n }, [ws]);\n\n useEffect(() => {\n if (!announcements?.rows) {\n return;\n }\n const apiTime = announcements.last_updated_time ?? 0;\n const cachedTime = announcementStore.lastUpdateTime ?? 0;\n if (cachedTime < apiTime) {\n setTips((prev) => ({ ...prev, rows: announcements?.rows }));\n setStore({ show: true, lastUpdateTime: apiTime });\n } else {\n setTips((prev) => {\n return produce<API.Announcement>(prev, (draft) => {\n if (announcements?.rows?.length) {\n // If there are announcement rows available, create a Set to store IDs of existing tips\n const existingIds = new Set<string | number>(\n prev.rows?.map((tip) => tip.announcement_id),\n );\n // Find the maintenance tip in previous tips (if any)\n const maintenanceTip = prev.rows?.find(\n (tip) => tip.announcement_id === maintentanceId,\n );\n // Clear the draft’s rows array to refill it\n draft.rows = [];\n announcements.rows.forEach((item) => {\n if (!existingIds.has(item.announcement_id)) {\n // If the item’s ID is not in existingIds, push it into the draft\n draft.rows?.push(item);\n }\n });\n if (maintenanceTip) {\n // If a maintenance tip existed before, unshift it to the front\n draft.rows.unshift(maintenanceTip);\n }\n } else {\n // Find the index of the maintenance tip in draft rows\n const idx = draft.rows?.findIndex(\n (tip) => tip.announcement_id === maintentanceId,\n );\n if (idx !== undefined && idx !== -1) {\n // Remove the maintenance tip from draft rows\n draft.rows?.splice(idx, 1);\n }\n }\n });\n });\n }\n }, [announcements]);\n\n useEffect(() => {\n const startDate = startTime ? getTimeString(startTime) : \"-\";\n const endDate = endTime ? getTimeString(endTime) : \"-\";\n if (status === MaintenanceStatus.Maintenance) {\n setMaintenanceDialogInfo(getMaintentDialogContent(brokerName, endDate));\n return;\n }\n setMaintenanceDialogInfo(undefined);\n\n if (startTime && endTime) {\n // if (startTime < getTimestamp() + oneDay) {\n setTips((prev) =>\n produce<API.Announcement>(prev, (draft) => {\n // Make sure draft.rows is an array\n if (!Array.isArray(draft.rows)) {\n draft.rows = [];\n }\n // Rebuild rows: insert the latest maintenance tip first, then put the old non-maintenance ones at the end\n draft.rows = [\n {\n announcement_id: maintentanceId,\n type: AnnouncementType.Maintenance,\n /** @ts-ignore */\n startTime: startTime,\n /** @ts-ignore */\n endTime: endTime,\n message: getMaintentTipsContent(brokerName, startDate, endDate),\n },\n ...draft.rows.filter(\n (tip) => tip.type !== AnnouncementType.Maintenance,\n ),\n ];\n }),\n );\n } else {\n setTips((prev) => {\n return produce<API.Announcement>(prev, (draft) => {\n const index = draft.rows?.findIndex(\n (tip) => tip.announcement_id === maintentanceId,\n );\n if (index !== undefined && index !== -1) {\n draft.rows?.splice(index, 1);\n }\n });\n });\n }\n }, [startTime, endTime, status, brokerName, t]);\n\n const { customAnnouncements } = useAppContext();\n\n // Merge custom announcements with API announcements\n const mergedTips = useMemo(() => {\n const tipsCopy = { ...tips };\n if (customAnnouncements && customAnnouncements.length > 0) {\n // Custom announcements appear first (higher priority)\n tipsCopy.rows = [...customAnnouncements, ...(tips.rows || [])];\n }\n return sortDataByUpdatedTime(tipsCopy);\n }, [tips, customAnnouncements]);\n\n return {\n tips: mergedTips,\n maintenanceDialogInfo: maintenanceDialogInfo,\n };\n};\n\nexport type AnnouncementReturn = ReturnType<typeof useAnnouncement>;\n\nexport const useAnnouncement = (options?: AnnouncementOptions) => {\n const { showAnnouncement, setShowAnnouncement } = useAppContext();\n const { dataAdapter } = useOrderlyContext();\n\n const { tips: mergedTips, maintenanceDialogInfo } = useAnnouncementData();\n\n const memoizedTips = useMemo<API.AnnouncementRow[]>(() => {\n if (typeof dataAdapter?.announcementList === \"function\") {\n return dataAdapter.announcementList(\n mergedTips?.rows ?? (EMPTY_LIST as API.AnnouncementRow[]),\n );\n }\n return mergedTips?.rows ?? (EMPTY_LIST as API.AnnouncementRow[]);\n }, [dataAdapter?.announcementList, mergedTips?.rows]);\n\n const [announcementStore, setStore] = useLocalStorage<AnnouncementStore>(\n ORDERLY_ANNOUNCEMENT_KEY,\n {},\n );\n\n const closeTips = () => {\n // @ts-ignore\n setStore((prev) => ({ ...prev, show: false }));\n };\n\n useEffect(() => {\n const len = memoizedTips.length;\n setShowAnnouncement(\n Boolean(len) && announcementStore.show && !options?.hideTips,\n );\n }, [\n memoizedTips,\n announcementStore.show,\n options?.hideTips,\n setShowAnnouncement,\n ]);\n\n return {\n maintenanceDialogInfo,\n tips: memoizedTips,\n closeTips: closeTips,\n showAnnouncement: showAnnouncement,\n };\n};\n","import { FC } from \"react\";\nimport { API } from \"@kodiak-finance/orderly-types\";\nimport { AnnouncementContent } from \"../components/announcementCenter/announcementCenter.ui\";\n\nexport const AnnouncementCenterUI: FC<{\n dataSource: API.AnnouncementRow[];\n current: string | number | null;\n setCurrent: (current: string | number | null) => void;\n onItemClick: (url: string) => void;\n}> = (props) => {\n const { dataSource, current, setCurrent, onItemClick } = props;\n return (\n <div className=\"oui-m-1 oui-rounded-xl oui-bg-base-9 oui-p-2\">\n <AnnouncementContent\n dataSource={dataSource}\n current={current}\n onExpandToggle={setCurrent}\n onItemClick={onItemClick}\n showDivider\n />\n </div>\n );\n};\n","import { FC } from \"react\";\nimport { RouterAdapter } from \"@kodiak-finance/orderly-types\";\nimport { AnnouncementCenterWidget } from \"./announcementCenter.widget\";\n\nexport const AnnouncementCenterPage: FC<{ routerAdapter?: RouterAdapter }> = (\n props,\n) => {\n return (\n <AnnouncementCenterWidget\n onRouteChange={(url: string) => {\n if (!url) return;\n props.routerAdapter?.onRouteChange({\n href: url,\n name: url,\n });\n }}\n />\n );\n};\n"]}
1
+ {"version":3,"sources":["../src/components/announcementCenter/announcementCenter.ui.tsx","../src/components/announcementCenter/announcementItem.tsx","../src/components/announcementCenter/icons.tsx","../src/components/notification/notification.ui.tsx","../src/components/notification/contentCard.tsx","../src/pages/announcementCenter.widget.tsx","../src/pages/announcementCenter.script.tsx","../src/hooks/useAnnouncement.ts","../src/pages/announcementCenter.ui.tsx","../src/pages/announcementCenter.page.tsx","../src/components/announcementBanner/announcementBanner.ui.tsx","../src/components/announcementBanner/announcementItem.tsx","../src/components/announcementBanner/hooks/useMarqueeOnce.ts","../src/components/announcementBanner/hooks/usePrevNextButtons.ts","../src/components/announcementBanner/hooks/useSelectedSnapDisplay.ts","../src/components/announcementBanner/icons/soundIcon.tsx"],"names":["useTranslation","Text","cn","jsx","jsxs","Icon","useMemo","useState","AnnouncementType","ChevronDownIcon","Flex","Fragment","format","brokerName","AnnouncementCenterUI","useCallback","ChevronLeftIcon","ChevronRightIcon","useEffect","AnnouncementItem","React"],"mappings":"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","sourcesContent":["import { FC, useState } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { type API } from \"@kodiak-finance/orderly-types\";\nimport {\n ExtensionPositionEnum,\n ExtensionSlot,\n ScrollArea,\n Text,\n} from \"@kodiak-finance/orderly-ui\";\nimport { cn } from \"@kodiak-finance/orderly-ui\";\nimport { AnnouncementItem } from \"./announcementItem\";\n\nexport const AnnouncementContent: FC<{\n dataSource: API.AnnouncementRow[];\n current: string | number | null;\n onExpandToggle: (id: string | number | null) => void;\n onItemClick: (url: string) => void;\n showDivider?: boolean;\n}> = (props) => {\n const { dataSource, current, onExpandToggle, onItemClick } = props;\n const { t } = useTranslation();\n\n if (!Array.isArray(dataSource) || dataSource.length === 0) {\n return (\n <div className=\"oui-flex oui-h-[160px] oui-items-center oui-justify-center\">\n <ExtensionSlot\n position={ExtensionPositionEnum.EmptyDataIdentifier}\n title={t(\"notification.empty\")}\n />\n </div>\n );\n }\n\n return (\n <div\n className={cn(\n \"oui-flex oui-flex-col oui-space-y-1\",\n props.showDivider &&\n \"[&>*:not(:first-child)]:oui-border-t [&>*:not(:first-child)]:oui-border-line-12 [&>*:not(:first-child)]:oui-pt-1\",\n )}\n >\n {dataSource.map((item) => (\n <AnnouncementItem\n url={item.url}\n onItemClick={onItemClick}\n key={item.announcement_id}\n message={item.message}\n updatedTime={item.updated_time ?? 0}\n expanded={current === item.announcement_id}\n type={item.type}\n showDivider={props.showDivider}\n onExpandToggle={() => {\n if (current === item.announcement_id) {\n onExpandToggle(null);\n } else {\n onExpandToggle(item.announcement_id);\n }\n }}\n />\n ))}\n </div>\n );\n};\n\nexport const AnnouncementCenterUI: FC<{\n dataSource: API.AnnouncementRow[];\n onItemClick: (url: string) => void;\n}> = (props) => {\n const { t } = useTranslation();\n const [expanded, setExpanded] = useState<string | number | null>(null);\n\n return (\n <>\n <div className=\"oui-px-5 oui-pt-4\">\n <Text intensity={80} weight=\"bold\">\n {t(\"notification.title\")}\n </Text>\n </div>\n\n <ScrollArea className=\"oui-flex oui-h-[300px] oui-flex-col oui-space-y-1 oui-p-3\">\n <AnnouncementContent\n dataSource={props.dataSource}\n current={expanded}\n onExpandToggle={setExpanded}\n onItemClick={props.onItemClick}\n />\n </ScrollArea>\n </>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { AnnouncementType } from \"@kodiak-finance/orderly-types\";\nimport { Flex, Text, ChevronDownIcon, cn } from \"@kodiak-finance/orderly-ui\";\nimport {\n AnnouncementIcon,\n ArrowRightShortIcon,\n CampaignIcon,\n FundIcon,\n SecurityIcon,\n} from \"./icons\";\n\nexport const AnnouncementItem: FC<{\n // title: string;\n expanded: boolean;\n url?: string | null;\n onItemClick: (url: string) => void;\n onExpandToggle?: () => void;\n type: AnnouncementType | undefined | null;\n message: string;\n updatedTime: number;\n className?: string;\n showDivider?: boolean;\n}> = (props) => {\n const { t } = useTranslation();\n const Icon = useMemo(() => {\n switch (props.type) {\n case AnnouncementType.Campaign:\n return CampaignIcon;\n\n case AnnouncementType.Listing:\n return FundIcon;\n case AnnouncementType.Maintenance:\n return SecurityIcon;\n case AnnouncementType.Delisting:\n default:\n return AnnouncementIcon;\n }\n }, [props.type]);\n\n const title = useMemo(() => {\n switch (props.type) {\n case AnnouncementType.Campaign:\n return t(\"notification.campaign\");\n case AnnouncementType.Delisting:\n return t(\"notification.delisting\");\n case AnnouncementType.Listing:\n return t(\"notification.listing\");\n case AnnouncementType.Maintenance:\n return t(\"notification.maintenance\");\n default:\n return t(\"notification.general\");\n }\n }, [props.type, t]);\n\n const isExternalLink = (url: string): boolean => {\n try {\n const urlObj = new URL(url, window.location.origin);\n return urlObj.origin !== window.location.origin;\n } catch {\n // If URL parsing fails, treat as internal link (relative path)\n return false;\n }\n };\n\n const action = useMemo(() => {\n if (\n props.type === AnnouncementType.Campaign &&\n typeof props.url === \"string\" &&\n props.url !== \"\" &&\n typeof props.onItemClick === \"function\"\n ) {\n return (\n <Flex\n gap={1}\n itemAlign=\"center\"\n className=\"oui-cursor-pointer\"\n onClick={(event) => {\n event.stopPropagation();\n\n const url = props.url!;\n const isExternal = isExternalLink(url);\n\n if (isExternal) {\n // Open external links in a new tab\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n } else {\n // Open internal links in the same tab via the handler\n props.onItemClick(url);\n }\n }}\n >\n <Text\n size=\"xs\"\n color=\"buy\"\n className=\"oui-bg-clip-text oui-text-transparent oui-gradient-brand\"\n >\n {t(\"notification.joinNow\")}\n </Text>\n <ArrowRightShortIcon size={18} />\n </Flex>\n );\n }\n return null;\n }, [props.type, props.url, t]);\n\n const updateTime = useMemo(() => {\n if (props.type === AnnouncementType.Maintenance) {\n return (\n <Text size=\"2xs\" intensity={36}>\n {t(\"notification.recentlyUpdated\")}\n </Text>\n );\n }\n return (\n <Text.formatted\n size=\"2xs\"\n intensity={36}\n rule=\"date\"\n formatString=\"yyyy-MM-dd HH:mm:ss\"\n >\n {props.updatedTime}\n </Text.formatted>\n );\n }, [props.updatedTime, props.type, t]);\n\n return (\n <Flex\n gap={2}\n itemAlign=\"start\"\n className={cn(\n \"oui-px-2 oui-py-[6px] oui-text-base-contrast-80\",\n !props.showDivider && \"oui-rounded-md hover:oui-bg-base-6\",\n !props.showDivider && props.expanded && \"oui-bg-base-6\",\n props.className,\n )}\n onClick={() => {\n props.onExpandToggle?.();\n }}\n >\n <Icon color=\"white\" className=\"oui-mt-3 oui-shrink-0\" />\n\n <Flex direction=\"column\" itemAlign=\"start\" grow>\n <Text size=\"xs\" intensity={80} weight=\"bold\">\n {title}\n </Text>\n {updateTime}\n {/* Expandable content with animation */}\n <div\n className=\"oui-grid oui-transition-all oui-duration-300 oui-ease-in-out\"\n style={{\n gridTemplateRows: props.expanded ? \"1fr\" : \"0fr\",\n }}\n >\n <div className=\"oui-flex oui-flex-col oui-gap-2 oui-overflow-hidden\">\n <Text size=\"2xs\" intensity={80} as=\"div\" className=\"oui-pt-2\">\n {props.message}\n </Text>\n {action}\n </div>\n </div>\n </Flex>\n <div className=\"oui-pt-3\">\n {/* Chevron icon with rotation animation */}\n <ChevronDownIcon\n color=\"white\"\n size={18}\n className={`oui-transition-transform oui-duration-300 oui-ease-in-out ${\n props.expanded ? \"oui-rotate-180\" : \"oui-rotate-0\"\n }`}\n />\n </div>\n </Flex>\n );\n};\n","import { FC } from \"react\";\nimport type { BaseIconProps } from \"@kodiak-finance/orderly-ui\";\nimport { Icon } from \"@kodiak-finance/orderly-ui\";\n\nexport const BattleIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <defs>\n <linearGradient\n id=\"paint0_linear_555_7374\"\n x1=\"17.0157\"\n y1=\"9.26513\"\n x2=\"0.969849\"\n y2=\"9.26513\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n <path\n fill=\"url(#paint0_linear_555_7374)\"\n fillOpacity={1}\n d=\"m1.5 1.5.75 3 4.843 4.56-1.808 1.919-.63-.633-1.06 1.06.665.665-1.88 1.996-.35-.346-1.06 1.06 2.25 2.25 1.06-1.06-.348-.349 1.998-1.878.665.662 1.06-1.06-.63-.63L9 10.852l1.969 1.854-.639.639 1.06 1.06.672-.67 1.998 1.877-.358.358 1.064 1.06 2.25-2.25-1.06-1.06-.34.34-1.881-1.998.656-.657-1.06-1.06-.625.624-1.799-1.91.003-.003L9 7.03 4.5 2.25zm15 0-3 .75-3.636 3.861 2.022 2.025L15.75 4.5z\"\n />\n </Icon>\n );\n};\n\nexport const CampaignIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <path\n fill=\"currentcolor\"\n fillOpacity={1}\n d=\"m1.5 1.5.75 3 4.843 4.56-1.808 1.919-.63-.633-1.06 1.06.665.665-1.88 1.996-.35-.346-1.06 1.06 2.25 2.25 1.06-1.06-.348-.349 1.998-1.878.665.662 1.06-1.06-.63-.63L9 10.852l1.969 1.854-.639.639 1.06 1.06.672-.67 1.998 1.877-.358.358 1.064 1.06 2.25-2.25-1.06-1.06-.34.34-1.881-1.998.656-.657-1.06-1.06-.625.624-1.799-1.91.003-.003L9 7.03 4.5 2.25zm15 0-3 .75-3.636 3.861 2.022 2.025L15.75 4.5z\"\n />\n </Icon>\n );\n};\n\nexport const ArrowRightShortIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <defs>\n <linearGradient\n id=\"paint0_linear_555_7374\"\n x1=\"17.0157\"\n y1=\"9.26513\"\n x2=\"0.969849\"\n y2=\"9.26513\"\n gradientUnits=\"userSpaceOnUse\"\n >\n <stop stopColor=\"rgb(var(--oui-gradient-brand-end))\" />\n <stop offset=\"1\" stopColor=\"rgb(var(--oui-gradient-brand-start))\" />\n </linearGradient>\n </defs>\n <path\n fill=\"url(#paint0_linear_555_7374)\"\n fillOpacity={1}\n d=\"M4.509 8.995a.75.75 0 0 1 .75-.75h5.666L8.7 5.998l1.054-1.054 3.535 3.512c.147.146.22.343.22.54a.76.76 0 0 1-.22.537l-3.535 3.512L8.7 11.992l2.225-2.248H5.258a.75.75 0 0 1-.749-.75\"\n />\n </Icon>\n );\n};\n\nexport const FundIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <path\n fill=\"currentcolor\"\n fillOpacity={0.8}\n d=\"M15.694 7.087c-.788-.393-1.857-.618-2.925-.618-1.125 0-2.138.225-2.925.618-.056 0-.113.057-.113.057V3.769c0-.9-.731-1.575-1.462-1.913-.788-.394-1.857-.619-2.925-.619-1.069 0-2.25.225-3.038.62C1.575 2.193.844 2.868.844 3.768v10.519c0 .9.731 1.575 1.462 1.912.788.394 1.856.619 2.925.619s2.138-.225 2.925-.619c.281-.169.563-.337.788-.562.225.225.506.393.787.562.788.394 1.857.619 2.925.619 1.125 0 2.138-.225 2.925-.619.732-.394 1.463-1.012 1.463-1.912V9c.112-.9-.619-1.519-1.35-1.913m-7.369 7.144c0 .113-.112.45-.731.732-.563.28-1.407.506-2.363.506s-1.8-.169-2.362-.506c-.619-.282-.731-.62-.731-.732V13.5c.056 0 .112 0 .168.056.788.394 1.856.619 2.925.619s2.138-.225 2.925-.619c.056 0 .113-.056.113-.056v.731zm0-2.587c0 .112-.112.45-.731.731-.563.281-1.407.506-2.363.506s-1.8-.168-2.362-.506c-.619-.281-.731-.619-.731-.731v-.788c.056 0 .112.056.112.056.788.394 1.856.62 2.925.62s2.138-.226 2.925-.62c.056 0 .113-.056.113-.056v.788zm0-2.644c0 .112-.112.45-.731.731-.563.281-1.407.507-2.363.507s-1.8-.17-2.362-.507C2.25 9.45 2.138 9.112 2.138 9v-.788c.056 0 .112.057.112.057.788.393 1.856.618 2.925.618S7.313 8.662 8.1 8.27c.056 0 .113-.057.113-.057V9zm0-2.644c0 .113-.112.45-.731.731-.563.282-1.407.507-2.363.507s-1.8-.169-2.362-.507c-.619-.28-.731-.618-.731-.73v-.732c.056 0 .112 0 .168.056.788.394 1.856.619 2.925.619s2.138-.225 2.925-.619c.056 0 .113-.056.113-.056v.731zM7.594 4.5c-.563.281-1.407.506-2.363.506S3.488 4.781 2.925 4.5c-.619-.338-.731-.619-.731-.731 0-.113.112-.45.731-.732.563-.28 1.406-.506 2.363-.506.956 0 1.8.169 2.362.506.619.282.731.62.731.732-.056.112-.168.393-.787.731m8.212 9.731c0 .113-.112.45-.731.732-.562.28-1.406.506-2.362.506s-1.8-.169-2.363-.506c-.619-.282-.731-.62-.731-.732V13.5c.056 0 .112.056.112.056.788.394 1.857.619 2.925.619 1.125 0 2.138-.225 2.925-.619.056 0 .113-.056.113-.056v.731zm0-2.587c0 .112-.112.45-.731.731-.562.281-1.406.506-2.362.506s-1.8-.168-2.363-.506c-.619-.281-.731-.619-.731-.731v-.788c.056 0 .112.056.112.056.788.394 1.857.62 2.925.62 1.125 0 2.138-.226 2.925-.62.056 0 .113-.056.113-.056v.788zm-.675-1.913c-.562.281-1.406.507-2.362.507s-1.8-.17-2.363-.507c-.619-.281-.731-.619-.731-.731 0-.113.112-.45.731-.731.563-.282 1.406-.507 2.363-.507.956 0 1.8.17 2.362.507.619.281.732.618.732.731-.057.112-.17.45-.732.731\"\n />\n </Icon>\n );\n};\n\nexport const AnnouncementIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <path\n fill=\"currentcolor\"\n fillOpacity={0.8}\n d=\"M11.53 2.255a.745.745 0 0 0-.82.165c-.525.524-1.188.959-1.947 1.284-.77.33-2.353.757-3.508.75-2.248-.015-3.756 1.259-3.756 3.726 0 2.163 1.228 3.42 2.994 3.703l.006 1.565a2.25 2.25 0 0 0 2.25 2.247c1.142 0 2.083-.883 2.228-1.988.007-.053.022-.26.022-1.01.674.315 1.232.812 1.711 1.29.473.472 1.29.13 1.29-.538 0-.678-.004-1.906-.004-3.13.884-.327 1.503-1.165 1.503-2.115s-.585-1.81-1.496-2.129c0-1.225-.004-2.439-.004-3.117a.76.76 0 0 0-.469-.703m1.805 1.335a.73.73 0 0 0-.445.351.75.75 0 0 0 .258 1.03 3.74 3.74 0 0 1 1.851 3.233 3.74 3.74 0 0 1-1.851 3.231.76.76 0 0 0-.282 1.03.754.754 0 0 0 1.032.258 5.24 5.24 0 0 0 2.601-4.52 5.24 5.24 0 0 0-2.601-4.519.74.74 0 0 0-.563-.094m-2.832.884c0 .694-.004 1.417-.004 2.231v2.997c0 .815.003 1.508.003 2.202-1.52-.896-3.085-1.294-4.501-1.421 0-1.144-.004-3.406-.004-4.584.147-.007.318-.026.565-.06a11.2 11.2 0 0 0 2.812-.773c.43-.184.75-.35 1.129-.592m-6.005 1.55-.001 4.34c-.976-.27-1.498-.959-1.498-2.184 0-1.21.47-1.928 1.499-2.155M6 11.998c.238.008 1.098.161 1.493.261l.007 1.19a.75.75 0 0 1-1.5 0z\"\n />\n </Icon>\n );\n};\n\nexport const SecurityIcon: FC<BaseIconProps> = (props) => {\n return (\n <Icon size={18} viewBox=\"0 0 18 18\" {...props}>\n <path\n d=\"M6.563 7.678V6.603c0-1.153 1.09-2.088 2.437-2.088s2.438.935 2.438 2.088v1.075c.448 0 .812.311.812.696v3.479c0 .384-.364.696-.812.696H6.563c-.449 0-.813-.312-.813-.696v-3.48c0-.384.364-.695.813-.695m1.187-.006 1.431.006h1.07V6.564c0-.64-.504-1.104-1.25-1.104-.748 0-1.25.465-1.25 1.104zm1.956 2.14c0-.335-.317-.605-.706-.605-.39 0-.706.27-.706.604v.77c0 .335.316.605.706.605s.706-.27.706-.604z\"\n fill=\"currentcolor\"\n fillOpacity=\".8\"\n />\n <path\n d=\"M2 3.607c.003 5.606.146 11.651 6.879 13.378.078.02.164.02.242 0C15.854 15.258 15.997 9.213 16 3.607c0-.217-.14-.41-.345-.477L9.31 1.05a1 1 0 0 0-.62 0L2.345 3.13A.5.5 0 0 0 2 3.607m2.326 7.63c-.707-1.954-.81-4.33-.824-6.902L9 2.532l5.498 1.803c-.014 2.573-.117 4.948-.824 6.901-.697 1.93-1.987 3.463-4.674 4.222-2.687-.759-3.977-2.293-4.674-4.222\"\n fill=\"currentcolor\"\n fillOpacity=\".8\"\n />\n </Icon>\n );\n};\n","import { FC, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { AnnouncementType, type API } from \"@kodiak-finance/orderly-types\";\nimport {\n ChevronDownIcon,\n ChevronLeftIcon,\n ChevronRightIcon,\n Divider,\n Flex,\n Text,\n} from \"@kodiak-finance/orderly-ui\";\nimport {\n AnnouncementIcon,\n BattleIcon,\n FundIcon,\n SecurityIcon,\n} from \"../announcementCenter/icons\";\nimport {\n CampaignContentCard,\n DelistingContentCard,\n ListingContentCard,\n MaintenanceContentCard,\n} from \"./contentCard\";\n\nexport interface NotificationProps {\n // Define your notification props here\n className?: string;\n // children?: React.ReactNode;\n dataSource: API.AnnouncementRow[];\n onClose?: () => void;\n}\n\nexport interface NotificationItemProps {\n id: string;\n type?: \"success\" | \"error\" | \"warning\" | \"info\";\n title?: string;\n message: string;\n onClose?: () => void;\n}\n\nexport interface NotificationListProps {\n notifications: NotificationItemProps[];\n onRemove?: (id: string) => void;\n}\n\nconst NotificationHeader: FC<{\n // type: AnnouncementType;\n dataSource: API.AnnouncementRow[];\n current: number;\n expanded?: boolean;\n onExpandToggle?: () => void;\n // onClose?: () => void;\n}> = (props) => {\n const { t } = useTranslation();\n const { expanded } = props;\n const { type } = props.dataSource[props.current];\n\n const title = useMemo(() => {\n switch (type) {\n case AnnouncementType.Campaign:\n return (\n <Text\n size=\"sm\"\n className=\"oui-text-transparent oui-bg-clip-text oui-gradient-brand\"\n >\n {t(\"notification.campaign\")}\n </Text>\n );\n case AnnouncementType.Delisting:\n return <Text size=\"sm\">{t(\"notification.delistingTitle\")}</Text>;\n case AnnouncementType.Listing:\n return (\n <Text size=\"sm\" color=\"buy\">\n {t(\"notification.listing\")}\n </Text>\n );\n case AnnouncementType.Maintenance:\n return (\n <Text size=\"sm\" color=\"warning\">\n {t(\"notification.maintenanceTitle\")}\n </Text>\n );\n default:\n return (\n <Text size=\"sm\" color=\"inherit\">\n {t(\"notification.generalTitle\")}\n </Text>\n );\n }\n }, [type, t]);\n const icon = useMemo(() => {\n switch (type) {\n case AnnouncementType.Campaign:\n return <BattleIcon color=\"white\" />;\n\n case AnnouncementType.Listing:\n return <FundIcon color=\"success\" />;\n case AnnouncementType.Maintenance:\n return <SecurityIcon color=\"warning\" />;\n case AnnouncementType.Delisting:\n default:\n return <AnnouncementIcon color=\"white\" />;\n }\n }, [type]);\n return (\n <Flex itemAlign=\"center\" justify=\"between\" className=\"oui-px-4 oui-py-3\">\n <div className=\"orderly-notification-header oui-flex oui-items-center oui-gap-2\">\n {icon}\n {title}\n </div>\n <button\n onClick={props.onExpandToggle}\n className=\"oui-transition-transform oui-duration-300\"\n style={{\n transform: !expanded ? \"rotate(180deg)\" : \"rotate(0deg)\",\n }}\n >\n <ChevronDownIcon size={18} color=\"white\" />\n </button>\n </Flex>\n );\n};\n\nconst NotificationFooter: FC<{\n total: number;\n current: number;\n onCloseAll: () => void;\n onPrev: () => void;\n onNext: () => void;\n}> = (props) => {\n const { total, current, onCloseAll, onPrev, onNext } = props;\n const { t } = useTranslation();\n return (\n <Flex\n className=\"orderly-notification-footer oui-px-4 oui-py-2\"\n itemAlign=\"center\"\n justify=\"between\"\n >\n <Flex gap={2}>\n <button\n disabled={current - 1 < 0}\n onClick={onPrev}\n className=\"oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-6 hover:oui-bg-base-5 disabled:oui-opacity-50\"\n >\n <ChevronLeftIcon size={14} color=\"white\" />\n </button>\n <Text intensity={54} size=\"sm\">\n {current + 1}/{total}\n </Text>\n <button\n disabled={current + 1 >= total}\n onClick={onNext}\n className=\"oui-flex oui-size-[18px] oui-items-center oui-justify-center oui-rounded-full oui-bg-base-6 hover:oui-bg-base-5 disabled:oui-opacity-50\"\n >\n <ChevronRightIcon size={14} color=\"white\" />\n </button>\n </Flex>\n <button onClick={onCloseAll}>\n <Text size=\"xs\" color=\"primary\">\n {t(\"notification.closeAll\", { total })}\n </Text>\n </button>\n </Flex>\n );\n};\n\nconst NotificationContent: FC<{\n dataSource: (API.AnnouncementRow & {\n startTime?: number;\n endTime?: number;\n })[];\n current: number;\n onItemClick: (url: string) => void;\n}> = (props) => {\n const elements = useMemo(() => {\n return props.dataSource.map((message) => {\n const { type } = message;\n switch (type) {\n case AnnouncementType.Campaign:\n return (\n <CampaignContentCard\n message={message.message}\n coverImage={message.coverImage ?? \"\"}\n updateTime={message.updated_time ?? 0}\n url={message.url ?? \"\"}\n onItemClick={props.onItemClick}\n />\n );\n case AnnouncementType.Maintenance:\n return (\n <MaintenanceContentCard\n message={message.message}\n startTime={message.startTime ?? 0}\n endTime={message.endTime ?? 0}\n />\n );\n case AnnouncementType.Delisting:\n return (\n <DelistingContentCard\n message={message.message}\n updateTime={message.updated_time ?? 0}\n />\n );\n default:\n return (\n <ListingContentCard\n message={message.message}\n updateTime={message.updated_time ?? 0}\n />\n );\n }\n });\n }, [props.dataSource]);\n return <>{elements[props.current]}</>;\n};\n\nexport const NotificationUI: FC<\n NotificationProps & {\n maintenanceMessage?: string;\n onItemClick: (url: string) => void;\n }\n> = (props) => {\n const [expanded, setExpanded] = useState(true);\n\n const [current, setCurrent] = useState(0);\n const len = useMemo(() => props.dataSource?.length ?? 0, [props.dataSource]);\n\n if (len === 0) {\n return null;\n }\n\n return (\n <div className=\"orderly-notification oui-w-full \">\n <NotificationHeader\n dataSource={props.dataSource ?? []}\n current={current}\n expanded={expanded}\n onExpandToggle={() => {\n setExpanded(!expanded);\n }}\n />\n <Divider className=\"oui-mx-4\" />\n <div\n className=\"oui-grid oui-transition-all oui-duration-300 oui-ease-in-out\"\n style={{\n gridTemplateRows: expanded ? \"1fr\" : \"0fr\",\n }}\n >\n {/* Inner div needs overflow-hidden and min-height-0 for grid animation to work */}\n <div className=\"oui-min-h-0 oui-overflow-hidden \">\n <div className=\"oui-px-4 oui-py-3\">\n <NotificationContent\n dataSource={props.dataSource ?? []}\n current={current}\n onItemClick={props.onItemClick}\n />\n </div>\n </div>\n </div>\n\n <NotificationFooter\n total={len}\n current={current}\n onCloseAll={props.onClose ?? (() => {})}\n onPrev={() => {\n if (current - 1 < 0) {\n return;\n }\n setCurrent(current - 1);\n }}\n onNext={() => {\n if (current + 1 >= len) {\n return;\n }\n setCurrent(current + 1);\n }}\n />\n </div>\n );\n};\n","import { FC, useMemo } from \"react\";\nimport { UTCDate } from \"@date-fns/utc\";\nimport { format, differenceInHours, differenceInMinutes } from \"date-fns\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { Flex, Text } from \"@kodiak-finance/orderly-ui\";\nimport { ArrowRightShortIcon } from \"../announcementCenter/icons\";\n\nexport const CampaignContentCard: FC<{\n message: string;\n coverImage: string;\n updateTime: number;\n url?: string | null;\n onItemClick: (url: string) => void;\n}> = ({ message, coverImage, url, onItemClick }) => {\n const { t } = useTranslation();\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-5\">\n <Text size=\"sm\" weight=\"bold\">\n {message}\n </Text>\n <div\n className=\"oui-rounded-xl oui-bg-base-9 oui-bg-cover oui-bg-center oui-bg-no-repeat\"\n style={{\n backgroundImage: `url(${coverImage})`,\n height: \"100px\",\n }}\n ></div>\n {typeof url === \"string\" &&\n url !== \"\" &&\n typeof onItemClick === \"function\" && (\n <button\n className=\"oui-flex oui-items-center oui-gap-1\"\n onClick={() => onItemClick(url)}\n >\n <Text\n size=\"xs\"\n color=\"buy\"\n className=\"oui-bg-clip-text oui-text-transparent oui-gradient-brand\"\n >\n {t(\"notification.joinNow\")}\n </Text>\n <ArrowRightShortIcon size={18} color=\"success\" />\n </button>\n )}\n </div>\n );\n};\n\nexport const MaintenanceContentCard: FC<{\n message: string;\n startTime: number;\n endTime: number;\n}> = ({ message, startTime, endTime }) => {\n const { t } = useTranslation();\n const formattedMessage = useMemo(() => {\n // Calculate duration in hours\n const hours = differenceInHours(endTime, startTime);\n\n const minutes = differenceInMinutes(endTime, startTime) - hours * 60;\n\n // Convert timestamps to UTC dates\n const startUtc = new UTCDate(startTime);\n const endUtc = new UTCDate(endTime);\n\n // Format start time as HH:mm (24-hour format) in UTC\n const startTimeFormatted = format(startUtc, \"HH:mm\");\n\n // Format end time as hh:mm a (12-hour format with AM/PM) in UTC\n const endTimeFormatted = format(endUtc, \"hh:mm a\");\n\n if (hours > 0) {\n return t(\"notification.maintenanceDuration.hours\", {\n hours: minutes > 0 ? (hours + minutes / 60).toFixed(1) : hours,\n startTimeFormatted,\n endTimeFormatted,\n });\n }\n\n return t(\"notification.maintenanceDuration.minutes\", {\n minutes,\n startTimeFormatted,\n endTimeFormatted,\n });\n }, [startTime, endTime, t]);\n\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-1\">\n <Text size=\"xs\" intensity={54}>\n {t(\"notification.recentlyUpdated\")}\n </Text>\n <Flex itemAlign={\"center\"}>\n <Text size=\"xs\" weight=\"bold\">\n {formattedMessage}\n </Text>\n </Flex>\n {message && (\n <Text size=\"2xs\" intensity={80} as=\"div\" className=\"oui-mt-2\">\n {message}\n </Text>\n )}\n </div>\n );\n};\n\nexport const DelistingContentCard: FC<{\n message: string;\n updateTime: number;\n}> = ({ message, updateTime }) => {\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-1\">\n <Text.formatted\n rule=\"date\"\n intensity={54}\n formatString=\"yyyy-MM-dd HH:mm:ss\"\n size=\"xs\"\n >\n {updateTime}\n </Text.formatted>\n <Text size=\"sm\" weight=\"bold\">\n {message}\n </Text>\n </div>\n );\n};\n\nexport const ListingContentCard: FC<{\n message: string;\n updateTime: number;\n}> = ({ message, updateTime }) => {\n return (\n <div className=\"oui-flex oui-flex-col oui-gap-1\">\n <Text.formatted\n rule=\"date\"\n intensity={54}\n formatString=\"yyyy-MM-dd HH:mm:ss\"\n size=\"xs\"\n >\n {updateTime}\n </Text.formatted>\n <Text size=\"sm\" weight=\"bold\">\n {message}\n </Text>\n </div>\n );\n};\n","import { FC, useCallback } from \"react\";\nimport { useAnnouncementCenterScript } from \"./announcementCenter.script\";\nimport { AnnouncementCenterUI } from \"./announcementCenter.ui\";\n\nexport const AnnouncementCenterWidget: FC<{\n onRouteChange: (url: string) => void;\n}> = (props) => {\n const { dataSource, current, setCurrent } = useAnnouncementCenterScript();\n const onItemClick = useCallback(\n (url: string) => {\n if (!url) return;\n props.onRouteChange(url);\n },\n [props.onRouteChange],\n );\n return (\n <AnnouncementCenterUI\n dataSource={dataSource}\n current={current}\n setCurrent={setCurrent}\n onItemClick={onItemClick}\n />\n );\n};\n","import { useState } from \"react\";\nimport { useAnnouncement } from \"../hooks/useAnnouncement\";\n\nexport const useAnnouncementCenterScript = () => {\n const { tips } = useAnnouncement();\n const [current, setCurrent] = useState<string | number | null>(null);\n\n return {\n dataSource: tips,\n current,\n setCurrent,\n };\n};\n","import { useEffect, useMemo, useState } from \"react\";\nimport { UTCDateMini } from \"@date-fns/utc\";\nimport { format } from \"date-fns\";\nimport { produce } from \"immer\";\nimport {\n MaintenanceStatus,\n useLocalStorage,\n useMaintenanceStatus,\n useOrderlyContext,\n useQuery,\n useWS,\n} from \"@kodiak-finance/orderly-hooks\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { useAppContext } from \"@kodiak-finance/orderly-react-app\";\nimport {\n AnnouncementType,\n API,\n EMPTY_LIST,\n WSMessage,\n} from \"@kodiak-finance/orderly-types\";\nimport { getTimestamp } from \"@kodiak-finance/orderly-utils\";\n\nconst oneDay = 1000 * 60 * 60 * 24;\n\nconst maintentanceId = \"-1\";\n\nexport type AnnouncementOptions = {\n hideTips?: boolean;\n};\n\ninterface AnnouncementStore {\n show?: boolean;\n lastUpdateTime?: number | null;\n}\n\nconst ORDERLY_ANNOUNCEMENT_KEY = \"orderly_announcement\";\n\nconst getTimeString = (timestamp: number) => {\n const date = format(new UTCDateMini(timestamp), \"MMM dd\");\n const time = format(new UTCDateMini(timestamp), \"h:mm aa\");\n return `${time} (UTC) on ${date}`;\n};\n\nconst sortDataByUpdatedTime = (ori: API.Announcement) => {\n return produce<API.Announcement>(ori, (draft) => {\n if (Array.isArray(draft.rows)) {\n draft.rows.sort((a, b) => {\n if (a.updated_time && b.updated_time) {\n return b.updated_time - a.updated_time;\n }\n return 0;\n });\n }\n });\n};\n\nconst useAnnouncementData = () => {\n const ws = useWS();\n\n const [announcementStore, setStore] = useLocalStorage<AnnouncementStore>(\n ORDERLY_ANNOUNCEMENT_KEY,\n {},\n );\n\n const [tips, setTips] = useState<API.Announcement>({});\n\n const [maintenanceDialogInfo, setMaintenanceDialogInfo] = useState<string>();\n\n const { startTime, endTime, status, brokerName } = useMaintenanceStatus();\n\n const { t } = useTranslation();\n\n const { data: announcements } = useQuery<API.Announcement>(\n `/v2/public/announcement`,\n {\n revalidateOnFocus: false,\n refreshInterval: 60 * 60 * 1000, // refresh every 1 hour\n formatter: (data) => data,\n },\n );\n\n const getMaintentTipsContent = (\n brokerName: string,\n startDate: string,\n endDate: string,\n ) => t(\"maintenance.tips.description\", { brokerName, startDate, endDate });\n\n const getMaintentDialogContent = (brokerName: string, endDate: string) =>\n t(\"maintenance.dialog.description\", { brokerName, endDate });\n\n useEffect(() => {\n const unsubscribe = ws.subscribe(\"announcement\", {\n onMessage(message: WSMessage.Announcement) {\n if (message) {\n setTips((prev) => {\n return produce(prev, (draft) => {\n // Make sure draft.rows is an array\n if (!Array.isArray(draft.rows)) {\n draft.rows = [];\n }\n const idx = draft.rows.findIndex(\n (tip) => tip.announcement_id === message.announcement_id,\n );\n // Filter out old tips with the same id\n if (idx !== -1) {\n draft.rows.splice(idx, 1);\n }\n // Add the latest tip\n draft.rows.push({\n announcement_id: message.announcement_id,\n message: message.message,\n url: message.url,\n i18n: message.i18n,\n type: message.type,\n updated_time: message.updated_time,\n });\n });\n });\n // @ts-ignore\n setStore((prev) => ({ ...prev, show: true }));\n }\n },\n onError(err) {\n if (err instanceof Error) {\n console.error(\"Error receiving announcement:\", err.message);\n }\n },\n });\n return () => {\n unsubscribe?.();\n };\n }, [ws]);\n\n useEffect(() => {\n if (!announcements?.rows) {\n return;\n }\n const apiTime = announcements.last_updated_time ?? 0;\n const cachedTime = announcementStore.lastUpdateTime ?? 0;\n if (cachedTime < apiTime) {\n setTips((prev) => ({ ...prev, rows: announcements?.rows }));\n setStore({ show: true, lastUpdateTime: apiTime });\n } else {\n setTips((prev) => {\n return produce<API.Announcement>(prev, (draft) => {\n if (announcements?.rows?.length) {\n // If there are announcement rows available, create a Set to store IDs of existing tips\n const existingIds = new Set<string | number>(\n prev.rows?.map((tip) => tip.announcement_id),\n );\n // Find the maintenance tip in previous tips (if any)\n const maintenanceTip = prev.rows?.find(\n (tip) => tip.announcement_id === maintentanceId,\n );\n // Clear the draft’s rows array to refill it\n draft.rows = [];\n announcements.rows.forEach((item) => {\n if (!existingIds.has(item.announcement_id)) {\n // If the item’s ID is not in existingIds, push it into the draft\n draft.rows?.push(item);\n }\n });\n if (maintenanceTip) {\n // If a maintenance tip existed before, unshift it to the front\n draft.rows.unshift(maintenanceTip);\n }\n } else {\n // Find the index of the maintenance tip in draft rows\n const idx = draft.rows?.findIndex(\n (tip) => tip.announcement_id === maintentanceId,\n );\n if (idx !== undefined && idx !== -1) {\n // Remove the maintenance tip from draft rows\n draft.rows?.splice(idx, 1);\n }\n }\n });\n });\n }\n }, [announcements]);\n\n useEffect(() => {\n const startDate = startTime ? getTimeString(startTime) : \"-\";\n const endDate = endTime ? getTimeString(endTime) : \"-\";\n if (status === MaintenanceStatus.Maintenance) {\n setMaintenanceDialogInfo(getMaintentDialogContent(brokerName, endDate));\n return;\n }\n setMaintenanceDialogInfo(undefined);\n\n if (startTime && endTime) {\n // if (startTime < getTimestamp() + oneDay) {\n setTips((prev) =>\n produce<API.Announcement>(prev, (draft) => {\n // Make sure draft.rows is an array\n if (!Array.isArray(draft.rows)) {\n draft.rows = [];\n }\n // Rebuild rows: insert the latest maintenance tip first, then put the old non-maintenance ones at the end\n draft.rows = [\n {\n announcement_id: maintentanceId,\n type: AnnouncementType.Maintenance,\n /** @ts-ignore */\n startTime: startTime,\n /** @ts-ignore */\n endTime: endTime,\n message: getMaintentTipsContent(brokerName, startDate, endDate),\n },\n ...draft.rows.filter(\n (tip) => tip.type !== AnnouncementType.Maintenance,\n ),\n ];\n }),\n );\n } else {\n setTips((prev) => {\n return produce<API.Announcement>(prev, (draft) => {\n const index = draft.rows?.findIndex(\n (tip) => tip.announcement_id === maintentanceId,\n );\n if (index !== undefined && index !== -1) {\n draft.rows?.splice(index, 1);\n }\n });\n });\n }\n }, [startTime, endTime, status, brokerName, t]);\n\n const { customAnnouncements } = useAppContext();\n\n // Merge custom announcements with API announcements\n const mergedTips = useMemo(() => {\n const tipsCopy = { ...tips };\n if (customAnnouncements && customAnnouncements.length > 0) {\n // Custom announcements appear first (higher priority)\n tipsCopy.rows = [...customAnnouncements, ...(tips.rows || [])];\n }\n return sortDataByUpdatedTime(tipsCopy);\n }, [tips, customAnnouncements]);\n\n return {\n tips: mergedTips,\n maintenanceDialogInfo: maintenanceDialogInfo,\n };\n};\n\nexport type AnnouncementReturn = ReturnType<typeof useAnnouncement>;\n\nexport const useAnnouncement = (options?: AnnouncementOptions) => {\n const { showAnnouncement, setShowAnnouncement } = useAppContext();\n const { dataAdapter } = useOrderlyContext();\n\n const { tips: mergedTips, maintenanceDialogInfo } = useAnnouncementData();\n\n const memoizedTips = useMemo<API.AnnouncementRow[]>(() => {\n if (typeof dataAdapter?.announcementList === \"function\") {\n return dataAdapter.announcementList(\n mergedTips?.rows ?? (EMPTY_LIST as API.AnnouncementRow[]),\n );\n }\n return mergedTips?.rows ?? (EMPTY_LIST as API.AnnouncementRow[]);\n }, [dataAdapter?.announcementList, mergedTips?.rows]);\n\n const [announcementStore, setStore] = useLocalStorage<AnnouncementStore>(\n ORDERLY_ANNOUNCEMENT_KEY,\n {},\n );\n\n const closeTips = () => {\n // @ts-ignore\n setStore((prev) => ({ ...prev, show: false }));\n };\n\n useEffect(() => {\n const len = memoizedTips.length;\n // Default to true if show is undefined/null, otherwise use the stored value\n const shouldShow = announcementStore.show ?? true;\n setShowAnnouncement(\n Boolean(len) && shouldShow && !options?.hideTips,\n );\n }, [\n memoizedTips,\n announcementStore.show,\n options?.hideTips,\n setShowAnnouncement,\n ]);\n\n return {\n maintenanceDialogInfo,\n tips: memoizedTips,\n closeTips: closeTips,\n showAnnouncement: showAnnouncement,\n };\n};\n","import { FC } from \"react\";\nimport { API } from \"@kodiak-finance/orderly-types\";\nimport { AnnouncementContent } from \"../components/announcementCenter/announcementCenter.ui\";\n\nexport const AnnouncementCenterUI: FC<{\n dataSource: API.AnnouncementRow[];\n current: string | number | null;\n setCurrent: (current: string | number | null) => void;\n onItemClick: (url: string) => void;\n}> = (props) => {\n const { dataSource, current, setCurrent, onItemClick } = props;\n return (\n <div className=\"oui-m-1 oui-rounded-xl oui-bg-base-9 oui-p-2\">\n <AnnouncementContent\n dataSource={dataSource}\n current={current}\n onExpandToggle={setCurrent}\n onItemClick={onItemClick}\n showDivider\n />\n </div>\n );\n};\n","import { FC } from \"react\";\nimport { RouterAdapter } from \"@kodiak-finance/orderly-types\";\nimport { AnnouncementCenterWidget } from \"./announcementCenter.widget\";\n\nexport const AnnouncementCenterPage: FC<{ routerAdapter?: RouterAdapter }> = (\n props,\n) => {\n return (\n <AnnouncementCenterWidget\n onRouteChange={(url: string) => {\n if (!url) return;\n props.routerAdapter?.onRouteChange({\n href: url,\n name: url,\n });\n }}\n />\n );\n};\n","import React, { useCallback } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { API } from \"@kodiak-finance/orderly-types\";\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n CloseIcon,\n Dialog,\n DialogBody,\n DialogContent,\n DialogHeader,\n DialogTitle,\n Flex,\n Text,\n cn,\n useEmblaCarousel,\n useScreen,\n} from \"@kodiak-finance/orderly-ui\";\nimport { AnnouncementItem } from \"./announcementItem\";\nimport { SoundIcon } from \"./icons\";\nimport { usePrevNextButtons, useSelectedSnapDisplay } from \"./hooks\";\n\nexport type AnnouncementBannerProps = {\n dataSource: API.AnnouncementRow[];\n maintenanceDialogInfo?: string;\n showAnnouncement: boolean;\n onClose: () => void;\n onItemClick?: (url: string) => void;\n className?: string;\n style?: React.CSSProperties;\n};\n\nconst SwitchTips: React.FC<{\n selectedSnap: number;\n snapCount: number;\n prevDisabled: boolean;\n nextDisabled: boolean;\n prevTips: React.MouseEventHandler<SVGSVGElement>;\n nextTips: React.MouseEventHandler<SVGSVGElement>;\n}> = (props) => {\n const { selectedSnap, snapCount, prevDisabled, nextDisabled, prevTips, nextTips } =\n props;\n const { isMobile } = useScreen();\n if (isMobile) {\n return (\n <div aria-live=\"polite\" className=\"oui-text-sm oui-tabular-nums oui-text-base-contrast-54\">\n {selectedSnap + 1}/{snapCount}\n </div>\n );\n }\n return (\n <div className=\"oui-flex oui-items-center oui-justify-center oui-gap-0 oui-text-base-contrast-54\">\n <ChevronLeftIcon\n size={16}\n opacity={1}\n className={cn(\n \"oui-size-4 oui-shrink-0 oui-text-base-contrast-54 hover:oui-text-base-contrast-80 lg:oui-size-5\",\n prevDisabled ? \"oui-cursor-not-allowed\" : \"oui-cursor-pointer\",\n )}\n onClick={prevDisabled ? undefined : prevTips}\n />\n <div aria-live=\"polite\" className=\"oui-text-sm oui-tabular-nums oui-text-base-contrast-54\">\n {selectedSnap + 1}/{snapCount}\n </div>\n <ChevronRightIcon\n size={16}\n opacity={1}\n className={cn(\n \"oui-size-4 oui-shrink-0 oui-text-base-contrast-54 hover:oui-text-base-contrast-80 lg:oui-size-5\",\n nextDisabled ? \"oui-cursor-not-allowed\" : \"oui-cursor-pointer\",\n )}\n onClick={nextDisabled ? undefined : nextTips}\n />\n </div>\n );\n};\n\nconst Controls: React.FC<{\n selectedSnap: number;\n snapCount: number;\n prevDisabled: boolean;\n nextDisabled: boolean;\n prevTips: React.MouseEventHandler<SVGSVGElement>;\n nextTips: React.MouseEventHandler<SVGSVGElement>;\n closeTips: React.MouseEventHandler<SVGSVGElement>;\n}> = (props) => {\n const { selectedSnap, snapCount, prevDisabled, nextDisabled, prevTips, nextTips, closeTips } =\n props;\n const { isMobile } = useScreen();\n return (\n <Flex gap={isMobile ? 1 : 2} justify={\"center\"} itemAlign={\"center\"}>\n <SwitchTips\n prevDisabled={prevDisabled}\n nextDisabled={nextDisabled}\n selectedSnap={selectedSnap}\n snapCount={snapCount}\n prevTips={prevTips}\n nextTips={nextTips}\n />\n <CloseIcon\n size={18}\n onClick={closeTips}\n className=\"oui-cursor-pointer oui-text-base-contrast-80 hover:oui-text-base-contrast\"\n />\n </Flex>\n );\n};\n\nexport const AnnouncementBannerUI: React.FC<Readonly<AnnouncementBannerProps>> = (\n props,\n) => {\n const { maintenanceDialogInfo, showAnnouncement, dataSource, onClose, style, className } =\n props;\n\n const { t, i18n } = useTranslation();\n\n const [emblaRef, emblaApi] = useEmblaCarousel({\n loop: true,\n axis: \"y\",\n align: \"center\",\n duration: 30,\n });\n\n const { prevBtnDisabled, nextBtnDisabled, onPrevButtonClick, onNextButtonClick } =\n usePrevNextButtons(emblaApi);\n\n const { selectedSnap, snapCount } = useSelectedSnapDisplay(emblaApi);\n\n const goNext = useCallback(() => {\n if (!emblaApi) {\n return;\n }\n emblaApi.scrollNext();\n }, [emblaApi]);\n\n if (maintenanceDialogInfo) {\n return (\n <Dialog open>\n <DialogContent\n closable={false}\n onOpenAutoFocus={(event) => event.preventDefault()}\n className=\"oui-w-[320px] lg:oui-w-auto\"\n >\n <DialogHeader>\n <DialogTitle>{t(\"maintenance.dialog.title\")}</DialogTitle>\n </DialogHeader>\n <DialogBody className=\"oui-text-2xs lg:oui-text-xs\">\n {maintenanceDialogInfo}\n </DialogBody>\n </DialogContent>\n </Dialog>\n );\n }\n\n if (!showAnnouncement || !dataSource?.length) {\n return null;\n }\n\n return (\n <div\n style={style}\n className={cn(\n \"oui-relative oui-z-[1] oui-flex oui-transform-gpu oui-flex-row oui-flex-nowrap oui-items-center oui-justify-between oui-gap-x-1.5 oui-overflow-hidden oui-rounded-xl oui-bg-base-9 oui-px-4 oui-font-semibold\",\n className,\n )}\n >\n <div className=\"oui-size-[18px]\">\n <SoundIcon />\n </div>\n <div\n ref={emblaRef}\n className=\"oui-relative oui-h-[34px] oui-w-full oui-max-w-full oui-transform-gpu oui-overflow-hidden\"\n >\n <div className=\"oui-flex oui-h-full oui-transform-gpu oui-flex-col\">\n {dataSource.map((item, index) => (\n <AnnouncementItem\n key={`item-${item.announcement_id}-${index}`}\n type={item?.type}\n text={item?.i18n?.[i18n.language] || item?.message?.trim() || \"\"}\n url={item?.url || undefined}\n isActive={index === selectedSnap}\n onItemFinish={goNext}\n onItemClick={(url) => {\n if (props.onItemClick) {\n props.onItemClick(url);\n } else {\n window.open(url, \"_blank\");\n }\n }}\n />\n ))}\n </div>\n </div>\n <Controls\n selectedSnap={selectedSnap}\n snapCount={snapCount}\n closeTips={onClose}\n prevTips={onPrevButtonClick}\n nextTips={onNextButtonClick}\n prevDisabled={prevBtnDisabled}\n nextDisabled={nextBtnDisabled}\n />\n </div>\n );\n};\n","import React, { useMemo } from \"react\";\nimport { useTranslation } from \"@kodiak-finance/orderly-i18n\";\nimport { AnnouncementType } from \"@kodiak-finance/orderly-types\";\nimport { Flex, Text, cn } from \"@kodiak-finance/orderly-ui\";\nimport { useMarqueeOnce } from \"./hooks\";\n\nconst TipsType: React.FC<{ type?: AnnouncementType | null }> = ({ type }) => {\n const { t } = useTranslation();\n\n const { label, className } = useMemo(() => {\n const map: Record<AnnouncementType, { label: string; className: string }> =\n {\n [AnnouncementType.Listing]: {\n label: t(\"announcement.type.listing\"),\n className: \"oui-bg-primary/15 oui-text-primary\",\n },\n [AnnouncementType.Maintenance]: {\n label: t(\"announcement.type.maintenance\"),\n className: \"oui-bg-[rgba(232,136,0,0.15)] oui-text-warning-darken\",\n },\n [AnnouncementType.Delisting]: {\n label: t(\"announcement.type.delisting\"),\n className: \"oui-bg-[rgba(232,136,0,0.15)] oui-text-warning-darken\",\n },\n };\n return (\n map[type!] || {\n label: type,\n className: map[AnnouncementType.Listing].className,\n }\n );\n }, [type, t]);\n\n if (!label) {\n return null;\n }\n\n return (\n <Flex\n justify=\"center\"\n px={2}\n r=\"base\"\n className={cn(\n \"oui-text-2xs oui-font-medium oui-leading-[18px]\",\n \"oui-whitespace-nowrap oui-break-normal\",\n className,\n )}\n >\n {label}\n </Flex>\n );\n};\n\nexport interface AnnouncementItemProps {\n type?: AnnouncementType | null;\n text: string;\n url?: string | null;\n isActive: boolean;\n onItemFinish: () => void;\n onItemClick?: (url: string) => void;\n}\n\nexport const AnnouncementItem: React.FC<AnnouncementItemProps> = (props) => {\n const { type, text, url, isActive, onItemFinish, onItemClick } = props;\n\n const { containerRef, contentRef, overflow } = useMarqueeOnce({\n isActive,\n pxPerSec: 90,\n startDelayMs: 1000,\n endDelayMs: 1000,\n fallbackStayMs: 4000,\n onFinish: onItemFinish,\n });\n\n const onClick = () => {\n if (url) {\n onItemClick?.(url);\n }\n };\n\n return (\n <Flex\n height={\"100%\"}\n itemAlign=\"center\"\n className=\"oui-flex-none oui-basis-full oui-transform-gpu\"\n >\n <div\n ref={containerRef}\n className={cn(\n \"oui-relative oui-flex oui-h-[34px] oui-w-full oui-transform-gpu oui-items-center oui-overflow-hidden\",\n overflow ? \"oui-justify-start\" : \"oui-justify-center\",\n )}\n >\n <div\n ref={contentRef}\n className={cn(\n \"oui-inline-flex oui-items-center oui-gap-2\",\n \"oui-h-[34px] oui-whitespace-nowrap oui-leading-[34px]\",\n \"oui-w-fit oui-transform-gpu oui-will-change-transform\",\n )}\n >\n <TipsType type={type} />\n <Text\n size=\"xs\"\n intensity={80}\n className={cn(\n \"oui-transform-gpu\",\n url ? \"oui-cursor-pointer\" : undefined,\n )}\n onClick={url ? onClick : undefined}\n >\n {text}\n </Text>\n </div>\n </div>\n </Flex>\n );\n};\n","import { useEffect, useLayoutEffect, useRef, useState } from \"react\";\n\ninterface Options {\n isActive: boolean;\n pxPerSec?: number;\n startDelayMs?: number;\n endDelayMs?: number;\n fallbackStayMs?: number;\n onFinish?: () => void;\n}\n\nexport const useMarqueeOnce = (opts: Options) => {\n const {\n isActive,\n pxPerSec = 60,\n startDelayMs = 500,\n endDelayMs = 500,\n fallbackStayMs = 2500,\n onFinish,\n } = opts;\n\n const containerRef = useRef<HTMLDivElement | null>(null);\n const contentRef = useRef<HTMLDivElement | null>(null);\n\n const rafRef = useRef<number | null>(null);\n\n const stopAll = () => {\n if (rafRef.current) {\n cancelAnimationFrame(rafRef.current);\n }\n rafRef.current = null;\n };\n\n const timers = useRef<ReturnType<typeof setTimeout>[]>([]);\n\n const clearTimers = () => {\n timers.current?.forEach((id) => {\n if (id) {\n clearTimeout(id);\n }\n });\n timers.current = [];\n };\n\n const [overflow, setOverflow] = useState<boolean>(false);\n const [delta, setDelta] = useState<number>(0);\n\n useLayoutEffect(() => {\n const c = containerRef.current;\n const t = contentRef.current;\n if (!c || !t) {\n return;\n }\n\n const update = () => {\n const cw = c.clientWidth;\n const tw = t.scrollWidth;\n const need = Math.max(0, tw - cw);\n setOverflow(need > 0);\n setDelta(need);\n };\n\n update();\n\n const ro = new ResizeObserver(update);\n ro.observe(c);\n ro.observe(t);\n return () => {\n ro.disconnect();\n };\n }, []);\n\n useEffect(() => {\n if (!isActive) {\n stopAll();\n clearTimers();\n if (contentRef.current) {\n contentRef.current.style.transform = \"translate3d(0, 0, 0)\";\n }\n return;\n }\n\n const run = async () => {\n stopAll();\n clearTimers();\n\n if (!overflow || delta <= 0) {\n const id = setTimeout(() => {\n onFinish?.();\n }, fallbackStayMs);\n timers.current.push(id);\n return;\n }\n\n const startId = setTimeout(() => {\n const distance = delta;\n const durationMs = (distance / pxPerSec) * 1000;\n\n const el = contentRef.current;\n if (!el) {\n return;\n }\n\n let startTs = 0;\n const startX = 0;\n const endX = -distance;\n\n const step = (ts: number) => {\n if (!startTs) {\n startTs = ts;\n }\n const progress = Math.min(1, (ts - startTs) / durationMs);\n const x = startX + (endX - startX) * progress;\n el.style.transform = `translate3d(${x}px, 0, 0)`;\n\n if (progress < 1) {\n rafRef.current = requestAnimationFrame(step);\n } else {\n const endId = setTimeout(() => {\n onFinish?.();\n }, endDelayMs);\n timers.current.push(endId);\n }\n };\n\n rafRef.current = requestAnimationFrame(step);\n }, startDelayMs);\n\n timers.current.push(startId);\n };\n\n run();\n\n return () => {\n stopAll();\n clearTimers();\n };\n }, [\n isActive,\n overflow,\n delta,\n pxPerSec,\n startDelayMs,\n endDelayMs,\n fallbackStayMs,\n onFinish,\n ]);\n\n return { containerRef, contentRef, overflow, delta };\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport type { EmblaCarouselType } from \"@kodiak-finance/orderly-ui\";\n\nexport const usePrevNextButtons = (\n emblaApi?: EmblaCarouselType,\n onButtonClick?: (emblaApi: EmblaCarouselType) => void,\n) => {\n const [prevBtnDisabled, setPrevBtnDisabled] = useState<boolean>(true);\n const [nextBtnDisabled, setNextBtnDisabled] = useState<boolean>(true);\n\n const onPrevButtonClick = useCallback(() => {\n if (!emblaApi) {\n return;\n }\n emblaApi.scrollPrev();\n onButtonClick?.(emblaApi);\n }, [emblaApi, onButtonClick]);\n\n const onNextButtonClick = useCallback(() => {\n if (!emblaApi) {\n return;\n }\n emblaApi.scrollNext();\n onButtonClick?.(emblaApi);\n }, [emblaApi, onButtonClick]);\n\n const onSelect = useCallback((api: EmblaCarouselType) => {\n setPrevBtnDisabled(!api.canScrollPrev());\n setNextBtnDisabled(!api.canScrollNext());\n }, []);\n\n useEffect(() => {\n if (!emblaApi) {\n return;\n }\n onSelect(emblaApi);\n emblaApi.on(\"reInit\", onSelect).on(\"select\", onSelect);\n return () => {\n emblaApi.off(\"reInit\", onSelect).off(\"select\", onSelect);\n };\n }, [emblaApi, onSelect]);\n\n return {\n prevBtnDisabled,\n nextBtnDisabled,\n onPrevButtonClick,\n onNextButtonClick,\n } as const;\n};\n","import { useCallback, useEffect, useState } from \"react\";\nimport type { EmblaCarouselType } from \"@kodiak-finance/orderly-ui\";\n\nexport const useSelectedSnapDisplay = (emblaApi?: EmblaCarouselType) => {\n const [selectedSnap, setSelectedSnap] = useState<number>(0);\n const [snapCount, setSnapCount] = useState<number>(0);\n\n const updateScrollSnapState = useCallback((api?: EmblaCarouselType) => {\n if (api) {\n setSnapCount(api.scrollSnapList().length);\n setSelectedSnap(api.selectedScrollSnap());\n }\n }, []);\n\n useEffect(() => {\n if (!emblaApi) {\n return;\n }\n updateScrollSnapState(emblaApi);\n emblaApi.on(\"select\", updateScrollSnapState);\n emblaApi.on(\"reInit\", updateScrollSnapState);\n return () => {\n emblaApi.off(\"select\", updateScrollSnapState);\n emblaApi.off(\"reInit\", updateScrollSnapState);\n };\n }, [emblaApi, updateScrollSnapState]);\n\n return {\n selectedSnap,\n snapCount,\n } as const;\n};\n","import React from \"react\";\n\nexport const SoundIcon = React.forwardRef<\n SVGSVGElement,\n React.SVGAttributes<SVGSVGElement>\n>((props, ref) => {\n return (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={18}\n height={18}\n viewBox=\"0 0 18 18\"\n fill=\"currentColor\"\n ref={ref}\n focusable={false}\n {...props}\n >\n <path\n d=\"M11.5312 2.25534C11.2703 2.14734 10.9472 2.18333 10.7109 2.41958C10.1862 2.94383 9.52305 3.37884 8.7642 3.70434C7.99343 4.03434 6.411 4.46108 5.25547 4.45358C3.00765 4.43858 1.49993 5.71283 1.5 8.18033C1.5 10.3426 2.72745 11.6003 4.49423 11.8831L4.5 13.4476C4.5 14.6888 5.50733 15.6953 6.75 15.6953C7.89188 15.6953 8.83245 14.8118 8.97765 13.7071C8.98462 13.6538 9 13.4476 9 12.6976C9.67373 13.0118 10.232 13.5091 10.7109 13.9876C11.1834 14.4593 12 14.1166 12 13.4491C12 12.7711 11.9964 11.5433 11.9964 10.3186C12.8805 9.99159 13.5 9.15383 13.5 8.20358C13.5 7.25333 12.9149 6.39385 12.004 6.0751C12.004 4.85035 12 3.63609 12 2.95809C12 2.62434 11.7923 2.36409 11.5312 2.25534ZM13.3359 3.59033C13.1501 3.63833 12.9956 3.7636 12.8906 3.94135C12.6809 4.29835 12.7913 4.76259 13.1484 4.97184C14.2882 5.64084 15 6.85883 15 8.20358C15 9.54908 14.289 10.7663 13.1484 11.4353C12.7912 11.6446 12.6576 12.1081 12.8672 12.4651C13.0768 12.8221 13.5411 12.9323 13.8984 12.7231C15.4934 11.7878 16.4999 10.0861 16.5 8.20358C16.5 6.32183 15.4922 4.61933 13.8984 3.68408C13.7198 3.57908 13.5217 3.54233 13.3359 3.59033ZM10.5035 4.47384C10.5035 5.16759 10.5 5.89059 10.5 6.70509C10.5 8.20359 10.5 8.2036 10.5 9.7021C10.5 10.5166 10.5024 11.2103 10.5024 11.9041C8.98343 11.0078 7.41735 10.6103 6.00157 10.4828C6.00157 9.33909 5.99775 7.07709 5.99775 5.89884C6.14475 5.89209 6.31575 5.87335 6.5625 5.83885C7.52017 5.7016 8.4717 5.45259 9.375 5.06559C9.80505 4.88184 10.1247 4.71534 10.5035 4.47384ZM4.49887 6.02484C4.49887 7.17684 4.49775 9.21234 4.49775 10.3643C3.52177 10.0943 3 9.40508 3 8.18033C3 6.96983 3.47025 6.25209 4.49887 6.02484ZM6 11.9971C6.23745 12.0053 7.0977 12.1583 7.49243 12.2581L7.5 13.4476C7.5 13.8616 7.16423 14.1968 6.75 14.1968C6.33577 14.1968 6 13.8616 6 13.4476V11.9971Z\"\n fill=\"#fff\"\n fillOpacity={0.98}\n />\n </svg>\n );\n});\n\nif (process.env.NODE_ENV !== \"production\") {\n SoundIcon.displayName = \"SoundIcon\";\n}\n"]}
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- .oui-m-1{margin:.25rem}.oui-mx-4{margin-left:1rem;margin-right:1rem}.oui-mt-2{margin-top:.5rem}.oui-mt-3{margin-top:.75rem}.oui-flex{display:flex}.oui-grid{display:grid}.oui-size-\[18px\]{width:18px;height:18px}.oui-h-\[160px\]{height:160px}.oui-h-\[300px\]{height:300px}.oui-min-h-0{min-height:0}.oui-w-full{width:100%}.oui-shrink-0{flex-shrink:0}.oui-rotate-0{--tw-rotate:0deg}.oui-rotate-0,.oui-rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.oui-rotate-180{--tw-rotate:180deg}.oui-cursor-pointer{cursor:pointer}.oui-flex-col{flex-direction:column}.oui-items-center{align-items:center}.oui-justify-center{justify-content:center}.oui-gap-1{gap:.25rem}.oui-gap-2{gap:.5rem}.oui-gap-5{gap:1.25rem}.oui-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.oui-overflow-hidden{overflow:hidden}.oui-rounded-full{border-radius:var(--oui-rounded-full,9999px)}.oui-rounded-md{border-radius:var(--oui-rounded-md,.375rem)}.oui-rounded-xl{border-radius:var(--oui-rounded-xl,.75rem)}.oui-bg-base-6{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-6)/var(--tw-bg-opacity,1))}.oui-bg-base-9{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-9)/var(--tw-bg-opacity,1))}.oui-bg-cover{background-size:cover}.oui-bg-clip-text{-webkit-background-clip:text;background-clip:text}.oui-bg-center{background-position:50%}.oui-bg-no-repeat{background-repeat:no-repeat}.oui-p-2{padding:.5rem}.oui-p-3{padding:.75rem}.oui-px-2{padding-left:.5rem;padding-right:.5rem}.oui-px-4{padding-left:1rem;padding-right:1rem}.oui-px-5{padding-left:1.25rem;padding-right:1.25rem}.oui-py-2{padding-top:.5rem;padding-bottom:.5rem}.oui-py-3{padding-top:.75rem;padding-bottom:.75rem}.oui-py-\[6px\]{padding-top:6px;padding-bottom:6px}.oui-pt-2{padding-top:.5rem}.oui-pt-3{padding-top:.75rem}.oui-pt-4{padding-top:1rem}.oui-text-base-contrast-80{color:rgb(var(--oui-color-base-foreground)/.8)}.oui-text-transparent{color:transparent}.oui-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.oui-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.oui-duration-300{transition-duration:.3s}.oui-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.oui-gradient-brand{background-image:linear-gradient(var(--oui-gradient-brand-angle,17.44deg),rgb(var(--oui-gradient-brand-start)) var(--oui-gradient-brand-stop-start,0),rgb(var(--oui-gradient-brand-end)) var(--oui-gradient-brand-stop-end,100%))}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.oui-duration-300{animation-duration:.3s}.oui-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:oui-bg-base-5:hover{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-5)/var(--tw-bg-opacity,1))}.hover\:oui-bg-base-6:hover{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-6)/var(--tw-bg-opacity,1))}.disabled\:oui-opacity-50:disabled{opacity:.5}.\[\&\>\*\:not\(\:first-child\)\]\:oui-border-t>:not(:first-child){border-top-width:1px}.\[\&\>\*\:not\(\:first-child\)\]\:oui-border-line-12>:not(:first-child){border-color:rgb(var(--oui-color-line,255 255 255)/.12)}.\[\&\>\*\:not\(\:first-child\)\]\:oui-pt-1>:not(:first-child){padding-top:.25rem}
1
+ .oui-relative{position:relative}.oui-z-\[1\]{z-index:1}.oui-m-1{margin:.25rem}.oui-mx-4{margin-left:1rem;margin-right:1rem}.oui-mt-2{margin-top:.5rem}.oui-mt-3{margin-top:.75rem}.oui-flex{display:flex}.oui-inline-flex{display:inline-flex}.oui-grid{display:grid}.oui-size-4{width:1rem;height:1rem}.oui-size-\[18px\]{width:18px;height:18px}.oui-h-\[160px\]{height:160px}.oui-h-\[300px\]{height:300px}.oui-h-\[34px\]{height:34px}.oui-h-full{height:100%}.oui-min-h-0{min-height:0}.oui-w-\[320px\]{width:320px}.oui-w-fit{width:-moz-fit-content;width:fit-content}.oui-w-full{width:100%}.oui-max-w-full{max-width:100%}.oui-flex-none{flex:none}.oui-shrink-0{flex-shrink:0}.oui-basis-full{flex-basis:100%}.oui-rotate-0{--tw-rotate:0deg}.oui-rotate-0,.oui-rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.oui-rotate-180{--tw-rotate:180deg}.oui-transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.oui-cursor-not-allowed{cursor:not-allowed}.oui-cursor-pointer{cursor:pointer}.oui-flex-row{flex-direction:row}.oui-flex-col{flex-direction:column}.oui-flex-nowrap{flex-wrap:nowrap}.oui-items-center{align-items:center}.oui-justify-start{justify-content:flex-start}.oui-justify-center{justify-content:center}.oui-justify-between{justify-content:space-between}.oui-gap-0{gap:0}.oui-gap-1{gap:.25rem}.oui-gap-2{gap:.5rem}.oui-gap-5{gap:1.25rem}.oui-gap-x-1\.5{-moz-column-gap:.375rem;column-gap:.375rem}.oui-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.oui-overflow-hidden{overflow:hidden}.oui-whitespace-nowrap{white-space:nowrap}.oui-break-normal{overflow-wrap:normal;word-break:normal}.oui-rounded-full{border-radius:var(--oui-rounded-full,9999px)}.oui-rounded-md{border-radius:var(--oui-rounded-md,.375rem)}.oui-rounded-xl{border-radius:var(--oui-rounded-xl,.75rem)}.oui-bg-\[rgba\(232\,136\,0\,0\.15\)\]{background-color:rgba(232,136,0,.15)}.oui-bg-base-6{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-6)/var(--tw-bg-opacity,1))}.oui-bg-base-9{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-9)/var(--tw-bg-opacity,1))}.oui-bg-primary\/15{background-color:rgb(var(--oui-color-primary)/.15)}.oui-bg-cover{background-size:cover}.oui-bg-clip-text{-webkit-background-clip:text;background-clip:text}.oui-bg-center{background-position:50%}.oui-bg-no-repeat{background-repeat:no-repeat}.oui-p-2{padding:.5rem}.oui-p-3{padding:.75rem}.oui-px-2{padding-left:.5rem;padding-right:.5rem}.oui-px-4{padding-left:1rem;padding-right:1rem}.oui-px-5{padding-left:1.25rem;padding-right:1.25rem}.oui-py-2{padding-top:.5rem;padding-bottom:.5rem}.oui-py-3{padding-top:.75rem;padding-bottom:.75rem}.oui-py-\[6px\]{padding-top:6px;padding-bottom:6px}.oui-pt-2{padding-top:.5rem}.oui-pt-3{padding-top:.75rem}.oui-pt-4{padding-top:1rem}.oui-text-2xs{font-size:var(--oui-font-size-2xs,.75rem);line-height:1.125rem}.oui-text-sm{font-size:var(--oui-font-size-sm,.875rem);line-height:1.25rem}.oui-font-medium{font-weight:500}.oui-font-semibold{font-weight:600}.oui-tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.oui-leading-\[18px\]{line-height:18px}.oui-leading-\[34px\]{line-height:34px}.oui-text-base-contrast-54{color:rgb(var(--oui-color-base-foreground)/.54)}.oui-text-base-contrast-80{color:rgb(var(--oui-color-base-foreground)/.8)}.oui-text-primary{--tw-text-opacity:1;color:rgb(var(--oui-color-primary)/var(--tw-text-opacity,1))}.oui-text-transparent{color:transparent}.oui-text-warning-darken{--tw-text-opacity:1;color:rgb(var(--oui-color-warning-darken)/var(--tw-text-opacity,1))}.oui-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.oui-transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.oui-duration-300{transition-duration:.3s}.oui-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.oui-will-change-transform{will-change:transform}.oui-gradient-brand{background-image:linear-gradient(var(--oui-gradient-brand-angle,17.44deg),rgb(var(--oui-gradient-brand-start)) var(--oui-gradient-brand-stop-start,0),rgb(var(--oui-gradient-brand-end)) var(--oui-gradient-brand-stop-end,100%))}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.oui-duration-300{animation-duration:.3s}.oui-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:oui-bg-base-5:hover{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-5)/var(--tw-bg-opacity,1))}.hover\:oui-bg-base-6:hover{--tw-bg-opacity:1;background-color:rgb(var(--oui-color-base-6)/var(--tw-bg-opacity,1))}.hover\:oui-text-base-contrast:hover{color:rgb(var(--oui-color-base-foreground)/.98)}.hover\:oui-text-base-contrast-80:hover{color:rgb(var(--oui-color-base-foreground)/.8)}.disabled\:oui-opacity-50:disabled{opacity:.5}@media (min-width:768px){.lg\:oui-size-5{width:1.25rem;height:1.25rem}.lg\:oui-w-auto{width:auto}.lg\:oui-text-xs{font-size:var(--oui-font-size-xs,calc(.875rem - 1px));line-height:1.25rem}}.\[\&\>\*\:not\(\:first-child\)\]\:oui-border-t>:not(:first-child){border-top-width:1px}.\[\&\>\*\:not\(\:first-child\)\]\:oui-border-line-12>:not(:first-child){border-color:rgb(var(--oui-color-line,255 255 255)/.12)}.\[\&\>\*\:not\(\:first-child\)\]\:oui-pt-1>:not(:first-child){padding-top:.25rem}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kodiak-finance/orderly-ui-notification",
3
- "version": "2.8.20",
3
+ "version": "2.8.21-beta.3",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -18,12 +18,12 @@
18
18
  "@date-fns/utc": "1.2.0",
19
19
  "date-fns": "^3.6.0",
20
20
  "immer": "^10.1.1",
21
- "@kodiak-finance/orderly-i18n": "2.8.20",
22
- "@kodiak-finance/orderly-hooks": "2.8.20",
23
- "@kodiak-finance/orderly-types": "2.8.20",
24
- "@kodiak-finance/orderly-ui": "2.8.20",
25
- "@kodiak-finance/orderly-react-app": "2.8.20",
26
- "@kodiak-finance/orderly-utils": "2.8.20"
21
+ "@kodiak-finance/orderly-i18n": "2.8.21-beta.3",
22
+ "@kodiak-finance/orderly-hooks": "2.8.21-beta.3",
23
+ "@kodiak-finance/orderly-types": "2.8.21-beta.3",
24
+ "@kodiak-finance/orderly-ui": "2.8.21-beta.3",
25
+ "@kodiak-finance/orderly-react-app": "2.8.21-beta.3",
26
+ "@kodiak-finance/orderly-utils": "2.8.21-beta.3"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@swc/cli": "^0.3.12",
@@ -34,7 +34,7 @@
34
34
  "react-dom": "^18.2.0",
35
35
  "tailwindcss": "^3.4.4",
36
36
  "tsup": "^7.1.0",
37
- "tsconfig": "0.11.19"
37
+ "tsconfig": "0.11.20-beta.3"
38
38
  },
39
39
  "peerDependencies": {
40
40
  "react": ">=18",