@momo-webplatform/mobase 0.0.45 → 0.2.2
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/cjs/index.cjs +932 -1
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/index.d.cts +199 -136
- package/dist/esm/index.d.ts +199 -136
- package/dist/esm/index.js +913 -2
- package/dist/esm/index.js.map +1 -1
- package/package.json +31 -30
package/dist/esm/index.js
CHANGED
|
@@ -749,7 +749,7 @@ var DialogContent = React5.forwardRef(function(_param, ref) {
|
|
|
749
749
|
var classNames = {
|
|
750
750
|
base: "fixed z-50 flex bg-white shadow-lg sm:rounded-xl bg-white text-gray-900 w-full max-w-[calc(-64px_+_100vw)] max-h-[calc(-64px_+_100vh)] flex-col",
|
|
751
751
|
center: "left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-xl",
|
|
752
|
-
bottom: "!duration-300 bottom-0 sm:bottom-1/2 left-1/2 rounded-t-xl sm:translate-y-1/2 data-[state=closed]:animate-out -translate-x-1/2 data-[state=open]:animate-in data-[state=open]:slide-in-from-left-1/2 ease-in-out data-[state=open]:slide-in-from-bottom-2/3 data-[state=closed]:slide-out-to-bottom-2/3 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 max-w-full max-h-[calc(-32px_+_100vh)] sm:max-h-[calc(-64px_+_100vh)]",
|
|
752
|
+
bottom: "!duration-300 bottom-0 sm:bottom-1/2 left-1/2 rounded-t-xl sm:translate-y-1/2 data-[state=closed]:animate-out -translate-x-1/2 data-[state=open]:animate-in data-[state=open]:slide-in-from-left-1/2 ease-in-out data-[state=open]:slide-in-from-bottom-2/3 data-[state=closed]:slide-out-to-bottom-2/3 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 max-w-full max-h-[calc(-32px_+_100vh)] sm:max-h-[calc(-64px_+_100vh)] sm:max-w-[calc(-64px_+_100vw)]",
|
|
753
753
|
left: "!duration-300 max-h-screen !h-full rounded-r-xl sm:rounded-l-none top-0 data-[state=open]:animate-in data-[state=open]:slide-in-from-left data-[state=closed]:animate-out data-[state=closed]:slide-out-to-left ease-in-out",
|
|
754
754
|
right: "!duration-300 !h-full rounded-l-xl sm:rounded-r-none max-h-screen top-0 right-0 data-[state=open]:animate-in data-[state=open]:slide-in-from-right data-[state=closed]:animate-out data-[state=closed]:slide-out-to-right ease-in-out"
|
|
755
755
|
};
|
|
@@ -4406,6 +4406,764 @@ function Badge(_param) {
|
|
|
4406
4406
|
}), className)
|
|
4407
4407
|
}, props));
|
|
4408
4408
|
}
|
|
4409
|
+
// src/components/Progressbar/Progressbar.tsx
|
|
4410
|
+
import * as React22 from "react";
|
|
4411
|
+
import * as ProgressPrimitive from "@radix-ui/react-progress";
|
|
4412
|
+
import { cva as cva9 } from "class-variance-authority";
|
|
4413
|
+
import { jsx as jsx40 } from "react/jsx-runtime";
|
|
4414
|
+
var progressbarVariants = cva9("h-full w-full rounded-full flex-1 transition-all", {
|
|
4415
|
+
variants: {
|
|
4416
|
+
variant: {
|
|
4417
|
+
progress: "bg-pink-500",
|
|
4418
|
+
success: "bg-green-600",
|
|
4419
|
+
disabled: "bg-gray-400",
|
|
4420
|
+
empty: "bg-gray-200"
|
|
4421
|
+
}
|
|
4422
|
+
},
|
|
4423
|
+
defaultVariants: {
|
|
4424
|
+
variant: "progress"
|
|
4425
|
+
}
|
|
4426
|
+
});
|
|
4427
|
+
var progressbarSecondaryVariants = cva9("relative h-4 w-full overflow-hidden rounded-full bg-gray-200", {
|
|
4428
|
+
variants: {
|
|
4429
|
+
size: {
|
|
4430
|
+
small: "h-[6px]",
|
|
4431
|
+
medium: "h-2",
|
|
4432
|
+
large: "h-[10px]"
|
|
4433
|
+
}
|
|
4434
|
+
},
|
|
4435
|
+
defaultVariants: {
|
|
4436
|
+
size: "medium"
|
|
4437
|
+
}
|
|
4438
|
+
});
|
|
4439
|
+
var Progress = React22.forwardRef(function(_param, ref) {
|
|
4440
|
+
var className = _param.className, value = _param.value, _param_variant = _param.variant, variant = _param_variant === void 0 ? "progress" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "medium" : _param_size, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, props = _object_without_properties(_param, [
|
|
4441
|
+
"className",
|
|
4442
|
+
"value",
|
|
4443
|
+
"variant",
|
|
4444
|
+
"size",
|
|
4445
|
+
"disabled"
|
|
4446
|
+
]);
|
|
4447
|
+
return /* @__PURE__ */ jsx40(ProgressPrimitive.Root, _object_spread_props(_object_spread({
|
|
4448
|
+
ref: ref,
|
|
4449
|
+
className: cn("", progressbarSecondaryVariants({
|
|
4450
|
+
size: size
|
|
4451
|
+
}), className)
|
|
4452
|
+
}, props), {
|
|
4453
|
+
children: /* @__PURE__ */ jsx40(ProgressPrimitive.Indicator, {
|
|
4454
|
+
className: cn("", progressbarVariants({
|
|
4455
|
+
variant: variant
|
|
4456
|
+
})),
|
|
4457
|
+
style: {
|
|
4458
|
+
transform: "translateX(-".concat(100 - (value || 0), "%)")
|
|
4459
|
+
}
|
|
4460
|
+
})
|
|
4461
|
+
}));
|
|
4462
|
+
});
|
|
4463
|
+
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
4464
|
+
// src/components/HeroSection/HeroSection.tsx
|
|
4465
|
+
import React23, { forwardRef as forwardRef25 } from "react";
|
|
4466
|
+
// src/components/HeroSection/utils.ts
|
|
4467
|
+
var TYPE_MEDIA_IMAGE = 1;
|
|
4468
|
+
var DUMMY_NONE_DATA = {
|
|
4469
|
+
tagName: "DUMMY TAG",
|
|
4470
|
+
title: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. ",
|
|
4471
|
+
description: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime minima amet porro.nam asperiores omnis labore doloribus excepturi?",
|
|
4472
|
+
media: {
|
|
4473
|
+
type: 1,
|
|
4474
|
+
src: "https://homepage.momocdn.net/img/momo-upload-api-240522112100-638519736605993862.jpg",
|
|
4475
|
+
ratioImg: 1 / 1
|
|
4476
|
+
}
|
|
4477
|
+
};
|
|
4478
|
+
var DUMMY_NONE_DATA_CTAS = [
|
|
4479
|
+
{
|
|
4480
|
+
variant: "primary",
|
|
4481
|
+
content: "Button Primary",
|
|
4482
|
+
url: ""
|
|
4483
|
+
},
|
|
4484
|
+
{
|
|
4485
|
+
variant: "transparent",
|
|
4486
|
+
content: "Button Text",
|
|
4487
|
+
url: ""
|
|
4488
|
+
}
|
|
4489
|
+
];
|
|
4490
|
+
var DUMMY_NONE_DATA_FEATURS = {
|
|
4491
|
+
type: "col",
|
|
4492
|
+
contents: [
|
|
4493
|
+
{
|
|
4494
|
+
title: "Lorem ipsum, dolor sit amet consectetur adipisicing elit",
|
|
4495
|
+
label: "",
|
|
4496
|
+
icon: ""
|
|
4497
|
+
},
|
|
4498
|
+
{
|
|
4499
|
+
title: "Lorem ipsum, dolor sit amet consectetur adipisicing elit",
|
|
4500
|
+
label: "",
|
|
4501
|
+
icon: ""
|
|
4502
|
+
},
|
|
4503
|
+
{
|
|
4504
|
+
title: "Lorem ipsum, dolor sit amet consectetur adipisicing elit",
|
|
4505
|
+
label: "",
|
|
4506
|
+
icon: ""
|
|
4507
|
+
},
|
|
4508
|
+
{
|
|
4509
|
+
title: "Lorem ipsum, dolor sit amet consectetur adipisicing elit",
|
|
4510
|
+
label: "",
|
|
4511
|
+
icon: ""
|
|
4512
|
+
}
|
|
4513
|
+
]
|
|
4514
|
+
};
|
|
4515
|
+
// src/components/HeroSection/HeroSection.tsx
|
|
4516
|
+
import { CheckIcon as CheckIcon3 } from "@heroicons/react/24/outline";
|
|
4517
|
+
// src/components/AspectRatio/AspectRatio.tsx
|
|
4518
|
+
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
4519
|
+
var AspectRatio = AspectRatioPrimitive.Root;
|
|
4520
|
+
// src/components/HeroSection/HeroSection.tsx
|
|
4521
|
+
import { cva as cva10 } from "class-variance-authority";
|
|
4522
|
+
import * as DialogPrimitive3 from "@radix-ui/react-dialog";
|
|
4523
|
+
import { X as X2 } from "lucide-react";
|
|
4524
|
+
import { Fragment as Fragment5, jsx as jsx41, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
4525
|
+
var DialogPortal3 = DialogPrimitive3.Portal;
|
|
4526
|
+
var DialogOverlay3 = React23.forwardRef(function(_param, ref) {
|
|
4527
|
+
var className = _param.className, props = _object_without_properties(_param, [
|
|
4528
|
+
"className"
|
|
4529
|
+
]);
|
|
4530
|
+
return /* @__PURE__ */ jsx41(DialogPrimitive3.Overlay, _object_spread({
|
|
4531
|
+
ref: ref,
|
|
4532
|
+
className: cn("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className)
|
|
4533
|
+
}, props));
|
|
4534
|
+
});
|
|
4535
|
+
var Dialog2 = DialogPrimitive3.Root;
|
|
4536
|
+
var CloseDialog2 = function() {
|
|
4537
|
+
return /* @__PURE__ */ jsxs29(DialogPrimitive3.Close, {
|
|
4538
|
+
className: "flex transition-all z-10 text-sm items-center space-x-1 absolute left-3 top-6 md:left-6 hover:bg-white/20 text-white rounded-md px-4 py-2",
|
|
4539
|
+
children: [
|
|
4540
|
+
/* @__PURE__ */ jsx41(X2, {
|
|
4541
|
+
className: "h-4 w-4 mt-0.5"
|
|
4542
|
+
}),
|
|
4543
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4544
|
+
className: "",
|
|
4545
|
+
children: "\u0110\xF3ng c\u1EEDa s\u1ED5"
|
|
4546
|
+
})
|
|
4547
|
+
]
|
|
4548
|
+
});
|
|
4549
|
+
};
|
|
4550
|
+
var DialogContent3 = React23.forwardRef(function(_param, ref) {
|
|
4551
|
+
var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
|
|
4552
|
+
"className",
|
|
4553
|
+
"children"
|
|
4554
|
+
]);
|
|
4555
|
+
return /* @__PURE__ */ jsxs29(DialogPortal3, {
|
|
4556
|
+
children: [
|
|
4557
|
+
/* @__PURE__ */ jsx41(DialogOverlay3, {
|
|
4558
|
+
className: "bg-black"
|
|
4559
|
+
}),
|
|
4560
|
+
/* @__PURE__ */ jsxs29(DialogPrimitive3.Content, _object_spread_props(_object_spread({
|
|
4561
|
+
ref: ref,
|
|
4562
|
+
className: cn("h-full min-w-full border-none rounded-none z-[999] fixed left-[50%] top-[50%] grid w-full translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] ", className)
|
|
4563
|
+
}, props), {
|
|
4564
|
+
children: [
|
|
4565
|
+
children,
|
|
4566
|
+
/* @__PURE__ */ jsx41(CloseDialog2, {})
|
|
4567
|
+
]
|
|
4568
|
+
}))
|
|
4569
|
+
]
|
|
4570
|
+
});
|
|
4571
|
+
});
|
|
4572
|
+
var featureVariants = cva10("max-w-md space-y-1 text-gray-800 font-semibold list-inside ", {
|
|
4573
|
+
variants: {
|
|
4574
|
+
template: {
|
|
4575
|
+
col: " flex-col flex mt-5",
|
|
4576
|
+
row: "grid grid-cols-3 items-center divide-x gap-2 mt-5 ",
|
|
4577
|
+
customize: "grid grid-cols-2 md:grid-cols-4 gap-12 max-w-5xl mx-auto font-semibold items-center py-12 text-left text-sm"
|
|
4578
|
+
}
|
|
4579
|
+
},
|
|
4580
|
+
defaultVariants: {
|
|
4581
|
+
template: "col"
|
|
4582
|
+
}
|
|
4583
|
+
});
|
|
4584
|
+
var SectionHeroTitle = function(param) {
|
|
4585
|
+
var title = param.title, className = param.className;
|
|
4586
|
+
return /* @__PURE__ */ jsx41("h1", {
|
|
4587
|
+
dangerouslySetInnerHTML: {
|
|
4588
|
+
__html: title || ""
|
|
4589
|
+
},
|
|
4590
|
+
className: cn("text-3xl md:text-4xl font-bold py-3 text-gray-900", className)
|
|
4591
|
+
});
|
|
4592
|
+
};
|
|
4593
|
+
var SectionHeroTag = function(param) {
|
|
4594
|
+
var tagName = param.tagName, className = param.className;
|
|
4595
|
+
return /* @__PURE__ */ jsx41("div", {
|
|
4596
|
+
className: cn("text-pink-500 font-bold text-sm tracking-wider ", className),
|
|
4597
|
+
children: tagName
|
|
4598
|
+
});
|
|
4599
|
+
};
|
|
4600
|
+
var SectionHeroDescription = function(param) {
|
|
4601
|
+
var description = param.description, className = param.className;
|
|
4602
|
+
return /* @__PURE__ */ jsx41("div", {
|
|
4603
|
+
dangerouslySetInnerHTML: {
|
|
4604
|
+
__html: description || ""
|
|
4605
|
+
},
|
|
4606
|
+
className: cn("text-lg text-gray-700 pb-2", className)
|
|
4607
|
+
});
|
|
4608
|
+
};
|
|
4609
|
+
var SectionHeroCTA = function(param) {
|
|
4610
|
+
var dataCtas = param.dataCtas, className = param.className;
|
|
4611
|
+
var handleOnClickCTA = function(e, onClickFC) {
|
|
4612
|
+
e.preventDefault();
|
|
4613
|
+
e.stopPropagation();
|
|
4614
|
+
onClickFC === null || onClickFC === void 0 ? void 0 : onClickFC();
|
|
4615
|
+
};
|
|
4616
|
+
var ButtonCTAQR = function(param) {
|
|
4617
|
+
var cta = param.cta, index = param.index;
|
|
4618
|
+
return /* @__PURE__ */ jsxs29(Fragment5, {
|
|
4619
|
+
children: [
|
|
4620
|
+
/* @__PURE__ */ jsx41(Button, {
|
|
4621
|
+
onClick: function(e) {
|
|
4622
|
+
var _cta_onClickCTA, _cta_onClickCTA1;
|
|
4623
|
+
return (cta === null || cta === void 0 ? void 0 : (_cta_onClickCTA = cta.onClickCTA) === null || _cta_onClickCTA === void 0 ? void 0 : _cta_onClickCTA.call(cta)) && handleOnClickCTA(e, cta === null || cta === void 0 ? void 0 : (_cta_onClickCTA1 = cta.onClickCTA) === null || _cta_onClickCTA1 === void 0 ? void 0 : _cta_onClickCTA1.call(cta));
|
|
4624
|
+
},
|
|
4625
|
+
variant: cta === null || cta === void 0 ? void 0 : cta.variant,
|
|
4626
|
+
className: cn("md:block hidden", (cta === null || cta === void 0 ? void 0 : cta.variant) !== "primary" && "text-pink-500 hidden "),
|
|
4627
|
+
children: cta === null || cta === void 0 ? void 0 : cta.content
|
|
4628
|
+
}, index),
|
|
4629
|
+
/* @__PURE__ */ jsx41(Button, {
|
|
4630
|
+
variant: cta === null || cta === void 0 ? void 0 : cta.variant,
|
|
4631
|
+
className: cn("md:hidden", (cta === null || cta === void 0 ? void 0 : cta.variant) !== "primary" && "text-pink-500"),
|
|
4632
|
+
children: /* @__PURE__ */ jsx41("a", {
|
|
4633
|
+
href: cta === null || cta === void 0 ? void 0 : cta.url,
|
|
4634
|
+
target: "_blank",
|
|
4635
|
+
rel: "noreferrer",
|
|
4636
|
+
children: cta === null || cta === void 0 ? void 0 : cta.content
|
|
4637
|
+
})
|
|
4638
|
+
}, index)
|
|
4639
|
+
]
|
|
4640
|
+
});
|
|
4641
|
+
};
|
|
4642
|
+
return /* @__PURE__ */ jsx41("div", {
|
|
4643
|
+
className: cn("flex items-center mt-10", className, (dataCtas === null || dataCtas === void 0 ? void 0 : dataCtas.length) > 1 ? "space-x-6" : ""),
|
|
4644
|
+
children: dataCtas === null || dataCtas === void 0 ? void 0 : dataCtas.map(function(cta, index) {
|
|
4645
|
+
return (cta === null || cta === void 0 ? void 0 : cta.isQRCode) ? /* @__PURE__ */ jsx41(ButtonCTAQR, {
|
|
4646
|
+
cta: cta,
|
|
4647
|
+
index: index
|
|
4648
|
+
}) : /* @__PURE__ */ jsx41(Button, {
|
|
4649
|
+
onClick: function(e) {
|
|
4650
|
+
if (!(cta === null || cta === void 0 ? void 0 : cta.url)) {
|
|
4651
|
+
e.stopPropagation();
|
|
4652
|
+
e.preventDefault();
|
|
4653
|
+
}
|
|
4654
|
+
},
|
|
4655
|
+
variant: cta === null || cta === void 0 ? void 0 : cta.variant,
|
|
4656
|
+
className: cn("", (cta === null || cta === void 0 ? void 0 : cta.variant) !== "primary" && "text-pink-500"),
|
|
4657
|
+
children: /* @__PURE__ */ jsx41("a", {
|
|
4658
|
+
href: cta === null || cta === void 0 ? void 0 : cta.url,
|
|
4659
|
+
target: "_blank",
|
|
4660
|
+
rel: "noreferrer",
|
|
4661
|
+
children: cta === null || cta === void 0 ? void 0 : cta.content
|
|
4662
|
+
})
|
|
4663
|
+
}, index);
|
|
4664
|
+
})
|
|
4665
|
+
});
|
|
4666
|
+
};
|
|
4667
|
+
var SectionHeroItemFeature = function(param) {
|
|
4668
|
+
var template = param.template, title = param.title, label = param.label, icon = param.icon, idx = param.idx;
|
|
4669
|
+
var renderTemplateFeature = function() {
|
|
4670
|
+
switch(template){
|
|
4671
|
+
case "col":
|
|
4672
|
+
return /* @__PURE__ */ jsxs29("li", {
|
|
4673
|
+
className: "flex items-center pb-3",
|
|
4674
|
+
children: [
|
|
4675
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4676
|
+
className: "bg-pink-100 p-1 rounded-full w-5 h-5 flex items-center justify-center",
|
|
4677
|
+
children: /* @__PURE__ */ jsx41(CheckIcon3, {
|
|
4678
|
+
className: "w-4 h-4 text-pink-500 "
|
|
4679
|
+
})
|
|
4680
|
+
}),
|
|
4681
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4682
|
+
className: "ml-2",
|
|
4683
|
+
children: title
|
|
4684
|
+
})
|
|
4685
|
+
]
|
|
4686
|
+
});
|
|
4687
|
+
case "row":
|
|
4688
|
+
return /* @__PURE__ */ jsxs29("div", {
|
|
4689
|
+
className: cn("", idx > 0 ? "pl-4" : ""),
|
|
4690
|
+
children: [
|
|
4691
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4692
|
+
className: "font-bold text-gray-900",
|
|
4693
|
+
children: title
|
|
4694
|
+
}),
|
|
4695
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4696
|
+
className: "text-sm mt-1 text-gray-500",
|
|
4697
|
+
children: label
|
|
4698
|
+
})
|
|
4699
|
+
]
|
|
4700
|
+
});
|
|
4701
|
+
case "customize":
|
|
4702
|
+
return /* @__PURE__ */ jsxs29("div", {
|
|
4703
|
+
className: "flex items-center space-x-4",
|
|
4704
|
+
children: [
|
|
4705
|
+
/* @__PURE__ */ jsx41("img", {
|
|
4706
|
+
src: icon,
|
|
4707
|
+
alt: "",
|
|
4708
|
+
className: "shrink-0"
|
|
4709
|
+
}),
|
|
4710
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4711
|
+
className: "text-gray-900 text-left",
|
|
4712
|
+
children: title
|
|
4713
|
+
})
|
|
4714
|
+
]
|
|
4715
|
+
});
|
|
4716
|
+
default:
|
|
4717
|
+
return null;
|
|
4718
|
+
}
|
|
4719
|
+
};
|
|
4720
|
+
return /* @__PURE__ */ jsx41(Fragment5, {
|
|
4721
|
+
children: renderTemplateFeature()
|
|
4722
|
+
});
|
|
4723
|
+
};
|
|
4724
|
+
var SectionHeroListFeature = function(param) {
|
|
4725
|
+
var dataFeatures = param.dataFeatures;
|
|
4726
|
+
var _dataFeatures_contents;
|
|
4727
|
+
return /* @__PURE__ */ jsx41("ul", {
|
|
4728
|
+
className: cn("", featureVariants({
|
|
4729
|
+
template: dataFeatures === null || dataFeatures === void 0 ? void 0 : dataFeatures.type
|
|
4730
|
+
})),
|
|
4731
|
+
children: dataFeatures === null || dataFeatures === void 0 ? void 0 : (_dataFeatures_contents = dataFeatures.contents) === null || _dataFeatures_contents === void 0 ? void 0 : _dataFeatures_contents.map(function(feature, index) {
|
|
4732
|
+
return /* @__PURE__ */ jsx41(SectionHeroItemFeature, {
|
|
4733
|
+
title: feature === null || feature === void 0 ? void 0 : feature.title,
|
|
4734
|
+
template: dataFeatures === null || dataFeatures === void 0 ? void 0 : dataFeatures.type,
|
|
4735
|
+
label: feature === null || feature === void 0 ? void 0 : feature.label,
|
|
4736
|
+
icon: feature === null || feature === void 0 ? void 0 : feature.icon,
|
|
4737
|
+
idx: index
|
|
4738
|
+
}, index);
|
|
4739
|
+
})
|
|
4740
|
+
});
|
|
4741
|
+
};
|
|
4742
|
+
var SectionHeroVideo = function(param) {
|
|
4743
|
+
var _param_type = param.type, type = _param_type === void 0 ? 1 : _param_type, src = param.src, ratioImg = param.ratioImg, className = param.className, video = param.video, _param_onClickFC = param.onClickFC, onClickFC = _param_onClickFC === void 0 ? function() {} : _param_onClickFC;
|
|
4744
|
+
return /* @__PURE__ */ jsxs29(AspectRatio, {
|
|
4745
|
+
className: cn(""),
|
|
4746
|
+
ratio: ratioImg,
|
|
4747
|
+
children: [
|
|
4748
|
+
/* @__PURE__ */ jsx41("img", {
|
|
4749
|
+
src: src,
|
|
4750
|
+
className: cn("w-full h-full object-cover md:block hidden", className, !src ? "bg-gray-200" : ""),
|
|
4751
|
+
alt: ""
|
|
4752
|
+
}),
|
|
4753
|
+
type !== TYPE_MEDIA_IMAGE && (video === null || video === void 0 ? void 0 : video.codeVideo) && /* @__PURE__ */ jsx41("div", {
|
|
4754
|
+
className: "aspect-[16/9] realtive overflow-hidden w-full",
|
|
4755
|
+
children: /* @__PURE__ */ jsx41("iframe", {
|
|
4756
|
+
title: video === null || video === void 0 ? void 0 : video.titleVideo,
|
|
4757
|
+
src: "https://www.youtube.com/embed/".concat(video === null || video === void 0 ? void 0 : video.codeVideo, "?controls=1"),
|
|
4758
|
+
frameBorder: "0",
|
|
4759
|
+
allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
|
|
4760
|
+
referrerPolicy: "strict-origin-when-cross-origin",
|
|
4761
|
+
allowFullScreen: true,
|
|
4762
|
+
className: "w-full h-full object-cover md:hidden"
|
|
4763
|
+
})
|
|
4764
|
+
}),
|
|
4765
|
+
type !== TYPE_MEDIA_IMAGE && (video === null || video === void 0 ? void 0 : video.codeVideo) && /* @__PURE__ */ jsxs29(Dialog2, {
|
|
4766
|
+
children: [
|
|
4767
|
+
/* @__PURE__ */ jsx41(DialogPrimitive3.Trigger, {
|
|
4768
|
+
onClick: onClickFC,
|
|
4769
|
+
children: /* @__PURE__ */ jsx41("div", {
|
|
4770
|
+
className: "w-full hidden md:flex h-full cursor-pointer transition-transform group-hover:scale-105 top-0 absolute z-10 items-center justify-center",
|
|
4771
|
+
children: /* @__PURE__ */ jsx41("svg", {
|
|
4772
|
+
className: "w-14 h-14",
|
|
4773
|
+
viewBox: "0 0 48 48",
|
|
4774
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4775
|
+
children: /* @__PURE__ */ jsxs29("g", {
|
|
4776
|
+
fill: "none",
|
|
4777
|
+
fillRule: "evenodd",
|
|
4778
|
+
children: [
|
|
4779
|
+
/* @__PURE__ */ jsx41("circle", {
|
|
4780
|
+
stroke: "#FFF",
|
|
4781
|
+
strokeWidth: 2,
|
|
4782
|
+
fillOpacity: ".24",
|
|
4783
|
+
fill: "#000",
|
|
4784
|
+
cx: 24,
|
|
4785
|
+
cy: 24,
|
|
4786
|
+
r: 23
|
|
4787
|
+
}),
|
|
4788
|
+
/* @__PURE__ */ jsx41("path", {
|
|
4789
|
+
d: "M34.667 24.335c0 .515-.529.885-.529.885l-14.84 9.133c-1.08.704-1.965.182-1.965-1.153V15.467c0-1.338.884-1.856 1.968-1.153L34.14 23.45c-.002 0 .527.37.527.885Z",
|
|
4790
|
+
fill: "#FFF",
|
|
4791
|
+
fillRule: "nonzero"
|
|
4792
|
+
})
|
|
4793
|
+
]
|
|
4794
|
+
})
|
|
4795
|
+
})
|
|
4796
|
+
})
|
|
4797
|
+
}),
|
|
4798
|
+
/* @__PURE__ */ jsx41(DialogContent3, {
|
|
4799
|
+
className: "w-full h-full flex items-center justify-center bg-gray-900 p-0",
|
|
4800
|
+
children: /* @__PURE__ */ jsx41("iframe", {
|
|
4801
|
+
width: 738,
|
|
4802
|
+
height: 439,
|
|
4803
|
+
title: video === null || video === void 0 ? void 0 : video.titleVideo,
|
|
4804
|
+
src: "https://www.youtube.com/embed/".concat(video === null || video === void 0 ? void 0 : video.codeVideo, "?autoplay=1"),
|
|
4805
|
+
frameBorder: "0",
|
|
4806
|
+
allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
|
|
4807
|
+
referrerPolicy: "strict-origin-when-cross-origin",
|
|
4808
|
+
allowFullScreen: true,
|
|
4809
|
+
className: ""
|
|
4810
|
+
})
|
|
4811
|
+
})
|
|
4812
|
+
]
|
|
4813
|
+
})
|
|
4814
|
+
]
|
|
4815
|
+
});
|
|
4816
|
+
};
|
|
4817
|
+
var SectionHeroMedia = function(param) {
|
|
4818
|
+
var _param_type = param.type, type = _param_type === void 0 ? 1 : _param_type, _param_url = param.url, url = _param_url === void 0 ? "" : _param_url, src = param.src, ratioImg = param.ratioImg, className = param.className, video = param.video, _param_onClickFC = param.onClickFC, onClickFC = _param_onClickFC === void 0 ? function() {} : _param_onClickFC;
|
|
4819
|
+
return /* @__PURE__ */ jsx41("div", {
|
|
4820
|
+
children: type === TYPE_MEDIA_IMAGE && !(video === null || video === void 0 ? void 0 : video.codeVideo) ? /* @__PURE__ */ jsx41(AspectRatio, {
|
|
4821
|
+
className: cn(""),
|
|
4822
|
+
ratio: ratioImg,
|
|
4823
|
+
children: /* @__PURE__ */ jsx41("img", {
|
|
4824
|
+
src: src,
|
|
4825
|
+
className: cn("w-full h-full object-cover", className, !src ? "bg-gray-200" : ""),
|
|
4826
|
+
alt: ""
|
|
4827
|
+
})
|
|
4828
|
+
}) : /* @__PURE__ */ jsx41(SectionHeroVideo, {
|
|
4829
|
+
type: type,
|
|
4830
|
+
url: url,
|
|
4831
|
+
src: src,
|
|
4832
|
+
ratioImg: ratioImg,
|
|
4833
|
+
video: video,
|
|
4834
|
+
onClickFC: onClickFC
|
|
4835
|
+
})
|
|
4836
|
+
});
|
|
4837
|
+
};
|
|
4838
|
+
var HeroContentTemplateOne = function(param) {
|
|
4839
|
+
var data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
|
|
4840
|
+
var _data_media, _data_media1, _data_media2, _data_media3, _data_media4;
|
|
4841
|
+
return /* @__PURE__ */ jsxs29("div", {
|
|
4842
|
+
className: cn("grid grid-cols-1 md:grid-cols-2 md:gap-16 gap-4 items-center"),
|
|
4843
|
+
children: [
|
|
4844
|
+
/* @__PURE__ */ jsxs29("div", {
|
|
4845
|
+
className: "col-span-1",
|
|
4846
|
+
children: [
|
|
4847
|
+
/* @__PURE__ */ jsx41(SectionHeroTag, {
|
|
4848
|
+
tagName: data === null || data === void 0 ? void 0 : data.tagName
|
|
4849
|
+
}),
|
|
4850
|
+
/* @__PURE__ */ jsx41(SectionHeroTitle, {
|
|
4851
|
+
title: data === null || data === void 0 ? void 0 : data.title
|
|
4852
|
+
}),
|
|
4853
|
+
/* @__PURE__ */ jsx41(SectionHeroDescription, {
|
|
4854
|
+
description: data === null || data === void 0 ? void 0 : data.description
|
|
4855
|
+
}),
|
|
4856
|
+
/* @__PURE__ */ jsx41(SectionHeroListFeature, {
|
|
4857
|
+
dataFeatures: dataFeatures
|
|
4858
|
+
}),
|
|
4859
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4860
|
+
className: "md:block hidden",
|
|
4861
|
+
children: /* @__PURE__ */ jsx41(SectionHeroCTA, {
|
|
4862
|
+
dataCtas: dataCtas
|
|
4863
|
+
})
|
|
4864
|
+
})
|
|
4865
|
+
]
|
|
4866
|
+
}),
|
|
4867
|
+
/* @__PURE__ */ jsxs29("div", {
|
|
4868
|
+
className: "col-span-1",
|
|
4869
|
+
children: [
|
|
4870
|
+
/* @__PURE__ */ jsx41(SectionHeroMedia, {
|
|
4871
|
+
type: (data === null || data === void 0 ? void 0 : (_data_media = data.media) === null || _data_media === void 0 ? void 0 : _data_media.type) || 1,
|
|
4872
|
+
url: (data === null || data === void 0 ? void 0 : (_data_media1 = data.media) === null || _data_media1 === void 0 ? void 0 : _data_media1.url) || "",
|
|
4873
|
+
src: (data === null || data === void 0 ? void 0 : (_data_media2 = data.media) === null || _data_media2 === void 0 ? void 0 : _data_media2.src) || "",
|
|
4874
|
+
ratioImg: data === null || data === void 0 ? void 0 : (_data_media3 = data.media) === null || _data_media3 === void 0 ? void 0 : _data_media3.ratioImg,
|
|
4875
|
+
video: data === null || data === void 0 ? void 0 : (_data_media4 = data.media) === null || _data_media4 === void 0 ? void 0 : _data_media4.video
|
|
4876
|
+
}),
|
|
4877
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4878
|
+
className: "block md:hidden flex items-center justify-center",
|
|
4879
|
+
children: /* @__PURE__ */ jsx41(SectionHeroCTA, {
|
|
4880
|
+
dataCtas: dataCtas
|
|
4881
|
+
})
|
|
4882
|
+
})
|
|
4883
|
+
]
|
|
4884
|
+
})
|
|
4885
|
+
]
|
|
4886
|
+
});
|
|
4887
|
+
};
|
|
4888
|
+
var HeroContentTemplateTwo = function(param) {
|
|
4889
|
+
var data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
|
|
4890
|
+
var _data_media, _data_media1, _data_media2, _data_media3, _data_media4, _data_media5, _data_media6, _data_media7;
|
|
4891
|
+
return /* @__PURE__ */ jsxs29("div", {
|
|
4892
|
+
className: cn("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),
|
|
4893
|
+
children: [
|
|
4894
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4895
|
+
className: "col-span-1",
|
|
4896
|
+
children: /* @__PURE__ */ jsx41("div", {
|
|
4897
|
+
className: "hidden md:block",
|
|
4898
|
+
children: /* @__PURE__ */ jsx41(SectionHeroMedia, {
|
|
4899
|
+
type: (data === null || data === void 0 ? void 0 : (_data_media = data.media) === null || _data_media === void 0 ? void 0 : _data_media.type) || 1,
|
|
4900
|
+
url: (data === null || data === void 0 ? void 0 : (_data_media1 = data.media) === null || _data_media1 === void 0 ? void 0 : _data_media1.url) || "",
|
|
4901
|
+
src: (data === null || data === void 0 ? void 0 : (_data_media2 = data.media) === null || _data_media2 === void 0 ? void 0 : _data_media2.src) || "",
|
|
4902
|
+
ratioImg: data === null || data === void 0 ? void 0 : (_data_media3 = data.media) === null || _data_media3 === void 0 ? void 0 : _data_media3.ratioImg
|
|
4903
|
+
})
|
|
4904
|
+
})
|
|
4905
|
+
}),
|
|
4906
|
+
/* @__PURE__ */ jsxs29("div", {
|
|
4907
|
+
className: "col-span-1",
|
|
4908
|
+
children: [
|
|
4909
|
+
/* @__PURE__ */ jsx41(SectionHeroTag, {
|
|
4910
|
+
tagName: data === null || data === void 0 ? void 0 : data.tagName
|
|
4911
|
+
}),
|
|
4912
|
+
/* @__PURE__ */ jsx41(SectionHeroTitle, {
|
|
4913
|
+
title: data === null || data === void 0 ? void 0 : data.title
|
|
4914
|
+
}),
|
|
4915
|
+
/* @__PURE__ */ jsx41(SectionHeroDescription, {
|
|
4916
|
+
description: data === null || data === void 0 ? void 0 : data.description
|
|
4917
|
+
}),
|
|
4918
|
+
/* @__PURE__ */ jsx41(SectionHeroListFeature, {
|
|
4919
|
+
dataFeatures: dataFeatures
|
|
4920
|
+
}),
|
|
4921
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4922
|
+
className: "md:hidden mt-10",
|
|
4923
|
+
children: /* @__PURE__ */ jsx41(SectionHeroMedia, {
|
|
4924
|
+
type: (data === null || data === void 0 ? void 0 : (_data_media4 = data.media) === null || _data_media4 === void 0 ? void 0 : _data_media4.type) || 1,
|
|
4925
|
+
url: (data === null || data === void 0 ? void 0 : (_data_media5 = data.media) === null || _data_media5 === void 0 ? void 0 : _data_media5.url) || "",
|
|
4926
|
+
src: (data === null || data === void 0 ? void 0 : (_data_media6 = data.media) === null || _data_media6 === void 0 ? void 0 : _data_media6.src) || "",
|
|
4927
|
+
ratioImg: data === null || data === void 0 ? void 0 : (_data_media7 = data.media) === null || _data_media7 === void 0 ? void 0 : _data_media7.ratioImg
|
|
4928
|
+
})
|
|
4929
|
+
}),
|
|
4930
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4931
|
+
className: "w-full flex items-center justify-center md:justify-start",
|
|
4932
|
+
children: /* @__PURE__ */ jsx41(SectionHeroCTA, {
|
|
4933
|
+
dataCtas: dataCtas
|
|
4934
|
+
})
|
|
4935
|
+
})
|
|
4936
|
+
]
|
|
4937
|
+
})
|
|
4938
|
+
]
|
|
4939
|
+
});
|
|
4940
|
+
};
|
|
4941
|
+
var HeroContentTemplateThree = function(param) {
|
|
4942
|
+
var data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
|
|
4943
|
+
var _data_media, _data_media1, _data_media2, _data_media3, _data_media4, _data_media5, _data_media6, _data_media7;
|
|
4944
|
+
return /* @__PURE__ */ jsxs29("div", {
|
|
4945
|
+
className: cn("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),
|
|
4946
|
+
children: [
|
|
4947
|
+
/* @__PURE__ */ jsxs29("div", {
|
|
4948
|
+
className: "col-span-1",
|
|
4949
|
+
children: [
|
|
4950
|
+
/* @__PURE__ */ jsx41(SectionHeroTag, {
|
|
4951
|
+
tagName: data === null || data === void 0 ? void 0 : data.tagName
|
|
4952
|
+
}),
|
|
4953
|
+
/* @__PURE__ */ jsx41(SectionHeroTitle, {
|
|
4954
|
+
title: data === null || data === void 0 ? void 0 : data.title
|
|
4955
|
+
}),
|
|
4956
|
+
/* @__PURE__ */ jsx41(SectionHeroDescription, {
|
|
4957
|
+
description: data === null || data === void 0 ? void 0 : data.description
|
|
4958
|
+
}),
|
|
4959
|
+
/* @__PURE__ */ jsx41(SectionHeroListFeature, {
|
|
4960
|
+
dataFeatures: dataFeatures
|
|
4961
|
+
}),
|
|
4962
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4963
|
+
className: "hidden md:block",
|
|
4964
|
+
children: /* @__PURE__ */ jsx41(SectionHeroCTA, {
|
|
4965
|
+
dataCtas: dataCtas
|
|
4966
|
+
})
|
|
4967
|
+
})
|
|
4968
|
+
]
|
|
4969
|
+
}),
|
|
4970
|
+
/* @__PURE__ */ jsxs29("div", {
|
|
4971
|
+
className: "col-span-1",
|
|
4972
|
+
children: [
|
|
4973
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4974
|
+
className: "hidden md:block",
|
|
4975
|
+
children: /* @__PURE__ */ jsx41(SectionHeroMedia, {
|
|
4976
|
+
type: (data === null || data === void 0 ? void 0 : (_data_media = data.media) === null || _data_media === void 0 ? void 0 : _data_media.type) || 1,
|
|
4977
|
+
url: (data === null || data === void 0 ? void 0 : (_data_media1 = data.media) === null || _data_media1 === void 0 ? void 0 : _data_media1.url) || "",
|
|
4978
|
+
src: (data === null || data === void 0 ? void 0 : (_data_media2 = data.media) === null || _data_media2 === void 0 ? void 0 : _data_media2.src) || "",
|
|
4979
|
+
ratioImg: data === null || data === void 0 ? void 0 : (_data_media3 = data.media) === null || _data_media3 === void 0 ? void 0 : _data_media3.ratioImg
|
|
4980
|
+
})
|
|
4981
|
+
}),
|
|
4982
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4983
|
+
className: "md:hidden",
|
|
4984
|
+
children: /* @__PURE__ */ jsx41(SectionHeroMedia, {
|
|
4985
|
+
type: (data === null || data === void 0 ? void 0 : (_data_media4 = data.media) === null || _data_media4 === void 0 ? void 0 : _data_media4.type) || 1,
|
|
4986
|
+
url: (data === null || data === void 0 ? void 0 : (_data_media5 = data.media) === null || _data_media5 === void 0 ? void 0 : _data_media5.url) || "",
|
|
4987
|
+
src: (data === null || data === void 0 ? void 0 : (_data_media6 = data.media) === null || _data_media6 === void 0 ? void 0 : _data_media6.src) || "",
|
|
4988
|
+
ratioImg: data === null || data === void 0 ? void 0 : (_data_media7 = data.media) === null || _data_media7 === void 0 ? void 0 : _data_media7.ratioImg
|
|
4989
|
+
})
|
|
4990
|
+
}),
|
|
4991
|
+
/* @__PURE__ */ jsx41("div", {
|
|
4992
|
+
className: "md:hidden block w-full flex items-center justify-center",
|
|
4993
|
+
children: /* @__PURE__ */ jsx41(SectionHeroCTA, {
|
|
4994
|
+
dataCtas: dataCtas
|
|
4995
|
+
})
|
|
4996
|
+
})
|
|
4997
|
+
]
|
|
4998
|
+
})
|
|
4999
|
+
]
|
|
5000
|
+
});
|
|
5001
|
+
};
|
|
5002
|
+
var HeroContentTemplateFour = function(param) {
|
|
5003
|
+
var data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
|
|
5004
|
+
var _data_media, _data_media1, _data_media2, _data_media3, _data_media4, _data_media5, _data_media6, _data_media7;
|
|
5005
|
+
return /* @__PURE__ */ jsxs29("div", {
|
|
5006
|
+
className: cn("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),
|
|
5007
|
+
children: [
|
|
5008
|
+
/* @__PURE__ */ jsxs29("div", {
|
|
5009
|
+
className: "col-span-1",
|
|
5010
|
+
children: [
|
|
5011
|
+
/* @__PURE__ */ jsx41(SectionHeroTag, {
|
|
5012
|
+
tagName: data === null || data === void 0 ? void 0 : data.tagName
|
|
5013
|
+
}),
|
|
5014
|
+
/* @__PURE__ */ jsx41(SectionHeroTitle, {
|
|
5015
|
+
title: data === null || data === void 0 ? void 0 : data.title
|
|
5016
|
+
}),
|
|
5017
|
+
/* @__PURE__ */ jsx41(SectionHeroDescription, {
|
|
5018
|
+
description: data === null || data === void 0 ? void 0 : data.description
|
|
5019
|
+
}),
|
|
5020
|
+
/* @__PURE__ */ jsx41(SectionHeroListFeature, {
|
|
5021
|
+
dataFeatures: dataFeatures
|
|
5022
|
+
}),
|
|
5023
|
+
/* @__PURE__ */ jsx41("div", {
|
|
5024
|
+
className: "hidden md:block",
|
|
5025
|
+
children: /* @__PURE__ */ jsx41(SectionHeroCTA, {
|
|
5026
|
+
dataCtas: dataCtas
|
|
5027
|
+
})
|
|
5028
|
+
})
|
|
5029
|
+
]
|
|
5030
|
+
}),
|
|
5031
|
+
/* @__PURE__ */ jsxs29("div", {
|
|
5032
|
+
className: "col-span-1",
|
|
5033
|
+
children: [
|
|
5034
|
+
/* @__PURE__ */ jsx41("div", {
|
|
5035
|
+
className: "hidden md:block",
|
|
5036
|
+
children: /* @__PURE__ */ jsx41(SectionHeroMedia, {
|
|
5037
|
+
type: (data === null || data === void 0 ? void 0 : (_data_media = data.media) === null || _data_media === void 0 ? void 0 : _data_media.type) || 1,
|
|
5038
|
+
url: (data === null || data === void 0 ? void 0 : (_data_media1 = data.media) === null || _data_media1 === void 0 ? void 0 : _data_media1.url) || "",
|
|
5039
|
+
src: (data === null || data === void 0 ? void 0 : (_data_media2 = data.media) === null || _data_media2 === void 0 ? void 0 : _data_media2.src) || "",
|
|
5040
|
+
ratioImg: data === null || data === void 0 ? void 0 : (_data_media3 = data.media) === null || _data_media3 === void 0 ? void 0 : _data_media3.ratioImg,
|
|
5041
|
+
className: "relative overflow-hidden -bottom-20"
|
|
5042
|
+
})
|
|
5043
|
+
}),
|
|
5044
|
+
/* @__PURE__ */ jsx41("div", {
|
|
5045
|
+
className: "md:hidden",
|
|
5046
|
+
children: /* @__PURE__ */ jsx41(SectionHeroMedia, {
|
|
5047
|
+
type: (data === null || data === void 0 ? void 0 : (_data_media4 = data.media) === null || _data_media4 === void 0 ? void 0 : _data_media4.type) || 1,
|
|
5048
|
+
url: (data === null || data === void 0 ? void 0 : (_data_media5 = data.media) === null || _data_media5 === void 0 ? void 0 : _data_media5.url) || "",
|
|
5049
|
+
src: (data === null || data === void 0 ? void 0 : (_data_media6 = data.media) === null || _data_media6 === void 0 ? void 0 : _data_media6.src) || "",
|
|
5050
|
+
ratioImg: data === null || data === void 0 ? void 0 : (_data_media7 = data.media) === null || _data_media7 === void 0 ? void 0 : _data_media7.ratioImg
|
|
5051
|
+
})
|
|
5052
|
+
}),
|
|
5053
|
+
/* @__PURE__ */ jsx41("div", {
|
|
5054
|
+
className: "md:hidden block w-full flex items-center justify-center",
|
|
5055
|
+
children: /* @__PURE__ */ jsx41(SectionHeroCTA, {
|
|
5056
|
+
dataCtas: dataCtas
|
|
5057
|
+
})
|
|
5058
|
+
})
|
|
5059
|
+
]
|
|
5060
|
+
})
|
|
5061
|
+
]
|
|
5062
|
+
});
|
|
5063
|
+
};
|
|
5064
|
+
var HeroContentTemplateFive = function(param) {
|
|
5065
|
+
var data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
|
|
5066
|
+
var _data_media, _data_media1, _data_media2, _data_media3;
|
|
5067
|
+
return /* @__PURE__ */ jsxs29("div", {
|
|
5068
|
+
children: [
|
|
5069
|
+
/* @__PURE__ */ jsx41(SectionHeroTag, {
|
|
5070
|
+
tagName: data === null || data === void 0 ? void 0 : data.tagName,
|
|
5071
|
+
className: "max-w-4xl mx-auto text-center text-base leading-7 text-pink-500 font-bold"
|
|
5072
|
+
}),
|
|
5073
|
+
/* @__PURE__ */ jsx41(SectionHeroTitle, {
|
|
5074
|
+
title: data === null || data === void 0 ? void 0 : data.title,
|
|
5075
|
+
className: "max-w-4xl mx-auto text-center font-manrope font-bold text-2xl text-gray-900 mb-5 md:text-4xl lg:text-5xl"
|
|
5076
|
+
}),
|
|
5077
|
+
/* @__PURE__ */ jsx41(SectionHeroDescription, {
|
|
5078
|
+
description: data === null || data === void 0 ? void 0 : data.description,
|
|
5079
|
+
className: "max-w-4xl mx-auto text-center text-base md:text-lg lg:text-xl font-normal leading-7 text-gray-700"
|
|
5080
|
+
}),
|
|
5081
|
+
/* @__PURE__ */ jsx41(SectionHeroCTA, {
|
|
5082
|
+
dataCtas: dataCtas,
|
|
5083
|
+
className: "w-full md:w-full inline-flex items-center justify-center text-base font-semibold text-center "
|
|
5084
|
+
}),
|
|
5085
|
+
/* @__PURE__ */ jsx41(SectionHeroListFeature, {
|
|
5086
|
+
dataFeatures: dataFeatures
|
|
5087
|
+
}),
|
|
5088
|
+
/* @__PURE__ */ jsx41(SectionHeroMedia, {
|
|
5089
|
+
type: (data === null || data === void 0 ? void 0 : (_data_media = data.media) === null || _data_media === void 0 ? void 0 : _data_media.type) || 1,
|
|
5090
|
+
url: (data === null || data === void 0 ? void 0 : (_data_media1 = data.media) === null || _data_media1 === void 0 ? void 0 : _data_media1.url) || "",
|
|
5091
|
+
src: (data === null || data === void 0 ? void 0 : (_data_media2 = data.media) === null || _data_media2 === void 0 ? void 0 : _data_media2.src) || "",
|
|
5092
|
+
ratioImg: data === null || data === void 0 ? void 0 : (_data_media3 = data.media) === null || _data_media3 === void 0 ? void 0 : _data_media3.ratioImg,
|
|
5093
|
+
className: "rounded-lg"
|
|
5094
|
+
})
|
|
5095
|
+
]
|
|
5096
|
+
});
|
|
5097
|
+
};
|
|
5098
|
+
var renderTemplate = function(param) {
|
|
5099
|
+
var template = param.template, data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
|
|
5100
|
+
switch(template){
|
|
5101
|
+
case 1:
|
|
5102
|
+
return /* @__PURE__ */ jsx41(HeroContentTemplateOne, {
|
|
5103
|
+
data: data,
|
|
5104
|
+
dataCtas: dataCtas,
|
|
5105
|
+
dataFeatures: dataFeatures
|
|
5106
|
+
});
|
|
5107
|
+
case 2:
|
|
5108
|
+
return /* @__PURE__ */ jsx41(HeroContentTemplateTwo, {
|
|
5109
|
+
data: data,
|
|
5110
|
+
dataCtas: dataCtas,
|
|
5111
|
+
dataFeatures: dataFeatures
|
|
5112
|
+
});
|
|
5113
|
+
case 3:
|
|
5114
|
+
return /* @__PURE__ */ jsx41(HeroContentTemplateThree, {
|
|
5115
|
+
data: data,
|
|
5116
|
+
dataCtas: dataCtas,
|
|
5117
|
+
dataFeatures: dataFeatures
|
|
5118
|
+
});
|
|
5119
|
+
case 4:
|
|
5120
|
+
return /* @__PURE__ */ jsx41(HeroContentTemplateFour, {
|
|
5121
|
+
data: data,
|
|
5122
|
+
dataCtas: dataCtas,
|
|
5123
|
+
dataFeatures: dataFeatures
|
|
5124
|
+
});
|
|
5125
|
+
case 5:
|
|
5126
|
+
return /* @__PURE__ */ jsx41(HeroContentTemplateFive, {
|
|
5127
|
+
data: data,
|
|
5128
|
+
dataCtas: dataCtas,
|
|
5129
|
+
dataFeatures: dataFeatures
|
|
5130
|
+
});
|
|
5131
|
+
default:
|
|
5132
|
+
return null;
|
|
5133
|
+
}
|
|
5134
|
+
};
|
|
5135
|
+
var SectionHeroContent = function(param) {
|
|
5136
|
+
var template = param.template, data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
|
|
5137
|
+
return /* @__PURE__ */ jsx41(Fragment5, {
|
|
5138
|
+
children: renderTemplate({
|
|
5139
|
+
template: template,
|
|
5140
|
+
data: data,
|
|
5141
|
+
dataCtas: dataCtas,
|
|
5142
|
+
dataFeatures: dataFeatures
|
|
5143
|
+
})
|
|
5144
|
+
});
|
|
5145
|
+
};
|
|
5146
|
+
var HeroSection = forwardRef25(function(param, ref) {
|
|
5147
|
+
var _param_template = param.template, template = _param_template === void 0 ? 1 : _param_template, className = param.className, data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
|
|
5148
|
+
return /* @__PURE__ */ jsxs29("div", {
|
|
5149
|
+
ref: ref,
|
|
5150
|
+
className: cn(" bg-section-hero overflow-hidden py-20", className),
|
|
5151
|
+
children: [
|
|
5152
|
+
/* @__PURE__ */ jsx41("div", {
|
|
5153
|
+
className: "wrapper relative",
|
|
5154
|
+
children: /* @__PURE__ */ jsx41(SectionHeroContent, {
|
|
5155
|
+
dataCtas: dataCtas || DUMMY_NONE_DATA_CTAS,
|
|
5156
|
+
template: template,
|
|
5157
|
+
data: data || DUMMY_NONE_DATA,
|
|
5158
|
+
dataFeatures: dataFeatures || DUMMY_NONE_DATA_FEATURS
|
|
5159
|
+
})
|
|
5160
|
+
}),
|
|
5161
|
+
/* @__PURE__ */ jsx41("style", {
|
|
5162
|
+
children: "\n .bg-section-hero {\n background: var(\n --gradient-pink-1,\n linear-gradient(\n 38deg,\n rgba(255, 255, 255, 0) 78%,\n rgba(255, 255, 255, 0.69) 100%\n ),\n linear-gradient(45deg, #fff 10%, rgba(255, 255, 255, 0) 22%),\n linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 91%),\n linear-gradient(\n 214deg,\n rgba(255, 255, 255, 0) 0%,\n rgba(255, 91, 189, 0.2) 25%,\n rgba(255, 255, 255, 0) 71%\n ),\n linear-gradient(\n 212deg,\n rgba(255, 255, 255, 0) 51%,\n rgba(255, 196, 233, 0.7) 64%,\n rgba(255, 255, 255, 0) 80%\n ),\n #fff\n );\n }\n "
|
|
5163
|
+
})
|
|
5164
|
+
]
|
|
5165
|
+
});
|
|
5166
|
+
});
|
|
4409
5167
|
// src/mobase-tw-plugin/plugin.ts
|
|
4410
5168
|
import Color from "color";
|
|
4411
5169
|
import plugin from "tailwindcss/plugin.js";
|
|
@@ -5103,5 +5861,158 @@ var mobaseTW = function() {
|
|
|
5103
5861
|
}
|
|
5104
5862
|
});
|
|
5105
5863
|
};
|
|
5106
|
-
|
|
5864
|
+
// src/site/meta.tsx
|
|
5865
|
+
import { Fragment as Fragment6, jsx as jsx42, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
5866
|
+
var SiteMeta = function() {
|
|
5867
|
+
return /* @__PURE__ */ jsxs30(Fragment6, {
|
|
5868
|
+
children: [
|
|
5869
|
+
/* @__PURE__ */ jsx42("meta", {
|
|
5870
|
+
name: "viewport",
|
|
5871
|
+
content: "width=device-width, initial-scale=1.0, maximum-scale=1"
|
|
5872
|
+
}),
|
|
5873
|
+
/* @__PURE__ */ jsx42("meta", {
|
|
5874
|
+
name: "abstract",
|
|
5875
|
+
content: "V\xED \u0111i\u1EC7n t\u1EED MoMo - Si\xEAu \u1EE9ng d\u1EE5ng thanh to\xE1n s\u1ED1 1 Vi\u1EC7t Nam"
|
|
5876
|
+
}),
|
|
5877
|
+
/* @__PURE__ */ jsx42("meta", {
|
|
5878
|
+
name: "distribution",
|
|
5879
|
+
content: "Global"
|
|
5880
|
+
}),
|
|
5881
|
+
/* @__PURE__ */ jsx42("meta", {
|
|
5882
|
+
name: "author",
|
|
5883
|
+
content: "V\xED MoMo"
|
|
5884
|
+
}),
|
|
5885
|
+
/* @__PURE__ */ jsx42("meta", {
|
|
5886
|
+
property: "fb:app_id",
|
|
5887
|
+
content: "320653355376196"
|
|
5888
|
+
}),
|
|
5889
|
+
/* @__PURE__ */ jsx42("meta", {
|
|
5890
|
+
property: "fb:pages",
|
|
5891
|
+
content: "138010322921640"
|
|
5892
|
+
}),
|
|
5893
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5894
|
+
rel: "shortcut icon",
|
|
5895
|
+
href: "/favicon.ico"
|
|
5896
|
+
}),
|
|
5897
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5898
|
+
href: "/favicon-32x32.png",
|
|
5899
|
+
rel: "icon",
|
|
5900
|
+
sizes: "32x32",
|
|
5901
|
+
type: "image/png"
|
|
5902
|
+
}),
|
|
5903
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5904
|
+
href: "/favicon-16x16.png",
|
|
5905
|
+
rel: "icon",
|
|
5906
|
+
sizes: "16x16",
|
|
5907
|
+
type: "image/png"
|
|
5908
|
+
}),
|
|
5909
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5910
|
+
href: "/apple-touch-icon.png",
|
|
5911
|
+
rel: "apple-touch-icon",
|
|
5912
|
+
sizes: "180x180"
|
|
5913
|
+
}),
|
|
5914
|
+
/* @__PURE__ */ jsx42("meta", {
|
|
5915
|
+
name: "language",
|
|
5916
|
+
content: "vietnamese"
|
|
5917
|
+
}),
|
|
5918
|
+
/* @__PURE__ */ jsx42("meta", {
|
|
5919
|
+
name: "copyright",
|
|
5920
|
+
content: "Copyright \xA9 2019 by MOMO.VN"
|
|
5921
|
+
}),
|
|
5922
|
+
/* @__PURE__ */ jsx42("meta", {
|
|
5923
|
+
name: "REVISIT-AFTER",
|
|
5924
|
+
content: "1 DAYS"
|
|
5925
|
+
}),
|
|
5926
|
+
/* @__PURE__ */ jsx42("meta", {
|
|
5927
|
+
name: "RATING",
|
|
5928
|
+
content: "GENERAL"
|
|
5929
|
+
}),
|
|
5930
|
+
/* @__PURE__ */ jsx42("meta", {
|
|
5931
|
+
httpEquiv: "x-dns-prefetch-control",
|
|
5932
|
+
content: "on"
|
|
5933
|
+
}),
|
|
5934
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5935
|
+
rel: "dns-prefetch",
|
|
5936
|
+
href: "//www.google-analytics.com"
|
|
5937
|
+
}),
|
|
5938
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5939
|
+
rel: "dns-prefetch",
|
|
5940
|
+
href: "//connect.facebook.net"
|
|
5941
|
+
}),
|
|
5942
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5943
|
+
rel: "dns-prefetch",
|
|
5944
|
+
href: "//www.googletagservices.com"
|
|
5945
|
+
}),
|
|
5946
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5947
|
+
rel: "dns-prefetch",
|
|
5948
|
+
href: "//www.googletagmanager.com"
|
|
5949
|
+
}),
|
|
5950
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5951
|
+
rel: "dns-prefetch",
|
|
5952
|
+
href: "//facebook.com"
|
|
5953
|
+
}),
|
|
5954
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5955
|
+
rel: "dns-prefetch",
|
|
5956
|
+
href: "//homepage.momocdn.net"
|
|
5957
|
+
}),
|
|
5958
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5959
|
+
rel: "dns-prefetch",
|
|
5960
|
+
href: "//www.google.com"
|
|
5961
|
+
}),
|
|
5962
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5963
|
+
rel: "dns-prefetch",
|
|
5964
|
+
href: "//www.google.com.vn"
|
|
5965
|
+
}),
|
|
5966
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5967
|
+
rel: "dns-prefetch",
|
|
5968
|
+
href: "//www.googleadservices.com"
|
|
5969
|
+
}),
|
|
5970
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5971
|
+
rel: "preconnect",
|
|
5972
|
+
href: "//connect.facebook.net"
|
|
5973
|
+
}),
|
|
5974
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5975
|
+
rel: "preconnect",
|
|
5976
|
+
href: "//www.googletagmanager.com"
|
|
5977
|
+
}),
|
|
5978
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5979
|
+
rel: "preconnect",
|
|
5980
|
+
href: "//www.google-analytics.com"
|
|
5981
|
+
}),
|
|
5982
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5983
|
+
rel: "preconnect",
|
|
5984
|
+
href: "//googleads.g.doubleclick.net"
|
|
5985
|
+
}),
|
|
5986
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5987
|
+
rel: "preconnect",
|
|
5988
|
+
href: "//homepage.momocdn.net"
|
|
5989
|
+
}),
|
|
5990
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5991
|
+
rel: "preconnect",
|
|
5992
|
+
href: "//www.google.com"
|
|
5993
|
+
}),
|
|
5994
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5995
|
+
rel: "preconnect",
|
|
5996
|
+
href: "//www.google.com.vn"
|
|
5997
|
+
}),
|
|
5998
|
+
/* @__PURE__ */ jsx42("link", {
|
|
5999
|
+
rel: "preconnect",
|
|
6000
|
+
href: "//www.googleadservices.com"
|
|
6001
|
+
}),
|
|
6002
|
+
/* @__PURE__ */ jsx42("script", {
|
|
6003
|
+
type: "application/ld+json",
|
|
6004
|
+
dangerouslySetInnerHTML: {
|
|
6005
|
+
__html: '{\n "@context": "https://schema.org/",\n "@type": "WebSite",\n "@id":"https://momo.vn/#website",\n "name": "V\xed MoMo",\n "url": "https://momo.vn",\n "potentialAction": {\n "@type": "SearchAction",\n "target": "https://momo.vn/tim-kiem?q={search_term_string}",\n "query-input": "required name=search_term_string"\n }}'
|
|
6006
|
+
}
|
|
6007
|
+
}),
|
|
6008
|
+
/* @__PURE__ */ jsx42("script", {
|
|
6009
|
+
type: "application/ld+json",
|
|
6010
|
+
dangerouslySetInnerHTML: {
|
|
6011
|
+
__html: '{\n "@context": "https://schema.org",\n "@type": "Organization",\n "name": "Si\xeau ứng dụng MoMo",\n "alternateName": "Si\xeau ứng dụng MoMo - Si\xeau Ứng Dụng Thanh To\xe1n số 1 Việt Nam",\n "legalName": "ONLINE MOBILE SERVICES JSC (M_Service)",\n "url": "https://momo.vn",\n "logo": "https://homepage.momocdn.net/img/logo-momo.png",\n "foundingDate": "2007",\n "founders": [\n {\n "@type": "Person",\n "name": "Nguyễn Mạnh Tường"\n }\n ],\n "address":{\n "@type": "PostalAddress",\n "streetAddress": "Lầu 6, To\xe0 nh\xe0 Ph\xfa Mỹ Hưng, số 8 Ho\xe0ng Văn Th\xe1i, khu phố 1, Phường T\xe2n Ph\xfa, Quận 7, Th\xe0nh phố Hồ Ch\xed Minh",\n "addressLocality": "Hồ Ch\xed Minh",\n "addressRegion": "VN",\n "postalCode": "700000",\n "addressCountry": "VN"\n },\n "contactPoint":{\n "@type": "ContactPoint",\n "contactType": "customer support",\n "telephone": "1900545441",\n "email": "hotro@momo.vn"\n },\n "sameAs": [\n "https://www.facebook.com/vimomo/",\n "https://www.youtube.com/channel/UCKHHW-qL2JoZqcSNm1jPlqw",\n "https://www.linkedin.com/company/momo-mservice/",\n "https://github.com/momo-wallet"\n ]\n }'
|
|
6012
|
+
}
|
|
6013
|
+
})
|
|
6014
|
+
]
|
|
6015
|
+
});
|
|
6016
|
+
};
|
|
6017
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AspectRatio, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, Callout, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxIndicator, ChoiceboxGroup, ChoiceboxGroupItem, Combobox, ComboboxContent, ComboboxTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogQr, DialogTitle, DialogTrigger, Footer, Header2 as Header, HeroSection, IconButton, Indicator2 as Indicator, LightBoxContent, LightboxGallery, LightboxThumbnail, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, Popover, PopoverContent, PopoverTrigger, Progress as Progressbar, RadioGroup, RadioGroupItem, Root3 as Root, SearchBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SiteMeta, Stepper, Switch, Tabs, TabsContent, TabsList, TabsTrigger, TextArea, TextButton, TextInput, ToastAction, Toaster, Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, createCheckboxScope, mobaseTW, navigationMenuTriggerStyle, textButtonVariants, toast, useToast };
|
|
5107
6018
|
//# sourceMappingURL=index.js.map
|