@akbarsafari00/bonyan-content-type-builder 5.52.1-fa.2

package/dist/admin/components/BooleanRadioGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanRadioGroup.mjs","sources":["../../../admin/src/components/BooleanRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { CustomRadioGroup } from './CustomRadioGroup';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\n\r\ninterface BooleanRadioGroupProps {\r\n  intlLabel: IntlLabel;\r\n  name: string;\r\n  onChange: FormChangeHandler<boolean, 'boolean-radio-group'>;\r\n}\r\n\r\nexport const BooleanRadioGroup = ({\r\n  onChange,\r\n  name,\r\n  intlLabel,\r\n  ...rest\r\n}: BooleanRadioGroupProps) => {\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const checked = e.target.value !== 'false';\r\n\r\n    onChange({ target: { name, value: checked, type: 'boolean-radio-group' } });\r\n  };\r\n\r\n  return <CustomRadioGroup {...rest} name={name} onChange={handleChange} intlLabel={intlLabel} />;\r\n};\r\n"],"names":["BooleanRadioGroup","onChange","name","intlLabel","rest","handleChange","e","checked","target","value","type","_jsx","CustomRadioGroup"],"mappings":";;;;AAYO,MAAMA,iBAAAA,GAAoB,CAAC,EAChCC,QAAQ,EACRC,IAAI,EACJC,SAAS,EACT,GAAGC,IAAAA,EACoB,GAAA;AACvB,IAAA,MAAMC,eAAe,CAACC,CAAAA,GAAAA;AACpB,QAAA,MAAMC,OAAAA,GAAUD,CAAAA,CAAEE,MAAM,CAACC,KAAK,KAAK,OAAA;QAEnCR,QAAAA,CAAS;YAAEO,MAAAA,EAAQ;AAAEN,gBAAAA,IAAAA;gBAAMO,KAAAA,EAAOF,OAAAA;gBAASG,IAAAA,EAAM;AAAsB;AAAE,SAAA,CAAA;AAC3E,IAAA,CAAA;AAEA,IAAA,qBAAOC,GAAA,CAACC,gBAAAA,EAAAA;AAAkB,QAAA,GAAGR,IAAI;QAAEF,IAAAA,EAAMA,IAAAA;QAAMD,QAAAA,EAAUI,YAAAA;QAAcF,SAAAA,EAAWA;;AACpF;;;;"}

package/dist/admin/components/CTBSession/CTBSessionProvider.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var sessionContext = require('./sessionContext.js');
+
+/**
+ * Generates a unique session identifier for CTB tracking
+ * Uses crypto.randomUUID() for guaranteed uniqueness and readability
+ *
+ * @returns Session ID in format: ctb-{uuid}
+ */ const generateSessionId = ()=>{
+    if (crypto.randomUUID) {
+        return `ctb-${crypto.randomUUID()}`;
+    }
+};
+/**
+ * Provider for CTB session tracking context.
+ *
+ * This provider should wrap components that need to track CTB events with session IDs.
+ * It manages the session ID lifecycle and provides methods to regenerate it when needed.
+ *
+ * Usage:
+ * ```tsx
+ * <CTBSessionProvider>
+ *       {children}
+ * </CTBSessionProvider>
+ * ```
+ */ const CTBSessionProvider = ({ children })=>{
+    const [sessionId, setSessionId] = React.useState(()=>generateSessionId());
+    const regenerateSessionId = React.useCallback(()=>{
+        setSessionId(generateSessionId());
+    }, []);
+    const value = React.useMemo(()=>({
+            sessionId,
+            regenerateSessionId
+        }), [
+        sessionId,
+        regenerateSessionId
+    ]);
+    return /*#__PURE__*/ jsxRuntime.jsx(sessionContext.CTBSessionContext.Provider, {
+        value: value,
+        children: children
+    });
+};
+
+exports.CTBSessionProvider = CTBSessionProvider;
+exports.generateSessionId = generateSessionId;
+//# sourceMappingURL=CTBSessionProvider.js.map

package/dist/admin/components/CTBSession/CTBSessionProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTBSessionProvider.js","sources":["../../../../admin/src/components/CTBSession/CTBSessionProvider.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, type ReactNode } from 'react';\r\n\r\nimport { CTBSessionContext } from './sessionContext';\r\n\r\ninterface CTBSessionProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\n/**\r\n * Generates a unique session identifier for CTB tracking\r\n * Uses crypto.randomUUID() for guaranteed uniqueness and readability\r\n *\r\n * @returns Session ID in format: ctb-{uuid}\r\n */\r\nexport const generateSessionId = (): string | undefined => {\r\n  if (crypto.randomUUID) {\r\n    return `ctb-${crypto.randomUUID()}`;\r\n  }\r\n};\r\n\r\n/**\r\n * Provider for CTB session tracking context.\r\n *\r\n * This provider should wrap components that need to track CTB events with session IDs.\r\n * It manages the session ID lifecycle and provides methods to regenerate it when needed.\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <CTBSessionProvider>\r\n *       {children}\r\n * </CTBSessionProvider>\r\n * ```\r\n */\r\nexport const CTBSessionProvider = ({ children }: CTBSessionProviderProps) => {\r\n  const [sessionId, setSessionId] = useState(() => generateSessionId());\r\n\r\n  const regenerateSessionId = useCallback(() => {\r\n    setSessionId(generateSessionId());\r\n  }, []);\r\n\r\n  const value = useMemo(\r\n    () => ({\r\n      sessionId,\r\n      regenerateSessionId,\r\n    }),\r\n    [sessionId, regenerateSessionId]\r\n  );\r\n\r\n  return <CTBSessionContext.Provider value={value}>{children}</CTBSessionContext.Provider>;\r\n};\r\n"],"names":["generateSessionId","crypto","randomUUID","CTBSessionProvider","children","sessionId","setSessionId","useState","regenerateSessionId","useCallback","value","useMemo","_jsx","CTBSessionContext","Provider"],"mappings":";;;;;;AAQA;;;;;UAMaA,iBAAAA,GAAoB,IAAA;IAC/B,IAAIC,MAAAA,CAAOC,UAAU,EAAE;AACrB,QAAA,OAAO,CAAC,IAAI,EAAED,MAAAA,CAAOC,UAAU,EAAA,CAAA,CAAI;AACrC,IAAA;AACF;AAEA;;;;;;;;;;;;AAYC,IACM,MAAMC,kBAAAA,GAAqB,CAAC,EAAEC,QAAQ,EAA2B,GAAA;AACtE,IAAA,MAAM,CAACC,SAAAA,EAAWC,YAAAA,CAAa,GAAGC,eAAS,IAAMP,iBAAAA,EAAAA,CAAAA;AAEjD,IAAA,MAAMQ,sBAAsBC,iBAAAA,CAAY,IAAA;QACtCH,YAAAA,CAAaN,iBAAAA,EAAAA,CAAAA;AACf,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMU,KAAAA,GAAQC,aAAAA,CACZ,KAAO;AACLN,YAAAA,SAAAA;AACAG,YAAAA;AACF,SAAA,CAAA,EACA;AAACH,QAAAA,SAAAA;AAAWG,QAAAA;AAAoB,KAAA,CAAA;IAGlC,qBAAOI,cAAA,CAACC,iCAAkBC,QAAQ,EAAA;QAACJ,KAAAA,EAAOA,KAAAA;AAAQN,QAAAA,QAAAA,EAAAA;;AACpD;;;;;"}

