@momo-webplatform/mobase 0.2.1 → 0.2.3

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.
Files changed (7) hide show
  1. package/dist/cjs/index.cjs +932 -1
  2. package/dist/cjs/index.cjs.map +1 -1
  3. package/dist/cjs/index.d.cts +199 -136
  4. package/dist/esm/index.d.ts +199 -136
  5. package/dist/esm/index.js +913 -2
  6. package/dist/esm/index.js.map +1 -1
  7. package/package.json +20 -19
package/dist/cjs/index.cjs CHANGED
@@ -260,6 +260,9 @@ __export(src_exports, {
260
260
  AlertDialogTrigger: function() {
261
261
  return AlertDialogTrigger;
262
262
  },
263
+ AspectRatio: function() {
264
+ return AspectRatio;
265
+ },
263
266
  Badge: function() {
264
267
  return Badge;
265
268
  },
@@ -398,6 +401,9 @@ __export(src_exports, {
398
401
  Header: function() {
399
402
  return Header2;
400
403
  },
404
+ HeroSection: function() {
405
+ return HeroSection;
406
+ },
401
407
  IconButton: function() {
402
408
  return IconButton;
403
409
  },
@@ -449,6 +455,9 @@ __export(src_exports, {
449
455
  PopoverTrigger: function() {
450
456
  return PopoverTrigger;
451
457
  },
458
+ Progressbar: function() {
459
+ return Progress;
460
+ },
452
461
  RadioGroup: function() {
453
462
  return RadioGroup;
454
463
  },
@@ -491,6 +500,9 @@ __export(src_exports, {
491
500
  SelectValue: function() {
492
501
  return SelectValue;
493
502
  },
503
+ SiteMeta: function() {
504
+ return SiteMeta;
505
+ },
494
506
  Stepper: function() {
495
507
  return Stepper;
496
508
  },
@@ -518,6 +530,9 @@ __export(src_exports, {
518
530
  TextInput: function() {
519
531
  return TextInput;
520
532
  },
533
+ ToastAction: function() {
534
+ return ToastAction;
535
+ },
521
536
  Toaster: function() {
522
537
  return Toaster;
523
538
  },
@@ -1158,7 +1173,7 @@ var DialogContent = React5.forwardRef(function(_param, ref) {
1158
1173
  var classNames = {
1159
1174
  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",
1160
1175
  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",
1161
- 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)]",
1176
+ 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)]",
1162
1177
  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",
1163
1178
  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"
1164
1179
  };
@@ -4815,6 +4830,764 @@ function Badge(_param) {
4815
4830
  }), className)
4816
4831
  }, props));
4817
4832
  }
4833
+ // src/components/Progressbar/Progressbar.tsx
4834
+ var React22 = __toESM(require("react"), 1);
4835
+ var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
4836
+ var import_class_variance_authority9 = require("class-variance-authority");
4837
+ var import_jsx_runtime40 = require("react/jsx-runtime");
4838
+ var progressbarVariants = (0, import_class_variance_authority9.cva)("h-full w-full rounded-full flex-1 transition-all", {
4839
+ variants: {
4840
+ variant: {
4841
+ progress: "bg-pink-500",
4842
+ success: "bg-green-600",
4843
+ disabled: "bg-gray-400",
4844
+ empty: "bg-gray-200"
4845
+ }
4846
+ },
4847
+ defaultVariants: {
4848
+ variant: "progress"
4849
+ }
4850
+ });
4851
+ var progressbarSecondaryVariants = (0, import_class_variance_authority9.cva)("relative h-4 w-full overflow-hidden rounded-full bg-gray-200", {
4852
+ variants: {
4853
+ size: {
4854
+ small: "h-[6px]",
4855
+ medium: "h-2",
4856
+ large: "h-[10px]"
4857
+ }
4858
+ },
4859
+ defaultVariants: {
4860
+ size: "medium"
4861
+ }
4862
+ });
4863
+ var Progress = React22.forwardRef(function(_param, ref) {
4864
+ 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, [
4865
+ "className",
4866
+ "value",
4867
+ "variant",
4868
+ "size",
4869
+ "disabled"
4870
+ ]);
4871
+ return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ProgressPrimitive.Root, _object_spread_props(_object_spread({
4872
+ ref: ref,
4873
+ className: cn("", progressbarSecondaryVariants({
4874
+ size: size
4875
+ }), className)
4876
+ }, props), {
4877
+ children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ProgressPrimitive.Indicator, {
4878
+ className: cn("", progressbarVariants({
4879
+ variant: variant
4880
+ })),
4881
+ style: {
4882
+ transform: "translateX(-".concat(100 - (value || 0), "%)")
4883
+ }
4884
+ })
4885
+ }));
4886
+ });
4887
+ Progress.displayName = ProgressPrimitive.Root.displayName;
4888
+ // src/components/HeroSection/HeroSection.tsx
4889
+ var import_react12 = __toESM(require("react"), 1);
4890
+ // src/components/HeroSection/utils.ts
4891
+ var TYPE_MEDIA_IMAGE = 1;
4892
+ var DUMMY_NONE_DATA = {
4893
+ tagName: "DUMMY TAG",
4894
+ title: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. ",
4895
+ description: "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maxime minima amet porro.nam asperiores omnis labore doloribus excepturi?",
4896
+ media: {
4897
+ type: 1,
4898
+ src: "https://homepage.momocdn.net/img/momo-upload-api-240522112100-638519736605993862.jpg",
4899
+ ratioImg: 1 / 1
4900
+ }
4901
+ };
4902
+ var DUMMY_NONE_DATA_CTAS = [
4903
+ {
4904
+ variant: "primary",
4905
+ content: "Button Primary",
4906
+ url: ""
4907
+ },
4908
+ {
4909
+ variant: "transparent",
4910
+ content: "Button Text",
4911
+ url: ""
4912
+ }
4913
+ ];
4914
+ var DUMMY_NONE_DATA_FEATURS = {
4915
+ type: "col",
4916
+ contents: [
4917
+ {
4918
+ title: "Lorem ipsum, dolor sit amet consectetur adipisicing elit",
4919
+ label: "",
4920
+ icon: ""
4921
+ },
4922
+ {
4923
+ title: "Lorem ipsum, dolor sit amet consectetur adipisicing elit",
4924
+ label: "",
4925
+ icon: ""
4926
+ },
4927
+ {
4928
+ title: "Lorem ipsum, dolor sit amet consectetur adipisicing elit",
4929
+ label: "",
4930
+ icon: ""
4931
+ },
4932
+ {
4933
+ title: "Lorem ipsum, dolor sit amet consectetur adipisicing elit",
4934
+ label: "",
4935
+ icon: ""
4936
+ }
4937
+ ]
4938
+ };
4939
+ // src/components/HeroSection/HeroSection.tsx
4940
+ var import_outline7 = require("@heroicons/react/24/outline");
4941
+ // src/components/AspectRatio/AspectRatio.tsx
4942
+ var AspectRatioPrimitive = __toESM(require("@radix-ui/react-aspect-ratio"), 1);
4943
+ var AspectRatio = AspectRatioPrimitive.Root;
4944
+ // src/components/HeroSection/HeroSection.tsx
4945
+ var import_class_variance_authority10 = require("class-variance-authority");
4946
+ var DialogPrimitive3 = __toESM(require("@radix-ui/react-dialog"), 1);
4947
+ var import_lucide_react7 = require("lucide-react");
4948
+ var import_jsx_runtime41 = require("react/jsx-runtime");
4949
+ var DialogPortal3 = DialogPrimitive3.Portal;
4950
+ var DialogOverlay3 = import_react12.default.forwardRef(function(_param, ref) {
4951
+ var className = _param.className, props = _object_without_properties(_param, [
4952
+ "className"
4953
+ ]);
4954
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DialogPrimitive3.Overlay, _object_spread({
4955
+ ref: ref,
4956
+ 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)
4957
+ }, props));
4958
+ });
4959
+ var Dialog2 = DialogPrimitive3.Root;
4960
+ var CloseDialog2 = function() {
4961
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DialogPrimitive3.Close, {
4962
+ 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",
4963
+ children: [
4964
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react7.X, {
4965
+ className: "h-4 w-4 mt-0.5"
4966
+ }),
4967
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
4968
+ className: "",
4969
+ children: "\u0110\xF3ng c\u1EEDa s\u1ED5"
4970
+ })
4971
+ ]
4972
+ });
4973
+ };
4974
+ var DialogContent3 = import_react12.default.forwardRef(function(_param, ref) {
4975
+ var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
4976
+ "className",
4977
+ "children"
4978
+ ]);
4979
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DialogPortal3, {
4980
+ children: [
4981
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DialogOverlay3, {
4982
+ className: "bg-black"
4983
+ }),
4984
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(DialogPrimitive3.Content, _object_spread_props(_object_spread({
4985
+ ref: ref,
4986
+ 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)
4987
+ }, props), {
4988
+ children: [
4989
+ children,
4990
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CloseDialog2, {})
4991
+ ]
4992
+ }))
4993
+ ]
4994
+ });
4995
+ });
4996
+ var featureVariants = (0, import_class_variance_authority10.cva)("max-w-md space-y-1 text-gray-800 font-semibold list-inside ", {
4997
+ variants: {
4998
+ template: {
4999
+ col: " flex-col flex mt-5",
5000
+ row: "grid grid-cols-3 items-center divide-x gap-2 mt-5 ",
5001
+ 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"
5002
+ }
5003
+ },
5004
+ defaultVariants: {
5005
+ template: "col"
5006
+ }
5007
+ });
5008
+ var SectionHeroTitle = function(param) {
5009
+ var title = param.title, className = param.className;
5010
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("h1", {
5011
+ dangerouslySetInnerHTML: {
5012
+ __html: title || ""
5013
+ },
5014
+ className: cn("text-3xl md:text-4xl font-bold py-3 text-gray-900", className)
5015
+ });
5016
+ };
5017
+ var SectionHeroTag = function(param) {
5018
+ var tagName = param.tagName, className = param.className;
5019
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5020
+ className: cn("text-pink-500 font-bold text-sm tracking-wider ", className),
5021
+ children: tagName
5022
+ });
5023
+ };
5024
+ var SectionHeroDescription = function(param) {
5025
+ var description = param.description, className = param.className;
5026
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5027
+ dangerouslySetInnerHTML: {
5028
+ __html: description || ""
5029
+ },
5030
+ className: cn("text-lg text-gray-700 pb-2", className)
5031
+ });
5032
+ };
5033
+ var SectionHeroCTA = function(param) {
5034
+ var dataCtas = param.dataCtas, className = param.className;
5035
+ var handleOnClickCTA = function(e, onClickFC) {
5036
+ e.preventDefault();
5037
+ e.stopPropagation();
5038
+ onClickFC === null || onClickFC === void 0 ? void 0 : onClickFC();
5039
+ };
5040
+ var ButtonCTAQR = function(param) {
5041
+ var cta = param.cta, index = param.index;
5042
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(import_jsx_runtime41.Fragment, {
5043
+ children: [
5044
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, {
5045
+ onClick: function(e) {
5046
+ var _cta_onClickCTA, _cta_onClickCTA1;
5047
+ 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));
5048
+ },
5049
+ variant: cta === null || cta === void 0 ? void 0 : cta.variant,
5050
+ className: cn("md:block hidden", (cta === null || cta === void 0 ? void 0 : cta.variant) !== "primary" && "text-pink-500 hidden "),
5051
+ children: cta === null || cta === void 0 ? void 0 : cta.content
5052
+ }, index),
5053
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, {
5054
+ variant: cta === null || cta === void 0 ? void 0 : cta.variant,
5055
+ className: cn("md:hidden", (cta === null || cta === void 0 ? void 0 : cta.variant) !== "primary" && "text-pink-500"),
5056
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("a", {
5057
+ href: cta === null || cta === void 0 ? void 0 : cta.url,
5058
+ target: "_blank",
5059
+ rel: "noreferrer",
5060
+ children: cta === null || cta === void 0 ? void 0 : cta.content
5061
+ })
5062
+ }, index)
5063
+ ]
5064
+ });
5065
+ };
5066
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5067
+ className: cn("flex items-center mt-10", className, (dataCtas === null || dataCtas === void 0 ? void 0 : dataCtas.length) > 1 ? "space-x-6" : ""),
5068
+ children: dataCtas === null || dataCtas === void 0 ? void 0 : dataCtas.map(function(cta, index) {
5069
+ return (cta === null || cta === void 0 ? void 0 : cta.isQRCode) ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ButtonCTAQR, {
5070
+ cta: cta,
5071
+ index: index
5072
+ }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button, {
5073
+ onClick: function(e) {
5074
+ if (!(cta === null || cta === void 0 ? void 0 : cta.url)) {
5075
+ e.stopPropagation();
5076
+ e.preventDefault();
5077
+ }
5078
+ },
5079
+ variant: cta === null || cta === void 0 ? void 0 : cta.variant,
5080
+ className: cn("", (cta === null || cta === void 0 ? void 0 : cta.variant) !== "primary" && "text-pink-500"),
5081
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("a", {
5082
+ href: cta === null || cta === void 0 ? void 0 : cta.url,
5083
+ target: "_blank",
5084
+ rel: "noreferrer",
5085
+ children: cta === null || cta === void 0 ? void 0 : cta.content
5086
+ })
5087
+ }, index);
5088
+ })
5089
+ });
5090
+ };
5091
+ var SectionHeroItemFeature = function(param) {
5092
+ var template = param.template, title = param.title, label = param.label, icon = param.icon, idx = param.idx;
5093
+ var renderTemplateFeature = function() {
5094
+ switch(template){
5095
+ case "col":
5096
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("li", {
5097
+ className: "flex items-center pb-3",
5098
+ children: [
5099
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5100
+ className: "bg-pink-100 p-1 rounded-full w-5 h-5 flex items-center justify-center",
5101
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_outline7.CheckIcon, {
5102
+ className: "w-4 h-4 text-pink-500 "
5103
+ })
5104
+ }),
5105
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5106
+ className: "ml-2",
5107
+ children: title
5108
+ })
5109
+ ]
5110
+ });
5111
+ case "row":
5112
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5113
+ className: cn("", idx > 0 ? "pl-4" : ""),
5114
+ children: [
5115
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5116
+ className: "font-bold text-gray-900",
5117
+ children: title
5118
+ }),
5119
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5120
+ className: "text-sm mt-1 text-gray-500",
5121
+ children: label
5122
+ })
5123
+ ]
5124
+ });
5125
+ case "customize":
5126
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5127
+ className: "flex items-center space-x-4",
5128
+ children: [
5129
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", {
5130
+ src: icon,
5131
+ alt: "",
5132
+ className: "shrink-0"
5133
+ }),
5134
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5135
+ className: "text-gray-900 text-left",
5136
+ children: title
5137
+ })
5138
+ ]
5139
+ });
5140
+ default:
5141
+ return null;
5142
+ }
5143
+ };
5144
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, {
5145
+ children: renderTemplateFeature()
5146
+ });
5147
+ };
5148
+ var SectionHeroListFeature = function(param) {
5149
+ var dataFeatures = param.dataFeatures;
5150
+ var _dataFeatures_contents;
5151
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("ul", {
5152
+ className: cn("", featureVariants({
5153
+ template: dataFeatures === null || dataFeatures === void 0 ? void 0 : dataFeatures.type
5154
+ })),
5155
+ 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) {
5156
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroItemFeature, {
5157
+ title: feature === null || feature === void 0 ? void 0 : feature.title,
5158
+ template: dataFeatures === null || dataFeatures === void 0 ? void 0 : dataFeatures.type,
5159
+ label: feature === null || feature === void 0 ? void 0 : feature.label,
5160
+ icon: feature === null || feature === void 0 ? void 0 : feature.icon,
5161
+ idx: index
5162
+ }, index);
5163
+ })
5164
+ });
5165
+ };
5166
+ var SectionHeroVideo = function(param) {
5167
+ 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;
5168
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(AspectRatio, {
5169
+ className: cn(""),
5170
+ ratio: ratioImg,
5171
+ children: [
5172
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", {
5173
+ src: src,
5174
+ className: cn("w-full h-full object-cover md:block hidden", className, !src ? "bg-gray-200" : ""),
5175
+ alt: ""
5176
+ }),
5177
+ type !== TYPE_MEDIA_IMAGE && (video === null || video === void 0 ? void 0 : video.codeVideo) && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5178
+ className: "aspect-[16/9] realtive overflow-hidden w-full",
5179
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("iframe", {
5180
+ title: video === null || video === void 0 ? void 0 : video.titleVideo,
5181
+ src: "https://www.youtube.com/embed/".concat(video === null || video === void 0 ? void 0 : video.codeVideo, "?controls=1"),
5182
+ frameBorder: "0",
5183
+ allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
5184
+ referrerPolicy: "strict-origin-when-cross-origin",
5185
+ allowFullScreen: true,
5186
+ className: "w-full h-full object-cover md:hidden"
5187
+ })
5188
+ }),
5189
+ type !== TYPE_MEDIA_IMAGE && (video === null || video === void 0 ? void 0 : video.codeVideo) && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Dialog2, {
5190
+ children: [
5191
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DialogPrimitive3.Trigger, {
5192
+ onClick: onClickFC,
5193
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5194
+ 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",
5195
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("svg", {
5196
+ className: "w-14 h-14",
5197
+ viewBox: "0 0 48 48",
5198
+ xmlns: "http://www.w3.org/2000/svg",
5199
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("g", {
5200
+ fill: "none",
5201
+ fillRule: "evenodd",
5202
+ children: [
5203
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("circle", {
5204
+ stroke: "#FFF",
5205
+ strokeWidth: 2,
5206
+ fillOpacity: ".24",
5207
+ fill: "#000",
5208
+ cx: 24,
5209
+ cy: 24,
5210
+ r: 23
5211
+ }),
5212
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("path", {
5213
+ 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",
5214
+ fill: "#FFF",
5215
+ fillRule: "nonzero"
5216
+ })
5217
+ ]
5218
+ })
5219
+ })
5220
+ })
5221
+ }),
5222
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DialogContent3, {
5223
+ className: "w-full h-full flex items-center justify-center bg-gray-900 p-0",
5224
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("iframe", {
5225
+ width: 738,
5226
+ height: 439,
5227
+ title: video === null || video === void 0 ? void 0 : video.titleVideo,
5228
+ src: "https://www.youtube.com/embed/".concat(video === null || video === void 0 ? void 0 : video.codeVideo, "?autoplay=1"),
5229
+ frameBorder: "0",
5230
+ allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
5231
+ referrerPolicy: "strict-origin-when-cross-origin",
5232
+ allowFullScreen: true,
5233
+ className: ""
5234
+ })
5235
+ })
5236
+ ]
5237
+ })
5238
+ ]
5239
+ });
5240
+ };
5241
+ var SectionHeroMedia = function(param) {
5242
+ 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;
5243
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5244
+ children: type === TYPE_MEDIA_IMAGE && !(video === null || video === void 0 ? void 0 : video.codeVideo) ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(AspectRatio, {
5245
+ className: cn(""),
5246
+ ratio: ratioImg,
5247
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", {
5248
+ src: src,
5249
+ className: cn("w-full h-full object-cover", className, !src ? "bg-gray-200" : ""),
5250
+ alt: ""
5251
+ })
5252
+ }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroVideo, {
5253
+ type: type,
5254
+ url: url,
5255
+ src: src,
5256
+ ratioImg: ratioImg,
5257
+ video: video,
5258
+ onClickFC: onClickFC
5259
+ })
5260
+ });
5261
+ };
5262
+ var HeroContentTemplateOne = function(param) {
5263
+ var data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
5264
+ var _data_media, _data_media1, _data_media2, _data_media3, _data_media4;
5265
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5266
+ className: cn("grid grid-cols-1 md:grid-cols-2 md:gap-16 gap-4 items-center"),
5267
+ children: [
5268
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5269
+ className: "col-span-1",
5270
+ children: [
5271
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroTag, {
5272
+ tagName: data === null || data === void 0 ? void 0 : data.tagName
5273
+ }),
5274
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroTitle, {
5275
+ title: data === null || data === void 0 ? void 0 : data.title
5276
+ }),
5277
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroDescription, {
5278
+ description: data === null || data === void 0 ? void 0 : data.description
5279
+ }),
5280
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroListFeature, {
5281
+ dataFeatures: dataFeatures
5282
+ }),
5283
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5284
+ className: "md:block hidden",
5285
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroCTA, {
5286
+ dataCtas: dataCtas
5287
+ })
5288
+ })
5289
+ ]
5290
+ }),
5291
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5292
+ className: "col-span-1",
5293
+ children: [
5294
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroMedia, {
5295
+ type: (data === null || data === void 0 ? void 0 : (_data_media = data.media) === null || _data_media === void 0 ? void 0 : _data_media.type) || 1,
5296
+ url: (data === null || data === void 0 ? void 0 : (_data_media1 = data.media) === null || _data_media1 === void 0 ? void 0 : _data_media1.url) || "",
5297
+ src: (data === null || data === void 0 ? void 0 : (_data_media2 = data.media) === null || _data_media2 === void 0 ? void 0 : _data_media2.src) || "",
5298
+ ratioImg: data === null || data === void 0 ? void 0 : (_data_media3 = data.media) === null || _data_media3 === void 0 ? void 0 : _data_media3.ratioImg,
5299
+ video: data === null || data === void 0 ? void 0 : (_data_media4 = data.media) === null || _data_media4 === void 0 ? void 0 : _data_media4.video
5300
+ }),
5301
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5302
+ className: "block md:hidden flex items-center justify-center",
5303
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroCTA, {
5304
+ dataCtas: dataCtas
5305
+ })
5306
+ })
5307
+ ]
5308
+ })
5309
+ ]
5310
+ });
5311
+ };
5312
+ var HeroContentTemplateTwo = function(param) {
5313
+ var data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
5314
+ var _data_media, _data_media1, _data_media2, _data_media3, _data_media4, _data_media5, _data_media6, _data_media7;
5315
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5316
+ className: cn("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),
5317
+ children: [
5318
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5319
+ className: "col-span-1",
5320
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5321
+ className: "hidden md:block",
5322
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroMedia, {
5323
+ type: (data === null || data === void 0 ? void 0 : (_data_media = data.media) === null || _data_media === void 0 ? void 0 : _data_media.type) || 1,
5324
+ url: (data === null || data === void 0 ? void 0 : (_data_media1 = data.media) === null || _data_media1 === void 0 ? void 0 : _data_media1.url) || "",
5325
+ src: (data === null || data === void 0 ? void 0 : (_data_media2 = data.media) === null || _data_media2 === void 0 ? void 0 : _data_media2.src) || "",
5326
+ ratioImg: data === null || data === void 0 ? void 0 : (_data_media3 = data.media) === null || _data_media3 === void 0 ? void 0 : _data_media3.ratioImg
5327
+ })
5328
+ })
5329
+ }),
5330
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5331
+ className: "col-span-1",
5332
+ children: [
5333
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroTag, {
5334
+ tagName: data === null || data === void 0 ? void 0 : data.tagName
5335
+ }),
5336
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroTitle, {
5337
+ title: data === null || data === void 0 ? void 0 : data.title
5338
+ }),
5339
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroDescription, {
5340
+ description: data === null || data === void 0 ? void 0 : data.description
5341
+ }),
5342
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroListFeature, {
5343
+ dataFeatures: dataFeatures
5344
+ }),
5345
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5346
+ className: "md:hidden mt-10",
5347
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroMedia, {
5348
+ type: (data === null || data === void 0 ? void 0 : (_data_media4 = data.media) === null || _data_media4 === void 0 ? void 0 : _data_media4.type) || 1,
5349
+ url: (data === null || data === void 0 ? void 0 : (_data_media5 = data.media) === null || _data_media5 === void 0 ? void 0 : _data_media5.url) || "",
5350
+ src: (data === null || data === void 0 ? void 0 : (_data_media6 = data.media) === null || _data_media6 === void 0 ? void 0 : _data_media6.src) || "",
5351
+ ratioImg: data === null || data === void 0 ? void 0 : (_data_media7 = data.media) === null || _data_media7 === void 0 ? void 0 : _data_media7.ratioImg
5352
+ })
5353
+ }),
5354
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5355
+ className: "w-full flex items-center justify-center md:justify-start",
5356
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroCTA, {
5357
+ dataCtas: dataCtas
5358
+ })
5359
+ })
5360
+ ]
5361
+ })
5362
+ ]
5363
+ });
5364
+ };
5365
+ var HeroContentTemplateThree = function(param) {
5366
+ var data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
5367
+ var _data_media, _data_media1, _data_media2, _data_media3, _data_media4, _data_media5, _data_media6, _data_media7;
5368
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5369
+ className: cn("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),
5370
+ children: [
5371
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5372
+ className: "col-span-1",
5373
+ children: [
5374
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroTag, {
5375
+ tagName: data === null || data === void 0 ? void 0 : data.tagName
5376
+ }),
5377
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroTitle, {
5378
+ title: data === null || data === void 0 ? void 0 : data.title
5379
+ }),
5380
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroDescription, {
5381
+ description: data === null || data === void 0 ? void 0 : data.description
5382
+ }),
5383
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroListFeature, {
5384
+ dataFeatures: dataFeatures
5385
+ }),
5386
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5387
+ className: "hidden md:block",
5388
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroCTA, {
5389
+ dataCtas: dataCtas
5390
+ })
5391
+ })
5392
+ ]
5393
+ }),
5394
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5395
+ className: "col-span-1",
5396
+ children: [
5397
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5398
+ className: "hidden md:block",
5399
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroMedia, {
5400
+ type: (data === null || data === void 0 ? void 0 : (_data_media = data.media) === null || _data_media === void 0 ? void 0 : _data_media.type) || 1,
5401
+ url: (data === null || data === void 0 ? void 0 : (_data_media1 = data.media) === null || _data_media1 === void 0 ? void 0 : _data_media1.url) || "",
5402
+ src: (data === null || data === void 0 ? void 0 : (_data_media2 = data.media) === null || _data_media2 === void 0 ? void 0 : _data_media2.src) || "",
5403
+ ratioImg: data === null || data === void 0 ? void 0 : (_data_media3 = data.media) === null || _data_media3 === void 0 ? void 0 : _data_media3.ratioImg
5404
+ })
5405
+ }),
5406
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5407
+ className: "md:hidden",
5408
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroMedia, {
5409
+ type: (data === null || data === void 0 ? void 0 : (_data_media4 = data.media) === null || _data_media4 === void 0 ? void 0 : _data_media4.type) || 1,
5410
+ url: (data === null || data === void 0 ? void 0 : (_data_media5 = data.media) === null || _data_media5 === void 0 ? void 0 : _data_media5.url) || "",
5411
+ src: (data === null || data === void 0 ? void 0 : (_data_media6 = data.media) === null || _data_media6 === void 0 ? void 0 : _data_media6.src) || "",
5412
+ ratioImg: data === null || data === void 0 ? void 0 : (_data_media7 = data.media) === null || _data_media7 === void 0 ? void 0 : _data_media7.ratioImg
5413
+ })
5414
+ }),
5415
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5416
+ className: "md:hidden block w-full flex items-center justify-center",
5417
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroCTA, {
5418
+ dataCtas: dataCtas
5419
+ })
5420
+ })
5421
+ ]
5422
+ })
5423
+ ]
5424
+ });
5425
+ };
5426
+ var HeroContentTemplateFour = function(param) {
5427
+ var data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
5428
+ var _data_media, _data_media1, _data_media2, _data_media3, _data_media4, _data_media5, _data_media6, _data_media7;
5429
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5430
+ className: cn("grid grid-cols-1 md:grid-cols-2 gap-16 items-center"),
5431
+ children: [
5432
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5433
+ className: "col-span-1",
5434
+ children: [
5435
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroTag, {
5436
+ tagName: data === null || data === void 0 ? void 0 : data.tagName
5437
+ }),
5438
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroTitle, {
5439
+ title: data === null || data === void 0 ? void 0 : data.title
5440
+ }),
5441
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroDescription, {
5442
+ description: data === null || data === void 0 ? void 0 : data.description
5443
+ }),
5444
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroListFeature, {
5445
+ dataFeatures: dataFeatures
5446
+ }),
5447
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5448
+ className: "hidden md:block",
5449
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroCTA, {
5450
+ dataCtas: dataCtas
5451
+ })
5452
+ })
5453
+ ]
5454
+ }),
5455
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5456
+ className: "col-span-1",
5457
+ children: [
5458
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5459
+ className: "hidden md:block",
5460
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroMedia, {
5461
+ type: (data === null || data === void 0 ? void 0 : (_data_media = data.media) === null || _data_media === void 0 ? void 0 : _data_media.type) || 1,
5462
+ url: (data === null || data === void 0 ? void 0 : (_data_media1 = data.media) === null || _data_media1 === void 0 ? void 0 : _data_media1.url) || "",
5463
+ src: (data === null || data === void 0 ? void 0 : (_data_media2 = data.media) === null || _data_media2 === void 0 ? void 0 : _data_media2.src) || "",
5464
+ ratioImg: data === null || data === void 0 ? void 0 : (_data_media3 = data.media) === null || _data_media3 === void 0 ? void 0 : _data_media3.ratioImg,
5465
+ className: "relative overflow-hidden -bottom-20"
5466
+ })
5467
+ }),
5468
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5469
+ className: "md:hidden",
5470
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroMedia, {
5471
+ type: (data === null || data === void 0 ? void 0 : (_data_media4 = data.media) === null || _data_media4 === void 0 ? void 0 : _data_media4.type) || 1,
5472
+ url: (data === null || data === void 0 ? void 0 : (_data_media5 = data.media) === null || _data_media5 === void 0 ? void 0 : _data_media5.url) || "",
5473
+ src: (data === null || data === void 0 ? void 0 : (_data_media6 = data.media) === null || _data_media6 === void 0 ? void 0 : _data_media6.src) || "",
5474
+ ratioImg: data === null || data === void 0 ? void 0 : (_data_media7 = data.media) === null || _data_media7 === void 0 ? void 0 : _data_media7.ratioImg
5475
+ })
5476
+ }),
5477
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5478
+ className: "md:hidden block w-full flex items-center justify-center",
5479
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroCTA, {
5480
+ dataCtas: dataCtas
5481
+ })
5482
+ })
5483
+ ]
5484
+ })
5485
+ ]
5486
+ });
5487
+ };
5488
+ var HeroContentTemplateFive = function(param) {
5489
+ var data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
5490
+ var _data_media, _data_media1, _data_media2, _data_media3;
5491
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5492
+ children: [
5493
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroTag, {
5494
+ tagName: data === null || data === void 0 ? void 0 : data.tagName,
5495
+ className: "max-w-4xl mx-auto text-center text-base leading-7 text-pink-500 font-bold"
5496
+ }),
5497
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroTitle, {
5498
+ title: data === null || data === void 0 ? void 0 : data.title,
5499
+ 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"
5500
+ }),
5501
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroDescription, {
5502
+ description: data === null || data === void 0 ? void 0 : data.description,
5503
+ className: "max-w-4xl mx-auto text-center text-base md:text-lg lg:text-xl font-normal leading-7 text-gray-700"
5504
+ }),
5505
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroCTA, {
5506
+ dataCtas: dataCtas,
5507
+ className: "w-full md:w-full inline-flex items-center justify-center text-base font-semibold text-center "
5508
+ }),
5509
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroListFeature, {
5510
+ dataFeatures: dataFeatures
5511
+ }),
5512
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroMedia, {
5513
+ type: (data === null || data === void 0 ? void 0 : (_data_media = data.media) === null || _data_media === void 0 ? void 0 : _data_media.type) || 1,
5514
+ url: (data === null || data === void 0 ? void 0 : (_data_media1 = data.media) === null || _data_media1 === void 0 ? void 0 : _data_media1.url) || "",
5515
+ src: (data === null || data === void 0 ? void 0 : (_data_media2 = data.media) === null || _data_media2 === void 0 ? void 0 : _data_media2.src) || "",
5516
+ ratioImg: data === null || data === void 0 ? void 0 : (_data_media3 = data.media) === null || _data_media3 === void 0 ? void 0 : _data_media3.ratioImg,
5517
+ className: "rounded-lg"
5518
+ })
5519
+ ]
5520
+ });
5521
+ };
5522
+ var renderTemplate = function(param) {
5523
+ var template = param.template, data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
5524
+ switch(template){
5525
+ case 1:
5526
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(HeroContentTemplateOne, {
5527
+ data: data,
5528
+ dataCtas: dataCtas,
5529
+ dataFeatures: dataFeatures
5530
+ });
5531
+ case 2:
5532
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(HeroContentTemplateTwo, {
5533
+ data: data,
5534
+ dataCtas: dataCtas,
5535
+ dataFeatures: dataFeatures
5536
+ });
5537
+ case 3:
5538
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(HeroContentTemplateThree, {
5539
+ data: data,
5540
+ dataCtas: dataCtas,
5541
+ dataFeatures: dataFeatures
5542
+ });
5543
+ case 4:
5544
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(HeroContentTemplateFour, {
5545
+ data: data,
5546
+ dataCtas: dataCtas,
5547
+ dataFeatures: dataFeatures
5548
+ });
5549
+ case 5:
5550
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(HeroContentTemplateFive, {
5551
+ data: data,
5552
+ dataCtas: dataCtas,
5553
+ dataFeatures: dataFeatures
5554
+ });
5555
+ default:
5556
+ return null;
5557
+ }
5558
+ };
5559
+ var SectionHeroContent = function(param) {
5560
+ var template = param.template, data = param.data, dataCtas = param.dataCtas, dataFeatures = param.dataFeatures;
5561
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_jsx_runtime41.Fragment, {
5562
+ children: renderTemplate({
5563
+ template: template,
5564
+ data: data,
5565
+ dataCtas: dataCtas,
5566
+ dataFeatures: dataFeatures
5567
+ })
5568
+ });
5569
+ };
5570
+ var HeroSection = (0, import_react12.forwardRef)(function(param, ref) {
5571
+ 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;
5572
+ return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", {
5573
+ ref: ref,
5574
+ className: cn(" bg-section-hero overflow-hidden py-20", className),
5575
+ children: [
5576
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", {
5577
+ className: "wrapper relative",
5578
+ children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(SectionHeroContent, {
5579
+ dataCtas: dataCtas || DUMMY_NONE_DATA_CTAS,
5580
+ template: template,
5581
+ data: data || DUMMY_NONE_DATA,
5582
+ dataFeatures: dataFeatures || DUMMY_NONE_DATA_FEATURS
5583
+ })
5584
+ }),
5585
+ /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("style", {
5586
+ 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 "
5587
+ })
5588
+ ]
5589
+ });
5590
+ });
4818
5591
  // src/mobase-tw-plugin/plugin.ts
