@valiantys/atlassian-app 3.2.0-alpha-1

package/atlassian/shared/frontend-ui-backend-adapter/src/lib/backend-adapter/index.es.js

@@ -0,0 +1,28 @@
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as o, useContext as d } from "react";
+const t = o(null), i = () => {
+  const e = d(t);
+  if (!e)
+    throw new Error(
+      "useBackendAdapter must be used within a BackendAdapterProvider"
+    );
+  return e;
+};
+function u({
+  children: e,
+  invokeImplementation: r
+}) {
+  return /* @__PURE__ */ n(
+    t.Provider,
+    {
+      value: {
+        invoke: r
+      },
+      children: e
+    }
+  );
+}
+export {
+  u as BackendAdapterProvider,
+  i as useBackendAdapter
+};

package/atlassian/shared/frontend-ui-backend-adapter/src/lib/oauth-fetch-invoke/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../../../../shared/util-fetch/src/lib/shared-util-fetch/index.cjs.js");function o(e,t,r){return async(n,u)=>c.bearerAuthFetch(t,e+n,"POST",{...u},"json",{"resource-id":r})}exports.getOauthFetchInvokeImpl=o;

package/atlassian/shared/frontend-ui-backend-adapter/src/lib/oauth-fetch-invoke/index.es.js

@@ -0,0 +1,16 @@
+import { bearerAuthFetch as u } from "../../../../../../shared/util-fetch/src/lib/shared-util-fetch/index.es.js";
+function h(e, r, t) {
+  return async (n, o) => u(
+    r,
+    e + n,
+    "POST",
+    { ...o },
+    "json",
+    {
+      "resource-id": t
+    }
+  );
+}
+export {
+  h as getOauthFetchInvokeImpl
+};

package/atlassian/shared/frontend-ui-copy-button/src/lib/copy-text-button/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),p=require("@atlaskit/button/new"),l=require("@atlaskit/icon/glyph/copy"),d=require("@atlaskit/popup"),x=require("@atlaskit/primitives"),C=require("react");function g({textToCopy:o,label:n,appearance:r,popupText:i,popupPlacement:s}){const[u,t]=C.useState(!1);return e.jsx(d,{isOpen:u,onClose:()=>t(!1),placement:s||"auto",content:()=>e.jsx(x.Box,{padding:"space.100",children:i||"Copied!"}),trigger:c=>e.jsx(p.IconButton,{...c,icon:l,label:n||"Copy",appearance:r||"subtle",onClick:a=>{a.preventDefault(),navigator.clipboard.writeText(o),t(!0)}})})}exports.CopyTextButton=g;

package/atlassian/shared/frontend-ui-copy-button/src/lib/copy-text-button/index.es.js

@@ -0,0 +1,39 @@
+import { jsx as o } from "react/jsx-runtime";
+import { IconButton as l } from "@atlaskit/button/new";
+import s from "@atlaskit/icon/glyph/copy";
+import f from "@atlaskit/popup";
+import { Box as u } from "@atlaskit/primitives";
+import { useState as d } from "react";
+function B({
+  textToCopy: e,
+  label: r,
+  appearance: p,
+  popupText: n,
+  popupPlacement: i
+}) {
+  const [a, t] = d(!1);
+  return /* @__PURE__ */ o(
+    f,
+    {
+      isOpen: a,
+      onClose: () => t(!1),
+      placement: i || "auto",
+      content: () => /* @__PURE__ */ o(u, { padding: "space.100", children: n || "Copied!" }),
+      trigger: (m) => /* @__PURE__ */ o(
+        l,
+        {
+          ...m,
+          icon: s,
+          label: r || "Copy",
+          appearance: p || "subtle",
+          onClick: (c) => {
+            c.preventDefault(), navigator.clipboard.writeText(e), t(!0);
+          }
+        }
+      )
+    }
+  );
+}
+export {
+  B as CopyTextButton
+};

