@env-hopper/frontend-core 2.0.1-alpha → 2.0.1-alpha.4

package/dist/esm/modules/resourceJump/ui/JumpALink.d.ts

@@ -1,14 +1,11 @@
 import { ReactNode } from 'react';
-import { ResourceJumpItem } from '../types.js';
-import { EhPluginResouceJumpCtx } from '~/modules/pluginCore/types';
 export interface JumpUrlParams extends React.ComponentPropsWithoutRef<'a'> {
     children: ReactNode;
-    ctx: EhPluginResouceJumpCtx;
-    jumpResource: ResourceJumpItem;
+    jumpUrl: string;
     id?: string;
     className?: string;
     isMain?: boolean;
     prefetch?: boolean;
     testId?: string;
 }
-export declare function JumpALink({ children, ctx, id, jumpResource, className, isMain, testId, }: JumpUrlParams): import("react/jsx-runtime").JSX.Element | undefined;
+export declare function JumpALink({ children, jumpUrl, id, className, isMain, testId, }: JumpUrlParams): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/JumpMainButton.d.ts

@@ -3,3 +3,6 @@ export interface JumpMainButtonProps {
     className?: string;
 }
 export declare function JumpMainButton({ className }: JumpMainButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function JumpAnimatedLabel({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/LateResolvableSingleParam.d.ts

@@ -0,0 +1,3 @@
+export declare function LateResolvableParamInput({ paramSlug }: {
+    paramSlug: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/modules/resourceJump/ui/LateResolvableSingleParam.js

@@ -0,0 +1,42 @@
+import { jsx } from "react/jsx-runtime";
+import { debounce } from "radashi";
+import { useRef, useMemo } from "react";
+import { useCrossCuttingParamsContext } from "../../crossCuttingParams/CrossCuttingParamsContext.js";
+import { Input } from "../../../ui/input.js";
+function LateResolvableParamInput({ paramSlug }) {
+  const { getParamDefBySlug, crossCuttingParams, setCrossCuttingParams } = useCrossCuttingParamsContext();
+  const paramDef = getParamDefBySlug(paramSlug);
+  const paramsObj = crossCuttingParams[paramSlug] || {
+    stringValue: ""
+  };
+  const paramsRef = useRef(crossCuttingParams);
+  paramsRef.current = crossCuttingParams;
+  const debouncedUpdate = useMemo(
+    () => debounce({ delay: 100 }, (value) => {
+      setCrossCuttingParams({
+        ...paramsRef.current,
+        [paramSlug]: { slug: paramSlug, stringValue: value }
+      });
+    }),
+    [paramSlug, setCrossCuttingParams]
+  );
+  if (!paramSlug) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Input,
+    {
+      placeholder: (paramDef == null ? void 0 : paramDef.displayName) || "undef " + paramDef,
+      className: "w-fit",
+      defaultValue: paramsObj.stringValue || "",
+      onChange: (v) => {
+        debouncedUpdate(v.target.value);
+      }
+    },
+    paramSlug
+  );
+}
+export {
+  LateResolvableParamInput
+};
+//# sourceMappingURL=LateResolvableSingleParam.js.map

package/dist/esm/modules/resourceJump/ui/LateResolvableSingleParam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LateResolvableSingleParam.js","sources":["../../../../../src/modules/resourceJump/ui/LateResolvableSingleParam.tsx"],"sourcesContent":["import { debounce } from 'radashi'\nimport { useMemo, useRef } from 'react'\nimport { useCrossCuttingParamsContext } from '~/modules/crossCuttingParams/CrossCuttingParamsContext'\nimport { CROSS_CUTTING_SINGLE_SLUG } from '~/modules/crossCuttingParams/types'\nimport { Input } from '~/ui/input'\n\nexport function LateResolvableParamInput({ paramSlug }: { paramSlug: string }) {\n  const { getParamDefBySlug, crossCuttingParams, setCrossCuttingParams } =\n    useCrossCuttingParamsContext()\n\n  const paramDef = getParamDefBySlug(paramSlug)\n\n  const paramsObj = crossCuttingParams[paramSlug] || {\n    stringValue: '',\n    slug: CROSS_CUTTING_SINGLE_SLUG,\n  }\n\n  const paramsRef = useRef(crossCuttingParams)\n  paramsRef.current = crossCuttingParams\n\n  const debouncedUpdate = useMemo(\n    () =>\n      debounce({ delay: 100 }, (value: string) => {\n        setCrossCuttingParams({\n          ...paramsRef.current,\n          [paramSlug]: { slug: paramSlug, stringValue: value },\n        })\n      }),\n    [paramSlug, setCrossCuttingParams],\n  )\n\n  if (!paramSlug) {\n    return null\n  }\n\n  return (\n    <Input\n      placeholder={paramDef?.displayName || 'undef ' + paramDef}\n      className=\"w-fit\"\n      defaultValue={paramsObj.stringValue || ''}\n      key={paramSlug}\n      onChange={(v) => {\n        debouncedUpdate(v.target.value)\n      }}\n    />\n  )\n}\n"],"names":[],"mappings":";;;;;AAMO,SAAS,yBAAyB,EAAE,aAAoC;AAC7E,QAAM,EAAE,mBAAmB,oBAAoB,sBAAA,IAC7C,6BAAA;AAEF,QAAM,WAAW,kBAAkB,SAAS;AAE5C,QAAM,YAAY,mBAAmB,SAAS,KAAK;AAAA,IACjD,aAAa;AAAA,EAEf;AAEA,QAAM,YAAY,OAAO,kBAAkB;AAC3C,YAAU,UAAU;AAEpB,QAAM,kBAAkB;AAAA,IACtB,MACE,SAAS,EAAE,OAAO,IAAA,GAAO,CAAC,UAAkB;AAC1C,4BAAsB;AAAA,QACpB,GAAG,UAAU;AAAA,QACb,CAAC,SAAS,GAAG,EAAE,MAAM,WAAW,aAAa,MAAA;AAAA,MAAM,CACpD;AAAA,IACH,CAAC;AAAA,IACH,CAAC,WAAW,qBAAqB;AAAA,EAAA;AAGnC,MAAI,CAAC,WAAW;AACd,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAa,qCAAU,gBAAe,WAAW;AAAA,MACjD,WAAU;AAAA,MACV,cAAc,UAAU,eAAe;AAAA,MAEvC,UAAU,CAAC,MAAM;AACf,wBAAgB,EAAE,OAAO,KAAK;AAAA,MAChC;AAAA,IAAA;AAAA,IAHK;AAAA,EAAA;AAMX;"}

package/dist/esm/modules/resourceJump/ui/LateResolvableTopParam.d.ts

@@ -0,0 +1,8 @@
+interface LateResolvableParamsInputProps {
+    className?: string;
+    placeholder?: string;
+    label: string;
+    mostRelevantSlug: string | undefined;
+}
+export declare function LateResolvableParamsInput({ className, label: _label, placeholder: _placeholder, mostRelevantSlug, }: LateResolvableParamsInputProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/esm/modules/resourceJump/ui/LateResolvableTopParam.js

@@ -0,0 +1,26 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { cn } from "../../../lib/utils.js";
+import { useResourceJumpContext } from "../context/ResourceJumpContext.js";
+import { LateResolvableParamInput } from "./LateResolvableSingleParam.js";
+import { Button } from "../../../ui/button.js";
+import { ButtonGroup } from "../../../ui/button-group.js";
+function LateResolvableParamsInput({
+  className,
+  label: _label,
+  placeholder: _placeholder,
+  mostRelevantSlug
+}) {
+  const { currentResourceJump } = useResourceJumpContext();
+  if (!currentResourceJump) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2 items-center", className), children: mostRelevantSlug && /* @__PURE__ */ jsxs(ButtonGroup, { children: [
+    /* @__PURE__ */ jsx(LateResolvableParamInput, { paramSlug: mostRelevantSlug }),
+    /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Search", children: /* @__PURE__ */ jsx(ChevronDown, {}) })
+  ] }) });
+}
+export {
+  LateResolvableParamsInput
+};
+//# sourceMappingURL=LateResolvableTopParam.js.map

