ui-landing-page 6.1.0

package/package.json

@@ -0,0 +1,306 @@
+{
+  "name": "ui-landing-page",
+  "version": "6.1.0",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": [
+    "*.css",
+    "index.ts"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json",
+    "./section-full-screen": {
+      "types": "./dist/section-full-screen.d.ts",
+      "import": "./dist/section-full-screen.js",
+      "require": "./dist/section-full-screen.cjs"
+    },
+    "./advance-profile-section": {
+      "types": "./dist/advance-profile-section.d.ts",
+      "import": "./dist/advance-profile-section.js",
+      "require": "./dist/advance-profile-section.cjs"
+    },
+    "./author-section": {
+      "types": "./dist/author-section.d.ts",
+      "import": "./dist/author-section.js",
+      "require": "./dist/author-section.cjs"
+    },
+    "./b-e-d-i-page-section": {
+      "types": "./dist/b-e-d-i-page-section.d.ts",
+      "import": "./dist/b-e-d-i-page-section.js",
+      "require": "./dist/b-e-d-i-page-section.cjs"
+    },
+    "./bao-ngay-nay2025-section": {
+      "types": "./dist/bao-ngay-nay2025-section.d.ts",
+      "import": "./dist/bao-ngay-nay2025-section.js",
+      "require": "./dist/bao-ngay-nay2025-section.cjs"
+    },
+    "./biz-card-profile-section": {
+      "types": "./dist/biz-card-profile-section.d.ts",
+      "import": "./dist/biz-card-profile-section.js",
+      "require": "./dist/biz-card-profile-section.cjs"
+    },
+    "./book-section": {
+      "types": "./dist/book-section.d.ts",
+      "import": "./dist/book-section.js",
+      "require": "./dist/book-section.cjs"
+    },
+    "./business-card-section": {
+      "types": "./dist/business-card-section.d.ts",
+      "import": "./dist/business-card-section.js",
+      "require": "./dist/business-card-section.cjs"
+    },
+    "./christmas": {
+      "types": "./dist/christmas.d.ts",
+      "import": "./dist/christmas.js",
+      "require": "./dist/christmas.cjs"
+    },
+    "./contact-section": {
+      "types": "./dist/contact-section.d.ts",
+      "import": "./dist/contact-section.js",
+      "require": "./dist/contact-section.cjs"
+    },
+    "./cover-setion": {
+      "types": "./dist/cover-setion.d.ts",
+      "import": "./dist/cover-setion.js",
+      "require": "./dist/cover-setion.cjs"
+    },
+    "./gift-avatar-section": {
+      "types": "./dist/gift-avatar-section.d.ts",
+      "import": "./dist/gift-avatar-section.js",
+      "require": "./dist/gift-avatar-section.cjs"
+    },
+    "./header-section": {
+      "types": "./dist/header-section.d.ts",
+      "import": "./dist/header-section.js",
+      "require": "./dist/header-section.cjs"
+    },
+    "./hesman-cert-section": {
+      "types": "./dist/hesman-cert-section.d.ts",
+      "import": "./dist/hesman-cert-section.js",
+      "require": "./dist/hesman-cert-section.cjs"
+    },
+    "./hesman-greeting-section": {
+      "types": "./dist/hesman-greeting-section.d.ts",
+      "import": "./dist/hesman-greeting-section.js",
+      "require": "./dist/hesman-greeting-section.cjs"
+    },
+    "./hesman-metaverse-section": {
+      "types": "./dist/hesman-metaverse-section.d.ts",
+      "import": "./dist/hesman-metaverse-section.js",
+      "require": "./dist/hesman-metaverse-section.cjs"
+    },
+    "./hesman-puzzle-section": {
+      "types": "./dist/hesman-puzzle-section.d.ts",
+      "import": "./dist/hesman-puzzle-section.js",
+      "require": "./dist/hesman-puzzle-section.cjs"
+    },
+    "./hesman-thankyou-section": {
+      "types": "./dist/hesman-thankyou-section.d.ts",
+      "import": "./dist/hesman-thankyou-section.js",
+      "require": "./dist/hesman-thankyou-section.cjs"
+    },
+    "./hesman-video-section": {
+      "types": "./dist/hesman-video-section.d.ts",
+      "import": "./dist/hesman-video-section.js",
+      "require": "./dist/hesman-video-section.cjs"
+    },
+    "./home-section": {
+      "types": "./dist/home-section.d.ts",
+      "import": "./dist/home-section.js",
+      "require": "./dist/home-section.cjs"
+    },
+    "./horizontal-book-image-section": {
+      "types": "./dist/horizontal-book-image-section.d.ts",
+      "import": "./dist/horizontal-book-image-section.js",
+      "require": "./dist/horizontal-book-image-section.cjs"
+    },
+    "./horizontal-image-list-section": {
+      "types": "./dist/horizontal-image-list-section.d.ts",
+      "import": "./dist/horizontal-image-list-section.js",
+      "require": "./dist/horizontal-image-list-section.cjs"
+    },
+    "./image-padding-section": {
+      "types": "./dist/image-padding-section.d.ts",
+      "import": "./dist/image-padding-section.js",
+      "require": "./dist/image-padding-section.cjs"
+    },
+    "./image-text-array-section": {
+      "types": "./dist/image-text-array-section.d.ts",
+      "import": "./dist/image-text-array-section.js",
+      "require": "./dist/image-text-array-section.cjs"
+    },
+    "./image-text-section": {
+      "types": "./dist/image-text-section.d.ts",
+      "import": "./dist/image-text-section.js",
+      "require": "./dist/image-text-section.cjs"
+    },
+    "./khaocoky": {
+      "types": "./dist/khaocoky.d.ts",
+      "import": "./dist/khaocoky.js",
+      "require": "./dist/khaocoky.cjs"
+    },
+    "./khaocokyv2": {
+      "types": "./dist/khaocokyv2.d.ts",
+      "import": "./dist/khaocokyv2.js",
+      "require": "./dist/khaocokyv2.cjs"
+    },
+    "./letter-section": {
+      "types": "./dist/letter-section.d.ts",
+      "import": "./dist/letter-section.js",
+      "require": "./dist/letter-section.cjs"
+    },
+    "./lexical-letter-section": {
+      "types": "./dist/lexical-letter-section.d.ts",
+      "import": "./dist/lexical-letter-section.js",
+      "require": "./dist/lexical-letter-section.cjs"
+    },
+    "./metaverse-section": {
+      "types": "./dist/metaverse-section.d.ts",
+      "import": "./dist/metaverse-section.js",
+      "require": "./dist/metaverse-section.cjs"
+    },
+    "./navigation-section": {
+      "types": "./dist/navigation-section.d.ts",
+      "import": "./dist/navigation-section.js",
+      "require": "./dist/navigation-section.cjs"
+    },
+    "./nguyen-kim-lucky-voucher": {
+      "types": "./dist/nguyen-kim-lucky-voucher.d.ts",
+      "import": "./dist/nguyen-kim-lucky-voucher.js",
+      "require": "./dist/nguyen-kim-lucky-voucher.cjs"
+    },
+    "./pet-profile-section": {
+      "types": "./dist/pet-profile-section.d.ts",
+      "import": "./dist/pet-profile-section.js",
+      "require": "./dist/pet-profile-section.cjs"
+    },
+    "./profile-section": {
+      "types": "./dist/profile-section.d.ts",
+      "import": "./dist/profile-section.js",
+      "require": "./dist/profile-section.cjs"
+    },
+    "./qua-tang-quoc-hoi": {
+      "types": "./dist/qua-tang-quoc-hoi.d.ts",
+      "import": "./dist/qua-tang-quoc-hoi.js",
+      "require": "./dist/qua-tang-quoc-hoi.cjs"
+    },
+    "./quiz-section": {
+      "types": "./dist/quiz-section.d.ts",
+      "import": "./dist/quiz-section.js",
+      "require": "./dist/quiz-section.cjs"
+    },
+    "./tet-cover-section1": {
+      "types": "./dist/tet-cover-section1.d.ts",
+      "import": "./dist/tet-cover-section1.js",
+      "require": "./dist/tet-cover-section1.cjs"
+    },
+    "./tet-cover-section2": {
+      "types": "./dist/tet-cover-section2.d.ts",
+      "import": "./dist/tet-cover-section2.js",
+      "require": "./dist/tet-cover-section2.cjs"
+    },
+    "./tet-lucky-money-section": {
+      "types": "./dist/tet-lucky-money-section.d.ts",
+      "import": "./dist/tet-lucky-money-section.js",
+      "require": "./dist/tet-lucky-money-section.cjs"
+    },
+    "./tet-lucky-money-section2": {
+      "types": "./dist/tet-lucky-money-section2.d.ts",
+      "import": "./dist/tet-lucky-money-section2.js",
+      "require": "./dist/tet-lucky-money-section2.cjs"
+    },
+    "./valentine": {
+      "types": "./dist/valentine.d.ts",
+      "import": "./dist/valentine.js",
+      "require": "./dist/valentine.cjs"
+    },
+    "./vertical-carousel-section": {
+      "types": "./dist/vertical-carousel-section.d.ts",
+      "import": "./dist/vertical-carousel-section.js",
+      "require": "./dist/vertical-carousel-section.cjs"
+    },
+    "./video-intro-section": {
+      "types": "./dist/video-intro-section.d.ts",
+      "import": "./dist/video-intro-section.js",
+      "require": "./dist/video-intro-section.cjs"
+    },
+    "./woman-day": {
+      "types": "./dist/woman-day.d.ts",
+      "import": "./dist/woman-day.js",
+      "require": "./dist/woman-day.cjs"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "prepublishOnly": "bun run build",
+    "version": "npm publish"
+  },
+  "dependencies": {
+    "@radix-ui/react-dialog": "^1.0.5",
+    "clsx": "latest",
+    "dayjs": "^1.11.7",
+    "draftjs-to-html": "^0.9.1",
+    "html-react-parser": "^5.1.10",
+    "html2canvas-pro": "^1.5.8",
+    "react-clamp-lines": "^3.0.3",
+    "tailwind-merge": "^2.2.1"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.2.25",
+    "@storybook/addon-essentials": "^8.0.2",
+    "@storybook/addon-interactions": "^8.0.2",
+    "@storybook/addon-links": "^8.0.2",
+    "@storybook/addon-onboarding": "^8.0.2",
+    "@storybook/addon-themes": "^8.0.2",
+    "@storybook/blocks": "^8.0.2",
+    "@storybook/react": "^8.0.2",
+    "@storybook/react-vite": "^8.0.2",
+    "@storybook/test": "^8.0.2",
+    "@types/draftjs-to-html": "^0.8.4",
+    "@types/lodash": "^4.17.0",
+    "@types/lodash-es": "^4.17.12",
+    "@types/react": "19.1.8",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.54.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-tailwind": "^0.2.1",
+    "postcss": "^8.4.31",
+    "prettier": "^3.1.0",
+    "rollup-plugin-visualizer": "^6.0.5",
+    "storybook": "^8.0.2",
+    "storybook-react-context": "^0.6.0",
+    "tailwindcss": "^3.4.1",
+    "tailwindcss-animate": "^1.0.7",
+    "tsup": "^8.0.1",
+    "typescript": "^5.3.2"
+  },
+  "peerDependencies": {
+    "react": ">=18.2",
+    "react-dom": ">=18.2",
+    "antd": "^5.0.0",
+    "primereact": "^10.0.0",
+    "@phygitallabs/core-ui": "latest",
+    "framer-motion": "^11.0.0",
+    "swiper": "^9.0.0",
+    "@phosphor-icons/react": "^2.0.0",
+    "lucide-react": "^0.200.0",
+    "@phygitallabs/helpers": "latest",
+    "lodash-es": "^4.17.0"
+  }
+}

