@highfivve/ad-tag 5.8.31 → 5.8.32

package/lib/console/components/globalConfig.js

@@ -33,7 +33,7 @@ export class GlobalConfig extends Component {
                 { id: 'dark', label: '🌔 dark' }
             ];
             const activeOption = options.find(option => option.id === themeConfig) ?? options[0];
-            return (React.createElement("div", { className: "d-dropdown d-dropdown-end ml-auto" },
+            return (React.createElement("div", { className: "d-dropdown d-dropdown-end ml-auto min-w-24" },
                 React.createElement("button", { tabIndex: 0, className: "d-btn d-btn-ghost d-btn-sm font-normal normal-case", title: "Appearance" },
                     activeOption.label,
                     " \u25BE"),
@@ -97,7 +97,7 @@ export class GlobalConfig extends Component {
                         React.createElement("div", { className: "text-xl" }, "\u2728"),
                         React.createElement("div", null,
                             React.createElement("div", { className: "break-all font-medium" }, slot.domId),
-                            React.createElement("div", { className: "text-xs font-semibold uppercase opacity-60" }, this.requestedSizesLabel(slot))),
+                            React.createElement("div", { className: "text-xs font-semibold opacity-60" }, this.requestedSizesLabel(slot))),
                         React.createElement("button", { className: "d-btn d-btn-ghost d-btn-sm font-normal normal-case", title: "Open in Ad Setup", onClick: () => this.openSlotInAdSetup(slot.domId) }, "details")))))))));
         };
         this.renderAdSetup = (config) => {
@@ -140,7 +140,7 @@ export class GlobalConfig extends Component {
                 config.prebid && (React.createElement(Block, { title: "Prebid", color: "prebid" },
                     React.createElement(TagContainer, null,
                         React.createElement(TagLabel, null, "Version"),
-                        window.pbjs.version ? (React.createElement(Tag, null, window.pbjs.version.toString())) : (React.createElement(Tag, { variant: "red" }, "Prebid not found"))),
+                        window.pbjs?.version ? (React.createElement(Tag, null, window.pbjs.version.toString())) : (React.createElement(Tag, { variant: "red" }, "Prebid not found"))),
                     React.createElement(TagContainer, null,
                         React.createElement(TagLabel, null, "Prebid debug"),
                         React.createElement(Tag, { variant: config.prebid.config.debug ? 'yellow' : undefined }, config.prebid.config.debug ? 'enabled' : 'disabled')),
@@ -168,8 +168,8 @@ export class GlobalConfig extends Component {
                             React.createElement(TagLabel, null, "Sync enabled"),
                             React.createElement(Tag, null, config.prebid.config.userSync.syncEnabled === undefined
                                 ? `${window.pbjs
-                                    .getConfig()
-                                    .userSync?.syncEnabled?.toString()} (default from prebid config - no value in moli config)`
+                                    ?.getConfig?.()
+                                    ?.userSync?.syncEnabled?.toString()} (default from prebid config - no value in moli config)`
                                 : config.prebid.config.userSync.syncEnabled.toString())),
                         config.prebid.config.userSync.syncDelay !== undefined && (React.createElement(TagContainer, null,
                             React.createElement(TagLabel, null, "Sync delay"),
@@ -377,7 +377,7 @@ export class GlobalConfig extends Component {
         this.labels = (labels) => {
             return (React.createElement("div", { className: "mt-2 flex flex-wrap items-center gap-y-1" },
                 labels &&
-                    labels.map((label, index) => (React.createElement(Tag, { key: index, variant: "blue", spacing: "medium" }, label))),
+                    labels.map((label, index) => (React.createElement(Tag, { key: index, variant: "grey", spacing: "medium" }, label))),
                 (!labels || labels.length === 0) && React.createElement("span", null, "No labels present.")));
         };
         this.filterSetting = (name, filterSetting) => {
@@ -393,7 +393,7 @@ export class GlobalConfig extends Component {
                     this.standardTagFromString(filterSetting.filter))));
         };
         this.standardTagFromString = (content) => {
-            return React.createElement(Tag, { key: content }, content);
+            return (React.createElement(Tag, { key: content, variant: "grey" }, content));
         };
         this.toggleSidebar = () => {
             this.setState({ sidebarHidden: !this.state.sidebarHidden });
@@ -433,7 +433,7 @@ export class GlobalConfig extends Component {
                     text: 'No prebid consentManagement configuration found.'
                 });
             }
-            if (!window.pbjs.version) {
+            if (!window.pbjs?.version) {
                 messages.push({
                     kind: 'error',
                     text: 'No prebid instance available! Either remove the prebid configuration or add prebid to the ad tag'
@@ -606,13 +606,28 @@ export class GlobalConfig extends Component {
             config && (React.createElement("div", { className: classes, "data-ref": debugSidebarSelector },
                 React.createElement("nav", { className: "sticky top-0 z-10 mb-3 flex items-center gap-3 bg-base-100 px-3 py-1" },
                     React.createElement(Tabs, { tabs: [
-                            { id: 'overview', label: 'Overview' },
-                            { id: 'adSetup', label: 'Ad Setup' },
-                            { id: 'debugging', label: React.createElement(React.Fragment, null,
-                                    "Debugging ",
-                                    this.validationCountTag()) }
+                            {
+                                id: 'overview',
+                                label: (React.createElement(React.Fragment, null,
+                                    React.createElement("span", { className: "sm:hidden" }, "\uD83C\uDFE0"),
+                                    React.createElement("span", { className: "hidden sm:inline" }, "Overview")))
+                            },
+                            {
+                                id: 'adSetup',
+                                label: (React.createElement(React.Fragment, null,
+                                    React.createElement("span", { className: "sm:hidden" }, "\u2699\uFE0F"),
+                                    React.createElement("span", { className: "hidden sm:inline" }, "Ad Setup")))
+                            },
+                            {
+                                id: 'debugging',
+                                label: (React.createElement(React.Fragment, null,
+                                    React.createElement("span", { className: "sm:hidden" }, "\uD83D\uDC1E"),
+                                    React.createElement("span", { className: "hidden sm:inline" }, "Debugging"),
+                                    ' ',
+                                    this.validationCountTag()))
+                            }
                         ], active: activeTab, onSelect: tab => this.setState({ activeTab: tab }) }),
-                    this.renderThemeDropdown(),
+                    React.createElement("div", { className: "hidden sm:block" }, this.renderThemeDropdown()),
                     React.createElement("button", { className: "d-btn d-btn-ghost d-btn-sm d-btn-square text-base", title: "Close moli console", onClick: this.toggleSidebar }, "\u2715")),
                 activeTab === 'overview' && this.renderOverview(config),
                 activeTab === 'adSetup' && this.renderAdSetup(config),

package/lib/console/components/ui.js

@@ -16,11 +16,11 @@ const sectionAccent = {
 export const Block = ({ title, color, children }) => (React.createElement("section", { className: classList('mb-4 border-l-4 bg-base-100 pl-3', sectionAccent[color]) },
     React.createElement("h4", { className: "mb-1 text-base font-semibold" }, title),
     React.createElement("div", { className: "pb-1 text-sm" }, children)));
-export const Tabs = ({ tabs, active, onSelect, className }) => (React.createElement("div", { role: "tablist", className: classList('d-tabs d-tabs-bordered', className ?? '') }, tabs.map(tab => (React.createElement("button", { key: tab.id, role: "tab", "aria-selected": tab.id === active, className: classList('d-tab border-x-0 border-t-0 bg-transparent font-semibold', [
+export const Tabs = ({ tabs, active, onSelect, className }) => (React.createElement("div", { role: "tablist", className: classList('d-tabs d-tabs-bordered w-full', className ?? '') }, tabs.map(tab => (React.createElement("button", { key: tab.id, role: "tab", "aria-selected": tab.id === active, className: classList('d-tab border-x-0 border-t-0 bg-transparent font-semibold', [
         tab.id === active,
         'd-tab-active'
     ]), onClick: () => onSelect(tab.id) }, tab.label)))));
-export const Toggle = ({ checked, disabled, title, onChange }) => (React.createElement("input", { type: "checkbox", className: "d-toggle d-toggle-secondary d-toggle-sm border border-solid border-base-300", checked: checked, disabled: disabled, title: title, onChange: e => onChange(e.target.checked) }));
+export const Toggle = ({ checked, disabled, title, onChange }) => (React.createElement("input", { type: "checkbox", className: "d-toggle d-toggle-secondary d-toggle-sm border border-solid border-primary", checked: checked, disabled: disabled, title: title, onChange: e => onChange(e.target.checked) }));
 export const TagContainer = ({ subEntry, children }) => (React.createElement("div", { className: classList('mt-2 flex flex-wrap items-center gap-y-1', [
         !!subEntry,
         "ml-2.5 before:mr-1 before:content-['↳']"

package/lib/gen/packageJson.js

@@ -1,3 +1,3 @@
 export const packageJson = {
-    version: '5.8.31'
+    version: '5.8.32'
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@highfivve/ad-tag",
-  "version": "5.8.31",
+  "version": "5.8.32",
   "license": "Apache-2.0",
   "description": "An ad tag implementation called moli",
   "main": "./lib/index.js",