tee3apps-cms-sdk-react 0.0.3 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tee3apps-cms-sdk-react",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Uses JSON to dynamically generate and render UI pages in a website",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/PageComponents/Visual-Components/GroupProductComponent.tsx

@@ -316,7 +316,7 @@ const GroupProductComponent: React.FC<GroupProductComponentMainProps> = ({
   } else {
     // Default style (NONE)
     return (
-      <a href={`/${product._id}`} target={'_blank'}  rel="noopener noreferrer" style={{textDecoration:"none"}}>
+      <a href={`/${product.code}`} target={'_blank'}  rel="noopener noreferrer" style={{textDecoration:"none"}}>
            <div
   key={product._id}
   className="productImageSlide"

package/src/PageComponents/Visual-Components/Styles/ProductListViewOne.tsx

@@ -21,7 +21,7 @@ const ProductListViewOne = (props: any) => {
   }, []);
 
   const data = props.props || props;
-  const slug = data?._id; // Using code instead of slug
+  const slug = data?.code; // Using code instead of slug
 
   // Updated price extraction to match your JSON structure
   const sellingPrice = Number(data?.price?.SP?.$numberDecimal || 0);

package/src/PageComponents/Visual-Components/Styles/ProductListViewTwo.tsx

@@ -22,7 +22,7 @@ const ProductListViewTwo = (props: any) => {
   }, []);
 
   const data = props.props || props;
-  const slug = data?._id; // Using code instead of slug since slug doesn't exist in your data
+  const slug = data?.code; // Using code instead of slug since slug doesn't exist in your data
 
   // Updated price extraction to match your JSON structure
   const sellingPrice = Number(data?.price?.SP?.$numberDecimal || 0);

package/src/PageComponents/Visual-Components/TabComponent.tsx

@@ -79,7 +79,7 @@ interface FontStyle {
 }
 
 interface TitleStyle {
-	titleText: { all: string;[key: string]: string };
+	titleText:any;
 	fontSize: number;
 	fontStyle: FontStyle;
 	fontColor: string;
@@ -209,7 +209,7 @@ const TabComponent: React.FC<TabComponentMainProps> = ({ props, deviceMode = 'we
 		const offer = calculateOffer(mrp, sp);
 
 		const cardMode = layout === '1x1' ? 'carousel-mode' : layout === '2x1' ? 'layout-2x1' : 'grid-mode';	
-		const productSlug = product._id;
+		const productSlug = product.code;
 		const productLink = `/${productSlug}`;
 		
 		const cardContent = (
@@ -228,7 +228,7 @@ const TabComponent: React.FC<TabComponentMainProps> = ({ props, deviceMode = 'we
 					<div className="product-header">
 						<div className="product-brand">{product.brand?.name?.all || product.brand?.name}</div>
 						<div className="product-name">{product.name?.all || product.name}</div>
-						<div className="product-code">Code: {product.code}</div>
+						<div className="product-code">Code: {product.sku}</div>
 					</div>
 
 					{/* Rating - Show first for grid mode */}
@@ -1110,7 +1110,7 @@ const TabComponent: React.FC<TabComponentMainProps> = ({ props, deviceMode = 'we
 				{/* Title */}
 				{props.showTitle && (
 					<h1 style={getTitleStyle()}>
-						{props?.title?.titleText?.all}
+						{props?.title?.titleText}
 					</h1>
 				)}