@televet/kibble-ui 5.0.5 → 5.0.7-beta.1

package/dist/chunks/rating.component-DEVRcfgE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.component-DEVRcfgE.js","sources":["../../src/components/Rating/rating.component.tsx"],"sourcesContent":["import React from 'react';\nimport { RatingGroup } from '@chakra-ui/react/rating-group';\nimport { withFormControl, WithFormControlProps } from 'hocs/withFormControl/withFormControl';\nimport { Icon, IconName } from 'components/Icon';\nimport { FormControlSize } from 'hocs/withFormControl/withFormControl.types';\nimport { KibbleSemanticColorToken } from 'theme/semanticTokens/semanticTokens.types';\nimport { ConditionalValue } from '@chakra-ui/react';\n\nexport interface RatingProps extends Omit<RatingGroup.RootProps, 'allowHalf'>, WithFormControlProps {\n  /** Total number of ratings.\n   * @default 5\n   */\n  count?: number;\n  /**\n   * Data test id for the star rating.\n   * @default kibble-rating\n   */\n  'data-testid'?: string;\n  /** Ref to the hidden input element. */\n  inputRef?: React.Ref<HTMLInputElement | null>;\n  /**\n   * Size of the rating.\n   * @default md\n   */\n  size?: FormControlSize;\n  /**\n   * Name of the icon to display in the rating.\n   * @default starSolid\n   */\n  iconName?: IconName;\n  /**\n   * Color of the highlighted rating.\n   * @default background.warning.contrast\n   */\n  highlightColor?: ConditionalValue<KibbleSemanticColorToken>;\n}\n\nconst Rating = React.forwardRef<HTMLDivElement, RatingProps>(\n  (\n    {\n      count = 5,\n      size = 'md',\n      highlightColor = 'background.warning',\n      iconName = 'starSolid',\n      ['data-testid']: dataTestId = 'kibble-rating',\n      inputRef,\n      readOnly,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <RatingGroup.Root\n        className=\"Rating\"\n        data-testid={dataTestId}\n        count={count}\n        size={size}\n        ref={ref}\n        readOnly={readOnly}\n        {...rest}\n      >\n        <RatingGroup.HiddenInput\n          className=\"Rating__HiddenInput\"\n          data-testid={`${dataTestId}-hidden-input`}\n          ref={inputRef}\n        />\n        <RatingGroup.Control\n          className=\"Rating__Control\"\n          data-testid={`${dataTestId}-control`}\n          {...(readOnly && { cursor: 'default' })}\n        >\n          {Array.from({ length: count }).map((_, index) => (\n            <RatingGroup.Item\n              className=\"Rating__Item\"\n              data-testid={`${dataTestId}-item-${index}`}\n              key={index}\n              index={index + 1}\n            >\n              <RatingGroup.ItemIndicator\n                className=\"Rating__ItemIndicator\"\n                data-testid={`${dataTestId}-item-indicator-${index + 1}`}\n                icon={<Icon name={iconName} />}\n                _highlighted={{ color: highlightColor }}\n              />\n            </RatingGroup.Item>\n          ))}\n        </RatingGroup.Control>\n      </RatingGroup.Root>\n    );\n  },\n);\n\nRating.displayName = 'Rating';\nconst WrappedRating = withFormControl<RatingProps>(Rating);\n\nexport { WrappedRating as Rating };\n"],"names":["Rating","React","count","size","highlightColor","iconName","dataTestId","inputRef","readOnly","rest","ref","jsxs","RatingGroup.Root","jsx","RatingGroup.HiddenInput","RatingGroup.Control","_","index","RatingGroup.Item","RatingGroup.ItemIndicator","Icon","WrappedRating","withFormControl"],"mappings":"oPAqCMA,EAASC,EAAM,QAAA,WACnB,CACE,CACE,MAAAC,EAAQ,EACR,KAAAC,EAAO,KACP,eAAAC,EAAiB,qBACjB,SAAAC,EAAW,YACX,CAAC,eAAgBC,EAAa,gBAC9B,SAAAC,EACA,SAAAC,EACA,GAAGC,GAELC,IAGEC,EAAA,kBAAA,KAACC,EAAY,gBAAZ,CACC,UAAU,SACV,cAAaN,EACb,MAAAJ,EACA,KAAAC,EACA,IAAAO,EACA,SAAAF,EACC,GAAGC,EAEJ,SAAA,CAAAI,EAAA,kBAAA,IAACC,EAAY,uBAAZ,CACC,UAAU,sBACV,cAAa,GAAGR,CAAU,gBAC1B,IAAKC,CAAA,CACP,EACAM,EAAA,kBAAA,IAACE,EAAY,mBAAZ,CACC,UAAU,kBACV,cAAa,GAAGT,CAAU,WACzB,GAAIE,GAAY,CAAE,OAAQ,SAAU,EAEpC,SAAA,MAAM,KAAK,CAAE,OAAQN,EAAO,EAAE,IAAI,CAACc,EAAGC,IACrCJ,EAAA,kBAAA,IAACK,EAAY,gBAAZ,CACC,UAAU,eACV,cAAa,GAAGZ,CAAU,SAASW,CAAK,GAExC,MAAOA,EAAQ,EAEf,SAAAJ,EAAA,kBAAA,IAACM,EAAY,yBAAZ,CACC,UAAU,wBACV,cAAa,GAAGb,CAAU,mBAAmBW,EAAQ,CAAC,GACtD,KAAMJ,EAAAA,kBAAAA,IAACO,EAAAA,KAAK,CAAA,KAAMf,CAAU,CAAA,EAC5B,aAAc,CAAE,MAAOD,CAAe,CAAA,CAAA,CACxC,EARKa,CAUR,CAAA,CAAA,CAAA,CACH,CAAA,CACF,CAGN,EAEAjB,EAAO,YAAc,SACf,MAAAqB,EAAgBC,kBAA6BtB,CAAM"}

package/dist/chunks/{styledAvatar.types-CUweBJqA.js → styledAvatar.types-BG2G_U-W.js}

@@ -1,2 +1,2 @@
-"use strict";const p=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),u=require("./avatar.component-Bi0lMCsC.js"),m=t=>t&&t.__esModule?t:{default:t},y=m(d),P=y.default.memo(({type:t="Client",["data-testid"]:l="kibble-styled-avatar",...o})=>{const{name:a,tooltipProps:e={placement:"top",...o.tooltipProps},onClick:s}=o,r={variant:"outlineYellow",tooltipProps:{...e,label:e?.label||`${a} (Test Client)`}},i={iconName:"cellphone",tooltipProps:{...e,label:e?.label||`Text messages sent from ${a||"unknown number"}`}},c={Automated:{iconName:"robot",backgroundColor:"background.primary",hideBorder:!0,color:"text.contrast",size:"sm",showTooltip:!1,cursor:"default"},Client:{},Clinic:{variant:"outlineAccent",name:a||"Sys"},SMS:i,TestClient:r,Pet:{hideBorder:!0,iconName:"paw",backgroundColor:"background.contrast.mostSubtle",badgeProps:{iconName:"cancel",bg:"background.danger",status:"error",position:"top-end"}}};return p.jsxRuntimeExports.jsx(u.Avatar,{className:"StyledAvatar","data-testid":`${l}-${t}`,onClick:n=>{n.stopPropagation(),s&&s(n)},...c[t],...o})}),S=["Client","SMS","TestClient","Automated","Clinic","Pet"];exports.StyledAvatar=P;exports.styledAvatarTypes=S;
-//# sourceMappingURL=styledAvatar.types-CUweBJqA.js.map
+"use strict";const p=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),u=require("./avatar.component-BGgZoVJS.js"),m=t=>t&&t.__esModule?t:{default:t},y=m(d),P=y.default.memo(({type:t="Client",["data-testid"]:l="kibble-styled-avatar",...o})=>{const{name:a,tooltipProps:e={placement:"top",...o.tooltipProps},onClick:s}=o,r={variant:"outlineYellow",tooltipProps:{...e,label:e?.label||`${a} (Test Client)`}},i={iconName:"cellphone",tooltipProps:{...e,label:e?.label||`Text messages sent from ${a||"unknown number"}`}},c={Automated:{iconName:"robot",backgroundColor:"background.primary",hideBorder:!0,color:"text.contrast",size:"sm",showTooltip:!1,cursor:"default"},Client:{},Clinic:{variant:"outlineAccent",name:a||"Sys"},SMS:i,TestClient:r,Pet:{hideBorder:!0,iconName:"paw",backgroundColor:"background.contrast.mostSubtle",badgeProps:{iconName:"cancel",bg:"background.danger",status:"error",position:"top-end"}}};return p.jsxRuntimeExports.jsx(u.Avatar,{className:"StyledAvatar","data-testid":`${l}-${t}`,onClick:n=>{n.stopPropagation(),s&&s(n)},...c[t],...o})}),S=["Client","SMS","TestClient","Automated","Clinic","Pet"];exports.StyledAvatar=P;exports.styledAvatarTypes=S;
+//# sourceMappingURL=styledAvatar.types-BG2G_U-W.js.map

