ublo-lib 1.31.43 → 1.32.0

package/es/common/components/search-bar/search-bar.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import Router from "next/router";
@@ -9,211 +10,140 @@ import * as Plausible from "../plausible";
 import useSearch from "./hooks/use-search";
 import * as KeyboardKeys from "./utils/keyboard-keys";
 import { message } from "./messages";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  ubloApi,
-  site
-} = publicRuntimeConfig;
-const SearchBar = ({
-  lang,
-  resultFormatter,
-  backdrop,
-  OverrideIcons = {},
-  messages,
-  seo,
-  exclude,
-  autofocus
-}) => {
-  const input = React.useRef();
-  const results = React.useRef();
-  const [state, setState] = React.useState({
-    active: 0,
-    selected: undefined
-  });
-  const {
-    lang: ubloLang = lang
-  } = useUbloContext();
-  const {
-    text,
-    setText,
-    search
-  } = useSearch({
-    ubloApi,
-    site,
-    lang: ubloLang,
-    seo,
-    exclude
-  });
-  const DefaultIcons = {
-    SearchIcon: DSIcons.Search,
-    LoadIcon: DSIcons.Loader2
-  };
-  const Icons = Object.assign({}, DefaultIcons, OverrideIcons);
-  const close = () => {
-    setText("");
-  };
-  const updateSearch = e => {
-    const userInput = e.currentTarget.value;
-    setText(userInput);
-    setState({
-      active: 0
+const { publicRuntimeConfig } = getConfig();
+const { ubloApi, site } = publicRuntimeConfig;
+const SearchBar = ({ lang, resultFormatter, backdrop, OverrideIcons = {}, messages, seo, exclude, autofocus, }) => {
+    const input = React.useRef();
+    const results = React.useRef();
+    const [state, setState] = React.useState({ active: 0, selected: undefined });
+    const { lang: ubloLang = lang } = useUbloContext();
+    const { text, setText, search } = useSearch({
+        ubloApi,
+        site,
+        lang: ubloLang,
+        seo,
+        exclude,
     });
-  };
-  const handleKeyDown = e => {
-    const allowedKeys = ["ArrowUp", "ArrowDown", "Enter", "Escape"];
-    const {
-      code,
-      keyCode,
-      key,
-      which
-    } = e;
-    const isAllowed = allowedKeys.includes(code) || allowedKeys.includes(key);
-    if (!isAllowed) return;
-    const keyId = keyCode ?? which;
-    const up = keyId === KeyboardKeys.ArrowUp;
-    const enter = keyId === KeyboardKeys.Enter;
-    const escape = keyId === KeyboardKeys.Escape;
-    if (escape) {
-      close();
-      return;
-    }
-    const container = results.current;
-    const firstResult = container?.querySelector(".search-bar__result");
-    const allResults = Array.from(container?.querySelectorAll(".search-bar__result"));
-    const lastResult = allResults[allResults.length - 1];
-    const selectedResult = container?.querySelector(".search-bar__result--selected");
-    if (enter && selectedResult) {
-      selectedResult.click();
-      return;
-    }
-    let newSelected;
-    if (!selectedResult) {
-      newSelected = up ? lastResult : firstResult;
-    } else {
-      newSelected = up ? selectedResult.previousElementSibling || lastResult : selectedResult.nextElementSibling || firstResult;
-    }
-    allResults.forEach(result => result.classList.remove("search-bar__result--selected"));
-    if (newSelected) {
-      newSelected.classList.add("search-bar__result--selected");
-    }
-    if (container && newSelected) {
-      container.scrollTop = newSelected.offsetTop - newSelected.clientHeight;
-    }
-  };
-  const handleBlur = () => {
-    if (text?.length > 2) {
-      const event = search?.result?.length === 0 ? "Search failed" : "Search canceled";
-      Plausible.sendGoal(event, {
-        Terms: text
-      });
-    }
-  };
-  const focusInput = () => {
-    input.current.focus();
-  };
-  const handleKeyPresses = React.useCallback(e => {
-    const allowedKeys = ["k"];
-    const {
-      code,
-      ctrlKey,
-      key,
-      keyCode,
-      metaKey,
-      which
-    } = e;
-    const isAllowed = !text && (ctrlKey || metaKey) && (allowedKeys.includes(code) || allowedKeys.includes(key));
-    if (!isAllowed) return;
-    e.preventDefault();
-    const keyId = keyCode ?? which;
-    if (keyId === KeyboardKeys.K && (ctrlKey || metaKey)) {
-      focusInput();
-    }
-  }, [text]);
-  Router.ready(() => {
-    Router.events.on("routeChangeStart", close);
-  });
-  React.useEffect(() => {
-    if (autofocus) focusInput();
-    window.addEventListener("keydown", handleKeyPresses);
-    return () => {
-      window.removeEventListener("keydown", handleKeyPresses);
+    const DefaultIcons = {
+        SearchIcon: DSIcons.Search,
+        LoadIcon: DSIcons.Loader2,
     };
-  }, [autofocus, handleKeyPresses]);
-  const Icon = search?.loading ? Icons.LoadIcon : Icons.SearchIcon;
-  const classes = classNames("search-bar", {
-    "search-bar--opened": search?.result,
-    "search-bar--loading": search?.loading
-  });
-  return _jsxs("div", {
-    className: classes,
-    children: [backdrop && _jsx("div", {
-      className: "search-bar__backdrop",
-      onClick: close
-    }), _jsxs("div", {
-      className: "search-bar__input-container",
-      children: [_jsx("input", {
-        ref: input,
-        type: "text",
-        value: text,
-        onChange: updateSearch,
-        onKeyDown: handleKeyDown,
-        className: "search-bar__input",
-        placeholder: message(ubloLang, "what-are-you-looking-for", messages),
-        onBlur: handleBlur
-      }), _jsx(Icon, {
-        className: "search-bar__icon"
-      }), _jsxs("div", {
-        ref: results,
-        className: "search-bar__results",
-        children: [search.result?.map((result, i) => {
-          const {
-            name,
-            title,
-            page,
-            path
-          } = result;
-          const externalLink = page === undefined;
-          const Tag = externalLink ? "a" : Link;
-          const resultLabel = typeof resultFormatter === "function" ? resultFormatter({
-            lang: ubloLang,
-            result,
-            text
-          }) : title;
-          const anchorProps = {
-            href: path,
-            dangerouslySetInnerHTML: {
-              __html: resultLabel
-            }
-          };
-          const linkProps = {
-            as: path,
-            page,
-            title: resultLabel
-          };
-          const sendPlausibleGoal = () => {
-            Plausible.sendGoal("Search", {
-              "Terms - Destination": `${text} - ${path}`
+    const Icons = Object.assign({}, DefaultIcons, OverrideIcons);
+    const close = () => {
+        setText("");
+    };
+    const updateSearch = (e) => {
+        const userInput = e.currentTarget.value;
+        setText(userInput);
+        setState({ active: 0 });
+    };
+    const handleKeyDown = (e) => {
+        const allowedKeys = ["ArrowUp", "ArrowDown", "Enter", "Escape"];
+        const { code, keyCode, key, which } = e;
+        const isAllowed = allowedKeys.includes(code) || allowedKeys.includes(key);
+        if (!isAllowed)
+            return;
+        const keyId = keyCode ?? which;
+        const up = keyId === KeyboardKeys.ArrowUp;
+        const enter = keyId === KeyboardKeys.Enter;
+        const escape = keyId === KeyboardKeys.Escape;
+        if (escape) {
+            close();
+            return;
+        }
+        const container = results.current;
+        const firstResult = container?.querySelector(".search-bar__result");
+        const allResults = Array.from(container?.querySelectorAll(".search-bar__result"));
+        const lastResult = allResults[allResults.length - 1];
+        const selectedResult = container?.querySelector(".search-bar__result--selected");
+        if (enter && selectedResult) {
+            selectedResult.click();
+            return;
+        }
+        let newSelected;
+        if (!selectedResult) {
+            newSelected = up ? lastResult : firstResult;
+        }
+        else {
+            newSelected = up
+                ? selectedResult.previousElementSibling || lastResult
+                : selectedResult.nextElementSibling || firstResult;
+        }
+        allResults.forEach((result) => result.classList.remove("search-bar__result--selected"));
+        if (newSelected) {
+            newSelected.classList.add("search-bar__result--selected");
+        }
+        if (container && newSelected) {
+            container.scrollTop = newSelected.offsetTop - newSelected.clientHeight;
+        }
+    };
+    const handleBlur = () => {
+        if (text?.length > 2) {
+            const event = search?.result?.length === 0 ? "Search failed" : "Search canceled";
+            Plausible.sendGoal(event, {
+                Terms: text,
             });
-          };
-          const props = externalLink ? anchorProps : linkProps;
-          const classes = classNames("search-bar__result", {
-            "search-bar__result--active": i === state.active
-          });
-          return _jsx(Tag, {
-            className: classes,
-            ...props,
-            onClick: sendPlausibleGoal
-          }, `${name}-${i}`);
-        }), search.result?.length === 0 && _jsx("div", {
-          className: "search-bar__no-result",
-          children: message(ubloLang, "no-results", messages)
-        })]
-      })]
-    })]
-  });
+        }
+    };
+    const focusInput = () => {
+        input.current.focus();
+    };
+    const handleKeyPresses = React.useCallback((e) => {
+        const allowedKeys = ["k"];
+        const { code, ctrlKey, key, keyCode, metaKey, which } = e;
+        const isAllowed = !text &&
+            (ctrlKey || metaKey) &&
+            (allowedKeys.includes(code) || allowedKeys.includes(key));
+        if (!isAllowed)
+            return;
+        e.preventDefault();
+        const keyId = keyCode ?? which;
+        if (keyId === KeyboardKeys.K && (ctrlKey || metaKey)) {
+            focusInput();
+        }
+    }, [text]);
+    Router.ready(() => {
+        Router.events.on("routeChangeStart", close);
+    });
+    React.useEffect(() => {
+        if (autofocus)
+            focusInput();
+        window.addEventListener("keydown", handleKeyPresses);
+        return () => {
+            window.removeEventListener("keydown", handleKeyPresses);
+        };
+    }, [autofocus, handleKeyPresses]);
+    const Icon = search?.loading ? Icons.LoadIcon : Icons.SearchIcon;
+    const classes = classNames("search-bar", {
+        "search-bar--opened": search?.result,
+        "search-bar--loading": search?.loading,
+    });
+    return (_jsxs("div", { className: classes, children: [backdrop && _jsx("div", { className: "search-bar__backdrop", onClick: close }), _jsxs("div", { className: "search-bar__input-container", children: [_jsx("input", { ref: input, type: "text", value: text, onChange: updateSearch, onKeyDown: handleKeyDown, className: "search-bar__input", placeholder: message(ubloLang, "what-are-you-looking-for", messages), onBlur: handleBlur }), _jsx(Icon, { className: "search-bar__icon" }), _jsxs("div", { ref: results, className: "search-bar__results", children: [search.result?.map((result, i) => {
+                                const { name, title, page, path } = result;
+                                const externalLink = page === undefined;
+                                const Tag = externalLink ? "a" : Link;
+                                const resultLabel = typeof resultFormatter === "function"
+                                    ? resultFormatter({ lang: ubloLang, result, text })
+                                    : title;
+                                const anchorProps = {
+                                    href: path,
+                                    dangerouslySetInnerHTML: { __html: resultLabel },
+                                };
+                                const linkProps = {
+                                    as: path,
+                                    page,
+                                    title: resultLabel,
+                                };
+                                const sendPlausibleGoal = () => {
+                                    Plausible.sendGoal("Search", {
+                                        "Terms - Destination": `${text} - ${path}`,
+                                    });
+                                };
+                                const props = externalLink ? anchorProps : linkProps;
+                                const classes = classNames("search-bar__result", {
+                                    "search-bar__result--active": i === state.active,
+                                });
+                                return (_jsx(Tag, { className: classes, ...props, onClick: sendPlausibleGoal }, `${name}-${i}`));
+                            }), search.result?.length === 0 && (_jsx("div", { className: "search-bar__no-result", children: message(ubloLang, "no-results", messages) }))] })] })] }));
 };
-export default React.memo(SearchBar);
+export default React.memo(SearchBar);

package/es/common/components/search-bar/utils/fetcher.d.ts

@@ -0,0 +1,2 @@
+export function fetchResults(ubloApi: any, site: any, lang: any, query: any, seo: any, exclude: any): Promise<any>;
+//# sourceMappingURL=fetcher.d.ts.map

package/es/common/components/search-bar/utils/fetcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetcher.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/search-bar/utils/fetcher.js"],"names":[],"mappings":"AAEO,mHAaN"}

package/es/common/components/search-bar/utils/fetcher.js

@@ -1,14 +1,8 @@
 import * as Params from "./params";
 export const fetchResults = async (ubloApi, site, lang, query, seo, exclude) => {
-  const seoParam = seo === false ? "false" : undefined;
-  const params = Params.build({
-    site,
-    lang,
-    query,
-    seo: seoParam,
-    exclude
-  });
-  const url = `${ubloApi}/api/search${params}`;
-  const res = await fetch(url);
-  return res.json();
-};
+    const seoParam = seo === false ? "false" : undefined;
+    const params = Params.build({ site, lang, query, seo: seoParam, exclude });
+    const url = `${ubloApi}/api/search${params}`;
+    const res = await fetch(url);
+    return res.json();
+};

package/es/common/components/search-bar/utils/keyboard-keys.d.ts

@@ -0,0 +1,6 @@
+export const K: 75;
+export const ArrowUp: 38;
+export const ArrowDown: 40;
+export const Enter: 13;
+export const Escape: 27;
+//# sourceMappingURL=keyboard-keys.d.ts.map

package/es/common/components/search-bar/utils/keyboard-keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-keys.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/search-bar/utils/keyboard-keys.js"],"names":[],"mappings":"AAAA,mBAAoB;AACpB,yBAA0B;AAC1B,2BAA4B;AAC5B,uBAAwB;AACxB,wBAAyB"}

package/es/common/components/search-bar/utils/keyboard-keys.js

@@ -2,4 +2,4 @@ export const K = 75;
 export const ArrowUp = 38;
 export const ArrowDown = 40;
 export const Enter = 13;
-export const Escape = 27;
+export const Escape = 27;

package/es/common/components/search-bar/utils/params.d.ts

@@ -0,0 +1,2 @@
+export function build(params: any): string;
+//# sourceMappingURL=params.d.ts.map

package/es/common/components/search-bar/utils/params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"params.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/search-bar/utils/params.js"],"names":[],"mappings":"AAAO,2CASN"}

package/es/common/components/search-bar/utils/params.js

@@ -1,8 +1,11 @@
-export const build = params => {
-  return Object.keys(params).map((key, i) => {
-    const param = params[key];
-    if (!param) return "";
-    const sign = i === 0 ? "?" : "&";
-    return `${sign}${key}=${param}`;
-  }).join("");
-};
+export const build = (params) => {
+    return Object.keys(params)
+        .map((key, i) => {
+        const param = params[key];
+        if (!param)
+            return "";
+        const sign = i === 0 ? "?" : "&";
+        return `${sign}${key}=${param}`;
+    })
+        .join("");
+};

package/es/common/components/tabbed-zones.d.ts

@@ -0,0 +1,12 @@
+type Tab = {
+    subs: number | null;
+};
+type Props = {
+    current?: number;
+    currentSub?: number;
+    tabs?: Tab[];
+    zonesProps: Record<string, unknown>;
+};
+export default function TabbedZones({ current, currentSub, tabs, zonesProps, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=tabbed-zones.d.ts.map

package/es/common/components/tabbed-zones.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabbed-zones.d.ts","sourceRoot":"","sources":["../../../src/common/components/tabbed-zones.tsx"],"names":[],"mappings":"AAIA,KAAK,GAAG,GAAG;IACT,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACrC,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,OAAW,EACX,UAAc,EACd,IAAkB,EAClB,UAAe,GAChB,EAAE,KAAK,2CAmHP"}

package/es/common/components/tabbed-zones.js

@@ -1,103 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import Zone from "ublo/zone";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const defaultTabs = [{
-  subs: null
-}, {
-  subs: 2
-}];
-export default function TabbedZones({
-  current = 0,
-  currentSub = 0,
-  tabs = defaultTabs,
-  zonesProps = {}
-}) {
-  const [currentTab, setCurrentTab] = React.useState(current);
-  const [currentSubTab, setCurrentSubTab] = React.useState(currentSub);
-  return _jsxs("div", {
-    className: "tabbed-zones",
-    children: [_jsx("div", {
-      className: "tabbed-zones__tabs",
-      children: tabs.map((_, i) => {
-        const updateCurrentTab = () => {
-          setCurrentTab(i);
-          setCurrentSubTab(0);
-        };
-        const classes = classNames("tabbed-zones__tab", `tabbed-zones__tab--${i}`, {
-          "tabbed-zones__tab--current": i === currentTab
-        });
-        return _jsx("div", {
-          className: classes,
-          onClick: updateCurrentTab,
-          children: _jsx(Zone, {
-            id: `tabbed-zones-tab-${i}`,
-            section: "rich-text",
-            maxSections: "1",
-            tooltip: "Zone d'edition: Titre onglet"
-          })
-        }, i);
-      })
-    }), tabs.map((tab, i) => {
-      if (!tab.subs) return null;
-      const length = [...new Array(tab.subs)];
-      const classes = classNames("tabbed-zones__sub-tabs", `tabbed-zones__sub-tabs--${i}`, {
-        "tabbed-zones__sub-tabs--current": i === currentTab
-      });
-      return _jsx("div", {
-        className: classes,
-        children: length.map((_, j) => {
-          const updateCurrentTab = () => setCurrentSubTab(j);
-          const classes = classNames("tabbed-zones__sub-tab", `tabbed-zones__sub-tab--${i}-${j}`, {
-            "tabbed-zones__sub-tab--current": i === currentTab && j === currentSubTab
-          });
-          return _jsx("div", {
-            className: classes,
-            onClick: updateCurrentTab,
-            children: _jsx(Zone, {
-              id: `tabbed-zones-sub-tab-${i}-${j}`,
-              section: "rich-text",
-              maxSections: "1",
-              tooltip: "Zone d'edition: Titre onglet",
-              ...zonesProps
-            })
-          }, j);
-        })
-      }, i);
-    }), _jsxs("div", {
-      className: "tabbed-zones__zones",
-      children: [tabs.map((tab, i) => {
-        const classes = classNames("tabbed-zones__zone", `tabbed-zones__zone--${i}`, {
-          "tabbed-zones__zone--current": i === currentTab
-        });
-        if (tab.subs) return null;
-        return _jsx("div", {
-          className: classes,
-          children: _jsx(Zone, {
-            id: `tabbed-zone-${i}`,
-            tooltip: "Zone d'edition : Contenu onglet",
-            ...zonesProps
-          })
-        }, i);
-      }), tabs.map((tab, i) => {
-        if (!tab.subs) return null;
-        const length = [...new Array(tab.subs)];
-        return length.map((_, j) => {
-          const classes = classNames("tabbed-zones__zone", `tabbed-zones__zone--${i}-${j}`, {
-            "tabbed-zones__zone--current": i === currentTab && j === currentSubTab
-          });
-          return _jsx("div", {
-            className: classes,
-            children: _jsx(Zone, {
-              id: `tabbed-zone-offers-${i}-${j}`,
-              className: "tabbed-zone-offers",
-              tooltip: "Zone d'edition : Contenu et blocs produit",
-              ...zonesProps
-            })
-          }, j);
-        });
-      })]
-    })]
-  });
-}
+const defaultTabs = [{ subs: null }, { subs: 2 }];
+export default function TabbedZones({ current = 0, currentSub = 0, tabs = defaultTabs, zonesProps = {}, }) {
+    const [currentTab, setCurrentTab] = React.useState(current);
+    const [currentSubTab, setCurrentSubTab] = React.useState(currentSub);
+    return (_jsxs("div", { className: "tabbed-zones", children: [_jsx("div", { className: "tabbed-zones__tabs", children: tabs.map((_, i) => {
+                    const updateCurrentTab = () => {
+                        setCurrentTab(i);
+                        setCurrentSubTab(0);
+                    };
+                    const classes = classNames("tabbed-zones__tab", `tabbed-zones__tab--${i}`, {
+                        "tabbed-zones__tab--current": i === currentTab,
+                    });
+                    return (_jsx("div", { className: classes, onClick: updateCurrentTab, children: _jsx(Zone, { id: `tabbed-zones-tab-${i}`, section: "rich-text", maxSections: "1", tooltip: "Zone d'edition: Titre onglet" }) }, i));
+                }) }), tabs.map((tab, i) => {
+                if (!tab.subs)
+                    return null;
+                const length = [...new Array(tab.subs)];
+                const classes = classNames("tabbed-zones__sub-tabs", `tabbed-zones__sub-tabs--${i}`, {
+                    "tabbed-zones__sub-tabs--current": i === currentTab,
+                });
+                return (_jsx("div", { className: classes, children: length.map((_, j) => {
+                        const updateCurrentTab = () => setCurrentSubTab(j);
+                        const classes = classNames("tabbed-zones__sub-tab", `tabbed-zones__sub-tab--${i}-${j}`, {
+                            "tabbed-zones__sub-tab--current": i === currentTab && j === currentSubTab,
+                        });
+                        return (_jsx("div", { className: classes, onClick: updateCurrentTab, children: _jsx(Zone, { id: `tabbed-zones-sub-tab-${i}-${j}`, section: "rich-text", maxSections: "1", tooltip: "Zone d'edition: Titre onglet", ...zonesProps }) }, j));
+                    }) }, i));
+            }), _jsxs("div", { className: "tabbed-zones__zones", children: [tabs.map((tab, i) => {
+                        const classes = classNames("tabbed-zones__zone", `tabbed-zones__zone--${i}`, {
+                            "tabbed-zones__zone--current": i === currentTab,
+                        });
+                        if (tab.subs)
+                            return null;
+                        return (_jsx("div", { className: classes, children: _jsx(Zone, { id: `tabbed-zone-${i}`, tooltip: "Zone d'edition : Contenu onglet", ...zonesProps }) }, i));
+                    }), tabs.map((tab, i) => {
+                        if (!tab.subs)
+                            return null;
+                        const length = [...new Array(tab.subs)];
+                        return length.map((_, j) => {
+                            const classes = classNames("tabbed-zones__zone", `tabbed-zones__zone--${i}-${j}`, {
+                                "tabbed-zones__zone--current": i === currentTab && j === currentSubTab,
+                            });
+                            return (_jsx("div", { className: classes, children: _jsx(Zone, { id: `tabbed-zone-offers-${i}-${j}`, className: "tabbed-zone-offers", tooltip: "Zone d'edition : Contenu et blocs produit", ...zonesProps }) }, j));
+                        });
+                    })] })] }));
+}

package/es/common/components/video-player/controls.d.ts

@@ -0,0 +1,17 @@
+declare const _default: React.MemoExoticComponent<({ started, playing, updatePlaying, progress, loadedAmount, setNewProgress, duration, currentTime, fullScreen, setFullScreen, muted, setMuted, }: {
+    started: any;
+    playing: any;
+    updatePlaying: any;
+    progress: any;
+    loadedAmount: any;
+    setNewProgress: any;
+    duration: any;
+    currentTime: any;
+    fullScreen: any;
+    setFullScreen: any;
+    muted: any;
+    setMuted: any;
+}) => import("react/jsx-runtime").JSX.Element>;
+export default _default;
+import * as React from "react";
+//# sourceMappingURL=controls.d.ts.map

package/es/common/components/video-player/controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../../../../src/common/components/video-player/controls.js"],"names":[],"mappings":";;;;;;;;;;;;;;;uBAAuB,OAAO"}