@momo-webplatform/mobase 0.0.25 → 0.0.27

package/publish/cjs/helpers/constants.js

@@ -0,0 +1,204 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FROM_TYPE_FOOTER_MENU = exports.MOMO_TEXT = exports.SERVICES_PAGE = exports.SERVICES_DEFAULT = exports.APP_DOWNLOAD = exports.SOCIAL_ITEMS = exports.LIST_LINK = exports.SUPPORT = exports.NEXT_PUBLIC_REACT_APP_FRONT_END = exports.MoMoText = exports.FooterItemsDefault = void 0;
+exports.FooterItemsDefault = {
+    heading: "Về chúng tôi",
+    lists: [
+        {
+            title: "Giới thiệu",
+            url: "/sieu-ung-dung-momo",
+            newTab: false,
+        },
+        {
+            title: "An toàn - Bảo mật",
+            url: "/an-toan-bao-mat",
+            newTab: false,
+        },
+        {
+            title: "Điều khoản điều lệ",
+            url: "/dieu-khoan-dieu-le",
+            newTab: false,
+        },
+        {
+            title: "Chính sách quyền riêng tư",
+            url: "/chinh-sach-quyen-rieng-tu",
+            newTab: false,
+        },
+        {
+            title: "Điều khoản liên kết Google trên ứng dụng MoMo",
+            url: "/google-cloud-policy",
+            newTab: false,
+        },
+        {
+            title: "Blog",
+            url: "/blog",
+            newTab: false,
+        },
+        {
+            title: "Liên hệ",
+            url: "/lienhe",
+            newTab: false,
+        },
+        {
+            title: "Hỏi đáp",
+            url: "/hoi-dap",
+            newTab: false,
+        }
+    ]
+};
+exports.MoMoText = {
+    Business: {
+        Phome: "1900636652",
+        Phome_Format: "1900 636 652 (Phí 1.000đ/phút)",
+        Email: "merchant.care@momo.vn",
+    },
+    Support: {
+        Hotline: "1900545441",
+        Hotline_Format: "1900 5454 41",
+        Phone_Ext_1: "02873065555",
+        Phone_Ext_1_Format: "028.7306.5555",
+        Phone_Ext_2: "02899995555",
+        Phone_Ext_2_Format: "028.9999.5555",
+        Email: "hotro@momo.vn",
+    },
+};
+exports.NEXT_PUBLIC_REACT_APP_FRONT_END = "https://momo.vn/";
+exports.SUPPORT = {
+    Address: "Lầu 6, Toà nhà Phú Mỹ Hưng, số 8 Hoàng Văn Thái, khu phố 1, Phường Tân Phú, Quận 7, Thành phố Hồ Chí Minh",
+};
+exports.LIST_LINK = [
+    { Name: "Giới thiệu", Href: "/sieu-ung-dung-momo" },
+    { Name: "An toàn - Bảo mật", Href: "/an-toan-bao-mat" },
+    { Name: "Điều khoản điều lệ", Href: "/dieu-khoan-dieu-le" },
+    {
+        Name: "Chính sách quyền riêng tư",
+        Href: "/chinh-sach-quyen-rieng-tu",
+    },
+    {
+        Name: "Điều khoản liên kết Google trên ứng dụng MoMo",
+        Href: "/google-cloud-policy",
+    },
+    { Name: "Blog", Href: "/blog" },
+    { Name: "Liên hệ", Href: "/lienhe" },
+    { Name: "Hỏi đáp", Href: "/hoi-dap" },
+];
+exports.SOCIAL_ITEMS = [
+    {
+        Name: "Facebook",
+        Image: "https://homepage.momocdn.net/styles/desktop/images/social/facebook.svg",
+        Link: "https://www.facebook.com/vimomo",
+    },
+    {
+        Name: "Linkedin",
+        Image: "https://homepage.momocdn.net/styles/desktop/images/social/linkedin.svg",
+        Link: "https://www.linkedin.com/company/momo-mservice/",
+    },
+    {
+        Name: "Youtube",
+        Image: "https://homepage.momocdn.net/styles/desktop/images/social/youtube.svg",
+        Link: "https://www.youtube.com/channel/UCKHHW-qL2JoZqcSNm1jPlqw",
+    },
+];
+exports.APP_DOWNLOAD = [
+    {
+        Name: "App Store",
+        Image: "https://homepage.momocdn.net/img/momo-upload-api-210724113855-637627235353131497.jpg",
+        Link: "https://itunes.apple.com/vn/app/id918751511?utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong",
+    },
+    {
+        Name: "Google Play",
+        Image: "https://homepage.momocdn.net/img/momo-upload-api-210724113959-637627235994410679.jpg",
+        Link: "https://play.google.com/store/apps/details?id=com.mservice.momotransfer&utm_source=website-momo&utm_medium=download&utm_campaign=momo-1dong",
+    },
+];
+exports.SERVICES_DEFAULT = [
+    {
+        Name: "Vé xem phim",
+        Href: "/cinema",
+        Image: "https://homepage.momocdn.net/fileuploads/svg/momo-file-230629144722.svg",
+    },
+    {
+        Name: "Bảo hiểm Ô tô",
+        Href: "/bao-hiem-o-to/vat-chat",
+        Image: "https://homepage.momocdn.net/fileuploads/svg/momo-file-230629144844.svg",
+    },
+    {
+        Name: "Vé máy bay",
+        Href: "/ve-may-bay",
+        Image: "https://homepage.momocdn.net/fileuploads/svg/momo-file-201210145350.svg",
+    },
+    {
+        Name: "Khách sạn",
+        Href: "/khach-san-theo-gio",
+        Image: "https://homepage.momocdn.net/fileuploads/svg/momo-file-210315154805.svg",
+    },
+    {
+        Name: "Ví nhân ái",
+        Href: "/vi-nhan-ai",
+        Image: "https://homepage.momocdn.net/img/momo-upload-api-231214222240-638381893608141712.png",
+    },
+    {
+        Name: "Túi thần tài",
+        Href: "/tui-than-tai",
+        Image: "https://homepage.momocdn.net/fileuploads/svg/momo-file-210716153611.svg",
+    },
+    {
+        Name: "Ví trả sau",
+        Href: "/vi-tra-sau",
+        Image: "https://homepage.momocdn.net/img/momo-upload-api-230629144414-638236466540028217.png",
+    },
+    {
+        Name: "Vay nhanh",
+        Href: "/vay-nhanh",
+        Image: "https://homepage.momocdn.net/img/momo-upload-api-230418101312-638174095928506551.png",
+    },
+];
+exports.SERVICES_PAGE = [
+    {
+        Name: "Vé xem phim",
+        Href: "/cinema",
+        Image: "https://homepage.momocdn.net/fileuploads/svg/momo-file-230629144722.svg",
+    },
+    {
+        Name: "Bảo hiểm Ô tô",
+        Href: "/bao-hiem-o-to/vat-chat",
+        Image: "https://homepage.momocdn.net/fileuploads/svg/momo-file-230629144844.svg",
+    },
+    {
+        Name: "Vé máy bay",
+        Href: "/ve-may-bay",
+        Image: "https://homepage.momocdn.net/fileuploads/svg/momo-file-201210145350.svg",
+    },
+    {
+        Name: "Khách sạn",
+        Href: "/khach-san-theo-gio",
+        Image: "https://homepage.momocdn.net/fileuploads/svg/momo-file-210315154805.svg",
+    },
+    {
+        Name: "Ví nhân ái",
+        Href: "/vi-nhan-ai",
+        Image: "https://homepage.momocdn.net/img/momo-upload-api-231214222240-638381893608141712.png",
+    },
+    {
+        Name: "Vay nhanh",
+        Href: "/vay-nhanh",
+        Image: "https://homepage.momocdn.net/img/momo-upload-api-230418101312-638174095928506551.png",
+    },
+];
+exports.MOMO_TEXT = {
+    Business: {
+        Phome: "1900636652",
+        Phome_Format: "1900 636 652 (Phí 1.000đ/phút)",
+        Email: "merchant.care@momo.vn",
+    },
+    Support: {
+        Hotline: "1900545441",
+        Hotline_Format: "1900 5454 41",
+        Phone_Ext_1: "02873065555",
+        Phone_Ext_1_Format: "028.7306.5555",
+        Phone_Ext_2: "02899995555",
+        Phone_Ext_2_Format: "028.9999.5555",
+        Email: "hotro@momo.vn",
+    },
+};
+exports.FROM_TYPE_FOOTER_MENU = "nav_footer";

