@widlarzgroup/docusaurus-ui 0.1.2 → 0.1.3

package/lib/components/ProFeature/ProFeature.js

@@ -8,10 +8,10 @@ const Link_1 = __importDefault(require("@docusaurus/Link"));
 const router_1 = require("@docusaurus/router");
 const ProFeature_module_css_1 = __importDefault(require("./ProFeature.module.css"));
 const ProBadge_1 = __importDefault(require("../../components/ProBadge/ProBadge"));
-const ProFeature = ({ title = 'Pro Player Feature', description = 'This feature is available exclusively in Pro Player. To access this functionality, please contact us.', }) => {
+const ProFeature = ({ title = "Pro Player Feature", description = "This feature is available exclusively in Pro Player. To access this functionality, please contact us.", }) => {
     const location = (0, router_1.useLocation)();
     const utmContent = encodeURIComponent(location.pathname);
-    const contactUrl = `https://thewidlarzgroup.com/?utm_source=docs&utm_medium=pro-feature&utm_campaign=pro-player&utm_content=${utmContent}#Contact`;
+    const contactUrl = `https://sdk.thewidlarzgroup.com/?utm_source=docs&utm_medium=pro-feature&utm_campaign=pro-player&utm_content=${utmContent}&contact=true`;
     const learnMoreUrl = `https://sdk.thewidlarzgroup.com/?utm_source=docs&utm_medium=pro-feature&utm_campaign=pro-player&utm_content=${utmContent}`;
     return ((0, jsx_runtime_1.jsx)("div", { className: ProFeature_module_css_1.default.container, children: (0, jsx_runtime_1.jsxs)("div", { className: ProFeature_module_css_1.default.content, children: [(0, jsx_runtime_1.jsx)("div", { className: ProFeature_module_css_1.default.header, children: (0, jsx_runtime_1.jsxs)("div", { className: ProFeature_module_css_1.default.badge, children: [(0, jsx_runtime_1.jsx)(ProBadge_1.default, {}), (0, jsx_runtime_1.jsx)("span", { className: ProFeature_module_css_1.default.badgeText, children: title })] }) }), (0, jsx_runtime_1.jsx)("p", { className: ProFeature_module_css_1.default.description, children: description }), (0, jsx_runtime_1.jsxs)("div", { className: ProFeature_module_css_1.default.actions, children: [(0, jsx_runtime_1.jsx)(Link_1.default, { to: contactUrl, className: ProFeature_module_css_1.default.primaryButton, children: "Contact Us" }), (0, jsx_runtime_1.jsx)(Link_1.default, { to: learnMoreUrl, className: ProFeature_module_css_1.default.secondaryButton, children: "Learn More" })] })] }) }));
 };

package/lib/components/ProFeature/ProFeature.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProFeature.js","sourceRoot":"","sources":["../../../src/components/ProFeature/ProFeature.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AACpC,+CAA+C;AAC/C,oFAA6C;AAC7C,8EAAsD;AAOtD,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,GAAG,oBAAoB,EAC5B,WAAW,GAAG,uGAAuG,GACrG,EAAE,EAAE;IACpB,MAAM,QAAQ,GAAG,IAAA,oBAAW,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEzD,MAAM,UAAU,GAAG,2GAA2G,UAAU,UAAU,CAAC;IACnJ,MAAM,YAAY,GAAG,+GAA+G,UAAU,EAAE,CAAC;IAEjJ,OAAO,CACL,gCAAK,SAAS,EAAE,+BAAM,CAAC,SAAS,YAC9B,iCAAK,SAAS,EAAE,+BAAM,CAAC,OAAO,aAC5B,gCAAK,SAAS,EAAE,+BAAM,CAAC,MAAM,YAC3B,iCAAK,SAAS,EAAE,+BAAM,CAAC,KAAK,aAC1B,uBAAC,kBAAQ,KAAG,EACZ,iCAAM,SAAS,EAAE,+BAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IAC7C,GACF,EACN,8BAAG,SAAS,EAAE,+BAAM,CAAC,WAAW,YAAG,WAAW,GAAK,EACnD,iCAAK,SAAS,EAAE,+BAAM,CAAC,OAAO,aAC5B,uBAAC,cAAI,IAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,+BAAM,CAAC,aAAa,2BAE9C,EACP,uBAAC,cAAI,IAAC,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,+BAAM,CAAC,eAAe,2BAElD,IACH,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
+{"version":3,"file":"ProFeature.js","sourceRoot":"","sources":["../../../src/components/ProFeature/ProFeature.tsx"],"names":[],"mappings":";;;;;;AAAA,4DAAoC;AACpC,+CAAiD;AACjD,oFAA6C;AAC7C,8EAAsD;AAOtD,MAAM,UAAU,GAAG,CAAC,EAClB,KAAK,GAAG,oBAAoB,EAC5B,WAAW,GAAG,uGAAuG,GACrG,EAAE,EAAE;IACpB,MAAM,QAAQ,GAAG,IAAA,oBAAW,GAAE,CAAC;IAC/B,MAAM,UAAU,GAAG,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEzD,MAAM,UAAU,GAAG,+GAA+G,UAAU,eAAe,CAAC;IAC5J,MAAM,YAAY,GAAG,+GAA+G,UAAU,EAAE,CAAC;IAEjJ,OAAO,CACL,gCAAK,SAAS,EAAE,+BAAM,CAAC,SAAS,YAC9B,iCAAK,SAAS,EAAE,+BAAM,CAAC,OAAO,aAC5B,gCAAK,SAAS,EAAE,+BAAM,CAAC,MAAM,YAC3B,iCAAK,SAAS,EAAE,+BAAM,CAAC,KAAK,aAC1B,uBAAC,kBAAQ,KAAG,EACZ,iCAAM,SAAS,EAAE,+BAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IAC7C,GACF,EACN,8BAAG,SAAS,EAAE,+BAAM,CAAC,WAAW,YAAG,WAAW,GAAK,EACnD,iCAAK,SAAS,EAAE,+BAAM,CAAC,OAAO,aAC5B,uBAAC,cAAI,IAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,+BAAM,CAAC,aAAa,2BAE9C,EACP,uBAAC,cAAI,IAAC,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,+BAAM,CAAC,eAAe,2BAElD,IACH,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}

package/lib/components/TWGBadge/TWGBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TWGBadge.d.ts","sourceRoot":"","sources":["../../../src/components/TWGBadge/TWGBadge.tsx"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,QAAQ,uBAAwB,aAAa,4CAkBlD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TWGBadge.d.ts","sourceRoot":"","sources":["../../../src/components/TWGBadge/TWGBadge.tsx"],"names":[],"mappings":"AAGA,UAAU,aAAa;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,QAAQ,uBAAwB,aAAa,4CA2BlD,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/components/TWGBadge/TWGBadge.js

@@ -4,12 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
+const useDocVersion_1 = require("../../hooks/useDocVersion");
 const TWGBadge_module_css_1 = __importDefault(require("./TWGBadge.module.css"));
 const TWGBadge = ({ visibleOnLarge }) => {
+    const version = (0, useDocVersion_1.useDocVersion)();
     const visibilityClass = visibleOnLarge
         ? TWGBadge_module_css_1.default.visibleOnLarge
         : TWGBadge_module_css_1.default.visibleOnSmall;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: [TWGBadge_module_css_1.default.extraContainer, visibilityClass].join(' '), children: [(0, jsx_runtime_1.jsx)("span", { className: TWGBadge_module_css_1.default.extraText, children: "We are TheWidlarzGroup" }), (0, jsx_runtime_1.jsx)("a", { target: "_blank", href: "https://www.thewidlarzgroup.com/?utm_source=rnv&utm_medium=docs&utm_campaign=badge&utm_id=enterprise#Contact", className: TWGBadge_module_css_1.default.extraButton, rel: "noreferrer", children: "Premium support \u2192" })] }));
