@sudobility/building_blocks 0.0.18 → 0.0.22

package/dist/index.js

@@ -505,9 +505,31 @@ const AppFooter = ({
   LinkComponent = DefaultLinkComponent$1,
   sticky = true,
   isNetworkOnline = true,
-  className
+  className,
+  onTrack
 }) => {
   const year = copyrightYear || getCopyrightYear$1();
+  const track = useCallback(
+    (label, params) => {
+      onTrack == null ? void 0 : onTrack({
+        eventType: "link_click",
+        componentName: "AppFooter",
+        label,
+        params
+      });
+    },
+    [onTrack]
+  );
+  const createTrackedLinkHandler = useCallback(
+    (linkLabel, linkHref, originalOnClick) => (e) => {
+      track("footer_link_clicked", {
+        link_label: linkLabel,
+        link_href: linkHref
+      });
+      originalOnClick == null ? void 0 : originalOnClick(e);
+    },
+    [track]
+  );
   const companyLink = companyUrl ? /* @__PURE__ */ jsx(
     LinkComponent,
     {
@@ -549,7 +571,11 @@ const AppFooter = ({
         /* @__PURE__ */ jsx(FooterCompactRight, { children: links.map((link, index) => /* @__PURE__ */ jsx(React.Fragment, { children: link.onClick ? /* @__PURE__ */ jsx(
           "button",
           {
-            onClick: link.onClick,
+            onClick: createTrackedLinkHandler(
+              link.label,
+              link.href,
+              link.onClick
+            ),
             className: "text-gray-400 hover:text-white transition-colors",
             children: link.label
           }
@@ -557,6 +583,7 @@ const AppFooter = ({
           LinkComponent,
           {
             href: link.href,
+            onClick: createTrackedLinkHandler(link.label, link.href),
             className: "text-gray-400 hover:text-white transition-colors",
             children: link.label
           }
@@ -610,10 +637,33 @@ const AppFooterForHomePage = ({
   LinkComponent = DefaultLinkComponent,
   isNetworkOnline = true,
   className,
-  gridColumns
+  gridColumns,
+  onTrack
 }) => {
   const year = copyrightYear || getCopyrightYear();
   const gridClass = getGridColumnsClass(linkSections.length, gridColumns);
+  const track = useCallback(
+    (label, params) => {
+      onTrack == null ? void 0 : onTrack({
+        eventType: "link_click",
+        componentName: "AppFooterForHomePage",
+        label,
+        params
+      });
+    },
+    [onTrack]
+  );
+  const createTrackedLinkHandler = useCallback(
+    (linkLabel, linkHref, sectionTitle, originalOnClick) => (e) => {
+      track("footer_link_clicked", {
+        link_label: linkLabel,
+        link_href: linkHref,
+        section_title: sectionTitle
+      });
+      originalOnClick == null ? void 0 : originalOnClick(e);
+    },
+    [track]
+  );
   const companyLink = companyUrl ? /* @__PURE__ */ jsx(
     LinkComponent,
     {
@@ -627,7 +677,30 @@ const AppFooterForHomePage = ({
       FooterLinkSection,
       {
         title: section.title,
-        children: section.links.map((link, linkIndex) => /* @__PURE__ */ jsx(FooterLink, { children: link.onClick ? /* @__PURE__ */ jsx("button", { onClick: link.onClick, className: "text-left", children: link.label }) : /* @__PURE__ */ jsx(LinkComponent, { href: link.href, children: link.label }) }, link.href || linkIndex))
+        children: section.links.map((link, linkIndex) => /* @__PURE__ */ jsx(FooterLink, { children: link.onClick ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: createTrackedLinkHandler(
+              link.label,
+              link.href,
+              section.title,
+              link.onClick
+            ),
+            className: "text-left",
+            children: link.label
+          }
+        ) : /* @__PURE__ */ jsx(
+          LinkComponent,
+          {
+            href: link.href,
+            onClick: createTrackedLinkHandler(
+              link.label,
+              link.href,
+              section.title
+            ),
+            children: link.label
+          }
+        ) }, link.href || linkIndex))
       },
       section.title || sectionIndex
     )) }),
@@ -895,12 +968,38 @@ const GlobalSettingsPage = ({
   t,
   appearanceT,
   className,
-  showAppearanceInfoBox = true
+  showAppearanceInfoBox = true,
+  onTrack
 }) => {
   const [selectedSection, setSelectedSection] = useState("appearance");
   const [mobileView, setMobileView] = useState(
     "navigation"
   );
+  const track = useCallback(
+    (label, params) => {
+      onTrack == null ? void 0 : onTrack({
+        eventType: "settings_change",
+        componentName: "GlobalSettingsPage",
+        label,
+        params
+      });
+    },
+    [onTrack]
+  );
+  const handleThemeChange = useCallback(
+    (newTheme) => {
+      track("theme_changed", { theme: newTheme });
+      onThemeChange(newTheme);
+    },
+    [track, onThemeChange]
+  );
+  const handleFontSizeChange = useCallback(
+    (newFontSize) => {
+      track("font_size_changed", { font_size: newFontSize });
+      onFontSizeChange(newFontSize);
+    },
+    [track, onFontSizeChange]
+  );
   const getText = useCallback(
     (key) => {
       const fallback = defaultTranslations[key];
@@ -920,8 +1019,8 @@ const GlobalSettingsPage = ({
           {
             theme,
             fontSize,
-            onThemeChange,
-            onFontSizeChange,
+            onThemeChange: handleThemeChange,
+            onFontSizeChange: handleFontSizeChange,
             t: appearanceT,
             showInfoBox: showAppearanceInfoBox
           }
@@ -934,18 +1033,20 @@ const GlobalSettingsPage = ({
       getText,
       theme,
       fontSize,
-      onThemeChange,
-      onFontSizeChange,
+      handleThemeChange,
+      handleFontSizeChange,
       appearanceT,
       showAppearanceInfoBox
     ]
   );
   const currentSection = allSections.find((s) => s.id === selectedSection) || allSections[0];
   const handleSectionSelect = (sectionId) => {
+    track("section_selected", { section_id: sectionId });
     setSelectedSection(sectionId);
     setMobileView("content");
   };
   const handleBackToNavigation = () => {
+    track("back_to_navigation");
     setMobileView("navigation");
   };
   const navigationList = /* @__PURE__ */ jsx("div", { className: "space-y-0", children: allSections.map((section) => {
@@ -4180,13 +4281,15 @@ const DEFAULT_PACKAGE_ENTITLEMENT_MAP = {
 function AppSubscriptionsPage({
   subscription,
   rateLimitsConfig,
+  subscriptionUserId,
   labels,
   formatters,
   packageEntitlementMap = DEFAULT_PACKAGE_ENTITLEMENT_MAP,
   onPurchaseSuccess,
   onRestoreSuccess,
   onError,
-  onWarning
+  onWarning,
+  onTrack
 }) {
   const {
     products,
@@ -4201,6 +4304,17 @@ function AppSubscriptionsPage({
   const [selectedPlan, setSelectedPlan] = useState(null);
   const [isPurchasing, setIsPurchasing] = useState(false);
   const [isRestoring, setIsRestoring] = useState(false);
+  const track = useCallback(
+    (label, params) => {
+      onTrack == null ? void 0 : onTrack({
+        eventType: "subscription_action",
+        componentName: "AppSubscriptionsPage",
+        label,
+        params
+      });
+    },
+    [onTrack]
+  );
   useEffect(() => {
     if (error) {
       onError == null ? void 0 : onError(labels.errorTitle, error);
@@ -4212,48 +4326,94 @@ function AppSubscriptionsPage({
     const isYearly = product.period.includes("Y") || product.period.includes("year");
     return billingPeriod === "yearly" ? isYearly : !isYearly;
   }).sort((a, b2) => parseFloat(a.price) - parseFloat(b2.price));
-  const handlePeriodChange = (period) => {
-    setBillingPeriod(period);
-    setSelectedPlan(null);
-  };
-  const handlePurchase = async () => {
+  const handlePeriodChange = useCallback(
+    (period) => {
+      setBillingPeriod(period);
+      setSelectedPlan(null);
+      track("billing_period_changed", { billing_period: period });
+    },
+    [track]
+  );
+  const handlePurchase = useCallback(async () => {
     if (!selectedPlan) return;
     setIsPurchasing(true);
     clearError();
+    track("purchase_initiated", { plan_identifier: selectedPlan });
     try {
-      const result = await purchase(selectedPlan);
+      const result = await purchase(selectedPlan, subscriptionUserId);
       if (result) {
+        track("purchase_completed", { plan_identifier: selectedPlan });
         onPurchaseSuccess == null ? void 0 : onPurchaseSuccess();
         setSelectedPlan(null);
+      } else {
+        track("purchase_failed", {
+          plan_identifier: selectedPlan,
+          reason: "purchase_returned_false"
+        });
       }
     } catch (err) {
-      onError == null ? void 0 : onError(
-        labels.errorTitle,
-        err instanceof Error ? err.message : labels.purchaseError
-      );
+      const errorMessage = err instanceof Error ? err.message : labels.purchaseError;
+      track("purchase_failed", {
+        plan_identifier: selectedPlan,
+        reason: errorMessage
+      });
+      onError == null ? void 0 : onError(labels.errorTitle, errorMessage);
     } finally {
       setIsPurchasing(false);
     }
-  };
-  const handleRestore = async () => {
+  }, [
+    selectedPlan,
+    clearError,
+    track,
+    purchase,
+    subscriptionUserId,
+    onPurchaseSuccess,
+    labels.errorTitle,
+    labels.purchaseError,
+    onError
+  ]);
+  const handlePlanSelect = useCallback(
+    (planIdentifier) => {
+      setSelectedPlan(planIdentifier);
+      track("plan_selected", {
+        plan_identifier: planIdentifier ?? "free",
+        is_free_tier: planIdentifier === null
+      });
+    },
+    [track]
+  );
+  const handleRestore = useCallback(async () => {
     setIsRestoring(true);
     clearError();
+    track("restore_initiated");
     try {
-      const result = await restore();
+      const result = await restore(subscriptionUserId);
       if (result) {
+        track("restore_completed");
         onRestoreSuccess == null ? void 0 : onRestoreSuccess();
       } else {
+        track("restore_failed", { reason: "no_purchases_found" });
         onWarning == null ? void 0 : onWarning(labels.errorTitle, labels.restoreNoPurchases);
       }
     } catch (err) {
-      onError == null ? void 0 : onError(
-        labels.errorTitle,
-        err instanceof Error ? err.message : labels.restoreError
-      );
+      const errorMessage = err instanceof Error ? err.message : labels.restoreError;
+      track("restore_failed", { reason: errorMessage });
+      onError == null ? void 0 : onError(labels.errorTitle, errorMessage);
     } finally {
       setIsRestoring(false);
     }
-  };
+  }, [
+    clearError,
+    track,
+    restore,
+    subscriptionUserId,
+    onRestoreSuccess,
+    labels.errorTitle,
+    labels.restoreNoPurchases,
+    labels.restoreError,
+    onWarning,
+    onError
+  ]);
   const formatExpirationDate = useCallback((date) => {
     if (!date) return "";
     return new Intl.DateTimeFormat(void 0, {
@@ -4479,7 +4639,7 @@ function AppSubscriptionsPage({
             periodLabel: labels.periodMonth,
             features: getFreeTierFeatures(),
             isSelected: !(currentSubscription == null ? void 0 : currentSubscription.isActive) && selectedPlan === null,
-            onSelect: () => setSelectedPlan(null),
+            onSelect: () => handlePlanSelect(null),
             topBadge: !(currentSubscription == null ? void 0 : currentSubscription.isActive) ? {
               text: labels.currentPlanBadge,
               color: "green"
@@ -4500,7 +4660,7 @@ function AppSubscriptionsPage({
               periodLabel: getPeriodLabel(product.period),
               features: getProductFeatures(product.identifier),
               isSelected: selectedPlan === product.identifier,
-              onSelect: () => setSelectedPlan(product.identifier),
+              onSelect: () => handlePlanSelect(product.identifier),
               isBestValue: product.identifier.includes("pro"),
               discountBadge: ((_a = product.period) == null ? void 0 : _a.includes("Y")) ? (() => {
                 const savings = getYearlySavingsPercent(
@@ -4533,9 +4693,43 @@ function AppPricingPage({
   onPlanClick,
   onFreePlanClick,
   faqItems,
-  className
+  className,
+  onTrack
 }) {
   const [billingPeriod, setBillingPeriod] = useState("monthly");
+  const track = useCallback(
+    (label, params) => {
+      onTrack == null ? void 0 : onTrack({
+        eventType: "subscription_action",
+        componentName: "AppPricingPage",
+        label,
+        params
+      });
+    },
+    [onTrack]
+  );
+  const handleBillingPeriodChange = useCallback(
+    (value) => {
+      const newPeriod = value;
+      setBillingPeriod(newPeriod);
+      track("billing_period_changed", { billing_period: newPeriod });
+    },
+    [track]
+  );
+  const handleFreePlanClick = useCallback(() => {
+    track("free_plan_clicked", { plan: "free" });
+    onFreePlanClick();
+  }, [track, onFreePlanClick]);
+  const handlePlanClick = useCallback(
+    (planIdentifier, actionType) => {
+      track("plan_clicked", {
+        plan_identifier: planIdentifier,
+        action_type: actionType
+      });
+      onPlanClick(planIdentifier);
+    },
+    [track, onPlanClick]
+  );
   const getProductLevel = useCallback(
     (productId) => {
       const entitlement = entitlementMap[productId];
@@ -4619,7 +4813,7 @@ function AppPricingPage({
         {
           options: billingPeriodOptions,
           value: billingPeriod,
-          onChange: (value) => setBillingPeriod(value)
+          onChange: handleBillingPeriodChange
         }
       ) }),
       /* @__PURE__ */ jsxs(
@@ -4652,7 +4846,7 @@ function AppPricingPage({
                   // Logged in with subscription: no CTA (can't downgrade here)
                   !isAuthenticated ? {
                     label: labels.ctaTryFree,
-                    onClick: onFreePlanClick
+                    onClick: handleFreePlanClick
                   } : void 0
                 ),
                 hideSelectionIndicator: isAuthenticated
@@ -4666,14 +4860,14 @@ function AppPricingPage({
               if (!isAuthenticated) {
                 ctaButton = {
                   label: labels.ctaLogIn,
-                  onClick: () => onPlanClick(product.identifier)
+                  onClick: () => handlePlanClick(product.identifier, "login")
                 };
               } else if (isCurrent) {
                 ctaButton = void 0;
               } else if (canUpgrade) {
                 ctaButton = {
                   label: labels.ctaUpgrade,
-                  onClick: () => onPlanClick(product.identifier)
+                  onClick: () => handlePlanClick(product.identifier, "upgrade")
                 };
               }
               let topBadge;
@@ -4839,129 +5033,20 @@ const AppSitemapPage = ({
   }
   return content;
 };
-const SectionHeading$1 = ({ children }) => /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100 mt-8 mb-4", children });
-const SubsectionHeading = ({ children }) => /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100 mt-6 mb-3", children });
-const Paragraph$1 = ({
-  children,
-  className = ""
-}) => /* @__PURE__ */ jsx("p", { className: `text-gray-600 dark:text-gray-300 mb-6 ${className}`, children });
-const List$1 = ({ items }) => /* @__PURE__ */ jsx("ul", { className: "list-disc list-inside text-gray-600 dark:text-gray-300 mb-6", children: items.map((item, index) => /* @__PURE__ */ jsx("li", { children: item }, index)) });
-const AppPrivacyPolicyPage = ({
-  text,
-  lastUpdatedDate = (/* @__PURE__ */ new Date()).toLocaleDateString(),
-  PageWrapper,
-  className
-}) => {
-  const content = /* @__PURE__ */ jsxs("div", { className: `max-w-7xl mx-auto px-4 py-12 ${className || ""}`, children: [
-    /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold text-gray-900 dark:text-gray-100 mb-8", children: text.heading }),
-    /* @__PURE__ */ jsxs("div", { className: "prose prose-lg max-w-none", children: [
-      /* @__PURE__ */ jsxs(Paragraph$1, { className: "mb-6", children: [
-        text.lastUpdatedLabel,
-        " ",
-        lastUpdatedDate
-      ] }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.introduction.title }),
-      /* @__PURE__ */ jsx(Paragraph$1, { children: text.introduction.content }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.informationWeCollect.title }),
-      /* @__PURE__ */ jsx(SubsectionHeading, { children: text.informationWeCollect.youProvide.title }),
-      /* @__PURE__ */ jsx(List$1, { items: text.informationWeCollect.youProvide.items }),
-      /* @__PURE__ */ jsx(SubsectionHeading, { children: text.informationWeCollect.automatic.title }),
-      /* @__PURE__ */ jsx(List$1, { items: text.informationWeCollect.automatic.items }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.howWeUse.title }),
-      text.howWeUse.description && /* @__PURE__ */ jsx(Paragraph$1, { className: "mb-4", children: text.howWeUse.description }),
-      /* @__PURE__ */ jsx(List$1, { items: text.howWeUse.items }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.informationSharing.title }),
-      text.informationSharing.description && /* @__PURE__ */ jsx(Paragraph$1, { className: "mb-4", children: text.informationSharing.description }),
-      /* @__PURE__ */ jsx(List$1, { items: text.informationSharing.items }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.dataSecurity.title }),
-      text.dataSecurity.description && /* @__PURE__ */ jsx(Paragraph$1, { className: "mb-4", children: text.dataSecurity.description }),
-      /* @__PURE__ */ jsx(List$1, { items: text.dataSecurity.items }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.dataRetention.title }),
-      /* @__PURE__ */ jsx(Paragraph$1, { children: text.dataRetention.content }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.privacyRights.title }),
-      text.privacyRights.description && /* @__PURE__ */ jsx(Paragraph$1, { className: "mb-4", children: text.privacyRights.description }),
-      /* @__PURE__ */ jsx(List$1, { items: text.privacyRights.items }),
-      text.web3Considerations && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(SectionHeading$1, { children: text.web3Considerations.title }),
-        text.web3Considerations.description && /* @__PURE__ */ jsx(Paragraph$1, { className: "mb-4", children: text.web3Considerations.description }),
-        /* @__PURE__ */ jsx(List$1, { items: text.web3Considerations.items })
-      ] }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.internationalTransfers.title }),
-      /* @__PURE__ */ jsx(Paragraph$1, { children: text.internationalTransfers.content }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.childrensPrivacy.title }),
-      /* @__PURE__ */ jsx(Paragraph$1, { children: text.childrensPrivacy.content }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.cookies.title }),
-      /* @__PURE__ */ jsx(Paragraph$1, { children: /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: text.cookies.content } }) }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.changes.title }),
-      /* @__PURE__ */ jsx(Paragraph$1, { children: text.changes.content }),
-      /* @__PURE__ */ jsx(SectionHeading$1, { children: text.contact.title }),
-      /* @__PURE__ */ jsx(Paragraph$1, { children: text.contact.description }),
-      /* @__PURE__ */ jsx("div", { className: "bg-gray-50 dark:bg-gray-800 p-4 rounded-lg", children: /* @__PURE__ */ jsxs("p", { className: "text-gray-700 dark:text-gray-300", children: [
-        text.contact.info.emailLabel,
-        " ",
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: `mailto:${text.contact.info.email}`,
-            className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300",
-            children: text.contact.info.email
-          }
-        ),
-        /* @__PURE__ */ jsx("br", {}),
-        text.contact.info.websiteLabel,
-        " ",
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: text.contact.info.websiteUrl,
-            className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300",
-            children: text.contact.info.websiteUrl
-          }
-        ),
-        /* @__PURE__ */ jsx("br", {}),
-        text.contact.info.dpoLabel,
-        " ",
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: `mailto:${text.contact.info.dpoEmail}`,
-            className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300",
-            children: text.contact.info.dpoEmail
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-8 p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-blue-900 dark:text-blue-200 mb-2", children: text.contact.info.gdprTitle }),
-        /* @__PURE__ */ jsxs("p", { className: "text-blue-800 dark:text-blue-300", children: [
-          text.contact.info.gdprContent,
-          " ",
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              href: `mailto:${text.contact.info.dpoEmail}`,
-              className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300",
-              children: text.contact.info.dpoEmail
-            }
-          )
-        ] })
-      ] })
-    ] })
-  ] });
-  if (PageWrapper) {
-    return /* @__PURE__ */ jsx(PageWrapper, { children: content });
-  }
-  return content;
-};
 function isSectionWithList(section) {
   return "items" in section && Array.isArray(section.items);
 }
+function isSectionWithSubsections(section) {
+  return "subsections" in section && Array.isArray(section.subsections);
+}
 const SectionHeading = ({ children }) => /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold text-gray-900 dark:text-gray-100 mt-8 mb-4", children });
+const SubsectionHeading = ({ children }) => /* @__PURE__ */ jsx("h3", { className: "text-xl font-semibold text-gray-900 dark:text-gray-100 mt-6 mb-3", children });
 const Paragraph = ({
   children,
   className = ""
 }) => /* @__PURE__ */ jsx("p", { className: `text-gray-600 dark:text-gray-300 mb-6 ${className}`, children });
-const List = ({ items }) => /* @__PURE__ */ jsx("ul", { className: "list-disc list-inside text-gray-600 dark:text-gray-300 mb-6", children: items.map((item, index) => /* @__PURE__ */ jsx("li", { children: item }, index)) });
-const AppTermsOfServicePage = ({
+const List = ({ items }) => /* @__PURE__ */ jsx("ul", { className: "list-disc list-inside text-gray-600 dark:text-gray-300 mb-6 space-y-1", children: items.map((item, index) => /* @__PURE__ */ jsx("li", { dangerouslySetInnerHTML: { __html: item } }, index)) });
+const AppTextPage = ({
   text,
   lastUpdatedDate = (/* @__PURE__ */ new Date()).toLocaleDateString(),
   PageWrapper,
@@ -4970,45 +5055,90 @@ const AppTermsOfServicePage = ({
   const content = /* @__PURE__ */ jsxs("div", { className: `max-w-7xl mx-auto px-4 py-12 ${className || ""}`, children: [
     /* @__PURE__ */ jsx("h1", { className: "text-4xl font-bold text-gray-900 dark:text-gray-100 mb-8", children: text.title }),
     /* @__PURE__ */ jsxs("div", { className: "prose prose-lg dark:prose-invert max-w-none", children: [
-      /* @__PURE__ */ jsx(Paragraph, { className: "mb-6", children: text.lastUpdated.replace("{{date}}", lastUpdatedDate) }),
+      text.lastUpdated && /* @__PURE__ */ jsx(Paragraph, { className: "mb-6", children: text.lastUpdated.replace("{{date}}", lastUpdatedDate) }),
       text.sections.map((section, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
         /* @__PURE__ */ jsx(SectionHeading, { children: section.title }),
-        isSectionWithList(section) ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          section.description && /* @__PURE__ */ jsx(Paragraph, { className: "mb-4", children: section.description }),
-          /* @__PURE__ */ jsx(List, { items: section.items }),
-          section.additionalContent && /* @__PURE__ */ jsx(Paragraph, { children: section.additionalContent })
-        ] }) : section.isHtml ? /* @__PURE__ */ jsx(Paragraph, { children: /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: section.content } }) }) : /* @__PURE__ */ jsx(Paragraph, { children: section.content })
+        isSectionWithSubsections(section) ? (
+          // Section with subsections (h3 + lists)
+          /* @__PURE__ */ jsx(Fragment, { children: section.subsections.map((subsection, subIndex) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsx(SubsectionHeading, { children: subsection.title }),
+            /* @__PURE__ */ jsx(List, { items: subsection.items })
+          ] }, subIndex)) })
+        ) : isSectionWithList(section) ? (
+          // Section with list
+          /* @__PURE__ */ jsxs(Fragment, { children: [
+            section.description && /* @__PURE__ */ jsx(Paragraph, { className: "mb-4", children: section.description }),
+            /* @__PURE__ */ jsx(List, { items: section.items }),
+            section.additionalContent && /* @__PURE__ */ jsx(Paragraph, { children: section.additionalContent })
+          ] })
+        ) : section.isHtml ? (
+          // Section with HTML content
+          /* @__PURE__ */ jsx(Paragraph, { children: /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML: { __html: section.content } }) })
+        ) : (
+          // Section with plain text content
+          /* @__PURE__ */ jsx(Paragraph, { children: section.content })
+        )
       ] }, index)),
-      /* @__PURE__ */ jsx(SectionHeading, { children: text.contact.title }),
-      text.contact.isHtml ? /* @__PURE__ */ jsx(Paragraph, { children: /* @__PURE__ */ jsx(
-        "span",
-        {
-          dangerouslySetInnerHTML: { __html: text.contact.description }
-        }
-      ) }) : /* @__PURE__ */ jsx(Paragraph, { children: text.contact.description }),
-      /* @__PURE__ */ jsx("div", { className: "bg-gray-50 dark:bg-gray-800 p-4 rounded-lg", children: /* @__PURE__ */ jsxs("p", { className: "text-gray-700 dark:text-gray-300", children: [
-        text.contact.info.emailLabel,
-        " ",
-        /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: `mailto:${text.contact.info.email}`,
-            className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300",
-            children: text.contact.info.email
-          }
-        ),
-        /* @__PURE__ */ jsx("br", {}),
-        text.contact.info.websiteLabel,
-        " ",
-        /* @__PURE__ */ jsx(
-          "a",
+      text.contact && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(SectionHeading, { children: text.contact.title }),
+        text.contact.isHtml ? /* @__PURE__ */ jsx(Paragraph, { children: /* @__PURE__ */ jsx(
+          "span",
           {
-            href: text.contact.info.websiteUrl,
-            className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300",
-            children: text.contact.info.websiteUrl
+            dangerouslySetInnerHTML: { __html: text.contact.description }
           }
-        )
-      ] }) })
+        ) }) : /* @__PURE__ */ jsx(Paragraph, { children: text.contact.description }),
+        /* @__PURE__ */ jsx("div", { className: "bg-gray-50 dark:bg-gray-800 p-4 rounded-lg", children: /* @__PURE__ */ jsxs("p", { className: "text-gray-700 dark:text-gray-300", children: [
+          text.contact.info.emailLabel,
+          " ",
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: `mailto:${text.contact.info.email}`,
+              className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300",
+              children: text.contact.info.email
+            }
+          ),
+          /* @__PURE__ */ jsx("br", {}),
+          text.contact.info.websiteLabel,
+          " ",
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: text.contact.info.websiteUrl,
+              className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300",
+              children: text.contact.info.websiteUrl
+            }
+          ),
+          text.contact.info.dpoLabel && text.contact.info.dpoEmail && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("br", {}),
+            text.contact.info.dpoLabel,
+            " ",
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: `mailto:${text.contact.info.dpoEmail}`,
+                className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300",
+                children: text.contact.info.dpoEmail
+              }
+            )
+          ] })
+        ] }) }),
+        text.contact.gdprNotice && /* @__PURE__ */ jsxs("div", { className: "mt-8 p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg", children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-blue-900 dark:text-blue-200 mb-2", children: text.contact.gdprNotice.title }),
+          /* @__PURE__ */ jsxs("p", { className: "text-blue-800 dark:text-blue-300", children: [
+            text.contact.gdprNotice.content,
+            " ",
+            text.contact.info.dpoEmail && /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: `mailto:${text.contact.info.dpoEmail}`,
+                className: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300",
+                children: text.contact.info.dpoEmail
+              }
+            )
+          ] })
+        ] })
+      ] })
     ] })
   ] });
   if (PageWrapper) {
@@ -5022,10 +5152,9 @@ export {
   AppFooterForHomePage,
   AppPageLayout,
   AppPricingPage,
-  AppPrivacyPolicyPage,
   AppSitemapPage,
   AppSubscriptionsPage,
-  AppTermsOfServicePage,
+  AppTextPage,
   AppTopBar,
   AppTopBarWithFirebaseAuth,
   AppTopBarWithWallet,