package/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/regenerate-entries-direct.cjs

@@ -0,0 +1,60 @@
+const fs = require('fs');
+const path = require('path');
+
+// Map each entry to its DIRECT import path (not through organisms/index)
+const entryDirectImports = {
+  'advance-profile-section': "export { default as AdvanceProfileSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/AdvanceProfileSection';",
+  'author-section': "export { default as AuthorSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/AuthorSection';",
+  'b-e-d-i-page-section': "export { default as BEDIPageSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/BEDIPageSection';\nexport { BEDIMenuOrder } from '../src/components/LandingPage/common/ui-kit/organisms/BEDIPageSection/constants';",
+  'bao-ngay-nay2025-section': "export { default as BaoNgayNay2025SectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/BaoNgayNay2025Section';",
+  'biz-card-profile-section': "export { default as BizCardProfileSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/BizCardProfileSection';",
+  'book-section': "export { BookCoverSectionUI, BookSectionUI, NgheLetterSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/BookSection';",
+  'business-card-section': "export { default as BusinessCardSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/BusinessCardSection';",
+  'christmas': "export { Christmas1HomeSectionUI, Christmas1LetterSectionUI, Christmas1GreetingSectionUI, Christmas2HomeSectionUI, Christmas2GreetingSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/Christmas';",
+  'contact-section': "export { default as ContactSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/ContactSection';",
+  'cover-setion': "export { default as CoverSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/CoverSetion';",
+  'gift-avatar-section': "export { default as GiftAvatarSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/GiftAvatarSection';",
+  'header-section': "export { default as HeaderSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/HeaderSection/HeaderSection';",
+  'hesman-cert-section': "export { default as HesmanCertSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/HesmanCertSection';",
+  'hesman-greeting-section': "export { default as HesmanGreetingSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/HesmanGreetingSection';",
+  'hesman-metaverse-section': "export { default as HesmanMetaverseSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/HesmanMetaverseSection';",
+  'hesman-puzzle-section': "export { default as HesmanPuzzleSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/HesmanPuzzleSection';",
+  'hesman-thankyou-section': "export { default as HesmanThankyouSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/HesmanThankyouSection';",
+  'hesman-video-section': "export { default as HesmanVideoSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/HesmanVideoSection';",
+  'home-section': "export { HomeNewspaperSectionUI, HomeSectionUI, HomeSouvenirSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/HomeSection';",
+  'horizontal-book-image-section': "export { default as HorizontalBookImageSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/HorizontalBookImageSection';",
+  'horizontal-image-list-section': "export { default as HorizontalImageListSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/HorizontalImageListSection';",
+  'image-padding-section': "export { default as ImagePaddingSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/ImagePaddingSection';",
+  'image-text-array-section': "export { default as ImageTextArraySectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/ImageTextArraySection';",
+  'image-text-section': "export { default as ImageTextSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/ImageTextSection';",
+  'khaocoky': "export { KhaoCoKyCompareSectionUI, KhaoCoKyContactSectionUI, KhaoCoKyHomeSectionUI, KhaoCoKyImageTextSectionUI, KhaoCoKyCarouselSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/khaocoky';",
+  'khaocokyv2': "export { KhaoCoKyHome, KhaoCoKyImageText, KhaoCoKyMemories, KhaoCoKyListImageText } from '../src/components/LandingPage/common/ui-kit/organisms/khaocokyv2';",
+  'letter-section': "export { default as LetterSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/LetterSection';",
+  'lexical-letter-section': "export { AudioLexicalLetterSectionUI, LexicalLetterSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/LexicalLetterSection';",
+  'metaverse-section': "export { default as MetaverseSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/MetaverseSection';",
+  'navigation-section': "export { default as NavigationSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/NavigationSection';\nexport { MY_TAM_FORM_KEY } from '../src/components/LandingPage/common/ui-kit/organisms/NavigationSection/ModalWelcomeInput';",
+  'nguyen-kim-lucky-voucher': "export { default as NguyenKimLuckyVoucher } from '../src/components/LandingPage/common/ui-kit/organisms/NguyenKimLuckyVoucher';",
+  'pet-profile-section': "export { default as PetProfileSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/PetProfileSection';",
+  'profile-section': "export { default as ProfileSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/ProfileSection';",
+  'qua-tang-quoc-hoi': "export { InforSection, QuaTangQuocHoiSection } from '../src/components/LandingPage/common/ui-kit/organisms/QuaTangQuocHoi';",
+  'quiz-section': "export { default as QuizSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/QuizSection';",
+  'tet-cover-section1': "export { default as TetCoverSection1 } from '../src/components/LandingPage/common/ui-kit/organisms/TetCoverSection1';",
+  'tet-cover-section2': "export { default as TetCoverSection2 } from '../src/components/LandingPage/common/ui-kit/organisms/TetCoverSection2';",
+  'tet-lucky-money-section': "export { LuckyMoneySection, LuckyMoneySectionAdvance } from '../src/components/LandingPage/common/ui-kit/organisms/TetLuckyMoneySection';",
+  'tet-lucky-money-section2': "export { LuckyMoneySection2, LuckyMoneySection2Advance } from '../src/components/LandingPage/common/ui-kit/organisms/TetLuckyMoneySection2';",
+  'valentine': "export { ValentineHomeSectionUI, ValentineLetterSectionUI, ValentineGreetingSectionUI, ValentineTheFaceShopHomeSectionUI, ValentineTheFaceShopLetterSectionUI, ValentineTheFaceShopGreetingSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/Valentine';",
+  'vertical-carousel-section': "export { default as VerticalCarouselSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/VerticalCarouselSection';",
+  'video-intro-section': "export { default as VideoIntroSectionUI } from '../src/components/LandingPage/common/ui-kit/organisms/VideoIntroSection';",
+  'woman-day': "export { WomanHomeSection, WomanLetterSection, WomanGreetingSection } from '../src/components/LandingPage/common/ui-kit/organisms/WomanDay';"
+};
+
+const entriesDir = path.join(__dirname, 'entries');
+
+Object.entries(entryDirectImports).forEach(([entryName, content]) => {
+  const filePath = path.join(entriesDir, `${entryName}.ts`);
+  fs.writeFileSync(filePath, content + '\n');
+  console.log(`Updated ${entryName}.ts with direct import`);
+});
+
+console.log('\nAll entry files regenerated with DIRECT imports');
+console.log('This should create separate chunks instead of one shared chunk!');

