@orderly.network/ui-notification 2.8.10 → 2.8.11-alpha.0

package/dist/index.js

@@ -7,7 +7,6 @@ var types = require('@orderly.network/types');
 var jsxRuntime = require('react/jsx-runtime');
 var utc = require('@date-fns/utc');
 var dateFns = require('date-fns');
-var immer = require('immer');
 var hooks = require('@orderly.network/hooks');
 var reactApp = require('@orderly.network/react-app');
 
@@ -329,29 +328,8 @@ var CampaignContentCard = ({ message, coverImage, url, onItemClick }) => {
 };
 var MaintenanceContentCard = ({ message, startTime, endTime }) => {
   const { t } = i18n.useTranslation();
-  const formattedMessage = react.useMemo(() => {
-    const hours = dateFns.differenceInHours(endTime, startTime);
-    const minutes = dateFns.differenceInMinutes(endTime, startTime) - hours * 60;
-    const startUtc = new utc.UTCDate(startTime);
-    const endUtc = new utc.UTCDate(endTime);
-    const startTimeFormatted = dateFns.format(startUtc, "HH:mm");
-    const endTimeFormatted = dateFns.format(endUtc, "hh:mm a");
-    if (hours > 0) {
-      return t("notification.maintenanceDuration.hours", {
-        hours: minutes > 0 ? (hours + minutes / 60).toFixed(1) : hours,
-        startTimeFormatted,
-        endTimeFormatted
-      });
-    }
-    return t("notification.maintenanceDuration.minutes", {
-      minutes,
-      startTimeFormatted,
-      endTimeFormatted
-    });
-  }, [startTime, endTime, t]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oui-flex oui-flex-col oui-gap-1", children: [
     /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xs", intensity: 54, children: t("notification.recentlyUpdated") }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { itemAlign: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "xs", weight: "bold", children: formattedMessage }) }),
     message && /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: "2xs", intensity: 80, as: "div", className: "oui-mt-2", children: message })
   ] });
 };
@@ -594,28 +572,34 @@ var getTimeString = (timestamp) => {
   const time = dateFns.format(new utc.UTCDateMini(timestamp), "h:mm aa");
   return `${time} (UTC) on ${date}`;
 };