package/atlassian/shared/frontend-ui-expand-panel/src/lib/panel/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const u=require("react/jsx-runtime"),d=require("react"),l=require("../panel-stateless/index.cjs.js"),x=({isDefaultExpanded:n=!1,children:a,header:r,headingSize:c,onChange:e})=>{const[t,i]=d.useState(n),o=()=>{const s=!t;i(s),e&&e(s)};return u.jsx(l,{header:r,isExpanded:t,headingSize:c,onChange:o,children:a})};module.exports=x;

package/atlassian/shared/frontend-ui-expand-panel/src/lib/panel/index.es.js

@@ -0,0 +1,28 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useState as f } from "react";
+import i from "../panel-stateless/index.es.js";
+const x = ({
+  isDefaultExpanded: n = !1,
+  children: s,
+  header: o,
+  headingSize: r,
+  onChange: e
+}) => {
+  const [t, d] = f(n);
+  return /* @__PURE__ */ l(
+    i,
+    {
+      header: o,
+      isExpanded: t,
+      headingSize: r,
+      onChange: () => {
+        const a = !t;
+        d(a), e && e(a);
+      },
+      children: s
+    }
+  );
+};
+export {
+  x as default
+};

package/atlassian/shared/frontend-ui-expand-panel/src/lib/panel-stateless/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),o=require("@atlaskit/button/new"),c=require("@atlaskit/heading"),l=require("@atlaskit/icon/glyph/chevron-down"),u=require("@atlaskit/icon/glyph/chevron-right"),h=require("@atlaskit/primitives"),p=require("react-animate-height"),r=require("../styled-panel/index.cjs.js"),q=({children:t,header:s,headingSize:i,isExpanded:n=!1,onChange:a})=>e.jsxs(r.PanelWrapper,{children:[e.jsxs(r.PanelHeader,{onClick:()=>a(!n),children:[e.jsx(o.IconButton,{appearance:"subtle","aria-expanded":n,label:n?"Collapse":"Expand",icon:n?l:u}),e.jsx(c,{size:i||"medium",children:s})]}),e.jsx(p,{duration:200,easing:"linear",height:n?"auto":0,className:"panel-content",children:e.jsx(h.Box,{paddingInlineStart:"space.400",children:t})})]});module.exports=q;

package/atlassian/shared/frontend-ui-expand-panel/src/lib/panel-stateless/index.es.js

@@ -0,0 +1,41 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { IconButton as l } from "@atlaskit/button/new";
+import m from "@atlaskit/heading";
+import p from "@atlaskit/icon/glyph/chevron-down";
+import c from "@atlaskit/icon/glyph/chevron-right";
+import { Box as s } from "@atlaskit/primitives";
+import f from "react-animate-height";
+import { PanelWrapper as h, PanelHeader as u } from "../styled-panel/index.es.js";
+const v = ({
+  children: n,
+  header: t,
+  headingSize: a,
+  isExpanded: e = !1,
+  onChange: i
+}) => /* @__PURE__ */ o(h, { children: [
+  /* @__PURE__ */ o(u, { onClick: () => i(!e), children: [
+    /* @__PURE__ */ r(
+      l,
+      {
+        appearance: "subtle",
+        "aria-expanded": e,
+        label: e ? "Collapse" : "Expand",
+        icon: e ? p : c
+      }
+    ),
+    /* @__PURE__ */ r(m, { size: a || "medium", children: t })
+  ] }),
+  /* @__PURE__ */ r(
+    f,
+    {
+      duration: 200,
+      easing: "linear",
+      height: e ? "auto" : 0,
+      className: "panel-content",
+      children: /* @__PURE__ */ r(s, { paddingInlineStart: "space.400", children: n })
+    }
+  )
+] });
+export {
+  v as default
+};

package/atlassian/shared/frontend-ui-expand-panel/src/lib/styled-panel/index.cjs.js

