@lanaco/lnc-react-ui 4.0.151 → 4.0.152

package/dist/FieldOfInterestsMasonrySection.js

@@ -1,11 +1,11 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as c, useLayoutEffect as L } from "react";
+import { forwardRef as m, useLayoutEffect as L } from "react";
 import { p as z, o as E, l as O, k as S } from "./utils-BdsZgOUE.js";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as g } from "./consts-BuFChS64.js";
 import A from "./Icon.js";
 import { u as W } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const T = m.div`
+const T = f.div`
   display: flex;
   width: 100%;
   height: fit-content;
@@ -70,12 +70,12 @@ const T = m.div`
       }
     }
   }
-`, j = m.div`
+`, j = f.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${E("-90deg")};
-`, q = m.div`
+`, q = f.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -159,7 +159,7 @@ const T = m.div`
       white-space: nowrap;
     }
   }
-`, R = m.div`
+`, R = f.div`
   width: 7.5rem;
   width: 7.5rem;
   border-radius: 999px;
@@ -169,38 +169,55 @@ const T = m.div`
     width: 7.5rem;
     height: 2.5rem;
   }
-`, B = c(({}, i) => /* @__PURE__ */ r(R, {})), D = c(
+`, B = m(({}, i) => /* @__PURE__ */ r(R, {})), D = m(
   ({ text: i, isActive: o = !1, icon: t, onSelectCard: a = () => {
-  } }, f) => /* @__PURE__ */ l(q, { className: o ? "active" : "", onClick: a, children: [
-    /* @__PURE__ */ r(A, { icon: t, className: "wrapper__icon" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__text", children: i })
-  ] })
-), G = c(
+  } }, s) => /* @__PURE__ */ l(
+    q,
+    {
+      ref: s,
+      className: o ? "active" : "",
+      onClick: a,
+      children: [
+        /* @__PURE__ */ r(A, { icon: t, className: "wrapper__icon" }),
+        /* @__PURE__ */ r("div", { className: "wrapper__text", children: i })
+      ]
+    }
+  )
+), G = m(
   ({
     image: i,
     imageComponent: o,
     title: t,
     description: a,
-    className: f,
+    className: s,
     onSelectCard: u = () => {
     }
-  }, k) => {
-    const { theme: x } = W();
-    return /* @__PURE__ */ l(T, { theme: x, className: f, onClick: u, children: [
-      O(o) ? o : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image" }),
-      /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
-        t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
-        a && /* @__PURE__ */ r("div", { className: "wrapper__description", children: a })
-      ] })
-    ] });
+  }, x) => {
+    const { theme: v } = W();
+    return /* @__PURE__ */ l(
+      T,
+      {
+        ref: x,
+        theme: v,
+        className: s,
+        onClick: u,
+        children: [
+          O(o) ? o : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image" }),
+          /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
+            t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
+            a && /* @__PURE__ */ r("div", { className: "wrapper__description", children: a })
+          ] })
+        ]
+      }
+    );
   }
-), H = c(({}, i) => /* @__PURE__ */ l(j, { children: [
+), H = m(({}, i) => /* @__PURE__ */ l(j, { children: [
   /* @__PURE__ */ r("div", { className: "wrapper__image" }),
   /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
     /* @__PURE__ */ r("div", { className: "wrapper__title" }),
     /* @__PURE__ */ r("div", { className: "wrapper__description" })
   ] })
-] })), P = m.div`
+] })), P = f.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -281,56 +298,56 @@ const T = m.div`
       grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`, Y = c(
+`, Y = m(
   ({
     title: i,
     subtitle: o,
     tags: t = [],
     items: a = [],
-    limitTags: f = 5,
+    limitTags: s = 5,
     limitTagsForMobile: u = 5,
-    limit: k = 3,
-    limitForMobile: x = 2,
+    limit: x = 3,
+    limitForMobile: v = 2,
     selectedTag: I,
-    onSelectTag: v = () => {
+    onSelectTag: y = () => {
     },
-    onSelectCard: y = () => {
+    onSelectCard: b = () => {
     },
-    className: s
+    className: p
   }, C) => {
     var $, N;
     return L(() => {
-      if (!S(s))
+      if (!S(p))
         return;
       const e = () => {
-        const p = document.querySelector(`.${s} .wrapper__cards`), d = p.querySelectorAll(".wrapper__card");
-        d.forEach((w) => {
+        const d = document.querySelector(`.${p} .wrapper__cards`), c = d.querySelectorAll(".wrapper__card");
+        c.forEach((w) => {
           const M = w.getBoundingClientRect().height, F = Math.ceil((M + 10) / 20);
           w.style.gridRowEnd = `span ${F}`;
         });
-        const b = d == null ? void 0 : d[d.length - 1];
-        if (b) {
-          const w = b.offsetTop + b.offsetHeight;
-          p.style.height = `${w}px`;
+        const k = c == null ? void 0 : c[c.length - 1];
+        if (k) {
+          const w = k.offsetTop + k.offsetHeight;
+          d.style.height = `${w}px`;
         }
-      }, _ = document.querySelector(`.${s} .wrapper__cards`).querySelectorAll(".wrapper__image");
+      }, _ = document.querySelector(`.${p} .wrapper__cards`).querySelectorAll(".wrapper__image");
       let h = 0;
-      return _.length === 0 ? e() : (_.forEach((p) => {
-        p.complete ? h++ : p.addEventListener("load", () => {
+      return _.length === 0 ? e() : (_.forEach((d) => {
+        d.complete ? h++ : d.addEventListener("load", () => {
           h++, h === _.length && e();
         });
       }), h === _.length && e()), window.addEventListener("resize", e), () => {
         window.removeEventListener("resize", e);
       };
-    }, [s, a]), /* @__PURE__ */ l(
+    }, [p, a]), /* @__PURE__ */ l(
       P,
       {
         ref: C,
-        limitTags: f,
+        limitTags: s,
         limitTagsForMobile: u,
-        limitCards: k,
-        limitCardsForMobile: x,
-        className: s,
+        limitCards: x,
+        limitCardsForMobile: v,
+        className: p,
         numberOfTags: t == null ? void 0 : t.length,
         children: [
           /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
@@ -343,7 +360,7 @@ const T = m.div`
               icon: e == null ? void 0 : e.icon,
               text: e == null ? void 0 : e.title,
               isActive: (e == null ? void 0 : e.code) === I,
-              onSelectCard: () => v == null ? void 0 : v(e)
+              onSelectCard: () => y == null ? void 0 : y(e)
             },
             `field-of-interests-masonry-tag__${n + 1}`
           )) : ($ = Array.from("12345")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ r(
@@ -358,7 +375,7 @@ const T = m.div`
               imageComponent: e == null ? void 0 : e.imageComponent,
               title: e == null ? void 0 : e.title,
               description: e == null ? void 0 : e.description,
-              onSelectCard: () => y == null ? void 0 : y(e),
+              onSelectCard: () => b == null ? void 0 : b(e),
               className: "wrapper__card"
             },
             `field-of-interests-with-tags-card__${n + 1}`

package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),g=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-Dl9xPH4c.cjs"),$=require("./index-cd9auaNr.cjs"),c=h.styled.div`
+"use strict";const t=require("react/jsx-runtime"),f=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),y=require("./utils-Dl9xPH4c.cjs"),$=require("./index-CLoINIGC.cjs"),c=h.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
@@ -39,7 +39,7 @@
     width: 4.5rem;
     height: 4.5rem;
   }
