{"version":3,"sources":["webpack:///./ClientApp/services/Localizer.tsx","webpack:///./ClientApp/shared/components/Spinner.tsx","webpack:///./ClientApp/shared/components/IconWithTooltip.tsx","webpack:///./ClientApp/shared/edit/fields/tapecase/CheckboxInputFieldWithCallback.tsx","webpack:///./ClientApp/shared/edit/fields/tapecase/CheckboxFieldWithCallback.tsx","webpack:///./ClientApp/services/AxiosHelper.ts","webpack:///./ClientApp/shared/edit/fields/FieldInputErrorWrapper.tsx","webpack:///./ClientApp/shared/edit/fields/tapecase/CheckboxListFieldWithCallback.tsx","webpack:///./ClientApp/shared/components/svg/HelpSVG.tsx","webpack:///./ClientApp/shared/edit/fields/FieldLabel.tsx","webpack:///./ClientApp/shared/edit/InlineAlert.tsx","webpack:///./ClientApp/shared/components/svg/XSVG.tsx","webpack:///./ClientApp/services/UserData.ts","webpack:///./ClientApp/shared/edit/fields/CheckboxInputField.tsx","webpack:///./ClientApp/shared/edit/fields/CheckBoxField.tsx","webpack:///./ClientApp/shared/edit/fields/DropdownField.tsx","webpack:///./ClientApp/shared/edit/fields/ValidationMessages.tsx","webpack:///./ClientApp/shared/edit/fields/StarRatingField.tsx","webpack:///./ClientApp/shared/edit/fields/TextAreaField.tsx","webpack:///./ClientApp/shared/edit/fields/InputField.tsx","webpack:///./ClientApp/shared/edit/fields/TextBoxField.tsx","webpack:///../Roc.SharedClientApp/types/model-status.ts","webpack:///./ClientApp/shared/util/AccountUrls.ts","webpack:///./ClientApp/shared/util/ErrorBoundary.tsx","webpack:///./ClientApp/shared/polyfills/getAttributeNames.js","webpack:///./ClientApp/shared/util/ApplicationInit.tsx","webpack:///./ClientApp/shared/edit/OptionalFieldMarker.tsx","webpack:///./ClientApp/shared/hooks/useDelayedDisplay.tsx","webpack:///./ClientApp/shared/components/svg/CheckCircleSVG.tsx","webpack:///./ClientApp/shared/util/Misc.ts","webpack:///./ClientApp/features/setup/recaptcha.ts","webpack:///./ClientApp/shared/components/hawksearch/components/svg/DashCircleSVG.tsx","webpack:///./ClientApp/shared/components/svg/CircleExclamationSVG.tsx","webpack:///./ClientApp/shared/components/CircleButton.tsx","webpack:///./ClientApp/shared/components/svg/StarEmptySVG.tsx","webpack:///./ClientApp/shared/components/svg/StarSVG.tsx","webpack:///./ClientApp/shared/components/star-rating/StarRating.tsx","webpack:///./ClientApp/shared/components/star-rating/useStarRating.ts","webpack:///./ClientApp/shared/components/svg/PencilSVG.tsx","webpack:///./ClientApp/services/ServerData.ts","webpack:///./ClientApp/shared/hooks/useLoader.ts","webpack:///./ClientApp/shared/components/svg/FolderSVG.tsx","webpack:///./ClientApp/shared/components/svg/GarbageCanCircleSVG.tsx","webpack:///./ClientApp/shared/components/StatusDisplay.tsx","webpack:///./ClientApp/features/register-tapecase/Register.tsx","webpack:///./ClientApp/features/register-tapecase/index.tsx","webpack:///./ClientApp/shared/hooks/useInterval.tsx","webpack:///./ClientApp/shared/hooks/useReCaptchaToken.tsx","webpack:///./ClientApp/shared/hooks/useRocReCaptchaToken.tsx","webpack:///./ClientApp/shared/hooks/useBaseAxiosFormSubmitter.ts","webpack:///./ClientApp/shared/hooks/useBaseAxiosSubmitter.ts","webpack:///./ClientApp/util/StringUtil.ts","webpack:///./ClientApp/shared/edit/RocForm.tsx","webpack:///./ClientApp/styles/node-modules/react-toggle/style.css?5a6e","webpack:///./ClientApp/styles/node-modules/react-toggle/style.css","webpack:///./ClientApp/shared/edit/fields/ReCaptchaDisclaimer.tsx"],"names":["LocalizerResources","isAlreadyLogged","initializeLocalizerResources","windowWithResources","window","__ROC_LOCALIZER_RESOURCES__","Array","isArray","forEach","obj","Object","keys","key","Localizer","replaceStrings","length","console","warn","resource","replace","match","index","LocalizedSpan","props","resourceKey","args","localizedString","data-testid","toKebabCase","dangerouslySetInnerHTML","__html","Spinner","light","waitMs","align","block","parentCentered","useDelayedDisplay","spinner","className","classnames","Tooltip","React","lazy","IconWithTooltip","renderIcon","tooltipText","containerRef","useRef","Suspense","fallback","label","as","ref","type","aria-label","CheckboxInputFieldWithCallback","input","name","checked","meta","disabled","readOnly","placeholder","step","testId","onChange","dirty","FieldInputErrorWrapper","inline","htmlFor","id","aria-describedby","CheckboxFieldWithCallback","afterSubmit","allowNull","beforeSubmit","formatOnBlur","initialValue","isEqual","subscription","value","AxiosHelper","axios","create","defaults","headers","common","interceptors","request","use","config","method","toLowerCase","getCsrfToken","csrfToken","RequestVerificationToken","addUnauthorizedAccessInterceptor","history","response","error","status","location","AccountUrls","Login","encodeURIComponent","pathname","Promise","reject","hideIcon","children","useField","invalid","submitError","dirtySinceLastSubmit","submitting","touched","CheckboxListFieldWithCallback","isRequired","items","validateFields","map","checkboxItem","CheckBox","text","HelpSVG","rest","viewBox","focusable","aria-hidden","fill","d","FieldLabel","trim","InlineAlert","title","defaultProps","theme","isTitleOnOwnRow","isCollapsed","onCollapse","message","axiosError","isAxiosError","data","onClick","XSVG","userDataPromise","getUserData","get","getUserDataNoCache","userData","requestToken","CheckboxInputField","defaultValue","defaultChecked","CheckBoxField","DropdownField","addSelectOption","options","onFocus","onBlur","option","getErrorArray","errorOrSubmitError","errors","push","filter","ValidationMessages","concat","aria-live","aria-atomic","Fragment","StarRatingField","maxRating","OptionalFieldMarker","StarRating","readonly","TextAreaField","rows","validate","component","format","parse","render","InputField","forwardRef","TextBoxField","ModelStatus","BaseUrl","ServerData","ACCOUNT_URL_BASE","ACCOUNT_LOGIN_URL","Login2fa","ACCOUNT_LOGIN_WITH_2FA_URL","Register","ACCOUNT_REGISTER_URL","ForgotPassword","ACCOUNT_FORGOT_PASSWORD_URL","LoginWithRecoveryCode","ACCOUNT_LOGIN_WITH_RECOVERY_CODE_URL","Logout","ACCOUNT_LOGOUT_URL","OrganizationReview","ACCOUNT_ORGANIZATION_REVIEW_URL","OrganizationSelector","ACCOUNT_ORGANIZATION_SELECTOR_URL","ErrorBoundary","this","setState","state","renderError","Component","renderProps","undefined","Element","prototype","getAttributeNames","attributes","result","i","getDataPropsFromAttributes","element","s","startsWith","attributeName","toCamelCase","substring","getAttribute","initReactApp","getReactElement","elementId","document","getElementById","ReactDOM","initReactAppByAttribute","attribute","elements","querySelectorAll","memo","useState","display","setDisplay","useEffect","timeout","setTimeout","clearTimeout","CheckCircleSVG","ms","resolve","sleep","handleAxiosErrorWithValidation","errorMessage","validationErrorCallback","genericErrorCallback","globalErrors","errorsWithModifiedArrayIndex","reduce","acc","newValidationState","unflatten","FORM_ERROR","getQueryParam","paramName","decodeParam","urlParams","URLSearchParams","search","paramValue","decodeURIComponent","reCaptchaCallbackPromise","setupReCaptcha","windowWithReCaptchaCallbacks","onReCaptchaLoadCallback","DashCircleSVG","class","CircleExclamationSVG","CircleButton","icon","otherProps","StarEmptySVG","StarSVG","params","ratingStars","setRatingStars","ratingHovered","setRatingHovered","newState","isFull","isPending","isHighlighted","isChecked","ratingValue","useStarRating","Error","onInputChange","e","parseInt","currentTarget","modifierClasses","onMouseEnter","onMouseLeave","PencilSVG","windowWithServerData","__ROC_SERVER_DATA__","initializeServerData","useLoader","loading","setLoading","setError","setResponse","FolderSVG","GarbageCanCircleSVG","StatusDisplay","Published","Inactive","Deleted","Draft","Archived","__TAPECASE_REGISTRATION_DATA__","industries","states","distributorIndustries","organizationIndustriesOptions","o","distributorIndustriesOptions","isDistributorRegistration","setIsDistributorRegistration","is3MDistributorRegistration","setIs3MDistributorRegistration","selectedDistributorIndustries","setSelectedDistributorIndustries","onOrganizationTypeSelected","target","on3MDistributorSelected","usStates","countryCode","toUpperCase","registerSubmitter","useAxiosFormSubmitter","url","submitted","RequireConfirmEmail","RegistrationThankYouTitle","RegistrationThankYouMessage","href","RocForm","onSubmit","handleSubmit","form","USE_EMAIL_AS_USERNAME","includes","item","change","ReCaptchaDisclaimer","color","useInterval","callback","delay","enabled","savedCallback","intervalId","current","setInterval","clearInterval","ReCaptchaKeyWarning","useReCaptchaToken","reCaptchaKey","action","initialEnabled","reCaptchaWindow","tokenPromise","tokenPromiseIsResolved","initPromise","setEnabled","useLayoutEffect","grecaptcha","ready","getToken","invalidateToken","force","execute","useRocReCaptchaToken","ReCaptchaV3Key","isReCaptchaEnabled","IsReCaptchaEnabled","useRocFormSubmitter","axiosParams","reCaptchaActionName","csrfEnabled","stateful","invalidateTokenOnSuccess","useBaseAxiosFormSubmitter","responseCallback","submitterCallback","formValidationState","submitter","useBaseAxiosSubmitter","formValues","submit","submitResult","responseData","getRecaptchaToken","cancelToken","payload","Axios","CancelToken","source","promises","all","reCaptchaToken","serverResponse","isCancel","toLocaleLowerCase","word","stripHtml","html","tmp","createElement","innerHTML","textContent","innerText","trimString","focusOnError","createDecorator","debug","destroyOnUnregister","initialValues","initialValuesEqual","keepDirtyOnReinitialize","validateOnBlur","decorators","mutators","api","content","__esModule","default","module","exports","locals","___CSS_LOADER_API_IMPORT___"],"mappings":"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","file":"register-tapecase-form.js","sourcesContent":["import { AddressResourceKeys } from 'features/address-book/resources';\r\nimport { ContactFormResourceKeys } from 'features/contact-form/resources';\r\nimport { CreatePasswordResourceKeys } from 'features/create-password/resources';\r\nimport { LoginWith2faResourceKeys } from 'features/login-with-2fa/resources';\r\nimport { LoginWithRecoveryCodeResourceKeys } from 'features/login-with-recovery-code/resources';\r\nimport { LoginResourceKeys } from 'features/login/resources';\r\nimport { MyAccountResourceKeys } from 'features/my-account/resources';\r\nimport { ResetPasswordResourceKeys } from 'features/reset-password/resources';\r\nimport { SubmitQuestionResourceKeys } from 'features/submit-question/resources';\r\nimport * as React from 'react';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\n// #region Commerce\r\nimport { CommerceResourceKeys } from 'features/commerce/CommerceResourceKeys';\r\n// #endregion\r\n\r\n// #region TapeCase Customization\r\nimport { SubmitQuoteResourceKeys } from 'features/submit-quote/resources';\r\nimport { TapeCaseRegistrationResourceKeys } from 'features/register-tapecase/resources';\r\nimport { CareersFormResourceKeys } from 'features/careers-form/resources';\r\nimport { FileUploadResourceKeys } from 'features/file-upload/resources';\r\n// #endregion\r\n\r\n/**\r\n * Type that will hold all the global localization keys\r\n */\r\ntype LocalizerGlobalResourceKeys =\r\n\t| 'Success'\r\n\t| 'OfTotalPages'\r\n\t| 'Cancel'\r\n\t| 'Confirm'\r\n\t| 'FirstName'\r\n\t| 'LastName'\r\n\t| 'Email'\r\n\t| 'Username'\r\n\t| 'Amount'\r\n\t| 'NameOnCard'\r\n\t| 'CardNumber'\r\n\t| 'ExpDate'\r\n\t| 'ExpMonth'\r\n\t| 'ExpYear'\r\n\t| 'Expires'\r\n\t| 'Expired'\r\n\t| 'SecurityCode'\r\n\t| 'Submit'\r\n\t| 'Save'\r\n\t| 'ZipCode'\r\n\t| 'Remove'\r\n\t| 'Removed'\r\n\t| 'Update'\r\n\t| 'Undo'\r\n\t| 'Cancel'\r\n\t| 'Enter'\r\n\t| 'Close'\r\n\t| 'SortBy'\r\n\t| 'PleaseWait'\r\n\t| 'Unknown'\r\n\t| 'Yes'\r\n\t| 'No'\r\n\t| 'Delete'\r\n\t| 'Update'\r\n\t| 'SaveAndContinueButtonText'\r\n\t| 'SaveAndContinue'\r\n\t| 'Continue'\r\n\t| 'SaveErrorMessage'\r\n\t| 'Edit'\r\n\t| 'ErrorMessageGenericTitle'\r\n\t| 'CheckEnteredValues'\r\n\t| 'ErrorMessageForbidden'\r\n\t| 'ErrorMessageNetwork'\r\n\t| 'ErrorOccurredSubmittingTheForm'\r\n\t| 'UnexpectedErrorOccurred'\r\n\t| 'Login'\r\n\t| 'ReturnToShipping'\r\n\t| 'BreadcrumbsLabel'\r\n\t| 'Other'\r\n\t| 'RememberMe'\r\n\t| 'ForgotYourPassword'\r\n\t| 'RegisterNewUserLinkText'\r\n\t| 'LoginPageTitleText'\r\n\t| 'ForgotPasswordPageTitle'\r\n\t| 'ForgotPasswordConfirmationPageTitle'\r\n\t| 'ForgotPasswordConfirmation'\r\n\t| 'Optional'\r\n\t| 'SearchBoxPlaceholder'\r\n\t| 'XOutOfYStars'\r\n\t| 'XToYOfZ'\r\n\t| 'ModalLabel'\r\n\t| 'RequiredFields'\r\n\t| 'Status'\r\n\t| 'Version'\r\n\t| 'CreatedOn'\r\n\t| 'CreatedBy'\r\n\t| 'ModifiedOn'\r\n\t| 'ModifiedBy'\r\n\t| 'OpenStatusInformation'\r\n\t| 'CloseStatusInformation'\r\n\t| 'SearchFilter'\r\n\t| 'Pagination'\r\n\t| 'Previous'\r\n\t| 'Next'\r\n\t| 'ClearFilter';\r\n\r\n/**\r\n * Type that will hold all the localization keys\r\n */\r\nexport type LocalizerResourceKey =\r\n\t| LocalizerGlobalResourceKeys\r\n\t| LoginResourceKeys\r\n\t| ContactFormResourceKeys\r\n\t// #region Commerce\r\n\t| CommerceResourceKeys\r\n\t// #endregion\r\n\t| ResetPasswordResourceKeys\r\n\t| CreatePasswordResourceKeys\r\n\t| SubmitQuestionResourceKeys\r\n\t| ResetPasswordResourceKeys\r\n\t| CreatePasswordResourceKeys\r\n\t| MyAccountResourceKeys\r\n\t| LoginWith2faResourceKeys\r\n\t| LoginWithRecoveryCodeResourceKeys\r\n\t| AddressResourceKeys\r\n\t// #region TapeCase Customization\r\n\t| SubmitQuoteResourceKeys\r\n\t| TapeCaseRegistrationResourceKeys\r\n\t| CareersFormResourceKeys\r\n\t| FileUploadResourceKeys;\r\n// #endregion\r\n\r\n/**\r\n * Interface for the resources\r\n *\r\n * @export\r\n * @interface LocalizerResource\r\n */\r\ninterface LocalizerResource {\r\n\t[id: string]: string;\r\n}\r\n\r\n/**\r\n * Extends Window with a property that will hold the localizer resources\r\n *\r\n * @interface WindowWithResources\r\n * @extends {Window}\r\n */\r\nexport interface WindowWithResources extends Window {\r\n\t__ROC_LOCALIZER_RESOURCES__?: LocalizerResource[];\r\n}\r\n\r\n/**\r\n * Main object that will hold all the localized resources\r\n */\r\nconst LocalizerResources: LocalizerResource = {};\r\n\r\n/**\r\n * To prevent redundant logging\r\n */\r\nconst isAlreadyLogged: Record<string, boolean> = {};\r\n\r\n/**\r\n * Initializer function that will populate the main localized resources object\r\n */\r\nfunction initializeLocalizerResources() {\r\n\tconst windowWithResources = window as WindowWithResources;\r\n\r\n\tif (\r\n\t\twindowWithResources &&\r\n\t\twindowWithResources.__ROC_LOCALIZER_RESOURCES__ &&\r\n\t\tArray.isArray(windowWithResources.__ROC_LOCALIZER_RESOURCES__)\r\n\t) {\r\n\t\twindowWithResources.__ROC_LOCALIZER_RESOURCES__.forEach((obj) => {\r\n\t\t\tfor (const key of Object.keys(obj)) {\r\n\t\t\t\tLocalizerResources[key] = obj[key];\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n}\r\n\r\n/**\r\n * Function that can be used to load the localized strings with support to parameter replacements\r\n *\r\n * @export\r\n * @param {string} key\r\n * @param {...string[]} replaceStrings\r\n * @returns\r\n */\r\nexport function Localizer<TResourceKey extends LocalizerResourceKey = LocalizerResourceKey>(\r\n\tkey: TResourceKey,\r\n\t...replaceStrings: string[]\r\n) {\r\n\tif (Object.keys(LocalizerResources).length === 0) {\r\n\t\tinitializeLocalizerResources();\r\n\t}\r\n\r\n\tif (!LocalizerResources || !LocalizerResources[key]) {\r\n\t\t// if running in a test environment, just skip any warnings.\r\n\t\tif (process.env.NODE_ENV !== 'test') {\r\n\t\t\tif (!isAlreadyLogged[key]) {\r\n\t\t\t\tconsole.warn(key, 'Localizer Resource not found. Key will be used instead.');\r\n\t\t\t\tisAlreadyLogged[key] = true;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn key;\r\n\t}\r\n\r\n\tconst resource = LocalizerResources[key];\r\n\r\n\tif (!replaceStrings) {\r\n\t\treturn resource;\r\n\t}\r\n\r\n\treturn resource.replace(/{(\\d+)}/g, (match: string, index: number) => {\r\n\t\treturn replaceStrings[index] ? replaceStrings[index] : '';\r\n\t});\r\n}\r\n\r\n/**\r\n * Interface for the LocalizedSpan component\r\n *\r\n * @interface LocalizedSpanProps\r\n */\r\ninterface LocalizedSpanProps {\r\n\tresourceKey: LocalizerResourceKey;\r\n\targs?: string[];\r\n}\r\n\r\n/**\r\n * Component responsible for the initialization of the react app\r\n */\r\nexport function LocalizedSpan(props: LocalizedSpanProps) {\r\n\tconst { resourceKey, args = [] } = props;\r\n\tconst localizedString = Localizer(resourceKey, ...args);\r\n\r\n\treturn (\r\n\t\t<span\r\n\t\t\tdata-testid={`localized-${toKebabCase(resourceKey)}`}\r\n\t\t\tdangerouslySetInnerHTML={{ __html: localizedString }}\r\n\t\t/>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport useDelayedDisplay from 'shared/hooks/useDelayedDisplay';\r\nimport classnames from 'classnames';\r\n\r\ntype SpinnerAlignment = 'left' | 'right' | 'none';\r\n\r\ninterface SpinnerProps {\r\n\tlight?: boolean;\r\n\twaitMs?: number;\r\n\talign?: SpinnerAlignment;\r\n\tblock?: boolean;\r\n\tparentCentered?: boolean;\r\n}\r\n\r\n/**\r\n * Reusable roc-spinner component with color, alignment and wait time props.\r\n *\r\n * @export\r\n * @param {SpinnerProps} { light = false, waitMs = 200, align = 'right', block }\r\n * @returns\r\n */\r\nexport default function Spinner({\r\n\tlight = false,\r\n\twaitMs = 200,\r\n\talign = 'right',\r\n\tblock,\r\n\tparentCentered = false,\r\n}: SpinnerProps) {\r\n\tconst display = useDelayedDisplay(waitMs);\r\n\r\n\tif (!display) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst spinner = (\r\n\t\t<div\r\n\t\t\tclassName={classnames('roc-spinner', {\r\n\t\t\t\t'roc-spinner--align-none': align === 'none',\r\n\t\t\t\t'roc-spinner--light': light,\r\n\t\t\t\t'roc-spinner--block': block,\r\n\t\t\t\t'roc-spinner--left': align === 'left',\r\n\t\t\t\t'roc-spinner--right': align === 'right',\r\n\t\t\t})}\r\n\t\t\tdata-testid=\"spinner\"\r\n\t\t>\r\n\t\t\t<div className=\"roc-spinner__body\">\r\n\t\t\t\t<div className=\"roc-spinner__cube1\" />\r\n\t\t\t\t<div className=\"roc-spinner__cube2\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n\r\n\tif (parentCentered) {\r\n\t\treturn <div className=\"roc-spinner__centered-parent\">{spinner}</div>;\r\n\t}\r\n\r\n\treturn spinner;\r\n}\r\n","import React, { useRef } from 'react';\r\nimport Spinner from './Spinner';\r\nimport '@reach/tooltip/styles.css';\r\nimport type { Tooltip as TooltipType } from '@reach/tooltip';\r\nconst Tooltip = React.lazy<typeof TooltipType>(() => import('@reach/tooltip'));\r\n\r\ninterface IconWithTooltipProps {\r\n\trenderIcon: () => React.ReactNode;\r\n\ttooltipText: string;\r\n}\r\n\r\n/**\r\n * Reusable component for rendering an icon inside a tooltip wrapper with text.\r\n *\r\n * @export\r\n * @param {ShoppingListIconProps} props\r\n */\r\nexport default function IconWithTooltip(props: IconWithTooltipProps) {\r\n\tconst { renderIcon, tooltipText } = props;\r\n\tconst containerRef = useRef<HTMLButtonElement>(null);\r\n\r\n\treturn (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<Tooltip label={tooltipText} as={'div'}>\r\n\t\t\t\t<button ref={containerRef} type=\"button\" className=\"roc-icon-with-tooltip\" aria-label={tooltipText}>\r\n\t\t\t\t\t<span className=\"roc-icon-with-tooltip__icon-wrapper\">{renderIcon()}</span>\r\n\t\t\t\t</button>\r\n\t\t\t</Tooltip>\r\n\t\t</React.Suspense>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { ValidationMessages } from '..';\r\nimport { BaseInputProps } from '../InputField';\r\nimport FieldInputErrorWrapper from '../FieldInputErrorWrapper';\r\n\r\nexport type InputFieldProps = FieldRenderProps<boolean, HTMLElement> &\r\n\tBaseInputProps & {\r\n\t\tplaceholder?: string;\r\n\t\tonChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n\t};\r\n\r\n/**\r\n * Component that renders a checkbox input with form field.\r\n */\r\nexport default function CheckboxInputFieldWithCallback({\r\n\tinput: { name, checked },\r\n\tmeta,\r\n\ttype,\r\n\tlabel = '',\r\n\tdisabled = false,\r\n\treadOnly = false,\r\n\tplaceholder = '',\r\n\tstep,\r\n\ttestId,\r\n\tonChange,\r\n}: InputFieldProps) {\r\n\treturn (\r\n\t\t<div className={meta.dirty ? 'roc-form-group form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t<div className=\"roc-form-input__input-checkbox-wrapper\">\r\n\t\t\t\t<FieldInputErrorWrapper name={name} inline={type === 'checkbox'}>\r\n\t\t\t\t\t<label htmlFor={name} className=\"roc-form-input__input-checkbox-label\">\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tchecked={checked}\r\n\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\tstep={step}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span className=\"roc-form-input__input-checkbox-label-text\">{label}</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t</div>\r\n\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport { BaseInputProps } from '../InputField';\r\nimport CheckboxInputFieldWithCallback from './CheckboxInputFieldWithCallback';\r\n\r\nexport type InputFieldProps = FieldProps<boolean, FieldRenderProps<boolean, HTMLElement>> & BaseInputProps;\r\n\r\n/**\r\n * Component that renders a checkbox field with on change event\r\n */\r\nexport default function CheckboxFieldWithCallback({\r\n\tname,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tlabel = '',\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tformatOnBlur,\r\n\tinitialValue,\r\n\tisEqual,\r\n\tsubscription,\r\n\tchecked,\r\n\tonChange,\r\n}: InputFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tchecked={checked}\r\n\t\t\tonChange={onChange}\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<CheckboxInputFieldWithCallback\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tinput={input}\r\n\t\t\t\t\tmeta={meta}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\tonChange={(value) => {\r\n\t\t\t\t\t\tinput.onChange(value);\r\n\t\t\t\t\t\tif (onChange) {\r\n\t\t\t\t\t\t\tonChange(value);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import axios, { AxiosInstance, AxiosResponse, AxiosError } from 'axios';\r\nimport AccountUrls from 'shared/util/AccountUrls';\r\nimport { getCsrfToken } from './UserData';\r\n\r\n/**\r\n * Helper that creates an instance of Axios to be used throughout the client application\r\n * and adds a default X-Requested-With header to all requests.\r\n *\r\n */\r\nconst AxiosHelper: AxiosInstance = axios.create();\r\nAxiosHelper.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';\r\n\r\n// Add CSRF tokens to all commands that are not GET, HEAD, or OPTIONS\r\nAxiosHelper.interceptors.request.use(async (config) => {\r\n\tif (\r\n\t\tconfig.method?.toLowerCase() !== 'get' &&\r\n\t\tconfig.method?.toLowerCase() !== 'head' &&\r\n\t\tconfig.method?.toLowerCase() !== 'options'\r\n\t) {\r\n\t\tconst csrfToken = await getCsrfToken();\r\n\t\tconfig.headers = { RequestVerificationToken: csrfToken, ...config.headers };\r\n\t}\r\n\treturn config;\r\n});\r\n\r\nexport default AxiosHelper;\r\n\r\n// eslint-disable-next-line no-unused-vars\r\nexport const addUnauthorizedAccessInterceptor = (history) => {\r\n\t// this allows us to act when any request going through axios succeeds or fails.\r\n\tAxiosHelper.interceptors.response.use(\r\n\t\t(response: AxiosResponse) => {\r\n\t\t\treturn response;\r\n\t\t},\r\n\t\t(error: AxiosError) => {\r\n\t\t\tif (error.response && error.response.status === 401) {\r\n\t\t\t\twindow.location.replace(\r\n\t\t\t\t\t`${AccountUrls.Login}?ReturnUrl=${encodeURIComponent(window.location.pathname)}`,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\treturn Promise.reject(error);\r\n\t\t},\r\n\t);\r\n};\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport CircleExclamationSVG from 'shared/components/svg/CircleExclamationSVG';\r\nimport { useField } from 'react-final-form';\r\n\r\ninterface FieldInputErrorWrapperProps {\r\n\thideIcon?: boolean;\r\n\tchildren: React.ReactNode;\r\n\tinline?: boolean;\r\n\tname: string;\r\n}\r\n\r\n/**\r\n * Component for handling the invalid styles for inputs.\r\n *\r\n * @export\r\n * @param {FieldInputErrorWrapperProps} props\r\n * @returns\r\n */\r\nexport default function FieldInputErrorWrapper(props: FieldInputErrorWrapperProps) {\r\n\tconst { hideIcon = false, children, inline = false, name } = props;\r\n\tconst { meta } = useField(name);\r\n\tconst invalid =\r\n\t\t(meta.error || (meta.submitError && !meta.dirtySinceLastSubmit && !meta.submitting)) &&\r\n\t\tmeta.touched &&\r\n\t\tmeta.invalid\r\n\t\t\t? meta.invalid\r\n\t\t\t: false;\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={classnames('roc-form-input__input-wrapper', {\r\n\t\t\t\t'roc-form-input__input-wrapper--invalid': invalid,\r\n\t\t\t\t'roc-form-input__input-wrapper--inline': inline,\r\n\t\t\t})}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t\t{invalid && !hideIcon ? <CircleExclamationSVG className=\"roc-form-input__input-wrapper-icon\" /> : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React, { ChangeEvent } from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport { FormFieldProps, ValidationMessages } from '..';\r\nimport FieldInputErrorWrapper from '../FieldInputErrorWrapper';\r\nimport FieldLabel from '../FieldLabel';\r\n\r\nexport interface CheckboxOption {\r\n\tvalue: string;\r\n\ttext: string;\r\n}\r\n\r\nexport type CheckboxListWithCallbackProps = FormFieldProps & {\r\n\titems: CheckboxOption[];\r\n\tonChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n};\r\n\r\nexport type CheckboxListFieldWithCallbackProps = CheckboxListWithCallbackProps &\r\n\tFieldProps<CheckboxOption, FieldRenderProps<CheckboxOption, HTMLElement>>;\r\n\r\n/**\r\n * Component that renders a Dropdown field component\r\n */\r\nexport default function CheckboxListFieldWithCallback({\r\n\tname,\r\n\tisRequired = true,\r\n\titems,\r\n\tlabel = '',\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tformatOnBlur,\r\n\tisEqual,\r\n\tsubscription,\r\n\tvalidateFields,\r\n\tonChange,\r\n}: CheckboxListFieldWithCallbackProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalidateFields={validateFields}\r\n\t\t\tonChange={onChange}\r\n\t\t>\r\n\t\t\t{({ onChange, meta }) => (\r\n\t\t\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t\t\t<FieldInputErrorWrapper name={name} hideIcon>\r\n\t\t\t\t\t\t{items.map((checkboxItem, index) => (\r\n\t\t\t\t\t\t\t<div className=\"roc-checkbox-list__item\" key={index}>\r\n\t\t\t\t\t\t\t\t<CheckBox\r\n\t\t\t\t\t\t\t\t\tname={`${name}.${index}`}\r\n\t\t\t\t\t\t\t\t\tlabel={checkboxItem.text}\r\n\t\t\t\t\t\t\t\t\tvalue={checkboxItem.value}\r\n\t\t\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n\r\ninterface CheckBoxProps {\r\n\t/**\r\n\t * The input field `name` attribute for each CheckBox. Should be unique.\r\n\t */\r\n\tname: string;\r\n\r\n\t/**\r\n\t * The label displayed next to the CheckBox.\r\n\t */\r\n\tlabel: string;\r\n\r\n\t/**\r\n\t * The value for the specific CheckBox. This should generally be unique as well.\r\n\t */\r\n\tvalue: string;\r\n\r\n\t/**\r\n\t * The event handler for any changes on the CheckBox.\r\n\t */\r\n\tonChange: (event: ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nfunction CheckBox({ name, label, value, onChange }: CheckBoxProps) {\r\n\treturn (\r\n\t\t<label htmlFor={name}>\r\n\t\t\t<input name={name} type=\"checkbox\" value={value} onChange={onChange} />\r\n\r\n\t\t\t<span>{label}</span>\r\n\t\t</label>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Question Mark help SVG\r\n *\r\n * @returns\r\n */\r\nfunction HelpSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-help-header', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#7ca9d6\"\r\n\t\t\t\td=\"M16 0c-8.837 0-16 7.163-16 16s7.163 16 16 16c8.837 0 16-7.163 16-16v0c0-8.837-7.163-16-16-16v0zM15.748 25.333h-0.085c-1.222-0.015-2.207-1.009-2.207-2.233 0-1.234 1-2.233 2.233-2.233 0.009 0 0.019 0 0.028 0h0.075c1.223 0.013 2.209 1.007 2.209 2.232 0 1.233-0.999 2.232-2.232 2.232-0.008 0-0.016-0-0.024-0h0.001zM21.233 14.448c-0.54 0.614-1.141 1.153-1.798 1.617l-0.032 0.022-0.933 0.645c-0.414 0.282-0.736 0.672-0.927 1.13l-0.006 0.017c-0.095 0.244-0.149 0.527-0.149 0.823 0 0.048 0.001 0.096 0.004 0.143l-0-0.007v0.151h-3.583l0.009-0.303c-0.018-0.14-0.028-0.302-0.028-0.467 0-0.784 0.23-1.515 0.627-2.128l-0.009 0.015c0.788-0.795 1.661-1.502 2.606-2.109l0.061-0.037c0.246-0.181 0.455-0.394 0.626-0.637l0.006-0.009c0.306-0.356 0.504-0.813 0.54-1.314l0-0.007c0-0.005 0-0.011 0-0.017 0-0.567-0.183-1.091-0.493-1.517l0.005 0.007c-0.375-0.419-0.917-0.682-1.521-0.682-0.087 0-0.173 0.005-0.257 0.016l0.010-0.001c-0.060-0.007-0.129-0.010-0.199-0.010-0.656 0-1.236 0.329-1.583 0.831l-0.004 0.006c-0.334 0.501-0.535 1.116-0.541 1.777v0.155h-3.685l0.007-0.16c-0.003-0.070-0.005-0.152-0.005-0.235 0-1.894 0.94-3.568 2.379-4.582l0.018-0.012c0.932-0.571 2.061-0.91 3.269-0.91 0.070 0 0.139 0.001 0.208 0.003l-0.010-0c0.080-0.003 0.173-0.005 0.268-0.005 1.569 0 3.025 0.483 4.229 1.308l-0.026-0.017c1.108 0.821 1.818 2.124 1.818 3.593 0 0.091-0.003 0.181-0.008 0.271l0.001-0.012c-0.005 0.997-0.339 1.915-0.899 2.652l0.008-0.011z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default HelpSVG;\r\n","/* eslint-disable jsx-a11y/label-has-for */\r\nimport React from 'react';\r\nimport { WithTestIdOptional } from 'shared-client/types/test';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport OptionalFieldMarker from '../OptionalFieldMarker';\r\n\r\nexport interface FieldLabelProps extends WithTestIdOptional {\r\n\tlabel: string;\r\n\tname: string;\r\n\tid?: string;\r\n\tisRequired: boolean;\r\n\thtmlFor?: string;\r\n\tchildren?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Wrapper component for all field labels for ease of use.\r\n */\r\nexport default function FieldLabel(props: FieldLabelProps) {\r\n\tconst { label, id, isRequired, htmlFor, children, testId } = props;\r\n\r\n\tif (!label || !label.trim()) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<label\r\n\t\t\tclassName=\"roc-form-input-label\"\r\n\t\t\thtmlFor={htmlFor}\r\n\t\t\tid={id ? id : htmlFor + '-label'}\r\n\t\t\tdata-testid={testId || `field-label-${toKebabCase(label)}`}\r\n\t\t>\r\n\t\t\t{label}\r\n\t\t\t{!isRequired ? <OptionalFieldMarker /> : null}\r\n\t\t\t{children ? children : null}\r\n\t\t</label>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { AxiosError } from 'axios';\r\nimport XSVG from 'shared/components/svg/XSVG';\r\n\r\ntype Theme = 'danger' | 'warning' | 'info' | 'success';\r\n\r\nexport interface ErrorAlertProps {\r\n\t/**\r\n\t * The title of the error message such as \"Uh Oh!\" or \"An Unexpected Error has Occurred!\"\r\n\t */\r\n\ttitle: string;\r\n\r\n\t/**\r\n\t * The error message to display if an error object doesn't have a more appropriate message.\r\n\t */\r\n\tmessage: React.ReactNode | string;\r\n\r\n\tchildren?: any;\r\n\r\n\ttheme?: Theme;\r\n\r\n\tisTitleOnOwnRow?: boolean;\r\n\r\n\t/** The error responsible for this message. */\r\n\terror: AxiosError | Error | null;\r\n\r\n\t/**\r\n\t * Method from parent that handles collapse state.\r\n\t */\r\n\tonCollapse?: (collased: boolean) => void;\r\n\r\n\t/**\r\n\t * Controlled collapse state from parent.\r\n\t */\r\n\tisCollapsed?: boolean;\r\n}\r\n\r\n/**\r\n * Reusable Error Alert Component.\r\n */\r\nexport default function InlineAlert(props: ErrorAlertProps) {\r\n\tconst {\r\n\t\ttitle = InlineAlert.defaultProps.title,\r\n\t\tchildren,\r\n\t\ttheme = 'danger',\r\n\t\tisTitleOnOwnRow = false,\r\n\t\terror = InlineAlert.defaultProps.error,\r\n\t\tisCollapsed = false,\r\n\t\tonCollapse,\r\n\t} = props;\r\n\r\n\tlet { message = InlineAlert.defaultProps.message } = props;\r\n\r\n\tconst axiosError = error as AxiosError | null;\r\n\tif (axiosError?.isAxiosError && axiosError != null && axiosError.response == null && axiosError.request != null) {\r\n\t\tmessage = Localizer('ErrorMessageNetwork');\r\n\t}\r\n\r\n\tif (axiosError?.isAxiosError && (axiosError?.response?.status === 401 || axiosError?.response?.status === 403)) {\r\n\t\tmessage = Localizer('ErrorMessageForbidden');\r\n\t}\r\n\r\n\tif (axiosError?.response?.data?.message) {\r\n\t\tmessage = axiosError.response.data.message;\r\n\t}\r\n\r\n\tif (isCollapsed) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tdata-testid=\"inline-alert-window\"\r\n\t\t\tclassName={classnames('roc-alert', {\r\n\t\t\t\t'roc-alert-danger': theme === 'danger',\r\n\t\t\t\t'roc-alert-warning': theme === 'warning',\r\n\t\t\t\t'roc-alert-info': theme === 'info',\r\n\t\t\t\t'roc-alert-success': theme === 'success',\r\n\t\t\t})}\r\n\t\t>\r\n\t\t\t{onCollapse ? (\r\n\t\t\t\t<button type=\"button\" className=\"roc-alert__close-btn\" onClick={() => onCollapse(true)}>\r\n\t\t\t\t\t<XSVG />\r\n\t\t\t\t</button>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{title ? (\r\n\t\t\t\t<strong className={classnames('roc-alert-title', { 'roc-alert-title--space': isTitleOnOwnRow })}>\r\n\t\t\t\t\t{title}\r\n\t\t\t\t</strong>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{message ? <span data-testid=\"inline-alert-text\">{message}</span> : null}\r\n\r\n\t\t\t{children ? <> {children}</> : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\n/**\r\n * Error Alert Default Props\r\n */\r\nInlineAlert.defaultProps = {\r\n\ttitle: Localizer('ErrorMessageGenericTitle'),\r\n\tmessage: Localizer('UnexpectedErrorOccurred'),\r\n\terror: null,\r\n};\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * X SVG\r\n *\r\n * @returns\r\n */\r\nfunction XSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-x', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.058 10.971l9.825-9.825c1.373-1.373 3.598-1.373 4.971 0s1.373 3.598 0 4.971l-9.825 9.825 9.942 9.941c1.373 1.373 1.373 3.598 0 4.971s-3.598 1.373-4.971 0l-9.942-9.942-10.058 10.058c-1.373 1.373-3.598 1.373-4.971 0s-1.373-3.598 0-4.971l10.058-10.058-9.941-9.941c-1.373-1.373-1.373-3.598 0-4.971s3.598-1.373 4.971 0l9.941 9.941z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default XSVG;\r\n","import AxiosHelper from 'services/AxiosHelper';\r\nimport { AxiosResponse } from 'axios';\r\n\r\nexport interface UserSummary {\r\n\tisSignedIn: boolean;\r\n\tuserName: string | null;\r\n\tfirstName: string | null;\r\n\tlastName: string | null;\r\n\temail: string | null;\r\n\tphoneNumber: string | null;\r\n\ttwoFactorEnabled: boolean;\r\n\thasRecoveryCodes: boolean;\r\n\tisMachineRemembered: boolean;\r\n\tannouncements: UserAnnouncement[];\r\n\tisExternalLoginUser: boolean;\r\n\r\n\t// #region TapeCase\r\n\tisOptedInForMarketingEmails: boolean;\r\n\t// #endregion\r\n}\r\n\r\n/** Represents the details about an admin impersonation session of the logged in user. */\r\nexport interface Impersonation {\r\n\t/** The id of the admin impersonating the front end user. */\r\n\timpersonatorId: string;\r\n\r\n\t/** The name of the admin impersonating the front end user. */\r\n\timpersonatorName: string;\r\n\r\n\t/** The id of the active user impersonation session. */\r\n\tsessionId: string;\r\n}\r\n\r\nexport interface UserData {\r\n\t/**\r\n\t * Summary of user-specific details\r\n\t */\r\n\tsummary?: UserSummary;\r\n\r\n\t/**\r\n\t * CSRF validation token generated by the server\r\n\t */\r\n\trequestToken?: string;\r\n\r\n\t/**\r\n\t * The information on an impersonation session if one is active.\r\n\t * If an impersonation session isn't active this field will be undefined.\r\n\t */\r\n\timpersonation?: Impersonation;\r\n}\r\n\r\nexport interface UserAnnouncement {\r\n\t/** The id used as the primary key for the announcement in the database */\r\n\tid: string;\r\n\r\n\t/** An announcement to be displayed to the user */\r\n\tmessage: string;\r\n\r\n\t/** A list of pages where the announcement will be displayed. This will be an empty array if it is to be displayed on all pages. */\r\n\tpages: string[];\r\n}\r\n\r\nlet userDataPromise: Promise<AxiosResponse<UserData>> | null = null;\r\n\r\n/**\r\n * Returns details related to the current user. By default, this is primarily their first/last name\r\n * and whether they are logged in or not. This can customized to include more details if necessary.\r\n */\r\nexport const getUserData = () => {\r\n\tif (userDataPromise === null) {\r\n\t\tuserDataPromise = AxiosHelper.get<UserData>('/ajax/user');\r\n\t}\r\n\r\n\treturn userDataPromise;\r\n};\r\n\r\n/**\r\n * Returns non-cached details related to the current user. By default, this is primarily their first/last name\r\n * and whether they are logged in or not. This can customized to include more details if necessary.\r\n */\r\nexport const getUserDataNoCache = () => {\r\n\treturn AxiosHelper.get<UserData>('/ajax/user');\r\n};\r\n\r\n/**\r\n * Returns a promise that will contain the CSRF token generated on the server to be used to validate\r\n * forms being posted via AJAX.\r\n */\r\nexport async function getCsrfToken() {\r\n\ttry {\r\n\t\tconst userData = await getUserData();\r\n\t\treturn userData.data.requestToken;\r\n\t} catch (error) {\r\n\t\tconsole.warn('Unable to load CSRF token.');\r\n\t\treturn '';\r\n\t}\r\n}\r\n\r\n// #region Commerce\r\nimport { CartSummary } from './UserData.Commerce';\r\nimport { LocationDto } from 'features/commerce/store-locator/types';\r\nimport { OrganizationInvite, OrganizationShipTo } from 'shared-client/types/commerce/organization';\r\nimport { AutoSuggestOption } from '../../../Roc.SharedClientApp/types/fields';\r\n\r\n// Commerce extensions to the UserData interface\r\nexport interface UserData {\r\n\tcartSummary?: CartSummary;\r\n\r\n\t/***\r\n\t * The customer's default store location or null if not set\r\n\t */\r\n\tdefaultStoreLocation?: LocationDto | null;\r\n\r\n\t/**\r\n\t * If store is enabled for this site\r\n\t */\r\n\tenableStoreLocation?: boolean;\r\n}\r\n\r\n/***\r\n * Organization data and permissions\r\n */\r\nexport interface Organization {\r\n\tid: string;\r\n\tpurchaseOrderNumberRequired: boolean;\r\n\tcreditCardAllowed: boolean;\r\n\tgiftCardAllowed: boolean;\r\n\torganizationName: string;\r\n\tcorpAccountAllowed: boolean;\r\n\t//#region TapeCase Customization\r\n\tisApprovedDistributor: boolean;\r\n\tpurchaseOrderAllowed: boolean;\r\n\t//#endregion\r\n}\r\n\r\n/***\r\n * Organization dto data\r\n */\r\nexport interface OrganizationDto extends AutoSuggestOption {}\r\n\r\n/***\r\n * User's organization and permissions data\r\n */\r\nexport interface UserSummary {\r\n\t/***\r\n\t * User's current default organization\r\n\t */\r\n\torganization: Organization | null;\r\n\r\n\t/***\r\n\t * The list of organizations the user is part of\r\n\t */\r\n\tuserOrganizations?: OrganizationDto[] | null;\r\n\r\n\t/***\r\n\t * The selected organization ship to\r\n\t */\r\n\tselectedShipTo: OrganizationShipTo | null;\r\n\r\n\t/***\r\n\t * Defines if the user has multiple shiptos to select from\r\n\t */\r\n\thasMultipleShipTos: boolean | null;\r\n\r\n\t/***\r\n\t * Defines if the user has saved payment methods\r\n\t */\r\n\thasSavedPaymentMethods: boolean | null;\r\n\r\n\t/***\r\n\t * The list of user permissions\r\n\t */\r\n\tpermissions?: UserPermissions;\r\n\r\n\t/***\r\n\t * The list of organizations the user is invited to join\r\n\t */\r\n\torganizationInvites?: OrganizationInvite[];\r\n\r\n\t/***\r\n\t * The user organization removal notification\r\n\t * Used to notify the user if he is no more part of his default organization\r\n\t */\r\n\tuserOrganizationRemovalNotification?: string;\r\n}\r\n\r\n/***\r\n * User's permissions\r\n */\r\nexport interface UserPermissions {\r\n\t/***\r\n\t * Defines if the current user can see organization users\r\n\t */\r\n\tcanSeeOrganizationUsers?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can assign roles to organization users\r\n\t */\r\n\tcanAssignRolesToOrganizationUsers?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can remove users from an organization\r\n\t */\r\n\tremoveUserFromOrganization?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can create organization users\r\n\t */\r\n\tcreateOrganizationUser?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can enable/disable ShipTos for organization users\r\n\t */\r\n\tmanageShipTosAssociation?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can see status of the organization users\r\n\t */\r\n\tcanSeePendingOrganizationUsers?: boolean;\r\n}\r\n// #endregion\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\nimport { ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { BaseInputProps } from './InputField';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nexport type InputFieldProps = FieldRenderProps<boolean, HTMLElement> &\r\n\tBaseInputProps & {\r\n\t\tplaceholder?: string;\r\n\t};\r\n\r\n/**\r\n * Component that renders a checkbox input with form field.\r\n */\r\nexport default function CheckboxInputField({\r\n\tinput: { name, onChange, checked }, //#region TapeCase Customization (bugfix), added attribute `checked` instead of value\r\n\tmeta,\r\n\ttype,\r\n\tlabel = '',\r\n\tdisabled = false,\r\n\treadOnly = false,\r\n\tplaceholder = '',\r\n\tstep,\r\n\ttestId,\r\n\tdefaultValue = false,\r\n}: InputFieldProps) {\r\n\treturn (\r\n\t\t<div className={meta.dirty ? 'roc-form-group form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t<div className=\"roc-form-input__input-checkbox-wrapper\">\r\n\t\t\t\t<FieldInputErrorWrapper name={name} inline={type === 'checkbox'}>\r\n\t\t\t\t\t<label htmlFor={name} className=\"roc-form-input__input-checkbox-label\">\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t//#region TapeCase Customization (bugfix)\r\n\t\t\t\t\t\t\tchecked={checked}\r\n\t\t\t\t\t\t\t//endregion\r\n\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\tdefaultChecked={defaultValue}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\tstep={step}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span className=\"roc-form-input__input-checkbox-label-text\">{label}</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t</div>\r\n\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport CheckboxInputField from './CheckboxInputField';\r\nimport { BaseInputProps } from './InputField';\r\n\r\nexport type InputFieldProps = FieldProps<boolean, FieldRenderProps<boolean, HTMLElement>> & BaseInputProps;\r\n\r\n/**\r\n * Component that renders a checkbox field\r\n */\r\nexport default function CheckBoxField({\r\n\tname,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tlabel = '',\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tformatOnBlur,\r\n\tinitialValue,\r\n\tisEqual,\r\n\tsubscription,\r\n\tdefaultValue,\r\n\t//#region TapeCase Customization (bugfix)\r\n\tchecked,\r\n}: //endregion\r\nInputFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t\t//#region TapeCase Customization (bugfix)\r\n\t\t\tchecked={checked}\r\n\t\t\t//endregion\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<CheckboxInputField\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tinput={input}\r\n\t\t\t\t\tmeta={meta}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport { DropdownOption } from 'shared-client/types/fields';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { FormFieldProps, ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport FieldLabel from './FieldLabel';\r\nexport type DropdownProps = FormFieldProps & {\r\n\taddSelectOption?: boolean;\r\n\toptions: DropdownOption[];\r\n};\r\n\r\nexport type DropdownFieldProps = DropdownProps &\r\n\tFieldProps<DropdownOption, FieldRenderProps<DropdownOption, HTMLElement>>;\r\n\r\n/**\r\n * Component that renders a Dropdown field component\r\n */\r\nexport default function DropdownField({\r\n\tname,\r\n\tisRequired = true,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\taddSelectOption = true,\r\n\toptions,\r\n\tlabel = '',\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tformatOnBlur,\r\n\tisEqual,\r\n\tsubscription,\r\n\tvalidateFields,\r\n\ttestId,\r\n}: DropdownFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalidateFields={validateFields}\r\n\t\t>\r\n\t\t\t{({ input: { value, onChange, onFocus, onBlur }, meta }) => (\r\n\t\t\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t\t\t<FieldInputErrorWrapper name={name} hideIcon>\r\n\t\t\t\t\t\t<select\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{addSelectOption ? <option value=\"\" /> : null}\r\n\t\t\t\t\t\t\t{options.map((option, index) => (\r\n\t\t\t\t\t\t\t\t<option\r\n\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\tvalue={option.value}\r\n\t\t\t\t\t\t\t\t\tdisabled={readOnly}\r\n\t\t\t\t\t\t\t\t\tdata-testid={`field-${toKebabCase(name)}-option-${toKebabCase(option.text)}`}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{option.text}\r\n\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</select>\r\n\t\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\n\r\ntype ValidationMessagesProps = Pick<FieldRenderProps<any, HTMLElement>, 'meta'> & {\r\n\tid: string;\r\n};\r\n\r\nfunction getErrorArray(errorOrSubmitError) {\r\n\tlet errors: string[] = [];\r\n\tif (typeof errorOrSubmitError === 'string') {\r\n\t\terrors.push(errorOrSubmitError);\r\n\t} else if (Array.isArray(errorOrSubmitError)) {\r\n\t\terrors = errorOrSubmitError.filter((error) => !Array.isArray(error) && typeof error === 'string');\r\n\t}\r\n\r\n\treturn errors;\r\n}\r\n\r\n/**\r\n * Displays validation errors for fields\r\n *\r\n * @class ValidationMessages\r\n * @extends {React.Component<ValidationMessagesProps>}\r\n */\r\nfunction ValidationMessages(props: ValidationMessagesProps) {\r\n\tconst { meta } = props;\r\n\r\n\tif (!meta) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tlet errors: string[] = [];\r\n\r\n\t/* \r\n\t almost all validation comes from the server, so we only need to check `submitError` despite there being `error`\r\n\t there are 3 kinds of values for submitError, string, string[] and [string|[]|object]\r\n\t the third type happens when you're using FieldArray, so we're going to filter those out and only\r\n\t take the strings if submitError is an array. this is due to a bug (possibly feature?) of final form\r\n\t where the submit errors for field array fields bubble up into the parent field.\r\n\t */\r\n\tif (meta.submitError) {\r\n\t\terrors = errors.concat(getErrorArray(meta.submitError));\r\n\r\n\t\t// for server-side validation, we need to stop showing these after any changes are made.\r\n\t\tif (meta.dirtySinceLastSubmit || meta.submitting) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t} else if (meta.error) {\r\n\t\t// sometimes we validate on the client, so we need to support these as well.\r\n\t\terrors = errors.concat(getErrorArray(meta.error));\r\n\t}\r\n\r\n\treturn (\r\n\t\t// #region Tapecase\r\n\t\t<span\r\n\t\t\tclassName=\"roc-form-suffix roc-form-suffix--error\"\r\n\t\t\tid={props.id}\r\n\t\t\tdata-testid={props.id}\r\n\t\t\taria-live=\"polite\"\r\n\t\t\taria-atomic=\"true\"\r\n\t\t>\r\n\t\t\t{/*  #endregion */}\r\n\t\t\t{(meta.submitError || meta.error) &&\r\n\t\t\t\tmeta.touched &&\r\n\t\t\t\terrors.length > 0 &&\r\n\t\t\t\terrors.map((error, index) => (\r\n\t\t\t\t\t<React.Fragment key={index}>\r\n\t\t\t\t\t\t<span>{error}</span>\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t))}\r\n\t\t</span>\r\n\t);\r\n}\r\n\r\nexport default ValidationMessages;\r\n","import React from 'react';\r\nimport StarRating from '~/shared/components/star-rating/StarRating';\r\nimport { Field } from 'react-final-form';\r\nimport OptionalFieldMarker from '../OptionalFieldMarker';\r\nimport ValidationMessages from './ValidationMessages';\r\nimport { FormFieldProps } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { LocalizedSpan } from 'services/Localizer';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nexport interface StarRatingFieldProps extends FormFieldProps {\r\n\t/**\r\n\t * The maximum number of stars to display (default is 5)\r\n\t */\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * Reusable RFF-compatible field that displays a star rating input\r\n * @param props\r\n */\r\nexport default function StarRatingField({\r\n\tname,\r\n\tlabel = '',\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tmaxRating = 5,\r\n\tisRequired = true,\r\n\ttestId,\r\n}: StarRatingFieldProps) {\r\n\treturn (\r\n\t\t<Field name={name}>\r\n\t\t\t{({ input: { value, onChange }, meta }) => (\r\n\t\t\t\t<FieldInputErrorWrapper name={name} inline>\r\n\t\t\t\t\t<fieldset className=\"roc-rating\">\r\n\t\t\t\t\t\t<legend className=\"roc-form-input-label\">\r\n\t\t\t\t\t\t\t{label} {!isRequired ? <OptionalFieldMarker /> : null}\r\n\t\t\t\t\t\t</legend>\r\n\r\n\t\t\t\t\t\t<div className=\"roc-rating__group\">\r\n\t\t\t\t\t\t\t<StarRating\r\n\t\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\t\tmaxRating={maxRating}\r\n\t\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t\treadonly={readOnly || disabled}\r\n\t\t\t\t\t\t\t\ttestId={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div className=\"roc-rating__text roc-visually-hidden\">\r\n\t\t\t\t\t\t\t<LocalizedSpan\r\n\t\t\t\t\t\t\t\tresourceKey=\"XOutOfYStars\"\r\n\t\t\t\t\t\t\t\targs={[\r\n\t\t\t\t\t\t\t\t\t`<span className=\"roc-rating__text-current\">${value}</span>\r\n\t\t\t\t\t\t\t<span id=${name} className=\"roc-rating__text-max\">`,\r\n\t\t\t\t\t\t\t\t\t`<span className=\"roc-rating__text-max-number\">${maxRating}</span>\r\n\t\t\t\t\t\t\t</span>`,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t\t</fieldset>\r\n\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import * as React from 'react';\r\nimport { ValidationMessages, FormFieldProps } from '.';\r\nimport { FieldProps, Field, FieldRenderProps } from 'react-final-form';\r\nimport FieldLabel from './FieldLabel';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nexport type TextAreaFieldProps = FieldProps<string, FieldRenderProps<string, HTMLElement>> &\r\n\tFormFieldProps & {\r\n\t\trows?: number;\r\n\t\tplaceholder?: string;\r\n\t};\r\n\r\n/**\r\n * Component that renders a textarea input component.\r\n */\r\nexport default function TextAreaField({\r\n\tname,\r\n\tisRequired = true,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tplaceholder = '',\r\n\tlabel = '',\r\n\trows = 5,\r\n\tvalidate,\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tcomponent,\r\n\tdefaultValue,\r\n\tformat,\r\n\tformatOnBlur,\r\n\tinitialValue,\r\n\tisEqual,\r\n\tparse,\r\n\trender,\r\n\tsubscription,\r\n\tvalue,\r\n\ttestId,\r\n}: TextAreaFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tvalidate={validate}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tcomponent={component}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t\tformat={format}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tparse={parse}\r\n\t\t\trender={render}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalue={value}\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t\t\t<FieldInputErrorWrapper name={name}>\r\n\t\t\t\t\t\t<textarea\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={input.value}\r\n\t\t\t\t\t\t\tonChange={input.onChange}\r\n\t\t\t\t\t\t\tonBlur={input.onBlur}\r\n\t\t\t\t\t\t\tonFocus={input.onFocus}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\trows={rows}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { FormFieldProps, ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport FieldLabel from './FieldLabel';\r\n\r\nexport interface BaseInputProps extends FormFieldProps {\r\n\ttype?: string;\r\n\tstep?: string;\r\n}\r\n\r\nexport type InputFieldProps = FieldRenderProps<string, HTMLElement> &\r\n\tBaseInputProps & {\r\n\t\tplaceholder?: string;\r\n\t};\r\n\r\nexport type HTMLInputRef = React.MutableRefObject<any>;\r\n/**\r\n * Component that renders an input with form field.\r\n */\r\nconst InputField = React.forwardRef((props: InputFieldProps, ref: HTMLInputRef) => {\r\n\tconst {\r\n\t\tinput: { name, onChange, value },\r\n\t\tmeta,\r\n\t\ttype,\r\n\t\tlabel = '',\r\n\t\tisRequired = true,\r\n\t\tdisabled = false,\r\n\t\treadOnly = false,\r\n\t\tplaceholder = '',\r\n\t\tstep,\r\n\t\ttestId,\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t<FieldInputErrorWrapper name={name} inline={type === 'checkbox'}>\r\n\t\t\t\t<input\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\tid={name}\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\ttype={type}\r\n\t\t\t\t\tvalue={value}\r\n\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tstep={step}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t/>\r\n\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t</div>\r\n\t);\r\n});\r\n\r\nexport default InputField;\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport InputField, { BaseInputProps, HTMLInputRef } from './InputField';\r\n\r\nexport type InputFieldProps = FieldProps<string, FieldRenderProps<string, HTMLElement>> & BaseInputProps;\r\n\r\n/**\r\n * Component that renders a text box component, of the specified type\r\n */\r\nconst TextBoxField = React.forwardRef((props: InputFieldProps, ref: HTMLInputRef) => {\r\n\tconst {\r\n\t\tname,\r\n\t\ttype = 'text',\r\n\t\tisRequired = true,\r\n\t\treadOnly = false,\r\n\t\tdisabled = false,\r\n\t\tplaceholder = '',\r\n\t\tlabel = '',\r\n\t\tvalidate,\r\n\t\tafterSubmit,\r\n\t\tallowNull,\r\n\t\tbeforeSubmit,\r\n\t\tcomponent,\r\n\t\tdefaultValue,\r\n\t\tformat,\r\n\t\tformatOnBlur,\r\n\t\tinitialValue,\r\n\t\tisEqual,\r\n\t\tparse,\r\n\t\trender,\r\n\t\tsubscription,\r\n\t\tvalue,\r\n\t\ttestId,\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tvalidate={validate}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tcomponent={component}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t\tformat={format}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tparse={parse}\r\n\t\t\trender={render as any}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalue={value}\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<InputField\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tisRequired={isRequired}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\ttype={type}\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\tinput={input}\r\n\t\t\t\t\tmeta={meta}\r\n\t\t\t\t\ttestId={testId}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n});\r\n\r\nexport default TextBoxField;\r\n","export enum ModelStatus {\r\n\tPublished = 'Published',\r\n\tInactive = 'Inactive',\r\n\tDeleted = 'Deleted',\r\n\tDraft = 'Draft',\r\n\tArchived = 'Archived',\r\n}\r\n","import { ServerData } from 'services/ServerData';\r\n\r\nexport default {\r\n\tBaseUrl: ServerData.ACCOUNT_URL_BASE ?? '/my-account',\r\n\tLogin: ServerData.ACCOUNT_LOGIN_URL ?? '/my-account/login',\r\n\tLogin2fa: ServerData.ACCOUNT_LOGIN_WITH_2FA_URL ?? '/my-account/login-with-2fa',\r\n\tRegister: ServerData.ACCOUNT_REGISTER_URL ?? '/my-account/register',\r\n\tForgotPassword: ServerData.ACCOUNT_FORGOT_PASSWORD_URL ?? '/my-account/forgot-password',\r\n\tLoginWithRecoveryCode: ServerData.ACCOUNT_LOGIN_WITH_RECOVERY_CODE_URL ?? '/my-account/login-with-recovery-code',\r\n\tLogout: ServerData.ACCOUNT_LOGOUT_URL ?? '/my-account/logout',\r\n\t// #region Commerce\r\n\tOrganizationReview: ServerData.ACCOUNT_ORGANIZATION_REVIEW_URL ?? '/my-account/organization-review',\r\n\tOrganizationSelector: ServerData.ACCOUNT_ORGANIZATION_SELECTOR_URL ?? '/my-account/organization-selector',\r\n\t// #endregion\r\n};\r\n","import React from 'react';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\n\r\n// eslint-disable-next-line\r\n// tslint:disable-next-line\r\nexport interface ErrorBoundaryRenderProps extends ErrorBoundaryState {}\r\n\r\nexport interface ErrorBoundaryProps {\r\n\tchildren: React.ReactNode;\r\n\trenderError?: (renderProps: ErrorBoundaryRenderProps) => React.ReactNode;\r\n}\r\n\r\nexport interface ErrorBoundaryState {\r\n\terror?: Error;\r\n}\r\n\r\n/**\r\n * Default Error Boundary component for frontend components, so that in case a JS error occurs, we show\r\n * something instead of nothing.\r\n */\r\nexport default class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\r\n\tpublic static defaultProps = {\r\n\t\trenderError: (renderProps: ErrorBoundaryRenderProps) => <InlineAlert error={renderProps.error ?? null} />,\r\n\t};\r\n\r\n\tpublic state: ErrorBoundaryState = {};\r\n\r\n\tpublic componentDidCatch(error: Error) {\r\n\t\tthis.setState({\r\n\t\t\terror,\r\n\t\t});\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tif (this.state.error) {\r\n\t\t\treturn this.props.renderError!(this.state);\r\n\t\t}\r\n\r\n\t\treturn this.props.children;\r\n\t}\r\n}\r\n","// source: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNames\r\n/* eslint-disable no-var */\r\n(function () {\r\n\tif (Element.prototype.getAttributeNames == undefined) {\r\n\t\tElement.prototype.getAttributeNames = function () {\r\n\t\t\tvar attributes = this.attributes;\r\n\t\t\tvar length = attributes.length;\r\n\t\t\tvar result = new Array(length);\r\n\t\t\tfor (var i = 0; i < length; i++) {\r\n\t\t\t\tresult[i] = attributes[i].name;\r\n\t\t\t}\r\n\t\t\treturn result;\r\n\t\t};\r\n\t}\r\n})();\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport ErrorBoundary from './ErrorBoundary';\r\nimport { toCamelCase } from 'util/StringUtil';\r\nimport 'shared/polyfills/getAttributeNames';\r\nimport Spinner from 'shared/components/Spinner';\r\n\r\ninterface AttributeProps {\r\n\t[index: string]: string;\r\n}\r\n\r\nfunction getDataPropsFromAttributes(element: Element): AttributeProps {\r\n\tconst props: AttributeProps = {};\r\n\r\n\tconst dataAttributePrefix = 'data-';\r\n\r\n\tconst attributeNames = element.getAttributeNames().filter((s) => s.startsWith(dataAttributePrefix));\r\n\tfor (const attributeName of attributeNames) {\r\n\t\tconst strippedName = toCamelCase(attributeName.substring(dataAttributePrefix.length));\r\n\t\tprops[strippedName] = element.getAttribute(attributeName) ?? '';\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n\r\n/**\r\n * A helper function to facilitate initializing react applications on top of server-side rendered elements.\r\n * @param getReactElement Function that returns the react component to render.\r\n * @param elementId The ID of the DOM element being targeted.\r\n */\r\nexport const initReactApp = (getReactElement: (props: unknown) => React.ReactElement, elementId: string) => {\r\n\tif (typeof getReactElement !== 'function' || !elementId) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn('A react element generator function and element ID are required.');\r\n\t\t};\r\n\t}\r\n\r\n\tconst element = document.getElementById(elementId);\r\n\r\n\tif (!element) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t`Element with ID '${elementId}' was not found. Did you forget to render it on the server or is this entry point not supposed to run?`,\r\n\t\t\t);\r\n\t\t};\r\n\t}\r\n\r\n\treturn () => {\r\n\t\tconst props = getDataPropsFromAttributes(element);\r\n\t\tconsole.debug(`Rendering application inside element with ID ${elementId}.`);\r\n\t\tReactDOM.render(\r\n\t\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t\t<ErrorBoundary>{getReactElement(props)}</ErrorBoundary>\r\n\t\t\t</React.Suspense>,\r\n\t\t\telement,\r\n\t\t);\r\n\t};\r\n};\r\n\r\nexport const initReactAppByAttribute = (\r\n\tgetReactElement: (props: unknown, domElement: Element) => React.ReactElement,\r\n\tattribute: string,\r\n) => {\r\n\tif (typeof getReactElement !== 'function' || !attribute) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn('A react element generator function and element ID are required.');\r\n\t\t};\r\n\t}\r\n\r\n\tconst elements = document.querySelectorAll(`[${attribute}]`);\r\n\r\n\tif (!elements || elements.length == 0) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t`No elements with data attribute '${attribute}' were found. Did you forget to render it on the server or is this entry point not supposed to run?`,\r\n\t\t\t);\r\n\t\t};\r\n\t}\r\n\r\n\treturn () => {\r\n\t\tfor (let i = 0; i < elements.length; ++i) {\r\n\t\t\tconst element = elements[i];\r\n\t\t\tconst props = getDataPropsFromAttributes(element);\r\n\t\t\tconsole.debug(`Rendering application inside element with attribute ${attribute}.`);\r\n\t\t\tReactDOM.render(\r\n\t\t\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t\t\t<ErrorBoundary>{getReactElement(props, element)}</ErrorBoundary>\r\n\t\t\t\t</React.Suspense>,\r\n\t\t\t\telement,\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n};\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\n/**\r\n * Reusable component for the optional field marker\r\n */\r\nfunction OptionalFieldMarker() {\r\n\treturn <span className=\"roc-form-input-required-label\">({Localizer('Optional')})</span>;\r\n}\r\n\r\nexport default React.memo(OptionalFieldMarker);\r\n","import { useState, useEffect } from 'react';\r\n\r\n/**\r\n * Reusable hook that returns true after a certain amount of time has passed. Useful to delay\r\n * displaying components in render functions.\r\n *\r\n * @export\r\n * @param {number} [waitMs=200]\r\n * @returns\r\n */\r\nexport default function useDelayedDisplay(waitMs: number = 200) {\r\n\tconst [display, setDisplay] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\t// after a set amount of time, show the spinner\r\n\t\tconst timeout = setTimeout(() => {\r\n\t\t\tsetDisplay(true);\r\n\t\t}, waitMs);\r\n\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(timeout);\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\treturn display;\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Check circle SVG\r\n *\r\n * @returns\r\n */\r\nfunction CheckCircleSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-check-circle', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z\" />\r\n\t\t\t<path d=\"M12.316 21.997l-3.565-4.619c-0.853-2.182 0.962-2.929 2.306-1.679l2.308 2.94 7.136-7.977c1.259-1.323 3.358-0.567 2.519 1.47l-8.397 9.655c-0.902 1.050-1.679 0.841-2.308 0.213z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default CheckCircleSVG;\r\n","import { AxiosError } from 'axios';\r\nimport { FORM_ERROR } from 'final-form';\r\nimport { unflatten } from 'flat';\r\n\r\nexport const getFormattedPageTitle = (subTitle: string = ''): string => {\r\n\t// load from config?\r\n\tconst siteName = 'ROC';\r\n\r\n\tif (!subTitle || !subTitle.trim()) {\r\n\t\treturn siteName;\r\n\t}\r\n\r\n\treturn `${subTitle.trim()} - ${siteName}`;\r\n};\r\n\r\n/**\r\n * Promise version of setTimeout.\r\n * @param ms The number of milliseconds to wait for.\r\n */\r\nexport const timeout = (ms) => {\r\n\treturn new Promise((resolve) => setTimeout(resolve, ms));\r\n};\r\n\r\n/**\r\n * Allows you to await on a timeout, useful for avoiding setTimeout callbacks and for troubleshooting.\r\n * @param ms The number of milliseconds to wait for.\r\n */\r\nexport const sleep = async (ms: number = 0) => {\r\n\tawait timeout(ms);\r\n};\r\n\r\n/**\r\n * Handles Axios error for React Final Form. If the error is a validation error, the error is transformed into React\r\n * Final Form field validation object. If the error is a generic error, the error is rethrown instead.\r\n *\r\n * @param error - The Axios Error object to handle errors for.\r\n * @param errorMessage - The form error message to provide back to React Final Form.\r\n * @param validationErrorCallback - Optional callback that is triggered right before the validation object is returned\r\n * to Final Form, so that you can run logic that should occur during validation errors.\r\n * @param genericErrorCallback - Optional callback that is triggered right before the generic error is rethrown, so that\r\n * you can run logic that should occur during generic errors.\r\n */\r\nexport const handleAxiosErrorWithValidation = (\r\n\terror: AxiosError,\r\n\terrorMessage: string | null = 'An error occurred while saving.',\r\n\tvalidationErrorCallback?: () => void,\r\n\tgenericErrorCallback?: () => void,\r\n): { [index: string]: string } => {\r\n\tif (error?.response?.status === 400 && error.response.data) {\r\n\t\tlet globalErrors;\r\n\r\n\t\tconst errors = error.response.data;\r\n\r\n\t\tconst errorsWithModifiedArrayIndex = Object.keys(errors).reduce((acc, value) => {\r\n\t\t\tif (value === '') {\r\n\t\t\t\t// in case we are getting back a non field specific error store it in the global errors\r\n\t\t\t\tglobalErrors = errors[value];\r\n\t\t\t} else {\r\n\t\t\t\tconst newKey = value.replace(/\\[([0-9]+)\\]/g, '.$1');\r\n\t\t\t\tacc[newKey] = errors[value];\r\n\t\t\t}\r\n\r\n\t\t\treturn acc;\r\n\t\t}, {});\r\n\r\n\t\tconst newValidationState = { ...unflatten(errorsWithModifiedArrayIndex) };\r\n\r\n\t\tconsole.debug('newValidationState:', newValidationState);\r\n\r\n\t\tif (validationErrorCallback) {\r\n\t\t\tvalidationErrorCallback();\r\n\t\t}\r\n\r\n\t\treturn { ...newValidationState, [FORM_ERROR]: globalErrors ? globalErrors : errorMessage };\r\n\t} else {\r\n\t\t// generic error.\r\n\t\tif (genericErrorCallback) {\r\n\t\t\tgenericErrorCallback();\r\n\t\t}\r\n\r\n\t\tif (error?.response?.data?.message) {\r\n\t\t\treturn { [FORM_ERROR]: error.response.data.message };\r\n\t\t}\r\n\r\n\t\tif (errorMessage) {\r\n\t\t\treturn { [FORM_ERROR]: errorMessage };\r\n\t\t} else {\r\n\t\t\treturn {};\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * Get an html class or ID safe string from provided string.\r\n *\r\n * @function getHtmlSafeName\r\n */\r\nexport const getHtmlSafeName = (name: string = ''): string => {\r\n\treturn name.replace(/[^a-z0-9]/g, (s) => {\r\n\t\tconst c = s.charCodeAt(0);\r\n\t\tif (c === 32) {\r\n\t\t\treturn '-';\r\n\t\t}\r\n\t\tif (c >= 65 && c <= 90) {\r\n\t\t\treturn '_' + s.toLowerCase();\r\n\t\t}\r\n\t\treturn '__' + ('000' + c.toString(16)).slice(-4);\r\n\t});\r\n};\r\n\r\n/**\r\n * Gets the specified param value from the querystring\r\n *\r\n * @param paramName the name of the query string parameter\r\n * @param decodeParam specifies if the param value should be decoded before returning it\r\n */\r\nexport const getQueryParam = (paramName: string = '', decodeParam: boolean = false): string | null => {\r\n\tconst urlParams = new URLSearchParams(window.location.search);\r\n\tconst paramValue = urlParams.get(paramName);\r\n\r\n\tif (!paramValue) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tif (decodeParam) {\r\n\t\treturn decodeURIComponent(paramValue);\r\n\t} else {\r\n\t\treturn paramValue;\r\n\t}\r\n};\r\n","/**\r\n * Extends Window with recaptcha callback fields\r\n */\r\ninterface WindowWithReCaptchaCallbacks extends Window {\r\n\t/**\r\n\t * Executes the methods in the rocReCaptchaCallbacks array\r\n\t */\r\n\tonReCaptchaLoadCallback: () => void;\r\n\t/**\r\n\t * List of recaptcha callbacks\r\n\t */\r\n\trocReCaptchaCallbacks: Array<() => void>;\r\n}\r\n\r\nexport let reCaptchaCallbackPromise: Promise<void> | null = null;\r\n\r\n/**\r\n * Setup function for recaptcha.\r\n * The window.onReCaptchaLoadCallback() gets called when the recaptcha script is loaded.\r\n * Then this method calls the recaptcha instances init functions, stored in window.rocReCaptchaCallbacks\r\n *\r\n * @export\r\n */\r\nexport default function setupReCaptcha() {\r\n\tconst windowWithReCaptchaCallbacks = (window as unknown) as WindowWithReCaptchaCallbacks;\r\n\r\n\treCaptchaCallbackPromise = new Promise((resolve) => {\r\n\t\twindowWithReCaptchaCallbacks.onReCaptchaLoadCallback = resolve;\r\n\t});\r\n}\r\n","import * as React from 'react';\r\n\r\ninterface DashCircleSVGProps {\r\n\tclass?: string;\r\n}\r\n\r\n/**\r\n * Dash circle SVG\r\n *\r\n * @returns\r\n */\r\nfunction DashCircleSVG(props: DashCircleSVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={'icon icon-help-header ' + props.class}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#5c5c5c\"\r\n\t\t\t\td=\"M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16c-8.837 0-16-7.163-16-16v0c0-8.837 7.163-16 16-16v0z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M21.51 17.594h-11.733c-0.884 0-1.6-0.716-1.6-1.6s0.716-1.6 1.6-1.6h11.733c0.884 0 1.6 0.716 1.6 1.6s-0.716 1.6-1.6 1.6z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default DashCircleSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Circle Exclaimation SVG component\r\n *\r\n * @returns\r\n */\r\nfunction CircleExclamationSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-circle-exclamation', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16 32c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16 0 4.243 1.686 8.313 4.686 11.314s7.070 4.686 11.314 4.686zM14.16 8.464c0-0.657 0.351-1.265 0.92-1.593s1.271-0.329 1.84 0c0.569 0.329 0.92 0.936 0.92 1.593v8.608c0 1.016-0.824 1.84-1.84 1.84s-1.84-0.824-1.84-1.84v-8.608zM16 21.392c1.016 0 1.84 0.824 1.84 1.84s-0.824 1.84-1.84 1.84c-1.016 0-1.84-0.824-1.84-1.84-0.004-0.489 0.188-0.96 0.534-1.306s0.817-0.538 1.306-0.534z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default CircleExclamationSVG;\r\n","import React from 'react';\r\nimport XSVG from './svg/XSVG';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { WithTestIdOptional } from '../../../../Roc.SharedClientApp/types/test';\r\n\r\ninterface CircleButtonProps extends WithTestIdOptional {\r\n\ticon?: React.ReactNode;\r\n}\r\n\r\nfunction CircleButton(props: React.HTMLProps<HTMLButtonElement> & CircleButtonProps) {\r\n\tconst { icon, testId, ...otherProps } = props;\r\n\r\n\treturn (\r\n\t\t<button {...otherProps} type=\"button\" className=\"roc-circle-button\" data-testid={testId}>\r\n\t\t\t{icon ? icon : <XSVG className=\"roc-circle-button__icon\" />}\r\n\t\t\t<span className=\"roc-visually-hidden\">{Localizer('Remove')}</span>\r\n\t\t</button>\r\n\t);\r\n}\r\n\r\nexport default CircleButton;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Star Empty SVG\r\n *\r\n * @returns\r\n */\r\nfunction StarEmptySVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 34 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-star-empty', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.941 23.757l-9.958 6.89 3.476-11.6-9.63-7.341 12.106-0.279 4.006-11.427 4.006 11.427 12.106 0.279-9.63 7.341 3.476 11.599z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default StarEmptySVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Star SVG\r\n *\r\n * @returns\r\n */\r\nfunction StarSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 34 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-star', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.941 23.757l-9.958 6.89 3.476-11.6-9.63-7.341 12.106-0.279 4.006-11.427 4.006 11.427 12.106 0.279-9.63 7.341 3.476 11.599z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default StarSVG;\r\n","/* eslint-disable jsx-a11y/label-has-for */\r\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\r\nimport classnames from 'classnames';\r\nimport React from 'react';\r\nimport { WithTestId } from 'shared-client/types/test';\r\nimport StarEmptySVG from 'shared/components/svg/StarEmptySVG';\r\nimport StarSVG from 'shared/components/svg/StarSVG';\r\nimport useStarRating from './useStarRating';\r\n\r\n/**\r\n * Product Rating Props\r\n */\r\ninterface RatingProps extends WithTestId {\r\n\tvalue: number | null;\r\n\tname: string;\r\n\treadonly?: boolean;\r\n\tonChange?: (rating: number) => void;\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * If readonly, displays the rating with blank and filled stars (1-maxRating)\r\n * If not readonly, displays the rating picker with blank and filled stars (1-maxRating)\r\n * @param props\r\n */\r\nexport default function StarRating(props: RatingProps) {\r\n\tconst { value, name, readonly = false, onChange, maxRating = 5, testId } = props;\r\n\r\n\tconst { ratingStars, setRatingHovered } = useStarRating({\r\n\t\tvalue,\r\n\t\tname,\r\n\t\tmaxRating,\r\n\t});\r\n\r\n\tif (!readonly && !onChange) {\r\n\t\tthrow new Error('Rating component is set to non-readonly, yet onChange is not defined.');\r\n\t}\r\n\r\n\t/**\r\n\t * Handle changes to the radio button that backs the star rating selection\r\n\t *\r\n\t * @param {*} e\r\n\t */\r\n\tconst onInputChange = (e) => {\r\n\t\tif (onChange) {\r\n\t\t\tonChange(parseInt(e.currentTarget.value));\r\n\t\t}\r\n\t};\r\n\r\n\tif (readonly) {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{ratingStars.map(({ id, isFull }) => (\r\n\t\t\t\t\t<React.Fragment key={id}>\r\n\t\t\t\t\t\t{isFull ? (\r\n\t\t\t\t\t\t\t<StarSVG data-testid=\"readonly-star-rating-full\" className=\"roc-rating__icon\" />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<StarEmptySVG\r\n\t\t\t\t\t\t\t\tdata-testid=\"readonly-star-rating-empty\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-rating__icon roc-rating__icon--empty\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t))}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{ratingStars.map(({ id, isFull, isChecked, isPending, isHighlighted, ratingValue }) => {\r\n\t\t\t\tconst modifierClasses = classnames({\r\n\t\t\t\t\t'roc-rating__input--full': isFull,\r\n\t\t\t\t\t'roc-rating__input--pending': isPending,\r\n\t\t\t\t\t'roc-rating__label--highlighted': isHighlighted,\r\n\t\t\t\t});\r\n\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<React.Fragment key={id}>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\tid={id}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={ratingValue}\r\n\t\t\t\t\t\t\tonChange={onInputChange}\r\n\t\t\t\t\t\t\tchecked={isChecked}\r\n\t\t\t\t\t\t\tclassName={classnames('roc-rating__input', modifierClasses)}\r\n\t\t\t\t\t\t\taria-describedby={name}\r\n\t\t\t\t\t\t\tdata-testid={testId}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\tclassName={classnames('roc-rating__label', modifierClasses)}\r\n\t\t\t\t\t\t\thtmlFor={id}\r\n\t\t\t\t\t\t\tonMouseEnter={() => setRatingHovered(ratingValue)}\r\n\t\t\t\t\t\t\tonMouseLeave={() => setRatingHovered(null)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{isFull ? (\r\n\t\t\t\t\t\t\t\t<StarSVG className=\"roc-rating__icon\" />\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<StarEmptySVG className=\"roc-rating__icon roc-rating__icon--empty\" />\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t</>\r\n\t);\r\n}\r\n","import { useEffect, useState } from 'react';\r\n\r\n/**\r\n * The state of all of the stars being displayed, these change together frequently\r\n * so lets store them together. This is also slightly better than calculating\r\n * on every single render. Makes it easier to reuse as well.\r\n */\r\ninterface RatingStarState {\r\n\tid: string;\r\n\tisFull: boolean;\r\n\tisPending: boolean;\r\n\tisHighlighted: boolean;\r\n\tisChecked: boolean;\r\n\tratingValue: number;\r\n}\r\n\r\n/**\r\n * The params for the useStarRating hook.\r\n */\r\ninterface UseStarRatingParams {\r\n\tvalue: number | null;\r\n\tname: string;\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * The values returned by the custom star rating hook\r\n */\r\ninterface UseStarRatingResult {\r\n\tratingStars: RatingStarState[];\r\n\tsetRatingHovered: (value: number | null) => void;\r\n}\r\n\r\n/**\r\n * Custom hook that manages state for simple star rating implementations\r\n * @param params\r\n */\r\nexport default function useStarRating(params: UseStarRatingParams): UseStarRatingResult {\r\n\tconst { value, name, maxRating = 5 } = params;\r\n\tconst [ratingStars, setRatingStars] = useState<RatingStarState[]>([]);\r\n\tconst [ratingHovered, setRatingHovered] = useState<number | null>(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst newState: RatingStarState[] = [];\r\n\r\n\t\tfor (let i = 1; i <= maxRating; i++) {\r\n\t\t\tconst id = 'rating-group-' + name + '-' + i;\r\n\t\t\tconst isFull = value !== null && value >= i;\r\n\t\t\tconst isPending = ratingHovered ? i > ratingHovered && isFull : false;\r\n\t\t\tconst isHighlighted = ratingHovered ? i <= ratingHovered : false;\r\n\t\t\tconst isChecked = value === i;\r\n\r\n\t\t\tnewState.push({\r\n\t\t\t\tid,\r\n\t\t\t\tisFull,\r\n\t\t\t\tisPending,\r\n\t\t\t\tisHighlighted,\r\n\t\t\t\tisChecked,\r\n\t\t\t\tratingValue: i,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tsetRatingStars(newState);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [value, ratingHovered]);\r\n\r\n\treturn { ratingStars, setRatingHovered };\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Pencil SVG\r\n *\r\n * @returns\r\n */\r\nfunction PencilSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-half-half-layout', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M27 0c2.761 0 5 2.239 5 5 0 1.126-0.372 2.164-1 3l-2 2-7-7 2-2c0.836-0.628 1.874-1 3-1zM2 23l-2 9 9-2 18.5-18.5-7-7-18.5 18.5zM22.362 11.362l-14 14-1.724-1.724 14-14 1.724 1.724z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default PencilSVG;\r\n","import { ExternalLoginProvider } from 'features/login/ExternalLogins';\r\n\r\n/**\r\n * Extends Window with a property that will hold the client data\r\n *\r\n * @interface WindowWithClientData\r\n * @extends {Window}\r\n */\r\ninterface WindowWithServerData extends Window {\r\n\t__ROC_SERVER_DATA__?: Array<{\r\n\t\t[name: string]: string;\r\n\t}>;\r\n}\r\n\r\n/**\r\n * This type will hold all the keys that are used by ServerData\r\n */\r\ninterface ServerData {\r\n\tIsReCaptchaEnabled?: boolean;\r\n\tReCaptchaV3Key?: string;\r\n\tTimeZone?: string;\r\n\tUSE_EMAIL_AS_USERNAME?: boolean;\r\n\tRegistrationThankYouTitle?: string;\r\n\tRegistrationThankYouMessage?: string;\r\n\tForgotPasswordConfirmationTitle?: string;\r\n\tForgotPasswordConfirmationMessage?: string;\r\n\tPageTitleSuffix?: string;\r\n\tRequireConfirmEmail?: boolean;\r\n\tACCOUNT_URL_BASE?: string;\r\n\tACCOUNT_LOGIN_URL?: string;\r\n\tACCOUNT_LOGOUT_URL?: string;\r\n\tACCOUNT_REGISTER_URL?: string;\r\n\tACCOUNT_LOGIN_WITH_2FA_URL?: string;\r\n\tACCOUNT_FORGOT_PASSWORD_URL?: string;\r\n\tACCOUNT_LOGIN_WITH_RECOVERY_CODE_URL?: string;\r\n\tEXTERNAL_LOGIN_PROVIDERS?: ExternalLoginProvider[];\r\n\t// #region Commerce\r\n\tACCOUNT_ORGANIZATION_REVIEW_URL?: string;\r\n\tACCOUNT_ORGANIZATION_SELECTOR_URL?: string;\r\n\tGoogleMapsApiKey?: string; // used in Store Locator\r\n\tMinimumTimeBeforeRecentlyViewedProductsAreValidated?: number;\r\n\tQuickOrderItemMinumumSearchCharacters?: number;\r\n\tMaxAllowedQuickOrderItems?: number;\r\n\tMaxNumberForQuantityDropdown?: number;\r\n\tOrderDetailsUIComponent?: string;\r\n\tGuestCheckoutEnabled?: boolean;\r\n\t// #endregion\r\n\t// #region TapeCase Customizations\r\n\tListPriceMessagingForNotApprovedDistributors?: string;\r\n\tMaxNumberOfDaysToCancelOrders?: number;\r\n\tMaxNumberOfDaysToCancelOrdersMessage?: string;\r\n\t// #endregion\r\n}\r\n\r\n/**\r\n * Main object that will hold all the client data\r\n */\r\nexport const ServerData: ServerData = {};\r\n\r\n/**\r\n * Initializer function that will populate the main settings object\r\n */\r\nfunction initializeServerData() {\r\n\tconst windowWithServerData = window as WindowWithServerData;\r\n\r\n\tif (\r\n\t\twindowWithServerData &&\r\n\t\twindowWithServerData.__ROC_SERVER_DATA__ &&\r\n\t\tArray.isArray(windowWithServerData.__ROC_SERVER_DATA__)\r\n\t) {\r\n\t\tfor (const obj of windowWithServerData.__ROC_SERVER_DATA__) {\r\n\t\t\tfor (const key of Object.keys(obj)) {\r\n\t\t\t\tServerData[key] = obj[key];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\ninitializeServerData();\r\n","import { useState } from 'react';\r\n\r\n/**\r\n * Custom hook for commonly used loading states.\r\n */\r\nexport function useLoader<T>() {\r\n\tconst [loading, setLoading] = useState<boolean>(false);\r\n\tconst [error, setError] = useState<Error | undefined>(undefined);\r\n\tconst [response, setResponse] = useState<T | null>(null);\r\n\r\n\treturn {\r\n\t\tloading,\r\n\t\tsetLoading,\r\n\t\terror,\r\n\t\tsetError,\r\n\t\tresponse,\r\n\t\tsetResponse,\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Folder SVG\r\n *\r\n * @returns\r\n */\r\nfunction FolderSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 52 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-folder', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#231f20\"\r\n\t\t\t\td=\"M20.568 22.146l1.85 4.385c0.112 0.255 0.415 0.367 0.718 0.494 0.412-0.037 0.786-0.168 1.11-0.373l-0.010 0.006 6.713-4.257c0.973-0.622 1.419-1.371 1.196-1.881s-1.084-0.558-1.945 0v0l-3.189 2.009 4.114-7.382c0.446-0.765 0.175-1.387-0.574-1.387-0.928 0.091-1.715 0.62-2.161 1.374l-0.007 0.013-4.145 7.382-0.893-2.137c-0.223-0.542-1.1-0.558-1.961 0v0c-0.505 0.302-0.837 0.847-0.837 1.468 0 0.101 0.009 0.2 0.026 0.296l-0.001-0.010z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#000\"\r\n\t\t\t\td=\"M48.933 11.161l-9.774 17.682c-0.258 0.46-0.742 0.765-1.298 0.765-0.003 0-0.007 0-0.010-0h-34.822l1.754-3.189 7.797-14.35c0.225-0.518 0.721-0.88 1.304-0.909l0.003-0h35.077zM13.537 0h-12.277c-0.696 0-1.26 0.564-1.26 1.26v0 29.178c0.006 0.454 0.201 0.861 0.509 1.147l0.001 0.001s0 0 0-0.112c0.323 0.325 0.771 0.526 1.266 0.526 0.003 0 0.007 0 0.010-0h36.065c0.003 0 0.006 0 0.009 0 1.449 0 2.712-0.796 3.377-1.974l0.010-0.019 10.268-18.543c0.137-0.249 0.217-0.546 0.217-0.861 0-1.002-0.81-1.814-1.811-1.818h-10.061v-4.592c0-0.881-0.714-1.594-1.594-1.594v0h-23.47v-1.339c0-0.696-0.564-1.26-1.26-1.26v0zM2.679 25.24v-22.322h9.567v2.599h25.511v3.269h-23.916c-1.436 0.022-2.681 0.818-3.338 1.989l-0.010 0.020-7.813 14.445z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FolderSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Garbage Can SVG\r\n *\r\n * @returns\r\n */\r\nfunction GarbageCanCircleSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('icon icon-garbage-circle', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#d9534f\"\r\n\t\t\t\td=\"M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16c-8.837 0-16-7.163-16-16v0c0-8.837 7.163-16 16-16v0z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M24.652 11.459c-0.005-0.239-0.199-0.43-0.439-0.43-0.006 0-0.013 0-0.019 0l0.001-0h-3.2l-0.989-2.222c-0.353-0.691-1.049-1.162-1.857-1.188l-0.004-0h-4.078c-0.816 0.028-1.517 0.497-1.872 1.177l-0.006 0.012-0.98 2.222h-3.134c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v0.851c0.001 0.238 0.195 0.43 0.433 0.43 0.009 0 0.017-0 0.026-0.001l-0.001 0h1.352l0.529 9.493c-0.004 0.054-0.007 0.117-0.007 0.18 0 1.293 0.985 2.357 2.245 2.481l0.010 0.001h7.8c1.277-0.15 2.258-1.226 2.258-2.531 0-0.068-0.003-0.135-0.008-0.202l0.001 0.009 0.6-9.431h1.352c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-0l-0.011-0.85zM13.867 9.472c0.061-0.069 0.142-0.12 0.235-0.143l0.003-0.001h4.029c0.093 0.029 0.173 0.078 0.238 0.143l0 0 0.677 1.557h-5.879zM20.012 23.186h-7.822c-0.281-0.216-0.46-0.552-0.46-0.93 0-0.029 0.001-0.058 0.003-0.087l-0 0.004-0.523-9.434h9.839l-0.6 9.431c0.002 0.028 0.004 0.060 0.004 0.093 0 0.373-0.174 0.705-0.445 0.92l-0.002 0.002z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M14.993 15.067h-0.898c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v4.842c0.005 0.239 0.199 0.43 0.439 0.43 0.006 0 0.013-0 0.019-0l-0.001 0h0.898c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-4.842c-0.008-0.239-0.204-0.43-0.445-0.43-0.004 0-0.009 0-0.013 0h0.001zM18.328 15.067h-0.898c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v4.842c0.005 0.239 0.199 0.43 0.439 0.43 0.006 0 0.013-0 0.019-0l-0.001 0h0.898c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-4.842c-0.008-0.239-0.204-0.43-0.445-0.43-0.004 0-0.009 0-0.013 0h0.001z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default GarbageCanCircleSVG;\r\n","import React from 'react';\r\nimport { ModelStatus } from '../../../../Roc.SharedClientApp/types/model-status';\r\nimport DashCircleSVG from './hawksearch/components/svg/DashCircleSVG';\r\nimport CheckCircleSVG from './svg/CheckCircleSVG';\r\nimport FolderSVG from './svg/FolderSVG';\r\nimport GarbageCanCircleSVG from './svg/GarbageCanCircleSVG';\r\nimport PencilSVG from './svg/PencilSVG';\r\n\r\ninterface PageEditorStatusDisplayProps {\r\n\tstatus: ModelStatus;\r\n}\r\n\r\nexport function StatusDisplay(props: PageEditorStatusDisplayProps) {\r\n\tconst { status } = props;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-page-editor-status-display\">\r\n\t\t\t{status === ModelStatus.Published ? (\r\n\t\t\t\t<CheckCircleSVG />\r\n\t\t\t) : status === ModelStatus.Inactive ? (\r\n\t\t\t\t<DashCircleSVG />\r\n\t\t\t) : status === ModelStatus.Deleted ? (\r\n\t\t\t\t<GarbageCanCircleSVG />\r\n\t\t\t) : status === ModelStatus.Draft ? (\r\n\t\t\t\t<PencilSVG />\r\n\t\t\t) : status === ModelStatus.Archived ? (\r\n\t\t\t\t<FolderSVG />\r\n\t\t\t) : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React, { useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { ServerData } from 'services/ServerData';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport { TextBoxField, DropdownField, CheckBoxField } from 'shared/edit/fields';\r\nimport ReCaptchaDisclaimer from 'shared/edit/fields/ReCaptchaDisclaimer';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport RocForm from 'shared/edit/RocForm';\r\nimport { useAxiosFormSubmitter } from 'shared/hooks/useBaseAxiosFormSubmitter';\r\nimport AccountUrls from 'shared/util/AccountUrls';\r\nimport { DropdownOption } from '../../../../Roc.SharedClientApp/types/fields';\r\nimport { RegistrationData } from './types';\r\nimport CheckboxFieldWithCallback from 'shared/edit/fields/tapecase/CheckboxFieldWithCallback';\r\nimport CheckboxListFieldWithCallback, {\r\n\tCheckboxOption,\r\n} from 'shared/edit/fields/tapecase/CheckboxListFieldWithCallback';\r\nimport IconWithTooltip from 'shared/components/IconWithTooltip';\r\nimport HelpSVG from 'shared/components/svg/HelpSVG';\r\n\r\nfunction getRegistrationData(): RegistrationData {\r\n\treturn (window as any).__TAPECASE_REGISTRATION_DATA__ ?? {};\r\n}\r\n\r\ninterface RegisterValues {\r\n\temail: string;\r\n\tfirstName: string;\r\n\tlastName: string;\r\n\tpassword: string;\r\n\tconfirmPassword: string;\r\n\torganizationIndustry: string | null;\r\n\tcompany: string;\r\n\tphone: string;\r\n\tisOptedInForMarketingEmails: boolean;\r\n\tisDistributor: boolean;\r\n\tdistributorIndustries: string[] | null;\r\n\taddress: string;\r\n\taddress2: string;\r\n\tcity: string;\r\n\tstate: string;\r\n\tzipCode: string;\r\n\taccount3M: string;\r\n\tpaymentTerms3M: string;\r\n\tsalesRep3M: string;\r\n}\r\n\r\n/**\r\n * The main component that renders Registation page (TapeCase)\r\n */\r\nexport default function Register() {\r\n\tconst { industries, states, distributorIndustries } = getRegistrationData();\r\n\tconst organizationIndustriesOptions = industries.map((o) => ({ text: o.name, value: o.id } as DropdownOption));\r\n\tconst distributorIndustriesOptions = distributorIndustries.map(\r\n\t\t(o) => ({ text: o.name, value: o.id } as CheckboxOption),\r\n\t);\r\n\r\n\tconst [isDistributorRegistration, setIsDistributorRegistration] = useState<boolean>(false);\r\n\tconst [is3MDistributorRegistration, setIs3MDistributorRegistration] = useState<boolean>(false);\r\n\tconst [selectedDistributorIndustries, setSelectedDistributorIndustries] = useState<string[]>([]);\r\n\r\n\tconst onOrganizationTypeSelected = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\tsetIsDistributorRegistration(e.target.checked);\r\n\t};\r\n\r\n\tconst on3MDistributorSelected = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\tsetIs3MDistributorRegistration(e.target.checked);\r\n\t};\r\n\r\n\t// eslint-disable-next-line no-unused-vars\r\n\tconst usStates = states.filter((s) => s.countryCode.toUpperCase() === 'US');\r\n\r\n\tconst registerSubmitter = useAxiosFormSubmitter<RegisterValues>(\r\n\t\t{\r\n\t\t\turl: '/ajax/user/register',\r\n\t\t},\r\n\t\t'Register',\r\n\t);\r\n\r\n\tif (registerSubmitter.submitted) {\r\n\t\tif (!ServerData.RequireConfirmEmail) {\r\n\t\t\tdocument.location.href = AccountUrls.BaseUrl;\r\n\t\t\treturn null;\r\n\t\t} else {\r\n\t\t\treturn (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<h1>{ServerData.RegistrationThankYouTitle}</h1>\r\n\t\t\t\t\t<p data-testid=\"registration-thank-you-message\">{ServerData.RegistrationThankYouMessage}</p>\r\n\t\t\t\t</>\r\n\t\t\t);\r\n\t\t}\r\n\t} else {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<p className=\"roc-divider-text\">{Localizer('RequiredFields')}</p>\r\n\t\t\t\t<h1>{Localizer('Register')}</h1>\r\n\t\t\t\t<p>{Localizer('CreateNewAccount')}</p>\r\n\t\t\t\t<RocForm<RegisterValues>\r\n\t\t\t\t\tonSubmit={registerSubmitter.handleSubmit}\r\n\t\t\t\t\trender={({ form, handleSubmit, submitError, submitting }) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<form className=\"roc-form roc-register-form\" onSubmit={handleSubmit}>\r\n\t\t\t\t\t\t\t\t{submitError ? (\r\n\t\t\t\t\t\t\t\t\t<InlineAlert title={Localizer('ErrorMessageGenericTitle')} message={submitError} />\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t<TextBoxField isRequired label={Localizer('Email')} name=\"email\" />\r\n\r\n\t\t\t\t\t\t\t\t{!ServerData.USE_EMAIL_AS_USERNAME ? (\r\n\t\t\t\t\t\t\t\t\t<TextBoxField isRequired label={Localizer('Username')} name=\"username\" />\r\n\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t<TextBoxField isRequired={true} label={Localizer('FirstName')} name=\"firstName\" />\r\n\t\t\t\t\t\t\t\t<TextBoxField isRequired={true} label={Localizer('LastName')} name=\"lastName\" />\r\n\t\t\t\t\t\t\t\t<IconWithTooltip\r\n\t\t\t\t\t\t\t\t\tkey=\"registartion_company\"\r\n\t\t\t\t\t\t\t\t\ttooltipText=\"If registering as an independent customer, please use full name\"\r\n\t\t\t\t\t\t\t\t\trenderIcon={() => <HelpSVG />}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<TextBoxField isRequired={true} label={Localizer('Company')} name=\"company\" />\r\n\t\t\t\t\t\t\t\t<TextBoxField isRequired={true} label={Localizer('Address')} name=\"address\" />\r\n\t\t\t\t\t\t\t\t<TextBoxField isRequired={false} label={Localizer('Address2')} name=\"address2\" />\r\n\t\t\t\t\t\t\t\t<TextBoxField isRequired={true} label={Localizer('City')} name=\"city\" />\r\n\t\t\t\t\t\t\t\t<DropdownField\r\n\t\t\t\t\t\t\t\t\tlabel={Localizer('State')}\r\n\t\t\t\t\t\t\t\t\tname=\"state\"\r\n\t\t\t\t\t\t\t\t\tisRequired\r\n\t\t\t\t\t\t\t\t\toptions={usStates}\r\n\t\t\t\t\t\t\t\t\taddSelectOption\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<TextBoxField isRequired={true} label={Localizer('ZipCode')} name=\"zipCode\" />\r\n\t\t\t\t\t\t\t\t<TextBoxField isRequired={false} type=\"text\" label={Localizer('Phone')} name=\"phone\" />\r\n\r\n\t\t\t\t\t\t\t\t<CheckboxFieldWithCallback\r\n\t\t\t\t\t\t\t\t\tlabel={Localizer('IsDistributor')}\r\n\t\t\t\t\t\t\t\t\tname=\"isDistributor\"\r\n\t\t\t\t\t\t\t\t\tonChange={onOrganizationTypeSelected}\r\n\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t{isDistributorRegistration ? (\r\n\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t<CheckboxFieldWithCallback\r\n\t\t\t\t\t\t\t\t\t\t\tlabel={Localizer('Is3MDistributor')}\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"is3MDistributor\"\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={on3MDistributorSelected}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t\t\t{is3MDistributorRegistration ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TextBoxField\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tisRequired={false}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={Localizer('Account3M')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"account3M\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TextBoxField\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tisRequired={false}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={Localizer('PaymentTerms3M')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"paymentTerms3M\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t<TextBoxField\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tisRequired={false}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tlabel={Localizer('SalesRep3M')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"salesRep3M\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t\t\t<CheckboxListFieldWithCallback\r\n\t\t\t\t\t\t\t\t\t\t\tlabel={Localizer('DistributorIndustries')}\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"distributorIndustries\"\r\n\t\t\t\t\t\t\t\t\t\t\titems={distributorIndustriesOptions}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\tlet distributorIndustries = selectedDistributorIndustries;\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\tif (e.target.checked) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (!distributorIndustries.includes(e.target.value)) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdistributorIndustries.push(e.target.value);\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tdistributorIndustries = distributorIndustries.filter(function (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titem,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn item !== e.target.value;\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\tsetSelectedDistributorIndustries(distributorIndustries);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\tform.change('distributorIndustries', distributorIndustries);\r\n\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t<DropdownField\r\n\t\t\t\t\t\t\t\t\t\t\tisRequired={true}\r\n\t\t\t\t\t\t\t\t\t\t\tlabel={Localizer('OrganizationIndustry')}\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"organizationIndustry\"\r\n\t\t\t\t\t\t\t\t\t\t\toptions={organizationIndustriesOptions}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t<TextBoxField\r\n\t\t\t\t\t\t\t\t\tisRequired\r\n\t\t\t\t\t\t\t\t\ttype=\"password\"\r\n\t\t\t\t\t\t\t\t\tlabel={Localizer('Password')}\r\n\t\t\t\t\t\t\t\t\tname=\"password\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t<TextBoxField\r\n\t\t\t\t\t\t\t\t\tisRequired\r\n\t\t\t\t\t\t\t\t\ttype=\"password\"\r\n\t\t\t\t\t\t\t\t\tlabel={Localizer('ConfirmPassword')}\r\n\t\t\t\t\t\t\t\t\tname=\"confirmPassword\"\r\n\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t<CheckBoxField\r\n\t\t\t\t\t\t\t\t\tlabel={Localizer('OptInForMarketingEmails')}\r\n\t\t\t\t\t\t\t\t\tname=\"isOptedInForMarketingEmails\"\r\n\t\t\t\t\t\t\t\t\tinitialValue={true}\r\n\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t<ReCaptchaDisclaimer />\r\n\r\n\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\tdisabled={submitting}\r\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-btn\"\r\n\t\t\t\t\t\t\t\t\tdata-testid=\"registration-submit\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{Localizer('Register')} {submitting ? <Spinner light /> : null}\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t</form>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport Register from './Register';\r\nimport { initReactApp } from 'shared/util/ApplicationInit';\r\n\r\nconst render = initReactApp(() => <Register />, 'register-tapecase-form');\r\n\r\nrender();\r\n\r\n// optional, use this to enable hot reloading\r\nif ((module as any).hot) {\r\n\t(module as any).hot.accept('./Register', () => {\r\n\t\trender();\r\n\t});\r\n}\r\n","import { useEffect, useRef } from 'react';\r\n\r\n/**\r\n * Reusable hook that can be used where setInterval is needed.\r\n *\r\n * @export\r\n * @param {() => void} callback\r\n * @param {(number | null)} delay\r\n */\r\nexport default function useInterval(callback: () => void, delay: number, enabled: boolean = true) {\r\n\tconst savedCallback = useRef<(() => void) | null>(null);\r\n\t// eslint-disable-next-line no-undef\r\n\tconst intervalId = useRef<NodeJS.Timeout | null>(null);\r\n\r\n\t// Remember the latest callback.\r\n\tuseEffect(() => {\r\n\t\tsavedCallback.current = callback;\r\n\t}, [callback]);\r\n\r\n\t// Set up the interval.\r\n\tuseEffect(() => {\r\n\t\tfunction tick() {\r\n\t\t\tsavedCallback.current!();\r\n\t\t}\r\n\r\n\t\tif (delay === null || !enabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tintervalId.current = setInterval(tick, delay);\r\n\t\treturn () => {\r\n\t\t\tif (intervalId.current) {\r\n\t\t\t\tclearInterval(intervalId.current);\r\n\t\t\t}\r\n\t\t};\r\n\t}, [delay, enabled]);\r\n}\r\n","import { reCaptchaCallbackPromise } from 'features/setup/recaptcha';\r\nimport { useLayoutEffect, useRef, useState } from 'react';\r\nimport useInterval from './useInterval';\r\n\r\n/**\r\n * Window extended with recaptcha specific fields\r\n */\r\ninterface ReCaptchaWindow extends Window {\r\n\trocReCaptchaCallbacks: Array<() => void>;\r\n\tgrecaptcha: GoogleRecaptcha;\r\n}\r\n\r\n/**\r\n * Google ReCaptcha Interface\r\n */\r\ninterface GoogleRecaptcha {\r\n\tready(callback: () => void): void;\r\n\texecute: (key: string, config: { action: string }) => Promise<string>;\r\n}\r\n\r\nexport interface UseReCaptchaToken {\r\n\tgetToken: () => Promise<string>;\r\n\tinvalidateToken: () => void;\r\n\tenabled: boolean;\r\n\tsetEnabled: (enabled: boolean) => void;\r\n}\r\n\r\nlet ReCaptchaKeyWarning = false;\r\n\r\n/**\r\n * Reusable hook that generates a recaptcha token from google and generates fresh tokens\r\n * frequently as these will expire every 2 minutes\r\n *\r\n * @export\r\n * @param {string} reCaptchaKey\r\n * @param {string} action\r\n * @returns\r\n */\r\nexport default function useReCaptchaToken(\r\n\treCaptchaKey: string,\r\n\taction: string,\r\n\tinitialEnabled: boolean = !!action,\r\n): UseReCaptchaToken {\r\n\tconst reCaptchaWindow = (window as unknown) as ReCaptchaWindow;\r\n\r\n\t// keeps track of the promise that is getting the token across renders. using a ref ensures it updates immediately\r\n\t// state updates are async and therefore we cannot read the state value immediately after.\r\n\t// there is no longer a callback after setting state with hooks 💣\r\n\tconst tokenPromise = useRef<Promise<string> | null>(null);\r\n\r\n\t// store whether the promise is resolved in a ref. same reasoning as above.\r\n\tconst tokenPromiseIsResolved = useRef(false);\r\n\r\n\t// this is the promise that will handle waiting on recaptcha initialization\r\n\tconst initPromise = useRef<Promise<unknown> | null>(null);\r\n\r\n\t// this will allow for the recaptcha to be disabled on demand or by an invalid token\r\n\tconst [enabled, setEnabled] = useState(initialEnabled);\r\n\r\n\t// need to use LayoutEffect because we have to make sure this code runs before google's recaptcha handlers\r\n\t// when the dom becomes ready.\r\n\tuseLayoutEffect(() => {\r\n\t\t(async () => {\r\n\t\t\tinitPromise.current = new Promise(async (resolve) => {\r\n\t\t\t\t// wait until google calls this callback.\r\n\t\t\t\tif (reCaptchaCallbackPromise) {\r\n\t\t\t\t\tawait reCaptchaCallbackPromise;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// also wait for recaptcha to be ready for us\r\n\t\t\t\treCaptchaWindow.grecaptcha.ready(() => {\r\n\t\t\t\t\tresolve();\r\n\t\t\t\t\tgetToken();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tif (!reCaptchaKey && !ReCaptchaKeyWarning) {\r\n\t\t\t\tReCaptchaKeyWarning = true;\r\n\t\t\t\tconsole.warn('No ReCaptchaKey has been set.');\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\t/**\r\n\t * Invalidates the current token promise as long as it isn't currently unresolved\r\n\t */\r\n\tconst invalidateToken = async () => {\r\n\t\t// scenario 1: not initialized\r\n\t\tawait initPromise.current;\r\n\r\n\t\t// if we are working on getting a token, do nothing\r\n\t\tif (!tokenPromiseIsResolved) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\ttokenPromise.current = getToken(true);\r\n\t};\r\n\r\n\t// tokens expire in 2 minutes, so let's invalidate the token a little more frequently to avoid having a stale one\r\n\tuseInterval(invalidateToken, 2 * 60 * 1000 - 5000, enabled);\r\n\r\n\t/**\r\n\t * Returns a promise that will eventually resolve to a fresh recaptcha token\r\n\t */\r\n\tconst getToken = async (force: boolean = false): Promise<string> => {\r\n\t\tif (!reCaptchaKey || !enabled) {\r\n\t\t\t// if there's no recaptcha key, we'll simple return an empty string. the server will not validate recaptcha\r\n\t\t\t// because the key is missing.\r\n\t\t\treturn Promise.resolve('');\r\n\t\t}\r\n\r\n\t\t// wait for the callback to fire\r\n\t\tawait initPromise.current;\r\n\r\n\t\t// first time or if we need a new one\r\n\t\tif (tokenPromise.current === null || force) {\r\n\t\t\ttokenPromiseIsResolved.current = false;\r\n\r\n\t\t\ttokenPromise.current = new Promise(async (resolve) => {\r\n\t\t\t\ttry {\r\n\t\t\t\t\tconst result = await reCaptchaWindow.grecaptcha.execute(reCaptchaKey, { action });\r\n\t\t\t\t\tresolve(result);\r\n\t\t\t\t} catch (error) {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t'ReCaptcha warning:',\r\n\t\t\t\t\t\terror?.message || 'An unexpected ReCaptcha error occurred. Ensure you have a valid key.',\r\n\t\t\t\t\t);\r\n\t\t\t\t\tsetEnabled(false);\r\n\t\t\t\t\tresolve('');\r\n\t\t\t\t}\r\n\t\t\t\ttokenPromiseIsResolved.current = true;\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// in some cases this is the existing promise because it not resolved yet, so we don't want to\r\n\t\t// start another request separately.\r\n\t\treturn tokenPromise.current;\r\n\t};\r\n\r\n\treturn { getToken: () => getToken(), invalidateToken, enabled, setEnabled };\r\n}\r\n","import { ServerData } from 'services/ServerData';\r\nimport useReCaptchaToken, { UseReCaptchaToken } from './useReCaptchaToken';\r\n\r\n/**\r\n * Reusable hook that calls the generic useReCaptchaToken with key loaded from ServerData\r\n *\r\n * @export\r\n * @param {string} action\r\n * @returns\r\n */\r\nexport default function useRocReCaptchaToken(action: string, initialEnabled: boolean = true): UseReCaptchaToken {\r\n\tconst reCaptchaKey = ServerData.ReCaptchaV3Key;\r\n\tconst isReCaptchaEnabled = initialEnabled && ServerData.IsReCaptchaEnabled;\r\n\r\n\t// the server will not render anything if the keys aren't set, which means we could get null\r\n\t// or even undefined here, so let's just do a truthy check and return an empty string if there\r\n\t// is nothing from the server.\r\n\treturn useReCaptchaToken(reCaptchaKey || '', action, isReCaptchaEnabled);\r\n}\r\n","import { AxiosError, AxiosRequestConfig } from 'axios';\r\nimport { handleAxiosErrorWithValidation } from 'shared/util/Misc';\r\nimport { useBaseAxiosSubmitter } from './useBaseAxiosSubmitter';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\nexport interface UseAxiosFormSubmitterPostResult {\r\n\tformValidationState?: { [index: string]: string };\r\n\terror?: Error | AxiosError;\r\n}\r\n\r\nexport type RocFormSubmitterParams<TResponse> = {\r\n\taxiosParams: AxiosRequestConfig;\r\n\treCaptchaActionName?: string;\r\n\tcsrfEnabled?: boolean;\r\n\tstateful?: boolean;\r\n\tinvalidateTokenOnSuccess?: boolean;\r\n\tresponseCallback?: (response?: TResponse, error?: Error) => void;\r\n};\r\n\r\nexport type ResponseCallback<TResponse> = (response?: TResponse, error?: Error, invalidateToken?: () => void) => void;\r\n\r\n/**\r\n * A custom hook that can be used to facilitate posting forms. It handles processing server-side validation automatically.\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param reCaptchaActionName An optional action name for the ReCaptcha request sent to Google. If left empty, no ReCaptcha token will be sent to the server.\r\n * @param csrfEnabled Specifies whether CSRF protection should be enabled or not.\r\n * @param stateful A flag for setting the form submitter to store submitting and error state. Not recommended to be true when dealing with react-final-form.\r\n * @param invalidateTokenOnSuccess A flag for invalidating ReCaptcha token on success. This can be helpful for resetting a form with ReCaptcha.\r\n * @param responseCallback An optional callback that can be executed on the response or error that is returned.\r\n */\r\nexport function useRocFormSubmitter<TRequest, TResponse = unknown>({\r\n\taxiosParams,\r\n\treCaptchaActionName,\r\n\tcsrfEnabled = true,\r\n\tstateful = false,\r\n\tinvalidateTokenOnSuccess = false,\r\n\tresponseCallback,\r\n}: RocFormSubmitterParams<TResponse>) {\r\n\treturn useBaseAxiosFormSubmitter<TRequest, TResponse>(\r\n\t\taxiosParams,\r\n\t\treCaptchaActionName,\r\n\t\tcsrfEnabled,\r\n\t\tstateful,\r\n\t\tinvalidateTokenOnSuccess,\r\n\t\tresponseCallback,\r\n\t);\r\n}\r\n\r\n/**\r\n * Form submitter that only stores the last response in state. Ideal when dealing with react-final-form.\r\n */\r\nexport function useAxiosFormSubmitter<T, R = unknown>(\r\n\taxiosParams: AxiosRequestConfig,\r\n\treCaptchaActionName?: string,\r\n\tcsrfEnabled = true,\r\n\tresponseCallback?: ResponseCallback<R>,\r\n\tinvalidateTokenOnSuccess = false,\r\n) {\r\n\treturn useBaseAxiosFormSubmitter<T, R>(\r\n\t\taxiosParams,\r\n\t\treCaptchaActionName,\r\n\t\tcsrfEnabled,\r\n\t\tfalse,\r\n\t\tinvalidateTokenOnSuccess,\r\n\t\tresponseCallback,\r\n\t);\r\n}\r\n\r\n/**\r\n * Form submitter that stores submitting and error state. Not recommended when dealing with react-final-form.\r\n */\r\nexport function useStatefulAxiosFormSubmitter<T, R = unknown>(\r\n\taxiosParams: AxiosRequestConfig,\r\n\treCaptchaActionName?: string,\r\n\tcsrfEnabled = true,\r\n\tresponseCallback?: ResponseCallback<R>,\r\n\tinvalidateTokenOnSuccess = false,\r\n) {\r\n\treturn useBaseAxiosFormSubmitter<T, R>(\r\n\t\taxiosParams,\r\n\t\treCaptchaActionName,\r\n\t\tcsrfEnabled,\r\n\t\ttrue,\r\n\t\tinvalidateTokenOnSuccess,\r\n\t\tresponseCallback,\r\n\t);\r\n}\r\n\r\n/**\r\n * A custom hook that can be used to facilitate posting forms. It handles processing server-side validation automatically.\r\n * Do not use this hook directly unless you know what you're doing. Prefer useAxiosFormSubmitter, useAxiosStatefulFormSubmitter, or useRocFormSubmitter instead.\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param reCaptchaActionName An optional action name for the ReCaptcha request sent to Google. If left empty, no ReCaptcha token will be sent to the server.\r\n * @param csrfEnabled Specifies whether CSRF protection should be enabled or not.\r\n * @param stateful A flag for setting the form submitter to store submitting and error state. Not recommended to be true when dealing with react-final-form.\r\n * @param invalidateTokenOnSuccess A flag for invalidating ReCaptcha token on success. This can be helpful for resetting a form with ReCaptcha.\r\n * @param responseCallback An optional callback that can be executed on the response or error that is returned.\r\n */\r\nexport function useBaseAxiosFormSubmitter<T, R>(\r\n\taxiosParams: AxiosRequestConfig,\r\n\treCaptchaActionName?: string,\r\n\tcsrfEnabled = true,\r\n\tstateful = false,\r\n\tinvalidateTokenOnSuccess = false,\r\n\tresponseCallback?: ResponseCallback<R>,\r\n) {\r\n\tif (axiosParams.method === undefined) {\r\n\t\taxiosParams.method = 'POST';\r\n\t}\r\n\r\n\t/**\r\n\t * Callback to be executed after a form submission has taken place.\r\n\t */\r\n\tconst submitterCallback = (response?: R, error?: Error, invalidateToken?: () => void) => {\r\n\t\tif (error) {\r\n\t\t\tconsole.error(error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\t\t\tif (invalidateToken) {\r\n\t\t\t\tinvalidateToken();\r\n\t\t\t}\r\n\r\n\t\t\tif (responseCallback !== undefined) {\r\n\t\t\t\tresponseCallback(response, error);\r\n\t\t\t}\r\n\r\n\t\t\treturn Promise.resolve({\r\n\t\t\t\tformValidationState: handleAxiosErrorWithValidation(\r\n\t\t\t\t\taxiosError,\r\n\t\t\t\t\tLocalizer('ErrorOccurredSubmittingTheForm'),\r\n\t\t\t\t),\r\n\t\t\t\terror,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif (responseCallback !== undefined) {\r\n\t\t\tresponseCallback(response);\r\n\t\t}\r\n\r\n\t\tif (invalidateToken && invalidateTokenOnSuccess) {\r\n\t\t\tinvalidateToken();\r\n\t\t}\r\n\r\n\t\treturn Promise.resolve({});\r\n\t};\r\n\r\n\tconst submitter = useBaseAxiosSubmitter<T, R, UseAxiosFormSubmitterPostResult>(\r\n\t\taxiosParams,\r\n\t\tsubmitterCallback,\r\n\t\treCaptchaActionName,\r\n\t\tcsrfEnabled,\r\n\t\tstateful,\r\n\t);\r\n\r\n\tlet result = {\r\n\t\thandleSubmit: async (formValues: T) => {\r\n\t\t\tconst submitResult = await submitter.submit(formValues);\r\n\t\t\treturn submitResult && submitResult.formValidationState;\r\n\t\t},\r\n\t\tsubmitted: submitter.response !== null && submitter.response.status === 200,\r\n\t\tresponseData: submitter.response !== null ? submitter.response.data : null,\r\n\t};\r\n\r\n\tif (stateful) {\r\n\t\tresult = {\r\n\t\t\t...submitter,\r\n\t\t\t...result,\r\n\t\t};\r\n\t}\r\n\r\n\treturn result;\r\n}\r\n","import Axios, { AxiosRequestConfig, AxiosError, AxiosResponse, CancelTokenSource } from 'axios';\r\nimport useRocReCaptchaToken from './useRocReCaptchaToken';\r\nimport { useLoader } from './useLoader';\r\nimport { useRef } from 'react';\r\nimport { getCsrfToken } from 'services/UserData';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\n\r\n/**\r\n * A reusable hook to be used to submit data via Axios. Handles CSRF and ReCaptcha tokens.\r\n * Do not call this directly, use useAxiosFormSubmitter or useAxiosStatefulFormSubmitter instead.\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param submitterCallback An optional callback that will be called after a request is submitted. The error and the function to invalidate the used ReCaptcha token will be passed if something goes wrong.\r\n * @param reCaptchaActionName An optional action name for the ReCaptcha request sent to Google. If left empty, no ReCaptcha token will be sent to the server.\r\n * @param csrfEnabled Specifies whether CSRF protection should be enabled or not.\r\n * @param stateful An optional value to determine whether this component should use all useLoader state.\r\n */\r\nexport function useBaseAxiosSubmitter<T, R, K>(\r\n\taxiosParams: AxiosRequestConfig,\r\n\tsubmitterCallback?: (response: R, error?: Error | AxiosError, invalidateRecaptchaToken?: () => void) => Promise<K>,\r\n\treCaptchaActionName?: string,\r\n\tcsrfEnabled = true,\r\n\tstateful = false,\r\n) {\r\n\tif (axiosParams.method === undefined) {\r\n\t\taxiosParams.method = 'POST';\r\n\t}\r\n\r\n\tconst { getToken: getRecaptchaToken, invalidateToken } = useRocReCaptchaToken(reCaptchaActionName || '');\r\n\tconst { loading, setLoading, error, setError, response, setResponse } = useLoader<AxiosResponse<R>>();\r\n\tconst cancelToken = useRef<CancelTokenSource>();\r\n\r\n\t/**\r\n\t * The main method that allows imperative posting of data\r\n\t * @param payload The data that should be posted in the body of the request\r\n\t */\r\n\tasync function submit(payload: T): Promise<K | undefined> {\r\n\t\ttry {\r\n\t\t\t// avoid duplicate requests if there's a pending one\r\n\t\t\tif (cancelToken.current) {\r\n\t\t\t\tconsole.warn('Already posting... Did you forget to disable your submit button while this was saving?');\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tcancelToken.current = Axios.CancelToken.source();\r\n\r\n\t\t\tconst promises: Array<Promise<string | undefined> | undefined> = [];\r\n\r\n\t\t\tpromises.push(csrfEnabled ? getCsrfToken() : undefined);\r\n\t\t\tpromises.push(reCaptchaActionName ? getRecaptchaToken() : undefined);\r\n\r\n\t\t\tconst [csrfToken, reCaptchaToken] = await Promise.all<string | undefined>(promises);\r\n\r\n\t\t\tif (stateful) {\r\n\t\t\t\tsetLoading(true);\r\n\t\t\t\tsetError(undefined);\r\n\t\t\t}\r\n\r\n\t\t\t// eslint-disable-next-line no-unused-vars\r\n\t\t\tconst { data, ...rest } = axiosParams;\r\n\t\t\tconst request = {\r\n\t\t\t\t...rest,\r\n\t\t\t\tdata: {\r\n\t\t\t\t\t...payload,\r\n\t\t\t\t\treCaptchaToken: reCaptchaToken || undefined,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\t\tif (csrfToken) {\r\n\t\t\t\tif (!request.headers) {\r\n\t\t\t\t\trequest.headers = {};\r\n\t\t\t\t}\r\n\r\n\t\t\t\trequest.headers.RequestVerificationToken = csrfToken;\r\n\t\t\t}\r\n\r\n\t\t\tconst serverResponse = (await AxiosHelper(request)) as AxiosResponse<R>;\r\n\r\n\t\t\t// reset cancellation token ref to allow new requests.\r\n\t\t\tcancelToken.current = undefined;\r\n\r\n\t\t\tsetResponse(serverResponse);\r\n\r\n\t\t\tif (submitterCallback !== undefined) {\r\n\t\t\t\treturn await submitterCallback(serverResponse.data);\r\n\t\t\t}\r\n\r\n\t\t\treturn;\r\n\t\t} catch (error) {\r\n\t\t\t// reset cancellation token ref to allow new requests.\r\n\t\t\tcancelToken.current = undefined;\r\n\r\n\t\t\tif (Axios.isCancel(error)) {\r\n\t\t\t\t// if the component was unmounted, there's nothing to do\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (stateful) {\r\n\t\t\t\tsetError(error);\r\n\t\t\t}\r\n\r\n\t\t\tif (submitterCallback !== undefined) {\r\n\t\t\t\treturn await submitterCallback(error.data, error, invalidateToken);\r\n\t\t\t}\r\n\r\n\t\t\treturn;\r\n\t\t} finally {\r\n\t\t\tif (stateful) {\r\n\t\t\t\tsetLoading(false);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn {\r\n\t\tsubmitting: loading,\r\n\t\terror,\r\n\t\tresponse,\r\n\t\tcancelToken: cancelToken.current,\r\n\t\tsubmit,\r\n\t};\r\n}\r\n","// These functions may be potentially innaccurate in certain locales that use differing amounts of characters in different cases\r\n\r\n/**\r\n * Tests if a string includes another if casing is ignored\r\n * @param thisString The string to test\r\n * @param otherString The potentially included string being tested for\r\n */\r\nexport function stringWeaklyIncludes(thisString: string, otherString: string) {\r\n\treturn thisString.toLocaleLowerCase().includes(otherString.toLocaleLowerCase());\r\n}\r\n\r\n/**\r\n * Tests if a string starts with another if casing is ignored\r\n * @param thisString The string to test\r\n * @param otherString The potentially included string being tested for\r\n */\r\nexport function stringWeaklyStartsWith(thisString: string, otherString: string) {\r\n\treturn thisString.toLocaleLowerCase().startsWith(otherString.toLocaleLowerCase());\r\n}\r\n\r\n/**\r\n * Tests if a string ends with another if casing is ignored\r\n * @param thisString The string to test\r\n * @param otherString The potentially included string being tested for\r\n */\r\nexport function stringWeaklyEndsWith(thisString: string, otherString: string) {\r\n\treturn thisString.toLocaleLowerCase().endsWith(otherString.toLocaleLowerCase());\r\n}\r\n\r\n/**\r\n * Converts the first character in a string to upper-case. Will not work for all languages (for example Dutch).\r\n *\r\n * @export\r\n * @param {string} thisString\r\n * @returns\r\n */\r\nexport function firstCharacterToUpper(thisString: string) {\r\n\tif (!thisString) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\tlet newString = thisString.substring(0, 1).toLocaleUpperCase();\r\n\r\n\tif (thisString.length > 1) {\r\n\t\tnewString += thisString.substring(1);\r\n\t}\r\n\r\n\treturn newString;\r\n}\r\n\r\n/**\r\n * Converts the first character in a string to upper-case. Will not work for all languages (for example Dutch).\r\n *\r\n * @export\r\n * @param {string} thisString\r\n * @returns\r\n */\r\nexport function firstCharacterToLower(thisString: string) {\r\n\tif (!thisString) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\tlet newString = thisString.substring(0, 1).toLocaleLowerCase();\r\n\r\n\tif (thisString.length > 1) {\r\n\t\tnewString += thisString.substring(1);\r\n\t}\r\n\r\n\treturn newString;\r\n}\r\n\r\n// https://github.com/uxitten/polyfill/blob/master/string.polyfill.js\r\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart\r\nexport function padStart(value, targetLength, padString) {\r\n\t// tslint:disable-next-line:no-bitwise\r\n\ttargetLength = targetLength >> 0; // truncate if number, or convert non-number to 0;\r\n\tpadString = String(typeof padString !== 'undefined' ? padString : ' ');\r\n\tif (value.length >= targetLength) {\r\n\t\treturn String(value);\r\n\t} else {\r\n\t\ttargetLength = targetLength - value.length;\r\n\t\tif (targetLength > padString.length) {\r\n\t\t\tpadString += padString.repeat(targetLength / padString.length); // append to original to ensure we are longer than needed\r\n\t\t}\r\n\t\treturn padString.slice(0, targetLength) + String(value);\r\n\t}\r\n}\r\n\r\n/**\r\n * Converts a string from \" Something Like  This\" to \"something-like-this\"\r\n * @param value The string to convert\r\n */\r\nexport function toKebabCase(value: string) {\r\n\tif (!value || !value.trim()) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\treturn value\r\n\t\t.trim()\r\n\t\t.replace(/[^a-zA-Z0-9]+/g, '-')\r\n\t\t.replace(/([a-z0-9])([A-Z])/g, '$1-$2')\r\n\t\t.replace(/([A-Z])([A-Z])(?=[a-z])/g, '$1-$2')\r\n\t\t.replace(/-$/, '')\r\n\t\t.toLocaleLowerCase();\r\n}\r\n\r\n/**\r\n * Converts a string from PascalCase, camelCase, snake_case, or space separated to camelCase. Beginning and trailing whitespace are trimmed.\r\n * @param value The string to convert\r\n */\r\nexport function toCamelCase(value: string) {\r\n\treturn value\r\n\t\t.replace(/(?:^\\w|[A-Z]|\\b\\w)/g, function (word, index) {\r\n\t\t\treturn index === 0 ? word.toLowerCase() : word.toUpperCase();\r\n\t\t})\r\n\t\t.replace(/(?:\\s+|[-_])/g, '');\r\n}\r\n\r\n/**\r\n * Removes html characters\r\n *\r\n * @export\r\n * @param {*} html\r\n * @returns\r\n */\r\nexport function stripHtml(html) {\r\n\tconst tmp = document.createElement('div');\r\n\ttmp.innerHTML = html;\r\n\treturn tmp.textContent || tmp.innerText || '';\r\n}\r\n\r\n/**\r\n * Cuts of text and adds ellipsis (...) after a certain number of characters\r\n * @param text The text to format\r\n * @param cutoff The number of characters to add the ellipsis after\r\n */\r\nexport function addEllipsis(text: string, cutoff: number = 20) {\r\n\tif (!text || text.length < cutoff) {\r\n\t\treturn text;\r\n\t}\r\n\r\n\treturn text.substring(0, cutoff) + '...';\r\n}\r\n\r\n/**\r\n * Trims a string value\r\n */\r\nexport function trimString(value: string) {\r\n\treturn value ? value.trim() : '';\r\n}\r\n","import React from 'react';\r\nimport { FormProps, Form } from 'react-final-form';\r\nimport createDecorator from 'final-form-focus';\r\nimport { AnyObject } from 'final-form';\r\n\r\ntype RocFormProps<TFormValues = AnyObject> = FormProps<TFormValues>;\r\n\r\nconst focusOnError = createDecorator();\r\n\r\n/**\r\n * Wrapper component for react-final-form so that we can add useful defaults across the board.\r\n * @param props props\r\n */\r\nexport default function RocForm<TFormValues = AnyObject>({\r\n\tonSubmit,\r\n\trender,\r\n\tdebug,\r\n\tdestroyOnUnregister,\r\n\tform,\r\n\tcomponent,\r\n\tinitialValues,\r\n\tinitialValuesEqual,\r\n\tkeepDirtyOnReinitialize,\r\n\tvalidate,\r\n\tvalidateOnBlur,\r\n\tdecorators = [focusOnError],\r\n\tmutators,\r\n\tsubscription,\r\n}: RocFormProps<TFormValues>) {\r\n\treturn (\r\n\t\t<Form<TFormValues>\r\n\t\t\tonSubmit={onSubmit}\r\n\t\t\tdecorators={decorators}\r\n\t\t\trender={render}\r\n\t\t\tdebug={debug}\r\n\t\t\tdestroyOnUnregister={destroyOnUnregister}\r\n\t\t\tform={form}\r\n\t\t\tcomponent={component}\r\n\t\t\tinitialValues={initialValues}\r\n\t\t\tinitialValuesEqual={initialValuesEqual}\r\n\t\t\tkeepDirtyOnReinitialize={keepDirtyOnReinitialize}\r\n\t\t\tmutators={mutators}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalidate={validate}\r\n\t\t\tvalidateOnBlur={validateOnBlur}\r\n\t\t/>\r\n\t);\r\n}\r\n","var api = require(\"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n            var content = require(\"!!../../../../node_modules/css-loader/dist/cjs.js!./style.css\");\n\n            content = content.__esModule ? content.default : content;\n\n            if (typeof content === 'string') {\n              content = [[module.id, content, '']];\n            }\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nmodule.exports = content.locals || {};","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \".react-toggle {\\n  touch-action: pan-x;\\n\\n  display: inline-block;\\n  position: relative;\\n  cursor: pointer;\\n  background-color: transparent;\\n  border: 0;\\n  padding: 0;\\n\\n  -webkit-touch-callout: none;\\n  -webkit-user-select: none;\\n  -khtml-user-select: none;\\n  -moz-user-select: none;\\n  -ms-user-select: none;\\n  user-select: none;\\n\\n  -webkit-tap-highlight-color: rgba(0,0,0,0);\\n  -webkit-tap-highlight-color: transparent;\\n}\\n\\n.react-toggle-screenreader-only {\\n  border: 0;\\n  clip: rect(0 0 0 0);\\n  height: 1px;\\n  margin: -1px;\\n  overflow: hidden;\\n  padding: 0;\\n  position: absolute;\\n  width: 1px;\\n}\\n\\n.react-toggle--disabled {\\n  cursor: not-allowed;\\n  opacity: 0.5;\\n  -webkit-transition: opacity 0.25s;\\n  transition: opacity 0.25s;\\n}\\n\\n.react-toggle-track {\\n  width: 50px;\\n  height: 24px;\\n  padding: 0;\\n  border-radius: 30px;\\n  background-color: #4D4D4D;\\n  -webkit-transition: all 0.2s ease;\\n  -moz-transition: all 0.2s ease;\\n  transition: all 0.2s ease;\\n}\\n\\n.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {\\n  background-color: #000000;\\n}\\n\\n.react-toggle--checked .react-toggle-track {\\n  background-color: #19AB27;\\n}\\n\\n.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {\\n  background-color: #128D15;\\n}\\n\\n.react-toggle-track-check {\\n  position: absolute;\\n  width: 14px;\\n  height: 10px;\\n  top: 0px;\\n  bottom: 0px;\\n  margin-top: auto;\\n  margin-bottom: auto;\\n  line-height: 0;\\n  left: 8px;\\n  opacity: 0;\\n  -webkit-transition: opacity 0.25s ease;\\n  -moz-transition: opacity 0.25s ease;\\n  transition: opacity 0.25s ease;\\n}\\n\\n.react-toggle--checked .react-toggle-track-check {\\n  opacity: 1;\\n  -webkit-transition: opacity 0.25s ease;\\n  -moz-transition: opacity 0.25s ease;\\n  transition: opacity 0.25s ease;\\n}\\n\\n.react-toggle-track-x {\\n  position: absolute;\\n  width: 10px;\\n  height: 10px;\\n  top: 0px;\\n  bottom: 0px;\\n  margin-top: auto;\\n  margin-bottom: auto;\\n  line-height: 0;\\n  right: 10px;\\n  opacity: 1;\\n  -webkit-transition: opacity 0.25s ease;\\n  -moz-transition: opacity 0.25s ease;\\n  transition: opacity 0.25s ease;\\n}\\n\\n.react-toggle--checked .react-toggle-track-x {\\n  opacity: 0;\\n}\\n\\n.react-toggle-thumb {\\n  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;\\n  position: absolute;\\n  top: 1px;\\n  left: 1px;\\n  width: 22px;\\n  height: 22px;\\n  border: 1px solid #4D4D4D;\\n  border-radius: 50%;\\n  background-color: #FAFAFA;\\n\\n  -webkit-box-sizing: border-box;\\n  -moz-box-sizing: border-box;\\n  box-sizing: border-box;\\n\\n  -webkit-transition: all 0.25s ease;\\n  -moz-transition: all 0.25s ease;\\n  transition: all 0.25s ease;\\n}\\n\\n.react-toggle--checked .react-toggle-thumb {\\n  left: 27px;\\n  border-color: #19AB27;\\n}\\n\\n.react-toggle--focus .react-toggle-thumb {\\n  -webkit-box-shadow: 0px 0px 3px 2px #0099E0;\\n  -moz-box-shadow: 0px 0px 3px 2px #0099E0;\\n  box-shadow: 0px 0px 2px 3px #0099E0;\\n}\\n\\n.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {\\n  -webkit-box-shadow: 0px 0px 5px 5px #0099E0;\\n  -moz-box-shadow: 0px 0px 5px 5px #0099E0;\\n  box-shadow: 0px 0px 5px 5px #0099E0;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","import React from 'react';\r\nimport { LocalizedSpan } from 'services/Localizer';\r\nimport { ServerData } from 'services/ServerData';\r\n\r\n/**\r\n * Recaptcha usage disclaimer\r\n */\r\nexport default function ReCaptchaDisclaimer() {\r\n\tconst reCaptchaKey = ServerData.ReCaptchaV3Key;\r\n\tconst isReCaptchaEnabled = ServerData.IsReCaptchaEnabled;\r\n\treturn reCaptchaKey && isReCaptchaEnabled ? (\r\n\t\t<div className=\"roc-form-group\">\r\n\t\t\t<div className=\"roc-recaptcha-text\">\r\n\t\t\t\t<LocalizedSpan\r\n\t\t\t\t\tresourceKey=\"ProtectedText\"\r\n\t\t\t\t\targs={['https://policies.google.com/privacy', 'https://policies.google.com/terms']}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t) : null;\r\n}\r\n"],"sourceRoot":""}