@c15t/dev-tools 0.0.1-rc.3 → 0.0.1-rc.4

package/dist/router/router.cjs

@@ -1,278 +1,158 @@
 'use client';
-'use strict';
+"use strict";
 var __webpack_require__ = {};
-(() => {
-	__webpack_require__.d = function (exports1, definition) {
-		for (var key in definition)
-			if (
-				__webpack_require__.o(definition, key) &&
-				!__webpack_require__.o(exports1, key)
-			)
-				Object.defineProperty(exports1, key, {
-					enumerable: true,
-					get: definition[key],
-				});
-	};
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
 })();
-(() => {
-	__webpack_require__.o = function (obj, prop) {
-		return Object.prototype.hasOwnProperty.call(obj, prop);
-	};
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
 })();
-(() => {
-	__webpack_require__.r = function (exports1) {
-		if ('undefined' != typeof Symbol && Symbol.toStringTag)
-			Object.defineProperty(exports1, Symbol.toStringTag, {
-				value: 'Module',
-			});
-		Object.defineProperty(exports1, '__esModule', {
-			value: true,
-		});
-	};
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
 })();
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-	Router: () => Router,
+    Router: ()=>Router
 });
-const jsx_runtime_namespaceObject = require('react/jsx-runtime');
-const external_lucide_react_namespaceObject = require('lucide-react');
-const react_namespaceObject = require('motion/react');
-const external_react_namespaceObject = require('react');
-const button_cjs_namespaceObject = require('../components/ui/button.cjs');
-const expandable_tabs_cjs_namespaceObject = require('../components/ui/expandable-tabs.cjs');
-const scroll_area_cjs_namespaceObject = require('../components/ui/scroll-area.cjs');
-const external_dev_tool_cjs_namespaceObject = require('../dev-tool.cjs');
-const utils_cjs_namespaceObject = require('../libs/utils.cjs');
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const react_namespaceObject = require("motion/react");
+const external_react_namespaceObject = require("react");
+const expandable_tabs_cjs_namespaceObject = require("../components/ui/expandable-tabs.cjs");
+const scroll_area_cjs_namespaceObject = require("../components/ui/scroll-area.cjs");
+const external_dev_tool_cjs_namespaceObject = require("../dev-tool.cjs");
+const badge_cjs_namespaceObject = require("../components/ui/badge.cjs");
 const tabs = [
-	{
-		title: 'Consents',
-		icon: external_lucide_react_namespaceObject.ToggleLeft,
-	},
-	{
-		title: 'Compliance',
-		icon: external_lucide_react_namespaceObject.GanttChartSquare,
-	},
+    {
+        title: 'Consents',
+        icon: external_lucide_react_namespaceObject.ToggleLeft
+    },
+    {
+        title: 'Compliance',
+        icon: external_lucide_react_namespaceObject.GanttChartSquare
+    }
 ];