+    const href = version === "v7"
+        ? "/react-native-video/docs/v7/offer"
+        : "https://sdk.thewidlarzgroup.com/?utm_source=rnv&utm_medium=docs&utm_campaign=badge&utm_id=enterprise&contact=true";
+    const isExternal = version !== "v7";
+    return ((0, jsx_runtime_1.jsxs)("div", { className: [TWGBadge_module_css_1.default.extraContainer, visibilityClass].join(" "), children: [(0, jsx_runtime_1.jsx)("span", { className: TWGBadge_module_css_1.default.extraText, children: "We are TheWidlarzGroup" }), (0, jsx_runtime_1.jsx)("a", { target: isExternal ? "_blank" : undefined, href: href, className: TWGBadge_module_css_1.default.extraButton, rel: isExternal ? "noreferrer" : undefined, children: "Premium support \u2192" })] }));
 };
 exports.default = TWGBadge;
 //# sourceMappingURL=TWGBadge.js.map

package/lib/components/TWGBadge/TWGBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"TWGBadge.js","sourceRoot":"","sources":["../../../src/components/TWGBadge/TWGBadge.tsx"],"names":[],"mappings":";;;;;;AAAA,gFAA2C;AAM3C,MAAM,QAAQ,GAAG,CAAC,EAAE,cAAc,EAAiB,EAAE,EAAE;IACrD,MAAM,eAAe,GAAG,cAAc;QACpC,CAAC,CAAC,6BAAM,CAAC,cAAc;QACvB,CAAC,CAAC,6BAAM,CAAC,cAAc,CAAC;IAE1B,OAAO,CACL,iCAAK,SAAS,EAAE,CAAC,6BAAM,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAChE,iCAAM,SAAS,EAAE,6BAAM,CAAC,SAAS,uCAA+B,EAChE,8BACE,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,8GAA8G,EACnH,SAAS,EAAE,6BAAM,CAAC,WAAW,EAC7B,GAAG,EAAC,YAAY,uCAGd,IACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
+{"version":3,"file":"TWGBadge.js","sourceRoot":"","sources":["../../../src/components/TWGBadge/TWGBadge.tsx"],"names":[],"mappings":";;;;;;AAAA,yDAAsD;AACtD,gFAA2C;AAM3C,MAAM,QAAQ,GAAG,CAAC,EAAE,cAAc,EAAiB,EAAE,EAAE;IACrD,MAAM,OAAO,GAAG,IAAA,6BAAa,GAAE,CAAC;IAEhC,MAAM,eAAe,GAAG,cAAc;QACpC,CAAC,CAAC,6BAAM,CAAC,cAAc;QACvB,CAAC,CAAC,6BAAM,CAAC,cAAc,CAAC;IAE1B,MAAM,IAAI,GACR,OAAO,KAAK,IAAI;QACd,CAAC,CAAC,mCAAmC;QACrC,CAAC,CAAC,mHAAmH,CAAC;IAE1H,MAAM,UAAU,GAAG,OAAO,KAAK,IAAI,CAAC;IAEpC,OAAO,CACL,iCAAK,SAAS,EAAE,CAAC,6BAAM,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAChE,iCAAM,SAAS,EAAE,6BAAM,CAAC,SAAS,uCAA+B,EAChE,8BACE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACzC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,6BAAM,CAAC,WAAW,EAC7B,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,uCAGxC,IACA,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/lib/hooks/useDocVersion.d.ts

@@ -0,0 +1,14 @@
+type DocVersion = "v6" | "v7" | null;
+/**
+ * Hook that detects the documentation version (v6 or v7) from the current URL.
+ *
+ * @example
+ * // URL: /react-native-video/docs/v7/offer
+ * const version = useDocVersion(); // returns "v7"
+ *
+ * // URL: /react-native-video/docs/v6/basics
+ * const version = useDocVersion(); // returns "v6"
+ */
+export declare function useDocVersion(): DocVersion;
+export {};
+//# sourceMappingURL=useDocVersion.d.ts.map

package/lib/hooks/useDocVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocVersion.d.ts","sourceRoot":"","sources":["../../src/hooks/useDocVersion.ts"],"names":[],"mappings":"AAEA,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC;;;;;;;;;GASG;AACH,wBAAgB,aAAa,IAAI,UAAU,CAa1C"}

package/lib/hooks/useDocVersion.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDocVersion = useDocVersion;
+const router_1 = require("@docusaurus/router");
+/**
+ * Hook that detects the documentation version (v6 or v7) from the current URL.
+ *
+ * @example
+ * // URL: /react-native-video/docs/v7/offer
+ * const version = useDocVersion(); // returns "v7"
+ *
+ * // URL: /react-native-video/docs/v6/basics
+ * const version = useDocVersion(); // returns "v6"
+ */
+function useDocVersion() {
+    const location = (0, router_1.useLocation)();
+    const pathname = location.pathname;
+    if (pathname.includes("/v7/")) {
+        return "v7";
+    }
+    if (pathname.includes("/v6/")) {
+        return "v6";
+    }
+    return null;
+}
+//# sourceMappingURL=useDocVersion.js.map

package/lib/hooks/useDocVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDocVersion.js","sourceRoot":"","sources":["../../src/hooks/useDocVersion.ts"],"names":[],"mappings":";;AAcA,sCAaC;AA3BD,+CAAiD;AAIjD;;;;;;;;;GASG;AACH,SAAgB,aAAa;IAC3B,MAAM,QAAQ,GAAG,IAAA,oBAAW,GAAE,CAAC;IAC/B,MAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC;IAEnC,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@widlarzgroup/docusaurus-ui",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "publishConfig": {
     "access": "public"
   },