4819
5592
  var import_color = __toESM(require("color"), 1);
4820
5593
  var import_plugin = __toESM(require("tailwindcss/plugin.js"), 1);
@@ -5512,6 +6285,159 @@ var mobaseTW = function() {
5512
6285
  }
5513
6286
  });
5514
6287
  };
6288
+ // src/site/meta.tsx
6289
+ var import_jsx_runtime42 = require("react/jsx-runtime");
6290
+ var SiteMeta = function() {
6291
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, {
6292
+ children: [
6293
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("meta", {
6294
+ name: "viewport",
6295
+ content: "width=device-width, initial-scale=1.0, maximum-scale=1"
6296
+ }),
6297
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("meta", {
6298
+ name: "abstract",
6299
+ content: "V\xED \u0111i\u1EC7n t\u1EED MoMo - Si\xEAu \u1EE9ng d\u1EE5ng thanh to\xE1n s\u1ED1 1 Vi\u1EC7t Nam"
6300
+ }),
6301
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("meta", {
6302
+ name: "distribution",
6303
+ content: "Global"
6304
+ }),
6305
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("meta", {
6306
+ name: "author",
6307
+ content: "V\xED MoMo"
6308
+ }),
6309
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("meta", {
6310
+ property: "fb:app_id",
6311
+ content: "320653355376196"
6312
+ }),
6313
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("meta", {
6314
+ property: "fb:pages",
6315
+ content: "138010322921640"
6316
+ }),
6317
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6318
+ rel: "shortcut icon",
6319
+ href: "/favicon.ico"
6320
+ }),
6321
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6322
+ href: "/favicon-32x32.png",
6323
+ rel: "icon",
6324
+ sizes: "32x32",
6325
+ type: "image/png"
6326
+ }),
6327
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6328
+ href: "/favicon-16x16.png",
6329
+ rel: "icon",
6330
+ sizes: "16x16",
6331
+ type: "image/png"
6332
+ }),
6333
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6334
+ href: "/apple-touch-icon.png",
6335
+ rel: "apple-touch-icon",
6336
+ sizes: "180x180"
6337
+ }),
6338
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("meta", {
6339
+ name: "language",
6340
+ content: "vietnamese"
6341
+ }),
6342
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("meta", {
6343
+ name: "copyright",
6344
+ content: "Copyright \xA9 2019 by MOMO.VN"
6345
+ }),
6346
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("meta", {
6347
+ name: "REVISIT-AFTER",
6348
+ content: "1 DAYS"
6349
+ }),
6350
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("meta", {
6351
+ name: "RATING",
6352
+ content: "GENERAL"
6353
+ }),
6354
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("meta", {
6355
+ httpEquiv: "x-dns-prefetch-control",
6356
+ content: "on"
6357
+ }),
6358
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6359
+ rel: "dns-prefetch",
6360
+ href: "//www.google-analytics.com"
6361
+ }),
6362
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6363
+ rel: "dns-prefetch",
6364
+ href: "//connect.facebook.net"
6365
+ }),
6366
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6367
+ rel: "dns-prefetch",
6368
+ href: "//www.googletagservices.com"
6369
+ }),
6370
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6371
+ rel: "dns-prefetch",
6372
+ href: "//www.googletagmanager.com"
6373
+ }),
6374
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6375
+ rel: "dns-prefetch",
6376
+ href: "//facebook.com"
6377
+ }),
6378
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6379
+ rel: "dns-prefetch",
6380
+ href: "//homepage.momocdn.net"
6381
+ }),
6382
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6383
+ rel: "dns-prefetch",
6384
+ href: "//www.google.com"
6385
+ }),
6386
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6387
+ rel: "dns-prefetch",
6388
+ href: "//www.google.com.vn"
6389
+ }),
6390
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6391
+ rel: "dns-prefetch",
6392
+ href: "//www.googleadservices.com"
6393
+ }),
6394
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6395
+ rel: "preconnect",
6396
+ href: "//connect.facebook.net"
6397
+ }),
6398
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6399
+ rel: "preconnect",
6400
+ href: "//www.googletagmanager.com"
6401
+ }),
6402
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6403
+ rel: "preconnect",
6404
+ href: "//www.google-analytics.com"
6405
+ }),
6406
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6407
+ rel: "preconnect",
6408
+ href: "//googleads.g.doubleclick.net"
6409
+ }),
6410
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6411
+ rel: "preconnect",
6412
+ href: "//homepage.momocdn.net"
6413
+ }),
6414
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6415
+ rel: "preconnect",
6416
+ href: "//www.google.com"
6417
+ }),
6418
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6419
+ rel: "preconnect",
6420
+ href: "//www.google.com.vn"
6421
+ }),
6422
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("link", {
6423
+ rel: "preconnect",
6424
+ href: "//www.googleadservices.com"
6425
+ }),
6426
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("script", {
6427
+ type: "application/ld+json",
6428
+ dangerouslySetInnerHTML: {
6429
+ __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 }}'
6430
+ }
6431
+ }),
6432
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("script", {
6433
+ type: "application/ld+json",
6434
+ dangerouslySetInnerHTML: {
6435
+ __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 }'
6436
+ }
6437
+ })
6438
+ ]
6439
+ });
6440
+ };
5515
6441
  // Annotate the CommonJS export names for ESM import in node:
