Start organizational migration

2026-02-05 18:21:56 -07:00
parent 69074b23f3
commit db3c0274f6
161 changed files with 145 additions and 145 deletions
@@ -0,0 +1,88 @@
+"use client";
+
+import { memo } from "react";
+import { RuleCardView } from "./RuleCard.view";
+import type { RuleCardProps } from "./RuleCard.types";
+import { normalizeRuleCardSize } from "../../../../lib/propNormalization";
+
+declare global {
+  interface Window {
+    gtag?: (
+      _command: string,
+      _eventName: string,
+      _params?: Record<string, unknown>,
+    ) => void;
+    analytics?: {
+      track: (_eventName: string, _params?: Record<string, unknown>) => void;
+    };
+  }
+}
+
+const RuleCardContainer = memo<RuleCardProps>(
+  ({
+    title,
+    description,
+    icon,
+    backgroundColor = "bg-[var(--color-community-teal-100)]",
+    className = "",
+    onClick,
+    expanded = false,
+    size: sizeProp,
+    categories,
+    logoUrl,
+    logoAlt,
+    communityInitials,
+  }) => {
+    // Normalize size prop
+    const size = normalizeRuleCardSize(sizeProp, "L");
+
+    const handleClick = () => {
+      // Basic analytics event tracking
+      if (typeof window !== "undefined" && window.gtag) {
+        window.gtag("event", "template_selected", {
+          template_name: title,
+          template_type: "governance_pattern",
+        });
+      }
+
+      // Custom analytics event for other tracking systems
+      if (typeof window !== "undefined" && window.analytics) {
+        window.analytics.track("Template Selected", {
+          templateName: title,
+          templateType: "governance_pattern",
+        });
+      }
+
+      if (onClick) onClick();
+    };
+
+    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        handleClick();
+      }
+    };
+
+    return (
+      <RuleCardView
+        title={title}
+        description={description}
+        icon={icon}
+        backgroundColor={backgroundColor}
+        className={className}
+        onClick={handleClick}
+        onKeyDown={handleKeyDown}
+        expanded={expanded}
+        size={size}
+        categories={categories}
+        logoUrl={logoUrl}
+        logoAlt={logoAlt}
+        communityInitials={communityInitials}
+      />
+    );
+  },
+);
+
+RuleCardContainer.displayName = "RuleCard";
+
+export default RuleCardContainer;