package/dist/esm/modules/resourceJump/ui/LateResolvableTopParam.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LateResolvableTopParam.js","sources":["../../../../../src/modules/resourceJump/ui/LateResolvableTopParam.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react'\nimport { cn } from '~/lib/utils'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { LateResolvableParamInput } from '~/modules/resourceJump/ui/LateResolvableSingleParam'\nimport { Button } from '~/ui/button'\nimport { ButtonGroup } from '~/ui/button-group'\n\ninterface LateResolvableParamsInputProps {\n  className?: string\n  placeholder?: string\n  label: string\n  mostRelevantSlug: string | undefined\n}\n\nexport function LateResolvableParamsInput({\n  className,\n  label: _label,\n  placeholder: _placeholder,\n  mostRelevantSlug,\n}: LateResolvableParamsInputProps) {\n  const { currentResourceJump } = useResourceJumpContext()\n  if (!currentResourceJump) {\n    return null\n  }\n  return (\n    <div className={cn('flex flex-col gap-2 items-center', className)}>\n      {mostRelevantSlug && (\n        <ButtonGroup>\n          <LateResolvableParamInput paramSlug={mostRelevantSlug} />\n          {/* <Input type=\"text\" placeholder={placeholder} /> */}\n          <Button variant=\"outline\" aria-label=\"Search\">\n            <ChevronDown />\n          </Button>\n        </ButtonGroup>\n      )}\n      {/* <Link\n        to={'/env/$envSlug/app/$appSlug'}\n        params={{ appSlug: 'flagship-app', envSlug: 'flagship-resource-jump' }}\n        className='inline-flex items-center gap-1'\n      >\n        RM Support Review Case\n        <ExternalLinkIcon className=\"w-3 h-3\" />\n      </Link> */}\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;;AAcO,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA,OAAO;AAAA,EACP,aAAa;AAAA,EACb;AACF,GAAmC;AACjC,QAAM,EAAE,oBAAA,IAAwB,uBAAA;AAChC,MAAI,CAAC,qBAAqB;AACxB,WAAO;AAAA,EACT;AACA,SACE,oBAAC,SAAI,WAAW,GAAG,oCAAoC,SAAS,GAC7D,UAAA,oBACC,qBAAC,aAAA,EACC,UAAA;AAAA,IAAA,oBAAC,0BAAA,EAAyB,WAAW,iBAAA,CAAkB;AAAA,IAEvD,oBAAC,UAAO,SAAQ,WAAU,cAAW,UACnC,UAAA,oBAAC,eAAY,EAAA,CACf;AAAA,EAAA,EAAA,CACF,EAAA,CAUJ;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/ResolvableParameterSelector.d.ts

@@ -0,0 +1,7 @@
+interface ResolvableParameterSelectorProps {
+    className?: string;
+    slug: string;
+    label?: string;
+}
+export declare function ResolvableParameterSelector({ className, slug, label, }: ResolvableParameterSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/modules/resourceJump/ui/ResolvableParameters.d.ts

@@ -0,0 +1,5 @@
+interface ResolvableParametersProps {
+    className?: string;
+}
+export declare function ResolvableParameters({ className, }: ResolvableParametersProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/esm/modules/resourceJump/ui/ResourceJumpBreadcrumbs.d.ts

@@ -0,0 +1,4 @@
+export interface ResourceJumpBreadcrumbsProps {
+    className?: string;
+}
+export declare function ResourceJumpBreadcrubms(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/ResourceJumpBreadcrumbs.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { HomeIcon } from "lucide-react";
+import { useEnvironmentContext } from "../../environment/context/EnvironmentContext.js";
+import { useResourceJumpContext } from "../context/ResourceJumpContext.js";
+import { getFlashipResource, isFlagshipResource } from "../utils/helpers.js";
+import { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator } from "../../../ui/breadcrumb.js";
+import { Link } from "../../../ui/link.js";
+import { getEhToOptions } from "../../../util/route-utils.js";
+function ResourceJumpBreadcrubms() {
+  const { currentFlagship, currentResourceJump } = useResourceJumpContext();
+  const { currentEnv } = useEnvironmentContext();
+  return /* @__PURE__ */ jsx(Breadcrumb, { className: "pb-4", children: /* @__PURE__ */ jsxs(BreadcrumbList, { children: [
+    /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxs(Link, { to: "/", className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx(HomeIcon, { className: "inline w-4 h-4" }),
+      /* @__PURE__ */ jsx("span", { children: "Home" })
+    ] }) }) }),
+    currentEnv && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          to: `/env/$envSlug`,
+          params: { envSlug: currentEnv.slug },
+          children: currentEnv.displayName
+        }
+      ) }) })
+    ] }),
+    currentFlagship && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          ...getEhToOptions({
+            appId: getFlashipResource(currentFlagship).slug,
+            envId: currentEnv == null ? void 0 : currentEnv.slug
+          }),
+          children: currentFlagship.displayName
+        }
+      ) }) })
+    ] }),
+    currentResourceJump && !isFlagshipResource(currentResourceJump) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+      /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          ...getEhToOptions({
+            appId: currentResourceJump.slug,
+            envId: currentEnv == null ? void 0 : currentEnv.slug
+          }),
+          children: currentResourceJump.displayName
+        }
+      ) }) })
+    ] })
+  ] }) });
+}
+export {
+  ResourceJumpBreadcrubms
+};
+//# sourceMappingURL=ResourceJumpBreadcrumbs.js.map

