vdb-ai-chat 1.0.14 → 1.0.16

package/src/components/ProductsListView.tsx

@@ -9,7 +9,11 @@ import {
   Image,
   Pressable,
 } from "react-native";
-import { getUserCurrencySymbol, formatPriceValue, roundUpPrices } from "./utils";
+import {
+  getUserCurrencySymbol,
+  formatPriceValue,
+  roundUpPrices,
+} from "./utils";
 import { useTheme } from "styled-components/native";
 import { DefaultTheme } from "styled-components/native";
 import styled from "styled-components/native";
@@ -132,8 +136,10 @@ const renderToken = (
   shouldRound: boolean = false
 ): React.ReactNode => {
   const TextView = token.style === "secondary" ? TextStyleTwo : TextStyleOne;
-  const PrefixTextView = token.prefixStyle === "secondary" ? TextStyleTwo : TextStyleOne;
-  const SuffixTextView = token.suffixStyle === "secondary" ? TextStyleTwo : TextStyleOne;
+  const PrefixTextView =
+    token.prefixStyle === "secondary" ? TextStyleTwo : TextStyleOne;
+  const SuffixTextView =
+    token.suffixStyle === "secondary" ? TextStyleTwo : TextStyleOne;
   const currency = userCurrency || "$";
   const theme = useTheme();
   switch (token.type) {
@@ -154,7 +160,9 @@ const renderToken = (
       }
       return (
         <React.Fragment key={index}>
-          {token.prefix && <PrefixTextView theme={theme}>{token.prefix}</PrefixTextView>}
+          {token.prefix && (
+            <PrefixTextView theme={theme}>{token.prefix}</PrefixTextView>
+          )}
           <TextView theme={theme}>{value}</TextView>
         </React.Fragment>
       );
@@ -178,14 +186,15 @@ const renderToken = (
     case "priceField": {
       const value = item[token.field!];
       const formattedPrice = formatPriceValue(token.field!, value, shouldRound);
-      console.log("formattedPrice", formattedPrice);
-      
+
       return (
         <View key={index} style={styles.rowCenter}>
           {token.prefix && <TextView theme={theme}>{token.prefix}</TextView>}
           {value && <TextView theme={theme}>{currency}</TextView>}
           <TextView theme={theme}>{formattedPrice ?? "-"}</TextView>
-          {token.suffix && <SuffixTextView theme={theme}>{token.suffix}</SuffixTextView>}
+          {token.suffix && (
+            <SuffixTextView theme={theme}>{token.suffix}</SuffixTextView>
+          )}
         </View>
       );
     }
@@ -237,10 +246,7 @@ const ProductsListViewComponent: React.FC<ProductsListViewProps> = ({
         contentContainerStyle={styles.listContent}
       >
         {data.map((dataItem: any, index: number) => (
-          <Pressable
-            key={dataItem.id}
-            onPress={() => onItemPress?.(dataItem)}
-          >
+          <Pressable key={dataItem.id} onPress={() => onItemPress?.(dataItem)}>
             {(state) => (
               // @ts-ignore
               <ListItemParent theme={theme} hovered={state.hovered}>
@@ -250,7 +256,13 @@ const ProductsListViewComponent: React.FC<ProductsListViewProps> = ({
                   </View>
                   <View style={styles.tokens}>
                     {DIAMOND_TOKENS.map((token, tokenIndex) =>
-                      renderToken(token, dataItem, userCurrency, tokenIndex, shouldRound)
+                      renderToken(
+                        token,
+                        dataItem,
+                        userCurrency,
+                        tokenIndex,
+                        shouldRound
+                      )
                     )}
                   </View>
                 </View>
@@ -331,12 +343,15 @@ const ButtonText = styled.Text<{ theme: DefaultTheme }>`
   font-weight: 600;
 `;
 
-const ListItemParent = styled.Pressable<{ theme: DefaultTheme, hovered?: boolean }>`
+const ListItemParent = styled.View<{ theme: DefaultTheme; hovered?: boolean }>`
   padding-vertical: 2px;
-  background-color: ${({ theme, hovered }: { theme: DefaultTheme, hovered?: boolean }) =>
-    hovered
-      ? theme["core-02"] || "#EDEDF2"
-      : "transparent"};
+  background-color: ${({
+    theme,
+    hovered,
+  }: {
+    theme: DefaultTheme;
+    hovered?: boolean;
+  }) => (hovered ? theme["secondary-bg-hover"] || "#EDEDF2" : "transparent")};
 `;
 
 const styles = StyleSheet.create({

package/src/components/SuggestionsRow.tsx

@@ -1,11 +1,5 @@
 import React, { memo } from "react";
-import {
-  View,
-  Text,
-  TouchableOpacity,
-  StyleSheet,
-  ScrollView,
-} from "react-native";
+import { View, StyleSheet, ScrollView } from "react-native";
 import styled from "styled-components/native";
 import { useTheme } from "styled-components/native";
 import { DefaultTheme } from "styled-components/native";

package/src/components/utils.ts

@@ -68,7 +68,6 @@ export const getUserCurrencySymbol = async (): Promise<string | null> => {
   return userData.currency_symbol || "$";
 };
 
-
 export const roundUpPrices = async (): Promise<boolean> => {
   const userInfo = await Storage.getJSON<UserDetails>("persist:userInfo", {});
   const userData = userInfo?.user as UserDetails;
@@ -79,21 +78,23 @@ export const roundUpPrices = async (): Promise<boolean> => {
 
 // Helper to add commas to a number
 export function formatWithCommas(value: number | string): string {
-  const num = typeof value === 'string' ? parseFloat(value) : value;
+  const num = typeof value === "string" ? parseFloat(value) : value;
   if (isNaN(num)) return String(value);
   return num.toLocaleString();
 }
 
 // Format price values according to requirements
-export function formatPriceValue(key: string, value: any, shouldRound: boolean) {
-  console.log("formatPriceValue", key, value);
-  
-  if (key === 'price_per_carat') {
+export function formatPriceValue(
+  key: string,
+  value: any,
+  shouldRound: boolean
+) {
+  if (key === "price_per_carat") {
     // Remove decimals, round, add commas
     const num = Math.round(Number(value));
     return formatWithCommas(num);
   }
-  if (key === 'total_sales_price') {
+  if (key === "total_sales_price") {
     let num = Number(value);
     if (shouldRound) {
       num = Math.round(num);
@@ -194,3 +195,540 @@ export const useDeviceType = () => {
   const isLargeScreen = isDesktop && !isTablet && !isMobile;
   return { isMobile, isTablet, isDesktop, isLargeScreen };
 };
+
+export const generateSavedSearchName = (search_params: any) => {
+  let options: { [k: string]: any } = {};
+  let title_parts = [];
+
+  //is featured items
+  options.featured =
+    !!search_params?.featured && search_params?.featured === "true"
+      ? "true"
+      : "false";
+
+  //Shape
+  if (search_params?.shapes && search_params?.shapes?.length) {
+    options.shapes = search_params?.shapes || [];
+    title_parts.push(options.shapes.join(", "));
+  }
+
+  //Carat Weight
+  let carat_title = "";
+  if (search_params?.size_from || search_params?.minCarat) {
+    options.minCarat = search_params?.size_from ?? search_params?.minCarat;
+    carat_title += options.minCarat + "ct.";
+  }
+  if (search_params?.size_to || search_params?.maxCarat) {
+    options.maxCarat = search_params?.size_to ?? search_params?.maxCarat;
+    carat_title += " - " + options.maxCarat + "ct.";
+  }
+  title_parts.push(carat_title);
+
+  // Color (simple)
+  if (search_params?.color_from || search_params?.simpleColors?.length) {
+    let color_title = "";
+    options.simpleColors = [];
+    options.simpleColors.push(search_params?.color_from ?? []);
+    color_title += search_params?.color_from;
+    if (search_params?.color_to) {
+      if (!options.simpleColors) options.simpleColors = [];
+      options.simpleColors.push(search_params?.color_to ?? []);
+      color_title += " - " + search_params?.color_to;
+    }
+    if (search_params?.simpleColors && search_params?.simpleColors?.length) {
+      options.simpleColors = search_params?.simpleColors || [];
+      color_title = options.simpleColors.join(" - ");
+    }
+    if (color_title) title_parts.push(color_title);
+  }
+
+  // Fancy Color
+  if (
+    (search_params?.fancy_colors && search_params?.fancy_colors?.length) ||
+    (search_params?.fancyColors1 && search_params.fancyColors1?.length)
+  ) {
+    options.fancyColors1 =
+      search_params?.fancy_colors || search_params?.fancyColors1 || [];
+    let color_title = "Fancy Color" + ": " + options.fancyColors1.join(" - ");
+    title_parts.push(color_title);
+  }
+
+  //Fancy Color Overtones
+  if (
+    (search_params?.fancy_color_overtones &&
+      search_params?.fancy_color_overtones?.length) ||
+    (search_params?.fancyColorsOvertones &&
+      search_params.fancyColorsOvertones?.length)
+  ) {
+    options.fancyColorsOvertones =
+      search_params?.fancy_color_overtones ||
+      search_params?.fancyColorsOvertones ||
+      [];
+    let overtone_color_title =
+      "FC Overtone" + ": " + options?.fancyColorsOvertones?.join(", ");
+    title_parts.push(overtone_color_title);
+  }
+
+  // Clarity
+  options.clarities = [];
+  if (search_params?.clarity_from) {
+    options.clarities.push(search_params?.clarity_from);
+  }
+  if (search_params?.clarity_to) {
+    options.clarities.push(search_params?.clarity_to);
+  }
+  if (search_params?.clarities?.length)
+    options.clarities = search_params?.clarities ?? [];
+  if (options?.clarities?.length)
+    title_parts.push(options?.clarities.join(" - "));
+
+  // Cut
+  options.cutGrades = [];
+  if (search_params?.cut_from) {
+    options.cutGrades.push(search_params?.cut_from);
+  }
+  if (search_params?.cut_to) {
+    options.cutGrades.push(search_params?.cut_to);
+  }
+  if (search_params.cutGrades?.length)
+    options.cutGrades = search_params.cutGrades;
+  if (options.cutGrades.length) {
+    let cutTitle = "Cut" + ": " + options.cutGrades.join(" - ");
+    title_parts.push(cutTitle);
+  }
+
+  // Polish
+  options.polishes = [];
+  if (search_params?.polish_from) {
+    options.polishes.push(search_params?.polish_from);
+  }
+  if (search_params?.polish_to) {
+    options.polishes.push(search_params?.polish_to);
+  }
+  if (search_params?.polishes?.length)
+    options.polishes = search_params?.polishes;
+  if (options.polishes?.length) {
+    let polishTitle = "Pol" + ": " + options.polishes.join(" - ");
+    title_parts.push(polishTitle);
+  }
+
+  // Symmetry
+  options.symmetries = [];
+  if (search_params?.polish_from) {
+    options.symmetries.push(search_params?.symmetry_from);
+  }
+  if (search_params?.polish_to) {
+    options.symmetries.push(search_params?.symmetry_to);
+  }
+  if (search_params.symmetries?.length)
+    options.symmetries = search_params.symmetries;
+  if (options.symmetries?.length) {
+    let symTitle = "Sym" + ": " + options.symmetries.join(" - ");
+    title_parts.push(symTitle);
+  }
+
+  // Fluorescence
+  if (search_params?.fluorescence_intensities?.length) {
+    options.fluorescences = search_params?.fluorescence_intensities || [];
+  } else if (search_params?.fluorescences?.length) {
+    options.fluorescences = search_params?.fluorescences || [];
+  }
+  if (options?.fluorescences?.length > 0) {
+    let flour_values = "Flour" + ": " + options.fluorescences.join(", ");
+    title_parts.push(flour_values);
+  }
+
+  // Lab
+  if (search_params?.labs && search_params?.labs?.length) {
+    options.labs = search_params?.labs || [];
+    let labTitle = "Lab" + ": " + options.labs.join(", ");
+    title_parts.push(labTitle);
+  }
+
+  //Depth
+  let depth_title = "";
+  if (
+    (search_params?.depth_percent_from &&
+      search_params?.depth_percent_from >= 0) ||
+    (search_params?.minDepth && search_params?.minDepth >= 0)
+  ) {
+    options.minDepth =
+      search_params?.depth_percent_from ?? search_params.minDepth;
+    depth_title += "Depth" + ": " + options.minDepth;
+  }
+  if (
+    (search_params?.depth_percent_to && search_params?.depth_percent_to >= 0) ||
+    (search_params?.maxDepth && search_params?.maxDepth >= 0)
+  ) {
+    options.maxDepth =
+      search_params?.depth_percent_to ?? search_params?.maxDepth;
+    depth_title += " - " + options.maxDepth + "%";
+  }
+  if (depth_title) title_parts.push(depth_title);
+
+  //table title
+  let table_title = "";
+  if (
+    (search_params?.table_percent_from &&
+      search_params?.table_percent_from >= 0) ||
+    (search_params?.minTable && search_params?.minTable >= 0)
+  ) {
+    options.minTable =
+      search_params?.table_percent_from ?? search_params?.minTable;
+    table_title += "table" + ": " + options.minTable;
+  }
+  if (
+    (search_params?.table_percent_to && search_params?.table_percent_to >= 0) ||
+    (search_params?.maxTable && search_params?.maxTable >= 0)
+  ) {
+    options.maxTable =
+      search_params?.table_percent_to ?? search_params?.maxTable;
+    table_title += " - " + options.maxTable + "%";
+  }
+  if (table_title) title_parts.push(table_title);
+
+  // Meas Length
+  let measLengthTitle = "";
+  let measLengthLabel = "Meas Length";
+  if (search_params?.meas_length_from || search_params?.meas_length_to) {
+    options.meas_length_from = search_params?.meas_length_from ?? "0";
+    measLengthTitle = measLengthLabel + ": " + options.meas_length_from;
+  }
+  if (search_params?.meas_length_to) {
+    options.meas_length_to = search_params?.meas_length_to;
+    measLengthTitle += " - " + options.meas_length_to;
+  }
+  if (measLengthTitle) title_parts.push(measLengthTitle);
+
+  // Meas Width
+  let measWidthTitle = "";
+  let measWidthLabel = "Meas Width";
+  if (search_params?.meas_width_from || search_params?.meas_width_to) {
+    options.meas_width_from = search_params?.meas_width_from ?? "0";
+    measWidthTitle = measWidthLabel + ": " + options.meas_width_from;
+  }
+  if (search_params?.meas_width_to) {
+    options.meas_width_to = search_params?.meas_width_to;
+    measWidthTitle += " - " + options.meas_width_to;
+  }
+  if (measWidthTitle) title_parts.push(measWidthTitle);
+
+  // meas_depth
+  if (search_params?.meas_height_from || search_params?.meas_height_to) {
+    options.meas_height_from = search_params?.meas_height_from ?? "0";
+  } else if (search_params?.minDepth || search_params?.maxDepth) {
+    options.meas_height_from = search_params?.minDepth ?? "0";
+  }
+  if (search_params?.meas_height_to) {
+    options.meas_height_to = search_params?.meas_height_to;
+  } else if (search_params?.maxDepth) {
+    options.meas_height_to = search_params?.maxDepth;
+  }
+  if (options.meas_height_from && options.meas_height_to) {
+    let measDepthTitle =
+      "Meas Depth" +
+      ": " +
+      options.meas_height_from +
+      " - " +
+      options.meas_height_to;
+    title_parts.push(measDepthTitle);
+  }
+
+  // Meas Ratio
+  if (search_params?.meas_ratio_from || search_params?.meas_ratio_to) {
+    options.meas_ratio_from = search_params?.meas_ratio_from ?? "0";
+  }
+  if (search_params?.meas_ratio_to) {
+    options.meas_ratio_to = search_params?.meas_ratio_to;
+  }
+  if (search_params?.meas_ratio_from && search_params?.meas_ratio_to) {
+    let measTitle =
+      " Ratio" + ": " + options.meas_ratio_from + " - " + options.meas_ratio_to;
+    title_parts.push(measTitle);
+  }
+
+  //Total Price
+  let budget_title = "";
+  let totalPriceLabel = "Total";
+  if (
+    (search_params?.price_total_from && search_params?.price_total_from) ||
+    (search_params?.minBudget && search_params?.minBudget)
+  ) {
+    options.minBudget =
+      search_params?.price_total_from ?? search_params?.minBudget;
+    budget_title += totalPriceLabel + ": " + options.minBudget;
+  }
+  if (
+    (search_params?.price_total_to && search_params?.price_total_to >= 0) ||
+    (search_params?.maxBudget && search_params?.maxBudget >= 0)
+  ) {
+    options.maxBudget =
+      search_params?.price_total_to ?? search_params?.maxBudget;
+    budget_title += " - " + options.maxBudget;
+  }
+  if (budget_title) title_parts.push(budget_title);
+
+  // Price per Carat
+  let price_per_carat_title = "";
+  let ppcLabel = "PPC";
+  if (search_params?.price_per_carat_from || search_params?.minPricePerCt) {
+    options.minPricePerCt =
+      search_params?.price_per_carat_from ?? search_params?.minPricePerCt;
+    price_per_carat_title += ppcLabel + ": " + options.minPricePerCt;
+  }
+  if (search_params?.price_per_carat_to || search_params?.maxPricePerCt) {
+    options.maxPricePerCt =
+      search_params?.price_per_carat_to ?? search_params?.maxPricePerCt;
+    price_per_carat_title += " - " + options.maxPricePerCt;
+  }
+  if (price_per_carat_title) title_parts.push(price_per_carat_title);
+
+  // Location
+  if (search_params?.location_for) {
+    options.location_for = search_params?.location_for || "";
+    title_parts.push(options.location_for);
+  }
+
+  //Location
+  if (
+    search_params?.vendor_locations &&
+    search_params?.vendor_locations?.length
+  ) {
+    options.vendor_locations = search_params?.vendor_locations || [];
+    let locationTitle = "Item Loc" + ": " + options.vendor_locations.join(", ");
+    title_parts.push(locationTitle);
+  }
+
+  // Supplier
+  if (
+    (search_params?.company_names && search_params?.company_names?.length) ||
+    (search_params?.companyNames && search_params?.companyNames?.length)
+  ) {
+    options.companyNames =
+      search_params?.company_names || search_params?.companyNames || [];
+    let supplerTitle = "Supplier" + ": " + options.companyNames.join(",");
+    title_parts.push(supplerTitle);
+  }
+
+  //Countries
+  if (search_params?.countries && search_params?.countries?.length) {
+    options.countries = search_params?.countries || [];
+    title_parts.push(options.countries.join(", "));
+  }
+
+  //Cities
+  if (search_params?.cities && search_params?.citie?.length) {
+    options.cities = search_params?.cities || [];
+    title_parts.push(options.cities.join(", "));
+  }
+
+  // Growth
+  if (search_params?.growth_type && search_params?.growth_type?.length) {
+    options.growth_type = search_params?.growth_type || [];
+    let growthTitle = "Growth" + ": " + options.growth_type.join(",");
+    title_parts.push(growthTitle);
+  }
+
+  // Total or Price per carat
+  options.total_or_price_per_carat =
+    search_params?.total_or_price_per_carat || "";
+
+  //Argyle
+  options.argyle = search_params?.argyle || {};
+
+  //Group IDs
+  if (search_params?.group_ids && search_params?.group_ids?.length) {
+    options.group_ids = search_params?.group_ids || [];
+    title_parts.push(options.group_ids.join(", "));
+  }
+
+  //Certifications
+  if (search_params?.certifications && search_params?.certifications?.length) {
+    options.certifications = search_params?.certifications || [];
+    title_parts.push(options.certifications.join(", "));
+  }
+
+  //parcel
+  if (search_params?.parcel) {
+    options.parcel = search_params?.parcel;
+    title_parts.push("Parcel");
+  }
+
+  //3X
+  if (search_params?.three_x && search_params?.three_x === true) {
+    options.three_x = true;
+    title_parts.push("3X");
+  }
+
+  //Hearts and Arrows (H&A)
+  if (
+    search_params?.hearts_and_arrows &&
+    search_params?.hearts_and_arrows === "Hearts and Arrows"
+  ) {
+    options.hearts_and_arrows = search_params?.hearts_and_arrows;
+    title_parts.push("H&A");
+  }
+
+  //Enhancements
+  if (search_params?.enhancements && search_params?.enhancements?.length) {
+    options.enhancements = search_params?.enhancements || [];
+    if (options.enhancements.indexOf("HPHT") !== -1) {
+      options.enhancements[options.enhancements.indexOf("HPHT")] =
+        "Color Enhanced";
+    }
+    title_parts.push(options.enhancements.join(", "));
+  }
+
+  //Eye Clean
+  if (search_params?.eye_clean && Array.isArray(search_params.eye_clean)) {
+    options.eye_clean = search_params.eye_clean;
+    title_parts.push(options.eye_clean.join(", "));
+  }
+
+  //No BGM
+  if (search_params?.no_bgm) {
+    options.no_bgm = search_params?.no_bgm;
+    title_parts.push("No BGM");
+  }
+
+  //3VG+
+  if (search_params?.three_vg_plus) {
+    options.three_vg_plus = search_params?.three_vg_plus;
+    title_parts.push("3VG+");
+  }
+
+  //8X
+  if (search_params?.eight_x) {
+    options.eight_x = search_params?.eight_x;
+    title_parts.push("8X");
+  }
+
+  //Inclusion Pattern
+  if (search_params?.inclusion_pattern) {
+    options.inclusion_pattern = search_params?.inclusion_pattern;
+  }
+
+  //Intensity Black Code
+  if (search_params?.intensity_black_code) {
+    options.intensity_black_code = search_params?.intensity_black_code;
+  }
+
+  //Inclusion Open
+  if (search_params?.inclusion_open) {
+    options.inclusion_open = search_params?.inclusion_open;
+  }
+
+  //With Images
+  if (search_params?.with_images) {
+    options.with_images = search_params?.with_images;
+  }
+
+  //Certified Pairs
+  if (search_params?.certified_pairs) {
+    options.certified_pairs = search_params?.certified_pairs;
+  }
+
+  //With Available Items
+  if (search_params?.with_available_items) {
+    options.with_available_items = search_params?.with_available_items;
+  }
+
+  //Pair
+  if (search_params?.pair) {
+    options.pair = search_params?.pair;
+  }
+
+  //Discount Percent
+  if (search_params?.discount_percent_from) {
+    options.discount_percent_from = search_params?.discount_percent_from;
+  }
+  if (search_params?.discount_percent_to) {
+    options.discount_percent_to = search_params?.discount_percent_to;
+  }
+
+  let crownTitle = "";
+  let crownTitleLabel = "Crown";
+  // Crown Height
+  if (
+    search_params?.crown_percent_from &&
+    search_params?.crown_percent_from >= 0
+  ) {
+    options.crown_percent_from = search_params?.crown_percent_from;
+    crownTitle += crownTitleLabel + ": " + options.crown_percent_from + "%";
+  }
+  if (search_params?.crown_percent_to && search_params?.crown_percent_to >= 0) {
+    options.crown_percent_to = search_params?.crown_percent_to;
+    crownTitle +=
+      crownTitle === ""
+        ? crownTitleLabel + ": 0% - " + options.crown_percent_to + "%"
+        : " - " + options.crown_percent_to + "%";
+  }
+
+  // Crown Angle
+  if (search_params?.crown_angle_from && search_params?.crown_angle_from >= 0) {
+    options.crown_angle_from = search_params?.crown_angle_from;
+    crownTitle +=
+      crownTitle === ""
+        ? crownTitleLabel + ": " + options.crown_angle_from + "°"
+        : ", " + options.crown_angle_from + "°";
+  }
+  if (search_params?.crown_angle_to && search_params?.crown_angle_to >= 0) {
+    options.crown_angle_to = search_params?.crown_angle_to;
+    crownTitle +=
+      crownTitle === ""
+        ? "0° - " + options.crown_angle_to + "°"
+        : search_params?.crown_angle_from === undefined
+        ? ", 0° - " + options.crown_angle_to + "°"
+        : " - " + options.crown_angle_to + "°";
+  }
+  if (crownTitle) title_parts.push(crownTitle);
+
+  let pavilionTitle = "";
+  let pavilionTitleLabel = "Pavilion";
+  // Pavilion Depth
+  if (
+    search_params?.pavilion_percent_from &&
+    search_params?.pavilion_percent_from > 0
+  ) {
+    options.pavilion_percent_from = search_params?.pavilion_percent_from;
+    pavilionTitle +=
+      pavilionTitleLabel + ": " + options.pavilion_percent_from + "%";
+  }
+  if (
+    search_params?.pavilion_percent_to &&
+    search_params?.pavilion_percent_to > 0
+  ) {
+    options.pavilion_percent_to = search_params?.pavilion_percent_to;
+    pavilionTitle +=
+      pavilionTitle === ""
+        ? pavilionTitleLabel + ": 0% - " + options.pavilion_percent_to + "%"
+        : " - " + options.pavilion_percent_to + "%";
+  }
+
+  // Pavilion Angle
+  if (
+    search_params?.pavilion_angle_from &&
+    search_params?.pavilion_angle_from > 0
+  ) {
+    options.pavilion_angle_from = search_params?.pavilion_angle_from;
+    pavilionTitle +=
+      pavilionTitle === ""
+        ? pavilionTitleLabel + ": " + options.pavilion_angle_from + "°"
+        : ", " + options.pavilion_angle_from + "°";
+  }
+  if (
+    search_params?.pavilion_angle_to &&
+    search_params?.pavilion_angle_to > 0
+  ) {
+    options.pavilion_angle_to = search_params?.pavilion_angle_to;
+    pavilionTitle +=
+      pavilionTitle === ""
+        ? "0° - " + options.pavilion_angle_to + "°"
+        : search_params?.pavilion_angle_from === undefined
+        ? ", 0° - " + options.pavilion_angle_to + "°"
+        : " - " + options.pavilion_angle_to + "°";
+  }
+  if (pavilionTitle) title_parts.push(pavilionTitle);
+
+  return { title: title_parts.filter(Boolean).join(" | "), options: options };
+};