@alpaca-editor/sharedien-dam 1.0.4170 → 1.0.4173

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-editor/sharedien-dam",
-  "version": "1.0.4170",
+  "version": "1.0.4173",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/src/DamSelectorButton.tsx

@@ -1,5 +1,9 @@
 import React from "react";
-import { ClientFieldButton, PictureRawValue, VariantFieldActionProps } from "@alpaca-editor/core";
+import {
+  ClientFieldButton,
+  PictureRawValue,
+  VariantFieldActionProps,
+} from "@alpaca-editor/core";
 import { DamSelector } from "./DamSelector";
 import { DamImageValue, DamSelectorProps } from "./types";
 import { ExternalLink } from "lucide-react";
@@ -7,11 +11,18 @@ import { ExternalLink } from "lucide-react";
 export const DamSelectorButton: ClientFieldButton = {
   label: "Select from DAM",
   icon: (<ExternalLink strokeWidth={1} size={16} />) as React.ReactNode,
-  showInMenu: false, // Primary action - appears outside menu
-  clientAction: async ({ editContext, field, variantName: contextVariantName }: VariantFieldActionProps) => {
-    const data = await editContext.openDialog<DamImageValue, DamSelectorProps>(DamSelector, { 
-      language: field.descriptor.item.language 
-    });
+  isPimaryAction: false, // Primary action - appears outside menu
+  clientAction: async ({
+    editContext,
+    field,
+    variantName: contextVariantName,
+  }: VariantFieldActionProps) => {
+    const data = await editContext.openDialog<DamImageValue, DamSelectorProps>(
+      DamSelector,
+      {
+        language: field.descriptor.item.language,
+      }
+    );
 
     if (data?.mediaId || data?.videoId) {
       const raw = (() => {
@@ -28,29 +39,40 @@ export const DamSelectorButton: ClientFieldButton = {
       // Get variant name from context (when called from PictureEditor variant button)
       // or fallback to trying to determine it from field data
       let variantName: string | undefined = contextVariantName;
-      
+
       if (!variantName && raw.Variants && raw.Variants.length > 0) {
         // Use the first variant's name if available
         variantName = raw.Variants[0]?.Name;
       }
-      
+
       // If we still don't have a variant name, try to get it from the field's value
-      if (!variantName && field.value && typeof field.value === 'object' && 'variants' in field.value) {
+      if (
+        !variantName &&
+        field.value &&
+        typeof field.value === "object" &&
+        "variants" in field.value
+      ) {
         const variants = (field.value as any).variants;
-        if (Array.isArray(variants) && variants.length > 0 && variants[0]?.name) {
+        if (
+          Array.isArray(variants) &&
+          variants.length > 0 &&
+          variants[0]?.name
+        ) {
           variantName = variants[0].name;
         }
       }
 
       if (!variantName) {
-        console.warn("Cannot determine variant name for DAM selection. No variants found in picture field.");
+        console.warn(
+          "Cannot determine variant name for DAM selection. No variants found in picture field."
+        );
         return;
       }
 
       // Update or create the variant
       if (!raw.Variants) raw.Variants = [];
       const selected = raw.Variants.find((x: any) => x.Name == variantName);
-      
+
       if (selected) {
         selected.MediaId = data.mediaId;
         selected.VideoId = data.videoId;
@@ -72,4 +94,4 @@ export const DamSelectorButton: ClientFieldButton = {
   isGenerator: false,
   id: "select-from-dam",
   description: "Opens the sharedien DAM to select an image or video",
-}
+};