Add new types for CioAutocompleteProps with and without Shopify defaults

Author: Hossam Hindawy

src/types.ts

@@ -58,7 +58,7 @@ export type ShopifySettings = {
   searchUrl: string;
 };
 
-export type CioAutocompleteProps = CioClientConfig &
+export type CioAutocompletePropsBase = CioClientConfig &
   OptionalItemsComboboxProps<Item> & {
     /**
      * Set to `false` to show suggestions only after a user clears their query,
@@ -70,12 +70,6 @@ export type CioAutocompleteProps = CioClientConfig &
      * i.e. <a href=getSearchResultsUrl([selected_search_suggestion])>[Search Suggestion]</a>
      */
     getSearchResultsUrl?: (item: SearchSuggestion) => string;
-    /**
-     * Callback function that runs when the user submits a search.
-     * Usually used to trigger a redirect.
-     * If provided, it will override Shopify defaults even when useShopifyDefaults is true.
-     */
-    onSubmit?: OnSubmit;
     /**
      * Callback function that runs when the user focuses on the input
      */
@@ -114,25 +108,46 @@ export type CioAutocompleteProps = CioClientConfig &
      * Search input default value
      */
     defaultInput?: string;
-    /**
-     * Set to `true` to apply Shopify-specific defaults for `onSubmit` behavior.
-     *
-     * When enabled, the autocomplete will automatically handle navigation:
-     * - **Product selections**: Redirects to the product URL (preserving query parameters)
-     * - **Search Suggestions**: Redirects to the search results page with the selected query
-     * - **Manual search**: Redirects to the search results page with the entered query
-     *
-     * **Note**: If you provide a custom `onSubmit` handler, it will override the Shopify defaults.
-     */
-    useShopifyDefaults?: boolean;
-    /**
-     * Configuration settings for Shopify integration. Used when `useShopifyDefaults` is enabled.
-     *
-     * Allows you to customize the search URL and other Shopify-specific behaviors.
-     */
-    shopifySettings?: ShopifySettings;
   };
 
+export type CioAutocompletePropsWithShopifyDefaults = {
+  /**
+   * Callback function that runs when the user submits a search.
+   * Usually used to trigger a redirect.
+   * If provided, it will override Shopify defaults even when useShopifyDefaults is true.
+   */
+  onSubmit?: OnSubmit;
+  /**
+   * Set to `true` to apply Shopify-specific defaults for `onSubmit` behavior.
+   *
+   * When enabled, the autocomplete will automatically handle navigation:
+   * - **Product selections**: Redirects to the product URL (preserving query parameters)
+   * - **Search Suggestions**: Redirects to the search results page with the selected query
+   * - **Manual search**: Redirects to the search results page with the entered query
+   *
+   * **Note**: If you provide a custom `onSubmit` handler, it will override the Shopify defaults.
+   */
+  useShopifyDefaults: true;
+  /**
+   * Configuration settings for Shopify integration. Used when `useShopifyDefaults` is enabled.
+   *
+   * Allows you to customize the search URL and other Shopify-specific behaviors.
+   */
+  shopifySettings?: ShopifySettings;
+};
+
+export type CioAutocompletePropsWithoutShopifyDefaults = {
+  /**
+   * Callback function that runs when the user submits a search.
+   * Usually used to trigger a redirect.
+   */
+  onSubmit: OnSubmit;
+  useShopifyDefaults?: false;
+};
+
+export type CioAutocompleteProps = CioAutocompletePropsBase &
+  (CioAutocompletePropsWithShopifyDefaults | CioAutocompletePropsWithoutShopifyDefaults);
+
 /**
  * AutocompleteSubmitEvent type is AutocompleteSelectSubmit or AutocompleteSearchSubmit.
  * Use isAutocompleteSearchSubmit or isAutocompleteSelectSubmit type predicates to safely access event properties.