@chrryai/chrry 1.4.56 → 1.4.58

package/dist/index.js

@@ -1899,7 +1899,7 @@ var init_utils = __esm({
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent?.includes("Firefox");
     config = getSiteConfig(getClientHostname());
-    VERSION = config.version || "1.4.56";
+    VERSION = config.version || "1.4.58";
     getSlugFromPathname = (path) => {
       return getAppAndStoreSlugs(path, {
         defaultAppSlug: config.slug,
@@ -24079,7 +24079,7 @@ function DataProvider({ children, ...rest }) {
   const [instructions, setInstructions] = (0, import_react20.useState)([]);
   const [affiliateStats, setAffiliateStats] = (0, import_react20.useState)(null);
   const [loadingAffiliateStats, setLoadingAffiliateStats] = (0, import_react20.useState)(false);
-  const VERSION4 = "1.4.56";
+  const VERSION4 = "1.4.58";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -26260,8 +26260,8 @@ function ChatProvider({
   }, [searchParams]);
   const [wasIncognito, setWasIncognito] = (0, import_react30.useState)(isIncognito);
   const hasStoreApps = (item) => {
-    const i = item && allApps?.find((app2) => app2.id === item?.id);
-    return i?.store?.apps.length;
+    const app2 = allApps?.find((app3) => app3.id === item?.id);
+    return app2?.store?.apps.length;
   };
   const [loading, setLoading] = (0, import_react30.useState)(false);
   const setIsNewAppChat = (item) => {
@@ -35809,8 +35809,8 @@ function App({
     /* @__PURE__ */ import_react56.default.createElement(Div, { style: { ...styles4.apps.style } }, appsState.filter((item) => item.id !== popcorn?.id).slice(0, 5)?.map((item, index) => {
       const showAtlasHere = index === 1 && app?.id === chrry?.id;
       const showFocusHere = focus && !showAtlasHere && index === 1;
-      const showPacmanHere = index === 2;
-      const showSpaceInvaderHere = index === 3;
+      const showPacmanHere = app?.store?.id !== popcorn?.store?.id && index === 2;
+      const showSpaceInvaderHere = app?.store?.id !== popcorn?.store?.id && index === 3;
       const showChrryHere = index === 0 && chrry && app?.id !== chrry.id;
       const showZarathustraHere = !showChrryHere && index === 0 && store?.appId !== zarathustra?.id;
       return /* @__PURE__ */ import_react56.default.createElement(
@@ -35818,11 +35818,15 @@ function App({
         {
           key: item.id,
           id: item.id,
-          style: { ...styles4.appItem.style }
+          style: {
+            ...styles4.appItem.style,
+            marginLeft: index === 2 ? "auto" : void 0
+          }
         },
         /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, showChrryHere && /* @__PURE__ */ import_react56.default.createElement(
           Anchor,
           {
+            preventDefault: true,
             href: getAppSlug(chrry),
             onClick: (e) => {
               if (isManagingApp) {
@@ -35839,7 +35843,7 @@ function App({
               ...styles4.chrry.style
             }
           },
-          /* @__PURE__ */ import_react56.default.createElement(
+          loadingApp?.id !== chrry?.id ? /* @__PURE__ */ import_react56.default.createElement(
             ImageComponent,
             {
               logo: "chrry",
@@ -35848,12 +35852,13 @@ function App({
               width: 28,
               height: 28
             }
-          )
+          ) : /* @__PURE__ */ import_react56.default.createElement(Loading, { size: 28 })
         ), showZarathustraHere && zarathustra && store && store?.apps?.some(
           (app2) => app2.id === zarathustra.id
         ) && /* @__PURE__ */ import_react56.default.createElement(
           Anchor,
           {
+            preventDefault: true,
             href: getAppSlug(zarathustra),
             onClick: (e) => {
               if (isManagingApp) {
@@ -35870,7 +35875,7 @@ function App({
               ...styles4.zarathustra.style
             }
           },
-          /* @__PURE__ */ import_react56.default.createElement(
+          loadingApp?.id !== zarathustra?.id ? /* @__PURE__ */ import_react56.default.createElement(
             ImageComponent,
             {
               style: {
@@ -35879,12 +35884,13 @@ function App({
               app: zarathustra,
               size: 24
             }
-          )
+          ) : /* @__PURE__ */ import_react56.default.createElement(Loading, { size: 24 })
         ), showPacmanHere ? popcorn && store && store?.appId !== popcorn?.id && store?.apps?.some(
           (app2) => app2.id === popcorn.id
         ) ? /* @__PURE__ */ import_react56.default.createElement(
           Anchor,
           {
+            preventDefault: true,
             href: getAppSlug(popcorn),
             onClick: (e) => {
               if (isManagingApp) {
@@ -35901,7 +35907,7 @@ function App({
               ...styles4.popcorn.style
             }
           },
-          /* @__PURE__ */ import_react56.default.createElement(ImageComponent, { app: popcorn, size: 24 })
+          loadingApp?.id !== popcorn?.id ? /* @__PURE__ */ import_react56.default.createElement(ImageComponent, { app: popcorn, size: 24 }) : /* @__PURE__ */ import_react56.default.createElement(Loading, { size: 24 })
         ) : showPacmanHere && /* @__PURE__ */ import_react56.default.createElement(
           Button,
           {
@@ -35968,6 +35974,7 @@ function App({
           Anchor,
           {
             href: getAppSlug(atlas),
+            preventDefault: true,
             onClick: (e) => {
               if (isManagingApp) {
                 e.preventDefault();
@@ -35983,7 +35990,7 @@ function App({
               ...styles4.atlas.style
             }
           },
-          /* @__PURE__ */ import_react56.default.createElement(ImageComponent, { app: atlas, width: 22, height: 22 })
+          loadingApp?.id === atlas?.id ? /* @__PURE__ */ import_react56.default.createElement(Loading, { size: 22 }) : /* @__PURE__ */ import_react56.default.createElement(ImageComponent, { app: atlas, width: 22, height: 22 })
         ), showFocusHere && /* @__PURE__ */ import_react56.default.createElement(FocusButton, { time }), showSpaceInvaderHere && /* @__PURE__ */ import_react56.default.createElement(
           Button,
           {
@@ -44519,7 +44526,7 @@ function Skeleton({
   const hasHydrated = useHasHydrated();
   const { isEmpty } = useChat();
   const { pathname, setIsNewChat, hasNotification } = useNavigationContext();
-  const { isDrawerOpen, setIsDrawerOpen, isSmallDevice } = useTheme2();
+  const { isDrawerOpen, setIsDrawerOpen, isSmallDevice, isMobileDevice } = useTheme2();
   const { isStandalone: isStandalone2 } = usePlatform();
   const { FRONTEND_URL: FRONTEND_URL2 } = useData();
   const { app, isRemovingApp, isSavingApp } = useApp();
@@ -44641,14 +44648,14 @@ function Skeleton({
                 ...utilities.button.style,
                 ...utilities.transparent.style,
                 ...utilities.small.style,
-                ...hasHydrated && isMobile && skeletonStyles.blog.style
+                ...hasHydrated && isMobileDevice && skeletonStyles.blog.style
               }
             },
             /* @__PURE__ */ React.createElement(ImageComponent, { logo: "blossom", size: 22 }),
             " ",
             "Blossom"
           )),
-          /* @__PURE__ */ React.createElement(Div, { style: { ...skeletonStyles.right.style } }, /* @__PURE__ */ React.createElement(CharacterProfiles, null), /* @__PURE__ */ React.createElement(Subscribe, null), /* @__PURE__ */ React.createElement(SignIn, { showSignIn: false }), /* @__PURE__ */ React.createElement(LanguageSwitcher_default, null))
+          /* @__PURE__ */ React.createElement(Div, { style: { ...skeletonStyles.right.style } }, /* @__PURE__ */ React.createElement(CharacterProfiles, null), /* @__PURE__ */ React.createElement(Subscribe, null), !isMobileDevice ? /* @__PURE__ */ React.createElement(SignIn, { showSignIn: false }) : null, /* @__PURE__ */ React.createElement(LanguageSwitcher_default, null))
         ),
         /* @__PURE__ */ React.createElement(Div, { style: { ...skeletonStyles.contentContainer.style } }, /* @__PURE__ */ React.createElement(React.Fragment, null, children))
       )