package/dist/esm/modules/resourceJump/ui/ResourceJumpBreadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceJumpBreadcrumbs.js","sources":["../../../../../src/modules/resourceJump/ui/ResourceJumpBreadcrumbs.tsx"],"sourcesContent":["import { HomeIcon } from 'lucide-react'\nimport { useEnvironmentContext } from '~/modules/environment/context/EnvironmentContext'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport {\n  getFlashipResource,\n  isFlagshipResource,\n} from '~/modules/resourceJump/utils/helpers'\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbSeparator,\n} from '~/ui/breadcrumb'\nimport { Link } from '~/ui/link'\nimport { getEhToOptions } from '~/util/route-utils'\n\nexport interface ResourceJumpBreadcrumbsProps {\n  className?: string\n}\n\nexport function ResourceJumpBreadcrubms() {\n  const { currentFlagship, currentResourceJump } = useResourceJumpContext()\n  const { currentEnv } = useEnvironmentContext()\n\n  return (\n    <Breadcrumb className=\"pb-4\">\n      <BreadcrumbList>\n        <BreadcrumbItem>\n          <BreadcrumbLink asChild>\n            <Link to={'/'} className=\"flex items-center gap-1\">\n              <HomeIcon className=\"inline w-4 h-4\" />\n              <span>Home</span>\n            </Link>\n          </BreadcrumbLink>\n        </BreadcrumbItem>\n        {currentEnv && (\n          <>\n            <BreadcrumbSeparator />\n            <BreadcrumbItem>\n              <BreadcrumbLink asChild>\n                <Link\n                  to={`/env/$envSlug`}\n                  params={{ envSlug: currentEnv.slug }}\n                >\n                  {currentEnv.displayName}\n                </Link>\n              </BreadcrumbLink>\n            </BreadcrumbItem>\n          </>\n        )}\n        {currentFlagship && (\n          <>\n            <BreadcrumbSeparator />\n            <BreadcrumbItem>\n              <BreadcrumbLink asChild>\n                <Link\n                  {...getEhToOptions({\n                    appId: getFlashipResource(currentFlagship).slug,\n                    envId: currentEnv?.slug,\n                  })}\n                >\n                  {currentFlagship.displayName}\n                </Link>\n              </BreadcrumbLink>\n            </BreadcrumbItem>\n          </>\n        )}\n        {currentResourceJump && !isFlagshipResource(currentResourceJump) && (\n          <>\n            <BreadcrumbSeparator />\n            <BreadcrumbItem>\n              <BreadcrumbLink asChild>\n                <Link\n                  {...getEhToOptions({\n                    appId: currentResourceJump.slug,\n                    envId: currentEnv?.slug,\n                  })}\n                >\n                  {currentResourceJump.displayName}\n                </Link>\n              </BreadcrumbLink>\n            </BreadcrumbItem>\n          </>\n        )}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;AAqBO,SAAS,0BAA0B;AACxC,QAAM,EAAE,iBAAiB,oBAAA,IAAwB,uBAAA;AACjD,QAAM,EAAE,WAAA,IAAe,sBAAA;AAEvB,SACE,oBAAC,YAAA,EAAW,WAAU,QACpB,+BAAC,gBAAA,EACC,UAAA;AAAA,IAAA,oBAAC,gBAAA,EACC,UAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,+BAAC,MAAA,EAAK,IAAI,KAAK,WAAU,2BACvB,UAAA;AAAA,MAAA,oBAAC,UAAA,EAAS,WAAU,iBAAA,CAAiB;AAAA,MACrC,oBAAC,UAAK,UAAA,OAAA,CAAI;AAAA,IAAA,EAAA,CACZ,GACF,GACF;AAAA,IACC,cACC,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB;AAAA,MACrB,oBAAC,gBAAA,EACC,UAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI;AAAA,UACJ,QAAQ,EAAE,SAAS,WAAW,KAAA;AAAA,UAE7B,UAAA,WAAW;AAAA,QAAA;AAAA,MAAA,GAEhB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAED,mBACC,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB;AAAA,MACrB,oBAAC,gBAAA,EACC,UAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG,eAAe;AAAA,YACjB,OAAO,mBAAmB,eAAe,EAAE;AAAA,YAC3C,OAAO,yCAAY;AAAA,UAAA,CACpB;AAAA,UAEA,UAAA,gBAAgB;AAAA,QAAA;AAAA,MAAA,GAErB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAED,uBAAuB,CAAC,mBAAmB,mBAAmB,KAC7D,qBAAA,UAAA,EACE,UAAA;AAAA,MAAA,oBAAC,qBAAA,EAAoB;AAAA,MACrB,oBAAC,gBAAA,EACC,UAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG,eAAe;AAAA,YACjB,OAAO,oBAAoB;AAAA,YAC3B,OAAO,yCAAY;AAAA,UAAA,CACpB;AAAA,UAEA,UAAA,oBAAoB;AAAA,QAAA;AAAA,MAAA,GAEzB,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CAEJ,EAAA,CACF;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/ResourceJumpButton.d.ts

@@ -0,0 +1,13 @@
+import { EnvBaseInfo } from '@env-hopper/backend-core';
+import { VariantProps } from 'class-variance-authority';
+import { ResourceJumpUI } from '~/modules/resourceJump/types';
+declare const linkVariants: (props?: ({
+    variant?: "default" | "flagship" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare function ResourceJumpButton({ resourceJump: resouceJump, env, variant, className, onClick, }: {
+    resourceJump: ResourceJumpUI;
+    env: EnvBaseInfo | undefined;
+    className?: string;
+    onClick?: () => void;
+} & VariantProps<typeof linkVariants>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/modules/resourceJump/ui/ResourceJumpButton.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { ExternalLinkIcon } from "lucide-react";
+import { useResourceJumpContext } from "../context/ResourceJumpContext.js";
+import { isFlagshipResource } from "../utils/helpers.js";
+import { LinkExternal } from "../../../ui/linkExternal.js";
+const linkVariants = cva("flex items-center group-hover:underline", {
+  variants: {
+    variant: {
+      default: "gap-2",
+      flagship: "gap-2 font-semibold"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const iconVariants = cva("", {
+  variants: {
+    variant: {
+      default: "h-3 w-3",
+      flagship: "h-6 w-6"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function ResourceJumpButton({
+  resourceJump: resouceJump,
+  env,
+  variant,
+  className,
+  onClick
+}) {
+  const { getJumpUrl } = useResourceJumpContext();
+  return /* @__PURE__ */ jsx("div", { className, onClick, children: /* @__PURE__ */ jsx("div", { className: "p-2 flex flex-col gap-2 hover:bg-accent/30 duration-100 rounded-lg group", children: /* @__PURE__ */ jsx(
+    LinkExternal,
+    {
+      href: getJumpUrl(resouceJump.slug, env == null ? void 0 : env.slug),
+      className: "flex justify-between active:hover:scale-(--btn-focus-scale) active:focus:scale-(--btn-focus-scale) motion-safe:duration-200 ease-out transition-all gap-2",
+      children: /* @__PURE__ */ jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ jsxs("div", { className: linkVariants({ variant }), children: [
+        isFlagshipResource(resouceJump) ? resouceJump.flagship.displayName : resouceJump.displayName,
+        /* @__PURE__ */ jsx(ExternalLinkIcon, { className: iconVariants({ variant }) })
+      ] }) })
+    }
+  ) }) });
+}
+export {
+  ResourceJumpButton
+};
+//# sourceMappingURL=ResourceJumpButton.js.map

package/dist/esm/modules/resourceJump/ui/ResourceJumpButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceJumpButton.js","sources":["../../../../../src/modules/resourceJump/ui/ResourceJumpButton.tsx"],"sourcesContent":["import type { EnvBaseInfo } from '@env-hopper/backend-core'\nimport type { VariantProps } from 'class-variance-authority'\nimport { cva } from 'class-variance-authority'\nimport { ExternalLinkIcon } from 'lucide-react'\nimport { useResourceJumpContext } from '~/modules/resourceJump/context/ResourceJumpContext'\nimport type { ResourceJumpUI } from '~/modules/resourceJump/types'\nimport { isFlagshipResource } from '~/modules/resourceJump/utils/helpers'\nimport { LinkExternal } from '~/ui/linkExternal'\n\nconst linkVariants = cva('flex items-center group-hover:underline', {\n  variants: {\n    variant: {\n      default: 'gap-2',\n      flagship: 'gap-2 font-semibold',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nconst iconVariants = cva('', {\n  variants: {\n    variant: {\n      default: 'h-3 w-3',\n      flagship: 'h-6 w-6',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n})\n\nexport function ResourceJumpButton({\n  resourceJump: resouceJump,\n  env,\n  variant,\n  className,\n  onClick,\n}: {\n  resourceJump: ResourceJumpUI\n  env: EnvBaseInfo | undefined\n  className?: string\n  onClick?: () => void\n} & VariantProps<typeof linkVariants>) {\n  const { getJumpUrl } = useResourceJumpContext()\n\n  return (\n    <div className={className} onClick={onClick}>\n      <div className=\"p-2 flex flex-col gap-2 hover:bg-accent/30 duration-100 rounded-lg group\">\n        <LinkExternal\n          href={getJumpUrl(resouceJump.slug, env?.slug)}\n          className=\"flex justify-between active:hover:scale-(--btn-focus-scale) active:focus:scale-(--btn-focus-scale) motion-safe:duration-200 ease-out transition-all gap-2\"\n        >\n          <div className=\"flex flex-col\">\n            <div className={linkVariants({ variant })}>\n              {isFlagshipResource(resouceJump)\n                ? resouceJump.flagship.displayName\n                : resouceJump.displayName}\n              <ExternalLinkIcon className={iconVariants({ variant })} />\n              {/* <JumpIcon resouceJump={resouceJump} /> */}\n\n              {/* <LateResolvableParamInput resourceJump={resouceJump} /> */}\n              {/* <ExternalLinkIcon className=\"w-4 stroke-secondary-foreground invisible group-hover:visible\" /> */}\n            </div>\n            {/* <div className={subLinkVariant({ variant })}>\n              {getJumpUrl(resouceJump.slug, env?.slug)}\n            </div> */}\n          </div>\n          {/* <JumpAnimatedLabel className='invisible group-hover:visible text-lg py-3 px-5 hidden lg:flex' /> */}\n        </LinkExternal>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":";;;;;;AASA,MAAM,eAAe,IAAI,2CAA2C;AAAA,EAClE,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;AAED,MAAM,eAAe,IAAI,IAAI;AAAA,EAC3B,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;AAEM,SAAS,mBAAmB;AAAA,EACjC,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKuC;AACrC,QAAM,EAAE,WAAA,IAAe,uBAAA;AAEvB,6BACG,OAAA,EAAI,WAAsB,SACzB,UAAA,oBAAC,OAAA,EAAI,WAAU,4EACb,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,WAAW,YAAY,MAAM,2BAAK,IAAI;AAAA,MAC5C,WAAU;AAAA,MAEV,UAAA,oBAAC,OAAA,EAAI,WAAU,iBACb,UAAA,qBAAC,OAAA,EAAI,WAAW,aAAa,EAAE,QAAA,CAAS,GACrC,UAAA;AAAA,QAAA,mBAAmB,WAAW,IAC3B,YAAY,SAAS,cACrB,YAAY;AAAA,4BACf,kBAAA,EAAiB,WAAW,aAAa,EAAE,QAAA,CAAS,EAAA,CAAG;AAAA,MAAA,EAAA,CAK1D,EAAA,CAIF;AAAA,IAAA;AAAA,EAAA,GAGJ,EAAA,CACF;AAEJ;"}

package/dist/esm/modules/resourceJump/ui/ResourceJumpMockTable.d.ts

@@ -0,0 +1 @@
+export declare function ResourceJumpMockTable(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/modules/resourceJump/ui/ResourceJumpMockTable.js

@@ -0,0 +1,180 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, ChevronRight, ExternalLinkIcon } from "lucide-react";
+import * as React from "react";
+import { Input } from "../../../ui/input.js";
+import { LinkExternal } from "../../../ui/linkExternal.js";
+import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from "../../../ui/table.js";
+const rows = [
+  { app: "Payment Gateway", version: "v.12311" },
+  {
+    app: "Transaction Logger",
+    version: "v.12311",
+    jump: "[region-01]",
+    depth: 1
+  },
+  {
+    app: "Gateway - Dashboard",
+    version: "v.12311",
+    jump: "[region-01]",
+    depth: 1
+  },
+  {
+    app: "Gateway - Dashboard #",
+    version: "v.12311",
+    jump: "[region-01]",
+    depth: 1
+  },
+  {
+    app: "Gateway - Admin Scripts",
+    version: "v.12311",
+    jump: "[region-01]",
+    depth: 1
+  },
+  { app: "Identity Provider", context: "External", jump: "[global]" },
+  { app: "Customer Portal", version: "v.12312" },
+  {
+    app: "Invoice #",
+    context: "[Derive]",
+    version: "v.12312",
+    jump: "[region-01]",
+    depth: 1
+  },
+  { app: "Inventory API", version: "v.12311", jump: "[region-01]" },
+  { app: "Get Products", version: "v.12311", jump: "[region-01]", depth: 1 },
+  { app: "Message Queue", version: "v.1.6.1", jump: "[region-01]" },
+  {
+    app: "order-aggregator-service",
+    version: "v.1.6.1",
+    jump: "[region-01]",
+    depth: 1
+  },
+  { app: "API Gateway", version: "release-1", jump: "[global]" },
+  {
+    app: "Workflow Engine - Process A",
+    version: "release-1",
+    jump: "[global]",
+    depth: 1
+  },
+  { app: "Log Analytics", version: "-", jump: "[region-01]" },
+  { app: "Request ID Tracker", version: "-", depth: 1 }
+];
+const CASE_ID_STORAGE_KEY = "resourceJump.mock.invoiceId";
+const CASE_ID_FORMAT = /^\d{9}$/;
+function getStoredCaseId() {
+  if (typeof window === "undefined") return "";
+  return window.localStorage.getItem(CASE_ID_STORAGE_KEY) ?? "";
+}
+function ResourceJumpMockTable() {
+  const [caseId, setCaseId] = React.useState(getStoredCaseId);
+  const [setIsSomeAppExpanded, setIsProdLimsExpanded] = React.useState(false);
+  React.useEffect(() => {
+    if (typeof window === "undefined") return;
+    window.localStorage.setItem(CASE_ID_STORAGE_KEY, caseId);
+  }, [caseId]);
+  return /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx("div", { className: "w-full overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsxs(Table, { children: [
+    /* @__PURE__ */ jsx(TableHeader, { className: "bg-muted/30 text-muted-foreground", children: /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableHead, { className: "px-3", children: "App" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "px-3", children: "Context" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "px-3", children: "Version" }),
+      /* @__PURE__ */ jsx(TableHead, { className: "px-3", children: "Jump" })
+    ] }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: rows.map((row) => {
+      const depth = row.depth ?? 0;
+      const requiresCaseId = row.app === "Gateway - Dashboard #";
+      const trimmedCaseId = caseId.trim();
+      const caseIdValid = CASE_ID_FORMAT.test(trimmedCaseId);
+      const canJump = requiresCaseId ? caseIdValid : Boolean(row.jump);
+      const href = requiresCaseId ? `https://example.com?invoiceId=${encodeURIComponent(trimmedCaseId)}` : "https://example.com";
+      if (requiresCaseId) {
+        const id = `${row.app}-${row.context ?? ""}-${row.version ?? ""}-${row.jump ?? ""}`;
+        return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+          /* @__PURE__ */ jsxs(TableRow, { children: [
+            /* @__PURE__ */ jsx(TableCell, { className: "px-3 align-top", children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                style: { paddingLeft: depth * 16 },
+                className: "block",
+                children: /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-expanded": setIsSomeAppExpanded,
+                    onClick: () => setIsProdLimsExpanded((v) => !v),
+                    className: "inline-flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors font-medium",
+                    children: [
+                      setIsSomeAppExpanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ jsx("span", { children: row.app }),
+                      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "(Invoice ID required)" })
+                    ]
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "px-3 align-top", children: row.context ?? "" }),
+            /* @__PURE__ */ jsx(TableCell, { className: "px-3 align-top", children: row.version ?? "" }),
+            /* @__PURE__ */ jsx(TableCell, { className: "px-3 align-top", children: canJump ? /* @__PURE__ */ jsxs(
+              LinkExternal,
+              {
+                href,
+                rel: "noreferrer",
+                className: "inline-flex items-center gap-1",
+                children: [
+                  row.jump ?? "Jump",
+                  /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "h-3 w-3" })
+                ]
+              }
+            ) : /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              row.jump ?? "",
+              " ",
+              /* @__PURE__ */ jsx("span", { className: "text-xs", children: "(enter Invoice ID)" })
+            ] }) })
+          ] }),
+          setIsSomeAppExpanded ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 4, className: "px-3 py-3", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "max-w-xs", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: caseId,
+                onChange: (e) => setCaseId(e.currentTarget.value),
+                placeholder: "Invoice ID (9 digits)",
+                "aria-invalid": caseId.length > 0 && !caseIdValid
+              }
+            ) }),
+            caseId.length > 0 && !caseIdValid ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Invalid Invoice ID format." }) : null
+          ] }) }) }) : null
+        ] }, id);
+      }
+      return /* @__PURE__ */ jsxs(
+        TableRow,
+        {
+          children: [
+            /* @__PURE__ */ jsx(TableCell, { className: "px-3 align-top", children: /* @__PURE__ */ jsx("span", { style: { paddingLeft: depth * 16 }, className: "block", children: canJump ? /* @__PURE__ */ jsxs(
+              LinkExternal,
+              {
+                href,
+                rel: "noreferrer",
+                className: "inline-flex items-center gap-2",
+                children: [
+                  /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "inline-block h-3 w-3" }),
+                  /* @__PURE__ */ jsx("span", { children: row.app }),
+                  /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "h-3 w-3" })
+                ]
+              }
+            ) : /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-2 text-muted-foreground", children: [
+              /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "inline-block h-3 w-3" }),
+              /* @__PURE__ */ jsx("span", { children: row.app }),
+              row.jump ? /* @__PURE__ */ jsx(ExternalLinkIcon, { className: "h-3 w-3" }) : null
+            ] }) }) }),
+            /* @__PURE__ */ jsx(TableCell, { className: "px-3 align-top", children: row.context ?? "" }),
+            /* @__PURE__ */ jsx(TableCell, { className: "px-3 align-top", children: row.version ?? "" }),
+            /* @__PURE__ */ jsx(TableCell, { className: "px-3 align-top", children: row.jump ?? "" })
+          ]
+        },
+        `${row.app}-${row.context ?? ""}-${row.version ?? ""}-${row.jump ?? ""}`
+      );
+    }) })
+  ] }) }) });
+}
+export {
+  ResourceJumpMockTable
+};
+//# sourceMappingURL=ResourceJumpMockTable.js.map