-`,F=g.forwardRef(({},i)=>t.jsx(C,{})),I=g.forwardRef(({isActive:i,image:o,imageComponent:r,onSelectCard:l=()=>{}},f)=>t.jsx(v,{className:i?"active":"",onClick:l,children:y.isDefined(r)?r:t.jsx("img",{src:o,className:"wrapper__image"})})),A=g.forwardRef(({uuid:i,title:o,price:r,currency:l,isNegotiable:f,isFree:x,image:u,sellerUuid:s,onSelectCard:m=()=>{},imageComponent:p,negotiableText:d="Negotiable",freeText:a="Free"},_)=>t.jsx($.SimpleProductCard,{uuid:i,title:o,price:r,currency:l,isNegotiable:f,isFree:x,image:u,imageComponent:p,sellerUuid:s,onSelectCard:m,negotiableText:d,freeText:a})),N=g.forwardRef(({},i)=>t.jsx(c,{})),k=h.styled.div`
+`,F=f.forwardRef(({},i)=>t.jsx(C,{})),I=f.forwardRef(({isActive:i,image:o,imageComponent:r,onSelectCard:l=()=>{}},m)=>t.jsx(v,{ref:m,className:i?"active":"",onClick:l,children:y.isDefined(r)?r:t.jsx("img",{src:o,className:"wrapper__image"})})),A=f.forwardRef(({uuid:i,title:o,price:r,currency:l,isNegotiable:m,isFree:x,image:u,sellerUuid:s,onSelectCard:p=()=>{},imageComponent:a,negotiableText:d="Negotiable",freeText:g="Free"},_)=>t.jsx($.SimpleProductCard,{ref:_,uuid:i,title:o,price:r,currency:l,isNegotiable:m,isFree:x,image:u,imageComponent:a,sellerUuid:s,onSelectCard:p,negotiableText:d,freeText:g})),N=f.forwardRef(({},i)=>t.jsx(c,{})),k=h.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -99,4 +99,4 @@
       gap: 1rem;
     }
   }
-`,W=g.forwardRef(({title:i,subtitle:o,avatars:r=[],limitAvatars:l=4,limit:f=6,limitAvatarsForMobile:x=4,limitForMobile:u=2,items:s=[],onSelectAvatar:m=()=>{},onSelectCard:p=()=>{}},d)=>{var j,b;const a=e=>{m==null||m(e)},_=e=>{p==null||p(e)};return t.jsxs(k,{ref:d,limitAvatars:l,limitAvatarsForMobile:x,limitCards:f,limitCardsForMobile:u,children:[t.jsxs("div",{className:"wrapper__heading",children:[i&&t.jsx("div",{className:"wrapper__title",children:i}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__avatars",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((e,n)=>t.jsx(I,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>a==null?void 0:a(e)},`field-of-interests-with-avatars-card-avatar__${n+1}`)):(j=Array.from("1234"))==null?void 0:j.map((e,n)=>t.jsx(F,{},`field-of-interests-with-avatars-card-avatar-skeleton__${n+1}`))}),t.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,n)=>t.jsx(A,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,isNegotiable:e==null?void 0:e.isNegotiable,isFree:e==null?void 0:e.isFree,image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,sellerUuid:e==null?void 0:e.sellerUuid,negotiableText:e==null?void 0:e.negotiableText,freeText:e==null?void 0:e.freeText,onSelectCard:()=>_==null?void 0:_(e)},`field-of-interests-with-avatars-card__${n+1}`)):(b=Array.from("123456"))==null?void 0:b.map((e,n)=>t.jsx(N,{},`field-of-interests-with-avatars-card-skeleton__${n+1}`))})]})});module.exports=W;
+`,W=f.forwardRef(({title:i,subtitle:o,avatars:r=[],limitAvatars:l=4,limit:m=6,limitAvatarsForMobile:x=4,limitForMobile:u=2,items:s=[],onSelectAvatar:p=()=>{},onSelectCard:a=()=>{}},d)=>{var j,b;const g=e=>{p==null||p(e)},_=e=>{a==null||a(e)};return t.jsxs(k,{ref:d,limitAvatars:l,limitAvatarsForMobile:x,limitCards:m,limitCardsForMobile:u,children:[t.jsxs("div",{className:"wrapper__heading",children:[i&&t.jsx("div",{className:"wrapper__title",children:i}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__avatars",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((e,n)=>t.jsx(I,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>g==null?void 0:g(e)},`field-of-interests-with-avatars-card-avatar__${n+1}`)):(j=Array.from("1234"))==null?void 0:j.map((e,n)=>t.jsx(F,{},`field-of-interests-with-avatars-card-avatar-skeleton__${n+1}`))}),t.jsx("div",{className:"wrapper__cards",children:s&&(s==null?void 0:s.length)>0?s==null?void 0:s.map((e,n)=>t.jsx(A,{uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,isNegotiable:e==null?void 0:e.isNegotiable,isFree:e==null?void 0:e.isFree,image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,sellerUuid:e==null?void 0:e.sellerUuid,negotiableText:e==null?void 0:e.negotiableText,freeText:e==null?void 0:e.freeText,onSelectCard:()=>_==null?void 0:_(e)},`field-of-interests-with-avatars-card__${n+1}`)):(b=Array.from("123456"))==null?void 0:b.map((e,n)=>t.jsx(N,{},`field-of-interests-with-avatars-card-skeleton__${n+1}`))})]})});module.exports=W;

package/dist/FieldOfInterestsWithAvatarsCardsSection.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
+import { forwardRef as h } from "react";
 import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as x } from "./consts-BuFChS64.js";
 import { o as v, l as C } from "./utils-BdsZgOUE.js";
-import { S as F } from "./index-DzYKmmn2.js";
+import { S as F } from "./index-BGY3PSA-.js";
 const N = _.div`
   width: 100%;
   height: 11.625rem;
@@ -45,49 +45,51 @@ const N = _.div`
     width: 4.5rem;
     height: 4.5rem;
   }
-`, W = g(({}, i) => /* @__PURE__ */ t(A, {})), I = g(
+`, W = h(({}, i) => /* @__PURE__ */ t(A, {})), I = h(
   ({ isActive: i, image: o, imageComponent: r, onSelectCard: m = () => {
-  } }, f) => /* @__PURE__ */ t(
+  } }, l) => /* @__PURE__ */ t(
     k,
     {
+      ref: l,
       className: i ? "active" : "",
       onClick: m,
       children: C(r) ? r : /* @__PURE__ */ t("img", { src: o, className: "wrapper__image" })
     }
   )
-), c = g(
+), c = h(
   ({
     uuid: i,
     title: o,
     price: r,
     currency: m,
-    isNegotiable: f,
+    isNegotiable: l,
     isFree: u,
     image: d,
     sellerUuid: s,
-    onSelectCard: l = () => {
+    onSelectCard: p = () => {
     },
-    imageComponent: p,
+    imageComponent: a,
     negotiableText: w = "Negotiable",
-    freeText: a = "Free"
-  }, h) => /* @__PURE__ */ t(
+    freeText: g = "Free"
+  }, f) => /* @__PURE__ */ t(
     F,
     {
+      ref: f,
       uuid: i,
       title: o,
       price: r,
       currency: m,
-      isNegotiable: f,
+      isNegotiable: l,
       isFree: u,
       image: d,
-      imageComponent: p,
+      imageComponent: a,
       sellerUuid: s,
-      onSelectCard: l,
+      onSelectCard: p,
       negotiableText: w,
-      freeText: a
+      freeText: g
     }
   )
-), O = g(({}, i) => /* @__PURE__ */ t(N, {})), j = _.div`
+), O = h(({}, i) => /* @__PURE__ */ t(N, {})), j = _.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -147,26 +149,26 @@ const N = _.div`
       gap: 1rem;
     }
   }
-`, B = g(
+`, B = h(
   ({
     title: i,
     subtitle: o,
     avatars: r = [],
     limitAvatars: m = 4,
-    limit: f = 6,
+    limit: l = 6,
     limitAvatarsForMobile: u = 4,
     limitForMobile: d = 2,
     items: s = [],
-    onSelectAvatar: l = () => {
+    onSelectAvatar: p = () => {
     },
-    onSelectCard: p = () => {
+    onSelectCard: a = () => {
     }
   }, w) => {
     var b, $;
-    const a = (e) => {
-      l == null || l(e);
-    }, h = (e) => {
+    const g = (e) => {
       p == null || p(e);
+    }, f = (e) => {
+      a == null || a(e);
     };
     return /* @__PURE__ */ y(
       j,
@@ -174,7 +176,7 @@ const N = _.div`
         ref: w,
         limitAvatars: m,
         limitAvatarsForMobile: u,
-        limitCards: f,
+        limitCards: l,
         limitCardsForMobile: d,
         children: [
           /* @__PURE__ */ y("div", { className: "wrapper__heading", children: [
@@ -186,7 +188,7 @@ const N = _.div`
             {
               image: e == null ? void 0 : e.image,
               imageComponent: e == null ? void 0 : e.imageComponent,
-              onSelectCard: () => a == null ? void 0 : a(e)
+              onSelectCard: () => g == null ? void 0 : g(e)
             },
             `field-of-interests-with-avatars-card-avatar__${n + 1}`
           )) : (b = Array.from("1234")) == null ? void 0 : b.map((e, n) => /* @__PURE__ */ t(
@@ -208,7 +210,7 @@ const N = _.div`
               sellerUuid: e == null ? void 0 : e.sellerUuid,
               negotiableText: e == null ? void 0 : e.negotiableText,
               freeText: e == null ? void 0 : e.freeText,
-              onSelectCard: () => h == null ? void 0 : h(e)
+              onSelectCard: () => f == null ? void 0 : f(e)
             },
             `field-of-interests-with-avatars-card__${n + 1}`
           )) : ($ = Array.from("123456")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ t(

package/dist/FieldOfInterestsWithTagsCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-Dl9xPH4c.cjs"),g=require("./consts-goSZX3xP.cjs"),y=require("./Icon.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),l=require("./utils-Dl9xPH4c.cjs"),g=require("./consts-goSZX3xP.cjs"),y=require("./Icon.cjs"),b=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=c.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -49,12 +49,12 @@
     }
   }
   cursor: pointer;
-`,k=p.styled.div`
+`,k=c.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${l.linearGradientAnimation("-90deg")};
-`,I=p.styled.div`
+`,I=c.styled.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -108,12 +108,12 @@
   @media (max-width: ${g.MOBILE_SIZE_PX+"px"}) {
     min-width: fit-content;
   }
-`,N=p.styled.div`
+`,N=c.styled.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${l.linearGradientAnimation("-90deg")};
-`,$=d.forwardRef(({},i)=>r.jsx(N,{})),C=d.forwardRef(({name:i,isActive:n,icon:t,onSelectCard:o=()=>{}},c)=>r.jsxs(I,{className:n?"active":"",onClick:o,children:[l.isDefinedNotEmptyString(t)&&r.jsx(y,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),W=d.forwardRef(({image:i,imageComponent:n,name:t,description:o,onSelectCard:c=()=>{}},_)=>{const{theme:m}=b.useTheme();return r.jsxs(j,{theme:m,onClick:c,children:[l.isDefined(n)?n:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),o&&r.jsx("div",{className:"wrapper__description",children:o})]})]})}),R=d.forwardRef(({},i)=>r.jsx(k,{})),F=p.styled.div`
+`,$=p.forwardRef(({},i)=>r.jsx(N,{})),C=p.forwardRef(({name:i,isActive:n,icon:t,onSelectCard:o=()=>{}},d)=>r.jsxs(I,{ref:d,className:n?"active":"",onClick:o,children:[l.isDefinedNotEmptyString(t)&&r.jsx(y,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),W=p.forwardRef(({image:i,imageComponent:n,name:t,description:o,onSelectCard:d=()=>{}},m)=>{const{theme:f}=b.useTheme();return r.jsxs(j,{ref:m,theme:f,onClick:d,children:[l.isDefined(n)?n:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),o&&r.jsx("div",{className:"wrapper__description",children:o})]})]})}),R=p.forwardRef(({},i)=>r.jsx(k,{})),F=c.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -188,4 +188,4 @@
       gap: 1rem;
     }
   }
-`,T=d.forwardRef(({title:i,subtitle:n,tags:t=[],limitTags:o=7,limitTagsForMobile:c=7,limit:_=3,limitForMobile:m=2,items:a=[],selectedTag:u,onSelectTag:f=()=>{},onSelectCard:h=()=>{}},v)=>{var w,x;return r.jsxs(F,{ref:v,limitTags:o,limitTagsForMobile:c,limitCards:_,limitCardsForMobile:m,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__tags",children:t&&(t==null?void 0:t.length)>0?t==null?void 0:t.map((e,s)=>r.jsx(C,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===u,onSelectCard:()=>f==null?void 0:f(e)},`field-of-interests-with-tags-card-tag__${s+1}`)):(w=Array.from("123"))==null?void 0:w.map((e,s)=>r.jsx($,{},`field-of-interests-with-tags-card-tag-skeleton__${s+1}`))}),r.jsx("div",{className:"wrapper__cards",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,s)=>r.jsx(W,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-tags-card__${s+1}`)):(x=Array.from("123"))==null?void 0:x.map((e,s)=>r.jsx(R,{},`field-of-interests-with-tags-card-skeleton__${s+1}`))})]})});module.exports=T;
+`,T=p.forwardRef(({title:i,subtitle:n,tags:t=[],limitTags:o=7,limitTagsForMobile:d=7,limit:m=3,limitForMobile:f=2,items:a=[],selectedTag:u,onSelectTag:h=()=>{},onSelectCard:_=()=>{}},v)=>{var w,x;return r.jsxs(F,{ref:v,limitTags:o,limitTagsForMobile:d,limitCards:m,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__tags",children:t&&(t==null?void 0:t.length)>0?t==null?void 0:t.map((e,s)=>r.jsx(C,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===u,onSelectCard:()=>h==null?void 0:h(e)},`field-of-interests-with-tags-card-tag__${s+1}`)):(w=Array.from("123"))==null?void 0:w.map((e,s)=>r.jsx($,{},`field-of-interests-with-tags-card-tag-skeleton__${s+1}`))}),r.jsx("div",{className:"wrapper__cards",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,s)=>r.jsx(W,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>_==null?void 0:_(e)},`field-of-interests-with-tags-card__${s+1}`)):(x=Array.from("123"))==null?void 0:x.map((e,s)=>r.jsx(R,{},`field-of-interests-with-tags-card-skeleton__${s+1}`))})]})});module.exports=T;

package/dist/FieldOfInterestsWithTagsCardsSection.js

@@ -1,11 +1,11 @@
-import { jsx as r, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { p as x, o as u, k, l as N } from "./utils-BdsZgOUE.js";
 import { M as v } from "./consts-BuFChS64.js";
 import $ from "./Icon.js";
 import { u as C } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const I = m.div`