package/dist/admin/components/CTBSession/CTBSessionProvider.mjs

@@ -0,0 +1,46 @@
+import { jsx } from 'react/jsx-runtime';
+import { useState, useCallback, useMemo } from 'react';
+import { CTBSessionContext } from './sessionContext.mjs';
+
+/**
+ * Generates a unique session identifier for CTB tracking
+ * Uses crypto.randomUUID() for guaranteed uniqueness and readability
+ *
+ * @returns Session ID in format: ctb-{uuid}
+ */ const generateSessionId = ()=>{
+    if (crypto.randomUUID) {
+        return `ctb-${crypto.randomUUID()}`;
+    }
+};
+/**
+ * Provider for CTB session tracking context.
+ *
+ * This provider should wrap components that need to track CTB events with session IDs.
+ * It manages the session ID lifecycle and provides methods to regenerate it when needed.
+ *
+ * Usage:
+ * ```tsx
+ * <CTBSessionProvider>
+ *       {children}
+ * </CTBSessionProvider>
+ * ```
+ */ const CTBSessionProvider = ({ children })=>{
+    const [sessionId, setSessionId] = useState(()=>generateSessionId());
+    const regenerateSessionId = useCallback(()=>{
+        setSessionId(generateSessionId());
+    }, []);
+    const value = useMemo(()=>({
+            sessionId,
+            regenerateSessionId
+        }), [
+        sessionId,
+        regenerateSessionId
+    ]);
+    return /*#__PURE__*/ jsx(CTBSessionContext.Provider, {
+        value: value,
+        children: children
+    });
+};
+
+export { CTBSessionProvider, generateSessionId };
+//# sourceMappingURL=CTBSessionProvider.mjs.map

package/dist/admin/components/CTBSession/CTBSessionProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTBSessionProvider.mjs","sources":["../../../../admin/src/components/CTBSession/CTBSessionProvider.tsx"],"sourcesContent":["import { useState, useCallback, useMemo, type ReactNode } from 'react';\r\n\r\nimport { CTBSessionContext } from './sessionContext';\r\n\r\ninterface CTBSessionProviderProps {\r\n  children: ReactNode;\r\n}\r\n\r\n/**\r\n * Generates a unique session identifier for CTB tracking\r\n * Uses crypto.randomUUID() for guaranteed uniqueness and readability\r\n *\r\n * @returns Session ID in format: ctb-{uuid}\r\n */\r\nexport const generateSessionId = (): string | undefined => {\r\n  if (crypto.randomUUID) {\r\n    return `ctb-${crypto.randomUUID()}`;\r\n  }\r\n};\r\n\r\n/**\r\n * Provider for CTB session tracking context.\r\n *\r\n * This provider should wrap components that need to track CTB events with session IDs.\r\n * It manages the session ID lifecycle and provides methods to regenerate it when needed.\r\n *\r\n * Usage:\r\n * ```tsx\r\n * <CTBSessionProvider>\r\n *       {children}\r\n * </CTBSessionProvider>\r\n * ```\r\n */\r\nexport const CTBSessionProvider = ({ children }: CTBSessionProviderProps) => {\r\n  const [sessionId, setSessionId] = useState(() => generateSessionId());\r\n\r\n  const regenerateSessionId = useCallback(() => {\r\n    setSessionId(generateSessionId());\r\n  }, []);\r\n\r\n  const value = useMemo(\r\n    () => ({\r\n      sessionId,\r\n      regenerateSessionId,\r\n    }),\r\n    [sessionId, regenerateSessionId]\r\n  );\r\n\r\n  return <CTBSessionContext.Provider value={value}>{children}</CTBSessionContext.Provider>;\r\n};\r\n"],"names":["generateSessionId","crypto","randomUUID","CTBSessionProvider","children","sessionId","setSessionId","useState","regenerateSessionId","useCallback","value","useMemo","_jsx","CTBSessionContext","Provider"],"mappings":";;;;AAQA;;;;;UAMaA,iBAAAA,GAAoB,IAAA;IAC/B,IAAIC,MAAAA,CAAOC,UAAU,EAAE;AACrB,QAAA,OAAO,CAAC,IAAI,EAAED,MAAAA,CAAOC,UAAU,EAAA,CAAA,CAAI;AACrC,IAAA;AACF;AAEA;;;;;;;;;;;;AAYC,IACM,MAAMC,kBAAAA,GAAqB,CAAC,EAAEC,QAAQ,EAA2B,GAAA;AACtE,IAAA,MAAM,CAACC,SAAAA,EAAWC,YAAAA,CAAa,GAAGC,SAAS,IAAMP,iBAAAA,EAAAA,CAAAA;AAEjD,IAAA,MAAMQ,sBAAsBC,WAAAA,CAAY,IAAA;QACtCH,YAAAA,CAAaN,iBAAAA,EAAAA,CAAAA;AACf,IAAA,CAAA,EAAG,EAAE,CAAA;IAEL,MAAMU,KAAAA,GAAQC,OAAAA,CACZ,KAAO;AACLN,YAAAA,SAAAA;AACAG,YAAAA;AACF,SAAA,CAAA,EACA;AAACH,QAAAA,SAAAA;AAAWG,QAAAA;AAAoB,KAAA,CAAA;IAGlC,qBAAOI,GAAA,CAACC,kBAAkBC,QAAQ,EAAA;QAACJ,KAAAA,EAAOA,KAAAA;AAAQN,QAAAA,QAAAA,EAAAA;;AACpD;;;;"}

package/dist/admin/components/CTBSession/sessionContext.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var React = require('react');
+
+const CTBSessionContext = React.createContext(null);
+
+exports.CTBSessionContext = CTBSessionContext;
+//# sourceMappingURL=sessionContext.js.map

