@flamingo-stack/openframe-frontend-core 0.0.721 → 0.0.722

package/dist/components/help-center-pages/index.d.ts

@@ -17,7 +17,7 @@ export { ProductReleasesListPage, type ProductReleasesListPageProps } from './pr
 export { DeliveryPage, type DeliveryPageProps } from './delivery-page';
 export { OnboardingGuidesCatalogPage, type OnboardingGuidesCatalogPageProps } from './onboarding-guides-catalog-page';
 export { TrustCenterPage, TrustCenterPageSkeleton, type TrustCenterPageProps } from './trust-center-page';
-export { DownloadAppsPage, type DownloadAppsPageProps } from './download-apps-page';
+export { DownloadAppsPage, type DownloadAppsPageProps, type DownloadAppsWebOption } from './download-apps-page';
 export { FaqDocumentPage, type FaqDocumentPageProps } from '../faq';
 export { LegalDocumentPage, type LegalDocumentPageProps } from '../shared/legal-document';
 export { ReleaseDetailPage, type ReleaseDetailPageProps, type VideoDisplaySectionProps, } from '../shared/product-release';

package/dist/components/help-center-pages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAIH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAC1G,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,KAAK,gCAAgC,EAAE,MAAM,kCAAkC,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAGpF,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC1F,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,yBAAyB,EAAE,KAAK,8BAA8B,EAAE,MAAM,sBAAsB,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/help-center-pages/index.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;GAaG;AAIH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,uBAAuB,EAAE,KAAK,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAC1G,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,2BAA2B,EAAE,KAAK,gCAAgC,EAAE,MAAM,kCAAkC,CAAC;AACtH,OAAO,EAAE,eAAe,EAAE,uBAAuB,EAAE,KAAK,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC1G,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAGhH,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAC1F,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,wBAAwB,GAC9B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,yBAAyB,EAAE,KAAK,8BAA8B,EAAE,MAAM,sBAAsB,CAAC;AACtG,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/help-center-pages/index.js

@@ -6,38 +6,38 @@ import {
   ProductReleasesView,
   ReleaseDetailPage,
   RoadmapView
-} from "../../chunk-LAXKEBDD.js";
+} from "../../chunk-F33RMJOL.js";
 import {
   DocsHubPage
-} from "../../chunk-ZLUFEWZZ.js";
-import "../../chunk-3LY7V3RF.js";
+} from "../../chunk-IF72N4PE.js";
+import "../../chunk-BUDZWXRG.js";
 import "../../chunk-6YBUQAOH.js";
 import {
   FaqDocumentPage,
   FaqSection
-} from "../../chunk-57UTI7ZH.js";
+} from "../../chunk-HA2ASGJM.js";
 import {
   StickySectionNav,
   useScrollSpy
-} from "../../chunk-44Q6MV7C.js";
+} from "../../chunk-VSYQJCNR.js";
 import {
   HelpCenterList
-} from "../../chunk-E6SMMMKV.js";
+} from "../../chunk-SZ3CBFSH.js";
 import {
   ContactForm
-} from "../../chunk-74N742ZG.js";
+} from "../../chunk-ETQVXIYW.js";
 import {
   DevSectionPage,
   ListEmptyState
-} from "../../chunk-S63QBBT7.js";
+} from "../../chunk-65C4WHG4.js";
 import "../../chunk-K76ACBR3.js";
