@brainfish-ai/components 0.32.1 → 0.32.2

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/components/usage-indicator-pill/usage-indicator-pill.tsx"],"sourcesContent":["import { ChartBar, CreditCard } from '@phosphor-icons/react';\nimport * as React from 'react';\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\nexport type UsageIndicatorStatus = 'warning' | 'reached';\n\nexport interface UsageIndicatorPillProps {\n  /** Current usage as a percentage 0–100 */\n  percentage: number;\n  /** Name of the usage metric being displayed */\n  label?: string;\n  /** Visual state of the pill */\n  status: UsageIndicatorStatus;\n  /** Called when the user selects \"View plan\" */\n  onViewPlan?: () => void;\n  /** Called when the user selects \"View billing settings\" */\n  onViewBilling?: () => void;\n}\n\n/**\n * Gives an indication of query usage in the platform.\n *\n * A pill button for the top navigation bar that shows the team's monthly usage\n * usage percentage. At ≥80% it renders in warning (yellow) state; at 100% in\n * reached (red) state. Clicking it opens a dropdown with links to the plan and\n * billing settings pages.\n */\nexport function UsageIndicatorPill({\n  percentage,\n  label = 'Queries',\n  status,\n  onViewPlan,\n  onViewBilling,\n}: UsageIndicatorPillProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <button\n          type=\"button\"\n          className={cn(\n            'flex items-center gap-1.5 rounded border bg-surface py-1 pl-2 pr-2.5',\n            'text-xs font-normal text-dark-900 cursor-pointer',\n            'hover:bg-dark-200 active:bg-dark-400',\n            'focus-visible:outline-none',\n            'transition-colors',\n            {\n              'border-yellow-500/50': status === 'warning',\n              'border-red-500/50': status === 'reached',\n            },\n          )}\n          aria-label={`${label} usage: ${percentage}%`}\n        >\n          <span\n            className={cn('h-2 w-2 shrink-0 rounded-full', {\n              'bg-yellow-500': status === 'warning',\n              'bg-red-500': status === 'reached',\n            })}\n            aria-hidden=\"true\"\n          />\n          <span className=\"whitespace-nowrap\">\n            {percentage}% of {label} used\n          </span>\n          <span className=\"opacity-60 whitespace-nowrap\">View plan</span>\n        </button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent align=\"end\" className=\"w-52\">\n        <DropdownMenuItem onClick={onViewPlan} className=\"flex items-center gap-2\">\n          <ChartBar size={16} aria-hidden=\"true\" />\n          View plan\n        </DropdownMenuItem>\n        <DropdownMenuItem onClick={onViewBilling} className=\"flex items-center gap-2\">\n          <CreditCard size={16} aria-hidden=\"true\" />\n          View billing settings\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["UsageIndicatorPill","percentage","label","status","onViewPlan","onViewBilling","React","createElement","DropdownMenu","DropdownMenuTrigger","asChild","type","className","cn","DropdownMenuContent","align","DropdownMenuItem","onClick","ChartBar","size","CreditCard"],"mappings":"2tLAkCO,SAASA,GAAmBC,WACjCA,EAAAC,MACAA,EAAQ,UAAAC,OACRA,EAAAC,WACAA,EAAAC,cACAA;AAEA,OACEC,EAAAC,cAACC,EAAA,oBACCF,EAAAC,cAACE,EAAA,CAAoBC,SAAO,kBAC1BJ,EAAAC,cAAC,SAAA,CACCI,KAAK,SACLC,UAAWC,EACT,uEACA,mDACA,uCACA,6BACA,oBACA,CACE,uBAAmC,YAAXV,EACxB,oBAAgC,YAAXA,IAGzB,aAAY,GAAGD,YAAgBD;eAE/BK,EAAAC,cAAC,OAAA,CACCK,UAAWC,EAAG,gCAAiC,CAC7C,gBAA4B,YAAXV,EACjB,aAAyB,YAAXA,IAEhB,cAAY;+BAEb,OAAA,CAAKS,UAAU,qBACbX,EAAW,QAAMC,EAAM;eAE1BI,EAAAC,cAAC,OAAA,CAAKK,UAAU,gCAA+B,8BAInDN,EAAAC,cAACO,EAAA,CAAoBC,MAAM,MAAMH,UAAU,uBACzCN,EAAAC,cAACS,EAAA,CAAiBC,QAASb,EAAYQ,UAAU,0CAC/CN,EAAAC,cAACW,EAAA,CAASC,KAAM,GAAI,cAAY,SAAS,4BAG3Cb,EAAAC,cAACS,EAAA,CAAiBC,QAASZ,EAAeO,UAAU,0CAClDN,EAAAC,cAACa,EAAA,CAAWD,KAAM,GAAI,cAAY,SAAS,0BAMrD"}
+{"version":3,"file":"index.js","sources":["../../src/components/usage-indicator-pill/usage-indicator-pill.tsx"],"sourcesContent":["import { ChartBar, CreditCard } from '@phosphor-icons/react';\nimport * as React from 'react';\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu';\nimport { cn } from '@/lib/utils';\n\nexport type UsageIndicatorStatus = 'warning' | 'reached';\n\nexport interface UsageIndicatorPillProps {\n  /** Current usage as a percentage 0–100 */\n  percentage: number;\n  /** Name of the usage metric being displayed */\n  label?: string;\n  /** Visual state of the pill */\n  status: UsageIndicatorStatus;\n  /** Called when the user selects \"View plan\" */\n  onViewPlan?: () => void;\n  /** Called when the user selects \"View billing settings\" */\n  onViewBilling?: () => void;\n}\n\n/**\n * Gives an indication of query usage in the platform.\n *\n * A pill button for the top navigation bar that shows the team's monthly usage\n * usage percentage. At ≥80% it renders in warning (yellow) state; at 100% in\n * reached (red) state. Clicking it opens a dropdown with links to the plan and\n * billing settings pages.\n */\nexport function UsageIndicatorPill({\n  percentage,\n  label = 'Queries',\n  status,\n  onViewPlan,\n  onViewBilling,\n}: UsageIndicatorPillProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <button\n          type=\"button\"\n          className={cn(\n            'flex items-center gap-1.5 rounded border bg-surface py-1 pl-2 pr-2.5',\n            'text-xs font-normal text-dark-900 cursor-pointer',\n            'hover:bg-dark-200 active:bg-dark-400',\n            'focus-visible:outline-none',\n            'transition-colors',\n            {\n              'border-yellow-500/50': status === 'warning',\n              'border-red-500/50': status === 'reached',\n            },\n          )}\n          aria-label={`${label} usage: ${percentage}%`}\n        >\n          <span\n            className={cn('h-2 w-2 shrink-0 rounded-full', {\n              'bg-yellow-500': status === 'warning',\n              'bg-red-500': status === 'reached',\n            })}\n            aria-hidden=\"true\"\n          />\n          <span className=\"whitespace-nowrap\">\n            {percentage}% of {label} used\n          </span>\n          <span className=\"opacity-60 whitespace-nowrap\">View plan</span>\n        </button>\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent align=\"end\" className=\"w-52\">\n        <DropdownMenuItem onClick={onViewPlan} className=\"flex items-center gap-2\">\n          <ChartBar size={16} aria-hidden=\"true\" />\n          View plan\n        </DropdownMenuItem>\n        <DropdownMenuItem onClick={onViewBilling} className=\"flex items-center gap-2\">\n          <CreditCard size={16} aria-hidden=\"true\" />\n          View billing settings\n        </DropdownMenuItem>\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n"],"names":["UsageIndicatorPill","percentage","label","status","onViewPlan","onViewBilling","React","createElement","DropdownMenu","DropdownMenuTrigger","asChild","type","className","cn","DropdownMenuContent","align","DropdownMenuItem","onClick","ChartBar","size","CreditCard"],"mappings":"0wLAkCO,SAASA,GAAmBC,WACjCA,EAAAC,MACAA,EAAQ,UAAAC,OACRA,EAAAC,WACAA,EAAAC,cACAA;AAEA,OACEC,EAAAC,cAACC,EAAA,oBACCF,EAAAC,cAACE,EAAA,CAAoBC,SAAO,kBAC1BJ,EAAAC,cAAC,SAAA,CACCI,KAAK,SACLC,UAAWC,EACT,uEACA,mDACA,uCACA,6BACA,oBACA,CACE,uBAAmC,YAAXV,EACxB,oBAAgC,YAAXA,IAGzB,aAAY,GAAGD,YAAgBD;eAE/BK,EAAAC,cAAC,OAAA,CACCK,UAAWC,EAAG,gCAAiC,CAC7C,gBAA4B,YAAXV,EACjB,aAAyB,YAAXA,IAEhB,cAAY;+BAEb,OAAA,CAAKS,UAAU,qBACbX,EAAW,QAAMC,EAAM;eAE1BI,EAAAC,cAAC,OAAA,CAAKK,UAAU,gCAA+B,8BAInDN,EAAAC,cAACO,EAAA,CAAoBC,MAAM,MAAMH,UAAU,uBACzCN,EAAAC,cAACS,EAAA,CAAiBC,QAASb,EAAYQ,UAAU,0CAC/CN,EAAAC,cAACW,EAAA,CAASC,KAAM,GAAI,cAAY,SAAS,4BAG3Cb,EAAAC,cAACS,EAAA,CAAiBC,QAASZ,EAAeO,UAAU,0CAClDN,EAAAC,cAACa,EAAA,CAAWD,KAAM,GAAI,cAAY,SAAS,0BAMrD"}

package/dist/esm/layouts/full-layout.js

@@ -1,2 +1,2 @@
-export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"../chunks/header-pane.CWgwa4pd.js";
+export{F as FullLayout,a as FullLayoutHeader,b as FullLayoutLeftSidebar,c as FullLayoutNavStateContext,d as FullLayoutProvider,e as FullLayoutRightSidebar,u as useFullLayoutContext,f as useRightSidebar}from"../chunks/header-pane.eU7f_pim.js";
 //# sourceMappingURL=full-layout.js.map

package/dist/esm/layouts/sidebar.js

@@ -1,2 +1,2 @@
-export{S as Sidebar,u as useSidebar}from"../chunks/sidebar.DNJ1Iufi.js";
+export{S as Sidebar,u as useSidebar}from"../chunks/sidebar.CcFsNjrN.js";
 //# sourceMappingURL=sidebar.js.map

package/dist/index.d.ts

@@ -1786,15 +1786,15 @@ declare const microsoftTeamsLogoVariants: (props?: ({
     variant?: "default" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-declare type NextBestAction = {
+export declare type NextBestAction = {
     id?: string;
     label: string;
     type: NextBestActionType;
     icon?: string | UrlString;
-    value: any;
+    value: NextBestActionValue[NextBestActionType];
 };
 
-declare enum NextBestActionType {
+export declare enum NextBestActionType {
     Link = "link",
     Email = "email",
     Phone = "phone",
@@ -1808,6 +1808,20 @@ declare enum NextBestActionType {
     WebhookHandoff = "webhook_handoff"
 }
 
+export declare type NextBestActionValue = {
+    link: UrlString;
+    email: string;
+    phone: string;
+    callback: string;
+    function: string;
+    zendesk_chat: string;
+    zendesk_messenger: string;
+    intercom_chat: string;
+    freshdesk: string;
+    zendesk_sunshine_chat: string;
+    webhook_handoff: string;
+};
+
 declare type NoArticlesFound = {
     type: typeof AnswersActions.NO_ARTICLES_FOUND;
     payload: {
@@ -2533,6 +2547,8 @@ export declare interface UseRightSidebarReturn {
 
 export declare function useSidebar(): SidebarContextValue;
 
+export declare const validateUrlString: (value: string) => UrlString;
+
 export declare const ZoomableImage: React_2.FC<ZoomableImageProps>;
 
 declare interface ZoomableImageProps {