@adhese/sdk-devtools 0.3.0 → 0.5.0

package/dist/es/devtools.js

@@ -1,5 +1,6 @@
 import require$$0, { forwardRef, useState, useEffect, useMemo, Fragment, useCallback, useId, useRef } from "react";
 import require$$0$1, { createPortal } from "react-dom";
+import { upperFirst } from "lodash-es";
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 import { cva } from "class-variance-authority";
@@ -7,7 +8,6 @@ import { Slot } from "@radix-ui/react-slot";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon } from "@radix-ui/react-icons";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { upperFirst } from "lodash-es";
 import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as LabelPrimitive from "@radix-ui/react-label";
 var jsxRuntime = { exports: {} };
@@ -1229,7 +1229,7 @@ function SlotsTable({ adheseContext }) {
     };
   }, []);
   const formattedSlots = useMemo(() => slots.map((slot) => {
-    const ad = slot.getAd();
+    const ad = slot.ad.value;
     const iframe = slot.getElement();
     let status = "unloaded";
     if (iframe)
@@ -1238,10 +1238,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())
     };
@@ -1251,10 +1251,20 @@ function SlotsTable({ adheseContext }) {
     var _a;
     return (_a = formattedSlot.ad) == null ? void 0 : _a.preview;
   });
+  const origins = 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" }),
@@ -1285,6 +1295,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: upperFirst(ad.origin.toLowerCase()) }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: location }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           Badge,
@@ -1338,8 +1349,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,
           {