{"version":3,"sources":["webpack:///./ClientApp/services/Localizer.tsx","webpack:///./ClientApp/shared/components/Spinner.tsx","webpack:///./ClientApp/services/AxiosHelper.ts","webpack:///./ClientApp/shared/edit/fields/FieldInputErrorWrapper.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/features/contact-form/ContactForm.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/features/contact-form/index.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/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","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","FieldInputErrorWrapper","hideIcon","children","inline","name","meta","useField","invalid","submitError","dirtySinceLastSubmit","submitting","touched","FieldLabel","label","id","isRequired","htmlFor","testId","trim","InlineAlert","title","defaultProps","theme","isTitleOnOwnRow","isCollapsed","onCollapse","message","axiosError","isAxiosError","data","type","onClick","XSVG","rest","viewBox","focusable","aria-hidden","d","userDataPromise","getUserData","get","getUserDataNoCache","userData","requestToken","CheckboxInputField","input","onChange","checked","disabled","readOnly","placeholder","step","defaultValue","dirty","defaultChecked","aria-describedby","CheckBoxField","afterSubmit","allowNull","beforeSubmit","formatOnBlur","initialValue","isEqual","subscription","DropdownField","addSelectOption","options","validateFields","value","onFocus","onBlur","map","option","text","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","React","forwardRef","ref","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","ContactForm","useState","email","phoneNumber","address","initialValues","setInitialValues","contactFormSubmitter","useAxiosFormSubmitter","url","useEffect","userDataResponse","summary","firstName","lastName","submitted","onSubmit","handleSubmit","undefined","Element","prototype","getAttributeNames","attributes","result","i","getDataPropsFromAttributes","element","s","startsWith","attributeName","toCamelCase","substring","getAttribute","initReactApp","getReactElement","elementId","document","getElementById","ReactDOM","Suspense","fallback","initReactAppByAttribute","attribute","elements","querySelectorAll","memo","display","setDisplay","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","fill","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","useInterval","callback","delay","enabled","savedCallback","useRef","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","toUpperCase","stripHtml","html","tmp","createElement","innerHTML","textContent","innerText","trimString","focusOnError","createDecorator","RocForm","debug","destroyOnUnregister","form","initialValuesEqual","keepDirtyOnReinitialize","validateOnBlur","decorators","mutators","api","content","__esModule","default","module","exports","locals","___CSS_LOADER_API_IMPORT___","ReCaptchaDisclaimer"],"mappings":"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","file":"contact-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 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","/* 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","import React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { getUserData } from 'services/UserData';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport { TextAreaField, TextBoxField } from 'shared/edit/fields';\r\nimport ReCaptchaDisclaimer from 'shared/edit/fields/ReCaptchaDisclaimer';\r\nimport { useAxiosFormSubmitter } from 'shared/hooks/useBaseAxiosFormSubmitter';\r\nimport RocForm from 'shared/edit/RocForm';\r\n\r\ninterface ContactFormValues {\r\n\tname: string;\r\n\temail: string;\r\n\tmessage: string;\r\n\t//#region TapeCase\r\n\tphoneNumber: string;\r\n\taddress: string;\r\n\t//#endregion TapeCase\r\n}\r\n\r\n/**\r\n * Contact Form component\r\n */\r\nfunction ContactForm() {\r\n\tconst [initialValues, setInitialValues] = useState<ContactFormValues>({\r\n\t\tname: '',\r\n\t\temail: '',\r\n\t\tmessage: '',\r\n\t\t//#region TapeCase\r\n\t\tphoneNumber: '',\r\n\t\taddress: '',\r\n\t\t//#endregion TapeCase\r\n\t});\r\n\r\n\tconst contactFormSubmitter = useAxiosFormSubmitter<ContactFormValues>(\r\n\t\t{\r\n\t\t\turl: '/ajax/contact',\r\n\t\t},\r\n\t\t'ContactForm',\r\n\t);\r\n\r\n\t// initialize the contact us fields with values from the user record.\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\tconst userDataResponse = await getUserData();\r\n\r\n\t\t\tif (!userDataResponse.data || !userDataResponse.data.summary) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst { firstName, lastName, email } = userDataResponse.data.summary;\r\n\r\n\t\t\tsetInitialValues({\r\n\t\t\t\t...initialValues,\r\n\t\t\t\tname: firstName && lastName ? `${firstName} ${lastName}` : '',\r\n\t\t\t\temail: email || '',\r\n\t\t\t});\r\n\t\t})();\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\treturn !contactFormSubmitter.submitted ? (\r\n\t\t<RocForm<ContactFormValues>\r\n\t\t\tonSubmit={contactFormSubmitter.handleSubmit}\r\n\t\t\tinitialValues={initialValues}\r\n\t\t\trender={({ handleSubmit, submitError, submitting }) => {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<form onSubmit={handleSubmit} className=\"roc-contact-form\">\r\n\t\t\t\t\t\t<div className=\"roc-checkout__section\">\r\n\t\t\t\t\t\t\t{submitError ? <InlineAlert message={submitError} error={null} /> : null}\r\n\t\t\t\t\t\t\t<TextBoxField name=\"name\" label={Localizer('Name')} testId=\"contact-form-name-field\" />\r\n\t\t\t\t\t\t\t<TextBoxField name=\"email\" label={Localizer('Email')} />\r\n\t\t\t\t\t\t\t{/* #region TypeCase */}\r\n\t\t\t\t\t\t\t<TextBoxField name=\"phoneNumber\" label={Localizer('Phone')} />\r\n\t\t\t\t\t\t\t<TextBoxField name=\"address\" label={Localizer('Address')} />\r\n\t\t\t\t\t\t\t{/* #endregion TypeCase */}\r\n\t\t\t\t\t\t\t<TextAreaField name=\"message\" label={Localizer('Message')} />\r\n\t\t\t\t\t\t\t<ReCaptchaDisclaimer />\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\tdisabled={submitting}\r\n\t\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-btn\"\r\n\t\t\t\t\t\t\t\tdata-testid=\"contact-form-submit\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{Localizer('Submit')} {submitting ? <Spinner light /> : null}\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</form>\r\n\t\t\t\t);\r\n\t\t\t}}\r\n\t\t/>\r\n\t) : (\r\n\t\t<p data-testid=\"contact-form-submitted\">{Localizer('ContactFormSubmitted')}</p>\r\n\t);\r\n}\r\n\r\nexport default ContactForm;\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 ContactForm from './ContactForm';\r\nimport { initReactApp } from 'shared/util/ApplicationInit';\r\n\r\nconst render = initReactApp(() => <ContactForm />, 'contact-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('./ContactForm', () => {\r\n\t\trender();\r\n\t});\r\n}\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 { 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":""}