@agentiffai/design 1.5.1 → 1.5.2

package/dist/index.d.cts

@@ -666,7 +666,7 @@ interface PostPreviewCardProps {
     onContentChange?: (content: string) => void;
     /** Current edited hashtags (controlled) */
     editHashtags?: string[];
-    /** Callback when hashtags change during editing */
+    /** Callback when hashtags change */
     onHashtagsChange?: (hashtags: string[]) => void;
     /** Show loading skeleton when content is being generated */
     isLoading?: boolean;

package/dist/index.d.ts

@@ -666,7 +666,7 @@ interface PostPreviewCardProps {
     onContentChange?: (content: string) => void;
     /** Current edited hashtags (controlled) */
     editHashtags?: string[];
-    /** Callback when hashtags change during editing */
+    /** Callback when hashtags change */
     onHashtagsChange?: (hashtags: string[]) => void;
     /** Show loading skeleton when content is being generated */
     isLoading?: boolean;

package/dist/index.js

@@ -9947,7 +9947,7 @@ var PostPreviewCard = ({
   const [newHashtag, setNewHashtag] = useState("");
   const showSkeleton = isLoading && !post.content;
   const displayContent = isEditing && editContent !== void 0 ? editContent : post.editedContent || post.content;
-  const displayHashtags = isEditing && editHashtags !== void 0 ? editHashtags : post.hashtags;
+  const displayHashtags = editHashtags !== void 0 ? editHashtags : post.hashtags;
   const currentCharCount = displayContent.length;
   const charPercentage = useMemo(
     () => getCharacterLimitPercentage(post.platform, currentCharCount),
@@ -10016,11 +10016,11 @@ var PostPreviewCard = ({
               autoFocus: true
             }
           ) : /* @__PURE__ */ jsx(PostContent, { children: displayContent }),
-          !showSkeleton && (displayHashtags.length > 0 || isEditing) && /* @__PURE__ */ jsxs(HashtagsContainer, { children: [
+          !showSkeleton && (displayHashtags.length > 0 || onHashtagsChange) && /* @__PURE__ */ jsxs(HashtagsContainer, { children: [
             displayHashtags.map((hashtag) => /* @__PURE__ */ jsxs(HashtagPill, { $platformColor: platformConfig.color, children: [
               "#",
               hashtag.replace(/^#/, ""),
-              isEditing && onHashtagsChange && /* @__PURE__ */ jsx(
+              onHashtagsChange && /* @__PURE__ */ jsx(
                 RemoveHashtagButton,
                 {
                   type: "button",
@@ -10030,7 +10030,7 @@ var PostPreviewCard = ({
                 }
               )
             ] }, hashtag)),
-            isEditing && onHashtagsChange && /* @__PURE__ */ jsxs(HashtagEditor, { children: [
+            onHashtagsChange && /* @__PURE__ */ jsxs(HashtagEditor, { children: [
               /* @__PURE__ */ jsxs(HashtagInputWrapper, { children: [
                 /* @__PURE__ */ jsx(HashPrefix, { children: "#" }),
                 /* @__PURE__ */ jsx(
@@ -10580,16 +10580,18 @@ var PlatformCarousel = ({
     }) }),
     /* @__PURE__ */ jsx(ContentContainer2, { children: posts.map((post, index) => {
       const isEditing = editingIndex === index;
-      return /* @__PURE__ */ jsx(Slide, { $isActive: index === activeIndex, children: /* @__PURE__ */ jsx(
+      const isActive = index === activeIndex;
+      const canEditHashtags = isActive && !!onEditHashtagsChange;
+      return /* @__PURE__ */ jsx(Slide, { $isActive: isActive, children: /* @__PURE__ */ jsx(
         PostPreviewCard,
         {
           post,
-          isActive: index === activeIndex,
+          isActive,
           isEditing,
           editContent: isEditing ? editContent : void 0,
           onContentChange: isEditing ? onEditContentChange : void 0,
-          editHashtags: isEditing ? editHashtags : void 0,
-          onHashtagsChange: isEditing ? onEditHashtagsChange : void 0,
+          editHashtags: canEditHashtags ? editHashtags : void 0,
+          onHashtagsChange: canEditHashtags ? onEditHashtagsChange : void 0,
           isLoading,
           onImageChange: onImageChangeRequest ? () => onImageChangeRequest(index) : void 0
         }
@@ -10737,6 +10739,7 @@ var PlatformGrid = ({
   return /* @__PURE__ */ jsx(Grid, { "data-testid": "platform-grid", children: posts.map((post, index) => {
     const isEditing = editingIndex === index;
     const isActive = activeIndex === index;
+    const canEditHashtags = isActive && !!onEditHashtagsChange;
     return /* @__PURE__ */ jsx(
       GridCell,
       {
@@ -10762,8 +10765,8 @@ var PlatformGrid = ({
             isEditing,
             editContent: isEditing ? editContent : void 0,
             onContentChange: isEditing ? onEditContentChange : void 0,
-            editHashtags: isEditing ? editHashtags : void 0,
-            onHashtagsChange: isEditing ? onEditHashtagsChange : void 0,
+            editHashtags: canEditHashtags ? editHashtags : void 0,
+            onHashtagsChange: canEditHashtags ? onEditHashtagsChange : void 0,
             isLoading,
             onImageChange: onImageChangeRequest ? () => onImageChangeRequest(index) : void 0
           }