@lanaco/lnc-react-ui 4.0.151 → 4.0.153
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AdBannerSection.cjs +3 -3
- package/dist/AdBannerSection.js +16 -16
- package/dist/BannerSectionBasic.cjs +4 -4
- package/dist/BannerSectionBasic.js +33 -32
- package/dist/BannerSectionGrid.cjs +3 -3
- package/dist/BannerSectionGrid.js +33 -33
- package/dist/BlogCardsSponsoredSection.cjs +3 -3
- package/dist/BlogCardsSponsoredSection.js +15 -15
- package/dist/BlogCategoryCardsSection.cjs +1 -1
- package/dist/BlogCategoryCardsSection.js +12 -12
- package/dist/BlogExploreSection.cjs +4 -4
- package/dist/BlogExploreSection.js +30 -30
- package/dist/BlogListSection.cjs +2 -2
- package/dist/BlogListSection.js +28 -28
- package/dist/BlogProductCardsSection.cjs +1 -1
- package/dist/BlogProductCardsSection.js +20 -19
- package/dist/BlogShopCardsSection.cjs +1 -1
- package/dist/BlogShopCardsSection.js +22 -22
- package/dist/BrandHitsSection.cjs +7 -7
- package/dist/BrandHitsSection.js +24 -24
- package/dist/CustomLoanMapSection.cjs +1 -1
- package/dist/CustomLoanMapSection.js +1 -1
- package/dist/{DailyMotion-CPQ6kDJJ.cjs → DailyMotion-BaFUcQKQ.cjs} +1 -1
- package/dist/{DailyMotion-BrbMSyj1.js → DailyMotion-ByXblnua.js} +1 -1
- package/dist/DetailedProductsInfinitiveSection.cjs +3 -3
- package/dist/DetailedProductsInfinitiveSection.js +41 -41
- package/dist/DetailedProductsSection.cjs +1 -1
- package/dist/DetailedProductsSection.js +1 -1
- package/dist/{Facebook-Dw3my9_4.js → Facebook-BCqiOWZO.js} +1 -1
- package/dist/{Facebook-DKhRiODC.cjs → Facebook-D9wwecSW.cjs} +1 -1
- package/dist/FaqSection.cjs +2 -2
- package/dist/FaqSection.js +2 -2
- package/dist/FieldOfInterestsMasonrySection.cjs +6 -6
- package/dist/FieldOfInterestsMasonrySection.js +65 -48
- package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +3 -3
- package/dist/FieldOfInterestsWithAvatarsCardsSection.js +27 -25
- package/dist/FieldOfInterestsWithTagsCardsSection.cjs +10 -9
- package/dist/FieldOfInterestsWithTagsCardsSection.js +77 -65
- package/dist/{FilePlayer-DlCyGLHB.cjs → FilePlayer-DB6jnpeC.cjs} +1 -1
- package/dist/{FilePlayer-Ckx8dmB0.js → FilePlayer-ktaNhf3p.js} +1 -1
- package/dist/GeneralWithTagsCardsSection.cjs +9 -9
- package/dist/GeneralWithTagsCardsSection.js +15 -15
- package/dist/{Kaltura-31Xm8S1J.cjs → Kaltura-CCdXLzOa.cjs} +1 -1
- package/dist/{Kaltura-qHdDvnjZ.js → Kaltura-CvlN0HDg.js} +1 -1
- package/dist/LoanCalculatorSection.cjs +2 -2
- package/dist/LoanCalculatorSection.js +89 -88
- package/dist/LocationFinderSection.cjs +1 -1
- package/dist/LocationFinderSection.js +1 -1
- package/dist/{Mixcloud-DvH0vfg5.js → Mixcloud-Bb8MTclI.js} +1 -1
- package/dist/{Mixcloud-CP9Zq_TX.cjs → Mixcloud-nG_VyBNt.cjs} +1 -1
- package/dist/{Mux-BlblTeid.cjs → Mux-BgB2a8kM.cjs} +1 -1
- package/dist/{Mux--JeF6dPG.js → Mux-DfYpGTiP.js} +1 -1
- package/dist/OverlayGeneralCardsSection.cjs +5 -5
- package/dist/OverlayGeneralCardsSection.js +11 -11
- package/dist/ProductsWithBannerSection.cjs +1 -1
- package/dist/ProductsWithBannerSection.js +1 -1
- package/dist/QuattroCardsSection.cjs +5 -5
- package/dist/QuattroCardsSection.js +7 -7
- package/dist/QuizSection.cjs +7 -7
- package/dist/QuizSection.js +51 -51
- package/dist/SalesCampaignsSection.cjs +1 -1
- package/dist/SalesCampaignsSection.js +2 -1
- package/dist/SearchSection-BcbHP6QF.cjs +161 -0
- package/dist/{SearchSection-CsfURtvf.js → SearchSection-DDQ_K98T.js} +52 -52
- package/dist/SearchSection.cjs +1 -1
- package/dist/SearchSection.js +1 -1
- package/dist/SimpleCategoriesSection.cjs +1 -1
- package/dist/SimpleCategoriesSection.js +1 -1
- package/dist/SimpleProductsSection.cjs +1 -1
- package/dist/SimpleProductsSection.js +2 -2
- package/dist/{SoundCloud-1hd9TBSO.cjs → SoundCloud-C86xwUG6.cjs} +1 -1
- package/dist/{SoundCloud-CKaavZky.js → SoundCloud-DG91z39R.js} +1 -1
- package/dist/StatsSection.cjs +5 -5
- package/dist/StatsSection.js +22 -22
- package/dist/{Streamable-DLxq1ZNX.cjs → Streamable-4uAnb3WN.cjs} +1 -1
- package/dist/{Streamable-CZEPghiG.js → Streamable-BAIWLgyD.js} +1 -1
- package/dist/ToggleSection.cjs +3 -3
- package/dist/ToggleSection.js +10 -10
- package/dist/{Twitch-Bb8e342z.cjs → Twitch-CVAj24ti.cjs} +1 -1
- package/dist/{Twitch-BJeGquex.js → Twitch-DfXeW5Xs.js} +1 -1
- package/dist/UrgentSaleProductsSection.cjs +1 -1
- package/dist/UrgentSaleProductsSection.js +1 -1
- package/dist/{Vidyard-WNQdOeK1.cjs → Vidyard-DaCcaaH4.cjs} +1 -1
- package/dist/{Vidyard-CuGoX_VE.js → Vidyard-De3pges0.js} +1 -1
- package/dist/{Vimeo-Da2vBv-V.cjs → Vimeo-8wXdCXGs.cjs} +1 -1
- package/dist/{Vimeo-B9eKoxWn.js → Vimeo-N6I2qi_h.js} +1 -1
- package/dist/{Wistia-ZPcGhh1L.cjs → Wistia-BrUzHQoq.cjs} +1 -1
- package/dist/{Wistia-BB50IUif.js → Wistia-dlV6n6tO.js} +1 -1
- package/dist/{YouTube-4RMnpdLL.cjs → YouTube-Cfsj4ZaP.cjs} +1 -1
- package/dist/{YouTube-CG6JL2_w.js → YouTube-DNJxWqRm.js} +1 -1
- package/dist/{index-DzYKmmn2.js → index-BGY3PSA-.js} +18 -18
- package/dist/{index-Djw_s9eq.js → index-C0SKNFzP.js} +15 -15
- package/dist/{index-cd9auaNr.cjs → index-CLoINIGC.cjs} +3 -3
- package/dist/{index-GxCvHDwv.cjs → index-ELUMKl0N.cjs} +2 -2
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/{suspense-categories-card-simple-DuKEj9IU.js → suspense-categories-card-simple-BGj475Ca.js} +11 -10
- package/dist/{suspense-categories-card-simple-DaA0JGJJ.cjs → suspense-categories-card-simple-CjGtzfzp.cjs} +1 -1
- package/dist/suspense-product-card-detailed-BJ-HBkBc.js +577 -0
- package/dist/suspense-product-card-detailed-wPRUytSf.cjs +263 -0
- package/dist/{suspense-product-card-simple-D2m3NcrV.js → suspense-product-card-simple-CLJjab5B.js} +1 -1
- package/dist/{suspense-product-card-simple-BWxWMag0.cjs → suspense-product-card-simple-CrqjSxHI.cjs} +1 -1
- package/dist/{tag-CtleOqEC.js → tag-cRMfP-SZ.js} +9 -9
- package/dist/{tag-Bov1gw34.cjs → tag-yputMSpE.cjs} +4 -4
- package/package.json +1 -1
- package/dist/SearchSection-BGK1Fxaj.cjs +0 -161
- package/dist/suspense-product-card-detailed-C-ZCjG5p.js +0 -538
- package/dist/suspense-product-card-detailed-FuxsUusc.cjs +0 -260
package/dist/QuizSection.js
CHANGED
|
@@ -369,20 +369,20 @@ const le = E.div`
|
|
|
369
369
|
}
|
|
370
370
|
`, se = I(
|
|
371
371
|
({
|
|
372
|
-
title:
|
|
372
|
+
title: g,
|
|
373
373
|
description: o,
|
|
374
|
-
startQuizText:
|
|
374
|
+
startQuizText: f = "Start quiz",
|
|
375
375
|
onStartQuiz: h = () => {
|
|
376
376
|
}
|
|
377
|
-
},
|
|
377
|
+
}, s) => /* @__PURE__ */ t(le, { ref: s, children: [
|
|
378
378
|
/* @__PURE__ */ t("div", { className: "wrapper__content", children: [
|
|
379
|
-
/* @__PURE__ */ r("div", { className: "wrapper__title", children:
|
|
379
|
+
/* @__PURE__ */ r("div", { className: "wrapper__title", children: g }),
|
|
380
380
|
/* @__PURE__ */ r("div", { className: "wrapper__description", children: o })
|
|
381
381
|
] }),
|
|
382
382
|
/* @__PURE__ */ r(
|
|
383
383
|
z,
|
|
384
384
|
{
|
|
385
|
-
text:
|
|
385
|
+
text: f,
|
|
386
386
|
size: "medium",
|
|
387
387
|
className: "wrapper__action",
|
|
388
388
|
onClick: h
|
|
@@ -391,11 +391,11 @@ const le = E.div`
|
|
|
391
391
|
] })
|
|
392
392
|
), pe = I(
|
|
393
393
|
({
|
|
394
|
-
questionNoText:
|
|
394
|
+
questionNoText: g,
|
|
395
395
|
questionNo: o,
|
|
396
|
-
totalQuestions:
|
|
396
|
+
totalQuestions: f,
|
|
397
397
|
text: h,
|
|
398
|
-
options:
|
|
398
|
+
options: s,
|
|
399
399
|
correctAnswerIndex: n,
|
|
400
400
|
selectedAnswer: e,
|
|
401
401
|
secondsPerQuestion: R,
|
|
@@ -408,21 +408,21 @@ const le = E.div`
|
|
|
408
408
|
},
|
|
409
409
|
onNext: D = () => {
|
|
410
410
|
},
|
|
411
|
-
selectedAnswerIndex:
|
|
411
|
+
selectedAnswerIndex: p
|
|
412
412
|
}, N) => {
|
|
413
|
-
const [
|
|
414
|
-
re(() => (u &&
|
|
415
|
-
k((
|
|
416
|
-
}, 1e3)), () => clearInterval(x.current)), [u,
|
|
417
|
-
const L =
|
|
413
|
+
const [m, k] = w(R), [u, T] = w(!0), x = B(null);
|
|
414
|
+
re(() => (u && m > 0 && (x.current = setInterval(() => {
|
|
415
|
+
k((d) => d > 0 ? d - 1 : 0);
|
|
416
|
+
}, 1e3)), () => clearInterval(x.current)), [u, m]);
|
|
417
|
+
const L = m > 0 ? m / R * P : 0;
|
|
418
418
|
return /* @__PURE__ */ t(ce, { ref: N, children: [
|
|
419
419
|
/* @__PURE__ */ t("div", { className: "wrapper__headline", children: [
|
|
420
420
|
/* @__PURE__ */ t("div", { className: "wrapper__question-no", children: [
|
|
421
|
-
/* @__PURE__ */ r("div", { className: "question-no__text", children: `${
|
|
421
|
+
/* @__PURE__ */ r("div", { className: "question-no__text", children: `${g} ${o} / ${f}` }),
|
|
422
422
|
/* @__PURE__ */ r(
|
|
423
423
|
ne,
|
|
424
424
|
{
|
|
425
|
-
progressPercentage: o /
|
|
425
|
+
progressPercentage: o / f * 100,
|
|
426
426
|
className: "question-no__progress-bar"
|
|
427
427
|
}
|
|
428
428
|
)
|
|
@@ -458,20 +458,20 @@ const le = E.div`
|
|
|
458
458
|
}
|
|
459
459
|
)
|
|
460
460
|
] }),
|
|
461
|
-
/* @__PURE__ */ r("div", { className: "timer__display", children: /* @__PURE__ */ r("span", { className: "timer__text", children: ae(
|
|
461
|
+
/* @__PURE__ */ r("div", { className: "timer__display", children: /* @__PURE__ */ r("span", { className: "timer__text", children: ae(m) }) })
|
|
462
462
|
] })
|
|
463
463
|
] }),
|
|
464
464
|
/* @__PURE__ */ t("div", { className: "wrapper__content", children: [
|
|
465
465
|
/* @__PURE__ */ t("div", { className: "wrapper__item", children: [
|
|
466
466
|
/* @__PURE__ */ r("div", { className: "wrapper__text", children: h }),
|
|
467
|
-
/* @__PURE__ */ r("div", { className: "wrapper__answers", children:
|
|
467
|
+
/* @__PURE__ */ r("div", { className: "wrapper__answers", children: s == null ? void 0 : s.map((d, i) => /* @__PURE__ */ t(
|
|
468
468
|
"div",
|
|
469
469
|
{
|
|
470
|
-
className: `wrapper__answer ${n === i && n ===
|
|
471
|
-
onClick: () => W(
|
|
470
|
+
className: `wrapper__answer ${n === i && n === p ? "active" : te(e) && n !== p && p === i ? "incorrect" : ""}`,
|
|
471
|
+
onClick: () => W(d, i),
|
|
472
472
|
children: [
|
|
473
|
-
`${String.fromCharCode(65 + i)}: ${
|
|
474
|
-
n === i && n ===
|
|
473
|
+
`${String.fromCharCode(65 + i)}: ${d}`,
|
|
474
|
+
n === i && n === p && /* @__PURE__ */ r(
|
|
475
475
|
M,
|
|
476
476
|
{
|
|
477
477
|
icon: " mng-lnc-checkmark--filled",
|
|
@@ -479,7 +479,7 @@ const le = E.div`
|
|
|
479
479
|
className: "wrapper__icon"
|
|
480
480
|
}
|
|
481
481
|
),
|
|
482
|
-
|
|
482
|
+
p >= 0 && n !== p && p === i && /* @__PURE__ */ r(
|
|
483
483
|
M,
|
|
484
484
|
{
|
|
485
485
|
icon: " mng-lnc-close--filled",
|
|
@@ -520,15 +520,15 @@ const le = E.div`
|
|
|
520
520
|
}
|
|
521
521
|
), me = I(
|
|
522
522
|
({
|
|
523
|
-
title:
|
|
523
|
+
title: g,
|
|
524
524
|
description: o,
|
|
525
|
-
continueText:
|
|
525
|
+
continueText: f = "Continue",
|
|
526
526
|
endQuizText: h = "End quiz",
|
|
527
|
-
onContinue:
|
|
527
|
+
onContinue: s = () => {
|
|
528
528
|
},
|
|
529
529
|
onEndQuiz: n = () => {
|
|
530
530
|
}
|
|
531
|
-
}, e) => /* @__PURE__ */ t(oe, { children: [
|
|
531
|
+
}, e) => /* @__PURE__ */ t(oe, { ref: e, children: [
|
|
532
532
|
/* @__PURE__ */ t("div", { className: "wrapper__content", children: [
|
|
533
533
|
/* @__PURE__ */ r(
|
|
534
534
|
M,
|
|
@@ -540,7 +540,7 @@ const le = E.div`
|
|
|
540
540
|
}
|
|
541
541
|
),
|
|
542
542
|
/* @__PURE__ */ t("div", { className: "wrapper__info", children: [
|
|
543
|
-
|
|
543
|
+
g && /* @__PURE__ */ r("div", { className: "wrapper__title", children: g }),
|
|
544
544
|
o && /* @__PURE__ */ r("div", { className: "wrapper__description", children: o })
|
|
545
545
|
] })
|
|
546
546
|
] }),
|
|
@@ -548,11 +548,11 @@ const le = E.div`
|
|
|
548
548
|
/* @__PURE__ */ r(
|
|
549
549
|
z,
|
|
550
550
|
{
|
|
551
|
-
text:
|
|
551
|
+
text: f,
|
|
552
552
|
borderRadius: "curved",
|
|
553
553
|
size: "medium",
|
|
554
554
|
className: "wrapper__action action__continue",
|
|
555
|
-
onClick:
|
|
555
|
+
onClick: s
|
|
556
556
|
}
|
|
557
557
|
),
|
|
558
558
|
/* @__PURE__ */ r(
|
|
@@ -606,11 +606,11 @@ const le = E.div`
|
|
|
606
606
|
}
|
|
607
607
|
`, ye = I(
|
|
608
608
|
({
|
|
609
|
-
title:
|
|
609
|
+
title: g,
|
|
610
610
|
subtitle: o,
|
|
611
|
-
endTitle:
|
|
611
|
+
endTitle: f,
|
|
612
612
|
endDescription: h,
|
|
613
|
-
imageUrl:
|
|
613
|
+
imageUrl: s,
|
|
614
614
|
imageComponent: n,
|
|
615
615
|
questions: e,
|
|
616
616
|
secondsPerQuestion: R,
|
|
@@ -620,10 +620,10 @@ const le = E.div`
|
|
|
620
620
|
giveUpText: W = "Give up",
|
|
621
621
|
questionNoText: j = "Question",
|
|
622
622
|
continueText: D = "Continue",
|
|
623
|
-
endQuizText:
|
|
623
|
+
endQuizText: p = "End quiz",
|
|
624
624
|
onStartQuiz: N = () => {
|
|
625
625
|
},
|
|
626
|
-
onSelectAnswer:
|
|
626
|
+
onSelectAnswer: m = () => {
|
|
627
627
|
},
|
|
628
628
|
onGiveUp: k = () => {
|
|
629
629
|
},
|
|
@@ -634,22 +634,22 @@ const le = E.div`
|
|
|
634
634
|
onEndQuiz: x = () => {
|
|
635
635
|
}
|
|
636
636
|
}, L) => {
|
|
637
|
-
const [
|
|
637
|
+
const [d, i] = w(l.START_QUIZ), [_, v] = w(0), [a, A] = w(null), [O, y] = w(null), [F, b] = w(null), X = B([]), Q = B(0), J = () => {
|
|
638
638
|
var c;
|
|
639
639
|
i(l.QUIZ), A(
|
|
640
640
|
// questions?.find((question) => question?.questionNo === questionNo)
|
|
641
|
-
(c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e,
|
|
641
|
+
(c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, _)
|
|
642
642
|
), N == null || N();
|
|
643
643
|
}, K = (c, S) => {
|
|
644
|
-
b(S), y(c),
|
|
644
|
+
b(S), y(c), m == null || m();
|
|
645
645
|
}, V = () => {
|
|
646
646
|
i(l.START_QUIZ), v(0), y(null), b(null), k == null || k();
|
|
647
647
|
}, Y = () => {
|
|
648
648
|
var S;
|
|
649
649
|
const c = F === (a == null ? void 0 : a.correctAnswerIndex);
|
|
650
|
-
c ? (i(l.CORRECT_ANSWER), Q.current += C || (a == null ? void 0 : a.numberOfCredits)) :
|
|
650
|
+
c ? (i(l.CORRECT_ANSWER), Q.current += C || (a == null ? void 0 : a.numberOfCredits)) : _ === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), v(0), y(null), b(null)) : (v(_ + 1), A(
|
|
651
651
|
// questions?.find((question) => question?.questionNo === questionNo + 1)
|
|
652
|
-
(S = e == null ? void 0 : e.at) == null ? void 0 : S.call(e,
|
|
652
|
+
(S = e == null ? void 0 : e.at) == null ? void 0 : S.call(e, _ + 1)
|
|
653
653
|
), y(null), b(null)), X.current = [
|
|
654
654
|
...X.current,
|
|
655
655
|
{
|
|
@@ -660,29 +660,29 @@ const le = E.div`
|
|
|
660
660
|
], u == null || u();
|
|
661
661
|
}, q = () => {
|
|
662
662
|
var c;
|
|
663
|
-
|
|
663
|
+
_ === (e == null ? void 0 : e.length) - 1 ? (i(l.START_QUIZ), v(0)) : (i(l.QUIZ), v(_ + 1), A(
|
|
664
664
|
// questions?.find((question) => question?.questionNo === questionNo + 1)
|
|
665
|
-
(c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e,
|
|
665
|
+
(c = e == null ? void 0 : e.at) == null ? void 0 : c.call(e, _ + 1)
|
|
666
666
|
)), y(null), b(null), T == null || T(Q == null ? void 0 : Q.current);
|
|
667
667
|
}, ee = () => {
|
|
668
668
|
i(l.START_QUIZ), v(0), y(null), b(null), x == null || x();
|
|
669
669
|
};
|
|
670
670
|
return /* @__PURE__ */ t(de, { ref: L, children: [
|
|
671
671
|
/* @__PURE__ */ t("div", { className: "wrapper__outlet", children: [
|
|
672
|
-
|
|
672
|
+
d === l.START_QUIZ && /* @__PURE__ */ r(
|
|
673
673
|
se,
|
|
674
674
|
{
|
|
675
|
-
title:
|
|
675
|
+
title: g,
|
|
676
676
|
description: o,
|
|
677
677
|
startQuizText: Z,
|
|
678
678
|
onStartQuiz: J
|
|
679
679
|
}
|
|
680
680
|
),
|
|
681
|
-
|
|
681
|
+
d === l.QUIZ && a && /* @__PURE__ */ r(
|
|
682
682
|
pe,
|
|
683
683
|
{
|
|
684
684
|
questionNoText: j,
|
|
685
|
-
questionNo:
|
|
685
|
+
questionNo: _,
|
|
686
686
|
totalQuestions: (e == null ? void 0 : e.length) || 0,
|
|
687
687
|
text: a == null ? void 0 : a.questionText,
|
|
688
688
|
options: a == null ? void 0 : a.options,
|
|
@@ -697,24 +697,24 @@ const le = E.div`
|
|
|
697
697
|
onNext: Y,
|
|
698
698
|
selectedAnswerIndex: F
|
|
699
699
|
},
|
|
700
|
-
`quiz-question__${
|
|
700
|
+
`quiz-question__${_}`
|
|
701
701
|
),
|
|
702
|
-
|
|
702
|
+
d === l.CORRECT_ANSWER && /* @__PURE__ */ r(
|
|
703
703
|
me,
|
|
704
704
|
{
|
|
705
|
-
title:
|
|
705
|
+
title: f,
|
|
706
706
|
description: ie(
|
|
707
707
|
h,
|
|
708
708
|
C || (a == null ? void 0 : a.numberOfCredits)
|
|
709
709
|
),
|
|
710
710
|
continueText: D,
|
|
711
|
-
endQuizText:
|
|
711
|
+
endQuizText: p,
|
|
712
712
|
onContinue: q,
|
|
713
713
|
onEndQuiz: ee
|
|
714
714
|
}
|
|
715
715
|
)
|
|
716
716
|
] }),
|
|
717
|
-
G(n) ? n : /* @__PURE__ */ r("img", { src:
|
|
717
|
+
G(n) ? n : /* @__PURE__ */ r("img", { src: s, className: "wrapper__image" })
|
|
718
718
|
] });
|
|
719
719
|
}
|
|
720
720
|
);
|
|
@@ -444,4 +444,4 @@
|
|
|
444
444
|
border-radius: 1.25rem;
|
|
445
445
|
object-fit: cover;
|
|
446
446
|
}
|
|
447
|
-
`,ge=d.forwardRef(({sectionName:e,imageUrl:n,maxHeight:s="16.25rem",className:o="",handleClick:l=()=>{}})=>t.jsx(Re,{maxHeight:s,onClick:l,className:`itemless-banner ${o}`,children:t.jsx("img",{src:n,alt:`itemless-banner__${e}`})}));ge.propTypes={sectionName:a.PropTypes.string,imageUrl:a.PropTypes.string,maxHeight:a.PropTypes.string,className:a.PropTypes.string,handleClick:a.PropTypes.func};const Oe=d.memo(ce),Ue=d.forwardRef(({sellerType:e="Shop",items:n=[],title:s,icon:o,isLoading:l,onSelectCard:u=()=>{},onSelectShop:i=()=>{},getImage:m=()=>{},campaignSingleText:c,upcomingCampaignText:y,salesCampaignTypes:P=[],startsInPrefixTextPlural:I,startsinSuffixTextPlural:_,startsInPrefixTextSingular:C,startsinSuffixTextSingular:w,endsInPrefixTextPlural:b,endsinSuffixTextPlural:v,endsInPrefixTextSingular:k,endsinSuffixTextSingular:T,numOfSlides:g=2,showNavigation:h=!0,numberOfListingsTextSingular:U,numberOfListingsTextPlural:B,itemlessImageUrl:q,itemlessLink:A,handleItemlessLink:W=()=>{}},G)=>{const N=ie.useDetectMobile(),V=d.useMemo(()=>{let E=n==null?void 0:n.map((r,X)=>t.jsx(Oe,{className:"campaign-item",coverPhoto:m(r==null?void 0:r.coverPhoto,(r==null?void 0:r.uuid)||(r==null?void 0:r.campaignUuid)),description:r==null?void 0:r.description,endDate:r==null?void 0:r.endDate,salesPackages:r==null?void 0:r.salesPackages,sellerType:e,shopImage:r==null?void 0:r.profileImage,shopImageComponent:r==null?void 0:r.profileImageComponent,shopName:r==null?void 0:r.shopName,shopUuid:r==null?void 0:r.shopUuid,shopCategory:r==null?void 0:r.shopCategory,startDate:r==null?void 0:r.startDate,title:r==null?void 0:r.name,uuid:r==null?void 0:r.campaignUuid,onSelectCard:()=>u(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>i(r==null?void 0:r.shopUuid),campaignSingleText:c,upcomingCampaignText:y,upcoming:r==null?void 0:r.upcoming,salesCampaignTypes:P,startsInPrefixTextPlural:I,startsinSuffixTextPlural:_,startsInPrefixTextSingular:C,startsinSuffixTextSingular:w,endsInPrefixTextPlural:b,endsinSuffixTextPlural:v,endsInPrefixTextSingular:k,endsinSuffixTextSingular:T,themeData:r==null?void 0:r.themeData,numberOfListings:r==null?void 0:r.numberOfListings,numberOfListingsTextSingular:U,numberOfListingsTextPlural:B},`campaign__item__${X}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`));return(n==null?void 0:n.length)<2&&!N?[...E,t.jsx(ge,{imageUrl:q,className:"campaign-item",handleClick:W})]:E},[n]);return t.jsx(Me,{isLoading:l,itemsCount:N?1:2,keyPrefix:"sales-camp",children:t.jsx(de,{icon:o,title:s,numOfSlides:g,showNavigation:h,children:V},`sales-campaign-section__${N}`)})});module.exports=Ue;
|
|
447
|
+
`,ge=d.forwardRef(({sectionName:e,imageUrl:n,maxHeight:s="16.25rem",className:o="",handleClick:l=()=>{}},u)=>t.jsx(Re,{ref:u,maxHeight:s,onClick:l,className:`itemless-banner ${o}`,children:t.jsx("img",{src:n,alt:`itemless-banner__${e}`})}));ge.propTypes={sectionName:a.PropTypes.string,imageUrl:a.PropTypes.string,maxHeight:a.PropTypes.string,className:a.PropTypes.string,handleClick:a.PropTypes.func};const Oe=d.memo(ce),Ue=d.forwardRef(({sellerType:e="Shop",items:n=[],title:s,icon:o,isLoading:l,onSelectCard:u=()=>{},onSelectShop:i=()=>{},getImage:m=()=>{},campaignSingleText:c,upcomingCampaignText:y,salesCampaignTypes:P=[],startsInPrefixTextPlural:I,startsinSuffixTextPlural:_,startsInPrefixTextSingular:C,startsinSuffixTextSingular:w,endsInPrefixTextPlural:b,endsinSuffixTextPlural:v,endsInPrefixTextSingular:k,endsinSuffixTextSingular:T,numOfSlides:g=2,showNavigation:h=!0,numberOfListingsTextSingular:U,numberOfListingsTextPlural:B,itemlessImageUrl:q,itemlessLink:A,handleItemlessLink:W=()=>{}},G)=>{const N=ie.useDetectMobile(),V=d.useMemo(()=>{let E=n==null?void 0:n.map((r,X)=>t.jsx(Oe,{className:"campaign-item",coverPhoto:m(r==null?void 0:r.coverPhoto,(r==null?void 0:r.uuid)||(r==null?void 0:r.campaignUuid)),description:r==null?void 0:r.description,endDate:r==null?void 0:r.endDate,salesPackages:r==null?void 0:r.salesPackages,sellerType:e,shopImage:r==null?void 0:r.profileImage,shopImageComponent:r==null?void 0:r.profileImageComponent,shopName:r==null?void 0:r.shopName,shopUuid:r==null?void 0:r.shopUuid,shopCategory:r==null?void 0:r.shopCategory,startDate:r==null?void 0:r.startDate,title:r==null?void 0:r.name,uuid:r==null?void 0:r.campaignUuid,onSelectCard:()=>u(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>i(r==null?void 0:r.shopUuid),campaignSingleText:c,upcomingCampaignText:y,upcoming:r==null?void 0:r.upcoming,salesCampaignTypes:P,startsInPrefixTextPlural:I,startsinSuffixTextPlural:_,startsInPrefixTextSingular:C,startsinSuffixTextSingular:w,endsInPrefixTextPlural:b,endsinSuffixTextPlural:v,endsInPrefixTextSingular:k,endsinSuffixTextSingular:T,themeData:r==null?void 0:r.themeData,numberOfListings:r==null?void 0:r.numberOfListings,numberOfListingsTextSingular:U,numberOfListingsTextPlural:B},`campaign__item__${X}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`));return(n==null?void 0:n.length)<2&&!N?[...E,t.jsx(ge,{imageUrl:q,className:"campaign-item",handleClick:W})]:E},[n]);return t.jsx(Me,{isLoading:l,itemsCount:N?1:2,keyPrefix:"sales-camp",children:t.jsx(de,{icon:o,title:s,numOfSlides:g,showNavigation:h,children:V},`sales-campaign-section__${N}`)})});module.exports=Ue;
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
"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`
|
|
2
|
+
display: flex;
|
|
3
|
+
gap: 0.5rem;
|
|
4
|
+
align-content: center;
|
|
5
|
+
|
|
6
|
+
& .tags__item {
|
|
7
|
+
color: var(--neutral-600, #0f2a46);
|
|
8
|
+
background: var(--neutral-50, #eef2f5);
|
|
9
|
+
font-size: 0.875rem;
|
|
10
|
+
font-style: normal;
|
|
11
|
+
font-weight: 400;
|
|
12
|
+
line-height: 1rem;
|
|
13
|
+
letter-spacing: 0.025rem;
|
|
14
|
+
padding: 0.5rem;
|
|
15
|
+
|
|
16
|
+
&:hover {
|
|
17
|
+
background: var(--gray-200, #e4e9f0);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
&:focus {
|
|
21
|
+
outline: none;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
@media (max-width: ${ue.MOBILE_SIZE_PX+"px"}) {
|
|
26
|
+
width: 100%;
|
|
27
|
+
overflow-x: auto;
|
|
28
|
+
white-space: nowrap;
|
|
29
|
+
|
|
30
|
+
-webkit-overflow-scrolling: touch;
|
|
31
|
+
::-webkit-scrollbar {
|
|
32
|
+
-webkit-appearance: none;
|
|
33
|
+
}
|
|
34
|
+
-ms-overflow-style: none;
|
|
35
|
+
/* Internet Explorer 10+ */
|
|
36
|
+
scrollbar-width: none;
|
|
37
|
+
/* Firefox */
|
|
38
|
+
|
|
39
|
+
&::-webkit-scrollbar {
|
|
40
|
+
display: none;
|
|
41
|
+
/* Safari and Chrome */
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
`,tt=J.styled.div`
|
|
45
|
+
position: relative;
|
|
46
|
+
display: flex;
|
|
47
|
+
justify-content: center;
|
|
48
|
+
align-items: center;
|
|
49
|
+
width: 100%;
|
|
50
|
+
height: 100%;
|
|
51
|
+
max-width: 31.25rem;
|
|
52
|
+
max-height: 18.75rem;
|
|
53
|
+
border-radius: 1rem;
|
|
54
|
+
|
|
55
|
+
& .section__thumbnail {
|
|
56
|
+
width: 100%;
|
|
57
|
+
height: 100%;
|
|
58
|
+
max-width: 31.25rem;
|
|
59
|
+
max-height: 18.75rem;
|
|
60
|
+
border-radius: 1rem;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
& .section__play {
|
|
64
|
+
position: absolute;
|
|
65
|
+
}
|
|
66
|
+
`,B=C.forwardRef(({tags:e=[],selectedTagCode:t=null,onSelectTag:r=()=>{}},n)=>i.jsx(et,{ref:n,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-Cfsj4ZaP.cjs")).then(e=>e.YouTube))},{key:"soundcloud",name:"SoundCloud",canPlay:_.canPlay.soundcloud,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./SoundCloud-C86xwUG6.cjs")).then(e=>e.SoundCloud))},{key:"vimeo",name:"Vimeo",canPlay:_.canPlay.vimeo,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Vimeo-8wXdCXGs.cjs")).then(e=>e.Vimeo))},{key:"mux",name:"Mux",canPlay:_.canPlay.mux,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Mux-BgB2a8kM.cjs")).then(e=>e.Mux))},{key:"facebook",name:"Facebook",canPlay:_.canPlay.facebook,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Facebook-D9wwecSW.cjs")).then(e=>e.Facebook))},{key:"streamable",name:"Streamable",canPlay:_.canPlay.streamable,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Streamable-4uAnb3WN.cjs")).then(e=>e.Streamable))},{key:"wistia",name:"Wistia",canPlay:_.canPlay.wistia,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Wistia-BrUzHQoq.cjs")).then(e=>e.Wistia))},{key:"twitch",name:"Twitch",canPlay:_.canPlay.twitch,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Twitch-CVAj24ti.cjs")).then(e=>e.Twitch))},{key:"dailymotion",name:"DailyMotion",canPlay:_.canPlay.dailymotion,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./DailyMotion-BaFUcQKQ.cjs")).then(e=>e.DailyMotion))},{key:"mixcloud",name:"Mixcloud",canPlay:_.canPlay.mixcloud,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Mixcloud-nG_VyBNt.cjs")).then(e=>e.Mixcloud))},{key:"vidyard",name:"Vidyard",canPlay:_.canPlay.vidyard,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Vidyard-DaCcaaH4.cjs")).then(e=>e.Vidyard))},{key:"kaltura",name:"Kaltura",canPlay:_.canPlay.kaltura,lazyPlayer:(0,P.lazy)(()=>Promise.resolve().then(()=>require("./Kaltura-CCdXLzOa.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-DB6jnpeC.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`
|
|
67
|
+
display: flex;
|
|
68
|
+
justify-content: space-between;
|
|
69
|
+
align-items: center;
|
|
70
|
+
|
|
71
|
+
& .section__left {
|
|
72
|
+
display: flex;
|
|
73
|
+
flex-direction: column;
|
|
74
|
+
gap: 2rem;
|
|
75
|
+
|
|
76
|
+
&.search {
|
|
77
|
+
gap: 0.75rem;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
& .section__title {
|
|
81
|
+
color: var(--gray-900, #0c1520);
|
|
82
|
+
font-size: 1.75rem;
|
|
83
|
+
font-style: normal;
|
|
84
|
+
font-weight: 600;
|
|
85
|
+
line-height: 2.25rem;
|
|
86
|
+
letter-spacing: -0.0369rem;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
& .section__text-input {
|
|
90
|
+
border-radius: 999px;
|
|
91
|
+
height: 3rem;
|
|
92
|
+
min-height: 3rem;
|
|
93
|
+
border: 1px solid var(--gray-200, #e4e9f0);
|
|
94
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
|
95
|
+
outline: none;
|
|
96
|
+
|
|
97
|
+
& input::placeholder {
|
|
98
|
+
color: var(--gray-500, #7a8594);
|
|
99
|
+
font-size: 0.875rem;
|
|
100
|
+
font-style: normal;
|
|
101
|
+
font-weight: 400;
|
|
102
|
+
line-height: 1.25rem;
|
|
103
|
+
letter-spacing: 0.0156rem;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
& .section__prefix {
|
|
107
|
+
color: var(--gray-500, #7a8594);
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
& .section__description {
|
|
112
|
+
color: var(--gray-500, #7a8594);
|
|
113
|
+
font-size: 1rem;
|
|
114
|
+
font-style: normal;
|
|
115
|
+
font-weight: 500;
|
|
116
|
+
line-height: 1.5rem;
|
|
117
|
+
letter-spacing: -0.0112rem;
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
& .section__tags {
|
|
121
|
+
display: flex;
|
|
122
|
+
align-items: center;
|
|
123
|
+
gap: 1.25rem;
|
|
124
|
+
|
|
125
|
+
& .section__suggested {
|
|
126
|
+
color: var(--neutral-900, #0c1520);
|
|
127
|
+
font-size: 0.75rem;
|
|
128
|
+
font-style: normal;
|
|
129
|
+
font-weight: 400;
|
|
130
|
+
line-height: 1rem;
|
|
131
|
+
letter-spacing: 0.025rem;
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
& .section__right {
|
|
137
|
+
& video {
|
|
138
|
+
border-radius: 1rem;
|
|
139
|
+
overflow: hidden;
|
|
140
|
+
object-fit: cover;
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
@media (max-width: ${ue.MOBILE_SIZE_PX+"px"}) {
|
|
145
|
+
flex-direction: column;
|
|
146
|
+
gap: 1.5rem;
|
|
147
|
+
|
|
148
|
+
& .section__left {
|
|
149
|
+
width: 100%;
|
|
150
|
+
text-align: center;
|
|
151
|
+
|
|
152
|
+
& .section__suggested {
|
|
153
|
+
display: none;
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
& .section__text-input {
|
|
158
|
+
width: 100%;
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
`,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=$;
|