@theguild/components 8.0.0-alpha-20241127194636-f79c6d49ccaa40f185e57fefef2014aeca682202 → 8.0.0-alpha-20241128110259-4faf4b0f0e3baae85b718c095a0c151af0838820

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,18 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { CallToActionProps } from './call-to-action.mjs';
3
+ import './anchor.mjs';
4
+ import 'react';
5
+ import 'url';
6
+ import '../types/components.mjs';
7
+ import 'next/image';
8
+ import 'next/link';
9
+ import 'react-player';
10
+
11
+ interface ContactTextLinkProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'href' | 'onClick'> {
12
+ }
13
+ declare function ContactTextLink(props: ContactTextLinkProps): react_jsx_runtime.JSX.Element;
14
+ interface ContactButtonProps extends Omit<CallToActionProps.AnchorProps, 'onClick' | 'href'> {
15
+ }
16
+ declare function ContactButton(props: ContactButtonProps): react_jsx_runtime.JSX.Element;
17
+
18
+ export { ContactButton, type ContactButtonProps, ContactTextLink, type ContactTextLinkProps };
@@ -0,0 +1,32 @@
1
+ "use client";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import { cn } from "../cn";
4
+ import { CallToAction } from "./call-to-action";
5
+ const openCrisp = (event) => {
6
+ if (window.$crisp) {
7
+ window.$crisp.push(["do", "chat:open"]);
8
+ event.preventDefault();
9
+ }
10
+ };
11
+ function ContactTextLink(props) {
12
+ return /* @__PURE__ */ jsx(
13
+ "a",
14
+ {
15
+ ...props,
16
+ className: cn(
17
+ "hive-focus -m-2 rounded p-2 font-medium hover:text-blue-700 hover:underline dark:hover:text-blue-100",
18
+ props.className
19
+ ),
20
+ href: "https://the-guild.dev/contact",
21
+ onClick: openCrisp,
22
+ children: props.children || "Contact Us"
23
+ }
24
+ );
25
+ }
26
+ function ContactButton(props) {
27
+ return /* @__PURE__ */ jsx(CallToAction, { href: "https://the-guild.dev/contact", onClick: openCrisp, ...props, children: props.children || "Contact Us" });
28
+ }
29
+ export {
30
+ ContactButton,
31
+ ContactTextLink
32
+ };
@@ -1,6 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { cn } from "../cn";
3
3
  import { CallToAction } from "./call-to-action";
4
+ import { ContactButton } from "./contact-us";
4
5
  import { DecorationIsolation } from "./decorations";
5
6
  import { Heading } from "./heading";
6
7
  function GetYourAPIGameRightSection({ className }) {
@@ -25,20 +26,7 @@ function GetYourAPIGameRightSection({ className }) {
25
26
  ),
26
27
  /* @__PURE__ */ jsxs("div", { className: "flex gap-x-4 gap-y-2 whitespace-pre max-sm:flex-col", children: [
27
28
  /* @__PURE__ */ jsx(CallToAction, { variant: "secondary-inverted", href: "https://app.graphql-hive.com/", children: "Get started for free" }),
28
- /* @__PURE__ */ jsx(
29
- CallToAction,
30
- {
31
- variant: "tertiary",
32
- href: "https://the-guild.dev/contact",
33
- onClick: (event) => {
34
- if (window.$crisp) {
35
- window.$crisp.push(["do", "chat:open"]);
36
- event.preventDefault();
37
- }
38
- },
39
- children: "Talk to us"
40
- }
41
- )
29
+ /* @__PURE__ */ jsx(ContactButton, { variant: "tertiary", children: "Talk to us" })
42
30
  ] })
43
31
  ] })
44
32
  ]
@@ -4,6 +4,7 @@ import { siteOrigin } from "../../constants";
4
4
  import { HiveCombinationMark } from "../../logos/index";
5
5
  import { PRODUCTS } from "../../products";
6
6
  import { Anchor } from "../anchor";
