@pega/cosmos-react-work 9.0.0-build.1.0 → 9.0.0-build.10.1

package/lib/components/Details/Details.styles.js

@@ -205,24 +205,62 @@ const spacingTop = (spacing) => {
     }
   `;
 };
-export const StyledDetails = styled.div(({ variant, theme }) => {
-    const { base: { spacing } } = theme;
+export const StyledDetails = styled.div(({ variant, columnCount, theme }) => {
+    const { base: { spacing, 'border-radius': baseBorderRadius, palette: { 'border-line': borderColor } }, components: { 'form-control': { 'border-width': borderWidth }, button: { 'border-radius': buttonBorderRadius }, 'field-value-list': { inline: { detached } } } } = theme;
     return css `
-      &:not(:first-child) {
-        ${spacingTop(spacing)}
-      }
+    &:not(:first-child) {
+      ${spacingTop(spacing)}
+    }
 
-      ${variant === 'field-group' &&
+    ${variant === 'field-group' &&
         css `
-        + ${StyledDetailsList} {
-          margin-block-start: calc(1.5 * ${spacing});
+      & + ${StyledDetailsList} {
+        margin-block-start: calc(1.5 * ${spacing});
+      }
+
+      ${columnCount === 1 &&
+            css `
+        position: relative;
+        padding-inline-start: ${spacing};
+
+        ${detached &&
+                css `
+          padding-inline-start: calc(1.25 * ${spacing});
+        `}
+
+        &::before {
+          content: '';
+          position: absolute;
+          inset-block-start: calc(-1 * ${spacing});
+          inset-block-end: 0;
+          inset-inline-start: 0;
+          width: ${borderWidth};
+          background: ${borderColor};
+
+          ${detached &&
+                css `
+            inset-block-start: 0;
+            width: 0.25rem;
+            background: ${transparentize(0.67, borderColor)};
+            border-radius: calc(${buttonBorderRadius} * ${baseBorderRadius});
+          `}
         }
       `}
-    `;
+    `}
+
+    ${!variant &&
+        detached &&
+        css `
+      & + ${StyledDetailsList} {
+        margin-block-start: 0;
+        border-block-start: 0.0625rem dashed ${theme.base.palette['border-line']};
+      }
+    `};
+  `;
 });
 StyledDetails.defaultProps = defaultThemeProp;