package/publish/cjs/helpers/utils.js

@@ -1,9 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.cn = void 0;
+exports.addQueryToLink = exports.cn = void 0;
 const clsx_1 = require("clsx");
 const tailwind_merge_1 = require("tailwind-merge");
+const constants_1 = require("../helpers/constants");
 function cn(...inputs) {
     return (0, tailwind_merge_1.twMerge)((0, clsx_1.clsx)(inputs));
 }
 exports.cn = cn;
+const addQueryToLink = ({ link, query = {} }) => {
+    if (!link)
+        return "";
+    const url = new URL(link, constants_1.NEXT_PUBLIC_REACT_APP_FRONT_END || "");
+    const searchParams = new URLSearchParams(url.search);
+    Object.entries(query).forEach(([key, value]) => {
+        if (value)
+            searchParams.append(key, value);
+    });
+    url.search = searchParams.toString();
+    return url.toString();
+};
+exports.addQueryToLink = addQueryToLink;

package/publish/cjs/index.js

@@ -18,6 +18,7 @@ __exportStar(require("./components/Accordion"), exports);
 __exportStar(require("./components/Breadcrumb"), exports);
 __exportStar(require("./components/Button"), exports);
 __exportStar(require("./components/Checkbox"), exports);
+__exportStar(require("./components/Dialog"), exports);
 __exportStar(require("./components/AlertDialog"), exports);
 __exportStar(require("./components/IconButton"), exports);
 __exportStar(require("./components/Pagination"), exports);
