feature: select the currency of the shop to use in chats

cleanup(shopify): add format command and run it

Author: densumesh

clients/search-component/package.json

@@ -84,7 +84,7 @@
     "react-scan": "^0.3.2",
     "react-snap-carousel": "^0.5.0",
     "tailwind-merge": "^3.0.2",
-    "trieve-ts-sdk": "0.0.73"
+    "trieve-ts-sdk": "^0.0.90"
   },
   "peerDependencies": {
     "react": "^18.3.1 || ^19.0.0-rc",

clients/search-component/src/TrieveModal/Chat/SuggestedQuestions.tsx

@@ -65,18 +65,20 @@ export const SuggestedQuestions = ({
             props.inline && "inline-questions !tv-pb-0",
           )}
         >
-          {props.allowRefreshSuggestedQueries && <button
-            onClick={() => getQuestions()}
-            disabled={isLoadingSuggestedQueries}
-            className="suggested-question tv-cursor-pointer tv-border tv-rounded-md tv-p-1 tv-text-xs disabled:tv-cursor-not-allowed tv-text-center"
-            title="Refresh suggested questions"
-          >
-            <ArrowRotateRightIcon
-              height={15}
-              width={15}
-              className="refresh-suggestions-icon"
-            />
-          </button>}{" "}
+          {props.allowRefreshSuggestedQueries && (
+            <button
+              onClick={() => getQuestions()}
+              disabled={isLoadingSuggestedQueries}
+              className="suggested-question tv-cursor-pointer tv-border tv-rounded-md tv-p-1 tv-text-xs disabled:tv-cursor-not-allowed tv-text-center"
+              title="Refresh suggested questions"
+            >
+              <ArrowRotateRightIcon
+                height={15}
+                width={15}
+                className="refresh-suggestions-icon"
+              />
+            </button>
+          )}{" "}
           {!suggestedQuestions.length && (
             <span className="suggested-question tv-text-nowrap empty-state-loading">
               Loading example questions...

clients/search-component/src/utils/hooks/chat-context.tsx

@@ -662,6 +662,7 @@ function ChatProvider({ children }: { children: React.ReactNode }) {
             metadata: {
               component_props: props,
             },
+            currency: props.defaultCurrency,
             highlight_options: {
               ...defaultHighlightOptions,
               highlight_delimiters: ["?", ",", ".", "!", "\n"],

clients/trieve-shopify-extension/app/processors/getProducts.ts

@@ -92,6 +92,7 @@ function createChunkFromProduct(
     });
   }
   const metadata = {
+    currency: product.priceRangeV2?.maxVariantPrice?.currencyCode ?? "USD",
     body_html: product.descriptionHtml,
     variantName: variantTitle,
     handle: product.handle,
@@ -107,6 +108,7 @@ function createChunkFromProduct(
     variants: product.variants.nodes.map((v) => ({
       id: parseInt(v.id.split("/").pop() || "0"),
       price: v.price,
+      currency: product.priceRangeV2?.maxVariantPrice?.currencyCode ?? "USD",
       product_id: parseInt(product.id.split("/").pop() || "0"),
       title: v.title,
       inventory_quantity: v.inventoryQuantity,
@@ -148,6 +150,7 @@ function createChunkFromProduct(
 export function createChunkFromProductWebhook(
   product: ProductWebhook,
   variant: ProductWebhook["variants"][0],
+  currency: string,
   baseUrl: string,
   crawlOptions: ExtendedCrawlOptions,
 ): ChunkReqPayload {
@@ -231,6 +234,7 @@ export function createChunkFromProductWebhook(
   }
 
   const metadata = {
+    currency,
     body_html: product.body_html,
     handle: product.handle,
     id: product.id,
@@ -244,6 +248,7 @@ export function createChunkFromProductWebhook(
     variants: product.variants.map((v) => ({
       id: v.id,
       price: v.price,
+      currency: currency,
       product_id: product.id,
       title: v.title,
       inventory_quantity: v.inventory_quantity,
@@ -281,7 +286,18 @@ export async function sendChunksFromWebhook(
   crawlOptions: ExtendedCrawlOptions,
 ) {
   const dataChunks = product.variants.map(async (variant) => {
-    let response = await adminApi(
+    let response = await adminApi<{
+      productVariant: {
+        metafields: { nodes: { key: string; value: string }[] };
+        product: {
+          priceRangeV2: {
+            maxVariantPrice: {
+              currencyCode: string;
+            };
+          };
+        };
+      };
+    }>(
       `#graphql
       query{
           productVariant(id: "${variant.admin_graphql_api_id}") {
@@ -291,27 +307,29 @@ export async function sendChunksFromWebhook(
                 value
               }
             }
+            product {
+              priceRangeV2 {
+                maxVariantPrice {
+                  currencyCode
+                }
+              }
+            }
           }
         }
     `,
     );
     if (response.error) {
       throw response.error;
     }
-    let data = (
-      response as {
-        data: {
-          productVariant?: {
-            metafields: { nodes: { key: string; value: string }[] };
-          };
-        };
-      }
-    ).data;
+    let data = response.data;
 
     variant.metafields = data?.productVariant?.metafields?.nodes ?? [];
+
     return createChunkFromProductWebhook(
       product,
       variant,
+      data?.productVariant?.product?.priceRangeV2?.maxVariantPrice
+        ?.currencyCode ?? "USD",
       `https://${session?.shop}`,
       crawlOptions,
     );
@@ -390,6 +408,11 @@ export const sendChunks = async (
             category {
               name
             }
+            priceRangeV2 {
+              maxVariantPrice {
+                currencyCode
+              }
+            }
             totalInventory
             variants(first: 120) {
               nodes {

clients/trieve-shopify-extension/app/routes/webhooks.app.products.create.tsx

@@ -22,6 +22,7 @@ export const action = async ({ request }: ActionFunctionArgs) => {
   );
 
   const current = payload as ProductWebhook;
+
   const apiKey = await db.apiKey.findFirst({
     where: { shop: `${shop}` },
   });

clients/trieve-shopify-extension/app/routes/webhooks.app.products.update.tsx

@@ -10,6 +10,11 @@ export const action = async ({ request }: ActionFunctionArgs) => {
   const { payload, session, topic, shop } = await authenticate.webhook(request);
   console.log(`Received ${topic} webhook for ${shop}`);
 
+  if (!session) {
+    console.error(`No session found for ${shop}`);
+    throw new Error("No session found");
+  }
+
   const current = payload as ProductWebhook;
   const apiKey = await db.apiKey.findFirst({
     where: { shop: `${shop}` },

clients/trieve-shopify-extension/app/types.ts

@@ -23,6 +23,11 @@ export type Product = {
   category: {
     name: string;
   };
+  priceRangeV2: {
+    maxVariantPrice: {
+      currencyCode: string;
+    };
+  };
   totalInventory: number;
   variants: {
     nodes: {

clients/trieve-shopify-extension/app/utils/onboarding.tsx

@@ -19,7 +19,7 @@ export const DEFAULT_SYSTEM_PROMPT =
   "[[personality]]\nYou are a friendly, helpful, and knowledgeable ecommerce sales associate. Your communication style is warm, patient, and enthusiastic without being pushy. You're approachable and conversational while maintaining professionalism. You balance being personable with being efficient, understanding that customers value both connection and their time. You're solution-oriented and genuinely interested in helping customers find the right products for their needs.\n\n[[goal]]\nYour primary goal is to help customers find products that genuinely meet their needs while providing an exceptional shopping experience. You aim to:\n1. Understand customer requirements through thoughtful questions\n2. Provide relevant product recommendations based on customer preferences\n3. Offer detailed, accurate information about products\n4. Address customer concerns and objections respectfully\n5. Guide customers through the purchasing process\n6. Encourage sales without being pushy or manipulative\n7. Create a positive impression that builds long-term customer loyalty\n\n[[response structure]]\n1. Begin with a warm greeting and acknowledgment of the customer's query or concern\n2. Ask clarifying questions if needed to better understand their requirements\n3. Provide concise, relevant information that directly addresses their needs\n4. Include specific product recommendations when appropriate, with brief explanations of why they might be suitable\n5. Address any potential concerns proactively\n6. Close with a helpful next step or question that moves the conversation forward\n7. Keep responses conversational yet efficient, balancing thoroughness with respect for the customer's time.\n";
 
 export const DEFAULT_RAG_PROMPT =
-  "You may use the retrieved context to help you respond. When discussing products, prioritize information from the provided product data while using your general knowledge to create helpful, natural responses. If a customer asks about products or specifications not mentioned in the context, acknowledge the limitation and offer to check for more information rather than inventing details.";
+  "You may use the retrieved context to help you respond. When discussing products, prioritize information from the provided product data while using your general knowledge to create helpful, natural responses. If a customer asks about products or specifications not mentioned in the context, acknowledge the limitation and offer to check for more information rather than inventing details. Replace the currency name with the currency symbol in the price from the context.";
 
 export type OnboardingBody = FC<{
   goToNextStep: () => void;

clients/trieve-shopify-extension/extensions/global-search/blocks/global_component.liquid

@@ -18,6 +18,13 @@
     defaultAiQuestions = null;
   }
 
+  const currency = {{ shop.currency | json }};
+  const currencySymbol = (currency) =>
+    new Intl.NumberFormat("en-US", { style: 'currency', currency })
+      .formatToParts(1)
+      .find(x => x.type === "currency")
+      .value;
+
   const toBool = (value) => value === 'true' || value === true;
   const getValue = (value, defaultValue) => {
     if (value === null || value === undefined || value === '') {
@@ -92,15 +99,11 @@
           }
         ]
       },
+      defaultCurrency: currencySymbol(currency),
       {% comment %} not on inline {% endcomment %}
       showFloatingSearchIcon: toBool(getValue("{{ block.settings.show_floating_search_icon }}", true)),
       floatingSearchIconPosition: getValue("{{ block.settings.floating_icon_pos }}", "left"),
       allowSwitchingModes: false,
-      analyticsSelectors: {
-        checkout: {
-          querySelector: appMetafieldTrieve.checkout_selector,
-        },
-      },
     });
   }
 </script>

clients/trieve-shopify-extension/extensions/global-search/blocks/inline_component.liquid

@@ -30,6 +30,12 @@
   if (trievePDPQuestions && trievePDPQuestions.length > 0) {
     defaultAiQuestions = trievePDPQuestions.map((question) => question.text);
   }
+  const currency = {{ shop.currency | json }};
+  const currencySymbol = (currency) =>
+    new Intl.NumberFormat("en-US", { style: 'currency', currency })
+      .formatToParts(1)
+      .find(x => x.type === "currency")
+      .value;
 
   const toBool = (value) => value === 'true' || value === true;
   const getValue = (value, defaultValue) => {
@@ -73,11 +79,10 @@
         typo_options: {
           correct_typos: true,
         },
-        filters: {
-        }
-      },
-      chatFilters: {
+        filters: {}
       },
+      chatFilters: {},
+      defaultCurrency: currencySymbol(currency),
       {% comment %} not on global {% endcomment %}
       inlineHeader: "",
       inline: true,