package/src/components/ProFeature/ProFeature.tsx

@@ -1,7 +1,7 @@
-import Link from '@docusaurus/Link';
-import {useLocation} from '@docusaurus/router';
-import styles from './ProFeature.module.css';
-import ProBadge from '@/components/ProBadge/ProBadge';
+import Link from "@docusaurus/Link";
+import { useLocation } from "@docusaurus/router";
+import styles from "./ProFeature.module.css";
+import ProBadge from "@/components/ProBadge/ProBadge";
 
 interface ProFeatureProps {
   title?: string;
@@ -9,13 +9,13 @@ interface ProFeatureProps {
 }
 
 const ProFeature = ({
-  title = 'Pro Player Feature',
-  description = 'This feature is available exclusively in Pro Player. To access this functionality, please contact us.',
+  title = "Pro Player Feature",
+  description = "This feature is available exclusively in Pro Player. To access this functionality, please contact us.",
 }: ProFeatureProps) => {
   const location = useLocation();
   const utmContent = encodeURIComponent(location.pathname);
-  
-  const contactUrl = `https://thewidlarzgroup.com/?utm_source=docs&utm_medium=pro-feature&utm_campaign=pro-player&utm_content=${utmContent}#Contact`;
+
+  const contactUrl = `https://sdk.thewidlarzgroup.com/?utm_source=docs&utm_medium=pro-feature&utm_campaign=pro-player&utm_content=${utmContent}&contact=true`;
   const learnMoreUrl = `https://sdk.thewidlarzgroup.com/?utm_source=docs&utm_medium=pro-feature&utm_campaign=pro-player&utm_content=${utmContent}`;
 
   return (

package/src/components/TWGBadge/TWGBadge.tsx

@@ -1,22 +1,32 @@
-import styles from './TWGBadge.module.css';
+import { useDocVersion } from "@/hooks/useDocVersion";
+import styles from "./TWGBadge.module.css";
 
 interface TWGBadgeProps {
   visibleOnLarge?: boolean;
 }
 
 const TWGBadge = ({ visibleOnLarge }: TWGBadgeProps) => {
+  const version = useDocVersion();
+
   const visibilityClass = visibleOnLarge
     ? styles.visibleOnLarge
     : styles.visibleOnSmall;
 
+  const href =
+    version === "v7"
+      ? "/react-native-video/docs/v7/offer"
+      : "https://sdk.thewidlarzgroup.com/?utm_source=rnv&utm_medium=docs&utm_campaign=badge&utm_id=enterprise&contact=true";
+
+  const isExternal = version !== "v7";
+
   return (
-    <div className={[styles.extraContainer, visibilityClass].join(' ')}>
+    <div className={[styles.extraContainer, visibilityClass].join(" ")}>
       <span className={styles.extraText}>We are TheWidlarzGroup</span>
       <a
-        target="_blank"
-        href="https://www.thewidlarzgroup.com/?utm_source=rnv&utm_medium=docs&utm_campaign=badge&utm_id=enterprise#Contact"
+        target={isExternal ? "_blank" : undefined}
+        href={href}
         className={styles.extraButton}
-        rel="noreferrer"
+        rel={isExternal ? "noreferrer" : undefined}
       >
         Premium support →
       </a>

package/src/hooks/useDocVersion.ts

@@ -0,0 +1,28 @@
+import { useLocation } from "@docusaurus/router";
+
+type DocVersion = "v6" | "v7" | null;
+
+/**
+ * Hook that detects the documentation version (v6 or v7) from the current URL.
+ *
+ * @example
+ * // URL: /react-native-video/docs/v7/offer
+ * const version = useDocVersion(); // returns "v7"
+ *
+ * // URL: /react-native-video/docs/v6/basics
+ * const version = useDocVersion(); // returns "v6"
+ */
+export function useDocVersion(): DocVersion {
+  const location = useLocation();
+  const pathname = location.pathname;
+
+  if (pathname.includes("/v7/")) {
+    return "v7";
+  }
+
+  if (pathname.includes("/v6/")) {
+    return "v6";
+  }
+
+  return null;
+}