-import "../../chunk-CO3FOZIH.js";
+import "../../chunk-I3UUMRO7.js";
 import {
   OnboardingGuideDetailView,
   OnboardingGuidesCatalogView
-} from "../../chunk-RCI3PALX.js";
-import "../../chunk-UXU7Y5BH.js";
-import "../../chunk-LGKMR7NZ.js";
+} from "../../chunk-AWWLEYAU.js";
+import "../../chunk-NMGWNUKB.js";
+import "../../chunk-SZF7ENIW.js";
 import {
   CommandBox,
   ComplianceLogo,
@@ -50,14 +50,14 @@ import {
   StatusIndicator,
   StoreBadgeLinks,
   TabNavigation
-} from "../../chunk-2P2M27EW.js";
-import "../../chunk-JDBZ4ZHU.js";
+} from "../../chunk-KBPGSPXQ.js";
+import "../../chunk-KS3YLYVL.js";
 import "../../chunk-LQYXMEYF.js";
 import "../../chunk-4JPLYOS6.js";
 import {
   EntityImage,
   PageLayout
-} from "../../chunk-GYAXV3MZ.js";
+} from "../../chunk-UYMTAFHG.js";
 import {
   useCopyToClipboard,
   useDownloads,
@@ -69,23 +69,20 @@ import "../../chunk-YYYVS7CX.js";
 import "../../chunk-3UBWDR65.js";
 import "../../chunk-PLWMIU72.js";
 import {
-  DOWNLOAD_PAGE_STORE_PARAM,
-  MOBILE_APP_INSTALL_HOST_PATH,
   ScrollShadow,
   TextSkeleton,
   UnifiedSkeleton,
   getFlagFromCountryName,
-  resolveMobileStoreUrl,
   useIsHydrated
-} from "../../chunk-HXB7SEYG.js";
-import "../../chunk-KFOAV77K.js";
+} from "../../chunk-E7NIZXDT.js";
+import "../../chunk-5D2K7TFT.js";
 import "../../chunk-AFTRPEXO.js";
 import {
   Modal,
   ModalContent,
   ModalHeader,
   ModalTitle
-} from "../../chunk-ZZEKXGFS.js";
+} from "../../chunk-WY4SLTMZ.js";
 import "../../chunk-REETLEL5.js";
 import {
   DESKTOP_OSES,
@@ -120,12 +117,14 @@ import {
   trustFrameworkBadge,
   trustFrameworkMonitoringEntry,
   useSelfFetch
-} from "../../chunk-NPSJE7J3.js";
+} from "../../chunk-7UZ2JZJY.js";
 import "../../chunk-H3PKYE4N.js";
 import {
   brandLogoForName
-} from "../../chunk-742BGXNX.js";
-import "../../chunk-IYVFSLWJ.js";
+} from "../../chunk-EWED6ISQ.js";
+import {
+  formatUrlForDisplay
+} from "../../chunk-KZQO5EJQ.js";
 import "../../chunk-FBZMAPWO.js";
 import "../../chunk-FSQQZFVG.js";
 import "../../chunk-E4ABZWTJ.js";
@@ -867,7 +866,6 @@ function TrustCenterPageSkeleton({
 }
 
 // src/components/help-center-pages/download-apps-page.tsx
-import { useEffect as useEffect2 } from "react";
 import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 var SECTIONS_CLASS = "flex flex-col gap-[var(--spacing-system-xlf)]";
 var SECTION_CLASS = "flex flex-col gap-[var(--spacing-system-lf)]";
@@ -955,6 +953,22 @@ function SystemCard({
     ) })
   ] });
 }
