@chrryai/chrry 1.4.42 → 1.4.44

package/Message.module.scss

@@ -83,13 +83,13 @@
   flex-direction: row;
   flex-wrap: wrap;
   gap: toRem.toRem(10);
+}
 
-  img {
-    border-radius: toRem.toRem(20);
-    max-width: 100%;
-    // height: fit-content;
-    width: toRem.toRem(250);
-  }
+.userMessageImage {
+  border-radius: toRem.toRem(20);
+  max-width: 100%;
+  // height: fit-content;
+  width: toRem.toRem(250);
 }
 
 .userMessageVideo {

package/dist/index.d.mts

@@ -1285,9 +1285,9 @@ declare const getImageSrc: ({ app, icon, logo, store, PROD_FRONTEND_URL, src, sl
     image?: string;
 }) => {
     src: string | undefined;
-    width: number;
-    height: number;
-    size: number;
+    width: string | number;
+    height: string | number;
+    size: string | number;
 };
 declare const getThreads: ({ pageSize, token, search, sort, threadId, userName, collaborationStatus, myPendingCollaborations, onError, slug, appId, API_URL, }: {
     pageSize?: number;

package/dist/index.d.ts

@@ -1285,9 +1285,9 @@ declare const getImageSrc: ({ app, icon, logo, store, PROD_FRONTEND_URL, src, sl
     image?: string;
 }) => {
     src: string | undefined;
-    width: number;
-    height: number;
-    size: number;
+    width: string | number;
+    height: string | number;
+    size: string | number;
 };
 declare const getThreads: ({ pageSize, token, search, sort, threadId, userName, collaborationStatus, myPendingCollaborations, onError, slug, appId, API_URL, }: {
     pageSize?: number;

package/dist/index.js

@@ -1898,7 +1898,7 @@ var init_utils = __esm({
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent?.includes("Firefox");
     config = getSiteConfig(getClientHostname());
-    VERSION = config.version || "1.4.42";
+    VERSION = config.version || "1.4.44";
     getSlugFromPathname = (path) => {
       return getAppAndStoreSlugs(path, {
         defaultAppSlug: config.slug,
@@ -4923,6 +4923,9 @@ var init_lib = __esm({
       canEditApp,
       image
     }) => {
+      const finalWidth = typeof width === "number" ? width : typeof width === "string" && parseInt(width) ? parseInt(width) : width ? width : size2;
+      const finalHeight = typeof height2 === "number" ? height2 : typeof height2 === "string" && parseInt(height2) ? parseInt(height2) : height2 ? height2 : size2;
+      const finalSize = finalWidth || finalHeight;
       const iconSrc = icon ? icon === "spaceInvader" ? `${PROD_FRONTEND_URL2}/images/pacman/space-invader.png` : icon === "pacman" ? `${BASE_URL}/images/pacman/pacman.png` : icon === "heart" ? `${BASE_URL}/images/pacman/heart.png` : icon === "plus" ? `${BASE_URL}/icons/plus-128.png` : icon === "hamster" ? `${BASE_URL}/hamster.png` : icon === "frog" ? `${BASE_URL}/frog.png` : icon === "calendar" ? `${BASE_URL}/icons/calendar-128.png` : icon === "sushi" ? `${BASE_URL}/icons/sushi.png` : `${BASE_URL}/icons/${icon}-128.png` : null;
       const logoSrc = logo === "focus" ? `${BASE_URL}/images/focus.png` : logo === "blossom" ? `${BASE_URL}/images/apps/blossom.png` : logo === "grape" ? `${BASE_URL}/images/apps/grape.png` : logo === "chrry" || store?.slug === "explore" ? `${BASE_URL}/logo/cherry-500.png` : logo === "lifeOS" || store?.slug === "lifeOS" ? `${BASE_URL}/icons/lifeOS-128.png` : logo === "vex" || store?.slug === "vex" ? `${BASE_URL}/icons/icon-128.png` : logo ? `${BASE_URL}/icons/icon-128${logo === "isMagenta" ? "-m" : ""}${logo === "isVivid" ? "-v" : ""}.png` : null;
       const getImageBySize = (size3) => {
@@ -4946,13 +4949,11 @@ var init_lib = __esm({
         "grape"
       ].includes(app.slug) ? `${BASE_URL}/images/apps/${app.slug}.png` : getImageBySize(size2) || app?.image || (slug ? `${BASE_URL}/icons/${slug}-128.png` : canEditApp ? image || iconSrc : void 0);
       const finalSrc = src || logoSrc || !app && iconSrc || appImageSrc || void 0;
-      const finalWidth = typeof width === "number" ? width : typeof width === "string" ? parseInt(width) : size2;
-      const finalHeight = typeof height2 === "number" ? height2 : typeof height2 === "string" ? parseInt(height2) : size2;
       return {
         src: finalSrc,
-        width: size2 || finalWidth,
-        height: size2 || finalHeight,
-        size: size2
+        width: finalWidth,
+        height: finalHeight,
+        size: finalSize
       };
     };
     getThreads = async ({
@@ -24041,7 +24042,7 @@ function DataProvider({ children, ...rest }) {
   const [instructions, setInstructions] = (0, import_react19.useState)([]);
   const [affiliateStats, setAffiliateStats] = (0, import_react19.useState)(null);
   const [loadingAffiliateStats, setLoadingAffiliateStats] = (0, import_react19.useState)(false);
-  const VERSION4 = "1.4.42";
+  const VERSION4 = "1.4.44";
   const [weather, setWeather] = useLocalStorage2("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -29343,7 +29344,8 @@ function ImageComponent(props) {
     }
   }, [isEmoji, isAgent]);
   const color = COLORS[app?.themeColor] || "var(--accent-6)";
-  const emojiSize = size2 <= 24 ? size2 * 0.85 : size2;
+  const intSize = parseInt(size2);
+  const emojiSize = intSize && intSize <= 24 ? intSize * 0.85 : intSize;
   if (isEmoji) {
     if (app?.store?.slug === "books") {
       if (app.slug === "zarathustra") {
@@ -35718,8 +35720,7 @@ function App({
   ) : app?.id === chrry?.id && focus ? /* @__PURE__ */ import_react55.default.createElement(FocusButton, { time }) : hasHydrated && !canEditApp && !isManagingApp && /* @__PURE__ */ import_react55.default.createElement(
     "span",
     {
-      style: { ...styles4.grip.style },
-      title: t6("Drag and drop to reorder apps")
+      style: { ...styles4.grip.style }
     },
     /* @__PURE__ */ import_react55.default.createElement(icons_exports.Grip, { size: 24, color: "var(--accent-1)" })
   )), !isManagingApp && /* @__PURE__ */ import_react55.default.createElement(
@@ -45238,7 +45239,9 @@ var init_Message_styles = __esm({
         display: "flex",
         flexDirection: "row",
         flexWrap: "wrap",
-        gap: 10,
+        gap: 10
+      },
+      userMessageImage: {
         borderRadius: 20,
         maxWidth: "100%",
         width: 250