-function Router({ onClose }) {
-	const privacyConsent = (0, external_dev_tool_cjs_namespaceObject.getStore)();
-	const { clearAllData, setIsPrivacyDialogOpen, setShowPopup } = privacyConsent;
-	const [activeSection, setActiveSection] = (0,
-	external_react_namespaceObject.useState)('Consents');
-	const handleTabChange = (0, external_react_namespaceObject.useCallback)(
-		(index) => {
-			if (null !== index) setActiveSection(tabs[index].title);
-		},
-		[]
-	);
-	const renderingState = [
-		{
-			componentName: 'MarketingContent',
-			consentType: 'marketing',
-		},
-		{
-			componentName: 'AnalyticsContent',
-			consentType: 'measurement',
-		},
-		{
-			componentName: 'PersonalizationComponent',
-			consentType: 'ad_personalization',
-		},
-	];
-	const contentItems =
-		'Consents' === activeSection
-			? Object.entries(privacyConsent.consents).map(([name, value]) => ({
-					title: name,
-					status: value ? 'Enabled' : 'Disabled',
-				}))
-			: 'Compliance' === activeSection
-				? Object.entries(privacyConsent.complianceSettings).map(
-						([region, settings]) => ({
-							title: region,
-							status: settings.enabled ? 'Active' : 'Inactive',
-						})
-					)
-				: 'Conditional' === activeSection
-					? renderingState.map((item) => ({
-							title: item.componentName,
-							status: 'Rendered',
-							details: `Requires: ${item.consentType}`,
-						}))
-					: [];
-	const handleResetConsent = (0,
-	external_react_namespaceObject.useCallback)(() => {
-		clearAllData();
-		onClose();
-	}, [clearAllData, onClose]);
-	const handleOpenPrivacyModal = (0,
-	external_react_namespaceObject.useCallback)(() => {
-		setIsPrivacyDialogOpen(true);
-	}, [setIsPrivacyDialogOpen]);
-	const handleOpenCookiePopup = (0,
-	external_react_namespaceObject.useCallback)(() => {
-		setShowPopup(true);
-	}, [setShowPopup]);
-	return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
-		jsx_runtime_namespaceObject.Fragment,
-		{
-			children: [
-				/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
-					className: 'border-b p-4',
-					children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-						expandable_tabs_cjs_namespaceObject.ExpandableTabs,
-						{
-							tabs: Array.from(tabs),
-							activeColor: 'text-primary',
-							className: 'border-muted',
-							onChange: handleTabChange,
-						}
-					),
-				}),
-				/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-					scroll_area_cjs_namespaceObject.ScrollArea,
-					{
-						className: 'h-[300px]',
-						children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-							react_namespaceObject.motion.div,
-							{
-								className: 'space-y-2 p-4',
-								initial: {
-									opacity: 0,
-								},
-								animate: {
-									opacity: 1,
-								},
-								exit: {
-									opacity: 0,
-								},
-								children: contentItems.map((item, index) =>
-									/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
-										react_namespaceObject.motion.div,
-										{
-											className:
-												'flex items-center justify-between rounded-lg border bg-card p-3',
-											initial: {
-												opacity: 0,
-												y: 20,
-											},
-											animate: {
-												opacity: 1,
-												y: 0,
-											},
-											transition: {
-												delay: 0.05 * index,
-											},
-											children: [
-												/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
-													'div',
-													{
-														className: 'flex flex-col',
-														children: [
-															/*#__PURE__*/ (0,
-															jsx_runtime_namespaceObject.jsx)('span', {
-																className: 'font-medium text-sm',
-																children: item.title,
-															}),
-															item.details &&
-																/*#__PURE__*/ (0,
-																jsx_runtime_namespaceObject.jsx)('span', {
-																	className: 'text-muted-foreground text-xs',
-																	children: item.details,
-																}),
-														],
-													}
-												),
-												/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-													'span',
-													{
-														className: (0, utils_cjs_namespaceObject.cn)(
-															'rounded-full px-2 py-1 text-xs',
-															'Enabled' === item.status ||
-																'Active' === item.status ||
-																'active' === item.status ||
-																'Rendered' === item.status
-																? 'bg-green-100 text-green-800'
-																: 'bg-red-100 text-red-800'
-														),
-														children: item.status,
-													}
-												),
-											],
-										},
-										`${activeSection}-${item.title}`
-									)
-								),
-							}
-						),
-					}
-				),
-				/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)('div', {
-					className: 'border-t p-4',
-					children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)('div', {
-						className: 'flex flex-col gap-2',
-						children: [
-							/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
-								button_cjs_namespaceObject.Button,
-								{
-									variant: 'outline',
-									size: 'sm',
-									onClick: handleResetConsent,
-									children: [
-										/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-											external_lucide_react_namespaceObject.RefreshCw,
-											{
-												className: 'mr-2 h-4 w-4',
-											}
-										),
-										'Reset Local Storage Consent',
-									],
-								}
-							),
-							/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
-								button_cjs_namespaceObject.Button,
-								{
-									variant: 'outline',
-									size: 'sm',
-									onClick: handleOpenPrivacyModal,
-									children: [
-										/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-											external_lucide_react_namespaceObject.FileText,
-											{
-												className: 'mr-2 h-4 w-4',
-											}
-										),
-										'Open Privacy Settings',
-									],
-								}
-							),
-							/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(
-								button_cjs_namespaceObject.Button,
-								{
-									variant: 'outline',
-									size: 'sm',
-									onClick: handleOpenCookiePopup,
-									children: [
-										/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(
-											external_lucide_react_namespaceObject.Cookie,
-											{
-												className: 'mr-2 h-4 w-4',
-											}
-										),
-										'Open Cookie Popup',
-									],
-								}
-							),
-						],
-					}),
-				}),
-			],
-		}
-	);
+function Router({ onClose: _onClose }) {
+    const privacyConsent = (0, external_dev_tool_cjs_namespaceObject.getStore)();
+    const [activeSection, setActiveSection] = (0, external_react_namespaceObject.useState)('Consents');
+    const handleTabChange = (0, external_react_namespaceObject.useCallback)((index)=>{
+        if (null !== index) setActiveSection(tabs[index].title);
+    }, []);
+    const renderingState = [
+        {
+            componentName: 'MarketingContent',
+            consentType: 'marketing'
+        },
+        {
+            componentName: 'AnalyticsContent',
+            consentType: 'measurement'
+        },
+        {
+            componentName: 'PersonalizationComponent',
+            consentType: 'ad_personalization'
+        }
+    ];
+    const contentItems = (()=>{
+        switch(activeSection){
+            case 'Consents':
+                return Object.entries(privacyConsent.consents).map(([name, value])=>({
+                        title: name,
+                        status: value ? 'Enabled' : 'Disabled'
+                    }));
+            case 'Compliance':
+                return Object.entries(privacyConsent.complianceSettings).map(([region, settings])=>({
+                        title: region,
+                        status: settings.enabled ? 'Active' : 'Inactive'
+                    }));
+            case 'Conditional':
+                return renderingState.map((item)=>({
+                        title: item.componentName,
+                        status: 'Rendered',
+                        details: `Requires: ${item.consentType}`
+                    }));
+            default:
+                return [];
+        }
+    })();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "border-b p-4",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(expandable_tabs_cjs_namespaceObject.ExpandableTabs, {
+                    tabs: Array.from(tabs),
+                    activeColor: "text-primary",
+                    className: "border-muted",
+                    onChange: handleTabChange
+                })
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(scroll_area_cjs_namespaceObject.ScrollArea, {
+                className: "h-[300px]",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.motion.div, {
+                    className: "space-y-2 p-4",
+                    initial: {
+                        opacity: 0
+                    },
+                    animate: {
+                        opacity: 1
+                    },
+                    exit: {
+                        opacity: 0
+                    },
+                    children: contentItems.map((item, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_namespaceObject.motion.div, {
+                            className: "flex items-center justify-between rounded-lg border bg-card p-3",
+                            initial: {
+                                opacity: 0,
+                                y: 20
+                            },
+                            animate: {
+                                opacity: 1,
+                                y: 0
+                            },
+                            transition: {
+                                delay: 0.05 * index
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                    className: "flex flex-col",
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                            className: "font-medium text-sm",
+                                            children: item.title
+                                        }),
+                                        item.details && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                            className: "text-muted-foreground text-xs",
+                                            children: item.details
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
+                                    variant: 'Enabled' === item.status || 'Active' === item.status || 'active' === item.status || 'Rendered' === item.status ? 'default' : 'destructive',
+                                    children: item.status
+                                })
+                            ]
+                        }, `${activeSection}-${item.title}`))
+                })
+            })
+        ]
+    });
 }
 var __webpack_export_target__ = exports;
-for (var __webpack_i__ in __webpack_exports__)
-	__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
-if (__webpack_exports__.__esModule)
-	Object.defineProperty(__webpack_export_target__, '__esModule', {
-		value: true,
-	});
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/dist/router/router.d.ts

@@ -1,8 +1,6 @@
 interface RouterProps {
-	onClose: () => void;
+    onClose: () => void;
 }
-export declare function Router({
-	onClose,
-}: RouterProps): import('react/jsx-runtime').JSX.Element;
+export declare function Router({ onClose: _onClose }: RouterProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=router.d.ts.map
+//# sourceMappingURL=router.d.ts.map

package/dist/router/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/router/router.tsx"],"names":[],"mappings":"AAgCA,UAAU,WAAW;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,EAAE,WAAW,2CA+H9C"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../../src/router/router.tsx"],"names":[],"mappings":"AAyBA,UAAU,WAAW;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,WAAW,2CAkIxD"}