{"version":3,"file":"OrganizationRow.mjs","sources":["../../../../../../../../../web/src/ui/b2b/components/OrganizationRow.tsx"],"sourcesContent":["import { Organization } from '@stytch/core/public';\nimport classNames from 'classnames';\nimport React from 'react';\n\nimport { buttonClassNames } from '../../components/atoms/Button';\nimport VerticalTransition, { hoverTriggerClass } from '../../components/atoms/VerticalTransition';\nimport { Badge } from '../../components/molecules/Badge';\nimport styles from './OrganizationRow.module.css';\n\nexport type OrganizationRowProps = {\n  organization: Organization;\n  action?: string;\n  onClick: () => void;\n};\n\nconst Arrow = () => (\n  <svg\n    className={styles.arrow}\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M14.707 10L10.3535 14.3545L9.64648 13.6475L12.793 10.5H6V9.5H12.793L9.64648 6.35352L10.3535 5.64648L14.707 10Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nconst OrganizationRow = ({ organization, action, onClick }: OrganizationRowProps) => {\n  const { organization_name, organization_logo_url } = organization;\n\n  const logo = organization_logo_url ? (\n    <img className={styles.logo} src={organization_logo_url} alt=\"\" />\n  ) : (\n    <div className={styles.logo} role=\"presentation\">\n      {\n        // The Array.from() accounts for two byte Unicode characters\n        Array.from(organization_name)[0]\n      }\n    </div>\n  );\n\n  return (\n    <button\n      className={classNames(\n        styles.organizationRow,\n        hoverTriggerClass,\n        buttonClassNames({\n          variant: 'outline',\n          // Not a block even though it looks like it to avoid the inheriting the centering style\n        }),\n      )}\n      onClick={onClick}\n    >\n      <div className={styles.left}>\n        {logo}\n        <div className={styles.nameText}>{organization_name}</div>\n      </div>\n\n      <VerticalTransition\n        trigger=\"hover\"\n        rootClassName={styles.right}\n        className={styles.rightContent}\n        primary={action && <Badge>{action}</Badge>}\n        secondary={<Arrow />}\n      />\n    </button>\n  );\n};\n\nexport default OrganizationRow;\n"],"names":["Arrow","React","svg","className","styles","arrow","width","height","viewBox","fill","xmlns","path","d","OrganizationRow","organization","action","onClick","organization_name","organization_logo_url","logo","img","src","alt","div","role","Array","from","button","classNames","organizationRow","hoverTriggerClass","buttonClassNames","variant","left","nameText","VerticalTransition","trigger","rootClassName","right","rightContent","primary","Badge","secondary"],"mappings":";;;;;;;AAeA,MAAMA,KAAAA,GAAQ,kBACZC,EAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;AACCC,QAAAA,SAAAA,EAAWC,iBAAOC,KAAK;QACvBC,KAAAA,EAAM,IAAA;QACNC,MAAAA,EAAO,IAAA;QACPC,OAAAA,EAAQ,WAAA;QACRC,IAAAA,EAAK,MAAA;QACLC,KAAAA,EAAM;qBAENT,EAAA,CAAA,aAAA,CAACU,MAAAA,EAAAA;QACCC,CAAAA,EAAE,gHAAA;QACFH,IAAAA,EAAK;;AAKX,MAAMI,eAAAA,GAAkB,CAAC,EAAEC,YAAY,EAAEC,MAAM,EAAEC,OAAO,EAAwB,GAAA;AAC9E,IAAA,MAAM,EAAEC,iBAAiB,EAAEC,qBAAqB,EAAE,GAAGJ,YAAAA;IAErD,MAAMK,IAAAA,GAAOD,sCACXjB,EAAA,CAAA,aAAA,CAACmB,KAAAA,EAAAA;AAAIjB,QAAAA,SAAAA,EAAWC,iBAAOe,IAAI;QAAEE,GAAAA,EAAKH,qBAAAA;QAAuBI,GAAAA,EAAI;uBAE7DrB,EAAA,CAAA,aAAA,CAACsB,KAAAA,EAAAA;AAAIpB,QAAAA,SAAAA,EAAWC,iBAAOe,IAAI;QAAEK,IAAAA,EAAK;;AAG9BC,IAAAA,KAAAA,CAAMC,IAAI,CAACT,iBAAAA,CAAkB,CAAC,CAAA,CAAE,CAAA;AAKtC,IAAA,qBACEhB,EAAA,CAAA,aAAA,CAAC0B,QAAAA,EAAAA;AACCxB,QAAAA,SAAAA,EAAWyB,UAAAA,CACTxB,gBAAAA,CAAOyB,eAAe,EACtBC,mBACAC,gBAAAA,CAAiB;YACfC,OAAAA,EAAS;AAEX,SAAA,CAAA,CAAA;QAEFhB,OAAAA,EAASA;qBAETf,EAAA,CAAA,aAAA,CAACsB,KAAAA,EAAAA;AAAIpB,QAAAA,SAAAA,EAAWC,iBAAO6B;AACpBd,KAAAA,EAAAA,IAAAA,gBACDlB,EAAA,CAAA,aAAA,CAACsB,KAAAA,EAAAA;AAAIpB,QAAAA,SAAAA,EAAWC,iBAAO8B;AAAWjB,KAAAA,EAAAA,iBAAAA,CAAAA,CAAAA,gBAGpChB,EAAA,CAAA,aAAA,CAACkC,kBAAAA,EAAAA;QACCC,OAAAA,EAAQ,OAAA;AACRC,QAAAA,aAAAA,EAAejC,iBAAOkC,KAAK;AAC3BnC,QAAAA,SAAAA,EAAWC,iBAAOmC,YAAY;QAC9BC,OAAAA,EAASzB,MAAAA,kBAAUd,iBAACwC,KAAAA,EAAAA,IAAAA,EAAO1B,MAAAA,CAAAA;AAC3B2B,QAAAA,SAAAA,gBAAWzC,EAAA,CAAA,aAAA,CAACD,KAAAA,EAAAA,IAAAA;;AAIpB;;;;"}