@@ -30,4 +31,7 @@ __exportStar(require("./components/Select"), exports);
 __exportStar(require("./components/NavigationMenu"), exports);
 __exportStar(require("./components/Switch"), exports);
 __exportStar(require("./components/RadioGroup"), exports);
+__exportStar(require("./components/Header"), exports);
+__exportStar(require("./components/Footer"), exports);
+__exportStar(require("./components/Card"), exports);
 __exportStar(require("./mobase-tw-plugin"), exports);

package/publish/cjs/mobase-tw-plugin/plugin.js

@@ -82,7 +82,20 @@ const resolveConfig = (prefix) => {
 const mobaseTW = () => {
     const prefix = "mobase";
     const resolved = resolveConfig(prefix);
-    return (0, plugin_js_1.default)(({ addBase, addUtilities }) => {
+    return (0, plugin_js_1.default)(({ addBase, addUtilities, addComponents }) => {
+        addComponents({
+            ".wrapper": {
+                maxWidth: "72rem",
+                paddingLeft: "1.25rem",
+                paddingRight: "1.25rem",
+                marginLeft: "auto",
+                marginRight: "auto",
+                "@media (min-width: 768px)": {
+                    paddingLeft: "2rem",
+                    paddingRight: "2rem",
+                },
+            },
+        });
         addBase({
             ":root": {
                 "font-smooth--webkit": "antialiased",
@@ -97,6 +110,37 @@ const mobaseTW = () => {
     // Extend the Tailwind config
     {
         theme: {
+            container: {
+                center: true,
+            },
+            screens: {
+                sm: "640px",
+                md: "768px",
+                lg: "1024px",
+                xl: "1280px",
+                "2xl": "1536px",
+            },
+            aspectRatio: {
+                auto: "auto",
+                square: "1 / 1",
+                video: "16 / 9",
+                1: "1",
+                2: "2",
+                3: "3",
+                4: "4",
+                5: "5",
+                6: "6",
+                7: "7",
+                8: "8",
+                9: "9",
+                10: "10",
+                11: "11",
+                12: "12",
+                13: "13",
+                14: "14",
+                15: "15",
+                16: "16",
+            },
             extend: {
                 fontFamily: {
                     sans: [
@@ -141,6 +185,15 @@ const mobaseTW = () => {
                     ...(0, theme_1.createSpacingUnits)(prefix),
                 },
                 ...animations_1.animations,
+                keyframes: {
+                    'fade-in': {
+                        '0%': { opacity: "0" },
+                        '100%': { opacity: "1" },
+                    },
+                },
+                animation: {
+                    'fade-in': 'fade-in 250ms cubic-bezier(0.25, 0.46, 0.45, 0.94) both',
+                },
             },
         },
     });