package/dist/admin/components/CTBSession/sessionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sessionContext.js","sources":["../../../../admin/src/components/CTBSession/sessionContext.ts"],"sourcesContent":["import { createContext } from 'react';\r\n\r\n/**\r\n * Context for managing CTB (Content Type Builder) session tracking.\r\n *\r\n * Session Lifecycle:\r\n * - Created: When CTBSessionProvider mounts\r\n * - Regenerated: After server restart, when navigating back to CTB from another page\r\n * - Used: Automatically attached to all CTB tracking events\r\n *\r\n * The session ID groups related tracking events together to understand user workflows\r\n * within a single CTB session.\r\n */\r\nexport interface CTBSessionContextValue {\r\n  /**\r\n   * Unique identifier for the current CTB session\r\n   * Format: ctb-{uuid}\r\n   */\r\n  sessionId: string | undefined;\r\n\r\n  /**\r\n   * Generates and sets a new session ID\r\n   * Called when starting a new CTB session (e.g., after navigation or server restart)\r\n   */\r\n  regenerateSessionId: () => void;\r\n}\r\n\r\nexport const CTBSessionContext = createContext<CTBSessionContextValue | null>(null);\r\n"],"names":["CTBSessionContext","createContext"],"mappings":";;;;AA2BO,MAAMA,iBAAAA,GAAoBC,mBAAAA,CAA6C,IAAA;;;;"}

package/dist/admin/components/CTBSession/sessionContext.mjs

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+const CTBSessionContext = createContext(null);
+
+export { CTBSessionContext };
+//# sourceMappingURL=sessionContext.mjs.map

package/dist/admin/components/CTBSession/sessionContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sessionContext.mjs","sources":["../../../../admin/src/components/CTBSession/sessionContext.ts"],"sourcesContent":["import { createContext } from 'react';\r\n\r\n/**\r\n * Context for managing CTB (Content Type Builder) session tracking.\r\n *\r\n * Session Lifecycle:\r\n * - Created: When CTBSessionProvider mounts\r\n * - Regenerated: After server restart, when navigating back to CTB from another page\r\n * - Used: Automatically attached to all CTB tracking events\r\n *\r\n * The session ID groups related tracking events together to understand user workflows\r\n * within a single CTB session.\r\n */\r\nexport interface CTBSessionContextValue {\r\n  /**\r\n   * Unique identifier for the current CTB session\r\n   * Format: ctb-{uuid}\r\n   */\r\n  sessionId: string | undefined;\r\n\r\n  /**\r\n   * Generates and sets a new session ID\r\n   * Called when starting a new CTB session (e.g., after navigation or server restart)\r\n   */\r\n  regenerateSessionId: () => void;\r\n}\r\n\r\nexport const CTBSessionContext = createContext<CTBSessionContextValue | null>(null);\r\n"],"names":["CTBSessionContext","createContext"],"mappings":";;AA2BO,MAAMA,iBAAAA,GAAoBC,aAAAA,CAA6C,IAAA;;;;"}

package/dist/admin/components/CTBSession/useCTBSession.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var React = require('react');
+var sessionContext = require('./sessionContext.js');
+
+/**
+ * Hook to access the current CTB session context.
+ *
+ * @throws Error if used outside of CTBSessionProvider
+ * @returns The CTB session context containing sessionId and regenerateSessionId
+ *
+ * @example
+ * ```tsx
+ * const { sessionId, regenerateSessionId } = useCTBSession();
+ * ```
+ */ const useCTBSession = ()=>{
+    const context = React.useContext(sessionContext.CTBSessionContext);
+    if (!context) {
+        throw new Error('useCTBSession must be used within a CTBSessionProvider');
+    }
+    return context;
+};
+
+exports.useCTBSession = useCTBSession;
+//# sourceMappingURL=useCTBSession.js.map

package/dist/admin/components/CTBSession/useCTBSession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCTBSession.js","sources":["../../../../admin/src/components/CTBSession/useCTBSession.ts"],"sourcesContent":["import { useContext } from 'react';\r\n\r\nimport { CTBSessionContext } from './sessionContext';\r\n\r\n/**\r\n * Hook to access the current CTB session context.\r\n *\r\n * @throws Error if used outside of CTBSessionProvider\r\n * @returns The CTB session context containing sessionId and regenerateSessionId\r\n *\r\n * @example\r\n * ```tsx\r\n * const { sessionId, regenerateSessionId } = useCTBSession();\r\n * ```\r\n */\r\nexport const useCTBSession = () => {\r\n  const context = useContext(CTBSessionContext);\r\n\r\n  if (!context) {\r\n    throw new Error('useCTBSession must be used within a CTBSessionProvider');\r\n  }\r\n\r\n  return context;\r\n};\r\n"],"names":["useCTBSession","context","useContext","CTBSessionContext","Error"],"mappings":";;;;;AAIA;;;;;;;;;;UAWaA,aAAAA,GAAgB,IAAA;AAC3B,IAAA,MAAMC,UAAUC,gBAAAA,CAAWC,gCAAAA,CAAAA;AAE3B,IAAA,IAAI,CAACF,OAAAA,EAAS;AACZ,QAAA,MAAM,IAAIG,KAAAA,CAAM,wDAAA,CAAA;AAClB,IAAA;IAEA,OAAOH,OAAAA;AACT;;;;"}

package/dist/admin/components/CTBSession/useCTBSession.mjs

@@ -0,0 +1,23 @@
+import { useContext } from 'react';
+import { CTBSessionContext } from './sessionContext.mjs';
+
+/**
+ * Hook to access the current CTB session context.
+ *
+ * @throws Error if used outside of CTBSessionProvider
+ * @returns The CTB session context containing sessionId and regenerateSessionId
+ *
+ * @example
+ * ```tsx
+ * const { sessionId, regenerateSessionId } = useCTBSession();
+ * ```
+ */ const useCTBSession = ()=>{
+    const context = useContext(CTBSessionContext);
+    if (!context) {
+        throw new Error('useCTBSession must be used within a CTBSessionProvider');
+    }
+    return context;
+};
+
+export { useCTBSession };
+//# sourceMappingURL=useCTBSession.mjs.map

package/dist/admin/components/CTBSession/useCTBSession.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCTBSession.mjs","sources":["../../../../admin/src/components/CTBSession/useCTBSession.ts"],"sourcesContent":["import { useContext } from 'react';\r\n\r\nimport { CTBSessionContext } from './sessionContext';\r\n\r\n/**\r\n * Hook to access the current CTB session context.\r\n *\r\n * @throws Error if used outside of CTBSessionProvider\r\n * @returns The CTB session context containing sessionId and regenerateSessionId\r\n *\r\n * @example\r\n * ```tsx\r\n * const { sessionId, regenerateSessionId } = useCTBSession();\r\n * ```\r\n */\r\nexport const useCTBSession = () => {\r\n  const context = useContext(CTBSessionContext);\r\n\r\n  if (!context) {\r\n    throw new Error('useCTBSession must be used within a CTBSessionProvider');\r\n  }\r\n\r\n  return context;\r\n};\r\n"],"names":["useCTBSession","context","useContext","CTBSessionContext","Error"],"mappings":";;;AAIA;;;;;;;;;;UAWaA,aAAAA,GAAgB,IAAA;AAC3B,IAAA,MAAMC,UAAUC,UAAAA,CAAWC,iBAAAA,CAAAA;AAE3B,IAAA,IAAI,CAACF,OAAAA,EAAS;AACZ,QAAA,MAAM,IAAIG,KAAAA,CAAM,wDAAA,CAAA;AAClB,IAAA;IAEA,OAAOH,OAAAA;AACT;;;;"}

