decord/stable/source/modules/vibegrations/native/VibegrationsNativeStatusLine.tsx

// Module ID: 16337
// Function ID: 16338
// Name: VibegrationsNativeStatusLine
// Dependencies: [19, 17, 21, 588, 4837, 558, 576, 4535, 10604, 6631, 12246, 4833, 16338, 1127, 3718, 5436, 2]
// Exports: laneTintFor, laneTintIndexFor

// Module 16337 (VibegrationsNativeStatusLine)
import react_native from "react-native" /* 17 */;
import nativeDefault from "native" /* 588 */;
import Text_Text from "Text/Text" /* 4833 */;
import MagicWandIcon from "MagicWandIcon" /* 12246 */;
import react from "react" /* 19 */;
import Fragment from "Fragment" /* 21 */;
import createStyles_mod from "createStyles" /* 4837 */;
import ReactCompilerGating from "ReactCompilerGating" /* 558 */;
import size from "module_2" /* 2 */;

let line;

let hasOwnProperty;
let metroRequire;
let obj2;
let obj3;
let obj4;
const View = react_native.View;
({ jsx: hasOwnProperty, jsxs: metroRequire } = Fragment);
let items = [nativeDefault.colors.TEXT_BRAND, nativeDefault.colors.TEXT_FEEDBACK_POSITIVE, nativeDefault.colors.TEXT_FEEDBACK_WARNING, nativeDefault.colors.TEXT_FEEDBACK_INFO];
let length = items.length;
let createStyles = createStyles_mod;
let obj = { row: obj2, glyphGutter: { width: 40, marginRight: 12, alignItems: "center" }, label: { flex: 1 }, trailing: obj3, chevron: obj4 };
obj2 = { flexDirection: "row", alignItems: "flex-start", paddingVertical: nativeDefault.space.PX_4 };
createStyles = createStyles.createStyles;
obj3 = { flexShrink: 0, marginLeft: nativeDefault.space.PX_8 };
obj4 = { flexShrink: 0, marginLeft: nativeDefault.space.PX_4 };
let closure_8 = createStyles(obj);
let tmp4 = ReactCompilerGating.isReactCompilerEnabled() ? ((line) => {
  let ChevronSmallRightIcon;
  let TEXT_BRAND;
  let crestColor;
  let epoch;
  let expanded;
  let failed;
  let glyph;
  let inGutter;
  let live;
  let onToggle;
  let presentation;
  let settled;
  let tint;
  let trailing;
  let tmp = line;
  const tmp2 = glyph;
  let obj = line(glyph[6]);
  const cResult = obj.c(28);
  line = line.line;
  ({ live, settled, failed, presentation, tint, inGutter, trailing } = line);
  glyph = line.glyph;
  ({ crestColor, epoch, expanded, onToggle } = line);
  let str = "headline";
  const tmp4 = undefined !== settled && settled;
  if (undefined !== presentation) {
    str = presentation;
  }
  const tmp6 = undefined !== inGutter && inGutter;
  let closure_3 = tmp6;
  let num = 0;
  if (undefined !== epoch) {
    num = epoch;
  }
  const tmp8 = closure_8();
  const row = tmp8;
  if (undefined !== failed && failed) {
    const tmp11 = trailing;
    TEXT_BRAND = trailing(tmp2[3]).colors.TEXT_FEEDBACK_CRITICAL;
  } else {
    TEXT_BRAND = tint;
    if (tint == null) {
      TEXT_BRAND = trailing(tmp2[3]).colors.TEXT_BRAND;
    }
  }
  let str2 = "text-feedback-critical";
  if (!(undefined !== failed && failed)) {
    let str3 = "text-muted";
    if (!tmp4) {
      let str4 = "text-default";
      if ("detail" === str) {
        str4 = "text-subtle";
      }
      str3 = str4;
    }
    str2 = str3;
  }
  const useToken = tmp(tmp2[7]).useToken;
  tmp(tmp2[7]);
  if ("detail" === str) {
    tint = trailing(tmp2[3]).colors.TEXT_DEFAULT;
  } else if (tint == null) {
    tint = trailing(tmp2[3]).colors.TEXT_BRAND;
  }
  if ("detail" === str) {
    crestColor = useToken(tint);
  }
  if (undefined !== expanded && expanded) {
    ChevronSmallRightIcon = tmp(tmp2[8]).ChevronSmallDownIcon;
  } else {
    ChevronSmallRightIcon = tmp(tmp2[9]).ChevronSmallRightIcon;
  }
  closure_8 = tmp18;
  if (cResult[0] === ChevronSmallRightIcon) {
    if (cResult[1] === null != onToggle) {
      if (cResult[2] === glyph) {
        if (cResult[3] === TEXT_BRAND) {
          if (cResult[4] === tmp6) {
            if (cResult[5] === line) {
              if (cResult[6] === tmp8.chevron) {
                if (cResult[7] === tmp8.glyphGutter) {
                  if (cResult[8] === tmp8.label) {
                    if (cResult[9] === tmp8.row) {
                      if (cResult[10] === tmp8.trailing) {
                        if (cResult[11] === str2) {
                          let tmp19;
                          if (cResult[12] === trailing) {
                            tmp19 = cResult[13];
                          }
                          if (cResult[14] === crestColor) {
                            if (cResult[15] === num) {
                              if (cResult[16] === live) {
                                let tmp20;
                                if (cResult[17] === tmp19) {
                                  tmp20 = cResult[18];
                                }
                                let tmp24 = tmp20;
                                if (null != onToggle) {
                                  let tmp25;
                                  let tmp26;
                                  if (cResult[19] !== (undefined !== expanded && expanded)) {
                                    let obj2 = { expanded: undefined !== expanded && expanded };
                                    cResult[19] = undefined !== expanded && expanded;
                                    cResult[20] = obj2;
                                    tmp25 = obj2;
                                  } else {
                                    tmp25 = cResult[20];
                                  }
                                  if (cResult[21] !== line) {
                                    const intl = tmp(tmp2[13]).intl;
                                    let obj3 = { activity: line };
                                    const formatToPlainStringResult = intl.formatToPlainString(trailing(tmp2[14]).s1wx5H, obj3);
                                    cResult[21] = line;
                                    cResult[22] = formatToPlainStringResult;
                                    tmp26 = formatToPlainStringResult;
                                  } else {
                                    tmp26 = cResult[22];
                                  }
                                  if (cResult[23] === tmp20) {
                                    if (cResult[24] === onToggle) {
                                      if (cResult[25] === tmp26) {
                                        let tmp29;
                                        if (cResult[26] === tmp25) {
                                          tmp29 = cResult[27];
                                        }
                                        tmp24 = tmp29;
                                      }
                                    }
                                  }
                                  let obj4 = { accessibilityRole: "button", accessibilityState: tmp25, accessibilityLabel: tmp26, hitSlop: 8, onPress: onToggle, children: tmp20 };
                                  const tmp31 = TEXT_BRAND(tmp(tmp2[15]).PressableOpacity, obj4);
                                  cResult[23] = tmp20;
                                  cResult[24] = onToggle;
                                  cResult[25] = tmp26;
                                  cResult[26] = tmp25;
                                  cResult[27] = tmp31;
                                  tmp29 = tmp31;
                                }
                                return tmp24;
                              }
                            }
                          }
                          let obj5 = { renderFace: tmp19, live, tint: crestColor, epoch: num };
                          const tmp23 = TEXT_BRAND(trailing(tmp2[12]), obj5);
                          cResult[14] = crestColor;
                          cResult[15] = num;
                          cResult[16] = live;
                          cResult[17] = tmp19;
                          cResult[18] = tmp23;
                          tmp20 = tmp23;
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }
  const fn = function n() {
    let Text;
    let obj5;
    let obj8;
    let tmp6Result;
    let tmp6Result2 = null;
    const obj = { style: row.row, children: items };
    const tmp = metroRequire;
    if (closure_3) {
      const obj2 = { style: row.glyphGutter, children: tmp6Result };
      tmp6Result = glyph;
      if (glyph == null) {
        const obj3 = { size: "refresh_sm", color: TEXT_BRAND };
        tmp6Result = tmp6(MagicWandIcon.MagicWandIcon, obj3);
      }
      tmp6Result2 = tmp6(tmp2, obj2);
    }
    items = [tmp6Result2, , , ];
    let str = "text-sm/normal";
    const obj4 = { style: row.label, children: hasOwnProperty(Text, obj5) };
    Text = Text_Text.Text;
    if (closure_3) {
      str = "text-md/normal";
    }
    obj5 = { variant: str, color: str2, children: line };
    items[1] = hasOwnProperty(View, obj4);
    let tmp11Result = null;
    if (null != trailing) {
      const obj6 = { style: row.trailing, children: tmp13 };
      tmp11Result = tmp11(tmp2, obj6);
    }
    items[2] = tmp11Result;
    let tmp11Result2 = null;
    if (closure_8) {
      const obj7 = { style: row.chevron, children: hasOwnProperty(ChevronSmallRightIcon, obj8) };
      obj8 = { size: "xs", color: nativeDefault.colors.TEXT_MUTED };
      tmp11Result2 = tmp11(tmp2, obj7);
    }
    items[3] = tmp11Result2;
    return tmp(View, obj);
  };
  cResult[0] = ChevronSmallRightIcon;
  cResult[1] = null != onToggle;
  cResult[2] = glyph;
  cResult[3] = TEXT_BRAND;
  cResult[4] = tmp6;
  cResult[5] = line;
  cResult[6] = tmp8.chevron;
  cResult[7] = tmp8.glyphGutter;
  cResult[8] = tmp8.label;
  cResult[9] = tmp8.row;
  cResult[10] = tmp8.trailing;
  cResult[11] = str2;
  cResult[12] = trailing;
  cResult[13] = fn;
  tmp19 = fn;
}) : ((line) => {
  let crestColor;
  let epoch;
  let inGutter;
  let intl;
  let obj2;
  let obj3;
  let tint;
  line = line.line;
  let flag = line.settled;
  const live = line.live;
  if (flag === undefined) {
    flag = false;
  }
  let flag2 = line.failed;
  if (flag2 === undefined) {
    flag2 = false;
  }
  let str = line.presentation;
  if (str === undefined) {
    str = "headline";
  }
  ({ tint, inGutter } = line);
  if (inGutter === undefined) {
    inGutter = false;
  }
  const trailing = line.trailing;
  const glyph = line.glyph;
  ({ crestColor, epoch } = line);
  if (epoch === undefined) {
    epoch = 0;
  }
  let flag3 = line.expanded;
  if (flag3 === undefined) {
    flag3 = false;
  }
  const onToggle = line.onToggle;
  let TEXT_BRAND;
  let str2;
  let ChevronSmallRightIcon;
  closure_8 = undefined;
  let tmp = closure_8();
  const row = tmp;
  if (flag2) {
    const tmp6 = trailing;
    TEXT_BRAND = inGutter(trailing[3]).colors.TEXT_FEEDBACK_CRITICAL;
  } else {
    const tmp2 = null;
    TEXT_BRAND = tint;
    if (tint == null) {
      TEXT_BRAND = inGutter(trailing[3]).colors.TEXT_BRAND;
    }
  }
  str2 = "text-feedback-critical";
  if (!flag2) {
    let str3 = "text-muted";
    if (!flag) {
      let str4 = "text-default";
      if ("detail" === str) {
        str4 = "text-subtle";
      }
      str3 = str4;
    }
    str2 = str3;
  }
  const useToken = line(trailing[7]).useToken;
  const tmp10 = line(trailing[7]);
  if ("detail" === str) {
    const tmp13 = inGutter;
    tint = inGutter(tmp9[3]).colors.TEXT_DEFAULT;
  } else {
    const tmp11 = null;
    if (tint == null) {
      tint = inGutter(tmp9[3]).colors.TEXT_BRAND;
    }
  }
  if ("detail" === str) {
    crestColor = useToken(tint);
  }
  if (flag3) {
    ChevronSmallRightIcon = tmp8(tmp9[8]).ChevronSmallDownIcon;
  } else {
    ChevronSmallRightIcon = tmp8(tmp9[9]).ChevronSmallRightIcon;
  }
  closure_8 = tmp15;
  items = [ChevronSmallRightIcon, null != onToggle, glyph, TEXT_BRAND, inGutter, line, tmp, str2, trailing];
  const callback = glyph.useCallback(() => {
    let Text;
    let obj5;
    let obj8;
    let tmp6Result;
    let tmp6Result2 = null;
    const obj = { style: row.row, children: items };
    const tmp = metroRequire;
    if (inGutter) {
      const obj2 = { style: row.glyphGutter, children: tmp6Result };
      tmp6Result = glyph;
      if (glyph == null) {
        const obj3 = { size: "refresh_sm", color: TEXT_BRAND };
        tmp6Result = tmp6(MagicWandIcon.MagicWandIcon, obj3);
      }
      tmp6Result2 = tmp6(tmp2, obj2);
    }
    items = [tmp6Result2, , , ];
    let str = "text-sm/normal";
    const obj4 = { style: row.label, children: hasOwnProperty(Text, obj5) };
    Text = Text_Text.Text;
    if (inGutter) {
      str = "text-md/normal";
    }
    obj5 = { variant: str, color: str2, children: line };
    items[1] = hasOwnProperty(View, obj4);
    let tmp11Result = null;
    if (null != trailing) {
      const obj6 = { style: row.trailing, children: tmp13 };
      tmp11Result = tmp11(tmp2, obj6);
    }
    items[2] = tmp11Result;
    let tmp11Result2 = null;
    if (closure_8) {
      const obj7 = { style: row.chevron, children: hasOwnProperty(ChevronSmallRightIcon, obj8) };
      obj8 = { size: "xs", color: nativeDefault.colors.TEXT_MUTED };
      tmp11Result2 = tmp11(tmp2, obj7);
    }
    items[3] = tmp11Result2;
    return tmp(View, obj);
  }, items);
  const tmp19 = TEXT_BRAND(inGutter(trailing[12]), { renderFace: callback, live, tint: crestColor, epoch });
  let tmp17Result = tmp19;
  const tmp17 = TEXT_BRAND;
  const tmp18 = inGutter;
  if (null != onToggle) {
    let obj = { accessibilityRole: "button", accessibilityState: obj2, accessibilityLabel: intl.formatToPlainString(tmp18(tmp9[14]).s1wx5H, obj3), hitSlop: 8, onPress: onToggle, children: tmp19 };
    obj2 = { expanded: flag3 };
    const PressableOpacity = tmp8(tmp9[15]).PressableOpacity;
    intl = tmp8(tmp9[13]).intl;
    obj3 = { activity: line };
    tmp17Result = tmp17(PressableOpacity, obj);
  }
  return tmp17Result;
});
function laneTintIndexFor(key) {
  let length;
  let num = 0;
  let num2 = 0;
  let num3 = 0;
  if (0 < key.length) {
    do {
      num3 = (31 * num3 + key.charCodeAt(num2)) % 2147483647;
      num2 = num2 + 1;
      num = num3;
      length = key.length;
    } while (num2 < length);
  }
  return num % items.length;
}
const result = size.fileFinishedImporting("modules/vibegrations/native/VibegrationsNativeStatusLine.tsx");

export default tmp4;
export const LANE_TINT_COUNT = length;
export { laneTintIndexFor };
export const laneTintFor = function laneTintFor(str) {
  let length;
  let num = 0;
  let num2 = 0;
  let num3 = 0;
  const tmp = items;
  if (0 < str.length) {
    do {
      num3 = (31 * num3 + str.charCodeAt(num2)) % 2147483647;
      num2 = num2 + 1;
      num = num3;
      length = str.length;
    } while (num2 < length);
  }
  return tmp[num % items.length];
};
export const MESSAGE_AVATAR_SIZE = 40;
export const MESSAGE_EDGE_INSET = 12;
export const MESSAGE_AVATAR_GAP = 12;
export const MESSAGE_CONTENT_INSET = 64;