@chrryai/chrry 1.3.7 → 1.3.8

package/Store.module.scss

@@ -17,9 +17,7 @@
     margin-bottom: toRem.toRem(20);
 
     .title {
-      display: flex;
       font-size: toRem.toRem(20);
-      align-items: center;
       gap: toRem.toRem(10);
       margin: 0;
       margin-bottom: toRem.toRem(5);
@@ -67,9 +65,16 @@
   flex-wrap: wrap;
 }
 
-.titleText {
+.tryItNow {
+  margin-left: auto;
+  font-size: toRem.toRem(14);
+}
+
+.appTitle {
   display: flex;
-  align-items: center;
+}
+
+.titleText {
   gap: toRem.toRem(5);
   text-align: center;
   flex: 1;
@@ -101,18 +106,19 @@
   min-width: initial;
   flex: 1;
 
-  min-width: toRem.toRem(130);
+  .appImage {
+    max-width: toRem.toRem(40);
+    max-height: toRem.toRem(40);
 
-  //   @media (min-width: toRem.toRem(420)) {
-  //     min-width: toRem.toRem(160);
-  //   }
-
-  //   @media (min-width: toRem.toRem(440)) {
-  //     min-width: toRem.toRem(200);
-  //   }
+    @media (min-width: breakpoints.$breakpoint-mobile) {
+      max-width: toRem.toRem(80);
+      max-height: toRem.toRem(80);
+    }
+  }
 
   @media (min-width: breakpoints.$breakpoint-mobile) {
     flex: inherit;
+    min-width: toRem.toRem(130);
   }
 
   &:last-child {
@@ -135,6 +141,12 @@
     flex-direction: column;
     gap: toRem.toRem(2);
 
+    display: none;
+
+    @media (min-width: breakpoints.$breakpoint-mobile) {
+      display: flex;
+    }
+
     .appName {
       font-size: toRem.toRem(16);
       font-weight: 600;
@@ -169,6 +181,12 @@
     &.planned {
       background-color: var(--shade-3);
     }
+
+    display: none;
+
+    @media (min-width: breakpoints.$breakpoint-mobile) {
+      display: flex;
+    }
   }
 }
 

package/dist/{Store.module-NP6776GY.scss → Store.module-CEG6FTQM.scss}

@@ -17,9 +17,7 @@
     margin-bottom: toRem.toRem(20);
 
     .title {
-      display: flex;
       font-size: toRem.toRem(20);
-      align-items: center;
       gap: toRem.toRem(10);
       margin: 0;
       margin-bottom: toRem.toRem(5);
@@ -67,9 +65,16 @@
   flex-wrap: wrap;
 }
 
-.titleText {
+.tryItNow {
+  margin-left: auto;
+  font-size: toRem.toRem(14);
+}
+
+.appTitle {
   display: flex;
-  align-items: center;
+}
+
+.titleText {
   gap: toRem.toRem(5);
   text-align: center;
   flex: 1;
@@ -101,18 +106,19 @@
   min-width: initial;
   flex: 1;
 
-  min-width: toRem.toRem(130);
+  .appImage {
+    max-width: toRem.toRem(40);
+    max-height: toRem.toRem(40);
 
-  //   @media (min-width: toRem.toRem(420)) {
-  //     min-width: toRem.toRem(160);
-  //   }
-
-  //   @media (min-width: toRem.toRem(440)) {
-  //     min-width: toRem.toRem(200);
-  //   }
+    @media (min-width: breakpoints.$breakpoint-mobile) {
+      max-width: toRem.toRem(80);
+      max-height: toRem.toRem(80);
+    }
+  }
 
   @media (min-width: breakpoints.$breakpoint-mobile) {
     flex: inherit;
+    min-width: toRem.toRem(130);
   }
 
   &:last-child {
@@ -135,6 +141,12 @@
     flex-direction: column;
     gap: toRem.toRem(2);
 
+    display: none;
+
+    @media (min-width: breakpoints.$breakpoint-mobile) {
+      display: flex;
+    }
+
     .appName {
       font-size: toRem.toRem(16);
       font-weight: 600;
@@ -169,6 +181,12 @@
     &.planned {
       background-color: var(--shade-3);
     }
+
+    display: none;
+
+    @media (min-width: breakpoints.$breakpoint-mobile) {
+      display: flex;
+    }
   }
 }
 

package/dist/index.d.mts

@@ -781,7 +781,7 @@ declare const isFirefox: boolean;
 declare function getFlag({ code }: {
     code?: string;
 }): string;
-declare const VERSION = "1.3.7";
+declare const VERSION = "1.3.8";
 type instructionBase = {
     id: string;
     title: string;
@@ -1165,7 +1165,7 @@ declare const getImageSrc: ({ app, icon, logo, store, PROD_FRONTEND_URL, src, sl
     showLoading?: boolean;
     dataTestId?: string;
     src?: string;
-    logo?: "lifeOS" | "isMagenta" | "isVivid" | "vex" | "chrry";
+    logo?: "lifeOS" | "isMagenta" | "isVivid" | "vex" | "chrry" | "blossom";
     icon?: "spaceInvader" | "pacman" | "heart" | "plus" | "hamster" | "frog" | "calendar" | "deepSeek" | "perplexity" | "claude" | "chatGPT" | "gemini" | "flux" | "chrry" | "raspberry" | "strawberry";
     app?: appWithStore;
     width?: number | string;

package/dist/index.d.ts

@@ -781,7 +781,7 @@ declare const isFirefox: boolean;
 declare function getFlag({ code }: {
     code?: string;
 }): string;
-declare const VERSION = "1.3.7";
+declare const VERSION = "1.3.8";
 type instructionBase = {
     id: string;
     title: string;
@@ -1165,7 +1165,7 @@ declare const getImageSrc: ({ app, icon, logo, store, PROD_FRONTEND_URL, src, sl
     showLoading?: boolean;
     dataTestId?: string;
     src?: string;
-    logo?: "lifeOS" | "isMagenta" | "isVivid" | "vex" | "chrry";
+    logo?: "lifeOS" | "isMagenta" | "isVivid" | "vex" | "chrry" | "blossom";
     icon?: "spaceInvader" | "pacman" | "heart" | "plus" | "hamster" | "frog" | "calendar" | "deepSeek" | "perplexity" | "claude" | "chatGPT" | "gemini" | "flux" | "chrry" | "raspberry" | "strawberry";
     app?: appWithStore;
     width?: number | string;

package/dist/index.js

@@ -3467,7 +3467,7 @@ var init_lib = __esm({
       image
     }) => {
       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` : `${BASE_URL}/icons/${icon}-128.png` : null;
-      const logoSrc = 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 logoSrc = logo === "blossom" ? `${BASE_URL}/images/apps/blossom.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 = (size2) => {
         if (!app?.images?.length) return null;
         if (size2 <= 32) return app.images[4]?.url;
@@ -21282,7 +21282,7 @@ function DataProvider({
   const [instructions, setInstructions] = (0, import_react14.useState)([]);
   const [affiliateStats, setAffiliateStats] = (0, import_react14.useState)(null);
   const [loadingAffiliateStats, setLoadingAffiliateStats] = (0, import_react14.useState)(false);
-  const VERSION3 = "1.3.7";
+  const VERSION3 = "1.3.8";
   const [weather, setWeather] = useLocalStorage("weather", user?.weather || guest?.weather || void 0);
   const {
     API_URL: API_URL2,
@@ -22367,7 +22367,7 @@ var init_utils = __esm({
       window.history.replaceState({}, "", newUrl);
     };
     isFirefox = typeof navigator !== "undefined" && navigator?.userAgent.includes("Firefox");
-    VERSION = "1.3.7";
+    VERSION = "1.3.8";
     getSlugFromPathname = (path) => {
       const siteConfig = getSiteConfig();
       return getAppAndStoreSlugs(path, {
@@ -24732,9 +24732,7 @@ var init_Store_styles = __esm({
         marginBottom: 20
       },
       title: {
-        display: "flex",
         fontSize: 20,
-        alignItems: "center",
         gap: 10,
         margin: 0,
         marginBottom: 5,
@@ -24764,13 +24762,19 @@ var init_Store_styles = __esm({
         marginTop: 10,
         flexWrap: "wrap"
       },
+      tryItNow: {
+        marginLeft: "auto",
+        fontSize: 14
+      },
+      appTitle: {
+        display: "flex"
+      },
       titleText: {
-        display: "flex",
-        alignItems: "center",
         gap: 5,
         textAlign: "center",
         flex: 1,
         alignSelf: "center",
+        alignItems: "center",
         justifyContent: "center",
         fontWeight: 600
       },
@@ -24791,7 +24795,7 @@ var init_Store_styles = __esm({
           padding: 10,
           paddingTop: 13,
           borderRadius: 20,
-          minWidth: 130,
+          minWidth: "initial",
           flex: 1,
           alignSelf: "flex-start"
         },
@@ -24799,8 +24803,12 @@ var init_Store_styles = __esm({
           outline: "2px solid var(--accent-1)"
         }
       },
+      appImage: {
+        maxWidth: 40,
+        maxHeight: 40
+      },
       appInfo: {
-        display: "flex",
+        display: "none",
         flexDirection: "column",
         gap: 2
       },
@@ -24827,7 +24835,8 @@ var init_Store_styles = __esm({
         padding: "3px 10px",
         borderRadius: 20,
         fontSize: 12,
-        marginBottom: 10
+        marginBottom: 10,
+        display: "none"
       },
       badgeInProgress: {
         backgroundColor: "var(--accent-5)"
@@ -30980,8 +30989,7 @@ function App({
       ImageComponent,
       {
         showLoading: false,
-        logo: "lifeOS",
-        app: storeApp?.images ? storeApp : void 0,
+        logo: app?.id === chrry?.id ? "blossom" : "lifeOS",
         store,
         size: 24
       }
@@ -37002,6 +37010,7 @@ function Subscribe({
       setLoading(false);
     }
   };
+  const [purchaseType, setPurchaseType] = (0, import_react61.useState)();
   const verifyPayment = async (sessionId) => {
     track({ name: "subscribe_verify_payment" });
     const params = new URLSearchParams(window.location.search);
@@ -37029,8 +37038,12 @@ function Subscribe({
     if (data.success) {
       track({ name: "subscribe_payment_verified" });
       if (isExtensionRedirect2) {
+        setPurchaseType("subscribe");
         import_react_hot_toast14.default.success(t6(`${t6("Subscribed")}. ${t6("Reload your extension")} \u{1F9E9}`));
       } else {
+        setPurchaseType(
+          data.gift ? "gift" : data.credits ? "credits" : "subscribe"
+        );
         import_react_hot_toast14.default.success(
           data.gift ? t6(`\u{1F970} ${t6("Thank you for your gift")}`) : data.credits ? t6(`${t6("Credits updated")}`) : t6(`${t6("Subscribed")}`)
         );
@@ -37598,7 +37611,7 @@ function Subscribe({
     },
     /* @__PURE__ */ import_react61.default.createElement(ImageComponent, { icon: "strawberry", showLoading: false, size: 18 }),
     t6("Plus")
-  ));
+  ), purchaseType && /* @__PURE__ */ import_react61.default.createElement("input", { "data-testid": "purchase-type", type: "hidden", value: purchaseType }));
 }
 var import_react61, import_Subscribe_module, import_motion4, import_clsx22, import_react_hot_toast14;
 var init_Subscribe = __esm({
@@ -37989,7 +38002,7 @@ function Skeleton({
           )) : null, /* @__PURE__ */ React.createElement(
             Anchor,
             {
-              href: `https://chrry.dev`,
+              href: `/blossom`,
               openInNewTab: true,
               style: {
                 ...utilities.button.style,
@@ -37998,9 +38011,9 @@ function Skeleton({
                 ...hasHydrated && isMobile && skeletonStyles.blog.style
               }
             },
-            /* @__PURE__ */ React.createElement(ImageComponent, { logo: "chrry", size: 18 }),
+            /* @__PURE__ */ React.createElement(ImageComponent, { logo: "blossom", size: 22 }),
             " ",
-            "Chrry.dev"
+            "Blossom"
           )),
           /* @__PURE__ */ React.createElement(Div, { style: { ...skeletonStyles.right.style } }, /* @__PURE__ */ React.createElement(CharacterProfiles, null), /* @__PURE__ */ React.createElement(Subscribe, { className: import_Skeleton_module.default.subscribeDesktop }), /* @__PURE__ */ React.createElement(SignIn, { showSignIn: false, className: import_Skeleton_module.default.signIn }), /* @__PURE__ */ React.createElement(LanguageSwitcher_default, { className: import_Skeleton_module.default.languageSwitcher }))
         ),
@@ -38047,6 +38060,7 @@ function Store({
   slug
 }) {
   const { FRONTEND_URL: FRONTEND_URL4 } = useData();
+  const { isMobileDevice } = useTheme2();
   const { router, setIsNewChat, pathname, searchParams } = useNavigationContext();
   const { allApps, getAppSlug, setApp, app } = useAuth();
   const [storeSlug, setStoreSlug] = (0, import_react67.useState)(slug || pathname.replace("/", ""));
@@ -38134,7 +38148,7 @@ function Store({
           alt: "Pacman",
           size: 28
         }
-      ), /* @__PURE__ */ import_react67.default.createElement(ImageComponent, { app: store?.app, size: 28 }), /* @__PURE__ */ import_react67.default.createElement(
+      ), /* @__PURE__ */ import_react67.default.createElement(Anchor, { href: "/blossom" }, /* @__PURE__ */ import_react67.default.createElement(ImageComponent, { logo: "blossom", size: 32 })), /* @__PURE__ */ import_react67.default.createElement(
         ImageComponent,
         {
           style: { marginLeft: "auto" },
@@ -38144,7 +38158,7 @@ function Store({
           size: 28
         }
       )), /* @__PURE__ */ import_react67.default.createElement("h1", { style: { ...storeStyles.title.style } }, /* @__PURE__ */ import_react67.default.createElement("span", { style: { ...storeStyles.titleText.style } }, /* @__PURE__ */ import_react67.default.createElement(
-        A,
+        Anchor,
         {
           href: store.app ? getAppSlug(store.app) : "#",
           onClick: (e) => {
@@ -38159,7 +38173,7 @@ function Store({
           className: "link"
         },
         store?.name
-      ), "- ", t6(store?.title || ""))), /* @__PURE__ */ import_react67.default.createElement("p", { style: { ...storeStyles.intro.style } }, t6(store?.description || ""))),
+      ), " ", "- ", t6(store?.title || ""))), /* @__PURE__ */ import_react67.default.createElement("p", { style: { ...storeStyles.intro.style } }, t6(store?.description || ""))),
       /* @__PURE__ */ import_react67.default.createElement("div", { className: import_Store_module.default.createAgent }, /* @__PURE__ */ import_react67.default.createElement(
         "button",
         {
@@ -38182,9 +38196,32 @@ function Store({
           onClick: () => setSelectedApp(app2)
         },
         /* @__PURE__ */ import_react67.default.createElement("span", { className: (0, import_clsx27.default)(import_Store_module.default.badge) }, t6("live")),
-        /* @__PURE__ */ import_react67.default.createElement(ImageComponent, { app: app2, alt: app2.name, size: 80 }),
+        /* @__PURE__ */ import_react67.default.createElement(
+          ImageComponent,
+          {
+            className: (0, import_clsx27.default)(import_Store_module.default.appImage),
+            app: app2,
+            alt: app2.name,
+            size: isMobileDevice ? 40 : 80
+          }
+        ),
         /* @__PURE__ */ import_react67.default.createElement("div", { className: import_Store_module.default.appInfo }, /* @__PURE__ */ import_react67.default.createElement("span", { className: import_Store_module.default.appName }, app2.icon, " ", app2.name), /* @__PURE__ */ import_react67.default.createElement("span", { className: import_Store_module.default.appSubtitle }, t6(app2.subtitle || "")))
-      ))), /* @__PURE__ */ import_react67.default.createElement("div", { key: selectedApp?.id, className: import_Store_module.default.footer }, selectedApp && /* @__PURE__ */ import_react67.default.createElement("div", { className: import_Store_module.default.appDetails }, /* @__PURE__ */ import_react67.default.createElement("h3", null, selectedApp.icon, " ", selectedApp.name), /* @__PURE__ */ import_react67.default.createElement("p", { className: import_Store_module.default.subtitle }, t6(selectedApp.title || "")), /* @__PURE__ */ import_react67.default.createElement("p", { className: import_Store_module.default.description }, t6(selectedApp.description || "")), Array.isArray(selectedApp.featureList) && selectedApp.featureList.length > 0 && /* @__PURE__ */ import_react67.default.createElement("div", { className: import_Store_module.default.features }, /* @__PURE__ */ import_react67.default.createElement("h4", null, t6("Key Features")), /* @__PURE__ */ import_react67.default.createElement("ul", null, selectedApp.featureList.map((feature, index) => /* @__PURE__ */ import_react67.default.createElement("li", { className: import_Store_module.default.feature, key: index }, /* @__PURE__ */ import_react67.default.createElement(
+      ))), /* @__PURE__ */ import_react67.default.createElement("div", { key: selectedApp?.id, className: import_Store_module.default.footer }, selectedApp && /* @__PURE__ */ import_react67.default.createElement("div", { className: import_Store_module.default.appDetails }, /* @__PURE__ */ import_react67.default.createElement("h3", { className: import_Store_module.default.appTitle }, selectedApp.icon, " ", selectedApp.name, /* @__PURE__ */ import_react67.default.createElement(
+        Anchor,
+        {
+          href: getAppSlug(selectedApp),
+          onClick: (e) => {
+            if (e.metaKey || e.ctrlKey) {
+              return;
+            }
+            e.preventDefault();
+            setIsNewChat(true, getAppSlug(selectedApp));
+          },
+          className: (0, import_clsx27.default)(import_Store_module.default.tryItNow)
+        },
+        /* @__PURE__ */ import_react67.default.createElement(icons_exports.ArrowRight, { size: 16, color: "var(--accent-6)" }),
+        t6("Try it now!")
+      )), /* @__PURE__ */ import_react67.default.createElement("p", { className: import_Store_module.default.subtitle }, t6(selectedApp.title || "")), /* @__PURE__ */ import_react67.default.createElement("p", { className: import_Store_module.default.description }, t6(selectedApp.description || "")), Array.isArray(selectedApp.featureList) && selectedApp.featureList.length > 0 && /* @__PURE__ */ import_react67.default.createElement("div", { className: import_Store_module.default.features }, /* @__PURE__ */ import_react67.default.createElement("h4", null, t6("Key Features")), /* @__PURE__ */ import_react67.default.createElement("ul", null, selectedApp.featureList.map((feature, index) => /* @__PURE__ */ import_react67.default.createElement("li", { className: import_Store_module.default.feature, key: index }, /* @__PURE__ */ import_react67.default.createElement(
         icons_exports.Sparkles,
         {
           size: 16,
@@ -38192,7 +38229,7 @@ function Store({
           fill: "var(--accent-1)"
         }
       ), t6(feature))), /* @__PURE__ */ import_react67.default.createElement("li", { className: import_Store_module.default.feature }, /* @__PURE__ */ import_react67.default.createElement(
-        A,
+        Anchor,
         {
           href: getAppSlug(selectedApp),
           onClick: (e) => {
@@ -38209,21 +38246,13 @@ function Store({
       ))))))),
       !compact && /* @__PURE__ */ import_react67.default.createElement("div", { style: { display: "none" }, className: "seo-content" }, storeApps?.map((appItem) => /* @__PURE__ */ import_react67.default.createElement("section", { key: appItem.id }, /* @__PURE__ */ import_react67.default.createElement("h2", null, appItem.name), /* @__PURE__ */ import_react67.default.createElement("h3", null, t6(appItem.title || "")), /* @__PURE__ */ import_react67.default.createElement("p", null, t6(appItem.description || "")), Array.isArray(appItem.featureList) && appItem.featureList.length > 0 && /* @__PURE__ */ import_react67.default.createElement(import_react67.default.Fragment, null, /* @__PURE__ */ import_react67.default.createElement("h4", null, t6("Key Features")), /* @__PURE__ */ import_react67.default.createElement("ul", null, appItem.featureList.map((feature, index) => /* @__PURE__ */ import_react67.default.createElement("li", { key: index }, t6(feature)))))))),
       !compact && /* @__PURE__ */ import_react67.default.createElement("div", { className: import_Store_module.default.tetris }, /* @__PURE__ */ import_react67.default.createElement("div", { style: { display: "flex", gap: "1rem" } }, /* @__PURE__ */ import_react67.default.createElement(
-        "a",
+        Anchor,
         {
-          href: `${FRONTEND_URL4}`,
-          className: (0, import_clsx27.default)("link", import_Store_module.default.hamburgerButton),
-          onClick: (e) => {
-            if (e.metaKey || e.ctrlKey) {
-              return;
-            }
-            e.preventDefault();
-            setIsNewChat(true);
-          }
+          href: `/blossom`,
+          className: (0, import_clsx27.default)("link", import_Store_module.default.hamburgerButton)
         },
-        /* @__PURE__ */ import_react67.default.createElement(ImageComponent, { app: baseApp, size: 24 }),
-        " ",
-        baseApp?.name
+        /* @__PURE__ */ import_react67.default.createElement(ImageComponent, { logo: "blossom", size: 28 }),
+        " Blossom"
       ), /* @__PURE__ */ import_react67.default.createElement(
         ImageComponent,
         {
@@ -38259,7 +38288,7 @@ var init_Store = __esm({
     "use strict";
     "use client";
     import_react67 = __toESM(require("react"));
-    import_Store_module = __toESM(require("./Store.module-NP6776GY.scss"));
+    import_Store_module = __toESM(require("./Store.module-CEG6FTQM.scss"));
     import_clsx27 = __toESM(require("clsx"));
     init_Skeleton();
     init_providers();
@@ -38268,7 +38297,7 @@ var init_Store = __esm({
     init_platform();
     init_Store_styles();
     init_icons();
-    init_platform();
+    init_A();
   }
 });