// Module ID: 16416
// Function ID: 16417
// Name: VibegrationsDebugPrimitives
// Dependencies: [19, 17, 21, 4837, 588, 558, 576, 4833, 1127, 3718, 16413, 5282, 2]

// Module 16416 (VibegrationsDebugPrimitives)
import react2 from "react" /* 576 */;
import nativeDefault from "native" /* 588 */;
import intl4 from "intl" /* 1127 */;
import _modDef3718 from "module_3718" /* 3718 */;
import Text_Text from "Text/Text" /* 4833 */;
import components_Button_Button from "components/Button/Button" /* 5282 */;
import VibegrationsDebugFormat from "VibegrationsDebugFormat" /* 16413 */;
import react from "react" /* 19 */;
import react_native from "react-native" /* 17 */;
import Fragment from "Fragment" /* 21 */;
import createStyles_mod from "createStyles" /* 4837 */;
import ReactCompilerGating_mod from "ReactCompilerGating" /* 558 */;
import size from "module_2" /* 2 */;

let c3;
let closure_4;
let hasOwnProperty;
let metroRequire;
let obj2;
let obj3;
let obj4;
let obj5;
let obj6;
let obj7;
let obj8;
({ ActivityIndicator: c3, View: closure_4 } = react_native);
({ jsx: hasOwnProperty, jsxs: metroRequire } = Fragment);
let createStyles = createStyles_mod;
let obj = { toolbar: obj2, toolbarStatus: { flex: 1 }, section: obj3, statRow: obj4, statRowHead: obj5, statLabel: { flexShrink: 1 }, statValue: { flexShrink: 1, textAlign: "right" }, meterTrack: obj6, meterFill: obj7, meterFillCritical: obj8 };
obj2 = { flexDirection: "row", alignItems: "center", justifyContent: "space-between", gap: nativeDefault.space.PX_12 };
createStyles = createStyles.createStyles;
obj3 = { gap: nativeDefault.space.PX_8 };
obj4 = { gap: nativeDefault.space.PX_4 };
obj5 = { flexDirection: "row", alignItems: "baseline", justifyContent: "space-between", gap: nativeDefault.space.PX_12 };
obj6 = { height: 4, borderRadius: nativeDefault.radii.xs, backgroundColor: nativeDefault.colors.BACKGROUND_MOD_STRONG, overflow: "hidden" };
obj7 = { height: "100%", backgroundColor: nativeDefault.colors.TEXT_BRAND };
obj8 = { backgroundColor: nativeDefault.colors.TEXT_FEEDBACK_CRITICAL };
let closure_7 = createStyles(obj);
let ReactCompilerGating = ReactCompilerGating_mod;
let tmp6 = ReactCompilerGating.isReactCompilerEnabled() ? ((arg0) => {
  let fetchState;
  let formatToPlainString;
  let generatedAt;
  let intl2;
  let items;
  let obj7;
  let onRefresh;
  let tmp10;
  let tmpResult;
  let v4NpaEk;
  const obj = react2;
  const cResult = obj.c(13);
  ({ generatedAt, fetchState, onRefresh } = arg0);
  const tmp4 = closure_7();
  if (cResult[0] === fetchState) {
    let tmp6;
    if (cResult[1] === generatedAt) {
      tmp6 = cResult[2];
    }
    if (cResult[3] === tmp4.toolbarStatus) {
      let tmp15;
      let tmp20;
      let tmp23;
      if (cResult[4] === tmp6) {
        tmp15 = cResult[5];
      }
      const _Symbol = Symbol;
      if (cResult[6] === Symbol.for("react.memo_cache_sentinel")) {
        const intl3 = tmp(1127).intl;
        const stringResult = intl3.string(_modDef3718.aw0IJm);
        cResult[6] = stringResult;
        tmp20 = stringResult;
      } else {
        tmp20 = cResult[6];
      }
      if (cResult[7] !== onRefresh) {
        const obj2 = { variant: "secondary", size: "sm", text: tmp20, onPress: onRefresh };
        const tmp25 = hasOwnProperty(components_Button_Button.Button, obj2);
        cResult[7] = onRefresh;
        cResult[8] = tmp25;
        tmp23 = tmp25;
      } else {
        tmp23 = cResult[8];
      }
      if (cResult[9] === tmp4.toolbar) {
        if (cResult[10] === tmp15) {
          let tmp26;
          if (cResult[11] === tmp23) {
            tmp26 = cResult[12];
          }
          return tmp26;
        }
      }
      const obj3 = { style: tmp5, children: items };
      items = [tmp15, tmp23];
      const tmp29 = metroRequire(React3, obj3);
      cResult[9] = tmp4.toolbar;
      cResult[10] = tmp15;
      cResult[11] = tmp23;
      cResult[12] = tmp29;
      tmp26 = tmp29;
    }
    const obj4 = { style: tmp4.toolbarStatus, children: tmp6 };
    const tmp18 = hasOwnProperty(React3, obj4);
    cResult[3] = tmp4.toolbarStatus;
    cResult[4] = tmp6;
    cResult[5] = tmp18;
    tmp15 = tmp18;
  }
  if ("loading" === fetchState) {
    tmp10 = hasOwnProperty(_false, { size: "small" });
  } else if ("failed" === fetchState) {
    const obj5 = { variant: "text-xs/normal", color: "text-feedback-critical", children: intl2.string(_modDef3718["K+FvtM"]) };
    const Text2 = tmp(4833).Text;
    intl2 = tmp(1127).intl;
    tmp10 = hasOwnProperty(Text2, obj5);
  } else {
    tmp10 = null;
    if (null != generatedAt) {
      const obj6 = { variant: "text-xs/normal", color: "text-muted", children: formatToPlainString(v4NpaEk, obj7) };
      const Text = tmp(4833).Text;
      const intl = tmp(1127).intl;
      formatToPlainString = intl.formatToPlainString;
      obj7 = { time: tmpResult.formatObservedAt(generatedAt) };
      v4NpaEk = _modDef3718["4NpaEk"];
      tmpResult = VibegrationsDebugFormat;
      tmp10 = hasOwnProperty(Text, obj6);
    }
  }
  cResult[0] = fetchState;
  cResult[1] = generatedAt;
  cResult[2] = tmp10;
  tmp6 = tmp10;
}) : ((onRefresh) => {
  let fetchState;
  let formatToPlainString;
  let generatedAt;
  let intl2;
  let intl3;
  let items;
  let obj5;
  let obj6;
  let tmp4Result;
  let v4NpaEk;
  ({ generatedAt, fetchState } = onRefresh);
  onRefresh = onRefresh.onRefresh;
  const tmp = closure_7();
  const obj = { style: tmp.toolbar, children: items };
  const obj2 = { style: tmp.toolbarStatus, children: tmp4Result };
  const tmp2 = metroRequire;
  if ("loading" === fetchState) {
    tmp4Result = tmp4(_false, { size: "small" });
  } else if ("failed" === fetchState) {
    const obj3 = { variant: "text-xs/normal", color: "text-feedback-critical", children: intl2.string(_modDef3718["K+FvtM"]) };
    const Text2 = Text_Text.Text;
    intl2 = intl4.intl;
    tmp4Result = tmp4(Text2, obj3);
  } else {
    tmp4Result = null;
    if (null != generatedAt) {
      const obj4 = { variant: "text-xs/normal", color: "text-muted", children: formatToPlainString(v4NpaEk, obj6) };
      const Text = Text_Text.Text;
      const intl = intl4.intl;
      formatToPlainString = intl.formatToPlainString;
      obj6 = { time: obj5.formatObservedAt(generatedAt) };
      v4NpaEk = _modDef3718["4NpaEk"];
      obj5 = VibegrationsDebugFormat;
      tmp4Result = tmp4(Text, obj4);
    }
  }
  items = [hasOwnProperty(React3, obj2), ];
  const obj7 = { variant: "secondary", size: "sm", text: intl3.string(_modDef3718.aw0IJm), onPress: onRefresh };
  const Button = components_Button_Button.Button;
  intl3 = intl4.intl;
  items[1] = hasOwnProperty(Button, obj7);
  return tmp2(React3, obj);
});
ReactCompilerGating = ReactCompilerGating_mod;
let tmp7 = ReactCompilerGating.isReactCompilerEnabled() ? ((arg0) => {
  let children;
  let items;
  let title;
  let tmp5;
  const obj = react2;
  const cResult = obj.c(6);
  ({ title, children } = arg0);
  const tmp4 = closure_7();
  if (cResult[0] !== title) {
    const obj2 = { variant: "text-xs/semibold", color: "text-muted", children: title };
    const tmp7 = hasOwnProperty(Text_Text.Text, obj2);
    cResult[0] = title;
    cResult[1] = tmp7;
    tmp5 = tmp7;
  } else {
    tmp5 = cResult[1];
  }
  if (cResult[2] === children) {
    if (cResult[3] === tmp4.section) {
      let tmp8;
      if (cResult[4] === tmp5) {
        tmp8 = cResult[5];
      }
      return tmp8;
    }
  }
  const obj3 = { style: tmp4.section, children: items };
  items = [tmp5, children];
  const tmp9 = metroRequire(React3, obj3);
  cResult[2] = children;
  cResult[3] = tmp4.section;
  cResult[4] = tmp5;
  cResult[5] = tmp9;
  tmp8 = tmp9;
}) : ((arg0) => {
  let children;
  let items;
  let title;
  ({ title, children } = arg0);
  const obj = { style: closure_7().section, children: items };
  items = [hasOwnProperty(Text_Text.Text, { variant: "text-xs/semibold", color: "text-muted", children: title }), children];
  return metroRequire(React3, obj);
});
ReactCompilerGating = ReactCompilerGating_mod;
let tmp8 = ReactCompilerGating.isReactCompilerEnabled() ? ((children) => {
  let tmp4;
  const obj = react2;
  const cResult = obj.c(2);
  children = children.children;
  if (cResult[0] !== children) {
    const obj2 = { variant: "text-sm/normal", color: "text-muted", children };
    const tmp6 = hasOwnProperty(Text_Text.Text, obj2);
    cResult[0] = children;
    cResult[1] = tmp6;
    tmp4 = tmp6;
  } else {
    tmp4 = cResult[1];
  }
  return tmp4;
}) : ((children) => hasOwnProperty(Text_Text.Text, { variant: "text-sm/normal", color: "text-muted", children: children.children }));
ReactCompilerGating = ReactCompilerGating_mod;
let tmp9 = ReactCompilerGating.isReactCompilerEnabled() ? ((arg0) => {
  let critical;
  let hint;
  let items;
  let items1;
  let label;
  let tmp6;
  let value;
  const obj = react2;
  const cResult = obj.c(19);
  ({ label, value, hint, critical } = arg0);
  const tmp4 = undefined !== critical && critical;
  const tmp5 = closure_7();
  if (cResult[0] !== label) {
    const obj2 = { variant: "text-sm/normal", color: "text-muted", children: label };
    const tmp8 = hasOwnProperty(Text_Text.Text, obj2);
    cResult[0] = label;
    cResult[1] = tmp8;
    tmp6 = tmp8;
  } else {
    tmp6 = cResult[1];
  }
  if (cResult[2] === tmp5.statLabel) {
    let tmp9;
    if (cResult[3] === tmp6) {
      tmp9 = cResult[4];
    }
    let str = "text-default";
    if (tmp4) {
      str = "text-feedback-critical";
    }
    if (cResult[5] === tmp5.statValue) {
      if (cResult[6] === str) {
        let tmp11;
        if (cResult[7] === value) {
          tmp11 = cResult[8];
        }
        if (cResult[9] === tmp5.statRowHead) {
          if (cResult[10] === tmp9) {
            let tmp14;
            let tmp18;
            if (cResult[11] === tmp11) {
              tmp14 = cResult[12];
            }
            if (cResult[13] !== hint) {
              let tmp19 = null;
              if (null != hint) {
                const obj3 = { variant: "text-xs/normal", color: "text-muted", children: hint };
                tmp19 = hasOwnProperty(tmp(4833).Text, obj3);
              }
              cResult[13] = hint;
              cResult[14] = tmp19;
              tmp18 = tmp19;
            } else {
              tmp18 = cResult[14];
            }
            if (cResult[15] === tmp5.statRow) {
              if (cResult[16] === tmp14) {
                let tmp21;
                if (cResult[17] === tmp18) {
                  tmp21 = cResult[18];
                }
                return tmp21;
              }
            }
            const obj4 = { style: tmp5.statRow, children: items };
            items = [tmp14, tmp18];
            const tmp24 = metroRequire(React3, obj4);
            cResult[15] = tmp5.statRow;
            cResult[16] = tmp14;
            cResult[17] = tmp18;
            cResult[18] = tmp24;
            tmp21 = tmp24;
          }
        }
        const obj5 = { style: tmp5.statRowHead, children: items1 };
        items1 = [tmp9, tmp11];
        const tmp17 = metroRequire(React3, obj5);
        cResult[9] = tmp5.statRowHead;
        cResult[10] = tmp9;
        cResult[11] = tmp11;
        cResult[12] = tmp17;
        tmp14 = tmp17;
      }
    }
    const obj6 = { variant: "text-sm/medium", color: str, style: tmp5.statValue, children: value };
    const tmp13 = hasOwnProperty(Text_Text.Text, obj6);
    cResult[5] = tmp5.statValue;
    cResult[6] = str;
    cResult[7] = value;
    cResult[8] = tmp13;
    tmp11 = tmp13;
  }
  const obj7 = { style: tmp5.statLabel, children: tmp6 };
  const tmp10 = hasOwnProperty(React3, obj7);
  cResult[2] = tmp5.statLabel;
  cResult[3] = tmp6;
  cResult[4] = tmp10;
  tmp9 = tmp10;
}) : ((arg0) => {
  let critical;
  let hint;
  let items;
  let items1;
  let label;
  let value;
  ({ hint, critical } = arg0);
  ({ label, value } = arg0);
  if (critical === undefined) {
    critical = false;
  }
  const tmp = closure_7();
  const obj2 = { style: tmp.statRowHead, children: items };
  items = [, ];
  const obj = { style: tmp.statRow, children: items1 };
  const obj3 = { style: tmp.statLabel, children: hasOwnProperty(Text_Text.Text, { variant: "text-sm/normal", color: "text-muted", children: label }) };
  items[0] = hasOwnProperty(React3, obj3);
  let str = "text-default";
  const Text = Text_Text.Text;
  if (critical) {
    str = "text-feedback-critical";
  }
  const obj4 = { variant: "text-sm/medium", color: str, style: tmp.statValue, children: value };
  items[1] = hasOwnProperty(Text, obj4);
  items1 = [metroRequire(React3, obj2), ];
  let tmp4Result = null;
  if (null != hint) {
    const obj5 = { variant: "text-xs/normal", color: "text-muted", children: hint };
    tmp4Result = tmp4(Text_Text.Text, obj5);
  }
  items1[1] = tmp4Result;
  return metroRequire(React3, obj);
});
ReactCompilerGating = ReactCompilerGating_mod;
let tmp10 = ReactCompilerGating.isReactCompilerEnabled() ? ((arg0) => {
  let formatValue;
  let items;
  let items1;
  let items2;
  let label;
  let max;
  let used;
  const obj = react2;
  const cResult = obj.c(35);
  ({ label, used, max, formatValue } = arg0);
  const tmp4 = closure_7();
  let num = 0;
  if (max > 0) {
    const _Math = Math;
    const _Math2 = Math;
    num = Math.min(1, Math.max(0, used / max));
  }
  let meterFillCritical = num >= 0.9;
  if (cResult[0] === formatValue) {
    let tmp6;
    if (cResult[1] === used) {
      tmp6 = cResult[2];
    }
    if (cResult[3] === formatValue) {
      let tmp8;
      let tmp12;
      let tmp13;
      if (cResult[4] === max) {
        tmp8 = cResult[5];
      }
      const _HermesInternal = HermesInternal;
      const combined = "" + tmp6 + " / " + tmp8;
      if (cResult[6] !== combined) {
        const obj2 = { text: combined };
        cResult[6] = combined;
        cResult[7] = obj2;
        tmp12 = obj2;
      } else {
        tmp12 = cResult[7];
      }
      if (cResult[8] !== label) {
        const obj3 = { variant: "text-sm/normal", color: "text-muted", children: label };
        const tmp15 = hasOwnProperty(Text_Text.Text, obj3);
        cResult[8] = label;
        cResult[9] = tmp15;
        tmp13 = tmp15;
      } else {
        tmp13 = cResult[9];
      }
      if (cResult[10] === tmp4.statLabel) {
        let tmp16;
        if (cResult[11] === tmp13) {
          tmp16 = cResult[12];
        }
        let str3 = "text-default";
        if (meterFillCritical) {
          str3 = "text-feedback-critical";
        }
        if (cResult[13] === str3) {
          let tmp20;
          if (cResult[14] === combined) {
            tmp20 = cResult[15];
          }
          if (cResult[16] === tmp4.statRowHead) {
            if (cResult[17] === tmp16) {
              let tmp23;
              let tmp28;
              if (cResult[18] === tmp20) {
                tmp23 = cResult[19];
              }
              if (meterFillCritical) {
                meterFillCritical = tmp4.meterFillCritical;
              }
              const text = `${100 * num}%`;
              if (cResult[20] !== `${100 * num}%`) {
                const obj4 = { width: text };
                cResult[20] = text;
                cResult[21] = obj4;
                tmp28 = obj4;
              } else {
                tmp28 = cResult[21];
              }
              if (cResult[22] === tmp4.meterFill) {
                if (cResult[23] === tmp28) {
                  let tmp29;
                  if (cResult[24] === meterFillCritical) {
                    tmp29 = cResult[25];
                  }
                  if (cResult[26] === tmp4.meterTrack) {
                    let tmp33;
                    if (cResult[27] === tmp29) {
                      tmp33 = cResult[28];
                    }
                    if (cResult[29] === label) {
                      if (cResult[30] === tmp4.statRow) {
                        if (cResult[31] === tmp33) {
                          if (cResult[32] === tmp12) {
                            let tmp37;
                            if (cResult[33] === tmp23) {
                              tmp37 = cResult[34];
                            }
                            return tmp37;
                          }
                        }
                      }
                    }
                    const obj5 = { style: tmp4.statRow, accessibilityRole: "progressbar", accessibilityLabel: label, accessibilityValue: tmp12, children: items };
                    items = [tmp23, tmp33];
                    const tmp40 = metroRequire(React3, obj5);
                    cResult[29] = label;
                    cResult[30] = tmp4.statRow;
                    cResult[31] = tmp33;
                    cResult[32] = tmp12;
                    cResult[33] = tmp23;
                    cResult[34] = tmp40;
                    tmp37 = tmp40;
                  }
                  const obj6 = { style: tmp4.meterTrack, children: tmp29 };
                  const tmp36 = hasOwnProperty(React3, obj6);
                  cResult[26] = tmp4.meterTrack;
                  cResult[27] = tmp29;
                  cResult[28] = tmp36;
                  tmp33 = tmp36;
                }
              }
              const obj7 = { style: items1 };
              items1 = [tmp4.meterFill, meterFillCritical, tmp28];
              const tmp32 = hasOwnProperty(React3, obj7);
              cResult[22] = tmp4.meterFill;
              cResult[23] = tmp28;
              cResult[24] = meterFillCritical;
              cResult[25] = tmp32;
              tmp29 = tmp32;
            }
          }
          const obj8 = { style: tmp4.statRowHead, children: items2 };
          items2 = [tmp16, tmp20];
          const tmp26 = metroRequire(React3, obj8);
          cResult[16] = tmp4.statRowHead;
          cResult[17] = tmp16;
          cResult[18] = tmp20;
          cResult[19] = tmp26;
          tmp23 = tmp26;
        }
        const obj9 = { variant: "text-sm/medium", color: str3, children: combined };
        const tmp22 = hasOwnProperty(Text_Text.Text, obj9);
        cResult[13] = str3;
        cResult[14] = combined;
        cResult[15] = tmp22;
        tmp20 = tmp22;
      }
      const obj10 = { style: tmp4.statLabel, children: tmp13 };
      const tmp19 = hasOwnProperty(React3, obj10);
      cResult[10] = tmp4.statLabel;
      cResult[11] = tmp13;
      cResult[12] = tmp19;
      tmp16 = tmp19;
    }
    const formatValueResult = formatValue(max);
    cResult[3] = formatValue;
    cResult[4] = max;
    cResult[5] = formatValueResult;
    tmp8 = formatValueResult;
  }
  const formatValueResult1 = formatValue(used);
  cResult[0] = formatValue;
  cResult[1] = used;
  cResult[2] = formatValueResult1;
  tmp6 = formatValueResult1;
}) : ((arg0) => {
  let formatValue;
  let items;
  let items1;
  let items2;
  let label;
  let max;
  let used;
  ({ label, used, max, formatValue } = arg0);
  const tmp = closure_7();
  let num = 0;
  if (max > 0) {
    const _Math = Math;
    const _Math2 = Math;
    num = Math.min(1, Math.max(0, used / max));
  }
  let meterFillCritical = num >= 0.9;
  const formatValueResult = formatValue(used);
  const combined = "" + formatValueResult + " / " + formatValue(max);
  const obj2 = { style: tmp.statRowHead, children: items };
  items = [, ];
  const obj = { style: tmp.statRow, accessibilityRole: "progressbar", accessibilityLabel: label, accessibilityValue: { text: combined }, children: items1 };
  const obj3 = { style: tmp.statLabel, children: hasOwnProperty(Text_Text.Text, { variant: "text-sm/normal", color: "text-muted", children: label }) };
  items[0] = hasOwnProperty(React3, obj3);
  let str = "text-default";
  const Text = Text_Text.Text;
  if (meterFillCritical) {
    str = "text-feedback-critical";
  }
  items[1] = hasOwnProperty(Text, { variant: "text-sm/medium", color: str, children: combined });
  items1 = [metroRequire(React3, obj2), ];
  const obj4 = { style: tmp.meterTrack, children: hasOwnProperty(React3, { style: items2 }) };
  items2 = [tmp.meterFill, , ];
  if (meterFillCritical) {
    meterFillCritical = tmp.meterFillCritical;
  }
  items2[1] = meterFillCritical;
  const obj5 = { width: `${100 * num}%` };
  items2[2] = obj5;
  items1[1] = hasOwnProperty(React3, obj4);
  return metroRequire(React3, obj);
});
const result = size.fileFinishedImporting("modules/vibegrations/native/VibegrationsDebugPrimitives.tsx");

export const DebugSnapshotToolbar = tmp6;
export const DebugSection = tmp7;
export const DebugNote = tmp8;
export const DebugStatRow = tmp9;
export const DebugMeter = tmp10;