@nyris/nyris-webapp 0.4.0 → 0.4.1

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@nyris/nyris-webapp",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "dependencies": {
     "@auth0/auth0-react": "^2.2.4",
     "@emailjs/browser": "^4.3.3",
     "@google/genai": "^1.46.0",
-    "@nyris/nyris-api": "^0.4.0",
-    "@nyris/nyris-react-components": "^0.4.0",
+    "@nyris/nyris-api": "^0.4.1",
+    "@nyris/nyris-react-components": "^0.4.1",
     "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-popover": "^1.1.4",

package/src/components/PostFilter/PostFilterComponent.tsx

@@ -6,6 +6,7 @@ import {
 import React, { useCallback, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { twMerge } from 'tailwind-merge';
+import PostFilter from './PostFilter';
 import PostFilterFindApi from './PostFilterFindApi';
 
 function PostFilterComponent({ className }: { className?: string }) {
@@ -116,14 +117,27 @@ function PostFilterComponent({ className }: { className?: string }) {
               refinement.attribute;
 
             return (
-              <PostFilterFindApi
-                key={index}
-                attribute={refinement.attribute}
-                label={refinement.header}
-                searchable={false}
-                onVisibilityChange={handleVisibilityChange}
-                isLastVisible={isLastVisible}
-              />
+              <React.Fragment key={index}>
+                {window.settings.algolia.enabled && (
+                  <PostFilter
+                    attribute={refinement.attribute}
+                    label={refinement.header}
+                    searchable={refinement.searchable}
+                    onVisibilityChange={handleVisibilityChange}
+                    isLastVisible={isLastVisible}
+                  />
+                )}
+
+                {!window.settings.algolia.enabled && (
+                  <PostFilterFindApi
+                    attribute={refinement.attribute}
+                    label={refinement.header}
+                    searchable={false}
+                    onVisibilityChange={handleVisibilityChange}
+                    isLastVisible={isLastVisible}
+                  />
+                )}
+              </React.Fragment>
             );
           },
         )}

package/src/components/SidePanel.tsx

@@ -16,7 +16,8 @@ export default function SidePanel({ className }: { className?: string }) {
   const settings = window.settings;
   const isSmartFiltersEnabled = !!settings.useSmartFilters;
   const requestImages = useRequestStore(state => state.requestImages);
-  const [isRequestQualityExpanded, setIsRequestQualityExpanded] = useState(true);
+  const [isRequestQualityExpanded, setIsRequestQualityExpanded] =
+    useState(true);
 
   const specificationFilter = useRequestStore(
     state => state.specificationFilter,
@@ -181,9 +182,7 @@ export default function SidePanel({ className }: { className?: string }) {
                 <button
                   type="button"
                   className="w-full flex items-center justify-between gap-2"
-                  onClick={() =>
-                    setIsRequestQualityExpanded(prev => !prev)
-                  }
+                  onClick={() => setIsRequestQualityExpanded(prev => !prev)}
                 >
                   <span className="text-[#3B3E5F] font-bold text-sm leading-4">
                     Request Image Quality

package/src/components/TextSearch.tsx

@@ -23,6 +23,8 @@ function machinePartsListingText() {
   return firstMachinePartsListingText();
 }
 
+const TEXT_SEARCH_DEBOUNCE = 1500;
+
 function TextSearch({
   className,
   onCameraClick,
@@ -137,7 +139,7 @@ function TextSearch({
       }
 
       navigate('/result');
-    }, 350),
+    }, TEXT_SEARCH_DEBOUNCE),
     [requestImages, preFilter, regions],
   );
 
@@ -226,9 +228,7 @@ function TextSearch({
               }
             >
               {isScopeMode && (
-                <TypePlateUpload
-                  iconOnly={location.pathname === '/result'}
-                />
+                <TypePlateUpload iconOnly={location.pathname === '/result'} />
               )}
               {showPreFilter && (
                 <Tooltip
@@ -444,6 +444,14 @@ function TextSearch({
               placeholder={t('Search part names, SKU, or description...')}
               value={valueInput}
               onChange={onChangeText}
+              onKeyDown={event => {
+                if (event.key === 'Enter') {
+                  event.preventDefault();
+                  searchOrRedirect.cancel();
+                  searchOrRedirect(event.currentTarget.value);
+                  searchOrRedirect.flush();
+                }
+              }}
               onFocus={() => setIsInputFocused(true)}
               onBlur={() => setIsInputFocused(false)}
               ref={focusInp}