+function WebCard({ web }) {
+  return /* @__PURE__ */ jsxs7(
+    "section",
+    {
+      "aria-labelledby": "download-web",
+      className: cn(CARD_CLASS, "content-md:flex-row content-md:items-center content-md:justify-between"),
+      children: [
+        /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-[var(--spacing-system-xsf)]", children: [
+          /* @__PURE__ */ jsx7("h2", { id: "download-web", className: "m-0 text-ods-text-primary text-h3", children: web.title }),
+          /* @__PURE__ */ jsx7("p", { className: "m-0 text-ods-text-secondary text-h4", children: web.description })
+        ] }),
+        /* @__PURE__ */ jsx7("div", { className: "shrink-0", children: web.action })
+      ]
+    }
+  );
+}
 function CardsSkeleton({ label }) {
   return /* @__PURE__ */ jsx7("div", { className: CARDS_GRID_CLASS, "aria-busy": "true", "aria-label": label, children: [0, 1].map((card) => /* @__PURE__ */ jsxs7("div", { className: CARD_CLASS, children: [
     /* @__PURE__ */ jsx7(UnifiedSkeleton, { className: "h-6 w-32 rounded" }),
@@ -982,18 +996,13 @@ function DownloadAppsPage({
   showDesktop = true,
   openStoresInNewTab = true,
   onDownloadAction,
-  footer
+  web
 }) {
   const { data, isLoading, error, reload } = useDownloads({ endpoint, initialData });
   const systems = showDesktop && data ? rowsBySystem(data.desktop) : [];
   const mobile = data?.mobile ?? null;
   const hasMobile = !!mobile && (!!mobile.appStoreUrl || !!mobile.googlePlayUrl);
   const offersDesktop = showDesktop && (!data || systems.length > 0);
-  useEffect2(() => {
-    if (!mobile || !new URLSearchParams(window.location.search).has(DOWNLOAD_PAGE_STORE_PARAM)) return;
-    const storeUrl = resolveMobileStoreUrl(mobile, navigator.userAgent, navigator.maxTouchPoints);
-    if (storeUrl) window.location.replace(storeUrl);
-  }, [mobile]);
   let body;
   if (error && !data) {
     body = /* @__PURE__ */ jsx7(LoadError, { message: "Could not load the downloads", onRetry: reload });
@@ -1005,7 +1014,7 @@ function DownloadAppsPage({
   } else {
     body = /* @__PURE__ */ jsxs7(Fragment3, { children: [
       systems.length > 0 && /* @__PURE__ */ jsx7(Section, { id: "download-desktop", title: "Desktop app", children: /* @__PURE__ */ jsx7("div", { className: cardsGridClass(systems.length), children: systems.map((system) => /* @__PURE__ */ jsx7(SystemCard, { system, onDownloadAction }, system.os)) }) }),
-      mobile && hasMobile && /* @__PURE__ */ jsx7(Section, { id: "download-mobile", title: "Mobile app", children: /* @__PURE__ */ jsxs7("div", { className: CARDS_GRID_CLASS, children: [
+      mobile && hasMobile && /* @__PURE__ */ jsx7(Section, { id: "download-mobile", title: "Mobile app", children: /* @__PURE__ */ jsxs7("div", { className: cardsGridClass(mobile.install ? 2 : 1), children: [
         /* @__PURE__ */ jsxs7("div", { className: CARD_CLASS, children: [
           /* @__PURE__ */ jsx7(CardHeader, { title: storeCardTitle(mobile) }),
           /* @__PURE__ */ jsx7("p", { className: "m-0 text-ods-text-secondary text-h4", children: "Get alerts and respond to tickets on the go." }),
@@ -1018,17 +1027,23 @@ function DownloadAppsPage({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs7("div", { className: cn(CARD_CLASS, "content-md:flex-row content-md:items-center content-md:justify-between"), children: [
-          /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-[var(--spacing-system-sf)]", children: [
-            /* @__PURE__ */ jsx7(CardHeader, { title: "Scan with your phone" }),
-            /* @__PURE__ */ jsxs7("p", { className: "m-0 text-ods-text-secondary text-h4", children: [
-              "Point your camera at the code, or open ",
-              MOBILE_APP_INSTALL_HOST_PATH,
-              " on your phone."
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx7("div", { className: "w-fit shrink-0 rounded-md bg-ods-bg-inverted p-[var(--spacing-system-sf)]", children: /* @__PURE__ */ jsx7(MobileAppQr, { className: "h-[120px] w-[120px]" }) })
-        ] })
+        mobile.install && /* @__PURE__ */ jsxs7(
+          "div",
+          {
+            className: cn(CARD_CLASS, "content-md:flex-row content-md:items-center content-md:justify-between"),
+            children: [
+              /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-[var(--spacing-system-sf)]", children: [
+                /* @__PURE__ */ jsx7(CardHeader, { title: "Scan with your phone" }),
+                /* @__PURE__ */ jsxs7("p", { className: "m-0 text-ods-text-secondary text-h4", children: [
+                  "Point your camera at the code, or open ",
+                  formatUrlForDisplay(mobile.install.url),
+                  " on your phone."
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx7(MobileAppQr, { install: mobile.install, className: "h-[144px] w-[144px] shrink-0" })
+            ]
+          }
+        )
       ] }) })
     ] });
   }
@@ -1041,7 +1056,7 @@ function DownloadAppsPage({
       subtitle: subtitle ?? (offersDesktop ? DOWNLOADS_TAGLINE : DOWNLOADS_MOBILE_TAGLINE),
       children: /* @__PURE__ */ jsxs7("div", { className: SECTIONS_CLASS, children: [
         body,
-        footer
+        web && /* @__PURE__ */ jsx7(WebCard, { web })
       ] })
     }
   );