@adhese/sdk-devtools 0.2.0 → 0.4.0

package/dist/cjs/devtools.js

@@ -1,7 +1,7 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 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");
@@ -9,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) {
@@ -1273,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" }),
@@ -1307,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,
@@ -1663,13 +1673,10 @@ function FronttailSettings({
             id: `fronttailDebugKey${id}`,
             value: fronttailDebugKey,
             onChange: onFronttailDebugKeyChange,
-            className: cn(
-              "max-w-60",
-              {
-                // eslint-disable-next-line ts/naming-convention
-                "border-destructive": fronttailDebugKey.length < 4
-              }
-            )
+            className: cn("max-w-60", {
+              // eslint-disable-next-line ts/naming-convention
+              "border-destructive": fronttailDebugKey.length < 4
+            })
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -1775,6 +1782,10 @@ function Devtools({ adheseContext }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx(PreviewButton, {})
   ] }) });
 }
+const Devtools$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Devtools
+}, Symbol.toStringTag, { value: "Module" }));
 function createAdheseDevtools(element, context) {
   const root = createRoot(element);
   root.render(/* @__PURE__ */ jsxRuntimeExports.jsx(Devtools, { adheseContext: context }));
@@ -1782,6 +1793,10 @@ function createAdheseDevtools(element, context) {
     root.unmount();
   };
 }
-exports.Devtools = Devtools;
-exports.createAdheseDevtools = createAdheseDevtools;
+const main = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  createAdheseDevtools
+}, Symbol.toStringTag, { value: "Module" }));
+exports.Devtools = Devtools$1;
+exports.main = main;
 //# sourceMappingURL=devtools.js.map