fix: handle cta click on Storyly LLM

.changeset/stupid-mangos-repair.md

@@ -0,0 +1,5 @@
+---
+"live-mobile": minor
+---
+
+Handle cta click on storyly

apps/ledger-live-mobile/src/components/StorylyStories/StorylyProvider.tsx

@@ -1,5 +1,6 @@
 import useFeature from "@ledgerhq/live-common/featureFlags/useFeature";
 import { Flex } from "@ledgerhq/native-ui";
+import { Linking } from "react-native";
 import { Feature_Storyly, StorylyInstanceType } from "@ledgerhq/types-live";
 import React, { createContext, useState, useContext, ReactNode, useRef, useEffect } from "react";
 import { Storyly } from "storyly-react-native";
@@ -61,6 +62,10 @@ const StorylyProvider: React.FC<StorylyProviderProps> = ({ children }) => {
 
   const handleEvent = (e: Storyly.StoryEvent) => {
     if (e.event === "StoryGroupClosed" || e.event === "StoryGroupCompleted") clear();
+    if (e.event === "StoryCTAClicked" && e?.story?.media?.actionUrl) {
+      Linking.openURL(e.story.media.actionUrl);
+      storylyRef.current?.close?.();
+    }
   };
 
   return (

apps/ledger-live-mobile/src/screens/NotificationCenter/Notifications.tsx

@@ -37,18 +37,23 @@ const RemoveContainer = styled(TouchableHighlight)`
   width: 90px;
 `;
 
+const notificationCards = [
+  {
+    tag: "hello",
+    title: "Click me",
+    link: "ledgerlive://storyly?g=142749&instance=17650&play=sg",
+    description: "test",
+    cta: "Click me",
+  },
+];
+
 export default function NotificationCenter() {
   const rowRefs = new Map();
   const { t } = useTranslation();
   const dispatch = useDispatch();
   const { colors } = useTheme();
-  const {
-    notificationCards,
-    logImpressionCard,
-    logDismissCard,
-    logClickCard,
-    trackContentCardEvent,
-  } = useDynamicContent();
+  const { logImpressionCard, logDismissCard, logClickCard, trackContentCardEvent } =
+    useDynamicContent();
   const { fetchData, refreshDynamicContent } = useDynamicContentLogic();
   const [isDynamicContentLoading, setIsDynamicContentLoading] = useState(false);