package/dist/chunks/{styledAvatar.types-CUweBJqA.js.map → styledAvatar.types-BG2G_U-W.js.map}

@@ -1 +1 @@
-{"version":3,"file":"styledAvatar.types-CUweBJqA.js","sources":["../../src/components/StyledAvatar/styledAvatar.component.tsx","../../src/components/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import React from 'react';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { StyledAvatarType } from './styledAvatar.types';\n\nexport interface StyledAvatarProps extends AvatarProps {\n  /**\n   * Defines the style of the `Avatar`.\n   * @default Client\n   */\n  type?: StyledAvatarType;\n  /**\n   * Data test id for the styled avatar.\n   * @default kibble-styled-avatar\n   */\n  'data-testid'?: string;\n}\n\nexport const StyledAvatar = React.memo(\n  ({\n    type = 'Client',\n    ['data-testid']: dataTestId = 'kibble-styled-avatar',\n    ...rest\n  }: StyledAvatarProps): React.JSX.Element => {\n    const { name, tooltipProps = { placement: 'top', ...rest.tooltipProps }, onClick } = rest;\n\n    const testClientStyleProps: Partial<AvatarProps> = {\n      variant: 'outlineYellow',\n      tooltipProps: {\n        ...tooltipProps,\n        label: tooltipProps?.label || `${name} (Test Client)`,\n      },\n    };\n\n    const smsStyleProps: Partial<AvatarProps> = {\n      iconName: 'cellphone',\n      tooltipProps: {\n        ...tooltipProps,\n        label: tooltipProps?.label || `Text messages sent from ${name || 'unknown number'}`,\n      },\n    };\n\n    const automatedStyleProps: Partial<AvatarProps> = {\n      iconName: 'robot',\n      backgroundColor: 'background.primary',\n      hideBorder: true,\n      color: 'text.contrast',\n      size: 'sm',\n      showTooltip: false,\n      cursor: 'default',\n    };\n\n    const clinicStyleProps: Partial<AvatarProps> = {\n      variant: 'outlineAccent',\n      name: name || 'Sys',\n    };\n\n    const petStyleProps: Partial<AvatarProps> = {\n      hideBorder: true,\n      iconName: 'paw',\n      backgroundColor: 'background.contrast.mostSubtle',\n      badgeProps: {\n        iconName: 'cancel',\n        bg: 'background.danger',\n        status: 'error',\n        position: 'top-end',\n      },\n    };\n\n    const styleProps: Record<StyledAvatarType, Partial<AvatarProps>> = {\n      Automated: automatedStyleProps,\n      Client: {},\n      Clinic: clinicStyleProps,\n      SMS: smsStyleProps,\n      TestClient: testClientStyleProps,\n      Pet: petStyleProps,\n    };\n\n    return (\n      <Avatar\n        className=\"StyledAvatar\"\n        data-testid={`${dataTestId}-${type}`}\n        onClick={(e): void => {\n          e.stopPropagation();\n          if (onClick) {\n            onClick(e);\n          }\n        }}\n        {...styleProps[type]}\n        {...rest}\n      />\n    );\n  },\n);\n","export const styledAvatarTypes = ['Client', 'SMS', 'TestClient', 'Automated', 'Clinic', 'Pet'] as const;\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["StyledAvatar","React","type","dataTestId","rest","name","tooltipProps","onClick","testClientStyleProps","smsStyleProps","styleProps","jsx","Avatar","e","styledAvatarTypes"],"mappings":"mKAiBaA,EAAeC,EAAM,QAAA,KAChC,CAAC,CACC,KAAAC,EAAO,SACP,CAAC,eAAgBC,EAAa,uBAC9B,GAAGC,CAAA,IACuC,CACpC,KAAA,CAAE,KAAAC,EAAM,aAAAC,EAAe,CAAE,UAAW,MAAO,GAAGF,EAAK,YAAA,EAAgB,QAAAG,CAAA,EAAYH,EAE/EI,EAA6C,CACjD,QAAS,gBACT,aAAc,CACZ,GAAGF,EACH,MAAOA,GAAc,OAAS,GAAGD,CAAI,gBAAA,CAEzC,EAEMI,EAAsC,CAC1C,SAAU,YACV,aAAc,CACZ,GAAGH,EACH,MAAOA,GAAc,OAAS,2BAA2BD,GAAQ,gBAAgB,EAAA,CAErF,EA6BMK,EAA6D,CACjE,UA5BgD,CAChD,SAAU,QACV,gBAAiB,qBACjB,WAAY,GACZ,MAAO,gBACP,KAAM,KACN,YAAa,GACb,OAAQ,SACV,EAqBE,OAAQ,CAAC,EACT,OApB6C,CAC7C,QAAS,gBACT,KAAML,GAAQ,KAChB,EAkBE,IAAKI,EACL,WAAYD,EACZ,IAlB0C,CAC1C,WAAY,GACZ,SAAU,MACV,gBAAiB,iCACjB,WAAY,CACV,SAAU,SACV,GAAI,oBACJ,OAAQ,QACR,SAAU,SAAA,CAEd,CASA,EAGE,OAAAG,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAU,eACV,cAAa,GAAGT,CAAU,IAAID,CAAI,GAClC,QAAUW,GAAY,CACpBA,EAAE,gBAAgB,EACdN,GACFA,EAAQM,CAAC,CAEb,EACC,GAAGH,EAAWR,CAAI,EAClB,GAAGE,CAAA,CACN,CAAA,CAGN,EC5FaU,EAAoB,CAAC,SAAU,MAAO,aAAc,YAAa,SAAU,KAAK"}
+{"version":3,"file":"styledAvatar.types-BG2G_U-W.js","sources":["../../src/components/StyledAvatar/styledAvatar.component.tsx","../../src/components/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import React from 'react';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { StyledAvatarType } from './styledAvatar.types';\n\nexport interface StyledAvatarProps extends AvatarProps {\n  /**\n   * Defines the style of the `Avatar`.\n   * @default Client\n   */\n  type?: StyledAvatarType;\n  /**\n   * Data test id for the styled avatar.\n   * @default kibble-styled-avatar\n   */\n  'data-testid'?: string;\n}\n\nexport const StyledAvatar = React.memo(\n  ({\n    type = 'Client',\n    ['data-testid']: dataTestId = 'kibble-styled-avatar',\n    ...rest\n  }: StyledAvatarProps): React.JSX.Element => {\n    const { name, tooltipProps = { placement: 'top', ...rest.tooltipProps }, onClick } = rest;\n\n    const testClientStyleProps: Partial<AvatarProps> = {\n      variant: 'outlineYellow',\n      tooltipProps: {\n        ...tooltipProps,\n        label: tooltipProps?.label || `${name} (Test Client)`,\n      },\n    };\n\n    const smsStyleProps: Partial<AvatarProps> = {\n      iconName: 'cellphone',\n      tooltipProps: {\n        ...tooltipProps,\n        label: tooltipProps?.label || `Text messages sent from ${name || 'unknown number'}`,\n      },\n    };\n\n    const automatedStyleProps: Partial<AvatarProps> = {\n      iconName: 'robot',\n      backgroundColor: 'background.primary',\n      hideBorder: true,\n      color: 'text.contrast',\n      size: 'sm',\n      showTooltip: false,\n      cursor: 'default',\n    };\n\n    const clinicStyleProps: Partial<AvatarProps> = {\n      variant: 'outlineAccent',\n      name: name || 'Sys',\n    };\n\n    const petStyleProps: Partial<AvatarProps> = {\n      hideBorder: true,\n      iconName: 'paw',\n      backgroundColor: 'background.contrast.mostSubtle',\n      badgeProps: {\n        iconName: 'cancel',\n        bg: 'background.danger',\n        status: 'error',\n        position: 'top-end',\n      },\n    };\n\n    const styleProps: Record<StyledAvatarType, Partial<AvatarProps>> = {\n      Automated: automatedStyleProps,\n      Client: {},\n      Clinic: clinicStyleProps,\n      SMS: smsStyleProps,\n      TestClient: testClientStyleProps,\n      Pet: petStyleProps,\n    };\n\n    return (\n      <Avatar\n        className=\"StyledAvatar\"\n        data-testid={`${dataTestId}-${type}`}\n        onClick={(e): void => {\n          e.stopPropagation();\n          if (onClick) {\n            onClick(e);\n          }\n        }}\n        {...styleProps[type]}\n        {...rest}\n      />\n    );\n  },\n);\n","export const styledAvatarTypes = ['Client', 'SMS', 'TestClient', 'Automated', 'Clinic', 'Pet'] as const;\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["StyledAvatar","React","type","dataTestId","rest","name","tooltipProps","onClick","testClientStyleProps","smsStyleProps","styleProps","jsx","Avatar","e","styledAvatarTypes"],"mappings":"mKAiBaA,EAAeC,EAAM,QAAA,KAChC,CAAC,CACC,KAAAC,EAAO,SACP,CAAC,eAAgBC,EAAa,uBAC9B,GAAGC,CAAA,IACuC,CACpC,KAAA,CAAE,KAAAC,EAAM,aAAAC,EAAe,CAAE,UAAW,MAAO,GAAGF,EAAK,YAAA,EAAgB,QAAAG,CAAA,EAAYH,EAE/EI,EAA6C,CACjD,QAAS,gBACT,aAAc,CACZ,GAAGF,EACH,MAAOA,GAAc,OAAS,GAAGD,CAAI,gBAAA,CAEzC,EAEMI,EAAsC,CAC1C,SAAU,YACV,aAAc,CACZ,GAAGH,EACH,MAAOA,GAAc,OAAS,2BAA2BD,GAAQ,gBAAgB,EAAA,CAErF,EA6BMK,EAA6D,CACjE,UA5BgD,CAChD,SAAU,QACV,gBAAiB,qBACjB,WAAY,GACZ,MAAO,gBACP,KAAM,KACN,YAAa,GACb,OAAQ,SACV,EAqBE,OAAQ,CAAC,EACT,OApB6C,CAC7C,QAAS,gBACT,KAAML,GAAQ,KAChB,EAkBE,IAAKI,EACL,WAAYD,EACZ,IAlB0C,CAC1C,WAAY,GACZ,SAAU,MACV,gBAAiB,iCACjB,WAAY,CACV,SAAU,SACV,GAAI,oBACJ,OAAQ,QACR,SAAU,SAAA,CAEd,CASA,EAGE,OAAAG,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAU,eACV,cAAa,GAAGT,CAAU,IAAID,CAAI,GAClC,QAAUW,GAAY,CACpBA,EAAE,gBAAgB,EACdN,GACFA,EAAQM,CAAC,CAEb,EACC,GAAGH,EAAWR,CAAI,EAClB,GAAGE,CAAA,CACN,CAAA,CAGN,EC5FaU,EAAoB,CAAC,SAAU,MAAO,aAAc,YAAa,SAAU,KAAK"}

package/dist/chunks/{styledAvatar.types-C9Oi9C2U.js → styledAvatar.types-Dd3tKh-E.js}

@@ -1,6 +1,6 @@
 import { j as p } from "./jsx-runtime-C5mzlN2N.js";
 import m from "react";
-import { A as d } from "./avatar.component-DUZc5iXT.js";
+import { A as d } from "./avatar.component-CzutRWy6.js";
 const g = m.memo(
   ({
     type: a = "Client",
@@ -66,4 +66,4 @@ export {
   g as S,
   k as s
 };
-//# sourceMappingURL=styledAvatar.types-C9Oi9C2U.js.map
+//# sourceMappingURL=styledAvatar.types-Dd3tKh-E.js.map

package/dist/chunks/{styledAvatar.types-C9Oi9C2U.js.map → styledAvatar.types-Dd3tKh-E.js.map}

@@ -1 +1 @@
-{"version":3,"file":"styledAvatar.types-C9Oi9C2U.js","sources":["../../src/components/StyledAvatar/styledAvatar.component.tsx","../../src/components/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import React from 'react';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { StyledAvatarType } from './styledAvatar.types';\n\nexport interface StyledAvatarProps extends AvatarProps {\n  /**\n   * Defines the style of the `Avatar`.\n   * @default Client\n   */\n  type?: StyledAvatarType;\n  /**\n   * Data test id for the styled avatar.\n   * @default kibble-styled-avatar\n   */\n  'data-testid'?: string;\n}\n\nexport const StyledAvatar = React.memo(\n  ({\n    type = 'Client',\n    ['data-testid']: dataTestId = 'kibble-styled-avatar',\n    ...rest\n  }: StyledAvatarProps): React.JSX.Element => {\n    const { name, tooltipProps = { placement: 'top', ...rest.tooltipProps }, onClick } = rest;\n\n    const testClientStyleProps: Partial<AvatarProps> = {\n      variant: 'outlineYellow',\n      tooltipProps: {\n        ...tooltipProps,\n        label: tooltipProps?.label || `${name} (Test Client)`,\n      },\n    };\n\n    const smsStyleProps: Partial<AvatarProps> = {\n      iconName: 'cellphone',\n      tooltipProps: {\n        ...tooltipProps,\n        label: tooltipProps?.label || `Text messages sent from ${name || 'unknown number'}`,\n      },\n    };\n\n    const automatedStyleProps: Partial<AvatarProps> = {\n      iconName: 'robot',\n      backgroundColor: 'background.primary',\n      hideBorder: true,\n      color: 'text.contrast',\n      size: 'sm',\n      showTooltip: false,\n      cursor: 'default',\n    };\n\n    const clinicStyleProps: Partial<AvatarProps> = {\n      variant: 'outlineAccent',\n      name: name || 'Sys',\n    };\n\n    const petStyleProps: Partial<AvatarProps> = {\n      hideBorder: true,\n      iconName: 'paw',\n      backgroundColor: 'background.contrast.mostSubtle',\n      badgeProps: {\n        iconName: 'cancel',\n        bg: 'background.danger',\n        status: 'error',\n        position: 'top-end',\n      },\n    };\n\n    const styleProps: Record<StyledAvatarType, Partial<AvatarProps>> = {\n      Automated: automatedStyleProps,\n      Client: {},\n      Clinic: clinicStyleProps,\n      SMS: smsStyleProps,\n      TestClient: testClientStyleProps,\n      Pet: petStyleProps,\n    };\n\n    return (\n      <Avatar\n        className=\"StyledAvatar\"\n        data-testid={`${dataTestId}-${type}`}\n        onClick={(e): void => {\n          e.stopPropagation();\n          if (onClick) {\n            onClick(e);\n          }\n        }}\n        {...styleProps[type]}\n        {...rest}\n      />\n    );\n  },\n);\n","export const styledAvatarTypes = ['Client', 'SMS', 'TestClient', 'Automated', 'Clinic', 'Pet'] as const;\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["StyledAvatar","React","type","dataTestId","rest","name","tooltipProps","onClick","testClientStyleProps","smsStyleProps","styleProps","jsx","Avatar","e","styledAvatarTypes"],"mappings":";;;AAiBO,MAAMA,IAAeC,EAAM;AAAA,EAChC,CAAC;AAAA,IACC,MAAAC,IAAO;AAAA,IACP,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,GAAGC;AAAA,EAAA,MACuC;AACpC,UAAA,EAAE,MAAAC,GAAM,cAAAC,IAAe,EAAE,WAAW,OAAO,GAAGF,EAAK,aAAA,GAAgB,SAAAG,EAAA,IAAYH,GAE/EI,IAA6C;AAAA,MACjD,SAAS;AAAA,MACT,cAAc;AAAA,QACZ,GAAGF;AAAA,QACH,OAAOA,GAAc,SAAS,GAAGD,CAAI;AAAA,MAAA;AAAA,IAEzC,GAEMI,IAAsC;AAAA,MAC1C,UAAU;AAAA,MACV,cAAc;AAAA,QACZ,GAAGH;AAAA,QACH,OAAOA,GAAc,SAAS,2BAA2BD,KAAQ,gBAAgB;AAAA,MAAA;AAAA,IAErF,GA6BMK,IAA6D;AAAA,MACjE,WA5BgD;AAAA,QAChD,UAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,MAqBE,QAAQ,CAAC;AAAA,MACT,QApB6C;AAAA,QAC7C,SAAS;AAAA,QACT,MAAML,KAAQ;AAAA,MAChB;AAAA,MAkBE,KAAKI;AAAA,MACL,YAAYD;AAAA,MACZ,KAlB0C;AAAA,QAC1C,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,YAAY;AAAA,UACV,UAAU;AAAA,UACV,IAAI;AAAA,UACJ,QAAQ;AAAA,UACR,UAAU;AAAA,QAAA;AAAA,MAEd;AAAA,IASA;AAGE,WAAAG,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,GAAGT,CAAU,IAAID,CAAI;AAAA,QAClC,SAAS,CAACW,MAAY;AACpB,UAAAA,EAAE,gBAAgB,GACdN,KACFA,EAAQM,CAAC;AAAA,QAEb;AAAA,QACC,GAAGH,EAAWR,CAAI;AAAA,QAClB,GAAGE;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GC5FaU,IAAoB,CAAC,UAAU,OAAO,cAAc,aAAa,UAAU,KAAK;"}
+{"version":3,"file":"styledAvatar.types-Dd3tKh-E.js","sources":["../../src/components/StyledAvatar/styledAvatar.component.tsx","../../src/components/StyledAvatar/styledAvatar.types.ts"],"sourcesContent":["import React from 'react';\nimport { Avatar, AvatarProps } from 'components/Avatar/avatar.component';\nimport { StyledAvatarType } from './styledAvatar.types';\n\nexport interface StyledAvatarProps extends AvatarProps {\n  /**\n   * Defines the style of the `Avatar`.\n   * @default Client\n   */\n  type?: StyledAvatarType;\n  /**\n   * Data test id for the styled avatar.\n   * @default kibble-styled-avatar\n   */\n  'data-testid'?: string;\n}\n\nexport const StyledAvatar = React.memo(\n  ({\n    type = 'Client',\n    ['data-testid']: dataTestId = 'kibble-styled-avatar',\n    ...rest\n  }: StyledAvatarProps): React.JSX.Element => {\n    const { name, tooltipProps = { placement: 'top', ...rest.tooltipProps }, onClick } = rest;\n\n    const testClientStyleProps: Partial<AvatarProps> = {\n      variant: 'outlineYellow',\n      tooltipProps: {\n        ...tooltipProps,\n        label: tooltipProps?.label || `${name} (Test Client)`,\n      },\n    };\n\n    const smsStyleProps: Partial<AvatarProps> = {\n      iconName: 'cellphone',\n      tooltipProps: {\n        ...tooltipProps,\n        label: tooltipProps?.label || `Text messages sent from ${name || 'unknown number'}`,\n      },\n    };\n\n    const automatedStyleProps: Partial<AvatarProps> = {\n      iconName: 'robot',\n      backgroundColor: 'background.primary',\n      hideBorder: true,\n      color: 'text.contrast',\n      size: 'sm',\n      showTooltip: false,\n      cursor: 'default',\n    };\n\n    const clinicStyleProps: Partial<AvatarProps> = {\n      variant: 'outlineAccent',\n      name: name || 'Sys',\n    };\n\n    const petStyleProps: Partial<AvatarProps> = {\n      hideBorder: true,\n      iconName: 'paw',\n      backgroundColor: 'background.contrast.mostSubtle',\n      badgeProps: {\n        iconName: 'cancel',\n        bg: 'background.danger',\n        status: 'error',\n        position: 'top-end',\n      },\n    };\n\n    const styleProps: Record<StyledAvatarType, Partial<AvatarProps>> = {\n      Automated: automatedStyleProps,\n      Client: {},\n      Clinic: clinicStyleProps,\n      SMS: smsStyleProps,\n      TestClient: testClientStyleProps,\n      Pet: petStyleProps,\n    };\n\n    return (\n      <Avatar\n        className=\"StyledAvatar\"\n        data-testid={`${dataTestId}-${type}`}\n        onClick={(e): void => {\n          e.stopPropagation();\n          if (onClick) {\n            onClick(e);\n          }\n        }}\n        {...styleProps[type]}\n        {...rest}\n      />\n    );\n  },\n);\n","export const styledAvatarTypes = ['Client', 'SMS', 'TestClient', 'Automated', 'Clinic', 'Pet'] as const;\nexport type StyledAvatarType = (typeof styledAvatarTypes)[number];\n"],"names":["StyledAvatar","React","type","dataTestId","rest","name","tooltipProps","onClick","testClientStyleProps","smsStyleProps","styleProps","jsx","Avatar","e","styledAvatarTypes"],"mappings":";;;AAiBO,MAAMA,IAAeC,EAAM;AAAA,EAChC,CAAC;AAAA,IACC,MAAAC,IAAO;AAAA,IACP,CAAC,gBAAgBC,IAAa;AAAA,IAC9B,GAAGC;AAAA,EAAA,MACuC;AACpC,UAAA,EAAE,MAAAC,GAAM,cAAAC,IAAe,EAAE,WAAW,OAAO,GAAGF,EAAK,aAAA,GAAgB,SAAAG,EAAA,IAAYH,GAE/EI,IAA6C;AAAA,MACjD,SAAS;AAAA,MACT,cAAc;AAAA,QACZ,GAAGF;AAAA,QACH,OAAOA,GAAc,SAAS,GAAGD,CAAI;AAAA,MAAA;AAAA,IAEzC,GAEMI,IAAsC;AAAA,MAC1C,UAAU;AAAA,MACV,cAAc;AAAA,QACZ,GAAGH;AAAA,QACH,OAAOA,GAAc,SAAS,2BAA2BD,KAAQ,gBAAgB;AAAA,MAAA;AAAA,IAErF,GA6BMK,IAA6D;AAAA,MACjE,WA5BgD;AAAA,QAChD,UAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,QACN,aAAa;AAAA,QACb,QAAQ;AAAA,MACV;AAAA,MAqBE,QAAQ,CAAC;AAAA,MACT,QApB6C;AAAA,QAC7C,SAAS;AAAA,QACT,MAAML,KAAQ;AAAA,MAChB;AAAA,MAkBE,KAAKI;AAAA,MACL,YAAYD;AAAA,MACZ,KAlB0C;AAAA,QAC1C,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,iBAAiB;AAAA,QACjB,YAAY;AAAA,UACV,UAAU;AAAA,UACV,IAAI;AAAA,UACJ,QAAQ;AAAA,UACR,UAAU;AAAA,QAAA;AAAA,MAEd;AAAA,IASA;AAGE,WAAAG,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAa,GAAGT,CAAU,IAAID,CAAI;AAAA,QAClC,SAAS,CAACW,MAAY;AACpB,UAAAA,EAAE,gBAAgB,GACdN,KACFA,EAAQM,CAAC;AAAA,QAEb;AAAA,QACC,GAAGH,EAAWR,CAAI;AAAA,QAClB,GAAGE;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN,GC5FaU,IAAoB,CAAC,UAAU,OAAO,cAAc,aAAa,UAAU,KAAK;"}