package/dist/admin/components/CTBSession/useCTBTracking.js

@@ -0,0 +1,37 @@
+'use strict';
+
+var React = require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var useCTBSession = require('./useCTBSession.js');
+
+/**
+ * Hook that provides tracking functionality with automatic CTB session ID inclusion.
+ * This version accepts arbitrary event names (string) to allow feature-specific
+ * events that are not yet declared in the central tracking typings.
+ *
+ * Note: this intentionally relaxes TypeScript restrictions so callers can
+ * emit new tracking event names without needing to update the upstream
+ * tracking type definitions. The session ID is merged into the properties
+ * object before forwarding to the original tracking implementation.
+ */ const useCTBTracking = ()=>{
+    const { trackUsage: originalTrackUsage } = strapiAdmin.useTracking();
+    const { sessionId } = useCTBSession.useCTBSession();
+    const trackUsage = React.useCallback((event, properties)=>{
+        const enhancedProperties = {
+            ...properties,
+            ctbSessionId: sessionId
+        };
+        // The admin tracking API is typed for declared events, but CTB emits extension events too.
+        const trackDynamicEvent = originalTrackUsage;
+        return trackDynamicEvent(event, enhancedProperties);
+    }, [
+        originalTrackUsage,
+        sessionId
+    ]);
+    return {
+        trackUsage
+    };
+};
+
+exports.useCTBTracking = useCTBTracking;
+//# sourceMappingURL=useCTBTracking.js.map

