@lanaco/lnc-react-ui 4.0.151 → 4.0.153

package/dist/suspense-product-card-detailed-wPRUytSf.cjs

@@ -0,0 +1,263 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),t=require("./utils-Dl9xPH4c.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),le=require("./index-BueKsXT8.cjs"),x=require("./Badge.cjs"),de=require("./Popover.cjs"),me=require("./PopoverTrigger.cjs"),pe=require("./PopoverContent.cjs"),ue=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./consts-goSZX3xP.cjs"),G=N.styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  cursor: pointer;
+  overflow: hidden;
+  width: 100%;
+
+  & .wrapper-card-1 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.38rem;
+  }
+
+  & .wrapper-card-2 {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  }
+
+  & .wrapper-card-3 {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem;
+
+    & > div {
+      & > div {
+        width: 100% !important;
+      }
+    }
+  }
+
+  & .tag {
+    height: 1.5rem;
+    gap: 0.25rem;
+    padding: 0.25rem 0.375rem;
+    border-radius: 0.375rem;
+    background: #f9fafb;
+    border: 1px solid var(--gray-95012, #14161a1f);
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    letter-spacing: 0.025rem;
+    color: var(--gray-950, #14161a);
+    white-space: nowrap;
+    flex: 0 0 auto;
+
+    & i {
+      color: var(--yellow-500, #f59e0b);
+    }
+  }
+
+  & .tag-mobile {
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    letter-spacing: 0.025rem;
+    color: var(--gray-600, #676e79);
+  }
+
+  & .card-title {
+    font-size: 0.875rem;
+    font-weight: 600;
+    ${t.truncateTextInRows(2)}
+  }
+
+  & .price-text {
+    font-size: 1rem;
+    font-weight: 600;
+    ${t.truncateText()}
+    display: flex;
+    align-items: end;
+    gap: 0.5rem;
+    color: var(--gray-950, #14161a);
+
+    &.new-price {
+      color: var(--danger-600, #e11d48);
+    }
+
+    & .full-price {
+      text-decoration: line-through;
+      font-size: 0.75rem;
+      font-weight: 400;
+      padding-bottom: 0.125rem;
+      color: var(--gray-600, #676e79);
+    }
+  }
+
+  & .location-text {
+    font-size: 0.75rem;
+    font-weight: 400;
+    color: var(--gray-600, #676e79);
+    ${t.truncateText()}
+  }
+
+  & .tags-wrapper {
+    display: flex;
+    gap: 0.5rem;
+  }
+
+  & .skeleton-img {
+    background-color: ${t.linearGradientAnimation("-90deg")};
+    border-radius: 0.75rem;
+    border: 1px solid white;
+  }
+
+  & .skeleton-title {
+    background-color: ${t.linearGradientAnimation("-90deg")};
+    width: 100%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-tags {
+    background-color: ${t.linearGradientAnimation("-90deg")};
+    width: 80%;
+    height: 1.5rem;
+  }
+
+  & .skeleton-price {
+    background-color: ${t.linearGradientAnimation("-90deg")};
+    width: 50%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-sponsored {
+    background-color: ${t.linearGradientAnimation("-90deg")};
+    width: 50%;
+    height: 1rem;
+  }
+
+  & .tags-popover__trigger {
+    display: flex;
+    gap: 0.25rem;
+  }
+
+  @media (max-width: ${R.MOBILE_SIZE_PX+"px"}) {
+    overflow: visible;
+
+    & .tags-popover__trigger {
+      flex-wrap: wrap;
+    }
+
+    & .price-text {
+      font-size: 0.875rem;
+      font-weight: 600;
+
+      & .full-price {
+        display: none;
+      }
+    }
+  }
+
+  &:hover .product-image-wrapper img {
+    transform: scale(1.1);
+  }
+`,ge=N.styled.div`
+  position: relative;
+  overflow: hidden;
+  border-radius: 0.75rem;
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  border: 1px solid #0c15201f;
+
+  & .bookmarking-btn {
+    position: absolute;
+    right: 0.5rem;
+    top: 0.5rem;
+    z-index: 1;
+
+    display: none;
+  }
+
+  &:hover {
+    & .bookmarking-btn {
+      display: flex;
+    }
+  }
+
+  & img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 0.75rem;
+    transition: var(--transition, all 0.3s ease);
+  }
+
+  @media (max-width: ${R.MOBILE_SIZE_PX+"px"}) {
+    & img {
+      width: 8.875rem;
+      height: 8.875rem;
+      min-width: 8.875rem;
+      min-height: 8.875rem;
+      object-fit: cover;
+    }
+
+    & .bookmarking-btn {
+      display: flex;
+    }
+  }
+`,he=N.styled.div`
+  background: var(--white, #fff);
+  z-index: 1;
+
+  border: 1px solid var(--gray-200, #dddfe4);
+  border-radius: 0.5rem;
+  line-height: 1rem;
+  position: absolute;
+  padding: 0.5rem 0.75rem;
+  top: 0.5rem;
+  left: 25%;
+  transform: translateX(-50%);
+  min-width: 13rem;
+
+  &::before,
+  &::after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    border-style: solid;
+    border-width: 0.625rem;
+  }
+
+  &::after {
+    top: -1.1875rem;
+    border-color: transparent transparent var(--white, #fff) transparent;
+  }
+
+  &::before {
+    top: -1.25rem;
+    border-color: transparent transparent var(--gray-200, #dddfe4) transparent;
+  }
+
+  & .tags-popover__content {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    gap: 0.375rem;
+    font-size: 0.75rem;
+    font-weight: 400;
+
+    & .tags-popover__name {
+      color: var(--gray-600, #676e79);
+    }
+
+    & .tags-popover__value {
+      color: var(--gray-950, #14161a);
+    }
+  }
+`,fe=N.styled.div`
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  color: var(--gray-500);
+  font-size:  0.75rem;
+  font-weight: 500;
+
+  & i {
+    font-size: 1rem;
+    color: var(--warning-500, #F59E0B);
+  }
+`,ve=a.forwardRef(({sponsoredText:p="Sponsored"},w)=>e.jsxs(fe,{ref:w,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:p})]})),we="Vehicles_Cars",be="Vehicles_Motorcycles",ye="Vehicles_Trucks",je="Vehicles_AgriculturalMachines_Tractors",ke="Vehicles_ConstructionMachines",_e="Vehicles_Bus",xe="Vehicles_Campers",Ne="RealEstates_",i={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},Ce=a.forwardRef((p,w)=>{const{uuid:u,name:j,price:h=0,sellingPrice:k,currency:_,isNegotiable:C,isFree:P,imageUrl:A,location:X,sponsored:L,imageComponent:V,onSelectCard:U=()=>{},freeText:Y="Free",negotiableText:K="Negotiable",tags:o=[],categoryCode:$,condition:E,quantity:S,trade:T,sponsoredText:Z,onBookmark:B=()=>{},bookmarkComponent:b,bookmarked:z,bookmarkLists:H}=p,O=ue.useDetectMobile(),J=()=>{var l;if(!t.isDefined(b))return e.jsx(e.Fragment,{});const r=b,n=(l=b==null?void 0:b.props)==null?void 0:l.children,s=a.cloneElement(n,{key:`bookmark_pr__${z}`,bookmarked:z,productUuid:u,onAddToBookmark:()=>B(!0,u),onRemoveFromBookmark:()=>B(!1,u),bookmarkedUuidList:H});return a.cloneElement(r,void 0,s)},M=[we,be,ye,je,ke,_e,xe,Ne].some(r=>$==null?void 0:$.includes(r)),[Q,q]=a.useState(!1),ee=()=>{q(!0)},re=()=>{q(!1)},c=a.useRef(null),f=a.useRef([]),[ne,oe]=a.useState(o==null?void 0:o.length),te=()=>{var l,d,y;if(!(c!=null&&c.current)||((l=f==null?void 0:f.current)==null?void 0:l.length)===0)return;const r=(d=c==null?void 0:c.current)==null?void 0:d.offsetWidth;let n=0,s=0;for(let m=0;m<(o==null?void 0:o.length);m++){const v=((y=f==null?void 0:f.current[m])==null?void 0:y.offsetWidth)||0,g=n+v+4;if(g<=r)n+=g,s++;else break}oe(s)};a.useEffect(()=>{const r=c==null?void 0:c.current;if(!r)return;const n=new ResizeObserver(()=>{te()});return n.observe(r),()=>{n.disconnect()}},[o]);const se=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=o==null?void 0:o.slice(0,ne))==null?void 0:r.map((n,s)=>{var v,g,W,D,I;const l=((v=i==null?void 0:i[n==null?void 0:n.code])==null?void 0:v.icon)??((g=i==null?void 0:i.default)==null?void 0:g.icon)??"",d=((W=n==null?void 0:n.measurementUnit)==null?void 0:W.symbol)??((D=i==null?void 0:i[n==null?void 0:n.code])==null?void 0:D.measure)??"",m=[(n==null?void 0:n.value)??((I=n==null?void 0:n.multiOptions)==null?void 0:I[0])??"",d].filter(Boolean).join(" ");return O?e.jsxs("div",{className:"tag-mobile",children:[m,s<(o==null?void 0:o.length)-1?" · ":""]}):e.jsxs(x,{ref:ce=>f.current[s]=ce,className:"tag",children:[e.jsx("i",{className:l}),m]},`detailed-products-section-tag__${s+1}`)})})},ie=()=>e.jsx("div",{className:"tags-popover__content",children:o==null?void 0:o.map((r,n)=>{var m,v,g;const s=((m=r==null?void 0:r.measurementUnit)==null?void 0:m.symbol)??((v=i==null?void 0:i[r==null?void 0:r.code])==null?void 0:v.measure)??"",d=[(r==null?void 0:r.value)??((g=r==null?void 0:r.multiOptions)==null?void 0:g[0])??"",s].filter(Boolean).join(" "),y=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${y}: `}),e.jsx("span",{className:"tags-popover__value",children:d})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),ae=()=>{var r;if(O){const n=[E,S,T];return(r=n==null?void 0:n.filter(s=>t.isDefinedNotEmptyString(s)))==null?void 0:r.map((s,l,d)=>e.jsxs("div",{className:"tag-mobile",children:[s,l<(d==null?void 0:d.length)-1?" · ":""]}))}return e.jsxs(e.Fragment,{children:[E&&e.jsx(x,{className:"tag",children:E},"detailed-products-section-tag__condition"),S&&e.jsx(x,{className:"tag",children:S},"detailed-products-section-tag__quantity"),T&&e.jsx(x,{className:"tag",children:T},"detailed-products-section-tag__trade")]})},F=h>0&&_&&C!==!0&&P!==!0&&h!==k;return e.jsxs(G,{ref:c,className:"product-card",onClick:U,children:[e.jsxs(ge,{className:"product-image-wrapper",children:[e.jsx(J,{}),t.isDefined(V)?V:e.jsx(le.ProductImageWrapper,{src:A})]}),e.jsx("div",{className:"wrapper-card-1",children:e.jsx("div",{className:"card-title",children:j})}),e.jsxs("div",{className:"wrapper-card-3",children:[M&&e.jsx("div",{...O?{}:{onMouseEnter:ee,onMouseLeave:re},children:e.jsxs(de,{placement:"bottom",open:Q,children:[e.jsx(me,{children:se()}),e.jsx(pe,{style:{all:"unset"},children:e.jsx(he,{children:ie()})})]})}),!M&&ae()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${F?"new-price":""}`,children:[k>0&&_&&C!==!0&&P!==!0&&e.jsx("div",{children:`${t.formatPrice(k)} ${t.GetCurrencySymbol(_)}`}),F&&e.jsx("div",{className:`${k>0?"full-price":""}`,children:`${t.formatPrice(h)} ${t.GetCurrencySymbol(_)}`}),C&&K,P&&Y]}),e.jsx("div",{className:"location-text",children:X})]}),L===!0&&e.jsx(ve,{sponsoredText:Z})]})}),Pe=a.forwardRef(({},p)=>e.jsxs(G,{className:"product-card",children:[e.jsx("img",{className:"skeleton-img"}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"skeleton-tags"})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-price"}),e.jsx("div",{className:"skeleton-sponsored"})]})]})),$e=({limit:p=5,isLoading:w=!1,keyPrefix:u})=>e.jsx(e.Fragment,{children:Array.from({length:p},(j,h)=>e.jsx(Pe,{isLoading:w},`${u}-skeleton-product-card-${h}`))}),Ee=({children:p,fallbackComponent:w=e.jsx(e.Fragment,{}),isLoading:u=!1,limit:j,keyPrefix:h})=>e.jsx(a.Suspense,{fallbackComponent:w,children:u===!0?e.jsx($e,{isLoading:u,limit:j,keyPrefix:h}):p});exports.DetailedProductCard=Ce;exports.SuspenseDetailedProductCard=Ee;

package/dist/{suspense-product-card-simple-D2m3NcrV.js → suspense-product-card-simple-CLJjab5B.js}

@@ -1,6 +1,6 @@
 import { jsx as r, Fragment as p } from "react/jsx-runtime";
 import { forwardRef as a, Suspense as l } from "react";
-import { a as c } from "./index-DzYKmmn2.js";
+import { a as c } from "./index-BGY3PSA-.js";
 const m = a((e, t) => /* @__PURE__ */ r(c, {})), u = ({ limit: e = 6, isLoading: t = !1, keyPrefix: o }) => /* @__PURE__ */ r(p, { children: Array.from({ length: e }, (s, n) => /* @__PURE__ */ r(
   m,
   {

package/dist/{suspense-product-card-simple-BWxWMag0.cjs → suspense-product-card-simple-CrqjSxHI.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),u=require("react"),c=require("./index-cd9auaNr.cjs"),d=u.forwardRef((r,t)=>e.jsx(c.SkeletonWrapper,{})),l=({limit:r=6,isLoading:t=!1,keyPrefix:s})=>e.jsx(e.Fragment,{children:Array.from({length:r},(o,n)=>e.jsx(d,{isLoading:t},`${s}-skeleton-product-card-${n}`))}),a=({children:r,fallbackComponent:t=e.jsx(e.Fragment,{}),isLoading:s=!1,limit:o,keyPrefix:n})=>e.jsx(u.Suspense,{fallbackComponent:t,children:s===!0?e.jsx(l,{isLoading:s,limit:o,keyPrefix:n}):r});exports.SuspenseSimpleProductCard=a;
+"use strict";const e=require("react/jsx-runtime"),u=require("react"),c=require("./index-CLoINIGC.cjs"),d=u.forwardRef((r,t)=>e.jsx(c.SkeletonWrapper,{})),l=({limit:r=6,isLoading:t=!1,keyPrefix:s})=>e.jsx(e.Fragment,{children:Array.from({length:r},(o,n)=>e.jsx(d,{isLoading:t},`${s}-skeleton-product-card-${n}`))}),a=({children:r,fallbackComponent:t=e.jsx(e.Fragment,{}),isLoading:s=!1,limit:o,keyPrefix:n})=>e.jsx(u.Suspense,{fallbackComponent:t,children:s===!0?e.jsx(l,{isLoading:s,limit:o,keyPrefix:n}):r});exports.SuspenseSimpleProductCard=a;

package/dist/{tag-CtleOqEC.js → tag-cRMfP-SZ.js}

@@ -1,10 +1,10 @@
 import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
+import { forwardRef as m } from "react";
 import { P as r } from "./index-CblbdqjE.js";
-import m from "./Chip.js";
+import d from "./Chip.js";
 import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as t } from "./consts-BuFChS64.js";
-const d = o.div`
+const p = o.div`
   display: flex;
   gap: 0.75rem;
   align-items: center;
@@ -176,10 +176,10 @@ const d = o.div`
       }
     }
   }
-`, p = f(
+`, g = m(
   ({ tags: n = [], allTagText: i, selectedTagCode: l = null, onSelectTag: s = () => {
-  } }, g) => /* @__PURE__ */ a(d, { className: "section__tags", children: [{ name: i, code: null }, ...n].map((e, c) => /* @__PURE__ */ a(
-    m,
+  } }, c) => /* @__PURE__ */ a(p, { ref: c, className: "section__tags", children: [{ name: i, code: null }, ...n].map((e, f) => /* @__PURE__ */ a(
+    d,
     {
       label: e == null ? void 0 : e.name,
       borderRadius: "curved",
@@ -189,16 +189,16 @@ const d = o.div`
         s(e);
       }
     },
-    `faq-section-tag__${c + 1}`
+    `faq-section-tag__${f + 1}`
   )) })
 );
-p.propTypes = {
+g.propTypes = {
   tags: r.array,
   allTagText: r.string,
   onSelectTag: r.func
 };
 export {
-  p as F,
+  g as F,
   b as I,
   v as a
 };

package/dist/{tag-Bov1gw34.cjs → tag-yputMSpE.cjs}

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),f=require("react"),r=require("./index-BpbMKBf_.cjs"),m=require("./Chip.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./consts-goSZX3xP.cjs"),p=o.styled.div`
+"use strict";const n=require("react/jsx-runtime"),m=require("react"),r=require("./index-BpbMKBf_.cjs"),p=require("./Chip.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./consts-goSZX3xP.cjs"),g=o.styled.div`
   display: flex;
   gap: 0.75rem;
   align-items: center;
@@ -53,7 +53,7 @@
       /* Safari and Chrome */
     }
   }
-`,g=o.styled.div`
+`,u=o.styled.div`
   display: flex;
   gap: 1.25rem;
   width: 100%;
@@ -81,7 +81,7 @@
   @media (max-width: ${t.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
   }
-`,u=o.styled.div`
+`,h=o.styled.div`
   width: 100%;
   height: fit-content;
   background: var(--white, #fff);
@@ -170,4 +170,4 @@
       }
     }
   }
-`,i=f.forwardRef(({tags:a=[],allTagText:s,selectedTagCode:l=null,onSelectTag:c=()=>{}},h)=>n.jsx(p,{className:"section__tags",children:[{name:s,code:null},...a].map((e,d)=>n.jsx(m,{label:e==null?void 0:e.name,borderRadius:"curved",color:"neutral",className:`tags__item ${l===(e==null?void 0:e.code)?"active":""}`,onClick:()=>{c(e)}},`faq-section-tag__${d+1}`))}));i.propTypes={tags:r.PropTypes.array,allTagText:r.PropTypes.string,onSelectTag:r.PropTypes.func};exports.FaqSectionTags=i;exports.ItemContainer=u;exports.ItemsContainer=g;
+`,i=m.forwardRef(({tags:a=[],allTagText:s,selectedTagCode:l=null,onSelectTag:c=()=>{}},d)=>n.jsx(g,{ref:d,className:"section__tags",children:[{name:s,code:null},...a].map((e,f)=>n.jsx(p,{label:e==null?void 0:e.name,borderRadius:"curved",color:"neutral",className:`tags__item ${l===(e==null?void 0:e.code)?"active":""}`,onClick:()=>{c(e)}},`faq-section-tag__${f+1}`))}));i.propTypes={tags:r.PropTypes.array,allTagText:r.PropTypes.string,onSelectTag:r.PropTypes.func};exports.FaqSectionTags=i;exports.ItemContainer=h;exports.ItemsContainer=u;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.151",
+  "version": "4.0.153",
   "description": "React component library",
   "type": "module",
   "keywords": [

package/dist/SearchSection-BGK1Fxaj.cjs

@@ -1,161 +0,0 @@
-"use strict";const i=require("react/jsx-runtime"),C=require("react"),g=require("./index-BpbMKBf_.cjs"),Je=require("./TextInput.cjs"),Ze=require("./Icon.cjs"),Ge=require("./Chip.cjs"),J=require("./emotion-styled.browser.esm-BtEseadx.cjs"),ue=require("./consts-goSZX3xP.cjs"),R=require("./_commonjsHelpers-DwTZ_eVU.cjs"),pe=require("./index-CDGmG-qk.cjs"),Qe=require("./useDetectMobile-zkbzoOGV.cjs"),et=J.styled.div`
-  display: flex;
-  gap: 0.5rem;
-  align-content: center;
-
-  & .tags__item {
-    color: var(--neutral-600, #0f2a46);
-    background: var(--neutral-50, #eef2f5);
-    font-size: 0.875rem;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 1rem;
-    letter-spacing: 0.025rem;
-    padding: 0.5rem;
-
-    &:hover {
-      background: var(--gray-200, #e4e9f0);
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
-
-  @media (max-width: ${ue.MOBILE_SIZE_PX+"px"}) {
-    width: 100%;
-    overflow-x: auto;
-    white-space: nowrap;
-
-    -webkit-overflow-scrolling: touch;
-    ::-webkit-scrollbar {
-      -webkit-appearance: none;
-    }
-    -ms-overflow-style: none;
-    /* Internet Explorer 10+ */
-    scrollbar-width: none;
-    /* Firefox */
-
-    &::-webkit-scrollbar {
-      display: none;
-      /* Safari and Chrome */
-    }
-  }
-`,tt=J.styled.div`
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  max-width: 31.25rem;
-  max-height: 18.75rem;
-  border-radius: 1rem;
-
-  & .section__thumbnail {
-    width: 100%;
-    height: 100%;
-    max-width: 31.25rem;
-    max-height: 18.75rem;
-    border-radius: 1rem;
-  }
-
-  & .section__play {
-    position: absolute;
-  }
-`,B=C.forwardRef(({tags:e=[],selectedTagCode:t=null,onSelectTag:r=()=>{}},n)=>i.jsx(et,{children:e==null?void 0:e.map((a,o)=>i.jsx(Ge,{label:a==null?void 0:a.name,borderRadius:"curved",color:"neutral",className:`tags__item ${t===(a==null?void 0:a.code)?"active":""}`,onClick:()=>{r(a)}},`search-section-tag__${o+1}`))}));B.propTypes={tags:g.PropTypes.array,onSelectTag:g.PropTypes.func};var rt=function(t,r,n){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("script");typeof r=="function"&&(n=r,r={}),r=r||{},n=n||function(){},o.type=r.type||"text/javascript",o.charset=r.charset||"utf8",o.async="async"in r?!!r.async:!0,o.src=t,r.attrs&&at(o,r.attrs),r.text&&(o.text=""+r.text);var y="onload"in o?ae:nt;y(o,n),o.onload||ae(o,n),a.appendChild(o)};function at(e,t){for(var r in t)e.setAttribute(r,t[r])}function ae(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function nt(e,t){e.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,t(null,e))}}var ot=function(t){return it(t)&&!st(t)};function it(e){return!!e&&typeof e=="object"}function st(e){var t=Object.prototype.toString.call(e);return t==="[object RegExp]"||t==="[object Date]"||ut(e)}var lt=typeof Symbol=="function"&&Symbol.for,ct=lt?Symbol.for("react.element"):60103;function ut(e){return e.$$typeof===ct}function pt(e){return Array.isArray(e)?[]:{}}function I(e,t){return t.clone!==!1&&t.isMergeableObject(e)?x(pt(e),e,t):e}function dt(e,t,r){return e.concat(t).map(function(n){return I(n,r)})}function yt(e,t){if(!t.customMerge)return x;var r=t.customMerge(e);return typeof r=="function"?r:x}function ft(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(t){return Object.propertyIsEnumerable.call(e,t)}):[]}function ne(e){return Object.keys(e).concat(ft(e))}function de(e,t){try{return t in e}catch{return!1}}function ht(e,t){return de(e,t)&&!(Object.hasOwnProperty.call(e,t)&&Object.propertyIsEnumerable.call(e,t))}function _t(e,t,r){var n={};return r.isMergeableObject(e)&&ne(e).forEach(function(a){n[a]=I(e[a],r)}),ne(t).forEach(function(a){ht(e,a)||(de(e,a)&&r.isMergeableObject(t[a])?n[a]=yt(a,r)(e[a],t[a],r):n[a]=I(t[a],r))}),n}function x(e,t,r){r=r||{},r.arrayMerge=r.arrayMerge||dt,r.isMergeableObject=r.isMergeableObject||ot,r.cloneUnlessOtherwiseSpecified=I;var n=Array.isArray(t),a=Array.isArray(e),o=n===a;return o?n?r.arrayMerge(e,t,r):_t(e,t,r):I(t,r)}x.all=function(t,r){if(!Array.isArray(t))throw new Error("first argument should be an array");return t.reduce(function(n,a){return x(n,a,r)},{})};var mt=x,ye=mt,Pt=Object.create,U=Object.defineProperty,gt=Object.getOwnPropertyDescriptor,vt=Object.getOwnPropertyNames,bt=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty,Ot=(e,t)=>{for(var r in t)U(e,r,{get:t[r],enumerable:!0})},fe=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of vt(t))!wt.call(e,a)&&a!==r&&U(e,a,{get:()=>t[a],enumerable:!(n=gt(t,a))||n.enumerable});return e},Z=(e,t,r)=>(r=e!=null?Pt(bt(e)):{},fe(!e||!e.__esModule?U(r,"default",{value:e,enumerable:!0}):r,e)),Tt=e=>fe(U({},"__esModule",{value:!0}),e),he={};Ot(he,{callPlayer:()=>Ht,getConfig:()=>Ut,getSDK:()=>Dt,isBlobUrl:()=>Vt,isMediaStream:()=>zt,lazy:()=>Et,omit:()=>kt,parseEndTime:()=>$t,parseStartTime:()=>It,queryString:()=>Nt,randomString:()=>Lt,supportsWebKitPresentationMode:()=>qt});var $=Tt(he),St=Z(C),xt=Z(rt),Ct=Z(ye);const Et=e=>St.default.lazy(async()=>{const t=await e();return typeof t.default=="function"?t:t.default}),Mt=/[?&#](?:start|t)=([0-9hms]+)/,At=/[?&#]end=([0-9hms]+)/,X=/(\d+)(h|m|s)/g,jt=/^\d+$/;function _e(e,t){if(e instanceof Array)return;const r=e.match(t);if(r){const n=r[1];if(n.match(X))return Rt(n);if(jt.test(n))return parseInt(n)}}function Rt(e){let t=0,r=X.exec(e);for(;r!==null;){const[,n,a]=r;a==="h"&&(t+=parseInt(n,10)*60*60),a==="m"&&(t+=parseInt(n,10)*60),a==="s"&&(t+=parseInt(n,10)),r=X.exec(e)}return t}function It(e){return _e(e,Mt)}function $t(e){return _e(e,At)}function Lt(){return Math.random().toString(36).substr(2,5)}function Nt(e){return Object.keys(e).map(t=>`${t}=${e[t]}`).join("&")}function V(e){return window[e]?window[e]:window.exports&&window.exports[e]?window.exports[e]:window.module&&window.module.exports&&window.module.exports[e]?window.module.exports[e]:null}const O={},Dt=function(t,r,n=null,a=()=>!0,o=xt.default){const y=V(r);return y&&a(y)?Promise.resolve(y):new Promise((f,u)=>{if(O[t]){O[t].push({resolve:f,reject:u});return}O[t]=[{resolve:f,reject:u}];const w=b=>{O[t].forEach(E=>E.resolve(b))};if(n){const b=window[n];window[n]=function(){b&&b(),w(V(r))}}o(t,b=>{b?(O[t].forEach(E=>E.reject(b)),O[t]=null):n||w(V(r))})})};function Ut(e,t){return(0,Ct.default)(t.config,e.config)}function kt(e,...t){const r=[].concat(...t),n={},a=Object.keys(e);for(const o of a)r.indexOf(o)===-1&&(n[o]=e[o]);return n}function Ht(e,...t){if(!this.player||!this.player[e]){let r=`ReactPlayer: ${this.constructor.displayName} player could not call %c${e}%c – `;return this.player?this.player[e]||(r+="The method was not available"):r+="The player was not available",console.warn(r,"font-weight: bold",""),null}return this.player[e](...t)}function zt(e){return typeof window<"u"&&typeof window.MediaStream<"u"&&e instanceof window.MediaStream}function Vt(e){return/^blob:/.test(e)}function qt(e=document.createElement("video")){const t=/iPhone|iPod/.test(navigator.userAgent)===!1;return e.webkitSupportsPresentationMode&&typeof e.webkitSetPresentationMode=="function"&&t}var G=Object.defineProperty,Ft=Object.getOwnPropertyDescriptor,Bt=Object.getOwnPropertyNames,Xt=Object.prototype.hasOwnProperty,Kt=(e,t)=>{for(var r in t)G(e,r,{get:t[r],enumerable:!0})},Wt=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Bt(t))!Xt.call(e,a)&&a!==r&&G(e,a,{get:()=>t[a],enumerable:!(n=Ft(t,a))||n.enumerable});return e},Yt=e=>Wt(G({},"__esModule",{value:!0}),e),me={};Kt(me,{AUDIO_EXTENSIONS:()=>Q,DASH_EXTENSIONS:()=>Re,FLV_EXTENSIONS:()=>Ie,HLS_EXTENSIONS:()=>te,MATCH_URL_DAILYMOTION:()=>Ee,MATCH_URL_FACEBOOK:()=>we,MATCH_URL_FACEBOOK_WATCH:()=>Oe,MATCH_URL_KALTURA:()=>je,MATCH_URL_MIXCLOUD:()=>Me,MATCH_URL_MUX:()=>be,MATCH_URL_SOUNDCLOUD:()=>ge,MATCH_URL_STREAMABLE:()=>Te,MATCH_URL_TWITCH_CHANNEL:()=>Ce,MATCH_URL_TWITCH_VIDEO:()=>xe,MATCH_URL_VIDYARD:()=>Ae,MATCH_URL_VIMEO:()=>ve,MATCH_URL_WISTIA:()=>Se,MATCH_URL_YOUTUBE:()=>K,VIDEO_EXTENSIONS:()=>ee,canPlay:()=>Jt});var Pe=Yt(me),oe=$;const K=/(?:youtu\.be\/|youtube(?:-nocookie|education)?\.com\/(?:embed\/|v\/|watch\/|watch\?v=|watch\?.+&v=|shorts\/|live\/))((\w|-){11})|youtube\.com\/playlist\?list=|youtube\.com\/user\//,ge=/(?:soundcloud\.com|snd\.sc)\/[^.]+$/,ve=/vimeo\.com\/(?!progressive_redirect).+/,be=/stream\.mux\.com\/(?!\w+\.m3u8)(\w+)/,we=/^https?:\/\/(www\.)?facebook\.com.*\/(video(s)?|watch|story)(\.php?|\/).+$/,Oe=/^https?:\/\/fb\.watch\/.+$/,Te=/streamable\.com\/([a-z0-9]+)$/,Se=/(?:wistia\.(?:com|net)|wi\.st)\/(?:medias|embed)\/(?:iframe\/)?([^?]+)/,xe=/(?:www\.|go\.)?twitch\.tv\/videos\/(\d+)($|\?)/,Ce=/(?:www\.|go\.)?twitch\.tv\/([a-zA-Z0-9_]+)($|\?)/,Ee=/^(?:(?:https?):)?(?:\/\/)?(?:www\.)?(?:(?:dailymotion\.com(?:\/embed)?\/video)|dai\.ly)\/([a-zA-Z0-9]+)(?:_[\w_-]+)?(?:[\w.#_-]+)?/,Me=/mixcloud\.com\/([^/]+\/[^/]+)/,Ae=/vidyard.com\/(?:watch\/)?([a-zA-Z0-9-_]+)/,je=/^https?:\/\/[a-zA-Z]+\.kaltura.(com|org)\/p\/([0-9]+)\/sp\/([0-9]+)00\/embedIframeJs\/uiconf_id\/([0-9]+)\/partner_id\/([0-9]+)(.*)entry_id.([a-zA-Z0-9-_].*)$/,Q=/\.(m4a|m4b|mp4a|mpga|mp2|mp2a|mp3|m2a|m3a|wav|weba|aac|oga|spx)($|\?)/i,ee=/\.(mp4|og[gv]|webm|mov|m4v)(#t=[,\d+]+)?($|\?)/i,te=/\.(m3u8)($|\?)/i,Re=/\.(mpd)($|\?)/i,Ie=/\.(flv)($|\?)/i,W=e=>{if(e instanceof Array){for(const t of e)if(typeof t=="string"&&W(t)||W(t.src))return!0;return!1}return(0,oe.isMediaStream)(e)||(0,oe.isBlobUrl)(e)?!0:Q.test(e)||ee.test(e)||te.test(e)||Re.test(e)||Ie.test(e)},Jt={youtube:e=>e instanceof Array?e.every(t=>K.test(t)):K.test(e),soundcloud:e=>ge.test(e)&&!Q.test(e),vimeo:e=>ve.test(e)&&!ee.test(e)&&!te.test(e),mux:e=>be.test(e),facebook:e=>we.test(e)||Oe.test(e),streamable:e=>Te.test(e),wistia:e=>Se.test(e),twitch:e=>xe.test(e)||Ce.test(e),dailymotion:e=>Ee.test(e),mixcloud:e=>Me.test(e),vidyard:e=>Ae.test(e),kaltura:e=>je.test(e),file:W};var re=Object.defineProperty,Zt=Object.getOwnPropertyDescriptor,Gt=Object.getOwnPropertyNames,Qt=Object.prototype.hasOwnProperty,er=(e,t)=>{for(var r in t)re(e,r,{get:t[r],enumerable:!0})},tr=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Gt(t))!Qt.call(e,a)&&a!==r&&re(e,a,{get:()=>t[a],enumerable:!(n=Zt(t,a))||n.enumerable});return e},rr=e=>tr(re({},"__esModule",{value:!0}),e),$e={};er($e,{default:()=>nr});var ar=rr($e),P=$,_=Pe,nr=[{key:"youtube",name:"YouTube",canPlay:_.canPlay.youtube,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./YouTube-4RMnpdLL.cjs")).then(e=>e.YouTube))},{key:"soundcloud",name:"SoundCloud",canPlay:_.canPlay.soundcloud,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./SoundCloud-1hd9TBSO.cjs")).then(e=>e.SoundCloud))},{key:"vimeo",name:"Vimeo",canPlay:_.canPlay.vimeo,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Vimeo-Da2vBv-V.cjs")).then(e=>e.Vimeo))},{key:"mux",name:"Mux",canPlay:_.canPlay.mux,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Mux-BlblTeid.cjs")).then(e=>e.Mux))},{key:"facebook",name:"Facebook",canPlay:_.canPlay.facebook,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Facebook-DKhRiODC.cjs")).then(e=>e.Facebook))},{key:"streamable",name:"Streamable",canPlay:_.canPlay.streamable,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Streamable-DLxq1ZNX.cjs")).then(e=>e.Streamable))},{key:"wistia",name:"Wistia",canPlay:_.canPlay.wistia,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Wistia-ZPcGhh1L.cjs")).then(e=>e.Wistia))},{key:"twitch",name:"Twitch",canPlay:_.canPlay.twitch,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Twitch-Bb8e342z.cjs")).then(e=>e.Twitch))},{key:"dailymotion",name:"DailyMotion",canPlay:_.canPlay.dailymotion,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./DailyMotion-CPQ6kDJJ.cjs")).then(e=>e.DailyMotion))},{key:"mixcloud",name:"Mixcloud",canPlay:_.canPlay.mixcloud,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Mixcloud-CP9Zq_TX.cjs")).then(e=>e.Mixcloud))},{key:"vidyard",name:"Vidyard",canPlay:_.canPlay.vidyard,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Vidyard-WNQdOeK1.cjs")).then(e=>e.Vidyard))},{key:"kaltura",name:"Kaltura",canPlay:_.canPlay.kaltura,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Kaltura-31Xm8S1J.cjs")).then(e=>e.Kaltura))},{key:"file",name:"FilePlayer",canPlay:_.canPlay.file,canEnablePIP:e=>_.canPlay.file(e)&&(document.pictureInPictureEnabled||(0,P.supportsWebKitPresentationMode)())&&!_.AUDIO_EXTENSIONS.test(e),lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./FilePlayer-DlCyGLHB.cjs")).then(e=>e.FilePlayer))}],ie=Number.isNaN||function(t){return typeof t=="number"&&t!==t};function or(e,t){return!!(e===t||ie(e)&&ie(t))}function ir(e,t){if(e.length!==t.length)return!1;for(var r=0;r<e.length;r++)if(!or(e[r],t[r]))return!1;return!0}function sr(e,t){t===void 0&&(t=ir);var r,n=[],a,o=!1;function y(){for(var f=[],u=0;u<arguments.length;u++)f[u]=arguments[u];return o&&r===this&&t(f,n)||(a=e.apply(this,f),o=!0,r=this,n=f),a}return y}const lr=Object.freeze(Object.defineProperty({__proto__:null,default:sr},Symbol.toStringTag,{value:"Module"})),cr=R.getAugmentedNamespace(lr);var ur=Object.create,k=Object.defineProperty,pr=Object.getOwnPropertyDescriptor,dr=Object.getOwnPropertyNames,yr=Object.getPrototypeOf,fr=Object.prototype.hasOwnProperty,hr=(e,t)=>{for(var r in t)k(e,r,{get:t[r],enumerable:!0})},Le=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of dr(t))!fr.call(e,a)&&a!==r&&k(e,a,{get:()=>t[a],enumerable:!(n=pr(t,a))||n.enumerable});return e},_r=(e,t,r)=>(r=e!=null?ur(yr(e)):{},Le(!e||!e.__esModule?k(r,"default",{value:e,enumerable:!0}):r,e)),mr=e=>Le(k({},"__esModule",{value:!0}),e),Ne={};hr(Ne,{defaultProps:()=>vr,propTypes:()=>gr});var De=mr(Ne),Pr=_r(g.propTypesExports);const{string:p,bool:m,number:T,array:q,oneOfType:M,shape:v,object:h,func:c,node:se}=Pr.default,gr={url:M([p,q,h]),playing:m,loop:m,controls:m,volume:T,muted:m,playbackRate:T,width:M([p,T]),height:M([p,T]),style:h,progressInterval:T,playsinline:m,pip:m,stopOnUnmount:m,light:M([m,p,h]),playIcon:se,previewTabIndex:T,previewAriaLabel:p,fallback:se,oEmbedUrl:p,wrapper:M([p,c,v({render:c.isRequired})]),config:v({soundcloud:v({options:h}),youtube:v({playerVars:h,embedOptions:h,onUnstarted:c}),facebook:v({appId:p,version:p,playerId:p,attributes:h}),dailymotion:v({params:h}),vimeo:v({playerOptions:h,title:p}),mux:v({attributes:h,version:p}),file:v({attributes:h,tracks:q,forceVideo:m,forceAudio:m,forceHLS:m,forceSafariHLS:m,forceDisableHls:m,forceDASH:m,forceFLV:m,hlsOptions:h,hlsVersion:p,dashVersion:p,flvVersion:p}),wistia:v({options:h,playerId:p,customControls:q}),mixcloud:v({options:h}),twitch:v({options:h,playerId:p}),vidyard:v({options:h})}),onReady:c,onStart:c,onPlay:c,onPause:c,onBuffer:c,onBufferEnd:c,onEnded:c,onError:c,onDuration:c,onSeek:c,onPlaybackRateChange:c,onPlaybackQualityChange:c,onProgress:c,onClickPreview:c,onEnablePIP:c,onDisablePIP:c},d=()=>{},vr={playing:!1,loop:!1,controls:!1,volume:null,muted:!1,playbackRate:1,width:"640px",height:"360px",style:{},progressInterval:1e3,playsinline:!1,pip:!1,stopOnUnmount:!0,light:!1,fallback:null,wrapper:"div",previewTabIndex:0,previewAriaLabel:"",oEmbedUrl:"https://noembed.com/embed?url={url}",config:{soundcloud:{options:{visual:!0,buying:!1,liking:!1,download:!1,sharing:!1,show_comments:!1,show_playcount:!1}},youtube:{playerVars:{playsinline:1,showinfo:0,rel:0,iv_load_policy:3,modestbranding:1},embedOptions:{},onUnstarted:d},facebook:{appId:"1309697205772819",version:"v3.3",playerId:null,attributes:{}},dailymotion:{params:{api:1,"endscreen-enable":!1}},vimeo:{playerOptions:{autopause:!1,byline:!1,portrait:!1,title:!1},title:null},mux:{attributes:{},version:"2"},file:{attributes:{},tracks:[],forceVideo:!1,forceAudio:!1,forceHLS:!1,forceDASH:!1,forceFLV:!1,hlsOptions:{},hlsVersion:"1.1.4",dashVersion:"3.1.3",flvVersion:"1.5.0",forceDisableHls:!1},wistia:{options:{},playerId:null,customControls:null},mixcloud:{options:{hide_cover:1}},twitch:{options:{},playerId:null},vidyard:{options:{}}},onReady:d,onStart:d,onPlay:d,onPause:d,onBuffer:d,onBufferEnd:d,onEnded:d,onError:d,onDuration:d,onSeek:d,onPlaybackRateChange:d,onPlaybackQualityChange:d,onProgress:d,onClickPreview:d,onEnablePIP:d,onDisablePIP:d};var br=Object.create,L=Object.defineProperty,wr=Object.getOwnPropertyDescriptor,Or=Object.getOwnPropertyNames,Tr=Object.getPrototypeOf,Sr=Object.prototype.hasOwnProperty,xr=(e,t,r)=>t in e?L(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,Cr=(e,t)=>{for(var r in t)L(e,r,{get:t[r],enumerable:!0})},Ue=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Or(t))!Sr.call(e,a)&&a!==r&&L(e,a,{get:()=>t[a],enumerable:!(n=wr(t,a))||n.enumerable});return e},ke=(e,t,r)=>(r=e!=null?br(Tr(e)):{},Ue(!e||!e.__esModule?L(r,"default",{value:e,enumerable:!0}):r,e)),Er=e=>Ue(L({},"__esModule",{value:!0}),e),l=(e,t,r)=>(xr(e,typeof t!="symbol"?t+"":t,r),r),He={};Cr(He,{default:()=>H});var Mr=Er(He),le=ke(C),Ar=ke(pe.reactFastCompare),ze=De,jr=$;const Rr=5e3;class H extends le.Component{constructor(){super(...arguments),l(this,"mounted",!1),l(this,"isReady",!1),l(this,"isPlaying",!1),l(this,"isLoading",!0),l(this,"loadOnReady",null),l(this,"startOnPlay",!0),l(this,"seekOnPlay",null),l(this,"onDurationCalled",!1),l(this,"handlePlayerMount",t=>{if(this.player){this.progress();return}this.player=t,this.player.load(this.props.url),this.progress()}),l(this,"getInternalPlayer",t=>this.player?this.player[t]:null),l(this,"progress",()=>{if(this.props.url&&this.player&&this.isReady){const t=this.getCurrentTime()||0,r=this.getSecondsLoaded(),n=this.getDuration();if(n){const a={playedSeconds:t,played:t/n};r!==null&&(a.loadedSeconds=r,a.loaded=r/n),(a.playedSeconds!==this.prevPlayed||a.loadedSeconds!==this.prevLoaded)&&this.props.onProgress(a),this.prevPlayed=a.playedSeconds,this.prevLoaded=a.loadedSeconds}}this.progressTimeout=setTimeout(this.progress,this.props.progressFrequency||this.props.progressInterval)}),l(this,"handleReady",()=>{if(!this.mounted)return;this.isReady=!0,this.isLoading=!1;const{onReady:t,playing:r,volume:n,muted:a}=this.props;t(),!a&&n!==null&&this.player.setVolume(n),this.loadOnReady?(this.player.load(this.loadOnReady,!0),this.loadOnReady=null):r&&this.player.play(),this.handleDurationCheck()}),l(this,"handlePlay",()=>{this.isPlaying=!0,this.isLoading=!1;const{onStart:t,onPlay:r,playbackRate:n}=this.props;this.startOnPlay&&(this.player.setPlaybackRate&&n!==1&&this.player.setPlaybackRate(n),t(),this.startOnPlay=!1),r(),this.seekOnPlay&&(this.seekTo(this.seekOnPlay),this.seekOnPlay=null),this.handleDurationCheck()}),l(this,"handlePause",t=>{this.isPlaying=!1,this.isLoading||this.props.onPause(t)}),l(this,"handleEnded",()=>{const{activePlayer:t,loop:r,onEnded:n}=this.props;t.loopOnEnded&&r&&this.seekTo(0),r||(this.isPlaying=!1,n())}),l(this,"handleError",(...t)=>{this.isLoading=!1,this.props.onError(...t)}),l(this,"handleDurationCheck",()=>{clearTimeout(this.durationCheckTimeout);const t=this.getDuration();t?this.onDurationCalled||(this.props.onDuration(t),this.onDurationCalled=!0):this.durationCheckTimeout=setTimeout(this.handleDurationCheck,100)}),l(this,"handleLoaded",()=>{this.isLoading=!1})}componentDidMount(){this.mounted=!0}componentWillUnmount(){clearTimeout(this.progressTimeout),clearTimeout(this.durationCheckTimeout),this.isReady&&this.props.stopOnUnmount&&(this.player.stop(),this.player.disablePIP&&this.player.disablePIP()),this.mounted=!1}componentDidUpdate(t){if(!this.player)return;const{url:r,playing:n,volume:a,muted:o,playbackRate:y,pip:f,loop:u,activePlayer:w,disableDeferredLoading:b}=this.props;if(!(0,Ar.default)(t.url,r)){if(this.isLoading&&!w.forceLoad&&!b&&!(0,jr.isMediaStream)(r)){console.warn(`ReactPlayer: the attempt to load ${r} is being deferred until the player has loaded`),this.loadOnReady=r;return}this.isLoading=!0,this.startOnPlay=!0,this.onDurationCalled=!1,this.player.load(r,this.isReady)}!t.playing&&n&&!this.isPlaying&&this.player.play(),t.playing&&!n&&this.isPlaying&&this.player.pause(),!t.pip&&f&&this.player.enablePIP&&this.player.enablePIP(),t.pip&&!f&&this.player.disablePIP&&this.player.disablePIP(),t.volume!==a&&a!==null&&this.player.setVolume(a),t.muted!==o&&(o?this.player.mute():(this.player.unmute(),a!==null&&setTimeout(()=>this.player.setVolume(a)))),t.playbackRate!==y&&this.player.setPlaybackRate&&this.player.setPlaybackRate(y),t.loop!==u&&this.player.setLoop&&this.player.setLoop(u)}getDuration(){return this.isReady?this.player.getDuration():null}getCurrentTime(){return this.isReady?this.player.getCurrentTime():null}getSecondsLoaded(){return this.isReady?this.player.getSecondsLoaded():null}seekTo(t,r,n){if(!this.isReady){t!==0&&(this.seekOnPlay=t,setTimeout(()=>{this.seekOnPlay=null},Rr));return}if(r?r==="fraction":t>0&&t<1){const o=this.player.getDuration();if(!o){console.warn("ReactPlayer: could not seek using fraction – duration not yet available");return}this.player.seekTo(o*t,n);return}this.player.seekTo(t,n)}render(){const t=this.props.activePlayer;return t?le.default.createElement(t,{...this.props,onMount:this.handlePlayerMount,onReady:this.handleReady,onPlay:this.handlePlay,onPause:this.handlePause,onEnded:this.handleEnded,onLoaded:this.handleLoaded,onError:this.handleError}):null}}l(H,"displayName","Player");l(H,"propTypes",ze.propTypes);l(H,"defaultProps",ze.defaultProps);var Ir=Object.create,N=Object.defineProperty,$r=Object.getOwnPropertyDescriptor,Lr=Object.getOwnPropertyNames,Nr=Object.getPrototypeOf,Dr=Object.prototype.hasOwnProperty,Ur=(e,t,r)=>t in e?N(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,kr=(e,t)=>{for(var r in t)N(e,r,{get:t[r],enumerable:!0})},Ve=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Lr(t))!Dr.call(e,a)&&a!==r&&N(e,a,{get:()=>t[a],enumerable:!(n=$r(t,a))||n.enumerable});return e},D=(e,t,r)=>(r=e!=null?Ir(Nr(e)):{},Ve(!e||!e.__esModule?N(r,"default",{value:e,enumerable:!0}):r,e)),Hr=e=>Ve(N({},"__esModule",{value:!0}),e),s=(e,t,r)=>(Ur(e,typeof t!="symbol"?t+"":t,r),r),qe={};kr(qe,{createReactPlayer:()=>Yr});var zr=Hr(qe),S=D(C),Vr=D(ye),F=D(cr),ce=D(pe.reactFastCompare),j=De,Fe=$,qr=D(Mr);const Fr=(0,Fe.lazy)(()=>Promise.resolve().then(()=>require("./Preview-B8HyPnfR.cjs")).then(e=>e.Preview)),Br=typeof window<"u"&&window.document&&typeof document<"u",Xr=typeof R.commonjsGlobal<"u"&&R.commonjsGlobal.window&&R.commonjsGlobal.window.document,Kr=Object.keys(j.propTypes),Wr=Br||Xr?S.Suspense:()=>null,A=[],Yr=(e,t)=>{var r;return r=class extends S.Component{constructor(){super(...arguments),s(this,"state",{showPreview:!!this.props.light}),s(this,"references",{wrapper:n=>{this.wrapper=n},player:n=>{this.player=n}}),s(this,"handleClickPreview",n=>{this.setState({showPreview:!1}),this.props.onClickPreview(n)}),s(this,"showPreview",()=>{this.setState({showPreview:!0})}),s(this,"getDuration",()=>this.player?this.player.getDuration():null),s(this,"getCurrentTime",()=>this.player?this.player.getCurrentTime():null),s(this,"getSecondsLoaded",()=>this.player?this.player.getSecondsLoaded():null),s(this,"getInternalPlayer",(n="player")=>this.player?this.player.getInternalPlayer(n):null),s(this,"seekTo",(n,a,o)=>{if(!this.player)return null;this.player.seekTo(n,a,o)}),s(this,"handleReady",()=>{this.props.onReady(this)}),s(this,"getActivePlayer",(0,F.default)(n=>{for(const a of[...A,...e])if(a.canPlay(n))return a;return t||null})),s(this,"getConfig",(0,F.default)((n,a)=>{const{config:o}=this.props;return Vr.default.all([j.defaultProps.config,j.defaultProps.config[a]||{},o,o[a]||{}])})),s(this,"getAttributes",(0,F.default)(n=>(0,Fe.omit)(this.props,Kr))),s(this,"renderActivePlayer",n=>{if(!n)return null;const a=this.getActivePlayer(n);if(!a)return null;const o=this.getConfig(n,a.key);return S.default.createElement(qr.default,{...this.props,key:a.key,ref:this.references.player,config:o,activePlayer:a.lazyPlayer||a,onReady:this.handleReady})})}shouldComponentUpdate(n,a){return!(0,ce.default)(this.props,n)||!(0,ce.default)(this.state,a)}componentDidUpdate(n){const{light:a}=this.props;!n.light&&a&&this.setState({showPreview:!0}),n.light&&!a&&this.setState({showPreview:!1})}renderPreview(n){if(!n)return null;const{light:a,playIcon:o,previewTabIndex:y,oEmbedUrl:f,previewAriaLabel:u}=this.props;return S.default.createElement(Fr,{url:n,light:a,playIcon:o,previewTabIndex:y,previewAriaLabel:u,oEmbedUrl:f,onClick:this.handleClickPreview})}render(){const{url:n,style:a,width:o,height:y,fallback:f,wrapper:u}=this.props,{showPreview:w}=this.state,b=this.getAttributes(n),E=typeof u=="string"?this.references.wrapper:void 0;return S.default.createElement(u,{ref:E,style:{...a,width:o,height:y},...b},S.default.createElement(Wr,{fallback:f},w?this.renderPreview(n):this.renderActivePlayer(n)))}},s(r,"displayName","ReactPlayer"),s(r,"propTypes",j.propTypes),s(r,"defaultProps",j.defaultProps),s(r,"addCustomPlayer",n=>{A.push(n)}),s(r,"removeCustomPlayers",()=>{A.length=0}),s(r,"canPlay",n=>{for(const a of[...A,...e])if(a.canPlay(n))return!0;return!1}),s(r,"canEnablePIP",n=>{for(const a of[...A,...e])if(a.canEnablePIP&&a.canEnablePIP(n))return!0;return!1}),r};var Jr=Object.create,z=Object.defineProperty,Zr=Object.getOwnPropertyDescriptor,Gr=Object.getOwnPropertyNames,Qr=Object.getPrototypeOf,ea=Object.prototype.hasOwnProperty,ta=(e,t)=>{for(var r in t)z(e,r,{get:t[r],enumerable:!0})},Be=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Gr(t))!ea.call(e,a)&&a!==r&&z(e,a,{get:()=>t[a],enumerable:!(n=Zr(t,a))||n.enumerable});return e},ra=(e,t,r)=>(r=e!=null?Jr(Qr(e)):{},Be(!e||!e.__esModule?z(r,"default",{value:e,enumerable:!0}):r,e)),aa=e=>Be(z({},"__esModule",{value:!0}),e),Xe={};ta(Xe,{default:()=>sa});var na=aa(Xe),Y=ra(ar),oa=zr;const ia=Y.default[Y.default.length-1];var sa=(0,oa.createReactPlayer)(Y.default,ia);const la=R.getDefaultExportFromCjs(na),ca="data:image/svg+xml,%3csvg%20width='65'%20height='65'%20viewBox='0%200%2065%2065'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.253906'%20y='0.5'%20width='64'%20height='64'%20rx='32'%20fill='url(%23paint0_linear_59350_95007)'/%3e%3cpath%20d='M21.0039%2047.5001C20.6724%2047.5001%2020.3544%2047.3684%2020.12%2047.134C19.8856%2046.8996%2019.7539%2046.5816%2019.7539%2046.2501V18.7501C19.7539%2018.5329%2019.8105%2018.3194%2019.9181%2018.1307C20.0257%2017.942%2020.1807%2017.7846%2020.3677%2017.674C20.5546%2017.5635%2020.7672%2017.5035%2020.9844%2017.5002C21.2016%2017.4968%2021.4159%2017.55%2021.6063%2017.6547L46.6063%2031.4047C46.8024%2031.5126%2046.966%2031.6711%2047.0799%2031.8638C47.1939%2032.0565%2047.254%2032.2762%2047.254%2032.5C47.254%2032.7239%2047.1939%2032.9436%2047.0799%2033.1363C46.966%2033.3289%2046.8024%2033.4875%2046.6063%2033.5953L21.6063%2047.3453C21.4217%2047.4468%2021.2145%2047.5001%2021.0039%2047.5001Z'%20fill='white'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_59350_95007'%20x1='32.2539'%20y1='64.5'%20x2='32.254'%20y2='0.499999'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF7621'/%3e%3cstop%20offset='1'%20stop-color='%23FF9706'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e",Ke=({thumbnail:e})=>i.jsxs(tt,{children:[i.jsx("img",{src:e,className:"section__thumbnail",alt:"Thumbnail"}),i.jsx("img",{src:ca,className:"section__play",alt:"Play"})]}),We=C.forwardRef(({video:e,thumbnail:t},r)=>{const n=Qe.useDetectMobile();return i.jsx(la,{url:e,playing:!0,controls:!0,width:n?"100%":"31.25rem",height:n?"100%":"18.75rem",light:!0,playIcon:i.jsx(Ke,{thumbnail:t})})});Ke.propTypes={thumbnail:g.PropTypes.string};We.propTypes={video:g.PropTypes.string,thumbnail:g.PropTypes.string};const ua=J.styled.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  & .section__left {
-    display: flex;
-    flex-direction: column;
-    gap: 2rem;
-
-    &.search {
-      gap: 0.75rem;
-    }
-
-    & .section__title {
-      color: var(--gray-900, #0c1520);
-      font-size: 1.75rem;
-      font-style: normal;
-      font-weight: 600;
-      line-height: 2.25rem;
-      letter-spacing: -0.0369rem;
-    }
-
-    & .section__text-input {
-      border-radius: 999px;
-      height: 3rem;
-      min-height: 3rem;
-      border: 1px solid var(--gray-200, #e4e9f0);
-      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-      outline: none;
-
-      & input::placeholder {
-        color: var(--gray-500, #7a8594);
-        font-size: 0.875rem;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 1.25rem;
-        letter-spacing: 0.0156rem;
-      }
-
-      & .section__prefix {
-        color: var(--gray-500, #7a8594);
-      }
-    }
-
-    & .section__description {
-      color: var(--gray-500, #7a8594);
-      font-size: 1rem;
-      font-style: normal;
-      font-weight: 500;
-      line-height: 1.5rem;
-      letter-spacing: -0.0112rem;
-    }
-
-    & .section__tags {
-      display: flex;
-      align-items: center;
-      gap: 1.25rem;
-
-      & .section__suggested {
-        color: var(--neutral-900, #0c1520);
-        font-size: 0.75rem;
-        font-style: normal;
-        font-weight: 400;
-        line-height: 1rem;
-        letter-spacing: 0.025rem;
-      }
-    }
-  }
-
-  & .section__right {
-    & video {
-      border-radius: 1rem;
-      overflow: hidden;
-      object-fit: cover;
-    }
-  }
-
-  @media (max-width: ${ue.MOBILE_SIZE_PX+"px"}) {
-    flex-direction: column;
-    gap: 1.5rem;
-
-    & .section__left {
-      width: 100%;
-      text-align: center;
-
-      & .section__suggested {
-        display: none;
-      }
-    }
-
-    & .section__text-input {
-      width: 100%;
-    }
-  }
-`,Ye=C.forwardRef(({title:e,description:t,suggestedText:r="Suggested",searchPlaceholderText:n="Search for rules, tempates, forms and more",tags:a=[],includeSearch:o=!1,video:y,thumbnail:f},u)=>i.jsxs(ua,{ref:u,children:[o?i.jsxs("div",{className:"section__left search",children:[i.jsx("div",{children:e&&i.jsx("div",{className:"section__title",children:e})}),i.jsx(Je,{className:"section__text-input",placeholder:n,prefix:i.jsx(Ze,{icon:" mng-lnc-search",sizeInUnits:"1.25rem",className:"section__prefix"}),color:"neutral"}),i.jsxs("div",{className:"section__tags",children:[i.jsx("div",{className:"section__suggested",children:r}),i.jsx(B,{tags:a})]})]}):i.jsxs("div",{className:"section__left",children:[i.jsxs("div",{children:[e&&i.jsx("div",{className:"section__title",children:e}),t&&i.jsx("div",{className:"section__description",children:t})]}),i.jsx("div",{className:"section__tags",children:i.jsx(B,{tags:a})})]}),i.jsx("div",{className:"section__right",children:i.jsx(We,{video:y,thumbnail:f})})]}));Ye.propTypes={title:g.PropTypes.string,description:g.PropTypes.string,suggestedText:g.PropTypes.string,searchPlaceholderText:g.PropTypes.string,tags:g.PropTypes.array,includeSearch:g.PropTypes.bool,video:g.PropTypes.string,thumbnail:g.PropTypes.string};exports.SearchSection=Ye;exports.patterns=Pe;exports.utils=$;