// Module ID: 12810
// Function ID: 12811
// Name: VibegrationsAppChannelActions
// Dependencies: [19, 17, 12811, 21, 4829, 504, 12812, 12813, 1115, 3714, 12814, 9629, 12432, 5363, 5367, 5378, 12815, 2]
// Exports: default

// Module 12810 (VibegrationsAppChannelActions)
import VibegrationsUtils from "VibegrationsUtils" /* 5363 */;
import restartVibegrationsAppFramesDefault from "restartVibegrationsAppFrames" /* 12432 */;
import VibegrationsAppChannelActionCreators from "VibegrationsAppChannelActionCreators" /* 12815 */;
import noop from "module_19" /* 19 */;
import VibegrationsAppChannelsStore from "VibegrationsAppChannelsStore" /* 12811 */;

require = fn;
const View = fn(17).View;
const jsxProd = fn(21);
({ jsx: hasOwnProperty, jsxs: metroRequire } = jsxProd);
const createStyles = fn(4829);
let closure_7 = createStyles.createStyles({ actionWrapper: { flexShrink: 0, flexDirection: "row", alignItems: "center" } });
const size = fn(2);
const result = size.fileFinishedImporting("modules/vibegrations/native/VibegrationsAppChannelActions.tsx");

export default function VibegrationsAppChannelActions(channel) {
  channel = channel.channel;
  let tmp = closure_7();
  const items = [VibegrationsAppChannelsStore];
  const items1 = [channel.id];
  const stateFromStores = channel(504).useStateFromStores(items, () => VibegrationsAppChannelsStore.isChatOpen(channel.id), items1);
  const obj = channel(504);
  ({ mentionCount, badge } = stateFromStores(12812)(channel.id));
  stateFromStores(12813)(channel, stateFromStores);
  let tmp8 = null;
  if (!stateFromStores) {
    tmp8 = badge;
  }
  const intl = tmp2(1115).intl;
  const tmp5Result = stateFromStores(3714);
  const items2 = [intl.string(stateFromStores ? tmp5Result.jLMpUv : tmp5Result.aWVf4j)];
  if ("mention" === tmp8) {
    const intl2 = tmp2(1115).intl;
    const obj2 = { mentionCount };
    items2.push(intl2.formatToPlainString(tmp2(1115).t["3l1GOx"], obj2));
  } else if ("unread" === tmp8) {
    const intl4 = tmp2(1115).intl;
    items2.push(intl4.string(tmp2(1115).t.x5zAGZ));
  }
  const obj3 = { style: tmp.actionWrapper, children: null };
  let tmp14 = null;
  if (!stateFromStores) {
    const obj4 = {
      source: null,
      IconComponent: tmp2(9629).RetryIcon,
      onPress() {
          const tmp = restartVibegrationsAppFramesDefault;
          return tmp(VibegrationsUtils.vibegrationsAppIdFromTopic(channel.topic));
        },
      accessibilityLabel: null
    };
    const intl3 = tmp2(1115).intl;
    obj4.accessibilityLabel = intl3.string(tmp5(3714).xKexN1);
    tmp14 = closure_5(tmp5(12814), obj4);
    const tmp5Result3 = tmp5(12814);
  }
  const items3 = [tmp14, ];
  const tmp12 = closure_6;
  const tmp13 = View;
  const tmp17 = closure_5;
  const tmp6 = stateFromStores(12812)(channel.id);
  if (stateFromStores) {
    let ChatIcon = tmp2(5367).AppsIcon;
  } else {
    ChatIcon = tmp2(5378).ChatIcon;
  }
  const obj5 = {
    noMargin: true,
    source: null,
    IconComponent: ChatIcon,
    onPress() {
      return VibegrationsAppChannelActionCreators.setAppChannelChatOpen(channel.id, !stateFromStores);
    },
    accessibilityLabel: items2.join(", "),
    badge: null != tmp8,
    badgePosition: "right",
    buttonText: null
  };
  let StringResult;
  if ("mention" === tmp8) {
    const _String = String;
    StringResult = String(mentionCount);
  }
  obj5.buttonText = StringResult;
  items3[1] = tmp17(stateFromStores(12814), obj5);
  obj3.children = items3;
  return tmp12(tmp13, obj3);
};