package/dist/admin/components/CTBSession/useCTBTracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCTBTracking.js","sources":["../../../../admin/src/components/CTBSession/useCTBTracking.ts"],"sourcesContent":["import { useCallback } from 'react';\r\n\r\nimport { useTracking } from '@strapi/admin/strapi-admin';\r\n\r\nimport { useCTBSession } from './useCTBSession';\r\n\r\ntype TrackUsageWithDynamicEvent = (\r\n  event: string,\r\n  properties: Record<string, unknown>\r\n) => ReturnType<ReturnType<typeof useTracking>['trackUsage']>;\r\n\r\n/**\r\n * Hook that provides tracking functionality with automatic CTB session ID inclusion.\r\n * This version accepts arbitrary event names (string) to allow feature-specific\r\n * events that are not yet declared in the central tracking typings.\r\n *\r\n * Note: this intentionally relaxes TypeScript restrictions so callers can\r\n * emit new tracking event names without needing to update the upstream\r\n * tracking type definitions. The session ID is merged into the properties\r\n * object before forwarding to the original tracking implementation.\r\n */\r\nexport const useCTBTracking = () => {\r\n  const { trackUsage: originalTrackUsage } = useTracking();\r\n  const { sessionId } = useCTBSession();\r\n\r\n  const trackUsage = useCallback(\r\n    (event: string, properties?: Record<string, unknown>) => {\r\n      const enhancedProperties = {\r\n        ...properties,\r\n        ctbSessionId: sessionId,\r\n      };\r\n\r\n      // The admin tracking API is typed for declared events, but CTB emits extension events too.\r\n      const trackDynamicEvent = originalTrackUsage as unknown as TrackUsageWithDynamicEvent;\r\n\r\n      return trackDynamicEvent(event, enhancedProperties);\r\n    },\r\n    [originalTrackUsage, sessionId]\r\n  );\r\n\r\n  return { trackUsage };\r\n};\r\n"],"names":["useCTBTracking","trackUsage","originalTrackUsage","useTracking","sessionId","useCTBSession","useCallback","event","properties","enhancedProperties","ctbSessionId","trackDynamicEvent"],"mappings":";;;;;;AAWA;;;;;;;;;UAUaA,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAM,EAAEC,UAAAA,EAAYC,kBAAkB,EAAE,GAAGC,uBAAAA,EAAAA;IAC3C,MAAM,EAAEC,SAAS,EAAE,GAAGC,2BAAAA,EAAAA;IAEtB,MAAMJ,UAAAA,GAAaK,iBAAAA,CACjB,CAACC,KAAAA,EAAeC,UAAAA,GAAAA;AACd,QAAA,MAAMC,kBAAAA,GAAqB;AACzB,YAAA,GAAGD,UAAU;YACbE,YAAAA,EAAcN;AAChB,SAAA;;AAGA,QAAA,MAAMO,iBAAAA,GAAoBT,kBAAAA;AAE1B,QAAA,OAAOS,kBAAkBJ,KAAAA,EAAOE,kBAAAA,CAAAA;IAClC,CAAA,EACA;AAACP,QAAAA,kBAAAA;AAAoBE,QAAAA;AAAU,KAAA,CAAA;IAGjC,OAAO;AAAEH,QAAAA;AAAW,KAAA;AACtB;;;;"}

package/dist/admin/components/CTBSession/useCTBTracking.mjs

@@ -0,0 +1,35 @@
+import { useCallback } from 'react';
+import { useTracking } from '@strapi/admin/strapi-admin';
+import { useCTBSession } from './useCTBSession.mjs';
+
+/**
+ * Hook that provides tracking functionality with automatic CTB session ID inclusion.
+ * This version accepts arbitrary event names (string) to allow feature-specific
+ * events that are not yet declared in the central tracking typings.
+ *
+ * Note: this intentionally relaxes TypeScript restrictions so callers can
+ * emit new tracking event names without needing to update the upstream
+ * tracking type definitions. The session ID is merged into the properties
+ * object before forwarding to the original tracking implementation.
+ */ const useCTBTracking = ()=>{
+    const { trackUsage: originalTrackUsage } = useTracking();
+    const { sessionId } = useCTBSession();
+    const trackUsage = useCallback((event, properties)=>{
+        const enhancedProperties = {
+            ...properties,
+            ctbSessionId: sessionId
+        };
+        // The admin tracking API is typed for declared events, but CTB emits extension events too.
+        const trackDynamicEvent = originalTrackUsage;
+        return trackDynamicEvent(event, enhancedProperties);
+    }, [
+        originalTrackUsage,
+        sessionId
+    ]);
+    return {
+        trackUsage
+    };
+};
+
+export { useCTBTracking };
+//# sourceMappingURL=useCTBTracking.mjs.map

package/dist/admin/components/CTBSession/useCTBTracking.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCTBTracking.mjs","sources":["../../../../admin/src/components/CTBSession/useCTBTracking.ts"],"sourcesContent":["import { useCallback } from 'react';\r\n\r\nimport { useTracking } from '@strapi/admin/strapi-admin';\r\n\r\nimport { useCTBSession } from './useCTBSession';\r\n\r\ntype TrackUsageWithDynamicEvent = (\r\n  event: string,\r\n  properties: Record<string, unknown>\r\n) => ReturnType<ReturnType<typeof useTracking>['trackUsage']>;\r\n\r\n/**\r\n * Hook that provides tracking functionality with automatic CTB session ID inclusion.\r\n * This version accepts arbitrary event names (string) to allow feature-specific\r\n * events that are not yet declared in the central tracking typings.\r\n *\r\n * Note: this intentionally relaxes TypeScript restrictions so callers can\r\n * emit new tracking event names without needing to update the upstream\r\n * tracking type definitions. The session ID is merged into the properties\r\n * object before forwarding to the original tracking implementation.\r\n */\r\nexport const useCTBTracking = () => {\r\n  const { trackUsage: originalTrackUsage } = useTracking();\r\n  const { sessionId } = useCTBSession();\r\n\r\n  const trackUsage = useCallback(\r\n    (event: string, properties?: Record<string, unknown>) => {\r\n      const enhancedProperties = {\r\n        ...properties,\r\n        ctbSessionId: sessionId,\r\n      };\r\n\r\n      // The admin tracking API is typed for declared events, but CTB emits extension events too.\r\n      const trackDynamicEvent = originalTrackUsage as unknown as TrackUsageWithDynamicEvent;\r\n\r\n      return trackDynamicEvent(event, enhancedProperties);\r\n    },\r\n    [originalTrackUsage, sessionId]\r\n  );\r\n\r\n  return { trackUsage };\r\n};\r\n"],"names":["useCTBTracking","trackUsage","originalTrackUsage","useTracking","sessionId","useCTBSession","useCallback","event","properties","enhancedProperties","ctbSessionId","trackDynamicEvent"],"mappings":";;;;AAWA;;;;;;;;;UAUaA,cAAAA,GAAiB,IAAA;AAC5B,IAAA,MAAM,EAAEC,UAAAA,EAAYC,kBAAkB,EAAE,GAAGC,WAAAA,EAAAA;IAC3C,MAAM,EAAEC,SAAS,EAAE,GAAGC,aAAAA,EAAAA;IAEtB,MAAMJ,UAAAA,GAAaK,WAAAA,CACjB,CAACC,KAAAA,EAAeC,UAAAA,GAAAA;AACd,QAAA,MAAMC,kBAAAA,GAAqB;AACzB,YAAA,GAAGD,UAAU;YACbE,YAAAA,EAAcN;AAChB,SAAA;;AAGA,QAAA,MAAMO,iBAAAA,GAAoBT,kBAAAA;AAE1B,QAAA,OAAOS,kBAAkBJ,KAAAA,EAAOE,kBAAAA,CAAAA;IAClC,CAAA,EACA;AAACP,QAAAA,kBAAAA;AAAoBE,QAAAA;AAAU,KAAA,CAAA;IAGjC,OAAO;AAAEH,QAAAA;AAAW,KAAA;AACtB;;;;"}

package/dist/admin/components/CheckboxWithNumberField.js

@@ -0,0 +1,88 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var reactIntl = require('react-intl');
+var parseNumberInputValue = require('../utils/parseNumberInputValue.js');
+
+const CheckboxWithNumberField = ({ error, intlLabel, modifiedData, name, onChange, value = null })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const label = intlLabel.id ? formatMessage({
+        id: intlLabel.id,
+        defaultMessage: intlLabel.defaultMessage
+    }, {
+        ...intlLabel.values
+    }) : name;
+    const type = modifiedData.type === 'biginteger' ? 'text' : 'number';
+    const disabled = !modifiedData.type;
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        direction: "column",
+        alignItems: "stretch",
+        gap: 2,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Checkbox, {
+                id: name,
+                name: name,
+                onCheckedChange: (value)=>{
+                    const initValue = type === 'text' ? '0' : 0;
+                    const nextValue = value ? initValue : null;
+                    onChange({
+                        target: {
+                            name,
+                            value: nextValue
+                        }
+                    });
+                },
+                checked: value !== null,
+                children: label
+            }),
+            value !== null && /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                paddingLeft: 6,
+                style: {
+                    maxWidth: '200px'
+                },
+                children: type === 'text' ? /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                    error: errorMessage,
+                    name: name,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                            "aria-label": label,
+                            disabled: disabled,
+                            onChange: onChange,
+                            value: value === null ? '' : value,
+                            type: "text"
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                    ]
+                }) : /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+                    error: errorMessage,
+                    name: name,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.NumberInput, {
+                            "aria-label": label,
+                            disabled: disabled,
+                            onValueChange: (value)=>{
+                                onChange({
+                                    target: {
+                                        name,
+                                        value: parseNumberInputValue.parseNumberInputValue(value),
+                                        type
+                                    }
+                                });
+                            },
+                            value: parseNumberInputValue.parseNumberInputValue(value)
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+exports.CheckboxWithNumberField = CheckboxWithNumberField;
+//# sourceMappingURL=CheckboxWithNumberField.js.map

package/dist/admin/components/CheckboxWithNumberField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWithNumberField.js","sources":["../../../admin/src/components/CheckboxWithNumberField.tsx"],"sourcesContent":["import { Box, Checkbox, Field, Flex, NumberInput, TextInput } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { parseNumberInputValue } from '../utils/parseNumberInputValue';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\n\r\ninterface CheckboxWithNumberFieldProps {\r\n  error?: string;\r\n  intlLabel: IntlLabel;\r\n  modifiedData: { type?: string };\r\n  name: string;\r\n  onChange: FormChangeHandler<string | number | null>;\r\n  value?: string | number | null;\r\n}\r\n\r\nexport const CheckboxWithNumberField = ({\r\n  error,\r\n  intlLabel,\r\n  modifiedData,\r\n  name,\r\n  onChange,\r\n  value = null,\r\n}: CheckboxWithNumberFieldProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const label = intlLabel.id\r\n    ? formatMessage(\r\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\r\n        { ...intlLabel.values }\r\n      )\r\n    : name;\r\n\r\n  const type = modifiedData.type === 'biginteger' ? 'text' : 'number';\r\n\r\n  const disabled = !modifiedData.type;\r\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\r\n\r\n  return (\r\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\r\n      <Checkbox\r\n        id={name}\r\n        name={name}\r\n        onCheckedChange={(value) => {\r\n          const initValue = type === 'text' ? '0' : 0;\r\n          const nextValue = value ? initValue : null;\r\n\r\n          onChange({ target: { name, value: nextValue } });\r\n        }}\r\n        checked={value !== null}\r\n      >\r\n        {label}\r\n      </Checkbox>\r\n      {value !== null && (\r\n        <Box paddingLeft={6} style={{ maxWidth: '200px' }}>\r\n          {type === 'text' ? (\r\n            <Field.Root error={errorMessage} name={name}>\r\n              <TextInput\r\n                aria-label={label}\r\n                disabled={disabled}\r\n                onChange={onChange}\r\n                value={value === null ? '' : value}\r\n                type=\"text\"\r\n              />\r\n              <Field.Error />\r\n            </Field.Root>\r\n          ) : (\r\n            <Field.Root error={errorMessage} name={name}>\r\n              <NumberInput\r\n                aria-label={label}\r\n                disabled={disabled}\r\n                onValueChange={(value: string | number | undefined) => {\r\n                  onChange({\r\n                    target: { name, value: parseNumberInputValue(value), type },\r\n                  });\r\n                }}\r\n                value={parseNumberInputValue(value)}\r\n              />\r\n              <Field.Error />\r\n            </Field.Root>\r\n          )}\r\n        </Box>\r\n      )}\r\n    </Flex>\r\n  );\r\n};\r\n"],"names":["CheckboxWithNumberField","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","type","disabled","errorMessage","_jsxs","Flex","direction","alignItems","gap","_jsx","Checkbox","onCheckedChange","initValue","nextValue","target","checked","Box","paddingLeft","style","maxWidth","Field","Root","TextInput","aria-label","Error","NumberInput","onValueChange","parseNumberInputValue"],"mappings":"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"}

package/dist/admin/components/CheckboxWithNumberField.mjs

@@ -0,0 +1,86 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Checkbox, Box, Field, TextInput, NumberInput } from '@strapi/design-system';
+import { useIntl } from 'react-intl';
+import { parseNumberInputValue } from '../utils/parseNumberInputValue.mjs';
+
+const CheckboxWithNumberField = ({ error, intlLabel, modifiedData, name, onChange, value = null })=>{
+    const { formatMessage } = useIntl();
+    const label = intlLabel.id ? formatMessage({
+        id: intlLabel.id,
+        defaultMessage: intlLabel.defaultMessage
+    }, {
+        ...intlLabel.values
+    }) : name;
+    const type = modifiedData.type === 'biginteger' ? 'text' : 'number';
+    const disabled = !modifiedData.type;
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        alignItems: "stretch",
+        gap: 2,
+        children: [
+            /*#__PURE__*/ jsx(Checkbox, {
+                id: name,
+                name: name,
+                onCheckedChange: (value)=>{
+                    const initValue = type === 'text' ? '0' : 0;
+                    const nextValue = value ? initValue : null;
+                    onChange({
+                        target: {
+                            name,
+                            value: nextValue
+                        }
+                    });
+                },
+                checked: value !== null,
+                children: label
+            }),
+            value !== null && /*#__PURE__*/ jsx(Box, {
+                paddingLeft: 6,
+                style: {
+                    maxWidth: '200px'
+                },
+                children: type === 'text' ? /*#__PURE__*/ jsxs(Field.Root, {
+                    error: errorMessage,
+                    name: name,
+                    children: [
+                        /*#__PURE__*/ jsx(TextInput, {
+                            "aria-label": label,
+                            disabled: disabled,
+                            onChange: onChange,
+                            value: value === null ? '' : value,
+                            type: "text"
+                        }),
+                        /*#__PURE__*/ jsx(Field.Error, {})
+                    ]
+                }) : /*#__PURE__*/ jsxs(Field.Root, {
+                    error: errorMessage,
+                    name: name,
+                    children: [
+                        /*#__PURE__*/ jsx(NumberInput, {
+                            "aria-label": label,
+                            disabled: disabled,
+                            onValueChange: (value)=>{
+                                onChange({
+                                    target: {
+                                        name,
+                                        value: parseNumberInputValue(value),
+                                        type
+                                    }
+                                });
+                            },
+                            value: parseNumberInputValue(value)
+                        }),
+                        /*#__PURE__*/ jsx(Field.Error, {})
+                    ]
+                })
+            })
+        ]
+    });
+};
+
+export { CheckboxWithNumberField };
+//# sourceMappingURL=CheckboxWithNumberField.mjs.map

package/dist/admin/components/CheckboxWithNumberField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWithNumberField.mjs","sources":["../../../admin/src/components/CheckboxWithNumberField.tsx"],"sourcesContent":["import { Box, Checkbox, Field, Flex, NumberInput, TextInput } from '@strapi/design-system';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { parseNumberInputValue } from '../utils/parseNumberInputValue';\r\n\r\nimport type { FormChangeHandler, IntlLabel } from '../types';\r\n\r\ninterface CheckboxWithNumberFieldProps {\r\n  error?: string;\r\n  intlLabel: IntlLabel;\r\n  modifiedData: { type?: string };\r\n  name: string;\r\n  onChange: FormChangeHandler<string | number | null>;\r\n  value?: string | number | null;\r\n}\r\n\r\nexport const CheckboxWithNumberField = ({\r\n  error,\r\n  intlLabel,\r\n  modifiedData,\r\n  name,\r\n  onChange,\r\n  value = null,\r\n}: CheckboxWithNumberFieldProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const label = intlLabel.id\r\n    ? formatMessage(\r\n        { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\r\n        { ...intlLabel.values }\r\n      )\r\n    : name;\r\n\r\n  const type = modifiedData.type === 'biginteger' ? 'text' : 'number';\r\n\r\n  const disabled = !modifiedData.type;\r\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\r\n\r\n  return (\r\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\r\n      <Checkbox\r\n        id={name}\r\n        name={name}\r\n        onCheckedChange={(value) => {\r\n          const initValue = type === 'text' ? '0' : 0;\r\n          const nextValue = value ? initValue : null;\r\n\r\n          onChange({ target: { name, value: nextValue } });\r\n        }}\r\n        checked={value !== null}\r\n      >\r\n        {label}\r\n      </Checkbox>\r\n      {value !== null && (\r\n        <Box paddingLeft={6} style={{ maxWidth: '200px' }}>\r\n          {type === 'text' ? (\r\n            <Field.Root error={errorMessage} name={name}>\r\n              <TextInput\r\n                aria-label={label}\r\n                disabled={disabled}\r\n                onChange={onChange}\r\n                value={value === null ? '' : value}\r\n                type=\"text\"\r\n              />\r\n              <Field.Error />\r\n            </Field.Root>\r\n          ) : (\r\n            <Field.Root error={errorMessage} name={name}>\r\n              <NumberInput\r\n                aria-label={label}\r\n                disabled={disabled}\r\n                onValueChange={(value: string | number | undefined) => {\r\n                  onChange({\r\n                    target: { name, value: parseNumberInputValue(value), type },\r\n                  });\r\n                }}\r\n                value={parseNumberInputValue(value)}\r\n              />\r\n              <Field.Error />\r\n            </Field.Root>\r\n          )}\r\n        </Box>\r\n      )}\r\n    </Flex>\r\n  );\r\n};\r\n"],"names":["CheckboxWithNumberField","error","intlLabel","modifiedData","name","onChange","value","formatMessage","useIntl","label","id","defaultMessage","values","type","disabled","errorMessage","_jsxs","Flex","direction","alignItems","gap","_jsx","Checkbox","onCheckedChange","initValue","nextValue","target","checked","Box","paddingLeft","style","maxWidth","Field","Root","TextInput","aria-label","Error","NumberInput","onValueChange","parseNumberInputValue"],"mappings":";;;;;MAgBaA,uBAAAA,GAA0B,CAAC,EACtCC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,IAAI,EACJC,QAAQ,EACRC,KAAAA,GAAQ,IAAI,EACiB,GAAA;IAC7B,MAAM,EAAEC,aAAa,EAAE,GAAGC,OAAAA,EAAAA;AAC1B,IAAA,MAAMC,KAAAA,GAAQP,SAAAA,CAAUQ,EAAE,GACtBH,aAAAA,CACE;AAAEG,QAAAA,EAAAA,EAAIR,UAAUQ,EAAE;AAAEC,QAAAA,cAAAA,EAAgBT,UAAUS;KAAe,EAC7D;AAAE,QAAA,GAAGT,UAAUU;KAAO,CAAA,GAExBR,IAAAA;AAEJ,IAAA,MAAMS,IAAAA,GAAOV,YAAAA,CAAaU,IAAI,KAAK,eAAe,MAAA,GAAS,QAAA;IAE3D,MAAMC,QAAAA,GAAW,CAACX,YAAAA,CAAaU,IAAI;IACnC,MAAME,YAAAA,GAAed,QAAQM,aAAAA,CAAc;QAAEG,EAAAA,EAAIT,KAAAA;QAAOU,cAAAA,EAAgBV;KAAM,CAAA,GAAK,EAAA;AAEnF,IAAA,qBACEe,IAAA,CAACC,IAAAA,EAAAA;QAAKC,SAAAA,EAAU,QAAA;QAASC,UAAAA,EAAW,SAAA;QAAUC,GAAAA,EAAK,CAAA;;0BACjDC,GAAA,CAACC,QAAAA,EAAAA;gBACCZ,EAAAA,EAAIN,IAAAA;gBACJA,IAAAA,EAAMA,IAAAA;AACNmB,gBAAAA,eAAAA,EAAiB,CAACjB,KAAAA,GAAAA;oBAChB,MAAMkB,SAAAA,GAAYX,IAAAA,KAAS,MAAA,GAAS,GAAA,GAAM,CAAA;oBAC1C,MAAMY,SAAAA,GAAYnB,QAAQkB,SAAAA,GAAY,IAAA;oBAEtCnB,QAAAA,CAAS;wBAAEqB,MAAAA,EAAQ;AAAEtB,4BAAAA,IAAAA;4BAAME,KAAAA,EAAOmB;AAAU;AAAE,qBAAA,CAAA;AAChD,gBAAA,CAAA;AACAE,gBAAAA,OAAAA,EAASrB,KAAAA,KAAU,IAAA;AAElBG,gBAAAA,QAAAA,EAAAA;;AAEFH,YAAAA,KAAAA,KAAU,sBACTe,GAAA,CAACO,GAAAA,EAAAA;gBAAIC,WAAAA,EAAa,CAAA;gBAAGC,KAAAA,EAAO;oBAAEC,QAAAA,EAAU;AAAQ,iBAAA;0BAC7ClB,IAAAA,KAAS,MAAA,iBACRG,IAAA,CAACgB,KAAAA,CAAMC,IAAI,EAAA;oBAAChC,KAAAA,EAAOc,YAAAA;oBAAcX,IAAAA,EAAMA,IAAAA;;sCACrCiB,GAAA,CAACa,SAAAA,EAAAA;4BACCC,YAAAA,EAAY1B,KAAAA;4BACZK,QAAAA,EAAUA,QAAAA;4BACVT,QAAAA,EAAUA,QAAAA;4BACVC,KAAAA,EAAOA,KAAAA,KAAU,OAAO,EAAA,GAAKA,KAAAA;4BAC7BO,IAAAA,EAAK;;AAEP,sCAAAQ,GAAA,CAACW,MAAMI,KAAK,EAAA,EAAA;;AAGd,iBAAA,CAAA,iBAAApB,IAAA,CAACgB,MAAMC,IAAI,EAAA;oBAAChC,KAAAA,EAAOc,YAAAA;oBAAcX,IAAAA,EAAMA,IAAAA;;sCACrCiB,GAAA,CAACgB,WAAAA,EAAAA;4BACCF,YAAAA,EAAY1B,KAAAA;4BACZK,QAAAA,EAAUA,QAAAA;AACVwB,4BAAAA,aAAAA,EAAe,CAAChC,KAAAA,GAAAA;gCACdD,QAAAA,CAAS;oCACPqB,MAAAA,EAAQ;AAAEtB,wCAAAA,IAAAA;AAAME,wCAAAA,KAAAA,EAAOiC,qBAAAA,CAAsBjC,KAAAA,CAAAA;AAAQO,wCAAAA;AAAK;AAC5D,iCAAA,CAAA;AACF,4BAAA,CAAA;AACAP,4BAAAA,KAAAA,EAAOiC,qBAAAA,CAAsBjC,KAAAA;;AAE/B,sCAAAe,GAAA,CAACW,MAAMI,KAAK,EAAA,EAAA;;;;;;AAO1B;;;;"}

package/dist/admin/components/ComponentCard/ComponentCard.js

@@ -0,0 +1,118 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var get = require('lodash/get');
+var styledComponents = require('styled-components');
+var useDataManager = require('../DataManager/useDataManager.js');
+var ComponentIcon = require('./ComponentIcon/ComponentIcon.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var get__default = /*#__PURE__*/_interopDefault(get);
+
+const CloseButton = styledComponents.styled(designSystem.Box)`
+  position: absolute;
+  display: none;
+  top: 5px;
+  right: 0.8rem;
+
+  svg {
+    width: 1rem;
+    height: 1rem;
+
+    path {
+      fill: ${({ theme })=>theme.colors.primary600};
+    }
+  }
+`;
+const ComponentBox = styledComponents.styled(designSystem.Flex)`
+  width: 14rem;
+  height: 8rem;
+  position: relative;
+  border: 1px solid ${({ theme })=>theme.colors.neutral200};
+  background: ${({ theme })=>theme.colors.neutral100};
+  border-radius: ${({ theme })=>theme.borderRadius};
+  max-width: 100%;
+
+  &.active,
+  &:focus,
+  &:hover {
+    border: 1px solid ${({ theme })=>theme.colors.primary200};
+    background: ${({ theme })=>theme.colors.primary100};
+    color: ${({ theme })=>theme.colors.primary600};
+
+    ${CloseButton} {
+      display: block;
+    }
+
+    /* > ComponentIcon */
+    > div:first-child {
+      background: ${({ theme })=>theme.colors.primary200};
+      color: ${({ theme })=>theme.colors.primary600};
+
+      svg {
+        path {
+          fill: ${({ theme })=>theme.colors.primary600};
+        }
+      }
+    }
+  }
+`;
+const ComponentCard = ({ component, dzName, index, isActive = false, isInDevelopmentMode = false, onClick, forTarget, targetUid, disabled })=>{
+    const { components, removeComponentFromDynamicZone } = useDataManager.useDataManager();
+    const type = get__default.default(components, component);
+    const { icon, displayName } = type?.info || {};
+    const onClose = (e)=>{
+        e.stopPropagation();
+        removeComponentFromDynamicZone({
+            forTarget,
+            targetUid,
+            dzName,
+            componentToRemoveIndex: index
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsxs(ComponentBox, {
+        alignItems: "center",
+        direction: "column",
+        className: isActive ? 'active' : '',
+        borderRadius: "borderRadius",
+        justifyContent: "center",
+        paddingLeft: 4,
+        paddingRight: 4,
+        shrink: 0,
+        onClick: onClick,
+        role: "tab",
+        tabIndex: isActive ? 0 : -1,
+        cursor: "pointer",
+        "aria-selected": isActive,
+        "aria-controls": `dz-${dzName}-panel-${index}`,
+        id: `dz-${dzName}-tab-${index}`,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(ComponentIcon.ComponentIcon, {
+                icon: icon,
+                isActive: isActive
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                marginTop: 1,
+                maxWidth: "100%",
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    variant: "pi",
+                    fontWeight: "bold",
+                    ellipsis: true,
+                    children: displayName
+                })
+            }),
+            isInDevelopmentMode && !disabled && /*#__PURE__*/ jsxRuntime.jsx(CloseButton, {
+                cursor: "pointer",
+                tag: "button",
+                onClick: onClose,
+                children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Cross, {})
+            })
+        ]
+    });
+};
+
+exports.ComponentCard = ComponentCard;
+//# sourceMappingURL=ComponentCard.js.map

package/dist/admin/components/ComponentCard/ComponentCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentCard.js","sources":["../../../../admin/src/components/ComponentCard/ComponentCard.tsx"],"sourcesContent":["import type { MouseEvent } from 'react';\r\n\r\nimport { Box, Flex, Typography } from '@strapi/design-system';\r\nimport { Cross } from '@strapi/icons';\r\nimport get from 'lodash/get';\r\nimport { styled } from 'styled-components';\r\n\r\nimport { useDataManager } from '../DataManager/useDataManager';\r\n\r\nimport { ComponentIcon } from './ComponentIcon';\r\n\r\nimport type { Internal, Struct } from '@strapi/types';\r\n\r\ninterface ComponentCardProps {\r\n  component: string;\r\n  dzName: string;\r\n  index: number;\r\n  isActive?: boolean;\r\n  isInDevelopmentMode?: boolean;\r\n  onClick?: () => void;\r\n  forTarget: Struct.ModelType;\r\n  targetUid: Internal.UID.Schema;\r\n  disabled?: boolean;\r\n}\r\n\r\nconst CloseButton = styled(Box)`\r\n  position: absolute;\r\n  display: none;\r\n  top: 5px;\r\n  right: 0.8rem;\r\n\r\n  svg {\r\n    width: 1rem;\r\n    height: 1rem;\r\n\r\n    path {\r\n      fill: ${({ theme }) => theme.colors.primary600};\r\n    }\r\n  }\r\n`;\r\n\r\nconst ComponentBox = styled(Flex)`\r\n  width: 14rem;\r\n  height: 8rem;\r\n  position: relative;\r\n  border: 1px solid ${({ theme }) => theme.colors.neutral200};\r\n  background: ${({ theme }) => theme.colors.neutral100};\r\n  border-radius: ${({ theme }) => theme.borderRadius};\r\n  max-width: 100%;\r\n\r\n  &.active,\r\n  &:focus,\r\n  &:hover {\r\n    border: 1px solid ${({ theme }) => theme.colors.primary200};\r\n    background: ${({ theme }) => theme.colors.primary100};\r\n    color: ${({ theme }) => theme.colors.primary600};\r\n\r\n    ${CloseButton} {\r\n      display: block;\r\n    }\r\n\r\n    /* > ComponentIcon */\r\n    > div:first-child {\r\n      background: ${({ theme }) => theme.colors.primary200};\r\n      color: ${({ theme }) => theme.colors.primary600};\r\n\r\n      svg {\r\n        path {\r\n          fill: ${({ theme }) => theme.colors.primary600};\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ComponentCard = ({\r\n  component,\r\n  dzName,\r\n  index,\r\n  isActive = false,\r\n  isInDevelopmentMode = false,\r\n  onClick,\r\n  forTarget,\r\n  targetUid,\r\n  disabled,\r\n}: ComponentCardProps) => {\r\n  const { components, removeComponentFromDynamicZone } = useDataManager();\r\n  const type = get(components, component);\r\n  const { icon, displayName } = type?.info || {};\r\n\r\n  const onClose = (e: MouseEvent<HTMLButtonElement>) => {\r\n    e.stopPropagation();\r\n    removeComponentFromDynamicZone({\r\n      forTarget,\r\n      targetUid,\r\n      dzName,\r\n      componentToRemoveIndex: index,\r\n    });\r\n  };\r\n\r\n  return (\r\n    <ComponentBox\r\n      alignItems=\"center\"\r\n      direction=\"column\"\r\n      className={isActive ? 'active' : ''}\r\n      borderRadius=\"borderRadius\"\r\n      justifyContent=\"center\"\r\n      paddingLeft={4}\r\n      paddingRight={4}\r\n      shrink={0}\r\n      onClick={onClick}\r\n      role=\"tab\"\r\n      tabIndex={isActive ? 0 : -1}\r\n      cursor=\"pointer\"\r\n      aria-selected={isActive}\r\n      aria-controls={`dz-${dzName}-panel-${index}`}\r\n      id={`dz-${dzName}-tab-${index}`}\r\n    >\r\n      <ComponentIcon icon={icon} isActive={isActive} />\r\n\r\n      <Box marginTop={1} maxWidth=\"100%\">\r\n        <Typography variant=\"pi\" fontWeight=\"bold\" ellipsis>\r\n          {displayName}\r\n        </Typography>\r\n      </Box>\r\n\r\n      {isInDevelopmentMode && !disabled && (\r\n        <CloseButton cursor=\"pointer\" tag=\"button\" onClick={onClose}>\r\n          <Cross />\r\n        </CloseButton>\r\n      )}\r\n    </ComponentBox>\r\n  );\r\n};\r\n"],"names":["CloseButton","styled","Box","theme","colors","primary600","ComponentBox","Flex","neutral200","neutral100","borderRadius","primary200","primary100","ComponentCard","component","dzName","index","isActive","isInDevelopmentMode","onClick","forTarget","targetUid","disabled","components","removeComponentFromDynamicZone","useDataManager","type","get","icon","displayName","info","onClose","e","stopPropagation","componentToRemoveIndex","_jsxs","alignItems","direction","className","justifyContent","paddingLeft","paddingRight","shrink","role","tabIndex","cursor","aria-selected","aria-controls","id","_jsx","ComponentIcon","marginTop","maxWidth","Typography","variant","fontWeight","ellipsis","tag","Cross"],"mappings":"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"}