5516
6442
  0 && (module.exports = {
5517
6443
  Accordion: Accordion,
@@ -5529,6 +6455,7 @@ var mobaseTW = function() {
5529
6455
  AlertDialogPortal: AlertDialogPortal,
5530
6456
  AlertDialogTitle: AlertDialogTitle,
5531
6457
  AlertDialogTrigger: AlertDialogTrigger,
6458
+ AspectRatio: AspectRatio,
5532
6459
  Badge: Badge,
5533
6460
  Breadcrumb: Breadcrumb,
5534
6461
  BreadcrumbEllipsis: BreadcrumbEllipsis,
@@ -5575,6 +6502,7 @@ var mobaseTW = function() {
5575
6502
  DialogTrigger: DialogTrigger,
5576
6503
  Footer: Footer,
5577
6504
  Header: Header,
6505
+ HeroSection: HeroSection,
5578
6506
  IconButton: IconButton,
5579
6507
  Indicator: Indicator,
5580
6508
  LightBoxContent: LightBoxContent,
@@ -5592,6 +6520,7 @@ var mobaseTW = function() {
5592
6520
  Popover: Popover,
5593
6521
  PopoverContent: PopoverContent,
5594
6522
  PopoverTrigger: PopoverTrigger,
6523
+ Progressbar: Progressbar,
5595
6524
  RadioGroup: RadioGroup,
5596
6525
  RadioGroupItem: RadioGroupItem,
5597
6526
  Root: Root,
@@ -5606,6 +6535,7 @@ var mobaseTW = function() {
5606
6535
  SelectSeparator: SelectSeparator,
5607
6536
  SelectTrigger: SelectTrigger,
5608
6537
  SelectValue: SelectValue,
6538
+ SiteMeta: SiteMeta,
5609
6539
  Stepper: Stepper,
5610
6540
  Switch: Switch,
5611
6541
  Tabs: Tabs,
@@ -5615,6 +6545,7 @@ var mobaseTW = function() {
5615
6545
  TextArea: TextArea,
5616
6546
  TextButton: TextButton,
5617
6547
  TextInput: TextInput,
6548
+ ToastAction: ToastAction,
5618
6549
  Toaster: Toaster,
5619
6550
  Tooltip: Tooltip,
5620
6551
  TooltipArrow: TooltipArrow,