@chrryai/chrry 1.5.30 → 1.5.32

package/dist/index.js

@@ -772,7 +772,7 @@ var init_siteConfig = __esm({
       favicon: "focus",
       mode: "focus",
       slug: "focus",
-      version: "26.10.44",
+      version: "26.10.45",
       storeSlug: "blossom",
       name: "Focus",
       domain: "focus.chrry.ai",
@@ -2092,7 +2092,7 @@ var init_utils = __esm({
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent?.includes("Firefox");
     config = getSiteConfig(getClientHostname());
-    VERSION = config.version || "1.5.30";
+    VERSION = config.version || "1.5.32";
     getSlugFromPathname = (path) => {
       return getAppAndStoreSlugs(path, {
         defaultAppSlug: config.slug,
@@ -23765,14 +23765,19 @@ function AuthProvider({
     shouldFetchSession && await refetchSession(void 0, { revalidate: true });
   };
   const [isSplash, setIsSplash] = (0, import_react19.useState)(true);
-  const [loadingApp, setLoadingApp] = (0, import_react19.useState)(
+  const [loadingAppId, setLoadingAppId] = (0, import_react19.useState)(
     void 0
   );
+  const [loadingApp, setLoadingAppInternal] = (0, import_react19.useState)(void 0);
+  const setLoadingApp = (appWithStore) => {
+    setLoadingAppId(appWithStore?.id);
+    setLoadingAppInternal(appWithStore);
+  };
   const chrry = storeApps?.find((app2) => !app2.store?.parentStoreId);
   const vex2 = storeApps?.find((app2) => app2.slug === "vex");
   const sushi = storeApps?.find((app2) => app2.slug === "sushi");
   const focus2 = storeApps?.find((app2) => app2.slug === "focus");
-  const appId = loadingApp?.id || app?.id;
+  const appId = loadingAppId || app?.id;
   const {
     data: storeAppsSwr,
     mutate: refetchApps,
@@ -23781,12 +23786,17 @@ function AuthProvider({
     try {
       if (!token || !appId) return;
       const apps2 = await getApp({ token, appId });
+      if (loadingAppId || loadingApp) {
+        setLoadingApp(void 0);
+        setLoadingAppId(void 0);
+      }
       return apps2.store?.apps;
     } catch (error2) {
       import_react_hot_toast.default.error("Something went wrong");
     }
   });
   const hasStoreApps = (item) => {
+    if (!item || !storeApps.length) return false;
     const app2 = storeApps?.find((app3) => {
       return app3.id === item?.id;
     });
@@ -23999,10 +24009,7 @@ function AuthProvider({
     let matchedApp;
     if (thread2?.appId) {
       const threadApp = storeApps.find((app2) => app2.id === thread2.appId);
-      if (threadApp) {
-        matchedApp = threadApp;
-        console.log("\u{1F9F5} Using thread app:", threadApp.slug);
-      }
+      matchedApp = threadApp;
     }
     if (!matchedApp) {
       matchedApp = findAppByPathname(pathname, storeApps) || baseApp;
@@ -24034,7 +24041,8 @@ function AuthProvider({
     thread2,
     threadId,
     lastAppId,
-    isExtension2
+    isExtension2,
+    loadingAppId
   ]);
   const [profile, setProfileInternal] = (0, import_react19.useState)(void 0);
   const setProfile = (profile2) => {
@@ -24205,6 +24213,8 @@ function AuthProvider({
         isLoadingMood,
         enableNotifications,
         setEnableNotifications,
+        loadingAppId,
+        setLoadingAppId,
         defaultInstructions,
         isSavingApp,
         setIsSavingApp,
@@ -24405,7 +24415,7 @@ function DataProvider({ children, ...rest }) {
   const [instructions, setInstructions] = (0, import_react21.useState)([]);
   const [affiliateStats, setAffiliateStats] = (0, import_react21.useState)(null);
   const [loadingAffiliateStats, setLoadingAffiliateStats] = (0, import_react21.useState)(false);
-  const VERSION4 = "1.5.30";
+  const VERSION4 = "1.5.32";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -29511,11 +29521,19 @@ function Loading({
   height: height2,
   size: size2,
   color = "var(--accent-6)",
-  fullScreen = false
+  fullScreen = false,
+  style: style2
 }) {
   const isHydrated = useHasHydrated();
   const styles4 = useLoadingStyles();
-  const LoadingWrapper = ({ children }) => fullScreen ? /* @__PURE__ */ React.createElement(Div, { className: "fullScreen", style: styles4.loadingWrapper.style }, children) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
+  const LoadingWrapper = ({ children }) => fullScreen ? /* @__PURE__ */ React.createElement(
+    Div,
+    {
+      className: "fullScreen",
+      style: { ...styles4.loadingWrapper.style, ...style2 }
+    },
+    children
+  ) : /* @__PURE__ */ React.createElement(React.Fragment, null, children);
   if (!isHydrated) {
     return null;
   }
@@ -29524,7 +29542,7 @@ function Loading({
     {
       width: width || size2 || 24,
       height: height2 || size2 || 24,
-      style: styles4.loadingCircle.style,
+      style: { ...styles4.loadingCircle.style, ...style2 },
       color,
       "data-testid": "imgLoading",
       className: "spinner"
@@ -41154,7 +41172,19 @@ function Menu({
   showThreads = true
 }) {
   const { t: t5 } = useAppContext();
-  const { user, guest, profile, track, showFocus, setShowFocus, getAppSlug } = useAuth();
+  const {
+    user,
+    guest,
+    profile,
+    track,
+    showFocus,
+    setShowFocus,
+    getAppSlug,
+    loadingAppId,
+    storeApps,
+    setLoadingAppId,
+    hasStoreApps
+  } = useAuth();
   const styles4 = useMenuStyles();
   const {
     router,
@@ -41172,6 +41202,12 @@ function Menu({
   } = useNavigationContext();
   const { app } = useApp();
   const { viewPortHeight, isStandalone: isStandalone2 } = usePlatform();
+  const [loadingThreadId, setLoadingThreadId] = (0, import_react62.useState)(null);
+  (0, import_react62.useEffect)(() => {
+    if (!loadingAppId) {
+      setLoadingThreadId(null);
+    }
+  }, [loadingAppId]);
   const {
     theme,
     isDark,
@@ -41597,6 +41633,14 @@ function Menu({
                       ...styles4.threadItem.style
                     },
                     onClick: (e) => {
+                      const threadApp = storeApps.find(
+                        (app2) => app2.id === thread2.appId
+                      );
+                      if (thread2.appId && threadApp && !hasStoreApps(threadApp)) {
+                        setLoadingThreadId(thread2.id);
+                        setLoadingAppId(thread2.appId);
+                        return;
+                      }
                       track({
                         name: "thread-click-menu",
                         props: {
@@ -41615,7 +41659,16 @@ function Menu({
                   thread2.title
                 );
               })(),
-              collaborationStatus === "pending" ? /* @__PURE__ */ import_react62.default.createElement(
+              loadingThreadId === thread2.id ? /* @__PURE__ */ import_react62.default.createElement(
+                Loading,
+                {
+                  style: {
+                    ...styles4.star.style,
+                    width: 14,
+                    height: 14
+                  }
+                }
+              ) : collaborationStatus === "pending" ? /* @__PURE__ */ import_react62.default.createElement(
                 CollaborationStatus,
                 {
                   dataTestId: "menu",