7
+ import { ContactTextLink } from "../contact-us";
7
8
  import {
8
9
  CSAStarLevelOneIcon,
9
10
  DiscordIcon,
@@ -12,7 +13,6 @@ import {
12
13
  TwitterIcon,
13
14
  YouTubeIcon
14
15
  } from "../icons/index";
15
- import { ContactUs } from "./contact-us";
16
16
  const HiveFooter = ({
17
17
  className,
18
18
  logo = /* @__PURE__ */ jsx(HiveCombinationMark, { className: "h-8 w-auto" }),
@@ -50,7 +50,7 @@ const HiveFooter = ({
50
50
  children: "Pricing"
51
51
  }
52
52
  ),
53
- /* @__PURE__ */ jsx(ContactUs, {})
53
+ /* @__PURE__ */ jsx(ContactTextLink, { children: "Contact Us" })
54
54
  ] }),
55
55
  /* @__PURE__ */ jsx(CSAStarLink, { className: "sm:col-start-[-1] lg:col-start-[-2]" })
56
56
  ] }),
@@ -25,6 +25,7 @@ export { Heading, HeadingProps } from './heading.mjs';
25
25
  export { InfoCard, InfoCardProps } from './info-card.mjs';
26
26
  export { Stud, StudProps } from './stud.mjs';
27
27
  export { ExploreMainProductCards, ExploreMainProductCardsProps } from './explore-main-product-cards.mjs';
28
+ export { ContactButton, ContactButtonProps, ContactTextLink, ContactTextLinkProps } from './contact-us.mjs';
28
29
  export { Giscus } from './giscus.mjs';
29
30
  export { GraphQLConfCard, GraphQLConfCardProps } from './hive-navigation/graphql-conf-card.mjs';
30
31
  import 'react';
@@ -29,6 +29,7 @@ export * from "./heading";
29
29
  export * from "./info-card";
30
30
  export * from "./stud";
31
31
  export * from "./explore-main-product-cards";
32
+ export * from "./contact-us";
32
33
  import { Giscus } from "./giscus";
33
34
  export {
34
35
  Anchor,
package/dist/index.d.mts CHANGED
@@ -28,6 +28,7 @@ export { Heading, HeadingProps } from './components/heading.mjs';
28
28
  export { InfoCard, InfoCardProps } from './components/info-card.mjs';
29
29
  export { Stud, StudProps } from './components/stud.mjs';
30
30
  export { ExploreMainProductCards, ExploreMainProductCardsProps } from './components/explore-main-product-cards.mjs';
31
+ export { ContactButton, ContactButtonProps, ContactTextLink, ContactTextLinkProps } from './components/contact-us.mjs';
31
32
  export { Giscus } from './components/giscus.mjs';
32
33
  export { PRODUCTS } from './products.mjs';
33
34
  export { IEditorProps, IFeatureListProps, IHeroGradientProps, IHeroIllustrationProps, IHeroMarketplaceProps, IHeroVideoProps, IInfoListProps, ILink, IMarketplaceItemProps, IMarketplaceItemsProps, IMarketplaceListProps, IMarketplaceSearchProps, ISchemaPageProps } from './types/components.mjs';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@theguild/components",
3
- "version": "8.0.0-alpha-20241127194636-f79c6d49ccaa40f185e57fefef2014aeca682202",
3
+ "version": "8.0.0-alpha-20241128110259-4faf4b0f0e3baae85b718c095a0c151af0838820",
4
4
  "repository": {
5
5
  "url": "https://github.com/the-guild-org/docs",
6
6
  "directory": "packages/components"
@@ -1,5 +0,0 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
-
3
- declare function ContactUs(): react_jsx_runtime.JSX.Element;
4
-
5
- export { ContactUs };
@@ -1,21 +0,0 @@
1
- "use client";
2
- import { jsx } from "react/jsx-runtime";
3
- function ContactUs() {
4
- return /* @__PURE__ */ jsx(
5
- "a",
6
- {
7
- className: "hive-focus -m-2 rounded p-2 font-medium hover:text-blue-700 hover:underline dark:hover:text-blue-100",
8
- href: "https://the-guild.dev/contact",
9
- onClick: (event) => {
10
- if (window.$crisp) {
11
- window.$crisp.push(["do", "chat:open"]);
12
- event.preventDefault();
13
- }
14
- },
15
- children: "Contact Us"
16
- }
17
- );
18
- }
19
- export {
20
- ContactUs
21
- };