All files / modules/75-cd/modals/CDTrial useCDTrialModal.tsx

92.86% Statements 26/28
0% Branches 0/4
85.71% Functions 6/7
92.31% Lines 24/26

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71              4x 4x 4x   4x   4x 4x   4x 4x 4x           4x 12x 12x             4x 12x             12x     4x 6x             4x 1x     4x 17x 5x       5x     17x          
/*
 * Copyright 2021 Harness Inc. All rights reserved.
 * Use of this source code is governed by the PolyForm Shield 1.0.0 license
 * that can be found in the licenses directory at the root of this repository, also available at
 * https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
 */
 
import React from 'react'
import { Dialog } from '@wings-software/uicore'
import { useModalHook } from '@harness/use-modal'
 
import cx from 'classnames'
 
import { TrialModalTemplate } from '@pipeline/components/TrialModalTemplate/TrialModalTemplate'
import { isCDCommunity, useLicenseStore } from 'framework/LicenseStore/LicenseStoreContext'
import type { UseTrialModalProps, UseTrialModalReturns } from '@pipeline/components/TrialModalTemplate/trialModalUtils'
import { useGetFormPropsByTrialType } from '@pipeline/components/TrialModalTemplate/trialModalUtils'
import cdImage from '../images/cd.png'
import css from './useCDTrialModal.module.scss'
 
interface CDTrialTemplateData {
  children: React.ReactElement
}
 
const CDTrialTemplate: React.FC<CDTrialTemplateData> = ({ children }) => {
  const { licenseInformation } = useLicenseStore()
  return (
    <TrialModalTemplate imgSrc={cdImage} hideTrialBadge={isCDCommunity(licenseInformation)}>
      {children}
    </TrialModalTemplate>
  )
}
 
const CDTrial: React.FC<UseTrialModalProps> = ({ trialType, actionProps, onCloseModal }) => {
  const { child } = useGetFormPropsByTrialType({
    trialType,
    actionProps,
    module: 'cd',
    onCloseModal
  })
 
  return <CDTrialTemplate>{child}</CDTrialTemplate>
}
 
const CDTrialDialog = ({ actionProps, trialType, onCloseModal }: UseTrialModalProps): React.ReactElement => {
  return (
    <Dialog isOpen={true} enforceFocus={false} onClose={onCloseModal} className={cx(css.dialog, css.cdTrial)}>
      <CDTrial trialType={trialType} actionProps={actionProps} onCloseModal={onCloseModal} />
    </Dialog>
  )
}
 
export const getCDTrialDialog = ({ actionProps, trialType, onCloseModal }: UseTrialModalProps): React.ReactElement => (
  <CDTrialDialog actionProps={actionProps} trialType={trialType} onCloseModal={onCloseModal} />
)
 
export const useCDTrialModal = ({ actionProps, trialType, onCloseModal }: UseTrialModalProps): UseTrialModalReturns => {
  const [showModal, hideModal] = useModalHook(() => {
    const onClose = (): void => {
      onCloseModal?.()
      hideModal()
    }
    return <CDTrialDialog actionProps={actionProps} trialType={trialType} onCloseModal={onClose} />
  }, [])
 
  return {
    openTrialModal: showModal,
    closeTrialModal: hideModal
  }
}