@adhese/sdk-devtools 0.3.0 → 0.5.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) {
@@ -1250,7 +1250,7 @@ function SlotsTable({ adheseContext }) {
     };
   }, []);
   const formattedSlots = require$$0.useMemo(() => slots.map((slot) => {
-    const ad = slot.getAd();
+    const ad = slot.ad.value;
     const iframe = slot.getElement();
     let status = "unloaded";
     if (iframe)
@@ -1259,10 +1259,10 @@ function SlotsTable({ adheseContext }) {
       status = "loaded";
     return {
       ...slot,
-      name: slot.getName(),
+      name: slot.name.value,
       ad,
       status,
-      format: slot.getFormat(),
+      format: slot.format.value,
       iframe,
       parameters: Array.from(slot.parameters.entries())
     };
@@ -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;
+      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,
@@ -1359,8 +1370,8 @@ function SlotsTable({ adheseContext }) {
         ) : "-" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: (ad == null ? void 0 : ad.id) ?? "-" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: (ad == null ? void 0 : ad.ext) ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "outline", children: ad.ext }) : "-" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: isViewabilityTracked() ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { className: "bg-green-100 text-green-900 hover:bg-green-100", children: "Yes" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", children: "No" }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: isImpressionTracked() ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { className: "bg-green-100 text-green-900 hover:bg-green-100", children: "Yes" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", children: "No" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: isViewabilityTracked.value ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { className: "bg-green-100 text-green-900 hover:bg-green-100", children: "Yes" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", children: "No" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: isImpressionTracked.value ? /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { className: "bg-green-100 text-green-900 hover:bg-green-100", children: "Yes" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Badge, { variant: "secondary", children: "No" }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Button,
           {