@depict-ai/react-ui 0.0.46 → 0.0.47

package/dist/index.d.ts

@@ -1,9 +1,21 @@
 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 NavigateFunction = (href: string) => void;
-type DepictSearchConfig = {
+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;
     /**
      * The path to the search page.
      * @example "/search", "/sok"
@@ -20,61 +32,49 @@ type DepictSearchConfig = {
      * @default false
      */
     enableCategorySuggestions?: boolean;
-};
-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;
+    locale: Locale;
 };
 /**
- * The config for the DepictProvider.
+ * 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 DepictConfig = DepictBaseConfig & {
-    search: DepictSearchConfig;
-};
+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.
+ */
+type ReactRouterUseNavigate = any extends typeof useNavigate ? never : typeof useNavigate;
 /**
  * The DepictProvider is a wrapper component that should be used to wrap any component that uses Depict components.
  *
@@ -89,9 +89,7 @@ type DepictConfig = DepictBaseConfig & {
  *      <DepictProvider
  *        merchant="YOUR_MERCHANT"
  *        market="YOUR_MARKET"
- *        search={{
- *          searchPagePath: "/search",
- *        }}
+ *        searchPagePath="/search"
  *      >
  *        <App />
  *      </DepictProvider>
@@ -227,11 +225,5 @@ 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.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;
-};
+export const version = "0.0.47";
+export type { Locale } from "@depict-ai/ui";

package/dist/main.js

@@ -3,6 +3,7 @@ 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");
 
@@ -18,7 +19,6 @@ $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,6 +83,7 @@ function $a48f3b1a4abf2e0c$export$d2c02478244f91f7() {
 
 
 
+
 let $6319748b4f0426f0$var$set = false;
 let $6319748b4f0426f0$var$padding_animation;
 function $6319748b4f0426f0$export$6453cbc34515a94d(is_search_page) {
@@ -135,20 +136,9 @@ 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 , market: market , merchant: merchant , navigateFunction: navigateFunction  } = props;
-    const { searchPagePath: searchPagePath , urlParamName: urlParamName , enableCategorySuggestions: enableCategorySuggestions  } = props.search ?? {};
+    const { children: children , searchPagePath: searchPagePath , urlParamName: urlParamName , enableCategorySuggestions: enableCategorySuggestions , market: market , merchant: merchant , locale: locale  } = props;
+    const usedLocale = locale ?? (0, $4GYXz$depictaiuilocales.en);
     if (!market || !merchant) {
         (0, $0b7cd4fb39fc3502$export$8e769ad4338a911e).required_state_set_[1](false);
         return (0, $4GYXz$react.createElement)((0, $4GYXz$react.Fragment), null, children);
@@ -158,25 +148,33 @@ 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: {
-                    ...(0, $4GYXz$depictaiui.swedish_search_translation),
-                    price_formatting_: {
-                        pre_: "kr ",
-                        post_: "",
-                        decimal_places_delimiter_: ",",
-                        thousands_delimiter_: " ",
-                        places_after_comma_: 2
-                    }
-                },
+                localization: usedLocale,
                 on_navigation: (new_href)=>{
-                    if (navigateFunction) navigateFunction(new_href);
-                    else (0, $bc389476eeb2b615$export$599d4515591ef232)(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);
+                    }
+                    if (window.next) window.next.router.push(new_href, undefined, {
+                        shallow: shallow,
+                        scroll: true
+                    });
+                    else location.href = new_href;
                 },
                 url_transformer: (url)=>url.pathname = (0, $4GYXz$solidjs.untrack)(get_search_page_path)
             });
@@ -184,6 +182,7 @@ 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) {
@@ -347,41 +346,10 @@ const $afce04c26b0c4208$export$89c6019e4baa40b1 = ({ width: width , height: heig
 };
 
 
-const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.46";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.47";
 
 
 
-
-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,8 +1,9 @@
 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, 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 {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 {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";
 
@@ -70,6 +71,7 @@ function $54b0d21b77e719c4$export$d2c02478244f91f7() {
 
 
 
+
 let $8071251ee4e9ffa1$var$set = false;
 let $8071251ee4e9ffa1$var$padding_animation;
 function $8071251ee4e9ffa1$export$6453cbc34515a94d(is_search_page) {
@@ -122,20 +124,9 @@ 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 , market: market , merchant: merchant , navigateFunction: navigateFunction  } = props;
-    const { searchPagePath: searchPagePath , urlParamName: urlParamName , enableCategorySuggestions: enableCategorySuggestions  } = props.search ?? {};
+    const { children: children , searchPagePath: searchPagePath , urlParamName: urlParamName , enableCategorySuggestions: enableCategorySuggestions , market: market , merchant: merchant , locale: locale  } = props;
+    const usedLocale = locale ?? (0, $TZSbU$en);
     if (!market || !merchant) {
         (0, $42858f023ef23dab$export$8e769ad4338a911e).required_state_set_[1](false);
         return (0, $TZSbU$createElement)((0, $TZSbU$Fragment), null, children);
@@ -145,25 +136,33 @@ 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: {
-                    ...(0, $TZSbU$swedish_search_translation),
-                    price_formatting_: {
-                        pre_: "kr ",
-                        post_: "",
-                        decimal_places_delimiter_: ",",
-                        thousands_delimiter_: " ",
-                        places_after_comma_: 2
-                    }
-                },
+                localization: usedLocale,
                 on_navigation: (new_href)=>{
-                    if (navigateFunction) navigateFunction(new_href);
-                    else (0, $7216ca4c8308a0f9$export$599d4515591ef232)(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);
+                    }
+                    if (window.next) window.next.router.push(new_href, undefined, {
+                        shallow: shallow,
+                        scroll: true
+                    });
+                    else location.href = new_href;
                 },
                 url_transformer: (url)=>url.pathname = (0, $TZSbU$untrack)(get_search_page_path)
             });
@@ -171,6 +170,7 @@ 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,41 +334,10 @@ const $8aa3ab31237c8dc9$export$89c6019e4baa40b1 = ({ width: width , height: heig
 };
 
 
-const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.46";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.47";
 
 
 
-
-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)({
@@ -376,4 +345,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, $97603d19204ec48d$export$b8a61e5c71402559 as Navigation};
+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};

package/dist-server/index.d.ts

@@ -1,4 +1,4 @@
-export const version = "0.0.46";
+export const version = "0.0.47";
 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.46";
+const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.47";
 
 
 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.46";
+const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.47";
 
 
 function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {

package/locales/index.d.ts

@@ -0,0 +1,88 @@
+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;