| {cardType}: | \r\n{cardNumber} | \r\n
| Expiration: | \r\n{`${expirationMonth}/${expirationYear}`} | \r\n
{heading}
\r\n{subTitle}
\r\n\r\n {!!index &&
\r\n ))}\r\n \r\n {!!index && \r\n c.value === item.subHeader.toString())[0].label}\r\n dateType={!item.dateType ? '' : sCOAnnouncementsDateTypeOptions.filter(c =>\r\n c.value === item.dateType.toString())[0].label}\r\n date={item.effectivePostedDate}\r\n summary={this.convertReplaceString(item.summary)}\r\n ctaLabel={item.ctaLabel}\r\n ctaUrl={item.ctaUrl}\r\n contentType={3}\r\n deleteBookmarkHandler={this.handleDeleteBookmark}\r\n />\r\n
\r\n ))}\r\n \r\n {!!index &&
\r\n ))}\r\n \r\n {!!index &&
\r\n ))}\r\n \r\n {!!index &&
\r\n ))}\r\n \r\n {!!index &&
\r\n ))}\r\n \r\n {/* eslint-disable-next-line react/no-danger */}\r\n \r\n
\r\n )}\r\n
\r\n {uiToRender}\r\n
\r\n );\r\n }\r\n\r\n\r\n render() {\r\n const {\r\n activeTab,\r\n practiceLibraryBookmarkList,\r\n eBarCase,\r\n } = this.state;\r\n\r\n return (\r\n \r\n \r\n {heading !== '' && ( \r\n
\r\n \r\n
\r\n\r\n {submitButton !== '' &&\r\n submitButton\r\n }\r\n {submitButton === '' &&\r\n Ok \r\n }\r\n \r\n \r\n
\r\n {heading}
)}\r\n\r\n \r\n
\r\n {bodyContent}\r\n
\r\n\r\n
\r\n {error} \r\n )}\r\n
\r\n );\r\n};\r\n\r\nReduxFormAutoSuggestInput.propTypes = {\r\n input: reduxInputPropType.isRequired,\r\n dispatch: PropTypes.func.isRequired,\r\n type: PropTypes.string,\r\n label: PropTypes.string,\r\n suggestions: PropTypes.arrayOf(PropTypes.string),\r\n onlySuggestedValuesAllowed: PropTypes.bool,\r\n meta: reduxMetaPropType.isRequired,\r\n};\r\n\r\nReduxFormAutoSuggestInput.displayName = 'ReduxFormAutoSuggestInput';\r\n\r\nexport default connect()(ReduxFormAutoSuggestInput);\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Checkbox from '@style-guide/components/Checkbox';\r\n\r\nimport { reduxInputPropType } from '@services/PropTypes';\r\n\r\nconst ReduxFormCheckbox = ({\r\n input,\r\n label = '',\r\n ...restProps\r\n}) => (\r\n \r\n {\r\n if (newValue) {\r\n input.onChange(newValue.toLocaleDateString('en-US'));\r\n } else {\r\n input.onChange(null);\r\n }\r\n }}\r\n selected={input.value ? moment(input.value).toDate() : undefined}\r\n {...restProps}\r\n />\r\n {error && (\r\n {error} \r\n )}\r\n
\r\n);\r\n\r\nReduxFormDatePicker.propTypes = {\r\n input: reduxInputPropType.isRequired,\r\n label: PropTypes.string,\r\n meta: reduxMetaPropType.isRequired,\r\n type: PropTypes.string,\r\n};\r\n\r\nReduxFormDatePicker.displayName = 'ReduxFormDatePicker';\r\n\r\nexport default ReduxFormDatePicker;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Input from '@style-guide/components/Input';\r\n\r\nimport {\r\n reduxInputPropType,\r\n reduxMetaPropType,\r\n} from '@services/PropTypes';\r\n\r\nimport FieldValidationError from '@components/FieldValidationError';\r\n\r\nconst ReduxFormInput = ({\r\n input,\r\n label = '',\r\n type = 'text',\r\n meta: {\r\n touched,\r\n error,\r\n },\r\n ...restProps\r\n}) => (\r\n \r\n {error} \r\n )}\r\n
\r\n);\r\n\r\nReduxFormInput.propTypes = {\r\n input: reduxInputPropType,\r\n type: PropTypes.string,\r\n label: PropTypes.string,\r\n meta: reduxMetaPropType,\r\n};\r\n\r\nReduxFormInput.displayName = 'ReduxFormInput';\r\n\r\nexport default ReduxFormInput;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Input from '@style-guide/components/Input';\r\n\r\nimport {\r\n reduxInputPropType,\r\n reduxMetaPropType,\r\n} from '@services/PropTypesFlexi';\r\n\r\nimport FieldValidationError from '@components/FieldValidationError';\r\n\r\nconst ReduxFormInputFlexi = ({\r\n input,\r\n label = '',\r\n type = 'text',\r\n meta: {\r\n touched,\r\n error,\r\n },\r\n ...restProps\r\n}) => (\r\n \r\n {error} \r\n )}\r\n
\r\n);\r\n\r\nReduxFormInputFlexi.propTypes = {\r\n input: reduxInputPropType,\r\n type: PropTypes.string,\r\n label: PropTypes.string,\r\n meta: reduxMetaPropType,\r\n};\r\n\r\nReduxFormInputFlexi.displayName = 'ReduxFormInput';\r\n\r\nexport default ReduxFormInputFlexi;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport RadioButton from '@style-guide/components/RadioButton';\r\n\r\nimport {\r\n reduxInputPropType,\r\n reduxMetaPropType,\r\n} from '@services/PropTypes';\r\n\r\nimport FieldValidationError from '@components/FieldValidationError';\r\n\r\nconst ReduxFormRadioButton = ({\r\n input,\r\n label = '',\r\n meta: {\r\n error,\r\n },\r\n ...restProps\r\n}) => (\r\n \r\n {error} \r\n )}\r\n
\r\n);\r\n\r\nReduxFormRadioButton.propTypes = {\r\n input: reduxInputPropType.isRequired,\r\n label: PropTypes.oneOfType([\r\n PropTypes.string,\r\n PropTypes.number,\r\n ]),\r\n meta: reduxMetaPropType.isRequired,\r\n};\r\n\r\nReduxFormRadioButton.displayName = 'ReduxFormRadioButton';\r\n\r\nexport default ReduxFormRadioButton;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Select from '@style-guide/components/Select';\r\n\r\nimport {\r\n reduxInputPropType,\r\n reduxMetaPropType,\r\n} from '@services/PropTypes';\r\n\r\nimport FieldValidationError from '@components/FieldValidationError';\r\n\r\nconst ReduxFormSelect = ({\r\n input,\r\n label = '',\r\n meta: {\r\n touched,\r\n error,\r\n },\r\n options,\r\n ...restProps\r\n}) => (\r\n \r\n {error} \r\n )}\r\n
\r\n);\r\n\r\nReduxFormSelect.propTypes = {\r\n input: reduxInputPropType.isRequired,\r\n label: PropTypes.string,\r\n meta: reduxMetaPropType.isRequired,\r\n options: PropTypes.arrayOf(PropTypes.shape({\r\n label: PropTypes.string.isRequired,\r\n value: PropTypes.string.isRequired,\r\n disabled: PropTypes.bool,\r\n })).isRequired,\r\n};\r\n\r\nReduxFormSelect.displayName = 'ReduxFormSelect';\r\n\r\nexport default ReduxFormSelect;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport TextAreaInput from '@style-guide/components/TextAreaInput';\r\n\r\nimport {\r\n reduxInputPropType,\r\n reduxMetaPropType,\r\n} from '@services/PropTypes';\r\n\r\nimport FieldValidationError from '@components/FieldValidationError';\r\n\r\nconst ReduxFormTextAreaInput = ({\r\n input,\r\n label = '',\r\n meta: {\r\n touched,\r\n error,\r\n },\r\n ...restProps\r\n}) => (\r\n \r\n {error} \r\n )}\r\n
\r\n);\r\n\r\nReduxFormTextAreaInput.propTypes = {\r\n input: reduxInputPropType.isRequired,\r\n label: PropTypes.string,\r\n meta: reduxMetaPropType.isRequired,\r\n};\r\n\r\nReduxFormTextAreaInput.displayName = 'ReduxFormTextAreaInput';\r\n\r\nexport default ReduxFormTextAreaInput;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\nimport rem from 'polished/lib/helpers/rem';\r\nimport { breakpoints, colors, typography } from '@style-guide/config';\r\nimport ScreenReaderText from '@components/ScreenReaderText';\r\n\r\nconst Remove = styled.button`\r\n color: ${colors.red};\r\n font-size: ${rem('20px', typography.baseFontSize)};\r\n padding: 0;\r\n\r\n &::before {\r\n content: '\\\\f057';\r\n font-family: 'Font Awesome 5 Free', sans-serif;\r\n font-weight: 900;\r\n vertical-align: middle;\r\n }\r\n\r\n @media (min-width: ${breakpoints.l}) {\r\n font-size: ${rem('16px', typography.baseFontSize)};\r\n }\r\n`;\r\n\r\nRemove.displayName = 'Remove';\r\n\r\nconst Label = styled.span`\r\n color: ${colors.black};\r\n font-size: ${rem('14px', typography.baseFontSize)};\r\n margin-left: 10px;\r\n`;\r\n\r\nLabel.displayName = 'Label';\r\n\r\nconst RemoveButton = ({\r\n label = '',\r\n screenReaderLabel = '',\r\n action,\r\n ...restProps\r\n}) => {\r\n const handleKeyPress = (charCode) => {\r\n if (charCode === 13) {\r\n action();\r\n }\r\n };\r\n\r\n return (\r\n - \r\n {cartItems.length ? cartItems : (\r\n
- \r\n
\r\n The following item(s) have been removed from the cart as you\r\n are already registered. Visit My Dashboard \r\n to check your current CLE and /or Event registrations.\r\n
\r\n {removedCartItems}\r\n- \r\n
\r\n This event has reached capacity.\r\n Please contact OSBA Member Services at\r\n 1-800-232-7124 for additional options and information.\r\n
\r\n )}\r\nSold Out
)}\r\n{course.title}
\r\n\r\n {course.date && (\r\n
\r\n Date: {course.date}
\r\n )}\r\n {courseFormat === 'Live' && (\r\nTime: {`${course.startTime} - ${course.endTime}`}
\r\n )}\r\n {(course.location || course.city) && (\r\nLocation: {course.location}{(course.location && course.city) && ' - '}{course.city && `${course.city}`}
\r\n )}\r\n {is.not.empty(course.credits) && (\r\nCredits: {creditsList}
\r\n )}\r\n {courseFormat && (\r\nCourse Format: {courseFormat}
\r\n )}\r\n\r\n window.location.assign(course.link)}\r\n id={course.id}\r\n >\r\n Learn More\r\n \r\n
\r\n Upcoming Courses
\r\n- \r\n {SimilarCourseListItems}\r\n
\r\n 
\r\n
\r\n )}\r\n \r\n {`${speaker.firstName} ${speaker.lastName}`}{speaker.title && `, ${speaker.title}`} \r\n {speaker.instructorCity} \r\n {speaker.company} \r\n
\r\n - \r\n {actionsList}\r\n
{event.title}
\r\n\r\n {event.date &&\r\n
\r\n Date: {event.date}
\r\n }\r\n {(event.startTime || event.endTime) &&\r\nTime: {event.startTime}{(event.startTime && event.endTime) && ' - '}{event.endTime && `${event.endTime}`}
\r\n }\r\n {(event.location || event.city) &&\r\nLocation: {event.location}{(event.location && event.city) && ' - '}{event.city && `${event.city}`}
\r\n }\r\n\r\n window.location.assign(event.link)}\r\n id={event.id}\r\n >\r\n Learn More\r\n \r\n
\r\n Upcoming Events
\r\n- \r\n {UpcomingEventsListItems}\r\n
\r\n \r\n {careerTitle.text}\r\n \r\n
\r\n {publishDate && (\r\n {summary.text}
\r\n\r\n {title}\r\n
\r\n - \r\n {careerItems}\r\n
\r\n {selectedSpecialization.text}\r\n \r\n );\r\n }\r\n\r\n return (\r\n {this.props.heading}\r\n );\r\n }\r\n\r\n render() {\r\n return (\r\n
\r\n
\r\n \r\n);\r\n\r\nFlyoutOpenContent.propTypes = {\r\n heading: PropTypes.string.isRequired,\r\n actions: PropTypes.arrayOf(PropTypes.object).isRequired,\r\n description: PropTypes.string.isRequired,\r\n undoSelection: PropTypes.string.isRequired,\r\n toggleOpenState: PropTypes.func.isRequired,\r\n onKeyPress: PropTypes.func.isRequired,\r\n};\r\n\r\nFlyoutOpenContent.displayName = 'FlyoutOpenContent';\r\n\r\nexport default FlyoutOpenContent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\nimport { colors } from '@style-guide/config';\r\nimport Arrow from '@style-guide/mixins/Arrow';\r\nimport SpecializationActions from '@components/SpecializationActions';\r\n\r\nconst arrowOptions = {\r\n arrow: 'right',\r\n position: 'after',\r\n color: colors.white,\r\n size: '12px',\r\n};\r\n\r\nconst StyledSpecializationActions = styled(SpecializationActions)`\r\n padding-bottom: 10px;\r\n\r\n li {\r\n margin: 0 -20px;\r\n padding: 0 20px;\r\n\r\n &.active {\r\n background-color: ${colors.darkRed};\r\n }\r\n\r\n span {\r\n ${Arrow(arrowOptions)}\r\n\r\n &::after {\r\n margin-left: 10px;\r\n }\r\n }\r\n }\r\n\r\n a {\r\n align-items: center;\r\n color: ${colors.white};\r\n display: flex;\r\n height: 40px;\r\n padding-left: 15px;\r\n }\r\n\r\n svg {\r\n fill: ${colors.white};\r\n margin-right: 20px;\r\n width: 30px;\r\n }\r\n`;\r\n\r\nStyledSpecializationActions.displayName = 'StyledSpecializationActions';\r\n\r\nconst FlyoutActions = ({ actions }) => (\r\n \r\n {description}\r\n
\r\n- \r\n
- \r\n
\r\n \r\n {Name}\r\n \r\n this.toggleOpenState()}\r\n aria-label=\"expand accordion\"\r\n aria-expanded={IsOpen}\r\n />\r\n
\r\n - \r\n {ChildNodes}\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {linkItems}\r\n
{introCopy}
\r\n {!!standingOrderId && (\r\n \r\n {errorMessage && (\r\n \r\n {errorMessage}\r\n \r\n )}\r\n {successMessage && (\r\n \r\n {successMessage}\r\n \r\n )}\r\n {!!paymentType && !successMessage && (\r\n \r\n \r\n \r\n {creditCardHasExpired && paymentType !== 'Paypal' && (\r\n \r\n {creditCardHasExpiredCopy}\r\n \r\n )}\r\n \r\n )}\r\n {!paymentType && !successMessage && (\r\n \r\n \r\n )}\r\n
\r\n )}\r\n {!standingOrderId && (\r\n \r\n {paymentType === 'Paypal' && (\r\n \r\n \r\n )}\r\n {paymentType !== 'Paypal' && (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n {\r\n // TODO: put this back in once aptify issue is resolved\r\n // remove comments and remove curly braces surrounding div\r\n //\r\n // Expires - {creditCardExpirationDate}
\r\n\r\n // \r\n // Remove\r\n // \r\n //
\r\n }\r\n No saved payment method.
\r\n \r\n \r\n {standingOrderDoesNotExistCopy}\r\n \r\n
\r\n )}\r\n \r\n \r\n String(c.value) === String(initialValues.paymentTypeID))[0].label}\r\n cardNumber={initialValues.ccPartial}\r\n expirationMonth={String(initialValues.ccExpireMonth)}\r\n expirationYear={expirationYearOptions.filter(e =>\r\n String(e.value) === String(initialValues.ccExpireYear))[0].label}\r\n />\r\n
\r\n Speakers
\r\nSpeakers
\r\n{meetingInstance.displayName}
\r\n {meetingInstance.courseId && (\r\nLocation:
\r\n \r\n
\r\n {meetingInstance.location.name}
\r\n {/* eslint-disable max-len */}\r\n{meetingInstance.location.line1} {meetingInstance.location.line2} {meetingInstance.location.line3} {meetingInstance.location.line4}
\r\n{meetingInstance.location.city}, {meetingInstance.location.state} {meetingInstance.location.postalCode}
\r\n {/* eslint-enable max-len */}\r\nLocation:
\r\n \r\n
\r\n Virtual
\r\n{parentMeeting.description}
}\r\n\r\n {meetingInstance.displayName} \r\n
\r\n);\r\n\r\nSystemRequirements.propTypes = {\r\n systemRequirementsHtmlString: PropTypes.string.isRequired,\r\n meetingInstance: PropTypes.shape({\r\n displayName: PropTypes.string,\r\n }).isRequired,\r\n};\r\n\r\nSystemRequirements.displayName = 'SystemRequirements';\r\n\r\nexport default SystemRequirements;\r\n","import SystemRequirementsTab from './SystemRequirementsTab';\r\n\r\nexport default SystemRequirementsTab;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Button from '@style-guide/components/Button';\r\n\r\nimport { courseFormat as courseFormatPropTypes } from '@services/PropTypes';\r\n\r\nimport MobileButtons from './components/MobileButtons';\r\nimport DesktopButtons from './components/DesktopButtons';\r\nimport Wrapper from './components/Wrapper';\r\nimport TabButton from './components/TabButton';\r\nimport ButtonWrapper from './components/ButtonWrapper';\r\nimport TabButtonWrapper from './components/TabButtonWrapper';\r\n\r\nconst TabMenu = ({\r\n activeTab,\r\n updateTabState,\r\n systemRequirementsExist,\r\n courseMaterialsExist,\r\n cleOnDemandExist,\r\n courseFormat,\r\n}) => (\r\n Add-On(s)
\r\n {addOnsBundle.map((addOn, index, collection) => (\r\nAdditional Dates, Times and Locations
\r\n {instances}\r\n\r\n
\r\n {(richDescription.length) /* eslint-disable-next-line react/no-danger */\r\n ? \r\n : {description}
}\r\nDetails
\r\n {brochureLink && (\r\n\r\n
\r\n \r\n
\r\n {location && (\r\n \r\n
\r\n )}\r\n {!location && (\r\n {location.displayName}
\r\n {location.line1 && (\r\n {location.line1}
\r\n )}\r\n {location.line2 && (\r\n {location.line2}
\r\n )}\r\n {location.line3 && (\r\n {location.line3}
\r\n )}\r\n {location.line4 && (\r\n {location.line4}
\r\n )}\r\n {`${location.city}, ${location.state} ${location.postalCode}`}
\r\n To Be Determined
\r\n )}\r\n Other Locations:
\r\n - \r\n {additionalLocationList}\r\n
{displayName}
\r\nProduct ID
Description ID
Meeting Title
Video ID
Start Date
End Date
Author
ACTIONS
![\"\"](\"/Static/img/Edit.png\")
\r\n \r\n ![\"\"](\"/Static/img/Detail.png\")
\r\n \r\n ![\"\"](\"/Static/img/Delete.png\")
\r\n \r\n Product ID: {initialValues.meetingID}
\r\nMeeting Title: {initialValues.meetingTitle}
\r\nDescription ID: {initialValues.descriptionId}
\r\nStart Date: {initialValues.startDate}
\r\nEnd Date: {initialValues.endDate}
\r\n {/*Video Title: {initialValues.videoTitle}
*/}\r\nVideo ID: {initialValues.videoLink}
\r\n {initialValues.checkpoint1 !== '' && initialValues.checkpoint1 !== null &&\r\nCheckpoint 1: {initialValues.checkpoint1}
}\r\n {initialValues.checkpoint2 !== '' && initialValues.checkpoint2 !== null &&\r\nCheckpoint 2: {initialValues.checkpoint2}
}\r\n {initialValues.checkpoint3 !== '' && initialValues.checkpoint3 !== null &&\r\nCheckpoint 3: {initialValues.checkpoint3}
}\r\n {initialValues.checkpoint4 !== '' && initialValues.checkpoint4 !== null &&\r\nCheckpoint 4: {initialValues.checkpoint4}
}\r\n {/*Minimum Time: {initialValues.minTime}
*/}\r\nAuthor: {initialValues.modifiedBy}
\r\nAdded On: {moment(initialValues.createdDate).format('MM/DD/YYYY')}
\r\nNo sections found
\r\n )}\r\n {sections.Sections.length > 0 && (\r\n\r\n {section.name}\r\n
\r\n\r\n
Current Member
\r\n )}\r\n {!section.selected && (\r\n\r\n The OSBA targets our CLE communications based upon your practice area.\r\n \r\n Be sure to review and update your practice area(s) in the Practice Areas tab\r\n (in the navigation to the left) so we can deliver the most relevant programs to you.\r\n \r\n
\r\n\r\n {!description ? \"While you're here... Please take a moment to let the OSBA know what topics of interest you would like to see more of:\" : description}\r\n
\r\n {error && (\r\n{title}
\r\nCERTIFICATIONS/SPECIALIZATIONS
\r\n {contentToRender.certifications.map(certification => (\r\n{certification}
\r\n ))}\r\nCOMMITTEES AND LEADERSHIP POSTS THEREIN
\r\n {committeeArray.map(committee => (\r\n\r\n Committee: {committee.name} {committee.position !== '' ?
OTHER DESIGNATIONS
\r\n {otherDesignationArray.map(otherDesignation => (\r\n\r\n Designation: {otherDesignation.name} {otherDesignation.position !== '' ?
SECTIONS AND LEADERSHIP POSTS THEREIN
\r\n {sectionArray.map(section => (\r\n\r\n Section: {section.name} {section.position !== '' ?
BAR ASSOCIATIONS AND LEADERSHIP POSTS THEREIN
\r\n {barAssociationArray.map(barAssociation => (\r\n\r\n Association: {barAssociation.name} {barAssociation.position !== '' ?
PROFESSIONAL ORGANIZATIONS AND LEADERSHIP POSTS
\r\n {professionalOrganizationArray.map(professionalOrganization => (\r\n\r\n Organization: {professionalOrganization.name} {professionalOrganization.position !== '' ?
SCHOOL NAME
\r\n {contentToRender.lineItems.length > 0 && contentToRender.lineItems.map(school => (\r\n{school.name}
\r\n ))}\r\nPLACE OF EMPLOYMENT
DATES
{item.employer}
\r\n\r\n {moment(item.startDate).format('MM/DD/Y')} {item.endDate === null ? ' - Present' : ` - ${moment(item.endDate).format('MM/DD/Y')}`}\r\n
\r\nAWARD NAME
DATE
{item.name}
\r\n\r\n {item.dateReceived}\r\n
\r\nBIO/ABOUT
\r\n{contentToRender.biography}
\r\n DETAILS
\r\n {contentToRender.admissions.length > 0 &&\r\n contentToRender.admissions.map((admission, index) => (\r\n\r\n {!!admission.state && (\r\n
Years of Practice: {contentToRender.yearsOfPractice}
\r\n )}\r\n {!!contentToRender.courtsOfAdmission && (\r\nCourts of Admission: {contentToRender.courtsOfAdmission}
\r\n )}\r\nSERVICES
\r\n {contentToRender.practiceAreas.length > 0 && (\r\nPractice Areas: \r\n {renderObjectProps(contentToRender.practiceAreas)}\r\n
\r\n )}\r\n {contentToRender.isProbono !== null &&\r\n contentToRender.IsProbono && (\r\nProbono, Free, or Fixed Rate Consultation: Yes
\r\n )}\r\n {!!contentToRender.priceArrangements && (\r\n\r\n Price range, fee arrangements, fixed or reduced fees: \r\n {contentToRender.priceArrangements}\r\n
\r\n )}\r\n {contentToRender.mediation !== null &&\r\n contentToRender.mediation && (\r\nMediation / Alternative Dispute Resolution: Yes
\r\n )}\r\n {contentToRender.urgentCalls !== null &&\r\n contentToRender.urgentCalls && (\r\nUrgent Calls: Yes
\r\n )}\r\n {contentToRender.afterHourCalls !== null &&\r\n contentToRender.afterHourCalls && (\r\nAfter Hour Calls: Yes
\r\n )}\r\n {contentToRender.houseCalls !== null &&\r\n contentToRender.houseCalls && (\r\nHouse Calls: Yes
\r\n )}\r\n {contentToRender.countiesServed.length > 0 && (\r\nCounties Served: \r\n {contentToRender.countiesServed.map((county, index) => `${(index ? ', ' : '') + county.name}`)}\r\n
\r\n )}\r\n {contentToRender.acceptingNewClients !== null &&\r\n contentToRender.acceptingNewClients && (\r\nAccepting New Clients: Yes
\r\n )}\r\n {contentToRender.limitedScopeRepresentation !== null\r\n && contentToRender.limitedScopeRepresentation && (\r\nLimited Scope Representation: Yes
\r\n )}\r\n {contentToRender.languages.length > 0 && (\r\nLanguages: \r\n {contentToRender.languages.map((language, index) => `${(index ? ', ' : '') + language.name}`)}\r\n
\r\n )}\r\nMEETINGS SPOKEN AT
\r\n {props.contentToRender.clesSpokenAt.map((cle, index) => (\r\n{cle.name}
\r\n{cle.date}
\r\nCompany/Firm: {props.companyName}
\r\n }\r\n {props.companyAddress &&\r\nAddress: {props.companyAddress}
\r\n }\r\nPrimary Phone Number: {props.officePhone}
\r\n )}\r\n {props.officeFax && (\r\nFax: {props.officeFax}
\r\n )}\r\nTITLE
CASE NAME
PRACTICE AREA
AUTHOR
ACTIVE DATE
ACTIONS
\r\n \r\n \r\n \r\n \r\n \r\n {initialValues.caseName}
\r\n {/* eslint-disable-next-line react/no-danger */}\r\nWeb Citation: {initialValues.webCitation}
\r\nDecisis Link: {initialValues.casemakerLink}
\r\nPDF: {initialValues.pDFLink}
\r\nPractice Area: {initialValues.practiceId > 0 ? getAreaOfLaw(initialValues.practiceId) : ''}\r\n
\r\nCourt: {initialValues.courtId > 0 ? getCourt(initialValues.courtId) : ''}\r\n
\r\nDate Decided: {!initialValues.dateDecidedString ? '' : moment(initialValues.dateDecidedString).format('MM/DD/YYYY')}
\r\nActive Date: {!initialValues.activeDateString ? '' : moment(initialValues.activeDateString).format('MM/DD/YYYY')}
\r\nAuthor: {initialValues.authoredBy}
\r\nDate Added: {!initialValues.dateAddedString ? '' : moment(initialValues.dateAddedString).format('MM/DD/YYYY')}
\r\nTitle
Cite
Issue Date
Active Date
Author
ACTIONS
\r\n \r\n \r\n \r\n \r\n \r\n Cite: {initialValues.cite}
\r\nCTA Label: {initialValues.ctaLabel}
\r\nCTA URL: {initialValues.ctaUrl}
\r\nIssue Date: {initialValues.issueDate != null ? moment(initialValues.issueDate).format('MM/DD/YYYY') : ''}
\r\nActive Date: {initialValues.addedDate != null ? moment(initialValues.addedDate).format('MM/DD/YYYY') : ''}
\r\nAuthor: {initialValues.modifiedBy}
\r\nTitle
Cite
Issue Date
Active Date
Author
ACTIONS
\r\n \r\n \r\n \r\n \r\n \r\n Cite: {initialValues.cite}
\r\nCTA Label: {initialValues.ctaLabel}
\r\nCTA URL: {initialValues.ctaUrl}
\r\nIssue Date: {initialValues.issueDate != null ? moment(initialValues.issueDate).format('MM/DD/YYYY') : ''}
\r\nActive Date: {initialValues.addedDate != null ? moment(initialValues.addedDate).format('MM/DD/YYYY') : ''}
\r\nAuthor: {initialValues.modifiedBy}
\r\n{caseDescription}
\r\nContributors
\r\n- \r\n {contributorListItems}\r\n
Related CLEs
\r\n- \r\n {instances}\r\n
Tags
\r\n- \r\n {tagListItems}\r\n
Related Articles
\r\n- \r\n {featureList}\r\n {articleList}\r\n
Title
Bill Number
Effective Date
Active Date
Author
ACTIONS
\r\n \r\n \r\n \r\n \r\n \r\n Bill Number: {initialValues.billNumber}
\r\nCTA Label: {initialValues.ctaLabel}
\r\nCTA URL: {initialValues.ctaUrl}
\r\nEffective Date: {initialValues.effectiveDate != null ? moment(initialValues.effectiveDate).format('MM/DD/YYYY') : ''}
\r\nActive Date: {initialValues.addedDate != null ? moment(initialValues.addedDate).format('MM/DD/YYYY') : ''}
\r\nAuthor: {initialValues.modifiedBy}
\r\nTitle
Cite
Issue Date
Active Date
Author
ACTIONS
\r\n \r\n \r\n \r\n \r\n \r\n Cite: {initialValues.cite}
\r\nCTA Label: {initialValues.ctaLabel}
\r\nCTA URL: {initialValues.ctaUrl}
\r\nIssue Date: {initialValues.issueDate != null ? moment(initialValues.issueDate).format('MM/DD/YYYY') : ''}
\r\nActive Date: {initialValues.addedDate != null ? moment(initialValues.addedDate).format('MM/DD/YYYY') : ''}
\r\nAuthor: {initialValues.modifiedBy}
\r\n\r\n \r\n \r\n this.textBoxHandler(e.target.value)}\r\n onKeyDown={e => this.onEnterClick(e)}\r\n value={this.state.textValue}\r\n />\r\n \r\n \r\n \r\n Search\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {types && (\r\n ({\r\n label: filter.name,\r\n value: filter.id,\r\n }))}\r\n onChange={event => dispatch(onChangeEBarHomePageInfo(event))}\r\n value={selectedOption}\r\n pointerBottomPosition=\"25px\"\r\n />\r\n )}\r\n \r\n \r\n dispatch(onClickPreviousEBarHomePageInfo(selectedOption,\r\n startDateDaily, startDateWeekly))}\r\n $arrowOptions={arrowOptionsLeft}\r\n />\r\n \r\n \r\n dispatch(onClickNextEBarHomePageInfo(selectedOption,\r\n startDateDaily, startDateWeekly))}\r\n $arrowOptions={arrowOptionsRight}\r\n disabled={isNextDisabled}\r\n />\r\n \r\n \r\n {customizeLabel} \r\n {faqLabel} \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nDashboardTools.propTypes = {\r\n dispatch: PropTypes.func.isRequired,\r\n isMember: PropTypes.bool,\r\n eBarGreenbookSearchUrl: PropTypes.string.isRequired,\r\n quickLinks: PropTypes.arrayOf(Object),\r\n customizeLabel: PropTypes.string.isRequired,\r\n customizeLink: PropTypes.string.isRequired,\r\n faqLabel: PropTypes.string.isRequired,\r\n faqLink: PropTypes.string.isRequired,\r\n types: PropTypes.arrayOf(PropTypes.shape({\r\n id: PropTypes.number.isRequired,\r\n name: PropTypes.string.isRequired,\r\n })),\r\n selectedOption: PropTypes.number.isRequired,\r\n startDateDaily: PropTypes.instanceOf(moment).isRequired,\r\n startDateWeekly: PropTypes.instanceOf(moment).isRequired,\r\n isNextDisabled: PropTypes.bool.isRequired,\r\n};\r\n\r\nconst mapStateToProps = ({ ebarHomePageInfo }) => ({\r\n selectedOption: ebarHomePageInfo.selectedOption,\r\n startDateDaily: ebarHomePageInfo.startDateDaily,\r\n startDateWeekly: ebarHomePageInfo.startDateWeekly,\r\n isNextDisabled: ebarHomePageInfo.isNextDisabled,\r\n});\r\n\r\nDashboardTools.displayName = 'DashboardTools';\r\n\r\nexport default connect(mapStateToProps)(DashboardTools);\r\n","import styled from 'styled-components';\r\n\r\nconst ButtonWrapper = styled.div`\r\n display: flex;\r\n height: 100%;\r\n margin-right: 10px;\r\n`;\r\n\r\nButtonWrapper.displayName = 'ButtonWrapper';\r\n\r\nexport default ButtonWrapper;\r\n","import styled from 'styled-components';\r\nimport rem from 'polished/lib/helpers/rem';\r\nimport { breakpoints, colors, typography } from '@style-guide/config';\r\n\r\nconst DashboardToolsPrimary = styled.div`\r\n background-color: ${colors.darkBlue};\r\n color: ${colors.white};\r\n display: flex;\r\n flex-direction: column;\r\n padding: 10px 15px;\r\n\r\n > div:first-child {\r\n display: flex;\r\n flex-grow: 1;\r\n justify-content: space-between;\r\n }\r\n\r\n h1 {\r\n display: flex;\r\n flex-direction: column;\r\n font-size: ${rem('28px', typography.baseFontSize)};\r\n justify-content: flex-end;\r\n padding: 5px 0 15px;\r\n\r\n svg {\r\n margin-bottom: 15px;\r\n }\r\n }\r\n\r\n @media (min-width: ${breakpoints.l}) {\r\n flex-direction: row;\r\n padding: 10px 0;\r\n\r\n h1 {\r\n padding: 5px 25px;\r\n\r\n svg {\r\n display: none;\r\n }\r\n }\r\n }\r\n`;\r\n\r\nDashboardToolsPrimary.displayName = 'DashboardToolsPrimary';\r\n\r\nexport default DashboardToolsPrimary;\r\n","import styled from 'styled-components';\r\nimport { colors } from '@style-guide/config';\r\n\r\nconst DashboardToolsSecondary = styled.div`\r\n background-color: ${colors.white};\r\n display: flex;\r\n flex-direction: column;\r\n padding: 10px;\r\n border-bottom: 3px solid ${colors.darkBlue};\r\n\r\n @media (min-width: 1025px) {\r\n flex-direction: row;\r\n justify-content: space-between;\r\n }\r\n`;\r\n\r\nDashboardToolsSecondary.displayName = 'DashboardToolsSecondary';\r\n\r\nexport default DashboardToolsSecondary;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport moment from 'moment';\r\n\r\nconst DateText = ({\r\n startDateDaily,\r\n startDateWeekly,\r\n isDaily,\r\n}) => (\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {isDaily && (\r\n
\r\n);\r\n\r\nDateText.displayName = 'DateText';\r\n\r\nDateText.propTypes = {\r\n startDateDaily: PropTypes.instanceOf(moment).isRequired,\r\n startDateWeekly: PropTypes.instanceOf(moment).isRequired,\r\n isDaily: PropTypes.bool.isRequired,\r\n};\r\n\r\nexport default DateText;\r\n","import styled from 'styled-components';\r\n\r\nconst HeaderDiv = styled.div`\r\n display: flex;\r\n margin: 5px;\r\n align-items: center;\r\n\r\n @media (min-width: 320px) and (max-width: 1024px) {\r\n align-self: center;\r\n }\r\n`;\r\n\r\nHeaderDiv.displayName = 'HeaderDiv';\r\n\r\nexport default HeaderDiv;\r\n","import styled from 'styled-components';\r\n\r\nconst NavigationButtonDiv = styled.div`\r\n display: flex;\r\n`;\r\n\r\nNavigationButtonDiv.displayName = 'NavigationButtonDiv';\r\n\r\nexport default NavigationButtonDiv;\r\n","import styled from 'styled-components';\r\n\r\nconst NavigationDiv = styled.div`\r\n display: flex;\r\n justify-content: space-between;\r\n font-weight: 500;\r\n padding: 8px;\r\n\r\n @media (min-width: 768px) {\r\n width: 100%;\r\n }\r\n`;\r\n\r\nNavigationDiv.displayName = 'NavigationDiv';\r\n\r\nexport default NavigationDiv;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\nimport { colors } from '@style-guide/config';\r\nimport DecisisSVG from '@style-guide/svg/DecisisSVG';\r\nimport PracticeLibrarySVG from '@style-guide/svg/PracticeLibrarySVG';\r\nimport JobBoardSVG from '@style-guide/svg/JobBoardSVG';\r\nimport DisabledLink from './components/DisabledLink';\r\nimport QuickLinksContainer from './components/QuickLinksContainer';\r\nimport BookmarkIcon from './components/BookmarkIcon';\r\n\r\nconst IconContainer = styled.div`\r\n font-size: 35px;\r\n`;\r\n\r\nIconContainer.displayName = 'IconContainer';\r\n\r\n\r\nconst links = {\r\n caseMaker: {\r\n label: 'Decisis',\r\n isMemberLink: true,\r\n icon: DecisisSVG,\r\n target: '_blank',\r\n },\r\n practiceLibrary: {\r\n label: 'Practice Library',\r\n isMemberLink: true,\r\n icon: PracticeLibrarySVG,\r\n target: '_blank',\r\n },\r\n jobBoard: {\r\n label: 'Career Center',\r\n isMemberLink: true,\r\n icon: JobBoardSVG,\r\n target: '_blank',\r\n },\r\n myBookmarks: {\r\n label: 'My Bookmarks',\r\n isMemberLink: true,\r\n icon: BookmarkIcon,\r\n target: '_blank',\r\n },\r\n};\r\n\r\nconst renderLinkGroup = (linkGroup, isMember, index) => {\r\n const linksWithIcons = linkGroup.map((link) => {\r\n const isActive = isMember || (!isMember && !link.isMemberLink);\r\n const Icon = link.icon;\r\n\r\n return (\r\n \r\n {startDateDaily.format('ll')}\r\n
\r\n )}\r\n {!isDaily && (\r\n \r\n {startDateWeekly.format('ll')} - {moment(startDateWeekly).add(4, 'days').format('ll')}\r\n
\r\n )}\r\n - \r\n while (linkGroups[linkGroups.length - 1].length > 2) {\r\n linkGroups.push(linkGroups[linkGroups.length - 1].splice(2));\r\n }\r\n\r\n return (\r\n
Quick Links:
\r\n\r\n {linkGroups.map((linkGroup, index) => renderLinkGroup(linkGroup, isMember, index))}\r\n
\r\n \r\n \r\n \r\n AREAS OF LAW\r\n \r\n\r\n \r\n \r\n {casesState.map(c => (\r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n {featureRibbonHeadline} \r\n
\r\n
\r\n )}\r\n {featureRibbonContent !== undefined &&\r\n is.not.null(featureRibbonContent) && (\r\n \r\n
\r\n
\r\n )}\r\n {featureCTALabel && (\r\n \r\n \r\n >\r\n \r\n \r\n {featureCTALabel}\r\n \r\n
\r\n )}\r\n ![\"\"](\"http://cdn.mcauto-images-production.sendgrid.net/8c8886a44801d85b/c38ea779-09ef-4b3d-9f93-7560064049c6/232x151.png\")
\r\n ![\"\"](\"http://cdn.mcauto-images-production.sendgrid.net/8c8886a44801d85b/6fc145fd-c889-4550-ba87-1c9f5a81c8fb/232x151.png\")
\r\n ![\"\"](\"http://cdn.mcauto-images-production.sendgrid.net/8c8886a44801d85b/8151aa0f-95f8-4fac-9ed0-5cb4d321ac7a/232x151.png\")
\r\n ![\"\"](\"http://cdn.mcauto-images-production.sendgrid.net/8c8886a44801d85b/f7b1c95d-c328-483b-9fd6-071b0c329a89/232x151.png\")
\r\n ![\"\"](\"http://cdn.mcauto-images-production.sendgrid.net/8c8886a44801d85b/22f85026-7f21-4d9a-946d-2741a23d8451/232x151.png\")
\r\n ![\"\"](\"http://cdn.mcauto-images-production.sendgrid.net/8c8886a44801d85b/4a2de118-6ff4-4757-9160-a0f87790348d/232x151.png\")
\r\n ![\"\"](\"http://cdn.mcauto-images-production.sendgrid.net/8c8886a44801d85b/e3ee3773-8b06-47b9-8c9a-42cb83455e8d/232x151.png\")
\r\n ![\"\"](\"http://cdn.mcauto-images-production.sendgrid.net/8c8886a44801d85b/375fe769-b6af-4d9b-b852-9b5c7d911b36/232x151.png\")
\r\n \r\n {caseWithPracticeArea.nameOfPractice} \r\n {is.not.null(caseWithPracticeArea.cases) && caseWithPracticeArea.cases.length > 0\r\n && caseWithPracticeArea.cases.map((d, index) => (\r\n
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nCasesWithPracticeArea.propTypes = {\r\n caseWithPracticeArea: PropTypes.shape({\r\n nameOfPractice: PropTypes.string,\r\n practiceAreaId: PropTypes.number,\r\n casesCount: PropTypes.number,\r\n viewCases: PropTypes.bool,\r\n cases: PropTypes.arrayOf(PropTypes.shape({\r\n title: PropTypes.string,\r\n summary: PropTypes.string,\r\n caseName: PropTypes.string,\r\n webCitation: PropTypes.string,\r\n casemakerLink: PropTypes.string,\r\n pDFLink: PropTypes.string,\r\n practiceId: PropTypes.number,\r\n courtId: PropTypes.number,\r\n contentGuidString: PropTypes.string,\r\n isBookmarked: PropTypes.bool,\r\n })).isRequired,\r\n }).isRequired,\r\n showDivider: PropTypes.bool.isRequired,\r\n};\r\n\r\nCasesWithPracticeArea.defaultProps = {\r\n};\r\n\r\nCasesWithPracticeArea.displayName = 'CasesWithPracticeArea';\r\n\r\nexport default CasesWithPracticeArea;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport moment from 'moment';\r\nimport is from 'is_js';\r\nimport styled from 'styled-components';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faFilePdf } from '@fortawesome/free-regular-svg-icons';\r\nimport DecisisSVG from '@style-guide/svg/DecisisSVG';\r\nimport { ebarContentTypesValues } from '@config';\r\nimport ResourceBookmark from '../../../shared/ResourceBookmark/ResourceBookmark';\r\nimport TitleDiv from '../../../shared/components/TitleDiv';\r\nimport ClearDiv from '../../../shared/components/ClearDiv';\r\nimport LinkMainDiv from '../../../shared/components/LinkMainDiv';\r\nimport CaseResultDiv from './components/CaseResultDiv';\r\nimport ListParagraph from '../../../shared/components/ListParagraph';\r\n\r\nconst CaseSpan = styled.span` \r\n color: #024B3A;\r\n display: block;\r\n line-height: 24px;\r\n`;\r\n\r\nCaseSpan.displayName = 'CaseSpan';\r\n\r\nconst ButtonTextSpan = styled.span`\r\n margin-left: 5px;\r\n color: #C3002F;\r\n text-decoration: underline;\r\n font-size: 14px;\r\n`;\r\n\r\nButtonTextSpan.displayName = 'ButtonTextSpan';\r\n\r\nconst StyledIcon = styled(FontAwesomeIcon)`\r\n color: #FFBB2B;\r\n`;\r\n\r\nStyledIcon.displayName = 'StyledIcon';\r\n\r\nconst Case = ({\r\n caseData,\r\n noMargin,\r\n}) => (\r\n \r\n
\r\n \r\n >\r\n \r\n 0) ?\r\n eBarAttorneysLists.ctaUrl : eBarAttorneysLists.ctaLabel}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n {(eBarAttorneysLists.ctaLabel !== undefined &&\r\n is.not.null(eBarAttorneysLists.ctaLabel) &&\r\n eBarAttorneysLists.ctaLabel.trim().length > 0) ?\r\n eBarAttorneysLists.ctaLabel : eBarAttorneysLists.ctaUrl}\r\n \r\n
\r\n )}\r\n \r\n \r\n >\r\n \r\n 0) ?\r\n eBarBoardOfProfessionalsLists.ctaUrl : eBarBoardOfProfessionalsLists.ctaLabel}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n {(eBarBoardOfProfessionalsLists.ctaLabel !== undefined &&\r\n is.not.null(eBarBoardOfProfessionalsLists.ctaLabel) &&\r\n eBarBoardOfProfessionalsLists.ctaLabel.trim().length > 0) ?\r\n eBarBoardOfProfessionalsLists.ctaLabel : eBarBoardOfProfessionalsLists.ctaUrl}\r\n \r\n
\r\n )}\r\n \r\n \r\n >\r\n \r\n 0) ?\r\n eBarEnactmentsLists.ctaUrl : eBarEnactmentsLists.ctaLabel}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n {(eBarEnactmentsLists.ctaLabel !== undefined &&\r\n is.not.null(eBarEnactmentsLists.ctaLabel) &&\r\n eBarEnactmentsLists.ctaLabel.trim().length > 0) ?\r\n eBarEnactmentsLists.ctaLabel : eBarEnactmentsLists.ctaUrl}\r\n \r\n
\r\n )}\r\n \r\n \r\n >\r\n \r\n 0) ?\r\n eBarEthicsLists.ctaUrl : eBarEthicsLists.ctaLabel}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n {(eBarEthicsLists.ctaLabel !== undefined && is.not.null(eBarEthicsLists.ctaLabel) &&\r\n eBarEthicsLists.ctaLabel.trim().length > 0) ?\r\n eBarEthicsLists.ctaLabel : eBarEthicsLists.ctaUrl}\r\n \r\n
\r\n )}\r\n \r\n \r\n >\r\n \r\n 0) ?\r\n eBarOtherAnnouncementsLists.cTAUrl : eBarOtherAnnouncementsLists.cTALabel}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n {(eBarOtherAnnouncementsLists.cTALabel !== undefined &&\r\n is.not.null(eBarOtherAnnouncementsLists.cTALabel) &&\r\n eBarOtherAnnouncementsLists.cTALabel.trim().length > 0) ?\r\n eBarOtherAnnouncementsLists.cTALabel : eBarOtherAnnouncementsLists.cTAUrl}\r\n \r\n
\r\n )}\r\n \r\n \r\n >\r\n \r\n 0) ?\r\n eBarSCOAnnouncementsLists.cTAUrl : eBarSCOAnnouncementsLists.cTALabel}\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n {(eBarSCOAnnouncementsLists.cTALabel !== undefined &&\r\n is.not.null(eBarSCOAnnouncementsLists.cTALabel) &&\r\n eBarSCOAnnouncementsLists.cTALabel.trim().length > 0) ?\r\n eBarSCOAnnouncementsLists.cTALabel : eBarSCOAnnouncementsLists.cTAUrl}\r\n \r\n
\r\n )}\r\n Title
Company
Location
CTA
Active Date
Author
ACTIONS
\r\n \r\n \r\n \r\n \r\n \r\n Company: {initialValues.company}
\r\nLocation: {initialValues.location}
\r\nCTA Label: {initialValues.ctaLabel}
\r\nCTA URL: {initialValues.ctaUrl}
\r\nActive Date: {initialValues.activeDate != null ? moment(initialValues.activeDate).format('MM/DD/YYYY') : ''}
\r\nAuthor: {initialValues.modifiedBy}
\r\nInvalid Email!!
)}\r\n {(eBarManageEmailsJobsHistory.length > 0) && (eBarManageEmailsJobsState.length > 0) && (\r\nDate
Report Type
Job Status
Title
Active Date
Author
ACTIONS
\r\n \r\n \r\n \r\n \r\n \r\n CTA Label: {initialValues.ctaLabel}
\r\nCTA URL: {initialValues.ctaUrl}
\r\nActive Date: {initialValues.activeDate != null ? moment(initialValues.activeDate).format('MM/DD/YYYY') : ''}
\r\nAuthor: {initialValues.modifiedBy}
\r\nTitle
Summary
URL
DATE
ACTIONS
\r\n \r\n \r\n \r\n \r\n \r\n Url: {initialValues.url}
\r\nActive Date: {moment(initialValues.createdDate).format('MM/DD/YYYY')}
\r\nTITLE
PARTNER ENTITY
POSTED DATE
AUTHOR
ACTIVE DATE
ACTIONS
\r\n \r\n \r\n \r\n \r\n \r\n Partner Entity: {initialValues.partnerEntity}
\r\n {/* eslint-disable-next-line react/no-danger */}\r\nCTA Label: {initialValues.cTALabel}
\r\nCTA Url: {initialValues.cTAUrl}
\r\nPosted Date: {!initialValues.postedDateString ? '' : moment(initialValues.postedDateString).format('MM/DD/YYYY')}
\r\nActive Date: {!initialValues.activeDateString ? '' : moment(initialValues.activeDateString).format('MM/DD/YYYY')}
\r\nAuthor: {initialValues.modifiedBy}
\r\nDate Added: {moment(initialValues.createdDate).format('MM/DD/YYYY')}
\r\nTitle
Active Date
Author
ACTIONS
\r\n \r\n \r\n \r\n \r\n \r\n Active Date: {initialValues.activeDate != null ? moment(initialValues.activeDate).format('MM/DD/YYYY') : ''}
\r\nAuthor: {initialValues.modifiedBy}
\r\n\r\n
\r\n
\r\n \r\n >\r\n \r\n \r\n {cTALabel}\r\n \r\n
\r\n )}\r\n \r\n);\r\n\r\nEBarFeatureBlock.propTypes = {\r\n /** Whether or not a 30px bottom margin is applied. */\r\n hasBottomMargin: PropTypes.bool,\r\n /** Whether or not a 30px top margin is applied. */\r\n hasTopMargin: PropTypes.bool,\r\n headline: PropTypes.string,\r\n image: PropTypes.string,\r\n summary: PropTypes.string,\r\n cTALabel: PropTypes.string,\r\n cTAUrl: PropTypes.string,\r\n};\r\n\r\nEBarFeatureBlock.displayName = 'EBarFeatureBlock';\r\n\r\nexport default EBarFeatureBlock;\r\n","import styled from 'styled-components';\r\n\r\nconst Wrapper = styled.div`\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: ${props => (props.$hasBottomMargin ? '30px' : '0')};\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: ${props => (props.$hasTopMargin ? '30px' : '0')};\r\n max-width: 350px;\r\n min-width: 325px;\r\n padding: 0 25px 25px;\r\n width: 100%;\r\n \r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 24px;\r\n right: 24px;\r\n bottom: 0; \r\n border-bottom: 1px solid #707070;\r\n }\r\n`;\r\n\r\nWrapper.displayName = 'Wrapper';\r\n\r\nexport default Wrapper;\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport YellowLineSVG from '@style-guide/svg/YellowLineSVG';\r\n\r\n\r\nconst YellowLineStyle = styled.span`\r\n margin: 0px 0px 5px;\r\n display: block;\r\n`;\r\n\r\nYellowLineStyle.displayName = 'YellowLineStyle';\r\n\r\nconst YellowLine = () =>\r\n (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n >\r\n \r\n \r\n {cTALabel}\r\n \r\n
\r\n )}\r\n \r\n);\r\n\r\nEBarSnippetBlock.propTypes = {\r\n /** Whether or not a 30px bottom margin is applied. */\r\n hasBottomMargin: PropTypes.bool,\r\n /** Whether or not a 30px top margin is applied. */\r\n hasTopMargin: PropTypes.bool,\r\n headline: PropTypes.string,\r\n image: PropTypes.string,\r\n summary: PropTypes.string,\r\n cTALabel: PropTypes.string,\r\n cTAUrl: PropTypes.string,\r\n};\r\n\r\nEBarSnippetBlock.displayName = 'EBarSnippetBlock';\r\n\r\nexport default EBarSnippetBlock;\r\n","import styled from 'styled-components';\r\n\r\nconst HeadingDiv = styled.div` \r\n margin-left: ${props => (props.image ? '10px' : '')};\r\n`;\r\n\r\nHeadingDiv.displayName = 'HeadingDiv';\r\n\r\nexport default HeadingDiv;\r\n","import styled from 'styled-components';\r\n\r\nconst Wrapper = styled.div`\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n margin-bottom: ${props => (props.$hasBottomMargin ? '30px' : '0')};\r\n margin-left: auto;\r\n margin-right: auto;\r\n margin-top: ${props => (props.$hasTopMargin ? '30px' : '0')};\r\n max-width: 350px;\r\n min-width: 325px;\r\n padding: 0 25px 25px; \r\n width: 100%; \r\n\r\n &::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 24px;\r\n right: 24px;\r\n bottom: 0; \r\n border-bottom: 1px solid #707070;\r\n }\r\n`;\r\n\r\nWrapper.displayName = 'Wrapper';\r\n\r\nexport default Wrapper;\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport YellowLineSVG from '@style-guide/svg/YellowLineSVG';\r\n\r\n\r\nconst YellowLineStyle = styled.span`\r\n margin: 0px 0px 5px;\r\n display: block;\r\n`;\r\n\r\nYellowLineStyle.displayName = 'YellowLineStyle';\r\n\r\nconst YellowLine = () =>\r\n (\r\n SUB HEADER
TITLE
CITE
DATE TYPE
DATE
AUTHOR
ACTIVE DATE
ACTIONS
\r\n \r\n \r\n \r\n \r\n \r\n {!initialValues.subHeaderString ? '' : sCOAnnouncementsSubHeaderOptions.filter(c =>\r\n c.value === initialValues.subHeaderString)[0].label}\r\n
\r\n {/* eslint-disable-next-line react/no-danger */}\r\nCite: {initialValues.cite}
\r\n\r\n \r\n {!initialValues.dateTypeString ? '' : sCOAnnouncementsDateTypeOptions.filter(c =>\r\n c.value === initialValues.dateTypeString)[0].label} Date:\r\n {!initialValues.effectivePostedDateString ? '' : moment(initialValues.effectivePostedDateString).format('MM/DD/YYYY')}\r\n
\r\nCTA Label: {initialValues.cTALabel}
\r\nCTA Url: {initialValues.cTAUrl}
\r\nActive Date: {!initialValues.activeDateString ? '' : moment(initialValues.activeDateString).format('MM/DD/YYYY')}
\r\nAuthor: {initialValues.modifiedBy}
\r\nDate Added: {moment(initialValues.createdDate).format('MM/DD/YYYY')}
\r\n