package/regenerate-entries.cjs

@@ -0,0 +1,60 @@
+const fs = require('fs');
+const path = require('path');
+
+// Mapping of entry point names to what they should export from organisms/index
+const entryExportsMap = {
+  'advance-profile-section': '{ AdvanceProfileSectionUI }',
+  'author-section': '{ AuthorSectionUI }',
+  'b-e-d-i-page-section': '{ BEDIPageSectionUI, BEDIMenuOrder }',
+  'bao-ngay-nay2025-section': '{ BaoNgayNay2025SectionUI }',
+  'biz-card-profile-section': '{ BizCardProfileSectionUI }',
+  'book-section': '{ BookCoverSectionUI, BookSectionUI, NgheLetterSectionUI }',
+  'business-card-section': '{ BusinessCardSectionUI }',
+  'christmas': '{ Christmas1HomeSectionUI, Christmas1LetterSectionUI, Christmas1GreetingSectionUI, Christmas2HomeSectionUI, Christmas2GreetingSectionUI }',
+  'contact-section': '{ ContactSectionUI }',
+  'cover-setion': '{ CoverSectionUI }',
+  'gift-avatar-section': '{ GiftAvatarSectionUI }',
+  'header-section': '{ HeaderSectionUI }',
+  'hesman-cert-section': '{ HesmanCertSectionUI }',
+  'hesman-greeting-section': '{ HesmanGreetingSectionUI }',
+  'hesman-metaverse-section': '{ HesmanMetaverseSectionUI }',
+  'hesman-puzzle-section': '{ HesmanPuzzleSectionUI }',
+  'hesman-thankyou-section': '{ HesmanThankyouSectionUI }',
+  'hesman-video-section': '{ HesmanVideoSectionUI }',
+  'home-section': '{ HomeNewspaperSectionUI, HomeSectionUI, HomeSouvenirSectionUI }',
+  'horizontal-book-image-section': '{ HorizontalBookImageSectionUI }',
+  'horizontal-image-list-section': '{ HorizontalImageListSectionUI }',
+  'image-padding-section': '{ ImagePaddingSectionUI }',
+  'image-text-array-section': '{ ImageTextArraySectionUI }',
+  'image-text-section': '{ ImageTextSectionUI }',
+  'khaocoky': '{ KhaoCoKyCompareSectionUI, KhaoCoKyContactSectionUI, KhaoCoKyHomeSectionUI, KhaoCoKyImageTextSectionUI, KhaoCoKyCarouselSectionUI }',
+  'khaocokyv2': '{ KhaoCoKyHome, KhaoCoKyImageText, KhaoCoKyMemories, KhaoCoKyListImageText }',
+  'letter-section': '{ LetterSectionUI }',
+  'lexical-letter-section': '{ AudioLexicalLetterSectionUI, LexicalLetterSectionUI }',
+  'metaverse-section': '{ MetaverseSectionUI }',
+  'navigation-section': '{ NavigationSectionUI, MY_TAM_FORM_KEY }',
+  'nguyen-kim-lucky-voucher': '{ NguyenKimLuckyVoucher }',
+  'pet-profile-section': '{ PetProfileSectionUI }',
+  'profile-section': '{ ProfileSectionUI }',
+  'qua-tang-quoc-hoi': '{ InforSection, QuaTangQuocHoiSection }',
+  'quiz-section': '{ QuizSectionUI }',
+  'tet-cover-section1': '{ TetCoverSection1 }',
+  'tet-cover-section2': '{ TetCoverSection2 }',
+  'tet-lucky-money-section': '{ LuckyMoneySection, LuckyMoneySectionAdvance }',
+  'tet-lucky-money-section2': '{ LuckyMoneySection2, LuckyMoneySection2Advance }',
+  'valentine': '{ ValentineHomeSectionUI, ValentineLetterSectionUI, ValentineGreetingSectionUI, ValentineTheFaceShopHomeSectionUI, ValentineTheFaceShopLetterSectionUI, ValentineTheFaceShopGreetingSectionUI }',
+  'vertical-carousel-section': '{ VerticalCarouselSectionUI }',
+  'video-intro-section': '{ VideoIntroSectionUI }',
+  'woman-day': '{ WomanHomeSection, WomanLetterSection, WomanGreetingSection }'
+};
+
+const entriesDir = path.join(__dirname, 'entries');
+
+Object.entries(entryExportsMap).forEach(([entryName, exports]) => {
+  const filePath = path.join(entriesDir, `${entryName}.ts`);
+  const content = `export ${exports} from '../src/components/LandingPage/common/ui-kit/organisms';\n`;
+  fs.writeFileSync(filePath, content);
+  console.log(`Updated ${entryName}.ts`);
+});
+
+console.log('All entry files regenerated');

