@bcrumbs.net/inbox 0.0.76 → 0.0.78

package/index.cjs.js

@@ -38,6 +38,36 @@ var ReactJSXRuntime__namespace = /*#__PURE__*/_interopNamespaceDefault(ReactJSXR
 var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var Apollo__namespace = /*#__PURE__*/_interopNamespaceDefault(Apollo);
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "/**\n * AUTO-GENERATED by packages/design-tokens — do not edit by hand.\n * Source: tokens/*.json (DTCG)\n */\n\n:root {\n\n  /**\n   * @tokens Colors\n   * @presenter Color\n   */\n\n  --color-teal-50: #f3fbfc;\n  --color-teal-100: #e0f3e8;\n  --color-teal-200: #95d5b2;\n  --color-teal-400: #258694;\n  --color-teal-500: #16616c;\n  --color-teal-600: #065a60;\n  --color-teal-700: #12474f;\n  --color-teal-800: #457578;\n  --color-neutral-0: #ffffff;\n  --color-neutral-50: #f7f7f8;\n  --color-neutral-100: #f0f1f5;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-300: #d2d6db;\n  --color-neutral-400: #9da4ae;\n  --color-neutral-500: #9b9b9b;\n  --color-neutral-600: #6c737f;\n  --color-neutral-700: #727272;\n  --color-neutral-800: #4e4f4f;\n  --color-neutral-900: #384250;\n  --color-neutral-950: #161616;\n  --color-danger-50: #fef3f2;\n  --color-danger-500: #d92d20;\n  --color-danger-600: #b42318;\n  --color-danger-700: #801c1c;\n  --color-success-50: #ecfdf3;\n  --color-success-500: #2eb583;\n  --color-success-600: #2cb977;\n  --color-success-700: #067647;\n  --color-info-50: #eff8ff;\n  --color-info-600: #175cd3;\n  --color-warning-200: #fedf89;\n  --color-charts-danger: #eb6363;\n  --color-charts-teal900: #163f45;\n  --color-charts-teal400: #1f8998;\n  --color-charts-teal300: #46aebc;\n  --color-charts-teal200: #72dde6;\n  --color-charts-teal100: #b5edf2;\n  --color-alpha-black05: rgba(0, 0, 0, 0.05);\n  --color-alpha-teal05: rgba(22, 97, 108, 0.05);\n  --color-alpha-teal10: rgba(22, 97, 108, 0.1);\n  --color-alpha-teal20: rgba(22, 97, 108, 0.2);\n  --color-alpha-teal30: rgba(22, 97, 108, 0.3);\n  --color-alpha-teal40: rgba(22, 97, 108, 0.4);\n  --color-alpha-teal60: rgba(22, 97, 108, 0.6);\n  --color-alpha-shadowTeal: rgba(6, 90, 96, 0.28);\n  --color-alpha-shadowNeutral: rgba(0, 0, 0, 0.1);\n  --color-alpha-shadowNeutralSm: rgba(0, 0, 0, 0.05);\n  --color-dark-bg: #1a1a1a;\n  --color-dark-border: #333333;\n  --color-dark-muted: #9b9b9b;\n  --color-action-primary: #16616c;\n  --color-action-primaryHover: #065a60;\n  --color-action-primaryMuted: #258694;\n  --color-action-primarySubtle: #f3fbfc;\n  --color-action-primaryForeground: #ffffff;\n  --color-action-primarySoft: #95d5b2;\n  --color-action-primaryDeep: #12474f;\n  --color-text-primary: #161616;\n  --color-text-secondary: #4e4f4f;\n  --color-text-muted: #727272;\n  --color-text-placeholder: #6c737f;\n  --color-text-disabled: #9da4ae;\n  --color-text-paragraph: #384250;\n  --color-text-onPrimary: #ffffff;\n  --color-surface-default: #ffffff;\n  --color-surface-subtle: #f7f7f8;\n  --color-surface-hover: rgba(0, 0, 0, 0.05);\n  --color-surface-secondary: #ffffff;\n  --color-border-default: #e5e7eb;\n  --color-border-strong: #d2d6db;\n  --color-status-danger: #b42318;\n  --color-status-dangerAlert: #d92d20;\n  --color-status-dangerDark: #801c1c;\n  --color-status-dangerLight: #fef3f2;\n  --color-status-dangerForeground: #ffffff;\n  --color-status-success: #2eb583;\n  --color-status-successDark: #067647;\n  --color-status-successLight: #ecfdf3;\n  --color-status-info: #175cd3;\n  --color-status-infoLight: #eff8ff;\n  --color-chart-success: #2cb977;\n  --color-chart-warning: #fedf89;\n  --color-chart-danger: #eb6363;\n  --color-chart-label: #384250;\n  --color-chart-legend: #727272;\n  --color-chart-tooltipTitle: #161616;\n  --color-chart-series1: #163f45;\n  --color-chart-series2: #16616c;\n  --color-chart-series3: #1f8998;\n  --color-chart-series4: #46aebc;\n  --color-chart-series5: #72dde6;\n  --color-chart-seriesOther: #b5edf2;\n  --color-overlay-primary05: rgba(22, 97, 108, 0.05);\n  --color-overlay-primary10: rgba(22, 97, 108, 0.1);\n  --color-overlay-primary20: rgba(22, 97, 108, 0.2);\n  --color-overlay-primary30: rgba(22, 97, 108, 0.3);\n  --color-overlay-primary40: rgba(22, 97, 108, 0.4);\n  --color-overlay-primary60: rgba(22, 97, 108, 0.6);\n  --button-primary-background: #16616c;\n  --button-primary-backgroundHover: #065a60;\n  --button-primary-text: #ffffff;\n  --button-secondary-background: #ffffff;\n  --button-secondary-backgroundHover: rgba(0, 0, 0, 0.05);\n  --button-secondary-text: #161616;\n  --button-secondary-border: #d2d6db;\n  --button-destructive-background: #b42318;\n  --button-destructive-backgroundHover: #801c1c;\n  --button-destructive-text: #ffffff;\n  --button-outline-background: #ffffff;\n  --button-outline-backgroundHover: rgba(0, 0, 0, 0.05);\n  --button-outline-text: #161616;\n  --button-outline-textHover: #16616c;\n  --button-outline-border: #e5e7eb;\n  --button-ghost-backgroundHover: rgba(0, 0, 0, 0.05);\n  --button-ghost-textHover: #16616c;\n  --button-link-text: #16616c;\n  --button-warning-text: #b42318;\n  --button-warning-backgroundHover: #fef3f2;\n  --button-focusRing: rgba(22, 97, 108, 0.2);\n  --input-border-default: #e5e7eb;\n  --input-border-focus: #16616c;\n  --input-border-error: #b42318;\n  --input-surface: #ffffff;\n  --input-text: #161616;\n  --input-placeholder: #6c737f;\n  --card-surface: #ffffff;\n  --card-border: #e5e7eb;\n  --card-borderActive: #16616c;\n\n  /**\n   * @tokens Spacing\n   * @presenter Spacing\n   */\n\n  --space-100: 4px;\n  --space-200: 8px;\n  --space-300: 12px;\n  --space-400: 16px;\n  --space-500: 24px;\n  --space-600: 32px;\n  --space-700: 40px;\n  --space-800: 48px;\n  --space-900: 64px;\n  --spacing-layout-page: 16px;\n  --spacing-layout-section: 24px;\n  --spacing-layout-stack: 8px;\n  --spacing-layout-inline: 12px;\n  --button-size-sm-height: 2.25rem;\n  --button-size-sm-paddingInline: 0.75rem;\n  --button-size-default-height: 2.5rem;\n  --button-size-default-paddingInline: 1rem;\n  --button-size-lg-height: 2.75rem;\n  --button-size-lg-paddingInline: 2rem;\n  --button-size-icon-size: 2.5rem;\n  --button-gap: 4px;\n  --button-fontSize: 1rem;\n  --button-lineHeight: 1.5rem;\n  --input-paddingInline: 12px;\n  --input-gap: 8px;\n  --input-height: 40px;\n  --input-fontSize: 0.875rem;\n  --card-padding: 16px;\n  --card-gap: 16px;\n\n  /**\n   * @tokens Typography\n   * @presenter FontSize\n   */\n\n  --fontSize-body-1: 1.125rem;\n  --fontSize-body-2: 1rem;\n  --fontSize-body-3: 0.875rem;\n  --fontSize-body-4: 0.75rem;\n  --fontSize-body-5: 0.625rem;\n  --fontSize-header-1: 2.5rem;\n  --fontSize-header-2: 2rem;\n  --fontSize-header-3: 1.5rem;\n  --fontSize-header-4: 1.25rem;\n  --fontSize-header-2_5: 1.75rem;\n  --fontSize-button: 1rem;\n  --fontWeight-light: 100;\n  --fontWeight-regular: 300;\n  --fontWeight-normal: 400;\n  --fontWeight-medium: 500;\n  --fontWeight-semibold: 600;\n  --fontWeight-bold: 700;\n  --fontWeight-extraBold: 800;\n  --fontWeight-black: 900;\n  --lineHeight-body-1: 1.75rem;\n  --lineHeight-body-2: 1.5rem;\n  --lineHeight-body-3: 1.375rem;\n  --lineHeight-body-4: 1.125rem;\n  --lineHeight-body-5: 1rem;\n  --lineHeight-header-1: 3rem;\n  --lineHeight-header-2: 2.25rem;\n  --lineHeight-header-3: 2rem;\n  --lineHeight-header-4: 1.75rem;\n  --fontFamily-poppins: 'Poppins', 'Montserrat', sans-serif;\n  --fontFamily-montserrat: 'Montserrat', 'Poppins', sans-serif;\n  --fontFamily-inter: 'Inter', 'Poppins', sans-serif;\n  --fontFamily-arabic: 'AvenirArabic', 'Poppins', sans-serif;\n  --typography-body-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n  --typography-body-fontSize: 1rem;\n  --typography-body-fontWeight: 400;\n  --typography-body-lineHeight: 1.5rem;\n  --typography-display-fontFamily: 'Montserrat', 'Poppins', sans-serif;\n  --button-fontWeight: 400;\n  --button-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n  --input-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n\n  /**\n   * @tokens Radius\n   * @presenter BorderRadius\n   */\n\n  --radius-sm: 0.375rem;\n  --radius-md: 0.5rem;\n  --radius-pill: 9999px;\n  --shape-radius-control: 0.5rem;\n  --shape-radius-controlSm: 0.375rem;\n  --button-radius-default: 0.5rem;\n  --button-radius-sm: 0.375rem;\n  --input-radius: 0.5rem;\n  --card-radius: 12px;\n\n  /**\n   * @tokens Shadow\n   * @presenter Shadow\n   */\n\n  --shadow-s: 0px 2px 8px rgba(6, 90, 96, 0.28);\n  --shadow-m: 0px 4px 20px rgba(6, 90, 96, 0.28);\n  --shadow-l: 0px 12px 32px rgba(6, 90, 96, 0.28);\n  --shadow-button: 0 1px 3px rgba(0, 0, 0, 0.1);\n  --shadow-buttonSm: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --elevation-s: 0px 2px 8px rgba(6, 90, 96, 0.28);\n  --elevation-m: 0px 4px 20px rgba(6, 90, 96, 0.28);\n  --elevation-l: 0px 12px 32px rgba(6, 90, 96, 0.28);\n  --button-primary-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  --button-secondary-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --button-destructive-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --button-outline-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --button-warning-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n\n  /**\n   * @tokens Motion\n   * @presenter Animation\n   */\n\n  --motion-duration-fast: 80ms;\n  --motion-duration-normal: 200ms;\n  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);\n  --animation-duration-fast: 80ms;\n  --animation-duration-normal: 200ms;\n  --animation-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);\n  --button-motion-duration: 200ms;\n\n  /**\n   * @tokens Other\n   */\n\n  --button-disabledOpacity: 0.5;\n\n  /**\n   * @tokens-end\n   */\n\n  /* Legacy --bc-* aliases for existing bc-ui consumers */\n  --bc-primary: var(--color-action-primary);\n  --bc-primary-darker: var(--color-action-primaryHover);\n  --bc-primary-400: var(--color-action-primaryMuted);\n  --bc-primary-light: var(--color-action-primarySubtle);\n  --bc-primary-foreground: var(--color-action-primaryForeground);\n  --bc-primary-lighter: var(--color-action-primarySoft);\n  --bc-primary-darker-2: var(--color-action-primaryDeep);\n  --bc-primary-05: var(--color-overlay-primary05);\n  --bc-primary-10: var(--color-overlay-primary10);\n  --bc-primary-20: var(--color-overlay-primary20);\n  --bc-primary-30: var(--color-overlay-primary30);\n  --bc-primary-40: var(--color-overlay-primary40);\n  --bc-primary-60: var(--color-overlay-primary60);\n  --bc-foreground: var(--color-text-primary);\n  --bc-muted: var(--color-text-secondary);\n  --bc-muted-foreground: var(--color-text-muted);\n  --bc-placeholder: var(--color-text-placeholder);\n  --bc-disabled: var(--color-text-disabled);\n  --bc-primary-paragraph: var(--color-text-paragraph);\n  --bc-background: var(--color-surface-default);\n  --bc-background-secondary: var(--color-surface-subtle);\n  --bc-hover-bg: var(--color-surface-hover);\n  --bc-secondary: var(--color-surface-secondary);\n  --bc-border-color: var(--color-border-default);\n  --bc-secondary-border: var(--color-border-strong);\n  --bc-danger: var(--color-status-danger);\n  --bc-danger-alert: var(--color-status-dangerAlert);\n  --bc-danger-darker: var(--color-status-dangerDark);\n  --bc-danger-light: var(--color-status-dangerLight);\n  --bc-danger-foreground: var(--color-status-dangerForeground);\n  --bc-success: var(--color-status-success);\n  --bc-success-darker: var(--color-status-successDark);\n  --bc-success-light: var(--color-status-successLight);\n  --bc-info: var(--color-status-info);\n  --bc-info-light: var(--color-status-infoLight);\n  --bc-charts-success: var(--color-chart-success);\n  --bc-charts-warning: var(--color-chart-warning);\n  --bc-charts-danger: var(--color-chart-danger);\n  --bc-charts-label: var(--color-chart-label);\n  --bc-charts-legend-label: var(--color-chart-legend);\n  --bc-charts-tooltip-title: var(--color-chart-tooltipTitle);\n  --bc-radius: var(--shape-radius-control);\n  --bc-fontSize-body-5: var(--fontSize-body-5);\n  --bc-fontSize-body-4: var(--fontSize-body-4);\n  --bc-fontSize-body-3: var(--fontSize-body-3);\n  --bc-fontSize-body-2: var(--fontSize-body-2);\n  --bc-fontSize-body-1: var(--fontSize-body-1);\n  --bc-fontSize-header-4: var(--fontSize-header-4);\n  --bc-fontSize-header-3: var(--fontSize-header-3);\n  --bc-fontSize-header-2_5: var(--fontSize-header-2_5);\n  --bc-fontSize-header-2: var(--fontSize-header-2);\n  --bc-fontSize-header-1: var(--fontSize-header-1);\n  --bc-fontSize-button: var(--fontSize-button);\n  --bc-fontWeight-light: var(--fontWeight-light);\n  --bc-fontWeight-regular: var(--fontWeight-regular);\n  --bc-fontWeight-normal: var(--fontWeight-normal);\n  --bc-fontWeight-medium: var(--fontWeight-medium);\n  --bc-fontWeight-semibold: var(--fontWeight-semibold);\n  --bc-fontWeight-bold: var(--fontWeight-bold);\n  --bc-fontWeight-extraBold: var(--fontWeight-extraBold);\n  --bc-fontWeight-black: var(--fontWeight-black);\n  --bc-lineHeight-body-5: var(--lineHeight-body-5);\n  --bc-lineHeight-body-4: var(--lineHeight-body-4);\n  --bc-lineHeight-body-3: var(--lineHeight-body-3);\n  --bc-lineHeight-body-2: var(--lineHeight-body-2);\n  --bc-lineHeight-body-1: var(--lineHeight-body-1);\n  --bc-lineHeight-header-4: var(--lineHeight-header-4);\n  --bc-lineHeight-header-3: var(--lineHeight-header-3);\n  --bc-lineHeight-header-2: var(--lineHeight-header-2);\n  --bc-lineHeight-header-1: var(--lineHeight-header-1);\n  --bc-font-stack-poppins: var(--fontFamily-poppins);\n  --bc-font-stack-montserrat: var(--fontFamily-montserrat);\n  --bc-font-stack-inter: var(--fontFamily-inter);\n  --bc-font-stack-arabic: var(--fontFamily-arabic);\n  --bc-shadow-s: var(--elevation-s);\n  --bc-shadow-m: var(--elevation-m);\n  --bc-shadow-l: var(--elevation-l);\n  --bc-font-stack: var(--fontFamily-poppins);\n  --bc-font-stack-primary: var(--fontFamily-poppins);\n  --bc-font-stack-secondary: var(--fontFamily-montserrat);\n  --bc-secondary-foreground: var(--color-text-primary);\n  --bc-secondary-hover: var(--color-surface-hover);\n  --bc-ring-color: var(--color-overlay-primary20);\n}\n\n:root[data-theme=\"dark\"] {\n  --color-action-primary: #95d5b2;\n  --color-action-primaryHover: #258694;\n  --color-action-primaryMuted: #258694;\n  --color-action-primarySubtle: #1a1a1a;\n  --color-action-primaryForeground: #161616;\n  --color-action-primarySoft: #95d5b2;\n  --color-action-primaryDeep: #95d5b2;\n  --color-text-primary: #ffffff;\n  --color-text-secondary: #9b9b9b;\n  --color-text-muted: #9b9b9b;\n  --color-text-placeholder: #9b9b9b;\n  --color-text-disabled: #9b9b9b;\n  --color-text-paragraph: #ffffff;\n  --color-text-onPrimary: #161616;\n  --color-surface-default: #1a1a1a;\n  --color-surface-subtle: #1a1a1a;\n  --color-surface-hover: rgba(255, 255, 255, 0.06);\n  --color-surface-secondary: #1a1a1a;\n  --color-border-default: #333333;\n  --color-border-strong: #9b9b9b;\n  --color-status-danger: #b42318;\n  --color-status-dangerAlert: #d92d20;\n  --color-status-dangerDark: #801c1c;\n  --color-status-dangerLight: #fef3f2;\n  --color-status-dangerForeground: #ffffff;\n  --color-status-success: #2eb583;\n  --color-status-successDark: #067647;\n  --color-status-successLight: #ecfdf3;\n  --color-status-info: #175cd3;\n  --color-status-infoLight: #eff8ff;\n  --color-chart-success: #2cb977;\n  --color-chart-warning: #fedf89;\n  --color-chart-danger: #eb6363;\n  --color-chart-label: #384250;\n  --color-chart-legend: #727272;\n  --color-chart-tooltipTitle: #161616;\n  --color-chart-series1: #163f45;\n  --color-chart-series2: #16616c;\n  --color-chart-series3: #1f8998;\n  --color-chart-series4: #46aebc;\n  --color-chart-series5: #72dde6;\n  --color-chart-seriesOther: #b5edf2;\n  --color-overlay-primary05: rgba(22, 97, 108, 0.05);\n  --color-overlay-primary10: rgba(22, 97, 108, 0.1);\n  --color-overlay-primary20: rgba(22, 97, 108, 0.2);\n  --color-overlay-primary30: rgba(22, 97, 108, 0.3);\n  --color-overlay-primary40: rgba(22, 97, 108, 0.4);\n  --color-overlay-primary60: rgba(22, 97, 108, 0.6);\n}\n\n:root[lang='ar'] {\n  --fontFamily-poppins: var(--fontFamily-arabic);\n  --fontFamily-montserrat: var(--fontFamily-arabic);\n  --fontFamily-inter: var(--fontFamily-arabic);\n}\n";
+styleInject(css_248z);
+
 /*
 
 Based off glamor's StyleSheet, thanks Sunil ❤️
@@ -2580,6 +2610,15 @@ const AgentReportFragmentDoc = Apollo.gql(_t9$1 || (_t9$1 = _$4`
     responseRate
     averageRating
     csat
+    ratedConversationsCount
+    positiveRatingsCount
+    feedbackRequestedCount
+    feedbackAnsweredCount
+    rating1Count
+    rating2Count
+    rating3Count
+    rating4Count
+    rating5Count
     createdAt
   }
 `));
@@ -2637,6 +2676,15 @@ const ConversationReportFragmentDoc = Apollo.gql(_t10$1 || (_t10$1 = _$4`
     responseRate
     averageRating
     csat
+    ratedConversationsCount
+    positiveRatingsCount
+    feedbackRequestedCount
+    feedbackAnsweredCount
+    rating1Count
+    rating2Count
+    rating3Count
+    rating4Count
+    rating5Count
     createdAt
   }
 `));

package/index.esm.js

@@ -20,6 +20,36 @@ import enCountries from 'i18n-iso-countries/langs/en.json';
 import arCountries from 'i18n-iso-countries/langs/ar.json';
 import trCountries from 'i18n-iso-countries/langs/tr.json';
 
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = "/**\n * AUTO-GENERATED by packages/design-tokens — do not edit by hand.\n * Source: tokens/*.json (DTCG)\n */\n\n:root {\n\n  /**\n   * @tokens Colors\n   * @presenter Color\n   */\n\n  --color-teal-50: #f3fbfc;\n  --color-teal-100: #e0f3e8;\n  --color-teal-200: #95d5b2;\n  --color-teal-400: #258694;\n  --color-teal-500: #16616c;\n  --color-teal-600: #065a60;\n  --color-teal-700: #12474f;\n  --color-teal-800: #457578;\n  --color-neutral-0: #ffffff;\n  --color-neutral-50: #f7f7f8;\n  --color-neutral-100: #f0f1f5;\n  --color-neutral-200: #e5e7eb;\n  --color-neutral-300: #d2d6db;\n  --color-neutral-400: #9da4ae;\n  --color-neutral-500: #9b9b9b;\n  --color-neutral-600: #6c737f;\n  --color-neutral-700: #727272;\n  --color-neutral-800: #4e4f4f;\n  --color-neutral-900: #384250;\n  --color-neutral-950: #161616;\n  --color-danger-50: #fef3f2;\n  --color-danger-500: #d92d20;\n  --color-danger-600: #b42318;\n  --color-danger-700: #801c1c;\n  --color-success-50: #ecfdf3;\n  --color-success-500: #2eb583;\n  --color-success-600: #2cb977;\n  --color-success-700: #067647;\n  --color-info-50: #eff8ff;\n  --color-info-600: #175cd3;\n  --color-warning-200: #fedf89;\n  --color-charts-danger: #eb6363;\n  --color-charts-teal900: #163f45;\n  --color-charts-teal400: #1f8998;\n  --color-charts-teal300: #46aebc;\n  --color-charts-teal200: #72dde6;\n  --color-charts-teal100: #b5edf2;\n  --color-alpha-black05: rgba(0, 0, 0, 0.05);\n  --color-alpha-teal05: rgba(22, 97, 108, 0.05);\n  --color-alpha-teal10: rgba(22, 97, 108, 0.1);\n  --color-alpha-teal20: rgba(22, 97, 108, 0.2);\n  --color-alpha-teal30: rgba(22, 97, 108, 0.3);\n  --color-alpha-teal40: rgba(22, 97, 108, 0.4);\n  --color-alpha-teal60: rgba(22, 97, 108, 0.6);\n  --color-alpha-shadowTeal: rgba(6, 90, 96, 0.28);\n  --color-alpha-shadowNeutral: rgba(0, 0, 0, 0.1);\n  --color-alpha-shadowNeutralSm: rgba(0, 0, 0, 0.05);\n  --color-dark-bg: #1a1a1a;\n  --color-dark-border: #333333;\n  --color-dark-muted: #9b9b9b;\n  --color-action-primary: #16616c;\n  --color-action-primaryHover: #065a60;\n  --color-action-primaryMuted: #258694;\n  --color-action-primarySubtle: #f3fbfc;\n  --color-action-primaryForeground: #ffffff;\n  --color-action-primarySoft: #95d5b2;\n  --color-action-primaryDeep: #12474f;\n  --color-text-primary: #161616;\n  --color-text-secondary: #4e4f4f;\n  --color-text-muted: #727272;\n  --color-text-placeholder: #6c737f;\n  --color-text-disabled: #9da4ae;\n  --color-text-paragraph: #384250;\n  --color-text-onPrimary: #ffffff;\n  --color-surface-default: #ffffff;\n  --color-surface-subtle: #f7f7f8;\n  --color-surface-hover: rgba(0, 0, 0, 0.05);\n  --color-surface-secondary: #ffffff;\n  --color-border-default: #e5e7eb;\n  --color-border-strong: #d2d6db;\n  --color-status-danger: #b42318;\n  --color-status-dangerAlert: #d92d20;\n  --color-status-dangerDark: #801c1c;\n  --color-status-dangerLight: #fef3f2;\n  --color-status-dangerForeground: #ffffff;\n  --color-status-success: #2eb583;\n  --color-status-successDark: #067647;\n  --color-status-successLight: #ecfdf3;\n  --color-status-info: #175cd3;\n  --color-status-infoLight: #eff8ff;\n  --color-chart-success: #2cb977;\n  --color-chart-warning: #fedf89;\n  --color-chart-danger: #eb6363;\n  --color-chart-label: #384250;\n  --color-chart-legend: #727272;\n  --color-chart-tooltipTitle: #161616;\n  --color-chart-series1: #163f45;\n  --color-chart-series2: #16616c;\n  --color-chart-series3: #1f8998;\n  --color-chart-series4: #46aebc;\n  --color-chart-series5: #72dde6;\n  --color-chart-seriesOther: #b5edf2;\n  --color-overlay-primary05: rgba(22, 97, 108, 0.05);\n  --color-overlay-primary10: rgba(22, 97, 108, 0.1);\n  --color-overlay-primary20: rgba(22, 97, 108, 0.2);\n  --color-overlay-primary30: rgba(22, 97, 108, 0.3);\n  --color-overlay-primary40: rgba(22, 97, 108, 0.4);\n  --color-overlay-primary60: rgba(22, 97, 108, 0.6);\n  --button-primary-background: #16616c;\n  --button-primary-backgroundHover: #065a60;\n  --button-primary-text: #ffffff;\n  --button-secondary-background: #ffffff;\n  --button-secondary-backgroundHover: rgba(0, 0, 0, 0.05);\n  --button-secondary-text: #161616;\n  --button-secondary-border: #d2d6db;\n  --button-destructive-background: #b42318;\n  --button-destructive-backgroundHover: #801c1c;\n  --button-destructive-text: #ffffff;\n  --button-outline-background: #ffffff;\n  --button-outline-backgroundHover: rgba(0, 0, 0, 0.05);\n  --button-outline-text: #161616;\n  --button-outline-textHover: #16616c;\n  --button-outline-border: #e5e7eb;\n  --button-ghost-backgroundHover: rgba(0, 0, 0, 0.05);\n  --button-ghost-textHover: #16616c;\n  --button-link-text: #16616c;\n  --button-warning-text: #b42318;\n  --button-warning-backgroundHover: #fef3f2;\n  --button-focusRing: rgba(22, 97, 108, 0.2);\n  --input-border-default: #e5e7eb;\n  --input-border-focus: #16616c;\n  --input-border-error: #b42318;\n  --input-surface: #ffffff;\n  --input-text: #161616;\n  --input-placeholder: #6c737f;\n  --card-surface: #ffffff;\n  --card-border: #e5e7eb;\n  --card-borderActive: #16616c;\n\n  /**\n   * @tokens Spacing\n   * @presenter Spacing\n   */\n\n  --space-100: 4px;\n  --space-200: 8px;\n  --space-300: 12px;\n  --space-400: 16px;\n  --space-500: 24px;\n  --space-600: 32px;\n  --space-700: 40px;\n  --space-800: 48px;\n  --space-900: 64px;\n  --spacing-layout-page: 16px;\n  --spacing-layout-section: 24px;\n  --spacing-layout-stack: 8px;\n  --spacing-layout-inline: 12px;\n  --button-size-sm-height: 2.25rem;\n  --button-size-sm-paddingInline: 0.75rem;\n  --button-size-default-height: 2.5rem;\n  --button-size-default-paddingInline: 1rem;\n  --button-size-lg-height: 2.75rem;\n  --button-size-lg-paddingInline: 2rem;\n  --button-size-icon-size: 2.5rem;\n  --button-gap: 4px;\n  --button-fontSize: 1rem;\n  --button-lineHeight: 1.5rem;\n  --input-paddingInline: 12px;\n  --input-gap: 8px;\n  --input-height: 40px;\n  --input-fontSize: 0.875rem;\n  --card-padding: 16px;\n  --card-gap: 16px;\n\n  /**\n   * @tokens Typography\n   * @presenter FontSize\n   */\n\n  --fontSize-body-1: 1.125rem;\n  --fontSize-body-2: 1rem;\n  --fontSize-body-3: 0.875rem;\n  --fontSize-body-4: 0.75rem;\n  --fontSize-body-5: 0.625rem;\n  --fontSize-header-1: 2.5rem;\n  --fontSize-header-2: 2rem;\n  --fontSize-header-3: 1.5rem;\n  --fontSize-header-4: 1.25rem;\n  --fontSize-header-2_5: 1.75rem;\n  --fontSize-button: 1rem;\n  --fontWeight-light: 100;\n  --fontWeight-regular: 300;\n  --fontWeight-normal: 400;\n  --fontWeight-medium: 500;\n  --fontWeight-semibold: 600;\n  --fontWeight-bold: 700;\n  --fontWeight-extraBold: 800;\n  --fontWeight-black: 900;\n  --lineHeight-body-1: 1.75rem;\n  --lineHeight-body-2: 1.5rem;\n  --lineHeight-body-3: 1.375rem;\n  --lineHeight-body-4: 1.125rem;\n  --lineHeight-body-5: 1rem;\n  --lineHeight-header-1: 3rem;\n  --lineHeight-header-2: 2.25rem;\n  --lineHeight-header-3: 2rem;\n  --lineHeight-header-4: 1.75rem;\n  --fontFamily-poppins: 'Poppins', 'Montserrat', sans-serif;\n  --fontFamily-montserrat: 'Montserrat', 'Poppins', sans-serif;\n  --fontFamily-inter: 'Inter', 'Poppins', sans-serif;\n  --fontFamily-arabic: 'AvenirArabic', 'Poppins', sans-serif;\n  --typography-body-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n  --typography-body-fontSize: 1rem;\n  --typography-body-fontWeight: 400;\n  --typography-body-lineHeight: 1.5rem;\n  --typography-display-fontFamily: 'Montserrat', 'Poppins', sans-serif;\n  --button-fontWeight: 400;\n  --button-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n  --input-fontFamily: 'Poppins', 'Montserrat', sans-serif;\n\n  /**\n   * @tokens Radius\n   * @presenter BorderRadius\n   */\n\n  --radius-sm: 0.375rem;\n  --radius-md: 0.5rem;\n  --radius-pill: 9999px;\n  --shape-radius-control: 0.5rem;\n  --shape-radius-controlSm: 0.375rem;\n  --button-radius-default: 0.5rem;\n  --button-radius-sm: 0.375rem;\n  --input-radius: 0.5rem;\n  --card-radius: 12px;\n\n  /**\n   * @tokens Shadow\n   * @presenter Shadow\n   */\n\n  --shadow-s: 0px 2px 8px rgba(6, 90, 96, 0.28);\n  --shadow-m: 0px 4px 20px rgba(6, 90, 96, 0.28);\n  --shadow-l: 0px 12px 32px rgba(6, 90, 96, 0.28);\n  --shadow-button: 0 1px 3px rgba(0, 0, 0, 0.1);\n  --shadow-buttonSm: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --elevation-s: 0px 2px 8px rgba(6, 90, 96, 0.28);\n  --elevation-m: 0px 4px 20px rgba(6, 90, 96, 0.28);\n  --elevation-l: 0px 12px 32px rgba(6, 90, 96, 0.28);\n  --button-primary-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  --button-secondary-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --button-destructive-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --button-outline-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n  --button-warning-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n\n  /**\n   * @tokens Motion\n   * @presenter Animation\n   */\n\n  --motion-duration-fast: 80ms;\n  --motion-duration-normal: 200ms;\n  --motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);\n  --animation-duration-fast: 80ms;\n  --animation-duration-normal: 200ms;\n  --animation-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);\n  --button-motion-duration: 200ms;\n\n  /**\n   * @tokens Other\n   */\n\n  --button-disabledOpacity: 0.5;\n\n  /**\n   * @tokens-end\n   */\n\n  /* Legacy --bc-* aliases for existing bc-ui consumers */\n  --bc-primary: var(--color-action-primary);\n  --bc-primary-darker: var(--color-action-primaryHover);\n  --bc-primary-400: var(--color-action-primaryMuted);\n  --bc-primary-light: var(--color-action-primarySubtle);\n  --bc-primary-foreground: var(--color-action-primaryForeground);\n  --bc-primary-lighter: var(--color-action-primarySoft);\n  --bc-primary-darker-2: var(--color-action-primaryDeep);\n  --bc-primary-05: var(--color-overlay-primary05);\n  --bc-primary-10: var(--color-overlay-primary10);\n  --bc-primary-20: var(--color-overlay-primary20);\n  --bc-primary-30: var(--color-overlay-primary30);\n  --bc-primary-40: var(--color-overlay-primary40);\n  --bc-primary-60: var(--color-overlay-primary60);\n  --bc-foreground: var(--color-text-primary);\n  --bc-muted: var(--color-text-secondary);\n  --bc-muted-foreground: var(--color-text-muted);\n  --bc-placeholder: var(--color-text-placeholder);\n  --bc-disabled: var(--color-text-disabled);\n  --bc-primary-paragraph: var(--color-text-paragraph);\n  --bc-background: var(--color-surface-default);\n  --bc-background-secondary: var(--color-surface-subtle);\n  --bc-hover-bg: var(--color-surface-hover);\n  --bc-secondary: var(--color-surface-secondary);\n  --bc-border-color: var(--color-border-default);\n  --bc-secondary-border: var(--color-border-strong);\n  --bc-danger: var(--color-status-danger);\n  --bc-danger-alert: var(--color-status-dangerAlert);\n  --bc-danger-darker: var(--color-status-dangerDark);\n  --bc-danger-light: var(--color-status-dangerLight);\n  --bc-danger-foreground: var(--color-status-dangerForeground);\n  --bc-success: var(--color-status-success);\n  --bc-success-darker: var(--color-status-successDark);\n  --bc-success-light: var(--color-status-successLight);\n  --bc-info: var(--color-status-info);\n  --bc-info-light: var(--color-status-infoLight);\n  --bc-charts-success: var(--color-chart-success);\n  --bc-charts-warning: var(--color-chart-warning);\n  --bc-charts-danger: var(--color-chart-danger);\n  --bc-charts-label: var(--color-chart-label);\n  --bc-charts-legend-label: var(--color-chart-legend);\n  --bc-charts-tooltip-title: var(--color-chart-tooltipTitle);\n  --bc-radius: var(--shape-radius-control);\n  --bc-fontSize-body-5: var(--fontSize-body-5);\n  --bc-fontSize-body-4: var(--fontSize-body-4);\n  --bc-fontSize-body-3: var(--fontSize-body-3);\n  --bc-fontSize-body-2: var(--fontSize-body-2);\n  --bc-fontSize-body-1: var(--fontSize-body-1);\n  --bc-fontSize-header-4: var(--fontSize-header-4);\n  --bc-fontSize-header-3: var(--fontSize-header-3);\n  --bc-fontSize-header-2_5: var(--fontSize-header-2_5);\n  --bc-fontSize-header-2: var(--fontSize-header-2);\n  --bc-fontSize-header-1: var(--fontSize-header-1);\n  --bc-fontSize-button: var(--fontSize-button);\n  --bc-fontWeight-light: var(--fontWeight-light);\n  --bc-fontWeight-regular: var(--fontWeight-regular);\n  --bc-fontWeight-normal: var(--fontWeight-normal);\n  --bc-fontWeight-medium: var(--fontWeight-medium);\n  --bc-fontWeight-semibold: var(--fontWeight-semibold);\n  --bc-fontWeight-bold: var(--fontWeight-bold);\n  --bc-fontWeight-extraBold: var(--fontWeight-extraBold);\n  --bc-fontWeight-black: var(--fontWeight-black);\n  --bc-lineHeight-body-5: var(--lineHeight-body-5);\n  --bc-lineHeight-body-4: var(--lineHeight-body-4);\n  --bc-lineHeight-body-3: var(--lineHeight-body-3);\n  --bc-lineHeight-body-2: var(--lineHeight-body-2);\n  --bc-lineHeight-body-1: var(--lineHeight-body-1);\n  --bc-lineHeight-header-4: var(--lineHeight-header-4);\n  --bc-lineHeight-header-3: var(--lineHeight-header-3);\n  --bc-lineHeight-header-2: var(--lineHeight-header-2);\n  --bc-lineHeight-header-1: var(--lineHeight-header-1);\n  --bc-font-stack-poppins: var(--fontFamily-poppins);\n  --bc-font-stack-montserrat: var(--fontFamily-montserrat);\n  --bc-font-stack-inter: var(--fontFamily-inter);\n  --bc-font-stack-arabic: var(--fontFamily-arabic);\n  --bc-shadow-s: var(--elevation-s);\n  --bc-shadow-m: var(--elevation-m);\n  --bc-shadow-l: var(--elevation-l);\n  --bc-font-stack: var(--fontFamily-poppins);\n  --bc-font-stack-primary: var(--fontFamily-poppins);\n  --bc-font-stack-secondary: var(--fontFamily-montserrat);\n  --bc-secondary-foreground: var(--color-text-primary);\n  --bc-secondary-hover: var(--color-surface-hover);\n  --bc-ring-color: var(--color-overlay-primary20);\n}\n\n:root[data-theme=\"dark\"] {\n  --color-action-primary: #95d5b2;\n  --color-action-primaryHover: #258694;\n  --color-action-primaryMuted: #258694;\n  --color-action-primarySubtle: #1a1a1a;\n  --color-action-primaryForeground: #161616;\n  --color-action-primarySoft: #95d5b2;\n  --color-action-primaryDeep: #95d5b2;\n  --color-text-primary: #ffffff;\n  --color-text-secondary: #9b9b9b;\n  --color-text-muted: #9b9b9b;\n  --color-text-placeholder: #9b9b9b;\n  --color-text-disabled: #9b9b9b;\n  --color-text-paragraph: #ffffff;\n  --color-text-onPrimary: #161616;\n  --color-surface-default: #1a1a1a;\n  --color-surface-subtle: #1a1a1a;\n  --color-surface-hover: rgba(255, 255, 255, 0.06);\n  --color-surface-secondary: #1a1a1a;\n  --color-border-default: #333333;\n  --color-border-strong: #9b9b9b;\n  --color-status-danger: #b42318;\n  --color-status-dangerAlert: #d92d20;\n  --color-status-dangerDark: #801c1c;\n  --color-status-dangerLight: #fef3f2;\n  --color-status-dangerForeground: #ffffff;\n  --color-status-success: #2eb583;\n  --color-status-successDark: #067647;\n  --color-status-successLight: #ecfdf3;\n  --color-status-info: #175cd3;\n  --color-status-infoLight: #eff8ff;\n  --color-chart-success: #2cb977;\n  --color-chart-warning: #fedf89;\n  --color-chart-danger: #eb6363;\n  --color-chart-label: #384250;\n  --color-chart-legend: #727272;\n  --color-chart-tooltipTitle: #161616;\n  --color-chart-series1: #163f45;\n  --color-chart-series2: #16616c;\n  --color-chart-series3: #1f8998;\n  --color-chart-series4: #46aebc;\n  --color-chart-series5: #72dde6;\n  --color-chart-seriesOther: #b5edf2;\n  --color-overlay-primary05: rgba(22, 97, 108, 0.05);\n  --color-overlay-primary10: rgba(22, 97, 108, 0.1);\n  --color-overlay-primary20: rgba(22, 97, 108, 0.2);\n  --color-overlay-primary30: rgba(22, 97, 108, 0.3);\n  --color-overlay-primary40: rgba(22, 97, 108, 0.4);\n  --color-overlay-primary60: rgba(22, 97, 108, 0.6);\n}\n\n:root[lang='ar'] {\n  --fontFamily-poppins: var(--fontFamily-arabic);\n  --fontFamily-montserrat: var(--fontFamily-arabic);\n  --fontFamily-inter: var(--fontFamily-arabic);\n}\n";
+styleInject(css_248z);
+
 /*
 
 Based off glamor's StyleSheet, thanks Sunil ❤️
@@ -2562,6 +2592,15 @@ const AgentReportFragmentDoc = gql(_t9$1 || (_t9$1 = _$4`
     responseRate
     averageRating
     csat
+    ratedConversationsCount
+    positiveRatingsCount
+    feedbackRequestedCount
+    feedbackAnsweredCount
+    rating1Count
+    rating2Count
+    rating3Count
+    rating4Count
+    rating5Count
     createdAt
   }
 `));
@@ -2619,6 +2658,15 @@ const ConversationReportFragmentDoc = gql(_t10$1 || (_t10$1 = _$4`
     responseRate
     averageRating
     csat
+    ratedConversationsCount
+    positiveRatingsCount
+    feedbackRequestedCount
+    feedbackAnsweredCount
+    rating1Count
+    rating2Count
+    rating3Count
+    rating4Count
+    rating5Count
     createdAt
   }
 `));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bcrumbs.net/inbox",
   "description": "Inbox widget for Bread Crumbs portals",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "keyword": [
     "bcrumbs",
     "bc-ui",

package/src/graphql.autogenerated.d.ts

@@ -248,6 +248,16 @@ export type AgentReport = {
     createdAt: Scalars['DateTime']['output'];
     /** The CSAT percentage (4 and 5 ratings over rated conversations). */
     csat: Scalars['Float']['output'];
+    /**
+     * The number of requested conversations where the client gave a rating.
+     * Response rate = feedbackAnsweredCount / feedbackRequestedCount.
+     */
+    feedbackAnsweredCount: Scalars['Int']['output'];
+    /**
+     * The number of closed conversations where the rating AI asked for feedback.
+     * Request rate = feedbackRequestedCount / conversationCount.
+     */
+    feedbackRequestedCount: Scalars['Int']['output'];
     /** Conversations included in avgFirstResponseTime (client messaged before the agent replied). */
     firstResponseConversationCount: Scalars['Int']['output'];
     id: Scalars['ID']['output'];
@@ -255,6 +265,20 @@ export type AgentReport = {
     integrationId?: Maybe<Scalars['ID']['output']>;
     /** The number of new client conversations in the hour. */
     newClientConvCount?: Maybe<Scalars['Int']['output']>;
+    /** The number of ratings of 4 (Great) or 5 (Amazing). */
+    positiveRatingsCount: Scalars['Int']['output'];
+    /** The number of closed conversations that received a rating. */
+    ratedConversationsCount: Scalars['Int']['output'];
+    /** The number of ratings with score 1 (Terrible). */
+    rating1Count: Scalars['Int']['output'];
+    /** The number of ratings with score 2 (Bad). */
+    rating2Count: Scalars['Int']['output'];
+    /** The number of ratings with score 3 (Ok). */
+    rating3Count: Scalars['Int']['output'];
+    /** The number of ratings with score 4 (Great). */
+    rating4Count: Scalars['Int']['output'];
+    /** The number of ratings with score 5 (Amazing). */
+    rating5Count: Scalars['Int']['output'];
     /** The percentage of conversations that received a rating. */
     responseRate: Scalars['Float']['output'];
     workspaceId: Scalars['Int']['output'];
@@ -1964,6 +1988,16 @@ export type ConversationReport = {
     createdAt: Scalars['DateTime']['output'];
     /** The CSAT percentage (4 and 5 ratings over rated conversations). */
     csat: Scalars['Float']['output'];
+    /**
+     * The number of requested conversations where the client gave a rating.
+     * Response rate = feedbackAnsweredCount / feedbackRequestedCount.
+     */
+    feedbackAnsweredCount: Scalars['Int']['output'];
+    /**
+     * The number of closed conversations where the rating AI asked for feedback.
+     * Request rate = feedbackRequestedCount / conversationCount.
+     */
+    feedbackRequestedCount: Scalars['Int']['output'];
     /** Conversations included in avgFirstResponseTime (client messaged before the agent replied). */
     firstResponseConversationCount: Scalars['Int']['output'];
     /** The hour of the conversation report. */
@@ -1974,6 +2008,20 @@ export type ConversationReport = {
     integrationId: Scalars['ID']['output'];
     /** The number of new client conversations in the hour. */
     newClientConvCount?: Maybe<Scalars['Int']['output']>;
+    /** The number of ratings of 4 (Great) or 5 (Amazing). */
+    positiveRatingsCount: Scalars['Int']['output'];
+    /** The number of closed conversations that received a rating. */
+    ratedConversationsCount: Scalars['Int']['output'];
+    /** The number of ratings with score 1 (Terrible). */
+    rating1Count: Scalars['Int']['output'];
+    /** The number of ratings with score 2 (Bad). */
+    rating2Count: Scalars['Int']['output'];
+    /** The number of ratings with score 3 (Ok). */
+    rating3Count: Scalars['Int']['output'];
+    /** The number of ratings with score 4 (Great). */
+    rating4Count: Scalars['Int']['output'];
+    /** The number of ratings with score 5 (Amazing). */
+    rating5Count: Scalars['Int']['output'];
     /** The percentage of conversations that received a rating. */
     responseRate: Scalars['Float']['output'];
     workspaceId: Scalars['Int']['output'];
@@ -6156,6 +6204,15 @@ export type AgentReportFragment = {
     responseRate: number;
     averageRating: number;
     csat: number;
+    ratedConversationsCount: number;
+    positiveRatingsCount: number;
+    feedbackRequestedCount: number;
+    feedbackAnsweredCount: number;
+    rating1Count: number;
+    rating2Count: number;
+    rating3Count: number;
+    rating4Count: number;
+    rating5Count: number;
     createdAt: any;
 };
 export type ConvStageReportFragment = {
@@ -6210,6 +6267,15 @@ export type ConversationReportFragment = {
     responseRate: number;
     averageRating: number;
     csat: number;
+    ratedConversationsCount: number;
+    positiveRatingsCount: number;
+    feedbackRequestedCount: number;
+    feedbackAnsweredCount: number;
+    rating1Count: number;
+    rating2Count: number;
+    rating3Count: number;
+    rating4Count: number;
+    rating5Count: number;
     createdAt: any;
 };
 export type AgentsReportQueryVariables = Exact<{
@@ -6234,6 +6300,15 @@ export type AgentsReportQuery = {
             responseRate: number;
             averageRating: number;
             csat: number;
+            ratedConversationsCount: number;
+            positiveRatingsCount: number;
+            feedbackRequestedCount: number;
+            feedbackAnsweredCount: number;
+            rating1Count: number;
+            rating2Count: number;
+            rating3Count: number;
+            rating4Count: number;
+            rating5Count: number;
             createdAt: any;
         }> | null;
     };
@@ -6315,6 +6390,15 @@ export type ConvsReportQuery = {
             responseRate: number;
             averageRating: number;
             csat: number;
+            ratedConversationsCount: number;
+            positiveRatingsCount: number;
+            feedbackRequestedCount: number;
+            feedbackAnsweredCount: number;
+            rating1Count: number;
+            rating2Count: number;
+            rating3Count: number;
+            rating4Count: number;
+            rating5Count: number;
             createdAt: any;
         }> | null;
     };

package/src/lib/index.d.ts

@@ -1,3 +1,4 @@
+import '@bcrumbs.net/design-tokens/tokens.css';
 export { Inbox } from './inbox';
 export { ConversationChat } from './conversation-chat';
 export type { ConversationChatProps } from './conversation-chat';