@inkeep/cxkit-primitives 0.5.52 → 0.5.55

package/dist/components/modal.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../atoms/dialog.cjs"),i=require("./factory.cjs"),c=require("../atoms/icons/custom-icon.cjs"),u=require("./modal/use-inkeep-modal.cjs"),s=require("./modal/modal-provider.cjs"),m=require("../utils/compose-event-handlers.cjs"),M=require("../hooks/use-media-query.cjs"),p=require("../utils/misc.cjs"),v=i.ikp(t.Root,{_id:"modal"}),C=e=>{const{onOpenChange:n,config:l,...a}=e,r=u.useInkeepModal(l);return o.jsx(s.ModalProvider,{modal:r,children:o.jsx(v,{open:r.isOpen,onOpenChange:m.composeEventHandlers(n,d=>r.setOpen(d)),...a})})},y=i.ikp(t.Overlay,{_id:"modal__Overlay"}),_=i.ikp(t.Content,{_id:"modal__Content","aria-describedby":void 0}),q=e=>{const n=M.useMediaQuery("(max-width: 768px)");return o.jsx(_,{"data-mobile":p.dataAttr(n),...e})},O=i.ikp(t.Close,{_id:"modal__Close",children:o.jsx(c.CustomIcon,{iconKey:"close"})}),x=e=>s.useModal()?o.jsx(O,{...e}):null;exports.Close=x;exports.Content=q;exports.Modal=C;exports.Overlay=y;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../atoms/dialog.cjs"),i=require("./factory.cjs"),c=require("../atoms/icons/custom-icon.cjs"),u=require("./modal/use-inkeep-modal.cjs"),s=require("./modal/modal-provider.cjs"),m=require("../utils/compose-event-handlers.cjs"),M=require("../hooks/use-media-query.cjs"),p=require("../utils/misc.cjs"),v=i.ikp(t.Root,{_id:"modal"}),C=e=>{const{onOpenChange:n,config:l,...a}=e,r=u.useInkeepModal(l);return o.jsx(s.ModalProvider,{modal:r,children:o.jsx(v,{open:r.isOpen,onOpenChange:m.composeEventHandlers(n,d=>r.setOpen(d)),...a})})},y=i.ikp(t.Overlay,{_id:"modal__Overlay"}),_=i.ikp(t.Content,{_id:"modal__Content","aria-describedby":void 0}),q=e=>{const n=M.useMediaQuery("(max-width: 768px)");return o.jsx(_,{"data-mobile":p.dataAttr(n),tabIndex:-1,...e})},x=i.ikp(t.Close,{_id:"modal__Close",children:o.jsx(c.CustomIcon,{iconKey:"close"})}),O=e=>s.useModal()?o.jsx(x,{...e}):null;exports.Close=O;exports.Content=q;exports.Modal=C;exports.Overlay=y;

package/dist/components/modal.js

@@ -1,37 +1,37 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { Overlay as s, Root as d, Content as m, Close as c } from "../atoms/dialog.js";
-import { ikp as r } from "./factory.js";
+import { Overlay as d, Root as s, Content as m, Close as c } from "../atoms/dialog.js";
+import { ikp as n } from "./factory.js";
 import { CustomIcon as p } from "../atoms/icons/custom-icon.js";
 import { useInkeepModal as C } from "./modal/use-inkeep-modal.js";
 import { ModalProvider as M, useModal as f } from "./modal/modal-provider.js";
 import { composeEventHandlers as u } from "../utils/compose-event-handlers.js";
 import { useMediaQuery as v } from "../hooks/use-media-query.js";
 import { dataAttr as _ } from "../utils/misc.js";