-var sortDataByUpdatedTime = (ori) => {
-  return immer.produce(ori, (draft) => {
-    if (Array.isArray(draft.rows)) {
-      draft.rows.sort((a, b) => {
-        if (a.updated_time && b.updated_time) {
-          return b.updated_time - a.updated_time;
-        }
-        return 0;
-      });
+var sortDataByUpdatedTime = (list) => {
+  return list.sort((a, b) => {
+    if (a.updated_time && b.updated_time) {
+      return b.updated_time - a.updated_time;
     }
+    return 0;
   });
 };
+var filterDuplicateArrayById = (list) => {
+  const seenIds = /* @__PURE__ */ new Set();
+  const newList = [];
+  list.forEach((item) => {
+    if (!seenIds.has(item.announcement_id)) {
+      seenIds.add(item.announcement_id);
+      newList.push(item);
+    }
+  });
+  return newList;
+};
 var useAnnouncementData = () => {
+  const { t } = i18n.useTranslation();
   const ws = hooks.useWS();
-  const [announcementStore, setStore] = hooks.useLocalStorage(
-    ORDERLY_ANNOUNCEMENT_KEY,
-    {}
-  );
-  const [tips, setTips] = react.useState({});
+  const { dataAdapter } = hooks.useOrderlyContext();
+  const [announcementStore, setAnnouncementStore] = hooks.useLocalStorage(ORDERLY_ANNOUNCEMENT_KEY, {});
+  const [tips, setTips] = react.useState([]);
+  const [maintenances, setMaintenances] = react.useState([]);
   const [maintenanceDialogInfo, setMaintenanceDialogInfo] = react.useState();
   const { startTime, endTime, status, brokerName } = hooks.useMaintenanceStatus();
-  const { t } = i18n.useTranslation();
   const { data: announcements } = hooks.useQuery(
     `/v2/public/announcement`,
     {
@@ -627,162 +611,100 @@ var useAnnouncementData = () => {
   );
   const getMaintentTipsContent = (brokerName2, startDate, endDate) => t("maintenance.tips.description", { brokerName: brokerName2, startDate, endDate });
   const getMaintentDialogContent = (brokerName2, endDate) => t("maintenance.dialog.description", { brokerName: brokerName2, endDate });
+  react.useEffect(() => {
+    const startDate = startTime ? getTimeString(startTime) : "-";
+    const endDate = endTime ? getTimeString(endTime) : "-";
+    const dialogContent = status === hooks.MaintenanceStatus.Maintenance ? getMaintentDialogContent(brokerName, endDate) : void 0;
+    setMaintenanceDialogInfo(dialogContent);
+    if (startTime && endTime) {
+      setMaintenances([
+        {
+          announcement_id: maintentanceId,
+          type: types.AnnouncementType.Maintenance,
+          startTime,
+          endTime,
+          updated_time: startTime,
+          message: getMaintentTipsContent(brokerName, startDate, endDate)
+        }
+      ]);
+    } else {
+      setMaintenances([]);
+    }
+  }, [startTime, endTime, status, brokerName, t]);
+  react.useEffect(() => {
+    let list = [...maintenances ?? [], ...announcements?.rows ?? []];
+    if (typeof dataAdapter?.announcementList === "function") {
+      list = dataAdapter.announcementList(list);
+    }
+    const removedDuplicateList = filterDuplicateArrayById(list);
+    const sortedList = sortDataByUpdatedTime(removedDuplicateList);
+    setTips(sortedList);
+  }, [maintenances, announcements, dataAdapter?.announcementList]);
+  react.useEffect(() => {
+    if (!announcements?.rows) {
+      return;
+    }
+    const lastUpdateTime = announcements.last_updated_time ?? 0;
+    const firstTipTime = tips[0]?.updated_time ?? 0;
+    const updatedTime = Math.max(lastUpdateTime, firstTipTime);
+    const closedTime = announcementStore.lastUpdateTime ?? 0;
+    if (closedTime < updatedTime) {
+      setAnnouncementStore({ show: true, lastUpdateTime: updatedTime });
+    }
+  }, [announcements, tips]);
   react.useEffect(() => {
     const unsubscribe = ws.subscribe("announcement", {
       onMessage(message) {
         if (message) {
           setTips((prev) => {
-            return immer.produce(prev, (draft) => {
-              if (!Array.isArray(draft.rows)) {
-                draft.rows = [];
-              }
-              const idx = draft.rows.findIndex(
-                (tip) => tip.announcement_id === message.announcement_id
-              );
-              if (idx !== -1) {
-                draft.rows.splice(idx, 1);
-              }
-              draft.rows.push({
-                announcement_id: message.announcement_id,
-                message: message.message,
-                url: message.url,
-                i18n: message.i18n,
-                type: message.type,
-                updated_time: message.updated_time
-              });
-            });
+            const list = prev.filter(
+              (item) => item.announcement_id !== message.announcement_id
+            );
+            const newTip = {
+              announcement_id: message.announcement_id,
+              message: message.message,
+              url: message.url,
+              i18n: message.i18n,
+              type: message.type,
+              updated_time: message.updated_time
+            };
+            return [...list, newTip];
           });
-          setStore((prev) => ({ ...prev, show: true }));
+          setAnnouncementStore((prev) => ({ ...prev, show: true }));
         }
-      },
-      onError(err) {
       }
     });
     return () => {
       unsubscribe?.();
     };
   }, [ws]);
-  react.useEffect(() => {
-    if (!announcements?.rows) {
-      return;
-    }
-    const apiTime = announcements.last_updated_time ?? 0;
-    const cachedTime = announcementStore.lastUpdateTime ?? 0;
-    if (cachedTime < apiTime) {
-      setTips((prev) => ({ ...prev, rows: announcements?.rows }));
-      setStore({ show: true, lastUpdateTime: apiTime });
-    } else {
-      setTips((prev) => {
-        return immer.produce(prev, (draft) => {
-          if (announcements?.rows?.length) {
-            const existingIds = new Set(
-              prev.rows?.map((tip) => tip.announcement_id)
-            );
-            const maintenanceTip = prev.rows?.find(
-              (tip) => tip.announcement_id === maintentanceId
-            );
-            draft.rows = [];
-            announcements.rows.forEach((item) => {
-              if (!existingIds.has(item.announcement_id)) {
-                draft.rows?.push(item);
-              }
-            });
-            if (maintenanceTip) {
-              draft.rows.unshift(maintenanceTip);
-            }
-          } else {
-            const idx = draft.rows?.findIndex(
-              (tip) => tip.announcement_id === maintentanceId
-            );
-            if (idx !== void 0 && idx !== -1) {
-              draft.rows?.splice(idx, 1);
-            }
-          }
-        });
-      });
-    }
-  }, [announcements]);
-  react.useEffect(() => {
-    const startDate = startTime ? getTimeString(startTime) : "-";
-    const endDate = endTime ? getTimeString(endTime) : "-";
-    if (status === hooks.MaintenanceStatus.Maintenance) {
-      setMaintenanceDialogInfo(getMaintentDialogContent(brokerName, endDate));
-      return;
-    }
-    setMaintenanceDialogInfo(void 0);
-    if (startTime && endTime) {
-      setTips(
-        (prev) => immer.produce(prev, (draft) => {
-          if (!Array.isArray(draft.rows)) {
-            draft.rows = [];
-          }
-          draft.rows = [
-            {
-              announcement_id: maintentanceId,
-              type: types.AnnouncementType.Maintenance,
-              /** @ts-ignore */
-              startTime,
-              /** @ts-ignore */
-              endTime,
-              message: getMaintentTipsContent(brokerName, startDate, endDate)
-            },
-            ...draft.rows.filter(
-              (tip) => tip.type !== types.AnnouncementType.Maintenance
-            )
-          ];
-        })
-      );
-    } else {
-      setTips((prev) => {
-        return immer.produce(prev, (draft) => {
-          const index = draft.rows?.findIndex(
-            (tip) => tip.announcement_id === maintentanceId
-          );
-          if (index !== void 0 && index !== -1) {
-            draft.rows?.splice(index, 1);
-          }
-        });
-      });
-    }
-  }, [startTime, endTime, status, brokerName, t]);
   return {
-    tips: sortDataByUpdatedTime(tips),
-    maintenanceDialogInfo
+    tips,
+    maintenanceDialogInfo,
+    announcementStore,
+    setAnnouncementStore
   };
 };
 var useAnnouncement = (options) => {
   const { showAnnouncement, setShowAnnouncement } = reactApp.useAppContext();
-  const { dataAdapter } = hooks.useOrderlyContext();
-  const { tips, maintenanceDialogInfo } = useAnnouncementData();
-  const memoizedTips = react.useMemo(() => {
-    if (typeof dataAdapter?.announcementList === "function") {
-      return dataAdapter.announcementList(
-        tips?.rows ?? types.EMPTY_LIST
-      );
-    }
-    return tips?.rows ?? types.EMPTY_LIST;
-  }, [dataAdapter?.announcementList, tips?.rows]);
-  const [announcementStore, setStore] = hooks.useLocalStorage(
-    ORDERLY_ANNOUNCEMENT_KEY,
-    {}
-  );
+  const {
+    tips,
+    maintenanceDialogInfo,
+    announcementStore,
+    setAnnouncementStore
+  } = useAnnouncementData();
   const closeTips = () => {
-    setStore((prev) => ({ ...prev, show: false }));
+    setAnnouncementStore((prev) => ({ ...prev, show: false }));
   };
   react.useEffect(() => {
-    const len = memoizedTips.length;
+    const len = tips.length;
     setShowAnnouncement(
       Boolean(len) && announcementStore.show && !options?.hideTips
     );
-  }, [
-    memoizedTips,
-    announcementStore.show,
-    options?.hideTips,
-    setShowAnnouncement
-  ]);
+  }, [tips, announcementStore.show, options?.hideTips, setShowAnnouncement]);
   return {
     maintenanceDialogInfo,
-    tips: memoizedTips,
+    tips,
     closeTips,
     showAnnouncement
   };
@@ -815,8 +737,7 @@ var AnnouncementCenterWidget = (props) => {
   const { dataSource, current, setCurrent } = useAnnouncementCenterScript();
   const onItemClick = react.useCallback(
     (url) => {
-      if (!url)
-        return;
+      if (!url) return;
       props.onRouteChange(url);
     },
     [props.onRouteChange]
@@ -836,8 +757,7 @@ var AnnouncementCenterPage = (props) => {
     AnnouncementCenterWidget,
     {
       onRouteChange: (url) => {
-        if (!url)
-          return;
+        if (!url) return;
         props.routerAdapter?.onRouteChange({
           href: url,
           name: url,
@@ -853,5 +773,5 @@ exports.AnnouncementCenterUI = AnnouncementCenterUI;
 exports.AnnouncementItem = AnnouncementItem;
 exports.NotificationUI = NotificationUI;
 exports.useAnnouncement = useAnnouncement;
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -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 \"@orderly.network/i18n\";\nimport { type API } from \"@orderly.network/types\";\nimport {\n  ExtensionPositionEnum,\n  ExtensionSlot,\n  ScrollArea,\n  Text,\n} from \"@orderly.network/ui\";\nimport { cn } from \"@orderly.network/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 \"@orderly.network/i18n\";\nimport { AnnouncementType } from \"@orderly.network/types\";\nimport { Flex, Text, ChevronDownIcon, cn } from \"@orderly.network/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 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            props.onItemClick(props.url!);\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 \"@orderly.network/ui\";\nimport { Icon } from \"@orderly.network/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 \"@orderly.network/i18n\";\nimport { AnnouncementType, type API } from \"@orderly.network/types\";\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  Divider,\n  Flex,\n  Text,\n} from \"@orderly.network/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 \"@orderly.network/i18n\";\nimport { Flex, Text } from \"@orderly.network/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 \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport {\n  AnnouncementType,\n  API,\n  EMPTY_LIST,\n  WSMessage,\n} from \"@orderly.network/types\";\nimport { getTimestamp } from \"@orderly.network/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  return {\n    tips: sortDataByUpdatedTime(tips),\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, maintenanceDialogInfo } = useAnnouncementData();\n\n  const memoizedTips = useMemo<API.AnnouncementRow[]>(() => {\n    if (typeof dataAdapter?.announcementList === \"function\") {\n      return dataAdapter.announcementList(\n        tips?.rows ?? (EMPTY_LIST as API.AnnouncementRow[]),\n      );\n    }\n    return tips?.rows ?? (EMPTY_LIST as API.AnnouncementRow[]);\n  }, [dataAdapter?.announcementList, tips?.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 \"@orderly.network/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 \"@orderly.network/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          target: \"_blank\",\n        });\n      }}\n    />\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/announcementCenter/icons.tsx","../src/components/announcementCenter/announcementItem.tsx","../src/components/announcementCenter/announcementCenter.ui.tsx","../src/components/notification/contentCard.tsx","../src/components/notification/notification.ui.tsx","../src/hooks/useAnnouncement.ts","../src/pages/announcementCenter.script.tsx","../src/pages/announcementCenter.ui.tsx","../src/pages/announcementCenter.widget.tsx","../src/pages/announcementCenter.page.tsx"],"names":["Icon","jsx","jsxs","useTranslation","useMemo","AnnouncementType","Flex","Text","cn","ChevronDownIcon","ExtensionSlot","ExtensionPositionEnum","useState","Fragment","ScrollArea","ChevronLeftIcon","ChevronRightIcon","Divider","format","UTCDateMini","useWS","useOrderlyContext","useLocalStorage","useMaintenanceStatus","useQuery","brokerName","useEffect","MaintenanceStatus","useAppContext","AnnouncementCenterUI","useCallback"],"mappings":"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","file":"index.js","sourcesContent":["import { FC } from \"react\";\nimport type { BaseIconProps } from \"@orderly.network/ui\";\nimport { Icon } from \"@orderly.network/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 } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AnnouncementType } from \"@orderly.network/types\";\nimport { Flex, Text, ChevronDownIcon, cn } from \"@orderly.network/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 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            props.onItemClick(props.url!);\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, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { type API } from \"@orderly.network/types\";\nimport {\n  ExtensionPositionEnum,\n  ExtensionSlot,\n  ScrollArea,\n  Text,\n} from \"@orderly.network/ui\";\nimport { cn } from \"@orderly.network/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 } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { Text } from \"@orderly.network/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, useMemo, useState } from \"react\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { AnnouncementType, type API } from \"@orderly.network/types\";\nimport {\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  Divider,\n  Flex,\n  Text,\n} from \"@orderly.network/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 { useEffect, useState } from \"react\";\nimport { UTCDateMini } from \"@date-fns/utc\";\nimport { format } from \"date-fns\";\nimport {\n  MaintenanceStatus,\n  useLocalStorage,\n  useMaintenanceStatus,\n  useOrderlyContext,\n  useQuery,\n  useWS,\n} from \"@orderly.network/hooks\";\nimport { useTranslation } from \"@orderly.network/i18n\";\nimport { useAppContext } from \"@orderly.network/react-app\";\nimport { AnnouncementType, API, WSMessage } from \"@orderly.network/types\";\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 = (list: API.AnnouncementRow[]) => {\n  return list.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\nconst filterDuplicateArrayById = (list: API.AnnouncementRow[]) => {\n  const seenIds = new Set<string | number>();\n  const newList: API.AnnouncementRow[] = [];\n\n  list.forEach((item) => {\n    if (!seenIds.has(item.announcement_id)) {\n      // If the item's ID hasn't been seen before, add it and mark as seen\n      seenIds.add(item.announcement_id);\n      newList.push(item);\n    }\n  });\n\n  return newList;\n};\n\nconst useAnnouncementData = () => {\n  const { t } = useTranslation();\n  const ws = useWS();\n  const { dataAdapter } = useOrderlyContext();\n\n  const [announcementStore, setAnnouncementStore] =\n    useLocalStorage<AnnouncementStore>(ORDERLY_ANNOUNCEMENT_KEY, {});\n\n  const [tips, setTips] = useState<API.AnnouncementRow[]>([]);\n  const [maintenances, setMaintenances] = useState([] as API.AnnouncementRow[]);\n\n  const [maintenanceDialogInfo, setMaintenanceDialogInfo] = useState<string>();\n\n  const { startTime, endTime, status, brokerName } = useMaintenanceStatus();\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 startDate = startTime ? getTimeString(startTime) : \"-\";\n    const endDate = endTime ? getTimeString(endTime) : \"-\";\n\n    const dialogContent =\n      status === MaintenanceStatus.Maintenance\n        ? getMaintentDialogContent(brokerName, endDate)\n        : undefined;\n\n    setMaintenanceDialogInfo(dialogContent);\n\n    if (startTime && endTime) {\n      setMaintenances([\n        {\n          announcement_id: maintentanceId,\n          type: AnnouncementType.Maintenance,\n          startTime: startTime,\n          endTime: endTime,\n          updated_time: startTime,\n          message: getMaintentTipsContent(brokerName, startDate, endDate),\n        },\n      ] as unknown as API.AnnouncementRow[]);\n    } else {\n      setMaintenances([]);\n    }\n  }, [startTime, endTime, status, brokerName, t]);\n\n  useEffect(() => {\n    let list = [...(maintenances ?? []), ...(announcements?.rows ?? [])];\n\n    if (typeof dataAdapter?.announcementList === \"function\") {\n      list = dataAdapter.announcementList(list);\n    }\n\n    const removedDuplicateList = filterDuplicateArrayById(list);\n    const sortedList = sortDataByUpdatedTime(removedDuplicateList);\n\n    setTips(sortedList);\n  }, [maintenances, announcements, dataAdapter?.announcementList]);\n\n  useEffect(() => {\n    if (!announcements?.rows) {\n      return;\n    }\n    const lastUpdateTime = announcements.last_updated_time ?? 0;\n    const firstTipTime = tips[0]?.updated_time ?? 0;\n    const updatedTime = Math.max(lastUpdateTime, firstTipTime);\n\n    const closedTime = announcementStore.lastUpdateTime ?? 0;\n    if (closedTime < updatedTime) {\n      setAnnouncementStore({ show: true, lastUpdateTime: updatedTime });\n    }\n  }, [announcements, tips]);\n\n  useEffect(() => {\n    const unsubscribe = ws.subscribe(\"announcement\", {\n      onMessage(message: WSMessage.Announcement) {\n        if (message) {\n          setTips((prev) => {\n            const list = prev.filter(\n              (item) => item.announcement_id !== message.announcement_id,\n            );\n\n            const newTip = {\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            return [...list, newTip];\n          });\n          // @ts-ignore\n          setAnnouncementStore((prev) => ({ ...prev, show: true }));\n        }\n      },\n    });\n    return () => {\n      unsubscribe?.();\n    };\n  }, [ws]);\n\n  return {\n    tips,\n    maintenanceDialogInfo,\n    announcementStore,\n    setAnnouncementStore,\n  };\n};\n\nexport type AnnouncementReturn = ReturnType<typeof useAnnouncement>;\n\nexport const useAnnouncement = (options?: AnnouncementOptions) => {\n  const { showAnnouncement, setShowAnnouncement } = useAppContext();\n\n  const {\n    tips,\n    maintenanceDialogInfo,\n    announcementStore,\n    setAnnouncementStore,\n  } = useAnnouncementData();\n\n  const closeTips = () => {\n    // @ts-ignore\n    setAnnouncementStore((prev) => ({ ...prev, show: false }));\n  };\n\n  useEffect(() => {\n    const len = tips.length;\n    setShowAnnouncement(\n      Boolean(len) && announcementStore.show && !options?.hideTips,\n    );\n  }, [tips, announcementStore.show, options?.hideTips, setShowAnnouncement]);\n\n  return {\n    maintenanceDialogInfo,\n    tips,\n    closeTips,\n    showAnnouncement,\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 { FC } from \"react\";\nimport { API } from \"@orderly.network/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, 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 { FC } from \"react\";\nimport { RouterAdapter } from \"@orderly.network/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          target: \"_blank\",\n        });\n      }}\n    />\n  );\n};\n"]}