package/dist/esm/modules/resourceJump/ui/ResourceJumpMockTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceJumpMockTable.js","sources":["../../../../../src/modules/resourceJump/ui/ResourceJumpMockTable.tsx"],"sourcesContent":["import { ChevronDown, ChevronRight, ExternalLinkIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { Input } from '~/ui/input'\nimport { LinkExternal } from '~/ui/linkExternal'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '~/ui/table'\n\ntype ResourceJumpMockRow = {\n  app: string\n  context?: string\n  version?: string\n  jump?: string\n  depth?: number\n}\n\nconst rows: Array<ResourceJumpMockRow> = [\n  { app: 'Payment Gateway', version: 'v.12311' },\n  {\n    app: 'Transaction Logger',\n    version: 'v.12311',\n    jump: '[region-01]',\n    depth: 1,\n  },\n  {\n    app: 'Gateway - Dashboard',\n    version: 'v.12311',\n    jump: '[region-01]',\n    depth: 1,\n  },\n  {\n    app: 'Gateway - Dashboard #',\n    version: 'v.12311',\n    jump: '[region-01]',\n    depth: 1,\n  },\n  {\n    app: 'Gateway - Admin Scripts',\n    version: 'v.12311',\n    jump: '[region-01]',\n    depth: 1,\n  },\n\n  { app: 'Identity Provider', context: 'External', jump: '[global]' },\n\n  { app: 'Customer Portal', version: 'v.12312' },\n  {\n    app: 'Invoice #',\n    context: '[Derive]',\n    version: 'v.12312',\n    jump: '[region-01]',\n    depth: 1,\n  },\n\n  { app: 'Inventory API', version: 'v.12311', jump: '[region-01]' },\n  { app: 'Get Products', version: 'v.12311', jump: '[region-01]', depth: 1 },\n\n  { app: 'Message Queue', version: 'v.1.6.1', jump: '[region-01]' },\n  {\n    app: 'order-aggregator-service',\n    version: 'v.1.6.1',\n    jump: '[region-01]',\n    depth: 1,\n  },\n\n  { app: 'API Gateway', version: 'release-1', jump: '[global]' },\n  {\n    app: 'Workflow Engine - Process A',\n    version: 'release-1',\n    jump: '[global]',\n    depth: 1,\n  },\n\n  { app: 'Log Analytics', version: '-', jump: '[region-01]' },\n  { app: 'Request ID Tracker', version: '-', depth: 1 },\n]\n\nconst CASE_ID_STORAGE_KEY = 'resourceJump.mock.invoiceId'\nconst CASE_ID_FORMAT = /^\\d{9}$/\n\nfunction getStoredCaseId() {\n  if (typeof window === 'undefined') return ''\n  return window.localStorage.getItem(CASE_ID_STORAGE_KEY) ?? ''\n}\n\nexport function ResourceJumpMockTable() {\n  const [caseId, setCaseId] = React.useState(getStoredCaseId)\n  const [setIsSomeAppExpanded, setIsProdLimsExpanded] = React.useState(false)\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return\n    window.localStorage.setItem(CASE_ID_STORAGE_KEY, caseId)\n  }, [caseId])\n\n  return (\n    <div className=\"w-full\">\n      <div className=\"w-full overflow-hidden rounded-md border border-border\">\n        <Table>\n          <TableHeader className=\"bg-muted/30 text-muted-foreground\">\n            <TableRow>\n              <TableHead className=\"px-3\">App</TableHead>\n              <TableHead className=\"px-3\">Context</TableHead>\n              <TableHead className=\"px-3\">Version</TableHead>\n              <TableHead className=\"px-3\">Jump</TableHead>\n            </TableRow>\n          </TableHeader>\n          <TableBody>\n            {rows.map((row) => {\n              const depth = row.depth ?? 0\n              const requiresCaseId = row.app === 'Gateway - Dashboard #'\n              const trimmedCaseId = caseId.trim()\n              const caseIdValid = CASE_ID_FORMAT.test(trimmedCaseId)\n              const canJump = requiresCaseId ? caseIdValid : Boolean(row.jump)\n\n              const href = requiresCaseId\n                ? `https://example.com?invoiceId=${encodeURIComponent(trimmedCaseId)}`\n                : 'https://example.com'\n\n              if (requiresCaseId) {\n                const id = `${row.app}-${row.context ?? ''}-${row.version ?? ''}-${row.jump ?? ''}`\n\n                return (\n                  <React.Fragment key={id}>\n                    <TableRow>\n                      <TableCell className=\"px-3 align-top\">\n                        <span\n                          style={{ paddingLeft: depth * 16 }}\n                          className=\"block\"\n                        >\n                          <button\n                            type=\"button\"\n                            aria-expanded={setIsSomeAppExpanded}\n                            onClick={() => setIsProdLimsExpanded((v) => !v)}\n                            className=\"inline-flex items-center gap-2 text-muted-foreground hover:text-foreground transition-colors font-medium\"\n                          >\n                            {setIsSomeAppExpanded ? (\n                              <ChevronDown className=\"h-3 w-3\" />\n                            ) : (\n                              <ChevronRight className=\"h-3 w-3\" />\n                            )}\n                            <span>{row.app}</span>\n                            <span className=\"text-xs text-muted-foreground\">\n                              (Invoice ID required)\n                            </span>\n                          </button>\n                        </span>\n                      </TableCell>\n                      <TableCell className=\"px-3 align-top\">\n                        {row.context ?? ''}\n                      </TableCell>\n                      <TableCell className=\"px-3 align-top\">\n                        {row.version ?? ''}\n                      </TableCell>\n                      <TableCell className=\"px-3 align-top\">\n                        {canJump ? (\n                          <LinkExternal\n                            href={href}\n                            rel=\"noreferrer\"\n                            className=\"inline-flex items-center gap-1\"\n                          >\n                            {row.jump ?? 'Jump'}\n                            <ExternalLinkIcon className=\"h-3 w-3\" />\n                          </LinkExternal>\n                        ) : (\n                          <span className=\"text-muted-foreground\">\n                            {row.jump ?? ''}{' '}\n                            <span className=\"text-xs\">(enter Invoice ID)</span>\n                          </span>\n                        )}\n                      </TableCell>\n                    </TableRow>\n\n                    {setIsSomeAppExpanded ? (\n                      <TableRow>\n                        <TableCell colSpan={4} className=\"px-3 py-3\">\n                          <div className=\"flex flex-col gap-2\">\n                            <div className=\"max-w-xs\">\n                              <Input\n                                value={caseId}\n                                onChange={(e) =>\n                                  setCaseId(e.currentTarget.value)\n                                }\n                                placeholder=\"Invoice ID (9 digits)\"\n                                aria-invalid={caseId.length > 0 && !caseIdValid}\n                              />\n                            </div>\n                            {caseId.length > 0 && !caseIdValid ? (\n                              <div className=\"text-xs text-muted-foreground\">\n                                Invalid Invoice ID format.\n                              </div>\n                            ) : null}\n                          </div>\n                        </TableCell>\n                      </TableRow>\n                    ) : null}\n                  </React.Fragment>\n                )\n              }\n\n              return (\n                <TableRow\n                  key={`${row.app}-${row.context ?? ''}-${row.version ?? ''}-${row.jump ?? ''}`}\n                >\n                  <TableCell className=\"px-3 align-top\">\n                    <span style={{ paddingLeft: depth * 16 }} className=\"block\">\n                      {canJump ? (\n                        <LinkExternal\n                          href={href}\n                          rel=\"noreferrer\"\n                          className=\"inline-flex items-center gap-2\"\n                        >\n                          <span aria-hidden className=\"inline-block h-3 w-3\" />\n                          <span>{row.app}</span>\n                          <ExternalLinkIcon className=\"h-3 w-3\" />\n                        </LinkExternal>\n                      ) : (\n                        <span className=\"inline-flex items-center gap-2 text-muted-foreground\">\n                          <span aria-hidden className=\"inline-block h-3 w-3\" />\n                          <span>{row.app}</span>\n                          {row.jump ? (\n                            <ExternalLinkIcon className=\"h-3 w-3\" />\n                          ) : null}\n                        </span>\n                      )}\n                    </span>\n                  </TableCell>\n                  <TableCell className=\"px-3 align-top\">\n                    {row.context ?? ''}\n                  </TableCell>\n                  <TableCell className=\"px-3 align-top\">\n                    {row.version ?? ''}\n                  </TableCell>\n                  <TableCell className=\"px-3 align-top\">\n                    {row.jump ?? ''}\n                  </TableCell>\n                </TableRow>\n              )\n            })}\n          </TableBody>\n        </Table>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/modules/resourceJump/ui/ShareLinkButton.d.ts

@@ -0,0 +1 @@
+export declare function ShareLinkButton(): import("react/jsx-runtime").JSX.Element | null;

package/dist/esm/modules/resourceJump/ui/ShareLinkButton.js

@@ -0,0 +1,84 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useRouter } from "@tanstack/react-router";
+import { Share2Icon } from "lucide-react";
+import { use } from "react";
+import { EnvironmentContext, useEnvironmentContext } from "../../environment/context/EnvironmentContext.js";
+import { ResourceJumpContext, useResourceJumpContext } from "../context/ResourceJumpContext.js";
+import { Button } from "../../../ui/button.js";
+import { Card, CardContent } from "../../../ui/card.js";
+import { Dialog, DialogTrigger, DialogContent, DialogHeader, DialogTitle, DialogFooter, DialogClose } from "../../../ui/dialog.js";
+import { Input } from "../../../ui/input.js";
+import { Label } from "../../../ui/label.js";
+import { Link } from "../../../ui/link.js";
+import { getEhToOptions } from "../../../util/route-utils.js";
+function ShareLinkButton() {
+  const maybeEnvContext = use(EnvironmentContext);
+  const maybeResourceJumpContext = use(ResourceJumpContext);
+  if (!maybeEnvContext || !maybeResourceJumpContext) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Dialog, { children: /* @__PURE__ */ jsxs("form", { children: [
+    /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", children: [
+      /* @__PURE__ */ jsx(Share2Icon, { className: "w-4 h-4" }),
+      /* @__PURE__ */ jsx("span", { className: "hidden md:block", children: "Share link" })
+    ] }) }),
+    /* @__PURE__ */ jsx(ShareDialogEnv, {})
+  ] }) });
+}
+function ShareDialogEnv() {
+  const { currentEnv } = useEnvironmentContext();
+  const { currentResourceJump } = useResourceJumpContext();
+  const router = useRouter();
+  const fullUrl = new URL(
+    router.buildLocation(
+      getEhToOptions({
+        appId: currentResourceJump == null ? void 0 : currentResourceJump.slug,
+        envId: currentEnv == null ? void 0 : currentEnv.slug
+      })
+    ).href,
+    window.location.origin
+  ).toString();
+  const isEnv = currentResourceJump === void 0;
+  return /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: isEnv ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      "Share Link to",
+      " ",
+      /* @__PURE__ */ jsx("code", { className: "bg-accent p-1 rounded", children: currentEnv == null ? void 0 : currentEnv.displayName })
+    ] }) : "Share Env-Hopper Link to this page" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "name-1", children: "Formatted URL" }),
+        /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(
+          Link,
+          {
+            ...getEhToOptions({
+              appId: currentResourceJump == null ? void 0 : currentResourceJump.slug,
+              envId: currentEnv == null ? void 0 : currentEnv.slug
+            }),
+            children: [
+              currentEnv == null ? void 0 : currentEnv.displayName,
+              " (Env-Hopper)"
+            ]
+          }
+        ) }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-3", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "share-raw-url", children: "Raw URL" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "share-raw-url",
+            name: "share-raw-url",
+            defaultValue: fullUrl,
+            onClick: (e) => e.currentTarget.select()
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Cancel" }) }) })
+  ] });
+}
+export {
+  ShareLinkButton
+};
+//# sourceMappingURL=ShareLinkButton.js.map

