{this.props.resources.sortingSelectLabelText}
\r\n{ManufacturerCode}
\r\n{Description}
\r\n{`$${ContractLaborRate.toFixed(2)}`}
\r\n{ContractNotes}
\r\n{noContractsFoundText}
\r\n| {th} | \r\n ))}\r\n\r\n \r\n | \r\n{partId || 'N/A'} | \r\n{description} | \r\n {isAuthenticated || !requiresAuthentication ? (\r\n{currentInventory} | \r\n{priceFormatter(part.Product?.BasePrice || 0)} | \r\n{priceFormatter(part.Product?.Price || 0)} | \r\n {canAddToCart ? (\r\n <>\r\n\r\n | \r\n \r\n {' '}\r\n | \r\n \r\n ) : (\r\n \r\n {' '}\r\n | \r\n )}\r\n{currentInventory} | \r\n{priceFormatter(part.Product?.BasePrice || 0)} | \r\n\r\n {loginToViewPricingText}\r\n | \r\n
|---|
| {th} | \r\n ))}\r\n
|---|
{otherChargesLines}
}\r\n {lines.tax}\r\n {/* {lines.totalDiscounts} */}\r\n {lines.loyalty}\r\n {lines.giftCard}\r\n {lines.orderTotal}\r\n \r\n )}\r\n\r\n {commentString}\r\n
\r\n \r\n );\r\n};\r\n\r\n\r\nconst otherChargesLines = (cart: Cart, chargeCodes: IChargeLinesBreakdownData[] | undefined, currencyFormatter: (price: string | number, currencyCode?: string | undefined) => string): React.ReactNode[] => {\r\n\r\n let lines = cart.ChargeLines;\r\n let linesNode: React.ReactNode[] = [];\r\n chargeCodes?.map(c => {\r\n const node = lines?.filter(\r\n line => line.ChargeCode === c.chargeCode).map(\r\n r =>\r\n {props.resources.textForEmptyRequestStatus}\r\n
\r\n| \r\n {tableHeading} {totalCount} results\r\n | \r\n||
|---|---|---|
| {modelHeading} | \r\n{manufacturerHeading} | \r\n{descriptionHeading} | \r\n
| \r\n {model.Name}\r\n | \r\n{model.Description} | \r\n{model.Name} | \r\n
{this.props.resources.noDataMessage}
\n \n );\n }\n return (\n <>\n{disclaimer}
\r\n \r\n );\r\n } else {\r\n return (\r\n <>\r\n{this._getCommentPreview()}
\r\n {this._renderCommentLink(editLinkText)}\r\n {disclaimer ?{disclaimer}
: null}\r\n \r\n );\r\n }\r\n };\r\n\r\n private _getCommentPreview = (): string => {\r\n const comment = this.props.data.cart.result?.cart.Comment || '';\r\n if (comment.length > 50) {\r\n return `${comment.substring(0, 50)}...`;\r\n } else {\r\n return comment;\r\n }\r\n };\r\n\r\n /**\r\n * Renders a comment link which toggles the active area state\r\n */\r\n private _renderCommentLink = (linkText: string): React.ReactNode => (\r\n \r\n {linkText}\r\n \r\n );\r\n\r\n /**\r\n * Renders a button to save comments to the cartlines\r\n */\r\n private _renderSaveButton = (): React.ReactNode => {\r\n const {\r\n resources: { saveButtonText }\r\n } = this.props;\r\n return (\r\n \r\n );\r\n };\r\n\r\n /**\r\n * Renders a button to cancel the comment entry and set the state to default\r\n */\r\n private _renderCancelButton = (): React.ReactNode => {\r\n const {\r\n resources: { cancelButtonText }\r\n } = this.props;\r\n return (\r\n \r\n );\r\n };\r\n\r\n /**\r\n * Renders the text area for inputting comments\r\n */\r\n private _renderTextArea = (): React.ReactNode => {\r\n const {\r\n resources: { textAreaLabel, charactersRemaining }\r\n } = this.props;\r\n const { comment } = this.state;\r\n return (\r\n\r\n {`${this._maxCommentLength - (comment && comment.length ? comment.length : 0)} ${charactersRemaining}`}\r\n
\r\n| {orderNumberHeadingText} | \r\n{poNumberHeadingText} | \r\n{deliveryTypeHeadingText} | \r\n{mfrHeadingText} | \r\n{partNumberHeadingText} | \r\n{qtyHeadingText} | \r\n{totalHeadingText} | \r\n
|---|---|---|---|---|---|---|
| {order.SalesId} | \r\n{order.PurchaseOrderNumber} | \r\n{deliveryType} | \r\n{order.ManufacturerNumber} | \r\n{order.ItemId} | \r\n{order.Quantity} | \r\n{currencyFormatter(order.Total || 0)} | \r\n
| {noBackOrdersMessageText} | \r\n
{otherChargesLines}
}\r\n {lines.tax}\r\n {lines.totalDiscounts}\r\n {lines.loyalty}\r\n {lines.giftCard}\r\n {lines.orderTotal}\r\n \r\n )}\r\n{c.chargeLineLabel} {currencyFormatter(r.CalculatedAmount?.toString() ?? \"\")}
\r\n );\r\n linesNode.push(node);\r\n })\r\n return linesNode;\r\n}\r\n\r\n\r\nconst _renderShipOnCheckout = (\r\n shipCompleteOnCheckout: boolean,\r\n handleShipCompleteOnCheckoutChange: (e: React.MouseEvent\r\n {commentString}\r\n
\r\n\r\n {props.resources.textForEmptyRequestStatus}\r\n
\r\n{this._getCommentPreview()}
\r\n {this._renderCommentLink(editLinkText)}\r\n| \r\n {courseListHeading} ({totalCount} {courseListResultsHeading}) \r\n \r\n {/*{additionalInfo && {additionalInfo} }*/}\r\n {additionalInfo &&\r\n {errMessage} \r\n \r\n )}\r\n | \r\n |||
|---|---|---|---|
| {courseNameHeading} | \r\n{courseDateHeading} | \r\n{courseRegistrationDetailsHeading} | \r\n{courseAddToCartHeading} | \r\n
| \r\n {c.HRMCourseId} - ${c.GDNCourseFee}\r\n \r\n {c.Description}\r\n {/* */}\r\n {/* {c.Organizer} */}\r\n {/* John Thompson */}\r\n | \r\n \r\n {startLabel}\r\n {c.StartDateTime.toLocaleString('en-us', fmt)} {' '}\r\n {/* TODO: Get locale from context, not hardcode */}\r\n {endLabel}\r\n {c.EndDateTime.toLocaleString('en-us', fmt)} \r\n {/* Location: */}\r\n {/* {c.Location} */}\r\n {/* Tampa Bay, Florida */}\r\n | \r\n \r\n {registrationEndsLabel}\r\n {c.LastDateOfSignup.toLocaleString('en-us', fmt)}\r\n \r\n {maximumAttendeesLabel}\r\n {c.MaxAttendees}\r\n \r\n {currentAttendeesLabel}\r\n {c.CurrentAttendees}\r\n | \r\n \r\n {c.CourseStatus === 'Expired' ? courseExpiredMessage : ''} {/* TODO: Consider an enum */}\r\n {c.CourseStatus === 'Full' ? courseFullMessage : ''}\r\n {c.CourseStatus === 'Valid' && (\r\n // @ts-ignore\r\n | \r\n
{additionalInfo}
}\r\n {errMessage && (\r\n <>\r\n{errMessage}
\r\n \r\n )}\r\n \r\n {courseList.map(c => {\r\n return (\r\n{props.resources.textForEmptyOrderTemplateList}
\n {createOrderTemplateButton}\n