@sledge-app/react-instant-search 2.0.41 → 2.0.43

package/dist/sledge-react-instant-search.js

@@ -683,6 +683,14 @@ const convertToQueryParams = (obj) => {
   });
   return queryParams;
 };
+const translate = (props) => {
+  var _a;
+  const { locale, translationObject, objectKey, callbackValue } = props;
+  if (!locale)
+    return callbackValue;
+  const translation = (_a = translationObject == null ? void 0 : translationObject[locale]) == null ? void 0 : _a[objectKey];
+  return translation || callbackValue;
+};
 const root = "";
 const Loading = "";
 const ConfirmationPopup = "";
@@ -4455,6 +4463,7 @@ const ProductCard = React__default.memo((props) => {
     additionalCardProps,
     keyword
   } = props;
+  const { locale } = React__default.useContext(SledgeContext) || {};
   const {
     show_vendor = true,
     show_sku = true,
@@ -4466,7 +4475,34 @@ const ProductCard = React__default.memo((props) => {
     display_price_style = {},
     display_button_add_to_cart_style = {}
   } = setting || {};
-  const { product, variants } = item || {};
+  let { product, variants } = item || {};
+  const translateDefaultProps = {
+    locale: isComponentJsVersion ? selectedLocaleJs() : locale,
+    translationObject: product == null ? void 0 : product.translations
+  };
+  product = {
+    ...product,
+    title: translate({
+      ...translateDefaultProps,
+      objectKey: "title",
+      callbackValue: product == null ? void 0 : product.title
+    }),
+    vendor: translate({
+      ...translateDefaultProps,
+      objectKey: "vendor",
+      callbackValue: product == null ? void 0 : product.vendor
+    }),
+    handle: translate({
+      ...translateDefaultProps,
+      objectKey: "handle",
+      callbackValue: product == null ? void 0 : product.handle
+    }),
+    product_type: translate({
+      ...translateDefaultProps,
+      objectKey: "product_type",
+      callbackValue: product == null ? void 0 : product.product_type
+    })
+  };
   const { id, title, image, url, vendor = "", currency, handle, images } = product || {};
   const {
     id: variant_id = "",