@@ -0,0 +1,45 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@atlaskit/theme"),e=require("@atlaskit/tokens"),t=require("styled-components"),a=t.css`
+  transition: all 200ms ease-in-out;
+`,s=t.div`
+  margin: 0 auto 0;
+`,n=t.div`
+  left: 0;
+  line-height: 0;
+  opacity: ${({isHidden:o})=>o?0:1};
+  position: absolute;
+  ${a};
+
+  button {
+    pointer-events: none;
+  }
+`,i=t.div`
+  align-items: center;
+  background-color: ${o=>o.isFocused&&e.token("elevation.surface.hovered",r.colors.N20)};
+  border-radius: ${e.token("radius.small","3px")};
+  display: flex;
+  left: ${e.token("space.negative.300","-24px")};
+  //margin-bottom: ${e.token("space.100","8px")};
+  //margin-top: ${e.token("space.200","16px")};
+  padding: ${e.token("space.025","2px")} ${e.token("space.0","0px")}
+    ${e.token("space.025","2px")} ${e.token("space.300","24px")};
+  position: relative;
+  ${a};
+  width: 100%;
+
+  ${n} {
+    opacity: ${o=>o.isFocused&&1};
+  }
+
+  button {
+    pointer-events: none;
+  }
+
+  &:hover {
+    background-color: ${e.token("elevation.surface.hovered",r.colors.N20)};
+    cursor: pointer;
+
+    ${n} {
+      opacity: 1;
+    }
+  }
+`;exports.ButtonWrapper=n;exports.PanelHeader=i;exports.PanelWrapper=s;

package/atlassian/shared/frontend-ui-expand-panel/src/lib/styled-panel/index.es.js

@@ -0,0 +1,53 @@
+import { colors as i } from "@atlaskit/theme";
+import { token as e } from "@atlaskit/tokens";
+import t, { css as r } from "styled-components";
+const n = r`
+  transition: all 200ms ease-in-out;
+`, l = t.div`
+  margin: 0 auto 0;
+`, a = t.div`
+  left: 0;
+  line-height: 0;
+  opacity: ${({ isHidden: o }) => o ? 0 : 1};
+  position: absolute;
+  ${n};
+
+  button {
+    pointer-events: none;
+  }
+`, d = t.div`
+  align-items: center;
+  background-color: ${(o) => o.isFocused && e("elevation.surface.hovered", i.N20)};
+  border-radius: ${e("radius.small", "3px")};
+  display: flex;
+  left: ${e("space.negative.300", "-24px")};
+  //margin-bottom: ${e("space.100", "8px")};
+  //margin-top: ${e("space.200", "16px")};
+  padding: ${e("space.025", "2px")} ${e("space.0", "0px")}
+    ${e("space.025", "2px")} ${e("space.300", "24px")};
+  position: relative;
+  ${n};
+  width: 100%;
+
+  ${a} {
+    opacity: ${(o) => o.isFocused && 1};
+  }
+
+  button {
+    pointer-events: none;
+  }
+
+  &:hover {
+    background-color: ${e("elevation.surface.hovered", i.N20)};
+    cursor: pointer;
+
+    ${a} {
+      opacity: 1;
+    }
+  }
+`;
+export {
+  a as ButtonWrapper,
+  d as PanelHeader,
+  l as PanelWrapper
+};

package/atlassian/shared/frontend-ui-host-router/src/lib/host-router/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class o{navigate(e){return window.location.href=e,Promise.resolve()}open(e){return window.open(e,"_blank"),Promise.resolve()}reload(){return window.location.reload(),Promise.resolve()}}exports.WindowHostRouter=o;

package/atlassian/shared/frontend-ui-host-router/src/lib/host-router/index.es.js

@@ -0,0 +1,14 @@
+class r {
+  navigate(o) {
+    return window.location.href = o, Promise.resolve();
+  }
+  open(o) {
+    return window.open(o, "_blank"), Promise.resolve();
+  }
+  reload() {
+    return window.location.reload(), Promise.resolve();
+  }
+}
+export {
+  r as WindowHostRouter
+};

package/atlassian/shared/frontend-ui-host-router/src/lib/host-router-link/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("@atlaskit/button/new"),l=require("react"),d=require("../host-router-provider/index.cjs.js");function k({url:e,action:s,label:r,linkStyle:a,buttonIcon:i,buttonAppearance:u}){const t=d.useHostRouter(),n=l.useCallback(f=>{f.preventDefault(),s==="open"?t.open(e):t.navigate(e)},[s,t,e]);return a==="link"?o.jsx("a",{href:e,target:"_blank",rel:"noreferrer",onClick:n,children:r}):i?o.jsx(c.IconButton,{icon:i,label:r,appearance:u||"subtle",onClick:n}):o.jsx(c,{appearance:u||"subtle",onClick:n,children:r})}exports.HostRouterLink=k;

package/atlassian/shared/frontend-ui-host-router/src/lib/host-router-link/index.es.js

@@ -0,0 +1,31 @@
+import { jsx as n } from "react/jsx-runtime";
+import u, { IconButton as c } from "@atlaskit/button/new";
+import { useCallback as m } from "react";
+import { useHostRouter as k } from "../host-router-provider/index.es.js";
+function R({
+  url: r,
+  action: i,
+  label: e,
+  linkStyle: s,
+  buttonIcon: f,
+  buttonAppearance: p
+}) {
+  const o = k(), t = m(
+    (a) => {
+      a.preventDefault(), i === "open" ? o.open(r) : o.navigate(r);
+    },
+    [i, o, r]
+  );
+  return s === "link" ? /* @__PURE__ */ n("a", { href: r, target: "_blank", rel: "noreferrer", onClick: t, children: e }) : f ? /* @__PURE__ */ n(
+    c,
+    {
+      icon: f,
+      label: e,
+      appearance: p || "subtle",
+      onClick: t
+    }
+  ) : /* @__PURE__ */ n(u, { appearance: p || "subtle", onClick: t, children: e });
+}
+export {
+  R as HostRouterLink
+};

package/atlassian/shared/frontend-ui-host-router/src/lib/host-router-provider/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),e=require("react"),o=e.createContext(null),s=()=>{const t=e.useContext(o);if(!t)throw new Error("useHostRouter must be used within a HostRouterProvider");return t};function n({children:t,hostRouter:r}){return u.jsx(o.Provider,{value:r,children:t})}exports.HostRouterProvider=n;exports.useHostRouter=s;

package/atlassian/shared/frontend-ui-host-router/src/lib/host-router-provider/index.es.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as u, useContext as n } from "react";
+const o = u(null), c = () => {
+  const t = n(o);
+  if (!t)
+    throw new Error("useHostRouter must be used within a HostRouterProvider");
+  return t;
+};
+function x({
+  children: t,
+  hostRouter: r
+}) {
+  return /* @__PURE__ */ e(o.Provider, { value: r, children: t });
+}
+export {
+  x as HostRouterProvider,
+  c as useHostRouter
+};

package/atlassian/shared/frontend-ui-iframe/src/lib/iframe-wrapper/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),g=require("../../../../../../shared/frontend-ui-window-listener-hook/src/lib/window-listener-hook/index.cjs.js"),f=require("../iframe-wrapper.module.scss/index.cjs.js"),l=n.forwardRef(({iframeProps:e,messageCallback:o,onMouseOut:i},h)=>{const[w,W]=n.useState(),d=n.useRef(!1),r=n.useRef(!1),u=n.useRef(null);n.useImperativeHandle(h,()=>({reloadContentWindow:()=>{var t,c;return(c=(t=u.current)==null?void 0:t.contentWindow)==null?void 0:c.location.reload()},focusContentWindow:()=>{var t,c;return(c=(t=u.current)==null?void 0:t.contentWindow)==null?void 0:c.focus()}}));const a=n.useCallback(t=>{var c;t.source===((c=u.current)==null?void 0:c.contentWindow)&&o&&o(t.data)},[o]);return g.useWindowListener("message",a),n.useEffect(()=>{(async()=>e!=null&&e.height&&(console.log("IframeWrapper: Setting height to",e.height),W(e.height)))()},[e]),n.useEffect(()=>{(async()=>{var t;!r.current&&((t=u.current)!=null&&t.contentWindow)&&(u.current.contentWindow.focus(),r.current=!0)})()}),s.jsx("div",{className:f["iframe-wrapper"],children:s.jsx("iframe",{title:e==null?void 0:e.title,ref:u,width:e==null?void 0:e.width,height:w,src:e==null?void 0:e.link,onMouseEnter:()=>d.current=!0,onMouseOut:()=>{d.current&&i&&i()}})})});l.displayName="IframeWrapper";exports.IframeWrapper=l;

package/atlassian/shared/frontend-ui-iframe/src/lib/iframe-wrapper/index.es.js

@@ -0,0 +1,54 @@
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as f, useState as I, useRef as o, useImperativeHandle as y, useCallback as R, useEffect as r } from "react";
+import { useWindowListener as a } from "../../../../../../shared/frontend-ui-window-listener-hook/src/lib/window-listener-hook/index.es.js";
+import x from "../iframe-wrapper.module.scss/index.es.js";
+const E = f(
+  ({ iframeProps: t, messageCallback: u, onMouseOut: d }, s) => {
+    const [w, W] = I(), i = o(!1), l = o(!1), c = o(null);
+    y(
+      s,
+      () => ({
+        reloadContentWindow: () => {
+          var n, e;
+          return (e = (n = c.current) == null ? void 0 : n.contentWindow) == null ? void 0 : e.location.reload();
+        },
+        focusContentWindow: () => {
+          var n, e;
+          return (e = (n = c.current) == null ? void 0 : n.contentWindow) == null ? void 0 : e.focus();
+        }
+      })
+    );
+    const g = R(
+      (n) => {
+        var e;
+        n.source === ((e = c.current) == null ? void 0 : e.contentWindow) && u && u(n.data);
+      },
+      [u]
+    );
+    return a("message", g), r(() => {
+      (async () => t != null && t.height && (console.log("IframeWrapper: Setting height to", t.height), W(t.height)))();
+    }, [t]), r(() => {
+      (async () => {
+        var n;
+        !l.current && ((n = c.current) != null && n.contentWindow) && (c.current.contentWindow.focus(), l.current = !0);
+      })();
+    }), /* @__PURE__ */ h("div", { className: x["iframe-wrapper"], children: /* @__PURE__ */ h(
+      "iframe",
+      {
+        title: t == null ? void 0 : t.title,
+        ref: c,
+        width: t == null ? void 0 : t.width,
+        height: w,
+        src: t == null ? void 0 : t.link,
+        onMouseEnter: () => i.current = !0,
+        onMouseOut: () => {
+          i.current && d && d();
+        }
+      }
+    ) });
+  }
+);
+E.displayName = "IframeWrapper";
+export {
+  E as IframeWrapper
+};

package/atlassian/shared/frontend-ui-iframe/src/lib/iframe-wrapper.module.scss/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const r={"iframe-wrapper":"_iframe-wrapper_c8hdk_1"};module.exports=r;

package/atlassian/shared/frontend-ui-iframe/src/lib/iframe-wrapper.module.scss/index.es.js

@@ -0,0 +1,6 @@
+const e = {
+  "iframe-wrapper": "_iframe-wrapper_c8hdk_1"
+};
+export {
+  e as default
+};

package/atlassian/shared/frontend-ui-modal/src/lib/modal-content/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),t=require("react"),u=require("../../../../frontend-ui-view-context/src/lib/view-context-provider/index.cjs.js"),l=require("../../../../../../shared/frontend-ui-window-listener-hook/src/lib/window-listener-hook/index.cjs.js"),o=t.createContext({close:()=>{}});function d(){return t.useContext(o)}function C({children:n}){const[s,a]=t.useState(),e=u.useViewContext(),r=t.useCallback(()=>{e.close()},[e]);return l.useWindowListener("unload",r),t.useEffect(()=>{(async()=>{const c=await e.getContext();a(c.extension.modal)})()},[e]),i.jsx(o.Provider,{value:{modalContextData:s,close:e.close},children:n})}exports.ModalContent=C;exports.useModalContentService=d;

package/atlassian/shared/frontend-ui-modal/src/lib/modal-content/index.es.js

@@ -0,0 +1,34 @@
+import { jsx as c } from "react/jsx-runtime";
+import { createContext as i, useContext as l, useState as u, useCallback as d, useEffect as m } from "react";
+import { useViewContext as x } from "../../../../frontend-ui-view-context/src/lib/view-context-provider/index.es.js";
+import { useWindowListener as C } from "../../../../../../shared/frontend-ui-window-listener-hook/src/lib/window-listener-hook/index.es.js";
+const e = i({
+  close: () => {
+  }
+});
+function M() {
+  return l(
+    e
+  );
+}
+function D({ children: o }) {
+  const [n, s] = u(), t = x(), a = d(() => {
+    t.close();
+  }, [t]);
+  return C("unload", a), m(() => {
+    (async () => {
+      const r = await t.getContext();
+      s(r.extension.modal);
+    })();
+  }, [t]), /* @__PURE__ */ c(
+    e.Provider,
+    {
+      value: { modalContextData: n, close: t.close },
+      children: o
+    }
+  );
+}
+export {
+  D as ModalContent,
+  M as useModalContentService
+};

package/atlassian/shared/frontend-ui-modal/src/lib/modal-content-iframe/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),m=require("@atlaskit/heading"),u=require("@atlaskit/primitives"),t=require("react"),l=require("../../../../frontend-ui-iframe/src/lib/iframe-wrapper/index.cjs.js"),g=require("../modal-content/index.cjs.js");function h({messageCallback:n,closeOnMouseOut:d}){const{modalContextData:e,close:s}=g.useModalContentService(),[r,o]=t.useState();t.useEffect(()=>{e&&o({...e.iframeProps})},[e]);const f=t.useCallback(p=>{if(n&&r){const c=n(p.data,e==null?void 0:e.iframeProps);c.newHeight&&o({...r,height:c.newHeight})}},[r,n,e]);if(!r)return i.jsx("div",{});const a=i.jsx(l.IframeWrapper,{messageCallback:f,iframeProps:r,onMouseOut:()=>{d&&(s==null||s())}});return e!=null&&e.modalHeader?i.jsxs(u.Flex,{gap:"space.200",direction:"column",children:[i.jsx(u.Box,{paddingInline:"space.200",children:i.jsx(m,{size:"medium",children:e.modalHeader})}),a]}):a}exports.ModalContentIframe=h;

package/atlassian/shared/frontend-ui-modal/src/lib/modal-content-iframe/index.es.js

@@ -0,0 +1,48 @@
+import { jsx as i, jsxs as d } from "react/jsx-runtime";
+import c from "@atlaskit/heading";
+import { Flex as u, Box as h } from "@atlaskit/primitives";
+import { useState as g, useEffect as l, useCallback as H } from "react";
+import { IframeWrapper as I } from "../../../../frontend-ui-iframe/src/lib/iframe-wrapper/index.es.js";
+import { useModalContentService as P } from "../modal-content/index.es.js";
+function W({
+  messageCallback: o,
+  closeOnMouseOut: m
+}) {
+  const { modalContextData: e, close: n } = P(), [r, s] = g();
+  l(() => {
+    e && s({
+      ...e.iframeProps
+    });
+  }, [e]);
+  const p = H(
+    (a) => {
+      if (o && r) {
+        const f = o(
+          a.data,
+          e == null ? void 0 : e.iframeProps
+        );
+        f.newHeight && s({ ...r, height: f.newHeight });
+      }
+    },
+    [r, o, e]
+  );
+  if (!r)
+    return /* @__PURE__ */ i("div", {});
+  const t = /* @__PURE__ */ i(
+    I,
+    {
+      messageCallback: p,
+      iframeProps: r,
+      onMouseOut: () => {
+        m && (n == null || n());
+      }
+    }
+  );
+  return e != null && e.modalHeader ? /* @__PURE__ */ d(u, { gap: "space.200", direction: "column", children: [
+    /* @__PURE__ */ i(h, { paddingInline: "space.200", children: /* @__PURE__ */ i(c, { size: "medium", children: e.modalHeader }) }),
+    t
+  ] }) : t;
+}
+export {
+  W as ModalContentIframe
+};

package/atlassian/shared/frontend-ui-modal/src/lib/modal-dialog-layout/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("@atlaskit/heading"),e=require("@atlaskit/primitives");function r({title:s,buttonGroup:n,children:c}){return i.jsxs(e.Flex,{direction:"column",xcss:e.xcss({height:"100%",padding:"space.300"}),children:[s&&i.jsx(e.Box,{paddingBlockEnd:"space.200",children:i.jsx(o,{size:"medium",children:s})}),i.jsx(e.Box,{xcss:e.xcss({flexGrow:2}),children:c}),n&&i.jsx(e.Box,{paddingBlockStart:"space.200",children:i.jsx(e.Flex,{justifyContent:"end",alignItems:"center",children:n})})]})}exports.ModalDialogLayout=r;

package/atlassian/shared/frontend-ui-modal/src/lib/modal-dialog-layout/index.es.js

@@ -0,0 +1,24 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import a from "@atlaskit/heading";
+import { Flex as d, xcss as r, Box as i } from "@atlaskit/primitives";
+function p({
+  title: n,
+  buttonGroup: c,
+  children: o
+}) {
+  return /* @__PURE__ */ s(
+    d,
+    {
+      direction: "column",
+      xcss: r({ height: "100%", padding: "space.300" }),
+      children: [
+        n && /* @__PURE__ */ e(i, { paddingBlockEnd: "space.200", children: /* @__PURE__ */ e(a, { size: "medium", children: n }) }),
+        /* @__PURE__ */ e(i, { xcss: r({ flexGrow: 2 }), children: o }),
+        c && /* @__PURE__ */ e(i, { paddingBlockStart: "space.200", children: /* @__PURE__ */ e(d, { justifyContent: "end", alignItems: "center", children: c }) })
+      ]
+    }
+  );
+}
+export {
+  p as ModalDialogLayout
+};

package/atlassian/shared/frontend-ui-modal/src/lib/modal-view-context/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../../../frontend-ui-view-context/src/lib/view-context-provider/index.cjs.js");const r=require("../../../../frontend-ui-view-context/src/lib/mock-view-context/index.cjs.js");class n extends r.MockViewContext{constructor(e,t="http://localhost:4200"){super(e),this.context=e,this.openerOrigin=t,this.close=s=>{var o;const i={closing:!0,payload:s};return(o=window.opener)==null||o.postMessage(i,this.openerOrigin),window.close(),Promise.resolve()}}}exports.ModalViewContext=n;

package/atlassian/shared/frontend-ui-modal/src/lib/modal-view-context/index.es.js

@@ -0,0 +1,14 @@
+import "../../../../frontend-ui-view-context/src/lib/view-context-provider/index.es.js";
+import { MockViewContext as r } from "../../../../frontend-ui-view-context/src/lib/mock-view-context/index.es.js";
+class p extends r {
+  constructor(e, s = "http://localhost:4200") {
+    super(e), this.context = e, this.openerOrigin = s, this.close = (t) => {
+      var o;
+      const i = { closing: !0, payload: t };
+      return (o = window.opener) == null || o.postMessage(i, this.openerOrigin), window.close(), Promise.resolve();
+    };
+  }
+}
+export {
+  p as ModalViewContext
+};

package/atlassian/shared/frontend-ui-modal-service/src/lib/modal-service/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class o{constructor(e,r={}){this.defaultUrl=e,this.resourceMap=r}open(e){const r=e.resource&&this.resourceMap[e.resource]||this.defaultUrl,i=this.features(e.size||"small"),c=window.open(r,"_blank",i),s=t=>{var a,u;if(t.source===c&&(a=t.data)!=null&&a.closing){const l=t.data;window.removeEventListener("message",s),(u=e.onClose)==null||u.call(e,l.payload)}};return window.addEventListener("message",s),Promise.resolve()}features(e){switch(e){case"small":return"popup,width=400,height=320";case"medium":return"popup,width=600,height=520";case"large":return"popup,width=800,height=720";case"xlarge":return"popup,width=968,height=900";case"max":return""}}}exports.WindowModalService=o;

package/atlassian/shared/frontend-ui-modal-service/src/lib/modal-service/index.es.js

@@ -0,0 +1,38 @@
+class h {
+  constructor(e, r = {}) {
+    this.defaultUrl = e, this.resourceMap = r;
+  }
+  open(e) {
+    const r = e.resource && this.resourceMap[e.resource] || this.defaultUrl, c = this.features(e.size || "small"), i = window.open(r, "_blank", c), t = (s) => {
+      var a, u;
+      if (s.source === i && (a = s.data) != null && a.closing) {
+        const l = s.data;
+        window.removeEventListener("message", t), (u = e.onClose) == null || u.call(e, l.payload);
+      }
+    };
+    return window.addEventListener("message", t), Promise.resolve();
+  }
+  /*
+  small - w: 400px h: 20vh minHeight: 320px
+    medium - w: 600px h: 40vh minHeight: 520px
+    large - w: 800px h: 70vh minHeight: 720px
+    xlarge - w: 968px h: 90vh
+   */
+  features(e) {
+    switch (e) {
+      case "small":
+        return "popup,width=400,height=320";
+      case "medium":
+        return "popup,width=600,height=520";
+      case "large":
+        return "popup,width=800,height=720";
+      case "xlarge":
+        return "popup,width=968,height=900";
+      case "max":
+        return "";
+    }
+  }
+}
+export {
+  h as WindowModalService
+};

package/atlassian/shared/frontend-ui-modal-service/src/lib/modal-service-provider/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("react"),t=r.createContext(null),n=()=>{const e=r.useContext(t);if(!e)throw new Error("useModalService must be used within a ModalServiceProvider");return e};function c({children:e,modalService:o}){return i.jsx(t.Provider,{value:o,children:e})}exports.ModalServiceProvider=c;exports.useModalService=n;

package/atlassian/shared/frontend-ui-modal-service/src/lib/modal-service-provider/index.es.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { createContext as i, useContext as n } from "react";
+const r = i(null), d = () => {
+  const e = n(r);
+  if (!e)
+    throw new Error(
+      "useModalService must be used within a ModalServiceProvider"
+    );
+  return e;
+};
+function s({
+  children: e,
+  modalService: o
+}) {
+  return /* @__PURE__ */ t(r.Provider, { value: o, children: e });
+}
+export {
+  s as ModalServiceProvider,
+  d as useModalService
+};

package/atlassian/shared/frontend-ui-page-loading-view/src/lib/page-loading-view/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("@atlaskit/heading"),o=require("@atlaskit/primitives"),a=require("@atlaskit/section-message"),c=require("@atlaskit/spinner");function r({label:n,loadingError:i,labelSize:t}){return e.jsxs(o.Flex,{direction:"column",children:[e.jsx(s,{size:t??"large",children:n}),i?e.jsx(a,{appearance:"error",children:i}):e.jsx(c,{interactionName:"load"})]})}exports.PageLoadingView=r;exports.default=r;