@alphasquad/saleor-template-advance 0.1.0

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 (441) hide show
  1. package/.env.example +57 -0
  2. package/APPLE_PAY_QUICK_START.md +165 -0
  3. package/APPLE_PAY_SETUP.md +331 -0
  4. package/README.md +46 -0
  5. package/SEO_AUDIT_CHECKLIST_STATUS.md +244 -0
  6. package/SEO_AUDIT_REPORT.md +66 -0
  7. package/eslint.config.mjs +16 -0
  8. package/next-env.d.ts +5 -0
  9. package/next.config.ts +109 -0
  10. package/package.json +47 -0
  11. package/postcss.config.mjs +5 -0
  12. package/public/.well-known/apple-developer-merchantid-domain-association +1 -0
  13. package/public/Logo.png +0 -0
  14. package/public/brand-video.mp4 +0 -0
  15. package/public/favicon.ico +0 -0
  16. package/public/file.svg +1 -0
  17. package/public/footer/facebook.tsx +34 -0
  18. package/public/footer/instagram.tsx +27 -0
  19. package/public/footer/mail.tsx +5 -0
  20. package/public/footer/x.tsx +35 -0
  21. package/public/globe.svg +1 -0
  22. package/public/icons/Authorize.net.webp +0 -0
  23. package/public/icons/amex.gif +0 -0
  24. package/public/icons/appIcon.png +0 -0
  25. package/public/icons/discover.gif +0 -0
  26. package/public/icons/master.gif +0 -0
  27. package/public/icons/paypal.png +0 -0
  28. package/public/icons/stripe.png +0 -0
  29. package/public/icons/visa.gif +0 -0
  30. package/public/images/BackgroundNoise.png +0 -0
  31. package/public/images/footer-background.png +0 -0
  32. package/public/next.svg +1 -0
  33. package/public/no-image-avail-large.png +0 -0
  34. package/public/random-car-1.jpeg +0 -0
  35. package/public/random-car-2.png +0 -0
  36. package/public/random-car-3.jpg +0 -0
  37. package/public/random-car-4.jpg +0 -0
  38. package/public/random-car-5.jpg +0 -0
  39. package/public/star.svg +3 -0
  40. package/public/vercel.svg +1 -0
  41. package/public/window.svg +1 -0
  42. package/scripts/seo-audit/generate-checklist.mjs +156 -0
  43. package/src/app/(auth)/account/forgot-password/layout.tsx +16 -0
  44. package/src/app/(auth)/account/forgot-password/page.tsx +135 -0
  45. package/src/app/(auth)/account/login/layout.tsx +16 -0
  46. package/src/app/(auth)/account/login/page.tsx +288 -0
  47. package/src/app/(auth)/account/otp/layout.tsx +16 -0
  48. package/src/app/(auth)/account/otp/page.tsx +108 -0
  49. package/src/app/(auth)/account/register/layout.tsx +16 -0
  50. package/src/app/(auth)/account/register/page.tsx +431 -0
  51. package/src/app/(auth)/account/reset-password/layout.tsx +16 -0
  52. package/src/app/(auth)/account/reset-password/page.tsx +222 -0
  53. package/src/app/[slug]/page.tsx +43 -0
  54. package/src/app/about/loading.tsx +17 -0
  55. package/src/app/about/page.tsx +61 -0
  56. package/src/app/account/address/layout.tsx +15 -0
  57. package/src/app/account/address/page.tsx +166 -0
  58. package/src/app/account/head.tsx +4 -0
  59. package/src/app/account/layout.tsx +62 -0
  60. package/src/app/account/orders/[id]/layout.tsx +17 -0
  61. package/src/app/account/orders/[id]/page.tsx +115 -0
  62. package/src/app/account/orders/components/orderDetailsModal.tsx +410 -0
  63. package/src/app/account/orders/layout.tsx +15 -0
  64. package/src/app/account/orders/page.tsx +146 -0
  65. package/src/app/account/page.tsx +39 -0
  66. package/src/app/account/settings/components/editProfileSuccessModal.tsx +28 -0
  67. package/src/app/account/settings/layout.tsx +15 -0
  68. package/src/app/account/settings/page.tsx +260 -0
  69. package/src/app/api/affirm/check-status/route.ts +94 -0
  70. package/src/app/api/affirm/create-checkout/route.ts +109 -0
  71. package/src/app/api/affirm/get-config/route.ts +108 -0
  72. package/src/app/api/affirm/process-payment/route.ts +244 -0
  73. package/src/app/api/affirm/test-connection/route.ts +45 -0
  74. package/src/app/api/auth/clear/route.ts +16 -0
  75. package/src/app/api/auth/clear-cookies/route.ts +42 -0
  76. package/src/app/api/auth/set/route.ts +47 -0
  77. package/src/app/api/configuration/route.ts +18 -0
  78. package/src/app/api/dynamic-page/[slug]/route.ts +24 -0
  79. package/src/app/api/form-submission/route.ts +237 -0
  80. package/src/app/api/paypal/capture-order/route.ts +303 -0
  81. package/src/app/api/paypal/create-order/route.ts +211 -0
  82. package/src/app/api/paypal/get-config/route.ts +240 -0
  83. package/src/app/api/search-proxy/route.ts +52 -0
  84. package/src/app/authorize-net-success/layout.tsx +19 -0
  85. package/src/app/authorize-net-success/page.tsx +12 -0
  86. package/src/app/authorize-net-success/summary.tsx +486 -0
  87. package/src/app/blog/[slug]/blogContentRenderer.tsx +369 -0
  88. package/src/app/blog/[slug]/layout.tsx +17 -0
  89. package/src/app/blog/[slug]/page.tsx +151 -0
  90. package/src/app/blog/constant.tsx +147 -0
  91. package/src/app/blog/layout.tsx +31 -0
  92. package/src/app/blog/page.tsx +81 -0
  93. package/src/app/brand/[id]/BrandPageClient.tsx +188 -0
  94. package/src/app/brand/[id]/layout.tsx +17 -0
  95. package/src/app/brand/[id]/page.tsx +176 -0
  96. package/src/app/brands/components/brandsListingClient.tsx +97 -0
  97. package/src/app/brands/layout.tsx +31 -0
  98. package/src/app/brands/page.tsx +40 -0
  99. package/src/app/cancellation-policy/page.tsx +53 -0
  100. package/src/app/cart/layout.tsx +19 -0
  101. package/src/app/cart/page.tsx +752 -0
  102. package/src/app/category/[slug]/CategoryPageClient.tsx +377 -0
  103. package/src/app/category/[slug]/layout.tsx +17 -0
  104. package/src/app/category/[slug]/page.tsx +224 -0
  105. package/src/app/category/page.tsx +114 -0
  106. package/src/app/checkout/components/addNewAddressModal.tsx +474 -0
  107. package/src/app/checkout/layout.tsx +19 -0
  108. package/src/app/checkout/page.tsx +3312 -0
  109. package/src/app/components/account/AccountTabs.tsx +40 -0
  110. package/src/app/components/ads/GoogleAdSense.tsx +74 -0
  111. package/src/app/components/analytics/AnalyticsScripts.tsx +78 -0
  112. package/src/app/components/analytics/ConditionalGTMNoscript.tsx +24 -0
  113. package/src/app/components/analytics/ConditionalGoogleAnalytics.tsx +16 -0
  114. package/src/app/components/ancillary/AncillaryContent.tsx +7 -0
  115. package/src/app/components/auth/TokenExpirationHandler.tsx +8 -0
  116. package/src/app/components/blog/BlogList.tsx +112 -0
  117. package/src/app/components/checkout/AddressInformationSection.tsx +34 -0
  118. package/src/app/components/checkout/AddressManagement.tsx +571 -0
  119. package/src/app/components/checkout/CheckoutHeader.tsx +51 -0
  120. package/src/app/components/checkout/CheckoutQuestions.tsx +454 -0
  121. package/src/app/components/checkout/CheckoutTermsModal.tsx +81 -0
  122. package/src/app/components/checkout/ContactDetailsSection.tsx +52 -0
  123. package/src/app/components/checkout/DealerShippingSection.tsx +359 -0
  124. package/src/app/components/checkout/DeliveryMethodSection.tsx +249 -0
  125. package/src/app/components/checkout/OrderSummary.tsx +386 -0
  126. package/src/app/components/checkout/TermsContentRenderer.tsx +147 -0
  127. package/src/app/components/checkout/WillCallSection.tsx +133 -0
  128. package/src/app/components/checkout/affirmPayment.tsx +383 -0
  129. package/src/app/components/checkout/checkoutProcessingModal.tsx +96 -0
  130. package/src/app/components/checkout/googlePayButton.tsx +334 -0
  131. package/src/app/components/checkout/paymentStep.tsx +180 -0
  132. package/src/app/components/checkout/paypalPayment.tsx +1083 -0
  133. package/src/app/components/checkout/saleorNativePayment.tsx +1758 -0
  134. package/src/app/components/dynamicPage/DynamicPageRenderer.tsx +13 -0
  135. package/src/app/components/dynamicPage/HtmlWidgetRenderer.tsx +144 -0
  136. package/src/app/components/filtersCollapsible/index.tsx +365 -0
  137. package/src/app/components/globalSearch/index.tsx +423 -0
  138. package/src/app/components/layout/cartDropDown.tsx +628 -0
  139. package/src/app/components/layout/components/FooterNewsletter.tsx +21 -0
  140. package/src/app/components/layout/footer.tsx +283 -0
  141. package/src/app/components/layout/header/accountMenuDropdown.tsx +53 -0
  142. package/src/app/components/layout/header/components/CartBadge.tsx +18 -0
  143. package/src/app/components/layout/header/components/LoadingState.tsx +17 -0
  144. package/src/app/components/layout/header/components/MenuItemDropdown.tsx +124 -0
  145. package/src/app/components/layout/header/components/MobileNavbar.tsx +123 -0
  146. package/src/app/components/layout/header/components/NavbarActions.tsx +125 -0
  147. package/src/app/components/layout/header/components/NavbarBrand.tsx +29 -0
  148. package/src/app/components/layout/header/components/NavigationLinks.tsx +131 -0
  149. package/src/app/components/layout/header/hamMenuSlide.tsx +318 -0
  150. package/src/app/components/layout/header/header.tsx +44 -0
  151. package/src/app/components/layout/header/hooks/useDropdown.ts +45 -0
  152. package/src/app/components/layout/header/hooks/useNavbarData.ts +138 -0
  153. package/src/app/components/layout/header/hooks/useNavbarState.ts +66 -0
  154. package/src/app/components/layout/header/megaMenuDropdown.tsx +116 -0
  155. package/src/app/components/layout/header/navBar.tsx +121 -0
  156. package/src/app/components/layout/header/search.tsx +418 -0
  157. package/src/app/components/layout/header/styles/navbarStyles.ts +27 -0
  158. package/src/app/components/layout/header/topBar.tsx +214 -0
  159. package/src/app/components/layout/joinNewsletterForm/index.tsx +72 -0
  160. package/src/app/components/layout/mobileAccordian/index.tsx +92 -0
  161. package/src/app/components/layout/paymentMethods.tsx +75 -0
  162. package/src/app/components/layout/rootLayout.tsx +23 -0
  163. package/src/app/components/layout/siteInfo.tsx +103 -0
  164. package/src/app/components/layout/socialLinks.tsx +65 -0
  165. package/src/app/components/newsletterSection/emailListSection.tsx +224 -0
  166. package/src/app/components/newsletterSection/emailSectionServer.tsx +8 -0
  167. package/src/app/components/providers/ApolloWrapper.tsx +12 -0
  168. package/src/app/components/providers/AppConfigurationProvider.tsx +108 -0
  169. package/src/app/components/providers/GoogleAnalyticsProvider.tsx +149 -0
  170. package/src/app/components/providers/GoogleTagManagerProvider.tsx +31 -0
  171. package/src/app/components/providers/RecaptchaProvider.tsx +18 -0
  172. package/src/app/components/providers/ServerAppConfigurationProvider.tsx +133 -0
  173. package/src/app/components/providers/YMMStatusProvider.tsx +15 -0
  174. package/src/app/components/reuseableUI/AboutUs.tsx +115 -0
  175. package/src/app/components/reuseableUI/AddToCartClient.tsx +125 -0
  176. package/src/app/components/reuseableUI/EditorJsRenderer.tsx +219 -0
  177. package/src/app/components/reuseableUI/HeroSectionsearchByVehicle.tsx +188 -0
  178. package/src/app/components/reuseableUI/ImageWithFallback.tsx +41 -0
  179. package/src/app/components/reuseableUI/Toast.tsx +101 -0
  180. package/src/app/components/reuseableUI/blogCard.tsx +52 -0
  181. package/src/app/components/reuseableUI/brandCard.tsx +68 -0
  182. package/src/app/components/reuseableUI/breadcrumb.tsx +38 -0
  183. package/src/app/components/reuseableUI/categoryCard.tsx +37 -0
  184. package/src/app/components/reuseableUI/categorySkeleton.tsx +31 -0
  185. package/src/app/components/reuseableUI/commonButton.tsx +48 -0
  186. package/src/app/components/reuseableUI/defaultInputField/index.tsx +84 -0
  187. package/src/app/components/reuseableUI/emptyState.tsx +29 -0
  188. package/src/app/components/reuseableUI/errorTag.tsx +15 -0
  189. package/src/app/components/reuseableUI/heading/index.tsx +20 -0
  190. package/src/app/components/reuseableUI/input.tsx +117 -0
  191. package/src/app/components/reuseableUI/listCard.tsx +137 -0
  192. package/src/app/components/reuseableUI/loadingUI.tsx +12 -0
  193. package/src/app/components/reuseableUI/modalLayout.tsx +76 -0
  194. package/src/app/components/reuseableUI/newsletter/newsletterClient.tsx +622 -0
  195. package/src/app/components/reuseableUI/newsletter/newslettersHomeModal.tsx +68 -0
  196. package/src/app/components/reuseableUI/offerCard.tsx +42 -0
  197. package/src/app/components/reuseableUI/passwordRules/passwordRules.tsx +56 -0
  198. package/src/app/components/reuseableUI/primaryButton/index.tsx +34 -0
  199. package/src/app/components/reuseableUI/productCard.tsx +118 -0
  200. package/src/app/components/reuseableUI/productSkeleton.tsx +34 -0
  201. package/src/app/components/reuseableUI/searchByVehicle.tsx +187 -0
  202. package/src/app/components/reuseableUI/secondaryButton/index.tsx +34 -0
  203. package/src/app/components/reuseableUI/section.tsx +20 -0
  204. package/src/app/components/reuseableUI/select/index.tsx +98 -0
  205. package/src/app/components/reuseableUI/skeletonLoader.tsx +117 -0
  206. package/src/app/components/reuseableUI/statusTag.tsx +24 -0
  207. package/src/app/components/reuseableUI/tags/saleTag.tsx +19 -0
  208. package/src/app/components/reuseableUI/testimonialCard.tsx +93 -0
  209. package/src/app/components/richText/EditorRenderer.tsx +318 -0
  210. package/src/app/components/search/HierarchicalCategoryFilter.tsx +155 -0
  211. package/src/app/components/search/SearchFilters.tsx +155 -0
  212. package/src/app/components/search/YMMSearchSidebar.tsx +187 -0
  213. package/src/app/components/seo/ServerProductCard.tsx +91 -0
  214. package/src/app/components/seo/ServerProductGrid.tsx +45 -0
  215. package/src/app/components/shop/CategoryFilter.tsx +184 -0
  216. package/src/app/components/shop/ItemsPerPageSelect.tsx +69 -0
  217. package/src/app/components/shop/ItemsPerPageSelectClient.tsx +58 -0
  218. package/src/app/components/shop/MobileFilters.tsx +103 -0
  219. package/src/app/components/shop/ProductGridSkeleton.tsx +16 -0
  220. package/src/app/components/shop/ProductsGrid.tsx +230 -0
  221. package/src/app/components/shop/SearchFilter.tsx +218 -0
  222. package/src/app/components/shop/SearchFilterClient.tsx +122 -0
  223. package/src/app/components/shop/SearchLoadingOverlay.tsx +32 -0
  224. package/src/app/components/shop/ShopMobileFilters.tsx +205 -0
  225. package/src/app/components/showroom/VehicleSearchDropdowns.tsx +187 -0
  226. package/src/app/components/showroom/brandsSwiper.tsx +49 -0
  227. package/src/app/components/showroom/brandsSwiperClient copy.tsx +93 -0
  228. package/src/app/components/showroom/brandsSwiperClient.tsx +122 -0
  229. package/src/app/components/showroom/brandsSwiperServer.tsx +42 -0
  230. package/src/app/components/showroom/bundleProducts.tsx +120 -0
  231. package/src/app/components/showroom/categoryGrid.tsx +51 -0
  232. package/src/app/components/showroom/categoryGridServer.tsx +45 -0
  233. package/src/app/components/showroom/categorySwiper.tsx +115 -0
  234. package/src/app/components/showroom/featureStrip.tsx +139 -0
  235. package/src/app/components/showroom/offersSwiper.tsx +181 -0
  236. package/src/app/components/showroom/productGrid.tsx +56 -0
  237. package/src/app/components/showroom/productSwiper.tsx +119 -0
  238. package/src/app/components/showroom/promotion-slider.tsx +138 -0
  239. package/src/app/components/showroom/promotion.tsx +207 -0
  240. package/src/app/components/showroom/promotionsSwiper.tsx +174 -0
  241. package/src/app/components/showroom/showroomHeroCarousel.tsx +141 -0
  242. package/src/app/components/showroom/testimonialsGrid.tsx +106 -0
  243. package/src/app/components/skeletons/ContentSkeleton.tsx +14 -0
  244. package/src/app/components/sortDropdown/index.tsx +116 -0
  245. package/src/app/components/tertiaryButton/index.tsx +25 -0
  246. package/src/app/components/theme/theme-provider.tsx +82 -0
  247. package/src/app/contact/layout.tsx +32 -0
  248. package/src/app/contact/page.tsx +591 -0
  249. package/src/app/content/[slug]/layout.tsx +17 -0
  250. package/src/app/content/[slug]/page.tsx +159 -0
  251. package/src/app/content/layout.tsx +31 -0
  252. package/src/app/content/page.tsx +88 -0
  253. package/src/app/core-policies/page.tsx +55 -0
  254. package/src/app/discounts/page.tsx +54 -0
  255. package/src/app/frequently-asked-questions/page.tsx +57 -0
  256. package/src/app/globals.css +440 -0
  257. package/src/app/hooks/useDealerLocations.ts +259 -0
  258. package/src/app/hooks/useGTMEngagement.ts +71 -0
  259. package/src/app/hooks/useGoogleAnalytics.ts +145 -0
  260. package/src/app/layout.tsx +149 -0
  261. package/src/app/not-found.tsx +31 -0
  262. package/src/app/order-confirmation/layout.tsx +19 -0
  263. package/src/app/order-confirmation/page.tsx +12 -0
  264. package/src/app/order-confirmation/summary.tsx +1775 -0
  265. package/src/app/page.tsx +194 -0
  266. package/src/app/privacy-policy/loading.tsx +17 -0
  267. package/src/app/privacy-policy/page.tsx +56 -0
  268. package/src/app/product/[id]/ProductDetailClient.tsx +2448 -0
  269. package/src/app/product/[id]/components/itemInquiryModal.tsx +461 -0
  270. package/src/app/product/[id]/layout.tsx +116 -0
  271. package/src/app/product/[id]/page.tsx +200 -0
  272. package/src/app/product/layout.tsx +15 -0
  273. package/src/app/products/all/AllProductsClient.tsx +743 -0
  274. package/src/app/products/all/page.tsx +176 -0
  275. package/src/app/products/components/shopEmptyState.tsx +29 -0
  276. package/src/app/request-return/layout.tsx +36 -0
  277. package/src/app/request-return/page.tsx +597 -0
  278. package/src/app/robots.txt/route.ts +27 -0
  279. package/src/app/search/layout.tsx +16 -0
  280. package/src/app/search/page.tsx +736 -0
  281. package/src/app/shipping-returns/page.tsx +60 -0
  282. package/src/app/site-map/layout.tsx +33 -0
  283. package/src/app/site-map/page.tsx +113 -0
  284. package/src/app/sitemap-index.xml/route.ts +20 -0
  285. package/src/app/sitemap.ts +10 -0
  286. package/src/app/terms-and-conditions/loading.tsx +17 -0
  287. package/src/app/terms-and-conditions/page.tsx +56 -0
  288. package/src/app/utils/appConfiguration.ts +327 -0
  289. package/src/app/utils/branding.ts +52 -0
  290. package/src/app/utils/configurationService.ts +202 -0
  291. package/src/app/utils/constant.tsx +242 -0
  292. package/src/app/utils/editorJsUtils.tsx +249 -0
  293. package/src/app/utils/functions.ts +146 -0
  294. package/src/app/utils/googleAnalytics.ts +168 -0
  295. package/src/app/utils/googleTagManager.ts +475 -0
  296. package/src/app/utils/ipDetection.ts +270 -0
  297. package/src/app/utils/serverConfigurationService.ts +209 -0
  298. package/src/app/utils/svgs/GridIcon.tsx +45 -0
  299. package/src/app/utils/svgs/account/myAccount/listDotIcon.tsx +3 -0
  300. package/src/app/utils/svgs/account/myAccount/tickIcon.tsx +10 -0
  301. package/src/app/utils/svgs/account/orderHistory/InfoIcon.tsx +49 -0
  302. package/src/app/utils/svgs/arrowDownIcon.tsx +17 -0
  303. package/src/app/utils/svgs/arrowIcon.tsx +25 -0
  304. package/src/app/utils/svgs/arrowUpIcon.tsx +16 -0
  305. package/src/app/utils/svgs/brandsSearchIcon.tsx +25 -0
  306. package/src/app/utils/svgs/cart/cartIcon.tsx +31 -0
  307. package/src/app/utils/svgs/cart/plusIcon.tsx +13 -0
  308. package/src/app/utils/svgs/cart/subtractIcon.tsx +13 -0
  309. package/src/app/utils/svgs/cart/successTickIcon.tsx +14 -0
  310. package/src/app/utils/svgs/chevronDownIcon.tsx +21 -0
  311. package/src/app/utils/svgs/closeEyeIcon.tsx +47 -0
  312. package/src/app/utils/svgs/crossIcon.tsx +25 -0
  313. package/src/app/utils/svgs/eyeIcon.tsx +29 -0
  314. package/src/app/utils/svgs/featureTag.tsx +20 -0
  315. package/src/app/utils/svgs/filterIcon.tsx +3 -0
  316. package/src/app/utils/svgs/globleIcon.tsx +41 -0
  317. package/src/app/utils/svgs/infoIcon.tsx +34 -0
  318. package/src/app/utils/svgs/listIcon.tsx +50 -0
  319. package/src/app/utils/svgs/logOutIcon.tsx +35 -0
  320. package/src/app/utils/svgs/menuIcon.tsx +8 -0
  321. package/src/app/utils/svgs/minusIcon.tsx +18 -0
  322. package/src/app/utils/svgs/newsletterIcon.tsx +19 -0
  323. package/src/app/utils/svgs/noDataFoundIcon-.tsx +26 -0
  324. package/src/app/utils/svgs/noProductFoundIcon.tsx +43 -0
  325. package/src/app/utils/svgs/passwordIcons/errorIcon.tsx +31 -0
  326. package/src/app/utils/svgs/passwordIcons/successIcon.tsx +24 -0
  327. package/src/app/utils/svgs/paymentProcessingIcons/hourglassIcon.tsx +43 -0
  328. package/src/app/utils/svgs/paymentProcessingIcons/modalCrossIcon.tsx +23 -0
  329. package/src/app/utils/svgs/paymentProcessingIcons/paymentFailedIcon.tsx +47 -0
  330. package/src/app/utils/svgs/pencilIcon.tsx +11 -0
  331. package/src/app/utils/svgs/plusIcon.tsx +25 -0
  332. package/src/app/utils/svgs/productInquiryIcon.tsx +40 -0
  333. package/src/app/utils/svgs/searchIcon.tsx +31 -0
  334. package/src/app/utils/svgs/shoppingCart.tsx +32 -0
  335. package/src/app/utils/svgs/spinnerIcon.tsx +22 -0
  336. package/src/app/utils/svgs/spinnerLoadingIcon.tsx +26 -0
  337. package/src/app/utils/svgs/successTickIcon.tsx +40 -0
  338. package/src/app/utils/svgs/swiperArrowIconLeft.tsx +18 -0
  339. package/src/app/utils/svgs/swiperArrowIconRight.tsx +18 -0
  340. package/src/app/utils/svgs/userProfileIcon.tsx +31 -0
  341. package/src/app/utils/svgs/warningCircleIcon.tsx +15 -0
  342. package/src/app/warranty/constant.tsx +63 -0
  343. package/src/app/warranty/loading.tsx +17 -0
  344. package/src/app/warranty/page.tsx +56 -0
  345. package/src/graphql/client.ts +288 -0
  346. package/src/graphql/mutations/accountAddressCreate.ts +56 -0
  347. package/src/graphql/mutations/accountAddressDelete.ts +23 -0
  348. package/src/graphql/mutations/accountAddressUpdate.ts +55 -0
  349. package/src/graphql/mutations/accountSetDefaultAddress.ts +32 -0
  350. package/src/graphql/mutations/accountUpdate.ts +34 -0
  351. package/src/graphql/mutations/changePassword.ts +25 -0
  352. package/src/graphql/mutations/checkout.ts +117 -0
  353. package/src/graphql/mutations/checkoutAddVoucher.ts +63 -0
  354. package/src/graphql/mutations/checkoutComplete.ts +79 -0
  355. package/src/graphql/mutations/checkoutCreate.ts +131 -0
  356. package/src/graphql/mutations/checkoutCustomerAttach.ts +50 -0
  357. package/src/graphql/mutations/checkoutEmailUpdate.ts +15 -0
  358. package/src/graphql/mutations/checkoutLineMetadataUpdate.ts +52 -0
  359. package/src/graphql/mutations/checkoutPaymentCreate.ts +82 -0
  360. package/src/graphql/mutations/paymentGatewayInitialize.ts +58 -0
  361. package/src/graphql/mutations/registerAccount.ts +65 -0
  362. package/src/graphql/mutations/requestPasswordReset.ts +32 -0
  363. package/src/graphql/mutations/setPassword.ts +49 -0
  364. package/src/graphql/mutations/signIn.ts +50 -0
  365. package/src/graphql/mutations/tokenRefresh.ts +19 -0
  366. package/src/graphql/mutations/updateCheckoutMetadata.ts +49 -0
  367. package/src/graphql/mutations/updateProfile.ts +18 -0
  368. package/src/graphql/mutations/willCallDeliveryMethod.ts +81 -0
  369. package/src/graphql/queries/checkout.ts +168 -0
  370. package/src/graphql/queries/findProductByOldSlug.ts +58 -0
  371. package/src/graphql/queries/getAboutPage.ts +24 -0
  372. package/src/graphql/queries/getAboutPageId.ts +9 -0
  373. package/src/graphql/queries/getAboutUs.ts +38 -0
  374. package/src/graphql/queries/getAddressInformation.ts +38 -0
  375. package/src/graphql/queries/getAllCategories.ts +41 -0
  376. package/src/graphql/queries/getAllCategoriesTree.ts +67 -0
  377. package/src/graphql/queries/getAllCategoriesWithProducts.ts +29 -0
  378. package/src/graphql/queries/getAllCollectionsWithProducts.ts +16 -0
  379. package/src/graphql/queries/getBlogs.ts +222 -0
  380. package/src/graphql/queries/getBrands.ts +17 -0
  381. package/src/graphql/queries/getBundles.ts +43 -0
  382. package/src/graphql/queries/getCategories.ts +20 -0
  383. package/src/graphql/queries/getChannels.ts +77 -0
  384. package/src/graphql/queries/getCheckoutQuestions.ts +115 -0
  385. package/src/graphql/queries/getCheckoutTermsAndConditions.ts +37 -0
  386. package/src/graphql/queries/getContactPage.ts +117 -0
  387. package/src/graphql/queries/getContentPage.ts +191 -0
  388. package/src/graphql/queries/getDiscountOffers.ts +18 -0
  389. package/src/graphql/queries/getDynamicPageBySlug.ts +251 -0
  390. package/src/graphql/queries/getFeaturedProducts.ts +48 -0
  391. package/src/graphql/queries/getHeroMetadata.ts +23 -0
  392. package/src/graphql/queries/getMenuBySlug.ts +84 -0
  393. package/src/graphql/queries/getMyProfile.ts +23 -0
  394. package/src/graphql/queries/getNewsletter.ts +122 -0
  395. package/src/graphql/queries/getNewsletterPage.ts +111 -0
  396. package/src/graphql/queries/getPageBySlug.ts +52 -0
  397. package/src/graphql/queries/getPageTypeId.ts +27 -0
  398. package/src/graphql/queries/getPaymentMethods.ts +61 -0
  399. package/src/graphql/queries/getProducts.ts +78 -0
  400. package/src/graphql/queries/getPromotions.ts +24 -0
  401. package/src/graphql/queries/getRequestReturnPage.ts +121 -0
  402. package/src/graphql/queries/getSiteInfo.ts +54 -0
  403. package/src/graphql/queries/getSocialLinks.ts +52 -0
  404. package/src/graphql/queries/getTestimonials.ts +25 -0
  405. package/src/graphql/queries/getUserWithCheckout.ts +27 -0
  406. package/src/graphql/queries/getVehicleMakes.ts +21 -0
  407. package/src/graphql/queries/getVehicleModels.ts +21 -0
  408. package/src/graphql/queries/getVehicleYears.ts +21 -0
  409. package/src/graphql/queries/meAddresses.ts +56 -0
  410. package/src/graphql/queries/myOrders.ts +37 -0
  411. package/src/graphql/queries/orderDetail.ts +231 -0
  412. package/src/graphql/queries/productDetailsById.ts +197 -0
  413. package/src/graphql/queries/productInquiry.ts +115 -0
  414. package/src/graphql/queries/productsByCategoriesAndCollections.ts +39 -0
  415. package/src/graphql/queries/willCallCollectionPoints.ts +55 -0
  416. package/src/graphql/server-client.ts +54 -0
  417. package/src/graphql/types/categories.ts +9 -0
  418. package/src/graphql/types/checkout.ts +168 -0
  419. package/src/graphql/types/offer.ts +12 -0
  420. package/src/graphql/types/product.ts +44 -0
  421. package/src/hooks/scrollPageTop.ts +9 -0
  422. package/src/hooks/serverNavbarData.ts +79 -0
  423. package/src/hooks/useCartSync.ts +24 -0
  424. package/src/hooks/useRecaptcha.ts +33 -0
  425. package/src/hooks/useTokenExpiration.ts +81 -0
  426. package/src/hooks/useVehicleData.ts +346 -0
  427. package/src/lib/api/kount.ts +165 -0
  428. package/src/lib/api/shop.ts +1445 -0
  429. package/src/lib/saleor/getSaleorApiUrl.ts +25 -0
  430. package/src/lib/schema.ts +303 -0
  431. package/src/lib/seo/extractTextFromEditorJs.ts +58 -0
  432. package/src/lib/seo/site.ts +10 -0
  433. package/src/lib/urls/normalizeInternalUrl.ts +53 -0
  434. package/src/middleware.ts +134 -0
  435. package/src/sitemaps/README.md +105 -0
  436. package/src/sitemaps/dynamic-pages-sitemap.ts +247 -0
  437. package/src/sitemaps/sitemap-index.ts +21 -0
  438. package/src/sitemaps/static-pages-sitemap.ts +36 -0
  439. package/src/store/useGlobalStore.tsx +1656 -0
  440. package/src/types/global.d.ts +148 -0
  441. package/tsconfig.json +27 -0
