yeet

modules/saved_messages/native/ForLaterMessageCard.tsx

@@ -0,0 +1,123 @@
+// Metro module 9941 (f9942).
+import { memo, useCallback } from "react";
+import { View } from "react-native";
+import PermissionStore from "../../../stores/PermissionStore";
+import { AnalyticEvents, ChannelTypes, Permissions } from "../../../Constants";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import Module712 from "../../../_bundle/Module712";
+import { Card } from "../../../design/components/Card/native/Card.native";
+import { CircleErrorIcon } from "../../../design/components/Icon/native/redesign/generated/CircleErrorIcon";
+import { Text } from "../../../design/components/Text/native/Text";
+import { intl, t } from "../../../intl/index.native";
+import { IconButton } from "../../../design/components/Button/native/IconButton.native";
+import Module4149 from "../../../_bundle/Module4149";
+import { removeSavedMessage } from "../SavedMessageHelpers.native";
+import { useSavedMessageChannel, savedMessageJumpToMessage } from "../SavedMessageUtils";
+import ModalActionCreators from "../../../actions/ModalActionCreators";
+import AnalyticsUtils from "../../../utils/AnalyticsUtils";
+import { SavedMessageSortTypes } from "../SavedMessagesTypes";
+import Module3771 from "../../../_bundle/Module3771";
+import validateJumpWithAlert from "../../messages/validateJumpWithAlert";
+import { useStateFromStores } from "../../../_bundle/Module589";
+import ForLaterCardActionButtons from "./ForLaterCardActionButtons";
+import { ForLaterCardReminderHeader } from "./ForLaterCardReminderHeader";
+import { ForLaterCardHeader } from "./ForLaterCardHeader";
+import { ForLaterMessageRow } from "./ForLaterMessageRow";
+let useStyles;
+const ForLaterDeletedMessageCard = function ForLaterDeletedMessageCard(props) {
+  const savedMessage = props.savedMessage;
+  const styles = useStyles();
+  return <Card variant="primary" border="subtle" shadow="none" style={[styles.card, styles.deletedCard]}>
+    <CircleErrorIcon size="xs" color={Module712.colors.ICON_MUTED} />
+    <Text variant="text-md/semibold" color="mobile-text-heading-primary" style={styles.deletedText}>
+      {savedMessage.saveData.dueAt != null ? intl.string(t["wuQm+j"]) : intl.string(t.o572Fe)}
+    </Text>
+    <View style={styles.deletedActionButton}>
+      <IconButton variant="secondary" accessibilityLabel={intl.string(t.SvXS1Z)} size="sm" icon={Module4149} onPress={() => removeSavedMessage(savedMessage.saveData)} />
+    </View>
+  </Card>;
+};
+useStyles = createStyles({
+  card: {
+    gap: 16,
+    marginBottom: 16
+  },
+  cardDivider: {
+    marginHorizontal: -16,
+    height: 1,
+    alignSelf: "stretch",
+    backgroundColor: Module712.colors.BACKGROUND_MOD_MUTED
+  },
+  messagePreview: {
+    marginHorizontal: -16,
+    marginTop: -9,
+    marginBottom: -16,
+    borderBottomLeftRadius: Module712.modules.mobile.CARD_DEFAULT_RADIUS,
+    borderBottomRightRadius: Module712.modules.mobile.CARD_DEFAULT_RADIUS,
+    overflow: "hidden"
+  },
+  deletedCard: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  deletedText: {
+    flex: 1
+  },
+  deletedActionButton: {
+    marginLeft: "auto"
+  }
+});
+const r59 = memo(function ForLaterMessageCard(props) {
+  const { savedMessage: savedMessage2, throttledNow } = props;
+  const styles = useStyles();
+  const savedMessageChannel = useSavedMessageChannel(savedMessage2);
+  const callback = useCallback(async () => {
+    L11: {
+      let _jumpTo2;
+      const jumpTo = function jumpTo() {
+        return _jumpTo2.apply(this, arguments);
+      };
+      _jumpTo2 = function _jumpTo() {
+        const r9 = async () => {
+          let c31994_0;
+          c31994_0 = void 0;
+          await savedMessageJumpToMessage(savedMessage2, savedMessageChannel);
+          ModalActionCreators.pop();
+          const FOR_LATER_SAVED_MESSAGE_JUMP = AnalyticEvents.FOR_LATER_SAVED_MESSAGE_JUMP;
+          const message = savedMessage2.message;
+          AnalyticsUtils.track(FOR_LATER_SAVED_MESSAGE_JUMP, {
+            channel_id: savedMessage2.saveData.channelId,
+            message_id: savedMessage2.saveData.messageId,
+            message_author_id: message == null ? void 0 : message.author.id,
+            type: savedMessage2.saveData.dueAt != null ? SavedMessageSortTypes.REMINDER : SavedMessageSortTypes.BOOKMARK,
+            due_duration: savedMessage2.saveData.dueAt != null ? Module3771().diff(savedMessage2.saveData.dueAt) : void 0
+          });
+        };
+        _jumpTo2 = r9;
+        return r9.apply(this, arguments);
+      };
+      if (validateJumpWithAlert(savedMessage2.message, jumpTo)) {
+        await jumpTo();
+        break L11;
+      }
+      return void 0;
+    }
+  }, [savedMessage2, savedMessageChannel]);
+  const stateFromStores = useStateFromStores([PermissionStore], () => savedMessageChannel?.type === ChannelTypes.UNKNOWN || (!!(savedMessageChannel == null ? void 0 : savedMessageChannel.isPrivate()) || PermissionStore.can(Permissions.VIEW_CHANNEL, savedMessageChannel)));
+  if (savedMessage2.message != null && savedMessageChannel != null && stateFromStores) {
+    const actions = <ForLaterCardActionButtons savedMessage={savedMessage2} jumpToMessage={callback} />;
+    const r1 = savedMessage2.saveData.dueAt != null;
+    return <Card variant="primary" border="subtle" shadow="none" style={styles.card} onPress={callback}>
+      {r1 ? <ForLaterCardReminderHeader savedMessage={savedMessage2} throttledNow={throttledNow} actions={actions} /> : null}
+      <ForLaterCardHeader channel={savedMessageChannel} actions={r1 ? null : actions} />
+      <View style={styles.cardDivider} />
+      <View style={styles.messagePreview}>
+        <ForLaterMessageRow message={savedMessage2.message} lineClamp={2} maxHeight={250} />
+      </View>
+    </Card>;
+  }
+  return <ForLaterDeletedMessageCard savedMessage={savedMessage2} />;
+});
+export default r59;
+export { ForLaterDeletedMessageCard };