{"version":3,"sources":["webpack:///./ClientApp/services/Localizer.tsx","webpack:///./ClientApp/shared/polyfills/customEvent.js","webpack:///./ClientApp/shared/components/Spinner.tsx","webpack:///./ClientApp/services/AxiosHelper.ts","webpack:///./ClientApp/shared/edit/fields/FieldInputErrorWrapper.tsx","webpack:///./ClientApp/shared/components/svg/AppleIdExternalLoginSVG.tsx","webpack:///./ClientApp/shared/components/svg/FacebookExternalLoginSVG.tsx","webpack:///./ClientApp/shared/components/svg/GoogleExternalLoginSVG.tsx","webpack:///./ClientApp/features/login/ExternalLogins.tsx","webpack:///./ClientApp/features/login/ReSendAccountConfirmationButton.tsx","webpack:///./ClientApp/features/login/useLogin.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/hooks/useRocEventHandler.tsx","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/util/events/rocEventUtils.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/login/Login.tsx","webpack:///./ClientApp/features/login/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","webpack:///./ClientApp/shared/edit/fields/ReCaptchaDisclaimer.tsx"],"names":["LocalizerResources","isAlreadyLogged","initializeLocalizerResources","windowWithResources","window","__ROC_LOCALIZER_RESOURCES__","Array","isArray","forEach","obj","Object","keys","key","Localizer","replaceStrings","length","console","warn","resource","replace","match","index","LocalizedSpan","props","resourceKey","args","localizedString","data-testid","toKebabCase","dangerouslySetInnerHTML","__html","CustomEvent","event","params","bubbles","cancelable","detail","undefined","evt","document","createEvent","initCustomEvent","prototype","Event","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","AppleIdExternalLoginSVG","rest","viewBox","d","FacebookExternalLoginSVG","fill","style","GoogleExternalLoginSVG","ExternalLoginProviders","ExternalLogins","externalLoginProviders","id","action","map","provider","Name","type","value","title","DisplayName","providerName","Google","Facebook","AppleId","getExternalLoginIcon","ReSendAccountConfirmationButton","useState","isConfirmationEmailSending","setIsConfirmationEmailSending","hasSendConfirmationError","setHasSendConfirmationError","isConfirmationEmailSent","setIsConfirmationEmailSent","loginForm","useForm","resendConfirmationEmailField","sendEmail","userName","ServerData","USE_EMAIL_AS_USERNAME","getFieldState","emailToken","post","resetResendButtonState","useCallback","resetFieldState","useEffect","color","onClick","disabled","useLogin","useAxiosFormSubmitter","url","success","dispatchRocEvent","FieldLabel","label","isRequired","htmlFor","testId","trim","InlineAlert","defaultProps","theme","isTitleOnOwnRow","isCollapsed","onCollapse","message","axiosError","isAxiosError","data","XSVG","focusable","aria-hidden","userDataPromise","getUserData","get","getUserDataNoCache","userData","requestToken","CheckboxInputField","input","onChange","checked","readOnly","placeholder","step","defaultValue","dirty","defaultChecked","aria-describedby","CheckBoxField","afterSubmit","allowNull","beforeSubmit","formatOnBlur","initialValue","isEqual","subscription","DropdownField","addSelectOption","options","validateFields","onFocus","onBlur","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","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","eventType","dispatchEvent","useRocEventHandler","eventHandler","deps","removeHandlerCallback","addRocEventHandler","ErrorBoundary","this","setState","state","renderError","Component","renderProps","Element","getAttributeNames","attributes","result","i","getDataPropsFromAttributes","element","s","startsWith","attributeName","toCamelCase","substring","getAttribute","initReactApp","getReactElement","elementId","getElementById","ReactDOM","Suspense","fallback","initReactAppByAttribute","attribute","elements","querySelectorAll","memo","display","setDisplay","timeout","setTimeout","clearTimeout","CheckCircleSVG","ms","resolve","sleep","handleAxiosErrorWithValidation","errorMessage","validationErrorCallback","genericErrorCallback","globalErrors","errorsWithModifiedArrayIndex","reduce","acc","newValidationState","unflatten","FORM_ERROR","getQueryParam","paramName","decodeParam","urlParams","URLSearchParams","search","paramValue","decodeURIComponent","reCaptchaCallbackPromise","setupReCaptcha","windowWithReCaptchaCallbacks","onReCaptchaLoadCallback","handler","addEventListener","removeEventListener","DashCircleSVG","class","CircleExclamationSVG","CircleButton","icon","otherProps","StarEmptySVG","StarSVG","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","loginSubmitter","returnUrl","accountLocked","submitted","responseData","requiresTwoFactor","rememberMe","href","RocForm","onSubmit","handleSubmit","ReCaptchaDisclaimer","EXTERNAL_LOGIN_PROVIDERS","FolderSVG","GarbageCanCircleSVG","StatusDisplay","Published","Inactive","Deleted","Draft","Archived","useInterval","callback","delay","enabled","savedCallback","useRef","intervalId","current","setInterval","clearInterval","ReCaptchaKeyWarning","useReCaptchaToken","reCaptchaKey","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","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":"login-form.js","sourcesContent":["import { AddressResourceKeys } from 'features/address-book/resources';\r\nimport { ContactFormResourceKeys } from 'features/contact-form/resources';\r\nimport { CreatePasswordResourceKeys } from 'features/create-password/resources';\r\nimport { LoginWith2faResourceKeys } from 'features/login-with-2fa/resources';\r\nimport { LoginWithRecoveryCodeResourceKeys } from 'features/login-with-recovery-code/resources';\r\nimport { LoginResourceKeys } from 'features/login/resources';\r\nimport { MyAccountResourceKeys } from 'features/my-account/resources';\r\nimport { ResetPasswordResourceKeys } from 'features/reset-password/resources';\r\nimport { SubmitQuestionResourceKeys } from 'features/submit-question/resources';\r\nimport * as React from 'react';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\n// #region Commerce\r\nimport { CommerceResourceKeys } from 'features/commerce/CommerceResourceKeys';\r\n// #endregion\r\n\r\n// #region TapeCase Customization\r\nimport { SubmitQuoteResourceKeys } from 'features/submit-quote/resources';\r\nimport { TapeCaseRegistrationResourceKeys } from 'features/register-tapecase/resources';\r\nimport { CareersFormResourceKeys } from 'features/careers-form/resources';\r\nimport { FileUploadResourceKeys } from 'features/file-upload/resources';\r\n// #endregion\r\n\r\n/**\r\n * Type that will hold all the global localization keys\r\n */\r\ntype LocalizerGlobalResourceKeys =\r\n\t| 'Success'\r\n\t| 'OfTotalPages'\r\n\t| 'Cancel'\r\n\t| 'Confirm'\r\n\t| 'FirstName'\r\n\t| 'LastName'\r\n\t| 'Email'\r\n\t| 'Username'\r\n\t| 'Amount'\r\n\t| 'NameOnCard'\r\n\t| 'CardNumber'\r\n\t| 'ExpDate'\r\n\t| 'ExpMonth'\r\n\t| 'ExpYear'\r\n\t| 'Expires'\r\n\t| 'Expired'\r\n\t| 'SecurityCode'\r\n\t| 'Submit'\r\n\t| 'Save'\r\n\t| 'ZipCode'\r\n\t| 'Remove'\r\n\t| 'Removed'\r\n\t| 'Update'\r\n\t| 'Undo'\r\n\t| 'Cancel'\r\n\t| 'Enter'\r\n\t| 'Close'\r\n\t| 'SortBy'\r\n\t| 'PleaseWait'\r\n\t| 'Unknown'\r\n\t| 'Yes'\r\n\t| 'No'\r\n\t| 'Delete'\r\n\t| 'Update'\r\n\t| 'SaveAndContinueButtonText'\r\n\t| 'SaveAndContinue'\r\n\t| 'Continue'\r\n\t| 'SaveErrorMessage'\r\n\t| 'Edit'\r\n\t| 'ErrorMessageGenericTitle'\r\n\t| 'CheckEnteredValues'\r\n\t| 'ErrorMessageForbidden'\r\n\t| 'ErrorMessageNetwork'\r\n\t| 'ErrorOccurredSubmittingTheForm'\r\n\t| 'UnexpectedErrorOccurred'\r\n\t| 'Login'\r\n\t| 'ReturnToShipping'\r\n\t| 'BreadcrumbsLabel'\r\n\t| 'Other'\r\n\t| 'RememberMe'\r\n\t| 'ForgotYourPassword'\r\n\t| 'RegisterNewUserLinkText'\r\n\t| 'LoginPageTitleText'\r\n\t| 'ForgotPasswordPageTitle'\r\n\t| 'ForgotPasswordConfirmationPageTitle'\r\n\t| 'ForgotPasswordConfirmation'\r\n\t| 'Optional'\r\n\t| 'SearchBoxPlaceholder'\r\n\t| 'XOutOfYStars'\r\n\t| 'XToYOfZ'\r\n\t| 'ModalLabel'\r\n\t| 'RequiredFields'\r\n\t| 'Status'\r\n\t| 'Version'\r\n\t| 'CreatedOn'\r\n\t| 'CreatedBy'\r\n\t| 'ModifiedOn'\r\n\t| 'ModifiedBy'\r\n\t| 'OpenStatusInformation'\r\n\t| 'CloseStatusInformation'\r\n\t| 'SearchFilter'\r\n\t| 'Pagination'\r\n\t| 'Previous'\r\n\t| 'Next'\r\n\t| 'ClearFilter';\r\n\r\n/**\r\n * Type that will hold all the localization keys\r\n */\r\nexport type LocalizerResourceKey =\r\n\t| LocalizerGlobalResourceKeys\r\n\t| LoginResourceKeys\r\n\t| ContactFormResourceKeys\r\n\t// #region Commerce\r\n\t| CommerceResourceKeys\r\n\t// #endregion\r\n\t| ResetPasswordResourceKeys\r\n\t| CreatePasswordResourceKeys\r\n\t| SubmitQuestionResourceKeys\r\n\t| ResetPasswordResourceKeys\r\n\t| CreatePasswordResourceKeys\r\n\t| MyAccountResourceKeys\r\n\t| LoginWith2faResourceKeys\r\n\t| LoginWithRecoveryCodeResourceKeys\r\n\t| AddressResourceKeys\r\n\t// #region TapeCase Customization\r\n\t| SubmitQuoteResourceKeys\r\n\t| TapeCaseRegistrationResourceKeys\r\n\t| CareersFormResourceKeys\r\n\t| FileUploadResourceKeys;\r\n// #endregion\r\n\r\n/**\r\n * Interface for the resources\r\n *\r\n * @export\r\n * @interface LocalizerResource\r\n */\r\ninterface LocalizerResource {\r\n\t[id: string]: string;\r\n}\r\n\r\n/**\r\n * Extends Window with a property that will hold the localizer resources\r\n *\r\n * @interface WindowWithResources\r\n * @extends {Window}\r\n */\r\nexport interface WindowWithResources extends Window {\r\n\t__ROC_LOCALIZER_RESOURCES__?: LocalizerResource[];\r\n}\r\n\r\n/**\r\n * Main object that will hold all the localized resources\r\n */\r\nconst LocalizerResources: LocalizerResource = {};\r\n\r\n/**\r\n * To prevent redundant logging\r\n */\r\nconst isAlreadyLogged: Record<string, boolean> = {};\r\n\r\n/**\r\n * Initializer function that will populate the main localized resources object\r\n */\r\nfunction initializeLocalizerResources() {\r\n\tconst windowWithResources = window as WindowWithResources;\r\n\r\n\tif (\r\n\t\twindowWithResources &&\r\n\t\twindowWithResources.__ROC_LOCALIZER_RESOURCES__ &&\r\n\t\tArray.isArray(windowWithResources.__ROC_LOCALIZER_RESOURCES__)\r\n\t) {\r\n\t\twindowWithResources.__ROC_LOCALIZER_RESOURCES__.forEach((obj) => {\r\n\t\t\tfor (const key of Object.keys(obj)) {\r\n\t\t\t\tLocalizerResources[key] = obj[key];\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n}\r\n\r\n/**\r\n * Function that can be used to load the localized strings with support to parameter replacements\r\n *\r\n * @export\r\n * @param {string} key\r\n * @param {...string[]} replaceStrings\r\n * @returns\r\n */\r\nexport function Localizer<TResourceKey extends LocalizerResourceKey = LocalizerResourceKey>(\r\n\tkey: TResourceKey,\r\n\t...replaceStrings: string[]\r\n) {\r\n\tif (Object.keys(LocalizerResources).length === 0) {\r\n\t\tinitializeLocalizerResources();\r\n\t}\r\n\r\n\tif (!LocalizerResources || !LocalizerResources[key]) {\r\n\t\t// if running in a test environment, just skip any warnings.\r\n\t\tif (process.env.NODE_ENV !== 'test') {\r\n\t\t\tif (!isAlreadyLogged[key]) {\r\n\t\t\t\tconsole.warn(key, 'Localizer Resource not found. Key will be used instead.');\r\n\t\t\t\tisAlreadyLogged[key] = true;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn key;\r\n\t}\r\n\r\n\tconst resource = LocalizerResources[key];\r\n\r\n\tif (!replaceStrings) {\r\n\t\treturn resource;\r\n\t}\r\n\r\n\treturn resource.replace(/{(\\d+)}/g, (match: string, index: number) => {\r\n\t\treturn replaceStrings[index] ? replaceStrings[index] : '';\r\n\t});\r\n}\r\n\r\n/**\r\n * Interface for the LocalizedSpan component\r\n *\r\n * @interface LocalizedSpanProps\r\n */\r\ninterface LocalizedSpanProps {\r\n\tresourceKey: LocalizerResourceKey;\r\n\targs?: string[];\r\n}\r\n\r\n/**\r\n * Component responsible for the initialization of the react app\r\n */\r\nexport function LocalizedSpan(props: LocalizedSpanProps) {\r\n\tconst { resourceKey, args = [] } = props;\r\n\tconst localizedString = Localizer(resourceKey, ...args);\r\n\r\n\treturn (\r\n\t\t<span\r\n\t\t\tdata-testid={`localized-${toKebabCase(resourceKey)}`}\r\n\t\t\tdangerouslySetInnerHTML={{ __html: localizedString }}\r\n\t\t/>\r\n\t);\r\n}\r\n","// source: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent\r\n(function () {\r\n\tif (typeof window.CustomEvent === 'function') {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tfunction CustomEvent(event, params) {\r\n\t\tparams = params || { bubbles: false, cancelable: false, detail: undefined };\r\n\t\t// eslint-disable-next-line\r\n\t\tvar evt = document.createEvent('CustomEvent');\r\n\t\tevt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\r\n\t\treturn evt;\r\n\t}\r\n\r\n\tCustomEvent.prototype = window.Event.prototype;\r\n\r\n\twindow.CustomEvent = CustomEvent;\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","import classnames from 'classnames';\r\nimport React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\n\r\nfunction AppleIdExternalLoginSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-apple-id-external-login', className)}\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.499 0c-1.279 0.088-2.775 0.907-3.646 1.974-0.795 0.967-1.449 2.404-1.194 3.801 1.398 0.043 2.842-0.795 3.679-1.88 0.783-1.010 1.375-2.437 1.161-3.895z\"></path>\r\n\t\t\t<path d=\"M21.555 8.052c-1.229-1.541-2.955-2.434-4.585-2.434-2.152 0-3.063 1.031-4.558 1.031-1.542 0-2.713-1.027-4.575-1.027-1.829 0-3.775 1.117-5.010 3.028-1.735 2.691-1.438 7.75 1.374 12.060 1.007 1.542 2.35 3.276 4.108 3.291 1.565 0.015 2.005-1.003 4.125-1.014 2.119-0.012 2.521 1.027 4.083 1.011 1.76-0.014 3.177-1.935 4.183-3.477 0.722-1.105 0.99-1.662 1.549-2.91-4.069-1.55-4.722-7.336-0.694-9.558z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default AppleIdExternalLoginSVG;\r\n","import classnames from 'classnames';\r\nimport React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\n\r\nfunction FacebookExternalLoginSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 17 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-facebook-external-login', className)}\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\tstyle={{ fill: 'var(--color1, #fff)' }}\r\n\t\t\t\td=\"M16.264 18l0.903-5.791h-5.643v-3.758c0-1.584 0.788-3.129 3.316-3.129h2.566v-4.931c0 0-2.328-0.391-4.554-0.391-4.647 0-7.685 2.774-7.685 7.795v4.414h-5.166v5.791h5.166v14h6.358v-14h4.741z\"\r\n\t\t\t></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FacebookExternalLoginSVG;\r\n","import classnames from 'classnames';\r\nimport React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\n\r\nfunction GoogleExternalLoginSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg viewBox=\"0 0 32 32\" className={classnames('roc-icon roc-icon-google-external-login', className)} {...rest}>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\tstyle={{ fill: 'var(--color1, #fff)' }}\r\n\t\t\t\td=\"M32 16.374c0 9.129-6.354 15.626-15.738 15.626-8.997 0-16.262-7.148-16.262-16s7.266-16 16.262-16c4.38 0 8.066 1.581 10.905 4.187l-4.426 4.187c-5.79-5.497-16.557-1.368-16.557 7.626 0 5.581 4.531 10.103 10.079 10.103 6.439 0 8.852-4.542 9.233-6.897h-9.233v-5.503h15.482c0.151 0.819 0.256 1.606 0.256 2.671z\"\r\n\t\t\t></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default GoogleExternalLoginSVG;\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport AppleIdExternalLoginSVG from 'shared/components/svg/AppleIdExternalLoginSVG';\r\nimport FacebookExternalLoginSVG from 'shared/components/svg/FacebookExternalLoginSVG';\r\nimport GoogleExternalLoginSVG from 'shared/components/svg/GoogleExternalLoginSVG';\r\n\r\nexport interface ExternalLoginsProps {\r\n\texternalLoginProviders?: ExternalLoginProvider[];\r\n}\r\n\r\n/**\r\n * The list of currently available external login providers\r\n */\r\nexport enum ExternalLoginProviders {\r\n\tGoogle = 'Google',\r\n\tFacebook = 'Facebook',\r\n\tAppleId = 'Apple',\r\n}\r\n\r\n/**\r\n * Information about a single external login provider, usually provided by the server\r\n */\r\nexport interface ExternalLoginProvider {\r\n\tName: string;\r\n\tDisplayName: string;\r\n}\r\n\r\n/**\r\n * Renders the provided external login provider \"log in\" buttons, for providers such as Google, Facebook, AppleId, etc\r\n */\r\nexport default function ExternalLogins(props: ExternalLoginsProps) {\r\n\tif (!props.externalLoginProviders || props.externalLoginProviders.length === 0) {\r\n\t\tconsole.warn('No external login providers provided for rendering!');\r\n\t\treturn null;\r\n\t}\r\n\r\n\tfunction getExternalLoginIcon(providerName: string) {\r\n\t\tswitch (providerName) {\r\n\t\t\tcase ExternalLoginProviders.Google:\r\n\t\t\t\treturn <GoogleExternalLoginSVG />;\r\n\t\t\tcase ExternalLoginProviders.Facebook:\r\n\t\t\t\treturn <FacebookExternalLoginSVG />;\r\n\t\t\tcase ExternalLoginProviders.AppleId:\r\n\t\t\t\treturn <AppleIdExternalLoginSVG />;\r\n\t\t\tdefault:\r\n\t\t\t\treturn null;\r\n\t\t}\r\n\t}\r\n\r\n\t// We want this to actually redirect the user, so we use a native form with a native POST request to the server,\r\n\t// which will redirect us to the appropriate place\r\n\treturn (\r\n\t\t<form id=\"external-login-form\" action=\"/my-account/external-login\" method=\"post\">\r\n\t\t\t<div id=\"socialLoginList\">\r\n\t\t\t\t{props.externalLoginProviders.map((provider, index) => (\r\n\t\t\t\t\t<div key={index}>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tid={`external-login-button-${provider.Name}`}\r\n\t\t\t\t\t\t\tdata-testid={`external-login-button-${provider.Name}`}\r\n\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\tclassName={`roc-vendor-btn roc-vendor-btn--${provider.Name}`}\r\n\t\t\t\t\t\t\tname=\"provider\"\r\n\t\t\t\t\t\t\tvalue={provider.Name}\r\n\t\t\t\t\t\t\ttitle={Localizer('LoginWithExternalAccountButtonTitle', provider.DisplayName)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span className=\"roc-vendor-btn__icon-wrapper\">{getExternalLoginIcon(provider.Name)}</span>\r\n\t\t\t\t\t\t\t<span className=\"roc-vendor-btn__text-wrapper\">\r\n\t\t\t\t\t\t\t\t{Localizer('LoginWithExternalAccountButtonText', provider.DisplayName)}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t))}\r\n\t\t\t</div>\r\n\t\t</form>\r\n\t);\r\n}\r\n","import React, { useCallback, useEffect, useState } from 'react';\r\nimport { useField, useForm } from 'react-final-form';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { ServerData } from 'services/ServerData';\r\nimport Spinner from 'shared/components/Spinner';\r\n\r\n/**\r\n * Button used to resend a confirmation email to a user from a login form. Please note this currently requires the\r\n * login credential field to be named 'email' or 'userName' depending on if ServerData.USE_EMAIL_AS_USERNAME is true or false.\r\n * @param props\r\n */\r\nexport default function ReSendAccountConfirmationButton() {\r\n\tconst [isConfirmationEmailSending, setIsConfirmationEmailSending] = useState(false);\r\n\tconst [hasSendConfirmationError, setHasSendConfirmationError] = useState(false);\r\n\tconst [isConfirmationEmailSent, setIsConfirmationEmailSent] = useState(false);\r\n\tconst loginForm = useForm();\r\n\tconst resendConfirmationEmailField = useField('reSendAccountConfirmation');\r\n\r\n\t/**\r\n\t * Sends a confirmation email to a user\r\n\t */\r\n\tconst sendEmail = async () => {\r\n\t\tconst userName = ServerData.USE_EMAIL_AS_USERNAME\r\n\t\t\t? loginForm.getFieldState('email')?.value\r\n\t\t\t: loginForm.getFieldState('userName')?.value;\r\n\r\n\t\tsetIsConfirmationEmailSending(true);\r\n\r\n\t\ttry {\r\n\t\t\tconst request = {\r\n\t\t\t\tuserName: userName,\r\n\t\t\t\temailToken: resendConfirmationEmailField.meta.submitError[0],\r\n\t\t\t};\r\n\r\n\t\t\t// Request email to be sent from the server\r\n\t\t\tconst response = await AxiosHelper.post('/ajax/user/send-account-confirmation-email', request);\r\n\r\n\t\t\tsetIsConfirmationEmailSent(true);\r\n\t\t\tconsole.debug('Confirmation email successfully sent to: ' + response.data);\r\n\t\t} catch (error) {\r\n\t\t\tsetHasSendConfirmationError(true);\r\n\t\t\tconsole.debug('Confirmation email failed to send', error);\r\n\t\t} finally {\r\n\t\t\tsetIsConfirmationEmailSending(false);\r\n\t\t}\r\n\t};\r\n\r\n\tconst resetResendButtonState = useCallback(() => {\r\n\t\tloginForm.resetFieldState('reSendAccountConfirmation');\r\n\t\tsetIsConfirmationEmailSent(false);\r\n\t\tsetHasSendConfirmationError(false);\r\n\t}, [loginForm]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (resendConfirmationEmailField.meta.submitting) {\r\n\t\t\tresetResendButtonState();\r\n\t\t}\r\n\t}, [resendConfirmationEmailField.meta.submitting, loginForm, resetResendButtonState]);\r\n\r\n\treturn resendConfirmationEmailField.meta.submitError && resendConfirmationEmailField.meta.touched ? (\r\n\t\t<button\r\n\t\t\tcolor=\"secondary\"\r\n\t\t\tclassName=\"roc-btn\"\r\n\t\t\ttype=\"button\"\r\n\t\t\tonClick={() => {\r\n\t\t\t\tsendEmail();\r\n\t\t\t}}\r\n\t\t\tdisabled={isConfirmationEmailSending || hasSendConfirmationError || isConfirmationEmailSent}\r\n\t\t\tdata-testid=\"resend-confirmation-email-btn\"\r\n\t\t>\r\n\t\t\t{hasSendConfirmationError ? (\r\n\t\t\t\tLocalizer('SendAccountConfirmationEmailFailure')\r\n\t\t\t) : isConfirmationEmailSent ? (\r\n\t\t\t\tLocalizer('SendAccountConfirmationEmailSuccess')\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{Localizer('ReSendAccountConfirmationEmail')}\r\n\t\t\t\t\t{isConfirmationEmailSending ? <Spinner light /> : null}\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t</button>\r\n\t) : null;\r\n}\r\n","import { useAxiosFormSubmitter } from 'shared/hooks/useBaseAxiosFormSubmitter';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\n\r\n/**\r\n * The values that are sent to the server when logging in.\r\n */\r\nexport interface LoginModel {\r\n\t/**\r\n\t * The email address when logging in.\r\n\t * This is utilized when `ServerData.USE_EMAIL_AS_USERNAME` is `true`.\r\n\t */\r\n\temail: string;\r\n\t/**\r\n\t * The username when logging in.\r\n\t * This is utilized when `ServerData.USE_EMAIL_AS_USERNAME` is `false`.\r\n\t */\r\n\tuserName: string;\r\n\t/** The password when logging in. */\r\n\tpassword: string;\r\n\t/**\r\n\t * The flag indicating whether the user logging in selected 'Remember Me' option.\r\n\t */\r\n\trememberMe: boolean;\r\n}\r\n\r\n/**\r\n * The data\r\n */\r\nexport interface LoginResponse {\r\n\t/**\r\n\t * Whether or not the login attempt requires an additional two factor authentication step. This will only be flagged\r\n\t * `true` when `success` is true - meaning that the password login succeeded but the user is required to present\r\n\t * their second authentication factor.\r\n\t */\r\n\trequiresTwoFactor: boolean;\r\n\t/**\r\n\t * Whether the login was successful. Note that if a user account requires two factor authentication, this will\r\n\t * still be `true`, check the `requiresTwoFactor` field to determine if the 2FA login step is required.\r\n\t */\r\n\tsuccess: boolean;\r\n\t/**\r\n\t * The flag indicating whether the user logging in selected 'Remember Me' option.\r\n\t */\r\n\trememberMe: boolean;\r\n}\r\n\r\n/**\r\n * Custom hook that can be utilized when a login needs to be performed.\r\n */\r\nexport default function useLogin() {\r\n\treturn useAxiosFormSubmitter<LoginModel, LoginResponse>(\r\n\t\t{\r\n\t\t\turl: '/ajax/user/login',\r\n\t\t},\r\n\t\t'Login',\r\n\t\ttrue,\r\n\t\t(response) => {\r\n\t\t\tif (response?.success) {\r\n\t\t\t\tdispatchRocEvent('user-logged-in', {});\r\n\t\t\t}\r\n\t\t},\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 { useEffect } from 'react';\r\nimport 'shared/polyfills/customEvent';\r\nimport { RocEventType, ExtractEventParameters, RocEvent } from 'shared/events';\r\nimport addRocEventHandler from 'shared/util/events/rocEventUtils';\r\n\r\n/**\r\n * Helper function for dispatching ROC events.\r\n *\r\n * @param eventType The event type for the dispatcher\r\n */\r\nexport function dispatchRocEvent<T extends RocEventType>(eventType: T, data: ExtractEventParameters<RocEvent, T>) {\r\n\tconst event = new CustomEvent(eventType, {\r\n\t\tdetail: data,\r\n\t});\r\n\tdocument.dispatchEvent(event);\r\n}\r\n\r\n/**\r\n * Reusable hook for handling ROC events\r\n *\r\n * @param eventType The type of event to handle\r\n * @param eventHandler The event handler\r\n * @param deps List of dependencies\r\n */\r\nexport default function useRocEventHandler<T extends RocEventType>(\r\n\teventType: T,\r\n\teventHandler: (data: ExtractEventParameters<RocEvent, T>) => void,\r\n\tdeps?: any[],\r\n) {\r\n\tuseEffect(() => {\r\n\t\tconst removeHandlerCallback = addRocEventHandler(eventType, eventHandler);\r\n\r\n\t\treturn () => {\r\n\t\t\tremoveHandlerCallback();\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, deps);\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 { RocEventType, RocEvent, ExtractEventParameters } from 'shared/events';\r\n\r\n/**\r\n * Helper function for handling ROC events from non React functions.\r\n * @param eventType The type of event to handle\r\n * @param eventHandler The event handler\r\n * @returns The callback function to remove this handler\r\n */\r\nexport default function addRocEventHandler<T extends RocEventType>(\r\n\teventType: T,\r\n\teventHandler: (data: ExtractEventParameters<RocEvent, T>) => void,\r\n): () => void {\r\n\tconst handler = (evt: CustomEvent): void => {\r\n\t\teventHandler(evt.detail);\r\n\t};\r\n\r\n\tdocument.addEventListener(eventType, handler);\r\n\r\n\treturn () => document.removeEventListener(eventType, handler);\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, CheckBoxField } from 'shared/edit/fields';\r\nimport RocForm from 'shared/edit/RocForm';\r\nimport ReCaptchaDisclaimer from 'shared/edit/fields/ReCaptchaDisclaimer';\r\nimport { ServerData } from 'services/ServerData';\r\nimport AccountUrls from 'shared/util/AccountUrls';\r\nimport { getQueryParam } from 'shared/util/Misc';\r\nimport ReSendAccountConfirmationButton from './ReSendAccountConfirmationButton';\r\nimport useLogin, { LoginModel } from './useLogin';\r\nimport ExternalLogins from './ExternalLogins';\r\n\r\nexport default function Login() {\r\n\tconst loginSubmitter = useLogin();\r\n\tconst returnUrl = getQueryParam('ReturnUrl', true);\r\n\tconst accountLocked = getQueryParam('locked');\r\n\r\n\tif (loginSubmitter.submitted && loginSubmitter.responseData && loginSubmitter.responseData.success) {\r\n\t\tif (loginSubmitter.responseData.requiresTwoFactor) {\r\n\t\t\tconst rememberMe = loginSubmitter.responseData.rememberMe || false;\r\n\t\t\twindow.location.href =\r\n\t\t\t\tAccountUrls.Login2fa +\r\n\t\t\t\t(returnUrl != null\r\n\t\t\t\t\t? '?ReturnUrl=' + encodeURIComponent(returnUrl) + '&RememberMe=' + rememberMe\r\n\t\t\t\t\t: '?RememberMe=' + rememberMe);\r\n\t\t} else if (returnUrl) {\r\n\t\t\twindow.location.href = returnUrl;\r\n\t\t} else {\r\n\t\t\twindow.location.href = '/my-account';\r\n\t\t}\r\n\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-body-content__row\">\r\n\t\t\t<div className=\"roc-body-content__left\">\r\n\t\t\t\t<h1>{Localizer('LoginPageTitleText')}</h1>\r\n\t\t\t\t<RocForm<LoginModel>\r\n\t\t\t\t\tonSubmit={loginSubmitter.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-register-form\" onSubmit={handleSubmit}>\r\n\t\t\t\t\t\t\t\t{submitError || accountLocked ? (\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\t// Prioritize form errors over external login errors\r\n\t\t\t\t\t\t\t\t\t\tmessage={submitError ?? Localizer('UserAccountLockedOut')}\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\ttestId=\"login-username\"\r\n\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t<ReSendAccountConfirmationButton />\r\n\r\n\t\t\t\t\t\t\t\t<TextBoxField\r\n\t\t\t\t\t\t\t\t\tisRequired\r\n\t\t\t\t\t\t\t\t\ttype=\"password\"\r\n\t\t\t\t\t\t\t\t\tlabel={Localizer('Password')}\r\n\t\t\t\t\t\t\t\t\tname=\"password\"\r\n\t\t\t\t\t\t\t\t\ttestId=\"login-password\"\r\n\t\t\t\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t\t\t\t<CheckBoxField name=\"rememberMe\" label={Localizer('RememberMe')} />\r\n\r\n\t\t\t\t\t\t\t\t<ReCaptchaDisclaimer />\r\n\r\n\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\tdisabled={submitting}\r\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-btn\"\r\n\t\t\t\t\t\t\t\t\tdata-testid=\"login-submit\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{Localizer('Login')} {submitting ? <Spinner light /> : null}\r\n\t\t\t\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t\t\t\t<div className=\"roc-login-form__footer\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"roc-form-group\">\r\n\t\t\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\t\t\t<a href={AccountUrls.ForgotPassword} data-testid=\"forgot-your-password\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{Localizer('ForgotYourPassword')}\r\n\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\t\t\t\thref={\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tAccountUrls.Register +\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t(returnUrl != null\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? '?ReturnUrl=' + encodeURIComponent(returnUrl ?? '')\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: '')\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"register-as-new-user\"\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{Localizer('RegisterNewUserLinkText')}\r\n\t\t\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\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</div>\r\n\t\t\t<div className=\"roc-body-content__right\">\r\n\t\t\t\t<ExternalLogins externalLoginProviders={ServerData.EXTERNAL_LOGIN_PROVIDERS} />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport Login from './Login';\r\nimport { initReactApp } from 'shared/util/ApplicationInit';\r\n\r\nconst render = initReactApp(() => <Login />, 'login-form');\r\n\r\nrender();\r\n\r\n// optional, use this to enable hot reloading\r\nif ((module as any).hot) {\r\n\t(module as any).hot.accept('./Login', () => {\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","import React from 'react';\r\nimport { LocalizedSpan } from 'services/Localizer';\r\nimport { ServerData } from 'services/ServerData';\r\n\r\n/**\r\n * Recaptcha usage disclaimer\r\n */\r\nexport default function ReCaptchaDisclaimer() {\r\n\tconst reCaptchaKey = ServerData.ReCaptchaV3Key;\r\n\tconst isReCaptchaEnabled = ServerData.IsReCaptchaEnabled;\r\n\treturn reCaptchaKey && isReCaptchaEnabled ? (\r\n\t\t<div className=\"roc-form-group\">\r\n\t\t\t<div className=\"roc-recaptcha-text\">\r\n\t\t\t\t<LocalizedSpan\r\n\t\t\t\t\tresourceKey=\"ProtectedText\"\r\n\t\t\t\t\targs={['https://policies.google.com/privacy', 'https://policies.google.com/terms']}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t) : null;\r\n}\r\n"],"sourceRoot":""}