{"version":3,"sources":["webpack:///./ClientApp/services/Localizer.tsx","webpack:///./ClientApp/styles/node-modules/react-toggle/style.css?5a6e","webpack:///./ClientApp/styles/node-modules/react-toggle/style.css","webpack:///./ClientApp/shared/polyfills/customEvent.js","webpack:///./ClientApp/shared/components/svg/LeftChevronSVG.tsx","webpack:///./ClientApp/util/StringUtil.ts","webpack:///./ClientApp/services/ServerData.ts","webpack:///./ClientApp/shared/components/svg/RightChevronSVG.tsx","webpack:///./ClientApp/shared/hooks/useAxiosLoader.ts","webpack:///./ClientApp/shared/hooks/useAxiosPaginatedLoader.ts","webpack:///./ClientApp/shared/components/Spinner.tsx","webpack:///./ClientApp/services/AxiosHelper.ts","webpack:///../Roc.SharedClientApp/types/index.ts","webpack:///./ClientApp/shared/edit/fields/FieldInputErrorWrapper.tsx","webpack:///./ClientApp/shared/edit/fields/FieldLabel.tsx","webpack:///./ClientApp/shared/edit/fields/CheckBoxField.tsx","webpack:///./ClientApp/shared/edit/fields/DropdownField.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:///./ClientApp/shared/edit/InlineAlert.tsx","webpack:///./ClientApp/shared/hooks/useRocEventHandler.tsx","webpack:///./ClientApp/shared/components/svg/XSVG.tsx","webpack:///./ClientApp/services/UserData.ts","webpack:///../Roc.SharedClientApp/types/model-status.ts","webpack:///./ClientApp/shared/util/ErrorBoundary.tsx","webpack:///./ClientApp/shared/util/AccountUrls.ts","webpack:///./ClientApp/shared/edit/OptionalFieldMarker.tsx","webpack:///./ClientApp/shared/polyfills/getAttributeNames.js","webpack:///./ClientApp/shared/util/ApplicationInit.tsx","webpack:///./ClientApp/shared/edit/fields/ValidationMessages.tsx","webpack:///./ClientApp/shared/hooks/useDelayedDisplay.tsx","webpack:///./ClientApp/shared/components/svg/CheckCircleSVG.tsx","webpack:///./ClientApp/shared/util/Misc.ts","webpack:///./ClientApp/shared/util/events/rocEventUtils.ts","webpack:///./ClientApp/shared/components/svg/StarEmptySVG.tsx","webpack:///./ClientApp/shared/components/hawksearch/components/svg/DashCircleSVG.tsx","webpack:///./ClientApp/shared/components/svg/PencilSVG.tsx","webpack:///./ClientApp/features/commerce/product-details/types.ts","webpack:///./ClientApp/shared/components/svg/CircleExclamationSVG.tsx","webpack:///./ClientApp/features/setup/recaptcha.ts","webpack:///./ClientApp/shared/components/CircleButton.tsx","webpack:///./ClientApp/shared/edit/fields/CheckboxInputField.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/features/commerce/reviews/WriteReview.tsx","webpack:///./ClientApp/features/commerce/reviews/ReviewListing.tsx","webpack:///./ClientApp/features/commerce/reviews/useProductReviews.ts","webpack:///./ClientApp/features/commerce/reviews/index.tsx","webpack:///./ClientApp/shared/hooks/useLoader.ts","webpack:///./ClientApp/shared/components/svg/FolderSVG.tsx","webpack:///./ClientApp/shared/components/svg/GarbageCanCircleSVG.tsx","webpack:///./ClientApp/shared/components/StatusDisplay.tsx","webpack:///./ClientApp/shared/hooks/useInterval.tsx","webpack:///./ClientApp/shared/hooks/useReCaptchaToken.tsx","webpack:///./ClientApp/shared/hooks/useRocReCaptchaToken.tsx"],"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","api","content","__esModule","default","module","i","options","exports","locals","___CSS_LOADER_API_IMPORT___","push","CustomEvent","event","params","bubbles","cancelable","detail","undefined","evt","document","createEvent","initCustomEvent","prototype","Event","LeftChevronSVG","className","rest","viewBox","classnames","focusable","aria-hidden","d","value","trim","toLocaleLowerCase","toCamelCase","word","toLowerCase","toUpperCase","stripHtml","html","tmp","createElement","innerHTML","textContent","innerText","addEllipsis","text","cutoff","substring","trimString","ServerData","windowWithServerData","__ROC_SERVER_DATA__","initializeServerData","RightChevronSVG","cache","useAxiosLoader","axiosParams","active","callback","cacheKey","method","useLoader","loading","setLoading","error","setError","response","setResponse","useState","reloadTimes","setReloadTimes","cancelToken","useRef","useEffect","current","Axios","CancelToken","source","AxiosHelper","isCancel","cancel","values","reload","useAxiosPaginatedLoader","query","initialPageSize","initialSortByName","initialSortDirection","initialResults","pageSize","setPageSizeState","pageNumber","setPageNumber","sortByName","setSortByName","sortDirection","setSortDirection","dataLoaderActive","setDataLoaderActive","customQuery","setCustomQuery","paginationQuery","url","results","data","page","goToPage","pagination","totalPages","goToNextPage","goToPreviousPage","setSorting","sortBy","direction","setPageSize","size","setQuery","Spinner","light","waitMs","align","block","parentCentered","useDelayedDisplay","spinner","axios","create","defaults","headers","common","interceptors","request","use","config","getCsrfToken","csrfToken","RequestVerificationToken","addUnauthorizedAccessInterceptor","history","status","location","AccountUrls","Login","encodeURIComponent","pathname","Promise","reject","SortByDirection","FieldInputErrorWrapper","hideIcon","children","inline","name","meta","useField","invalid","submitError","dirtySinceLastSubmit","submitting","touched","FieldLabel","label","id","isRequired","htmlFor","testId","CheckBoxField","readOnly","disabled","afterSubmit","allowNull","beforeSubmit","formatOnBlur","initialValue","isEqual","subscription","defaultValue","type","input","CheckboxInputField","DropdownField","addSelectOption","validateFields","onChange","onFocus","onBlur","dirty","aria-describedby","map","option","ValidationMessages","StarRatingField","maxRating","OptionalFieldMarker","StarRating","readonly","TextAreaField","placeholder","rows","validate","component","format","parse","render","maxLength","InputField","React","forwardRef","ref","step","TextBoxField","InlineAlert","title","defaultProps","theme","isTitleOnOwnRow","isCollapsed","onCollapse","message","axiosError","isAxiosError","onClick","dispatchRocEvent","eventType","dispatchEvent","useRocEventHandler","eventHandler","deps","removeHandlerCallback","addRocEventHandler","XSVG","userDataPromise","getUserData","get","getUserDataNoCache","userData","requestToken","ModelStatus","ErrorBoundary","lastRefreshedTimestamp","Date","parseInt","localStorage","getItem","getTime","setItem","toString","this","setState","state","renderError","Component","renderProps","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","ExternalLogout","memo","Element","getAttributeNames","attributes","result","getDataPropsFromAttributes","element","filter","s","startsWith","attributeName","getAttribute","initReactApp","getReactElement","elementId","getElementById","ReactDOM","Suspense","fallback","initReactAppByAttribute","attribute","elements","querySelectorAll","getErrorArray","errorOrSubmitError","errors","concat","role","Fragment","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","handler","addEventListener","removeEventListener","StarEmptySVG","DashCircleSVG","class","fill","PencilSVG","getInitialProductDetailsState","__ROC_COMMERCE_PRODUCT_DETAILS__","InputAttributeType","ProductType","AddToCartExceptionCode","CircleExclamationSVG","reCaptchaCallbackPromise","setupReCaptcha","windowWithReCaptchaCallbacks","onReCaptchaLoadCallback","CircleButton","icon","otherProps","checked","defaultChecked","StarSVG","ratingStars","setRatingStars","ratingHovered","setRatingHovered","newState","isFull","isPending","isHighlighted","isChecked","ratingValue","useStarRating","Error","onInputChange","e","currentTarget","modifierClasses","onMouseEnter","onMouseLeave","WriteReview","saveReview","hasValidationError","isSaving","setShowWriteReview","productId","loggedInUserFirstName","onSubmit","pristine","initialValues","reviewerName","rating","isProductRecommended","description","reCaptchaKey","reCaptchaResponse","localizedReviewDate","handleSubmit","color","ReviewListing","initialReviewsSummary","reviewsSummary","initialProductId","setProductId","setReviewsSummary","userIsSignedIn","setUserIsSignedIn","getUserIsSignedIn","summary","isSignedIn","setLoggedInUserFirstName","reviewCount","setIsSaving","productReviewsError","setProductReviewsError","setValidationHasError","isAbuseSaved","setIsAbuseSaved","reviewAdded","setReviewAdded","loadMoreClicked","setLoadMoreClicked","Descending","writeReviewRecaptcha","useRocReCaptchaToken","showWriteReview","reportAbuse","reviewId","post","token","newIsAbuseSaved","formValues","getToken","payload","responseCode","responseData","invalidateToken","onLoadMoreClick","useProductReviews","product","ignoreSelectionChanges","productDetails","firstName","getLoggedInUserFirstName","then","timer","totalRecords","style","width","target","review","FolderSVG","GarbageCanCircleSVG","StatusDisplay","Published","Inactive","Deleted","Draft","Archived","useInterval","delay","enabled","savedCallback","intervalId","setInterval","clearInterval","ReCaptchaKeyWarning","useReCaptchaToken","action","initialEnabled","reCaptchaWindow","tokenPromise","tokenPromiseIsResolved","initPromise","setEnabled","useLayoutEffect","grecaptcha","ready","force","execute","ReCaptchaV3Key","isReCaptchaEnabled","IsReCaptchaEnabled"],"mappings":"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","file":"reviews-summary.7892a7a6.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 HCL\r\nimport { QuickBagsResourceKeys } from 'features/hcl/quick-bags/resources';\r\nimport { QuickLabelsResourceKeys } from 'features/hcl/quick-labels/resources';\r\nimport { ProductCatalogsResourceKeys } from 'features/hcl/product-catalogs/resources';\r\nimport { FileUploadResourceKeys } from 'features/hcl/file-upload/resources';\r\nimport { NewsletterKeys } from 'features/hcl/newsletter-signup/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 HCL\r\n\t| QuickBagsResourceKeys\r\n\t| QuickLabelsResourceKeys\r\n\t| ProductCatalogsResourceKeys\r\n\t| NewsletterKeys\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","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","// 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 { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Left chevron SVG\r\n *\r\n * @returns\r\n */\r\nfunction LeftChevronSVG({ 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', 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=\"M15.707 17.293l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-6 6c-0.391 0.391-0.391 1.024 0 1.414l6 6c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default LeftChevronSVG;\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 { 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}\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 React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Right chevron SVG\r\n *\r\n * @returns\r\n */\r\nfunction RightChevronSVG({ 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-right-chevron ', 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=\"M9.707 18.707l6-6c0.391-0.391 0.391-1.024 0-1.414l-6-6c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default RightChevronSVG;\r\n","import Axios, { AxiosRequestConfig, AxiosError, AxiosResponse, CancelTokenSource } from 'axios';\r\nimport { useLoader } from './useLoader';\r\nimport { useRef, useEffect, useState } from 'react';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\n\r\n/**\r\n * Use Axios Loader Params\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param callback A function that is called after a form is posted. It'll include a parameter with the error if something went wrong.\r\n */\r\nexport interface UseAxiosLoaderParams {\r\n\taxiosParams: AxiosRequestConfig;\r\n\tactive?: boolean;\r\n\tcallback?: (error: Error | AxiosError | undefined) => any;\r\n\tcacheKey?: string;\r\n}\r\n\r\nconst cache = {};\r\n\r\n/**\r\n * A reusable hook that facilitates executing axios requests.\r\n */\r\nexport function useAxiosLoader<T>({ axiosParams, active = true, callback, cacheKey }: UseAxiosLoaderParams) {\r\n\tif (axiosParams.method === undefined) {\r\n\t\taxiosParams.method = 'GET';\r\n\t}\r\n\r\n\tconst { ...rest } = axiosParams;\r\n\tconst { loading, setLoading, error, setError, response, setResponse } = useLoader<AxiosResponse<T>>();\r\n\tconst [reloadTimes, setReloadTimes] = useState<number>(0);\r\n\tconst cancelToken = useRef<CancelTokenSource>();\r\n\r\n\tconst reload = () => {\r\n\t\tsetReloadTimes(reloadTimes + 1);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\ttry {\r\n\t\t\t\tif (!active) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tcancelToken.current = Axios.CancelToken.source();\r\n\r\n\t\t\t\tsetLoading(true);\r\n\t\t\t\tsetError(undefined);\r\n\r\n\t\t\t\tlet response: AxiosResponse<T>;\r\n\r\n\t\t\t\tif (cacheKey && cache[cacheKey]) {\r\n\t\t\t\t\tresponse = cache[cacheKey];\r\n\t\t\t\t} else {\r\n\t\t\t\t\tresponse = await AxiosHelper(rest);\r\n\t\t\t\t\tif (cacheKey) {\r\n\t\t\t\t\t\tcache[cacheKey] = response;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsetResponse(response);\r\n\r\n\t\t\t\tif (callback !== undefined) {\r\n\t\t\t\t\treturn callback(undefined);\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tif (Axios.isCancel(error)) {\r\n\t\t\t\t\t// if the component was unmounted, there's nothing to do\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsetError(error);\r\n\r\n\t\t\t\tif (callback !== undefined) {\r\n\t\t\t\t\treturn callback(error);\r\n\t\t\t\t}\r\n\t\t\t} finally {\r\n\t\t\t\tsetLoading(false);\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\treturn () => {\r\n\t\t\t// cleanup\r\n\t\t\tif (cancelToken.current) {\r\n\t\t\t\tcancelToken.current.cancel();\r\n\t\t\t}\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [active, reloadTimes, ...Object.values(axiosParams)]); // this may be overkill? this means that if ANY axios params change, a new request will execute\r\n\r\n\treturn {\r\n\t\tloading,\r\n\t\terror,\r\n\t\tresponse,\r\n\t\tcancelToken: cancelToken.current,\r\n\t\treload,\r\n\t};\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport { SortByDirection } from 'shared-client/types/index';\r\nimport { BaseDto, PaginatedResult } from 'shared/types';\r\nimport { useAxiosLoader, UseAxiosLoaderParams } from './useAxiosLoader';\r\n\r\n/**\r\n * Use Axios Paginated Loader Params\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param callback A function that is called after a form is posted. It'll include a parameter with the error if something went wrong.\r\n */\r\nexport interface UseAxiosPaginatedLoaderParams<TDto extends BaseDto, T extends PaginatedResult<TDto>>\r\n\textends UseAxiosLoaderParams {\r\n\tquery?: string;\r\n\tinitialPageSize?: number;\r\n\tinitialSortByName?: string;\r\n\tinitialSortDirection?: SortByDirection;\r\n\tinitialResults?: T;\r\n\tcache?: boolean;\r\n\t//#region HCL\t\r\n\tinitialFilterValues?: Record<string, string>;\r\n\t////#endregion\r\n}\r\n\r\n/**\r\n * The useAxiosPaginatedLoader hook result object\r\n */\r\nexport interface UseAxiosPaginatedLoaderResult<TDto extends BaseDto, T extends PaginatedResult<TDto>> {\r\n\t/**\r\n\t * Current page number\r\n\t */\r\n\tpage: number;\r\n\t/**\r\n\t * Go to page and load results\r\n\t */\r\n\tgoToPage: (page: number) => void;\r\n\t/**\r\n\t * Go to next page and load results\r\n\t */\r\n\tgoToNextPage: () => void;\r\n\t/**\r\n\t * Go to previous page and load results\r\n\t */\r\n\tgoToPreviousPage: () => void;\r\n\t/**\r\n\t * Set sorting and load the results\r\n\t */\r\n\tsetSorting: (sortBy: string, direction: SortByDirection) => void;\r\n\t/**\r\n\t * Set page size and load the results\r\n\t */\r\n\tsetPageSize: (pageSize: number) => void;\r\n\t/**\r\n\t * Sets the custom query\r\n\t */\r\n\tsetQuery?: (query: string) => void;\r\n\t/**\r\n\t * Sets the sort by name\r\n\t */\r\n\tsetSortByName?: (sortBy: string) => void;\r\n\t/**\r\n\t * Sets the sort direction\r\n\t */\r\n\tsetSortDirection?: (direction: SortByDirection) => void;\r\n\t/**\r\n\t * Current sort by name\r\n\t */\r\n\tsortByName: string | undefined;\r\n\t/**\r\n\t * Current sort by direction\r\n\t */\r\n\tsortDirection: SortByDirection | undefined;\r\n\t/**\r\n\t * True if loading results\r\n\t */\r\n\tloading: boolean;\r\n\t/**\r\n\t * Error object if an error occurred while loading the results\r\n\t */\r\n\terror: Error | undefined;\r\n\t/**\r\n\t * Current paginated results object\r\n\t */\r\n\tresults: T | null | undefined;\r\n\r\n\t/**\r\n\t * Custom query string that includes\r\n\t * all the other parameters other than pagination and sorting ones\r\n\t */\r\n\tcustomQuery?: string | undefined;\r\n\r\n\t/**\r\n\t * If this function has been called another request will be triggered to get fresh results\r\n\t */\r\n\treload?: () => void;\r\n}\r\n\r\n/**\r\n * A reusable hook for pagination (data is loaded with axios).\r\n */\r\nexport function useAxiosPaginatedLoader<TDto extends BaseDto, T extends PaginatedResult<TDto>>({\r\n\taxiosParams,\r\n\tactive = true,\r\n\tcallback,\r\n\tquery,\r\n\tinitialPageSize,\r\n\tinitialSortByName,\r\n\tinitialSortDirection,\r\n\tinitialResults,\r\n\tcache,\r\n}: UseAxiosPaginatedLoaderParams<TDto, T>): UseAxiosPaginatedLoaderResult<TDto, T> {\r\n\tconst [pageSize, setPageSizeState] = useState(initialPageSize);\r\n\tconst [pageNumber, setPageNumber] = useState(1);\r\n\tconst [sortByName, setSortByName] = useState(initialSortByName);\r\n\tconst [sortDirection, setSortDirection] = useState(initialSortDirection);\r\n\tconst [dataLoaderActive, setDataLoaderActive] = useState(initialResults === undefined);\r\n\tconst [customQuery, setCustomQuery] = useState(query);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetDataLoaderActive(true);\r\n\t}, [pageNumber, sortByName, sortDirection, pageSize]);\r\n\r\n\tconst goToPage = (page: number) => {\r\n\t\tif (results && page > 0 && page <= results.pagination.totalPages) {\r\n\t\t\tsetPageNumber(page);\r\n\t\t}\r\n\t};\r\n\r\n\tconst goToNextPage = () => {\r\n\t\tif (results && pageNumber < results.pagination.totalPages) {\r\n\t\t\tsetPageNumber(pageNumber + 1);\r\n\t\t}\r\n\t};\r\n\r\n\tconst goToPreviousPage = () => {\r\n\t\tif (pageNumber === 1) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetPageNumber(pageNumber - 1);\r\n\t};\r\n\r\n\tconst setSorting = (sortBy: string, direction: SortByDirection) => {\r\n\t\tsetPageNumber(1);\r\n\t\tsetSortByName(sortBy);\r\n\t\tsetSortDirection(direction);\r\n\t};\r\n\r\n\tconst setQuery = (customQuery: string | undefined) => {\r\n\t\tsetPageNumber(1);\r\n\t\tsetCustomQuery(customQuery);\r\n\t};\r\n\r\n\tconst paginationQuery = `${pageSize ? `pagesize=${pageSize}` : ''}&pageNumber=${pageNumber}${\r\n\t\tsortByName ? `&sortBy=${sortByName}` : ''\r\n\t}${sortDirection ? `&sortDirection=${sortDirection}` : ''}`;\r\n\r\n\tconst url = `${axiosParams.url}${customQuery ? `?${customQuery}&${paginationQuery}` : `?${paginationQuery}`}`;\r\n\r\n\tconst { loading, error, response, reload } = useAxiosLoader<T>({\r\n\t\taxiosParams: {\r\n\t\t\t...axiosParams,\r\n\t\t\turl: url,\r\n\t\t},\r\n\t\tactive: active && dataLoaderActive,\r\n\t\tcallback,\r\n\t\tcacheKey: cache ? url : undefined,\r\n\t});\r\n\r\n\tconst results = active && dataLoaderActive ? response && response.data : initialResults;\r\n\r\n\tconst setPageSize = (size: number) => {\r\n\t\tsetPageSizeState(size);\r\n\t};\r\n\r\n\treturn {\r\n\t\tpage: pageNumber,\r\n\t\tgoToPage,\r\n\t\tgoToNextPage,\r\n\t\tgoToPreviousPage,\r\n\t\tsetSorting,\r\n\t\tsetPageSize,\r\n\t\tsetQuery,\r\n\t\tsetSortByName,\r\n\t\tsetSortDirection,\r\n\t\treload,\r\n\t\tcustomQuery,\r\n\t\tsortByName,\r\n\t\tsortDirection,\r\n\t\tloading,\r\n\t\terror,\r\n\t\tresults,\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport useDelayedDisplay from 'shared/hooks/useDelayedDisplay';\r\nimport classnames from 'classnames';\r\n\r\ntype SpinnerAlignment = 'left' | 'right' | 'none';\r\n\r\ninterface SpinnerProps {\r\n\tlight?: boolean;\r\n\twaitMs?: number;\r\n\talign?: SpinnerAlignment;\r\n\tblock?: boolean;\r\n\tparentCentered?: boolean;\r\n}\r\n\r\n/**\r\n * Reusable roc-spinner component with color, alignment and wait time props.\r\n *\r\n * @export\r\n * @param {SpinnerProps} { light = false, waitMs = 200, align = 'right', block }\r\n * @returns\r\n */\r\nexport default function Spinner({\r\n\tlight = false,\r\n\twaitMs = 200,\r\n\talign = 'right',\r\n\tblock,\r\n\tparentCentered = false,\r\n}: SpinnerProps) {\r\n\tconst display = useDelayedDisplay(waitMs);\r\n\r\n\tif (!display) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst spinner = (\r\n\t\t<div\r\n\t\t\tclassName={classnames('roc-spinner', {\r\n\t\t\t\t'roc-spinner--align-none': align === 'none',\r\n\t\t\t\t'roc-spinner--light': light,\r\n\t\t\t\t'roc-spinner--block': block,\r\n\t\t\t\t'roc-spinner--left': align === 'left',\r\n\t\t\t\t'roc-spinner--right': align === 'right',\r\n\t\t\t})}\r\n\t\t\tdata-testid=\"spinner\"\r\n\t\t>\r\n\t\t\t<div className=\"roc-spinner__body\">\r\n\t\t\t\t<div className=\"roc-spinner__cube1\" />\r\n\t\t\t\t<div className=\"roc-spinner__cube2\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n\r\n\tif (parentCentered) {\r\n\t\treturn <div className=\"roc-spinner__centered-parent\">{spinner}</div>;\r\n\t}\r\n\r\n\treturn spinner;\r\n}\r\n","import axios, { AxiosInstance, AxiosResponse, AxiosError } from 'axios';\r\nimport AccountUrls from 'shared/util/AccountUrls';\r\nimport { getCsrfToken } from './UserData';\r\n\r\n/**\r\n * Helper that creates an instance of Axios to be used throughout the client application\r\n * and adds a default X-Requested-With header to all requests.\r\n *\r\n */\r\nconst AxiosHelper: AxiosInstance = axios.create();\r\nAxiosHelper.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';\r\n\r\n// Add CSRF tokens to all commands that are not GET, HEAD, or OPTIONS\r\nAxiosHelper.interceptors.request.use(async (config) => {\r\n\tif (\r\n\t\tconfig.method?.toLowerCase() !== 'get' &&\r\n\t\tconfig.method?.toLowerCase() !== 'head' &&\r\n\t\tconfig.method?.toLowerCase() !== 'options'\r\n\t) {\r\n\t\tconst csrfToken = await getCsrfToken();\r\n\t\tconfig.headers = { RequestVerificationToken: csrfToken, ...config.headers };\r\n\t}\r\n\treturn config;\r\n});\r\n\r\nexport default AxiosHelper;\r\n\r\n// eslint-disable-next-line no-unused-vars\r\nexport const addUnauthorizedAccessInterceptor = (history) => {\r\n\t// this allows us to act when any request going through axios succeeds or fails.\r\n\tAxiosHelper.interceptors.response.use(\r\n\t\t(response: AxiosResponse) => {\r\n\t\t\treturn response;\r\n\t\t},\r\n\t\t(error: AxiosError) => {\r\n\t\t\tif (error.response && error.response.status === 401) {\r\n\t\t\t\twindow.location.replace(\r\n\t\t\t\t\t`${AccountUrls.Login}?ReturnUrl=${encodeURIComponent(window.location.pathname)}`,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\treturn Promise.reject(error);\r\n\t\t},\r\n\t);\r\n};\r\n","export interface SortBy {\r\n\tname: string;\r\n\ttitle: string;\r\n\tdirection: SortByDirection;\r\n}\r\n\r\nexport enum SortByDirection {\r\n\tAscending = 'Ascending',\r\n\tDescending = 'Descending',\r\n}\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport CircleExclamationSVG from 'shared/components/svg/CircleExclamationSVG';\r\nimport { useField } from 'react-final-form';\r\n\r\ninterface FieldInputErrorWrapperProps {\r\n\thideIcon?: boolean;\r\n\tchildren: React.ReactNode;\r\n\tinline?: boolean;\r\n\tname: string;\r\n}\r\n\r\n/**\r\n * Component for handling the invalid styles for inputs.\r\n *\r\n * @export\r\n * @param {FieldInputErrorWrapperProps} props\r\n * @returns\r\n */\r\nexport default function FieldInputErrorWrapper(props: FieldInputErrorWrapperProps) {\r\n\tconst { hideIcon = false, children, inline = false, name } = props;\r\n\tconst { meta } = useField(name);\r\n\tconst invalid =\r\n\t\t(meta.error || (meta.submitError && !meta.dirtySinceLastSubmit && !meta.submitting)) &&\r\n\t\tmeta.touched &&\r\n\t\tmeta.invalid\r\n\t\t\t? meta.invalid\r\n\t\t\t: false;\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={classnames('roc-form-input__input-wrapper', {\r\n\t\t\t\t'roc-form-input__input-wrapper--invalid': invalid,\r\n\t\t\t\t'roc-form-input__input-wrapper--inline': inline,\r\n\t\t\t})}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t\t{invalid && !hideIcon ? <CircleExclamationSVG className=\"roc-form-input__input-wrapper-icon\" /> : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n","/* eslint-disable jsx-a11y/label-has-for */\r\nimport React from 'react';\r\nimport { WithTestIdOptional } from 'shared-client/types/test';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport OptionalFieldMarker from '../OptionalFieldMarker';\r\n\r\nexport interface FieldLabelProps extends WithTestIdOptional {\r\n\tlabel: string;\r\n\tname: string;\r\n\tid?: string;\r\n\tisRequired: boolean;\r\n\thtmlFor?: string;\r\n\tchildren?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Wrapper component for all field labels for ease of use.\r\n */\r\nexport default function FieldLabel(props: FieldLabelProps) {\r\n\tconst { label, id, isRequired, htmlFor, children, testId } = props;\r\n\r\n\tif (!label || !label.trim()) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<label\r\n\t\t\tclassName=\"roc-form-input-label\"\r\n\t\t\thtmlFor={htmlFor}\r\n\t\t\tid={id ? id : htmlFor + '-label'}\r\n\t\t\tdata-testid={testId || `field-label-${toKebabCase(label)}`}\r\n\t\t>\r\n\t\t\t{label}\r\n\t\t\t{!isRequired ? <OptionalFieldMarker /> : null}\r\n\t\t\t{children ? children : null}\r\n\t\t</label>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { 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}: InputFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tdefaultValue={defaultValue}\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\t// #region HCL\r\n\tdefaultValue?: any;\r\n\t// #endregion\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\t// #region HCL\r\n\tdefaultValue\r\n\t// #endregion\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\t// #region HCL\r\n\t\t\tdefaultValue={defaultValue?.value}\r\n\t\t    // #endregion\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\t// #region HCL\r\n\t\t\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t\t\t    // #endregion\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 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\nimport classnames from 'classnames';\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\tmaxLength?: number;\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\tmaxLength,\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={classnames('roc-form-input__input', {\r\n\t\t\t\t\t\t\t\t'roc-form-input__input--no-min-height': rows,\r\n\t\t\t\t\t\t\t})}\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\tmaxLength={maxLength}\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\t// #region HCL\r\n\t\tmaxLength,\r\n\t\t// #endregion\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\t// #region HCL\r\n\t\t\t\t\tmaxLength={maxLength}\r\n\t\t\t\t\t// #endregion\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\t// #region HCL\r\n\t\tmaxLength,\r\n\t\t// # endregion\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\t// #region HCL\r\n\t\t\t\t\tmaxLength={maxLength}\r\n\t\t\t\t\t// #endregion\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","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 { 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 { 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\t// #region HCL\r\n\tversaPayEnabled: boolean;\r\n\tversaPayRedirectUrl: string | null;\r\n\tazureUserId: string | null;\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\t// #region HCL - allows null\r\n\tcartSummary?: CartSummary | null;\r\n\t// #endregion\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}\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","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 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\tif (error.name === 'ChunkLoadError') {\r\n\t\t\tconst lastRefreshedTimestamp = new Date(\r\n\t\t\t\tparseInt(window.localStorage.getItem('force-refresh-timestamp') || '0'),\r\n\t\t\t);\r\n\t\t\tconst pageAlreadyRefreshedLessThan30SecondsAgo =\r\n\t\t\t\tnew Date(lastRefreshedTimestamp.getTime() + 30 * 1000) > new Date();\r\n\r\n\t\t\tif (!pageAlreadyRefreshedLessThan30SecondsAgo) {\r\n\t\t\t\t// Assuming that the user is not on the latest version of the application. Refresh the page immediately.\r\n\t\t\t\twindow.localStorage.setItem('force-refresh-timestamp', new Date().getTime().toString());\r\n\t\t\t\treturn window.location.reload();\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tthis.setState({\r\n\t\t\terror,\r\n\t\t});\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tif (this.state.error) {\r\n\t\t\treturn this.props.renderError!(this.state);\r\n\t\t}\r\n\r\n\t\treturn this.props.children;\r\n\t}\r\n}\r\n","import { 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\t// #region HCL - hardcoded same way as external login is\r\n\tExternalLogout: '/my-account/external-logout',\r\n\t// #endregion\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","// 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 { 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<span className=\"roc-form-suffix roc-form-suffix--error\" id={props.id} data-testid={props.id} role=\"status\">\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 { 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","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 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 * 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 * 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 24 24\"\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\r\n\t\t\t\td=\"M16.2928932,2.12089322 L2.79289322,15.6208932 C2.66983759,15.7439488 2.5810257,15.8969877 2.53523618,16.0648826 L1.03523618,21.5648826 C0.831645565,22.3113815 1.51661849,22.9963544 2.26311741,22.7927638 L7.76311741,21.2927638 C7.9310123,21.2469743 8.08405115,21.1581624 8.20710678,21.0351068 L21.7071068,7.53510678 C23.2016311,6.04058249 23.2016311,3.61541751 21.7071068,2.12089322 C20.2125825,0.626368927 17.7874175,0.626368927 16.2928932,2.12089322 Z M20.4051996,3.65799037 C21.0041668,4.37596737 20.9667314,5.44705505 20.2928932,6.12089322 L6.979,19.433 L3.424,20.403 L4.394,16.848 L17.7071068,3.53510678 C18.4205825,2.82163107 19.5794175,2.82163107 20.2928932,3.53510678 L20.4051996,3.65799037 Z\"\r\n\t\t\t\tid=\"Stroke-1\"\r\n\t\t\t></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default PencilSVG;\r\n","import { DisplayPricingResult, Price, SimpleDisplayPrice } from 'shared-client/types/commerce/display-price';\r\nimport { UnitOfMass } from 'shared-client/types/commerce/product-details';\r\nimport { BreadcrumbItem } from 'shared/components/Breadcrumbs';\r\nimport { PartialDataLoaderOptions } from 'shared/data/usePartialDataLoader';\r\nimport { BasePartialDetailsState } from 'shared/types';\r\nimport { Asset } from 'shared/assets/types';\r\n\r\nexport function getInitialProductDetailsState(): ProductDetailsState {\r\n\treturn window.__ROC_COMMERCE_PRODUCT_DETAILS__ ?? {};\r\n}\r\n\r\ndeclare global {\r\n\tinterface Window {\r\n\t\t__ROC_COMMERCE_PRODUCT_DETAILS__: ProductDetailsState;\r\n\t}\r\n}\r\n\r\nexport interface ProductDetailsState extends BasePartialDetailsState {\r\n\tsummary: Summary;\r\n\r\n\tassets?: ProductAsset[] | null;\r\n\r\n\tavailability?: Availability | null;\r\n\r\n\tbrand?: Brand | null;\r\n\r\n\t/**\r\n\t * Represents the visible tabs for the current product\r\n\t */\r\n\ttabs?: TabViewChunk[];\r\n\r\n\tselections?: ProductDetailSelection[];\r\n\r\n\tchildren?: SimpleProduct[];\r\n\r\n\trelatedProducts?: RelatedProduct[];\r\n\r\n\treviewsSummary: ReviewSummaryDto;\r\n\r\n\t/**\r\n\t * The available pricing lines for the product as well as the selected pricing line state\r\n\t */\r\n\tpricingLines?: ProductPricingLinesDetails;\r\n\r\n\t/**\r\n\t * The pricing result tree containing renderable prices for the product.\r\n\t */\r\n\tdisplayPricing?: DisplayPricingResult;\r\n\r\n\tbreadcrumbPath?: BreadcrumbItem[];\r\n\r\n\t/**\r\n\t * Information about the available product add ons for the product, and for child products, if this is a group\r\n\t */\r\n\taddOns?: AddOnsPdpDto;\r\n\r\n\tisNewProduct: boolean;\r\n}\r\n\r\n/**\r\n * Single add on data.\r\n */\r\nexport interface ProductAddOnDto {\r\n\t/**\r\n\t * The id of the product add on.\r\n\t */\r\n\tvalue: string;\r\n\r\n\t/**\r\n\t * The name of the product add on.\r\n\t */\r\n\tlabel: string;\r\n\r\n\t/**\r\n\t * The SKU of the product add on.\r\n\t */\r\n\tsku: string;\r\n\r\n\t/**\r\n\t * The description of the product add on.\r\n\t */\r\n\tdescription: string;\r\n\r\n\t/**\r\n\t * Represents if the current add on is required to add a product to cart.\r\n\t */\r\n\trequired: boolean;\r\n\r\n\t/**\r\n\t * Represents if the current add on is selected\r\n\t */\r\n\tselected: boolean;\r\n\r\n\t/**\r\n\t * Represents if the current add on is updated\r\n\t */\r\n\tisModified: boolean;\r\n\r\n\t/**\r\n\t * Represents the add on attributes\r\n\t */\r\n\tattributes: AddOnAttributeDto[];\r\n\r\n\t/**\r\n\t * The add on main image thumbnail.\r\n\t */\r\n\tthumbnailUrl: string;\r\n\r\n\t/**\r\n\t * The add on main image alt text.\r\n\t */\r\n\taltText: string;\r\n\r\n\t/**\r\n\t * The displayable price of a single unit of this line item.\r\n\t */\r\n\tunitPrice?: SimpleDisplayPrice<Price>;\r\n}\r\n\r\n/**\r\n * Product add on single attribute data\r\n */\r\nexport interface AddOnAttributeDto {\r\n\t/**\r\n\t * Product add on attribute id\r\n\t */\r\n\tvalue: string;\r\n\r\n\t/**\r\n\t * Product add on attribute name\r\n\t */\r\n\tlabel: string;\r\n\r\n\t/**\r\n\t * Represents if the add on attribute value is required\r\n\t */\r\n\trequired: boolean;\r\n\r\n\t/**\r\n\t * Product add on attribute instruction\r\n\t */\r\n\tinstructions: string;\r\n\r\n\t/**\r\n\t * Product add on attribute input type\r\n\t */\r\n\tinputAttributeType: InputAttributeType | null;\r\n\r\n\t/**\r\n\t * The maximum length constraint for the add on attribute value\r\n\t */\r\n\tmaximumLength: number | null;\r\n\r\n\t/**\r\n\t * The minimum length constraint for the add on attribute value\r\n\t */\r\n\tminimumLength: number | null;\r\n\r\n\t/**\r\n\t * The maximum number of line constraint for the add on attribute value\r\n\t * used for multiline attributes\r\n\t */\r\n\tmaximumNumberOfLines: number | null;\r\n\r\n\t/**\r\n\t * The default value of the add on attribute value\r\n\t */\r\n\tdefaultValue: string;\r\n\r\n\t/**\r\n\t * The entered value for the current attribute\r\n\t */\r\n\tdata: string;\r\n\r\n\t/**\r\n\t * The add on attribute selectable values\r\n\t */\r\n\tvalues: AttributeValueDto[];\r\n}\r\n\r\n/**\r\n * The add on attribute input type\r\n */\r\nexport enum InputAttributeType {\r\n\tSingle = 'Single',\r\n\tMultiline = 'Multiline',\r\n}\r\n\r\n/**\r\n * Single add on attribute selectable value\r\n */\r\nexport interface AttributeValueDto {\r\n\t/**\r\n\t * The add on attribute selectable value id\r\n\t */\r\n\tvalue: string;\r\n\r\n\t/**\r\n\t * The add on attribute selectable value label\r\n\t */\r\n\tlabel: string;\r\n\r\n\t/**\r\n\t * Represents if the current selectable value is selected\r\n\t */\r\n\tselected: boolean;\r\n}\r\n\r\nexport interface Summary {\r\n\tname: string;\r\n\ttype: ProductType;\r\n\tsku?: string;\r\n\tmanufacturerPartNumber?: string;\r\n\tproductUrl: string;\r\n\tdescription?: string;\r\n\tmeta?: Meta;\r\n\tproductGroupId: string | null;\r\n\t/**\r\n\t * \tFlag defining if the current product should use the alternate product details.\r\n\t */\r\n\tuseAlternateProductDetails?: boolean;\r\n\t// #region HCL\r\n\tproductGroupName?: string;\r\n\t// #endregion\r\n}\r\n\r\nexport interface Meta {\r\n\turl: string;\r\n\tpageTitle?: string;\r\n\tmetaKeywords?: string;\r\n\tmetaDescription?: string;\r\n\tnoIndex: boolean;\r\n\tnoFollow: boolean;\r\n}\r\n\r\nexport interface Availability {\r\n\tbackOrder: boolean;\r\n\toutOfStock: boolean;\r\n\t// #region HCL\r\n\tcallForAvailability: boolean;\r\n\t// #endregion\r\n}\r\n\r\n/**\r\n * Product Review Summary DTO\r\n */\r\nexport interface ReviewSummaryDto {\r\n\t/**\r\n\t * The average rating of the product. If undefined, the product has no reviews with ratings.\r\n\t */\r\n\taverageRating?: number;\r\n\r\n\t/**\r\n\t * The number of public reviews for the product\r\n\t */\r\n\treviewCount: number;\r\n}\r\n\r\nexport interface ProductAsset extends Asset {\r\n\t/**\r\n\t * The alternate text associated with the image\r\n\t */\r\n\taltText: string;\r\n\t/**\r\n\t * The main image URL\r\n\t */\r\n\tmainImageUrl: string;\r\n\t/**\r\n\t * The thumbnail URL\r\n\t */\r\n\tthumbnailUrl: string;\r\n\t/**\r\n\t * The enlarged image URL\r\n\t */\r\n\tenlargedImageUrl: string;\r\n\t/**\r\n\t * The sort order for this image\r\n\t */\r\n\tsortOrder: number;\r\n\t/**\r\n\t * Embedded URL for external media asset\r\n\t */\r\n\tembeddedUrl: string;\r\n}\r\n\r\nexport interface Brand {\r\n\tname: string;\r\n\tlogoUrl: string | null;\r\n}\r\n\r\nexport interface TabViewChunk<T = unknown> {\r\n\ttab: Tab;\r\n\tmodel: T;\r\n\trawHtml?: string;\r\n}\r\n\r\nexport interface Tab {\r\n\tid: string;\r\n\tdisplayName: string;\r\n\ttabType: string;\r\n\tsortOrder: number;\r\n\tname: string;\r\n}\r\n\r\nexport interface TabViewModel<T = unknown> {\r\n\tviewName: string;\r\n\tmodel: T;\r\n}\r\n\r\nexport interface ProductDetailSelection {\r\n\tlabel: string;\r\n\tvalues: SelectionValue[];\r\n\r\n\t/**\r\n\t * The selected attribute field name used for adding info to hawk context\r\n\t */\r\n\tfield: string;\r\n}\r\n\r\n/**\r\n * Represents a simple selection DTO object\r\n */\r\nexport interface SimpleSelectionDto {\r\n\t/**\r\n\t * The Code of the product attribute\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * The Name of the product attribute\r\n\t */\r\n\tname: string;\r\n\r\n\t/**\r\n\t * The Id of the attribute value\r\n\t */\r\n\tvalue: string;\r\n\r\n\t/**\r\n\t * The Name of the attribute value\r\n\t */\r\n\tlabel: string;\r\n\r\n\t/**\r\n\t * The selected attribute field name used for adding info to hawk context\r\n\t */\r\n\tfield: string;\r\n}\r\n\r\nexport interface SelectionValue {\r\n\tvalue: string;\r\n\tlabel: string;\r\n\tvalid: boolean;\r\n\tchecked: boolean;\r\n\t// #region HCL\r\n\tswatchUrl: string;\r\n\t// #endregion\r\n}\r\n\r\nexport interface SimpleProduct {\r\n\tid: string;\r\n\tname: string;\r\n\t//#region HCL\r\n\tsku: string;\r\n\t//#endregion\r\n\tselections: string[];\r\n}\r\n\r\nexport interface RelatedProduct {\r\n\tid: string;\r\n\tname: string;\r\n\tdescription: string | null;\r\n\turl: string;\r\n\tmainImage: ProductAsset | null;\r\n}\r\n\r\nexport interface ProductSelectionDispatcherDto {\r\n\tproductId: string;\r\n\tproductDetails: ProductDetailsState;\r\n}\r\n\r\nexport interface AddOnsPdpDto {\r\n\t/**\r\n\t * The list of available product add-ons for the product.\r\n\t */\r\n\tproductAddOnData?: ProductAddOnDto[];\r\n\t/**\r\n\t * A list of add-ons available for child products, if this is a group product\r\n\t */\r\n\tavailableChildProductAddOns?: string[];\r\n}\r\n\r\n/*\r\n\tShirt Size: Small, Large\r\n\tColor: Red, Green\r\n\r\n\tScenario #1: All selections match\r\n\r\n\tValid selections:\r\n\tSmall, Red\r\n\tSmall, Green\r\n\tLarge, Red\r\n\tLarge, Green\r\n\r\n\t1. Pick Size\r\n\t2. Pick Color\r\n\t3. Find match and load child\r\n\r\n\tScenario #2: Selections mismatch\r\n\r\n\tValid selections:\r\n\tSmall, Red\r\n\tSmall, Green\r\n\tLarge, Red\r\n\r\n\t1. Pick Size (Small/Large)\r\n\t2. if Large, mark green as invalid\r\n\t3. if Small, show all colors\r\n\t4. Find match and load child\r\n\r\n\tScenario #3: Selections mismatch 2\r\n\r\n\tValid selections:\r\n\tSmall, Red\r\n\tSmall, Green\r\n\tLarge, Red\r\n\r\n\t1. Pick Green, mark large as invalid\r\n\t2. Pick Size\r\n\t3. Find match and load child\r\n\r\n\tScenario #4: Selections mismatch 3\r\n\r\n\tValid selections:\r\n\tSmall, Red\r\n\tSmall, Green\r\n\tLarge, Red\r\n\r\n\t1. Pick Green, mark large as invalid\r\n\t2. Pick Large anyway, remove color selection\r\n\t3. ...\r\n\t4. Find match and load child\r\n\r\n*/\r\n\r\n/**\r\n * All available product types\r\n *\r\n * @export\r\n */\r\nexport enum ProductType {\r\n\tSimple = 'Simple',\r\n\tGroup = 'Group',\r\n\tKit = 'Kit',\r\n\tGiftCard = 'GiftCard',\r\n}\r\n\r\nexport type ProductPartialDataLoaderOptions = Pick<\r\n\tPartialDataLoaderOptions<ProductDetailsState>,\r\n\t'initialState' | 'dataLoaderFn'\r\n>;\r\n\r\nexport interface ProductSelection {\r\n\t/**\r\n\t * The code of the product attribute\r\n\t */\r\n\tid: string;\r\n\t/**\r\n\t * The name of the product attribute\r\n\t */\r\n\tname: string;\r\n\t/**\r\n\t * The attribute value name (if available), otherwise attribute value value\r\n\t */\r\n\tlabel: string;\r\n\t/**\r\n\t * The id (Guid) of the attribute value\r\n\t */\r\n\tvalue: string;\r\n\r\n\t/**\r\n\t * The selected attribute field name used for adding info to hawk context\r\n\t */\r\n\tfield: string;\r\n}\r\n\r\n/**\r\n * Base unit of measure\r\n */\r\nexport interface UnitOfMeasure {\r\n\tname: string;\r\n\tdisplayName: string;\r\n}\r\n\r\n/**\r\n * Represents a single pricing line for a product (one of potentially many choices for purchasing a product)\r\n */\r\nexport type ProductPricingLine = {\r\n\t/**\r\n\t * The pricing line's id\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t *\r\n\t * Unit of measure id\r\n\t */\r\n\tunitOfMeasureId: string;\r\n\r\n\t/**\r\n\t * Base Unit of measure\r\n\t */\r\n\tunitOfMeasure: UnitOfMeasure;\r\n\r\n\t/**\r\n\t * The unit's of measure display name\r\n\t */\r\n\tlabel: string;\r\n\r\n\t/**\r\n\t * The unit's of measure quantity\r\n\t */\r\n\tquantity: number;\r\n\r\n\t/**\r\n\t * If this pricing line isn't available for purchase, this will contain a string-localizer-key explaining the reason why.\r\n\t */\r\n\tunavailabilityReason: string | undefined;\r\n} & MassPricingLineOptions;\r\n\r\ntype MassPricingLineOptions =\r\n\t| {\r\n\t\t\t/**\r\n\t\t\t * The unit's of measure weight unit\r\n\t\t\t */\r\n\t\t\tunitOfMass: UnitOfMass;\r\n\r\n\t\t\t/**\r\n\t\t\t * The unit's of measure weight\r\n\t\t\t */\r\n\t\t\tweight: number;\r\n\t  }\r\n\t| {\r\n\t\t\tunitOfMass?: never;\r\n\t\t\tweight?: never;\r\n\t  };\r\n\r\n/**\r\n * Represents state details pricing lines and pricing line selections for a product on a product details page.\r\n */\r\nexport interface ProductPricingLinesDetails {\r\n\t/**\r\n\t * The selected pricing lines\r\n\t */\r\n\tselected?: ProductPricingLine;\r\n\t/**\r\n\t * The array of available pricing lines\r\n\t */\r\n\tavailable: ProductPricingLine[];\r\n}\r\n\r\n/**\r\n * Reason that the exception was thrown when adding an item to the cart\r\n */\r\nexport enum AddToCartExceptionCode {\r\n\tgeneric = 'Generic',\r\n\tcartFull = 'CartFull',\r\n\tproductUnavailable = 'ProductUnavailable',\r\n\tproductOutOfStock = 'ProductOutOfStock',\r\n}\r\n\r\n/**\r\n * Interface used as request for getting bulk products partial data\r\n */\r\nexport interface BaseBulkPartialProductsDataOptions<T = unknown> {\r\n\tproductIds: string[] | undefined;\r\n\tmissingKeys: Array<keyof 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 * 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","/**\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 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 { 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, 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\tchecked={value}\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 { 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 { Form } from 'react-final-form';\r\nimport { Localizer } from 'services/Localizer';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport XSVG from 'shared/components/svg/XSVG';\r\nimport { DropdownField, StarRatingField, TextAreaField, TextBoxField } from 'shared/edit/fields';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport { FormValidationPromise } from 'shared/types';\r\nimport { ReviewPostDto } from './types';\r\n\r\n/**\r\n * Write Review Component Props\r\n */\r\ninterface WriteReviewProps {\r\n\tsaveReview: (formValues: ReviewPostDto) => FormValidationPromise<void>;\r\n\tsetShowWriteReview: (prop: boolean) => void;\r\n\thasValidationError: boolean;\r\n\tisSaving: boolean;\r\n\tproductId: string;\r\n\tloggedInUserFirstName: string;\r\n}\r\n\r\n/**\r\n * Write Review Component\r\n * @param props\r\n */\r\nexport default function WriteReview(props: WriteReviewProps) {\r\n\tconst { saveReview, hasValidationError, isSaving, setShowWriteReview, productId, loggedInUserFirstName } = props;\r\n\r\n\treturn (\r\n\t\t<Form\r\n\t\t\tonSubmit={saveReview}\r\n\t\t\tsubscription={{ pristine: true, dirty: true, submitError: true }}\r\n\t\t\tinitialValues={{\r\n\t\t\t\treviewerName: loggedInUserFirstName,\r\n\t\t\t\tproductId,\r\n\t\t\t\trating: null,\r\n\t\t\t\tisProductRecommended: true,\r\n\t\t\t\tdescription: '',\r\n\t\t\t\tlocation: '',\r\n\t\t\t\treCaptchaKey: '',\r\n\t\t\t\treCaptchaResponse: '',\r\n\t\t\t\ttitle: '',\r\n\t\t\t\tid: '',\r\n\t\t\t\tlocalizedReviewDate: '',\r\n\t\t\t}}\r\n\t\t\trender={({ handleSubmit }) => {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<form onSubmit={handleSubmit} className=\"roc-pdp-review-form\">\r\n\t\t\t\t\t\t<div className=\"roc-pdp-review-form__close\">\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\tclassName=\"roc-pdp-review-form__close-btn\"\r\n\t\t\t\t\t\t\t\tonClick={() => setShowWriteReview(false)}\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span className=\"roc-pdp-review-form__close-text\">{Localizer('Close')}</span>\r\n\t\t\t\t\t\t\t\t<span className=\"roc-pdp-review-form__close-icon\">\r\n\t\t\t\t\t\t\t\t\t<XSVG />\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div className=\"roc-pdp-review-form__body\">\r\n\t\t\t\t\t\t\t<div className=\"roc-pdp-review-form__body-head\">\r\n\t\t\t\t\t\t\t\t<h2 className=\"roc-pdp-review-form__title\">{Localizer('WriteAReview')}</h2>\r\n\t\t\t\t\t\t\t\t<p className=\"roc-pdp-review-form__subtitle\">{Localizer('RequiredFields')}</p>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t{hasValidationError ? (\r\n\t\t\t\t\t\t\t\t<InlineAlert\r\n\t\t\t\t\t\t\t\t\ttitle={Localizer('ErrorMessageGenericTitle')}\r\n\t\t\t\t\t\t\t\t\tmessage={Localizer('CheckEnteredValues')}\r\n\t\t\t\t\t\t\t\t\terror={null}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t<div className=\"roc-pdp-review-form__stars\">\r\n\t\t\t\t\t\t\t\t<div className=\"roc-form-group\">\r\n\t\t\t\t\t\t\t\t\t<StarRatingField label={Localizer('Rating')} name=\"rating\" isRequired />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<TextBoxField label={Localizer('ReviewerName')} name=\"reviewerName\" isRequired />\r\n\r\n\t\t\t\t\t\t\t<div className=\"roc-row\">\r\n\t\t\t\t\t\t\t\t<div className=\"roc-col-sm-6\">\r\n\t\t\t\t\t\t\t\t\t<TextBoxField isRequired={false} label={Localizer('Location')} name=\"location\" />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"roc-col-sm-6\">\r\n\t\t\t\t\t\t\t\t\t<DropdownField\r\n\t\t\t\t\t\t\t\t\t\tlabel={Localizer('WouldYouRecommend')}\r\n\t\t\t\t\t\t\t\t\t\tname=\"isProductRecommended\"\r\n\t\t\t\t\t\t\t\t\t\toptions={[\r\n\t\t\t\t\t\t\t\t\t\t\t{ value: 'true', text: Localizer('Yes') },\r\n\t\t\t\t\t\t\t\t\t\t\t{ value: 'false', text: Localizer('No') },\r\n\t\t\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t\t\t\taddSelectOption={false}\r\n\t\t\t\t\t\t\t\t\t\tisRequired\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<TextBoxField label={Localizer('Summary')} name=\"summary\" isRequired />\r\n\r\n\t\t\t\t\t\t\t<TextAreaField label={Localizer('Review')} name=\"review\" isRequired />\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"roc-pdp-review-form__footer\">\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\tcolor=\"primary-alt\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-btn roc-pdp-review-form__btn roc-pdp-review-form__cancel-btn\"\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tsetShowWriteReview(false);\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\t\t{Localizer('Cancel')}\r\n\t\t\t\t\t\t\t</button>{' '}\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-btn roc-pdp-review-form__btn roc-pdp-review-form__submit-btn\"\r\n\t\t\t\t\t\t\t\tdisabled={isSaving}\r\n\t\t\t\t\t\t\t\tdata-testid=\"write-review-submit-input-button\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{isSaving ? <Spinner /> : Localizer('Submit')}\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</form>\r\n\t\t\t\t);\r\n\t\t\t}}\r\n\t\t/>\r\n\t);\r\n}\r\n","import * as React from 'react';\r\nimport { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\n//#region HCL\r\nimport { getUserData, UserData } from 'services/UserData';\r\n//#endregion\r\nimport Spinner from 'shared/components/Spinner';\r\nimport StarRating from 'shared/components/star-rating/StarRating';\r\nimport LeftChevronSVG from 'shared/components/svg/LeftChevronSVG';\r\nimport RightChevronSVG from 'shared/components/svg/RightChevronSVG';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport useRocEventHandler from 'shared/hooks/useRocEventHandler';\r\nimport { getInitialProductDetailsState } from '../product-details/types';\r\nimport useProductReviews from './useProductReviews';\r\nimport WriteReview from './WriteReview';\r\n\r\nexport interface ReviewListingProps {\r\n\tinitialProductId: string;\r\n\tignoreSelectionChanges: 'true' | undefined;\r\n}\r\n\r\n/**\r\n * Represents a listing of reviews for a product, found as a \"tab\" under the product details page.\r\n * This is not a standard react component and relies on global state to function properly.\r\n * The presence of multiple review listings on the same page is erroneous.\r\n */\r\nexport default function ReviewListing(props: ReviewListingProps) {\r\n\tconst initialState = getInitialProductDetailsState();\r\n\tconst initialReviewsSummary = initialState.reviewsSummary;\r\n\r\n\tconst [productId, setProductId] = useState(props.initialProductId);\r\n\tconst [reviewsSummary, setReviewsSummary] = useState(initialReviewsSummary);\r\n\r\n\t//#region HCL\r\n\tconst [userIsSignedIn, setUserIsSignedIn] = useState(false);\r\n\r\n\tconst getUserIsSignedIn = (data: UserData) => {\r\n\t\tsetUserIsSignedIn((data && data.summary && data.summary.isSignedIn) || false);\r\n\t};\r\n\t//#endregion\r\n\r\n\tconst [loggedInUserFirstName, setLoggedInUserFirstName] = useState('');\r\n\r\n\tconst {\r\n\t\tpage,\r\n\t\tgoToPage,\r\n\t\tgoToNextPage,\r\n\t\tgoToPreviousPage,\r\n\t\terror,\r\n\t\tloading,\r\n\t\tresults,\r\n\t\tproductReviewsError,\r\n\t\thasValidationError,\r\n\t\tsetProductReviewsError,\r\n\t\tsetValidationHasError,\r\n\t\treviewAdded,\r\n\t\tsetReviewAdded,\r\n\t\tloadMoreClicked,\r\n\t\tisAbuseSaved,\r\n\t\tisSaving,\r\n\t\treportAbuse,\r\n\t\tonLoadMoreClick,\r\n\t\tsaveReview,\r\n\t\tshowWriteReview,\r\n\t\tsetShowWriteReview,\r\n\t} = useProductReviews({\r\n\t\tproductId: productId ?? props.initialProductId,\r\n\t\treviewsSummary: reviewsSummary ?? initialReviewsSummary,\r\n\t});\r\n\r\n\tuseRocEventHandler(\r\n\t\t'product-selection-updated',\r\n\t\t({ product }) => {\r\n\t\t\tif (!props.ignoreSelectionChanges) {\r\n\t\t\t\tgoToPage(1);\r\n\t\t\t\tsetProductId(product.productId);\r\n\t\t\t\tsetReviewsSummary(product.productDetails?.reviewsSummary);\r\n\t\t\t}\r\n\t\t},\r\n\t\t[goToPage, setProductId, setReviewsSummary],\r\n\t);\r\n\r\n\tuseRocEventHandler(\r\n\t\t'roc-reviews-write-review',\r\n\t\t() => {\r\n\t\t\tsetShowWriteReview(true);\r\n\t\t},\r\n\t\t[],\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst getLoggedInUserFirstName = async (): Promise<string> => {\r\n\t\t\ttry {\r\n\t\t\t\tconst data = (await getUserData()).data;\r\n\t\t\t\tgetUserIsSignedIn(data);\r\n\t\t\t\treturn (data && data.summary && data.summary.firstName) || '';\r\n\t\t\t} catch (error) {\r\n\t\t\t\tconsole.error('Unable to load user data', error);\r\n\t\t\t}\r\n\t\t\treturn Promise.resolve('');\r\n\t\t};\r\n\r\n\t\tgetLoggedInUserFirstName().then((firstName) => {\r\n\t\t\tsetLoggedInUserFirstName(firstName);\r\n\t\t});\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!reviewAdded) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// after a set amount of time, hide the message\r\n\t\tconst timer = setTimeout(() => {\r\n\t\t\tsetReviewAdded(false);\r\n\t\t}, 5000);\r\n\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(timer);\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [reviewAdded]);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{loading && <Spinner block />}\r\n\r\n\t\t\t{productReviewsError ?? error != null ? <InlineAlert error={productReviewsError ?? error ?? null} /> : null}\r\n\r\n\t\t\t<div className=\"roc-pdp-reviews-listing\">\r\n\t\t\t\t<div className=\"roc-pdp-reviews-listing__header\">\r\n\t\t\t\t\t{!showWriteReview ? (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{/* //#region HCL */}\r\n\t\t\t\t\t\t\t{userIsSignedIn && results && results.pagination.totalRecords === 0 && (\r\n\t\t\t\t\t\t\t\t<p>{Localizer('BeTheFirstToReviewThisItem')}</p>\r\n\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t{!userIsSignedIn && <p>{Localizer('PleaseLoginToWriteReview')}</p>}\r\n\t\t\t\t\t\t\t{userIsSignedIn && (\r\n\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-btn roc-pdp-reviews-listing__write-review-btn\"\r\n\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\t\tsetShowWriteReview(true);\r\n\t\t\t\t\t\t\t\t\t\tsetProductReviewsError(null);\r\n\t\t\t\t\t\t\t\t\t\tsetValidationHasError(false);\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\tdata-testid=\"write-review-input-button\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{Localizer('WriteAReview')}\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t{/* //#endregion */}\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{reviewAdded && (\r\n\t\t\t\t\t<InlineAlert\r\n\t\t\t\t\t\ttheme=\"success\"\r\n\t\t\t\t\t\ttitle={Localizer('Success')}\r\n\t\t\t\t\t\tmessage={Localizer('ReviewAdded')}\r\n\t\t\t\t\t\terror={null}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t<div className=\"roc-pdp-reviews-listing__body\">\r\n\t\t\t\t\t<div className=\"roc-pdp-reviews-listing__write-review\">\r\n\t\t\t\t\t\t{showWriteReview ? (\r\n\t\t\t\t\t\t\t<WriteReview\r\n\t\t\t\t\t\t\t\thasValidationError={hasValidationError}\r\n\t\t\t\t\t\t\t\tisSaving={isSaving}\r\n\t\t\t\t\t\t\t\tsaveReview={saveReview}\r\n\t\t\t\t\t\t\t\tsetShowWriteReview={setShowWriteReview}\r\n\t\t\t\t\t\t\t\tproductId={productId}\r\n\t\t\t\t\t\t\t\tloggedInUserFirstName={loggedInUserFirstName}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t{results && loadMoreClicked && results.pagination.totalPages > 1 && (\r\n\t\t\t\t\t\t<div className=\"roc-pdp-reviews-listing__paginate\">\r\n\t\t\t\t\t\t\t<button type=\"button\" className=\"roc-btn\" onClick={goToPreviousPage}>\r\n\t\t\t\t\t\t\t\t<LeftChevronSVG />\r\n\t\t\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t\t\t<div className=\"roc-pdp-reviews-listing__paginate-text\">\r\n\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\ttype=\"number\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-pdp-reviews-listing__paginate-input\"\r\n\t\t\t\t\t\t\t\t\tstyle={{ display: 'inline', width: '50px' }}\r\n\t\t\t\t\t\t\t\t\tvalue={page}\r\n\t\t\t\t\t\t\t\t\tonChange={(event) => goToPage(parseInt((event.target as HTMLInputElement).value))}\r\n\t\t\t\t\t\t\t\t/>{' '}\r\n\t\t\t\t\t\t\t\tof {results.pagination.totalPages}\r\n\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t<button type=\"button\" className=\"roc-btn\" onClick={goToNextPage}>\r\n\t\t\t\t\t\t\t\t<RightChevronSVG />\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t{results && results.pagination.totalRecords > 0 && (\r\n\t\t\t\t\t\t<div className=\"roc-pdp-reviews-listing__info-bar\">\r\n\t\t\t\t\t\t\t{Localizer(\r\n\t\t\t\t\t\t\t\t'XToYOfZ',\r\n\t\t\t\t\t\t\t\t((results.pagination.pageNumber - 1) * results.pagination.pageSize + 1).toString(),\r\n\r\n\t\t\t\t\t\t\t\tresults.pagination.totalRecords <\r\n\t\t\t\t\t\t\t\t\tresults.pagination.pageNumber * results.pagination.pageSize\r\n\t\t\t\t\t\t\t\t\t? results.pagination.totalRecords.toString()\r\n\t\t\t\t\t\t\t\t\t: (results.pagination.pageNumber * results.pagination.pageSize).toString(),\r\n\r\n\t\t\t\t\t\t\t\tresults.pagination.totalRecords.toString(),\r\n\t\t\t\t\t\t\t)}{' '}\r\n\t\t\t\t\t\t\t{results.pagination.totalRecords > 1\r\n\t\t\t\t\t\t\t\t? Localizer('Reviews').toLowerCase()\r\n\t\t\t\t\t\t\t\t: Localizer('Review').toLowerCase()}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t<div className=\"roc-pdp-review-list\">\r\n\t\t\t\t\t\t{results &&\r\n\t\t\t\t\t\t\tresults.results.map((review, i) => {\r\n\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t<div key={i} className=\"roc-pdp-review-list__item\">\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"roc-pdp-review-list__item-header\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"roc-pdp-review-list__rating\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<StarRating\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={review.rating}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tname=\"\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\ttestId={`review-star-rating-${review.id}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\treadonly\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</div>\r\n\t\t\t\t\t\t\t\t\t\t\t{(!isAbuseSaved || !isAbuseSaved[review.id]) && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"roc-pdp-review-list__abuse-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-pdp-review-list__abuse-btn\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => reportAbuse(review.id)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={isSaving}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Localizer('ReportAbuse')}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\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{isAbuseSaved && isAbuseSaved[review.id] && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span>{Localizer('ReportSent')}</span>\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</div>\r\n\t\t\t\t\t\t\t\t\t\t<h2\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-pdp-review-list__title\"\r\n\t\t\t\t\t\t\t\t\t\t\tdata-testid={`review-listing-title-${i}`}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t{review.title}\r\n\t\t\t\t\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t\t\t\t\t\t<p className=\"roc-pdp-review-list__desc\">{review.description}</p>\r\n\t\t\t\t\t\t\t\t\t\t<p className=\"roc-pdp-review-list__desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t<strong>{Localizer('Recommended')}</strong>:{' '}\r\n\t\t\t\t\t\t\t\t\t\t\t{review.isProductRecommended ? Localizer('Yes') : Localizer('No')}\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 className=\"roc-pdp-review-list__desc\">\r\n\t\t\t\t\t\t\t\t\t\t\t{`${review.reviewerName ? review.reviewerName : Localizer('Unknown')}${\r\n\t\t\t\t\t\t\t\t\t\t\t\treview.location ? ', ' + review.location : ''\r\n\t\t\t\t\t\t\t\t\t\t\t} (${review.localizedReviewDate})`}\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{isSaving && <Spinner block />}\r\n\t\t\t\t\t\t\t\t\t</div>\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</div>\r\n\r\n\t\t\t\t\t{!loadMoreClicked && (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-btn\"\r\n\t\t\t\t\t\t\t\tonClick={onLoadMoreClick}\r\n\t\t\t\t\t\t\t\tstyle={{ width: '100%' }}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{Localizer('LoadMoreReviews')}\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n","import Axios, { AxiosError, CancelTokenSource } from 'axios';\r\nimport { useState } from 'react';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\nimport { useAxiosPaginatedLoader, UseAxiosPaginatedLoaderResult } from 'shared/hooks/useAxiosPaginatedLoader';\r\nimport useRocReCaptchaToken from 'shared/hooks/useRocReCaptchaToken';\r\nimport { FormValidationPromise, PaginatedResult } from 'shared/types';\r\nimport { handleAxiosErrorWithValidation } from 'shared/util/Misc';\r\nimport { ReviewSummaryDto } from '../product-details/types';\r\nimport { ReviewPostDto } from './types';\r\nimport { SortByDirection } from '../../../../../Roc.SharedClientApp/types';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\n\r\n/**\r\n * useProductReviews hook params object\r\n */\r\ninterface UseProductReviewsParams {\r\n\t/** The ID of the product, the source of the reviews. */\r\n\tproductId: string;\r\n\t/** A summary of the reviews containing the average rating and number of visible reviews. */\r\n\treviewsSummary: ReviewSummaryDto;\r\n}\r\n\r\n/**\r\n * useProductReviews hook result object\r\n */\r\ninterface UseProductReviewsResult extends UseAxiosPaginatedLoaderResult<ReviewPostDto, PaginatedResult<ReviewPostDto>> {\r\n\tisSaving: boolean;\r\n\tproductReviewsError: Error | AxiosError | null;\r\n\thasValidationError: boolean;\r\n\tisAbuseSaved: { [id: string]: boolean } | null;\r\n\treviewAdded: boolean;\r\n\tloadMoreClicked: boolean;\r\n\tshowWriteReview: boolean;\r\n\treportAbuse: (reviewId: string) => Promise<void>;\r\n\tsaveReview: (formValues: ReviewPostDto) => FormValidationPromise<void>;\r\n\tonLoadMoreClick: () => void;\r\n\tsetProductReviewsError: (productReviewsError: Error | AxiosError | null) => void;\r\n\tsetValidationHasError: (hasValidationError: boolean) => void;\r\n\tsetReviewAdded: (review: boolean) => void;\r\n\tsetShowWriteReview: (prop: boolean) => void;\r\n}\r\n\r\nconst initialPageSize = 2;\r\n\r\n/**\r\n * Custom hook for product reviews\r\n */\r\nexport default function useProductReviews({\r\n\tproductId,\r\n\treviewsSummary: { reviewCount },\r\n}: UseProductReviewsParams): UseProductReviewsResult {\r\n\tconst [isSaving, setIsSaving] = useState(false);\r\n\tconst [productReviewsError, setProductReviewsError] = useState<Error | AxiosError | null>(null);\r\n\tconst [hasValidationError, setValidationHasError] = useState(false);\r\n\r\n\t// storing these by id\r\n\tconst [isAbuseSaved, setIsAbuseSaved] = useState<{ [id: string]: boolean } | null>(null);\r\n\tconst [reviewAdded, setReviewAdded] = useState(false);\r\n\tconst [loadMoreClicked, setLoadMoreClicked] = useState(reviewCount <= initialPageSize);\r\n\r\n\tconst {\r\n\t\tpage,\r\n\t\tgoToPage,\r\n\t\tgoToNextPage,\r\n\t\tgoToPreviousPage,\r\n\t\tsetSorting,\r\n\t\tsetPageSize,\r\n\t\terror,\r\n\t\tloading,\r\n\t\tresults,\r\n\t\tsortByName,\r\n\t\tsortDirection,\r\n\t} = useAxiosPaginatedLoader<ReviewPostDto, PaginatedResult<ReviewPostDto>>({\r\n\t\taxiosParams: {\r\n\t\t\turl: `/ajax/products/${productId}/reviews`,\r\n\t\t},\r\n\t\tinitialPageSize,\r\n\t\tinitialSortByName: 'CreateDate',\r\n\t\tinitialSortDirection: SortByDirection.Descending,\r\n\t\tcache: true,\r\n\t});\r\n\r\n\tconst writeReviewRecaptcha = useRocReCaptchaToken('WriteReview');\r\n\r\n\tconst [showWriteReview, setShowWriteReview] = useState(false);\r\n\r\n\t/**\r\n\t * Report Abuse\r\n\t */\r\n\tconst reportAbuse = async (reviewId: string): Promise<void> => {\r\n\t\tsetIsSaving(true);\r\n\r\n\t\tconst requestToken: CancelTokenSource = Axios.CancelToken.source();\r\n\r\n\t\ttry {\r\n\t\t\tawait AxiosHelper.post(`/ajax/products/${productId}/reviews/abuse/${reviewId}`, {\r\n\t\t\t\tcancelToken: requestToken.token,\r\n\t\t\t});\r\n\r\n\t\t\tconst newIsAbuseSaved = { ...isAbuseSaved };\r\n\t\t\tnewIsAbuseSaved[`${reviewId}`] = true;\r\n\r\n\t\t\tsetIsAbuseSaved(newIsAbuseSaved);\r\n\t\t\tsetProductReviewsError(null);\r\n\t\t} catch (error) {\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\tsetProductReviewsError(error);\r\n\r\n\t\t\tconsole.error('An error occurred while saving abuse.', error);\r\n\t\t} finally {\r\n\t\t\tsetIsSaving(false);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Save Review\r\n\t * @param formValues\r\n\t */\r\n\tconst saveReview = async (formValues: ReviewPostDto): FormValidationPromise<void> => {\r\n\t\tsetIsSaving(true);\r\n\r\n\t\tconst requestToken: CancelTokenSource = Axios.CancelToken.source();\r\n\r\n\t\ttry {\r\n\t\t\tconst token = await writeReviewRecaptcha.getToken();\r\n\t\t\tconst payload = { ...formValues, reCaptchaResponse: token };\r\n\r\n\t\t\tawait AxiosHelper.post(`/ajax/products/${productId}/reviews`, payload, {\r\n\t\t\t\tcancelToken: requestToken.token,\r\n\t\t\t});\r\n\r\n\t\t\tsetValidationHasError(false);\r\n\t\t\tsetProductReviewsError(null);\r\n\t\t\tsetShowWriteReview(false);\r\n\t\t\tsetReviewAdded(true);\r\n\r\n\t\t\tif (formValues.rating) {\r\n\t\t\t\tdispatchRocEvent('product-rated', { productId: formValues.productId, rating: formValues.rating });\r\n\t\t\t}\r\n\t\t} catch (error) {\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\tconst axiosError = error as AxiosError;\r\n\t\t\tconst responseCode = axiosError?.response?.status;\r\n\t\t\tconst responseData = axiosError?.response?.data;\r\n\r\n\t\t\tif (responseCode === 400 && responseData != null) {\r\n\t\t\t\tsetValidationHasError(true);\r\n\t\t\t\tsetProductReviewsError(null);\r\n\t\t\t} else {\r\n\t\t\t\t// Generic error. We're not quite sure what happened\r\n\t\t\t\tsetProductReviewsError(error);\r\n\t\t\t\tsetValidationHasError(false);\r\n\t\t\t}\r\n\r\n\t\t\tif (responseCode === 400) {\r\n\t\t\t\twriteReviewRecaptcha.invalidateToken();\r\n\t\t\t}\r\n\r\n\t\t\tif (axiosError) {\r\n\t\t\t\treturn handleAxiosErrorWithValidation(axiosError, 'An error occurred while saving.');\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tsetIsSaving(false);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Load the whole first page on show more click\r\n\t */\r\n\tconst onLoadMoreClick = async () => {\r\n\t\tsetPageSize(10);\r\n\t\tsetLoadMoreClicked(true);\r\n\t};\r\n\r\n\treturn {\r\n\t\tisSaving,\r\n\t\tproductReviewsError: productReviewsError,\r\n\t\thasValidationError,\r\n\t\tsetProductReviewsError: setProductReviewsError,\r\n\t\tsetValidationHasError,\r\n\t\tisAbuseSaved,\r\n\t\treviewAdded,\r\n\t\tsetReviewAdded,\r\n\t\tloadMoreClicked,\r\n\t\tpage,\r\n\t\tgoToPage,\r\n\t\tgoToNextPage,\r\n\t\tgoToPreviousPage,\r\n\t\tsetSorting,\r\n\t\tsetPageSize,\r\n\t\terror,\r\n\t\tloading,\r\n\t\tresults,\r\n\t\treportAbuse,\r\n\t\tsaveReview,\r\n\t\tonLoadMoreClick,\r\n\t\tsortByName,\r\n\t\tsortDirection,\r\n\t\tshowWriteReview,\r\n\t\tsetShowWriteReview,\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport { initReactAppByAttribute } from 'shared/util/ApplicationInit';\r\nimport ReviewListing, { ReviewListingProps } from './ReviewListing';\r\n\r\nconst render = initReactAppByAttribute(\r\n\t(props: ReviewListingProps) => <ReviewListing {...props} />,\r\n\t'data-reviews-summary',\r\n);\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('./ReviewListing', () => {\r\n\t\trender();\r\n\t});\r\n}\r\n","import { useState } from 'react';\r\n\r\n/**\r\n * Custom hook for commonly used loading states.\r\n */\r\nexport function useLoader<T>() {\r\n\tconst [loading, setLoading] = useState<boolean>(false);\r\n\tconst [error, setError] = useState<Error | undefined>(undefined);\r\n\tconst [response, setResponse] = useState<T | null>(null);\r\n\r\n\treturn {\r\n\t\tloading,\r\n\t\tsetLoading,\r\n\t\terror,\r\n\t\tsetError,\r\n\t\tresponse,\r\n\t\tsetResponse,\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Folder SVG\r\n *\r\n * @returns\r\n */\r\nfunction FolderSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 52 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-folder', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#231f20\"\r\n\t\t\t\td=\"M20.568 22.146l1.85 4.385c0.112 0.255 0.415 0.367 0.718 0.494 0.412-0.037 0.786-0.168 1.11-0.373l-0.010 0.006 6.713-4.257c0.973-0.622 1.419-1.371 1.196-1.881s-1.084-0.558-1.945 0v0l-3.189 2.009 4.114-7.382c0.446-0.765 0.175-1.387-0.574-1.387-0.928 0.091-1.715 0.62-2.161 1.374l-0.007 0.013-4.145 7.382-0.893-2.137c-0.223-0.542-1.1-0.558-1.961 0v0c-0.505 0.302-0.837 0.847-0.837 1.468 0 0.101 0.009 0.2 0.026 0.296l-0.001-0.010z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#000\"\r\n\t\t\t\td=\"M48.933 11.161l-9.774 17.682c-0.258 0.46-0.742 0.765-1.298 0.765-0.003 0-0.007 0-0.010-0h-34.822l1.754-3.189 7.797-14.35c0.225-0.518 0.721-0.88 1.304-0.909l0.003-0h35.077zM13.537 0h-12.277c-0.696 0-1.26 0.564-1.26 1.26v0 29.178c0.006 0.454 0.201 0.861 0.509 1.147l0.001 0.001s0 0 0-0.112c0.323 0.325 0.771 0.526 1.266 0.526 0.003 0 0.007 0 0.010-0h36.065c0.003 0 0.006 0 0.009 0 1.449 0 2.712-0.796 3.377-1.974l0.010-0.019 10.268-18.543c0.137-0.249 0.217-0.546 0.217-0.861 0-1.002-0.81-1.814-1.811-1.818h-10.061v-4.592c0-0.881-0.714-1.594-1.594-1.594v0h-23.47v-1.339c0-0.696-0.564-1.26-1.26-1.26v0zM2.679 25.24v-22.322h9.567v2.599h25.511v3.269h-23.916c-1.436 0.022-2.681 0.818-3.338 1.989l-0.010 0.020-7.813 14.445z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FolderSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Garbage Can SVG\r\n *\r\n * @returns\r\n */\r\nfunction GarbageCanCircleSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('icon icon-garbage-circle', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#d9534f\"\r\n\t\t\t\td=\"M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16c-8.837 0-16-7.163-16-16v0c0-8.837 7.163-16 16-16v0z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M24.652 11.459c-0.005-0.239-0.199-0.43-0.439-0.43-0.006 0-0.013 0-0.019 0l0.001-0h-3.2l-0.989-2.222c-0.353-0.691-1.049-1.162-1.857-1.188l-0.004-0h-4.078c-0.816 0.028-1.517 0.497-1.872 1.177l-0.006 0.012-0.98 2.222h-3.134c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v0.851c0.001 0.238 0.195 0.43 0.433 0.43 0.009 0 0.017-0 0.026-0.001l-0.001 0h1.352l0.529 9.493c-0.004 0.054-0.007 0.117-0.007 0.18 0 1.293 0.985 2.357 2.245 2.481l0.010 0.001h7.8c1.277-0.15 2.258-1.226 2.258-2.531 0-0.068-0.003-0.135-0.008-0.202l0.001 0.009 0.6-9.431h1.352c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-0l-0.011-0.85zM13.867 9.472c0.061-0.069 0.142-0.12 0.235-0.143l0.003-0.001h4.029c0.093 0.029 0.173 0.078 0.238 0.143l0 0 0.677 1.557h-5.879zM20.012 23.186h-7.822c-0.281-0.216-0.46-0.552-0.46-0.93 0-0.029 0.001-0.058 0.003-0.087l-0 0.004-0.523-9.434h9.839l-0.6 9.431c0.002 0.028 0.004 0.060 0.004 0.093 0 0.373-0.174 0.705-0.445 0.92l-0.002 0.002z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M14.993 15.067h-0.898c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v4.842c0.005 0.239 0.199 0.43 0.439 0.43 0.006 0 0.013-0 0.019-0l-0.001 0h0.898c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-4.842c-0.008-0.239-0.204-0.43-0.445-0.43-0.004 0-0.009 0-0.013 0h0.001zM18.328 15.067h-0.898c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v4.842c0.005 0.239 0.199 0.43 0.439 0.43 0.006 0 0.013-0 0.019-0l-0.001 0h0.898c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-4.842c-0.008-0.239-0.204-0.43-0.445-0.43-0.004 0-0.009 0-0.013 0h0.001z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default GarbageCanCircleSVG;\r\n","import React from 'react';\r\nimport { ModelStatus } from '../../../../Roc.SharedClientApp/types/model-status';\r\nimport DashCircleSVG from './hawksearch/components/svg/DashCircleSVG';\r\nimport CheckCircleSVG from './svg/CheckCircleSVG';\r\nimport FolderSVG from './svg/FolderSVG';\r\nimport GarbageCanCircleSVG from './svg/GarbageCanCircleSVG';\r\nimport PencilSVG from './svg/PencilSVG';\r\n\r\ninterface PageEditorStatusDisplayProps {\r\n\tstatus: ModelStatus;\r\n}\r\n\r\nexport function StatusDisplay(props: PageEditorStatusDisplayProps) {\r\n\tconst { status } = props;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-page-editor-status-display\">\r\n\t\t\t{status === ModelStatus.Published ? (\r\n\t\t\t\t<CheckCircleSVG />\r\n\t\t\t) : status === ModelStatus.Inactive ? (\r\n\t\t\t\t<DashCircleSVG />\r\n\t\t\t) : status === ModelStatus.Deleted ? (\r\n\t\t\t\t<GarbageCanCircleSVG />\r\n\t\t\t) : status === ModelStatus.Draft ? (\r\n\t\t\t\t<PencilSVG />\r\n\t\t\t) : status === ModelStatus.Archived ? (\r\n\t\t\t\t<FolderSVG />\r\n\t\t\t) : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n","import { useEffect, useRef } from 'react';\r\n\r\n/**\r\n * Reusable hook that can be used where setInterval is needed.\r\n *\r\n * @export\r\n * @param {() => void} callback\r\n * @param {(number | null)} delay\r\n */\r\nexport default function useInterval(callback: () => void, delay: number, enabled: boolean = true) {\r\n\tconst savedCallback = useRef<(() => void) | null>(null);\r\n\t// eslint-disable-next-line no-undef\r\n\tconst intervalId = useRef<NodeJS.Timeout | null>(null);\r\n\r\n\t// Remember the latest callback.\r\n\tuseEffect(() => {\r\n\t\tsavedCallback.current = callback;\r\n\t}, [callback]);\r\n\r\n\t// Set up the interval.\r\n\tuseEffect(() => {\r\n\t\tfunction tick() {\r\n\t\t\tsavedCallback.current!();\r\n\t\t}\r\n\r\n\t\tif (delay === null || !enabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tintervalId.current = setInterval(tick, delay);\r\n\t\treturn () => {\r\n\t\t\tif (intervalId.current) {\r\n\t\t\t\tclearInterval(intervalId.current);\r\n\t\t\t}\r\n\t\t};\r\n\t}, [delay, enabled]);\r\n}\r\n","import { reCaptchaCallbackPromise } from 'features/setup/recaptcha';\r\nimport { useLayoutEffect, useRef, useState } from 'react';\r\nimport useInterval from './useInterval';\r\n\r\n/**\r\n * Window extended with recaptcha specific fields\r\n */\r\ninterface ReCaptchaWindow extends Window {\r\n\trocReCaptchaCallbacks: Array<() => void>;\r\n\tgrecaptcha: GoogleRecaptcha;\r\n}\r\n\r\n/**\r\n * Google ReCaptcha Interface\r\n */\r\ninterface GoogleRecaptcha {\r\n\tready(callback: () => void): void;\r\n\texecute: (key: string, config: { action: string }) => Promise<string>;\r\n}\r\n\r\nexport interface UseReCaptchaToken {\r\n\tgetToken: () => Promise<string>;\r\n\tinvalidateToken: () => void;\r\n\tenabled: boolean;\r\n\tsetEnabled: (enabled: boolean) => void;\r\n}\r\n\r\nlet ReCaptchaKeyWarning = false;\r\n\r\n/**\r\n * Reusable hook that generates a recaptcha token from google and generates fresh tokens\r\n * frequently as these will expire every 2 minutes\r\n *\r\n * @export\r\n * @param {string} reCaptchaKey\r\n * @param {string} action\r\n * @returns\r\n */\r\nexport default function useReCaptchaToken(\r\n\treCaptchaKey: string,\r\n\taction: string,\r\n\tinitialEnabled: boolean = !!action,\r\n): UseReCaptchaToken {\r\n\tconst reCaptchaWindow = (window as unknown) as ReCaptchaWindow;\r\n\r\n\t// keeps track of the promise that is getting the token across renders. using a ref ensures it updates immediately\r\n\t// state updates are async and therefore we cannot read the state value immediately after.\r\n\t// there is no longer a callback after setting state with hooks 💣\r\n\tconst tokenPromise = useRef<Promise<string> | null>(null);\r\n\r\n\t// store whether the promise is resolved in a ref. same reasoning as above.\r\n\tconst tokenPromiseIsResolved = useRef(false);\r\n\r\n\t// this is the promise that will handle waiting on recaptcha initialization\r\n\tconst initPromise = useRef<Promise<unknown> | null>(null);\r\n\r\n\t// this will allow for the recaptcha to be disabled on demand or by an invalid token\r\n\tconst [enabled, setEnabled] = useState(initialEnabled);\r\n\r\n\t// need to use LayoutEffect because we have to make sure this code runs before google's recaptcha handlers\r\n\t// when the dom becomes ready.\r\n\tuseLayoutEffect(() => {\r\n\t\t(async () => {\r\n\t\t\tinitPromise.current = new Promise(async (resolve) => {\r\n\t\t\t\t// wait until google calls this callback.\r\n\t\t\t\tif (reCaptchaCallbackPromise) {\r\n\t\t\t\t\tawait reCaptchaCallbackPromise;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// also wait for recaptcha to be ready for us\r\n\t\t\t\treCaptchaWindow.grecaptcha.ready(() => {\r\n\t\t\t\t\tresolve();\r\n\t\t\t\t\tgetToken();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tif (!reCaptchaKey && !ReCaptchaKeyWarning) {\r\n\t\t\t\tReCaptchaKeyWarning = true;\r\n\t\t\t\tconsole.warn('No ReCaptchaKey has been set.');\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\t/**\r\n\t * Invalidates the current token promise as long as it isn't currently unresolved\r\n\t */\r\n\tconst invalidateToken = async () => {\r\n\t\t// scenario 1: not initialized\r\n\t\tawait initPromise.current;\r\n\r\n\t\t// if we are working on getting a token, do nothing\r\n\t\tif (!tokenPromiseIsResolved) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\ttokenPromise.current = getToken(true);\r\n\t};\r\n\r\n\t// tokens expire in 2 minutes, so let's invalidate the token a little more frequently to avoid having a stale one\r\n\tuseInterval(invalidateToken, 2 * 60 * 1000 - 5000, enabled);\r\n\r\n\t/**\r\n\t * Returns a promise that will eventually resolve to a fresh recaptcha token\r\n\t */\r\n\tconst getToken = async (force: boolean = false): Promise<string> => {\r\n\t\tif (!reCaptchaKey || !enabled) {\r\n\t\t\t// if there's no recaptcha key, we'll simple return an empty string. the server will not validate recaptcha\r\n\t\t\t// because the key is missing.\r\n\t\t\treturn Promise.resolve('');\r\n\t\t}\r\n\r\n\t\t// wait for the callback to fire\r\n\t\tawait initPromise.current;\r\n\r\n\t\t// first time or if we need a new one\r\n\t\tif (tokenPromise.current === null || force) {\r\n\t\t\ttokenPromiseIsResolved.current = false;\r\n\r\n\t\t\ttokenPromise.current = new Promise(async (resolve) => {\r\n\t\t\t\ttry {\r\n\t\t\t\t\tconst result = await reCaptchaWindow.grecaptcha.execute(reCaptchaKey, { action });\r\n\t\t\t\t\tresolve(result);\r\n\t\t\t\t} catch (error) {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t'ReCaptcha warning:',\r\n\t\t\t\t\t\terror?.message || 'An unexpected ReCaptcha error occurred. Ensure you have a valid key.',\r\n\t\t\t\t\t);\r\n\t\t\t\t\tsetEnabled(false);\r\n\t\t\t\t\tresolve('');\r\n\t\t\t\t}\r\n\t\t\t\ttokenPromiseIsResolved.current = true;\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// in some cases this is the existing promise because it not resolved yet, so we don't want to\r\n\t\t// start another request separately.\r\n\t\treturn tokenPromise.current;\r\n\t};\r\n\r\n\treturn { getToken: () => getToken(), invalidateToken, enabled, setEnabled };\r\n}\r\n","import { ServerData } from 'services/ServerData';\r\nimport useReCaptchaToken, { UseReCaptchaToken } from './useReCaptchaToken';\r\n\r\n/**\r\n * Reusable hook that calls the generic useReCaptchaToken with key loaded from ServerData\r\n *\r\n * @export\r\n * @param {string} action\r\n * @returns\r\n */\r\nexport default function useRocReCaptchaToken(action: string, initialEnabled: boolean = true): UseReCaptchaToken {\r\n\tconst reCaptchaKey = ServerData.ReCaptchaV3Key;\r\n\tconst isReCaptchaEnabled = initialEnabled && ServerData.IsReCaptchaEnabled;\r\n\r\n\t// the server will not render anything if the keys aren't set, which means we could get null\r\n\t// or even undefined here, so let's just do a truthy check and return an empty string if there\r\n\t// is nothing from the server.\r\n\treturn useReCaptchaToken(reCaptchaKey || '', action, isReCaptchaEnabled);\r\n}\r\n"],"sourceRoot":""}