+const I = d.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -56,12 +56,12 @@ const I = m.div`
     }
   }
   cursor: pointer;
-`, W = m.div`
+`, W = d.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
   background: ${u("-90deg")};
-`, j = m.div`
+`, j = d.div`
   display: flex;
   padding: 0 0.75rem 0 0.75rem;
   align-items: center;
@@ -115,30 +115,38 @@ const I = m.div`
   @media (max-width: ${v + "px"}) {
     min-width: fit-content;
   }
-`, F = m.div`
+`, F = d.div`
   width: 7rem;
   height: 3rem;
   border-radius: 999px;
   background: ${u("-90deg")};
-`, T = p(({}, t) => /* @__PURE__ */ r(F, {})), z = p(
+`, T = m(({}, t) => /* @__PURE__ */ r(F, {})), z = m(
   ({ name: t, isActive: a, icon: i, onSelectCard: l = () => {
-  } }, d) => /* @__PURE__ */ s(j, { className: a ? "active" : "", onClick: l, children: [
-    k(i) && /* @__PURE__ */ r($, { icon: i, className: "wrapper__icon" }),
-    /* @__PURE__ */ r("div", { className: "wrapper__text", children: t })
-  ] })
-), O = p(
-  ({ image: t, imageComponent: a, name: i, description: l, onSelectCard: d = () => {
-  } }, _) => {
-    const { theme: c } = C();
-    return /* @__PURE__ */ s(I, { theme: c, onClick: d, children: [
+  } }, s) => /* @__PURE__ */ p(
+    j,
+    {
+      ref: s,
+      className: a ? "active" : "",
+      onClick: l,
+      children: [
+        k(i) && /* @__PURE__ */ r($, { icon: i, className: "wrapper__icon" }),
+        /* @__PURE__ */ r("div", { className: "wrapper__text", children: t })
+      ]
+    }
+  )
+), O = m(
+  ({ image: t, imageComponent: a, name: i, description: l, onSelectCard: s = () => {
+  } }, c) => {
+    const { theme: f } = C();
+    return /* @__PURE__ */ p(I, { ref: c, theme: f, onClick: s, children: [
       N(a) ? a : /* @__PURE__ */ r("img", { src: t, className: "wrapper__image" }),
-      /* @__PURE__ */ s("div", { className: "wrapper__content", children: [
+      /* @__PURE__ */ p("div", { className: "wrapper__content", children: [
         i && /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
         l && /* @__PURE__ */ r("div", { className: "wrapper__description", children: l })
       ] })
     ] });
   }
-), A = p(({}, t) => /* @__PURE__ */ r(W, {})), E = m.div`
+), A = m(({}, t) => /* @__PURE__ */ r(W, {})), E = d.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -213,33 +221,33 @@ const I = m.div`
       gap: 1rem;
     }
   }
-`, P = p(
+`, P = m(
   ({
     title: t,
     subtitle: a,
     tags: i = [],
     limitTags: l = 7,
-    limitTagsForMobile: d = 7,
-    limit: _ = 3,
-    limitForMobile: c = 2,
+    limitTagsForMobile: s = 7,
+    limit: c = 3,
+    limitForMobile: f = 2,
     items: n = [],
     selectedTag: y,
-    onSelectTag: f = () => {
+    onSelectTag: h = () => {
     },
-    onSelectCard: h = () => {
+    onSelectCard: _ = () => {
     }
   }, b) => {
     var w, g;
-    return /* @__PURE__ */ s(
+    return /* @__PURE__ */ p(
       E,
       {
         ref: b,
         limitTags: l,
-        limitTagsForMobile: d,
-        limitCards: _,
-        limitCardsForMobile: c,
+        limitTagsForMobile: s,
+        limitCards: c,
+        limitCardsForMobile: f,
         children: [
-          /* @__PURE__ */ s("div", { className: "wrapper__heading", children: [
+          /* @__PURE__ */ p("div", { className: "wrapper__heading", children: [
             t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
             a && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: a })
           ] }),
@@ -249,7 +257,7 @@ const I = m.div`
               icon: e == null ? void 0 : e.icon,
               name: e == null ? void 0 : e.title,
               isActive: (e == null ? void 0 : e.code) === y,
-              onSelectCard: () => f == null ? void 0 : f(e)
+              onSelectCard: () => h == null ? void 0 : h(e)
             },
             `field-of-interests-with-tags-card-tag__${o + 1}`
           )) : (w = Array.from("123")) == null ? void 0 : w.map((e, o) => /* @__PURE__ */ r(
@@ -264,7 +272,7 @@ const I = m.div`
               imageComponent: e == null ? void 0 : e.imageComponent,
               name: e == null ? void 0 : e.title,
               description: e == null ? void 0 : e.description,
-              onSelectCard: () => h == null ? void 0 : h(e)
+              onSelectCard: () => _ == null ? void 0 : _(e)
             },
             `field-of-interests-with-tags-card__${o + 1}`
           )) : (g = Array.from("123")) == null ? void 0 : g.map((e, o) => /* @__PURE__ */ r(

package/dist/{FilePlayer-DlCyGLHB.cjs → FilePlayer-DB6jnpeC.cjs}

@@ -1 +1 @@
-"use strict";const _=require("./_commonjsHelpers-DwTZ_eVU.cjs"),O=require("react"),E=require("./SearchSection-BGK1Fxaj.cjs");function A(s,e){for(var t=0;t<e.length;t++){const i=e[t];if(typeof i!="string"&&!Array.isArray(i)){for(const n in i)if(n!=="default"&&!(n in s)){const l=Object.getOwnPropertyDescriptor(i,n);l&&Object.defineProperty(s,n,l.get?l:{enumerable:!0,get:()=>i[n]})}}}return Object.freeze(Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}))}var R=Object.create,u=Object.defineProperty,I=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,w=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,k=(s,e,t)=>e in s?u(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,U=(s,e)=>{for(var t in e)u(s,t,{get:e[t],enumerable:!0})},m=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of D(e))!M.call(s,n)&&n!==t&&u(s,n,{get:()=>e[n],enumerable:!(i=I(e,n))||i.enumerable});return s},N=(s,e,t)=>(t=s!=null?R(w(s)):{},m(!s||!s.__esModule?u(t,"default",{value:s,enumerable:!0}):t,s)),j=s=>m(u({},"__esModule",{value:!0}),s),r=(s,e,t)=>(k(s,typeof e!="symbol"?e+"":e,t),t),g={};U(g,{default:()=>P});var S=j(g),p=N(O),a=E.utils,d=E.patterns;const y=typeof navigator<"u",H=y&&navigator.platform==="MacIntel"&&navigator.maxTouchPoints>1,v=y&&(/iPad|iPhone|iPod/.test(navigator.userAgent)||H)&&!window.MSStream,F=y&&/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&!window.MSStream,V="https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js",T="Hls",C="https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js",B="dashjs",x="https://cdn.jsdelivr.net/npm/flv.js@VERSION/dist/flv.min.js",K="flvjs",q=/www\.dropbox\.com\/.+/,f=/https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/,G="https://videodelivery.net/{id}/manifest/video.m3u8";class P extends p.Component{constructor(){super(...arguments),r(this,"onReady",(...e)=>this.props.onReady(...e)),r(this,"onPlay",(...e)=>this.props.onPlay(...e)),r(this,"onBuffer",(...e)=>this.props.onBuffer(...e)),r(this,"onBufferEnd",(...e)=>this.props.onBufferEnd(...e)),r(this,"onPause",(...e)=>this.props.onPause(...e)),r(this,"onEnded",(...e)=>this.props.onEnded(...e)),r(this,"onError",(...e)=>this.props.onError(...e)),r(this,"onPlayBackRateChange",e=>this.props.onPlaybackRateChange(e.target.playbackRate)),r(this,"onEnablePIP",(...e)=>this.props.onEnablePIP(...e)),r(this,"onDisablePIP",e=>{const{onDisablePIP:t,playing:i}=this.props;t(e),i&&this.play()}),r(this,"onPresentationModeChange",e=>{if(this.player&&(0,a.supportsWebKitPresentationMode)(this.player)){const{webkitPresentationMode:t}=this.player;t==="picture-in-picture"?this.onEnablePIP(e):t==="inline"&&this.onDisablePIP(e)}}),r(this,"onSeek",e=>{this.props.onSeek(e.target.currentTime)}),r(this,"mute",()=>{this.player.muted=!0}),r(this,"unmute",()=>{this.player.muted=!1}),r(this,"renderSourceElement",(e,t)=>typeof e=="string"?p.default.createElement("source",{key:t,src:e}):p.default.createElement("source",{key:t,...e})),r(this,"renderTrack",(e,t)=>p.default.createElement("track",{key:t,...e})),r(this,"ref",e=>{this.player&&(this.prevPlayer=this.player),this.player=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this),this.addListeners(this.player);const e=this.getSource(this.props.url);e&&(this.player.src=e),(v||this.props.config.forceDisableHls)&&this.player.load()}componentDidUpdate(e){this.shouldUseAudio(this.props)!==this.shouldUseAudio(e)&&(this.removeListeners(this.prevPlayer,e.url),this.addListeners(this.player)),this.props.url!==e.url&&!(0,a.isMediaStream)(this.props.url)&&!(this.props.url instanceof Array)&&(this.player.srcObject=null)}componentWillUnmount(){this.player.removeAttribute("src"),this.removeListeners(this.player),this.hls&&this.hls.destroy()}addListeners(e){const{url:t,playsinline:i}=this.props;e.addEventListener("play",this.onPlay),e.addEventListener("waiting",this.onBuffer),e.addEventListener("playing",this.onBufferEnd),e.addEventListener("pause",this.onPause),e.addEventListener("seeked",this.onSeek),e.addEventListener("ended",this.onEnded),e.addEventListener("error",this.onError),e.addEventListener("ratechange",this.onPlayBackRateChange),e.addEventListener("enterpictureinpicture",this.onEnablePIP),e.addEventListener("leavepictureinpicture",this.onDisablePIP),e.addEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),this.shouldUseHLS(t)||e.addEventListener("canplay",this.onReady),i&&(e.setAttribute("playsinline",""),e.setAttribute("webkit-playsinline",""),e.setAttribute("x5-playsinline",""))}removeListeners(e,t){e.removeEventListener("canplay",this.onReady),e.removeEventListener("play",this.onPlay),e.removeEventListener("waiting",this.onBuffer),e.removeEventListener("playing",this.onBufferEnd),e.removeEventListener("pause",this.onPause),e.removeEventListener("seeked",this.onSeek),e.removeEventListener("ended",this.onEnded),e.removeEventListener("error",this.onError),e.removeEventListener("ratechange",this.onPlayBackRateChange),e.removeEventListener("enterpictureinpicture",this.onEnablePIP),e.removeEventListener("leavepictureinpicture",this.onDisablePIP),e.removeEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),this.shouldUseHLS(t)||e.removeEventListener("canplay",this.onReady)}shouldUseAudio(e){return e.config.forceVideo||e.config.attributes.poster?!1:d.AUDIO_EXTENSIONS.test(e.url)||e.config.forceAudio}shouldUseHLS(e){return F&&this.props.config.forceSafariHLS||this.props.config.forceHLS?!0:v||this.props.config.forceDisableHls?!1:d.HLS_EXTENSIONS.test(e)||f.test(e)}shouldUseDASH(e){return d.DASH_EXTENSIONS.test(e)||this.props.config.forceDASH}shouldUseFLV(e){return d.FLV_EXTENSIONS.test(e)||this.props.config.forceFLV}load(e){const{hlsVersion:t,hlsOptions:i,dashVersion:n,flvVersion:l}=this.props.config;if(this.hls&&this.hls.destroy(),this.dash&&this.dash.reset(),this.shouldUseHLS(e)&&(0,a.getSDK)(V.replace("VERSION",t),T).then(o=>{if(this.hls=new o(i),this.hls.on(o.Events.MANIFEST_PARSED,()=>{this.props.onReady()}),this.hls.on(o.Events.ERROR,(h,c)=>{this.props.onError(h,c,this.hls,o)}),f.test(e)){const h=e.match(f)[1];this.hls.loadSource(G.replace("{id}",h))}else this.hls.loadSource(e);this.hls.attachMedia(this.player),this.props.onLoaded()}),this.shouldUseDASH(e)&&(0,a.getSDK)(C.replace("VERSION",n),B).then(o=>{this.dash=o.MediaPlayer().create(),this.dash.initialize(this.player,e,this.props.playing),this.dash.on("error",this.props.onError),parseInt(n)<3?this.dash.getDebug().setLogToBrowserConsole(!1):this.dash.updateSettings({debug:{logLevel:o.Debug.LOG_LEVEL_NONE}}),this.props.onLoaded()}),this.shouldUseFLV(e)&&(0,a.getSDK)(x.replace("VERSION",l),K).then(o=>{this.flv=o.createPlayer({type:"flv",url:e}),this.flv.attachMediaElement(this.player),this.flv.on(o.Events.ERROR,(h,c)=>{this.props.onError(h,c,this.flv,o)}),this.flv.load(),this.props.onLoaded()}),e instanceof Array)this.player.load();else if((0,a.isMediaStream)(e))try{this.player.srcObject=e}catch{this.player.src=window.URL.createObjectURL(e)}}play(){const e=this.player.play();e&&e.catch(this.props.onError)}pause(){this.player.pause()}stop(){this.player.removeAttribute("src"),this.dash&&this.dash.reset()}seekTo(e,t=!0){this.player.currentTime=e,t||this.pause()}setVolume(e){this.player.volume=e}enablePIP(){this.player.requestPictureInPicture&&document.pictureInPictureElement!==this.player?this.player.requestPictureInPicture():(0,a.supportsWebKitPresentationMode)(this.player)&&this.player.webkitPresentationMode!=="picture-in-picture"&&this.player.webkitSetPresentationMode("picture-in-picture")}disablePIP(){document.exitPictureInPicture&&document.pictureInPictureElement===this.player?document.exitPictureInPicture():(0,a.supportsWebKitPresentationMode)(this.player)&&this.player.webkitPresentationMode!=="inline"&&this.player.webkitSetPresentationMode("inline")}setPlaybackRate(e){try{this.player.playbackRate=e}catch(t){this.props.onError(t)}}getDuration(){if(!this.player)return null;const{duration:e,seekable:t}=this.player;return e===1/0&&t.length>0?t.end(t.length-1):e}getCurrentTime(){return this.player?this.player.currentTime:null}getSecondsLoaded(){if(!this.player)return null;const{buffered:e}=this.player;if(e.length===0)return 0;const t=e.end(e.length-1),i=this.getDuration();return t>i?i:t}getSource(e){const t=this.shouldUseHLS(e),i=this.shouldUseDASH(e),n=this.shouldUseFLV(e);if(!(e instanceof Array||(0,a.isMediaStream)(e)||t||i||n))return q.test(e)?e.replace("www.dropbox.com","dl.dropboxusercontent.com"):e}render(){const{url:e,playing:t,loop:i,controls:n,muted:l,config:o,width:h,height:c}=this.props,L=this.shouldUseAudio(this.props)?"audio":"video",b={width:h==="auto"?h:"100%",height:c==="auto"?c:"100%"};return p.default.createElement(L,{ref:this.ref,src:this.getSource(e),style:b,preload:"auto",autoPlay:t||void 0,controls:n,muted:l,loop:i,...o.attributes},e instanceof Array&&e.map(this.renderSourceElement),o.tracks.map(this.renderTrack))}}r(P,"displayName","FilePlayer");r(P,"canPlay",d.canPlay.file);const X=_.getDefaultExportFromCjs(S),W=A({__proto__:null,default:X},[S]);exports.FilePlayer=W;
+"use strict";const _=require("./_commonjsHelpers-DwTZ_eVU.cjs"),O=require("react"),E=require("./SearchSection-BcbHP6QF.cjs");function A(s,e){for(var t=0;t<e.length;t++){const i=e[t];if(typeof i!="string"&&!Array.isArray(i)){for(const n in i)if(n!=="default"&&!(n in s)){const l=Object.getOwnPropertyDescriptor(i,n);l&&Object.defineProperty(s,n,l.get?l:{enumerable:!0,get:()=>i[n]})}}}return Object.freeze(Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}))}var R=Object.create,u=Object.defineProperty,I=Object.getOwnPropertyDescriptor,D=Object.getOwnPropertyNames,w=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty,k=(s,e,t)=>e in s?u(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,U=(s,e)=>{for(var t in e)u(s,t,{get:e[t],enumerable:!0})},m=(s,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of D(e))!M.call(s,n)&&n!==t&&u(s,n,{get:()=>e[n],enumerable:!(i=I(e,n))||i.enumerable});return s},N=(s,e,t)=>(t=s!=null?R(w(s)):{},m(!s||!s.__esModule?u(t,"default",{value:s,enumerable:!0}):t,s)),j=s=>m(u({},"__esModule",{value:!0}),s),r=(s,e,t)=>(k(s,typeof e!="symbol"?e+"":e,t),t),g={};U(g,{default:()=>P});var S=j(g),p=N(O),a=E.utils,d=E.patterns;const y=typeof navigator<"u",H=y&&navigator.platform==="MacIntel"&&navigator.maxTouchPoints>1,v=y&&(/iPad|iPhone|iPod/.test(navigator.userAgent)||H)&&!window.MSStream,F=y&&/^((?!chrome|android).)*safari/i.test(navigator.userAgent)&&!window.MSStream,V="https://cdn.jsdelivr.net/npm/hls.js@VERSION/dist/hls.min.js",T="Hls",C="https://cdnjs.cloudflare.com/ajax/libs/dashjs/VERSION/dash.all.min.js",B="dashjs",x="https://cdn.jsdelivr.net/npm/flv.js@VERSION/dist/flv.min.js",K="flvjs",q=/www\.dropbox\.com\/.+/,f=/https:\/\/watch\.cloudflarestream\.com\/([a-z0-9]+)/,G="https://videodelivery.net/{id}/manifest/video.m3u8";class P extends p.Component{constructor(){super(...arguments),r(this,"onReady",(...e)=>this.props.onReady(...e)),r(this,"onPlay",(...e)=>this.props.onPlay(...e)),r(this,"onBuffer",(...e)=>this.props.onBuffer(...e)),r(this,"onBufferEnd",(...e)=>this.props.onBufferEnd(...e)),r(this,"onPause",(...e)=>this.props.onPause(...e)),r(this,"onEnded",(...e)=>this.props.onEnded(...e)),r(this,"onError",(...e)=>this.props.onError(...e)),r(this,"onPlayBackRateChange",e=>this.props.onPlaybackRateChange(e.target.playbackRate)),r(this,"onEnablePIP",(...e)=>this.props.onEnablePIP(...e)),r(this,"onDisablePIP",e=>{const{onDisablePIP:t,playing:i}=this.props;t(e),i&&this.play()}),r(this,"onPresentationModeChange",e=>{if(this.player&&(0,a.supportsWebKitPresentationMode)(this.player)){const{webkitPresentationMode:t}=this.player;t==="picture-in-picture"?this.onEnablePIP(e):t==="inline"&&this.onDisablePIP(e)}}),r(this,"onSeek",e=>{this.props.onSeek(e.target.currentTime)}),r(this,"mute",()=>{this.player.muted=!0}),r(this,"unmute",()=>{this.player.muted=!1}),r(this,"renderSourceElement",(e,t)=>typeof e=="string"?p.default.createElement("source",{key:t,src:e}):p.default.createElement("source",{key:t,...e})),r(this,"renderTrack",(e,t)=>p.default.createElement("track",{key:t,...e})),r(this,"ref",e=>{this.player&&(this.prevPlayer=this.player),this.player=e})}componentDidMount(){this.props.onMount&&this.props.onMount(this),this.addListeners(this.player);const e=this.getSource(this.props.url);e&&(this.player.src=e),(v||this.props.config.forceDisableHls)&&this.player.load()}componentDidUpdate(e){this.shouldUseAudio(this.props)!==this.shouldUseAudio(e)&&(this.removeListeners(this.prevPlayer,e.url),this.addListeners(this.player)),this.props.url!==e.url&&!(0,a.isMediaStream)(this.props.url)&&!(this.props.url instanceof Array)&&(this.player.srcObject=null)}componentWillUnmount(){this.player.removeAttribute("src"),this.removeListeners(this.player),this.hls&&this.hls.destroy()}addListeners(e){const{url:t,playsinline:i}=this.props;e.addEventListener("play",this.onPlay),e.addEventListener("waiting",this.onBuffer),e.addEventListener("playing",this.onBufferEnd),e.addEventListener("pause",this.onPause),e.addEventListener("seeked",this.onSeek),e.addEventListener("ended",this.onEnded),e.addEventListener("error",this.onError),e.addEventListener("ratechange",this.onPlayBackRateChange),e.addEventListener("enterpictureinpicture",this.onEnablePIP),e.addEventListener("leavepictureinpicture",this.onDisablePIP),e.addEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),this.shouldUseHLS(t)||e.addEventListener("canplay",this.onReady),i&&(e.setAttribute("playsinline",""),e.setAttribute("webkit-playsinline",""),e.setAttribute("x5-playsinline",""))}removeListeners(e,t){e.removeEventListener("canplay",this.onReady),e.removeEventListener("play",this.onPlay),e.removeEventListener("waiting",this.onBuffer),e.removeEventListener("playing",this.onBufferEnd),e.removeEventListener("pause",this.onPause),e.removeEventListener("seeked",this.onSeek),e.removeEventListener("ended",this.onEnded),e.removeEventListener("error",this.onError),e.removeEventListener("ratechange",this.onPlayBackRateChange),e.removeEventListener("enterpictureinpicture",this.onEnablePIP),e.removeEventListener("leavepictureinpicture",this.onDisablePIP),e.removeEventListener("webkitpresentationmodechanged",this.onPresentationModeChange),this.shouldUseHLS(t)||e.removeEventListener("canplay",this.onReady)}shouldUseAudio(e){return e.config.forceVideo||e.config.attributes.poster?!1:d.AUDIO_EXTENSIONS.test(e.url)||e.config.forceAudio}shouldUseHLS(e){return F&&this.props.config.forceSafariHLS||this.props.config.forceHLS?!0:v||this.props.config.forceDisableHls?!1:d.HLS_EXTENSIONS.test(e)||f.test(e)}shouldUseDASH(e){return d.DASH_EXTENSIONS.test(e)||this.props.config.forceDASH}shouldUseFLV(e){return d.FLV_EXTENSIONS.test(e)||this.props.config.forceFLV}load(e){const{hlsVersion:t,hlsOptions:i,dashVersion:n,flvVersion:l}=this.props.config;if(this.hls&&this.hls.destroy(),this.dash&&this.dash.reset(),this.shouldUseHLS(e)&&(0,a.getSDK)(V.replace("VERSION",t),T).then(o=>{if(this.hls=new o(i),this.hls.on(o.Events.MANIFEST_PARSED,()=>{this.props.onReady()}),this.hls.on(o.Events.ERROR,(h,c)=>{this.props.onError(h,c,this.hls,o)}),f.test(e)){const h=e.match(f)[1];this.hls.loadSource(G.replace("{id}",h))}else this.hls.loadSource(e);this.hls.attachMedia(this.player),this.props.onLoaded()}),this.shouldUseDASH(e)&&(0,a.getSDK)(C.replace("VERSION",n),B).then(o=>{this.dash=o.MediaPlayer().create(),this.dash.initialize(this.player,e,this.props.playing),this.dash.on("error",this.props.onError),parseInt(n)<3?this.dash.getDebug().setLogToBrowserConsole(!1):this.dash.updateSettings({debug:{logLevel:o.Debug.LOG_LEVEL_NONE}}),this.props.onLoaded()}),this.shouldUseFLV(e)&&(0,a.getSDK)(x.replace("VERSION",l),K).then(o=>{this.flv=o.createPlayer({type:"flv",url:e}),this.flv.attachMediaElement(this.player),this.flv.on(o.Events.ERROR,(h,c)=>{this.props.onError(h,c,this.flv,o)}),this.flv.load(),this.props.onLoaded()}),e instanceof Array)this.player.load();else if((0,a.isMediaStream)(e))try{this.player.srcObject=e}catch{this.player.src=window.URL.createObjectURL(e)}}play(){const e=this.player.play();e&&e.catch(this.props.onError)}pause(){this.player.pause()}stop(){this.player.removeAttribute("src"),this.dash&&this.dash.reset()}seekTo(e,t=!0){this.player.currentTime=e,t||this.pause()}setVolume(e){this.player.volume=e}enablePIP(){this.player.requestPictureInPicture&&document.pictureInPictureElement!==this.player?this.player.requestPictureInPicture():(0,a.supportsWebKitPresentationMode)(this.player)&&this.player.webkitPresentationMode!=="picture-in-picture"&&this.player.webkitSetPresentationMode("picture-in-picture")}disablePIP(){document.exitPictureInPicture&&document.pictureInPictureElement===this.player?document.exitPictureInPicture():(0,a.supportsWebKitPresentationMode)(this.player)&&this.player.webkitPresentationMode!=="inline"&&this.player.webkitSetPresentationMode("inline")}setPlaybackRate(e){try{this.player.playbackRate=e}catch(t){this.props.onError(t)}}getDuration(){if(!this.player)return null;const{duration:e,seekable:t}=this.player;return e===1/0&&t.length>0?t.end(t.length-1):e}getCurrentTime(){return this.player?this.player.currentTime:null}getSecondsLoaded(){if(!this.player)return null;const{buffered:e}=this.player;if(e.length===0)return 0;const t=e.end(e.length-1),i=this.getDuration();return t>i?i:t}getSource(e){const t=this.shouldUseHLS(e),i=this.shouldUseDASH(e),n=this.shouldUseFLV(e);if(!(e instanceof Array||(0,a.isMediaStream)(e)||t||i||n))return q.test(e)?e.replace("www.dropbox.com","dl.dropboxusercontent.com"):e}render(){const{url:e,playing:t,loop:i,controls:n,muted:l,config:o,width:h,height:c}=this.props,L=this.shouldUseAudio(this.props)?"audio":"video",b={width:h==="auto"?h:"100%",height:c==="auto"?c:"100%"};return p.default.createElement(L,{ref:this.ref,src:this.getSource(e),style:b,preload:"auto",autoPlay:t||void 0,controls:n,muted:l,loop:i,...o.attributes},e instanceof Array&&e.map(this.renderSourceElement),o.tracks.map(this.renderTrack))}}r(P,"displayName","FilePlayer");r(P,"canPlay",d.canPlay.file);const X=_.getDefaultExportFromCjs(S),W=A({__proto__:null,default:X},[S]);exports.FilePlayer=W;

package/dist/{FilePlayer-Ckx8dmB0.js → FilePlayer-ktaNhf3p.js}

@@ -1,6 +1,6 @@
 import { g as b } from "./_commonjsHelpers-BkfeUUK-.js";
 import _ from "react";
-import { u as O, p as A } from "./SearchSection-CsfURtvf.js";
+import { u as O, p as A } from "./SearchSection-DDQ_K98T.js";
 function R(s, e) {
   for (var t = 0; t < e.length; t++) {
     const i = e[t];