package/src/components/LandingPage/common/3DModel/ThreeModalTongla.tsx

@@ -0,0 +1,114 @@
+// @ts-nocheck
+import { useEffect, useRef, useState } from "react";
+
+interface ThreeModelProps {
+  asset3DUrl: string;
+  showArButton?: boolean;
+  isHidden?: boolean;
+}
+
+const ThreeModelViewerTongla = ({
+  asset3DUrl,
+  showArButton,
+  isHidden = false,
+}: ThreeModelProps) => {
+  // const os = detectMobileOperatingSystem();
+  const modelViewerRef = useRef(null);
+  const [angleDegrees, setAngleDegrees] = useState(0);
+
+  const [radiants, setRadiants] = useState(0);
+  const [turntableRotation, setTurntableRotation] = useState(0);
+
+  useEffect(() => {
+    if (modelViewerRef.current && !isHidden) {
+      const modelViewer = modelViewerRef.current;
+
+      const handleCameraChange = (event: any) => {
+        const orbit = modelViewer.getCameraOrbit();
+        const angleInRadians = orbit.theta; // Theta is the horizontal rotation angle in radians
+        if (event?.detail?.source === "user-interaction") {
+          let angleInDegrees = ((angleInRadians * 180) / Math.PI) % 360;
+          if (angleInDegrees > 180) {
+            angleInDegrees -= 360;
+          } else if (angleInDegrees < -180) {
+            angleInDegrees += 360;
+          }
+
+          setRadiants(-orbit.theta);
+        }
+      };
+
+      modelViewer.addEventListener("camera-change", handleCameraChange);
+
+      return () => {
+        modelViewer.removeEventListener("camera-change", handleCameraChange);
+      };
+    }
+  }, [modelViewerRef.current, isHidden]);
+
+  useEffect(() => {
+    const total = radiants + turntableRotation;
+
+    let angleInDegrees = ((total * 180) / Math.PI) % 360;
+    if (angleInDegrees > 180) {
+      angleInDegrees -= 360;
+    } else if (angleInDegrees < -180) {
+      angleInDegrees += 360;
+    }
+    setAngleDegrees(angleInDegrees);
+  }, [radiants, turntableRotation]);
+
+  useEffect(() => {
+    const interval = setInterval(() => {
+      if (modelViewerRef.current) {
+        setTurntableRotation(modelViewerRef.current.turntableRotation);
+      }
+    }, 100);
+
+    return () => clearInterval(interval);
+  }, []);
+
+  if (isHidden) return;
+  // if (os === OS.Android) {
+  //   return <ThreeModel assetUrl={asset3DUrl} />;
+  // }
+
+  if (typeof window === "undefined") {
+    return null;
+  }
+
+  const isFront = (angle: number): boolean => {
+    return -90 < angle && angle < 90;
+  };
+
+  return (
+    <div className="flex h-full w-full flex-col pt-5 items-center">
+      <div className="rounded border border-neutral-6 px-2 text-sm">
+        <span className="text-neutral-6">
+          {isFront(angleDegrees) ? "Mặt trước" : "Mặt sau"}
+        </span>
+      </div>
+      <div className="h-4/5 w-full">
+        <model-viewer
+          {...(showArButton && { ar: true })}
+          id="model-viewer"
+          ar-scale="fixed"
+          auto-rotate
+          auto-rotate-delay={1000}
+          camera-controls
+          src={asset3DUrl}
+          alt="3D model"
+          disable-pan
+          disable-tap
+          camera-orbit="0deg 90deg auto"
+          min-camera-orbit="auto 90deg auto"
+          max-camera-orbit="auto 90deg auto"
+          ref={(ref) => {
+            modelViewerRef.current = ref;
+          }}></model-viewer>
+      </div>
+    </div>
+  );
+};
+
+export default ThreeModelViewerTongla;