droplinked-editor-configs 1.9.6 → 1.9.8

package/package.json

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

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

@@ -59,7 +59,7 @@ export default function ProductImageSlider({ product, isHovered, isEditing }: Pr
     }
 
     // If we're in editing mode or there's only one image, render simple image without keen slider
-    if (isEditing || sliderImages.length === 1) {
+    if (isEditing || !sliderImages[0] || sliderImages.length === 1) {
         return (
             <div className="relative overflow-hidden rounded-lg aspect-square cursor-pointer">
                 <img

package/src/hooks/shop/useAppShop.ts

@@ -1,30 +1,49 @@
 import { getShopService } from "apis/shop/service";
-import { useAppStore } from 'AppStoreProvider'
+import { useAppStore } from "AppStoreProvider";
 import { shopStates } from "lib/stores/app/shopModel";
 import { normalize_templates } from "./utils";
 import { useState, useCallback } from "react";
 
 export function useAppShop() {
-  const { methods: { updateState } } = useAppStore()
-  const [loading, setLoading] = useState(false)
+  const {
+    methods: { updateState },
+  } = useAppStore();
+  const [loading, setLoading] = useState(false);
 
-  const get = useCallback(async (shopName: string) => {
-    setLoading(true)
-    try {
-      const { data } = await getShopService({ shopName })
-      const newData = { ...data, data: { ...data.data, template_options: normalize_templates(data?.data?.template_options) } }
-      updateState({ state: 'shop', value: shopStates(newData?.data) })
-      return data?.data
-    } finally {
-      setLoading(false)
-    }
-  }, [updateState])
+  const get = useCallback(
+    async (shopName: string) => {
+      setLoading(true);
+      try {
+        const { data } = await getShopService({ shopName });
+        const newData = {
+          ...data,
+          data: {
+            ...data.data,
+            currency: data?.data?.currency || {
+              conversionRateToUSD: 1,
+              symbol: '$',
+              abbreviation: 'USD',
+            },
+            template_options: normalize_templates(data?.data?.template_options),
+          },
+        };
+        updateState({ state: "shop", value: shopStates(newData?.data) });
+        return data?.data;
+      } finally {
+        setLoading(false);
+      }
+    },
+    [updateState]
+  );
 
-  const clear = useCallback(async () => updateState({ state: 'shop', value: null }), [updateState])
+  const clear = useCallback(
+    async () => updateState({ state: "shop", value: null }),
+    [updateState]
+  );
 
   return {
     clear,
     get,
-    loading
+    loading,
   };
 }