@fayz-ai/plugin-shop 0.15.10 → 0.16.0

package/dist/index.js

@@ -3,8 +3,8 @@ import * as React13 from 'react';
 import React13__default, { useState, useEffect, useRef, useCallback, useMemo } from 'react';
 import { createConnectionStore, connectionSettings, connectionStatus, settingsStatus, connectionRuns, tl, getActiveTenantId, getSupabaseClientOptional, registerMessageDefaults, connectorRuntimeToken, CONNECTOR_RUNTIME_TOKEN_HEADER, countByTenant, errorMessage as errorMessage$1, emitDataChanged, resolveDataProvider } from '@fayz-ai/core';
 import { getShopTenantId, setShopTenantResolver, buildShopMessageDefaults, registerShippingLabelProvider, getShopProvider, buildShopDomainEvents, axesFromOptions, planVariantMatrix, validateVariantAxes, hasOnlyDefaultVariant, MAX_VARIANT_AXES, leavesNothingSellable, productImageToMediaFile, formatVariantCombination, applyVariantMatrix } from '@fayz-ai/shop';
-import { fayzConnectorOAuth, describeConnectorAccount, useOrganizationStore, registerEntityPath, registerPersonLookup, createCrudPage, adminNavigateTo, DetailTabHeader, useAgentSurface, askAI, AskAIButton, CrudFormPage, SettingsGroup, SelectRow, ToggleRow, useConnectors, useConnectorsPanelAvailable, openConnectorsPanel, MultiSelectRow, AddConnectorButton, AddConnectorPanel, ConnectorDetail, RegistryCrudView, TextRow, ConnectorRow, ConnectorMark, StateChip } from '@fayz-ai/admin';
-import { Package, Eye, FileEdit, PackageX, UsersRound, Users, UserX, Filter, ShoppingBag, Repeat, CircleDollarSign, Tag, TicketCheck, Layers, CreditCard, ImageOff, Plus, Loader2, WandSparkles, ChevronLeft, ChevronRight, Download, RefreshCw, Trash2, Upload, AlertTriangle, X, ExternalLink, Box, ChevronDown, Film, FileText, Warehouse, ArrowRight, MapPin, Car, Truck, Info, Check, Sparkles, Ban, ListChecks, Search, Building2 } from 'lucide-react';
+import { fayzConnectorOAuth, describeConnectorAccount, useOrganizationStore, registerEntityPath, registerPersonLookup, createCrudPage, adminNavigateTo, PageActions, DetailTabHeader, useAgentSurface, askAI, AskAIButton, CrudFormPage, SettingsGroup, SelectRow, ToggleRow, useConnectors, useConnectorsPanelAvailable, openConnectorsPanel, MultiSelectRow, AddConnectorButton, AddConnectorPanel, ConnectorDetail, RegistryCrudView, TextRow, ConnectorRow, ConnectorMark, StateChip } from '@fayz-ai/admin';
+import { Package, Eye, FileEdit, PackageX, UsersRound, Users, UserX, Filter, ShoppingBag, Repeat, CircleDollarSign, Tag, TicketCheck, Layers, CreditCard, Upload, ImageOff, Plus, Loader2, WandSparkles, ChevronLeft, ChevronRight, Download, RefreshCw, Trash2, AlertTriangle, X, ExternalLink, Box, ChevronDown, Film, FileText, Warehouse, ArrowRight, MapPin, Car, Truck, Info, Check, Sparkles, Ban, ListChecks, Search, Building2 } from 'lucide-react';
 import { PageHeaderActions, PageTabs, Card, Button, Modal, ModalContent, ModalHeader, ModalTitle, ModalDescription, ModalFooter, Thumbnail, PageHeader, toast, ConfirmDialog, Hint, ModalBody, Skeleton } from '@fayz-ai/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { listStockReasonCodes, resolveStockStore, createSupabaseStockStore } from '@fayz-ai/shop/inventory';
@@ -6462,6 +6462,7 @@ function ContentPage({ resolveProvider }) {
   const [replacing, setReplacing] = React13__default.useState(false);
   const [openId, setOpenId] = React13__default.useState(null);
   const [dimensions, setDimensions] = React13__default.useState({});
+  const uploadInputRef = React13__default.useRef(null);
   const reload = React13__default.useCallback(async () => {
     if (!provider.listMediaFiles) {
       setFiles([]);
@@ -6579,6 +6580,16 @@ function ContentPage({ resolveProvider }) {
     `${files.length} ${files.length === 1 ? "arquivo" : "arquivos"}`,
     productCount > 0 ? `${productCount} ${productCount === 1 ? "de produto" : "de produtos"}` : ""
   ].filter(Boolean).join(" \xB7 ");
+  const uploadActions = [{
+    id: "upload",
+    label: uploading ? "Enviando\u2026" : "Enviar arquivos",
+    icon: Upload,
+    intent: "primary",
+    // It puts a new file in the library — the FAB is a "+", not a "⋮".
+    creates: true,
+    disabled: uploading,
+    onSelect: () => uploadInputRef.current?.click()
+  }];
   const renderGrid = (list) => /* @__PURE__ */ jsx("div", { className: "fz-cards gap-4", children: list.map((file) => /* @__PURE__ */ jsx(
     MediaCard,
     {
@@ -6591,7 +6602,23 @@ function ContentPage({ resolveProvider }) {
     file.id
   )) });
   return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-    supported && provider.uploadMediaFile && /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(UploadButton, { uploading, onPick: handleUpload }) }),
+    supported && provider.uploadMediaFile && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: uploadInputRef,
+          type: "file",
+          multiple: true,
+          className: "hidden",
+          onChange: (e) => {
+            void handleUpload(e.target.files).finally(() => {
+              if (uploadInputRef.current) uploadInputRef.current.value = "";
+            });
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(PageActions, { actions: uploadActions }) })
+    ] }),
     /* @__PURE__ */ jsx(
       PageTabs,
       {
@@ -6666,29 +6693,6 @@ function SectionTitle({ title, count }) {
     ] })
   ] });
 }
-function UploadButton({ uploading, onPick }) {
-  const inputRef = React13__default.useRef(null);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        multiple: true,
-        className: "hidden",
-        onChange: (e) => {
-          void onPick(e.target.files).finally(() => {
-            if (inputRef.current) inputRef.current.value = "";
-          });
-        }
-      }
-    ),
-    /* @__PURE__ */ jsxs(Button, { onClick: () => inputRef.current?.click(), disabled: uploading, children: [
-      /* @__PURE__ */ jsx(Upload, { className: "mr-2 h-4 w-4" }),
-      uploading ? "Enviando\u2026" : "Enviar arquivos"
-    ] })
-  ] });
-}
 function KindIcon({ kind, className }) {
   const Icon = kind === "video" ? Film : FileText;
   return /* @__PURE__ */ jsx(Icon, { className });