-export const StyledDetailColumns = styled.div(({ theme, arrangement, variant, columnCount = 1 }) => {
-    const { base: { palette: { 'border-line': borderColor }, spacing, 'border-radius': baseBorderRadius }, components: { 'form-control': { 'border-width': borderWidth }, button: { 'border-radius': buttonBorderRadius }, 'field-value-list': { inline: { detached } } } } = theme;
+export const StyledDetailColumns = styled.div(({ theme, arrangement, columnCount = 1 }) => {
+    const { base: { spacing } } = theme;
     return css `
       width: 100%;
 
@@ -236,35 +274,6 @@ export const StyledDetailColumns = styled.div(({ theme, arrangement, variant, co
         css `
         flex-direction: column;
         row-gap: calc(${rowGapMultiplier} * ${spacing});
-
-        ${variant === 'field-group' &&
-            css `
-          position: relative;
-          padding-inline-start: ${spacing};
-
-          ${detached &&
-                css `
-            padding-inline-start: calc(1.25 * ${spacing});
-          `}
-
-          &::before {
-            content: '';
-            position: absolute;
-            top: calc(-1 * ${spacing});
-            bottom: 0;
-            left: 0;
-            width: ${borderWidth};
-            background: ${borderColor};
-
-            ${detached &&
-                css `
-              top: 0;
-              width: 0.25rem;
-              background: ${transparentize(0.67, borderColor)};
-              border-radius: calc(${buttonBorderRadius} * ${baseBorderRadius});
-            `}
-          }
-        `}
       `};
 
       /* Column Widths */

package/lib/components/Details/Details.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Details.styles.js","sourceRoot":"","sources":["../../../src/components/Details/Details.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import styled, { css } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\nimport { useContext } from 'react';\nimport { transparentize } from 'polished';\n\nimport {\n  calculateFontSize,\n  defaultThemeProp,\n  StyledFieldValue,\n  StyledStackedFieldValue,\n  StyledFieldValueList,\n  StyledIcon,\n  useDirection,\n  StyledButtonLink\n} from '@pega/cosmos-react-core';\nimport type {\n  StyledFieldValueListProps,\n  FontSize,\n  PropsWithDefaults\n} from '@pega/cosmos-react-core';\n\nimport type { DetailsProps } from './Details';\nimport DetailsContext from './DetailsContext';\n\ninterface StyledDetailsListProps extends StyledFieldValueListProps {\n  /** Whether individual list items all have labels stacks on top */\n  stacked?: boolean;\n  /** The character length applied to all list labels */\n  labelLength?: number;\n  /**\n   * Whether to apply narrow list styles\n   * @default false\n   */\n  narrow?: boolean;\n  theme: DefaultTheme;\n}\n\ninterface StyledDetailColumnsProps {\n  /**\n   * Number of columns in the list\n   * @default 1\n   */\n  columnCount?: 1 | 2 | 3;\n  /**\n   * Arrangement of columns\n   */\n  arrangement?: DetailsProps['arrangement'];\n  /**\n   * Style variations\n   */\n  variant?: DetailsProps['variant'];\n  theme: DefaultTheme;\n}\n\ntype StyledDetailsListPropsWithDefaults = PropsWithDefaults<StyledDetailsListProps>;\n\nconst rowGapMultiplier = 1;\nexport const columnGapMultiplier = 5.5;\nexport const oneColumnDetailsColumnWidth = '100ch';\nexport const multiColumnDetailsColumnWidth = '80ch';\n\nexport const StyledFieldValueGroupLabel = styled.div(({ theme }) => {\n  const {\n    base: { spacing, animation, palette }\n  } = theme;\n  const { rtl } = useDirection();\n  const {\n    components: {\n      'field-value-list': {\n        inline: { detached }\n      }\n    }\n  } = theme;\n  return css`\n    width: 100%;\n    grid-column: 1 / -1;\n    margin-block-end: calc(${rowGapMultiplier} * ${spacing});\n    ${detached &&\n    css`\n      border-bottom: 0.0625rem solid ${palette['border-line']};\n      padding-bottom: calc(0.5 * ${spacing});\n    `}\n\n    ${StyledButtonLink} ${StyledIcon} {\n      transition: transform ${animation.speed} ${animation.timing.ease};\n    }\n\n    ${StyledButtonLink}[aria-expanded='true'] ${StyledIcon} {\n      transform: rotate(90deg);\n    }\n\n    ${StyledButtonLink}[aria-expanded='false'] ${StyledIcon} {\n      transform: rotate(${rtl ? 180 : 0}deg);\n    }\n  `;\n});\n\nStyledFieldValueGroupLabel.defaultProps = defaultThemeProp;\n\nexport const StyledDetailDescription = styled.div(({ theme }) => {\n  const {\n    base: {\n      spacing,\n      'content-width': { xl }\n    }\n  } = theme;\n\n  return css`\n    max-width: ${xl};\n    margin-block-end: calc(1.5 * ${spacing});\n  `;\n});\n\nStyledDetailDescription.defaultProps = defaultThemeProp;\n\nexport const StyledDetailColumn = styled.div(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    display: flex;\n    flex-direction: column;\n    row-gap: calc(${rowGapMultiplier} * ${spacing});\n    width: 100%;\n  `;\n});\n\nStyledDetailColumn.defaultProps = defaultThemeProp;\n\nexport const StyledHighlightedDetailList = styled.dl(({ theme }) => {\n  const {\n    base: { spacing, palette }\n  } = theme;\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    max-width: calc(${multiColumnDetailsColumnWidth} * 3 + ${columnGapMultiplier} * ${spacing} * 2);\n    padding-block-end: calc(1.5 * ${spacing});\n\n    dd {\n      font-size: ${fontSize[theme.components.text.h1['font-size'] as FontSize]};\n      font-weight: ${theme.components.text.h1['font-weight']};\n    }\n\n    + hr {\n      border-top: unset;\n      border-radius: unset;\n      border-style: unset;\n      border-bottom: 0.0625rem solid ${palette['border-line']};\n      margin-block-end: calc(1.5 * ${spacing});\n    }\n  `;\n});\n\nStyledHighlightedDetailList.defaultProps = defaultThemeProp;\n\nexport const StyledInlineFieldValueItem = styled.div`\n  > * {\n    min-width: 0;\n  }\n`;\n\nexport const StyledDetailsList = styled(StyledFieldValueList)<StyledDetailsListPropsWithDefaults>(({\n  stacked,\n  labelLength,\n  variant,\n  theme,\n  narrow = false\n}) => {\n  const {\n    base: { spacing, palette },\n    components: {\n      details: { 'field-label': fieldLabelPosition },\n      'field-value-list': {\n        inline: { detached }\n      }\n    }\n  } = theme;\n\n  const { inFieldGroup } = useContext(DetailsContext);\n  const labelTop = (stacked || fieldLabelPosition === 'stacked') && variant !== 'value-comparison';\n  const isValueComparison = variant === 'value-comparison';\n  const fieldValueGapMultiplier = 2;\n\n  return css`\n    /* Field Grid Styles */\n    display: flex;\n    flex-direction: column;\n    row-gap: ${detached ? 0 : `calc(${rowGapMultiplier} * ${spacing})`};\n    width: 100%;\n    max-width: ${oneColumnDetailsColumnWidth};\n    height: fit-content;\n\n    ${StyledFieldValue} {\n      word-break: break-word;\n      overflow: auto;\n\n      /* Negative margin to account for overflow clipping of focus indicator */\n      padding: 0.3rem;\n      margin: -0.3rem;\n    }\n\n    ${StyledInlineFieldValueItem}, ${StyledStackedFieldValue} {\n      width: 100%;\n    }\n\n    ${StyledInlineFieldValueItem} {\n      grid-template-columns: minmax(14ch, ${labelLength}ch) minmax(14ch, 1fr);\n      grid-template-rows: max-content;\n      column-gap: calc(${fieldValueGapMultiplier} * ${spacing});\n      ${detached &&\n      css`\n        padding-block: calc(0.5 * ${spacing});\n        &:not(:last-child) {\n          border-bottom: 0.0625rem dashed ${palette['border-line']};\n        }\n      `}\n\n      ${inFieldGroup &&\n      css`\n        grid-template-columns:\n          minmax(calc(14ch - ${spacing}), calc(${labelLength}ch - ${spacing}))\n          minmax(14ch, 1fr);\n      `};\n    }\n\n    ${StyledStackedFieldValue} {\n      ${detached &&\n      css`\n        padding-block: calc(0.5 * ${spacing});\n        &:not(:last-child) {\n          border-bottom: 0.0625rem dashed ${palette['border-line']};\n        }\n      `}\n    }\n\n    /* Stacked Label Styles */\n    ${labelTop &&\n    css`\n      grid-template-columns: minmax(0, 1fr);\n      row-gap: 0;\n\n      dt {\n        max-width: 100%;\n      }\n\n      ${!isValueComparison &&\n      css`\n        ${StyledStackedFieldValue}:not(:first-child) {\n          margin-block-start: calc(${rowGapMultiplier} * ${spacing});\n        }\n      `}\n    `}\n\n    /* Value Comparison Styles */\n      ${isValueComparison &&\n    css`\n      display: grid;\n      grid-template-columns: auto auto;\n      column-gap: 0;\n      row-gap: calc(0.5 * ${spacing});\n\n      > dd {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n      }\n    `}\n\n      /* Responsive behavior */\n      ${narrow &&\n    !labelTop &&\n    !isValueComparison &&\n    css`\n      ${StyledInlineFieldValueItem} {\n        grid-template-columns: minmax(0, ${labelLength}ch) minmax(50%, 1fr);\n\n        ${inFieldGroup &&\n        css`\n          grid-template-columns:\n            minmax(0, calc(${labelLength}ch - ${spacing}))\n            minmax(calc(50% + 0.5 * ${spacing}), 1fr);\n        `}\n      }\n\n      dd {\n        min-width: 50%;\n      }\n    `}\n  `;\n});\n\nStyledDetailsList.defaultProps = defaultThemeProp;\n\nconst spacingTop = (spacing: string) => {\n  return css`\n    > ${StyledFieldValueGroupLabel} {\n      margin-block-start: calc((1.5 * ${rowGapMultiplier}) * ${spacing});\n    }\n\n    > ${StyledDetailDescription}:first-child {\n      margin-block-start: calc(1.5 * ${spacing});\n    }\n  `;\n};\n\nexport const StyledDetails = styled.div<{ variant?: DetailsProps['variant'] }>(\n  ({ variant, theme }) => {\n    const {\n      base: { spacing }\n    } = theme;\n\n    return css`\n      &:not(:first-child) {\n        ${spacingTop(spacing)}\n      }\n\n      ${variant === 'field-group' &&\n      css`\n        + ${StyledDetailsList} {\n          margin-block-start: calc(1.5 * ${spacing});\n        }\n      `}\n    `;\n  }\n);\n\nStyledDetails.defaultProps = defaultThemeProp;\n\nexport const StyledDetailColumns = styled.div<StyledDetailColumnsProps>(\n  ({ theme, arrangement, variant, columnCount = 1 }) => {\n    const {\n      base: {\n        palette: { 'border-line': borderColor },\n        spacing,\n        'border-radius': baseBorderRadius\n      },\n      components: {\n        'form-control': { 'border-width': borderWidth },\n        button: { 'border-radius': buttonBorderRadius },\n        'field-value-list': {\n          inline: { detached }\n        }\n      }\n    } = theme;\n\n    return css`\n      width: 100%;\n\n      ${columnCount === 2 &&\n      !arrangement &&\n      css`\n        flex-wrap: wrap;\n      `}\n\n      ${columnCount === 1 &&\n      css`\n        flex-direction: column;\n        row-gap: calc(${rowGapMultiplier} * ${spacing});\n\n        ${variant === 'field-group' &&\n        css`\n          position: relative;\n          padding-inline-start: ${spacing};\n\n          ${detached &&\n          css`\n            padding-inline-start: calc(1.25 * ${spacing});\n          `}\n\n          &::before {\n            content: '';\n            position: absolute;\n            top: calc(-1 * ${spacing});\n            bottom: 0;\n            left: 0;\n            width: ${borderWidth};\n            background: ${borderColor};\n\n            ${detached &&\n            css`\n              top: 0;\n              width: 0.25rem;\n              background: ${transparentize(0.67, borderColor)};\n              border-radius: calc(${buttonBorderRadius} * ${baseBorderRadius});\n            `}\n          }\n        `}\n      `};\n\n      /* Column Widths */\n      > ${StyledDetailColumn} {\n        overflow: hidden;\n\n        /* Negative margin to account for overflow clipping of focus indicator */\n        padding: 0.3rem;\n        margin: -0.3rem;\n\n        ${columnCount === 3 &&\n        css`\n          width: ${multiColumnDetailsColumnWidth};\n          max-width: calc(33.33% - (${columnGapMultiplier} * ${spacing} * 2) / 3);\n        `}\n\n        ${columnCount === 2 &&\n        css`\n          width: calc(50% - (${columnGapMultiplier} * ${spacing}) / 2);\n          max-width: unset;\n\n          &:nth-child(3) > ${StyledDetails}:first-child {\n            ${spacingTop(spacing)}\n          }\n        `}\n\n        ${columnCount !== 1 &&\n        css`\n          ${arrangement === 'narrowWide' &&\n          css`\n            &:nth-child(2) {\n              width: calc(\n                ${multiColumnDetailsColumnWidth} * 2 + ${columnGapMultiplier} * ${spacing}\n              );\n              max-width: calc(66.66% - (${columnGapMultiplier} * ${spacing}) / 3);\n            }\n          `}\n\n          ${arrangement === 'wideNarrow' &&\n          css`\n            &:nth-child(1) {\n              width: calc(\n                ${multiColumnDetailsColumnWidth} * 2 + ${columnGapMultiplier} * ${spacing}\n              );\n              max-width: calc(66.66% - (${columnGapMultiplier} * ${spacing}) / 3);\n            }\n          `}\n        `}\n\n        ${columnCount === 1 &&\n        css`\n          width: 100%;\n          max-width: 100%;\n\n          &:not(:first-child) > ${StyledDetails}:first-child {\n            ${spacingTop(spacing)}\n          }\n        `}\n      }\n    `;\n  }\n);\n\nStyledDetailColumns.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"Details.styles.js","sourceRoot":"","sources":["../../../src/components/Details/Details.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,uBAAuB,EACvB,oBAAoB,EACpB,UAAU,EACV,YAAY,EACZ,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAQjC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAkC9C,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAC;AACvC,MAAM,CAAC,MAAM,2BAA2B,GAAG,OAAO,CAAC;AACnD,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC;AAEpD,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjE,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,EACtC,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,CAAC;IAC/B,MAAM,EACJ,UAAU,EAAE,EACV,kBAAkB,EAAE,EAClB,MAAM,EAAE,EAAE,QAAQ,EAAE,EACrB,EACF,EACF,GAAG,KAAK,CAAC;IACV,OAAO,GAAG,CAAA;;;6BAGiB,gBAAgB,MAAM,OAAO;MACpD,QAAQ;QACV,GAAG,CAAA;uCACgC,OAAO,CAAC,aAAa,CAAC;mCAC1B,OAAO;KACrC;;MAEC,gBAAgB,IAAI,UAAU;8BACN,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,MAAM,CAAC,IAAI;;;MAGhE,gBAAgB,0BAA0B,UAAU;;;;MAIpD,gBAAgB,2BAA2B,UAAU;0BACjC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;;GAEpC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,0BAA0B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE3D,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC9D,MAAM,EACJ,IAAI,EAAE,EACJ,OAAO,EACP,eAAe,EAAE,EAAE,EAAE,EAAE,EACxB,EACF,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;iBACK,EAAE;mCACgB,OAAO;GACvC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAExD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACzD,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;;;oBAGQ,gBAAgB,MAAM,OAAO;;GAE9C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEnD,MAAM,CAAC,MAAM,2BAA2B,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjE,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAC3B,GAAG,KAAK,CAAC;IACV,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtF,OAAO,GAAG,CAAA;sBACU,6BAA6B,UAAU,mBAAmB,MAAM,OAAO;oCACzD,OAAO;;;mBAGxB,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,CAAa,CAAC;qBACzD,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;;;;;;;uCAOrB,OAAO,CAAC,aAAa,CAAC;qCACxB,OAAO;;GAEzC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,2BAA2B,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5D,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAInD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,oBAAoB,CAAC,CAAqC,CAAC,EACjG,OAAO,EACP,WAAW,EACX,OAAO,EACP,KAAK,EACL,MAAM,GAAG,KAAK,EACf,EAAE,EAAE;IACH,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAC1B,UAAU,EAAE,EACV,OAAO,EAAE,EAAE,aAAa,EAAE,kBAAkB,EAAE,EAC9C,kBAAkB,EAAE,EAClB,MAAM,EAAE,EAAE,QAAQ,EAAE,EACrB,EACF,EACF,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IACpD,MAAM,QAAQ,GAAG,CAAC,OAAO,IAAI,kBAAkB,KAAK,SAAS,CAAC,IAAI,OAAO,KAAK,kBAAkB,CAAC;IACjG,MAAM,iBAAiB,GAAG,OAAO,KAAK,kBAAkB,CAAC;IACzD,MAAM,uBAAuB,GAAG,CAAC,CAAC;IAElC,OAAO,GAAG,CAAA;;;;eAIG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,gBAAgB,MAAM,OAAO,GAAG;;iBAErD,2BAA2B;;;MAGtC,gBAAgB;;;;;;;;;MAShB,0BAA0B,KAAK,uBAAuB;;;;MAItD,0BAA0B;4CACY,WAAW;;yBAE9B,uBAAuB,MAAM,OAAO;QACrD,QAAQ;QACV,GAAG,CAAA;oCAC2B,OAAO;;4CAEC,OAAO,CAAC,aAAa,CAAC;;OAE3D;;QAEC,YAAY;QACd,GAAG,CAAA;;+BAEsB,OAAO,WAAW,WAAW,QAAQ,OAAO;;OAEpE;;;MAGD,uBAAuB;QACrB,QAAQ;QACV,GAAG,CAAA;oCAC2B,OAAO;;4CAEC,OAAO,CAAC,aAAa,CAAC;;OAE3D;;;;MAID,QAAQ;QACV,GAAG,CAAA;;;;;;;;QAQC,CAAC,iBAAiB;YACpB,GAAG,CAAA;UACC,uBAAuB;qCACI,gBAAgB,MAAM,OAAO;;OAE3D;KACF;;;QAGG,iBAAiB;QACrB,GAAG,CAAA;;;;4BAIqB,OAAO;;;;;;;KAO9B;;;QAGG,MAAM;QACV,CAAC,QAAQ;QACT,CAAC,iBAAiB;QAClB,GAAG,CAAA;QACC,0BAA0B;2CACS,WAAW;;UAE5C,YAAY;YACd,GAAG,CAAA;;6BAEkB,WAAW,QAAQ,OAAO;sCACjB,OAAO;SACpC;;;;;;KAMJ;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAElD,MAAM,UAAU,GAAG,CAAC,OAAe,EAAE,EAAE;IACrC,OAAO,GAAG,CAAA;QACJ,0BAA0B;wCACM,gBAAgB,OAAO,OAAO;;;QAG9D,uBAAuB;uCACQ,OAAO;;GAE3C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAGpC,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,EAAE,EAAE;IACrC,MAAM,EACJ,IAAI,EAAE,EACJ,OAAO,EACP,eAAe,EAAE,gBAAgB,EACjC,OAAO,EAAE,EAAE,aAAa,EAAE,WAAW,EAAE,EACxC,EACD,UAAU,EAAE,EACV,cAAc,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE,EAC/C,MAAM,EAAE,EAAE,eAAe,EAAE,kBAAkB,EAAE,EAC/C,kBAAkB,EAAE,EAClB,MAAM,EAAE,EAAE,QAAQ,EAAE,EACrB,EACF,EACF,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;;QAEJ,UAAU,CAAC,OAAO,CAAC;;;MAGrB,OAAO,KAAK,aAAa;QAC3B,GAAG,CAAA;YACK,iBAAiB;yCACY,OAAO;;;QAGxC,WAAW,KAAK,CAAC;YACnB,GAAG,CAAA;;gCAEuB,OAAO;;UAE7B,QAAQ;gBACV,GAAG,CAAA;8CACmC,OAAO;SAC5C;;;;;yCAKgC,OAAO;;;mBAG7B,WAAW;wBACN,WAAW;;YAEvB,QAAQ;gBACV,GAAG,CAAA;;;0BAGa,cAAc,CAAC,IAAI,EAAE,WAAW,CAAC;kCACzB,kBAAkB,MAAM,gBAAgB;WAC/D;;OAEJ;KACF;;MAEC,CAAC,OAAO;QACV,QAAQ;QACR,GAAG,CAAA;YACK,iBAAiB;;+CAEkB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;;KAE3E;GACF,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAC3C,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE;IAC1C,MAAM,EACJ,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,GAAG,KAAK,CAAC;IAEV,OAAO,GAAG,CAAA;;;QAGN,WAAW,KAAK,CAAC;QACnB,CAAC,WAAW;QACZ,GAAG,CAAA;;OAEF;;QAEC,WAAW,KAAK,CAAC;QACnB,GAAG,CAAA;;wBAEe,gBAAgB,MAAM,OAAO;OAC9C;;;UAGG,kBAAkB;;;;;;;UAOlB,WAAW,KAAK,CAAC;QACnB,GAAG,CAAA;mBACQ,6BAA6B;sCACV,mBAAmB,MAAM,OAAO;SAC7D;;UAEC,WAAW,KAAK,CAAC;QACnB,GAAG,CAAA;+BACoB,mBAAmB,MAAM,OAAO;;;6BAGlC,aAAa;cAC5B,UAAU,CAAC,OAAO,CAAC;;SAExB;;UAEC,WAAW,KAAK,CAAC;QACnB,GAAG,CAAA;YACC,WAAW,KAAK,YAAY;YAC9B,GAAG,CAAA;;;kBAGK,6BAA6B,UAAU,mBAAmB,MAAM,OAAO;;0CAE/C,mBAAmB,MAAM,OAAO;;WAE/D;;YAEC,WAAW,KAAK,YAAY;YAC9B,GAAG,CAAA;;;kBAGK,6BAA6B,UAAU,mBAAmB,MAAM,OAAO;;0CAE/C,mBAAmB,MAAM,OAAO;;WAE/D;SACF;;UAEC,WAAW,KAAK,CAAC;QACnB,GAAG,CAAA;;;;kCAIuB,aAAa;cACjC,UAAU,CAAC,OAAO,CAAC;;SAExB;;KAEJ,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\nimport type { DefaultTheme } from 'styled-components';\nimport { useContext } from 'react';\nimport { transparentize } from 'polished';\n\nimport {\n  calculateFontSize,\n  defaultThemeProp,\n  StyledFieldValue,\n  StyledStackedFieldValue,\n  StyledFieldValueList,\n  StyledIcon,\n  useDirection,\n  StyledButtonLink\n} from '@pega/cosmos-react-core';\nimport type {\n  StyledFieldValueListProps,\n  FontSize,\n  PropsWithDefaults\n} from '@pega/cosmos-react-core';\n\nimport type { DetailsProps } from './Details';\nimport DetailsContext from './DetailsContext';\n\ninterface StyledDetailsListProps extends StyledFieldValueListProps {\n  /** Whether individual list items all have labels stacks on top */\n  stacked?: boolean;\n  /** The character length applied to all list labels */\n  labelLength?: number;\n  /**\n   * Whether to apply narrow list styles\n   * @default false\n   */\n  narrow?: boolean;\n  theme: DefaultTheme;\n}\n\ninterface StyledDetailColumnsProps {\n  /**\n   * Number of columns in the list\n   * @default 1\n   */\n  columnCount?: 1 | 2 | 3;\n  /**\n   * Arrangement of columns\n   */\n  arrangement?: DetailsProps['arrangement'];\n  /**\n   * Style variations\n   */\n  variant?: DetailsProps['variant'];\n  theme: DefaultTheme;\n}\n\ntype StyledDetailsListPropsWithDefaults = PropsWithDefaults<StyledDetailsListProps>;\n\nconst rowGapMultiplier = 1;\nexport const columnGapMultiplier = 5.5;\nexport const oneColumnDetailsColumnWidth = '100ch';\nexport const multiColumnDetailsColumnWidth = '80ch';\n\nexport const StyledFieldValueGroupLabel = styled.div(({ theme }) => {\n  const {\n    base: { spacing, animation, palette }\n  } = theme;\n  const { rtl } = useDirection();\n  const {\n    components: {\n      'field-value-list': {\n        inline: { detached }\n      }\n    }\n  } = theme;\n  return css`\n    width: 100%;\n    grid-column: 1 / -1;\n    margin-block-end: calc(${rowGapMultiplier} * ${spacing});\n    ${detached &&\n    css`\n      border-bottom: 0.0625rem solid ${palette['border-line']};\n      padding-bottom: calc(0.5 * ${spacing});\n    `}\n\n    ${StyledButtonLink} ${StyledIcon} {\n      transition: transform ${animation.speed} ${animation.timing.ease};\n    }\n\n    ${StyledButtonLink}[aria-expanded='true'] ${StyledIcon} {\n      transform: rotate(90deg);\n    }\n\n    ${StyledButtonLink}[aria-expanded='false'] ${StyledIcon} {\n      transform: rotate(${rtl ? 180 : 0}deg);\n    }\n  `;\n});\n\nStyledFieldValueGroupLabel.defaultProps = defaultThemeProp;\n\nexport const StyledDetailDescription = styled.div(({ theme }) => {\n  const {\n    base: {\n      spacing,\n      'content-width': { xl }\n    }\n  } = theme;\n\n  return css`\n    max-width: ${xl};\n    margin-block-end: calc(1.5 * ${spacing});\n  `;\n});\n\nStyledDetailDescription.defaultProps = defaultThemeProp;\n\nexport const StyledDetailColumn = styled.div(({ theme }) => {\n  const {\n    base: { spacing }\n  } = theme;\n\n  return css`\n    display: flex;\n    flex-direction: column;\n    row-gap: calc(${rowGapMultiplier} * ${spacing});\n    width: 100%;\n  `;\n});\n\nStyledDetailColumn.defaultProps = defaultThemeProp;\n\nexport const StyledHighlightedDetailList = styled.dl(({ theme }) => {\n  const {\n    base: { spacing, palette }\n  } = theme;\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n  return css`\n    max-width: calc(${multiColumnDetailsColumnWidth} * 3 + ${columnGapMultiplier} * ${spacing} * 2);\n    padding-block-end: calc(1.5 * ${spacing});\n\n    dd {\n      font-size: ${fontSize[theme.components.text.h1['font-size'] as FontSize]};\n      font-weight: ${theme.components.text.h1['font-weight']};\n    }\n\n    + hr {\n      border-top: unset;\n      border-radius: unset;\n      border-style: unset;\n      border-bottom: 0.0625rem solid ${palette['border-line']};\n      margin-block-end: calc(1.5 * ${spacing});\n    }\n  `;\n});\n\nStyledHighlightedDetailList.defaultProps = defaultThemeProp;\n\nexport const StyledInlineFieldValueItem = styled.div`\n  > * {\n    min-width: 0;\n  }\n`;\n\nexport const StyledDetailsList = styled(StyledFieldValueList)<StyledDetailsListPropsWithDefaults>(({\n  stacked,\n  labelLength,\n  variant,\n  theme,\n  narrow = false\n}) => {\n  const {\n    base: { spacing, palette },\n    components: {\n      details: { 'field-label': fieldLabelPosition },\n      'field-value-list': {\n        inline: { detached }\n      }\n    }\n  } = theme;\n\n  const { inFieldGroup } = useContext(DetailsContext);\n  const labelTop = (stacked || fieldLabelPosition === 'stacked') && variant !== 'value-comparison';\n  const isValueComparison = variant === 'value-comparison';\n  const fieldValueGapMultiplier = 2;\n\n  return css`\n    /* Field Grid Styles */\n    display: flex;\n    flex-direction: column;\n    row-gap: ${detached ? 0 : `calc(${rowGapMultiplier} * ${spacing})`};\n    width: 100%;\n    max-width: ${oneColumnDetailsColumnWidth};\n    height: fit-content;\n\n    ${StyledFieldValue} {\n      word-break: break-word;\n      overflow: auto;\n\n      /* Negative margin to account for overflow clipping of focus indicator */\n      padding: 0.3rem;\n      margin: -0.3rem;\n    }\n\n    ${StyledInlineFieldValueItem}, ${StyledStackedFieldValue} {\n      width: 100%;\n    }\n\n    ${StyledInlineFieldValueItem} {\n      grid-template-columns: minmax(14ch, ${labelLength}ch) minmax(14ch, 1fr);\n      grid-template-rows: max-content;\n      column-gap: calc(${fieldValueGapMultiplier} * ${spacing});\n      ${detached &&\n      css`\n        padding-block: calc(0.5 * ${spacing});\n        &:not(:last-child) {\n          border-bottom: 0.0625rem dashed ${palette['border-line']};\n        }\n      `}\n\n      ${inFieldGroup &&\n      css`\n        grid-template-columns:\n          minmax(calc(14ch - ${spacing}), calc(${labelLength}ch - ${spacing}))\n          minmax(14ch, 1fr);\n      `};\n    }\n\n    ${StyledStackedFieldValue} {\n      ${detached &&\n      css`\n        padding-block: calc(0.5 * ${spacing});\n        &:not(:last-child) {\n          border-bottom: 0.0625rem dashed ${palette['border-line']};\n        }\n      `}\n    }\n\n    /* Stacked Label Styles */\n    ${labelTop &&\n    css`\n      grid-template-columns: minmax(0, 1fr);\n      row-gap: 0;\n\n      dt {\n        max-width: 100%;\n      }\n\n      ${!isValueComparison &&\n      css`\n        ${StyledStackedFieldValue}:not(:first-child) {\n          margin-block-start: calc(${rowGapMultiplier} * ${spacing});\n        }\n      `}\n    `}\n\n    /* Value Comparison Styles */\n      ${isValueComparison &&\n    css`\n      display: grid;\n      grid-template-columns: auto auto;\n      column-gap: 0;\n      row-gap: calc(0.5 * ${spacing});\n\n      > dd {\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-end;\n      }\n    `}\n\n      /* Responsive behavior */\n      ${narrow &&\n    !labelTop &&\n    !isValueComparison &&\n    css`\n      ${StyledInlineFieldValueItem} {\n        grid-template-columns: minmax(0, ${labelLength}ch) minmax(50%, 1fr);\n\n        ${inFieldGroup &&\n        css`\n          grid-template-columns:\n            minmax(0, calc(${labelLength}ch - ${spacing}))\n            minmax(calc(50% + 0.5 * ${spacing}), 1fr);\n        `}\n      }\n\n      dd {\n        min-width: 50%;\n      }\n    `}\n  `;\n});\n\nStyledDetailsList.defaultProps = defaultThemeProp;\n\nconst spacingTop = (spacing: string) => {\n  return css`\n    > ${StyledFieldValueGroupLabel} {\n      margin-block-start: calc((1.5 * ${rowGapMultiplier}) * ${spacing});\n    }\n\n    > ${StyledDetailDescription}:first-child {\n      margin-block-start: calc(1.5 * ${spacing});\n    }\n  `;\n};\n\nexport const StyledDetails = styled.div<{\n  variant?: DetailsProps['variant'];\n  columnCount?: number;\n}>(({ variant, columnCount, theme }) => {\n  const {\n    base: {\n      spacing,\n      'border-radius': baseBorderRadius,\n      palette: { 'border-line': borderColor }\n    },\n    components: {\n      'form-control': { 'border-width': borderWidth },\n      button: { 'border-radius': buttonBorderRadius },\n      'field-value-list': {\n        inline: { detached }\n      }\n    }\n  } = theme;\n\n  return css`\n    &:not(:first-child) {\n      ${spacingTop(spacing)}\n    }\n\n    ${variant === 'field-group' &&\n    css`\n      & + ${StyledDetailsList} {\n        margin-block-start: calc(1.5 * ${spacing});\n      }\n\n      ${columnCount === 1 &&\n      css`\n        position: relative;\n        padding-inline-start: ${spacing};\n\n        ${detached &&\n        css`\n          padding-inline-start: calc(1.25 * ${spacing});\n        `}\n\n        &::before {\n          content: '';\n          position: absolute;\n          inset-block-start: calc(-1 * ${spacing});\n          inset-block-end: 0;\n          inset-inline-start: 0;\n          width: ${borderWidth};\n          background: ${borderColor};\n\n          ${detached &&\n          css`\n            inset-block-start: 0;\n            width: 0.25rem;\n            background: ${transparentize(0.67, borderColor)};\n            border-radius: calc(${buttonBorderRadius} * ${baseBorderRadius});\n          `}\n        }\n      `}\n    `}\n\n    ${!variant &&\n    detached &&\n    css`\n      & + ${StyledDetailsList} {\n        margin-block-start: 0;\n        border-block-start: 0.0625rem dashed ${theme.base.palette['border-line']};\n      }\n    `};\n  `;\n});\n\nStyledDetails.defaultProps = defaultThemeProp;\n\nexport const StyledDetailColumns = styled.div<StyledDetailColumnsProps>(\n  ({ theme, arrangement, columnCount = 1 }) => {\n    const {\n      base: { spacing }\n    } = theme;\n\n    return css`\n      width: 100%;\n\n      ${columnCount === 2 &&\n      !arrangement &&\n      css`\n        flex-wrap: wrap;\n      `}\n\n      ${columnCount === 1 &&\n      css`\n        flex-direction: column;\n        row-gap: calc(${rowGapMultiplier} * ${spacing});\n      `};\n\n      /* Column Widths */\n      > ${StyledDetailColumn} {\n        overflow: hidden;\n\n        /* Negative margin to account for overflow clipping of focus indicator */\n        padding: 0.3rem;\n        margin: -0.3rem;\n\n        ${columnCount === 3 &&\n        css`\n          width: ${multiColumnDetailsColumnWidth};\n          max-width: calc(33.33% - (${columnGapMultiplier} * ${spacing} * 2) / 3);\n        `}\n\n        ${columnCount === 2 &&\n        css`\n          width: calc(50% - (${columnGapMultiplier} * ${spacing}) / 2);\n          max-width: unset;\n\n          &:nth-child(3) > ${StyledDetails}:first-child {\n            ${spacingTop(spacing)}\n          }\n        `}\n\n        ${columnCount !== 1 &&\n        css`\n          ${arrangement === 'narrowWide' &&\n          css`\n            &:nth-child(2) {\n              width: calc(\n                ${multiColumnDetailsColumnWidth} * 2 + ${columnGapMultiplier} * ${spacing}\n              );\n              max-width: calc(66.66% - (${columnGapMultiplier} * ${spacing}) / 3);\n            }\n          `}\n\n          ${arrangement === 'wideNarrow' &&\n          css`\n            &:nth-child(1) {\n              width: calc(\n                ${multiColumnDetailsColumnWidth} * 2 + ${columnGapMultiplier} * ${spacing}\n              );\n              max-width: calc(66.66% - (${columnGapMultiplier} * ${spacing}) / 3);\n            }\n          `}\n        `}\n\n        ${columnCount === 1 &&\n        css`\n          width: 100%;\n          max-width: 100%;\n\n          &:not(:first-child) > ${StyledDetails}:first-child {\n            ${spacingTop(spacing)}\n          }\n        `}\n      }\n    `;\n  }\n);\n\nStyledDetailColumns.defaultProps = defaultThemeProp;\n"]}

package/lib/components/GenAICoach/GenAICoach.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAkE5D,OAAO,EAAyC,KAAK,eAAe,EAAE,MAAM,GAAG,CAAC;;;;AAyxBhF,wBAA6D"}
+{"version":3,"file":"GenAICoach.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAe,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAkE5D,OAAO,EAAyC,KAAK,eAAe,EAAE,MAAM,GAAG,CAAC;;;;AA4xBhF,wBAA6D"}

package/lib/components/GenAICoach/GenAICoach.js

@@ -329,8 +329,10 @@ const GenAICoach = ({ testId, coachOptions: coachOptionsProps, onCoachChange: on
                                     }
                                     : item;
                                 return (_jsx(GenAIMessage, { ...messageProps, ref: getMessageCbRef(item.id), testId: item.id, announceInteraction: !focusInMessageListRef.current }));
-                            }) })) })) }), ((isInUtilities(variant) && variant.state !== 'minimized') ||
-                    !isInUtilities(variant)) && (_jsx(Flex, { container: { direction: 'column' }, as: StyledInputContainer, children: _jsx(StyledComposerSection, { children: guidedMode ? (_jsx(_Fragment, { children: suggestions && messages.length > 0 && (_jsxs(_Fragment, { children: [latestMessage && isCoachMessage(latestMessage) && latestMessage.loading ? (_jsxs(Flex, { container: {
+                            }) })) })) }), ((isInUtilities(variant) && variant.state !== 'minimized') || !isInUtilities(variant)) &&
+                    !loading && (_jsx(Flex, { container: { direction: 'column' }, as: StyledInputContainer, children: _jsx(StyledComposerSection, { children: guidedMode ? (_jsx(_Fragment, { children: suggestions && messages.length > 0 && (_jsxs(_Fragment, { children: [latestMessage &&
+                                        isCoachMessage(latestMessage) &&
+                                        latestMessage.loading ? (_jsxs(Flex, { container: {
                                             gap: 1,
                                             justify: 'center',
                                             alignItems: 'center',

package/lib/components/GenAICoach/GenAICoach.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG1E,OAAO,EACL,MAAM,EACN,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,UAAU,EACV,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,UAAU,EACV,aAAa,EACb,aAAa,EACb,OAAO,EACP,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,aAAa,EACb,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACT,MAAM,yBAAyB,CAAC;AAEjC,OAAO,KAAK,WAAW,MAAM,iEAAiE,CAAC;AAC/F,OAAO,KAAK,SAAS,MAAM,8DAA8D,CAAC;AAC1F,OAAO,KAAK,aAAa,MAAM,mEAAmE,CAAC;AACnG,OAAO,KAAK,SAAS,MAAM,8DAA8D,CAAC;AAC1F,OAAO,KAAK,gBAAgB,MAAM,sEAAsE,CAAC;AACzG,OAAO,KAAK,aAAa,MAAM,mEAAmE,CAAC;AACnG,OAAO,KAAK,aAAa,MAAM,mEAAmE,CAAC;AAEnG,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,EACtB,6BAA6B,EAC7B,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,oBAAoB,EACpB,WAAW,EACX,uBAAuB,EACvB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAwB,MAAM,GAAG,CAAC;AAEhF,YAAY,CACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,aAAa,CACd,CAAC;AAEF,MAAM,UAAU,GAAuC,CAAC,EACtD,MAAM,EACN,YAAY,EAAE,iBAAiB,EAC/B,aAAa,EAAE,iBAAiB,EAChC,QAAQ,GAAG,EAAE,EACb,MAAM,EACN,wBAAwB,EACxB,WAAW,EACX,OAAO,EACP,KAAK,EACL,OAAO,EACP,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,OAAO,EACP,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,oBAAoB,EACpB,GAAG,SAAS,EACb,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,UAAU,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACpD,MAAM,eAAe,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG,SAAS,EAAiB,CAAC;IACjE,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,EAAE;QACzC,aAAa,EAAE,aAAa;KAC7B,CAAC,CAAC;IACH,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACtC,MAAM,qBAAqB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAC/D,MAAM,wBAAwB,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAClE,MAAM,mBAAmB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzD,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IACtD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,UAAU,CAAoB,IAAI,CAAC,CAAC;IAC5F,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACpC,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,kBAAkB,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAC1D,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqB,iBAAiB,CAAC,CAAC;IACxF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAEtC,IAAI,CAAC,CAAC;IAER,MAAM,gBAAgB,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;IACzD,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IAExC,MAAM,aAAa,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,SAAS,GACb,OAAO,CAAC,SAAS,KAAK,QAAQ;QAC9B,OAAO,CAAC,SAAS,KAAK,WAAW;QACjC,CAAC,OAAO,CAAC,SAAS,KAAK,UAAU,IAAI,CAAC,cAAc,CAAC;QACrD,CAAC,mBAAmB,CAAC;IAEvB,MAAM,aAAa,GAAG,CAAC,EAAuB,EAAE,EAAE;QAChD,eAAe,CAAC,GAAG,CAAC,EAAE;YACpB,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBACrB,OAAO;oBACL,GAAG,KAAK;oBACR,QAAQ,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE;iBAC1B,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QACH,iBAAiB,EAAE,CAAC,EAAE,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1D,IAAI,QAAQ;YAAE,OAAO,QAAQ,CAAC,OAAO,CAAC;QAEtC,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC;YACpB,IAAI,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBACtC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAC1C,CAAC;YACD,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;QACjC,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,MAAM,4BAA4B,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC;QAC5F,MAAM,mBAAmB,GACvB,WAAW;YACX,WAAW,CAAC,MAAM,GAAG,CAAC;YACtB,CAAC,gBAAgB,IAAI,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;QACzE,MAAM,qBAAqB,GACzB,aAAa,IAAI,cAAc,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,OAAO,CAAC;QAC1E,IAAI,4BAA4B,IAAI,mBAAmB,IAAI,qBAAqB;YAAE,OAAO;QACzF,MAAM,CAAC;YACL,EAAE,EAAE,SAAS,EAAE;YACf,OAAO;YACP,YAAY,EAAE,IAAI;YAClB,aAAa,EAAE,WAAW,EAAE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC;SAChD,CAAC,CAAC;QACH,UAAU,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAE9D,MAAM,kBAAkB,GAAG,CAAC,CAAgB,EAAE,EAAE;QAC9C,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;YACrC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,iBAAiB,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,CAAmC,EAAE,EAAE;QACtC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,kBAAkB,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YAChD,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,aACzB,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,GAAI,EAC3D,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,aAAa,GAAQ,IACpC,CACR,CAAC;QACJ,CAAC;QACD,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,aAAa,gBACP,CAAC,CAAC,gBAAgB,EAAE,CAAC,aAAa,CAAC,CAAC,EAChD,OAAO,EAAC,MAAM,EACd,EAAE,EAAE,sBAAsB,EAC1B,IAAI,EAAC,eAAe,EACpB,IAAI,EAAE;gBACJ,IAAI,EAAE,eAAe;gBACrB,KAAK,EAAE,YAAY;gBACnB,WAAW,EAAE,aAAa;aAC3B,GACD,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;IAElC,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,aAAa,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC,CAC/D,8BACE,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,aACzB,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,GAAI,EAC3D,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,aAAa,GAAQ,IACpC,EACP,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,YACvC,KAAC,MAAM,IACL,IAAI,QACJ,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,gBACR,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAC5C,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE;4BACZ,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;4BACnC,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;wBACjC,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,UAAU,GAAG,GACjB,GACJ,IACN,CACJ,CAAC,CAAC,CAAC,CACF,8BACG,kBAAkB,EAEnB,MAAC,IAAI,IAAC,SAAS,mBACZ,aAAa,CAAC,OAAO,CAAC,IAAI,CACzB,KAAC,MAAM,IACL,IAAI,QACJ,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,gBACR,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAC5C,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE;gCACZ,OAAO,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;gCACnC,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;4BACjC,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACd,CACV,EACA,OAAO,IAAI,CACV,KAAC,OAAO,mBAAc,OAAO,CAAC,OAAO,EAAE,eAAe,EAAE,aAAa,KAAM,OAAO,GAAI,CACvF,EACA,OAAO,CAAC,SAAS,KAAK,QAAQ,IAAI,CACjC,KAAC,MAAM,IACL,IAAI,QACJ,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,gBACL,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EACzC,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,OAAO,CAAC,OAAO,YAExB,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACd,CACV,IACI,IACN,CACJ,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAE5B,MAAM,2BAA2B,GAAG,CAAC,OAAuB,EAAE,EAAE;QAC9D,IAAI,OAAO;YAAE,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3F,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,qBAAqB,CAAC,OAAO,GAAG,KAAK,CAAC;QACtC,qBAAqB,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,IAAI,IAAI,CAAC;QAC3D,IACE,qBAAqB,CAAC,OAAO;YAC7B,qBAAqB,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,EAAE,KAAK,IAAI,EAC7D,CAAC;YACD,qBAAqB,CAAC,OAAO;gBAC3B,2BAA2B,CAAC,qBAAqB,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;QACvE,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,aAAa,CAAC,OAAO,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC;YACpD,MAAM,MAAM,GAAG,aAAa,CAAC,OAAO,CAAC,YAAY,CAAC;YAClD,OAAO,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,OAAO,CAAC,SAAS,KAAK,WAAW,EAAE,CAAC;YACtC,OAAO,OAAO,CAAC,KAAK,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC;YAC3B,QAAQ,EAAE,CAAC;QACb,CAAC;QACD,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC5B,IACE,aAAa,CAAC,OAAO,CAAC;gBACtB,CAAC,OAAO,CAAC,KAAK,KAAK,WAAW,IAAI,CAAC,UAAU,IAAI,OAAO,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC;gBAChF,aAAa,CAAC,aAAa,CAAC,CAAC,MAAM,GAAG,CAAC,EACvC,CAAC;gBACD,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;gBACxC,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;YAClC,CAAC;iBAAM,IAAI,OAAO,CAAC,SAAS,KAAK,UAAU,EAAE,CAAC;gBAC5C,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;gBAC7B,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC1B,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;YAClC,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,cAAc,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,EAAE,CAAC;QACX,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE5C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACjD,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,gBAAgB,GAAG,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC;QAC3F,MAAM,mBAAmB,GAAG,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC;QAEtF,IACE,gBAAgB,CAAC,MAAM,GAAG,mBAAmB,CAAC,MAAM;YACpD,CAAC,aAAa,IAAI,OAAO,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,EACpD,CAAC;YACD,UAAU,CAAC,GAAG,EAAE;gBACd,eAAe,CAAC,OAAO,EAAE,gBAAgB,EAAE,cAAc,CAAC;oBACxD,QAAQ,EAAE,QAAQ;oBAClB,KAAK,EAAE,SAAS;iBACjB,CAAC,CAAC;YACL,CAAC,EAAE,CAAC,CAAC,CAAC;YACN,IAAI,aAAa,IAAI,aAAa,CAAC,aAAa,CAAC,EAAE,CAAC;gBAClD,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;gBAC7B,uBAAuB,EAAE,CAAC;gBAC1B,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC1B,WAAW,CAAC,IAAI,CAAC,CAAC;YACpB,CAAC;iBAAM,IAAI,aAAa,EAAE,OAAO,EAAE,CAAC;gBAClC,oBAAoB,CAAC,OAAO,GAAG,IAAI,CAAC;YACtC,CAAC;iBAAM,CAAC;gBACN,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YACrF,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,oBAAoB,IAAI,oBAAoB,CAAC,OAAO,EAAE,CAAC;YACzD,cAAc,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;YACrD,oBAAoB,CAAC,OAAO,GAAG,KAAK,CAAC;YAErC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;YACzC,IAAI,aAAa,IAAI,aAAa,KAAK,QAAQ,CAAC,IAAI;gBAAE,oBAAoB,CAAC,KAAK,EAAE,CAAC;QACrF,CAAC;IACH,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,mCAAmC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,QAAQ,KAAK,YAAY,EAAE,CAAC;YAC9B,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QACzB,CAAC;aAAM,IAAI,QAAQ,KAAK,WAAW,EAAE,CAAC;YACpC,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC;QAC7C,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnC,SAAS,CACP,eAAe,EACf;QACE,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,aAAa;QACvB,GAAG,EAAE,SAAS;QACd,aAAa,EAAE,IAAI;QACnB,mBAAmB,EAAE,wBAAwB,CAAC,OAAO;KACtD,EACD,CAAC,QAAQ,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAC7C,CAAC;IAEF,SAAS,CACP,UAAU,EACV;QACE,KAAK,EAAE,IAAI;QACX,QAAQ,EAAE,MAAM,iBAAiB,EAAE;QACnC,GAAG,EAAE,YAAY;QACjB,aAAa,EAAE,IAAI;QACnB,cAAc,EAAE,KAAK;KACtB,EACD,CAAC,QAAQ,EAAE,UAAU,CAAC,OAAO,EAAE,QAAQ,CAAC,CACzC,CAAC;IAEF,aAAa,CAAC,WAAW,EAAE,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE;QACzD,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,qBAAqB,CAAC,OAAO,GAAG,KAAK,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,CAAgC,EAAE,EAAE;QACxD,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;YACnB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC5C,eAAe,EAAE,CAAC,QAAQ,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CACxB,4BACG,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,KAAK,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,CACzF,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,iBAAiB,aAC7D,KAAC,IAAI,IACH,EAAE,EAAE,uBAAuB,EAC3B,GAAG,EAAE,mBAAmB,EACxB,SAAS,EACP,OAAO,IAAI,KAAK;wBACd,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE;wBACzD,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAE1C,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAEhB,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,CAClB,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,YACzD,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,QAAQ,IACP,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAC7D,CACH,CAAC,CAAC,CAAC,CACF,KAAC,UAAU,IAAC,OAAO,EAAE,KAAK,GAAI,CAC/B,GACI,CACR,CAAC,CAAC,CAAC,CACF,4BACG,QAAQ,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACvB,MAAC,IAAI,IACH,EAAE,EAAE,6BAA6B,EACjC,SAAS,EAAE;gCACT,OAAO,EAAE,QAAQ;gCACjB,SAAS,EAAE,QAAQ;gCACnB,GAAG,EAAE,CAAC;6BACP,EACD,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,aAEhB,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,KAAK,WAAW,CAAC;oCACzD,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,CAC5B,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aACpE,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,GAAI,EACpE,KAAC,IAAI,IAAC,OAAO,EAAC,IAAI,YAAE,CAAC,CAAC,cAAc,CAAC,GAAQ,IACxC,CACR,EACD,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,YACrE,wBAAwB,EAAE,GAAG,CAAC,uBAAuB,CAAC,EAAE,CAAC,CACxD,KAAC,uBAAuB,OAClB,uBAAuB,EAC3B,MAAM,EAAE,cAAc,CAAC,EAAE;4CACvB,MAAM,CAAC,cAAc,CAAC,CAAC;4CACvB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;wCACjC,CAAC,EACD,MAAM,EAAE,uBAAuB,CAAC,EAAE,GAClC,CACH,CAAC,GACG,IACF,CACR,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IACH,EAAE,EAAE,kBAAkB,EACtB,GAAG,EAAE,eAAe,gBACR,GAAG,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,EAAE,EAC/C,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAClC,OAAO,EAAE,GAAG,EAAE;gCACZ,IAAI,CAAC,qBAAqB,CAAC,OAAO,EAAE,CAAC;oCACnC,IAAI,qBAAqB,CAAC,OAAO,EAAE,CAAC;wCAClC,qBAAqB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;oCACxC,CAAC;yCAAM,CAAC;wCACN,6EAA6E;wCAC7E,MAAM,SAAS,GACb,eAAe,CAAC,OAAO,IAAI,eAAe,CAAC,OAAO,CAAC,gBAAgB,CAAC;wCACtE,IAAI,SAAS,YAAY,WAAW,EAAE,CAAC;4CACrC,SAAS,CAAC,KAAK,EAAE,CAAC;wCACpB,CAAC;oCACH,CAAC;gCACH,CAAC;gCACD,qBAAqB,CAAC,OAAO,GAAG,IAAI,CAAC;gCACrC,WAAW,CAAC,IAAI,CAAC,CAAC;4BACpB,CAAC,EACD,SAAS,EAAE,CAAC,CAAgB,EAAE,EAAE;gCAC9B,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;oCACjD,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;oCACnB,UAAU,CAAC,OAAO;wCAChB,2BAA2B,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC;oCAC9D,qBAAqB,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;gCACrD,CAAC;qCAAM,IAAI,CAAC,CAAC,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;oCAC3D,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,CAAC,IAAI,CAC/D,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,QAAQ,CAAC,aAAa,CACpC,CAAC;oCACF,UAAU,CAAC,OAAO;wCAChB,2BAA2B,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC;oCAC9D,wBAAwB,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC;oCAEtD,IACE,oBAAoB;wCACpB,aAAa,CAAC,oBAAoB,CAAC,CAAC,MAAM,GAAG,CAAC,EAC9C,CAAC;wCACD,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;oCACrB,CAAC;gCACH,CAAC;qCAAM,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE,CAAC;oCAC3B,CAAC,CAAC,cAAc,EAAE,CAAC;oCACnB,uBAAuB,EAAE,CAAC;oCAC1B,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;wCACf,IACE,CAAC,SAAS;4CACV,mBAAmB;4CACnB,mBAAmB,CAAC,cAAc,EAClC,CAAC;4CACD,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,EAAE,aAAa,CACtD,UAAU,mBAAmB,CAAC,cAAc,IAAI,CACjD,CAAC;4CAEF,IAAI,UAAU,EAAE,CAAC;gDACf,UAAU,CAAC,KAAK,EAAE,CAAC;gDACnB,CAAC,CAAC,cAAc,EAAE,CAAC;4CACrB,CAAC;wCACH,CAAC;6CAAM,CAAC;4CACN,MAAM,WAAW,GACf,eAAe,CAAC,OAAO,EAAE,aAAa,EAAE,aAAa;gDACnD,EAAE,sBAAsB,CAAC;4CAC7B,IAAI,WAAW,EAAE,CAAC;gDAChB,MAAM,UAAU,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;gDAC9C,IAAI,UAAU,CAAC,MAAM,EAAE,CAAC;oDACtB,CAAC,CAAC,cAAc,EAAE,CAAC;oDACnB,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;gDAC5C,CAAC;4CACH,CAAC;wCACH,CAAC;oCACH,CAAC;yCAAM,CAAC;wCACN,MAAM,WAAW,GACf,eAAe,CAAC,OAAO,EAAE,aAAa,EAAE,kBAAkB,CAAC;wCAC7D,IAAI,WAAW,EAAE,CAAC;4CAChB,MAAM,UAAU,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC;4CAC9C,IAAI,UAAU,CAAC,MAAM,EAAE,CAAC;gDACtB,CAAC,CAAC,cAAc,EAAE,CAAC;gDACnB,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;4CACxB,CAAC;wCACH,CAAC;wCAED,WAAW,CAAC,IAAI,CAAC,CAAC;oCACpB,CAAC;gCACH,CAAC;4BACH,CAAC,YAEA,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gCACnB,MAAM,YAAY,GAAG,cAAc,CAAC,IAAI,CAAC;oCACvC,CAAC,CAAC;wCACE,GAAG,IAAI;wCACP,WAAW,EACT,QAAQ,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE;4CACjE,IAAI,CAAC,EAAE;4CACL,CAAC,CAAC,IAAI,CAAC,WAAW;4CAClB,CAAC,CAAC,SAAS;wCACf,MAAM;qCACP;oCACH,CAAC,CAAC,IAAI,CAAC;gCAET,OAAO,CACL,KAAC,YAAY,OACP,YAAY,EAChB,GAAG,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,EAC7B,MAAM,EAAE,IAAI,CAAC,EAAE,EACf,mBAAmB,EAAE,CAAC,qBAAqB,CAAC,OAAO,GACnD,CACH,CAAC;4BACJ,CAAC,CAAC,GACG,CACR,GACA,CACJ,GACI,EAEN,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,KAAK,WAAW,CAAC;oBACzD,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,CAC5B,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,oBAAoB,YAChE,KAAC,qBAAqB,cACnB,UAAU,CAAC,CAAC,CAAC,CACZ,4BACG,WAAW,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACrC,8BACG,aAAa,IAAI,cAAc,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CACzE,MAAC,IAAI,IACH,SAAS,EAAE;4CACT,GAAG,EAAE,CAAC;4CACN,OAAO,EAAE,QAAQ;4CACjB,UAAU,EAAE,QAAQ;4CACpB,GAAG,EAAE,CAAC;yCACP,aAEA,CAAC,CAAC,qBAAqB,CAAC,EACzB,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,cAAc,QACd,OAAO,EAAE,CAAC,CAAC,qBAAqB,CAAC,GACjC,IACG,CACR,CAAC,CAAC,CAAC,CACF,KAAC,aAAa,IACZ,KAAK,EAAE;4CACL,UAAU,EAAE;gDACV,MAAM,EAAE;oDACN,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;oDAC5B,iBAAiB,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;oDACxC,sBAAsB,EAAE,SAAS;iDAClC;6CACF;yCACF,YAED,KAAC,UAAU,IACT,EAAE,EAAE,uBAAuB,EAC3B,IAAI,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,EAC3C,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,eAAe,EACpB,GAAG,EAAE,uBAAuB,EAC5B,IAAI,EAAE;gDACJ,KAAK,EAAE,WAAW;gDAClB,WAAW,EAAE,EAAE,CAAC,EAAE;oDAChB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;oDACtD,IAAI,QAAQ;wDACV,MAAM,CAAC;4DACL,EAAE,EAAE,QAAQ,CAAC,EAAE;4DACf,OAAO,EAAE,QAAQ,CAAC,OAAO;yDAC1B,CAAC,CAAC;gDACP,CAAC;6CACF,GACD,GACY,CACjB,EAED,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YACnC,KAAC,oBAAoB,IAAC,UAAU,EAAE,CAAC,SAAS,YACzC,CAAC,CAAC,eAAe,CAAC,GACE,GAClB,IACN,CACJ,GACA,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,QAAQ,IACP,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,CAAC,CAAC,2BAA2B,EAAE,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,EAC5D,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,oBAAoB,EAC9B,UAAU,EAAE,KAAK,GACjB,EACD,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CACxC,8BACE,KAAC,IAAI,IACH,EAAE,EAAE,QAAQ,EACZ,IAAI,EAAC,MAAM,gBACC,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE,EACjC,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAC1B,EACD,gBAAgB,IAAI,CACnB,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAC3C,EAAE,EAAE,oBAAoB,aAExB,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAC1B,KAAC,kBAAkB,cAAE,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG,GAAsB,EAE1D,gBAAgB,IACZ,CACR,IACA,CACJ,EACA,aAAa,IAAI,cAAc,CAAC,aAAa,CAAC,IAAI,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CACzE,MAAC,IAAI,IACH,SAAS,EAAE;wCACT,GAAG,EAAE,CAAC;wCACN,OAAO,EAAE,KAAK;wCACd,UAAU,EAAE,QAAQ;wCACpB,GAAG,EAAE,CAAC;qCACP,aAEA,CAAC,CAAC,qBAAqB,CAAC,EACzB,KAAC,QAAQ,IAAC,SAAS,EAAC,QAAQ,GAAG,IAC1B,CACR,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IACH,SAAS,EAAE;wCACT,GAAG,EAAE,CAAC;wCACN,OAAO,EAAE,SAAS;wCAClB,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,CAAC;qCAC/B,aAEA,WAAW,IAAI,CACd,KAAC,UAAU,IACT,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,EACtB,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,eAAe,EACpB,EAAE,EAAE,iBAAiB,EACrB,IAAI,EAAE;gDACJ,KAAK,EAAE,WAAW;gDAClB,WAAW,EAAE,EAAE,CAAC,EAAE;oDAChB,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;oDACtD,IAAI,QAAQ;wDACV,MAAM,CAAC;4DACL,EAAE,EAAE,QAAQ,CAAC,EAAE;4DACf,OAAO,EAAE,QAAQ,CAAC,OAAO;yDAC1B,CAAC,CAAC;gDACP,CAAC;6CACF,GACD,CACH,EACD,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,aACxC,eAAe,IAAI,CAClB,8BACE,KAAC,MAAM,IACL,IAAI,QACJ,OAAO,EAAE,GAAG,EAAE;gEACZ,IAAI,kBAAkB,CAAC,OAAO,EAAE,CAAC;oEAC/B,kBAAkB,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;gEACxC,CAAC;gEACD,kBAAkB,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;4DACtC,CAAC,EACD,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,CAAC,CAAC,gBAAgB,CAAC,YAE1B,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACnB,EACT,KAAC,WAAW,IACV,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,kBAAkB,EACvB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,KAAK,iBACF,OAAO,CAAC,WAAW,GAChC,IACD,CACJ,EACD,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,iBAAiB,YACjD,CAAC,CAAC,MAAM,CAAC,GACH,IACJ,IACF,CACR,EACD,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YACnC,KAAC,oBAAoB,IAAC,UAAU,EAAE,CAAC,SAAS,YACzC,CAAC,CAAC,eAAe,CAAC,GACE,GAClB,IACN,CACJ,GACqB,GACnB,CACR,IACI,CACR,GACA,CACJ,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,aAAa,CAAC,OAAO,IAAI,CAAC,mBAAmB,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACzE,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC5B,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,CAAC;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE,CAAC;YACrB,cAAc,CAAC;gBACb,OAAO,EAAE,gBAAgB;aAC1B,CAAC,CAAC;QACL,CAAC;aAAM,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjD,cAAc,CAAC;gBACb,OAAO,EAAE,CAAC,CAAC,kBAAkB,CAAC;aAC/B,CAAC,CAAC;YACH,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;QAClC,CAAC;aAAM,IAAI,gBAAgB,CAAC,OAAO,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC/E,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAC7B,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpC,MAAM,WAAW,GAAG,mBAAmB,IAAI,CACzC,KAAC,mBAAmB,IAClB,MAAM,EAAE,OAAO,CAAC,IAAI,KAChB,mBAAmB,EACvB,WAAW,EAAE,cAAc,CAAC,EAAE;YAC5B,IAAI,SAAS,EAAE,CAAC;gBACd,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC/B,CAAC;iBAAM,CAAC;gBACN,WAAW,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;YAC/B,CAAC;YAED,mBAAmB,CAAC,WAAW,EAAE,CAAC,cAAc,CAAC,CAAC;QACpD,CAAC,EACD,SAAS,EAAE,GAAG,EAAE;YACd,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;YAC7B,mBAAmB,CAAC,SAAS,EAAE,CAAC;QAClC,CAAC,EACD,UAAU,EAAE,CAAC,SAAS,EACtB,GAAG,EAAE,cAAc,GACnB,CACH,CAAC;IACF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAClC,EAAE,EAAE,yBAAyB,iBAChB,OAAO,CAAC,IAAI,EACzB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,aAAa,KACd,SAAS,aAEb,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,YAC9E,aAAa,GACT,EACN,SAAS,CAAC,CAAC,CAAC,CACX,4BAAG,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,MAAC,IAAI,IACH,SAAS,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EACxC,EAAE,EAAE,mBAAmB,EACvB,mBAAmB,EAAE,CAAC,CAAC,mBAAmB,aAEzC,WAAW,EACX,iBAAiB,IACb,CACR,EACA,oBAAoB,IAAI,KAAC,QAAQ,OAAK,oBAAoB,GAAI,IAC1D,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC,UAAU,EAAE,oBAAoB,CAAC,CAAC","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ChangeEvent, FunctionComponent } from 'react';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  MenuButton,\n  Progress,\n  Text,\n  TextArea,\n  createUID,\n  menuHelpers,\n  useI18n,\n  useTestIds,\n  useTheme,\n  withTestIds,\n  registerIcon,\n  usePrevious,\n  getFocusables,\n  isMenuGroupProps,\n  ErrorState,\n  useArrows,\n  focusableSelector,\n  useLiveLog,\n  useOuterEvent,\n  ThemeOverride,\n  hasProp,\n  getActiveElement,\n  useElement,\n  Actions,\n  useBreakpoint,\n  Grid,\n  useRefMap,\n  VisuallyHiddenText,\n  FileList,\n  Lightbox\n} from '@pega/cosmos-react-core';\nimport type { MenuItemProps, MenuProps } from '@pega/cosmos-react-core';\nimport * as caretUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-up.icon';\nimport * as timesIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as minusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/minus.icon';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\nimport * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';\nimport * as warnSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/warn-solid.icon';\n\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\nimport { isCoachMessage, isInUtilities, isUserMessage } from './GenAICoach.utils';\nimport {\n  StyledMessagesContainer,\n  StyledDisclaimerText,\n  StyledGenAICoachContainer,\n  StyledGenAIOptionsMenu,\n  StyledInitialMessageContainer,\n  StyledInputContainer,\n  StyledSuggestions,\n  StyledMessagesList,\n  StyledGridContainer,\n  StyledFlexWrapper,\n  StyledErrorContainer,\n  StyledInput,\n  StyledGuidedSuggestions,\n  StyledComposerSection\n} from './GenAICoach.styles';\nimport ConversationHistory from './ConversationHistory';\n\nimport { GenAIMessage, InitialSuggestedMessage, type GenAICoachProps } from '.';\n\nregisterIcon(\n  caretUpIcon,\n  timesIcon,\n  caretDownIcon,\n  minusIcon,\n  polarisSolidIcon,\n  paperClipIcon,\n  warnSolidIcon\n);\n\nconst GenAICoach: FunctionComponent<GenAICoachProps> = ({\n  testId,\n  coachOptions: coachOptionsProps,\n  onCoachChange: onCoachChangeProp,\n  messages = [],\n  onSend,\n  initialSuggestedMessages,\n  suggestions,\n  loading,\n  error,\n  variant,\n  onOpen,\n  guidedMode = false,\n  actions,\n  conversationHistory,\n  onLayoutChange,\n  onAddAttachment,\n  attachments,\n  attachmentsError,\n  lightboxPreviewProps,\n  ...restProps\n}) => {\n  const theme = useTheme();\n  const t = useI18n();\n\n  const elementRef = useRef<HTMLElement | null>(null);\n  const conversationRef = useRef<HTMLUListElement>(null);\n  const genAICoachRef = useRef<HTMLElement>(null);\n  const [messageEls, getMessageCbRef] = useRefMap<HTMLLIElement>();\n  const isSmallOrAbove = useBreakpoint('sm', {\n    breakpointRef: genAICoachRef\n  });\n  const focusInMessageListRef = useRef(false);\n  const isUserTriggered = useRef(false);\n  const lastFocusedMessageRef = useRef<HTMLElement | null>(null);\n  const initialFocusedElementRef = useRef<HTMLElement | null>(null);\n  const messageContainerRef = useRef<HTMLDivElement>(null);\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [suggestionMenuButton, setSuggestionMenuButton] = useElement<HTMLButtonElement>(null);\n  const isGeneratingResponse = useRef(false);\n  const focusTextArea = useRef(false);\n  const historyViewRef = useRef<HTMLUListElement>(null);\n  const fileUploadInputRef = useRef<HTMLInputElement>(null);\n  const attachmentsAdded = useRef(false);\n\n  const [message, setMessage] = useState('');\n  const [coachOptions, setCoachOptions] = useState<MenuProps['items']>(coachOptionsProps);\n  const [arrowKey, setArrowKey] = useState<\n    'ArrowRight' | 'ArrowLeft' | 'ArrowUp' | 'ArrowDown' | null\n  >(null);\n\n  const previousMessages = usePrevious(messages);\n  const testIds = useTestIds(testId, getGenAICoachTestIds);\n  const { announcePolite } = useLiveLog();\n\n  const latestMessage = messages.at(-1);\n  const condition =\n    variant.placement === 'dialog' ||\n    variant.placement === 'utilities' ||\n    (variant.placement === 'fullpage' && !isSmallOrAbove) ||\n    !conversationHistory;\n\n  const onCoachChange = (id: MenuItemProps['id']) => {\n    setCoachOptions(cur => {\n      return cur.map(coach => {\n        return {\n          ...coach,\n          selected: coach.id === id\n        };\n      });\n    });\n    onCoachChangeProp?.(id);\n  };\n\n  const selectedCoach = useMemo(() => {\n    const selected = menuHelpers.getSelected(coachOptions)[0];\n    if (selected) return selected.primary;\n\n    if (coachOptions[0]) {\n      if (isMenuGroupProps(coachOptions[0])) {\n        return coachOptions[0].items[0].primary;\n      }\n      return coachOptions[0].primary;\n    }\n  }, [coachOptions]);\n\n  const handleSendMessage = useCallback(() => {\n    const isMessageAndAttachmentsEmpty = !message && (!attachments || attachments.length === 0);\n    const hasAttachmentsError =\n      attachments &&\n      attachments.length > 0 &&\n      (attachmentsError || attachments.some(attachment => attachment.error));\n    const isCoachMessageLoading =\n      latestMessage && isCoachMessage(latestMessage) && latestMessage.loading;\n    if (isMessageAndAttachmentsEmpty || hasAttachmentsError || isCoachMessageLoading) return;\n    onSend({\n      id: createUID(),\n      message,\n      fromComposer: true,\n      attachmentIds: attachments?.map(({ id }) => id)\n    });\n    setMessage('');\n  }, [[message, latestMessage, attachments, attachmentsError]]);\n\n  const handleEnterKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      handleSendMessage();\n    }\n  };\n\n  const handleTextAreaChange = useCallback(\n    (e: ChangeEvent<HTMLTextAreaElement>) => {\n      setMessage(e.currentTarget.value);\n    },\n    [setMessage]\n  );\n\n  const renderCoachOptions = useMemo(() => {\n    if (coachOptions.length === 0 || !selectedCoach) {\n      return null;\n    }\n    if (coachOptions.length === 1) {\n      return (\n        <Flex container={{ gap: 1 }}>\n          <Icon name='polaris-solid' color={theme.base.palette.ai} />\n          <Text variant='h3'>{selectedCoach}</Text>\n        </Flex>\n      );\n    }\n    return (\n      <MenuButton\n        text={selectedCoach}\n        aria-label={t('agent_switcher', [selectedCoach])}\n        variant='text'\n        as={StyledGenAIOptionsMenu}\n        icon='polaris-solid'\n        menu={{\n          mode: 'single-select',\n          items: coachOptions,\n          onItemClick: onCoachChange\n        }}\n      />\n    );\n  }, [coachOptions, selectedCoach]);\n\n  const headerContent = useMemo(() => {\n    return isInUtilities(variant) && variant.state === 'minimized' ? (\n      <>\n        <Flex container={{ gap: 1 }}>\n          <Icon name='polaris-solid' color={theme.base.palette.ai} />\n          <Text variant='h3'>{selectedCoach}</Text>\n        </Flex>\n        <Flex container={{ alignItems: 'center' }}>\n          <Button\n            icon\n            label={t('maximize')}\n            aria-label={t('agent_noun', [t('maximize')])}\n            variant='simple'\n            onClick={() => {\n              variant.onStateChange('maximized');\n              isUserTriggered.current = true;\n            }}\n          >\n            <Icon name='caret-up' />\n          </Button>\n        </Flex>\n      </>\n    ) : (\n      <>\n        {renderCoachOptions}\n\n        <Flex container>\n          {isInUtilities(variant) && (\n            <Button\n              icon\n              label={t('minimize')}\n              aria-label={t('agent_noun', [t('minimize')])}\n              variant='simple'\n              onClick={() => {\n                variant.onStateChange('minimized');\n                isUserTriggered.current = true;\n              }}\n            >\n              <Icon name='minus' />\n            </Button>\n          )}\n          {actions && (\n            <Actions data-testid={testIds.actions} contextualLabel={selectedCoach} {...actions} />\n          )}\n          {variant.placement === 'dialog' && (\n            <Button\n              icon\n              label={t('close')}\n              aria-label={t('agent_noun', [t('close')])}\n              variant='simple'\n              onClick={variant.onClose}\n            >\n              <Icon name='times' />\n            </Button>\n          )}\n        </Flex>\n      </>\n    );\n  }, [variant, coachOptions]);\n\n  const getMessageContainingElement = (element: Element | null) => {\n    if (element) return Array.from(messageEls.values()).find(el => el && el.contains(element));\n    return null;\n  };\n\n  const setLastFocusableElement = () => {\n    focusInMessageListRef.current = false;\n    lastFocusedMessageRef.current = elementRef.current ?? null;\n    if (\n      lastFocusedMessageRef.current &&\n      lastFocusedMessageRef.current?.tagName.toLowerCase() !== 'li'\n    ) {\n      lastFocusedMessageRef.current =\n        getMessageContainingElement(lastFocusedMessageRef.current) ?? null;\n    }\n  };\n\n  const onResize = () => {\n    if (genAICoachRef.current && isInUtilities(variant)) {\n      const height = genAICoachRef.current.clientHeight;\n      variant.setGenAIHeight?.(height);\n    }\n  };\n\n  const variantState = useMemo(() => {\n    if (variant.placement === 'utilities') {\n      return variant.state;\n    }\n  }, [variant]);\n\n  useEffect(() => {\n    if (isInUtilities(variant)) {\n      onResize();\n    }\n    if (isUserTriggered.current) {\n      if (\n        isInUtilities(variant) &&\n        (variant.state === 'minimized' || (guidedMode && variant.state === 'maximized')) &&\n        getFocusables(genAICoachRef).length > 0\n      ) {\n        getFocusables(genAICoachRef)[0].focus();\n        isUserTriggered.current = false;\n      } else if (variant.placement !== 'fullpage') {\n        textAreaRef.current?.focus();\n        elementRef.current = null;\n        isUserTriggered.current = false;\n      }\n    }\n  }, [variantState, variant.placement]);\n\n  useEffect(() => {\n    onLayoutChange?.(!condition);\n  }, [condition]);\n\n  useEffect(() => {\n    onOpen?.();\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, []);\n\n  useEffect(() => {\n    const prevFilteredMsgs = previousMessages?.filter(item => !hasProp(item, 'loading')) ?? [];\n    const currentFilteredMsgs = messages?.filter(item => !hasProp(item, 'loading')) ?? [];\n\n    if (\n      prevFilteredMsgs.length < currentFilteredMsgs.length ||\n      (latestMessage && hasProp(latestMessage, 'loading'))\n    ) {\n      setTimeout(() => {\n        conversationRef.current?.lastElementChild?.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest'\n        });\n      }, 0);\n      if (latestMessage && isUserMessage(latestMessage)) {\n        textAreaRef.current?.focus();\n        setLastFocusableElement();\n        elementRef.current = null;\n        setArrowKey(null);\n      } else if (latestMessage?.loading) {\n        isGeneratingResponse.current = true;\n      } else {\n        announcePolite({ message: t('agent_noun', [`${t('new_message')} ${t('from')}`]) });\n      }\n    }\n  }, [messages]);\n\n  useEffect(() => {\n    if (suggestionMenuButton && isGeneratingResponse.current) {\n      announcePolite({ message: t('response_generated') });\n      isGeneratingResponse.current = false;\n\n      const activeElement = getActiveElement();\n      if (activeElement && activeElement === document.body) suggestionMenuButton.focus();\n    }\n  }, [suggestionMenuButton]);\n\n  /** Supports arrow key behaviors */\n  useEffect(() => {\n    const focusables = getFocusables(elementRef);\n    if (arrowKey === 'ArrowRight') {\n      focusables[0]?.focus();\n    } else if (arrowKey === 'ArrowLeft') {\n      focusables[focusables.length - 1]?.focus();\n    }\n  }, [arrowKey, elementRef.current]);\n\n  useArrows(\n    conversationRef,\n    {\n      cycle: true,\n      selector: ':scope > li',\n      dir: 'up-down',\n      allowTabFocus: true,\n      initialFocusElement: initialFocusedElementRef.current\n    },\n    [messages, initialFocusedElementRef.current]\n  );\n\n  useArrows(\n    elementRef,\n    {\n      cycle: true,\n      selector: `li ${focusableSelector}`,\n      dir: 'left-right',\n      allowTabFocus: true,\n      updateTabIndex: false\n    },\n    [messages, elementRef.current, arrowKey]\n  );\n\n  useOuterEvent('mousedown', [conversationRef.current], () => {\n    setArrowKey(null);\n    focusInMessageListRef.current = false;\n  });\n\n  const onFileChange = (e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files) {\n      const newFiles = Array.from(e.target.files);\n      onAddAttachment?.(newFiles);\n    }\n  };\n\n  const GenAICoachElement = (\n    <>\n      {((isInUtilities(variant) && variant.state !== 'minimized') || !isInUtilities(variant)) && (\n        <Flex container={{ direction: 'column' }} as={StyledFlexWrapper}>\n          <Flex\n            as={StyledMessagesContainer}\n            ref={messageContainerRef}\n            container={\n              loading || error\n                ? { direction: 'column', pad: [0, 2], justify: 'center' }\n                : { direction: 'column', pad: [0, 2] }\n            }\n            item={{ grow: 1 }}\n          >\n            {loading || error ? (\n              <Flex container={{ justify: 'center', alignItems: 'center' }}>\n                {loading ? (\n                  <Progress\n                    variant='ring'\n                    placement='block'\n                    message={typeof loading === 'string' ? loading : t('loading')}\n                  />\n                ) : (\n                  <ErrorState message={error} />\n                )}\n              </Flex>\n            ) : (\n              <>\n                {messages.length === 0 ? (\n                  <Flex\n                    as={StyledInitialMessageContainer}\n                    container={{\n                      justify: 'center',\n                      direction: 'column',\n                      gap: 8\n                    }}\n                    item={{ grow: 1 }}\n                  >\n                    {((isInUtilities(variant) && variant.state === 'maximized') ||\n                      !isInUtilities(variant)) && (\n                      <Flex container={{ direction: 'column', alignItems: 'center', gap: 2 }}>\n                        <Icon name='polaris-solid' size='l' color={theme.base.palette.ai} />\n                        <Text variant='h2'>{t('welcome_text')}</Text>\n                      </Flex>\n                    )}\n                    <Flex container={{ direction: 'column', gap: 1.5, alignItems: 'center' }}>\n                      {initialSuggestedMessages?.map(initialSuggestedMessage => (\n                        <InitialSuggestedMessage\n                          {...initialSuggestedMessage}\n                          onSend={initialMessage => {\n                            onSend(initialMessage);\n                            isUserTriggered.current = true;\n                          }}\n                          testId={initialSuggestedMessage.id}\n                        />\n                      ))}\n                    </Flex>\n                  </Flex>\n                ) : (\n                  <Flex\n                    as={StyledMessagesList}\n                    ref={conversationRef}\n                    aria-label={`${t('conversation')} ${t('view')}`}\n                    container={{ direction: 'column' }}\n                    onFocus={() => {\n                      if (!focusInMessageListRef.current) {\n                        if (lastFocusedMessageRef.current) {\n                          lastFocusedMessageRef.current.focus();\n                        } else {\n                          /** Focus on the latest message if the chat message list was never focused */\n                          const lastChild =\n                            conversationRef.current && conversationRef.current.lastElementChild;\n                          if (lastChild instanceof HTMLElement) {\n                            lastChild.focus();\n                          }\n                        }\n                      }\n                      focusInMessageListRef.current = true;\n                      setArrowKey(null);\n                    }}\n                    onKeyDown={(e: KeyboardEvent) => {\n                      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                        setArrowKey(e.key);\n                        elementRef.current =\n                          getMessageContainingElement(document.activeElement) ?? null;\n                        lastFocusedMessageRef.current = elementRef.current;\n                      } else if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n                        const activeMessageElement = Array.from(messageEls.values()).find(\n                          el => el === document.activeElement\n                        );\n                        elementRef.current =\n                          getMessageContainingElement(document.activeElement) ?? null;\n                        initialFocusedElementRef.current = elementRef.current;\n\n                        if (\n                          activeMessageElement &&\n                          getFocusables(activeMessageElement).length > 0\n                        ) {\n                          setArrowKey(e.key);\n                        }\n                      } else if (e.key === 'Tab') {\n                        e.preventDefault();\n                        setLastFocusableElement();\n                        if (e.shiftKey) {\n                          if (\n                            !condition &&\n                            conversationHistory &&\n                            conversationHistory.selectedItemId\n                          ) {\n                            const selectedId = historyViewRef.current?.querySelector<HTMLLIElement>(\n                              `li[id=\"${conversationHistory.selectedItemId}\"]`\n                            );\n\n                            if (selectedId) {\n                              selectedId.focus();\n                              e.preventDefault();\n                            }\n                          } else {\n                            const prevElement =\n                              conversationRef.current?.parentElement?.parentElement\n                                ?.previousElementSibling;\n                            if (prevElement) {\n                              const focusables = getFocusables(prevElement);\n                              if (focusables.length) {\n                                e.preventDefault();\n                                focusables[focusables.length - 1].focus();\n                              }\n                            }\n                          }\n                        } else {\n                          const nextElement =\n                            conversationRef.current?.parentElement?.nextElementSibling;\n                          if (nextElement) {\n                            const focusables = getFocusables(nextElement);\n                            if (focusables.length) {\n                              e.preventDefault();\n                              focusables[0].focus();\n                            }\n                          }\n\n                          setArrowKey(null);\n                        }\n                      }\n                    }}\n                  >\n                    {messages.map(item => {\n                      const messageProps = isCoachMessage(item)\n                        ? {\n                            ...item,\n                            suggestions:\n                              messages.findLast(messageItem => isCoachMessage(messageItem))?.id ===\n                              item.id\n                                ? item.suggestions\n                                : undefined,\n                            onSend\n                          }\n                        : item;\n\n                      return (\n                        <GenAIMessage\n                          {...messageProps}\n                          ref={getMessageCbRef(item.id)}\n                          testId={item.id}\n                          announceInteraction={!focusInMessageListRef.current}\n                        />\n                      );\n                    })}\n                  </Flex>\n                )}\n              </>\n            )}\n          </Flex>\n\n          {((isInUtilities(variant) && variant.state !== 'minimized') ||\n            !isInUtilities(variant)) && (\n            <Flex container={{ direction: 'column' }} as={StyledInputContainer}>\n              <StyledComposerSection>\n                {guidedMode ? (\n                  <>\n                    {suggestions && messages.length > 0 && (\n                      <>\n                        {latestMessage && isCoachMessage(latestMessage) && latestMessage.loading ? (\n                          <Flex\n                            container={{\n                              gap: 1,\n                              justify: 'center',\n                              alignItems: 'center',\n                              pad: 1\n                            }}\n                          >\n                            {t('generating_response')}\n                            <Progress\n                              placement='inline'\n                              focusOnVisible\n                              message={t('generating_response')}\n                            />\n                          </Flex>\n                        ) : (\n                          <ThemeOverride\n                            theme={{\n                              components: {\n                                button: {\n                                  color: theme.base.palette.ai,\n                                  'secondary-color': theme.base.palette.ai,\n                                  'secondary-fill-style': 'outline'\n                                }\n                              }\n                            }}\n                          >\n                            <MenuButton\n                              as={StyledGuidedSuggestions}\n                              text={t('ask_coach', [selectedCoach ?? ''])}\n                              variant='primary'\n                              icon='polaris-solid'\n                              ref={setSuggestionMenuButton}\n                              menu={{\n                                items: suggestions,\n                                onItemClick: id => {\n                                  const selected = menuHelpers.getItem(suggestions, id);\n                                  if (selected)\n                                    onSend({\n                                      id: selected.id,\n                                      message: selected.primary\n                                    });\n                                }\n                              }}\n                            />\n                          </ThemeOverride>\n                        )}\n\n                        <Flex container={{ justify: 'start' }}>\n                          <StyledDisclaimerText inFullPage={!condition}>\n                            {t('ai_disclaimer')}\n                          </StyledDisclaimerText>\n                        </Flex>\n                      </>\n                    )}\n                  </>\n                ) : (\n                  <>\n                    <TextArea\n                      ref={textAreaRef}\n                      label={t('message_pega_gen_ai_coach', [selectedCoach ?? ''])}\n                      value={message}\n                      onKeyDown={handleEnterKeyDown}\n                      onChange={handleTextAreaChange}\n                      autoResize={false}\n                    />\n                    {attachments && attachments.length > 0 && (\n                      <>\n                        <Flex\n                          as={FileList}\n                          type='item'\n                          aria-label={`${t('attachments')}`}\n                          items={attachments}\n                          container={{ pad: [1, 0] }}\n                        />\n                        {attachmentsError && (\n                          <Flex\n                            container={{ gap: 1, alignItems: 'center' }}\n                            as={StyledErrorContainer}\n                          >\n                            <Icon name='warn-solid' />\n                            <VisuallyHiddenText>{`${t('error')} `}</VisuallyHiddenText>\n\n                            {attachmentsError}\n                          </Flex>\n                        )}\n                      </>\n                    )}\n                    {latestMessage && isCoachMessage(latestMessage) && latestMessage.loading ? (\n                      <Flex\n                        container={{\n                          gap: 1,\n                          justify: 'end',\n                          alignItems: 'center',\n                          pad: 1\n                        }}\n                      >\n                        {t('generating_response')}\n                        <Progress placement='inline' />\n                      </Flex>\n                    ) : (\n                      <Flex\n                        container={{\n                          gap: 2,\n                          justify: 'between',\n                          pad: [1, undefined, undefined]\n                        }}\n                      >\n                        {suggestions && (\n                          <MenuButton\n                            text={t('suggestions')}\n                            variant='text'\n                            icon='polaris-solid'\n                            as={StyledSuggestions}\n                            menu={{\n                              items: suggestions,\n                              onItemClick: id => {\n                                const selected = menuHelpers.getItem(suggestions, id);\n                                if (selected)\n                                  onSend({\n                                    id: selected.id,\n                                    message: selected.primary\n                                  });\n                              }\n                            }}\n                          />\n                        )}\n                        <Flex container={{ gap: 1, justify: 'end' }}>\n                          {onAddAttachment && (\n                            <>\n                              <Button\n                                icon\n                                onClick={() => {\n                                  if (fileUploadInputRef.current) {\n                                    fileUploadInputRef.current.value = '';\n                                  }\n                                  fileUploadInputRef.current?.click();\n                                }}\n                                variant='simple'\n                                label={t('add_attachment')}\n                              >\n                                <Icon name='paper-clip' />\n                              </Button>\n                              <StyledInput\n                                type='file'\n                                ref={fileUploadInputRef}\n                                onChange={onFileChange}\n                                multiple={false}\n                                data-testid={testIds.attachments}\n                              />\n                            </>\n                          )}\n                          <Button variant='primary' onClick={handleSendMessage}>\n                            {t('send')}\n                          </Button>\n                        </Flex>\n                      </Flex>\n                    )}\n                    <Flex container={{ justify: 'start' }}>\n                      <StyledDisclaimerText inFullPage={!condition}>\n                        {t('ai_disclaimer')}\n                      </StyledDisclaimerText>\n                    </Flex>\n                  </>\n                )}\n              </StyledComposerSection>\n            </Flex>\n          )}\n        </Flex>\n      )}\n    </>\n  );\n\n  useEffect(() => {\n    if (focusTextArea.current && !conversationHistory && textAreaRef.current) {\n      textAreaRef.current.focus();\n      focusTextArea.current = false;\n    }\n  }, [conversationHistory, focusTextArea.current]);\n\n  useEffect(() => {\n    if (attachmentsError) {\n      announcePolite({\n        message: attachmentsError\n      });\n    } else if (attachments && attachments.length > 0) {\n      announcePolite({\n        message: t('attachment_added')\n      });\n      attachmentsAdded.current = true;\n    } else if (attachmentsAdded.current && attachments && attachments.length === 0) {\n      textAreaRef.current?.focus();\n      attachmentsAdded.current = false;\n    }\n  }, [attachments, attachmentsError]);\n\n  const historyView = conversationHistory && (\n    <ConversationHistory\n      testId={testIds.root}\n      {...conversationHistory}\n      onItemClick={conversationId => {\n        if (condition) {\n          focusTextArea.current = true;\n        } else {\n          textAreaRef.current?.focus();\n        }\n\n        conversationHistory.onItemClick?.(conversationId);\n      }}\n      onDismiss={() => {\n        focusTextArea.current = true;\n        conversationHistory.onDismiss();\n      }}\n      inFullPage={!condition}\n      ref={historyViewRef}\n    />\n  );\n  return (\n    <Flex\n      container={{ direction: 'column' }}\n      as={StyledGenAICoachContainer}\n      data-testid={testIds.root}\n      variant={variant}\n      ref={genAICoachRef}\n      {...restProps}\n    >\n      <Flex container={{ justify: 'between', alignItems: 'center', pad: [1.5, 2, 0.5] }}>\n        {headerContent}\n      </Flex>\n      {condition ? (\n        <>{conversationHistory ? historyView : GenAICoachElement}</>\n      ) : (\n        <Grid\n          container={{ gap: 0.5, cols: '2fr 3fr' }}\n          as={StyledGridContainer}\n          conversationHistory={!!conversationHistory}\n        >\n          {historyView}\n          {GenAICoachElement}\n        </Grid>\n      )}\n      {lightboxPreviewProps && <Lightbox {...lightboxPreviewProps} />}\n    </Flex>\n  );\n};\n\nexport default withTestIds(GenAICoach, getGenAICoachTestIds);\n"]}
+{"version":3,"file":"GenAICoach.js","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport type { ChangeEvent, FunctionComponent } from 'react';\n\nimport {\n  Button,\n  Flex,\n  Icon,\n  MenuButton,\n  Progress,\n  Text,\n  TextArea,\n  createUID,\n  menuHelpers,\n  useI18n,\n  useTestIds,\n  useTheme,\n  withTestIds,\n  registerIcon,\n  usePrevious,\n  getFocusables,\n  isMenuGroupProps,\n  ErrorState,\n  useArrows,\n  focusableSelector,\n  useLiveLog,\n  useOuterEvent,\n  ThemeOverride,\n  hasProp,\n  getActiveElement,\n  useElement,\n  Actions,\n  useBreakpoint,\n  Grid,\n  useRefMap,\n  VisuallyHiddenText,\n  FileList,\n  Lightbox\n} from '@pega/cosmos-react-core';\nimport type { MenuItemProps, MenuProps } from '@pega/cosmos-react-core';\nimport * as caretUpIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-up.icon';\nimport * as timesIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/times.icon';\nimport * as caretDownIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/caret-down.icon';\nimport * as minusIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/minus.icon';\nimport * as polarisSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/polaris-solid.icon';\nimport * as paperClipIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/paper-clip.icon';\nimport * as warnSolidIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/warn-solid.icon';\n\nimport { getGenAICoachTestIds } from './GenAICoach.test-ids';\nimport { isCoachMessage, isInUtilities, isUserMessage } from './GenAICoach.utils';\nimport {\n  StyledMessagesContainer,\n  StyledDisclaimerText,\n  StyledGenAICoachContainer,\n  StyledGenAIOptionsMenu,\n  StyledInitialMessageContainer,\n  StyledInputContainer,\n  StyledSuggestions,\n  StyledMessagesList,\n  StyledGridContainer,\n  StyledFlexWrapper,\n  StyledErrorContainer,\n  StyledInput,\n  StyledGuidedSuggestions,\n  StyledComposerSection\n} from './GenAICoach.styles';\nimport ConversationHistory from './ConversationHistory';\n\nimport { GenAIMessage, InitialSuggestedMessage, type GenAICoachProps } from '.';\n\nregisterIcon(\n  caretUpIcon,\n  timesIcon,\n  caretDownIcon,\n  minusIcon,\n  polarisSolidIcon,\n  paperClipIcon,\n  warnSolidIcon\n);\n\nconst GenAICoach: FunctionComponent<GenAICoachProps> = ({\n  testId,\n  coachOptions: coachOptionsProps,\n  onCoachChange: onCoachChangeProp,\n  messages = [],\n  onSend,\n  initialSuggestedMessages,\n  suggestions,\n  loading,\n  error,\n  variant,\n  onOpen,\n  guidedMode = false,\n  actions,\n  conversationHistory,\n  onLayoutChange,\n  onAddAttachment,\n  attachments,\n  attachmentsError,\n  lightboxPreviewProps,\n  ...restProps\n}) => {\n  const theme = useTheme();\n  const t = useI18n();\n\n  const elementRef = useRef<HTMLElement | null>(null);\n  const conversationRef = useRef<HTMLUListElement>(null);\n  const genAICoachRef = useRef<HTMLElement>(null);\n  const [messageEls, getMessageCbRef] = useRefMap<HTMLLIElement>();\n  const isSmallOrAbove = useBreakpoint('sm', {\n    breakpointRef: genAICoachRef\n  });\n  const focusInMessageListRef = useRef(false);\n  const isUserTriggered = useRef(false);\n  const lastFocusedMessageRef = useRef<HTMLElement | null>(null);\n  const initialFocusedElementRef = useRef<HTMLElement | null>(null);\n  const messageContainerRef = useRef<HTMLDivElement>(null);\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [suggestionMenuButton, setSuggestionMenuButton] = useElement<HTMLButtonElement>(null);\n  const isGeneratingResponse = useRef(false);\n  const focusTextArea = useRef(false);\n  const historyViewRef = useRef<HTMLUListElement>(null);\n  const fileUploadInputRef = useRef<HTMLInputElement>(null);\n  const attachmentsAdded = useRef(false);\n\n  const [message, setMessage] = useState('');\n  const [coachOptions, setCoachOptions] = useState<MenuProps['items']>(coachOptionsProps);\n  const [arrowKey, setArrowKey] = useState<\n    'ArrowRight' | 'ArrowLeft' | 'ArrowUp' | 'ArrowDown' | null\n  >(null);\n\n  const previousMessages = usePrevious(messages);\n  const testIds = useTestIds(testId, getGenAICoachTestIds);\n  const { announcePolite } = useLiveLog();\n\n  const latestMessage = messages.at(-1);\n  const condition =\n    variant.placement === 'dialog' ||\n    variant.placement === 'utilities' ||\n    (variant.placement === 'fullpage' && !isSmallOrAbove) ||\n    !conversationHistory;\n\n  const onCoachChange = (id: MenuItemProps['id']) => {\n    setCoachOptions(cur => {\n      return cur.map(coach => {\n        return {\n          ...coach,\n          selected: coach.id === id\n        };\n      });\n    });\n    onCoachChangeProp?.(id);\n  };\n\n  const selectedCoach = useMemo(() => {\n    const selected = menuHelpers.getSelected(coachOptions)[0];\n    if (selected) return selected.primary;\n\n    if (coachOptions[0]) {\n      if (isMenuGroupProps(coachOptions[0])) {\n        return coachOptions[0].items[0].primary;\n      }\n      return coachOptions[0].primary;\n    }\n  }, [coachOptions]);\n\n  const handleSendMessage = useCallback(() => {\n    const isMessageAndAttachmentsEmpty = !message && (!attachments || attachments.length === 0);\n    const hasAttachmentsError =\n      attachments &&\n      attachments.length > 0 &&\n      (attachmentsError || attachments.some(attachment => attachment.error));\n    const isCoachMessageLoading =\n      latestMessage && isCoachMessage(latestMessage) && latestMessage.loading;\n    if (isMessageAndAttachmentsEmpty || hasAttachmentsError || isCoachMessageLoading) return;\n    onSend({\n      id: createUID(),\n      message,\n      fromComposer: true,\n      attachmentIds: attachments?.map(({ id }) => id)\n    });\n    setMessage('');\n  }, [[message, latestMessage, attachments, attachmentsError]]);\n\n  const handleEnterKeyDown = (e: KeyboardEvent) => {\n    if (e.key === 'Enter' && !e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      handleSendMessage();\n    }\n  };\n\n  const handleTextAreaChange = useCallback(\n    (e: ChangeEvent<HTMLTextAreaElement>) => {\n      setMessage(e.currentTarget.value);\n    },\n    [setMessage]\n  );\n\n  const renderCoachOptions = useMemo(() => {\n    if (coachOptions.length === 0 || !selectedCoach) {\n      return null;\n    }\n    if (coachOptions.length === 1) {\n      return (\n        <Flex container={{ gap: 1 }}>\n          <Icon name='polaris-solid' color={theme.base.palette.ai} />\n          <Text variant='h3'>{selectedCoach}</Text>\n        </Flex>\n      );\n    }\n    return (\n      <MenuButton\n        text={selectedCoach}\n        aria-label={t('agent_switcher', [selectedCoach])}\n        variant='text'\n        as={StyledGenAIOptionsMenu}\n        icon='polaris-solid'\n        menu={{\n          mode: 'single-select',\n          items: coachOptions,\n          onItemClick: onCoachChange\n        }}\n      />\n    );\n  }, [coachOptions, selectedCoach]);\n\n  const headerContent = useMemo(() => {\n    return isInUtilities(variant) && variant.state === 'minimized' ? (\n      <>\n        <Flex container={{ gap: 1 }}>\n          <Icon name='polaris-solid' color={theme.base.palette.ai} />\n          <Text variant='h3'>{selectedCoach}</Text>\n        </Flex>\n        <Flex container={{ alignItems: 'center' }}>\n          <Button\n            icon\n            label={t('maximize')}\n            aria-label={t('agent_noun', [t('maximize')])}\n            variant='simple'\n            onClick={() => {\n              variant.onStateChange('maximized');\n              isUserTriggered.current = true;\n            }}\n          >\n            <Icon name='caret-up' />\n          </Button>\n        </Flex>\n      </>\n    ) : (\n      <>\n        {renderCoachOptions}\n\n        <Flex container>\n          {isInUtilities(variant) && (\n            <Button\n              icon\n              label={t('minimize')}\n              aria-label={t('agent_noun', [t('minimize')])}\n              variant='simple'\n              onClick={() => {\n                variant.onStateChange('minimized');\n                isUserTriggered.current = true;\n              }}\n            >\n              <Icon name='minus' />\n            </Button>\n          )}\n          {actions && (\n            <Actions data-testid={testIds.actions} contextualLabel={selectedCoach} {...actions} />\n          )}\n          {variant.placement === 'dialog' && (\n            <Button\n              icon\n              label={t('close')}\n              aria-label={t('agent_noun', [t('close')])}\n              variant='simple'\n              onClick={variant.onClose}\n            >\n              <Icon name='times' />\n            </Button>\n          )}\n        </Flex>\n      </>\n    );\n  }, [variant, coachOptions]);\n\n  const getMessageContainingElement = (element: Element | null) => {\n    if (element) return Array.from(messageEls.values()).find(el => el && el.contains(element));\n    return null;\n  };\n\n  const setLastFocusableElement = () => {\n    focusInMessageListRef.current = false;\n    lastFocusedMessageRef.current = elementRef.current ?? null;\n    if (\n      lastFocusedMessageRef.current &&\n      lastFocusedMessageRef.current?.tagName.toLowerCase() !== 'li'\n    ) {\n      lastFocusedMessageRef.current =\n        getMessageContainingElement(lastFocusedMessageRef.current) ?? null;\n    }\n  };\n\n  const onResize = () => {\n    if (genAICoachRef.current && isInUtilities(variant)) {\n      const height = genAICoachRef.current.clientHeight;\n      variant.setGenAIHeight?.(height);\n    }\n  };\n\n  const variantState = useMemo(() => {\n    if (variant.placement === 'utilities') {\n      return variant.state;\n    }\n  }, [variant]);\n\n  useEffect(() => {\n    if (isInUtilities(variant)) {\n      onResize();\n    }\n    if (isUserTriggered.current) {\n      if (\n        isInUtilities(variant) &&\n        (variant.state === 'minimized' || (guidedMode && variant.state === 'maximized')) &&\n        getFocusables(genAICoachRef).length > 0\n      ) {\n        getFocusables(genAICoachRef)[0].focus();\n        isUserTriggered.current = false;\n      } else if (variant.placement !== 'fullpage') {\n        textAreaRef.current?.focus();\n        elementRef.current = null;\n        isUserTriggered.current = false;\n      }\n    }\n  }, [variantState, variant.placement]);\n\n  useEffect(() => {\n    onLayoutChange?.(!condition);\n  }, [condition]);\n\n  useEffect(() => {\n    onOpen?.();\n    window.addEventListener('resize', onResize);\n\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, []);\n\n  useEffect(() => {\n    const prevFilteredMsgs = previousMessages?.filter(item => !hasProp(item, 'loading')) ?? [];\n    const currentFilteredMsgs = messages?.filter(item => !hasProp(item, 'loading')) ?? [];\n\n    if (\n      prevFilteredMsgs.length < currentFilteredMsgs.length ||\n      (latestMessage && hasProp(latestMessage, 'loading'))\n    ) {\n      setTimeout(() => {\n        conversationRef.current?.lastElementChild?.scrollIntoView({\n          behavior: 'smooth',\n          block: 'nearest'\n        });\n      }, 0);\n      if (latestMessage && isUserMessage(latestMessage)) {\n        textAreaRef.current?.focus();\n        setLastFocusableElement();\n        elementRef.current = null;\n        setArrowKey(null);\n      } else if (latestMessage?.loading) {\n        isGeneratingResponse.current = true;\n      } else {\n        announcePolite({ message: t('agent_noun', [`${t('new_message')} ${t('from')}`]) });\n      }\n    }\n  }, [messages]);\n\n  useEffect(() => {\n    if (suggestionMenuButton && isGeneratingResponse.current) {\n      announcePolite({ message: t('response_generated') });\n      isGeneratingResponse.current = false;\n\n      const activeElement = getActiveElement();\n      if (activeElement && activeElement === document.body) suggestionMenuButton.focus();\n    }\n  }, [suggestionMenuButton]);\n\n  /** Supports arrow key behaviors */\n  useEffect(() => {\n    const focusables = getFocusables(elementRef);\n    if (arrowKey === 'ArrowRight') {\n      focusables[0]?.focus();\n    } else if (arrowKey === 'ArrowLeft') {\n      focusables[focusables.length - 1]?.focus();\n    }\n  }, [arrowKey, elementRef.current]);\n\n  useArrows(\n    conversationRef,\n    {\n      cycle: true,\n      selector: ':scope > li',\n      dir: 'up-down',\n      allowTabFocus: true,\n      initialFocusElement: initialFocusedElementRef.current\n    },\n    [messages, initialFocusedElementRef.current]\n  );\n\n  useArrows(\n    elementRef,\n    {\n      cycle: true,\n      selector: `li ${focusableSelector}`,\n      dir: 'left-right',\n      allowTabFocus: true,\n      updateTabIndex: false\n    },\n    [messages, elementRef.current, arrowKey]\n  );\n\n  useOuterEvent('mousedown', [conversationRef.current], () => {\n    setArrowKey(null);\n    focusInMessageListRef.current = false;\n  });\n\n  const onFileChange = (e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files) {\n      const newFiles = Array.from(e.target.files);\n      onAddAttachment?.(newFiles);\n    }\n  };\n\n  const GenAICoachElement = (\n    <>\n      {((isInUtilities(variant) && variant.state !== 'minimized') || !isInUtilities(variant)) && (\n        <Flex container={{ direction: 'column' }} as={StyledFlexWrapper}>\n          <Flex\n            as={StyledMessagesContainer}\n            ref={messageContainerRef}\n            container={\n              loading || error\n                ? { direction: 'column', pad: [0, 2], justify: 'center' }\n                : { direction: 'column', pad: [0, 2] }\n            }\n            item={{ grow: 1 }}\n          >\n            {loading || error ? (\n              <Flex container={{ justify: 'center', alignItems: 'center' }}>\n                {loading ? (\n                  <Progress\n                    variant='ring'\n                    placement='block'\n                    message={typeof loading === 'string' ? loading : t('loading')}\n                  />\n                ) : (\n                  <ErrorState message={error} />\n                )}\n              </Flex>\n            ) : (\n              <>\n                {messages.length === 0 ? (\n                  <Flex\n                    as={StyledInitialMessageContainer}\n                    container={{\n                      justify: 'center',\n                      direction: 'column',\n                      gap: 8\n                    }}\n                    item={{ grow: 1 }}\n                  >\n                    {((isInUtilities(variant) && variant.state === 'maximized') ||\n                      !isInUtilities(variant)) && (\n                      <Flex container={{ direction: 'column', alignItems: 'center', gap: 2 }}>\n                        <Icon name='polaris-solid' size='l' color={theme.base.palette.ai} />\n                        <Text variant='h2'>{t('welcome_text')}</Text>\n                      </Flex>\n                    )}\n                    <Flex container={{ direction: 'column', gap: 1.5, alignItems: 'center' }}>\n                      {initialSuggestedMessages?.map(initialSuggestedMessage => (\n                        <InitialSuggestedMessage\n                          {...initialSuggestedMessage}\n                          onSend={initialMessage => {\n                            onSend(initialMessage);\n                            isUserTriggered.current = true;\n                          }}\n                          testId={initialSuggestedMessage.id}\n                        />\n                      ))}\n                    </Flex>\n                  </Flex>\n                ) : (\n                  <Flex\n                    as={StyledMessagesList}\n                    ref={conversationRef}\n                    aria-label={`${t('conversation')} ${t('view')}`}\n                    container={{ direction: 'column' }}\n                    onFocus={() => {\n                      if (!focusInMessageListRef.current) {\n                        if (lastFocusedMessageRef.current) {\n                          lastFocusedMessageRef.current.focus();\n                        } else {\n                          /** Focus on the latest message if the chat message list was never focused */\n                          const lastChild =\n                            conversationRef.current && conversationRef.current.lastElementChild;\n                          if (lastChild instanceof HTMLElement) {\n                            lastChild.focus();\n                          }\n                        }\n                      }\n                      focusInMessageListRef.current = true;\n                      setArrowKey(null);\n                    }}\n                    onKeyDown={(e: KeyboardEvent) => {\n                      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n                        setArrowKey(e.key);\n                        elementRef.current =\n                          getMessageContainingElement(document.activeElement) ?? null;\n                        lastFocusedMessageRef.current = elementRef.current;\n                      } else if (e.key === 'ArrowRight' || e.key === 'ArrowLeft') {\n                        const activeMessageElement = Array.from(messageEls.values()).find(\n                          el => el === document.activeElement\n                        );\n                        elementRef.current =\n                          getMessageContainingElement(document.activeElement) ?? null;\n                        initialFocusedElementRef.current = elementRef.current;\n\n                        if (\n                          activeMessageElement &&\n                          getFocusables(activeMessageElement).length > 0\n                        ) {\n                          setArrowKey(e.key);\n                        }\n                      } else if (e.key === 'Tab') {\n                        e.preventDefault();\n                        setLastFocusableElement();\n                        if (e.shiftKey) {\n                          if (\n                            !condition &&\n                            conversationHistory &&\n                            conversationHistory.selectedItemId\n                          ) {\n                            const selectedId = historyViewRef.current?.querySelector<HTMLLIElement>(\n                              `li[id=\"${conversationHistory.selectedItemId}\"]`\n                            );\n\n                            if (selectedId) {\n                              selectedId.focus();\n                              e.preventDefault();\n                            }\n                          } else {\n                            const prevElement =\n                              conversationRef.current?.parentElement?.parentElement\n                                ?.previousElementSibling;\n                            if (prevElement) {\n                              const focusables = getFocusables(prevElement);\n                              if (focusables.length) {\n                                e.preventDefault();\n                                focusables[focusables.length - 1].focus();\n                              }\n                            }\n                          }\n                        } else {\n                          const nextElement =\n                            conversationRef.current?.parentElement?.nextElementSibling;\n                          if (nextElement) {\n                            const focusables = getFocusables(nextElement);\n                            if (focusables.length) {\n                              e.preventDefault();\n                              focusables[0].focus();\n                            }\n                          }\n\n                          setArrowKey(null);\n                        }\n                      }\n                    }}\n                  >\n                    {messages.map(item => {\n                      const messageProps = isCoachMessage(item)\n                        ? {\n                            ...item,\n                            suggestions:\n                              messages.findLast(messageItem => isCoachMessage(messageItem))?.id ===\n                              item.id\n                                ? item.suggestions\n                                : undefined,\n                            onSend\n                          }\n                        : item;\n\n                      return (\n                        <GenAIMessage\n                          {...messageProps}\n                          ref={getMessageCbRef(item.id)}\n                          testId={item.id}\n                          announceInteraction={!focusInMessageListRef.current}\n                        />\n                      );\n                    })}\n                  </Flex>\n                )}\n              </>\n            )}\n          </Flex>\n\n          {((isInUtilities(variant) && variant.state !== 'minimized') || !isInUtilities(variant)) &&\n            !loading && (\n              <Flex container={{ direction: 'column' }} as={StyledInputContainer}>\n                <StyledComposerSection>\n                  {guidedMode ? (\n                    <>\n                      {suggestions && messages.length > 0 && (\n                        <>\n                          {latestMessage &&\n                          isCoachMessage(latestMessage) &&\n                          latestMessage.loading ? (\n                            <Flex\n                              container={{\n                                gap: 1,\n                                justify: 'center',\n                                alignItems: 'center',\n                                pad: 1\n                              }}\n                            >\n                              {t('generating_response')}\n                              <Progress\n                                placement='inline'\n                                focusOnVisible\n                                message={t('generating_response')}\n                              />\n                            </Flex>\n                          ) : (\n                            <ThemeOverride\n                              theme={{\n                                components: {\n                                  button: {\n                                    color: theme.base.palette.ai,\n                                    'secondary-color': theme.base.palette.ai,\n                                    'secondary-fill-style': 'outline'\n                                  }\n                                }\n                              }}\n                            >\n                              <MenuButton\n                                as={StyledGuidedSuggestions}\n                                text={t('ask_coach', [selectedCoach ?? ''])}\n                                variant='primary'\n                                icon='polaris-solid'\n                                ref={setSuggestionMenuButton}\n                                menu={{\n                                  items: suggestions,\n                                  onItemClick: id => {\n                                    const selected = menuHelpers.getItem(suggestions, id);\n                                    if (selected)\n                                      onSend({\n                                        id: selected.id,\n                                        message: selected.primary\n                                      });\n                                  }\n                                }}\n                              />\n                            </ThemeOverride>\n                          )}\n\n                          <Flex container={{ justify: 'start' }}>\n                            <StyledDisclaimerText inFullPage={!condition}>\n                              {t('ai_disclaimer')}\n                            </StyledDisclaimerText>\n                          </Flex>\n                        </>\n                      )}\n                    </>\n                  ) : (\n                    <>\n                      <TextArea\n                        ref={textAreaRef}\n                        label={t('message_pega_gen_ai_coach', [selectedCoach ?? ''])}\n                        value={message}\n                        onKeyDown={handleEnterKeyDown}\n                        onChange={handleTextAreaChange}\n                        autoResize={false}\n                      />\n                      {attachments && attachments.length > 0 && (\n                        <>\n                          <Flex\n                            as={FileList}\n                            type='item'\n                            aria-label={`${t('attachments')}`}\n                            items={attachments}\n                            container={{ pad: [1, 0] }}\n                          />\n                          {attachmentsError && (\n                            <Flex\n                              container={{ gap: 1, alignItems: 'center' }}\n                              as={StyledErrorContainer}\n                            >\n                              <Icon name='warn-solid' />\n                              <VisuallyHiddenText>{`${t('error')} `}</VisuallyHiddenText>\n\n                              {attachmentsError}\n                            </Flex>\n                          )}\n                        </>\n                      )}\n                      {latestMessage && isCoachMessage(latestMessage) && latestMessage.loading ? (\n                        <Flex\n                          container={{\n                            gap: 1,\n                            justify: 'end',\n                            alignItems: 'center',\n                            pad: 1\n                          }}\n                        >\n                          {t('generating_response')}\n                          <Progress placement='inline' />\n                        </Flex>\n                      ) : (\n                        <Flex\n                          container={{\n                            gap: 2,\n                            justify: 'between',\n                            pad: [1, undefined, undefined]\n                          }}\n                        >\n                          {suggestions && (\n                            <MenuButton\n                              text={t('suggestions')}\n                              variant='text'\n                              icon='polaris-solid'\n                              as={StyledSuggestions}\n                              menu={{\n                                items: suggestions,\n                                onItemClick: id => {\n                                  const selected = menuHelpers.getItem(suggestions, id);\n                                  if (selected)\n                                    onSend({\n                                      id: selected.id,\n                                      message: selected.primary\n                                    });\n                                }\n                              }}\n                            />\n                          )}\n                          <Flex container={{ gap: 1, justify: 'end' }}>\n                            {onAddAttachment && (\n                              <>\n                                <Button\n                                  icon\n                                  onClick={() => {\n                                    if (fileUploadInputRef.current) {\n                                      fileUploadInputRef.current.value = '';\n                                    }\n                                    fileUploadInputRef.current?.click();\n                                  }}\n                                  variant='simple'\n                                  label={t('add_attachment')}\n                                >\n                                  <Icon name='paper-clip' />\n                                </Button>\n                                <StyledInput\n                                  type='file'\n                                  ref={fileUploadInputRef}\n                                  onChange={onFileChange}\n                                  multiple={false}\n                                  data-testid={testIds.attachments}\n                                />\n                              </>\n                            )}\n                            <Button variant='primary' onClick={handleSendMessage}>\n                              {t('send')}\n                            </Button>\n                          </Flex>\n                        </Flex>\n                      )}\n                      <Flex container={{ justify: 'start' }}>\n                        <StyledDisclaimerText inFullPage={!condition}>\n                          {t('ai_disclaimer')}\n                        </StyledDisclaimerText>\n                      </Flex>\n                    </>\n                  )}\n                </StyledComposerSection>\n              </Flex>\n            )}\n        </Flex>\n      )}\n    </>\n  );\n\n  useEffect(() => {\n    if (focusTextArea.current && !conversationHistory && textAreaRef.current) {\n      textAreaRef.current.focus();\n      focusTextArea.current = false;\n    }\n  }, [conversationHistory, focusTextArea.current]);\n\n  useEffect(() => {\n    if (attachmentsError) {\n      announcePolite({\n        message: attachmentsError\n      });\n    } else if (attachments && attachments.length > 0) {\n      announcePolite({\n        message: t('attachment_added')\n      });\n      attachmentsAdded.current = true;\n    } else if (attachmentsAdded.current && attachments && attachments.length === 0) {\n      textAreaRef.current?.focus();\n      attachmentsAdded.current = false;\n    }\n  }, [attachments, attachmentsError]);\n\n  const historyView = conversationHistory && (\n    <ConversationHistory\n      testId={testIds.root}\n      {...conversationHistory}\n      onItemClick={conversationId => {\n        if (condition) {\n          focusTextArea.current = true;\n        } else {\n          textAreaRef.current?.focus();\n        }\n\n        conversationHistory.onItemClick?.(conversationId);\n      }}\n      onDismiss={() => {\n        focusTextArea.current = true;\n        conversationHistory.onDismiss();\n      }}\n      inFullPage={!condition}\n      ref={historyViewRef}\n    />\n  );\n\n  return (\n    <Flex\n      container={{ direction: 'column' }}\n      as={StyledGenAICoachContainer}\n      data-testid={testIds.root}\n      variant={variant}\n      ref={genAICoachRef}\n      {...restProps}\n    >\n      <Flex container={{ justify: 'between', alignItems: 'center', pad: [1.5, 2, 0.5] }}>\n        {headerContent}\n      </Flex>\n      {condition ? (\n        <>{conversationHistory ? historyView : GenAICoachElement}</>\n      ) : (\n        <Grid\n          container={{ gap: 0.5, cols: '2fr 3fr' }}\n          as={StyledGridContainer}\n          conversationHistory={!!conversationHistory}\n        >\n          {historyView}\n          {GenAICoachElement}\n        </Grid>\n      )}\n      {lightboxPreviewProps && <Lightbox {...lightboxPreviewProps} />}\n    </Flex>\n  );\n};\n\nexport default withTestIds(GenAICoach, getGenAICoachTestIds);\n"]}

package/lib/components/GenAICoach/GenAICoach.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenAICoach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.styles.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,oBAAoB,wGAAc,CAAC;AAGhD,eAAO,MAAM,qBAAqB,yGAAe,CAAC;AAElD,eAAO,MAAM,yBAAyB;aAC3B,eAAe,CAAC,SAAS,CAAC;SAsDpC,CAAC;AAIF,eAAO,MAAM,sBAAsB;2BAjCI,CAAA;uDAsDrC,CAAC;AAIH,eAAO,MAAM,iBAAiB;2BA1DS,CAAA;uDAwErC,CAAC;AAIH,eAAO,MAAM,oBAAoB;gBAA8B,OAAO;SAgBpE,CAAC;AAIH,eAAO,MAAM,uBAAuB,yGAYnC,CAAC;AAIF,eAAO,MAAM,iBAAiB,yGAY7B,CAAC;AAIF,eAAO,MAAM,mBAAmB;yBAAqC,OAAO;SAa3E,CAAC;AAIF,eAAO,MAAM,6BAA6B,yGAUzC,CAAC;AAIF,eAAO,MAAM,oBAAoB,kNAe/B,CAAC;AAIH,eAAO,MAAM,gBAAgB,oNAe3B,CAAC;AAIH,eAAO,MAAM,0BAA0B,yGAUtC,CAAC;AAIF,eAAO,MAAM,eAAe,kNAK1B,CAAC;AAIH,eAAO,MAAM,aAAa,uGAQxB,CAAC;AAIH,eAAO,MAAM,iBAAiB,wGAsB7B,CAAC;AAIF,eAAO,MAAM,sBAAsB,yGAoBjC,CAAC;AAIH,eAAO,MAAM,kBAAkB,wGA4B9B,CAAC;AAIF,eAAO,MAAM,sBAAsB;gBAA8B,OAAO;SAcvE,CAAC;AAIF,eAAO,MAAM,UAAU,kNAMtB,CAAC;AAIF,eAAO,MAAM,4BAA4B;2BArUhC,CAAC;uDAyVR,CAAC;AAIH,eAAO,MAAM,iBAAiB,wGAI7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yGAQ5B,CAAC;AAIH,eAAO,MAAM,oBAAoB,yGAI/B,CAAC;AAIH,eAAO,MAAM,WAAW,2GAItB,CAAC;AAEH,eAAO,MAAM,qBAAqB,+QAIhC,CAAC;AAIH,eAAO,MAAM,uBAAuB;2BAtZG,CAAA;uDA4ZtC,CAAC"}
+{"version":3,"file":"GenAICoach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/GenAICoach/GenAICoach.styles.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,oBAAoB,wGAAc,CAAC;AAGhD,eAAO,MAAM,qBAAqB,yGAAe,CAAC;AAElD,eAAO,MAAM,yBAAyB;aAC3B,eAAe,CAAC,SAAS,CAAC;SAsDpC,CAAC;AAIF,eAAO,MAAM,sBAAsB;2BAlC3B,CAAN;uDAuDA,CAAC;AAIH,eAAO,MAAM,iBAAiB;2BA3DtB,CAAN;uDAyEA,CAAC;AAIH,eAAO,MAAM,oBAAoB;gBAA8B,OAAO;SAgBpE,CAAC;AAIH,eAAO,MAAM,uBAAuB,yGAYnC,CAAC;AAIF,eAAO,MAAM,iBAAiB,yGAY7B,CAAC;AAIF,eAAO,MAAM,mBAAmB;yBAAqC,OAAO;SAa3E,CAAC;AAIF,eAAO,MAAM,6BAA6B,yGAUzC,CAAC;AAIF,eAAO,MAAM,oBAAoB,kNAe/B,CAAC;AAIH,eAAO,MAAM,gBAAgB,oNAe3B,CAAC;AAIH,eAAO,MAAM,0BAA0B,yGAUtC,CAAC;AAIF,eAAO,MAAM,eAAe,kNAK1B,CAAC;AAIH,eAAO,MAAM,aAAa,uGAQxB,CAAC;AAIH,eAAO,MAAM,iBAAiB,wGAsB7B,CAAC;AAIF,eAAO,MAAM,sBAAsB,yGAoBjC,CAAC;AAIH,eAAO,MAAM,kBAAkB,wGA4B9B,CAAC;AAIF,eAAO,MAAM,sBAAsB;gBAA8B,OAAO;SAcvE,CAAC;AAIF,eAAO,MAAM,UAAU,kNAMtB,CAAC;AAIF,eAAO,MAAM,4BAA4B;2BA5UA,CAAC;uDAgWxC,CAAC;AAIH,eAAO,MAAM,iBAAiB,wGAI7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,yGAQ5B,CAAC;AAIH,eAAO,MAAM,oBAAoB,yGAI/B,CAAC;AAIH,eAAO,MAAM,WAAW,2GAItB,CAAC;AAEH,eAAO,MAAM,qBAAqB,+QAIhC,CAAC;AAIH,eAAO,MAAM,uBAAuB;2BAvZ5B,CAAN;uDA6ZD,CAAC"}

package/lib/components/GenAICoach/GenAICoach.styles.js

@@ -6,6 +6,7 @@ import { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/C
 import { StyledFormField } from '@pega/cosmos-react-core/lib/components/FormField/FormField';
 import { StyledEditorContainer } from '@pega/cosmos-react-rte/lib/components/RichTextEditor/RichTextEditor.styles';
 import { StyledProgress } from '@pega/cosmos-react-core/lib/components/Progress/Progress.styles';
+import { resizeDrawerMaxWidth } from '@pega/cosmos-react-core/lib/styles/constants';
 import { isInUtilities } from './GenAICoach.utils';
 export const StyledMessageWrapper = styled.li ``;
 const maxWidthMessage = '46rem';
@@ -31,7 +32,7 @@ export const StyledGenAICoachContainer = styled.div(({ theme: { base: { palette,
         ${previewActive &&
             css `
           @media (min-width: ${breakpoints.xl}) {
-            margin-inline-end: clamp(21.875rem, (100vw - 31.25rem) / 10 + 21.875rem, 31.25rem);
+            margin-inline-end: min(var(--resize-drawer-width), ${resizeDrawerMaxWidth});
           }
         `}