@depict-ai/react-ui 0.0.45 → 0.0.46

package/dist/index.d.ts

@@ -1,21 +1,9 @@
 import React, { PropsWithChildren, ReactNode } from "react";
-// @ts-ignore -- react-router is optional and only used for typing the reactRouterUseNavigate property
-import { useNavigate } from "react-router";
-import { Locale } from "@depict-ai/ui/locales";
 import { Display } from "@depict-ai/utilishared";
 import { SDKColsAtSize, SDKGridSpacing } from "@depict-ai/ui";
 export function DepictSearchField(): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-type BaseSearchConfig = {
-    /**
-     * The merchant to use for the search.
-     * @example "YOUR_MERCHANT", "stronger"
-     */
-    merchant: string;
-    /**
-     * The market to use for the search.
-     * @example "YOUR_MARKET", "no", "en-de"
-     */
-    market: string;
+type NavigateFunction = (href: string) => void;
+type DepictSearchConfig = {
     /**
      * The path to the search page.
      * @example "/search", "/sok"
@@ -32,49 +20,61 @@ type BaseSearchConfig = {
      * @default false
      */
     enableCategorySuggestions?: boolean;
-    locale: Locale;
+};
+type DepictBaseConfig = {
+    /**
+     * The merchant to use for the search.
+     * @example "YOUR_MERCHANT", "stronger"
+     */
+    merchant: string;
+    /**
+     * The market to use for the search.
+     * @example "YOUR_MARKET", "no", "en-de"
+     */
+    market: string;
+    /**
+     * The function to use for navigating to a new page.
+     * This function will be used internally by our components to navigate.
+     *
+     * You don't need to provide any in a Next.js context.
+     *
+     * @example
+     * Here is how you would use it with react-router, using our helper function.
+     * ```tsx
+     * import { DepictProvider, Navigation } from "@depict-ai/react-ui";
+     *
+     * function Router() {
+     *   const navigate = useNavigate();
+     *   return (
+     *     <DepictProvider
+     *       merchant="houdini"
+     *       market="en-de"
+     *       navigateFunction={Navigation.reactRouterNavigation(navigate)}
+     *       search={{
+     *         searchPagePath: "/search",
+     *       }}
+     *     >
+     *       <Routes>[...]</Routes>
+     *     </DepictProvider>
+     *   );
+     * }
+     * ```
+     * @example
+     * If you're using another library, you can define your own navigate function, that's compatible with the `NavigateFunction` type.
+     * ```tsx
+     * const navigateFunction = (href: string) => {
+     *  router.push(href);
+     * };
+     * ```
+     */
+    navigateFunction?: NavigateFunction;
 };
 /**
- * You can pass the function you use to navigate to a new page.
- *
- * Currently only works with react-router's useNavigate hook.
- * @example
- * ```tsx
- * import { useNavigate } from "react-router-dom";
- *
- * const App = () => {
- *   return (
- *     <DepictProvider
- *       merchant="YOUR_MERCHANT"
- *       market="YOUR_MARKET"
- *       searchPagePath="/search"
- *       reactRouterUseNavigate={useNavigate}
- *     >
- *       <App />
- *     </DepictProvider>
- *   );
- * };
- * ```
- */
-type DepictConfigInReactRouterContext = {
-    /** Expects useNavigate hook from react-router */
-    reactRouterUseNavigate: ReactRouterUseNavigate;
-    /** Not to be used in this context */
-    onNavigation?: undefined;
-} & BaseSearchConfig;
-type DepictConfigInOtherContext = {
-    /** Expects a function that takes a url and navigates to it */
-    onNavigation: (href: string, shallow?: boolean) => unknown;
-    /** Not to be used in this context */
-    reactRouterUseNavigate?: undefined;
-} & BaseSearchConfig;
-type DepictConfig = BaseSearchConfig | DepictConfigInReactRouterContext | DepictConfigInOtherContext;
-/**
- *
-  If react-router does not exist, useNavigate will fall back to "any".
-  In that case, the ReactRouterUseNavigate type becomes "never" and cannot be used.
+ * The config for the DepictProvider.
  */
-type ReactRouterUseNavigate = any extends typeof useNavigate ? never : typeof useNavigate;
+type DepictConfig = DepictBaseConfig & {
+    search: DepictSearchConfig;
+};
 /**
  * The DepictProvider is a wrapper component that should be used to wrap any component that uses Depict components.
  *
@@ -89,7 +89,9 @@ type ReactRouterUseNavigate = any extends typeof useNavigate ? never : typeof us
  *      <DepictProvider
  *        merchant="YOUR_MERCHANT"
  *        market="YOUR_MARKET"
- *        searchPagePath="/search"
+ *        search={{
+ *          searchPagePath: "/search",
+ *        }}
  *      >
  *        <App />
  *      </DepictProvider>
@@ -225,5 +227,11 @@ interface TextPlaceholderProps {
 }
 /** A placeholder text that can be used in place of a text that is loading. */
 export const TextPlaceholder: React.FC<TextPlaceholderProps>;
-export const version = "0.0.45";
-export type { Locale } from "@depict-ai/ui";
+export const version = "0.0.46";
+/**
+ * Helper function to navigate to a new page depending on the navigation library used.
+ */
+export const Navigation: {
+    nextRouterNavigation: (router: import("next/router").NextRouter) => (href: string) => void;
+    reactRouterNavigation: (navigateFunction: import("react-router").NavigateFunction) => (href: string) => void;
+};

package/dist/main.js

@@ -3,7 +3,6 @@ var $4GYXz$depictaiui = require("@depict-ai/ui");
 var $4GYXz$solidjs = require("solid-js");
 var $4GYXz$solidjsweb = require("solid-js/web");
 var $4GYXz$react = require("react");
-var $4GYXz$depictaiuilocales = require("@depict-ai/ui/locales");
 var $4GYXz$reactdom = require("react-dom");
 var $4GYXz$reactjsxruntime = require("react/jsx-runtime");
 
@@ -19,6 +18,7 @@ $parcel$export(module.exports, "DepictSearchPage", () => $a6bedbe4b4d6d027$expor
 $parcel$export(module.exports, "ImagePlaceholder", () => $308b2c6db21be2eb$export$3f37af283f8fb843);
 $parcel$export(module.exports, "TextPlaceholder", () => $afce04c26b0c4208$export$89c6019e4baa40b1);
 $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
+$parcel$export(module.exports, "Navigation", () => $b742053c966024b4$export$b8a61e5c71402559);
 /*! Depict.ai search and product listing react SDK wrapper */ // This is where the actual source of your React stuff should live
 // Note, if you add an export here, also add one in src-server/main.ts
 
@@ -83,7 +83,6 @@ function $a48f3b1a4abf2e0c$export$d2c02478244f91f7() {
 
 
 
-
 let $6319748b4f0426f0$var$set = false;
 let $6319748b4f0426f0$var$padding_animation;
 function $6319748b4f0426f0$export$6453cbc34515a94d(is_search_page) {
@@ -136,9 +135,20 @@ function $6319748b4f0426f0$var$removeLotsOfPadding() {
 
 
 
+
+const $bc389476eeb2b615$export$599d4515591ef232 = (href)=>{
+    const shallow = (0, $b4d0d98857ed9934$export$6cb4d3a5c1ac9b43)(location);
+    if (window.next) window.next.router.push(href, undefined, {
+        shallow: shallow,
+        scroll: true
+    });
+    else location.href = href;
+};
+
+
 function $18b830ef84ac138a$export$9fac37a9c21c2f3b(props) {
-    const { children: children , searchPagePath: searchPagePath , urlParamName: urlParamName , enableCategorySuggestions: enableCategorySuggestions , market: market , merchant: merchant , locale: locale  } = props;
-    const usedLocale = locale ?? (0, $4GYXz$depictaiuilocales.en);
+    const { children: children , market: market , merchant: merchant , navigateFunction: navigateFunction  } = props;
+    const { searchPagePath: searchPagePath , urlParamName: urlParamName , enableCategorySuggestions: enableCategorySuggestions  } = props.search ?? {};
     if (!market || !merchant) {
         (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).required_state_set_[1](false);
         return (0, $4GYXz$react.createElement)((0, $4GYXz$react.Fragment), null, children);
@@ -148,33 +158,25 @@ function $18b830ef84ac138a$export$9fac37a9c21c2f3b(props) {
         const [get_search_page_path, set_search_page_path] = (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search_page_path_;
         set_search_page_path(searchPagePath);
         if (!search) {
-            let react_router_navigate;
-            if ("reactRouterUseNavigate" in props) {
-                const { reactRouterUseNavigate: reactRouterUseNavigate  } = props;
-                if (typeof reactRouterUseNavigate === "function") react_router_navigate = reactRouterUseNavigate();
-            }
             (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).search = new (0, $4GYXz$depictaiui.DepictSearch)({
                 search_query_url_param_name: urlParamName,
                 market: market,
                 merchant: merchant,
                 enable_category_suggestions: enableCategorySuggestions ?? false,
                 // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
-                localization: usedLocale,
-                on_navigation: (new_href)=>{
-                    const shallow = (0, $b4d0d98857ed9934$export$6cb4d3a5c1ac9b43)(location);
-                    if ("onNavigation" in props) {
-                        const { onNavigation: onNavigation  } = props;
-                        if (typeof onNavigation === "function") return onNavigation(new_href, shallow);
-                    }
-                    if (react_router_navigate) {
-                        const url_object = new URL(new_href);
-                        return react_router_navigate(url_object.pathname + url_object.search + url_object.hash);
+                localization: {
+                    ...(0, $4GYXz$depictaiui.swedish_search_translation),
+                    price_formatting_: {
+                        pre_: "kr ",
+                        post_: "",
+                        decimal_places_delimiter_: ",",
+                        thousands_delimiter_: " ",
+                        places_after_comma_: 2
                     }
-                    if (window.next) window.next.router.push(new_href, undefined, {
-                        shallow: shallow,
-                        scroll: true
-                    });
-                    else location.href = new_href;
+                },
+                on_navigation: (new_href)=>{
+                    if (navigateFunction) navigateFunction(new_href);
+                    else (0, $bc389476eeb2b615$export$599d4515591ef232)(new_href);
                 },
                 url_transformer: (url)=>url.pathname = (0, $4GYXz$solidjs.untrack)(get_search_page_path)
             });
@@ -182,7 +184,6 @@ function $18b830ef84ac138a$export$9fac37a9c21c2f3b(props) {
         } else {
             search.market = market;
             search.merchant = merchant;
-            search.localization = usedLocale;
         }
         (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).required_state_set_[1](true);
     } catch (e) {
@@ -346,10 +347,41 @@ const $afce04c26b0c4208$export$89c6019e4baa40b1 = ({ width: width , height: heig
 };
 
 
-const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.45";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.46";
 
 
 
+
+const $e387bd534de10acd$export$804fac5697cfbe35 = (router)=>(href)=>{
+        const shallow = (0, $b4d0d98857ed9934$export$6cb4d3a5c1ac9b43)(location);
+        router.push(href, undefined, {
+            shallow: shallow,
+            scroll: true
+        });
+    };
+
+
+/**
+ * Helper function that creates a function that can be used as the
+ * navigateFunction callback for DepictProvider when using react-router.
+ *
+ * React-router expect relative URLs, so this function will strip the
+ * protocol, hostname and port from the URL.
+ *
+ * @param navigateFunction what useNavigate() returns
+ * @returns a function that can be used as the navigateFunction callback for DepictProvider
+ */ const $201a023b63de7d2f$export$d53481656a62aebe = (navigateFunction)=>(href)=>{
+        const url_object = new URL(href);
+        return navigateFunction(url_object.pathname + url_object.search + url_object.hash);
+    };
+
+
+const $b742053c966024b4$export$b8a61e5c71402559 = {
+    nextRouterNavigation: $e387bd534de10acd$export$804fac5697cfbe35,
+    reactRouterNavigation: $201a023b63de7d2f$export$d53481656a62aebe
+};
+
+
 const $b03e4eee8610ebbe$var$package_name = "@depict-ai/react-ui";
 (0, $4GYXz$depictaiutilishared.dlog)($b03e4eee8610ebbe$var$package_name + " version", (0, $db7b67857900028b$export$83d89fbfd8236492));
 (0, $4GYXz$depictaiui.add_to_version_info)({

package/dist/module.js

@@ -1,9 +1,8 @@
 import {dlog as $TZSbU$dlog, href_change_ipns as $TZSbU$href_change_ipns, catchify as $TZSbU$catchify, observer as $TZSbU$observer, history_replacer as $TZSbU$history_replacer, queueMacroTask as $TZSbU$queueMacroTask, ContainedPlaceholderImage as $TZSbU$ContainedPlaceholderImage, Placeholder as $TZSbU$Placeholder} from "@depict-ai/utilishared";
-import {add_to_version_info as $TZSbU$add_to_version_info, SearchField as $TZSbU$SearchField, DepictSearch as $TZSbU$DepictSearch, get_search_query_updating_blocked_signal as $TZSbU$get_search_query_updating_blocked_signal, SearchPage as $TZSbU$SearchPage} from "@depict-ai/ui";
+import {add_to_version_info as $TZSbU$add_to_version_info, SearchField as $TZSbU$SearchField, DepictSearch as $TZSbU$DepictSearch, swedish_search_translation as $TZSbU$swedish_search_translation, get_search_query_updating_blocked_signal as $TZSbU$get_search_query_updating_blocked_signal, SearchPage as $TZSbU$SearchPage} from "@depict-ai/ui";
 import {untrack as $TZSbU$untrack, createComponent as $TZSbU$createComponent, Show as $TZSbU$Show, createSignal as $TZSbU$createSignal, createMemo as $TZSbU$createMemo, createComputed as $TZSbU$createComputed, onCleanup as $TZSbU$onCleanup} from "solid-js";
 import {render as $TZSbU$render} from "solid-js/web";
 import {useState as $TZSbU$useState, useRef as $TZSbU$useRef, useEffect as $TZSbU$useEffect, createElement as $TZSbU$createElement, Fragment as $TZSbU$Fragment} from "react";
-import {en as $TZSbU$en} from "@depict-ai/ui/locales";
 import {createPortal as $TZSbU$createPortal} from "react-dom";
 import {jsx as $TZSbU$jsx} from "react/jsx-runtime";
 
@@ -71,7 +70,6 @@ function $54b0d21b77e719c4$export$d2c02478244f91f7() {
 
 
 
-
 let $8071251ee4e9ffa1$var$set = false;
 let $8071251ee4e9ffa1$var$padding_animation;
 function $8071251ee4e9ffa1$export$6453cbc34515a94d(is_search_page) {
@@ -124,9 +122,20 @@ function $8071251ee4e9ffa1$var$removeLotsOfPadding() {
 
 
 
+
+const $7216ca4c8308a0f9$export$599d4515591ef232 = (href)=>{
+    const shallow = (0, $c83ba9ab79386687$export$6cb4d3a5c1ac9b43)(location);
+    if (window.next) window.next.router.push(href, undefined, {
+        shallow: shallow,
+        scroll: true
+    });
+    else location.href = href;
+};
+
+
 function $faf794495ff8b304$export$9fac37a9c21c2f3b(props) {
-    const { children: children , searchPagePath: searchPagePath , urlParamName: urlParamName , enableCategorySuggestions: enableCategorySuggestions , market: market , merchant: merchant , locale: locale  } = props;
-    const usedLocale = locale ?? (0, $TZSbU$en);
+    const { children: children , market: market , merchant: merchant , navigateFunction: navigateFunction  } = props;
+    const { searchPagePath: searchPagePath , urlParamName: urlParamName , enableCategorySuggestions: enableCategorySuggestions  } = props.search ?? {};
     if (!market || !merchant) {
         (0, $42858f023ef23dab$export$8e769ad4338a911e).required_state_set_[1](false);
         return (0, $TZSbU$createElement)((0, $TZSbU$Fragment), null, children);
@@ -136,33 +145,25 @@ function $faf794495ff8b304$export$9fac37a9c21c2f3b(props) {
         const [get_search_page_path, set_search_page_path] = (0, $42858f023ef23dab$export$8e769ad4338a911e).search_page_path_;
         set_search_page_path(searchPagePath);
         if (!search) {
-            let react_router_navigate;
-            if ("reactRouterUseNavigate" in props) {
-                const { reactRouterUseNavigate: reactRouterUseNavigate  } = props;
-                if (typeof reactRouterUseNavigate === "function") react_router_navigate = reactRouterUseNavigate();
-            }
             (0, $42858f023ef23dab$export$8e769ad4338a911e).search = new (0, $TZSbU$DepictSearch)({
                 search_query_url_param_name: urlParamName,
                 market: market,
                 merchant: merchant,
                 enable_category_suggestions: enableCategorySuggestions ?? false,
                 // default category suggestions to false for @depict-ai/react-ui (https://linear.app/depictai/issue/FRO-401/default-enablecategorysuggestions-to-false)
-                localization: usedLocale,
-                on_navigation: (new_href)=>{
-                    const shallow = (0, $c83ba9ab79386687$export$6cb4d3a5c1ac9b43)(location);
-                    if ("onNavigation" in props) {
-                        const { onNavigation: onNavigation  } = props;
-                        if (typeof onNavigation === "function") return onNavigation(new_href, shallow);
-                    }
-                    if (react_router_navigate) {
-                        const url_object = new URL(new_href);
-                        return react_router_navigate(url_object.pathname + url_object.search + url_object.hash);
+                localization: {
+                    ...(0, $TZSbU$swedish_search_translation),
+                    price_formatting_: {
+                        pre_: "kr ",
+                        post_: "",
+                        decimal_places_delimiter_: ",",
+                        thousands_delimiter_: " ",
+                        places_after_comma_: 2
                     }
-                    if (window.next) window.next.router.push(new_href, undefined, {
-                        shallow: shallow,
-                        scroll: true
-                    });
-                    else location.href = new_href;
+                },
+                on_navigation: (new_href)=>{
+                    if (navigateFunction) navigateFunction(new_href);
+                    else (0, $7216ca4c8308a0f9$export$599d4515591ef232)(new_href);
                 },
                 url_transformer: (url)=>url.pathname = (0, $TZSbU$untrack)(get_search_page_path)
             });
@@ -170,7 +171,6 @@ function $faf794495ff8b304$export$9fac37a9c21c2f3b(props) {
         } else {
             search.market = market;
             search.merchant = merchant;
-            search.localization = usedLocale;
         }
         (0, $42858f023ef23dab$export$8e769ad4338a911e).required_state_set_[1](true);
     } catch (e) {
@@ -334,10 +334,41 @@ const $8aa3ab31237c8dc9$export$89c6019e4baa40b1 = ({ width: width , height: heig
 };
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.45";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.46";
 
 
 
+
+const $a92aa2beb560b8af$export$804fac5697cfbe35 = (router)=>(href)=>{
+        const shallow = (0, $c83ba9ab79386687$export$6cb4d3a5c1ac9b43)(location);
+        router.push(href, undefined, {
+            shallow: shallow,
+            scroll: true
+        });
+    };
+
+
+/**
+ * Helper function that creates a function that can be used as the
+ * navigateFunction callback for DepictProvider when using react-router.
+ *
+ * React-router expect relative URLs, so this function will strip the
+ * protocol, hostname and port from the URL.
+ *
+ * @param navigateFunction what useNavigate() returns
+ * @returns a function that can be used as the navigateFunction callback for DepictProvider
+ */ const $01e1970add53d62a$export$d53481656a62aebe = (navigateFunction)=>(href)=>{
+        const url_object = new URL(href);
+        return navigateFunction(url_object.pathname + url_object.search + url_object.hash);
+    };
+
+
+const $97603d19204ec48d$export$b8a61e5c71402559 = {
+    nextRouterNavigation: $a92aa2beb560b8af$export$804fac5697cfbe35,
+    reactRouterNavigation: $01e1970add53d62a$export$d53481656a62aebe
+};
+
+
 const $43099132aad1ceb6$var$package_name = "@depict-ai/react-ui";
 (0, $TZSbU$dlog)($43099132aad1ceb6$var$package_name + " version", (0, $c9c4d066f9a5b51b$export$83d89fbfd8236492));
 (0, $TZSbU$add_to_version_info)({
@@ -345,4 +376,4 @@ const $43099132aad1ceb6$var$package_name = "@depict-ai/react-ui";
 });
 
 
-export {$54b0d21b77e719c4$export$d2c02478244f91f7 as DepictSearchField, $faf794495ff8b304$export$9fac37a9c21c2f3b as DepictProvider, $f41a371216eff80b$export$a7f6cffb6b8ba11c as openModal, $f41a371216eff80b$export$cbcd1ecdb41b1d0a as DepictSearchHeader, $9f8d5ef3c016c493$export$210723f5a54a7028 as DepictSearchPage, $c95f83f01e99fc18$export$3f37af283f8fb843 as ImagePlaceholder, $8aa3ab31237c8dc9$export$89c6019e4baa40b1 as TextPlaceholder, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version};
+export {$54b0d21b77e719c4$export$d2c02478244f91f7 as DepictSearchField, $faf794495ff8b304$export$9fac37a9c21c2f3b as DepictProvider, $f41a371216eff80b$export$a7f6cffb6b8ba11c as openModal, $f41a371216eff80b$export$cbcd1ecdb41b1d0a as DepictSearchHeader, $9f8d5ef3c016c493$export$210723f5a54a7028 as DepictSearchPage, $c95f83f01e99fc18$export$3f37af283f8fb843 as ImagePlaceholder, $8aa3ab31237c8dc9$export$89c6019e4baa40b1 as TextPlaceholder, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation};

package/dist-server/index.d.ts

@@ -1,4 +1,4 @@
-export const version = "0.0.45";
+export const version = "0.0.46";
 export function DepictProvider(props: any): any;
 export function DepictSearchField(): any;
 export function DepictSearchPage(): any;

package/dist-server/main.js

@@ -15,7 +15,7 @@ $parcel$export(module.exports, "openModal", () => $41e7e5d85b5e0d49$export$a7f6c
 $parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
 
 
-const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.45";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.46";
 
 
 function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {

package/dist-server/module.js

@@ -3,7 +3,7 @@ import {jsx as $1RlIW$jsx} from "react/jsx-runtime";
 
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.45";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.46";
 
 
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@depict-ai/react-ui",
-  "version": "0.0.45",
+  "version": "0.0.46",
   "packageManager": "yarn@3.2.2",
   "source": "src/index.ts",
   "main": "dist/main.js",
@@ -76,22 +76,15 @@
       },
       "require": "./dist/main.js"
     },
-    "./styles/": "./dist/styles/",
-    "./locales/": {
-      "types": "./locales/index.d.ts",
-      "import": "./locales/index.js",
-      "require": "./locales/require.js",
-      "default": "./locales/index.js"
-    }
+    "./styles/": "./dist/styles/"
   },
   "files": [
     "/dist",
-    "/dist-server",
-    "/locales"
+    "/dist-server"
   ],
   "dependencies": {
-    "@depict-ai/ui": "^0.0.23",
-    "@depict-ai/utilishared": "^0.0.20",
+    "@depict-ai/ui": "^0.0.24",
+    "@depict-ai/utilishared": "^0.0.22",
     "solid-js": "^1.6.2"
   },
   "peerDependencies": {
@@ -116,6 +109,7 @@
     "jest": "^29.3.1",
     "jest-haste-map": "^29.3.1",
     "jest-resolve": "^29.3.1",
+    "next": "^13.1.1",
     "parcel": "latest",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

package/locales/index.d.ts

@@ -1,88 +0,0 @@
-import { Elem } from "@depict-ai/utilishared";
-/**
- * PLP internationalisation shared between search and category listing
- */
-type plp_shared_i18n = {
-    scroll_to_top_: string;
-    back_: string;
-    open_sorting_: string;
-    close_sorting_: string;
-    open_filters_: string;
-    close_filters_: string;
-    close_: string;
-    ok_: string;
-    filters_cleared_: string;
-    we_cleared_your_filters_: string;
-    restore_: string;
-    sorting_text_: string;
-    filter_text_: string;
-    selected_filters_title_: string;
-    filters_: string;
-    view_less_: string;
-    view_more_: string;
-    clear_all_from_filter_crumbs_: string;
-    clear_individual_filter_: string;
-    of_: string;
-    clear_all_filters_from_big_button_: string;
-    try_without_filters_: string;
-    range_filter_low_point_aria_label_: string;
-    range_filter_high_point_aria_label_: string;
-    morphing_sign_expanded_aria_label_: string;
-    morphing_sign_collapsed_aria_label_: string;
-    price_formatting_: {
-        pre_: string;
-        post_: string;
-        decimal_places_delimiter_: string;
-        thousands_delimiter_: string;
-        places_after_comma_: number | "auto";
-    };
-};
-/**
- * Search internationalisation
- */
-interface search_i18n extends plp_shared_i18n {
-    placeholder_text_: string;
-    show_n_results_: (number_of_results: HTMLElement) => Elem[];
-    no_results_text_: string;
-    search_recs_title_: string;
-    clear_filters_query_sorting_after_submit_: string;
-    modal_view_all_results_: (number_of_results: HTMLElement) => Elem[];
-    modal_discover_more_: string;
-    get_showing_results_for_: (query: HTMLElement, number_of_results: HTMLElement) => Elem[];
-    previous_searches_text_: string;
-    category_: string;
-    suggestions_: string;
-    search_submit_button_aria_label_: string;
-    query_input_field_aria_label_: string;
-    previous_searches_delete_entry_from_history_: string;
-}
-/**
- * Category internationalisation
- */
-interface category_i18n extends plp_shared_i18n {
-    show_n_products_: (number_of_results: HTMLElement) => Elem[];
-    no_products_text_: string;
-    product_: string;
-    products_: string;
-    breadcrumbs_aria_label_: string;
-    quicklinks_aria_label_: string;
-    breadcrumbs_separator_: string;
-}
-/**
- * Depict UI internationalisation
- */
-interface Locale extends category_i18n, search_i18n {
-}
-export const cz: Locale;
-export const da: Locale;
-export const nl: Locale;
-export const en: Locale;
-export const fi: Locale;
-export const fr: Locale;
-export const de: Locale;
-export const it: Locale;
-export const no: Locale;
-export const pl: Locale;
-export const pt: Locale;
-export const es: Locale;
-export const sv: Locale;