-const O = r(d, {
+const O = n(s, {
   _id: "modal"
 }), E = (o) => {
-  const { onOpenChange: t, config: i, ...a } = o, n = C(i);
-  return /* @__PURE__ */ e(M, { modal: n, children: /* @__PURE__ */ e(
+  const { onOpenChange: t, config: i, ...a } = o, r = C(i);
+  return /* @__PURE__ */ e(M, { modal: r, children: /* @__PURE__ */ e(
     O,
     {
-      open: n.isOpen,
-      onOpenChange: u(t, (l) => n.setOpen(l)),
+      open: r.isOpen,
+      onOpenChange: u(t, (l) => r.setOpen(l)),
       ...a
     }
   ) });
-}, H = r(s, {
+}, H = n(d, {
   _id: "modal__Overlay"
-}), y = r(m, {
+}), y = n(m, {
   _id: "modal__Content",
   "aria-describedby": void 0
 }), K = (o) => {
   const t = v("(max-width: 768px)");
-  return /* @__PURE__ */ e(y, { "data-mobile": _(t), ...o });
-}, h = r(c, {
+  return /* @__PURE__ */ e(y, { "data-mobile": _(t), tabIndex: -1, ...o });
+}, b = n(c, {
   _id: "modal__Close",
   children: /* @__PURE__ */ e(p, { iconKey: "close" })
-}), Q = (o) => f() ? /* @__PURE__ */ e(h, { ...o }) : null;
+}), Q = (o) => f() ? /* @__PURE__ */ e(b, { ...o }) : null;
 export {
   Q as Close,
   K as Content,

package/dist/index.d.cts

@@ -3363,11 +3363,11 @@ declare const PrimitiveBotHeadingName: ForwardRefExoticComponent< PolymorphicPro
 
 declare type PrimitiveButtonProps = React_2.ComponentPropsWithoutRef<typeof Primitive.button>;
 
-declare const PrimitiveChatAction: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const PrimitiveChatAction: ForwardRefExoticComponent< PolymorphicProps & Omit<TooltipPrimitive.TooltipTriggerProps & RefAttributes<HTMLButtonElement>, "_id"> & Partial<Pick<TooltipPrimitive.TooltipTriggerProps & RefAttributes<HTMLButtonElement>, "_id">>>;
 
 declare const PrimitiveChatActionFeedback: ForwardRefExoticComponent< PolymorphicProps & Omit<TooltipPrimitive.TooltipContentProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<TooltipPrimitive.TooltipContentProps & RefAttributes<HTMLDivElement>, "_id">>>;
 
-declare const PrimitiveChatActionLabel: ForwardRefExoticComponent< PolymorphicProps & Omit<TooltipPrimitive.TooltipTriggerProps & RefAttributes<HTMLButtonElement>, "_id"> & Partial<Pick<TooltipPrimitive.TooltipTriggerProps & RefAttributes<HTMLButtonElement>, "_id">>>;
+declare const PrimitiveChatActionLabel: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "_id">>>;
 
 declare const PrimitiveChatButtonAvatarContent: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id">>>;
 
@@ -4189,6 +4189,7 @@ export declare interface WidgetConfig extends InkeepConfig {
 
 export declare type WidgetContextValue = {
     setView: (view: ModalViewTypes) => void;
+    view: ModalViewTypes;
 };
 
 export declare const WidgetProvider: React.FC<{

package/dist/index.d.ts

@@ -3363,11 +3363,11 @@ declare const PrimitiveBotHeadingName: ForwardRefExoticComponent< PolymorphicPro
 
 declare type PrimitiveButtonProps = React_2.ComponentPropsWithoutRef<typeof Primitive.button>;
 
-declare const PrimitiveChatAction: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "_id">>>;
+declare const PrimitiveChatAction: ForwardRefExoticComponent< PolymorphicProps & Omit<TooltipPrimitive.TooltipTriggerProps & RefAttributes<HTMLButtonElement>, "_id"> & Partial<Pick<TooltipPrimitive.TooltipTriggerProps & RefAttributes<HTMLButtonElement>, "_id">>>;
 
 declare const PrimitiveChatActionFeedback: ForwardRefExoticComponent< PolymorphicProps & Omit<TooltipPrimitive.TooltipContentProps & RefAttributes<HTMLDivElement>, "_id"> & Partial<Pick<TooltipPrimitive.TooltipContentProps & RefAttributes<HTMLDivElement>, "_id">>>;
 
-declare const PrimitiveChatActionLabel: ForwardRefExoticComponent< PolymorphicProps & Omit<TooltipPrimitive.TooltipTriggerProps & RefAttributes<HTMLButtonElement>, "_id"> & Partial<Pick<TooltipPrimitive.TooltipTriggerProps & RefAttributes<HTMLButtonElement>, "_id">>>;
+declare const PrimitiveChatActionLabel: ForwardRefExoticComponent< PolymorphicProps & Omit< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "_id"> & Partial<Pick< DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "_id">>>;
 
 declare const PrimitiveChatButtonAvatarContent: ForwardRefExoticComponent< PolymorphicProps & Omit<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id"> & Partial<Pick<AvatarPrimitive.AvatarProps & RefAttributes<HTMLSpanElement>, "_id">>>;
 
@@ -4189,6 +4189,7 @@ export declare interface WidgetConfig extends InkeepConfig {
 
 export declare type WidgetContextValue = {
     setView: (view: ModalViewTypes) => void;
+    view: ModalViewTypes;
 };
 
 export declare const WidgetProvider: React.FC<{

package/dist/providers/base-events-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),f=require("./user-provider.cjs"),d=t.createContext(void 0),b=({children:e})=>{const{baseSettings:n,componentType:o}=B.useInkeepConfig(),{apiKey:r,analyticsApiBaseUrl:i,tags:c,privacyPreferences:E,env:g}=n,{userProperties:a}=f.useUser(),v=t.useMemo(()=>({widgetLibraryVersion:"0.5.52",componentType:o,tags:c}),[o,c]),u=!E.optOutAllAnalytics&&g!=="development",m={logEvent:t.useCallback(async l=>{const s={...v,...l.properties},p={eventName:l.eventName,properties:s,userProperties:a};if(u){if("conversation"in s&&!s.conversation?.id)return;y.logEvent(p,r,i)}n.onEvent?.(p)},[u,n,r,i,a,v])};return P.jsx(d.Provider,{value:m,children:e})},x=()=>{const e=t.useContext(d);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=b;exports.useBaseEvents=x;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),t=require("react"),y=require("../atoms/api/analytics/events.cjs"),B=require("./config-provider.cjs"),f=require("./user-provider.cjs"),d=t.createContext(void 0),b=({children:e})=>{const{baseSettings:n,componentType:o}=B.useInkeepConfig(),{apiKey:r,analyticsApiBaseUrl:i,tags:c,privacyPreferences:E,env:g}=n,{userProperties:a}=f.useUser(),v=t.useMemo(()=>({widgetLibraryVersion:"0.5.55",componentType:o,tags:c}),[o,c]),u=!E.optOutAllAnalytics&&g!=="development",m={logEvent:t.useCallback(async l=>{const s={...v,...l.properties},p={eventName:l.eventName,properties:s,userProperties:a};if(u){if("conversation"in s&&!s.conversation?.id)return;y.logEvent(p,r,i)}n.onEvent?.(p)},[u,n,r,i,a,v])};return P.jsx(d.Provider,{value:m,children:e})},x=()=>{const e=t.useContext(d);if(!e)throw new Error("useBaseEvents must be used within a BaseEventsProvider");return e};exports.BaseEventsProvider=b;exports.useBaseEvents=x;

package/dist/providers/base-events-provider.js

@@ -7,7 +7,7 @@ import { useUser as b } from "./user-provider.js";
 const u = x(void 0), U = ({ children: e }) => {
   const { baseSettings: t, componentType: n } = C(), { apiKey: s, analyticsApiBaseUrl: r, tags: i, privacyPreferences: l, env: E } = t, { userProperties: a } = b(), c = g(
     () => ({
-      widgetLibraryVersion: "0.5.52",
+      widgetLibraryVersion: "0.5.55",
       componentType: n,
       tags: i
     }),

package/dist/providers/user-provider.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),r=require("react"),p=require("./config-provider.cjs"),a=require("../hooks/use-browser-storage.cjs"),O=require("../utils/generate-uid.cjs"),g=r.createContext(void 0),P=({children:t})=>{const{baseSettings:{userProperties:s,privacyPreferences:l}}=p.useInkeepConfig(),{optOutAllAnalytics:e,optOutAnalyticalCookies:n}=l,{browserStorage:c,setBrowserStorage:u}=a.useBrowserStorage(),d=r.useMemo(()=>a.passesBrowserStorageChecks(),[]),o=r.useMemo(()=>!e&&!n&&d,[e,n,d]),i=r.useMemo(()=>{const v=e?"ANONYMOUS":s.id?"ID_PROVIDED":o?"COOKIED":"ANONYMOUS",U=e?void 0:s.id||o&&c.userId||O.generateUid();return{identificationType:v,id:U,email:e?void 0:s.email,cohorts:e?void 0:s.cohorts}},[s,e,o,c.userId]);return r.useEffect(()=>{o?u("userId",i.id):u("userId",void 0)},[o,i.id]),S.jsx(g.Provider,{value:{userProperties:i},children:t})},f=()=>{const t=r.useContext(g);if(!t)throw new Error("useUser must be used within a UserProvider");return t};exports.UserProvider=P;exports.useUser=f;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),r=require("react"),p=require("./config-provider.cjs"),a=require("../hooks/use-browser-storage.cjs"),O=require("../utils/generate-uid.cjs"),g=r.createContext(void 0),P=({children:t})=>{const{baseSettings:{userProperties:o,privacyPreferences:U}}=p.useInkeepConfig(),{optOutAllAnalytics:e,optOutAnalyticalCookies:n}=U,{browserStorage:u,setBrowserStorage:c}=a.useBrowserStorage(),d=r.useMemo(()=>a.passesBrowserStorageChecks(),[]),s=r.useMemo(()=>!e&&!n&&d,[e,n,d]),i=r.useMemo(()=>{const l=e?"ANONYMOUS":o.id?"ID_PROVIDED":s?"COOKIED":"ANONYMOUS",v=e?void 0:o.id||s&&u.userId||O.generateUid();return{identificationType:l,...e?{}:o,id:v}},[o,e,s,u.userId]);return r.useEffect(()=>{s?c("userId",i.id):c("userId",void 0)},[s,i.id]),S.jsx(g.Provider,{value:{userProperties:i},children:t})},f=()=>{const t=r.useContext(g);if(!t)throw new Error("useUser must be used within a UserProvider");return t};exports.UserProvider=P;exports.useUser=f;

package/dist/providers/user-provider.js

@@ -1,34 +1,33 @@
 "use client";
-import { jsx as l } from "react/jsx-runtime";
-import { useMemo as i, useEffect as v, createContext as U, useContext as C } from "react";
-import { useInkeepConfig as O } from "./config-provider.js";
-import { useBrowserStorage as g, passesBrowserStorageChecks as w } from "../hooks/use-browser-storage.js";
+import { jsx as U } from "react/jsx-runtime";
+import { useMemo as i, useEffect as C, createContext as O, useContext as g } from "react";
+import { useInkeepConfig as l } from "./config-provider.js";
+import { useBrowserStorage as v, passesBrowserStorageChecks as w } from "../hooks/use-browser-storage.js";
 import { generateUid as I } from "../utils/generate-uid.js";
-const a = U(void 0), A = ({ children: s }) => {
+const a = O(void 0), b = ({ children: o }) => {
   const {
-    baseSettings: { userProperties: r, privacyPreferences: m }
-  } = O(), { optOutAllAnalytics: e, optOutAnalyticalCookies: n } = m, { browserStorage: c, setBrowserStorage: u } = g(), d = i(() => w(), []), o = i(
+    baseSettings: { userProperties: s, privacyPreferences: p }
+  } = l(), { optOutAllAnalytics: e, optOutAnalyticalCookies: n } = p, { browserStorage: c, setBrowserStorage: u } = v(), d = i(() => w(), []), r = i(
     () => !e && !n && d,
     [e, n, d]
   ), t = i(() => {
-    const p = e ? "ANONYMOUS" : r.id ? "ID_PROVIDED" : o ? "COOKIED" : "ANONYMOUS", f = e ? void 0 : r.id || o && c.userId || I();
+    const m = e ? "ANONYMOUS" : s.id ? "ID_PROVIDED" : r ? "COOKIED" : "ANONYMOUS", f = e ? void 0 : s.id || r && c.userId || I();
     return {
-      identificationType: p,
-      id: f,
-      email: e ? void 0 : r.email,
-      cohorts: e ? void 0 : r.cohorts
+      identificationType: m,
+      ...e ? {} : s,
+      id: f
     };
-  }, [r, e, o, c.userId]);
-  return v(() => {
-    o ? u("userId", t.id) : u("userId", void 0);
-  }, [o, t.id]), /* @__PURE__ */ l(a.Provider, { value: { userProperties: t }, children: s });
-}, b = () => {
-  const s = C(a);
-  if (!s)
+  }, [s, e, r, c.userId]);
+  return C(() => {
+    r ? u("userId", t.id) : u("userId", void 0);
+  }, [r, t.id]), /* @__PURE__ */ U(a.Provider, { value: { userProperties: t }, children: o });
+}, h = () => {
+  const o = g(a);
+  if (!o)
     throw new Error("useUser must be used within a UserProvider");
-  return s;
+  return o;
 };
 export {
-  A as UserProvider,
-  b as useUser
+  b as UserProvider,
+  h as useUser
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.5.52",
+  "version": "0.5.55",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -59,9 +59,9 @@
     "remark-gfm": "^4.0.1",
     "unist-util-visit": "^5.0.0",
     "use-sync-external-store": "^1.4.0",
-    "@inkeep/cxkit-color-mode": "0.5.52",
-    "@inkeep/cxkit-theme": "0.5.52",
-    "@inkeep/cxkit-types": "0.5.52"
+    "@inkeep/cxkit-color-mode": "0.5.55",
+    "@inkeep/cxkit-theme": "0.5.55",
+    "@inkeep/cxkit-types": "0.5.55"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",