droplinked-editor-configs 1.8.8 → 1.9.0

package/dist/lib/stores/app/interfaces.d.ts

@@ -291,6 +291,7 @@ export interface IShop {
     tokenBasedPricing: ITokenBasedPricing;
     launchDate: string | null;
     hasBlog: boolean;
+    url: string;
 }
 export interface IWallet {
     name: string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "droplinked-editor-configs",
   "private": false,
-  "version": "1.8.8",
+  "version": "1.9.0",
   "type": "module",
   "main": "dist/droplinked-editor.umd.js",
   "module": "dist/droplinked-editor.es.js",

package/src/apis/product/interface.ts

@@ -23,4 +23,5 @@ export interface IHomePageProduct {
   discountRuleset: boolean;
   gatedRuleset: boolean;
   nftRecording: any;
+  defaultImageIndex?: number;
 }

package/src/components/blog-posts/hooks/useBlogs.ts

@@ -8,7 +8,7 @@ export default function useBlogs() {
     // Regular query for featured and recent blogs
     const { data, isFetching } = useQuery({
         queryKey: 'shop-blogs',
-        queryFn: () => getShopBlogsService(shop.name),
+        queryFn: () => getShopBlogsService(shop.url),
         select(data) {
             return {
                 featured: data.data.featured,
@@ -26,8 +26,8 @@ export default function useBlogs() {
         hasNextPage,
         isFetching: isMoreToDiscoverFetching
     } = useInfiniteQuery({
-        queryKey: ['more-to-discover-blogs', shop.name],
-        queryFn: ({ pageParam = 1 }) => getShopBlogsService(`${shop.name}?page=${pageParam}&limit=10`),
+        queryKey: ['more-to-discover-blogs', shop.url],
+        queryFn: ({ pageParam = 1 }) => getShopBlogsService(`${shop.url}?page=${pageParam}&limit=10`),
         getNextPageParam: (lastPage) => {
             const moreToDiscover = lastPage.data.moreToDiscover
             return moreToDiscover.hasNextPage ? moreToDiscover.nextPage : undefined

package/src/components/header/Sidebar.tsx

@@ -17,8 +17,8 @@ interface Props {
 
 function Sidebar({ iconColor, linkManagement, ProfileDropdownWrapper }: Props) {
     const { isOpen, onOpen, onClose } = useDisclosure()
-    const { states: { user, shop: { name } } } = useAppStore()
-    const { id } = user?.[name]?.user || {}
+    const { states: { user, shop: { url } } } = useAppStore()
+    const { id } = user?.[url]?.user || {}
     const { shopDesign: { backgroundBody } } = useThemeInfo()
     const [isLargerThan768] = useMediaQuery('(min-width: 768px)')
     const { defineMultiStyleConfig } = createMultiStyleConfigHelpers(parts.keys)

package/src/components/productGrid/components/ProductGrid/Slider/ProductImageSlider.tsx

@@ -15,10 +15,18 @@ interface Props {
 }
 
 export default function ProductImageSlider({ product, isHovered, isEditing }: Props) {
-    const { images, title, slug } = product
+    const { images, title, slug, defaultImageIndex } = product
     const { navigate } = useCustomNavigate()
     const [currentIndex, setCurrentIndex] = useState(0)
-    const sliderImages = images.slice(0, 3)
+
+    // Reorder images to show default image first
+    const orderedImages = [...images]
+    if (defaultImageIndex !== undefined && defaultImageIndex >= 0 && defaultImageIndex < images.length) {
+        const defaultImage = orderedImages[defaultImageIndex]
+        orderedImages.splice(defaultImageIndex, 1)
+        orderedImages.unshift(defaultImage)
+    }
+    const sliderImages = orderedImages.slice(0, 3)
 
     const [sliderRef, instanceRef] = useKeenSlider<HTMLDivElement>({
         loop: true,

package/src/components/productGrid/hooks/useProductFilters.ts

@@ -6,7 +6,7 @@ export function useProductFilters() {
     const { states: { shop } } = useAppStore()
 
     return useQuery({
-        queryFn: () => getAvailableProductFilters(shop.name),
+        queryFn: () => getAvailableProductFilters(shop.url),
         refetchOnWindowFocus: false
     })
 }

package/src/components/productGrid/hooks/useProducts.ts

@@ -4,7 +4,7 @@ import useProductQueryStore from 'lib/stores/productQueryStore/productQueryStore
 import { useInfiniteQuery } from 'react-query'
 
 export default function useProducts(customLimit?: number) {
-    const { states: { shop: { name, currency: { conversionRateToUSD } } } } = useAppStore()
+    const { states: { shop: { url, currency: { conversionRateToUSD } } } } = useAppStore()
     const appliedProductQuery = useProductQueryStore(s => s.appliedProductQuery)
     const { minPrice, maxPrice } = appliedProductQuery
 
@@ -15,10 +15,10 @@ export default function useProducts(customLimit?: number) {
     const limit = customLimit ? Math.min(customLimit, 4) : 15
 
     return useInfiniteQuery({
-        queryKey: ["PRODUCTS", name, appliedProductQuery, customLimit],
+        queryKey: ["PRODUCTS", url, appliedProductQuery, customLimit],
         queryFn: ({ pageParam = 1 }) => getProductsService({
             page: pageParam,
-            shopName: name,
+            shopName: url,
             limit,
             ...appliedProductQuery,
             ...(convertedMinPrice && { minPrice: convertedMinPrice }),

package/src/components/ui/timer.tsx

@@ -1,7 +1,6 @@
 import { Box, Flex, FlexProps, GridProps, TextProps, Text } from '@chakra-ui/react'
 import AppIcons from 'assets/icons/appIcons'
 import useThemeInfo from 'hooks/useThemeInfo';
-import useAppStore from 'lib/stores/app/appStore'
 import { useEffect, useState } from 'react'
 
 

package/src/configured-components/hero-section/variants/cover/StoreInfoSection.tsx

@@ -18,7 +18,7 @@ interface Props {
 }
 
 export default function StoreInfoSection({ socialChannels, imagePlaceholder, logo }: Props) {
-  const { states: { shop: { description } } } = useAppStore()
+  const { states: { shop: { name } } } = useAppStore()
 
   return (
     <section className="relative z-10">
@@ -31,7 +31,7 @@ export default function StoreInfoSection({ socialChannels, imagePlaceholder, log
           <div className="ml-4 sm:ml-0 flex w-full flex-col gap-4 md:ml-40 mt-16 md:mt-2 md:flex-row sm:justify-between">
             {/* Store Name */}
             <Text className="text-ellipsis whitespace-nowrap text-xl font-bold sm:text-2xl">
-              {description || 'Store Name'}
+              {name || 'Store Name'}
             </Text>
 
             {/* Social Media Icons */}

package/src/hooks/useCustomParams.ts

@@ -4,5 +4,5 @@ type UseCustomParamsHook = () => { shopName: string }
 
 export const useCustomParams: UseCustomParamsHook = () => {
   const { states: { shop } } = useAppStore()
-  return { shopName: shop.name }
+  return { shopName: shop.url }
 }

package/src/lib/stores/app/interfaces.ts

@@ -308,6 +308,7 @@ export interface IShop {
     tokenBasedPricing: ITokenBasedPricing;
     launchDate: string | null;
     hasBlog: boolean;
+    url: string;
 }
 
 export interface IWallet {