package/dist/esm/modules/resourceJump/ui/ShareLinkButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareLinkButton.js","sources":["../../../../../src/modules/resourceJump/ui/ShareLinkButton.tsx"],"sourcesContent":["import { useRouter } from '@tanstack/react-router'\nimport { Share2Icon } from 'lucide-react'\nimport { use } from 'react'\nimport {\n    EnvironmentContext,\n    useEnvironmentContext,\n} from '~/modules/environment/context/EnvironmentContext'\nimport {\n    ResourceJumpContext,\n    useResourceJumpContext,\n} from '~/modules/resourceJump/context/ResourceJumpContext'\nimport { Button } from '~/ui/button'\nimport { Card, CardContent } from '~/ui/card'\nimport {\n    Dialog,\n    DialogClose,\n    DialogContent,\n    DialogFooter,\n    DialogHeader,\n    DialogTitle,\n    DialogTrigger,\n} from '~/ui/dialog'\nimport { Input } from '~/ui/input'\nimport { Label } from '~/ui/label'\nimport { Link } from '~/ui/link'\nimport { getEhToOptions } from '~/util/route-utils'\n\nexport function ShareLinkButton() {\n  const maybeEnvContext = use(EnvironmentContext)\n  const maybeResourceJumpContext = use(ResourceJumpContext)\n  if (!maybeEnvContext || !maybeResourceJumpContext) {\n    return null\n  }\n\n  return (\n    <Dialog>\n      <form>\n        <DialogTrigger asChild>\n          <Button variant=\"outline\">\n            <Share2Icon className=\"w-4 h-4\" />\n            <span className=\"hidden md:block\">Share link</span>\n          </Button>\n        </DialogTrigger>\n        <ShareDialogEnv />\n      </form>\n    </Dialog>\n  )\n}\n\nfunction ShareDialogEnv() {\n  const { currentEnv } = useEnvironmentContext()\n  const { currentResourceJump } = useResourceJumpContext()\n  const router = useRouter()\n\n  const fullUrl = new URL(\n    router.buildLocation(\n      getEhToOptions({\n        appId: currentResourceJump?.slug,\n        envId: currentEnv?.slug,\n      }),\n    ).href,\n    window.location.origin,\n  ).toString()\n\n  const isEnv = currentResourceJump === undefined\n\n  return (\n    <DialogContent>\n      <DialogHeader>\n        <DialogTitle>\n          {isEnv ? (\n            <>\n              Share Link to{' '}\n              <code className=\"bg-accent p-1 rounded\">\n                {currentEnv?.displayName}\n              </code>\n            </>\n          ) : (\n            'Share Env-Hopper Link to this page'\n          )}\n        </DialogTitle>\n      </DialogHeader>\n      <div className=\"grid gap-4\">\n        {/* <div className=\"flex items-start gap-3\">\n          <Checkbox id=\"share-include-env\" defaultChecked />\n          <div className=\"grid gap-2\">\n            <Label htmlFor=\"share-include-env\">Auto-select environment</Label>\n            <p className=\"text-muted-foreground text-sm\">\n              Use when you want to share the application but not force a\n              specific environment.\n            </p>\n          </div>\n        </div> */}\n\n        <div className=\"grid gap-3\">\n          <Label htmlFor=\"name-1\">Formatted URL</Label>\n          <Card>\n            <CardContent>\n              <Link\n                {...getEhToOptions({\n                  appId: currentResourceJump?.slug,\n                  envId: currentEnv?.slug,\n                })}\n              >\n                {currentEnv?.displayName} (Env-Hopper)\n              </Link>\n            </CardContent>\n          </Card>\n        </div>\n        <div className=\"grid gap-3\">\n          <Label htmlFor=\"share-raw-url\">Raw URL</Label>\n          <Input\n            id=\"share-raw-url\"\n            name=\"share-raw-url\"\n            defaultValue={fullUrl}\n            onClick={(e) => e.currentTarget.select()}\n          />\n        </div>\n      </div>\n      <DialogFooter>\n        <DialogClose asChild>\n          <Button variant=\"outline\">Cancel</Button>\n        </DialogClose>\n      </DialogFooter>\n    </DialogContent>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AA2BO,SAAS,kBAAkB;AAChC,QAAM,kBAAkB,IAAI,kBAAkB;AAC9C,QAAM,2BAA2B,IAAI,mBAAmB;AACxD,MAAI,CAAC,mBAAmB,CAAC,0BAA0B;AACjD,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,QAAA,EACC,UAAA,qBAAC,QAAA,EACC,UAAA;AAAA,IAAA,oBAAC,iBAAc,SAAO,MACpB,UAAA,qBAAC,QAAA,EAAO,SAAQ,WACd,UAAA;AAAA,MAAA,oBAAC,YAAA,EAAW,WAAU,UAAA,CAAU;AAAA,MAChC,oBAAC,QAAA,EAAK,WAAU,mBAAkB,UAAA,aAAA,CAAU;AAAA,IAAA,EAAA,CAC9C,EAAA,CACF;AAAA,wBACC,gBAAA,CAAA,CAAe;AAAA,EAAA,EAAA,CAClB,EAAA,CACF;AAEJ;AAEA,SAAS,iBAAiB;AACxB,QAAM,EAAE,WAAA,IAAe,sBAAA;AACvB,QAAM,EAAE,oBAAA,IAAwB,uBAAA;AAChC,QAAM,SAAS,UAAA;AAEf,QAAM,UAAU,IAAI;AAAA,IAClB,OAAO;AAAA,MACL,eAAe;AAAA,QACb,OAAO,2DAAqB;AAAA,QAC5B,OAAO,yCAAY;AAAA,MAAA,CACpB;AAAA,IAAA,EACD;AAAA,IACF,OAAO,SAAS;AAAA,EAAA,EAChB,SAAA;AAEF,QAAM,QAAQ,wBAAwB;AAEtC,8BACG,eAAA,EACC,UAAA;AAAA,IAAA,oBAAC,cAAA,EACC,UAAA,oBAAC,aAAA,EACE,UAAA,QACC,qBAAA,UAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MACc;AAAA,MACd,oBAAC,QAAA,EAAK,WAAU,yBACb,mDAAY,YAAA,CACf;AAAA,IAAA,GACF,IAEA,sCAEJ,GACF;AAAA,IACA,qBAAC,OAAA,EAAI,WAAU,cAYb,UAAA;AAAA,MAAA,qBAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAM,SAAQ,UAAS,UAAA,iBAAa;AAAA,QACrC,oBAAC,MAAA,EACC,UAAA,oBAAC,aAAA,EACC,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACE,GAAG,eAAe;AAAA,cACjB,OAAO,2DAAqB;AAAA,cAC5B,OAAO,yCAAY;AAAA,YAAA,CACpB;AAAA,YAEA,UAAA;AAAA,cAAA,yCAAY;AAAA,cAAY;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAE7B,EAAA,CACF;AAAA,MAAA,GACF;AAAA,MACA,qBAAC,OAAA,EAAI,WAAU,cACb,UAAA;AAAA,QAAA,oBAAC,OAAA,EAAM,SAAQ,iBAAgB,UAAA,WAAO;AAAA,QACtC;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,cAAc;AAAA,YACd,SAAS,CAAC,MAAM,EAAE,cAAc,OAAA;AAAA,UAAO;AAAA,QAAA;AAAA,MACzC,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACA,oBAAC,cAAA,EACC,UAAA,oBAAC,aAAA,EAAY,SAAO,MAClB,UAAA,oBAAC,QAAA,EAAO,SAAQ,WAAU,UAAA,SAAA,CAAM,EAAA,CAClC,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}