@adhese/sdk-devtools 0.3.0 → 0.4.0

package/dist/cjs/devtools.js

@@ -1,6 +1,7 @@
 "use strict";
 const require$$0 = require("react");
 const require$$0$1 = require("react-dom");
+const lodashEs = require("lodash-es");
 const clsx = require("clsx");
 const tailwindMerge = require("tailwind-merge");
 const classVarianceAuthority = require("class-variance-authority");
@@ -8,7 +9,6 @@ const reactSlot = require("@radix-ui/react-slot");
 const SheetPrimitive = require("@radix-ui/react-dialog");
 const reactIcons = require("@radix-ui/react-icons");
 const TabsPrimitive = require("@radix-ui/react-tabs");
-const lodashEs = require("lodash-es");
 const SwitchPrimitives = require("@radix-ui/react-switch");
 const LabelPrimitive = require("@radix-ui/react-label");
 function _interopNamespaceDefault(e) {
@@ -1272,10 +1272,20 @@ function SlotsTable({ adheseContext }) {
     var _a;
     return (_a = formattedSlot.ad) == null ? void 0 : _a.preview;
   });
+  const origins = require$$0.useMemo(() => {
+    const set = /* @__PURE__ */ new Set();
+    for (const slot of formattedSlots) {
+      const ad = slot.getAd();
+      if (ad)
+        set.add(ad.origin);
+    }
+    return Array.from(set);
+  }, [formattedSlots]);
   return formattedSlots.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Table, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Name" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Format" }),
+      origins.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Origin" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Location" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Render Status" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TableHead, { children: "Campaign ID" }),
@@ -1306,6 +1316,7 @@ function SlotsTable({ adheseContext }) {
           /* @__PURE__ */ jsxRuntimeExports.jsx("del", { className: "text-red-300 italic", children: format }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("ins", { className: "no-underline text-green-700", children: ad == null ? void 0 : ad.adFormat })
         ] }) }),
+        origins.length > 1 && /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: (ad == null ? void 0 : ad.origin) && /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { className: cn(slotIndexBadgeClasses[origins.indexOf(ad.origin) % slotIndexBadgeClasses.length], "text-white"), children: lodashEs.upperFirst(ad.origin.toLowerCase()) }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: location }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Badge,