package/src/app/components/dynamicPage/DynamicPageRenderer.tsx ADDED
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { DynamicPageData } from "@/graphql/queries/getDynamicPageBySlug";
3
+ import HtmlWidgetRenderer from "./HtmlWidgetRenderer";
4
+
5
+ interface DynamicPageRendererProps {
6
+ pageData: DynamicPageData;
7
+ }
8
+
9
+ export default function DynamicPageRenderer({
10
+ pageData,
11
+ }: DynamicPageRendererProps) {
12
+ return <HtmlWidgetRenderer content={pageData.content || ""} />;
13
+ }
package/src/app/components/dynamicPage/HtmlWidgetRenderer.tsx ADDED
@@ -0,0 +1,144 @@
1
+ "use client";
2
+
3
+ import { useEffect, useRef } from "react";
4
+
5
+ interface HtmlWidgetRendererProps {
6
+ content: string;
7
+ }
8
+
9
+ export default function HtmlWidgetRenderer({ content }: HtmlWidgetRendererProps) {
10
+ const containerRef = useRef<HTMLDivElement>(null);
11
+
12
+ useEffect(() => {
13
+ if (!containerRef.current || !content) return;
14
+
15
+
16
+ // Create an iframe to completely isolate the dynamic content
17
+ const iframe = document.createElement('iframe');
18
+ iframe.style.width = '100%';
19
+ iframe.style.border = 'none';
20
+ iframe.style.minHeight = '100vh';
21
+ iframe.style.height = 'auto';
22
+
23
+ // Clear the container and add the iframe
24
+ containerRef.current.innerHTML = '';
25
+ containerRef.current.appendChild(iframe);
26
+
27
+ // Write the content to the iframe
28
+ const iframeDoc = iframe.contentDocument || iframe.contentWindow?.document;
29
+ if (iframeDoc) {
30
+ iframeDoc.open();
31
+ iframeDoc.write(`
32
+ <!DOCTYPE html>
33
+ <html>
34
+ <head>
35
+ <meta charset="utf-8">
36
+ <meta name="viewport" content="width=device-width, initial-scale=1">
37
+ </head>
38
+ <body style="margin: 0; padding: 0;">
39
+ ${content}
40
+ </body>
41
+ </html>
42
+ `);
43
+ iframeDoc.close();
44
+
45
+ // Auto-resize iframe to content
46
+ iframe.onload = () => {
47
+ const body = iframeDoc.body;
48
+ const html = iframeDoc.documentElement;
49
+ const height = Math.max(
50
+ body.scrollHeight,
51
+ body.offsetHeight,
52
+ html.clientHeight,
53
+ html.scrollHeight,
54
+ html.offsetHeight
55
+ );
56
+ iframe.style.height = height + 'px';
57
+ };
58
+ }
59
+
60
+
61
+
62
+
63
+ // Debug image loading issues
64
+ const images = containerRef.current.querySelectorAll('img');
65
+
66
+ images.forEach((img, index) => {
67
+
68
+ // Fix relative paths and ensure proper src attributes
69
+ const originalSrc = img.getAttribute('src');
70
+ if (originalSrc) {
71
+ // Handle relative paths by making them absolute
72
+ if (originalSrc.startsWith('./') || originalSrc.startsWith('../') || (!originalSrc.startsWith('http') && !originalSrc.startsWith('/'))) {
73
+ const absoluteSrc = new URL(originalSrc, window.location.href).href;
74
+ img.src = absoluteSrc;
75
+ }
76
+
77
+ // Ensure images have proper loading attributes
78
+ if (!img.hasAttribute('loading')) {
79
+ img.setAttribute('loading', 'lazy');
80
+ }
81
+
82
+ // Add crossorigin for external images if needed
83
+ if (img.src.includes('http') && !img.src.includes(window.location.hostname)) {
84
+ img.setAttribute('crossorigin', 'anonymous');
85
+ }
86
+
87
+ }
88
+
89
+ // Add error handling to images
90
+ img.addEventListener('error', (e) => {
91
+ // Just log the error, don't modify the styling
92
+ img.alt = img.alt || `Failed to load image: ${originalSrc}`;
93
+ });
94
+ });
95
+
96
+ // Extract and execute script tags
97
+ const scripts = containerRef.current.querySelectorAll('script');
98
+
99
+ scripts.forEach((oldScript, index) => {
100
+ const newScript = document.createElement('script');
101
+
102
+ // Copy all attributes
103
+ Array.from(oldScript.attributes).forEach((attr) => {
104
+ newScript.setAttribute(attr.name, attr.value);
105
+ });
106
+
107
+ // Copy the script content
108
+ newScript.textContent = oldScript.textContent;
109
+
110
+ // Replace the old script with the new one
111
+ if (oldScript.parentNode) {
112
+ oldScript.parentNode.replaceChild(newScript, oldScript);
113
+ }
114
+ });
115
+
116
+ // Cleanup function to remove event listeners when component unmounts
117
+ return () => {
118
+ if (!containerRef.current) return;
119
+
120
+ // Remove any global event listeners that might have been added
121
+ const calculatorElements = containerRef.current.querySelectorAll('[data-number], [data-operation], #equals, #clear, #delete, [data-decimal]');
122
+ calculatorElements?.forEach((element) => {
123
+ const newElement = element.cloneNode(true);
124
+ element.parentNode?.replaceChild(newElement, element);
125
+ });
126
+
127
+ // Clear any image event listeners by cloning the container
128
+ const currentContainer = containerRef.current;
129
+ const newContainer = currentContainer.cloneNode(true) as HTMLDivElement;
130
+ currentContainer.parentNode?.replaceChild(newContainer, currentContainer);
131
+ };
132
+ }, [content]);
133
+
134
+ return (
135
+ <div
136
+ ref={containerRef}
137
+ className="html-widget-renderer"
138
+ style={{
139
+ isolation: 'isolate',
140
+ contain: 'layout style paint',
141
+ }}
142
+ />
143
+ );
144
+ }
package/src/app/components/filtersCollapsible/index.tsx ADDED
@@ -0,0 +1,365 @@
1
+ "use client";
2
+
3
+ import React, { useMemo } from "react";
4
+ import { cn } from "@/app/utils/functions";
5
+ import { ChevronDownIcon } from "@/app/utils/svgs/chevronDownIcon";
6
+
7
+ /** ================== Types ================== */
8
+ export interface CategoryNode {
9
+ id: string | number;
10
+ name: string;
11
+ product_count?: number | null;
12
+ active_product_count?: number | null;
13
+ children?: CategoryNode[];
14
+ }
15
+
16
+ export interface ListItem {
17
+ id: string; // MUST match your URL param value exactly
18
+ label: string;
19
+ count?: number;
20
+ disabled?: boolean;
21
+ }
22
+
23
+ export interface FiltersCollapsibleProps {
24
+ title: string;
25
+ defaultOpen?: boolean;
26
+ children?: React.ReactNode;
27
+
28
+ /** Controlled category tree */
29
+ categoryTree?: {
30
+ data: CategoryNode[];
31
+ selected: string[]; // controlled
32
+ onChange?: (names: string[]) => void;
33
+ maxHeightClass?: string; // e.g., "max-h-72"
34
+ showCounts?: boolean; // default true
35
+ loading?: boolean; // 👈 NEW
36
+ emptyMessage?: string; // optional custom empty text
37
+ hasMore?: boolean; // 👈 NEW: if there are more items to load
38
+ onLoadMore?: () => void; // 👈 NEW: callback to load more
39
+ loadingMore?: boolean; // 👈 NEW: loading state for load more
40
+ totalCount?: number; // 👈 NEW: total count of categories
41
+ };
42
+
43
+ /** Controlled flat list (brands, years, makes, models) */
44
+ list?: {
45
+ items: ListItem[];
46
+ selected: string[]; // controlled
47
+ onChange?: (ids: string[]) => void;
48
+ maxHeightClass?: string; // e.g., "max-h-72"
49
+ loading?: boolean; // 👈 NEW
50
+ emptyMessage?: string; // optional custom empty text
51
+ };
52
+
53
+ /** Optional: max-height for the generic children wrapper */
54
+ contentMaxHeightClass?: string; // e.g., "max-h-[calc(100dvh-12rem)]"
55
+ }
56
+
57
+ /** ================== Helpers ================== */
58
+ const countFor = (n: CategoryNode) =>
59
+ n.product_count ?? n.active_product_count ?? 0;
60
+
61
+ /** ================== Tiny Skeletons ================== */
62
+ function LineSkeleton({ w = "w-3/4" }: { w?: string }) {
63
+ return (
64
+ <div className={cn("h-4 rounded bg-[var(--color-secondary-200)]", w)} />
65
+ );
66
+ }
67
+ function ListSkeleton({ rows = 6 }: { rows?: number }) {
68
+ return (
69
+ <div className="flex flex-col gap-3 px-2">
70
+ {Array.from({ length: rows }).map((_, i) => (
71
+ <div key={i} className="flex items-center gap-2">
72
+ <div className="size-4 rounded bg-[var(--color-secondary-200)]" />
73
+ <LineSkeleton
74
+ w={i % 3 === 0 ? "w-1/2" : i % 3 === 1 ? "w-2/3" : "w-3/4"}
75
+ />
76
+ </div>
77
+ ))}
78
+ </div>
79
+ );
80
+ }
81
+
82
+ /** ================== Category Tree ================== */
83
+ function CategoryRow({
84
+ node,
85
+ selected,
86
+ setSelected,
87
+ depth = 0,
88
+ showCounts = true,
89
+ }: {
90
+ node: CategoryNode;
91
+ selected: Set<string>;
92
+ setSelected: (next: Set<string>) => void;
93
+ depth?: number;
94
+ showCounts?: boolean;
95
+ }) {
96
+ const hasChildren = (node.children?.length ?? 0) > 0;
97
+
98
+ const toggleParent = (targetChecked: boolean) => {
99
+ const next = new Set(selected);
100
+ const nodeId = String(node.id);
101
+ if (targetChecked) {
102
+ next.add(nodeId);
103
+ } else {
104
+ next.delete(nodeId);
105
+ }
106
+ setSelected(next);
107
+ };
108
+
109
+ const toggleLeaf = () => {
110
+ const next = new Set(selected);
111
+ const nodeId = String(node.id);
112
+ next.has(nodeId) ? next.delete(nodeId) : next.add(nodeId);
113
+ setSelected(next);
114
+ };
115
+
116
+ return (
117
+ <div>
118
+ <label
119
+ className="flex items-center gap-2 text-sm"
120
+ style={{ marginLeft: depth ? depth * 16 : 0 }}
121
+ >
122
+ {hasChildren ? (
123
+ <input
124
+ type="checkbox"
125
+ checked={selected.has(String(node.id))}
126
+ onChange={(e) => toggleParent(e.target.checked)}
127
+ className="accent-[var(--color-primary-600)]"
128
+ />
129
+ ) : (
130
+ <input
131
+ type="checkbox"
132
+ checked={selected.has(String(node.id))}
133
+ onChange={toggleLeaf}
134
+ className="accent-[var(--color-primary-600)]"
135
+ />
136
+ )}
137
+
138
+ <span className="flex-1 flex items-center justify-between text-base -tracking-[0.04px] font-secondary">
139
+ <span className="truncate max-w-[200px] text-[var(--color-secondary-75)]">{node.name}</span>
140
+ {showCounts && (
141
+ <span className="text-xs font-secondary bg-[var(--color-secondary-100)] text-[var(--color-secondary-90)] p-1 text-center">
142
+ {countFor(node)}
143
+ </span>
144
+ )}
145
+ </span>
146
+ </label>
147
+
148
+ {hasChildren && (
149
+ <div className="mt-1 space-y-1">
150
+ {node.children!.map((child) => (
151
+ <CategoryRow
152
+ key={String(child.id)}
153
+ node={child}
154
+ selected={selected}
155
+ setSelected={setSelected}
156
+ depth={depth + 1}
157
+ showCounts={showCounts}
158
+ />
159
+ ))}
160
+ </div>
161
+ )}
162
+ </div>
163
+ );
164
+ }
165
+
166
+ function ControlledCategoryTree({
167
+ data,
168
+ selected,
169
+ onChange,
170
+ maxHeightClass = "max-h-72 flex flex-col gap-3 px-2",
171
+ showCounts = true,
172
+ loading = false,
173
+ emptyMessage = "No categories",
174
+ hasMore = false,
175
+ onLoadMore,
176
+ loadingMore = false,
177
+ totalCount,
178
+ }: {
179
+ data: CategoryNode[];
180
+ selected: string[]; // controlled
181
+ onChange?: (names: string[]) => void;
182
+ maxHeightClass?: string;
183
+ showCounts?: boolean;
184
+ loading?: boolean;
185
+ emptyMessage?: string;
186
+ hasMore?: boolean;
187
+ onLoadMore?: () => void;
188
+ loadingMore?: boolean;
189
+ totalCount?: number;
190
+ }) {
191
+ const selectedSet = useMemo(() => new Set(selected), [selected]);
192
+ const setSelected = (next: Set<string>) => onChange?.(Array.from(next));
193
+
194
+ return (
195
+ <div className="flex flex-col">
196
+ <div className={cn(maxHeightClass, "overflow-auto px-2")}>
197
+ {loading ? (
198
+ <ListSkeleton rows={8} />
199
+ ) : data.length ? (
200
+ data.map((n) => (
201
+ <CategoryRow
202
+ key={String(n.id)}
203
+ node={n}
204
+ selected={selectedSet}
205
+ setSelected={setSelected}
206
+ showCounts={showCounts}
207
+ />
208
+ ))
209
+ ) : (
210
+ <p className="text-sm text-[var(--color-secondary-500)] font-secondary">
211
+ {emptyMessage}
212
+ </p>
213
+ )}
214
+ </div>
215
+ {/* View More Button */}
216
+ {hasMore && onLoadMore && !loading && (
217
+ <div className="mt-3 px-2">
218
+ <button
219
+ onClick={onLoadMore}
220
+ disabled={loadingMore}
221
+ className="w-full py-2 px-4 text-sm font-semibold text-[var(--color-primary-600)] border border-[var(--color-primary-600)] rounded hover:bg-[var(--color-primary-50)] transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
222
+ >
223
+ {loadingMore ? (
224
+ "Loading..."
225
+ ) : (
226
+ <>View More {totalCount && `(${data.length} of ${totalCount})`}</>
227
+ )}
228
+ </button>
229
+ </div>
230
+ )}
231
+ </div>
232
+ );
233
+ }
234
+
235
+ /** ================== Flat List (Brands / Year / Make / Model) ================== */
236
+ function ControlledList({
237
+ items,
238
+ selected,
239
+ onChange,
240
+ maxHeightClass = "max-h-72 flex flex-col gap-3 px-2",
241
+ loading = false,
242
+ emptyMessage = "No items",
243
+ }: {
244
+ items: ListItem[];
245
+ selected: string[]; // controlled
246
+ onChange?: (ids: string[]) => void;
247
+ maxHeightClass?: string;
248
+ loading?: boolean;
249
+ emptyMessage?: string;
250
+ }) {
251
+ const selectedSet = useMemo(() => new Set(selected), [selected]);
252
+
253
+ const toggle = (id: string) => {
254
+ const next = new Set(selectedSet);
255
+ next.has(id) ? next.delete(id) : next.add(id);
256
+ onChange?.(Array.from(next));
257
+ };
258
+
259
+ return (
260
+ <div className={cn(maxHeightClass, "overflow-auto pr-2")}>
261
+ {loading ? (
262
+ <ListSkeleton rows={8} />
263
+ ) : items.length ? (
264
+ items.map((it) => (
265
+ <label
266
+ key={it.id}
267
+ className="flex items-center gap-2 text-base -tracking-[0.04px] font-secondary "
268
+ >
269
+ <input
270
+ type="checkbox"
271
+ checked={selectedSet.has(it.id)}
272
+ onChange={() => toggle(it.id)}
273
+ disabled={it.disabled}
274
+ className="accent-[var(--color-primary-600)]"
275
+ />
276
+ <span className="flex-1 flex items-center justify-between text-[var(--color-secondary-75)] ">
277
+ <span className="truncate max-w-[220px]">{it.label}</span>
278
+ {typeof it.count === "number" && (
279
+ <span className="text-xs bg-[var(--color-secondary-100)] text-center p-1 text-[var(--color-secondary-90)] ">
280
+ {it.count}
281
+ </span>
282
+ )}
283
+ </span>
284
+ </label>
285
+ ))
286
+ ) : (
287
+ <p className="text-sm text-[var(--color-secondary-75)] font-secondary">
288
+ {emptyMessage}
289
+ </p>
290
+ )}
291
+ </div>
292
+ );
293
+ }
294
+
295
+ /** ================== Collapsible Wrapper ================== */
296
+ export function FiltersCollapsible({
297
+ title,
298
+ defaultOpen = true,
299
+ children,
300
+ categoryTree,
301
+ list,
302
+ contentMaxHeightClass,
303
+ }: FiltersCollapsibleProps) {
304
+ const [open, setOpen] = React.useState(defaultOpen);
305
+
306
+ return (
307
+ <div className="flex flex-col gap-5">
308
+ {/* Header with toggle */}
309
+ <div
310
+ className={cn(
311
+ "flex items-center justify-between transition-all ease-in-out duration-300 px-2 py-1 cursor-pointer hover:bg-[var(--color-secondary-100)]"
312
+ )}
313
+ onClick={() => setOpen(!open)}
314
+ >
315
+ <h3 className="font-semibold text-xl uppercase text-[var(--color-secondary-75)]">{title}</h3>
316
+ <span
317
+ className={`size-5 transform transition-transform duration-300 ${
318
+ open ? "rotate-180" : ""
319
+ } text-[var(--color-secondary-75)]`}
320
+ >
321
+ {ChevronDownIcon}
322
+ </span>
323
+ </div>
324
+
325
+ {/* Content */}
326
+ {open && (
327
+ <>
328
+ {categoryTree ? (
329
+ <ControlledCategoryTree
330
+ data={categoryTree.data}
331
+ selected={categoryTree.selected}
332
+ onChange={categoryTree.onChange}
333
+ maxHeightClass={categoryTree.maxHeightClass}
334
+ showCounts={categoryTree.showCounts}
335
+ loading={categoryTree.loading}
336
+ emptyMessage={categoryTree.emptyMessage}
337
+ hasMore={categoryTree.hasMore}
338
+ onLoadMore={categoryTree.onLoadMore}
339
+ loadingMore={categoryTree.loadingMore}
340
+ totalCount={categoryTree.totalCount}
341
+ />
342
+ ) : list ? (
343
+ <ControlledList
344
+ items={list.items}
345
+ selected={list.selected}
346
+ onChange={list.onChange}
347
+ maxHeightClass={list.maxHeightClass}
348
+ loading={list.loading}
349
+ emptyMessage={list.emptyMessage}
350
+ />
351
+ ) : (
352
+ <div
353
+ className={cn(
354
+ contentMaxHeightClass,
355
+ contentMaxHeightClass ? "overflow-auto px-2" : "px-2"
356
+ )}
357
+ >
358
+ {children}
359
+ </div>
360
+ )}
361
+ </>
362
+ )}
363
+ </div>
364
+ );
365
+ }