{"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/shared/polyfills/getAttributeNames.js","webpack:///./ClientApp/shared/util/ApplicationInit.tsx","webpack:///./ClientApp/shared/edit/OptionalFieldMarker.tsx","webpack:///./ClientApp/shared/hooks/useDelayedDisplay.tsx","webpack:///./ClientApp/shared/components/svg/CheckCircleSVG.tsx","webpack:///./ClientApp/shared/util/Misc.ts","webpack:///./ClientApp/features/setup/recaptcha.ts","webpack:///./ClientApp/shared/components/hawksearch/components/svg/DashCircleSVG.tsx","webpack:///./ClientApp/shared/components/svg/CircleExclamationSVG.tsx","webpack:///./ClientApp/shared/components/CircleButton.tsx","webpack:///./ClientApp/shared/components/svg/StarEmptySVG.tsx","webpack:///./ClientApp/shared/components/svg/StarSVG.tsx","webpack:///./ClientApp/shared/components/star-rating/StarRating.tsx","webpack:///./ClientApp/shared/components/star-rating/useStarRating.ts","webpack:///./ClientApp/shared/components/svg/PencilSVG.tsx","webpack:///./ClientApp/services/ServerData.ts","webpack:///./ClientApp/shared/hooks/useLoader.ts","webpack:///./ClientApp/features/forgotPassword/ForgotPassword.tsx","webpack:///./ClientApp/features/forgotPassword/index.tsx","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"],"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","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","useState","display","setDisplay","useEffect","timeout","setTimeout","clearTimeout","CheckCircleSVG","ms","resolve","sleep","handleAxiosErrorWithValidation","errorMessage","validationErrorCallback","genericErrorCallback","globalErrors","errorsWithModifiedArrayIndex","reduce","acc","newValidationState","unflatten","FORM_ERROR","getQueryParam","paramName","decodeParam","urlParams","URLSearchParams","search","paramValue","decodeURIComponent","reCaptchaCallbackPromise","setupReCaptcha","windowWithReCaptchaCallbacks","onReCaptchaLoadCallback","DashCircleSVG","class","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","forgotPasswordSubmitter","useAxiosFormSubmitter","url","submitted","RocForm","onSubmit","handleSubmit","USE_EMAIL_AS_USERNAME","color","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","debug","destroyOnUnregister","form","initialValues","initialValuesEqual","keepDirtyOnReinitialize","validateOnBlur","decorators","mutators","api","content","__esModule","default","module","exports","locals","___CSS_LOADER_API_IMPORT___"],"mappings":"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","file":"forgot-password.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","// source: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNames\r\n/* eslint-disable no-var */\r\n(function () {\r\n\tif (Element.prototype.getAttributeNames == undefined) {\r\n\t\tElement.prototype.getAttributeNames = function () {\r\n\t\t\tvar attributes = this.attributes;\r\n\t\t\tvar length = attributes.length;\r\n\t\t\tvar result = new Array(length);\r\n\t\t\tfor (var i = 0; i < length; i++) {\r\n\t\t\t\tresult[i] = attributes[i].name;\r\n\t\t\t}\r\n\t\t\treturn result;\r\n\t\t};\r\n\t}\r\n})();\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport ErrorBoundary from './ErrorBoundary';\r\nimport { toCamelCase } from 'util/StringUtil';\r\nimport 'shared/polyfills/getAttributeNames';\r\nimport Spinner from 'shared/components/Spinner';\r\n\r\ninterface AttributeProps {\r\n\t[index: string]: string;\r\n}\r\n\r\nfunction getDataPropsFromAttributes(element: Element): AttributeProps {\r\n\tconst props: AttributeProps = {};\r\n\r\n\tconst dataAttributePrefix = 'data-';\r\n\r\n\tconst attributeNames = element.getAttributeNames().filter((s) => s.startsWith(dataAttributePrefix));\r\n\tfor (const attributeName of attributeNames) {\r\n\t\tconst strippedName = toCamelCase(attributeName.substring(dataAttributePrefix.length));\r\n\t\tprops[strippedName] = element.getAttribute(attributeName) ?? '';\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n\r\n/**\r\n * A helper function to facilitate initializing react applications on top of server-side rendered elements.\r\n * @param getReactElement Function that returns the react component to render.\r\n * @param elementId The ID of the DOM element being targeted.\r\n */\r\nexport const initReactApp = (getReactElement: (props: unknown) => React.ReactElement, elementId: string) => {\r\n\tif (typeof getReactElement !== 'function' || !elementId) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn('A react element generator function and element ID are required.');\r\n\t\t};\r\n\t}\r\n\r\n\tconst element = document.getElementById(elementId);\r\n\r\n\tif (!element) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t`Element with ID '${elementId}' was not found. Did you forget to render it on the server or is this entry point not supposed to run?`,\r\n\t\t\t);\r\n\t\t};\r\n\t}\r\n\r\n\treturn () => {\r\n\t\tconst props = getDataPropsFromAttributes(element);\r\n\t\tconsole.debug(`Rendering application inside element with ID ${elementId}.`);\r\n\t\tReactDOM.render(\r\n\t\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t\t<ErrorBoundary>{getReactElement(props)}</ErrorBoundary>\r\n\t\t\t</React.Suspense>,\r\n\t\t\telement,\r\n\t\t);\r\n\t};\r\n};\r\n\r\nexport const initReactAppByAttribute = (\r\n\tgetReactElement: (props: unknown, domElement: Element) => React.ReactElement,\r\n\tattribute: string,\r\n) => {\r\n\tif (typeof getReactElement !== 'function' || !attribute) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn('A react element generator function and element ID are required.');\r\n\t\t};\r\n\t}\r\n\r\n\tconst elements = document.querySelectorAll(`[${attribute}]`);\r\n\r\n\tif (!elements || elements.length == 0) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t`No elements with data attribute '${attribute}' were found. Did you forget to render it on the server or is this entry point not supposed to run?`,\r\n\t\t\t);\r\n\t\t};\r\n\t}\r\n\r\n\treturn () => {\r\n\t\tfor (let i = 0; i < elements.length; ++i) {\r\n\t\t\tconst element = elements[i];\r\n\t\t\tconst props = getDataPropsFromAttributes(element);\r\n\t\t\tconsole.debug(`Rendering application inside element with attribute ${attribute}.`);\r\n\t\t\tReactDOM.render(\r\n\t\t\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t\t\t<ErrorBoundary>{getReactElement(props, element)}</ErrorBoundary>\r\n\t\t\t\t</React.Suspense>,\r\n\t\t\t\telement,\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n};\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\n/**\r\n * Reusable component for the optional field marker\r\n */\r\nfunction OptionalFieldMarker() {\r\n\treturn <span className=\"roc-form-input-required-label\">({Localizer('Optional')})</span>;\r\n}\r\n\r\nexport default React.memo(OptionalFieldMarker);\r\n","import { useState, useEffect } from 'react';\r\n\r\n/**\r\n * Reusable hook that returns true after a certain amount of time has passed. Useful to delay\r\n * displaying components in render functions.\r\n *\r\n * @export\r\n * @param {number} [waitMs=200]\r\n * @returns\r\n */\r\nexport default function useDelayedDisplay(waitMs: number = 200) {\r\n\tconst [display, setDisplay] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\t// after a set amount of time, show the spinner\r\n\t\tconst timeout = setTimeout(() => {\r\n\t\t\tsetDisplay(true);\r\n\t\t}, waitMs);\r\n\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(timeout);\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\treturn display;\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Check circle SVG\r\n *\r\n * @returns\r\n */\r\nfunction CheckCircleSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-check-circle', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z\" />\r\n\t\t\t<path d=\"M12.316 21.997l-3.565-4.619c-0.853-2.182 0.962-2.929 2.306-1.679l2.308 2.94 7.136-7.977c1.259-1.323 3.358-0.567 2.519 1.47l-8.397 9.655c-0.902 1.050-1.679 0.841-2.308 0.213z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default CheckCircleSVG;\r\n","import { AxiosError } from 'axios';\r\nimport { FORM_ERROR } from 'final-form';\r\nimport { unflatten } from 'flat';\r\n\r\nexport const getFormattedPageTitle = (subTitle: string = ''): string => {\r\n\t// load from config?\r\n\tconst siteName = 'ROC';\r\n\r\n\tif (!subTitle || !subTitle.trim()) {\r\n\t\treturn siteName;\r\n\t}\r\n\r\n\treturn `${subTitle.trim()} - ${siteName}`;\r\n};\r\n\r\n/**\r\n * Promise version of setTimeout.\r\n * @param ms The number of milliseconds to wait for.\r\n */\r\nexport const timeout = (ms) => {\r\n\treturn new Promise((resolve) => setTimeout(resolve, ms));\r\n};\r\n\r\n/**\r\n * Allows you to await on a timeout, useful for avoiding setTimeout callbacks and for troubleshooting.\r\n * @param ms The number of milliseconds to wait for.\r\n */\r\nexport const sleep = async (ms: number = 0) => {\r\n\tawait timeout(ms);\r\n};\r\n\r\n/**\r\n * Handles Axios error for React Final Form. If the error is a validation error, the error is transformed into React\r\n * Final Form field validation object. If the error is a generic error, the error is rethrown instead.\r\n *\r\n * @param error - The Axios Error object to handle errors for.\r\n * @param errorMessage - The form error message to provide back to React Final Form.\r\n * @param validationErrorCallback - Optional callback that is triggered right before the validation object is returned\r\n * to Final Form, so that you can run logic that should occur during validation errors.\r\n * @param genericErrorCallback - Optional callback that is triggered right before the generic error is rethrown, so that\r\n * you can run logic that should occur during generic errors.\r\n */\r\nexport const handleAxiosErrorWithValidation = (\r\n\terror: AxiosError,\r\n\terrorMessage: string | null = 'An error occurred while saving.',\r\n\tvalidationErrorCallback?: () => void,\r\n\tgenericErrorCallback?: () => void,\r\n): { [index: string]: string } => {\r\n\tif (error?.response?.status === 400 && error.response.data) {\r\n\t\tlet globalErrors;\r\n\r\n\t\tconst errors = error.response.data;\r\n\r\n\t\tconst errorsWithModifiedArrayIndex = Object.keys(errors).reduce((acc, value) => {\r\n\t\t\tif (value === '') {\r\n\t\t\t\t// in case we are getting back a non field specific error store it in the global errors\r\n\t\t\t\tglobalErrors = errors[value];\r\n\t\t\t} else {\r\n\t\t\t\tconst newKey = value.replace(/\\[([0-9]+)\\]/g, '.$1');\r\n\t\t\t\tacc[newKey] = errors[value];\r\n\t\t\t}\r\n\r\n\t\t\treturn acc;\r\n\t\t}, {});\r\n\r\n\t\tconst newValidationState = { ...unflatten(errorsWithModifiedArrayIndex) };\r\n\r\n\t\tconsole.debug('newValidationState:', newValidationState);\r\n\r\n\t\tif (validationErrorCallback) {\r\n\t\t\tvalidationErrorCallback();\r\n\t\t}\r\n\r\n\t\treturn { ...newValidationState, [FORM_ERROR]: globalErrors ? globalErrors : errorMessage };\r\n\t} else {\r\n\t\t// generic error.\r\n\t\tif (genericErrorCallback) {\r\n\t\t\tgenericErrorCallback();\r\n\t\t}\r\n\r\n\t\tif (error?.response?.data?.message) {\r\n\t\t\treturn { [FORM_ERROR]: error.response.data.message };\r\n\t\t}\r\n\r\n\t\tif (errorMessage) {\r\n\t\t\treturn { [FORM_ERROR]: errorMessage };\r\n\t\t} else {\r\n\t\t\treturn {};\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * Get an html class or ID safe string from provided string.\r\n *\r\n * @function getHtmlSafeName\r\n */\r\nexport const getHtmlSafeName = (name: string = ''): string => {\r\n\treturn name.replace(/[^a-z0-9]/g, (s) => {\r\n\t\tconst c = s.charCodeAt(0);\r\n\t\tif (c === 32) {\r\n\t\t\treturn '-';\r\n\t\t}\r\n\t\tif (c >= 65 && c <= 90) {\r\n\t\t\treturn '_' + s.toLowerCase();\r\n\t\t}\r\n\t\treturn '__' + ('000' + c.toString(16)).slice(-4);\r\n\t});\r\n};\r\n\r\n/**\r\n * Gets the specified param value from the querystring\r\n *\r\n * @param paramName the name of the query string parameter\r\n * @param decodeParam specifies if the param value should be decoded before returning it\r\n */\r\nexport const getQueryParam = (paramName: string = '', decodeParam: boolean = false): string | null => {\r\n\tconst urlParams = new URLSearchParams(window.location.search);\r\n\tconst paramValue = urlParams.get(paramName);\r\n\r\n\tif (!paramValue) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tif (decodeParam) {\r\n\t\treturn decodeURIComponent(paramValue);\r\n\t} else {\r\n\t\treturn paramValue;\r\n\t}\r\n};\r\n","/**\r\n * Extends Window with recaptcha callback fields\r\n */\r\ninterface WindowWithReCaptchaCallbacks extends Window {\r\n\t/**\r\n\t * Executes the methods in the rocReCaptchaCallbacks array\r\n\t */\r\n\tonReCaptchaLoadCallback: () => void;\r\n\t/**\r\n\t * List of recaptcha callbacks\r\n\t */\r\n\trocReCaptchaCallbacks: Array<() => void>;\r\n}\r\n\r\nexport let reCaptchaCallbackPromise: Promise<void> | null = null;\r\n\r\n/**\r\n * Setup function for recaptcha.\r\n * The window.onReCaptchaLoadCallback() gets called when the recaptcha script is loaded.\r\n * Then this method calls the recaptcha instances init functions, stored in window.rocReCaptchaCallbacks\r\n *\r\n * @export\r\n */\r\nexport default function setupReCaptcha() {\r\n\tconst windowWithReCaptchaCallbacks = (window as unknown) as WindowWithReCaptchaCallbacks;\r\n\r\n\treCaptchaCallbackPromise = new Promise((resolve) => {\r\n\t\twindowWithReCaptchaCallbacks.onReCaptchaLoadCallback = resolve;\r\n\t});\r\n}\r\n","import * as React from 'react';\r\n\r\ninterface DashCircleSVGProps {\r\n\tclass?: string;\r\n}\r\n\r\n/**\r\n * Dash circle SVG\r\n *\r\n * @returns\r\n */\r\nfunction DashCircleSVG(props: DashCircleSVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={'icon icon-help-header ' + props.class}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#5c5c5c\"\r\n\t\t\t\td=\"M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16c-8.837 0-16-7.163-16-16v0c0-8.837 7.163-16 16-16v0z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M21.51 17.594h-11.733c-0.884 0-1.6-0.716-1.6-1.6s0.716-1.6 1.6-1.6h11.733c0.884 0 1.6 0.716 1.6 1.6s-0.716 1.6-1.6 1.6z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default DashCircleSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Circle Exclaimation SVG component\r\n *\r\n * @returns\r\n */\r\nfunction CircleExclamationSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-circle-exclamation', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16 32c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16 0 4.243 1.686 8.313 4.686 11.314s7.070 4.686 11.314 4.686zM14.16 8.464c0-0.657 0.351-1.265 0.92-1.593s1.271-0.329 1.84 0c0.569 0.329 0.92 0.936 0.92 1.593v8.608c0 1.016-0.824 1.84-1.84 1.84s-1.84-0.824-1.84-1.84v-8.608zM16 21.392c1.016 0 1.84 0.824 1.84 1.84s-0.824 1.84-1.84 1.84c-1.016 0-1.84-0.824-1.84-1.84-0.004-0.489 0.188-0.96 0.534-1.306s0.817-0.538 1.306-0.534z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default CircleExclamationSVG;\r\n","import React from 'react';\r\nimport XSVG from './svg/XSVG';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { WithTestIdOptional } from '../../../../Roc.SharedClientApp/types/test';\r\n\r\ninterface CircleButtonProps extends WithTestIdOptional {\r\n\ticon?: React.ReactNode;\r\n}\r\n\r\nfunction CircleButton(props: React.HTMLProps<HTMLButtonElement> & CircleButtonProps) {\r\n\tconst { icon, testId, ...otherProps } = props;\r\n\r\n\treturn (\r\n\t\t<button {...otherProps} type=\"button\" className=\"roc-circle-button\" data-testid={testId}>\r\n\t\t\t{icon ? icon : <XSVG className=\"roc-circle-button__icon\" />}\r\n\t\t\t<span className=\"roc-visually-hidden\">{Localizer('Remove')}</span>\r\n\t\t</button>\r\n\t);\r\n}\r\n\r\nexport default CircleButton;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Star Empty SVG\r\n *\r\n * @returns\r\n */\r\nfunction StarEmptySVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 34 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-star-empty', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.941 23.757l-9.958 6.89 3.476-11.6-9.63-7.341 12.106-0.279 4.006-11.427 4.006 11.427 12.106 0.279-9.63 7.341 3.476 11.599z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default StarEmptySVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Star SVG\r\n *\r\n * @returns\r\n */\r\nfunction StarSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 34 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-star', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.941 23.757l-9.958 6.89 3.476-11.6-9.63-7.341 12.106-0.279 4.006-11.427 4.006 11.427 12.106 0.279-9.63 7.341 3.476 11.599z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default StarSVG;\r\n","/* eslint-disable jsx-a11y/label-has-for */\r\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\r\nimport classnames from 'classnames';\r\nimport React from 'react';\r\nimport { WithTestId } from 'shared-client/types/test';\r\nimport StarEmptySVG from 'shared/components/svg/StarEmptySVG';\r\nimport StarSVG from 'shared/components/svg/StarSVG';\r\nimport useStarRating from './useStarRating';\r\n\r\n/**\r\n * Product Rating Props\r\n */\r\ninterface RatingProps extends WithTestId {\r\n\tvalue: number | null;\r\n\tname: string;\r\n\treadonly?: boolean;\r\n\tonChange?: (rating: number) => void;\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * If readonly, displays the rating with blank and filled stars (1-maxRating)\r\n * If not readonly, displays the rating picker with blank and filled stars (1-maxRating)\r\n * @param props\r\n */\r\nexport default function StarRating(props: RatingProps) {\r\n\tconst { value, name, readonly = false, onChange, maxRating = 5, testId } = props;\r\n\r\n\tconst { ratingStars, setRatingHovered } = useStarRating({\r\n\t\tvalue,\r\n\t\tname,\r\n\t\tmaxRating,\r\n\t});\r\n\r\n\tif (!readonly && !onChange) {\r\n\t\tthrow new Error('Rating component is set to non-readonly, yet onChange is not defined.');\r\n\t}\r\n\r\n\t/**\r\n\t * Handle changes to the radio button that backs the star rating selection\r\n\t *\r\n\t * @param {*} e\r\n\t */\r\n\tconst onInputChange = (e) => {\r\n\t\tif (onChange) {\r\n\t\t\tonChange(parseInt(e.currentTarget.value));\r\n\t\t}\r\n\t};\r\n\r\n\tif (readonly) {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{ratingStars.map(({ id, isFull }) => (\r\n\t\t\t\t\t<React.Fragment key={id}>\r\n\t\t\t\t\t\t{isFull ? (\r\n\t\t\t\t\t\t\t<StarSVG data-testid=\"readonly-star-rating-full\" className=\"roc-rating__icon\" />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<StarEmptySVG\r\n\t\t\t\t\t\t\t\tdata-testid=\"readonly-star-rating-empty\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-rating__icon roc-rating__icon--empty\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t))}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{ratingStars.map(({ id, isFull, isChecked, isPending, isHighlighted, ratingValue }) => {\r\n\t\t\t\tconst modifierClasses = classnames({\r\n\t\t\t\t\t'roc-rating__input--full': isFull,\r\n\t\t\t\t\t'roc-rating__input--pending': isPending,\r\n\t\t\t\t\t'roc-rating__label--highlighted': isHighlighted,\r\n\t\t\t\t});\r\n\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<React.Fragment key={id}>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\tid={id}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={ratingValue}\r\n\t\t\t\t\t\t\tonChange={onInputChange}\r\n\t\t\t\t\t\t\tchecked={isChecked}\r\n\t\t\t\t\t\t\tclassName={classnames('roc-rating__input', modifierClasses)}\r\n\t\t\t\t\t\t\taria-describedby={name}\r\n\t\t\t\t\t\t\tdata-testid={testId}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\tclassName={classnames('roc-rating__label', modifierClasses)}\r\n\t\t\t\t\t\t\thtmlFor={id}\r\n\t\t\t\t\t\t\tonMouseEnter={() => setRatingHovered(ratingValue)}\r\n\t\t\t\t\t\t\tonMouseLeave={() => setRatingHovered(null)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{isFull ? (\r\n\t\t\t\t\t\t\t\t<StarSVG className=\"roc-rating__icon\" />\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<StarEmptySVG className=\"roc-rating__icon roc-rating__icon--empty\" />\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t</>\r\n\t);\r\n}\r\n","import { useEffect, useState } from 'react';\r\n\r\n/**\r\n * The state of all of the stars being displayed, these change together frequently\r\n * so lets store them together. This is also slightly better than calculating\r\n * on every single render. Makes it easier to reuse as well.\r\n */\r\ninterface RatingStarState {\r\n\tid: string;\r\n\tisFull: boolean;\r\n\tisPending: boolean;\r\n\tisHighlighted: boolean;\r\n\tisChecked: boolean;\r\n\tratingValue: number;\r\n}\r\n\r\n/**\r\n * The params for the useStarRating hook.\r\n */\r\ninterface UseStarRatingParams {\r\n\tvalue: number | null;\r\n\tname: string;\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * The values returned by the custom star rating hook\r\n */\r\ninterface UseStarRatingResult {\r\n\tratingStars: RatingStarState[];\r\n\tsetRatingHovered: (value: number | null) => void;\r\n}\r\n\r\n/**\r\n * Custom hook that manages state for simple star rating implementations\r\n * @param params\r\n */\r\nexport default function useStarRating(params: UseStarRatingParams): UseStarRatingResult {\r\n\tconst { value, name, maxRating = 5 } = params;\r\n\tconst [ratingStars, setRatingStars] = useState<RatingStarState[]>([]);\r\n\tconst [ratingHovered, setRatingHovered] = useState<number | null>(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst newState: RatingStarState[] = [];\r\n\r\n\t\tfor (let i = 1; i <= maxRating; i++) {\r\n\t\t\tconst id = 'rating-group-' + name + '-' + i;\r\n\t\t\tconst isFull = value !== null && value >= i;\r\n\t\t\tconst isPending = ratingHovered ? i > ratingHovered && isFull : false;\r\n\t\t\tconst isHighlighted = ratingHovered ? i <= ratingHovered : false;\r\n\t\t\tconst isChecked = value === i;\r\n\r\n\t\t\tnewState.push({\r\n\t\t\t\tid,\r\n\t\t\t\tisFull,\r\n\t\t\t\tisPending,\r\n\t\t\t\tisHighlighted,\r\n\t\t\t\tisChecked,\r\n\t\t\t\tratingValue: i,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tsetRatingStars(newState);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [value, ratingHovered]);\r\n\r\n\treturn { ratingStars, setRatingHovered };\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Pencil SVG\r\n *\r\n * @returns\r\n */\r\nfunction PencilSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-half-half-layout', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M27 0c2.761 0 5 2.239 5 5 0 1.126-0.372 2.164-1 3l-2 2-7-7 2-2c0.836-0.628 1.874-1 3-1zM2 23l-2 9 9-2 18.5-18.5-7-7-18.5 18.5zM22.362 11.362l-14 14-1.724-1.724 14-14 1.724 1.724z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default PencilSVG;\r\n","import { ExternalLoginProvider } from 'features/login/ExternalLogins';\r\n\r\n/**\r\n * Extends Window with a property that will hold the client data\r\n *\r\n * @interface WindowWithClientData\r\n * @extends {Window}\r\n */\r\ninterface WindowWithServerData extends Window {\r\n\t__ROC_SERVER_DATA__?: Array<{\r\n\t\t[name: string]: string;\r\n\t}>;\r\n}\r\n\r\n/**\r\n * This type will hold all the keys that are used by ServerData\r\n */\r\ninterface ServerData {\r\n\tIsReCaptchaEnabled?: boolean;\r\n\tReCaptchaV3Key?: string;\r\n\tTimeZone?: string;\r\n\tUSE_EMAIL_AS_USERNAME?: boolean;\r\n\tRegistrationThankYouTitle?: string;\r\n\tRegistrationThankYouMessage?: string;\r\n\tForgotPasswordConfirmationTitle?: string;\r\n\tForgotPasswordConfirmationMessage?: string;\r\n\tPageTitleSuffix?: string;\r\n\tRequireConfirmEmail?: boolean;\r\n\tACCOUNT_URL_BASE?: string;\r\n\tACCOUNT_LOGIN_URL?: string;\r\n\tACCOUNT_LOGOUT_URL?: string;\r\n\tACCOUNT_REGISTER_URL?: string;\r\n\tACCOUNT_LOGIN_WITH_2FA_URL?: string;\r\n\tACCOUNT_FORGOT_PASSWORD_URL?: string;\r\n\tACCOUNT_LOGIN_WITH_RECOVERY_CODE_URL?: string;\r\n\tEXTERNAL_LOGIN_PROVIDERS?: ExternalLoginProvider[];\r\n\t// #region Commerce\r\n\tACCOUNT_ORGANIZATION_REVIEW_URL?: string;\r\n\tACCOUNT_ORGANIZATION_SELECTOR_URL?: string;\r\n\tGoogleMapsApiKey?: string; // used in Store Locator\r\n\tMinimumTimeBeforeRecentlyViewedProductsAreValidated?: number;\r\n\tQuickOrderItemMinumumSearchCharacters?: number;\r\n\tMaxAllowedQuickOrderItems?: number;\r\n\tMaxNumberForQuantityDropdown?: number;\r\n\tOrderDetailsUIComponent?: string;\r\n\tGuestCheckoutEnabled?: boolean;\r\n\t// #endregion\r\n\t// #region TapeCase Customizations\r\n\tListPriceMessagingForNotApprovedDistributors?: string;\r\n\tMaxNumberOfDaysToCancelOrders?: number;\r\n\tMaxNumberOfDaysToCancelOrdersMessage?: string;\r\n\t// #endregion\r\n}\r\n\r\n/**\r\n * Main object that will hold all the client data\r\n */\r\nexport const ServerData: ServerData = {};\r\n\r\n/**\r\n * Initializer function that will populate the main settings object\r\n */\r\nfunction initializeServerData() {\r\n\tconst windowWithServerData = window as WindowWithServerData;\r\n\r\n\tif (\r\n\t\twindowWithServerData &&\r\n\t\twindowWithServerData.__ROC_SERVER_DATA__ &&\r\n\t\tArray.isArray(windowWithServerData.__ROC_SERVER_DATA__)\r\n\t) {\r\n\t\tfor (const obj of windowWithServerData.__ROC_SERVER_DATA__) {\r\n\t\t\tfor (const key of Object.keys(obj)) {\r\n\t\t\t\tServerData[key] = obj[key];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\ninitializeServerData();\r\n","import { useState } from 'react';\r\n\r\n/**\r\n * Custom hook for commonly used loading states.\r\n */\r\nexport function useLoader<T>() {\r\n\tconst [loading, setLoading] = useState<boolean>(false);\r\n\tconst [error, setError] = useState<Error | undefined>(undefined);\r\n\tconst [response, setResponse] = useState<T | null>(null);\r\n\r\n\treturn {\r\n\t\tloading,\r\n\t\tsetLoading,\r\n\t\terror,\r\n\t\tsetError,\r\n\t\tresponse,\r\n\t\tsetResponse,\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport { TextBoxField } from 'shared/edit/fields';\r\nimport { useAxiosFormSubmitter } from 'shared/hooks/useBaseAxiosFormSubmitter';\r\nimport RocForm from 'shared/edit/RocForm';\r\nimport { ServerData } from 'services/ServerData';\r\n\r\ninterface ForgotPasswordValues {\r\n\temail: string;\r\n}\r\n\r\nexport default function ForgotPassword() {\r\n\tconst forgotPasswordSubmitter = useAxiosFormSubmitter<ForgotPasswordValues>(\r\n\t\t{\r\n\t\t\turl: '/ajax/user/forgot-password',\r\n\t\t},\r\n\t\t'ForgotPassword',\r\n\t);\r\n\r\n\tif (forgotPasswordSubmitter.submitted) {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<h1>{Localizer('ForgotPasswordConfirmationPageTitle')}</h1>\r\n\t\t\t\t<p>{Localizer('ForgotPasswordConfirmation')}</p>\r\n\t\t\t</>\r\n\t\t);\r\n\t} else {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t<h1>{Localizer('ForgotPasswordPageTitle')}</h1>\r\n\t\t\t\t<RocForm<ForgotPasswordValues>\r\n\t\t\t\t\tonSubmit={forgotPasswordSubmitter.handleSubmit}\r\n\t\t\t\t\trender={({ handleSubmit, submitError, submitting }) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<form className=\"roc-form roc-forgot-password-form\" onSubmit={handleSubmit}>\r\n\t\t\t\t\t\t\t\t{submitError ? (\r\n\t\t\t\t\t\t\t\t\t<InlineAlert\r\n\t\t\t\t\t\t\t\t\t\ttitle={Localizer('ErrorMessageGenericTitle')}\r\n\t\t\t\t\t\t\t\t\t\tmessage={submitError}\r\n\t\t\t\t\t\t\t\t\t\terror={null}\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t<TextBoxField\r\n\t\t\t\t\t\t\t\t\tisRequired\r\n\t\t\t\t\t\t\t\t\tlabel={\r\n\t\t\t\t\t\t\t\t\t\tServerData.USE_EMAIL_AS_USERNAME ? Localizer('Email') : Localizer('Username')\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tname={ServerData.USE_EMAIL_AS_USERNAME ? 'email' : 'userName'}\r\n\t\t\t\t\t\t\t\t\tplaceholder={\r\n\t\t\t\t\t\t\t\t\t\tServerData.USE_EMAIL_AS_USERNAME ? Localizer('Email') : Localizer('Username')\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\tdisabled={submitting}\r\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-btn\"\r\n\t\t\t\t\t\t\t\t\tdata-testid=\"submit-forgot-password\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{Localizer('Submit')} {submitting ? <Spinner light /> : null}\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t</form>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t}}\r\n\t\t\t\t/>\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n}\r\n","import React from 'react';\r\nimport ForgotPassword from './ForgotPassword';\r\nimport { initReactApp } from 'shared/util/ApplicationInit';\r\n\r\nconst render = initReactApp(() => <ForgotPassword />, 'forgot-password');\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('./ForgotPassword', () => {\r\n\t\trender();\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"],"sourceRoot":""}