@redocly/replay 0.3.1 → 0.3.3

package/dist/replay.js

@@ -2157,7 +2157,7 @@ See https://s-c.sh/2BAXzed for more info.`), window["__styled-components-init__"
 const _ = Np, {
   createElement: Mo,
   createContext: p$,
-  createRef: Zq,
+  createRef: Wq,
   forwardRef: Iw,
   useCallback: Wn,
   useContext: $w,
@@ -13948,6 +13948,7 @@ const RQ = {
     redirects: ZQ,
     seo: zQ,
     rbac: XQ,
+    requiresLogin: { type: "boolean" },
     responseHeaders: {
       type: "object",
       additionalProperties: {
@@ -16206,7 +16207,7 @@ function Bl({
           size: "small",
           variant: "primary",
           onClick: h,
-          disabled: !c || !a,
+          disabled: !c.trim() || !a.trim(),
           "data-testid": "variable-save-button",
           children: "Save"
         }
@@ -54543,7 +54544,7 @@ function TU({ variable: n, environment: e }) {
     });
   };
   return t ? /* @__PURE__ */ b.jsx(
-    QU,
+    jU,
     {
       variable: n.get(),
       onSave: p,
@@ -54592,10 +54593,10 @@ function TU({ variable: n, environment: e }) {
       ] }),
       children: /* @__PURE__ */ b.jsxs($U, { children: [
         /* @__PURE__ */ b.jsxs(RU, { children: [
-          a,
+          /* @__PURE__ */ b.jsx(DU, { children: a }),
           u && /* @__PURE__ */ b.jsx(PU, {})
         ] }),
-        /* @__PURE__ */ b.jsx(DU, { $isEmpty: !l, children: u && !i ? "•••••" : Va(l, e.variables) || "No value" })
+        /* @__PURE__ */ b.jsx(QU, { $isEmpty: !l, children: u && !i ? "•••••" : Va(l, e.variables) || "No value" })
       ] })
     }
   );
@@ -54610,36 +54611,44 @@ const IU = _.div`
   flex-direction: column;
   justify-content: center;
   align-items: flex-start;
+  padding-bottom: var(--spacing-xs);
   gap: 2px;
   flex: 1 0 0;
   width: 100%;
 `, RU = _.div`
   display: flex;
   align-items: center;
+  width: 100%;
   gap: var(--spacing-xxs);
-  overflow: hidden;
   color: var(--text-color-primary);
-  text-overflow: ellipsis;
-  white-space: nowrap;
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-base);
   padding-left: var(--spacing-base);
   padding-top: var(--spacing-xs);
-`, DU = _.span`
+`, DU = _.div`
+  overflow: hidden;
+  min-width: 0;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`, QU = _.span`
   color: ${({ $isEmpty: n }) => n ? "var(--color-warm-grey-5)" : "var(--text-color-secondary)"};
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
   padding-left: var(--spacing-base);
-  padding-bottom: var(--spacing-xs);
   word-wrap: break-word;
   max-width: 100%;
-`, QU = _(Bl)`
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+`, jU = _(Bl)`
   padding-left: 39px;
   margin-left: -23px;
 `;
-function jU({
+function BU({
   defaultName: n,
   onChange: e,
   onApplyNewName: t,
@@ -54675,7 +54684,7 @@ function jU({
     /* @__PURE__ */ b.jsx(Ve, { variant: "text", onClick: r, icon: /* @__PURE__ */ b.jsx(Bo, {}) })
   ] }) });
 }
-function BU({ environment: n, defaultExpanded: e }) {
+function _U({ environment: n, defaultExpanded: e }) {
   const [t, r] = Ce(!1), { sendEvent: i } = _t(), { state: s, canBeEdited: o, canBeRemoved: a, name: l } = n.get(), c = () => {
     n.set(Dt), i("environment_creation_cancelled", {});
   }, u = () => {
@@ -54698,7 +54707,7 @@ function BU({ environment: n, defaultExpanded: e }) {
     r(!1), i("environment_variable_creation_cancelled", { name: l });
   };
   return s === Or.Edit || s === Or.Draft ? /* @__PURE__ */ b.jsx(
-    jU,
+    BU,
     {
       placeholder: "New Environment",
       defaultName: l,
@@ -54712,7 +54721,7 @@ function BU({ environment: n, defaultExpanded: e }) {
       dataTestId: `environment-${l}`,
       title: l,
       defaultExpanded: e,
-      controls: /* @__PURE__ */ b.jsxs(_U, { children: [
+      controls: /* @__PURE__ */ b.jsxs(NU, { children: [
         o && /* @__PURE__ */ b.jsx(
           Ha,
           {
@@ -54742,7 +54751,7 @@ function BU({ environment: n, defaultExpanded: e }) {
       ] }),
       children: [
         t ? /* @__PURE__ */ b.jsx(
-          FU,
+          ZU,
           {
             variable: Lu(),
             onSave: m,
@@ -54750,7 +54759,7 @@ function BU({ environment: n, defaultExpanded: e }) {
             isNew: !0
           }
         ) : /* @__PURE__ */ b.jsx(
-          MU,
+          FU,
           {
             icon: /* @__PURE__ */ b.jsx(wu, {}),
             variant: "secondary",
@@ -54765,24 +54774,24 @@ function BU({ environment: n, defaultExpanded: e }) {
     }
   ) });
 }
-const _U = _.div`
+const NU = _.div`
   display: flex;
   flex-direction: row;
   gap: var(--spacing-xxs);
   align-items: center;
-`, NU = _(Ve)`
+`, MU = _(Ve)`
   align-self: flex-start;
   margin: 0;
-`, MU = _(NU)`
+`, FU = _(MU)`
   margin: 8px 0 8px -7px;
   font-size: var(--font-size-base);
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-base);
-`, FU = _(Bl)`
+`, ZU = _(Bl)`
   padding-left: 39px;
   margin-left: -23px;
 `;
-function ZU() {
+function WU() {
   const [n, e] = Ce(""), { environments: t, selectedEnvironmentId: r } = Le(), { sendEvent: i } = _t(), s = tt(
     () => t.filter((l) => l.name.get().toLowerCase().includes(n.toLowerCase())),
     [n, t]
@@ -54801,7 +54810,7 @@ function ZU() {
   }, a = (l) => {
     e(l);
   };
-  return /* @__PURE__ */ b.jsxs(WU, { children: [
+  return /* @__PURE__ */ b.jsxs(VU, { children: [
     /* @__PURE__ */ b.jsxs(jO, { children: [
       /* @__PURE__ */ b.jsx(QO, { value: n, onSearch: a }),
       /* @__PURE__ */ b.jsx(_e, {}),
@@ -54818,7 +54827,7 @@ function ZU() {
       ) })
     ] }),
     /* @__PURE__ */ b.jsx(BO, { children: s.map((l) => /* @__PURE__ */ b.jsx(
-      BU,
+      _U,
       {
         environment: l,
         defaultExpanded: l.get().id === r.get()
@@ -54827,7 +54836,7 @@ function ZU() {
     )) })
   ] });
 }
-const WU = _.div`
+const VU = _.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -54838,12 +54847,12 @@ function tw({ name: n, value: e }) {
   }, o = () => {
     i("app_credential_copied", { name: n });
   };
-  return /* @__PURE__ */ b.jsxs(VU, { children: [
-    /* @__PURE__ */ b.jsxs(zU, { children: [
-      /* @__PURE__ */ b.jsx(XU, { children: n }),
-      /* @__PURE__ */ b.jsx(LU, { children: t ? e : "••••••••••••••••••••••••••••••••••••" })
+  return /* @__PURE__ */ b.jsxs(zU, { children: [
+    /* @__PURE__ */ b.jsxs(XU, { children: [
+      /* @__PURE__ */ b.jsx(LU, { children: n }),
+      /* @__PURE__ */ b.jsx(GU, { children: t ? e : "••••••••••••••••••••••••••••••••••••" })
     ] }),
-    /* @__PURE__ */ b.jsxs(GU, { children: [
+    /* @__PURE__ */ b.jsxs(YU, { children: [
       /* @__PURE__ */ b.jsx(
         Ve,
         {
@@ -54857,18 +54866,18 @@ function tw({ name: n, value: e }) {
     ] })
   ] });
 }
-const VU = _.div`
+const zU = _.div`
   display: flex;
   padding: var(--spacing-xs) var(--spacing-xs);
   align-items: flex-start;
   gap: var(--spacing-xs);
   align-self: stretch;
-`, zU = _.div`
+`, XU = _.div`
   display: flex;
   align-items: flex-start;
   gap: 10px;
   flex: 1 0 0;
-`, XU = _.div`
+`, LU = _.div`
   display: -webkit-box;
   width: var(--64-px-4-rem-spacing-11, 64px);
   -webkit-box-orient: vertical;
@@ -54881,20 +54890,20 @@ const VU = _.div`
   font-style: normal;
   font-weight: var(--font-weight-semibold);
   line-height: var(--line-height-sm);
-`, LU = _.div`
+`, GU = _.div`
   flex: 1 0 0;
   color: var(--text-color-primary);
   font-size: var(--font-size-sm);
   font-style: normal;
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
-`, GU = _.div`
+`, YU = _.div`
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: var(--spacing-xxs);
 `;
-function YU({ credential: n, number: e }) {
+function UU({ credential: n, number: e }) {
   const {
     requestActiveTabIdx: t,
     request: { securityType: r, security: i }
@@ -54948,20 +54957,20 @@ function YU({ credential: n, number: e }) {
     }
     c("apps_use_key_clicked", { number: e });
   };
-  return /* @__PURE__ */ b.jsxs(UU, { children: [
-    /* @__PURE__ */ b.jsxs(qU, { children: [
-      /* @__PURE__ */ b.jsx(JU, { children: e.toString().padStart(2, "0") }),
-      /* @__PURE__ */ b.jsxs(HU, { children: [
+  return /* @__PURE__ */ b.jsxs(qU, { children: [
+    /* @__PURE__ */ b.jsxs(HU, { children: [
+      /* @__PURE__ */ b.jsx(KU, { children: e.toString().padStart(2, "0") }),
+      /* @__PURE__ */ b.jsxs(JU, { children: [
         n.stage && /* @__PURE__ */ b.jsx(MO, { color: "gray", children: n.stage }),
         /* @__PURE__ */ b.jsx(MO, { color: "green", children: n.status })
       ] })
     ] }),
     o && /* @__PURE__ */ b.jsx(tw, { name: "API key", value: o }),
     a && /* @__PURE__ */ b.jsx(tw, { name: o ? "Secret" : "API key", value: a }),
-    /* @__PURE__ */ b.jsx(KU, { children: /* @__PURE__ */ b.jsx(Ve, { size: "small", variant: "secondary", onClick: u, children: "Use key" }) })
+    /* @__PURE__ */ b.jsx(eq, { children: /* @__PURE__ */ b.jsx(Ve, { size: "small", variant: "secondary", onClick: u, children: "Use key" }) })
   ] });
 }
-const UU = _.div`
+const qU = _.div`
   display: flex;
   flex-direction: column;
   align-self: stretch;
@@ -54975,7 +54984,7 @@ const UU = _.div`
   & > :not(:last-child) {
     border-bottom: 1px solid var(--border-color-secondary);
   }
-`, qU = _.div`
+`, HU = _.div`
   display: flex;
   justify-content: space-between;
   padding: var(--spacing-xs) var(--spacing-xs);
@@ -54983,16 +54992,16 @@ const UU = _.div`
   align-items: center;
   align-self: stretch;
   background: var(--layer-color);
-`, HU = _.div`
+`, JU = _.div`
   display: flex;
   gap: var(--spacing-xxs);
-`, JU = _.div`
+`, KU = _.div`
   color: var(--text-color-secondary, #3b3c45);
   font-size: var(--font-size-sm);
   font-style: normal;
   font-weight: var(--font-weight-regular);
   line-height: var(--line-height-sm);
-`, KU = _.div`
+`, eq = _.div`
   display: flex;
   padding: var(--spacing-xs) var(--spacing-xs);
   border-radius: 0 0 var(--border-radius-md) var(--border-radius-md);
@@ -55001,24 +55010,24 @@ const UU = _.div`
   align-self: stretch;
   background: var(--layer-color);
 `;
-function eq({ app: n }) {
+function tq({ app: n }) {
   const [e, t] = Ce(!1), { title: r, credentials: i, id: s } = n, o = i.get() || [], a = (l) => {
     l && !i.get() && (t(!0), fetch(`/api/api-keys/apps/${s.get()}`).then((c) => c.json().then((u) => {
       c.ok && i.set(u.credentials);
     }).catch(() => console.log("Something went wrong")).finally(() => t(!1))));
   };
-  return /* @__PURE__ */ b.jsx(td, { dataTestId: `app-${name}`, title: r.get(), onToggle: a, children: /* @__PURE__ */ b.jsx(tq, { children: e ? /* @__PURE__ */ b.jsx(nq, { children: /* @__PURE__ */ b.jsx(_f, { size: "16px", color: "--icon-color-additional" }) }) : o.length ? o.map((l, c) => /* @__PURE__ */ b.jsx(YU, { credential: l, number: c + 1 }, l.id)) : /* @__PURE__ */ b.jsx(rq, { children: "There are no credentials yet." }) }) });
+  return /* @__PURE__ */ b.jsx(td, { dataTestId: `app-${name}`, title: r.get(), onToggle: a, children: /* @__PURE__ */ b.jsx(nq, { children: e ? /* @__PURE__ */ b.jsx(rq, { children: /* @__PURE__ */ b.jsx(_f, { size: "16px", color: "--icon-color-additional" }) }) : o.length ? o.map((l, c) => /* @__PURE__ */ b.jsx(UU, { credential: l, number: c + 1 }, l.id)) : /* @__PURE__ */ b.jsx(iq, { children: "There are no credentials yet." }) }) });
 }
-const tq = _.div`
+const nq = _.div`
   padding-bottom: var(--spacing-xxs);
   margin-left: -7px;
   padding-right: var(--spacing-base);
-`, nq = _.div`
+`, rq = _.div`
   display: flex;
   height: 224px;
   justify-content: center;
   align-items: center;
-`, rq = _.div`
+`, iq = _.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -55027,7 +55036,7 @@ const tq = _.div`
   line-height: var(--line-height-base);
   color: var(--text-color-secondary);
 `;
-function iq() {
+function sq() {
   const [n, e] = Ce(""), { apps: t, apiId: r, appsLoadingState: i } = Le(), { sendEvent: s } = _t(), o = () => {
     window.open("/apps", "_blank"), s("apps_request_access_clicked", {});
   };
@@ -55042,26 +55051,26 @@ function iq() {
   ), l = (c) => {
     e(c);
   };
-  return i.get() === Ur.Loading ? /* @__PURE__ */ b.jsx(oq, { children: /* @__PURE__ */ b.jsx(_f, { size: "24px", color: "--icon-color-additional" }) }) : t.length ? /* @__PURE__ */ b.jsxs(sq, { children: [
+  return i.get() === Ur.Loading ? /* @__PURE__ */ b.jsx(aq, { children: /* @__PURE__ */ b.jsx(_f, { size: "24px", color: "--icon-color-additional" }) }) : t.length ? /* @__PURE__ */ b.jsxs(oq, { children: [
     /* @__PURE__ */ b.jsx(jO, { children: /* @__PURE__ */ b.jsx(QO, { value: n, onSearch: l }) }),
-    /* @__PURE__ */ b.jsx(BO, { children: a.map((c) => /* @__PURE__ */ b.jsx(eq, { app: c }, c.get().id)) })
+    /* @__PURE__ */ b.jsx(BO, { children: a.map((c) => /* @__PURE__ */ b.jsx(tq, { app: c }, c.get().id)) })
   ] }) : /* @__PURE__ */ b.jsxs($T, { children: [
     "You don't have any apps with access to this API",
     /* @__PURE__ */ b.jsx(Ve, { onClick: o, children: "Request access" })
   ] });
 }
-const sq = _.div`
+const oq = _.div`
   display: flex;
   flex-direction: column;
   width: 100%;
-`, oq = _.div`
+`, aq = _.div`
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: calc(100vh - 50px);
-}`, { Tab: aq, TabContent: lq, TabList: cq, Tabs: uq } = aI.components;
-function fq() {
+}`, { Tab: lq, TabContent: cq, TabList: uq, Tabs: fq } = aI.components;
+function dq() {
   const { apiId: n } = Le(), { sendEvent: e } = _t(), [t, r] = Ce(!0), i = Je(
     (a) => {
       e("side_panel_tab_changed", { name: a });
@@ -55072,20 +55081,20 @@ function fq() {
   }, o = tt(() => {
     const a = [
       /* @__PURE__ */ b.jsx(Tp, { label: "History", onClick: () => i("History"), children: /* @__PURE__ */ b.jsx(hU, {}) }, "History"),
-      /* @__PURE__ */ b.jsx(Tp, { label: "Environments", onClick: () => i("Environments"), children: /* @__PURE__ */ b.jsx(ZU, {}) }, "Environments")
+      /* @__PURE__ */ b.jsx(Tp, { label: "Environments", onClick: () => i("Environments"), children: /* @__PURE__ */ b.jsx(WU, {}) }, "Environments")
     ];
     return n.get() && a.push(
-      /* @__PURE__ */ b.jsx(Tp, { label: "Apps", onClick: () => i("Apps"), children: /* @__PURE__ */ b.jsx(iq, {}) })
+      /* @__PURE__ */ b.jsx(Tp, { label: "Apps", onClick: () => i("Apps"), children: /* @__PURE__ */ b.jsx(sq, {}) })
     ), a;
   }, [n, i]);
-  return /* @__PURE__ */ b.jsxs(dq, { $expanded: t, children: [
-    t && /* @__PURE__ */ b.jsxs(hq, { children: [
+  return /* @__PURE__ */ b.jsxs(hq, { $expanded: t, children: [
+    t && /* @__PURE__ */ b.jsxs(pq, { children: [
       ...o
     ] }),
-    /* @__PURE__ */ b.jsx(pq, { variant: "text", onClick: s, children: t ? /* @__PURE__ */ b.jsx(lI, {}) : /* @__PURE__ */ b.jsx(cI, {}) })
+    /* @__PURE__ */ b.jsx(gq, { variant: "text", onClick: s, children: t ? /* @__PURE__ */ b.jsx(lI, {}) : /* @__PURE__ */ b.jsx(cI, {}) })
   ] });
 }
-const dq = _.div`
+const hq = _.div`
   display: flex;
   flex-direction: row;
   border-left: 1px solid var(--border-color-secondary);
@@ -55097,13 +55106,13 @@ const dq = _.div`
   svg {
     fill: var(--text-color-primary);
   }
-`, hq = _(uq)`
+`, pq = _(fq)`
   flex-grow: 1;
   margin-right: -48px;
   margin-top: 0;
   --md-tabs-content-padding: 0;
 
-  ${cq} {
+  ${uq} {
     margin: 0;
     height: 49px;
     font-size: var(--font-size-lg);
@@ -55118,11 +55127,11 @@ const dq = _.div`
     --md-tabs-hover-tab-border-width: 0;
   }
 
-  ${lq} {
+  ${cq} {
     overflow: auto;
   }
 
-  ${aq} {
+  ${lq} {
     font-size: var(--font-size-lg);
     font-weight: var(--font-weight-regular);
     line-height: var(--line-height-lg);
@@ -55144,57 +55153,57 @@ const dq = _.div`
   ol[class^='Tabs__TabList'] {
     padding: 0 0 0 var(--spacing-base);
   }
-`, pq = _(Ve)`
+`, gq = _(Ve)`
   align-self: flex-start;
   margin: 12px;
   padding: 4px;
-`, Tp = _.li``, gq = ({ error: n }) => /* @__PURE__ */ b.jsxs(mq, { children: [
-  /* @__PURE__ */ b.jsx(Oq, { children: "An Error Has Occurred" }),
-  /* @__PURE__ */ b.jsx(vq, { children: n == null ? void 0 : n.message }),
-  /* @__PURE__ */ b.jsx(xq, { children: n == null ? void 0 : n.stack })
-] }), mq = _.div`
+`, Tp = _.li``, mq = ({ error: n }) => /* @__PURE__ */ b.jsxs(Oq, { children: [
+  /* @__PURE__ */ b.jsx(vq, { children: "An Error Has Occurred" }),
+  /* @__PURE__ */ b.jsx(xq, { children: n == null ? void 0 : n.message }),
+  /* @__PURE__ */ b.jsx(bq, { children: n == null ? void 0 : n.stack })
+] }), Oq = _.div`
   padding: var(--spacing-xs) var(--spacing-xl);
-`, Oq = _.h2`
+`, vq = _.h2`
   color: var(--color-error-base);
-`, vq = _.h4`
+`, xq = _.h4`
   color: var(--text-color-secondary);
-`, xq = _.pre`
+`, bq = _.pre`
   white-space: break-spaces;
 `;
-function bq({ className: n }) {
-  return /* @__PURE__ */ b.jsx(yq, { className: n, children: /* @__PURE__ */ b.jsxs(Sq, { children: [
+function yq({ className: n }) {
+  return /* @__PURE__ */ b.jsx(Sq, { className: n, children: /* @__PURE__ */ b.jsxs(wq, { children: [
     /* @__PURE__ */ b.jsx(uw, { size: "24px", color: "--color-error-base" }),
-    /* @__PURE__ */ b.jsxs(wq, { children: [
-      /* @__PURE__ */ b.jsx(Cq, { children: "Oops! Something went wrong." }),
-      /* @__PURE__ */ b.jsx(kq, { children: "We're sorry. There's been an unexpected error. Our team has been notified and will investigate the issue." })
+    /* @__PURE__ */ b.jsxs(Cq, { children: [
+      /* @__PURE__ */ b.jsx(kq, { children: "Oops! Something went wrong." }),
+      /* @__PURE__ */ b.jsx(Aq, { children: "We're sorry. There's been an unexpected error. Our team has been notified and will investigate the issue." })
     ] })
   ] }) });
 }
-const yq = _.div`
+const Sq = _.div`
   display: flex;
   justify-content: center;
   align-items: center;
   width: 80vw;
   height: 100vh;
   background-color: var(--bg-color);
-`, Sq = _.div`
+`, wq = _.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: var(--spacing-base);
-`, wq = _.div`
+`, Cq = _.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: var(--spacing-xxs);
   width: 488px;
-`, Cq = _.div`
+`, kq = _.div`
   color: var(--text-color-primary);
   font-size: var(--font-size-xl);
   font-style: normal;
   font-weight: var(--font-weight-semibold);
   line-height: var(--line-height-xl);
-`, kq = _.div`
+`, Aq = _.div`
   color: var(--text-color-primary);
   font-size: var(--font-size-lg);
   font-style: normal;
@@ -55231,31 +55240,31 @@ class RT extends U.Component {
     this.setState(r), (s = (i = this.props).onError) == null || s.call(i, r.error);
   }
   render() {
-    return this.state.error ? process.env.NODE_ENV === "production" ? /* @__PURE__ */ b.jsx(bq, {}) : /* @__PURE__ */ b.jsx(gq, { error: this.state.error }) : this.props.children;
+    return this.state.error ? process.env.NODE_ENV === "production" ? /* @__PURE__ */ b.jsx(yq, {}) : /* @__PURE__ */ b.jsx(mq, { error: this.state.error }) : this.props.children;
   }
 }
-function Aq({ className: n }) {
+function Pq({ className: n }) {
   const { operationUrl: e } = Le().get(), { sendEvent: t } = _t();
   return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsx(uI, {}),
-    /* @__PURE__ */ b.jsx(Pq, { className: n, children: /* @__PURE__ */ b.jsxs(
+    /* @__PURE__ */ b.jsx(Eq, { className: n, children: /* @__PURE__ */ b.jsxs(
       RT,
       {
         onError: (r) => t("unhandled_error", { ...r, operationUrl: e }),
         children: [
           /* @__PURE__ */ b.jsx(kT, {}),
-          /* @__PURE__ */ b.jsx(fq, {})
+          /* @__PURE__ */ b.jsx(dq, {})
         ]
       }
     ) })
   ] });
 }
-const Pq = _.div`
+const Eq = _.div`
   display: flex;
   height: 100vh;
   background-color: var(--bg-color);
 `;
-function Eq(n, e) {
+function Tq(n, e) {
   const t = zE(n), r = VE(n), i = vX(n), s = gX(n), o = n.request.get().body.activeExampleName, a = n.request.get().body.type, l = CO(n);
   return {
     requestValues: {
@@ -55278,8 +55287,8 @@ function Eq(n, e) {
     )
   };
 }
-function Tq(n, e) {
-  const { servers: t, parameters: r } = n, i = r.filter((o) => o.in === "path"), s = Iq(n);
+function Iq(n, e) {
+  const { servers: t, parameters: r } = n, i = r.filter((o) => o.in === "path"), s = $q(n);
   return t.map((o) => {
     const a = o.url, l = o.description || a, c = o.variables || {}, u = Object.entries(c).map(([m, g]) => {
       const v = Za.getEnvironmentVariableByName(
@@ -55331,7 +55340,7 @@ function Tq(n, e) {
       state: Or.Normal,
       canBeRemoved: !1,
       canBeEdited: !1,
-      variables: $q(
+      variables: Rq(
         [
           ...p,
           {
@@ -55351,7 +55360,7 @@ function Tq(n, e) {
     };
   });
 }
-function Iq(n) {
+function $q(n) {
   const e = [], t = n.security || [], r = /* @__PURE__ */ new Set();
   return t.forEach((i) => {
     const s = as(i);
@@ -55374,7 +55383,7 @@ function Gr(n, e) {
     isSecret: e === void 0 ? !0 : e
   };
 }
-function $q(n, e) {
+function Rq(n, e) {
   return e ? n.map((t) => {
     const r = e[t.name];
     return r !== void 0 ? {
@@ -55398,16 +55407,16 @@ function DT({ value: n, disableDraft: e, ...t }) {
     oAuth2RedirectURI: h
   } = r;
   return Xe(() => {
-    const p = t.operationUrl && !e ? mT.getByKey(t.operationUrl) : null, m = Yn(n), g = Tq(m, t.predefinedEnvValues), v = g.find(
+    const p = t.operationUrl && !e ? mT.getByKey(t.operationUrl) : null, m = Yn(n), g = Iq(m, t.predefinedEnvValues), v = g.find(
       ({ name: O, url: x }) => x === (t == null ? void 0 : t.environment) || O === (t == null ? void 0 : t.environment)
     );
     i.set(m), l.set(g), a.set(t.corsProxyUrl ?? tY), o.set(null), c.set(t.operationUrl), u.set(t.mockServer), d.set(t.apiId), h.set(t.oAuth2RedirectURI), v && f.set(v.id), p ? s.set(p) : s.set(kO(m)), ME(r);
   }, [n]), r;
 }
-function qq({ onClose: n, onLoad: e, onRequestChange: t, ...r }) {
+function Hq({ onClose: n, onLoad: e, onRequestChange: t, ...r }) {
   const i = ct(null), { sendEvent: s } = _t(), o = Le(), a = DT(r), l = Je(() => {
     if (t) {
-      const u = a.isLinked.get(), f = Eq(a, r.value);
+      const u = a.isLinked.get(), f = Tq(a, r.value);
       t(u ? f : { requestValues: {} });
     }
     s("replay_closed", { operationName: r.value.name }), n(), o.set(eo());
@@ -55422,7 +55431,7 @@ function qq({ onClose: n, onLoad: e, onRequestChange: t, ...r }) {
   };
   return /* @__PURE__ */ b.jsx(iw, { children: /* @__PURE__ */ b.jsxs(Mk, { onClick: l, children: [
     /* @__PURE__ */ b.jsx(
-      Dq,
+      Qq,
       {
         onClick: l,
         role: "button",
@@ -55430,15 +55439,15 @@ function qq({ onClose: n, onLoad: e, onRequestChange: t, ...r }) {
         tabIndex: 0,
         ref: i,
         autoFocus: !0,
-        children: /* @__PURE__ */ b.jsx(Qq, {})
+        children: /* @__PURE__ */ b.jsx(jq, {})
       }
     ),
-    /* @__PURE__ */ b.jsx(Rq, {})
+    /* @__PURE__ */ b.jsx(Dq, {})
   ] }) });
 }
-const Rq = _(Aq)`
+const Dq = _(Pq)`
   width: 80vw;
-`, Dq = _.div`
+`, Qq = _.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -55451,30 +55460,30 @@ const Rq = _(Aq)`
   width: 24px;
   height: 24px;
   cursor: pointer;
-`, Qq = _(Bo)`
+`, jq = _(Bo)`
   width: 14px;
   height: 14px;
 `;
-function Hq(n) {
+function Jq(n) {
   const { sendEvent: e } = _t(), t = tt(() => Uw(eo()), []);
   return /* @__PURE__ */ b.jsx(ZG, { value: t, children: /* @__PURE__ */ b.jsx(
     RT,
     {
       onError: (r) => e("unhandled_error", { ...r, isEmbedded: !0 }),
-      children: /* @__PURE__ */ b.jsx(jq, { ...n })
+      children: /* @__PURE__ */ b.jsx(Bq, { ...n })
     }
   ) });
 }
-function jq(n) {
-  return DT({ ...n, disableDraft: !0 }), /* @__PURE__ */ b.jsx(iw, { children: /* @__PURE__ */ b.jsx(Bq, { children: /* @__PURE__ */ b.jsx(kT, {}) }) });
+function Bq(n) {
+  return DT({ ...n, disableDraft: !0 }), /* @__PURE__ */ b.jsx(iw, { children: /* @__PURE__ */ b.jsx(_q, { children: /* @__PURE__ */ b.jsx(kT, {}) }) });
 }
-const Bq = _.div`
+const _q = _.div`
   display: flex;
   max-height: 80vh;
   height: 800px;
   width: 100%;
 `;
 export {
-  Hq as EmbeddedReplay,
-  qq as ReplayOverlay
+  Jq as EmbeddedReplay,
+  Hq as ReplayOverlay
 };