@eventcatalog/core 0.0.7 → 0.0.11

package/.next/server/chunks/944.js

@@ -0,0 +1,646 @@
+"use strict";
+exports.id = 944;
+exports.ids = [944];
+exports.modules = {
+
+/***/ 3067:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__) => {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3695);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_2__]);
+_components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_2__ = (__webpack_async_dependencies__.then ? await __webpack_async_dependencies__ : __webpack_async_dependencies__)[0];
+
+
+
+function classNames(...classes) {
+    return classes.filter(Boolean).join(' ');
+}
+function Examples({ title ='Examples' , description , examples =[] , showLineNumbers  }) {
+    const tabs = examples.map((example, index)=>({
+            name: example.name || `Example ${index + 1}`,
+            content: example.snippet,
+            description: example.description,
+            langugage: example.langugage
+        })
+    );
+    const { 0: selectedTab , 1: setSelectedTab  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(tabs[0]);
+    const handleTabSelection = (tab)=>{
+        setSelectedTab(tab);
+    };
+    return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+        className: "my-5 examples",
+        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+            className: "",
+            children: [
+                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                    className: "text-lg font-medium text-gray-700 underline",
+                    children: title
+                }),
+                description && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("p", {
+                    className: "text-md font-medium text-gray-700",
+                    children: description
+                }),
+                /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    children: [
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("nav", {
+                            className: "-mb-px flex",
+                            "aria-label": "Tabs",
+                            children: tabs.map((tab)=>{
+                                const isSelected = tab.name === selectedTab.name;
+                                return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
+                                    type: "button",
+                                    onClick: ()=>handleTabSelection(tab)
+                                    ,
+                                    className: classNames(isSelected ? 'border-green-500 text-green-600 selected' : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300', 'whitespace-nowrap py-4 border-b-2 font-medium text-sm important:no-underline px-8 hover:bg-gray-50 transition'),
+                                    "aria-current": isSelected ? 'page' : undefined,
+                                    children: [
+                                        tab.name,
+                                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
+                                            className: "block text-xs mt-",
+                                            children: [
+                                                "(",
+                                                tab.langugage,
+                                                ")"
+                                            ]
+                                        })
+                                    ]
+                                }, tab.name));
+                            })
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                            className: "my-4",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z, {
+                                    language: selectedTab.langugage,
+                                    showLineNumbers: showLineNumbers,
+                                    children: selectedTab.content
+                                }),
+                                selectedTab.langugage && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                    className: "-mb-2 block text-xs text-right font-bold",
+                                    children: selectedTab.name
+                                })
+                            ]
+                        })
+                    ]
+                })
+            ]
+        })
+    }));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Examples);
+
+});
+
+/***/ }),
+
+/***/ 9610:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9097);
+/* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8768);
+/* harmony import */ var _heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var js_file_download__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2124);
+/* harmony import */ var js_file_download__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(js_file_download__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(5008);
+
+
+
+
+
+
+function EventSideBar({ event , loadedVersion  }) {
+    const { getUserById  } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_5__/* .useUser */ .aF)();
+    const { name: eventName , owners , producers , consumers , historicVersions , externalLinks  } = event;
+    const handleDownload = async ()=>{
+        try {
+            const res = await fetch(`/api/event/${event.name}/download`);
+            if (res.status === 404) throw new Error('Failed to find file');
+            const { schema , fileName  } = await res.json();
+            js_file_download__WEBPACK_IMPORTED_MODULE_4___default()(schema, fileName);
+        } catch (error) {
+            // TODO: Maybe better error experince
+            console.error(error);
+        }
+    };
+    return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("aside", {
+        className: "hidden xl:block xl:pl-8",
+        children: [
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                className: "sr-only",
+                children: "Details"
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: "pt-6 py-6 space-y-8",
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    children: [
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h2", {
+                            className: "text-sm font-medium text-gray-500",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__.CubeIcon, {
+                                    className: "h-5 w-5 text-green-400 inline-block mr-2",
+                                    "aria-hidden": "true"
+                                }),
+                                "Producers"
+                            ]
+                        }),
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
+                            className: "mt-2 leading-8",
+                            children: producers.map((producer)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
+                                    className: "inline mr-1",
+                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
+                                        href: `/services/${producer}`,
+                                        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
+                                            className: "relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "absolute flex-shrink-0 flex items-center justify-center",
+                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                                        className: "h-1.5 w-1.5 rounded-full bg-green-500 animate animate-pulse",
+                                                        "aria-hidden": "true"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "ml-3.5 text-sm font-medium text-gray-900",
+                                                    children: producer
+                                                })
+                                            ]
+                                        })
+                                    })
+                                }, producer)
+                            )
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: "border-t border-gray-200 py-6 space-y-8",
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    children: [
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("h2", {
+                            className: "text-sm font-medium text-gray-500",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__.CubeIcon, {
+                                    className: "h-5 w-5 text-indigo-400 inline-block mr-2",
+                                    "aria-hidden": "true"
+                                }),
+                                "Consumers"
+                            ]
+                        }),
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
+                            className: "mt-2 leading-8",
+                            children: consumers.map((consumer)=>/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
+                                    className: "inline",
+                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
+                                        href: `/services/${consumer}`,
+                                        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
+                                            href: "#",
+                                            className: "relative inline-flex items-center rounded-full border border-gray-300 px-3 py-0.5",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "absolute flex-shrink-0 flex items-center justify-center",
+                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                                        className: "h-1.5 w-1.5 rounded-full bg-indigo-500 animate animate-pulse",
+                                                        "aria-hidden": "true"
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "ml-3.5 text-sm font-medium text-gray-900",
+                                                    children: consumer
+                                                })
+                                            ]
+                                        })
+                                    })
+                                }, consumer)
+                            )
+                        })
+                    ]
+                })
+            }),
+            historicVersions.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: "border-t border-gray-200 py-6",
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    children: [
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                            className: "text-sm font-medium text-gray-500",
+                            children: "Event Versions"
+                        }),
+                        /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("ul", {
+                            className: "mt-2 leading-8 text-left text-blue-500",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
+                                    className: "text-sm inline ",
+                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
+                                        href: `/events/${eventName}`,
+                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
+                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                                className: `inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative ${loadedVersion === 'latest' ? 'bg-blue-400 text-white shadow-md font-bold underline' : 'bg-blue-100 text-blue-800'}`,
+                                                children: "Latest"
+                                            })
+                                        })
+                                    })
+                                }),
+                                historicVersions.map((version)=>{
+                                    const isLoadedVersion = loadedVersion === version;
+                                    const styles = isLoadedVersion ? 'bg-blue-400 text-white shadow-md font-bold underline' : 'bg-blue-100 text-blue-800';
+                                    return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
+                                        className: "text-sm inline",
+                                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
+                                            href: `/events/${eventName}/v/${version}`,
+                                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
+                                                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("span", {
+                                                    className: `inline-flex mr-2 items-center px-2.5 py-0.5 rounded-full text-xs font-medium -top-0.5 relative  ${styles}`,
+                                                    children: [
+                                                        "v",
+                                                        version
+                                                    ]
+                                                })
+                                            })
+                                        })
+                                    }, version));
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                className: "border-t border-gray-200 py-6 space-y-8",
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                    children: [
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                            className: "text-sm font-medium text-gray-500",
+                            children: "Event Owners"
+                        }),
+                        /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("ul", {
+                            className: "mt-4 leading-8 space-y-2",
+                            children: owners.map((id)=>{
+                                const user = getUserById(id);
+                                if (!user) return null;
+                                return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("li", {
+                                    className: "flex justify-start",
+                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
+                                        href: `/users/${id}`,
+                                        children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
+                                            className: "flex items-center space-x-3",
+                                            children: [
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "flex-shrink-0",
+                                                    children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("img", {
+                                                        className: "h-5 w-5 rounded-full",
+                                                        src: user.avatarUrl,
+                                                        alt: ""
+                                                    })
+                                                }),
+                                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("div", {
+                                                    className: "text-sm font-medium text-gray-900",
+                                                    children: user.name
+                                                })
+                                            ]
+                                        })
+                                    })
+                                }, id));
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                className: "border-t border-gray-200 py-6 space-y-1",
+                children: [
+                    /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("button", {
+                        type: "button",
+                        className: "hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-200 bg-gray-800 hover:bg-gray-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900",
+                        onClick: ()=>handleDownload()
+                        ,
+                        children: [
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__.DownloadIcon, {
+                                className: "-ml-1 mr-2 h-5 w-5 text-gray-200",
+                                "aria-hidden": "true"
+                            }),
+                            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                children: "Download Schema"
+                            })
+                        ]
+                    }),
+                    historicVersions.length > 0 && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_link__WEBPACK_IMPORTED_MODULE_2__["default"], {
+                        href: `/events/${eventName}/logs`,
+                        children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("a", {
+                            className: "hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-gray-300 shadow-sm text-sm font-medium rounded-md text-gray-800 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-200",
+                            children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                children: "View Changes"
+                            })
+                        })
+                    }),
+                    externalLinks.length > 0 && externalLinks.map((tag)=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("a", {
+                            href: tag.url,
+                            target: "_blank",
+                            type: "button",
+                            className: "hidden w-full md:inline-flex h-10 justify-center px-4 py-2 border border-teal-300 shadow-sm text-sm font-medium rounded-md text-teal-800 hover:bg-teal-100 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-teal-200",
+                            rel: "noreferrer",
+                            children: [
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_heroicons_react_outline__WEBPACK_IMPORTED_MODULE_3__.ExternalLinkIcon, {
+                                    className: "-ml-1 mr-2 h-5 w-5 text-teal-200",
+                                    "aria-hidden": "true"
+                                }),
+                                /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                                    children: `${tag.label}`
+                                })
+                            ]
+                        }, tag.url)
+                    )
+                ]
+            })
+        ]
+    }));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (EventSideBar);
+
+
+/***/ }),
+
+/***/ 3695:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__) => {
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6689);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_syntax_highlighter_dist_cjs_styles_prism_dracula__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(9503);
+/* harmony import */ var react_syntax_highlighter_dist_cjs_styles_prism_dracula__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_syntax_highlighter_dist_cjs_styles_prism_dracula__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_syntax_highlighter__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(727);
+/* harmony import */ var react_syntax_highlighter__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_syntax_highlighter__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var copy_text_to_clipboard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7656);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([copy_text_to_clipboard__WEBPACK_IMPORTED_MODULE_4__]);
+copy_text_to_clipboard__WEBPACK_IMPORTED_MODULE_4__ = (__webpack_async_dependencies__.then ? await __webpack_async_dependencies__ : __webpack_async_dependencies__)[0];
+
+
+
+
+
+function SyntaxHighlighter({ language , name ='' , ...props }) {
+    const { 0: showCopied , 1: setShowCopied  } = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(false);
+    const handleCopyCode = ()=>{
+        (0,copy_text_to_clipboard__WEBPACK_IMPORTED_MODULE_4__["default"])(props.children);
+        setShowCopied(true);
+        setTimeout(()=>setShowCopied(false)
+        , 2000);
+    };
+    const regex = /\\n/g;
+    return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+        className: "relative group",
+        children: [
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("button", {
+                type: "button",
+                onClick: handleCopyCode,
+                className: "absolute top-2 right-5 text-sm bg-gray-700 text-white rounded-md py-1 px-4 transform transition opacity-0 group-hover:opacity-100",
+                children: showCopied ? 'Copied' : 'Copy'
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(react_syntax_highlighter__WEBPACK_IMPORTED_MODULE_3__.Prism, {
+                style: (react_syntax_highlighter_dist_cjs_styles_prism_dracula__WEBPACK_IMPORTED_MODULE_2___default()),
+                language: language,
+                ...props,
+                wrapLines: true,
+                children: props.children.replace(regex, '\n')
+            }),
+            name && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("span", {
+                className: "-mb-2 block text-xs text-right font-bold",
+                children: name
+            })
+        ]
+    }));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SyntaxHighlighter);
+
+});
+
+/***/ }),
+
+/***/ 5944:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.a(module, async (__webpack_handle_async_dependencies__) => {
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "getComponents": () => (/* binding */ getComponents),
+/* harmony export */   "default": () => (/* binding */ Events),
+/* harmony export */   "getStaticProps": () => (/* binding */ getStaticProps),
+/* harmony export */   "getStaticPaths": () => (/* binding */ getStaticPaths)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(968);
+/* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(next_head__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var next_mdx_remote__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(276);
+/* harmony import */ var next_mdx_remote__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(next_mdx_remote__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _components_Mdx_Admonition__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1790);
+/* harmony import */ var _components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3067);
+/* harmony import */ var _utils_random_bg__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(6892);
+/* harmony import */ var _components_ContentView__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(2455);
+/* harmony import */ var _components_Mermaid__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(788);
+/* harmony import */ var _components_Sidebars_EventSidebar__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9610);
+/* harmony import */ var _components_NotFound__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(4488);
+/* harmony import */ var _components_BreadCrumbs__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(2428);
+/* harmony import */ var _components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(3695);
+/* harmony import */ var _lib_events__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(9959);
+/* harmony import */ var _hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(5008);
+var __webpack_async_dependencies__ = __webpack_handle_async_dependencies__([_lib_events__WEBPACK_IMPORTED_MODULE_11__, _components_Mermaid__WEBPACK_IMPORTED_MODULE_6__, _components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_4__, _components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_10__]);
+([_lib_events__WEBPACK_IMPORTED_MODULE_11__, _components_Mermaid__WEBPACK_IMPORTED_MODULE_6__, _components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_4__, _components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_10__] = __webpack_async_dependencies__.then ? await __webpack_async_dependencies__ : __webpack_async_dependencies__);
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+const getComponents = ({ event , schema , examples  })=>({
+        code: ({ className , ...props })=>{
+            const match = /language-(\w+)/.exec(className || '');
+            return match ? /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+                language: match[1],
+                ...props
+            }) : /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("code", {
+                className: className,
+                ...props
+            });
+        },
+        Schema: ({ title ='Event Schema'  })=>{
+            if (!schema) return null;
+            return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("section", {
+                className: "mt-8 xl:mt-10",
+                children: [
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                        id: "activity-title",
+                        className: "text-lg font-medium text-gray-900 underline",
+                        children: title
+                    }),
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_SyntaxHighlighter__WEBPACK_IMPORTED_MODULE_10__/* ["default"] */ .Z, {
+                        language: schema.language,
+                        showLineNumbers: false,
+                        name: `${event.name} Schema (${schema.language})`,
+                        children: schema.snippet
+                    })
+                ]
+            }));
+        },
+        Admonition: _components_Mdx_Admonition__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z,
+        EventExamples: (props)=>{
+            if (examples.length > 0) {
+                return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Mdx_Examples__WEBPACK_IMPORTED_MODULE_4__/* ["default"] */ .Z, {
+                    ...props,
+                    examples: examples,
+                    showLineNumbers: true
+                }));
+            }
+            console.log('You are using the <EventExamples /> component without any examples, please read https://eventcatalog.dev/docs/events/adding-examples for more information');
+            return null;
+        },
+        Mermaid: ({ title  })=>/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+                className: "mx-auto w-full py-10",
+                children: [
+                    title && /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx("h2", {
+                        className: "text-lg font-medium text-gray-900 underline",
+                        children: title
+                    }),
+                    /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Mermaid__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z, {
+                        source: "event",
+                        data: event,
+                        rootNodeColor: (0,_utils_random_bg__WEBPACK_IMPORTED_MODULE_13__/* ["default"] */ .Z)(event.name)
+                    })
+                ]
+            })
+    })
+;
+function Events(props) {
+    const { event , markdown , loadedVersion , notFound  } = props;
+    const { getEditUrl , hasEditUrl  } = (0,_hooks_EventCatalog__WEBPACK_IMPORTED_MODULE_12__/* .useUrl */ .wG)();
+    const { name , summary , draft , schema , examples , version  } = event;
+    if (notFound) return(/*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_NotFound__WEBPACK_IMPORTED_MODULE_8__/* ["default"] */ .Z, {
+        type: "event",
+        name: event.name,
+        editUrl: hasEditUrl ? getEditUrl(`/events/${name}/index.md`) : ''
+    }));
+    const { lastModifiedDate  } = markdown;
+    const pages = [
+        {
+            name: 'Events',
+            href: '/events',
+            current: false
+        },
+        {
+            name,
+            href: `/services/${name}`,
+            current: true
+        }, 
+    ];
+    const mdxComponents = getComponents({
+        event,
+        schema,
+        examples
+    });
+    return(/*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.Fragment, {
+        children: [
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx((next_head__WEBPACK_IMPORTED_MODULE_1___default()), {
+                children: /*#__PURE__*/ (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("title", {
+                    children: [
+                        name,
+                        " v",
+                        version
+                    ]
+                })
+            }),
+            /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_ContentView__WEBPACK_IMPORTED_MODULE_5__/* ["default"] */ .Z, {
+                title: name,
+                editUrl: hasEditUrl ? getEditUrl(`/events/${name}/index.md`) : '',
+                subtitle: summary,
+                draft: draft,
+                lastModifiedDate: lastModifiedDate,
+                tags: [
+                    {
+                        label: `v${version}`
+                    }
+                ],
+                breadCrumbs: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_BreadCrumbs__WEBPACK_IMPORTED_MODULE_9__/* ["default"] */ .Z, {
+                    pages: pages
+                }),
+                isOldVersion: loadedVersion !== 'latest',
+                latestVersionUrl: `/events/${name}`,
+                version: loadedVersion,
+                sidebar: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(_components_Sidebars_EventSidebar__WEBPACK_IMPORTED_MODULE_7__/* ["default"] */ .Z, {
+                    event: event,
+                    loadedVersion: loadedVersion
+                }),
+                children: /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(next_mdx_remote__WEBPACK_IMPORTED_MODULE_2__.MDXRemote, {
+                    ...markdown.source,
+                    components: mdxComponents
+                })
+            })
+        ]
+    }));
+};
+async function getStaticProps({ params  }) {
+    try {
+        const { event , markdown  } = await (0,_lib_events__WEBPACK_IMPORTED_MODULE_11__/* .getEventByName */ .Zh)(params.name);
+        return {
+            props: {
+                event,
+                markdown,
+                loadedVersion: 'latest'
+            }
+        };
+    } catch (error) {
+        return {
+            props: {
+                notFound: true,
+                event: {
+                    name: params.name
+                }
+            }
+        };
+    }
+}
+async function getStaticPaths() {
+    const events = (0,_lib_events__WEBPACK_IMPORTED_MODULE_11__/* .getAllEvents */ .IP)();
+    const paths = events.map((event)=>({
+            params: {
+                name: event.name
+            }
+        })
+    );
+    return {
+        paths,
+        fallback: 'blocking'
+    };
+}
+
+});
+
+/***/ })
+
+};
+;