{"version":3,"file":"react_components-DDPX7iv6.js","sources":["../../../app/javascript/components/authentication_modals/LinkAuthedUserConfirmationModal.jsx","../../../app/javascript/components/authentication_modals/UnknownReviewerConfirmationModal.jsx","../../../app/javascript/components/commodity_code_picker/SearchBar.jsx","../../../app/javascript/components/commodity_code_picker/SelectedSegments.tsx","../../../app/assets/images/supplier_commodity_picker/arrow-down-right.svg","../../../app/assets/images/supplier_commodity_picker/checkbox-selected.svg","../../../app/assets/images/supplier_commodity_picker/checkbox-unchecked.svg","../../../app/javascript/components/commodity_code_picker/picker/Focusable.tsx","../../../app/javascript/components/commodity_code_picker/picker/CommodityClass.tsx","../../../app/assets/images/supplier_commodity_picker/checkbox-partial-selected.svg","../../../app/assets/images/supplier_commodity_picker/collapse-small.svg","../../../app/assets/images/supplier_commodity_picker/expand-small.svg","../../../app/javascript/components/commodity_code_picker/picker/Family.tsx","../../../app/assets/images/supplier_commodity_picker/segment-checkbox-unchecked.svg","../../../app/assets/images/supplier_commodity_picker/collapse-large.svg","../../../app/assets/images/supplier_commodity_picker/expand-large.svg","../../../app/javascript/components/commodity_code_picker/picker/Segment.tsx","../../../app/assets/images/supplier_commodity_picker/close-info-box.svg","../../../app/assets/images/supplier_commodity_picker/info-i.svg","../../../app/javascript/components/commodity_code_picker/prop_shapes/commodity_class.ts","../../../app/javascript/components/commodity_code_picker/prop_shapes/family.ts","../../../app/javascript/components/commodity_code_picker/prop_shapes/segment.ts","../../../app/javascript/components/commodity_code_picker/Picker.jsx","../../../app/javascript/components/commodity_code_picker/Base.jsx","../../../app/javascript/components/commodity_code_picker/Wrapper.jsx","../../../app/javascript/components/image_uploader/Form.jsx","../../../app/javascript/components/image_uploader/Uploader.jsx","../../../app/javascript/components/SearchSuppliers.jsx","../../../app/javascript/components/supplier_onboarding/supplier_review_link_form/FormContext.ts","../../../app/javascript/components/supplier_onboarding/supplier_review_link_form/generateUrl.ts","../../../app/javascript/components/common/dropdown/SelectItems.tsx","../../../app/javascript/components/common/dropdown/Dropdown.tsx","../../../app/javascript/components/supplier_onboarding/supplier_review_link_form/ContractAndVechicleSelectForm.tsx","../../../app/javascript/components/supplier_onboarding/supplier_review_link_form/ContractAndVehicleSection.tsx","../../../app/javascript/components/supplier_onboarding/supplier_review_link_form/Preview.tsx","../../../app/javascript/components/supplier_onboarding/supplier_review_link_form/SectionHeader.tsx","../../../app/javascript/components/supplier_onboarding/supplier_review_link_form/SharingSection.tsx","../../../app/javascript/components/supplier_onboarding/supplier_review_link_form/CopyUrl.tsx","../../../app/javascript/components/supplier_onboarding/supplier_review_link_form/UrlGenerationSection.tsx","../../../app/javascript/components/supplier_onboarding/SupplierReviewLinkForm.tsx","../../../app/javascript/packs/react_components.js"],"sourcesContent":["import React from 'react'\nimport UserConfirmationModal from './UserConfirmationModal'\nimport PropTypes from 'prop-types'\nimport EnterPassword from './pages/EnterPassword'\nimport SetPassword from './pages/SetPassword'\nimport EnterCode from './pages/EnterCode'\n\nclass LinkAuthedUserConfirmationModal extends React.Component {\n  constructor (props) {\n    super(props)\n    this.state = this.initialState()\n  }\n\n  initialState = () => (\n    {\n      confirmed: false,\n      isRevealed: false\n    }\n  )\n\n  handleModalClose = (close) => {\n    if (!this.state.confirmed) {\n      this.setState(this.initialState())\n      close()\n    }\n  }\n\n  renderContent = ({ currentPage, isRevealed, advanceToPage, close }) => {\n    switch (currentPage) {\n      case 'EnterPassword':\n        return (\n          <EnterPassword\n            email={this.props.email}\n            onSuccess={() => {\n              if (this.props.requestedUrl) {\n                window.location.href = this.props.requestedUrl\n              } else {\n                close()\n              }\n            }}\n            onResetPassword={() => advanceToPage('EnterCode')}\n          />\n        )\n      case 'EnterCode':\n        return (\n          <EnterCode\n            email={this.props.email}\n            readyToSendInitialCode={isRevealed}\n            supportEmail={this.props.supportEmail}\n            onSuccess={() => {\n              this.setState({ confirmed: true })\n              advanceToPage('SetPassword')\n            }}\n          />\n        )\n      case 'SetPassword':\n        return (\n          <SetPassword\n            email={this.props.email}\n            supportEmail={this.props.supportEmail}\n            onSuccess={() => {\n              if (this.props.requestedUrl) {\n                window.location.href = this.props.requestedUrl\n              } else {\n                close()\n              }\n            }}\n          />\n        )\n    }\n  }\n\n  render () {\n    return (\n      <UserConfirmationModal\n        render={this.renderContent}\n        initialPage={this.props.userHasPassword ? 'EnterPassword' : 'EnterCode'}\n        modalId={this.props.modalId}\n        onModalClose={this.handleModalClose}\n      />\n    )\n  }\n}\n\nLinkAuthedUserConfirmationModal.propTypes = {\n  email: PropTypes.string.isRequired,\n  userHasPassword: PropTypes.bool,\n  requestedUrl: PropTypes.string,\n  supportEmail: PropTypes.string.isRequired\n}\n\nLinkAuthedUserConfirmationModal.defaultProps = {\n  userHasPassword: false\n}\n\nexport default LinkAuthedUserConfirmationModal\n","/* global Rails */\n\nimport React from 'react'\nimport { api } from 'components/api'\nimport { reviewRecordEmailPath, reviewAssociateUserPath } from '../routes/api'\nimport EnterEmail from './pages/EnterEmail'\nimport EnterPassword from './pages/EnterPassword'\nimport SetPassword from './pages/SetPassword'\nimport EnterCode from './pages/EnterCode'\nimport SignUpPage1 from './pages/SignUpPage1'\nimport SignUpPage2 from './pages/SignUpPage2'\nimport InvalidEmail from './pages/InvalidEmail'\nimport UserConfirmationModal from './UserConfirmationModal'\nimport PropTypes from 'prop-types'\n\nclass UnknownReviewerConfirmationModal extends React.Component {\n  constructor (props) {\n    super(props)\n\n    this.state = this.initialState()\n  }\n\n  initialState = () => (\n    {\n      email: this.props.email,\n      name: '',\n      userStatus: null,\n      userType: null,\n      confirmed: false\n    }\n  )\n\n  pageAfterEnterEmail = ({ userStatus, userType }) => {\n    let nextPage\n\n    if (userType === 'supplier' || ['rejected', 'disabled'].includes(userStatus)) {\n      nextPage = 'InvalidEmail'\n    } else if (['verified', 'self_registered'].includes(userStatus)) {\n      nextPage = 'EnterPassword'\n    } else if (['approved', 'phonerep_added', 'preloaded'].includes(userStatus)) {\n      nextPage = 'EnterCode'\n    } else {\n      nextPage = 'SignUpPage1'\n    }\n\n    return nextPage\n  }\n\n  handleModalClose = () => {\n    if (!this.state.confirmed) {\n      this.setState(this.initialState())\n    }\n  }\n\n  submitReviewForm = () => {\n    const form = document.getElementById('review-form')\n    Rails.fire(form, 'submit')\n  }\n\n  signUpPageSubHeaderMessage = () => (\n    <p className='message'>\n      Please provide your information to continue submitting your review.\n    </p>\n  )\n\n  captureReviewSource = ({ email, userId }) => {\n    if (userId) {\n      return api.patchWithCsrf({\n        url: reviewAssociateUserPath(this.props.reviewId),\n        data: {\n          user_id: userId,\n          user_identity_unverified: true\n        }\n      })\n    } else {\n      return api.patchWithCsrf({\n        url: reviewRecordEmailPath(this.props.reviewId),\n        data: { email }\n      })\n    }\n  }\n\n  markVerified = ({ userId }) => {\n    return api.patchWithCsrf({\n      url: reviewAssociateUserPath(this.props.reviewId),\n      data: {\n        user_id: userId,\n        user_identity_unverified: false\n      }\n    })\n  }\n\n  renderPage = ({ currentPage, advanceToPage, goBackToPreviousPage, close }) => {\n    const { reviewId } = this.props\n    switch (currentPage) {\n      case 'EnterEmail':\n        return (\n          <EnterEmail\n            email={this.state.email}\n            supportEmail={this.props.supportEmail}\n            loginFormMessage={\n              <p className='message'>One last step! You're moments away from submitting your review.</p>\n          }\n            createAccountMessage={\n              <p className='message'>One last step! Create your account to submit your review.</p>\n          }\n            onSuccess={(data) => {\n              this.setState(data, () => {\n                this.captureReviewSource(this.state).then(() => {\n                  advanceToPage(this.pageAfterEnterEmail(this.state))\n                })\n              })\n            }}\n            onCreateAccount={() => {\n              close()\n              $('#sign-up-modal').foundation('open')\n            }}\n          />\n        )\n      case 'EnterPassword':\n        return (\n          <EnterPassword\n            email={this.state.email}\n            message={\n              <>\n                <p className='message'>One last step! You're moments away from submitting your review.</p>\n                <p className='message'>Enter the password for your <b>{this.state.email}</b> account.</p>\n              </>\n          }\n            onGoBack={goBackToPreviousPage}\n            onSuccess={() => {\n              this.markVerified(this.state).then(() => {\n                close()\n                this.submitReviewForm()\n              })\n            }}\n            onResetPassword={() => advanceToPage('EnterCode')}\n          />\n        )\n      case 'EnterCode':\n        return (\n          <EnterCode\n            email={this.state.email}\n            supportEmail={this.props.supportEmail}\n            message={\n              <p className='message'>\n                We emailed a code to your email address <b>{this.state.email}</b>. Please enter the code to finish\n                submitting\n                your review.\n              </p>\n          }\n            reviewId={reviewId}\n            onSuccess={() => {\n              this.setState({ confirmed: true }, () => {\n                this.markVerified(this.state).then(() => {\n                  advanceToPage('SetPassword')\n                })\n              })\n            }}\n          />\n        )\n      case 'SetPassword':\n        return (\n          <SetPassword\n            email={this.state.email}\n            supportEmail={this.props.supportEmail}\n            onSuccess={() => {\n              close()\n              this.submitReviewForm()\n            }}\n          />\n        )\n      case 'SignUpPage1':\n        return (\n          <SignUpPage1\n            email={this.state.email}\n            emailDisabled\n            name={this.state.name}\n            subHeaderMessage={this.signUpPageSubHeaderMessage()}\n            onGoBack={goBackToPreviousPage}\n            onSuccess={(data) => {\n              this.setState(data)\n              advanceToPage('SignUpPage2')\n            }}\n          />\n        )\n      case 'SignUpPage2':\n        return (\n          <SignUpPage2\n            email={this.state.email}\n            name={this.state.name}\n            subHeaderMessage={this.signUpPageSubHeaderMessage()}\n            onGoBack={goBackToPreviousPage}\n            onSuccess={(data) => {\n              this.setState(data, () => {\n                this.captureReviewSource(this.state).then(() => {\n                  advanceToPage('EnterCode')\n                })\n              })\n            }}\n          />\n        )\n      case 'InvalidEmail':\n        return (\n          <InvalidEmail\n            headerMessage='Review cannot be submitted'\n            subHeaderMessage={<>Your account does not have permission to post reviews on Procurated.</>}\n            supportEmail={this.props.supportEmail}\n          />\n        )\n    }\n  }\n\n  render () {\n    return (\n      <UserConfirmationModal\n        render={this.renderPage}\n        initialPage={this.props.page}\n        modalId={this.props.modalId}\n        onModalClose={this.handleModalClose}\n      />\n    )\n  }\n}\n\nUnknownReviewerConfirmationModal.propTypes = {\n  email: PropTypes.string.isRequired,\n  reviewId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  page: PropTypes.string.isRequired,\n  supportEmail: PropTypes.string.isRequired\n}\n\nUnknownReviewerConfirmationModal.defaultProps = {\n  email: '',\n  page: 'EnterEmail'\n}\n\nexport default UnknownReviewerConfirmationModal\n","// TODO: CONVERT TO TYPESCRIPT\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport { api } from 'components/api'\nimport { commodityCodeSearchPath } from 'components/routes/api'\n\nexport default class SearchBar extends React.Component {\n  constructor (props) {\n    super(props)\n\n    this.state = {\n      searchTerm: '',\n      searchResults: [],\n      lastSearchEmpty: false\n    }\n  }\n\n  shouldSearch = () => {\n    return this.state.searchTerm.length >= 2\n  }\n\n  search = async () => {\n    const response = await api.get({ url: commodityCodeSearchPath(), params: { search: this.state.searchTerm } })\n    if (response.status === 200) {\n      const searchResults = response.data\n      this.setState({\n        searchResults,\n        lastSearchEmpty: searchResults.length === 0\n      })\n    }\n  }\n\n  handleChange = async (event) => {\n    this.setState({ searchTerm: event.target.value }, () => {\n      if (this.shouldSearch()) {\n        this.search()\n      } else if (this.state.searchResults.length > 0) {\n        this.setState({ searchResults: [] })\n      }\n    })\n  }\n\n  handleClear = () => {\n    this.setState({\n      searchTerm: '',\n      searchResults: []\n    })\n  }\n\n  renderTextWithBoldSearchTermMatches = (text) => {\n    if (!this.state.searchTerm) { return }\n\n    // Find instances of search term within string (regardless of whitespace)\n    const regex = new RegExp(`(?<prematch>.*)(?<match>${this.state.searchTerm.replace(' ', '').split('').join('\\\\s*')})(?<postmatch>.*)`, 'i')\n    const matchResults = text.match(regex)\n\n    // If the search term appears within the item description, make it bold\n    if (matchResults) {\n      const { prematch, match, postmatch } = matchResults.groups\n      return <>{prematch}<b>{match}</b>{postmatch}</>\n    } else {\n      return <>{text}</>\n    }\n  }\n\n  renderSearchResult = ({ hierarchy, code, item_description: itemDescription }) => {\n    let hierarchyTagText\n    switch (hierarchy) {\n      case 'commodity_class':\n        hierarchyTagText = 'class'\n        break\n      default:\n        hierarchyTagText = hierarchy\n    }\n\n    return (\n      <div className='grid-x align-middle'>\n        <div className='cell small-4'>\n          <span className='search-result-metadata' aria-hidden>\n            {this.renderTextWithBoldSearchTermMatches(`${hierarchyTagText} ${code}`)}\n          </span>\n        </div>\n        <div className='cell auto'>\n          <span className='search-result-description'>\n            {this.renderTextWithBoldSearchTermMatches(itemDescription)}\n          </span>\n        </div>\n        <div className='cell shrink align-right'>\n          <i className='fas fa-chevron-right align-right' />\n        </div>\n      </div>\n    )\n  }\n\n  renderSearchResults = (searchResults) => {\n    if (searchResults.length > 0) {\n      return (\n        <ul>\n          {\n            searchResults.map((searchResult) => (\n              <li\n                tabIndex={0}\n                className='search-result'\n                onClick={() => this.props.handleSearchResultClick(searchResult)}\n                key={searchResult.id}\n              >\n                {this.renderSearchResult(searchResult)}\n              </li>\n            ))\n          }\n        </ul>\n      )\n    } else if (this.state.lastSearchEmpty) {\n      return (\n        <div className='no-search-results-message'>\n          No results found.\n        </div>\n      )\n    }\n  }\n\n  render () {\n    return (\n      <div className='commodity-code-search-bar' role='search'>\n        <div className='search-field'>\n          <label htmlFor='commodity-code-search' aria-hidden='true'>\n            <i className='fas fa-search align-self-middle' aria-hidden='true' />\n          </label>\n          <input\n            type='text'\n            name='search'\n            id='commodity-code-search'\n            value={this.state.searchTerm}\n            aria-label='Commodity code search'\n            placeholder='Search for codes by name or number to navigate'\n            onChange={this.handleChange}\n          />\n          <button className='clear-button' onClick={this.handleClear} type='button' aria-label='Clear search input'>\n            <i className='far fa-times' />\n          </button>\n        </div>\n\n        {\n          this.shouldSearch() && (\n            <div className='search-results-select'>\n              <h3>\n                Searching UNSPSC\n              </h3>\n              {this.renderSearchResults(this.state.searchResults)}\n            </div>\n          )\n        }\n      </div>\n    )\n  }\n}\n\nSearchBar.propTypes = {\n  handleSearchResultClick: PropTypes.func.isRequired\n}\n","import React from 'react'\nimport pluralize from 'pluralize'\nimport { Segment } from 'components/commodity_code_picker/picker/Segment'\n\nexport interface SelectedSegmentsProps {\n  handleClick: (segment: Segment) => void\n  handleRemove: (segment: Segment) => void\n  selectedSegments: Segment[]\n}\n\nconst SelectedSegments: React.FC<SelectedSegmentsProps> = ({ handleClick, handleRemove, selectedSegments }) => {\n  return (\n    <div id='selected-segments' data-testid='selected-segments'>\n      <div\n        className={\n          selectedSegments.length > 0\n            ? 'selected-title-bar blue-bar cell small-12'\n            : 'selected-title-bar grey-bar cell small-12'\n        }\n      >\n        <div className='grid-x align-justify selected-segments-header'>\n          <div className='cell shrink'>\n            <h3>Selected UNSPSC</h3>\n          </div>\n          <div className='cell shrink'>\n            <span>{selectedSegments.length}</span>\n          </div>\n        </div>\n      </div>\n\n      <div className='scrollable-container'>\n        {selectedSegments.sort((a, b) => a.item_description > b.item_description ? 1 : -1).map((segment) => {\n          const familiesCount: number = segment.families.length\n          const classesCount: number = segment.families.reduce((count: number, family) => {\n            const commodityCount: number = family.commodities.length\n            return count + commodityCount\n          }, 0)\n\n          return (\n            <div className='grid-x align-middle segment-container' key={segment.id}>\n              <div className='cell auto'>\n                <div className='segment-header'>SEGMENT {segment.code}</div>\n                <div className='segment-name'>\n                  <span className='name'>{segment.item_description}</span>\n                </div>\n                <div className='segment-stats grid-x grid-margin-x'>\n                  <div className='stat-text cell small-12 large-auto cell'>\n                    {`${familiesCount} ${pluralize('family', familiesCount)} and ${classesCount} ${pluralize('class', classesCount)} selected`}\n                  </div>\n                  <div\n                    className='remove-segment pointer-clickable small-12 large-shrink cell'\n                    onClick={() => handleRemove(segment)}\n                  >\n                    Remove Segment\n                  </div>\n                </div>\n              </div>\n              <button\n                className='cell shrink pointer-clickable'\n                onClick={() => handleClick(segment)}\n              >\n                <i className='fal fa-angle-right caret' title='Go to segment' />\n              </button>\n            </div>\n          )\n        })}\n        <div className='prompt'>\n          Your selected UNSPSC codes will appear here. Start by selecting your\n          codes on the right.\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default SelectedSegments\n","export default \"data:image/svg+xml,%3csvg%20width='13'%20height='7'%20viewBox='0%200%2013%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cg%20clipPath='url(%23clip0)'%3e%3cpath%20d='M9.95313%206.9231L12.9108%204.3856C13.0297%204.2831%2013.0297%204.11689%2012.9108%204.01437L9.95313%201.47689C9.83415%201.37438%209.64124%201.37438%209.52223%201.47689L8.95571%201.96496C8.83364%202.07014%208.83727%202.2416%208.96371%202.34285L10.537%203.5875L1.42188%203.5875L1.42188%200.963025C1.42188%200.928552%201.414%200.894418%201.39869%200.86257C1.38337%200.830723%201.36093%200.801787%201.33263%200.777415L0.520127%200.0774163C0.328199%20-0.0879585%20-1.27466e-09%200.0291601%20-1.14972e-08%200.263025L-1.87412e-07%204.2875C-2.00087e-07%204.57745%200.272822%204.81249%200.609376%204.81249L10.537%204.8125L8.96374%206.05716C8.83729%206.15842%208.83366%206.32987%208.95574%206.43505L9.52226%206.92312C9.64124%207.02563%209.83415%207.02563%209.95313%206.9231Z'%20fill='%23C7CFD7'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0'%3e%3crect%20width='13'%20height='7'%20fill='white'%20/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='17'%20height='18'%20viewBox='0%200%2017%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20y='0.610352'%20width='17'%20height='16.7792'%20rx='3'%20fill='%234B7FD5'/%3e%3cg%20filter='url(%23filter0_d_selected)'%3e%3cpath%20d='M4%208.90111L6.18652%2011.9225C6.38015%2012.19%206.77539%2012.1997%206.98184%2011.9419L12.5%205.05176'%20stroke='white'%20stroke-width='2.2'%20stroke-linecap='round'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_selected'%20x='1.8999'%20y='3.95215'%20width='12.7001'%20height='11.2776'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='0.5'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.11%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='17'%20height='18'%20viewBox='0%200%2017%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_i)'%3e%3crect%20x='0.5'%20y='1.11133'%20width='16'%20height='15.7792'%20rx='2.5'%20stroke='%238C9EAF'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_i'%20x='0'%20y='0.611328'%20width='17'%20height='17.7792'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='1'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e\"","import React from 'react'\nimport PropTypes from 'prop-types'\n\nexport interface CheckboxProps {\n  handleSelect?: React.MouseEventHandler<HTMLButtonElement>\n  children?: React.ReactNode\n  attributes?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & { 'data-testid': string }\n}\n\nexport interface HighlightableProps {\n  children?: React.ReactNode\n}\n\nexport type CheckboxComponent = React.FC<CheckboxProps>\nexport type HighlightableComponent = React.FC<HighlightableProps>\n\nexport interface FocusableProps {\n  isActiveItem: (props: { id: string }) => boolean\n  isInActiveItemHierarchy: (props: { id: string }) => boolean\n  itemId: string\n  clearFocus: () => void\n  expand?: () => void\n  children: (props: { Checkbox: CheckboxComponent, Highlightable: HighlightableComponent }) => React.ReactNode\n}\n\ninterface FocusableState {\n  wasLastActiveItem: boolean\n}\n\nexport default class Focusable extends React.Component<FocusableProps, FocusableState> {\n  private readonly highlightableRef = React.createRef<HTMLDivElement>()\n  private readonly checkboxRef = React.createRef<HTMLButtonElement>()\n  static propTypes: any = {}\n\n  constructor (props: FocusableProps) {\n    super(props)\n\n    this.state = {\n      wasLastActiveItem: false\n    }\n  }\n\n  componentDidMount = (): void => {\n    this.handleActiveCode()\n  }\n\n  componentDidUpdate = (): void => {\n    this.handleActiveCode()\n  }\n\n  handleActiveCode = (): void => {\n    const { itemId, isActiveItem, isInActiveItemHierarchy, expand } = this.props\n\n    if (this.state.wasLastActiveItem && isActiveItem({ id: itemId })) { return }\n\n    if (isActiveItem({ id: itemId })) {\n      this.checkboxRef.current?.focus()\n      this.scrollToElement()\n      this.setState({\n        wasLastActiveItem: true\n      })\n    } else if (this.state.wasLastActiveItem) {\n      this.setState({\n        wasLastActiveItem: false\n      })\n    }\n\n    if ((expand != null) && isInActiveItemHierarchy({ id: itemId })) {\n      expand()\n    }\n  }\n\n  scrollToElement = (): void => {\n    if (!this.isInViewport()) {\n      window.scroll({ top: this.highlightableRef.current?.getBoundingClientRect().top })\n    }\n  }\n\n  isInViewport = (): boolean => {\n    const rect = this.highlightableRef.current?.getBoundingClientRect()\n\n    return (\n      rect !== undefined &&\n      rect.top >= 0 &&\n      rect.left >= 0 &&\n      rect.bottom <= (window.innerHeight ?? document.documentElement.clientHeight) &&\n      rect.right <= (window.innerWidth ?? document.documentElement.clientWidth)\n    )\n  }\n\n  activeClass = (): string => {\n    return this.props.isActiveItem({ id: this.props.itemId }) ? 'active-code' : ''\n  }\n\n  renderCheckbox: CheckboxComponent = ({ handleSelect, attributes, children }) => {\n    return (\n      <button\n        ref={this.checkboxRef}\n        onClick={handleSelect}\n        role='checkbox'\n        onBlur={() => {\n          this.props.clearFocus()\n        }}\n        {...attributes}\n      >\n        {children}\n      </button>\n    )\n  }\n\n  renderHighlightable: HighlightableComponent = ({ children }) => {\n    return (\n      <div ref={this.highlightableRef} className={this.activeClass()}>\n        {children}\n      </div>\n    )\n  }\n\n  render (): React.ReactNode {\n    return (\n      <>\n        {this.props.children({ Checkbox: this.renderCheckbox, Highlightable: this.renderHighlightable })}\n      </>\n    )\n  }\n}\n\nFocusable.propTypes = {\n  isActiveItem: PropTypes.func.isRequired,\n  isInActiveItemHierarchy: PropTypes.func.isRequired,\n  itemId: PropTypes.string.isRequired,\n  clearFocus: PropTypes.func.isRequired,\n  expand: PropTypes.func\n}\n","// TODO: CONVERT TO TYPESCRIPT\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport ArrowDownRight from 'images/supplier_commodity_picker/arrow-down-right.svg'\nimport CheckboxSelected from 'images/supplier_commodity_picker/checkbox-selected.svg'\nimport CheckboxUnchecked from 'images/supplier_commodity_picker/checkbox-unchecked.svg'\nimport Focusable from './Focusable'\n\nexport interface Commodity {\n  id: number\n  code: string\n  item_description: string\n}\n\nexport interface CommodityClassProps {\n  commodity: Commodity\n  onSelect: (commodity: Commodity) => void\n  isActiveCode: (props: { id: string }) => boolean\n  isInActiveCodeHierarchy: (props: { id: string }) => boolean\n  setActiveCode: (id: string | null) => void\n  checkStatus: string\n}\n\nclass CommodityClass extends React.Component<CommodityClassProps> {\n  commodity = (): Commodity => this.props.commodity\n  isSelected = (): boolean => false\n\n  handleSelect = (): void => {\n    this.props.onSelect(this.commodity())\n  }\n\n  descriptionId = (): string => {\n    return `code-${this.commodity().code}-description`\n  }\n\n  render (): React.ReactElement {\n    return (\n      <Focusable\n        itemId={this.commodity().id.toString()}\n        isActiveItem={this.props.isActiveCode}\n        isInActiveItemHierarchy={this.props.isInActiveCodeHierarchy}\n        clearFocus={() => this.props.setActiveCode(null)}\n      >\n        {({ Checkbox, Highlightable }) => {\n          return (\n            <Highlightable>\n              <div\n                id={`code-${this.commodity().code}`}\n                className='grid-x grid-margin-x commodity align-middle'\n                data-testid={`code-${this.commodity().code}`}\n              >\n                <div className='shrink cell'>\n                  <img src={ArrowDownRight} />\n                </div>\n                <div className='shrink cell'>\n                  <Checkbox\n                    handleSelect={this.handleSelect} /* eslint-disable-line react/jsx-handler-names */\n                    attributes={{\n                      'aria-checked': this.props.checkStatus === 'checked',\n                      'data-testid': `code-${this.commodity().code}-checkbox`,\n                      'aria-labelledby': this.descriptionId()\n                    }}\n                  >\n                    <img src={this.props.checkStatus === 'checked' ? CheckboxSelected : CheckboxUnchecked} />\n                  </Checkbox>\n                </div>\n                <div className='shrink cell'>\n                  <div className='code'>CLASS {this.commodity().code}</div>\n                </div>\n                <div className='auto cell'>\n                  {this.commodity().item_description}\n                </div>\n              </div>\n            </Highlightable>\n          )\n        }}\n      </Focusable>\n    )\n  }\n}\n\n(CommodityClass as any).propTypes = {\n  commodity: PropTypes.object.isRequired,\n  onSelect: PropTypes.func.isRequired,\n  checkStatus: PropTypes.string.isRequired,\n  setActiveCode: PropTypes.func.isRequired,\n  isActiveCode: PropTypes.func.isRequired,\n  isInActiveCodeHierarchy: PropTypes.func.isRequired\n}\n\nexport default CommodityClass\n","export default \"data:image/svg+xml,%3csvg%20width='17'%20height='18'%20viewBox='0%200%2017%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20y='0.610352'%20width='17'%20height='16.7792'%20rx='3'%20fill='%234B7FD5'/%3e%3cg%20filter='url(%23filter0_d_partial_selected)'%3e%3crect%20width='9'%20height='2.96104'%20transform='matrix(1%200%200%20-1%204%2010.4805)'%20fill='%23F2F6F9'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_d_partial_selected'%20x='3'%20y='7.51953'%20width='11'%20height='4.96104'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='0.5'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.11%200'/%3e%3cfeBlend%20mode='normal'%20in2='BackgroundImageFix'%20result='effect1_dropShadow'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='effect1_dropShadow'%20result='shape'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='21'%20height='21'%20rx='2.5'%20stroke='%23C8DAF8'/%3e%3cpath%20d='M14.5927%2010.3789H8.11688C7.94223%2010.3789%207.8064%2010.5341%207.8064%2010.6894V11.3104C7.8064%2011.485%207.94223%2011.6208%208.11688%2011.6208H14.5927C14.7479%2011.6208%2014.9032%2011.485%2014.9032%2011.3104V10.6894C14.9032%2010.5341%2014.7479%2010.3789%2014.5927%2010.3789Z'%20fill='%23546372'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='22'%20height='22'%20viewBox='0%200%2022%2022'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.5'%20width='21'%20height='21'%20rx='2.5'%20stroke='%23C8DAF8'/%3e%3cpath%20d='M15.1094%2010.6562H12.1562V7.70312C12.1562%207.53906%2011.9922%207.375%2011.8281%207.375H11.1719C10.9873%207.375%2010.8438%207.53906%2010.8438%207.70312V10.6562H7.89062C7.70605%2010.6562%207.5625%2010.8203%207.5625%2010.9844V11.6406C7.5625%2011.8252%207.70605%2011.9688%207.89062%2011.9688H10.8438V14.9219C10.8438%2015.1064%2010.9873%2015.25%2011.1719%2015.25H11.8281C11.9922%2015.25%2012.1562%2015.1064%2012.1562%2014.9219V11.9688H15.1094C15.2734%2011.9688%2015.4375%2011.8252%2015.4375%2011.6406V10.9844C15.4375%2010.8203%2015.2734%2010.6562%2015.1094%2010.6562Z'%20fill='%23546372'/%3e%3c/svg%3e\"","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { commodityCodePath } from 'components/routes/api'\nimport { api } from 'components/api'\nimport CommodityClass, { Commodity } from './CommodityClass'\nimport CheckboxPartialSelected from 'images/supplier_commodity_picker/checkbox-partial-selected.svg'\nimport CheckboxSelected from 'images/supplier_commodity_picker/checkbox-selected.svg'\nimport CheckboxUnchecked from 'images/supplier_commodity_picker/checkbox-unchecked.svg'\nimport CollapseSmall from 'images/supplier_commodity_picker/collapse-small.svg'\nimport ExpandSmall from 'images/supplier_commodity_picker/expand-small.svg'\nimport Focusable from './Focusable'\n\nexport interface Family {\n  id: string | number\n  code: string\n  all_classes_selected: boolean\n  commodities: Commodity[]\n  item_description: string\n}\n\nexport interface FamilyComponentProps {\n  family: Family\n  expanded: boolean\n  selectedCommodities?: Commodity[]\n  setExpandedFamilyCode: (code: string | null) => void\n  setActiveCode: (id: string | null) => void\n  isActiveCode: (props: { id: string }) => boolean\n  isInActiveCodeHierarchy: (props: { id: string }) => boolean\n  onSelect: (family: Family, shouldRemove: boolean) => void\n}\n\ninterface FamilyComponentState {\n  commodities: Commodity[]\n}\n\nclass FamilyComponent extends React.Component<FamilyComponentProps, FamilyComponentState> {\n  constructor (props: FamilyComponentProps) {\n    super(props)\n\n    this.state = {\n      commodities: []\n    }\n  }\n\n  family = (): Family => this.props.family\n  isExpanded = (): boolean => this.props.expanded\n  selectedCommodities = (): Commodity[] | undefined => this.props.selectedCommodities\n  loadedCommodities = (): Commodity[] => this.state.commodities\n\n  handleToggleFamily = (): void => {\n    this.isExpanded() ? this.collapse() : this.expand()\n  }\n\n  expand = (): void => {\n    this.lazyLoadCommodityClasses().catch(e => console.error(e))\n    if (!this.isExpanded()) {\n      this.props.setExpandedFamilyCode(this.family().code)\n    }\n  }\n\n  collapse = (): void => {\n    this.props.setExpandedFamilyCode(null)\n    this.props.setActiveCode(null)\n  }\n\n  lazyLoadCommodityClasses = async (): Promise<void> => {\n    if (this.loadedCommodities().length > 0) { return await Promise.resolve() }\n\n    return await api.get<unknown, Commodity[]>({\n      url: commodityCodePath(this.family().id),\n      headers: {\n        Accept: 'application/json'\n      }\n    }).then(response => {\n      this.setState({\n        commodities: response.data\n      })\n    })\n  }\n\n  descriptionId = (): string => {\n    return `code-${this.family().code}-description`\n  }\n\n  isSelected = (): boolean => {\n    return this.family().all_classes_selected\n  }\n\n  isPartiallySelected = (): boolean => {\n    const selectedCommodities = this.selectedCommodities()\n    return !this.family().all_classes_selected && selectedCommodities !== undefined && selectedCommodities.length > 0\n  }\n\n  ariaChecked = (): boolean | 'mixed' => {\n    if (this.isSelected()) {\n      return true\n    } else if (this.isPartiallySelected()) {\n      return 'mixed'\n    } else {\n      return false\n    }\n  }\n\n  renderCheckboxImage = (): React.ReactElement => {\n    if (this.isSelected()) {\n      return <img src={CheckboxSelected} />\n    } else if (this.isPartiallySelected()) {\n      return <img src={CheckboxPartialSelected} />\n    } else {\n      return <img src={CheckboxUnchecked} />\n    }\n  }\n\n  handleSelect = (commodity: Commodity): void => {\n    const updatedFamily = this.family()\n    const selectedCommodities = this.selectedCommodities()\n\n    if (selectedCommodities?.some(selectedCommodity => selectedCommodity.id === commodity.id) === true) {\n      updatedFamily.commodities = selectedCommodities.filter(selectedCommodity => selectedCommodity.id !== commodity.id)\n    } else if (selectedCommodities !== undefined && selectedCommodities.length > 0) {\n      updatedFamily.commodities = [...updatedFamily.commodities, commodity]\n    } else {\n      updatedFamily.commodities = [commodity]\n    }\n\n    updatedFamily.all_classes_selected = updatedFamily.commodities.length === this.loadedCommodities().length\n\n    this.props.onSelect(updatedFamily, this.shouldRemove(updatedFamily))\n  }\n\n  handleFamilySelection = (): void => {\n    this.lazyLoadCommodityClasses().then(() => {\n      this.setFamilySelection(this.family(), this.loadedCommodities())\n    }).catch(e => console.error(e))\n  }\n\n  setFamilySelection = (updatedFamily: Family, loadedCommodities: Commodity[]): void => {\n    const selectedCommodities = this.selectedCommodities()\n    if (selectedCommodities !== undefined && selectedCommodities.length === loadedCommodities.length) {\n      updatedFamily.commodities = []\n      updatedFamily.all_classes_selected = false\n    } else {\n      updatedFamily.commodities = loadedCommodities\n      updatedFamily.all_classes_selected = true\n    }\n\n    this.props.onSelect(updatedFamily, this.shouldRemove(updatedFamily))\n  }\n\n  commodityCheckStatus = (commodity: Commodity): string => {\n    const selectedCommodities = this.selectedCommodities()\n    if (selectedCommodities?.some(selectedCommodity => selectedCommodity.id === commodity.id) === true) {\n      return 'checked'\n    } else {\n      return 'unchecked'\n    }\n  }\n\n  shouldRemove = (updatedFamily: Family): boolean => {\n    return updatedFamily.commodities.length === 0\n  }\n\n  render (): React.ReactElement {\n    return (\n      <Focusable\n        clearFocus={() => this.props.setActiveCode(null)}\n        isActiveItem={this.props.isActiveCode}\n        isInActiveItemHierarchy={this.props.isInActiveCodeHierarchy}\n        itemId={this.family().id.toString()}\n        expand={this.expand}\n      >\n        {({ Checkbox, Highlightable }) => {\n          return (\n            <div className='commodity-code-selector-item family' data-testid={`code-${this.family().code}`}>\n              <Highlightable>\n                <div className='grid-x grid-margin-x align-middle'>\n                  <div className='shrink cell'>\n                    <Checkbox\n                      handleSelect={this.handleFamilySelection} /* eslint-disable-line react/jsx-handler-names */\n                      attributes={{\n                        'aria-labelledby': this.descriptionId(),\n                        'data-testid': `code-${this.family().code}-checkbox`,\n                        'aria-checked': this.ariaChecked()\n                      }}\n                    >\n                      {this.renderCheckboxImage()}\n                    </Checkbox>\n                  </div>\n                  <div className='shrink cell'>\n                    <div className='code'>FAMILY {this.props.family.code}</div>\n                  </div>\n                  <div className='description auto cell'>\n                    {this.props.family.item_description}\n                  </div>\n                  <div className='expand-toggle shrink cell' onClick={this.handleToggleFamily}>\n                    <button onClick={this.handleToggleFamily}>\n                      {this.isExpanded() ? <img src={CollapseSmall} alt='Collapse' /> : <img src={ExpandSmall} alt='Expand' />}\n                    </button>\n                  </div>\n                </div>\n              </Highlightable>\n              {this.isExpanded()\n                ? this.loadedCommodities().map(commodity =>\n                  <CommodityClass\n                    commodity={commodity}\n                    key={commodity.code}\n                    onSelect={this.handleSelect}\n                    checkStatus={this.commodityCheckStatus(commodity)}\n                    setActiveCode={this.props.setActiveCode}\n                    isActiveCode={this.props.isActiveCode}\n                    isInActiveCodeHierarchy={this.props.isInActiveCodeHierarchy}\n                  />\n                )\n                : null}\n            </div>\n          )\n        }}\n      </Focusable>\n    )\n  }\n}\n\n(FamilyComponent as any).propTypes = {\n  family: PropTypes.object.isRequired,\n  expanded: PropTypes.bool.isRequired,\n  selectedCommodities: PropTypes.array,\n  onSelect: PropTypes.func.isRequired,\n  setActiveCode: PropTypes.func.isRequired,\n  isActiveCode: PropTypes.func.isRequired,\n  isInActiveCodeHierarchy: PropTypes.func.isRequired,\n  setExpandedFamilyCode: PropTypes.func.isRequired\n}\n\nexport default FamilyComponent\n","export default \"data:image/svg+xml,%3csvg%20width='17'%20height='18'%20viewBox='0%200%2017%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20filter='url(%23filter0_i_unchecked)'%3e%3crect%20x='1'%20y='1.61035'%20width='15'%20height='14.7792'%20rx='2'%20stroke='%234B7FD5'%20stroke-width='2'/%3e%3c/g%3e%3cdefs%3e%3cfilter%20id='filter0_i_unchecked'%20x='0'%20y='0.610352'%20width='17'%20height='17.7792'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'%20result='hardAlpha'/%3e%3cfeOffset%20dy='1'/%3e%3cfeGaussianBlur%20stdDeviation='1'/%3e%3cfeComposite%20in2='hardAlpha'%20operator='arithmetic'%20k2='-1'%20k3='1'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200'/%3e%3cfeBlend%20mode='normal'%20in2='shape'%20result='effect1_innerShadow'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='31'%20height='32'%20viewBox='0%200%2031%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.658203'%20width='30'%20height='30'%20rx='2.5'%20stroke='%23C8DAF8'/%3e%3cpath%20d='M20.5625%2015.0332H11.4375C11.1914%2015.0332%2011%2015.252%2011%2015.4707V16.3457C11%2016.5918%2011.1914%2016.7832%2011.4375%2016.7832H20.5625C20.7812%2016.7832%2021%2016.5918%2021%2016.3457V15.4707C21%2015.252%2020.7812%2015.0332%2020.5625%2015.0332Z'%20fill='%23546372'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='31'%20height='25'%20viewBox='0%200%2031%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='0.5'%20y='0.658203'%20width='30'%20height='23.4737'%20rx='2.5'%20stroke='%23C8DAF8'/%3e%3cpath%20d='M20.8125%2011.9012H16.875V8.79266C16.875%208.61996%2016.6562%208.44727%2016.4375%208.44727H15.5625C15.3164%208.44727%2015.125%208.61996%2015.125%208.79266V11.9012H11.1875C10.9414%2011.9012%2010.75%2012.0739%2010.75%2012.2466V12.9374C10.75%2013.1317%2010.9414%2013.2828%2011.1875%2013.2828H15.125V16.3913C15.125%2016.5856%2015.3164%2016.7367%2015.5625%2016.7367H16.4375C16.6562%2016.7367%2016.875%2016.5856%2016.875%2016.3913V13.2828H20.8125C21.0312%2013.2828%2021.25%2013.1317%2021.25%2012.9374V12.2466C21.25%2012.0739%2021.0312%2011.9012%2020.8125%2011.9012Z'%20fill='%23546372'/%3e%3c/svg%3e\"","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { commodityCodePath } from 'components/routes/api'\nimport { api } from 'components/api'\nimport FamilySelector, { Family } from './Family'\nimport CheckboxPartialSelected from 'images/supplier_commodity_picker/checkbox-partial-selected.svg'\nimport CheckboxSelected from 'images/supplier_commodity_picker/checkbox-selected.svg'\nimport SegmentCheckboxUnchecked from 'images/supplier_commodity_picker/segment-checkbox-unchecked.svg'\nimport CollapseLarge from 'images/supplier_commodity_picker/collapse-large.svg'\nimport ExpandLarge from 'images/supplier_commodity_picker/expand-large.svg'\nimport Focusable from './Focusable'\nimport { Commodity } from 'components/commodity_code_picker/picker/CommodityClass'\n\nexport interface Segment {\n  id: number\n  code: string\n  families: Family[]\n  all_families_selected: boolean\n  item_description: string\n}\n\nexport interface SegmentComponentProps {\n  segment: Segment\n  expanded: boolean\n  selectedFamilies?: Family[]\n  setActiveCode: (code: string | null) => void\n  setExpandedSegmentCode: (code: string | null) => void\n  isActiveCode: (props: { id: string }) => boolean\n  isInActiveCodeHierarchy: (props: { id: string }) => boolean\n  toggleSegmentSelected: (hi: boolean, hello: boolean) => void\n  updateSelectedSegment: (segment: Segment) => void\n  selectSegment: (segment: Segment) => void\n  deselectSegment: (segment: Segment) => void\n}\n\ninterface SegmentComponentState {\n  families: Family[]\n  expandedFamilyCode: string | null\n}\n\nclass SegmentComponent extends React.Component<SegmentComponentProps, SegmentComponentState> {\n  ref: React.RefObject<HTMLDivElement>\n  constructor (props: SegmentComponentProps) {\n    super(props)\n\n    this.ref = React.createRef<HTMLDivElement>()\n    this.state = {\n      families: [],\n      expandedFamilyCode: null\n    }\n  }\n\n  segment = (): Segment => this.props.segment\n  isExpanded = (): boolean => this.props.expanded\n  selectedFamilies = (): undefined | Family[] => this.props.selectedFamilies\n  loadedFamilies = (): Family[] => this.state.families\n\n  handleToggleSegment = (): void => {\n    this.isExpanded() ? this.collapse() : this.lazyLoadFamilies().then(() => { this.expand() }).catch(e => console.error(e))\n  }\n\n  expand = (): void => {\n    if (!this.isExpanded()) {\n      this.props.setExpandedSegmentCode(this.segment().code)\n      this.scrollToTop()\n    }\n  }\n\n  collapse = (): void => {\n    this.props.setExpandedSegmentCode(null)\n    this.props.setActiveCode(null)\n  }\n\n  lazyLoadFamilies = async (): Promise<void> => {\n    if (this.loadedFamilies().length > 0) { return await Promise.resolve() }\n\n    return await api.get<unknown, Family[]>({\n      url: commodityCodePath(this.segment().id),\n      headers: {\n        Accept: 'application/json'\n      }\n    }).then(response => {\n      this.setState({\n        families: response.data\n      })\n    })\n  }\n\n  setExpandedFamilyCode = (code: string | null): void => {\n    this.setState({ expandedFamilyCode: code })\n  }\n\n  handleSelect = (family: Family, shouldRemove: boolean): void => {\n    const updatedSegment = this.segment()\n    const selectedFamilies = this.selectedFamilies()\n\n    if (shouldRemove) {\n      updatedSegment.families = selectedFamilies?.filter(selectedFamily => selectedFamily.id !== family.id) ?? []\n      if (updatedSegment.families.length === 0) {\n        this.props.deselectSegment(this.segment())\n      } else {\n        this.props.updateSelectedSegment({ ...updatedSegment, all_families_selected: false })\n      }\n      return\n    }\n\n    if (selectedFamilies?.some(selectedFamily => selectedFamily.id === family.id) === true) {\n      updatedSegment.families = selectedFamilies.map(selectedFamily => {\n        return selectedFamily.id === family.id ? family : selectedFamily\n      })\n    } else {\n      updatedSegment.families = [...(selectedFamilies ?? []), family]\n    }\n\n    this.props.updateSelectedSegment({\n      ...updatedSegment,\n      all_families_selected: updatedSegment.families.length === this.loadedFamilies().length &&\n        !updatedSegment.families.some((family) => !family.all_classes_selected)\n    })\n  }\n\n  handleSegmentSelect = (): void => {\n    if (this.segment().all_families_selected) {\n      this.props.deselectSegment(this.segment())\n    } else {\n      api.get<unknown, Segment>({\n        url: `${commodityCodePath(this.segment().id)}?full_tree_selected=true`,\n        headers: {\n          Accept: 'application/json'\n        }\n      })\n        .then(response => {\n          const updatedSegment = response.data\n          this.props.selectSegment(updatedSegment)\n          this.setState({\n            families: updatedSegment.families\n          })\n        })\n        .then(() => {\n          this.expand()\n        })\n        .catch(e => console.error(e))\n    }\n  }\n\n  scrollToTop = (): void => {\n    const ref = this.ref.current\n    if (ref === null) { return }\n\n    const topNav = window.document.querySelector('.top-nav')\n    if (topNav === null) return\n\n    const headerOffset = topNav.getBoundingClientRect().bottom\n    window.scroll({ top: ref.getBoundingClientRect().top + window.pageYOffset - headerOffset })\n  }\n\n  selectedTree = (family: Family): Commodity[] => {\n    let selectedFamily: Family | null = null\n\n    const selectedFamilies = this.selectedFamilies()\n    if (selectedFamilies !== undefined && selectedFamilies.length > 0) {\n      selectedFamily = selectedFamilies.find(treeFamily => treeFamily.id === family.id) ?? null\n    }\n\n    if (selectedFamily !== null) {\n      return selectedFamily.commodities\n    } else {\n      return []\n    }\n  }\n\n  descriptionId = (): string => {\n    return `code-${this.segment().code}-description`\n  }\n\n  isSelected = (): boolean => {\n    return this.segment().all_families_selected\n  }\n\n  isPartiallySelected = (): boolean => {\n    const selectedFamilies = this.selectedFamilies()\n    return !this.segment().all_families_selected && selectedFamilies !== undefined && selectedFamilies.length > 0\n  }\n\n  ariaChecked = (): boolean | 'mixed' => {\n    if (this.isSelected()) {\n      return true\n    } else if (this.isPartiallySelected()) {\n      return 'mixed'\n    } else {\n      return false\n    }\n  }\n\n  renderCheckboxImage = (): React.ReactElement => {\n    if (this.isSelected()) {\n      return <img src={CheckboxSelected} />\n    } else if (this.isPartiallySelected()) {\n      return <img src={CheckboxPartialSelected} />\n    } else {\n      return <img src={SegmentCheckboxUnchecked} />\n    }\n  }\n\n  renderExpandedBox = (): React.ReactElement => {\n    if (this.isExpanded()) {\n      return <img src={CollapseLarge} alt='Collapse' />\n    } else {\n      return <img src={ExpandLarge} alt='Expand' />\n    }\n  }\n\n  familyOrSelectedFamily = (family: Family): Family => {\n    return this.selectedFamilies()?.find(sf => sf.id === family.id) ?? family\n  }\n\n  render (): React.ReactElement {\n    return (\n      <Focusable\n        clearFocus={() => this.props.setActiveCode(null)}\n        itemId={this.segment().id.toString()}\n        isActiveItem={this.props.isActiveCode}\n        isInActiveItemHierarchy={this.props.isInActiveCodeHierarchy}\n        expand={() => {\n          this.lazyLoadFamilies().then(() => this.expand()).catch(e => console.error(e))\n        }}\n      >\n        {({ Checkbox, Highlightable }) => {\n          return (\n            <div className='commodity-code-selector-item segment' ref={this.ref} data-testid={`code-${this.segment().code}`}>\n              <Highlightable>\n                <div className='grid-x grid-margin-x align-middle'>\n                  <div className='shrink cell'>\n                    <Checkbox\n                      handleSelect={this.handleSegmentSelect} /* eslint-disable-line react/jsx-handler-names */\n                      attributes={{\n                        'data-testid': `code-${this.segment().code}-checkbox`,\n                        'aria-labelledby': this.descriptionId(),\n                        'aria-checked': this.ariaChecked()\n                      }}\n                    >\n                      {this.renderCheckboxImage()}\n                    </Checkbox>\n                  </div>\n                  <div className='shrink cell'>\n                    <div className='code'>SEGMENT {this.segment().code}</div>\n                  </div>\n                  <div className='description auto cell'>\n                    <span id={`code-${this.segment().code}-description`} className='title'>{this.segment().item_description}</span>\n                  </div>\n                  <div className='expand-toggle shrink cell'>\n                    <button onClick={this.handleToggleSegment}>\n                      {this.renderExpandedBox()}\n                    </button>\n                  </div>\n                </div>\n              </Highlightable>\n              {this.isExpanded() ? <hr /> : null}\n              {this.isExpanded()\n                ? this.loadedFamilies().map(family =>\n                  <FamilySelector\n                    family={this.familyOrSelectedFamily(family)}\n                    key={family.code}\n                    expanded={this.state.expandedFamilyCode === family.code}\n                    setExpandedFamilyCode={this.setExpandedFamilyCode}\n                    onSelect={this.handleSelect}\n                    setActiveCode={this.props.setActiveCode}\n                    isActiveCode={this.props.isActiveCode}\n                    isInActiveCodeHierarchy={this.props.isInActiveCodeHierarchy}\n                    selectedCommodities={this.selectedTree(family)}\n                  />\n                )\n                : null}\n            </div>\n          )\n        }}\n      </Focusable>\n    )\n  }\n}\n\n(SegmentComponent as any).propTypes = {\n  segment: PropTypes.object.isRequired,\n  expanded: PropTypes.bool.isRequired,\n  selectedFamilies: PropTypes.array,\n  setActiveCode: PropTypes.func.isRequired,\n  setExpandedSegmentCode: PropTypes.func.isRequired,\n  isActiveCode: PropTypes.func.isRequired,\n  isInActiveCodeHierarchy: PropTypes.func.isRequired,\n  toggleSegmentSelected: PropTypes.func.isRequired,\n  updateSelectedSegment: PropTypes.func.isRequired,\n  selectSegment: PropTypes.func.isRequired,\n  deselectSegment: PropTypes.func.isRequired\n}\n\nexport default SegmentComponent\n","export default \"data:image/svg+xml,%3csvg%20width='10'%20height='11'%20viewBox='0%200%2010%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20%3e%3cpath%20d='M6.37695%205.375L9.54102%202.24023C9.7168%202.06445%209.7168%201.74219%209.54102%201.56641L8.80859%200.833984C8.63281%200.658203%208.31055%200.658203%208.13477%200.833984L5%203.99805L1.83594%200.833984C1.66016%200.658203%201.33789%200.658203%201.16211%200.833984L0.429688%201.56641C0.253906%201.74219%200.253906%202.06445%200.429688%202.24023L3.59375%205.375L0.429688%208.53906C0.253906%208.71484%200.253906%209.03711%200.429688%209.21289L1.16211%209.94531C1.33789%2010.1211%201.66016%2010.1211%201.83594%209.94531L5%206.78125L8.13477%209.94531C8.31055%2010.1211%208.63281%2010.1211%208.80859%209.94531L9.54102%209.21289C9.7168%209.03711%209.7168%208.71484%209.54102%208.53906L6.37695%205.375Z'%20fill='%238C9EAF'/%3e%3c/svg%3e\"","export default \"data:image/svg+xml,%3csvg%20width='10'%20height='27'%20viewBox='0%200%2010%2027'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20opacity='0.4'%20d='M1.04167%2023.625H8.95833C9.09513%2023.625%209.23058%2023.6523%209.35696%2023.7053C9.48334%2023.7583%209.59818%2023.836%209.6949%2023.9339C9.79163%2024.0318%209.86836%2024.1481%209.92071%2024.2761C9.97306%2024.404%2010%2024.5412%2010%2024.6797V25.9453C10%2026.0838%209.97306%2026.221%209.92071%2026.3489C9.86836%2026.4769%209.79163%2026.5932%209.6949%2026.6911C9.59818%2026.789%209.48334%2026.8667%209.35696%2026.9197C9.23058%2026.9727%209.09513%2027%208.95833%2027H1.04167C0.765399%2027%200.500448%2026.8889%200.305097%2026.6911C0.109747%2026.4933%200%2026.225%200%2025.9453L0%2024.6797C0%2024.4%200.109747%2024.1317%200.305097%2023.9339C0.500448%2023.7361%200.765399%2023.625%201.04167%2023.625Z'%20fill='%23546372'/%3e%3cpath%20d='M5%206.75C5.65927%206.75%206.30374%206.55206%206.8519%206.18121C7.40006%205.81036%207.82731%205.28326%208.0796%204.66656C8.33189%204.04986%208.3979%203.37126%208.26928%202.71657C8.14067%202.06189%207.8232%201.46052%207.35702%200.988516C6.89085%200.516514%206.2969%200.195076%205.6503%200.0648512C5.0037%20-0.0653739%204.33348%200.00146232%203.72439%200.256908C3.1153%200.512354%202.59471%200.944936%202.22843%201.49995C1.86216%202.05497%201.66667%202.70749%201.66667%203.375C1.66667%204.27011%202.01786%205.12855%202.64298%205.76149C3.2681%206.39442%204.11594%206.75%205%206.75ZM6.45833%2010.125H1.04167C0.765399%2010.125%200.500448%2010.2361%200.305097%2010.4339C0.109747%2010.6317%200%2010.9%200%2011.1797L0%2012.4453C0%2012.725%200.109747%2012.9933%200.305097%2013.1911C0.500448%2013.3889%200.765399%2013.5%201.04167%2013.5H2.5V23.625H7.5V11.1797C7.5%2010.9%207.39025%2010.6317%207.1949%2010.4339C6.99955%2010.2361%206.7346%2010.125%206.45833%2010.125Z'%20fill='%23546372'/%3e%3c/svg%3e\"","import PropTypes from 'prop-types'\n\nexport default PropTypes.shape({\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  code: PropTypes.string.isRequired,\n  item_description: PropTypes.string.isRequired,\n  hierarchy: PropTypes.string.isRequired\n})\n","import PropTypes from 'prop-types'\nimport CommodityClass from './commodity_class'\n\nexport default PropTypes.shape({\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  code: PropTypes.string.isRequired,\n  item_description: PropTypes.string.isRequired,\n  hierarchy: PropTypes.string.isRequired,\n  commodities: PropTypes.arrayOf(CommodityClass),\n  all_classes_selected: PropTypes.bool\n})\n","import PropTypes from 'prop-types'\nimport Family from './family'\n\nexport default PropTypes.shape({\n  id: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  code: PropTypes.string.isRequired,\n  item_description: PropTypes.string.isRequired,\n  hierarchy: PropTypes.string.isRequired,\n  families: PropTypes.arrayOf(Family),\n  all_families_selected: PropTypes.bool\n})\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { api } from 'components/api'\nimport { commodityCodesPath } from 'components/routes/api'\nimport Segment from './picker/Segment'\nimport CloseInfoBox from 'images/supplier_commodity_picker/close-info-box.svg'\nimport InfoI from 'images/supplier_commodity_picker/info-i.svg'\nimport SegmentShape from './prop_shapes/segment'\nimport FamilyShape from './prop_shapes/family'\nimport CommodityClassShape from './prop_shapes/commodity_class'\n\nclass Picker extends React.Component {\n  constructor (props) {\n    super(props)\n    this.abortController = new window.AbortController()\n    this.abortReason = 'Commodity Code Picker component failed fetch'\n    this.state = {\n      displayInfo: true,\n      expandedSegmentCode: null,\n      segments: []\n    }\n  }\n\n  componentDidMount () {\n    api.get({\n      url: commodityCodesPath(),\n      headers: {\n        Accept: 'application/json'\n      },\n      signal: this.abortController.signal\n    })\n      .then(response => {\n        this.setState({ segments: response.data })\n      })\n      .catch(({ name, config }) => {\n        if (name === 'CanceledError' && config?.signal?.reason === this.abortReason) { return }\n        console.error(`Error while fetching ${commodityCodesPath()}`)\n      })\n  }\n\n  componentWillUnmount () {\n    this.abortController.abort(this.abortReason)\n  }\n\n  handleCloseClick = () => this.setState({ displayInfo: false })\n\n  toggleSegmentSelected = segment => {\n    if (this.props.selectedSegments.find((selectedSegment) => selectedSegment.id === segment.id)) {\n      this.props.deselectSegment(segment)\n    } else {\n      this.props.selectSegment(segment)\n    }\n  }\n\n  setExpandedSegmentCode = code => {\n    this.setState({ expandedSegmentCode: code })\n  }\n\n  renderInfoBox = () => {\n    return this.state.displayInfo\n      ? (\n        <div id='unspsc-info' className='grid-x grid-padding-x'>\n          <div className='small-1 cell align-self-middle'>\n            <img src={InfoI} />\n          </div>\n          <div className='auto cell'>\n            <p>UNSPSC Codes are organized as a hierarchy: <strong>Segment &gt; Family &gt; Class</strong></p>\n            <p className='detail'>Example: Apparel and Luggage and Personal Care Products &gt; Clothing &gt; Uniforms. Make specific selections at the Class level or use the Family to select all Classes within that Family</p>\n          </div>\n          <div className='shrink cell'>\n            <button className='close' onClick={this.handleCloseClick}>\n              <img src={CloseInfoBox} />\n            </button>\n          </div>\n        </div>\n        )\n      : null\n  }\n\n  selectSegment = segment => {\n    this.props.updateSelectedSegment({\n      ...segment,\n      all_families_selected: true,\n      families: segment.families.map((family) => {\n        return { ...family, all_classes_selected: true }\n      })\n    })\n  }\n\n  deselectSegment = segment => {\n    this.props.removeSelectedSegment(segment)\n  }\n\n  selectedFamiliesFor = segment => {\n    const selectedSegment = this.props.selectedSegments.find(selectedSegment => selectedSegment.id === segment.id)\n\n    if (selectedSegment && selectedSegment.families && selectedSegment.families.length > 0) {\n      return selectedSegment.families\n    } else {\n      return []\n    }\n  }\n\n  segmentOrSelectedSegment = segment => {\n    return this.props.selectedSegments.find(selectedSegment => selectedSegment.id === segment.id) || segment\n  }\n\n  render () {\n    return (\n      <>\n        {this.renderInfoBox()}\n        <div id='picker' aria-label='Select commodity codes' key='commodity-code-picker'>\n          {this.state.segments.map(segment =>\n            <Segment\n              segment={this.segmentOrSelectedSegment(segment)}\n              key={segment.code}\n              setExpandedSegmentCode={this.setExpandedSegmentCode}\n              setActiveCode={this.props.setActiveCode}\n              isActiveCode={this.props.isActiveCode}\n              isInActiveCodeHierarchy={this.props.isInActiveCodeHierarchy}\n              expanded={this.state.expandedSegmentCode === segment.code}\n              selectedFamilies={this.selectedFamiliesFor(segment)}\n              toggleSegmentSelected={this.toggleSegmentSelected}\n              updateSelectedSegment={this.props.updateSelectedSegment}\n              selectSegment={this.selectSegment}\n              deselectSegment={this.deselectSegment}\n            />\n          )}\n        </div>\n      </>\n    )\n  }\n}\n\nexport default Picker\n\nPicker.propTypes = {\n  selectedSegments: PropTypes.arrayOf(SegmentShape).isRequired,\n  activeCode: PropTypes.oneOfType([SegmentShape, FamilyShape, CommodityClassShape]),\n  setActiveCode: PropTypes.func.isRequired\n}\n\nPicker.defaultProps = {\n  selectedSegments: [],\n  activeCode: null\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport SearchBar from './SearchBar'\nimport SelectedSegments from './SelectedSegments'\nimport Picker from './Picker'\nimport { api } from 'components/api'\nimport { supplierCommoditiesPath, supplierPagePath } from 'components/routes/path'\n\nclass Base extends React.Component {\n  constructor (props) {\n    super(props)\n\n    this.tooltipRef = React.createRef()\n    this.abortController = new window.AbortController()\n    this.abortReason = 'Commodity Code Picker base component fetch failed'\n    this.state = {\n      // activeCodeIds = array of ids of codes in hierarchy containing commodity code that is \"active\"\n      // (highlighted, has focus) due to having been selected in search or in the selected segments display.\n      // Ordered from highest to lowest level, e.g. [<segment_id>, <family_id>] or [<segment_id>, <family_id>, <class_id>]\n      activeCodeIds: [],\n      expandedSegmentId: null,\n      selectedSegments: [],\n      hasUnsavedChanges: false,\n      wasJustSaved: false\n    }\n  }\n\n  componentDidMount () {\n    document.addEventListener('mousedown', this.handleClickOutsideTooltip)\n    window.addEventListener('beforeunload', this.warnOfUnsavedChanges)\n    api.get({\n      url: supplierCommoditiesPath(this.props.supplierId),\n      headers: {\n        Accept: 'application/json'\n      },\n      signal: this.abortController.signal\n    })\n      .then((response) => {\n        this.setState({\n          selectedSegments: response.data\n        })\n      })\n      .catch(({ name, config }) => {\n        if (name === 'CanceledError' && config?.signal?.reason === this.abortReason) { return }\n        console.error(`Error while fetching ${supplierCommoditiesPath(this.props.supplierId)}`)\n      })\n  }\n\n  componentWillUnmount = () => {\n    document.removeEventListener('mousedown', this.handleClickOutsideTooltip)\n    window.removeEventListener('beforeunload', this.warnOfUnsavedChanges)\n    this.abortController.abort(this.abortReason)\n  }\n\n  handleClickOutsideTooltip = (event) => {\n    if (this.tooltipRef.current && !this.tooltipRef.current.contains(event.target)) {\n      $(this.tooltipRef.current).foundation('hide')\n    }\n  }\n\n  warnOfUnsavedChanges = (event) => {\n    if (!this.state.hasUnsavedChanges) { return }\n\n    event.preventDefault()\n    event.returnValue = 'Are you sure? Your changes have not been saved' // Returning some value is required for Chrome\n  }\n\n  renderTitle = () => (\n    <div className='content-area'>\n      <div className='grid-x'>\n        <div className='auto cell'>\n          <h3>Select Commodities</h3>\n        </div>\n        {/* TODO: create guided tour */}\n        {/* <div className='shrink cell'> */}\n        {/*  <a href='#'>Start Guided Tour</a> */}\n        {/* </div> */}\n      </div>\n      <p>Your commodities indicate what products and services your business provides to the government. This information is displayed on your business profile and is used to list your business in relevant search results to purchasers.</p>\n    </div>\n  )\n\n  updateSelectedSegment = segment => {\n    this.setState((prevState) => {\n      return {\n        selectedSegments: [\n          ...prevState.selectedSegments.filter((selectedSegment) => segment.id !== selectedSegment.id),\n          segment\n        ],\n        hasUnsavedChanges: true,\n        wasJustSaved: false\n      }\n    })\n  }\n\n  removeSelectedSegment = (segment) => {\n    this.setState((prevState) => {\n      return {\n        selectedSegments: prevState.selectedSegments.filter((selectedSegment) => selectedSegment.id !== segment.id),\n        hasUnsavedChanges: true,\n        wasJustSaved: false\n      }\n    })\n  }\n\n  expandSegment = ({ code }) => {\n    this.setState({\n      expandedSegmentCode: code\n    })\n  }\n\n  setActiveCode = (code) => {\n    const activeCodeIds = []\n\n    if (code) {\n      const { segment_id: segmentId, family_id: familyId, id } = code\n\n      if (segmentId) {\n        activeCodeIds.push(segmentId.toString())\n      }\n\n      if (familyId) {\n        activeCodeIds.push(familyId.toString())\n      }\n\n      activeCodeIds.push(id.toString())\n    }\n\n    this.setState({\n      activeCodeIds\n    })\n  }\n\n  isActiveCode = ({ id }) => {\n    const { activeCodeIds } = this.state\n    return activeCodeIds[activeCodeIds.length - 1] === id\n  }\n\n  isInActiveCodeHierarchy = ({ id }) => {\n    return this.state.activeCodeIds.includes(id)\n  }\n\n  handleSaveClick = () => {\n    this.props.handleSave(this.state.selectedSegments.flatMap(\n      (segment) => segment.families.flatMap((family) => family.commodities.flatMap(({ id }) => id))\n    ))\n\n    this.setState({\n      hasUnsavedChanges: false,\n      wasJustSaved: true\n    })\n  }\n\n  unspscTooltipTitle = () => {\n    return `\n      <div class=\"unspsc-tooltip-body\">\n        <h3 class=\"tooltip-heading\">UNSPSC Codes</h3>\n        <p>\n          UNSPSC (United Nations Standard Product and Services Code) is a global classification standard for products and services.\n        </p>\n        <p>\n          You can learn more about UNSPSC <a target=\"_blank\" href=\"https://en.wikipedia.org/wiki/UNSPSC\">here</a>.\n        </p>\n      </div>\n    `\n  }\n\n  render () {\n    return (\n      <div id='commodity-code-selection-page' className='grid-x'>\n        <div className='small-12 cell title-area'>\n          {this.renderTitle()}\n        </div>\n        <div className='small-12 cell body-area'>\n          <div className='content-area'>\n            <div className='grid-x grid-margin-x'>\n              <div className='small-12 medium-4 cell'>\n                <div className='left-sticky-content'>\n                  <div className='search-bar-header'>\n                    <h2>\n                      Search UNSPSC Codes\n                    </h2>\n                    <i\n                      className='far fa-question-circle unspsc-tooltip'\n                      title={this.unspscTooltipTitle()}\n                      role='tooltip'\n                      data-tooltip\n                      data-allow-html='true'\n                      data-position='top'\n                      data-disable-hover='true'\n                      data-allow-overlap='true'\n                      ref={this.tooltipRef}\n                    />\n                  </div>\n                  <SearchBar\n                    handleSearchResultClick={this.setActiveCode}\n                  />\n                  <SelectedSegments\n                    handleRemove={this.removeSelectedSegment}\n                    handleClick={this.setActiveCode}\n                    selectedSegments={this.state.selectedSegments}\n                  />\n                </div>\n              </div>\n              <div className='small-12 medium-8 cell commodity-code-picker-container'>\n                <Picker\n                  handleClick={this.addCommodityCode}\n                  setActiveCode={this.setActiveCode}\n                  isActiveCode={this.isActiveCode}\n                  isInActiveCodeHierarchy={this.isInActiveCodeHierarchy}\n                  selectedSegments={this.state.selectedSegments}\n                  updateSelectedSegment={this.updateSelectedSegment}\n                  removeSelectedSegment={this.removeSelectedSegment}\n                />\n              </div>\n            </div>\n          </div>\n          <div className='save-button-bar grid-x align-right align-middle'>\n            {\n              this.state.wasJustSaved &&\n                <span className='view-supplier-profile-text'>\n                  View updated commodities on your\n                  <a href={supplierPagePath(this.props.supplierId, { anchor: 'commodities-list-top' })}>\n                    <span className='link-text'>supplier profile</span> <i className='fal fa-arrow-right' />\n                  </a>\n                </span>\n            }\n            <button className='save-button button large' onClick={this.handleSaveClick} disabled={!this.state.hasUnsavedChanges}>\n              Save UNSPSC codes\n            </button>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default Base\n\nBase.propTypes = {\n  handleSave: PropTypes.func.isRequired,\n  supplierId: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n}\n","/* global successPanel, errorPanel */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport Base from './Base'\nimport { api } from 'components/api'\nimport { supplierCommoditiesPath } from 'components/routes/path'\n\nconst Wrapper = ({ supplierId }) => {\n  const headers = {\n    Accept: 'application/json'\n  }\n\n  return (\n    <Base\n      supplierId={supplierId}\n      handleSave={(commodityClassIds) => {\n        api.postWithCsrf({\n          url: supplierCommoditiesPath(supplierId),\n          headers,\n          data: {\n            ids: commodityClassIds\n          }\n        }).then((response) => {\n          if (response.status === 200) {\n            successPanel('UNSPSC selections saved')\n          } else {\n            errorPanel('There was an error saving your selections')\n          }\n        })\n      }}\n    />\n  )\n}\n\nWrapper.propTypes = {\n  supplierId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  csrfToken: PropTypes.string\n}\n\nexport default Wrapper\n","/* global errorPanel */\n\nimport React from 'react'\nimport { api } from 'components/api'\nimport { createImagePath, updateImagePath } from 'components/routes/api'\nimport Cropper from 'cropperjs'\n\nclass Form extends React.Component {\n  constructor (props) {\n    super(props)\n    this.state = {\n      file: null,\n      cropper: null\n    }\n\n    this.cropperRef = React.createRef()\n    this.imageRef = React.createRef()\n    this.saveRef = React.createRef()\n    this.containerRef = React.createRef()\n  }\n\n  sendBlob = (blob) => {\n    const formData = new FormData()\n    formData.append('file', blob, 'logo.jpg')\n\n    this.createNewImage(formData)\n  }\n\n  handleChange = (event) => {\n    this.setState({ file: event.target.files[0] })\n\n    const done = (url) => {\n      $(this.cropperRef.current)\n        .on('open.zf.reveal', () => {\n          const cropper = new Cropper(this.imageRef.current, {\n            aspectRatio: this.props.cropX / this.props.cropY,\n            viewMode: 1,\n            autoCropArea: 1\n          })\n\n          this.setState({ cropper })\n        })\n        .on('closed.zf.reveal', () => {\n          if (this.state.cropper) {\n            this.state.cropper.destroy()\n          }\n          this.setState({ file: null, cropper: null })\n          $(this.props.fileInputRef.current).val('')\n          $(this.cropperRef.current)\n            .off('open.zf.reveal')\n            .off('closed.zf.reveal')\n        })\n\n      $(this.saveRef.current).click(() => {\n        if (this.state.cropper) {\n          const canvas = this.state.cropper.getCroppedCanvas({\n            imageSmoothingQuality: 'high'\n          })\n          if (typeof canvas.toBlob !== 'undefined') {\n            canvas.toBlob((blob) => {\n              this.sendBlob(blob)\n            })\n          } else {\n            this.sendBlob(canvas.msToBlob())\n          }\n\n          $(this.containerRef)\n            .removeClass('image-absent')\n            .addClass('image-present')\n          $(this.containerRef)\n            .removeClass('image-absent')\n            .addClass('image-present')\n\n          $(this.cropperRef.current).foundation('close')\n        }\n      })\n      $(this.props.fileInputRef.current).val('')\n      $(this.imageRef.current).attr('src', url)\n\n      $(this.cropperRef.current).foundation()\n      $(this.cropperRef.current).foundation('open')\n    }\n\n    if (event.target.files[0]) {\n      if (FileReader) {\n        const reader = new FileReader()\n        reader.onload = () => {\n          done(reader.result)\n        }\n        reader.readAsDataURL(event.target.files[0])\n      }\n    }\n  }\n\n  handleSubmit = (event) => {\n    event.preventDefault()\n\n    if (this.state.file) {\n      const formData = new FormData()\n      formData.append('file', this.state.file, this.state.file.name)\n\n      this.props.imageId\n        ? this.updateExistingImage(formData)\n        : this.createNewImage(formData)\n    }\n  }\n\n  createNewImage = (formData) => {\n    api.postWithCsrf({\n      url: createImagePath(),\n      data: formData,\n      headers: {\n        'Content-Type': 'multipart/form-data'\n      }\n    })\n      .then((response) => {\n        const data = response.data\n        this.props.updateImage(data.imageId, data.imageUrl)\n      })\n      .catch(() => {\n        errorPanel(\n          'Image could not be added. Please try again or contact support@procurated.com'\n        )\n      })\n  }\n\n  updateExistingImage = (formData) => {\n    api.patchWithCsrf({\n      url: updateImagePath(this.props.imageId),\n      data: formData,\n      headers: {\n        'Content-Type': 'multipart/form-data'\n      }\n    })\n      .then((response) => {\n        const data = response.data\n        this.props.updateImage(data.imageId, data.imageUrl)\n      })\n      .catch(() => {\n        errorPanel(\n          'Image could not be updated. Please try again or contact support@procurated.com'\n        )\n      })\n  }\n\n  render () {\n    return (\n      <div>\n        <div className='reveal large vh-80' ref={this.cropperRef} data-reveal>\n          <div className='img-container'>\n            <img src='' ref={this.imageRef} className='vh-60' />\n          </div>\n\n          <div>\n            <hr />\n            <div className='space-between'>\n              <button\n                type='button'\n                className='button hollow large'\n                onClick={(e) => {\n                  $(this.cropperRef.current).foundation('close')\n                  this.props.handleCancelUpload(e)\n                  $(this.props.fileInputRef.current).val('')\n                  $(this.imageRef.current).attr('src', '')\n                }}\n              >\n                Cancel\n              </button>\n              <button type='button' className='button large' ref={this.saveRef}>\n                Crop\n              </button>\n            </div>\n          </div>\n        </div>\n\n        <div />\n        <div className='grid-x grid-margin-x' ref={this.containerRef}>\n          <div className='small-12 cell'>\n            <form id='image-upload-form'>\n              <input\n                type='file'\n                accept='image/*'\n                multiple={false}\n                onChange={(e) => this.handleChange(e)}\n                ref={this.props.fileInputRef}\n                className='hide'\n              />\n            </form>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n\nexport default Form\n","/* global errorPanel */\n\nimport React from 'react'\nimport { addCsrfHeader, api } from 'components/api'\nimport { updateImagePath } from 'components/routes/api'\nimport Form from './Form'\nimport PropTypes from 'prop-types'\n\nclass Uploader extends React.Component {\n  constructor (props) {\n    super(props)\n\n    this.fileInputRef = React.createRef()\n\n    this.state = {\n      imageUrl: '',\n      imageId: null\n    }\n  }\n\n  componentDidMount () {\n    this.setState({\n      imageUrl: this.props.imageUrl,\n      imageId: this.props.imageId\n    })\n  }\n\n  hasImage = () => {\n    return !!this.state.imageId\n  }\n\n  invokeCallback = (imageId) => window[this.props.setImageCallback](imageId)\n\n  handleRemove = (event) => {\n    event.preventDefault()\n    const baseHeaders = { 'Content-Type': 'application/json' }\n    const request = {\n      url: updateImagePath(this.state.imageId),\n      headers: addCsrfHeader(baseHeaders, document)\n    }\n\n    api.delete(request)\n      .then(() => {\n        this.setState({\n          imageId: null,\n          imageUrl: ''\n        })\n        this.invokeCallback(null)\n      })\n      .catch(() => {\n        errorPanel(\n          'Image could not be deleted. Please try again or contact support@procurated.com'\n        )\n      })\n  }\n\n  handleChange = (event) => {\n    event.preventDefault()\n\n    this.fileInputRef.current.click()\n  }\n\n  updateImage = (imageId, imageUrl) => {\n    this.setState({\n      imageId,\n      imageUrl\n    })\n    this.invokeCallback(imageId)\n  }\n\n  renderUploader = () => (\n    <>\n      <div className='grid-x' data-testid='image-uploader'>\n        <div className='small-12 cell'>\n          <img\n            alt='image placeholder'\n            src={this.props.placeholderImage}\n            style={{ width: '100%' }}\n            onClick={(e) => this.handleChange(e)}\n            className='image-placeholder'\n          />\n        </div>\n      </div>\n      <div className='grid-x'>\n        <div className='small-12 medium-auto cell'>\n          <button onClick={(e) => this.handleChange(e)}>Upload Image</button>\n        </div>\n        <div className='small-12 medium-shrink cell'>\n          {this.props.requirements}\n        </div>\n      </div>\n    </>\n  )\n\n  renderLoaded = () => (\n    <>\n      <div className='grid-x'>\n        <div className='small-12 cell'>\n          <img alt='article image' src={this.state.imageUrl} />\n        </div>\n      </div>\n\n      <div className='grid-x grid-margin-x controls'>\n        <div className='small-12 medium-shrink cell'>\n          <button onClick={(e) => this.handleRemove(e)}>Remove Image</button>\n        </div>\n        <div className='small-12 medium-shrink cell'>\n          <button onClick={(e) => this.handleChange(e)}>Change Image</button>\n        </div>\n      </div>\n    </>\n  )\n\n  renderInitial = () =>\n    this.hasImage() ? this.renderLoaded() : this.renderUploader()\n\n  handleCancelUpload = (event) => {\n    event.preventDefault()\n    this.setState({\n      imageUrl: '',\n      imageId: null\n    })\n  }\n\n  render () {\n    return (\n      <div className='react-image-uploader'>\n        <div>\n          <Form\n            updateImage={this.updateImage}\n            imageId={this.state.imageId}\n            handleCancelUpload={(e) => this.handleCancelUpload(e)}\n            imageUrl={this.state.imageUrl}\n            cropX={this.props.cropX}\n            cropY={this.props.cropY}\n            fileInputRef={this.fileInputRef}\n          />\n        </div>\n        <div>{this.renderInitial()}</div>\n      </div>\n    )\n  }\n}\n\nUploader.propTypes = {\n  cropX: PropTypes.number,\n  cropY: PropTypes.number,\n  imageId: PropTypes.number,\n  imageUrl: PropTypes.string,\n  placeholderImage: PropTypes.string,\n  requirements: PropTypes.string,\n  setImageCallback: PropTypes.string,\n  title: PropTypes.string\n}\n\nexport default Uploader\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport SearchResultShape from 'components/search/prop_shapes/api_v2_supplier_result'\nimport { debounce } from 'lodash-es'\nimport { api } from 'components/api'\nimport { reviewMicroUpdatePath } from 'components/routes/path'\nimport SharedSupplierSearch from 'components/search/SharedSupplierSearch'\nimport SearchIcon from 'components/search/SearchIcon'\n\nconst RemoveButton = ({ onDismiss }) => (\n  <button className='remove' aria-label='Remove' onClick={onDismiss}>\n    <i className='fas fa-times' />\n  </button>\n)\n\nRemoveButton.propTypes = {\n  onDismiss: PropTypes.func\n}\n\n// Renders a styled dismissable supplier name to be used for the review\nconst SupplierNameForReview = ({ supplierName, onDismiss }) => (\n  <div className='input-group-search'>\n    <SearchIcon />\n    <div className='input-group-field review-supplier-selected-name'>\n      <div className='selection'>\n        <div className='name'>\n          {supplierName}\n        </div>\n\n        <RemoveButton onDismiss={onDismiss} />\n      </div>\n    </div>\n  </div>\n)\n\nSupplierNameForReview.propTypes = {\n  supplierName: PropTypes.string,\n  onDismiss: PropTypes.func\n}\n\nconst EmptyInput = () => null\n\n// Clickable component for creating a new supplier for the review\nconst CreateSupplier = ({ supplierName, handleMouseDown, hidden }) => {\n  if (hidden) { return null }\n  return (\n    <div\n      className='create-supplier search-result clearfix'\n      key='create-supplier'\n      onMouseDown={handleMouseDown}\n    >\n      <div className='new-supplier-name'>{supplierName}</div>\n      <div className='float-left'>Create a business with this name &rarr;</div>\n      <div className='float-right'>\n        <i className='fas fa-plus' />\n      </div>\n    </div>\n  )\n}\n\nCreateSupplier.propTypes = {\n  supplierName: PropTypes.string.isRequired,\n  handleMouseDown: PropTypes.func.isRequired,\n  hidden: PropTypes.bool\n}\n\nconst SearchResult = ({ result, handleMouseDown }) => (\n  <div\n    className='search-result'\n    key={result.id}\n    id={`supplier-search-${result.id}`}\n    onMouseDown={handleMouseDown}\n  >\n    <div className='name'>{result.name}</div>\n    <div>{result.location}</div>\n  </div>\n)\n\nSearchResult.propTypes = {\n  result: SearchResultShape.isRequired,\n  handleMouseDown: PropTypes.func\n}\n\nconst SearchResults = ({\n  searchResults, supplierName, handleSearchResult, handleSupplierName\n}) => (\n  <div className='search-results show'>\n    <CreateSupplier\n      supplierName={supplierName}\n      handleMouseDown={handleSupplierName(supplierName)}\n      hidden={(supplierName.length < 3)}\n    />\n    {\n      (searchResults || []).map(result => (\n        <SearchResult\n          key={result.id}\n          result={result}\n          handleMouseDown={handleSearchResult(result)}\n        />\n      ))\n    }\n  </div>\n)\n\nSearchResults.propTypes = {\n  searchResults: PropTypes.arrayOf(SearchResultShape).isRequired,\n  supplierName: PropTypes.string.isRequired,\n  handleSearchResult: PropTypes.func.isRequired,\n  handleSupplierName: PropTypes.func.isRequired\n}\n\n// Higher order component to inject the appropriate handlers into the SearchResults component\n// rendered by the SupplierSearchShared component\nconst searchResultsWithHandlers = (handleSearchResult, handleSupplierName) =>\n  ({ searchResults, supplierName }) =>\n    SearchResults({ searchResults, supplierName, handleSearchResult, handleSupplierName })\n\n// poor man's enum\nconst SearchInputBehavior = {\n  search: 'search',\n  supplierName: 'supplierName',\n  empty: 'empty'\n}\n\nclass SearchSuppliers extends React.Component {\n  constructor (props) {\n    super(props)\n    this.state = {\n      supplierName: props.supplierName,\n      supplierId: props.supplierId,\n      searchInputBehavior: props.supplierName ? SearchInputBehavior.supplierName : SearchInputBehavior.search\n    }\n  }\n\n  saveTemporarySupplierName = (supplierName) => {\n    const data = { review: { flex: { temp_supplier_name: supplierName } } }\n    this.microUpdate(data)\n  }\n\n  debouncedSaveTemporarySupplierName = debounce(this.saveTemporarySupplierName, 300)\n\n  microUpdate = async (data) => {\n    const res = await api.patchWithCsrf({ url: reviewMicroUpdatePath(this.props.reviewId), data })\n    this.updateDOMForContractSelection(res.data)\n  }\n\n  // This method updates a hidden DOM element with the chosen supplier and the contract vehicles on which the supplier is listed.\n  // The SelectContract component requires this information to function correctly i.e. allow the user to only select a contract on which the supplier is listed.\n  updateDOMForContractSelection = (data) => {\n    $('#chosen-supplier-data').data({ supplier: data.supplier, contractVehicles: data.contract_vehicles })\n    $('#chosen-supplier-data').attr('supplier', data.supplier || 'none') // triggers MutationListener\n  }\n\n  handleSearchResult = result => event => this.selectSupplier(event, result.id, result.name)\n\n  handleSupplierName = supplierName => {\n    this.debouncedSaveTemporarySupplierName(supplierName)\n    return event =>\n      this.setState({ supplierName, searchInputBehavior: SearchInputBehavior.supplierName })\n  }\n\n  selectSupplier = (event, supplierId, supplierName) => {\n    this.setState({\n      supplierId,\n      supplierName,\n      searchInputBehavior: SearchInputBehavior.supplierName\n    })\n\n    const data = {\n      review: {\n        supplier_id: supplierId,\n        flex: {\n          temp_supplier_name: supplierName\n        }\n      }\n    }\n    this.microUpdate(data)\n  }\n\n  handleRemoveSupplier = () => {\n    this.setState({ supplierId: '', searchInputBehavior: SearchInputBehavior.search })\n    const data = { review: { supplier_id: '' } }\n    this.microUpdate(data)\n  }\n\n  // Components that can be in the search input container\n  // Note: Must be a function returning an object, a static object could result in stale state.\n  searchInputOptions = () => ({\n    [SearchInputBehavior.supplierName]: (\n      <SupplierNameForReview\n        supplierName={this.state.supplierName}\n        onDismiss={this.handleRemoveSupplier}\n      />\n    ),\n    [SearchInputBehavior.search]: (\n      <SharedSupplierSearch\n        SearchResultsComponent={searchResultsWithHandlers(\n          this.handleSearchResult,\n          this.handleSupplierName\n        )}\n      />\n    ),\n    [SearchInputBehavior.empty]: (\n      <SharedSupplierSearch\n        SearchResultsComponent={EmptyInput}\n      />\n    )\n  })\n\n  handleBlur = () => {\n    if (this.state.searchInputBehavior !== SearchInputBehavior.supplierName) {\n      this.setState({ searchInputBehavior: SearchInputBehavior.empty })\n    }\n  }\n\n  handleFocus = () => {\n    if (this.state.searchInputBehavior !== SearchInputBehavior.supplierName) {\n      this.setState({ searchInputBehavior: SearchInputBehavior.search })\n    }\n  }\n\n  render () {\n    return (\n      <div className='supplier-search'>\n        <label\n          className='select optional disabled sub-header'\n          htmlFor='supplier-input'\n        >\n          Supplier Business Name\n        </label>\n\n        <div onBlur={this.handleBlur} onFocus={this.handleFocus}>\n          {this.searchInputOptions()[this.state.searchInputBehavior]}\n        </div>\n\n        <input type='hidden' name='review[supplier_id]' value={this.state.supplierId} />\n        <input type='hidden' name='review[flex][temp_supplier_name]' value={this.state.supplierName} />\n      </div>\n    )\n  }\n}\n\nSearchSuppliers.propTypes = {\n  supplierName: PropTypes.string,\n  supplierId: PropTypes.string,\n  reviewId: PropTypes.number\n}\n\nexport default SearchSuppliers\n","import { ChangeEventHandler, createContext } from 'react'\nimport type { VehicleSelectItemShape } from './VehicleSelectItemShape'\n\ninterface FormContextShape {\n  baseUrl: string\n  contractId: string\n  vehicleId: string\n  shouldShare: boolean\n  handleContractChange?: ChangeEventHandler<HTMLSelectElement>\n  handleVehicleChange?: ChangeEventHandler<HTMLSelectElement>\n  handleShareChange?: ChangeEventHandler<HTMLInputElement>\n  selectOptions: VehicleSelectItemShape[]\n}\n\nexport const FormContext = createContext<FormContextShape>(\n  { baseUrl: '', contractId: '', vehicleId: '', shouldShare: false, selectOptions: [] }\n)\n\nexport type { FormContextShape }\n","export const generateUrl = (baseUrl: string, contractId: string, vehicleId: string, shouldShare: boolean): string => {\n  const contractParam = contractId.length > 0 ? `contract_id=${contractId}` : null\n  const contractVehicleParam = vehicleId.length > 0 ? `contract_vehicle_id=${vehicleId}` : null\n  const shareParam = shouldShare ? 'share_with_supplier=true' : null\n\n  const allParams = [contractParam, contractVehicleParam, shareParam].filter(Boolean)\n\n  const paramLength = allParams.join('').length\n  const queryParams = paramLength > 0 ? `?${allParams.join('&')}` : ''\n\n  return `${baseUrl}${queryParams}`\n}\n","import React, { useState } from 'react'\n\ninterface SelectItem {\n  id: string\n  name: string\n}\n\ninterface SelectItemsProps {\n  id: string\n  items: SelectItem[]\n  onChange?: React.ChangeEventHandler<HTMLSelectElement>\n}\n\nexport const SelectItems: React.FC<SelectItemsProps> = ({ id, items, onChange }) => {\n  const [value, setValue] = useState('')\n  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    setValue(e.target.value)\n    if (onChange != null) {\n      onChange(e)\n    }\n  }\n\n  return (\n    <select id={id} onChange={handleChange} value={value}>\n      {items.map(item => <option key={item.id} value={item.id}>{item.name}</option>)}\n    </select>\n  )\n}\n\nexport type { SelectItem }\n","import React from 'react'\nimport { SelectItems } from './SelectItems'\nimport type { SelectItem } from './SelectItems'\n\ninterface DropdownProps {\n  id: string\n  label?: string\n  items: SelectItem[]\n  onChange?: React.ChangeEventHandler<HTMLSelectElement>\n}\n\nexport const Dropdown: React.FC<DropdownProps> = ({ id, label, items, onChange }) => {\n  return (\n    <div className='dropdown'>\n      <label>\n        {label}\n        <SelectItems id={id} items={items} onChange={onChange} />\n      </label>\n    </div>\n  )\n}\n","import React, { useContext } from 'react'\nimport { Dropdown } from 'components/common/dropdown'\nimport type { SelectItem } from 'components/common/dropdown'\nimport { FormContext } from './FormContext'\nimport { VehicleSelectItemShape } from './VehicleSelectItemShape'\n\ntype GeneralSelectItems = SelectItem[] | VehicleSelectItemShape[]\nconst addBlankOption = (options: GeneralSelectItems): GeneralSelectItems => [{ id: '', name: '' }, ...options]\n\nconst contractsFromVehicleId = (vehicleId: string, vehicleOptions: VehicleSelectItemShape[]): SelectItem[] => {\n  const vehicleOptionFromId = vehicleOptions.find(vehicleOption => vehicleId === vehicleOption.id)\n  return vehicleOptionFromId?.contracts ?? []\n}\n\n/**\n * How it works\n * The vehicleId from Context will filter the contractOptions\n * It is up to the change handlers to update the context to the new vehicleId to display contracts from that new vehicle\n * A change in vehicleId will re-render with the updated contract options.\n */\nexport const ContractAndVehicleSelectForm: React.FC = () => {\n  const { vehicleId, handleVehicleChange, handleContractChange, selectOptions } = useContext(FormContext)\n\n  const contractOptions = addBlankOption(contractsFromVehicleId(vehicleId, selectOptions))\n\n  return (\n    <form>\n      <Dropdown label='Select Contract Vehicle' id='supplier_contract_vehicles' items={selectOptions} onChange={handleVehicleChange} />\n      <Dropdown label='Select Contract' id='supplier_contracts' items={contractOptions} onChange={handleContractChange} key={vehicleId} />\n    </form>\n  )\n}\n","import React from 'react'\nimport { ContractAndVehicleSelectForm } from './ContractAndVechicleSelectForm'\n\ninterface ContractAndVehicleSectionProps {\n  description: string\n}\nexport const ContractAndVehicleSection: React.FC<ContractAndVehicleSectionProps> = ({ description }) => {\n  return (\n    <div id='contract-section'>\n      <p>{description}</p>\n      <ContractAndVehicleSelectForm />\n    </div>\n  )\n}\n","import React from 'react'\n\ninterface PreviewProps {\n  url: string\n}\n\nexport const Preview: React.FC<PreviewProps> = ({ url }) => {\n  return (\n    <a\n      id='preview-link' className='button url-action' target='_blank' data-method='get'\n      href={url}\n      rel='noreferrer'\n    >\n      PREVIEW\n    </a>\n  )\n}\n","import React from 'react'\n\ninterface SectionHeaderProps {\n  title: string\n  children: React.ReactNode\n}\nexport const SectionHeader: React.FC<SectionHeaderProps> = ({ title, children }) => (\n  <div>\n    <h2 className='review-collection-heading'>{title}</h2>\n    {children}\n  </div>\n)\n","import React, { useContext } from 'react'\nimport { FormContext } from './FormContext'\nimport Tooltip from 'components/common/tooltip/Tooltip'\n\ninterface SharingSectionProps {\n  checkboxLabel: string\n  tooltip: string\n}\n\nexport const SharingSection: React.FC<SharingSectionProps> = ({ checkboxLabel, tooltip }) => {\n  const { shouldShare, handleShareChange } = useContext(FormContext)\n\n  const wrappedServerHtml = { __html: tooltip }\n  // The old foundation tooltip would accept html markup as text\n  // The new floating-ui tooltip requires regular markup so we need to convert the\n  // text with embedded html from the server to actual markup.\n  const tooltipContent = <div dangerouslySetInnerHTML={wrappedServerHtml} />\n  const anchor = <span className='far fa-info-circle' />\n\n  return (\n    <div id='default_sharing_settings'>\n      <div className='with-tooltip'>\n        <span>Default Sharing Settings </span>\n        <Tooltip anchor={anchor} content={tooltipContent} placement='right' />\n      </div>\n      <label className='checkbox-label'>\n        <input\n          type='checkbox' name='share_with_supplier' id='share_with_supplier'\n          checked={shouldShare}\n          onChange={handleShareChange}\n        />\n        <span>{checkboxLabel}</span>\n      </label>\n    </div>\n  )\n}\n","import PropTypes from 'prop-types'\nimport React from 'react'\nimport { CopyButton } from 'components/common/clipboard/CopyButton'\n\nconst CopyUrlPropTypes = {\n  url: PropTypes.string.isRequired\n}\n\ntype CopyUrlProps = PropTypes.InferProps<typeof CopyUrlPropTypes>\n\nexport const CopyUrl: React.FC<CopyUrlProps> = ({ url }) => {\n  return (\n    <CopyButton buttonLabel='COPY URL' copyText={url} className='url-action' />\n  )\n}\n","import React, { useContext, useState } from 'react'\nimport { FormContext } from './FormContext'\nimport { generateUrl } from './generateUrl'\nimport { Preview } from './Preview'\nimport { CopyUrl } from './CopyUrl'\n\ninterface UrlGenerationSectionProps {\n  urlButtonText: string\n  urlFormLabel: string\n}\nexport const UrlGenerationSection: React.FC<UrlGenerationSectionProps> = ({ urlButtonText, urlFormLabel }) => {\n  const { baseUrl, contractId, vehicleId, shouldShare } = useContext(FormContext)\n  const [visibilityClass, setVisibilityClass] = useState('hidden')\n  const url = generateUrl(baseUrl, contractId, vehicleId, shouldShare)\n\n  return (\n    <div id='custom-url'>\n      <div id='generate-url-button'>\n        <button className='post-button' onClick={() => setVisibilityClass('')}>{urlButtonText}</button>\n      </div>\n      <div id='custom-generated-url' className={visibilityClass}>\n        <div>\n          <label>{urlFormLabel}</label>\n        </div>\n        <div>\n          <div id='generated-url-container'>\n            <p id='generated-url'>{url}</p>\n            <Preview url={url} />\n            <CopyUrl url={url} />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React, { ChangeEventHandler, useState } from 'react'\nimport {\n  FormContext,\n  ContractAndVehicleSection, SectionHeader, SharingSection, UrlGenerationSection\n} from './supplier_review_link_form'\nimport { FormContextShape } from './supplier_review_link_form/FormContext'\n\ninterface SupplierReviewLinkFormProps {\n  baseUrl: string\n  selectOptions: FormContextShape['selectOptions']\n  sharingTooltip: string\n}\nexport const SupplierReviewLinkForm: React.FC<SupplierReviewLinkFormProps> = (\n  { baseUrl, selectOptions, sharingTooltip }\n) => {\n  const [vehicleId, setVehicleId] = useState('')\n  const [contractId, setContractId] = useState('')\n  const [shouldShare, setShouldShare] = useState(false)\n\n  const handleVehicleChange: ChangeEventHandler<HTMLSelectElement> = (e) => {\n    setVehicleId(e.target.value)\n    setContractId('')\n  }\n\n  const handleContractChange: ChangeEventHandler<HTMLSelectElement> = (e) => {\n    setContractId(e.target.value)\n  }\n\n  const handleShareChange: ChangeEventHandler<HTMLInputElement> = () => {\n    setShouldShare(!shouldShare)\n  }\n\n  const formContext = {\n    baseUrl,\n    contractId,\n    vehicleId,\n    shouldShare,\n    handleContractChange,\n    handleVehicleChange,\n    handleShareChange,\n    selectOptions\n  }\n\n  return (\n    <FormContext.Provider value={formContext}>\n      <section className='review-collection-section'>\n        <div id='custom-review-form'>\n          <SectionHeader title='Customized Review Form'>\n            <p>Using this tool, you can customize the information collected on your company review form.</p>\n          </SectionHeader>\n\n          <ContractAndVehicleSection\n            description=\"Select any Contract Information you'd like pre-populated on the review form:\"\n          />\n\n          <SharingSection\n            checkboxLabel=\"I'd like reviews submitted via this form to be shared with me by default\"\n            tooltip={sharingTooltip}\n          />\n\n          <UrlGenerationSection\n            urlButtonText='SHOW URL'\n            urlFormLabel=\"Your campaign's review form URL\"\n          />\n        </div>\n      </section>\n    </FormContext.Provider>\n  )\n}\n\nexport default SupplierReviewLinkForm\n","// Entry point for most pages. Includes all React components except those that have their own packs.\n// When you add a top-level React component to a page that uses this pack, add it to `components`.\nimport LinkedAuthedUserConfirmationModal from 'components/authentication_modals/LinkAuthedUserConfirmationModal'\nimport LockedModal from 'components/authentication_modals/LockedModal'\nimport SignInModal from 'components/authentication_modals/SignInModal'\nimport SignUpModal from 'components/authentication_modals/SignUpModal'\nimport UnknownReviewerConfirmationModal from 'components/authentication_modals/UnknownReviewerConfirmationModal'\nimport Wrapper from 'components/commodity_code_picker/Wrapper'\nimport Uploader from 'components/image_uploader/Uploader'\nimport SelectContract from 'components/review_contracts/SelectContract'\nimport ReviewTiles from 'components/review_tiles/ReviewTiles'\nimport UnauthedSupplierSearch from 'components/search/UnauthedSupplierSearch'\nimport Search from 'components/supplier_onboarding/search'\nimport Page from 'components/supplier_search/Page'\nimport TiledListItems from 'components/supplier_show/TiledListItems'\nimport SearchSuppliers from 'components/SearchSuppliers'\nimport SupplierReviewLinkForm from 'components/supplier_onboarding/SupplierReviewLinkForm'\nimport ReactRailsUJS from 'react_ujs'\n\n/**\n * Table of all the components needed in this pack. To add a component, put the string you pass into\n * `react-rails` on the left hand side, and a `require` statement for the component on the right.\n */\nconst components = {\n  'authentication_modals/LinkAuthedUserConfirmationModal': LinkedAuthedUserConfirmationModal,\n  'authentication_modals/LockedModal': LockedModal,\n  'authentication_modals/SignInModal': SignInModal,\n  'authentication_modals/SignUpModal': SignUpModal,\n  'authentication_modals/UnknownReviewerConfirmationModal': UnknownReviewerConfirmationModal,\n  'commodity_code_picker/Wrapper': Wrapper,\n  'image_uploader/Uploader': Uploader,\n  'review_contracts/SelectContract': SelectContract,\n  'review_tiles/ReviewTiles': ReviewTiles,\n  'search/UnauthedSupplierSearch': UnauthedSupplierSearch,\n  'supplier_onboarding/search': Search,\n  'supplier_onboarding/SupplierReviewLinkForm': SupplierReviewLinkForm,\n  'supplier_search/Page': Page,\n  'supplier_show/TiledListItems': TiledListItems,\n  SearchSuppliers\n}\n\n/**\n * Mocks the context function returned from `require.context`. The context function takes\n * in a string and returns the module. The string in this case is what's passed into the\n * `react_component` helper. For some reason, `react-rails` prepends the string sometimes\n * with a relative path (starting with \"./\")`, so we remove that here. Then we just return\n * a function from our table above.\n * @param fileToImport {String}\n * @returns {*}\n */\nfunction componentLoadPathContext (fileToImport) {\n  return components[fileToImport.replace(/^\\.\\//, '')]\n}\n\nReactRailsUJS.useContext(componentLoadPathContext)\n"],"names":["LinkAuthedUserConfirmationModal","React","props","close","currentPage","isRevealed","advanceToPage","jsx","EnterPassword","EnterCode","SetPassword","UserConfirmationModal","PropTypes","UnknownReviewerConfirmationModal","userStatus","userType","nextPage","form","email","userId","api","reviewAssociateUserPath","reviewRecordEmailPath","goBackToPreviousPage","reviewId","EnterEmail","data","jsxs","Fragment","SignUpPage1","SignUpPage2","InvalidEmail","SearchBar","response","commodityCodeSearchPath","searchResults","event","text","regex","matchResults","prematch","match","postmatch","hierarchy","code","itemDescription","hierarchyTagText","searchResult","SelectedSegments","handleClick","handleRemove","selectedSegments","a","b","segment","familiesCount","classesCount","count","family","commodityCount","pluralize","ArrowDownRight","CheckboxSelected","CheckboxUnchecked","_Focusable","itemId","isActiveItem","isInActiveItemHierarchy","expand","rect","handleSelect","attributes","children","Focusable","CommodityClass","Checkbox","Highlightable","CheckboxPartialSelected","CollapseSmall","ExpandSmall","FamilyComponent","e","commodityCodePath","selectedCommodities","commodity","updatedFamily","selectedCommodity","loadedCommodities","SegmentCheckboxUnchecked","CollapseLarge","ExpandLarge","SegmentComponent","shouldRemove","updatedSegment","selectedFamilies","selectedFamily","ref","topNav","headerOffset","treeFamily","sf","FamilySelector","CloseInfoBox","InfoI","CommodityClassShape","FamilyShape","SegmentShape","Family","Picker","commodityCodesPath","name","config","selectedSegment","Segment","Base","supplierCommoditiesPath","prevState","activeCodeIds","segmentId","familyId","id","supplierPagePath","Wrapper","supplierId","headers","commodityClassIds","Form","blob","formData","done","url","cropper","Cropper","canvas","reader","createImagePath","updateImagePath","Uploader","imageId","baseHeaders","request","addCsrfHeader","imageUrl","RemoveButton","onDismiss","SupplierNameForReview","supplierName","SearchIcon","EmptyInput","CreateSupplier","handleMouseDown","hidden","SearchResult","result","SearchResultShape","SearchResults","handleSearchResult","handleSupplierName","searchResultsWithHandlers","SearchInputBehavior","SearchSuppliers","debounce","res","reviewMicroUpdatePath","SharedSupplierSearch","FormContext","createContext","generateUrl","baseUrl","contractId","vehicleId","shouldShare","contractParam","contractVehicleParam","allParams","queryParams","SelectItems","items","onChange","value","setValue","useState","handleChange","item","Dropdown","label","addBlankOption","options","contractsFromVehicleId","vehicleOptions","vehicleOption","ContractAndVehicleSelectForm","handleVehicleChange","handleContractChange","selectOptions","useContext","contractOptions","ContractAndVehicleSection","description","Preview","SectionHeader","title","SharingSection","checkboxLabel","tooltip","handleShareChange","wrappedServerHtml","tooltipContent","anchor","Tooltip","CopyUrl","CopyButton","UrlGenerationSection","urlButtonText","urlFormLabel","visibilityClass","setVisibilityClass","SupplierReviewLinkForm","sharingTooltip","setVehicleId","setContractId","setShouldShare","formContext","components","LinkedAuthedUserConfirmationModal","LockedModal","SignInModal","SignUpModal","SelectContract","ReviewTiles","UnauthedSupplierSearch","Search","Page","TiledListItems","componentLoadPathContext","fileToImport","ReactRailsUJS"],"mappings":"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"}