{"version":3,"sources":["webpack:///./ClientApp/services/Localizer.tsx","webpack:///./ClientApp/shared/components/svg/DownChevronSVG.tsx","webpack:///./ClientApp/shared/components/svg/UpChevronSVG.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/OrderMessages.tsx","webpack:///./ClientApp/shared/assets/LazyImage.tsx","webpack:///./ClientApp/shared/polyfills/customEvent.js","webpack:///./ClientApp/shared/components/svg/RightChevronSVG.tsx","webpack:///./ClientApp/shared/hooks/useInViewOnce.ts","webpack:///./ClientApp/styles/node-modules/@reach/dialog/styles.css?d0c1","webpack:///./ClientApp/features/commerce/product-details/data.ts","webpack:///./ClientApp/styles/node-modules/@reach/dialog/styles.css","webpack:///./ClientApp/shared/components/svg/QuestionMarkCircleSVG.tsx","webpack:///./ClientApp/shared/components/svg/FileSVG.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ProductSelectionsList.tsx","webpack:///./ClientApp/shared/components/svg/PlayMediaSVG.tsx","webpack:///./ClientApp/shared/components/svg/FilePDFSVG.tsx","webpack:///./ClientApp/shared/components/svg/FileWithTextSVG.tsx","webpack:///./ClientApp/shared/components/svg/FileWordDocSVG.tsx","webpack:///./ClientApp/shared/components/svg/FileExcelSVG.tsx","webpack:///./ClientApp/shared/assets/AssetIcon.tsx","webpack:///./ClientApp/shared/components/svg/DownloadSVG.tsx","webpack:///./ClientApp/shared/assets/AssetDownloadIcon.tsx","webpack:///./ClientApp/shared/assets/ExternalMediaIFrame.tsx","webpack:///./ClientApp/shared/components/svg/EnlargeSVG.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductImageModal.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductAssets.tsx","webpack:///./ClientApp/shared/hooks/useSmoothScrollingPolyfill.tsx","webpack:///./ClientApp/shared/breakpoints.ts","webpack:///./ClientApp/shared/components/Spinner.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ShoppingCartContext.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/useShoppingCart.ts","webpack:///./ClientApp/shared/components/FauxDropdown.tsx","webpack:///./ClientApp/shared/components/VisuallyHiddenAnnouncementContext.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/KeepOrDiscardCart.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/SavedCarts.tsx","webpack:///./ClientApp/services/AxiosHelper.ts","webpack:///./ClientApp/features/commerce/shopping-cart/useSavedShoppingCart.tsx","webpack:///./ClientApp/shared/edit/fields/FieldInputErrorWrapper.tsx","webpack:///./ClientApp/shared/components/VisuallyHiddenAnnouncement.tsx","webpack:///./ClientApp/shared/components/commerce/ChangeConfirmationWithUndo.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ShoppingCartItemActionInfo.tsx","webpack:///./ClientApp/shared/components/commerce/Quantity.tsx","webpack:///./ClientApp/shared/components/svg/LockSVG.tsx","webpack:///./ClientApp/features/commerce/recently-viewed/RecentlyViewedProduct.tsx","webpack:///./ClientApp/features/commerce/recently-viewed/useRecentlyViewedProducts.ts","webpack:///./ClientApp/features/commerce/recently-viewed/RecentlyViewedProducts.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ShoppingCartPromoItem.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ShoppingCartPromo.tsx","webpack:///./ClientApp/shared/edit/fields/FieldLabel.tsx","webpack:///./ClientApp/shared/edit/InlineAlert.tsx","webpack:///./ClientApp/shared/components/svg/XSVG.tsx","webpack:///./ClientApp/services/UserData.ts","webpack:///./ClientApp/shared/edit/fields/CheckboxInputField.tsx","webpack:///./ClientApp/shared/edit/fields/CheckBoxField.tsx","webpack:///./ClientApp/shared/edit/fields/DropdownField.tsx","webpack:///./ClientApp/shared/edit/fields/ValidationMessages.tsx","webpack:///./ClientApp/shared/edit/fields/StarRatingField.tsx","webpack:///./ClientApp/shared/edit/fields/TextAreaField.tsx","webpack:///./ClientApp/shared/edit/fields/InputField.tsx","webpack:///./ClientApp/shared/edit/fields/TextBoxField.tsx","webpack:///../Roc.SharedClientApp/types/model-status.ts","webpack:///./ClientApp/shared/util/AccountUrls.ts","webpack:///./ClientApp/features/commerce/shopping-cart/useShoppingCartLoader.ts","webpack:///./ClientApp/shared/hooks/useRocEventHandler.tsx","webpack:///./ClientApp/shared/util/ErrorBoundary.tsx","webpack:///./ClientApp/shared/polyfills/getAttributeNames.js","webpack:///./ClientApp/shared/util/ApplicationInit.tsx","webpack:///./ClientApp/features/my-account/routes.roc.tsx","webpack:///./ClientApp/shared/edit/OptionalFieldMarker.tsx","webpack:///./ClientApp/shared/hooks/useDelayedDisplay.tsx","webpack:///./ClientApp/shared/components/svg/CheckCircleSVG.tsx","webpack:///./ClientApp/shared/util/Misc.ts","webpack:///./ClientApp/features/setup/recaptcha.ts","webpack:///./ClientApp/features/commerce/shopping-cart/types.ts","webpack:///./ClientApp/shared/util/events/rocEventUtils.ts","webpack:///./ClientApp/shared/components/hawksearch/components/svg/DashCircleSVG.tsx","webpack:///./ClientApp/shared/components/svg/CircleExclamationSVG.tsx","webpack:///./ClientApp/shared/components/commerce/ProductPricing.tsx","webpack:///./ClientApp/shared/components/CircleButton.tsx","webpack:///./ClientApp/shared/components/svg/StarEmptySVG.tsx","webpack:///./ClientApp/shared/components/svg/StarSVG.tsx","webpack:///./ClientApp/shared/components/star-rating/StarRating.tsx","webpack:///./ClientApp/shared/components/star-rating/useStarRating.ts","webpack:///./ClientApp/shared/components/svg/PencilSVG.tsx","webpack:///./ClientApp/shared/components/svg/CheckSVG.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ShoppingCartTitle.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/EditableShoppingCartTitle.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/UserSavedProduct.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/SavedProductsListing.tsx","webpack:///./ClientApp/shared/components/svg/PhoneSVG.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ShoppingCartHelp.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ShoppingCartItem.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ShoppingCartOptions.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ShoppingCartSummaryItem.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ShoppingCartSummary.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ShoppingCart.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/index.tsx","webpack:///./ClientApp/services/ServerData.ts","webpack:///./ClientApp/shared/hooks/useLoader.ts","webpack:///./ClientApp/shared/components/svg/FolderSVG.tsx","webpack:///./ClientApp/shared/components/svg/GarbageCanCircleSVG.tsx","webpack:///./ClientApp/shared/components/StatusDisplay.tsx","webpack:///./ClientApp/shared/assets/types.ts","webpack:///../Roc.SharedClientApp/types/commerce/display-price.ts","webpack:///./ClientApp/shared/hooks/useInterval.tsx","webpack:///./ClientApp/shared/hooks/useReCaptchaToken.tsx","webpack:///./ClientApp/shared/hooks/useRocReCaptchaToken.tsx","webpack:///./ClientApp/shared/hooks/useBaseAxiosFormSubmitter.ts","webpack:///./ClientApp/shared/hooks/useBaseAxiosSubmitter.ts","webpack:///./ClientApp/util/StringUtil.ts","webpack:///./ClientApp/shared/edit/RocForm.tsx","webpack:///./ClientApp/shared/components/Modal.tsx","webpack:///./ClientApp/features/commerce/product-details/types.ts","webpack:///./ClientApp/shared/components/svg/LeftChevronSVG.tsx","webpack:///./ClientApp/styles/node-modules/react-toggle/style.css?5a6e","webpack:///./ClientApp/styles/node-modules/react-toggle/style.css","webpack:///./ClientApp/features/commerce/pricing/pricing-result.ts"],"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","DownChevronSVG","className","rest","viewBox","classnames","focusable","aria-hidden","d","UpChevronSVG","OrderMessageAction","OrderMessages","orderMessages","actions","messages","filter","orderMessage","includes","messageAction","headerText","some","m","RedirectToCart","PaymentError","map","message","LazyImage","placeholderImg","src","alt","backgroundImg","delay","inactiveClassName","loadedClassName","useInViewOnce","threshold","ref","viewed","useState","loadedClassDisplayed","setLoadedClassDisplayed","useEffect","setTimeout","imageSrc","classes","style","backgroundImage","CustomEvent","event","params","bubbles","cancelable","detail","undefined","evt","document","createEvent","initCustomEvent","prototype","Event","RightChevronSVG","makeIterator","options","inViewHookResponse","useInView","setViewed","inView","newResponse","Symbol","iterator","api","content","__esModule","default","module","i","exports","locals","partialDataCache","partialProductsDataCache","getPartialProductData","cacheKey","id","missingKeys","sort","join","additionalParams","name","paramValue","Promise","resolve","AxiosHelper","get","response","data","getBulkPartialProductsData","productIds","post","productTableCacheData","getProductsForTable","groupdProductId","formatShapeId","groupProductId","___CSS_LOADER_API_IMPORT___","push","QuestionMarkCircleSVG","stroke","strokeWidth","fill","fillRule","transform","FileSVG","ProductSelectionsList","selections","classNamePrefix","parentPrefixClass","itemPrefixClass","labelPrefixClass","valuePrefixClass","sel","toUpperCase","selection","parentClass","label","PlayMediaSVG","FilePDFSVG","FileWithTextSVG","FileWordDocSVG","FileExcelSVG","AssetIcon","asset","assetIconClasses","assetType","AssetType","Media","YouTube","color","Document","assetUrl","split","pop","DownloadSVG","AssetDownloadIcon","downloadIconClasses","ExternalMediaIFrame","embeddedUrl","title","frameBorder","allow","allowFullScreen","EnlargeSVG","LazyDialog","React","lazy","then","Dialog","ProductImageModal","isOpen","closeModal","children","Suspense","fallback","Spinner","onDismiss","aria-label","as","onClick","type","XSVG","LazyMediaQuery","productAssetPlaceholder","altText","sortOrder","thumbnailUrl","mainImageUrl","enlargedImageUrl","Image","compareAssets","a","b","ProductAssets","mainAsset","setMainAsset","altAssets","setAltAssets","isImageSliderModalOpen","setIsImageSliderModalOpen","carousel","useRef","nodes","Map","scrollCarousel","up","from","values","current","item","node","innerWidth","scrollBy","clientHeight","smoothscroll","polyfill","assets","newMainAsset","find","initialThumbnails","initAltAssets","assetScroller","maxWidth","LeftChevronSVG","minWidth","altAsset","c","set","preventDefault","href","download","mainImageContent","lg","md","sm","light","waitMs","align","block","parentCentered","useDelayedDisplay","spinner","ShoppingCartContext","createContext","useShoppingCartContext","shoppingCartContext","useContext","Error","useShoppingCart","useShoppingCartParams","order","setOrder","savedProducts","setSavedProducts","setCartSummary","setOrderMessages","updatingOrderItemId","setUpdatingOrderItemId","orderItemBeingRemovedId","setOrderItemBeingRemovedId","cartTotalItemCount","setCartTotalItemCount","updatingSavedProductId","setUpdatingSavedProductId","updatingSavedProductPricingLineId","setUpdatingSavedProductPricingLineId","savedProductBeingRemovedId","setSavedProductBeingRemovedId","savedProductBeingRemovedPricingLineId","setSavedProductBeingRemovedPricingLineId","storedForUndoItem","setStoredForUndoItem","storedForUndoItemIndex","setStoredForUndoItemIndex","lastMoveStatus","setLastMoveStatus","isUndoClicked","isUndoClickedState","setIsUndoClickedState","error","setError","errorMessage","setErrorMessage","errorType","setErrorType","orderIsUpdating","clearUndoState","dispatchAddToCartEvent","result","dispatchRocEvent","items","productId","adjustedQuantity","price","snapshotSalePrice","snapshotBasePrice","sku","currency","snapshotCurrencyISO","productGroupId","updateCartState","cart","cartSummary","updateOrderMessages","itemsCount","recipients","reduce","itemsQty","orderRecipient","recipientQty","orderItem","quantity","addToCart","itemId","productPricingLineId","savedProductsPageNumber","pagination","pageNumber","savedProductsPageSize","pageSize","axiosError","exceptionCode","bulkAddToCart","element","request","productInfo","processedItems","addAllFromListToCurrentCart","shoppingListId","displayedItemsCount","shoppingListProductIds","selectedShoppingListProductIds","addAllFromListToNewCart","moveItemToSaved","itemToMove","product","pricingLine","recipient","recipientId","itemIndex","indexOf","MoveStatus","MovedToSaved","changeOrderItemQuantity","itemToUpdate","newQuantity","removeOrderItem","itemToRemove","RemovedFromCart","addToSavedProducts","itemToAdd","moveSavedProductToCart","productToMoveId","productName","results","savedProductIndex","findIndex","addToOrderResult","lastMovedItem","MovedToCart","removeSavedProduct","productToRemoveId","productToRemoveName","savedProduct","delete","toString","orderItemFromSaved","totalPrice","unitPrice","snapshotMinimumOrderQuantity","RemovedFromSaved","handleUndo","state","actor","updateOrder","newCart","ListboxInput","ListboxButton","ListboxPopover","ListboxList","ListboxOption","FauxDropdown","lists","accessibleValue","value","activeValue","defaultText","defaultValueId","testId","size","onChange","aria-labelledby","isExpanded","arrow","portal","list","listIndex","Fragment","option","text","KeepOrDiscardCart","cartName","orderCode","setCartName","htmlFor","e","target","switchCart","isSwitching","selectedOrderCode","SavedCarts","setOrderCode","orderStatus","setOrderStatus","setSelectedOrderCode","savedCarts","setSavedCarts","modalOpen","setModalOpen","deleteModalOpen","setDeleteModalOpen","isLoading","setIsLoading","isUserSignedIn","setIsUserSignedIn","setIsSwitching","useSavedShoppingCarts","useSavedShoppingCart","switchOrUpdateCart","getSavedShoppingCarts","getSavedCarts","updateCurrentCartName","useRocEventHandler","OrderStatus","New","Saved","saveCurrentCart","deleteCart","returnCartSummary","savedCartsList","savedCart","itemCount","lastModifiedDate","savedCartsOptionsList","InlineAlert","cartId","location","MY_ACCOUNT_LOGIN_URL","encodeURIComponent","Modal","renderTitle","titleIcon","CheckCircleSVG","renderActions","axios","create","defaults","headers","common","interceptors","use","config","method","toLowerCase","getCsrfToken","csrfToken","RequestVerificationToken","addUnauthorizedAccessInterceptor","history","status","AccountUrls","Login","pathname","reject","FieldInputErrorWrapper","hideIcon","inline","meta","useField","invalid","submitError","dirtySinceLastSubmit","submitting","touched","VisuallyHiddenAnnouncement","alert","setAlert","mainRef","setMainRef","Provider","role","aria-live","aria-atomic","ChangeConfirmationWithUndo","itemName","itemUrl","onUndo","messageResourceKey","disabled","ShoppingCartItemActionInfo","groupUrl","url","Quantity","initialQuantity","updateQuantity","MAX_NUMBER_FOR_DROPDOWN","ServerData","MaxNumberForQuantityDropdown","currentQuantity","setCurrentQuantity","showDropDown","setShowDropDown","isEditingQuantity","setIsEditingQuantity","n","handleItemQuantityUpdate","Number","parseInt","autoComplete","changeEvent","isNaN","Infinity","onKeyDown","autoFocus","minimumOrderQuantity","LockSVG","RecentlyViewedProduct","defaultAsset","mainImage","customUrl","summary","line","displayPricing","GetPricingLine","displayPrice","GetPriceForMinimumAvailableQuantity","prices","useTinySliderLazyLoading","data-src","ProductPricing","sparseProductDetailsStateKeys","repository","context","stateStr","localStorage","getItem","this","keyName","JSON","parse","timestamp","Date","valueOf","removeItem","products","filterOutInvalid","getAllMayIncludeInvalid","validProducts","setAll","now","timeSpan","MinimumTimeBeforeRecentlyViewedProductsAreValidated","outsideTimeSpan","p","lastViewed","withinTimeSpan","validProductIds","validOutsideTimeSpan","concat","setItem","stringify","RecentlyViewedProducts","recentlyViewedProducts","currentProduct","active","setRecentlyViewedProducts","getProductStateAsync","productState","recentlyViewedProduct","getAllValidOnly","recentlyViewedProductDtos","currentProductDto","pricingLines","currentProductIndex","splice","groupId","unshift","groupIndex","groupProducts","currentGroupDto","slice","useRecentlyViewedProducts","getInitialProductDetailsState","currentInstanceId","uuid","sliderRef","displaytitle","tnsPromise","tns","oneItemClass","twoItemClass","threeItemClass","fiveItemClass","executeResizeDebounced","debounce","initializeSlider","destroy","currentSliderDiv","getElementById","getTinySliderInstance","container","itemsToShow","slideBy","controls","mouseDrag","gutter","lazyload","loop","trackElement","parentElement","parentRocProductList","closest","containerWidth","offsetWidth","classList","remove","add","handleResize","addEventListener","removeEventListener","ShoppingCartPromoItem","orderPromotion","couponRemovedCallback","isRemoveSpinnerDisplayed","setIsRemoveSpinnerDisplayed","removeCouponSubmitter","useBaseAxiosSubmitter","invalidateToken","couponCode","CircleButton","submit","orderId","orderPromotionId","ShoppingCartPromo","cartIsUpdating","couponAddedCallback","isShown","setIsShown","promotionMessage","setPromotionMessage","redeemCouponSubmitter","useAxiosFormSubmitter","RocForm","onSubmit","handleSubmit","initialValues","render","input","placeholder","CircleExclamationSVG","promotions","FieldLabel","isRequired","trim","defaultProps","theme","isTitleOnOwnRow","isCollapsed","onCollapse","isAxiosError","userDataPromise","getUserData","getUserDataNoCache","userData","requestToken","CheckboxInputField","checked","readOnly","step","defaultValue","dirty","defaultChecked","aria-describedby","CheckBoxField","afterSubmit","allowNull","beforeSubmit","formatOnBlur","initialValue","isEqual","subscription","DropdownField","addSelectOption","validateFields","onFocus","onBlur","getErrorArray","errorOrSubmitError","errors","ValidationMessages","StarRatingField","maxRating","OptionalFieldMarker","StarRating","readonly","TextAreaField","rows","validate","component","format","InputField","forwardRef","TextBoxField","ModelStatus","BaseUrl","ACCOUNT_URL_BASE","ACCOUNT_LOGIN_URL","Login2fa","ACCOUNT_LOGIN_WITH_2FA_URL","Register","ACCOUNT_REGISTER_URL","ForgotPassword","ACCOUNT_FORGOT_PASSWORD_URL","LoginWithRecoveryCode","ACCOUNT_LOGIN_WITH_RECOVERY_CODE_URL","Logout","ACCOUNT_LOGOUT_URL","OrganizationReview","ACCOUNT_ORGANIZATION_REVIEW_URL","OrganizationSelector","ACCOUNT_ORGANIZATION_SELECTOR_URL","useShoppingCartLoader","isLoaded","setIsLoaded","initialSavedProductsPageNumber","initialSavedProductsPageSize","reloadCart","cancelToken","token","Axios","isCancel","goToSavedProductsPage","newPageNumber","CancelToken","source","cancel","goToNextSavedProductsPage","totalPages","goToPreviousSavedProductsPage","setSavedProductsPageSize","newPageSize","eventType","dispatchEvent","eventHandler","deps","removeHandlerCallback","addRocEventHandler","ErrorBoundary","setState","renderError","Component","renderProps","Element","getAttributeNames","attributes","getDataPropsFromAttributes","s","startsWith","attributeName","toCamelCase","substring","getAttribute","initReactApp","getReactElement","elementId","ReactDOM","initReactAppByAttribute","attribute","elements","querySelectorAll","MY_ACCOUNT_PATH_PREFIX","MY_ACCOUNT_AUTHENTICATOR_URL","MY_ACCOUNT_GENERATE_RECOVERY_CODES_URL","MY_ACCOUNT_CONFIGURE_AUTHENTICATOR_URL","MY_ACCOUNT_WALLET_URL","MY_ACCOUNT_WALLET_CREATE_URL","MY_ACCOUNT_ADDRESS_BOOK_URL","MY_ACCOUNT_ADDRESS_BOOK_CREATE_URL","MY_ACCOUNT_ADDRESS_BOOK_EDIT_URL","MY_ACCOUNT_SETTINGS_URL","SettingsComponent","rocRoutes","exact","path","memo","display","setDisplay","timeout","clearTimeout","ms","sleep","handleAxiosErrorWithValidation","validationErrorCallback","genericErrorCallback","globalErrors","errorsWithModifiedArrayIndex","acc","newValidationState","unflatten","FORM_ERROR","getQueryParam","paramName","decodeParam","urlParams","URLSearchParams","search","decodeURIComponent","reCaptchaCallbackPromise","setupReCaptcha","windowWithReCaptchaCallbacks","onReCaptchaLoadCallback","PaymentTypeEnum","CreditCardType","handler","DashCircleSVG","class","renderResult","css","priceClass","base","normalPrice","crossedOutPrice","highlightedPrice","GetCssClasses","displayRule","PriceDisplayRule","Missing","Normal","basePriceClass","salePrice","VariantPriceComponent","basePrice","renderNormalPrice","AmbiguousRange","FormatAmbiguousPriceSpan","unitName","unit","renderAmbiguousPrice","FormatPrice","FormatPriceSpan","priceRange","to","icon","otherProps","StarEmptySVG","StarSVG","ratingStars","setRatingStars","ratingHovered","setRatingHovered","newState","isFull","isPending","isHighlighted","isChecked","ratingValue","useStarRating","onInputChange","currentTarget","modifierClasses","onMouseEnter","onMouseLeave","PencilSVG","CheckSVG","ShoppingCartTitle","EditableShoppingCartTitle","showForm","setShowForm","userIsSignedIn","setUserIsSignedIn","inputRef","buttonRef","wrapperRef","escFunction","useCallback","keyCode","showSelectableTitle","handleClickOutside","contains","focus","isSignedIn","submitForm","submitSucceeded","UserSavedProduct","updatingSavedProductUnitOfMeasureId","savedProductBeingRemovedUnitOfMeasureId","_","SavedProductsListing","productIndex","PhoneSVG","ShoppingCartHelp","supportPhoneNumber","ShoppingCartItem","VisuallyHiddenAnnouncementContext","ShoppingCartOptions","ShoppingCartSummaryItem","rawValue","ShoppingCartSummary","baseSubtotal","shipping","tax","discount","ShoppingCart","cartPageLoadedEventDispatched","setCartPageLoadedEventDispatched","UseShoppingCartResult","selectClassName","total","recipientIndex","windowWithServerData","__ROC_SERVER_DATA__","initializeServerData","useLoader","loading","setLoading","setResponse","FolderSVG","GarbageCanCircleSVG","StatusDisplay","Published","Inactive","Deleted","Draft","Archived","useInterval","callback","enabled","savedCallback","intervalId","setInterval","clearInterval","ReCaptchaKeyWarning","useReCaptchaToken","reCaptchaKey","action","initialEnabled","reCaptchaWindow","tokenPromise","tokenPromiseIsResolved","initPromise","setEnabled","useLayoutEffect","grecaptcha","ready","getToken","force","execute","useRocReCaptchaToken","ReCaptchaV3Key","isReCaptchaEnabled","IsReCaptchaEnabled","useRocFormSubmitter","axiosParams","reCaptchaActionName","csrfEnabled","stateful","invalidateTokenOnSuccess","useBaseAxiosFormSubmitter","responseCallback","submitterCallback","formValidationState","submitter","formValues","submitResult","submitted","responseData","getRecaptchaToken","payload","promises","all","reCaptchaToken","serverResponse","toLocaleLowerCase","word","stripHtml","html","tmp","createElement","innerHTML","textContent","innerText","trimString","focusOnError","createDecorator","debug","destroyOnUnregister","form","initialValuesEqual","keepDirtyOnReinitialize","validateOnBlur","decorators","mutators","LazyDialogContent","DialogContent","LazyDialogOverlay","DialogOverlay","hideCloseButton","renderSubtitle","headerDivider","bypassFocusLock","subTitle","innerModal","ariaLabel","dangerouslyBypassFocusLock","__ROC_COMMERCE_PRODUCT_DETAILS__","ProductType","AddToCartExceptionCode","ParseQuantityRange","quantityRange","GetPriceForQuantity","min","max","pricingResult","pricingLineId","isDefault","qtyRange","startingQty","range","qtyRangeInfo","GetMinimumOrderQuantity","moq","GetMinimumOrderQuantityForPricingLine","productPricing","selectedPricingLineId","selectedPricingLine","Math"],"mappings":"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","file":"shopping-cart.js","sourcesContent":["import { AddressResourceKeys } from 'features/address-book/resources';\r\nimport { ContactFormResourceKeys } from 'features/contact-form/resources';\r\nimport { CreatePasswordResourceKeys } from 'features/create-password/resources';\r\nimport { LoginWith2faResourceKeys } from 'features/login-with-2fa/resources';\r\nimport { LoginWithRecoveryCodeResourceKeys } from 'features/login-with-recovery-code/resources';\r\nimport { LoginResourceKeys } from 'features/login/resources';\r\nimport { MyAccountResourceKeys } from 'features/my-account/resources';\r\nimport { ResetPasswordResourceKeys } from 'features/reset-password/resources';\r\nimport { SubmitQuestionResourceKeys } from 'features/submit-question/resources';\r\nimport * as React from 'react';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\n// #region Commerce\r\nimport { CommerceResourceKeys } from 'features/commerce/CommerceResourceKeys';\r\n// #endregion\r\n\r\n// #region TapeCase Customization\r\nimport { SubmitQuoteResourceKeys } from 'features/submit-quote/resources';\r\nimport { TapeCaseRegistrationResourceKeys } from 'features/register-tapecase/resources';\r\nimport { CareersFormResourceKeys } from 'features/careers-form/resources';\r\nimport { FileUploadResourceKeys } from 'features/file-upload/resources';\r\n// #endregion\r\n\r\n/**\r\n * Type that will hold all the global localization keys\r\n */\r\ntype LocalizerGlobalResourceKeys =\r\n\t| 'Success'\r\n\t| 'OfTotalPages'\r\n\t| 'Cancel'\r\n\t| 'Confirm'\r\n\t| 'FirstName'\r\n\t| 'LastName'\r\n\t| 'Email'\r\n\t| 'Username'\r\n\t| 'Amount'\r\n\t| 'NameOnCard'\r\n\t| 'CardNumber'\r\n\t| 'ExpDate'\r\n\t| 'ExpMonth'\r\n\t| 'ExpYear'\r\n\t| 'Expires'\r\n\t| 'Expired'\r\n\t| 'SecurityCode'\r\n\t| 'Submit'\r\n\t| 'Save'\r\n\t| 'ZipCode'\r\n\t| 'Remove'\r\n\t| 'Removed'\r\n\t| 'Update'\r\n\t| 'Undo'\r\n\t| 'Cancel'\r\n\t| 'Enter'\r\n\t| 'Close'\r\n\t| 'SortBy'\r\n\t| 'PleaseWait'\r\n\t| 'Unknown'\r\n\t| 'Yes'\r\n\t| 'No'\r\n\t| 'Delete'\r\n\t| 'Update'\r\n\t| 'SaveAndContinueButtonText'\r\n\t| 'SaveAndContinue'\r\n\t| 'Continue'\r\n\t| 'SaveErrorMessage'\r\n\t| 'Edit'\r\n\t| 'ErrorMessageGenericTitle'\r\n\t| 'CheckEnteredValues'\r\n\t| 'ErrorMessageForbidden'\r\n\t| 'ErrorMessageNetwork'\r\n\t| 'ErrorOccurredSubmittingTheForm'\r\n\t| 'UnexpectedErrorOccurred'\r\n\t| 'Login'\r\n\t| 'ReturnToShipping'\r\n\t| 'BreadcrumbsLabel'\r\n\t| 'Other'\r\n\t| 'RememberMe'\r\n\t| 'ForgotYourPassword'\r\n\t| 'RegisterNewUserLinkText'\r\n\t| 'LoginPageTitleText'\r\n\t| 'ForgotPasswordPageTitle'\r\n\t| 'ForgotPasswordConfirmationPageTitle'\r\n\t| 'ForgotPasswordConfirmation'\r\n\t| 'Optional'\r\n\t| 'SearchBoxPlaceholder'\r\n\t| 'XOutOfYStars'\r\n\t| 'XToYOfZ'\r\n\t| 'ModalLabel'\r\n\t| 'RequiredFields'\r\n\t| 'Status'\r\n\t| 'Version'\r\n\t| 'CreatedOn'\r\n\t| 'CreatedBy'\r\n\t| 'ModifiedOn'\r\n\t| 'ModifiedBy'\r\n\t| 'OpenStatusInformation'\r\n\t| 'CloseStatusInformation'\r\n\t| 'SearchFilter'\r\n\t| 'Pagination'\r\n\t| 'Previous'\r\n\t| 'Next'\r\n\t| 'ClearFilter';\r\n\r\n/**\r\n * Type that will hold all the localization keys\r\n */\r\nexport type LocalizerResourceKey =\r\n\t| LocalizerGlobalResourceKeys\r\n\t| LoginResourceKeys\r\n\t| ContactFormResourceKeys\r\n\t// #region Commerce\r\n\t| CommerceResourceKeys\r\n\t// #endregion\r\n\t| ResetPasswordResourceKeys\r\n\t| CreatePasswordResourceKeys\r\n\t| SubmitQuestionResourceKeys\r\n\t| ResetPasswordResourceKeys\r\n\t| CreatePasswordResourceKeys\r\n\t| MyAccountResourceKeys\r\n\t| LoginWith2faResourceKeys\r\n\t| LoginWithRecoveryCodeResourceKeys\r\n\t| AddressResourceKeys\r\n\t// #region TapeCase Customization\r\n\t| SubmitQuoteResourceKeys\r\n\t| TapeCaseRegistrationResourceKeys\r\n\t| CareersFormResourceKeys\r\n\t| FileUploadResourceKeys;\r\n// #endregion\r\n\r\n/**\r\n * Interface for the resources\r\n *\r\n * @export\r\n * @interface LocalizerResource\r\n */\r\ninterface LocalizerResource {\r\n\t[id: string]: string;\r\n}\r\n\r\n/**\r\n * Extends Window with a property that will hold the localizer resources\r\n *\r\n * @interface WindowWithResources\r\n * @extends {Window}\r\n */\r\nexport interface WindowWithResources extends Window {\r\n\t__ROC_LOCALIZER_RESOURCES__?: LocalizerResource[];\r\n}\r\n\r\n/**\r\n * Main object that will hold all the localized resources\r\n */\r\nconst LocalizerResources: LocalizerResource = {};\r\n\r\n/**\r\n * To prevent redundant logging\r\n */\r\nconst isAlreadyLogged: Record<string, boolean> = {};\r\n\r\n/**\r\n * Initializer function that will populate the main localized resources object\r\n */\r\nfunction initializeLocalizerResources() {\r\n\tconst windowWithResources = window as WindowWithResources;\r\n\r\n\tif (\r\n\t\twindowWithResources &&\r\n\t\twindowWithResources.__ROC_LOCALIZER_RESOURCES__ &&\r\n\t\tArray.isArray(windowWithResources.__ROC_LOCALIZER_RESOURCES__)\r\n\t) {\r\n\t\twindowWithResources.__ROC_LOCALIZER_RESOURCES__.forEach((obj) => {\r\n\t\t\tfor (const key of Object.keys(obj)) {\r\n\t\t\t\tLocalizerResources[key] = obj[key];\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n}\r\n\r\n/**\r\n * Function that can be used to load the localized strings with support to parameter replacements\r\n *\r\n * @export\r\n * @param {string} key\r\n * @param {...string[]} replaceStrings\r\n * @returns\r\n */\r\nexport function Localizer<TResourceKey extends LocalizerResourceKey = LocalizerResourceKey>(\r\n\tkey: TResourceKey,\r\n\t...replaceStrings: string[]\r\n) {\r\n\tif (Object.keys(LocalizerResources).length === 0) {\r\n\t\tinitializeLocalizerResources();\r\n\t}\r\n\r\n\tif (!LocalizerResources || !LocalizerResources[key]) {\r\n\t\t// if running in a test environment, just skip any warnings.\r\n\t\tif (process.env.NODE_ENV !== 'test') {\r\n\t\t\tif (!isAlreadyLogged[key]) {\r\n\t\t\t\tconsole.warn(key, 'Localizer Resource not found. Key will be used instead.');\r\n\t\t\t\tisAlreadyLogged[key] = true;\r\n\t\t\t}\r\n\t\t}\r\n\t\treturn key;\r\n\t}\r\n\r\n\tconst resource = LocalizerResources[key];\r\n\r\n\tif (!replaceStrings) {\r\n\t\treturn resource;\r\n\t}\r\n\r\n\treturn resource.replace(/{(\\d+)}/g, (match: string, index: number) => {\r\n\t\treturn replaceStrings[index] ? replaceStrings[index] : '';\r\n\t});\r\n}\r\n\r\n/**\r\n * Interface for the LocalizedSpan component\r\n *\r\n * @interface LocalizedSpanProps\r\n */\r\ninterface LocalizedSpanProps {\r\n\tresourceKey: LocalizerResourceKey;\r\n\targs?: string[];\r\n}\r\n\r\n/**\r\n * Component responsible for the initialization of the react app\r\n */\r\nexport function LocalizedSpan(props: LocalizedSpanProps) {\r\n\tconst { resourceKey, args = [] } = props;\r\n\tconst localizedString = Localizer(resourceKey, ...args);\r\n\r\n\treturn (\r\n\t\t<span\r\n\t\t\tdata-testid={`localized-${toKebabCase(resourceKey)}`}\r\n\t\t\tdangerouslySetInnerHTML={{ __html: localizedString }}\r\n\t\t/>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Up chevron SVG\r\n *\r\n * @returns\r\n */\r\nfunction DownChevronSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 60 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-down-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=\"M29.976 25.56l25.562-24.482c0.937-0.92 2.436-0.92 3.373 0 0.446 0.437 0.698 1.036 0.698 1.661s-0.252 1.224-0.698 1.661l-27.243 26.844c-0.936 0.92-2.436 0.92-3.373 0l-27.243-26.844c-0.447-0.437-0.699-1.036-0.699-1.661s0.252-1.224 0.699-1.661c0.937-0.92 2.436-0.92 3.373 0l25.551 24.482z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default DownChevronSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Up chevron SVG\r\n *\r\n * @returns\r\n */\r\nfunction UpChevronSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 60 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-up-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=\"M30.024 6.44l-25.562 24.482c-0.937 0.92-2.436 0.92-3.373 0-0.446-0.437-0.698-1.036-0.698-1.661s0.252-1.224 0.698-1.661l27.243-26.844c0.936-0.92 2.436-0.92 3.373 0l27.243 26.844c0.447 0.437 0.699 1.036 0.699 1.661s-0.252 1.224-0.699 1.661c-0.937 0.92-2.436 0.92-3.373 0l-25.551-24.482z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default UpChevronSVG;\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\n/**\r\n * An alert sent to users regarding products or promotions\r\n */\r\nexport interface OrderMessage {\r\n\tmessage: string;\r\n\tmessageAction: OrderMessageAction;\r\n}\r\n\r\n/**\r\n * The level of action to be taken with an order message\r\n */\r\nexport enum OrderMessageAction {\r\n\t/** Display a generic info message */\r\n\tInfo = 'Info',\r\n\r\n\t/** Display a generic warning message */\r\n\tWarning = 'Warning',\r\n\r\n\t/** Display a generic error message */\r\n\tError = 'Error',\r\n\r\n\t/** Display a message and also ask the user to redirect to the cart page */\r\n\tRedirectToCart = 'RedirectToCart',\r\n\r\n\t/** Display an error message related to a failure which occurred during payment processing */\r\n\tPaymentError = 'PaymentError',\r\n}\r\n\r\ninterface OrderMessagesProps {\r\n\torderMessages?: OrderMessage[];\r\n\r\n\t/** Optional list of the actions which should be displayed. If this is undefined, all actions will be displayed. */\r\n\tactions?: OrderMessageAction[];\r\n}\r\n\r\n/**\r\n * Body of the order messages modal which will notify the customer if there were issues with their order including the following states:\r\n * 1- Redirect to Cart\r\n * 2- Payment Failure\r\n * 3- Generic Update Order Errors\r\n */\r\nfunction OrderMessages(props: OrderMessagesProps) {\r\n\tconst { orderMessages, actions } = props;\r\n\r\n\t// Filter by action if actions were passed in as a prop\r\n\tconst messages =\r\n\t\tactions == null\r\n\t\t\t? orderMessages\r\n\t\t\t: orderMessages?.filter((orderMessage) => actions?.includes(orderMessage.messageAction));\r\n\r\n\t// Component is omitted if actions filtered out all the messages or there were none to begin with\r\n\tif (messages == null || messages.length === 0) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tlet headerText = Localizer('GenericOrderMessageHeader');\r\n\r\n\t// Update header to be more specific if any of the message actions warrant it\r\n\tif (messages.some((m) => m.messageAction === OrderMessageAction.RedirectToCart)) {\r\n\t\t// Prioritize RedirectToCart over PaymentError as a RedirectToCart message will also change the modal's button\r\n\t\t// to be 'Review Cart' and send the user to the cart page\r\n\t\theaderText = Localizer('RedirectToCartOrderMessageHeader');\r\n\t} else if (messages.some((m) => m.messageAction === OrderMessageAction.PaymentError)) {\r\n\t\theaderText = Localizer('PaymentFailureOrderMessageHeader');\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-icon-text roc-toggle-form__error\">\r\n\t\t\t<div data-testid=\"inline-alert-window\" className=\"roc-alert roc-alert-warning roc-alert-full-width\">\r\n\t\t\t\t<strong className=\"roc-alert-title roc-alert-title--space\">{headerText}</strong>\r\n\t\t\t\t<ul>\r\n\t\t\t\t\t{messages.map((orderMessage, index) => (\r\n\t\t\t\t\t\t<li data-testid=\"inline-alert-text\" key={index}>\r\n\t\t\t\t\t\t\t<span dangerouslySetInnerHTML={{ __html: orderMessage.message }} />\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</ul>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default OrderMessages;\r\n","import classnames from 'classnames';\r\nimport React, { ImgHTMLAttributes, useEffect, useState } from 'react';\r\nimport { useInViewOnce } from 'shared/hooks/useInViewOnce';\r\n\r\ninterface LazyImageProps extends ImgHTMLAttributes<HTMLImageElement> {\r\n\tplaceholderImg?: string;\r\n\tbackgroundImg?: boolean;\r\n\tclassName?: string;\r\n\tinactiveClassName?: string;\r\n\tloadedClassName?: string;\r\n\tdelay?: number;\r\n\talt: string;\r\n\tsrc: string;\r\n}\r\n\r\n/**\r\n * Component that will render an <img> tag that will have its source image lazily loaded only once\r\n * the element is visible in the viewport.\r\n * @param props\r\n */\r\nexport default function LazyImage({\r\n\tplaceholderImg = '/images/placeholder/placeholder-image.png',\r\n\tsrc,\r\n\talt,\r\n\tbackgroundImg = false,\r\n\tdelay = 0,\r\n\tclassName,\r\n\tinactiveClassName = 'roc-lazy-image--inactive',\r\n\tloadedClassName = 'roc-lazy-image--loaded',\r\n\t...rest\r\n}: LazyImageProps) {\r\n\tconst [ref, viewed] = useInViewOnce({\r\n\t\tthreshold: 0,\r\n\t});\r\n\r\n\tconst [loadedClassDisplayed, setLoadedClassDisplayed] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (viewed) {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tsetLoadedClassDisplayed(true);\r\n\t\t\t}, delay);\r\n\t\t}\r\n\t}, [viewed, delay]);\r\n\r\n\tconst imageSrc = viewed ? src : placeholderImg;\r\n\r\n\tconst classes = classnames(className, {\r\n\t\t[inactiveClassName]: !viewed,\r\n\t\t[loadedClassName]: loadedClassDisplayed,\r\n\t});\r\n\r\n\tif (backgroundImg) {\r\n\t\treturn <div ref={ref} style={{ backgroundImage: 'url(' + imageSrc + ')' }} className={classes} {...rest} />;\r\n\t} else {\r\n\t\treturn <img ref={ref} src={imageSrc} className={classes} alt={alt} {...rest} />;\r\n\t}\r\n}\r\n","// source: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent\r\n(function () {\r\n\tif (typeof window.CustomEvent === 'function') {\r\n\t\treturn false;\r\n\t}\r\n\r\n\tfunction CustomEvent(event, params) {\r\n\t\tparams = params || { bubbles: false, cancelable: false, detail: undefined };\r\n\t\t// eslint-disable-next-line\r\n\t\tvar evt = document.createEvent('CustomEvent');\r\n\t\tevt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);\r\n\t\treturn evt;\r\n\t}\r\n\r\n\tCustomEvent.prototype = window.Event.prototype;\r\n\r\n\twindow.CustomEvent = CustomEvent;\r\n})();\r\n","import React from 'react';\r\nimport { 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 { useInView, IntersectionOptions, InViewHookResponse } from 'react-intersection-observer';\r\nimport { useEffect, useState } from 'react';\r\n\r\n/**\r\n * Wrapper hook to useInView so that it only triggers once. Useful for lazy-loaded content that\r\n * doesn't need to change once it's out of view.\r\n */\r\nexport function useInViewOnce(options: IntersectionOptions = {}): InViewHookResponse {\r\n\tconst inViewHookResponse = useInView(options);\r\n\tconst [viewed, setViewed] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (inViewHookResponse.inView) {\r\n\t\t\tsetViewed(true);\r\n\t\t}\r\n\t}, [inViewHookResponse.inView]);\r\n\r\n\tconst newResponse: InViewHookResponse = {\r\n\t\t...inViewHookResponse,\r\n\t\tinView: viewed,\r\n\t\t[0]: inViewHookResponse[0],\r\n\t\t[1]: viewed,\r\n\t\t[2]: inViewHookResponse[2],\r\n\t};\r\n\r\n\tfunction* makeIterator() {\r\n\t\tyield newResponse[0];\r\n\t\tyield newResponse[1];\r\n\t\tyield newResponse[2];\r\n\t}\r\n\r\n\tnewResponse[Symbol.iterator] = makeIterator;\r\n\r\n\treturn newResponse;\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!./styles.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 || {};","import AxiosHelper from 'services/AxiosHelper';\r\nimport { BasePartialDataOptions } from 'shared/types';\r\nimport { DisplayPrice, VariantPrice } from '../../../../../Roc.SharedClientApp/types/commerce/display-price';\r\nimport { PricingLine } from '../../../../../Roc.SharedClientApp/types/commerce/pricing-result';\r\nimport { BaseBulkPartialProductsDataOptions, ProductDetailsState, ProductTableProductDetails } from './types';\r\n\r\nconst partialDataCache: { [index: string]: Partial<ProductDetailsState> } = {};\r\nconst partialProductsDataCache: { [index: string]: BulkProductsPartialDataResponse } = {};\r\n\r\nexport async function getPartialProductData<T extends ProductDetailsState = ProductDetailsState>(\r\n\toptions: BasePartialDataOptions<T>,\r\n) {\r\n\tlet cacheKey = `${options.id}_${options.missingKeys.sort().join('_')}`;\r\n\r\n\t// include additional params in the cache key and preserve their order by param name\r\n\tconst additionalParams = options.additionalParams;\r\n\tif (additionalParams) {\r\n\t\tconst additionalKeys = Object.keys(additionalParams).sort();\r\n\t\tadditionalKeys.forEach((name) => {\r\n\t\t\tconst paramValue = additionalParams[name];\r\n\t\t\tif (paramValue) {\r\n\t\t\t\tcacheKey += `_${name}=${paramValue}`;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tif (partialDataCache[cacheKey]) {\r\n\t\treturn Promise.resolve(partialDataCache[cacheKey]);\r\n\t}\r\n\r\n\tconst response = await AxiosHelper.get<Partial<ProductDetailsState>>(`/ajax/products/${options.id}`, {\r\n\t\tparams: {\r\n\t\t\t...options.additionalParams,\r\n\t\t\tkeys: options.missingKeys.join(','),\r\n\t\t},\r\n\t});\r\n\r\n\tpartialDataCache[cacheKey] = response.data;\r\n\r\n\t// if the key is requested, always return the value as null. this is important\r\n\t// on the client undefined vs null can have different meanings\r\n\t// undefined means nothing has even tried to set it, the data is simply missing.\r\n\t// null means we tried to load something, but there's no value associated.\r\n\treturn Promise.resolve(response.data);\r\n}\r\n\r\n/**\r\n * Dictionary of bulk products data , key is product id\r\n */\r\nexport interface BulkProductsPartialDataResponse {\r\n\t[key: string]: Partial<ProductDetailsState>;\r\n}\r\n\r\n/**\r\n * Gets partial data for bulk products using the product ids and the missing keys\r\n */\r\nexport async function getBulkPartialProductsData(options: BaseBulkPartialProductsDataOptions<ProductDetailsState>) {\r\n\tconst cacheKey = `${options.productIds?.sort().join('_')}___${options.missingKeys.sort().join('_')}`;\r\n\tif (partialProductsDataCache[cacheKey]) {\r\n\t\treturn Promise.resolve(partialProductsDataCache[cacheKey]);\r\n\t}\r\n\r\n\tconst response = await AxiosHelper.post<BulkProductsPartialDataResponse>(`/ajax/products`, {\r\n\t\tproductIds: options.productIds,\r\n\t\tmissingKeys: options.missingKeys.join(','),\r\n\t});\r\n\r\n\tpartialProductsDataCache[cacheKey] = response.data;\r\n\r\n\t// if the key is requested, always return the value as null. this is important\r\n\t// on the client undefined vs null can have different meanings\r\n\t// undefined means nothing has even tried to set it, the data is simply missing.\r\n\t// null means we tried to load something, but there's no value associated.\r\n\treturn Promise.resolve(response.data);\r\n}\r\n\r\n//#region TapeCase\r\nconst productTableCacheData: { [index: string]: ProductTableProductDetails[] } = {};\r\nexport interface ProductsDisplayPricing {\r\n\t[key: string]: PricingLine<DisplayPrice<VariantPrice, VariantPrice>>;\r\n}\r\n\r\nexport async function getProductsForTable(\r\n\tgroupdProductId: string,\r\n\tformatShapeId: string,\r\n): Promise<ProductTableProductDetails[]> {\r\n\tconst cacheKey = `${groupdProductId}___${formatShapeId == null ? 'default' : formatShapeId}`;\r\n\tif (productTableCacheData[cacheKey]) {\r\n\t\treturn Promise.resolve(productTableCacheData[cacheKey]);\r\n\t}\r\n\r\n\tconst response = await AxiosHelper.post<ProductTableProductDetails[]>(`/ajax/products/table`, {\r\n\t\tgroupProductId: groupdProductId,\r\n\t\tformatShapeId: formatShapeId,\r\n\t});\r\n\r\n\tproductTableCacheData[cacheKey] = response.data;\r\n\r\n\treturn Promise.resolve(response.data);\r\n}\r\n//#endregion\r\n","// 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, \"/* This code is subject to LICENSE in root of this repository */\\n\\n/* Used to detect in JavaScript if apps have loaded styles or not. */\\n:root {\\n  --reach-dialog: 1;\\n}\\n\\n[data-reach-dialog-overlay] {\\n  background: hsla(0, 0%, 0%, 0.33);\\n  position: fixed;\\n  top: 0;\\n  right: 0;\\n  bottom: 0;\\n  left: 0;\\n  overflow: auto;\\n}\\n\\n[data-reach-dialog-content] {\\n  width: 50vw;\\n  margin: 10vh auto;\\n  background: white;\\n  padding: 2rem;\\n  outline: none;\\n}\\n\", \"\"]);\n// Exports\nmodule.exports = exports;\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Question Mark within a Circle SVG\r\n */\r\nfunction QuestionMarkCircleSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 30 30\"\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<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<g transform=\"translate(-115.000000, -452.000000)\" fill=\"#3F4044\" fillRule=\"nonzero\">\r\n\t\t\t\t\t<g transform=\"translate(90.000000, 291.000000)\">\r\n\t\t\t\t\t\t<g transform=\"translate(0.000000, 36.000000)\">\r\n\t\t\t\t\t\t\t<g transform=\"translate(0.000000, 100.000000)\">\r\n\t\t\t\t\t\t\t\t<path d=\"M39.9999642,54.2812422 C48.0247712,54.2812422 54.5311796,47.7771798 54.5311796,39.7500268 C54.5311796,31.7275659 48.0247712,25.2188115 39.9999642,25.2188115 C31.9751573,25.2188115 25.4687489,31.7275659 25.4687489,39.7500268 C25.4687489,47.7771798 31.9751573,54.2812422 39.9999642,54.2812422 Z M39.9999642,51.4687489 C33.523482,51.4687489 28.2812422,46.2286834 28.2812422,39.7500268 C28.2812422,33.275719 33.5237109,28.0313048 39.9999642,28.0313048 C46.4740432,28.0313048 51.7186863,33.2737163 51.7186863,39.7500268 C51.7186863,46.2263946 46.4786208,51.4687489 39.9999642,51.4687489 Z M41.3372604,43.031269 C41.7255575,43.031269 42.0403837,42.7164428 42.0403837,42.3281457 L42.0403837,41.956843 C42.0403837,40.5049345 46.2837856,40.4444527 46.2837856,36.5156481 C46.2837856,33.5568997 43.2147164,31.3125469 40.3394524,31.3125469 C37.5941358,31.3125469 35.8307771,32.4546074 34.4463886,34.4874165 C34.235074,34.7978368 34.302079,35.2193217 34.6013412,35.4462003 L36.2316055,36.6824453 C36.536647,36.9136727 36.9704343,36.8579401 37.2081275,36.5579911 C38.0898926,35.4451703 38.7171418,34.8019566 40.0758384,34.8019566 C41.1179349,34.8019566 42.4069371,35.4726933 42.4069371,36.4832042 C42.4069371,37.2471527 41.7763119,37.6395124 40.7473189,38.2163505 C39.5474087,38.8890898 37.9594875,39.7263376 37.9594875,41.8207731 L37.9594875,42.3281457 C37.9594875,42.7164428 38.2743137,43.031269 38.6626109,43.031269 L41.3372604,43.031269 Z M39.9999642,48.7734428 C41.3569442,48.7734428 42.4608959,47.6694911 42.4608959,46.3125112 C42.4608959,44.9555312 41.3569442,43.8515795 39.9999642,43.8515795 C38.6429843,43.8515795 37.5390326,44.9555312 37.5390326,46.3125112 C37.5390326,47.6694911 38.6429843,48.7734428 39.9999642,48.7734428 Z\"></path>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default QuestionMarkCircleSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Generic file SVG\r\n */\r\nfunction FileSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 31\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-file', 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<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M20.4374531,30.7499911 C21.9901837,30.7499911 23.2499464,29.4902284 23.2499464,27.9374978 L23.2499464,8.4785827 C23.2499464,7.7344324 22.9511418,7.0137424 22.4237993,6.4863999 L17.5077725,1.5703731 C16.9804301,1.0430306 16.2655766,0.7442261 15.5214263,0.7442261 L3.5624933,0.7442261 C2.0097626,0.7500626 0.75,2.0098252 0.75,3.5625559 L0.75,27.9374978 C0.75,29.4902284 2.0097626,30.7499911 3.5624933,30.7499911 L20.4374531,30.7499911 Z M20.4374531,27.9374978 L3.5624933,27.9374978 L3.5624933,3.5625559 L12.9374709,3.5625559 L12.9374709,9.6562914 C12.9374709,10.4355749 13.564434,11.062538 14.3437176,11.062538 L20.4374531,11.062538 L20.4374531,27.9374978 Z M20.2089151,8.2500447 L15.7499642,8.2500447 L15.7499642,3.7910938 L20.2089151,8.2500447 Z\"\r\n\t\t\t\t\tfillRule=\"nonzero\"\r\n\t\t\t\t></path>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FileSVG;\r\n","import React from 'react';\r\nimport { SimpleSelectionDto } from '../product-details/types';\r\nimport classnames from 'classnames';\r\n\r\ninterface ProductAttributeListprops {\r\n\tselections?: SimpleSelectionDto[];\r\n\tclassNamePrefix?: string;\r\n}\r\n\r\nexport default function ProductSelectionsList(props: ProductAttributeListprops) {\r\n\tconst { selections, classNamePrefix = '' } = props;\r\n\r\n\tconst parentClass = 'roc-bare-table';\r\n\tconst parentPrefixClass = classNamePrefix + '-' + parentClass;\r\n\r\n\tconst itemClass = parentClass + '__item';\r\n\tconst itemPrefixClass = classNamePrefix + '-' + itemClass;\r\n\r\n\tconst labelClass = parentClass + '__label';\r\n\tconst labelPrefixClass = classNamePrefix + '-' + labelClass;\r\n\r\n\tconst valueClass = parentClass + '__value';\r\n\tconst valuePrefixClass = classNamePrefix + '-' + valueClass;\r\n\r\n\treturn (\r\n\t\t<ul className={classnames(parentClass, { [`${parentPrefixClass}`]: classNamePrefix })}>\r\n\t\t\t{selections !== undefined &&\r\n\t\t\t\tArray.isArray(selections) &&\r\n\t\t\t\tselections.length > 0 &&\r\n\t\t\t\t//#region Tapecase customization\r\n\t\t\t\tselections\r\n\t\t\t\t\t.filter((sel) => sel.name.toUpperCase() != 'SKU')\r\n\t\t\t\t\t.map((selection, i) => (\r\n\t\t\t\t\t\t//#end region\r\n\t\t\t\t\t\t<li className={classnames(itemClass, { [`${itemPrefixClass}`]: classNamePrefix })} key={i}>\r\n\t\t\t\t\t\t\t<span className={classnames(labelClass, { [`${labelPrefixClass}`]: classNamePrefix })}>\r\n\t\t\t\t\t\t\t\t{selection.name}:\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span className={classnames(valueClass, { [`${valuePrefixClass}`]: classNamePrefix })}>\r\n\t\t\t\t\t\t\t\t{selection.label}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t))}\r\n\t\t</ul>\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 * Play Media Button SVG\r\n */\r\nfunction PlayMediaSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 44 31\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-play', 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<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<g className=\"roc-icon-play__fill\" transform=\"translate(-108.000000, -752.000000)\" fillRule=\"nonzero\">\r\n\t\t\t\t\t<g transform=\"translate(90.000000, 291.000000)\">\r\n\t\t\t\t\t\t<g transform=\"translate(0.000000, 36.000000)\">\r\n\t\t\t\t\t\t\t<g transform=\"translate(18.000000, 425.000000)\">\r\n\t\t\t\t\t\t\t\t<path d=\"M43.0805773,4.85045052 C42.5745403,2.94120573 41.0835802,1.43754427 39.1905137,0.927255208 C35.7591946,0 22,0 22,0 C22,0 8.24088594,0 4.80948632,0.927255208 C2.91641978,1.437625 1.42545969,2.94120573 0.919422706,4.85045052 C0,8.31106771 0,15.5313229 0,15.5313229 C0,15.5313229 0,22.7515781 0.919422706,26.2121953 C1.42545969,28.1214401 2.91641978,29.5624557 4.80948632,30.0727448 C8.24088594,31 22,31 22,31 C22,31 35.7591141,31 39.1905137,30.0727448 C41.0835802,29.5624557 42.5745403,28.1214401 43.0805773,26.2121953 C44,22.7515781 44,15.5313229 44,15.5313229 C44,15.5313229 44,8.31106771 43.0805773,4.85045052 Z M17.4999689,22.0867734 L17.4999689,8.9758724 L28.9999231,15.5314844 L17.4999689,22.0867734 Z\"></path>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default PlayMediaSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * PDF file SVG\r\n */\r\nfunction FilePDFSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 31\"\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<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<g transform=\"translate(-118.000000, -651.000000)\" fill=\"#3F4044\" fillRule=\"nonzero\">\r\n\t\t\t\t\t<g transform=\"translate(90.000000, 291.000000)\">\r\n\t\t\t\t\t\t<g transform=\"translate(0.000000, 36.000000)\">\r\n\t\t\t\t\t\t\t<g transform=\"translate(0.000000, 300.000000)\">\r\n\t\t\t\t\t\t\t\t<path d=\"M48.4374531,54.7499911 C49.9901837,54.7499911 51.2499464,53.4902284 51.2499464,51.9374978 L51.2499464,32.4785827 C51.2499464,31.7344324 50.9511418,31.0137424 50.4237993,30.4863999 L45.5077725,25.5703731 C44.9804301,25.0430306 44.2655766,24.7442261 43.5214263,24.7442261 L31.5624933,24.7442261 C30.0097626,24.7500626 28.75,26.0098252 28.75,27.5625559 L28.75,51.9374978 C28.75,53.4902284 30.0097626,54.7499911 31.5624933,54.7499911 L48.4374531,54.7499911 Z M48.4374531,51.9374978 L31.5624933,51.9374978 L31.5624933,27.5625559 L40.9374709,27.5625559 L40.9374709,33.6562914 C40.9374709,34.4355749 41.564434,35.062538 42.3437176,35.062538 L48.4374531,35.062538 L48.4374531,51.9374978 Z M48.2089151,32.2500447 L43.7499642,32.2500447 L43.7499642,27.7910938 L48.2089151,32.2500447 Z M37.9199,45.966786 C39.2324198,45.5332276 40.6620695,44.9999914 41.9277258,44.7890773 C43.0351107,45.3867436 44.3300639,45.7851687 45.1972379,45.7851687 C46.6913749,45.7851687 46.8378589,44.1328174 46.222626,43.5175845 C45.5077725,42.8144612 43.4687264,43.0078087 42.4491746,43.1367261 C41.4413531,42.5214931 40.7675266,41.6718858 40.2929412,40.4238533 C40.5214792,39.4805191 40.8847138,38.0449757 40.6093696,37.1426112 C40.363265,35.6074471 38.3944854,35.7598248 38.1132475,36.796886 C37.8554699,37.7402774 38.0898444,39.05274 38.5234028,40.7285516 C37.9374667,42.1289045 37.0644562,44.0097937 36.4492233,45.0878818 C35.2773511,45.6914418 33.6953236,46.6230459 33.4609492,47.7949181 C33.2675445,48.7206857 34.984383,51.0292968 37.9199,45.966786 Z M39.5019275,39.2988446 C39.2440927,38.4844277 39.2499864,36.9082367 39.3964704,36.9082367 C39.8300288,36.9082367 39.7890591,38.7890687 39.5019275,39.2988446 Z M37.9667635,44.912101 C38.5351329,43.9219033 39.0214484,42.7441374 39.4140371,41.7070763 C39.9003526,42.5918169 40.5214792,43.3007767 41.1776819,43.7871495 C39.9589462,44.0390905 38.8984247,44.5547029 37.9667635,44.912101 Z M43.4921295,44.1621142 C45.5487995,44.0097937 45.888631,44.4785426 45.6777169,44.619133 C45.625537,44.6648505 45.2445548,44.9107998 43.4921295,44.1621142 Z M34.6151975,48.076156 C34.9140592,47.2734693 36.050741,46.3476445 36.3964661,46.0253796 C35.2831875,47.8008118 34.6151975,48.1171829 34.6151975,48.076156 Z\"></path>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FilePDFSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Text file SVG\r\n */\r\nfunction FileWithTextSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 31\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-enlarge', 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<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M20.4374531,30.7499911 C21.9901837,30.7499911 23.2499464,29.4902284 23.2499464,27.9374978 L23.2499464,8.4785827 C23.2499464,7.7344324 22.9511418,7.0137424 22.4237993,6.4863999 L17.5077725,1.5703731 C16.9804301,1.0430306 16.2655766,0.7442261 15.5214263,0.7442261 L3.5624933,0.7442261 C2.0097626,0.7500626 0.75,2.0098252 0.75,3.5625559 L0.75,27.9374978 C0.75,29.4902284 2.0097626,30.7499911 3.5624933,30.7499911 L20.4374531,30.7499911 Z M20.4374531,27.9374978 L3.5624933,27.9374978 L3.5624933,3.5625559 L12.9374709,3.5625559 L12.9374709,9.6562914 C12.9374709,10.4355749 13.564434,11.062538 14.3437176,11.062538 L20.4374531,11.062538 L20.4374531,27.9374978 Z M13,20 L13,22 L6,22 L6,20 L13,20 Z M18,15 L18,17 L6,17 L6,15 L18,15 Z M15.7499642,3.7910938 L20.2089151,8.2500447 L15.7499642,8.2500447 L15.7499642,3.7910938 Z\"\r\n\t\t\t\t\tfill=\"#3F4044\"\r\n\t\t\t\t\tfillRule=\"nonzero\"\r\n\t\t\t\t></path>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FileWithTextSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Word Document file SVG\r\n */\r\nfunction FileWordDocSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 31\"\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<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<g transform=\"translate(-118.000000, -551.000000)\" fill=\"#3F4044\" fillRule=\"nonzero\">\r\n\t\t\t\t\t<g transform=\"translate(90.000000, 291.000000)\">\r\n\t\t\t\t\t\t<g transform=\"translate(0.000000, 36.000000)\">\r\n\t\t\t\t\t\t\t<g transform=\"translate(0.000000, 200.000000)\">\r\n\t\t\t\t\t\t\t\t<path d=\"M48.4374531,54.7499911 C49.9901837,54.7499911 51.2499464,53.4902284 51.2499464,51.9374978 L51.2499464,32.4785827 C51.2499464,31.7344324 50.9511418,31.0137424 50.4237993,30.4863999 L45.5077725,25.5703731 C44.9804301,25.0430306 44.2655766,24.7442261 43.5214263,24.7442261 L31.5624933,24.7442261 C30.0097626,24.7500626 28.75,26.0098252 28.75,27.5625559 L28.75,51.9374978 C28.75,53.4902284 30.0097626,54.7499911 31.5624933,54.7499911 L48.4374531,54.7499911 Z M48.4374531,51.9374978 L31.5624933,51.9374978 L31.5624933,27.5625559 L40.9374709,27.5625559 L40.9374709,33.6562914 C40.9374709,34.4355749 41.564434,35.062538 42.3437176,35.062538 L48.4374531,35.062538 L48.4374531,51.9374978 Z M48.2089151,32.2500447 L43.7499642,32.2500447 L43.7499642,27.7910938 L48.2089151,32.2500447 Z M38.1132475,49.1132743 C38.4355123,49.1132743 38.7167502,48.8964665 38.7929677,48.5800953 L39.841759,44.3964887 C39.9296494,44.0331968 39.988243,43.6933654 40.0175398,43.3828307 L40.1874842,44.3964887 C40.1933206,44.419949 40.9257408,47.355466 41.2362755,48.5800953 C41.3124929,48.89063 41.5937308,49.1132743 41.9159957,49.1132743 L43.3632693,49.1132743 C43.6855342,49.1132743 43.966772,48.8964665 44.0429323,48.5800953 C45.2616679,43.7812558 45.8124708,41.6074557 46.0644118,40.6113643 C46.1757626,40.1660186 45.8417676,39.7382967 45.3847489,39.7382967 L44.458924,39.7382967 L44.458924,39.7500268 C44.1249862,39.7500268 43.8378547,39.9844013 43.7734246,40.3066661 C42.5663619,46.0312733 42.578092,45.8965194 42.5429588,46.3711048 C42.5312286,46.300781 42.5194984,46.2187843 42.5019318,46.1191637 C42.4550683,45.820302 42.5194984,46.1308939 41.1190882,40.2890995 C41.042928,39.9726711 40.7616901,39.7500268 40.4335888,39.7500268 L39.654248,39.7500268 C39.3319831,39.7500268 39.0507452,39.9726711 38.9687485,40.2832058 C37.5390415,46.0839732 37.5625019,45.9199225 37.5155812,46.3593746 C37.5097447,46.2949445 37.5039083,46.2128906 37.4862903,46.11327 C37.4453147,45.808629 36.6601374,41.8183698 36.3671693,40.3125026 C36.3027393,39.9844013 36.0156077,39.7441903 35.6757762,39.7441903 L34.691415,39.7441903 C34.234339,39.7441903 33.9004012,40.1719123 34.0058583,40.6113643 C34.4746072,42.5214931 35.5703191,47.0273647 35.9511776,48.5800953 C36.0273378,48.8964665 36.3085757,49.1132743 36.6366771,49.1132743 L38.1132475,49.1132743 Z\"></path>\r\n\t\t\t\t\t\t\t</g>\r\n\t\t\t\t\t\t</g>\r\n\t\t\t\t\t</g>\r\n\t\t\t\t</g>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FileWordDocSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Excel file SVG\r\n */\r\nfunction FileExcelSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 24 31\"\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<g stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M19.6874531,30.0057649 C21.2401837,30.0057649 22.4999464,28.7460023 22.4999464,27.1932717 L22.4999464,7.73435656 C22.4999464,6.99020626 22.2011418,6.2695163 21.6737993,5.74217381 L16.7577725,0.826147017 C16.2304301,0.298804524 15.5155766,0 14.7714263,0 L2.81249329,0 C1.25976262,0.0058364729 0,1.26559909 0,2.81832977 L0,27.1932717 C0,28.7460023 1.25976262,30.0057649 2.81249329,30.0057649 L19.6874531,30.0057649 Z M19.6874531,27.1932717 L2.81249329,27.1932717 L2.81249329,2.81832977 L12.1874709,2.81832977 L12.1874709,8.91206524 C12.1874709,9.69134881 12.814434,10.3183119 13.5937176,10.3183119 L19.6874531,10.3183119 L19.6874531,27.1932717 Z M19.4589151,7.50581859 L14.9999642,7.50581859 L14.9999642,3.04686774 L19.4589151,7.50581859 Z M8.9589859,24.3807784 C9.21676346,24.3807784 9.4511379,24.2401308 9.57421881,24.0116501 C10.8456544,21.6679056 10.9218718,21.3749376 11.2499732,20.6307873 C12.1230409,22.4003258 11.5956984,21.5624486 12.9257275,24.0116501 C13.0488085,24.2401308 13.2890194,24.3807784 13.5468541,24.3807784 L15.2343387,24.3807784 C15.7792478,24.3807784 16.1132428,23.7948423 15.8437351,23.3260934 L13.1249687,18.7557918 C13.1659957,18.6913617 14.9003437,15.7968144 15.8378414,14.1854902 C16.1132428,13.7167413 15.7734113,13.1308052 15.2343387,13.1308052 L13.5468541,13.1308052 C13.2890194,13.1308052 13.0546449,13.2714527 12.9316212,13.4999335 C11.8769363,15.4394163 11.6308316,15.9843254 11.2558097,16.8807962 C10.4413928,15.1757451 10.8515481,15.8671382 9.58005528,13.4999335 C9.45703159,13.2714527 9.21676346,13.1308052 8.9589859,13.1308052 L7.26560768,13.1308052 C6.72069855,13.1308052 6.38670352,13.7167413 6.65621124,14.1854902 L9.36914118,18.7557918 L6.65621124,23.3260934 C6.38086705,23.7948423 6.72069855,24.3807784 7.26560768,24.3807784 L8.9589859,24.3807784 Z\"\r\n\t\t\t\t\tfill=\"#3F4044\"\r\n\t\t\t\t\tfillRule=\"nonzero\"\r\n\t\t\t\t></path>\r\n\t\t\t</g>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FileExcelSVG;\r\n","import React from 'react';\r\nimport { Asset, AssetType } from './types';\r\nimport PlayMediaSVG from 'shared/components/svg/PlayMediaSVG';\r\nimport FilePDFSVG from 'shared/components/svg/FilePDFSVG';\r\nimport FileWithTextSVG from 'shared/components/svg/FileWithTextSVG';\r\nimport FileWordDocSVG from 'shared/components/svg/FileWordDocSVG';\r\nimport FileExcelSVG from 'shared/components/svg/FileExcelSVG';\r\nimport FileSVG from 'shared/components/svg/FileSVG';\r\nimport QuestionMarkCircleSVG from 'shared/components/svg/QuestionMarkCircleSVG';\r\n\r\ninterface AssetDownloadIconProps {\r\n\tasset: Asset;\r\n\tassetIconClasses?: string;\r\n}\r\n\r\n/**\r\n * Icon for an asset based on its file type.\r\n */\r\nexport default function AssetIcon(props: AssetDownloadIconProps) {\r\n\tconst { asset, assetIconClasses } = props;\r\n\r\n\tif (asset.assetType === AssetType.Media || asset.assetType === AssetType.YouTube) {\r\n\t\treturn <PlayMediaSVG color=\"#383735\" className={assetIconClasses} />;\r\n\t} else if (asset.assetType === AssetType.Document) {\r\n\t\tconst fileExtension = asset.assetUrl.split('.').pop();\r\n\r\n\t\tswitch (fileExtension) {\r\n\t\t\tcase 'pdf':\r\n\t\t\t\treturn <FilePDFSVG className={assetIconClasses} />;\r\n\t\t\tcase 'txt':\r\n\t\t\tcase 'html':\r\n\t\t\tcase 'htm':\r\n\t\t\tcase 'xml':\r\n\t\t\t\treturn <FileWithTextSVG className={assetIconClasses} />;\r\n\t\t\tcase 'docx':\r\n\t\t\tcase 'doc':\r\n\t\t\tcase 'docm':\r\n\t\t\tcase 'dot':\r\n\t\t\tcase 'dotm':\r\n\t\t\tcase 'dotx':\r\n\t\t\t\treturn <FileWordDocSVG className={assetIconClasses} />;\r\n\t\t\tcase 'csv':\r\n\t\t\tcase 'xls':\r\n\t\t\tcase 'xlsx':\r\n\t\t\tcase 'xlsb':\r\n\t\t\tcase 'xlsm':\r\n\t\t\tcase 'xlt':\r\n\t\t\tcase 'xltm':\r\n\t\t\tcase 'xltx':\r\n\t\t\tcase 'xlw':\r\n\t\t\t\treturn <FileExcelSVG className={assetIconClasses} />;\r\n\t\t\tdefault:\r\n\t\t\t\treturn <FileSVG className={assetIconClasses} />;\r\n\t\t}\r\n\t} else {\r\n\t\treturn <QuestionMarkCircleSVG className={assetIconClasses} />;\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 * Download SVG\r\n *\r\n * @returns\r\n */\r\nfunction DownloadSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg viewBox=\"0 0 32 32\" className={classnames('roc-icon roc-icon-download', className)} {...rest}>\r\n\t\t\t<path d=\"M16 18l8-8h-6v-8h-4v8h-6zM23.273 14.727l-2.242 2.242 8.128 3.031-13.158 4.907-13.158-4.907 8.127-3.031-2.242-2.242-8.727 3.273v8l16 6 16-6v-8z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default DownloadSVG;\r\n","import React from 'react';\r\nimport { Asset } from './types';\r\nimport AssetIcon from './AssetIcon';\r\nimport DownloadSVG from 'shared/components/svg/DownloadSVG';\r\n\r\ninterface AssetDownloadIconProps {\r\n\tasset: Asset;\r\n\tassetIconClasses?: string;\r\n\tdownloadIconClasses?: string;\r\n}\r\n\r\n/**\r\n * Icon for downloading assets.\r\n */\r\nexport default function AssetDownloadIcon(props: AssetDownloadIconProps) {\r\n\tconst { asset, assetIconClasses, downloadIconClasses } = props;\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<AssetIcon asset={asset} assetIconClasses={assetIconClasses} />\r\n\t\t\t<div className={`${downloadIconClasses}-wrapper`}>\r\n\t\t\t\t<DownloadSVG className={downloadIconClasses} />\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n","import React from 'react';\r\n\r\ninterface ExternalMediaIFrameProps {\r\n\tembeddedUrl: string;\r\n\ttitle: string;\r\n}\r\n/**\r\n * This component display external media videos on front end\r\n */\r\nexport default function ExternalMediaIFrame(props: ExternalMediaIFrameProps) {\r\n\tconst { embeddedUrl, title } = props;\r\n\treturn (\r\n\t\t<div className=\"roc-embed-responsive roc-embed-responsive--16by9\">\r\n\t\t\t<iframe\r\n\t\t\t\tdata-testid=\"external-media-frame\"\r\n\t\t\t\ttitle={title}\r\n\t\t\t\tsrc={embeddedUrl}\r\n\t\t\t\tframeBorder=\"0\"\r\n\t\t\t\tallow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\r\n\t\t\t\tallowFullScreen\r\n\t\t\t\tclassName=\"roc-embed-responsive__item\"\r\n\t\t\t></iframe>\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 * Enlarge chevron SVG\r\n *\r\n * @returns\r\n */\r\nfunction EnlargeSVG({ 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-enlarge', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M27.285 29.287l-5.837-5.837c-0.568-0.568-0.568-1.489 0-2.057s1.489-0.568 2.057 0l5.782 5.782 0.075-6.124c-0.010-0.319 0.112-0.627 0.337-0.852s0.534-0.347 0.852-0.337c0.681 0.023 1.227 0.57 1.25 1.25l0.198 9.696c0.010 0.319-0.112 0.627-0.337 0.852s-0.534 0.347-0.852 0.337l-9.696-0.193c-0.681-0.024-1.228-0.57-1.252-1.252-0.010-0.319 0.112-0.627 0.337-0.852s0.534-0.347 0.852-0.337l6.233-0.076zM4.185 2.72c0.003 0.003 0.006 0.006 0.009 0.009l6.171 6.171c0.568 0.568 0.568 1.489 0 2.057s-1.489 0.568-2.057 0l-5.602-5.602-0.069 5.595c0.010 0.319-0.112 0.627-0.337 0.852s-0.534 0.347-0.852 0.337c-0.681-0.023-1.227-0.57-1.25-1.25l-0.198-9.696c-0.010-0.319 0.112-0.627 0.337-0.852s0.534-0.347 0.852-0.337l9.696 0.193c0.681 0.024 1.228 0.57 1.252 1.252 0.010 0.319-0.112 0.627-0.337 0.852s-0.534 0.347-0.852 0.337l-6.763 0.083zM2.71 26.991l5.599-5.599c0.568-0.568 1.489-0.568 2.057 0s0.568 1.489 0 2.057l-5.834 5.834 6.418 0.079c0.319-0.010 0.627 0.112 0.852 0.337s0.347 0.534 0.337 0.852c-0.023 0.681-0.57 1.227-1.25 1.25l-9.696 0.198c-0.319 0.010-0.627-0.112-0.852-0.337s-0.347-0.534-0.337-0.852l0.193-9.696c0.024-0.681 0.57-1.228 1.252-1.252 0.319-0.010 0.627 0.112 0.852 0.337s0.347 0.534 0.337 0.852l0.073 5.94zM29.292 5.17l-5.788 5.788c-0.568 0.568-1.489 0.568-2.057 0s-0.568-1.489 0-2.057l6.171-6.171c0.004-0.004 0.007-0.007 0.011-0.011l-6.579-0.081c-0.319 0.010-0.627-0.112-0.852-0.337s-0.347-0.534-0.337-0.852c0.023-0.681 0.57-1.227 1.25-1.25l9.696-0.198c0.319-0.010 0.627 0.112 0.852 0.337s0.347 0.534 0.337 0.852l-0.193 9.696c-0.024 0.681-0.57 1.228-1.252 1.252-0.319 0.010-0.627-0.112-0.852-0.337s-0.347-0.534-0.337-0.852l-0.071-5.779z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default EnlargeSVG;\r\n","import React from 'react';\r\nimport type { Dialog } from '@reach/dialog';\r\nimport { Localizer } from 'services/Localizer';\r\nimport XSVG from 'shared/components/svg/XSVG';\r\nimport Spinner from 'shared/components/Spinner';\r\nconst LazyDialog = React.lazy<typeof Dialog>(() =>\r\n\timport('@reach/dialog').then((module) => ({ default: module.Dialog })),\r\n);\r\n\r\ninterface ModalProps {\r\n\tisOpen: boolean;\r\n\tcloseModal: () => void;\r\n\tchildren?: React.ReactNode;\r\n}\r\n\r\nexport default function ProductImageModal(props: ModalProps) {\r\n\tconst { isOpen, closeModal, children } = props;\r\n\r\n\treturn (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<LazyDialog\r\n\t\t\t\tisOpen={isOpen}\r\n\t\t\t\tclassName=\"roc-image-modal\"\r\n\t\t\t\tonDismiss={() => closeModal()}\r\n\t\t\t\taria-label={Localizer('ProductImageModal')}\r\n\t\t\t\tas={'div'}\r\n\t\t\t>\r\n\t\t\t\t<div className=\"roc-modal__header\">\r\n\t\t\t\t\t<div className=\"roc-modal__title-container\" />\r\n\r\n\t\t\t\t\t<div className=\"roc-modal__close\">\r\n\t\t\t\t\t\t<button className=\"roc-modal__close-btn\" onClick={() => closeModal()} type=\"button\">\r\n\t\t\t\t\t\t\t<span className=\"roc-modal__close-text\">{Localizer('Close')}</span>\r\n\t\t\t\t\t\t\t<span className=\"roc-modal__close-icon\">\r\n\t\t\t\t\t\t\t\t<XSVG />\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div>{children}</div>\r\n\t\t\t</LazyDialog>\r\n\t\t</React.Suspense>\r\n\t);\r\n}\r\n","import classnames from 'classnames';\r\nimport React, { useEffect, useRef, useState } from 'react';\r\nimport type MediaQuery from 'react-responsive';\r\nimport { Localizer } from 'services/Localizer';\r\nimport AssetDownloadIcon from 'shared/assets/AssetDownloadIcon';\r\nimport AssetIcon from 'shared/assets/AssetIcon';\r\nimport ExternalMediaIFrame from 'shared/assets/ExternalMediaIFrame';\r\nimport LazyImage from 'shared/assets/LazyImage';\r\nimport { AssetType } from 'shared/assets/types';\r\nimport DownChevronSVG from 'shared/components/svg/DownChevronSVG';\r\nimport EnlargeSVG from 'shared/components/svg/EnlargeSVG';\r\nimport LeftChevronSVG from 'shared/components/svg/LeftChevronSVG';\r\nimport RightChevronSVG from 'shared/components/svg/RightChevronSVG';\r\nimport UpChevronSVG from 'shared/components/svg/UpChevronSVG';\r\nimport useSmoothScrollingPolyfill from 'shared/hooks/useSmoothScrollingPolyfill';\r\nimport ProductImageModal from './ProductImageModal';\r\nimport { ProductAsset } from './types';\r\nimport Spinner from 'shared/components/Spinner';\r\nconst LazyMediaQuery = React.lazy<typeof MediaQuery>(() => import('react-responsive'));\r\n\r\ninterface ProductAssetsProps {\r\n\tassets?: ProductAsset[] | null;\r\n}\r\n\r\nexport const productAssetPlaceholder: ProductAsset = {\r\n\taltText: 'Image not available',\r\n\tsortOrder: 1,\r\n\tthumbnailUrl: '/images/image-not-found-thumb.png',\r\n\tmainImageUrl: '/images/image-not-found.png',\r\n\tenlargedImageUrl: '/images/image-not-found.png',\r\n\tassetType: AssetType.Image,\r\n\tassetUrl: '/images/image-not-found.png',\r\n\tembeddedUrl: '',\r\n};\r\n\r\n/**\r\n * Returns the first asset from the set of provided assets or null if no default found\r\n */\r\nfunction initMainProductAsset(assets?: ProductAsset[] | null): ProductAsset | null {\r\n\tif (assets == null || assets.length === 0) {\r\n\t\treturn null;\r\n\t}\r\n\tconst defaultAsset = assets\r\n\t\t.sort(compareAssets)\r\n\t\t.find((asset) => asset.assetType === AssetType.Image || asset.assetType === AssetType.YouTube);\r\n\treturn defaultAsset || null;\r\n}\r\n\r\n/**\r\n * Returns list of alternative assets (including the main asset).\r\n */\r\nfunction initAltAssets(assets?: ProductAsset[] | null): ProductAsset[] {\r\n\tif (!assets || assets === null || assets.length === 0) {\r\n\t\treturn [productAssetPlaceholder];\r\n\t}\r\n\treturn assets.sort(compareAssets);\r\n}\r\n\r\nconst compareAssets = (a: ProductAsset, b: ProductAsset) => a.sortOrder - b.sortOrder;\r\n\r\n/**\r\n * Displays assets for a product, including alternate assets, and handles swapping\r\n */\r\nexport default function ProductAssets(props: ProductAssetsProps) {\r\n\tconst [mainAsset, setMainAsset] = useState(productAssetPlaceholder);\r\n\tconst [altAssets, setAltAssets] = useState<ProductAsset[]>([]);\r\n\tconst [isImageSliderModalOpen, setIsImageSliderModalOpen] = useState(false);\r\n\r\n\tconst carousel = useRef<HTMLUListElement>(null);\r\n\r\n\tconst nodes = new Map();\r\n\tuseSmoothScrollingPolyfill();\r\n\r\n\tuseEffect(() => {\r\n\t\tconst newMainAsset = initMainProductAsset(props.assets);\r\n\r\n\t\tif (newMainAsset) {\r\n\t\t\tsetMainAsset(newMainAsset);\r\n\t\t} else {\r\n\t\t\tsetMainAsset(productAssetPlaceholder);\r\n\t\t}\r\n\r\n\t\tconst initialThumbnails = initAltAssets(props.assets);\r\n\t\tsetAltAssets(initialThumbnails);\r\n\t}, [props.assets]);\r\n\r\n\t/**\r\n\t * Replaces the main image with the provided one\r\n\t * @param e\r\n\t * @param asset\r\n\t */\r\n\tfunction changeMainImage(e: React.MouseEvent<HTMLButtonElement, MouseEvent>, asset: ProductAsset): void {\r\n\t\te.preventDefault();\r\n\t\tsetMainAsset(asset);\r\n\t}\r\n\r\n\t/**\r\n\t * Scrolsl the carousel\r\n\t *\r\n\t * @param {boolean} up\r\n\t * @returns\r\n\t */\r\n\tfunction scrollCarousel(up: boolean) {\r\n\t\tif (Array.from(nodes.values()).length === 0) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (!carousel || !carousel.current) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst item = Array.from(nodes.values()).filter((node) => node != null)[0];\r\n\r\n\t\tif (window.innerWidth > 767) {\r\n\t\t\tcarousel.current.scrollBy(0, up ? -item.clientHeight : item.clientHeight);\r\n\t\t} else {\r\n\t\t\tcarousel.current.scrollBy(up ? -item.clientHeight : item.clientHeight, 0);\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Handle previous button click\r\n\t *\r\n\t */\r\n\tfunction handlePreviousButton() {\r\n\t\tscrollCarousel(true);\r\n\t}\r\n\r\n\t/**\r\n\t * Handle next button click\r\n\t *\r\n\t */\r\n\tfunction handleNextButton() {\r\n\t\tscrollCarousel(false);\r\n\t}\r\n\r\n\tconst assetScroller = (\r\n\t\t<div className=\"roc-pdp-assets__scroller\" data-testid=\"asset-scroller\">\r\n\t\t\t<div className=\"roc-pdp-asset-scroller\">\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tonClick={handlePreviousButton}\r\n\t\t\t\t\tclassName=\"roc-pdp-asset-scroller__navigation roc-pdp-asset-scroller__navigation--up\"\r\n\t\t\t\t\taria-label=\"Previous\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<LazyMediaQuery maxWidth={767}>\r\n\t\t\t\t\t\t<LeftChevronSVG />\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t\t<LazyMediaQuery minWidth={768}>\r\n\t\t\t\t\t\t<UpChevronSVG />\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t</button>\r\n\t\t\t\t<ul ref={carousel} className=\"roc-pdp-asset-scroller__track\">\r\n\t\t\t\t\t{altAssets.map((altAsset, i) => (\r\n\t\t\t\t\t\t<li\r\n\t\t\t\t\t\t\tkey={altAsset.sortOrder}\r\n\t\t\t\t\t\t\tref={(c) => nodes.set(i, c)}\r\n\t\t\t\t\t\t\tclassName=\"roc-pdp-asset-scroller__item\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{altAsset.assetType === AssetType.Image || altAsset.assetType === AssetType.YouTube ? (\r\n\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\tclassName={\r\n\t\t\t\t\t\t\t\t\t\t'roc-pdp-asset-scroller__button' +\r\n\t\t\t\t\t\t\t\t\t\t(altAsset.mainImageUrl === mainAsset.mainImageUrl\r\n\t\t\t\t\t\t\t\t\t\t\t? ' roc-pdp-asset-scroller__button--active'\r\n\t\t\t\t\t\t\t\t\t\t\t: '')\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\tonClick={(event) => changeMainImage(event, altAsset)}\r\n\t\t\t\t\t\t\t\t\taria-label=\"Select image\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{altAsset.assetType === AssetType.Image ? (\r\n\t\t\t\t\t\t\t\t\t\t<LazyImage\r\n\t\t\t\t\t\t\t\t\t\t\talt={altAsset.altText}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-pdp-asset-scroller__image\"\r\n\t\t\t\t\t\t\t\t\t\t\tsrc={altAsset.thumbnailUrl}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t\t\t<AssetIcon\r\n\t\t\t\t\t\t\t\t\t\t\t\tasset={altAsset}\r\n\t\t\t\t\t\t\t\t\t\t\t\tassetIconClasses={classnames(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'roc-pdp-asset-scroller__image roc-pdp-asset-scroller__image--svg',\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'roc-pdp-asset-scroller__image--svg-overlay':\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taltAsset.assetType === AssetType.YouTube,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t<LazyImage\r\n\t\t\t\t\t\t\t\t\t\t\t\talt={altAsset.altText}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames('roc-pdp-asset-scroller__image', {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'roc-pdp-asset-scroller__image--overlay':\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taltAsset.assetType === AssetType.YouTube,\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\tsrc={altAsset.thumbnailUrl}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\thref={altAsset.assetUrl}\r\n\t\t\t\t\t\t\t\t\tdownload\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-pdp-asset-scroller__button\"\r\n\t\t\t\t\t\t\t\t\taria-label=\"Download asset\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<AssetDownloadIcon\r\n\t\t\t\t\t\t\t\t\t\tasset={altAsset}\r\n\t\t\t\t\t\t\t\t\t\tassetIconClasses=\"roc-pdp-asset-scroller__image roc-pdp-asset-scroller__image--svg\"\r\n\t\t\t\t\t\t\t\t\t\tdownloadIconClasses=\"roc-pdp-asset-scroller__button-download-icon\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</ul>\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tonClick={handleNextButton}\r\n\t\t\t\t\tclassName=\"roc-pdp-asset-scroller__navigation roc-pdp-asset-scroller__navigation--down\"\r\n\t\t\t\t\taria-label=\"Next\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<LazyMediaQuery maxWidth={767}>\r\n\t\t\t\t\t\t<RightChevronSVG />\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t\t<LazyMediaQuery minWidth={768}>\r\n\t\t\t\t\t\t<DownChevronSVG />\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n\r\n\tconst mainImageContent = (\r\n\t\t<div className=\"roc-pdp-assets__main\" data-testid=\"main-image-wrapper\">\r\n\t\t\t{mainAsset.assetType !== AssetType.YouTube ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<div className=\"roc-pdp-main-image__image-wrapper\">\r\n\t\t\t\t\t\t<LazyImage\r\n\t\t\t\t\t\t\tsrc={mainAsset.mainImageUrl}\r\n\t\t\t\t\t\t\talt={mainAsset.altText}\r\n\t\t\t\t\t\t\tclassName=\"roc-pdp-main-image__image\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-pdp-main-image__options\">\r\n\t\t\t\t\t\t<div className=\"roc-pdp-main-image__options-item\">\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-pdp-main-image__option-btn\"\r\n\t\t\t\t\t\t\t\tonClick={() => setIsImageSliderModalOpen(true)}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<div className=\"roc-pdp-main-image__options-item-icon\">\r\n\t\t\t\t\t\t\t\t\t<EnlargeSVG />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"roc-pdp-main-image__options-item-text\">\r\n\t\t\t\t\t\t\t\t\t<span>{Localizer('ViewLarger')}</span>\r\n\t\t\t\t\t\t\t\t</div>\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</div>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<ExternalMediaIFrame embeddedUrl={mainAsset.embeddedUrl} title={mainAsset.altText} />\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n\r\n\treturn (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<>\r\n\t\t\t\t{\r\n\t\t\t\t\t<ProductImageModal\r\n\t\t\t\t\t\tisOpen={isImageSliderModalOpen}\r\n\t\t\t\t\t\tcloseModal={() => {\r\n\t\t\t\t\t\t\tsetIsImageSliderModalOpen(false);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tsrc={mainAsset.enlargedImageUrl}\r\n\t\t\t\t\t\t\talt={mainAsset.altText}\r\n\t\t\t\t\t\t\tclassName=\"roc-pdp-main-image__fullscreen-image\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</ProductImageModal>\r\n\t\t\t\t}\r\n\t\t\t\t<div className=\"roc-pdp-assets\">\r\n\t\t\t\t\t<LazyMediaQuery maxWidth={767}>\r\n\t\t\t\t\t\t{mainImageContent}\r\n\t\t\t\t\t\t{assetScroller}\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t\t<LazyMediaQuery minWidth={768}>\r\n\t\t\t\t\t\t{assetScroller}\r\n\t\t\t\t\t\t{mainImageContent}\r\n\t\t\t\t\t</LazyMediaQuery>\r\n\t\t\t\t</div>\r\n\t\t\t</>\r\n\t\t</React.Suspense>\r\n\t);\r\n}\r\n","import { useEffect } from 'react';\r\nimport smoothscroll from 'smoothscroll-polyfill';\r\n\r\nexport default function useSmoothScrollingPolyfill() {\r\n\tuseEffect(() => {\r\n\t\tsmoothscroll.polyfill();\r\n\t}, []);\r\n}\r\n","// Extra large desktop breakpoint.\r\nexport const xlg = 1200;\r\n\r\n// Desktop breakpoint.\r\nexport const lg = 992;\r\n\r\n// Tablet breakpoint.\r\nexport const md = 768;\r\n\r\n// Mobile breakpoint.\r\nexport const sm = 576;\r\n","import React from 'react';\r\nimport useDelayedDisplay from 'shared/hooks/useDelayedDisplay';\r\nimport classnames from 'classnames';\r\n\r\ntype SpinnerAlignment = 'left' | 'right' | 'none';\r\n\r\ninterface SpinnerProps {\r\n\tlight?: boolean;\r\n\twaitMs?: number;\r\n\talign?: SpinnerAlignment;\r\n\tblock?: boolean;\r\n\tparentCentered?: boolean;\r\n}\r\n\r\n/**\r\n * Reusable roc-spinner component with color, alignment and wait time props.\r\n *\r\n * @export\r\n * @param {SpinnerProps} { light = false, waitMs = 200, align = 'right', block }\r\n * @returns\r\n */\r\nexport default function Spinner({\r\n\tlight = false,\r\n\twaitMs = 200,\r\n\talign = 'right',\r\n\tblock,\r\n\tparentCentered = false,\r\n}: SpinnerProps) {\r\n\tconst display = useDelayedDisplay(waitMs);\r\n\r\n\tif (!display) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst spinner = (\r\n\t\t<div\r\n\t\t\tclassName={classnames('roc-spinner', {\r\n\t\t\t\t'roc-spinner--align-none': align === 'none',\r\n\t\t\t\t'roc-spinner--light': light,\r\n\t\t\t\t'roc-spinner--block': block,\r\n\t\t\t\t'roc-spinner--left': align === 'left',\r\n\t\t\t\t'roc-spinner--right': align === 'right',\r\n\t\t\t})}\r\n\t\t\tdata-testid=\"spinner\"\r\n\t\t>\r\n\t\t\t<div className=\"roc-spinner__body\">\r\n\t\t\t\t<div className=\"roc-spinner__cube1\" />\r\n\t\t\t\t<div className=\"roc-spinner__cube2\" />\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n\r\n\tif (parentCentered) {\r\n\t\treturn <div className=\"roc-spinner__centered-parent\">{spinner}</div>;\r\n\t}\r\n\r\n\treturn spinner;\r\n}\r\n","import React, { useContext } from 'react';\r\nimport { UseShoppingCartState, UseShoppingCartActor } from './useShoppingCart';\r\n\r\nexport interface ShoppingCartContext {\r\n\tstate: UseShoppingCartState;\r\n\tactor: UseShoppingCartActor;\r\n}\r\n\r\n/**\r\n * Shopping Cart Context that prevents prop drilling and provides access to all lifted shopping cart state\r\n */\r\nconst ShoppingCartContext = React.createContext<ShoppingCartContext | null>(null);\r\n\r\nexport default ShoppingCartContext;\r\n\r\n/**\r\n * Custom hook that provides a shortcut to accessing Shopping Cart Context. It also checks to make sure\r\n * that there's a value provided for context, meaning that any components calling it are underneath\r\n * the ShoppingCartContext.Provider component.\r\n */\r\nexport function useShoppingCartContext() {\r\n\tconst shoppingCartContext = useContext(ShoppingCartContext);\r\n\r\n\tif (shoppingCartContext === null) {\r\n\t\tthrow new Error('No ShoppingCartContext.Provider found.');\r\n\t}\r\n\r\n\treturn shoppingCartContext;\r\n}\r\n","import { AxiosError } from 'axios';\r\nimport { useEffect, useState } from 'react';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\nimport { Localizer } from 'services/Localizer';\r\nimport {\r\n\tAddAllToCartResponse,\r\n\tAddToCartResponse,\r\n\tBulkAddToCartResponse,\r\n\tCartSummary,\r\n\tGetCartResult,\r\n\tMoveSavedProductToCartResult,\r\n} from 'services/UserData.Commerce';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { AddToCartExceptionCode } from '../product-details/types';\r\nimport { OrderMessage } from './OrderMessages';\r\nimport {\r\n\tAddAllToCartProps as AddAllToCartParams,\r\n\tAddToCartProps as AddToCartParams,\r\n\tBulkAddToCartProps,\r\n\tGetSavedProductsResult,\r\n\tMoveStatus,\r\n\tOrder,\r\n\tOrderItem,\r\n\tOrderRecipient,\r\n} from './types';\r\n\r\nexport interface UseShoppingCart {\r\n\tstate: UseShoppingCartState;\r\n\tactor: UseShoppingCartActor;\r\n}\r\n\r\nexport interface UseShoppingCartState {\r\n\torder?: Order | null;\r\n\tsavedProducts?: GetSavedProductsResult | null;\r\n\tcartTotalItemCount: number;\r\n\r\n\torderIsUpdating: boolean;\r\n\tupdatingOrderItemId: string | null;\r\n\torderItemBeingRemovedId: string | null;\r\n\tupdatingSavedProductId: string | null;\r\n\tupdatingSavedProductPricingLineId: string | null;\r\n\tsavedProductBeingRemovedId: string | null;\r\n\tsavedProductBeingRemovedPricingLineId: string | null;\r\n\r\n\tstoredForUndoItem: OrderItem | null;\r\n\tstoredForUndoItemIndex: {\r\n\t\trecipientId: string;\r\n\t\titemIndex: number;\r\n\t} | null;\r\n\tlastMoveStatus: MoveStatus | null;\r\n\tisUndoClickedState: boolean;\r\n\r\n\terrorMessage: string | null;\r\n\terror: Error | AxiosError | null;\r\n\terrorType: AddToCartExceptionCode | null;\r\n}\r\n\r\nexport interface UseShoppingCartActor {\r\n\taddToCart: (props: AddToCartParams) => Promise<AddToCartResponse | null>;\r\n\tbulkAddToCart: (props: BulkAddToCartProps) => Promise<BulkAddToCartResponse | null>;\r\n\taddAllFromListToCurrentCart: (props: AddAllToCartParams) => Promise<AddAllToCartResponse | null>;\r\n\taddAllFromListToNewCart: (props: AddAllToCartParams) => Promise<BulkAddToCartResponse | null>;\r\n\tchangeOrderItemQuantity: (itemToUpdate: OrderItem, newQuantity: number) => Promise<void>;\r\n\tmoveItemToSaved: (itemToMove: OrderItem) => Promise<void>;\r\n\tremoveOrderItem: (itemToRemove: OrderItem) => Promise<void>;\r\n\r\n\taddToSavedProducts: (itemToAdd: OrderItem) => Promise<void>;\r\n\tmoveSavedProductToCart: (\r\n\t\tproductToMoveId: string,\r\n\t\tproductName: string,\r\n\t\tpricingLineId: string,\r\n\t\tquantity: number,\r\n\t) => Promise<void>;\r\n\tremoveSavedProduct: (\r\n\t\tproductToRemoveId: string,\r\n\t\tproductToRemoveName: string,\r\n\t\tpricingLineId: string,\r\n\t) => Promise<void>;\r\n\r\n\tsetErrorMessage: (errorMessage: string | null) => void;\r\n\tsetError: (error: Error | AxiosError | null) => void;\r\n\thandleUndo: () => Promise<void>;\r\n\r\n\tupdateOrder: (newCart: Order) => void;\r\n\t/**\r\n\t * Sets order messages to displayed whenever the server returns order related ajax requests\r\n\t * within any component tgat is using this hook.\r\n\t */\r\n\tupdateOrderMessages: (orderMessages: OrderMessage[]) => void;\r\n}\r\n\r\nexport interface UseShoppingCartParams {\r\n\torder?: Order | null;\r\n\tsetOrder?: (order: Order) => void;\r\n\tsavedProducts?: GetSavedProductsResult | null;\r\n\tsetSavedProducts?: (savedProducts: GetSavedProductsResult) => void;\r\n\tcartSummary?: CartSummary | null;\r\n\tsetCartSummary?: (cartSummary: CartSummary) => void;\r\n\torderMessages?: OrderMessage[];\r\n\tsetOrderMessages?: (orderMessages: OrderMessage[]) => void;\r\n}\r\n\r\n/**\r\n * Reusable hook to access ShoppingCart-related endpoints on the server, as well as helping manage\r\n * the items inside the shopping cart.\r\n */\r\nexport default function useShoppingCart(useShoppingCartParams?: UseShoppingCartParams): UseShoppingCart {\r\n\tconst params = useShoppingCartParams || {};\r\n\tconst { order, setOrder, savedProducts, setSavedProducts, setCartSummary, setOrderMessages } = params;\r\n\r\n\t// to indicate that a cart is being updated after its item has been removed/updated\r\n\tconst [updatingOrderItemId, setUpdatingOrderItemId] = useState<string | null>(null);\r\n\r\n\t// to store the id of the order item being removed\r\n\tconst [orderItemBeingRemovedId, setOrderItemBeingRemovedId] = useState<string | null>(null);\r\n\r\n\t// total items count in the cart\r\n\tconst [cartTotalItemCount, setCartTotalItemCount] = useState(0);\r\n\r\n\t// to store the id and the unit of measure id of the item being moved\r\n\tconst [updatingSavedProductId, setUpdatingSavedProductId] = useState<string | null>(null);\r\n\tconst [updatingSavedProductPricingLineId, setUpdatingSavedProductPricingLineId] = useState<string | null>(null);\r\n\r\n\t// to store the id and the unit of measure id of the item being removed\r\n\tconst [savedProductBeingRemovedId, setSavedProductBeingRemovedId] = useState<string | null>(null);\r\n\tconst [savedProductBeingRemovedPricingLineId, setSavedProductBeingRemovedPricingLineId] = useState<string | null>(\r\n\t\tnull,\r\n\t);\r\n\r\n\t// stores the last removed item and item index to be able to undo the last move or removal\r\n\tconst [storedForUndoItem, setStoredForUndoItem] = useState<OrderItem | null>(null);\r\n\tconst [storedForUndoItemIndex, setStoredForUndoItemIndex] = useState<{\r\n\t\trecipientId: string;\r\n\t\titemIndex: number;\r\n\t} | null>(null);\r\n\r\n\t// stores what the last action was, such as removing an item from the cart or moving an item to the saved products list\r\n\tconst [lastMoveStatus, setLastMoveStatus] = useState<MoveStatus | null>(null);\r\n\r\n\t// stores whether the undo button was clicked, to decide whether to clear the undo state when running a function or not\r\n\tlet isUndoClicked: boolean = false;\r\n\tconst [isUndoClickedState, setIsUndoClickedState] = useState(false);\r\n\r\n\t// stores the error message and error type to display\r\n\tconst [error, setError] = useState<Error | AxiosError | null>(null);\r\n\tconst [errorMessage, setErrorMessage] = useState<string | null>(null);\r\n\tconst [errorType, setErrorType] = useState<AddToCartExceptionCode | null>(null);\r\n\r\n\t// whether the order is updating\r\n\tconst orderIsUpdating =\r\n\t\t(orderItemBeingRemovedId ||\r\n\t\t\tupdatingOrderItemId ||\r\n\t\t\tupdatingSavedProductId ||\r\n\t\t\tupdatingSavedProductPricingLineId ||\r\n\t\t\tsavedProductBeingRemovedId ||\r\n\t\t\tsavedProductBeingRemovedPricingLineId) != null || isUndoClickedState;\r\n\r\n\tconst clearUndoState = () => {\r\n\t\tsetStoredForUndoItem(null);\r\n\t\tsetStoredForUndoItemIndex(null);\r\n\t\tsetLastMoveStatus(null);\r\n\t};\r\n\r\n\tconst dispatchAddToCartEvent = (result: AddToCartResponse) => {\r\n\t\tdispatchRocEvent('added-to-cart', {\r\n\t\t\titems: [\r\n\t\t\t\t{\r\n\t\t\t\t\tid: result.productId,\r\n\t\t\t\t\tadjustedQuantity: result.adjustedQuantity,\r\n\t\t\t\t\tname: result.name,\r\n\t\t\t\t\tprice: result.snapshotSalePrice ? result.snapshotSalePrice : result.snapshotBasePrice,\r\n\t\t\t\t\tsku: result.sku,\r\n\t\t\t\t\tcurrency: result.snapshotCurrencyISO,\r\n\t\t\t\t\tproductGroupId: result.productGroupId,\r\n\t\t\t\t\tselections: result.selections,\r\n\t\t\t\t},\r\n\t\t\t],\r\n\t\t});\r\n\t};\r\n\r\n\t/**\r\n\t * Updates the cart, saved products, and cart summary\r\n\t * @param response\r\n\t * @param cartSummary\r\n\t */\r\n\tconst updateCartState = (response?: GetCartResult | null) => {\r\n\t\tif (!response) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (response.cart) {\r\n\t\t\tif (!setOrder) {\r\n\t\t\t\tconsole.warn('setOrder called but not defined.');\r\n\t\t\t} else {\r\n\t\t\t\tsetOrder(response.cart);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (response.savedProducts) {\r\n\t\t\tif (!setSavedProducts) {\r\n\t\t\t\tconsole.warn('setSavedProducts called but not defined.');\r\n\t\t\t} else {\r\n\t\t\t\tsetSavedProducts(response.savedProducts);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tif (response.cartSummary) {\r\n\t\t\tif (!setCartSummary) {\r\n\t\t\t\tconsole.warn('setCartSummary called but not defined.');\r\n\t\t\t} else {\r\n\t\t\t\tsetCartSummary(response.cartSummary);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tupdateOrderMessages(response.orderMessages);\r\n\t};\r\n\r\n\t// this runs when the component is mounted and every time the order changes because we want\r\n\t// to recalculate cart total item count\r\n\tuseEffect(() => {\r\n\t\tif (!order) {\r\n\t\t\tsetCartTotalItemCount(0);\r\n\t\t} else {\r\n\t\t\tconst itemsCount = order.recipients.reduce((itemsQty: number, orderRecipient: OrderRecipient) => {\r\n\t\t\t\titemsQty += orderRecipient.items.reduce((recipientQty: number, orderItem: OrderItem) => {\r\n\t\t\t\t\trecipientQty += orderItem.quantity;\r\n\t\t\t\t\treturn recipientQty;\r\n\t\t\t\t}, 0);\r\n\t\t\t\treturn itemsQty;\r\n\t\t\t}, 0);\r\n\r\n\t\t\tsetCartTotalItemCount(itemsCount);\r\n\t\t}\r\n\t\tclearUndoState();\r\n\t}, [order]);\r\n\r\n\t//#region Shopping Cart\r\n\r\n\t/**\r\n\t * Adds the last removed item to the cart\r\n\t */\r\n\tconst addToCart = async (props: AddToCartParams) => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetUpdatingOrderItemId(props.itemId);\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.post<AddToCartResponse>('/ajax/cart', {\r\n\t\t\t\tproductId: props.itemId,\r\n\t\t\t\tquantity: props.quantity,\r\n\t\t\t\tproductPricingLineId: props.productPricingLineId,\r\n\t\t\t\tsavedProductsPageNumber: savedProducts?.pagination?.pageNumber || 1,\r\n\t\t\t\tsavedProductsPageSize: savedProducts?.pagination?.pageSize || 1000000,\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\r\n\t\t\tif (response.data) {\r\n\t\t\t\tdispatchAddToCartEvent(response.data);\r\n\t\t\t}\r\n\r\n\t\t\treturn response.data;\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when undoing a remove from cart action', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data) {\r\n\t\t\t\tif (axiosError.response.data.message) {\r\n\t\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t\t}\r\n\t\t\t\tif (axiosError.response.data.exceptionCode) {\r\n\t\t\t\t\tsetErrorType(axiosError.response.data.exceptionCode);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthrow error;\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t} finally {\r\n\t\t\tsetUpdatingOrderItemId(null);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Adds multiple items to cart\r\n\t */\r\n\tconst bulkAddToCart = async (props: BulkAddToCartProps) => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tprops.items.forEach((element) => {\r\n\t\t\tsetUpdatingOrderItemId(element.itemId);\r\n\t\t});\r\n\r\n\t\ttry {\r\n\t\t\tconst request = {\r\n\t\t\t\tproductInfo: props.items.map((item, index) => {\r\n\t\t\t\t\treturn {\r\n\t\t\t\t\t\tproductId: item.itemId,\r\n\t\t\t\t\t\tproductPricingLineId: item.productPricingLineId,\r\n\t\t\t\t\t\tquantity: item.quantity,\r\n\t\t\t\t\t\tindex: index,\r\n\t\t\t\t\t};\r\n\t\t\t\t}),\r\n\t\t\t};\r\n\t\t\tconst response = await AxiosHelper.post<BulkAddToCartResponse>('/ajax/cart/bulk', request);\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\r\n\t\t\tif (response.data.processedItems && response.data.processedItems.length > 0) {\r\n\t\t\t\tdispatchRocEvent('added-to-cart', {\r\n\t\t\t\t\titems: response.data.processedItems.map((item) => {\r\n\t\t\t\t\t\treturn {\r\n\t\t\t\t\t\t\tadjustedQuantity: item.adjustedQuantity,\r\n\t\t\t\t\t\t\tid: item.productId,\r\n\t\t\t\t\t\t\tname: item.name,\r\n\t\t\t\t\t\t\tsku: item.sku,\r\n\t\t\t\t\t\t\tprice: item.snapshotSalePrice ? item.snapshotSalePrice : item.snapshotBasePrice,\r\n\t\t\t\t\t\t\tcurrency: item.snapshotCurrencyISO,\r\n\t\t\t\t\t\t\tproductGroupId: item.productGroupId,\r\n\t\t\t\t\t\t\tselections: item.selections,\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t}),\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\treturn response.data;\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when undoing a remove from cart action', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data) {\r\n\t\t\t\tif (axiosError.response.data.message) {\r\n\t\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t\t}\r\n\t\t\t\tif (axiosError.response.data.exceptionCode) {\r\n\t\t\t\t\tsetErrorType(axiosError.response.data.exceptionCode);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthrow error;\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t} finally {\r\n\t\t\tsetUpdatingOrderItemId(null);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Add all items from the specified shopping list to the cart\r\n\t */\r\n\tconst addAllFromListToCurrentCart = async (props: AddAllToCartParams) => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.post<AddAllToCartResponse>(\r\n\t\t\t\t`/ajax/shopping-lists/${props.shoppingListId}/to-cart`,\r\n\t\t\t\t{\r\n\t\t\t\t\tdisplayedItemsCount: 3,\r\n\t\t\t\t\tshoppingListProductIds: props.selectedShoppingListProductIds,\r\n\t\t\t\t},\r\n\t\t\t);\r\n\r\n\t\t\treturn response.data;\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when adding all products to cart', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data) {\r\n\t\t\t\tif (axiosError.response.data.message) {\r\n\t\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t\t}\r\n\t\t\t\tif (axiosError.response.data.exceptionCode) {\r\n\t\t\t\t\tsetErrorType(axiosError.response.data.exceptionCode);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthrow error;\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Add all items from the specified shopping list to the new cart\r\n\t */\r\n\tconst addAllFromListToNewCart = async (props: AddAllToCartParams) => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.post<BulkAddToCartResponse>(\r\n\t\t\t\t`/ajax/shopping-lists/${props.shoppingListId}/to-new-cart`,\r\n\t\t\t\t{\r\n\t\t\t\t\tdisplayedItemsCount: 3,\r\n\t\t\t\t\tshoppingListProductIds: props.selectedShoppingListProductIds,\r\n\t\t\t\t},\r\n\t\t\t);\r\n\r\n\t\t\treturn response.data;\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when adding all products to cart', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data) {\r\n\t\t\t\tif (axiosError.response.data.message) {\r\n\t\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t\t}\r\n\t\t\t\tif (axiosError.response.data.exceptionCode) {\r\n\t\t\t\t\tsetErrorType(axiosError.response.data.exceptionCode);\r\n\t\t\t\t}\r\n\t\t\t} else {\r\n\t\t\t\tthrow error;\r\n\t\t\t}\r\n\r\n\t\t\treturn null;\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Moves a product from the shopping cart to the user's saved products list\r\n\t * @param itemToMove\r\n\t */\r\n\tconst moveItemToSaved = async (itemToMove: OrderItem) => {\r\n\t\tif (!setSavedProducts || !setOrder || !order) {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t'Saved product move to cart requested with one or more of the following undefined:\\n' +\r\n\t\t\t\t\t'setSavedProducts, setOrder, order',\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetUpdatingOrderItemId(itemToMove.id);\r\n\r\n\t\ttry {\r\n\t\t\tif (!order || !order.recipients) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst response = await AxiosHelper.post<GetCartResult>('/ajax/saved-products/from-cart', {\r\n\t\t\t\tproductId: itemToMove.product.id,\r\n\t\t\t\titemId: itemToMove.id,\r\n\t\t\t\tproductPricingLineId: itemToMove.pricingLine.id,\r\n\t\t\t\tquantity: itemToMove.quantity,\r\n\t\t\t\tsavedProductsPageNumber:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageNumber) || 1,\r\n\t\t\t\tsavedProductsPageSize:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageSize) || 1000000,\r\n\t\t\t});\r\n\r\n\t\t\t// Find and save the moved item index\r\n\t\t\torder.recipients.map((recipient) => {\r\n\t\t\t\tsetStoredForUndoItemIndex({\r\n\t\t\t\t\trecipientId: recipient.id,\r\n\t\t\t\t\titemIndex: recipient.items.indexOf(itemToMove),\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\t\t\tsetStoredForUndoItem(itemToMove);\r\n\t\t\tsetLastMoveStatus(MoveStatus.MovedToSaved);\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when saving order item for later', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data && axiosError.response.data.message) {\r\n\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMessage(Localizer('ProblemWhenSavingItem', itemToMove.name));\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tsetUpdatingOrderItemId(null);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Updates the quantity of the requested item with the new one\r\n\t * @param itemToUpdate\r\n\t * @param newQuantity\r\n\t */\r\n\tconst changeOrderItemQuantity = async (itemToUpdate: OrderItem, newQuantity: number) => {\r\n\t\tif (!setOrder) {\r\n\t\t\tconsole.warn('Item order quantity change requested with no setOrder function defined.');\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetUpdatingOrderItemId(itemToUpdate.id);\r\n\r\n\t\ttry {\r\n\t\t\tif (!order) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst response = await AxiosHelper.post<GetCartResult>('/ajax/cart/update', {\r\n\t\t\t\titemId: itemToUpdate.id,\r\n\t\t\t\tquantity: newQuantity,\r\n\t\t\t\tsavedProductsPageNumber:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageNumber) || 1,\r\n\t\t\t\tsavedProductsPageSize:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageSize) || 1000000,\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\t\t} catch (error) {\r\n\t\t\tconsole.warn(`Error when updating ${itemToUpdate.name}' quantity`, error);\r\n\r\n\t\t\tsetError(error);\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data && axiosError.response.data.message) {\r\n\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMessage(Localizer('ProblemWhenUpdatingItem', itemToUpdate.name));\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tsetUpdatingOrderItemId(null);\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Removes the requested item from the cart\r\n\t * @param itemToRemove\r\n\t */\r\n\tconst removeOrderItem = async (itemToRemove: OrderItem) => {\r\n\t\tif (!setOrder || !order) {\r\n\t\t\tconsole.warn('Order item removal requested with no order or setOrder defined.');\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetOrderItemBeingRemovedId(itemToRemove.id);\r\n\r\n\t\ttry {\r\n\t\t\t// Find and save the moved item index\r\n\t\t\torder.recipients.map((recipient) => {\r\n\t\t\t\tsetStoredForUndoItemIndex({\r\n\t\t\t\t\trecipientId: recipient.id,\r\n\t\t\t\t\titemIndex: recipient.items.indexOf(itemToRemove),\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tconst response = await AxiosHelper.post('/ajax/cart/remove', {\r\n\t\t\t\titemId: itemToRemove.id,\r\n\t\t\t\tsavedProductsPageNumber:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageNumber) || 1,\r\n\t\t\t\tsavedProductsPageSize:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageSize) || 1000000,\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\t\t\tsetStoredForUndoItem(itemToRemove);\r\n\t\t\tsetLastMoveStatus(MoveStatus.RemovedFromCart);\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\r\n\t\t\tsetErrorMessage(Localizer('ProblemWhenRemovingItem', itemToRemove.name));\r\n\t\t\tsetError(error);\r\n\t\t} finally {\r\n\t\t\tsetOrderItemBeingRemovedId(null);\r\n\t\t}\r\n\t};\r\n\t//#endregion\r\n\r\n\t//#region Save For Later\r\n\r\n\t/**\r\n\t * Handles adding an item to a saved products list\r\n\t * @param itemToAdd\r\n\t */\r\n\tconst addToSavedProducts = async (itemToAdd: OrderItem) => {\r\n\t\tif (!setSavedProducts) {\r\n\t\t\tconsole.warn('Add to saved products requested with no setSavedProducts defined.');\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetUpdatingSavedProductId(itemToAdd.product.id);\r\n\r\n\t\ttry {\r\n\t\t\t// Don't need to set undo info here as there is no way to run this function unless you are undoing a removal\r\n\t\t\tconst response = await AxiosHelper.post<GetCartResult>('/ajax/saved-products/save-for-later', {\r\n\t\t\t\tproductId: itemToAdd.product.id,\r\n\t\t\t\tproductPricingLineId: itemToAdd.pricingLine.id,\r\n\t\t\t\tquantity: itemToAdd.quantity,\r\n\t\t\t\tsavedProductsPageNumber:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageNumber) || 1,\r\n\t\t\t\tsavedProductsPageSize:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageSize) || 1000000,\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data && axiosError.response.data.message) {\r\n\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMessage(Localizer('ProblemWhenSavingItem', itemToAdd.name));\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tsetUpdatingSavedProductId(null);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Moves a user's saved product to the shopping cart\r\n\t * @param productToMoveId\r\n\t * @param productName\r\n\t * @param productPricingLineId\r\n\t * @param quantity\r\n\t */\r\n\tconst moveSavedProductToCart = async (\r\n\t\tproductToMoveId: string,\r\n\t\tproductName: string,\r\n\t\tproductPricingLineId: string,\r\n\t\tquantity: number,\r\n\t) => {\r\n\t\tif (!setSavedProducts || !setOrder || !savedProducts) {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t'Saved product move to cart requested with one or more of the following undefined:\\n' +\r\n\t\t\t\t\t'setSavedProducts, setOrder, savedProducts.',\r\n\t\t\t);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(error);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetUpdatingSavedProductId(productToMoveId);\r\n\t\tsetUpdatingSavedProductPricingLineId(productPricingLineId);\r\n\r\n\t\ttry {\r\n\t\t\tif (!savedProducts || !savedProducts.results) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// find the index of the moved item in the saved products list\r\n\t\t\tconst savedProductIndex = savedProducts.results.findIndex(\r\n\t\t\t\t(product) => product.productId === productToMoveId,\r\n\t\t\t);\r\n\r\n\t\t\tconst response = await AxiosHelper.post<MoveSavedProductToCartResult>('/ajax/saved-products/to-cart', {\r\n\t\t\t\tproductId: productToMoveId,\r\n\t\t\t\tquantity,\r\n\t\t\t\tproductPricingLineId: productPricingLineId,\r\n\t\t\t\tsavedProductsPageNumber:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageNumber) || 1,\r\n\t\t\t\tsavedProductsPageSize:\r\n\t\t\t\t\t(savedProducts && savedProducts.pagination && savedProducts.pagination.pageSize) || 1000000,\r\n\t\t\t});\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\r\n\t\t\tif (response.data.addToOrderResult) {\r\n\t\t\t\tdispatchAddToCartEvent(response.data.addToOrderResult);\r\n\t\t\t}\r\n\r\n\t\t\t// Find and save the moved item\r\n\t\t\tconst recipients = response.data.cart.recipients;\r\n\r\n\t\t\tfor (const recipient of recipients) {\r\n\t\t\t\tconst lastMovedItem = recipient.items.find(\r\n\t\t\t\t\t(item) => item.product.id === productToMoveId && item.pricingLine.id === productPricingLineId,\r\n\t\t\t\t);\r\n\t\t\t\tif (lastMovedItem) {\r\n\t\t\t\t\tsetStoredForUndoItem({ ...lastMovedItem, quantity });\r\n\t\t\t\t\tsetStoredForUndoItemIndex({ recipientId: recipient.id, itemIndex: savedProductIndex });\r\n\t\t\t\t\tconsole.log('Found last moved item');\r\n\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tsetLastMoveStatus(MoveStatus.MovedToCart);\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when moving the saved product to the cart.', error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data && axiosError.response.data.message) {\r\n\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMessage(Localizer('ProblemWhenMovingSavedItemToCart', productName));\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tsetUpdatingSavedProductId(null);\r\n\t\t\tsetUpdatingSavedProductPricingLineId(null);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Remove a user's saved product from their saved products list\r\n\t * @param productToRemoveId\r\n\t * @param productPricingLineId\r\n\t */\r\n\tconst removeSavedProduct = async (\r\n\t\tproductToRemoveId: string,\r\n\t\tproductToRemoveName: string,\r\n\t\tproductPricingLineId: string,\r\n\t) => {\r\n\t\tif (!setSavedProducts || !savedProducts) {\r\n\t\t\tconsole.warn('Saved product removal requested with savedProducts or setSavedProducts undefined');\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!isUndoClicked) {\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\r\n\t\tsetSavedProductBeingRemovedId(productToRemoveId);\r\n\t\tsetSavedProductBeingRemovedPricingLineId(productPricingLineId);\r\n\r\n\t\ttry {\r\n\t\t\tif (!savedProducts.results) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst savedProductIndex = savedProducts.results.findIndex(\r\n\t\t\t\t(product) => product.productId === productToRemoveId,\r\n\t\t\t);\r\n\t\t\tconst savedProduct = savedProducts.results[savedProductIndex];\r\n\t\t\tconst response = await AxiosHelper.delete<GetCartResult>(\r\n\t\t\t\t'/ajax/saved-products/' +\r\n\t\t\t\t\tproductToRemoveId +\r\n\t\t\t\t\t'/' +\r\n\t\t\t\t\tproductPricingLineId +\r\n\t\t\t\t\t'?savedProductsPageNumber=' +\r\n\t\t\t\t\tsavedProducts.pagination.pageNumber.toString() +\r\n\t\t\t\t\t'&savedProductsPageSize=' +\r\n\t\t\t\t\tsavedProducts.pagination.pageSize.toString(),\r\n\t\t\t);\r\n\r\n\t\t\tif (savedProduct) {\r\n\t\t\t\t// Convert the SavedProduct into an OrderItem\r\n\t\t\t\tconst orderItemFromSaved: OrderItem = {\r\n\t\t\t\t\t...savedProduct,\r\n\t\t\t\t\tproduct: { ...savedProduct, id: savedProduct.productId },\r\n\t\t\t\t\ttotalPrice: savedProduct.totalPrice,\r\n\t\t\t\t\tunitPrice: savedProduct.unitPrice,\r\n\t\t\t\t\tsnapshotMinimumOrderQuantity: null,\r\n\t\t\t\t};\r\n\r\n\t\t\t\tsetStoredForUndoItem(orderItemFromSaved);\r\n\t\t\t\tsetStoredForUndoItemIndex({ recipientId: '', itemIndex: savedProductIndex });\r\n\t\t\t}\r\n\r\n\t\t\tupdateCartState(response.data);\r\n\t\t\tsetLastMoveStatus(MoveStatus.RemovedFromSaved);\r\n\t\t} catch (error) {\r\n\t\t\tclearUndoState();\r\n\t\t\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when removing the saved product.', error);\r\n\r\n\t\t\tsetErrorMessage(Localizer('ProblemWhenRemovingSavedItem', productToRemoveName));\r\n\t\t} finally {\r\n\t\t\tsetSavedProductBeingRemovedId(null);\r\n\t\t\tsetSavedProductBeingRemovedPricingLineId(null);\r\n\t\t}\r\n\t};\r\n\t//#endregion\r\n\r\n\t/**\r\n\t * Handle what happens when the Undo button is pressed\r\n\t */\r\n\tconst handleUndo = async () => {\r\n\t\tsetErrorMessage(null);\r\n\t\tsetError(null);\r\n\r\n\t\tif (!lastMoveStatus == null || !storedForUndoItem) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tisUndoClicked = true;\r\n\t\tsetIsUndoClickedState(true);\r\n\r\n\t\ttry {\r\n\t\t\tswitch (lastMoveStatus) {\r\n\t\t\t\tcase MoveStatus.RemovedFromCart:\r\n\t\t\t\t\tawait addToCart({\r\n\t\t\t\t\t\titemId: storedForUndoItem.product.id,\r\n\t\t\t\t\t\tquantity: storedForUndoItem.quantity,\r\n\t\t\t\t\t\tproductPricingLineId: storedForUndoItem.pricingLine.id,\r\n\t\t\t\t\t});\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase MoveStatus.MovedToCart:\r\n\t\t\t\t\tawait moveItemToSaved(storedForUndoItem);\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase MoveStatus.MovedToSaved:\r\n\t\t\t\t\tawait moveSavedProductToCart(\r\n\t\t\t\t\t\tstoredForUndoItem.product.id,\r\n\t\t\t\t\t\tstoredForUndoItem.name,\r\n\t\t\t\t\t\tstoredForUndoItem.pricingLine.id,\r\n\t\t\t\t\t\tstoredForUndoItem.quantity,\r\n\t\t\t\t\t);\r\n\t\t\t\t\tbreak;\r\n\r\n\t\t\t\tcase MoveStatus.RemovedFromSaved:\r\n\t\t\t\t\tawait addToSavedProducts(storedForUndoItem);\r\n\t\t\t\t\tbreak;\r\n\t\t\t}\r\n\t\t} finally {\r\n\t\t\tisUndoClicked = false;\r\n\t\t\tsetIsUndoClickedState(false);\r\n\t\t\tclearUndoState();\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Handles updating order\r\n\t * @param newCart\r\n\t */\r\n\tconst updateOrder = (newCart: Order) => {\r\n\t\tif (setOrder) {\r\n\t\t\tsetOrder(newCart);\r\n\t\t}\r\n\t};\r\n\r\n\t/**\r\n\t * Handles updating order messages\r\n\t * @param orderMessages Updated order messages\r\n\t */\r\n\tconst updateOrderMessages = (orderMessages: OrderMessage[]) => {\r\n\t\tif (!setOrderMessages) {\r\n\t\t\tconsole.warn('setOrderMessages called but not defined.');\r\n\t\t} else {\r\n\t\t\tsetOrderMessages(orderMessages);\r\n\t\t}\r\n\t};\r\n\r\n\treturn {\r\n\t\tstate: {\r\n\t\t\torderIsUpdating,\r\n\t\t\torder: useShoppingCartParams ? useShoppingCartParams.order : null,\r\n\t\t\tsavedProducts: useShoppingCartParams ? useShoppingCartParams.savedProducts : null,\r\n\t\t\tcartTotalItemCount,\r\n\r\n\t\t\tupdatingOrderItemId,\r\n\t\t\torderItemBeingRemovedId,\r\n\t\t\tupdatingSavedProductId,\r\n\t\t\tupdatingSavedProductPricingLineId,\r\n\t\t\tsavedProductBeingRemovedId,\r\n\t\t\tsavedProductBeingRemovedPricingLineId,\r\n\r\n\t\t\tstoredForUndoItem,\r\n\t\t\tstoredForUndoItemIndex,\r\n\t\t\tlastMoveStatus,\r\n\t\t\tisUndoClickedState,\r\n\r\n\t\t\terror,\r\n\t\t\terrorMessage,\r\n\t\t\terrorType,\r\n\t\t},\r\n\t\tactor: {\r\n\t\t\taddToCart,\r\n\t\t\tbulkAddToCart,\r\n\t\t\taddAllFromListToCurrentCart,\r\n\t\t\taddAllFromListToNewCart,\r\n\t\t\tchangeOrderItemQuantity,\r\n\t\t\tmoveItemToSaved,\r\n\t\t\tremoveOrderItem,\r\n\r\n\t\t\taddToSavedProducts,\r\n\t\t\tmoveSavedProductToCart,\r\n\t\t\tremoveSavedProduct,\r\n\r\n\t\t\thandleUndo,\r\n\t\t\tsetErrorMessage,\r\n\t\t\tsetError,\r\n\r\n\t\t\tupdateOrder,\r\n\t\t\tupdateOrderMessages,\r\n\t\t},\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport type {\r\n\tListboxInput as ListboxInputType,\r\n\tListboxButton as ListboxButtonType,\r\n\tListboxPopover as ListboxPopoverType,\r\n\tListboxList as ListboxListType,\r\n\tListboxOption as ListboxOptionType,\r\n} from '@reach/listbox';\r\n\r\nimport '@reach/listbox/styles.css';\r\nimport classnames from 'classnames';\r\nimport UpChevronSVG from './svg/UpChevronSVG';\r\nimport DownChevronSVG from './svg/DownChevronSVG';\r\nimport { WithTestId } from 'shared-client/types/test';\r\nimport Spinner from './Spinner';\r\n\r\nconst ListboxInput = React.lazy<typeof ListboxInputType>(() =>\r\n\timport('@reach/listbox').then((module) => ({ default: module.ListboxInput })),\r\n);\r\n\r\nconst ListboxButton = React.lazy<typeof ListboxButtonType>(() =>\r\n\timport('@reach/listbox').then((module) => ({ default: module.ListboxButton })),\r\n);\r\n\r\nconst ListboxPopover = React.lazy<typeof ListboxPopoverType>(() =>\r\n\timport('@reach/listbox').then((module) => ({ default: module.ListboxPopover })),\r\n);\r\n\r\nconst ListboxList = React.lazy<typeof ListboxListType>(() =>\r\n\timport('@reach/listbox').then((module) => ({ default: module.ListboxList })),\r\n);\r\n\r\nconst ListboxOption = React.lazy<typeof ListboxOptionType>(() =>\r\n\timport('@reach/listbox').then((module) => ({ default: module.ListboxOption })),\r\n);\r\n\r\nexport interface FauxDropdownProps extends WithTestId {\r\n\t/**\r\n\t * A list of lists of options.\r\n\t *\r\n\t * @type {FauxDropdownOptionList[]}\r\n\t * @memberof FauxDropdownProps\r\n\t */\r\n\tlists: FauxDropdownOptionList[];\r\n\r\n\t/**\r\n\t * The ID for a11y purposes. Must not include unfriendly characters.\r\n\t *\r\n\t * @type {string}\r\n\t * @memberof FauxDropdownProps\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * A visually hidden value of the dropdown provided for accessibility.\r\n\t *\r\n\t * @type {string}\r\n\t * @memberof FauxDropdownProps\r\n\t */\r\n\taccessibleValue: string;\r\n\r\n\t/**\r\n\t * The value (source of truth) for this controlled dropdown.\r\n\t *\r\n\t * @type {(string | null)}\r\n\t * @memberof FauxDropdownProps\r\n\t */\r\n\tvalue: string | null;\r\n\r\n\t/**\r\n\t * The active option value for styling purposes.\r\n\t *\r\n\t * @type {(string | null)}\r\n\t * @memberof FauxDropdownProps\r\n\t */\r\n\tactiveValue: string | null;\r\n\r\n\t/**\r\n\t * The text of the first (default) option.\r\n\t *\r\n\t * @type {(string | null)}\r\n\t * @memberof FauxDropdownProps\r\n\t */\r\n\tdefaultText?: string;\r\n\r\n\t/**\r\n\t * The value of the first (default) option.\r\n\t *\r\n\t * @type {string}\r\n\t * @memberof FauxDropdownProps\r\n\t */\r\n\tdefaultValueId: string;\r\n\r\n\t/**\r\n\t * Width size of the dropdown (min-width in CSS).\r\n\t *\r\n\t * @type {FauxDropdownSize}\r\n\t * @memberof FauxDropdownProps\r\n\t */\r\n\tsize?: FauxDropdownSize;\r\n\r\n\t/**\r\n\t * The method that triggers when an option is selected. Takes the option value as a parameter.\r\n\t *\r\n\t * @memberof FauxDropdownProps\r\n\t */\r\n\tonChange: (value) => void;\r\n}\r\n\r\nexport type FauxDropdownSize = 'small' | 'default';\r\n\r\n/**\r\n * The class for an option list.\r\n *\r\n * @export\r\n * @interface FauxDropdownOptionList\r\n */\r\nexport interface FauxDropdownOptionList {\r\n\t/**\r\n\t * A list of options with value and text.\r\n\t *\r\n\t * @type {FauxDropdownOption[]}\r\n\t * @memberof FauxDropdownOptionList\r\n\t */\r\n\tlist?: FauxDropdownOption[];\r\n\r\n\t/**\r\n\t * The title for this list.\r\n\t *\r\n\t * @type {string}\r\n\t * @memberof FauxDropdownOptionList\r\n\t */\r\n\tname?: string;\r\n}\r\n\r\n/**\r\n * An option with value and text\r\n *\r\n * @export\r\n * @interface FauxDropdownOption\r\n */\r\nexport interface FauxDropdownOption {\r\n\tvalue: string;\r\n\ttext: string;\r\n}\r\n\r\nconst toggleButtonSVGClass = 'roc-faux-dropdown__button-toggle-icon';\r\n\r\n/**\r\n * Reusable component for dropdowns and lists of dropdowns. Alternative to select. Fully a11y compliant.\r\n *\r\n * @export\r\n * @param {FauxDropdownProps} props\r\n * @returns\r\n */\r\nexport default function FauxDropdown(props: FauxDropdownProps) {\r\n\tconst {\r\n\t\tlists,\r\n\t\tid,\r\n\t\taccessibleValue,\r\n\t\tvalue,\r\n\t\tactiveValue,\r\n\t\tdefaultText,\r\n\t\tdefaultValueId,\r\n\t\ttestId,\r\n\t\tsize = 'default',\r\n\t\tonChange,\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<div\r\n\t\t\t\tclassName={classnames('roc-faux-dropdown', {\r\n\t\t\t\t\t[`roc-faux-dropdown--${size}`]: size,\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t<p className=\"roc-visually-hidden\" id={id} data-testid={testId}>\r\n\t\t\t\t\t{accessibleValue}\r\n\t\t\t\t</p>\r\n\r\n\t\t\t\t<ListboxInput\r\n\t\t\t\t\tclassName=\"roc-faux-dropdown__input\"\r\n\t\t\t\t\tvalue={value ? value : defaultValueId}\r\n\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\taria-labelledby={id}\r\n\t\t\t\t\tas={'div'}\r\n\t\t\t\t\tdata-testid={`${testId}-input`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{({ isExpanded }) => (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<ListboxButton\r\n\t\t\t\t\t\t\t\tarrow={\r\n\t\t\t\t\t\t\t\t\t<div className=\"roc-faux-dropdown__button-toggle\">\r\n\t\t\t\t\t\t\t\t\t\t{isExpanded ? (\r\n\t\t\t\t\t\t\t\t\t\t\t<DownChevronSVG className={toggleButtonSVGClass} />\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<UpChevronSVG className={toggleButtonSVGClass} />\r\n\t\t\t\t\t\t\t\t\t\t)}\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\tclassName=\"roc-faux-dropdown__button\"\r\n\t\t\t\t\t\t\t\tas={'button'}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{value}\r\n\t\t\t\t\t\t\t</ListboxButton>\r\n\r\n\t\t\t\t\t\t\t<ListboxPopover\r\n\t\t\t\t\t\t\t\tportal={false}\r\n\t\t\t\t\t\t\t\tas={'div'}\r\n\t\t\t\t\t\t\t\tclassName=\"roc-faux-dropdown__popover\"\r\n\t\t\t\t\t\t\t\tdata-testid=\"dropdown-popover\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<ListboxList as={'div'} className=\"roc-faux-dropdown__list\">\r\n\t\t\t\t\t\t\t\t\t{defaultText && (\r\n\t\t\t\t\t\t\t\t\t\t<ListboxOption\r\n\t\t\t\t\t\t\t\t\t\t\tas={'div'}\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-faux-dropdown__option\"\r\n\t\t\t\t\t\t\t\t\t\t\tdata-testid={`dropdown-option-${defaultValueId}`}\r\n\t\t\t\t\t\t\t\t\t\t\tvalue={defaultValueId}\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{defaultText ? defaultText : ''}\r\n\t\t\t\t\t\t\t\t\t\t</ListboxOption>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t{lists.map((list, listIndex) => (\r\n\t\t\t\t\t\t\t\t\t\t<React.Fragment key={listIndex}>\r\n\t\t\t\t\t\t\t\t\t\t\t{list.list && list.list.length > 0 ? (\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\t\t{list.name ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"roc-faux-dropdown__option-group\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{list.name}\r\n\t\t\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\t\t) : (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"roc-faux-dropdown__option-group-divider\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{list.name}\r\n\t\t\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\t\t)}\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{list.list.map((option, index) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ListboxOption\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tas={'div'}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue={option.value}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata-testid={`${testId}-dropdown-option-${option.value}`}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={classnames('roc-faux-dropdown__option', {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'roc-faux-dropdown__option--active':\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\toption.value === activeValue,\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{option.text}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</ListboxOption>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t\t\t</ListboxList>\r\n\t\t\t\t\t\t\t</ListboxPopover>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</ListboxInput>\r\n\t\t\t</div>\r\n\t\t</React.Suspense>\r\n\t);\r\n}\r\n","import React, { RefObject } from 'react';\r\n\r\nexport type RefElementType = RefObject<HTMLDivElement> | null;\r\n\r\n/**\r\n * Context to provide ability to set page change alerts from anywhere\r\n *\r\n * @interface VisuallyHiddenAnnouncementContext\r\n */\r\ninterface VisuallyHiddenAnnouncementContext {\r\n\tsetAlert: (message: string) => void;\r\n\tmainRef: RefElementType;\r\n\tsetMainRef: (value: RefElementType) => void;\r\n}\r\n\r\nexport default React.createContext<VisuallyHiddenAnnouncementContext>({} as VisuallyHiddenAnnouncementContext);\r\n","/* eslint-disable jsx-a11y/label-has-for */\r\nimport React, { useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\nexport interface KeepOrDiscardCartProps {\r\n\torderCode: string | null;\r\n\tisSwitching: boolean;\r\n\tselectedOrderCode: string | null;\r\n\tcartName: string | null;\r\n\tswitchCart: (cartName: string | null, discardCart: boolean, orderCode: string | null) => void;\r\n}\r\n\r\n/**\r\n * Displays the interface of keeping or discarding current cart\r\n */\r\nexport default function KeepOrDiscardCart(props: KeepOrDiscardCartProps) {\r\n\tconst [cartName, setCartName] = useState<string | null>(\r\n\t\tprops.cartName === props.orderCode || props.cartName === Localizer('ShoppingCart') ? '' : props.cartName,\r\n\t);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div className=\"roc-form-group\">\r\n\t\t\t\t<label htmlFor=\"keep-or-discard-cart-input\" className=\"roc-form-input-label\">\r\n\t\t\t\t\t{Localizer('Name')}:\r\n\t\t\t\t</label>\r\n\r\n\t\t\t\t<div className=\"roc-form-input__input-wrapper\">\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\tid=\"keep-or-discard-cart-input\"\r\n\t\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\t\tonChange={(e) => setCartName(e.target.value)}\r\n\t\t\t\t\t\tvalue={cartName ?? ''}\r\n\t\t\t\t\t\tdata-testid={`save-cart-input-field`}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"roc-modal__actions\">\r\n\t\t\t\t<button\r\n\t\t\t\t\tclassName=\"roc-btn roc-modal__btn roc-modal__btn-confirm\"\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tonClick={() => props.switchCart(cartName, true, props.isSwitching ? props.selectedOrderCode : null)}\r\n\t\t\t\t\tdata-testid={`cart-save-button`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{Localizer('Save')}\r\n\t\t\t\t</button>\r\n\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tclassName=\"roc-btn roc-modal__btn roc-modal__btn-cancel-dark\"\r\n\t\t\t\t\tdata-testid=\"discard-cart-button\"\r\n\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\tprops.switchCart(null, false, props.isSwitching ? props.selectedOrderCode ?? null : null)\r\n\t\t\t\t\t}\r\n\t\t\t\t>\r\n\t\t\t\t\t{Localizer('Discard')}\r\n\t\t\t\t</button>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport Modal from 'shared/components/Modal';\r\nimport CheckCircleSVG from 'shared/components/svg/CheckCircleSVG';\r\nimport KeepOrDiscardCart from './KeepOrDiscardCart';\r\nimport { OrderStatus, SavedCart } from './types';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport useRocEventHandler, { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport { MY_ACCOUNT_LOGIN_URL } from 'features/my-account/routes.roc';\r\nimport FauxDropdown, { FauxDropdownOption } from 'shared/components/FauxDropdown';\r\nimport useSavedShoppingCart from './useSavedShoppingCart';\r\n\r\ninterface SavedCartsProps {\r\n\treturnCartSummary?: boolean;\r\n\tselectClassName?: string;\r\n}\r\n\r\n// Default option values for new cart or saved cart\r\nconst NewCartValue = 'newCart';\r\nconst DeleteCartValue = 'deleteCart';\r\nconst SavedCartsValue = 'manageCart';\r\n\r\n/**\r\n * Displays the dropdown with list of saved carts\r\n */\r\nexport default function SavedCarts(props: SavedCartsProps) {\r\n\tconst [orderCode, setOrderCode] = useState<string>();\r\n\tconst [orderStatus, setOrderStatus] = useState<OrderStatus>();\r\n\tconst [cartTotalItemCount, setCartTotalItemCount] = useState<number>(0);\r\n\tconst [selectedOrderCode, setSelectedOrderCode] = useState<string | null>(null);\r\n\tconst [savedCarts, setSavedCarts] = useState<SavedCart[] | null | undefined>();\r\n\tconst [cartName, setCartName] = useState<string | null>(null);\r\n\r\n\tconst [modalOpen, setModalOpen] = useState<boolean>(false);\r\n\tconst [deleteModalOpen, setDeleteModalOpen] = useState<boolean>(false);\r\n\r\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\r\n\tconst [isUserSignedIn, setIsUserSignedIn] = useState<boolean>(false);\r\n\tconst [isSwitching, setIsSwitching] = useState<boolean>(false);\r\n\r\n\tconst useSavedShoppingCarts = useSavedShoppingCart();\r\n\tconst { errorMessage } = useSavedShoppingCarts.state;\r\n\tconst { switchOrUpdateCart, getSavedShoppingCarts } = useSavedShoppingCarts.actor;\r\n\r\n\t// Gets saved carts\r\n\tconst getSavedCarts = async () => {\r\n\t\tconst result = await getSavedShoppingCarts();\r\n\t\tif (!result) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (result.savedCarts) {\r\n\t\t\tsetSavedCarts(result.savedCarts);\r\n\t\t}\r\n\r\n\t\tif (result.orderCode) {\r\n\t\t\tsetOrderCode(result.orderCode);\r\n\t\t}\r\n\r\n\t\tsetOrderStatus(result.orderStatus);\r\n\t\tsetCartTotalItemCount(result.cartTotalItemCount ?? 0);\r\n\t\tsetIsUserSignedIn(result.isUserSignedIn);\r\n\r\n\t\tif (result.cartName) {\r\n\t\t\tsetCartName(result.cartName);\r\n\t\t}\r\n\r\n\t\tdispatchRocEvent('shopping-cart-name-updated', {\r\n\t\t\tcartName: result.cartName,\r\n\t\t});\r\n\t};\r\n\r\n\t// Handles renaming the cart in the list after renaming\r\n\tconst updateCurrentCartName = (cartName: string) => {\r\n\t\tsavedCarts?.forEach((c) => {\r\n\t\t\tif (c.orderCode === orderCode) {\r\n\t\t\t\tc.name = cartName;\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tsetCartName(cartName);\r\n\t\tsetSavedCarts(savedCarts);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (orderCode) {\r\n\t\t\tsetIsLoading(false);\r\n\t\t\tsetModalOpen(false);\r\n\t\t}\r\n\t\tif (!savedCarts) {\r\n\t\t\tgetSavedCarts();\r\n\t\t}\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [orderCode]);\r\n\r\n\t// Reloads saved carts\r\n\tuseRocEventHandler(\r\n\t\t'roc-cart-summary-updated',\r\n\t\t(cartSummary) => {\r\n\t\t\tif (orderStatus == OrderStatus.New && cartSummary.cartSummary.items != cartTotalItemCount) {\r\n\t\t\t\tsetCartTotalItemCount(cartSummary.cartSummary.items);\r\n\t\t\t\tdispatchRocEvent('shopping-cart-name-updated', {\r\n\t\t\t\t\tcartName: cartName ? cartName : cartSummary.cartSummary.orderCode,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t\tif (cartSummary.cartSummary.items != cartTotalItemCount && orderStatus != OrderStatus.New) {\r\n\t\t\t\tgetSavedCarts();\r\n\t\t\t}\r\n\t\t},\r\n\t\t[getSavedCarts, setCartTotalItemCount],\r\n\t);\r\n\r\n\t// Handles naming the cart and based on this updates the selector\r\n\tuseRocEventHandler(\r\n\t\t'shopping-cart-name-updated',\r\n\t\t(params) => {\r\n\t\t\tif (!params.cartName) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (params.cartName != cartName && orderStatus === OrderStatus.Saved) {\r\n\t\t\t\tupdateCurrentCartName(params.cartName);\r\n\t\t\t}\r\n\r\n\t\t\tconst currentNewCartNamedForTheFirstTime =\r\n\t\t\t\t!cartName && params.cartName != cartName && orderStatus === OrderStatus.New;\r\n\t\t\tif (currentNewCartNamedForTheFirstTime) {\r\n\t\t\t\tgetSavedCarts();\r\n\t\t\t}\r\n\t\t},\r\n\t\t[updateCurrentCartName, getSavedCarts],\r\n\t);\r\n\r\n\t// Saves or discards the current cart and returns the new one or selected one by orderCode\r\n\tconst switchCart = async (\r\n\t\tcartName: string | null,\r\n\t\tsaveCurrentCart: boolean,\r\n\t\torderCode: string | null,\r\n\t\tdeleteCart?: boolean,\r\n\t) => {\r\n\t\tconst result = await switchOrUpdateCart({\r\n\t\t\tname: cartName,\r\n\t\t\tsaveCurrentCart: saveCurrentCart,\r\n\t\t\torderCode: orderCode,\r\n\t\t\treturnCartSummary: props.returnCartSummary,\r\n\t\t\tdeleteCart: deleteCart,\r\n\t\t});\r\n\r\n\t\tif (result) {\r\n\t\t\tsetOrderCode(result.orderCode);\r\n\t\t\tsetOrderStatus(result.orderStatus);\r\n\t\t\tsetCartTotalItemCount(result.cartTotalItemCount ?? 0);\r\n\t\t\tsetSavedCarts(result.savedCarts);\r\n\r\n\t\t\tdispatchRocEvent('shopping-cart-name-updated', {\r\n\t\t\t\tcartName: result.cartName,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// Reloads the switched or created the new cart\r\n\t\tdispatchRocEvent('cart-switched', {});\r\n\t};\r\n\r\n\t// Handles creating a new cart or switching between existing carts\r\n\tconst handleOnChangeAndBlur = (id: string) => {\r\n\t\tlet cartId: string | null = id;\r\n\r\n\t\tif (cartId === SavedCartsValue) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (!cartId) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (cartId === DeleteCartValue) {\r\n\t\t\tsetDeleteModalOpen(true);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// If the user wants to switch cart for the same one\r\n\t\tif (cartId === orderCode) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (cartId === NewCartValue && !isUserSignedIn) {\r\n\t\t\twindow.location.href = MY_ACCOUNT_LOGIN_URL + '?ReturnUrl=' + encodeURIComponent('/cart');\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (cartId === NewCartValue) {\r\n\t\t\tcartId = null;\r\n\t\t}\r\n\r\n\t\tsetIsLoading(true);\r\n\t\tsetSelectedOrderCode(cartId);\r\n\r\n\t\tif (cartTotalItemCount === 0) {\r\n\t\t\t// If no items are in the current shopping cart it will be discarded if new\r\n\t\t\tswitchCart(null, orderStatus === OrderStatus.New ? false : true, cartId);\r\n\t\t} else {\r\n\t\t\t// Show modal to save or discard the current cart\r\n\t\t\tif (!orderStatus || orderStatus === OrderStatus.New) {\r\n\t\t\t\t// if the user edited the name of the cart, then the modal will not appear\r\n\t\t\t\tif (cartName && cartName != orderCode) {\r\n\t\t\t\t\tswitchCart(cartName, true, selectedOrderCode !== NewCartValue ? selectedOrderCode : null);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tsetIsSwitching(selectedOrderCode !== NewCartValue);\r\n\t\t\t\tsetModalOpen(true);\r\n\t\t\t} else {\r\n\t\t\t\t// Save the current cart and create a new one\r\n\t\t\t\tswitchCart(null, false, cartId);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn;\r\n\t};\r\n\r\n\tconst savedCartsList: FauxDropdownOption[] | undefined = savedCarts?.map((savedCart) => ({\r\n\t\tvalue: savedCart.orderCode,\r\n\t\ttext: `${savedCart.name ?? savedCart.orderCode} - [${savedCart.itemCount}] - ${savedCart.lastModifiedDate}`,\r\n\t}));\r\n\r\n\tlet savedCartsOptionsList: FauxDropdownOption[] = [];\r\n\r\n\tif (cartTotalItemCount > 0) {\r\n\t\tlet newCartText;\r\n\r\n\t\tif (isUserSignedIn) {\r\n\t\t\tnewCartText = Localizer('NewCart');\r\n\t\t} else {\r\n\t\t\tnewCartText = Localizer('NewCart') + ' (' + Localizer('Login') + ')';\r\n\t\t}\r\n\r\n\t\tsavedCartsOptionsList = [{ value: NewCartValue, text: newCartText }];\r\n\r\n\t\tif (isUserSignedIn) {\r\n\t\t\tsavedCartsOptionsList = [\r\n\t\t\t\t...savedCartsOptionsList,\r\n\t\t\t\t{ value: DeleteCartValue, text: Localizer('DeleteCart') },\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{errorMessage && <InlineAlert message={errorMessage} />}\r\n\r\n\t\t\t<div className=\"roc-saved-carts\">\r\n\t\t\t\t{isLoading && (\r\n\t\t\t\t\t<span className=\"roc-visually\">\r\n\t\t\t\t\t\t<Spinner align=\"left\" />\r\n\t\t\t\t\t</span>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{savedCartsOptionsList.length > 0 || (savedCartsList && savedCartsList.length > 0) ? (\r\n\t\t\t\t\t<FauxDropdown\r\n\t\t\t\t\t\tlists={[\r\n\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\tlist: savedCartsOptionsList,\r\n\t\t\t\t\t\t\t\tname: Localizer('CartTools'),\r\n\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\tlist: savedCartsList,\r\n\t\t\t\t\t\t\t\tname: Localizer('SavedCarts'),\r\n\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t]}\r\n\t\t\t\t\t\tid=\"cart-saved-carts\"\r\n\t\t\t\t\t\taccessibleValue={Localizer('ManageCarts')}\r\n\t\t\t\t\t\tdefaultText={Localizer('ManageCarts')}\r\n\t\t\t\t\t\tdefaultValueId={SavedCartsValue}\r\n\t\t\t\t\t\tonChange={handleOnChangeAndBlur}\r\n\t\t\t\t\t\tvalue={Localizer('ManageCarts')}\r\n\t\t\t\t\t\tactiveValue={orderCode ? orderCode : null}\r\n\t\t\t\t\t\ttestId=\"cart-saved-carts\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : null}\r\n\t\t\t</div>\r\n\r\n\t\t\t<Modal\r\n\t\t\t\tisOpen={modalOpen}\r\n\t\t\t\trenderTitle={() => Localizer('KeepOrDiscardCart')}\r\n\t\t\t\tcloseModal={() => {\r\n\t\t\t\t\tsetModalOpen(false);\r\n\t\t\t\t\tsetIsLoading(false);\r\n\t\t\t\t}}\r\n\t\t\t\ttitleIcon={<CheckCircleSVG />}\r\n\t\t\t>\r\n\t\t\t\t<KeepOrDiscardCart\r\n\t\t\t\t\tcartName={cartName}\r\n\t\t\t\t\tisSwitching={isSwitching}\r\n\t\t\t\t\tselectedOrderCode={selectedOrderCode}\r\n\t\t\t\t\tswitchCart={switchCart}\r\n\t\t\t\t\torderCode={orderCode ?? null}\r\n\t\t\t\t/>\r\n\t\t\t</Modal>\r\n\r\n\t\t\t<Modal\r\n\t\t\t\tisOpen={deleteModalOpen}\r\n\t\t\t\trenderTitle={() => Localizer('DeleteCartTitle', cartName ? cartName ?? '' : orderCode ?? '')}\r\n\t\t\t\tcloseModal={() => {\r\n\t\t\t\t\tsetDeleteModalOpen(false);\r\n\t\t\t\t\tsetIsLoading(false);\r\n\t\t\t\t}}\r\n\t\t\t\trenderActions={() => (\r\n\t\t\t\t\t<div className=\"roc-modal__actions\">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-modal__btn roc-modal__btn-confirm\"\r\n\t\t\t\t\t\t\tdata-testid=\"discard-cart-button\"\r\n\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\tswitchCart(null, false, null, true);\r\n\t\t\t\t\t\t\t\tsetDeleteModalOpen(false);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('Yes')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-modal__btn roc-modal__btn-cancel\"\r\n\t\t\t\t\t\t\tdata-testid=\"discard-cart-button\"\r\n\t\t\t\t\t\t\tonClick={() => setDeleteModalOpen(false)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('No')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\ttitleIcon={<CheckCircleSVG />}\r\n\t\t\t>\r\n\t\t\t\t{Localizer('DoYouWantDeleteCurrentCart')}\r\n\t\t\t</Modal>\r\n\t\t</>\r\n\t);\r\n}\r\n","import axios, { AxiosInstance, AxiosResponse, AxiosError } from 'axios';\r\nimport AccountUrls from 'shared/util/AccountUrls';\r\nimport { getCsrfToken } from './UserData';\r\n\r\n/**\r\n * Helper that creates an instance of Axios to be used throughout the client application\r\n * and adds a default X-Requested-With header to all requests.\r\n *\r\n */\r\nconst AxiosHelper: AxiosInstance = axios.create();\r\nAxiosHelper.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';\r\n\r\n// Add CSRF tokens to all commands that are not GET, HEAD, or OPTIONS\r\nAxiosHelper.interceptors.request.use(async (config) => {\r\n\tif (\r\n\t\tconfig.method?.toLowerCase() !== 'get' &&\r\n\t\tconfig.method?.toLowerCase() !== 'head' &&\r\n\t\tconfig.method?.toLowerCase() !== 'options'\r\n\t) {\r\n\t\tconst csrfToken = await getCsrfToken();\r\n\t\tconfig.headers = { RequestVerificationToken: csrfToken, ...config.headers };\r\n\t}\r\n\treturn config;\r\n});\r\n\r\nexport default AxiosHelper;\r\n\r\n// eslint-disable-next-line no-unused-vars\r\nexport const addUnauthorizedAccessInterceptor = (history) => {\r\n\t// this allows us to act when any request going through axios succeeds or fails.\r\n\tAxiosHelper.interceptors.response.use(\r\n\t\t(response: AxiosResponse) => {\r\n\t\t\treturn response;\r\n\t\t},\r\n\t\t(error: AxiosError) => {\r\n\t\t\tif (error.response && error.response.status === 401) {\r\n\t\t\t\twindow.location.replace(\r\n\t\t\t\t\t`${AccountUrls.Login}?ReturnUrl=${encodeURIComponent(window.location.pathname)}`,\r\n\t\t\t\t);\r\n\t\t\t}\r\n\r\n\t\t\treturn Promise.reject(error);\r\n\t\t},\r\n\t);\r\n};\r\n","import { AxiosError } from 'axios';\r\nimport { useState } from 'react';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { CartSummary } from 'services/UserData.Commerce';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { OrderStatus, SavedCart } from './types';\r\n\r\nexport interface SavedCartResponse {\r\n\tsavedCarts: SavedCart[] | null;\r\n\torderCode?: string;\r\n\torderStatus?: OrderStatus;\r\n\tcartTotalItemCount?: number;\r\n\tcartSummary: CartSummary;\r\n\tisUserSignedIn: boolean;\r\n\tcartName: string;\r\n}\r\n\r\nexport interface SwitchCartRequest {\r\n\tname?: string | null;\r\n\tsaveCurrentCart?: boolean;\r\n\torderCode?: string | null;\r\n\tdeleteCart?: boolean;\r\n\treturnCartSummary: boolean | undefined;\r\n}\r\n\r\nexport interface UseSavedShoppingCart {\r\n\tstate: UseSavedShoppingCartState;\r\n\tactor: UseSavedShoppingCartActor;\r\n}\r\n\r\nexport interface UseSavedShoppingCartState {\r\n\terrorMessage: string | null;\r\n}\r\n\r\nexport interface UseSavedShoppingCartActor {\r\n\tgetSavedShoppingCarts: () => Promise<SavedCartResponse | null>;\r\n\tswitchOrUpdateCart: ({}: SwitchCartRequest) => Promise<SavedCartResponse | null>;\r\n}\r\n\r\nexport interface UseSavedShoppingCartParams {}\r\n\r\nexport default function useShoppingCart(): UseSavedShoppingCart {\r\n\tconst [errorMessage, setErrorMessage] = useState<string | null>(null);\r\n\r\n\t// Gets saved carts\r\n\tconst getSavedShoppingCarts = async (): Promise<SavedCartResponse | null> => {\r\n\t\tsetErrorMessage(null);\r\n\r\n\t\ttry {\r\n\t\t\tconst result = await AxiosHelper.get<SavedCartResponse>('/ajax/cart/get-saved-carts');\r\n\t\t\treturn result.data;\r\n\t\t} catch (error) {\r\n\t\t\tconsole.warn(`Error when getting saved carts`, error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data && axiosError.response.data.message) {\r\n\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMessage(Localizer('ProblemWithGettingSavedCarts'));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn null;\r\n\t};\r\n\r\n\t// Saves or discards the current cart and returns the new one or selected one by orderCode\r\n\tconst switchOrUpdateCart = async ({\r\n\t\tname = null,\r\n\t\tsaveCurrentCart = false,\r\n\t\torderCode = null,\r\n\t\tdeleteCart = false,\r\n\t\treturnCartSummary = true,\r\n\t}: SwitchCartRequest): Promise<SavedCartResponse | null> => {\r\n\t\tsetErrorMessage(null);\r\n\r\n\t\ttry {\r\n\t\t\tconst result = await AxiosHelper.post<SavedCartResponse>('/ajax/cart/switch', {\r\n\t\t\t\tname: name,\r\n\t\t\t\tsaveCurrentCart: saveCurrentCart,\r\n\t\t\t\torderCode: orderCode,\r\n\t\t\t\treturnCartSummary: returnCartSummary,\r\n\t\t\t\tdeleteCart: deleteCart,\r\n\t\t\t});\r\n\r\n\t\t\tif (result.data && returnCartSummary) {\r\n\t\t\t\tdispatchRocEvent('roc-cart-summary-updated', { cartSummary: result.data.cartSummary });\r\n\t\t\t}\r\n\r\n\t\t\treturn result.data;\r\n\t\t} catch (error) {\r\n\t\t\tconsole.warn(`Error when saving or discarding ${orderCode}' cart`, error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\t\t\tif (axiosError && axiosError.response && axiosError.response.data && axiosError.response.data.message) {\r\n\t\t\t\tsetErrorMessage(axiosError.response.data.message);\r\n\t\t\t} else {\r\n\t\t\t\tsetErrorMessage(Localizer('ProblemWithSwitchingCart'));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn null;\r\n\t};\r\n\r\n\treturn {\r\n\t\tstate: {\r\n\t\t\terrorMessage,\r\n\t\t},\r\n\t\tactor: {\r\n\t\t\tgetSavedShoppingCarts,\r\n\t\t\tswitchOrUpdateCart,\r\n\t\t},\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport CircleExclamationSVG from 'shared/components/svg/CircleExclamationSVG';\r\nimport { useField } from 'react-final-form';\r\n\r\ninterface FieldInputErrorWrapperProps {\r\n\thideIcon?: boolean;\r\n\tchildren: React.ReactNode;\r\n\tinline?: boolean;\r\n\tname: string;\r\n}\r\n\r\n/**\r\n * Component for handling the invalid styles for inputs.\r\n *\r\n * @export\r\n * @param {FieldInputErrorWrapperProps} props\r\n * @returns\r\n */\r\nexport default function FieldInputErrorWrapper(props: FieldInputErrorWrapperProps) {\r\n\tconst { hideIcon = false, children, inline = false, name } = props;\r\n\tconst { meta } = useField(name);\r\n\tconst invalid =\r\n\t\t(meta.error || (meta.submitError && !meta.dirtySinceLastSubmit && !meta.submitting)) &&\r\n\t\tmeta.touched &&\r\n\t\tmeta.invalid\r\n\t\t\t? meta.invalid\r\n\t\t\t: false;\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={classnames('roc-form-input__input-wrapper', {\r\n\t\t\t\t'roc-form-input__input-wrapper--invalid': invalid,\r\n\t\t\t\t'roc-form-input__input-wrapper--inline': inline,\r\n\t\t\t})}\r\n\t\t>\r\n\t\t\t{children}\r\n\t\t\t{invalid && !hideIcon ? <CircleExclamationSVG className=\"roc-form-input__input-wrapper-icon\" /> : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React, { useState } from 'react';\r\nimport VisuallyHiddenAnnouncementContext, { RefElementType } from './VisuallyHiddenAnnouncementContext';\r\n\r\ninterface VisuallyHiddenAnnouncementProps {\r\n\tchildren: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Displays a page change alert for screen readers\r\n *\r\n * @param {*} props\r\n * @returns\r\n */\r\nfunction VisuallyHiddenAnnouncement(props: VisuallyHiddenAnnouncementProps) {\r\n\tconst [alert, setAlert] = useState('');\r\n\tconst [mainRef, setMainRef] = useState<RefElementType | null>(null);\r\n\r\n\treturn (\r\n\t\t<VisuallyHiddenAnnouncementContext.Provider value={{ setAlert, mainRef, setMainRef }}>\r\n\t\t\t{props.children}\r\n\t\t\t<div className=\"roc-visually-hidden\" role=\"status\" aria-live=\"assertive\" aria-atomic=\"true\">\r\n\t\t\t\t{alert}\r\n\t\t\t</div>\r\n\t\t</VisuallyHiddenAnnouncementContext.Provider>\r\n\t);\r\n}\r\n\r\nexport default VisuallyHiddenAnnouncement;\r\n","import React from 'react';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport { Localizer, LocalizedSpan, LocalizerResourceKey } from 'services/Localizer';\r\n\r\n/**\r\n * Removal Confirmation With Undo Props\r\n */\r\ninterface ChangeConfirmationWithUndoProps {\r\n\titemName: string;\r\n\titemUrl: string;\r\n\tisLoading: boolean;\r\n\tmessageResourceKey: LocalizerResourceKey;\r\n\tonUndo: () => void;\r\n}\r\n\r\n/**\r\n * Removal Confirmation WithUndo Component. Renders a shopping cart remove undo button with some info.\r\n * @param props\r\n */\r\nexport default function ChangeConfirmationWithUndo(props: ChangeConfirmationWithUndoProps) {\r\n\tconst { isLoading, itemName, itemUrl, onUndo, messageResourceKey } = props;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-cart-info-bar\">\r\n\t\t\t<div className=\"roc-cart-info-bar-wrapper\">\r\n\t\t\t\t<div className=\"roc-cart-info-bar__item\">\r\n\t\t\t\t\t<strong>\r\n\t\t\t\t\t\t<LocalizedSpan\r\n\t\t\t\t\t\t\tresourceKey={messageResourceKey}\r\n\t\t\t\t\t\t\targs={[`<a href=\"${itemUrl}\">${itemName}</a>`]}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</strong>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-cart-info-bar__item\">\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tclassName=\"roc-btn roc-cart-info-bar__btn\"\r\n\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\tdisabled={isLoading}\r\n\t\t\t\t\t\tonClick={onUndo}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{Localizer('Undo')} {isLoading ? <Spinner light /> : null}\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { MoveStatus } from './types';\r\nimport ChangeConfirmationWithUndo from 'shared/components/commerce/ChangeConfirmationWithUndo';\r\nimport { LocalizerResourceKey } from 'services/Localizer';\r\nimport { useShoppingCartContext } from './ShoppingCartContext';\r\n\r\n/**\r\n * Shopping Cart Item Action Info Component\r\n * Displays the last cart action and an undo button\r\n */\r\nexport default function ShoppingCartItemActionInfo() {\r\n\tconst {\r\n\t\tstate: { lastMoveStatus, isUndoClickedState, storedForUndoItem: item },\r\n\t\tactor: { handleUndo },\r\n\t} = useShoppingCartContext();\r\n\r\n\t// no last removed item\r\n\tif (!item) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\t// Choose correct string to show\r\n\tlet messageResourceKey: LocalizerResourceKey;\r\n\tswitch (lastMoveStatus) {\r\n\t\tcase MoveStatus.RemovedFromCart:\r\n\t\tcase MoveStatus.RemovedFromSaved:\r\n\t\t\tmessageResourceKey = 'RemovedItemWithLink';\r\n\t\t\tbreak;\r\n\t\tcase MoveStatus.MovedToCart:\r\n\t\t\tmessageResourceKey = 'MovedToCartItemWithLink';\r\n\t\t\tbreak;\r\n\t\tcase MoveStatus.MovedToSaved:\r\n\t\t\tmessageResourceKey = 'SavedItemWithLink';\r\n\t\t\tbreak;\r\n\t\tdefault:\r\n\t\t\treturn null;\r\n\t}\r\n\r\n\tconst itemUrl = item.groupUrl ? item.groupUrl : item.url;\r\n\r\n\treturn (\r\n\t\t<ChangeConfirmationWithUndo\r\n\t\t\tmessageResourceKey={messageResourceKey}\r\n\t\t\titemName={item.name}\r\n\t\t\titemUrl={itemUrl}\r\n\t\t\tisLoading={isUndoClickedState}\r\n\t\t\tonUndo={handleUndo}\r\n\t\t/>\r\n\t);\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { ServerData } from 'services/ServerData';\r\nimport FauxDropdown from '../FauxDropdown';\r\n\r\nexport interface QuantityProps {\r\n\tdisabled: boolean;\r\n\tindex: number;\r\n\titemId: string;\r\n\titemName: string;\r\n\tinitialQuantity: number;\r\n\tupdateQuantity: (quantity: number) => void;\r\n\t//#region TapeCase\r\n\tminimumOrderQuantity: number | null;\r\n\t//#endregion\r\n}\r\n\r\n/**\r\n * The quantity field displaying drop down or input based on MaxNumberForQuantityDropdown setting\r\n * @param props\r\n * @returns\r\n */\r\nexport default function Quantity(props: QuantityProps) {\r\n\tconst { disabled, index, itemId, itemName, initialQuantity, updateQuantity } = props;\r\n\tconst MAX_NUMBER_FOR_DROPDOWN = ServerData.MaxNumberForQuantityDropdown || 10;\r\n\r\n\tconst [currentQuantity, setCurrentQuantity] = useState<number | null>(initialQuantity);\r\n\t//#region TapeCase\r\n\t//const [showDropDown, setShowDropDown] = useState(initialQuantity < MAX_NUMBER_FOR_DROPDOWN);\r\n\tconst [showDropDown, setShowDropDown] = useState(false);\r\n\t//#endregion\r\n\tconst [isEditingQuantity, setIsEditingQuantity] = useState(false);\r\n\r\n\tconst range = (n) => Array.from({ length: n - 1 }, (value, key) => key + 1);\r\n\r\n\tuseEffect(() => {\r\n\t\t// Set separate state quantity for user updates cart item quantity.\r\n\t\tsetCurrentQuantity(initialQuantity);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [initialQuantity, itemId]);\r\n\r\n\t/**\r\n\t * Switching dropdown to input or calling the provided callback in component's properties which is supposed to handle item's quantity update\r\n\t * @param value\r\n\t * @returns\r\n\t */\r\n\tconst handleQuantityChange = (value) => {\r\n\t\tconst newQuantity = Number.parseInt(value);\r\n\t\tif (newQuantity >= MAX_NUMBER_FOR_DROPDOWN) {\r\n\t\t\tsetShowDropDown(false);\r\n\t\t\tsetIsEditingQuantity(true);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetCurrentQuantity(newQuantity);\r\n\t\tupdateQuantity(newQuantity);\r\n\t};\r\n\r\n\t/**\r\n\t * Updates the state with the provided quantity but no changes are made to the item itself\r\n\t * @param changeEvent\r\n\t */\r\n\tconst handleItemQuantityEdit = (changeEvent: React.ChangeEvent<HTMLInputElement>) => {\r\n\t\tconst newQuantity = Number.parseInt(changeEvent.target.value);\r\n\t\tif (isNaN(newQuantity) || newQuantity == Infinity || newQuantity == -Infinity) {\r\n\t\t\tsetCurrentQuantity(null);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (newQuantity < 1) {\r\n\t\t\t// do not allow to set quantity < 1\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetCurrentQuantity(newQuantity);\r\n\t\tsetIsEditingQuantity(newQuantity !== initialQuantity);\r\n\t};\r\n\r\n\t/**\r\n\t * Runs when the update input keydown is fired.\r\n\t *\r\n\t * @param {*} e\r\n\t */\r\n\tfunction handleUpdateKeyDown(e) {\r\n\t\tif (e.key === 'Enter') {\r\n\t\t\thandleItemQuantityUpdate();\r\n\t\t}\r\n\t}\r\n\r\n\t/**\r\n\t * Handles item quantity update by calling the provided callback in component's properties which is supposed to handle item's quantity update\r\n\t * @param mouseEvent\r\n\t */\r\n\tconst handleItemQuantityUpdate = () => {\r\n\t\tsetIsEditingQuantity(false);\r\n\r\n\t\tif (currentQuantity === null) {\r\n\t\t\tsetCurrentQuantity(initialQuantity);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tupdateQuantity(currentQuantity);\r\n\t\t//#region TapeCase\r\n\t\t//setShowDropDown(currentQuantity < MAX_NUMBER_FOR_DROPDOWN);\r\n\t\t//#endregion\r\n\t\tsetIsEditingQuantity(false);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{showDropDown ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{/* eslint-disable-next-line jsx-a11y/label-has-for */}\r\n\t\t\t\t\t<label htmlFor=\"cart-saved-carts\">\r\n\t\t\t\t\t\t<span className=\"roc-cart-item__col-title\">{Localizer('Qty')}</span>\r\n\t\t\t\t\t\t<FauxDropdown\r\n\t\t\t\t\t\t\tlists={[\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tlist: range(MAX_NUMBER_FOR_DROPDOWN).map((value) => {\r\n\t\t\t\t\t\t\t\t\t\treturn { value: `${value}`, text: `${value}` };\r\n\t\t\t\t\t\t\t\t\t}),\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\tlist: [\r\n\t\t\t\t\t\t\t\t\t\t{ value: `${MAX_NUMBER_FOR_DROPDOWN}`, text: `${MAX_NUMBER_FOR_DROPDOWN}+` },\r\n\t\t\t\t\t\t\t\t\t],\r\n\t\t\t\t\t\t\t\t},\r\n\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\tid={`quantity-${index}`}\r\n\t\t\t\t\t\t\taccessibleValue={`${currentQuantity}`}\r\n\t\t\t\t\t\t\tdefaultValueId={`${currentQuantity}`}\r\n\t\t\t\t\t\t\tonChange={handleQuantityChange}\r\n\t\t\t\t\t\t\tvalue={`${currentQuantity}`}\r\n\t\t\t\t\t\t\tactiveValue={`${currentQuantity}`}\r\n\t\t\t\t\t\t\ttestId={`cart-quantity-${index}`}\r\n\t\t\t\t\t\t\tsize=\"small\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<label htmlFor=\"quantity\">\r\n\t\t\t\t\t\t<span className=\"roc-cart-item__col-title\">{Localizer('Qty')}</span>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input roc-cart-item__qty-input\"\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\tname=\"quantity\"\r\n\t\t\t\t\t\t\ttype=\"number\"\r\n\t\t\t\t\t\t\tautoComplete=\"off\"\r\n\t\t\t\t\t\t\tid={`quantity-${index}`}\r\n\t\t\t\t\t\t\tvalue={currentQuantity === null ? '' : currentQuantity}\r\n\t\t\t\t\t\t\tonChange={handleItemQuantityEdit}\r\n\t\t\t\t\t\t\tonKeyDown={handleUpdateKeyDown}\r\n\t\t\t\t\t\t\tdata-testid={`cart-quantity-${index}`}\r\n\t\t\t\t\t\t\t// eslint-disable-next-line jsx-a11y/no-autofocus\r\n\t\t\t\t\t\t\tautoFocus={isEditingQuantity}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</label>\r\n\r\n\t\t\t\t\t{props.minimumOrderQuantity != null && props.minimumOrderQuantity > 1 ? (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t<strong>MOQ: </strong>\r\n\t\t\t\t\t\t\t\t{props.minimumOrderQuantity}{' '}\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t{isEditingQuantity && (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\tclassName=\"roc-btn roc-cart-item__update-btn\"\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\tonClick={handleItemQuantityUpdate}\r\n\t\t\t\t\t\t\t\taria-label={Localizer('UpdateItemQty', itemName)}\r\n\t\t\t\t\t\t\t\tdata-testid={`cart-update-quantity-button-${index}`}\r\n\t\t\t\t\t\t\t\t//#region TapeCase\r\n\t\t\t\t\t\t\t\tdisabled={\r\n\t\t\t\t\t\t\t\t\tcurrentQuantity != null &&\r\n\t\t\t\t\t\t\t\t\tprops.minimumOrderQuantity != null &&\r\n\t\t\t\t\t\t\t\t\tprops.minimumOrderQuantity > currentQuantity\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t//#endregion}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{Localizer('Update')}\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</>\r\n\t\t\t)}\r\n\t\t</>\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 * Lock SVG component\r\n *\r\n * @returns\r\n */\r\nfunction LockSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 27 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-lock', 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=\"M24.454 14.487h-0.752v-4.385c-0.099-5.608-4.714-10.102-10.374-10.102s-10.275 4.495-10.374 10.102v4.385h-0.743c-1.222 0-2.212 0.982-2.212 2.192v13.129c0 1.211 0.99 2.192 2.212 2.192h22.242c1.222 0 2.212-0.982 2.212-2.192v-13.132c-0.002-1.21-0.992-2.189-2.212-2.189zM19.278 14.487h-11.867v-4.385c0.074-3.191 2.706-5.74 5.927-5.74s5.853 2.549 5.927 5.74l0.013 4.385z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default LockSVG;\r\n","import React from 'react';\r\nimport LazyImage from 'shared/assets/LazyImage';\r\nimport { AssetType } from 'shared/assets/types';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport {\r\n\t/*#region TapeCase */ GetPriceForMinimumAvailableQuantity,\r\n\t/*GetPriceForQuantity,#endregion*/ GetPricingLine,\r\n} from '../pricing/pricing-result';\r\nimport { productAssetPlaceholder } from '../product-details/ProductAssets';\r\nimport { ProductAsset } from '../product-details/types';\r\nimport { RecentlyViewedProduct as Model } from './useRecentlyViewedProducts';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\n\r\ninterface RecentlyViewedProductProps {\r\n\tproduct: Model;\r\n\tuseTinySliderLazyLoading?: boolean;\r\n}\r\n\r\n/**\r\n * Renders a single product that was recently viewed\r\n */\r\nexport default function RecentlyViewedProduct(props: RecentlyViewedProductProps) {\r\n\tconst { product } = props;\r\n\tconst compareAssets = (a: ProductAsset, b: ProductAsset) => a.sortOrder - b.sortOrder;\r\n\tconst defaultAsset = product?.assets?.sort(compareAssets).find((asset) => asset.assetType === AssetType.Image);\r\n\tconst mainImage = defaultAsset ?? productAssetPlaceholder;\r\n\r\n\tlet customUrl: string = '#';\r\n\tif (product?.summary?.meta?.url) {\r\n\t\tcustomUrl = product.summary.meta.url;\r\n\t}\r\n\r\n\tconst line = product.displayPricing && GetPricingLine(product.displayPricing, product.id);\r\n\tconst displayPrice =\r\n\t\tline &&\r\n\t\t/*#region TapeCase GetPriceForQuantity(line.prices, 1)*/ GetPriceForMinimumAvailableQuantity(\r\n\t\t\tline.prices,\r\n\t\t); /*#endregion*/\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-product-list__item\">\r\n\t\t\t<a\r\n\t\t\t\thref={customUrl}\r\n\t\t\t\tclassName=\"roc-product-list__link\"\r\n\t\t\t\tonClick={() =>\r\n\t\t\t\t\tdispatchRocEvent('product-clicked', {\r\n\t\t\t\t\t\tproductId: product.id,\r\n\t\t\t\t\t\turl: customUrl,\r\n\t\t\t\t\t\tproductName: product.summary ? product.summary.name : '',\r\n\t\t\t\t\t\tproductGroupId: product.summary?.productGroupId ?? null,\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t>\r\n\t\t\t\t{mainImage !== null ? (\r\n\t\t\t\t\t<div className=\"roc-product-list__image-wrapper\">\r\n\t\t\t\t\t\t{props.useTinySliderLazyLoading ? (\r\n\t\t\t\t\t\t\t// Use tiny-slider's built-in lazy image loading to lazily load the image\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\tsrc=\"/images/placeholder/placeholder-image.png\"\r\n\t\t\t\t\t\t\t\tdata-src={mainImage.mainImageUrl}\r\n\t\t\t\t\t\t\t\talt={mainImage.altText}\r\n\t\t\t\t\t\t\t\tclassName=\"roc-product-list__image tns-lazy-img\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<LazyImage\r\n\t\t\t\t\t\t\t\tsrc={mainImage.mainImageUrl}\r\n\t\t\t\t\t\t\t\talt={mainImage.altText}\r\n\t\t\t\t\t\t\t\tclassName=\"roc-product-list__image\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\t\t\t\t{product.summary ? (\r\n\t\t\t\t\t<h3\r\n\t\t\t\t\t\tclassName=\"roc-product-list__title\"\r\n\t\t\t\t\t\tdata-testid={`rvp-header-${toKebabCase(product.summary.name)}`}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{product.summary.name}\r\n\t\t\t\t\t</h3>\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t<ProductPricing displayPrice={displayPrice} className=\"roc-product-list\" />\r\n\t\t\t</a>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import { ProductDetailsState } from '../product-details/types';\r\nimport { useEffect, useState } from 'react';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\nimport { ServerData } from '../../../services/ServerData';\r\nimport { getPartialProductData } from '../product-details/data';\r\n\r\ntype ViewTracked = {\r\n\tlastViewed: number;\r\n};\r\n\r\ntype SparseProductDetailsState = Pick<ProductDetailsState, 'id' | 'assets' | 'pricingLines' | 'displayPricing'> &\r\n\tPartial<Pick<ProductDetailsState, 'summary'>>;\r\n\r\nconst sparseProductDetailsStateKeys: (keyof SparseProductDetailsState)[] = [\r\n\t'summary',\r\n\t'assets',\r\n\t'pricingLines',\r\n\t'displayPricing',\r\n];\r\n\r\n/**\r\n * Recently viewed product\r\n */\r\nexport type RecentlyViewedProduct = SparseProductDetailsState & ViewTracked;\r\n\r\n/**\r\n * Use recently viewed products hook params\r\n */\r\ninterface UseRecentlyViewedProductsParams {\r\n\tcurrentProduct?: ProductDetailsState | null;\r\n\tactive?: boolean;\r\n}\r\n\r\n/**\r\n * Use recently viewed products context\r\n */\r\ninterface RecentlyViewedProductsContext {\r\n\tproducts: RecentlyViewedProduct[];\r\n\ttimestamp: number | null;\r\n}\r\n\r\nclass RecentlyViewedProductsRepository {\r\n\t/**\r\n\t * Recently viewed product local storage key name\r\n\t */\r\n\tprivate keyName: string = 'RocRecentlyViewedProductsContext';\r\n\r\n\t/**\r\n\t * Get all recently viewed products from the local storage, including those that may no longer be valid.\r\n\t */\r\n\tpublic getAllMayIncludeInvalid(): RecentlyViewedProduct[] {\r\n\t\tlet context: RecentlyViewedProductsContext | null = null;\r\n\t\ttry {\r\n\t\t\tconst stateStr = localStorage.getItem(this.keyName);\r\n\t\t\tif (stateStr !== null) {\r\n\t\t\t\tcontext = JSON.parse(stateStr);\r\n\t\t\t\tif (context && context.timestamp) {\r\n\t\t\t\t\tconst expirationTime = 1000 * 60 * 60 * 24 * 64; // 60 days in milliseconds\r\n\t\t\t\t\tif (new Date().valueOf() - context.timestamp >= expirationTime) {\r\n\t\t\t\t\t\tlocalStorage.removeItem(this.keyName); // remove data because it has expired\r\n\t\t\t\t\t\tcontext = null;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tconsole.warn('Error when getting recently viewed products from local storage.', error);\r\n\t\t}\r\n\r\n\t\tif (!context || context.products === null) {\r\n\t\t\treturn new Array<RecentlyViewedProduct>();\r\n\t\t}\r\n\r\n\t\treturn context.products;\r\n\t}\r\n\r\n\t/**\r\n\t * Get all recently viewed products from the local storage, except those that the server deems are invalid.\r\n\t */\r\n\tpublic async getAllValidOnly(): Promise<RecentlyViewedProduct[]> {\r\n\t\tconst validProducts = await this.filterOutInvalid(this.getAllMayIncludeInvalid());\r\n\r\n\t\tthis.setAll(validProducts);\r\n\r\n\t\treturn validProducts;\r\n\t}\r\n\r\n\t/**\r\n\t * Filter out invalid products from the passed in list by querying the server.\r\n\t */\r\n\tprivate async filterOutInvalid(products: RecentlyViewedProduct[]) {\r\n\t\ttry {\r\n\t\t\tconst now: number = new Date().valueOf();\r\n\t\t\t// Obtain timespan from settings; default to 1 hour in milliseconds.\r\n\t\t\tconst timeSpan: number = ServerData.MinimumTimeBeforeRecentlyViewedProductsAreValidated || 60 * 60 * 1000;\r\n\r\n\t\t\tconst outsideTimeSpan: RecentlyViewedProduct[] = products.filter((p) => now - p.lastViewed > timeSpan);\r\n\t\t\tconst withinTimeSpan: RecentlyViewedProduct[] = products.filter((p) => now - p.lastViewed <= timeSpan);\r\n\r\n\t\t\tif (outsideTimeSpan.length > 0) {\r\n\t\t\t\tconst validProductIds: string[] = (\r\n\t\t\t\t\tawait AxiosHelper.get('/ajax/commerce/products/recently-viewed/filter-out-invalid', {\r\n\t\t\t\t\t\tparams: { productIds: outsideTimeSpan.map((product) => product.id) },\r\n\t\t\t\t\t})\r\n\t\t\t\t).data.map((id) => id.toLowerCase());\r\n\r\n\t\t\t\tconst validOutsideTimeSpan: RecentlyViewedProduct[] = outsideTimeSpan.filter((product) =>\r\n\t\t\t\t\tvalidProductIds.includes(product.id.toLowerCase()),\r\n\t\t\t\t);\r\n\r\n\t\t\t\tfor (const product of validOutsideTimeSpan) {\r\n\t\t\t\t\tproduct.lastViewed = now;\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn withinTimeSpan.concat(validOutsideTimeSpan);\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(`An error occurred while filtering out invalid products: ${error.message}`);\r\n\t\t}\r\n\r\n\t\treturn products;\r\n\t}\r\n\r\n\t/**\r\n\t * Update recently viewed products state in the local storage\r\n\t */\r\n\tpublic setAll(products: RecentlyViewedProduct[]) {\r\n\t\tconst context: RecentlyViewedProductsContext = {\r\n\t\t\tproducts,\r\n\t\t\ttimestamp: new Date().valueOf(),\r\n\t\t};\r\n\t\tlocalStorage.setItem(this.keyName, JSON.stringify(context));\r\n\t}\r\n}\r\n\r\nconst repository = new RecentlyViewedProductsRepository();\r\n\r\n/**\r\n * Custom hook for recently viewed products\r\n */\r\nexport default function useRecentlyViewedProducts({\r\n\tcurrentProduct,\r\n\tactive = true,\r\n}: UseRecentlyViewedProductsParams): RecentlyViewedProduct[] {\r\n\tconst maxPersistedProducts = 5;\r\n\tconst [recentlyViewedProducts, setRecentlyViewedProducts] = useState<RecentlyViewedProduct[]>([]);\r\n\r\n\t/** Retrieve the partial product state for an arbitrary product */\r\n\tasync function getProductStateAsync(productId: string) {\r\n\t\ttry {\r\n\t\t\tconst productState = await getPartialProductData({\r\n\t\t\t\tid: productId,\r\n\t\t\t\tmissingKeys: sparseProductDetailsStateKeys,\r\n\t\t\t});\r\n\t\t\tconsole.debug('Product state retrieved:', productState);\r\n\r\n\t\t\tif (productState != null) {\r\n\t\t\t\tconst recentlyViewedProduct: RecentlyViewedProduct = {\r\n\t\t\t\t\t...productState,\r\n\t\t\t\t\tid: productId,\r\n\t\t\t\t\tlastViewed: new Date().valueOf(),\r\n\t\t\t\t};\r\n\r\n\t\t\t\treturn recentlyViewedProduct;\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error(error);\r\n\t\t}\r\n\r\n\t\tconsole.error('Failed to retrieve the product with the given id:', productId);\r\n\t\treturn null;\r\n\t}\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!active) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\t(async () => {\r\n\t\t\tlet recentlyViewedProductDtos = await repository.getAllValidOnly();\r\n\r\n\t\t\t// process current product only when it was fully loaded w/o any errors\r\n\t\t\tif (currentProduct != null) {\r\n\t\t\t\tconst currentProductDto: RecentlyViewedProduct = {\r\n\t\t\t\t\tid: currentProduct.id,\r\n\t\t\t\t\tsummary: currentProduct.summary,\r\n\t\t\t\t\tassets: currentProduct.assets,\r\n\t\t\t\t\tpricingLines: currentProduct.pricingLines,\r\n\t\t\t\t\tdisplayPricing: currentProduct.displayPricing,\r\n\t\t\t\t\tlastViewed: new Date().valueOf(),\r\n\t\t\t\t};\r\n\r\n\t\t\t\t// If the product is already in the recently review list, remove it because it will be reinserted at the end of this method in order to refresh it with up to date data.\r\n\t\t\t\tconst currentProductIndex = recentlyViewedProductDtos.findIndex(\r\n\t\t\t\t\t(item) => item.id === currentProductDto.id,\r\n\t\t\t\t);\r\n\t\t\t\tif (currentProductIndex > -1) {\r\n\t\t\t\t\trecentlyViewedProductDtos.splice(currentProductIndex, 1);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// If the product doesn't have a parent, add it to recently viewed.\r\n\t\t\t\t// If the user ended up following a direct link to a simple with a parent, it will not be added to recently viewed despite this being undesirable.\r\n\t\t\t\tif (currentProductDto.summary != null) {\r\n\t\t\t\t\tconst groupId = currentProductDto.summary.productGroupId;\r\n\t\t\t\t\tif (groupId == null) {\r\n\t\t\t\t\t\trecentlyViewedProductDtos.unshift(currentProductDto); // insert current item at the first place\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tconst groupIndex = recentlyViewedProductDtos.findIndex((item) => item.id === groupId);\r\n\t\t\t\t\t\tif (groupIndex > 0) {\r\n\t\t\t\t\t\t\t// Move the group to the front of the list but don't reload it.\r\n\t\t\t\t\t\t\tconst groupProducts = recentlyViewedProductDtos.splice(groupIndex, 1);\r\n\t\t\t\t\t\t\trecentlyViewedProductDtos.unshift(groupProducts[0]);\r\n\t\t\t\t\t\t} else if (groupIndex === -1) {\r\n\t\t\t\t\t\t\t// Attempt to retrieve enough product state information to insert a recently viewed product entry for the group.\r\n\t\t\t\t\t\t\tconst currentGroupDto = await getProductStateAsync(groupId);\r\n\t\t\t\t\t\t\tif (currentGroupDto != null) {\r\n\t\t\t\t\t\t\t\trecentlyViewedProductDtos.unshift(currentGroupDto);\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\trecentlyViewedProductDtos = recentlyViewedProductDtos.slice(0, maxPersistedProducts);\r\n\t\t\t\trepository.setAll(recentlyViewedProductDtos);\r\n\t\t\t\trecentlyViewedProductDtos = recentlyViewedProductDtos.filter(\r\n\t\t\t\t\t(p) => p.id !== currentProductDto.id && p.id !== currentProductDto.summary?.productGroupId,\r\n\t\t\t\t); // exclude current product and/or group from being rendered\r\n\t\t\t}\r\n\r\n\t\t\tsetRecentlyViewedProducts(recentlyViewedProductDtos);\r\n\t\t})();\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [currentProduct && currentProduct.id, active]);\r\n\r\n\treturn recentlyViewedProducts;\r\n}\r\n","import debounce from 'lodash-es/debounce';\r\nimport React, { useEffect, useRef } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport { useInViewOnce } from 'shared/hooks/useInViewOnce';\r\nimport type { TinySliderInstance, TinySliderSettings } from 'tiny-slider/src/tiny-slider';\r\nimport uuid from 'uuid/v4';\r\nimport { getInitialProductDetailsState } from '../product-details/types';\r\nimport RecentlyViewedProduct from './RecentlyViewedProduct';\r\nimport useRecentlyViewedProducts from './useRecentlyViewedProducts';\r\nimport { sm, md, lg } from 'shared/breakpoints';\r\n\r\ninterface RecentlyViewedProductsProps {\r\n\t/** If this originated from a tab, this will be the ID of that tab */\r\n\ttabId?: string;\r\n\tdisplaytitle?: boolean;\r\n}\r\n\r\n/**\r\n * Represents a listing of recently viewed products for a user, 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 */\r\nexport default function RecentlyViewedProducts(props: RecentlyViewedProductsProps) {\r\n\tconst productDetailsState = getInitialProductDetailsState();\r\n\tconst recentlyViewedProducts = useRecentlyViewedProducts({ currentProduct: productDetailsState, active: true });\r\n\tconst currentInstanceId = useRef('recently-viewed-products-slider-' + uuid()).current;\r\n\tconst sliderRef = useRef<TinySliderInstance | null>(null);\r\n\r\n\tconst { displaytitle = false } = props;\r\n\r\n\tconst [ref, inView] = useInViewOnce({\r\n\t\tthreshold: 0,\r\n\t});\r\n\r\n\tconst tnsPromise = import('tiny-slider/src/tiny-slider').then((module) => module.tns);\r\n\tconst oneItemClass = 'roc-product-list--one-item';\r\n\tconst twoItemClass = 'roc-product-list--two-items';\r\n\tconst threeItemClass = 'roc-product-list--three-items';\r\n\tconst fiveItemClass = 'roc-product-list--five-items';\r\n\r\n\t// Handle debouncing the recreation of tiny-slider on resize\r\n\tconst handleResizeDebounced = () => {\r\n\t\tinitializeSlider();\r\n\t};\r\n\r\n\tconst executeResizeDebounced = debounce(handleResizeDebounced, 200);\r\n\r\n\t// bind tiny-slider on startup or resize\r\n\tconst initializeSlider = () => {\r\n\t\tif (sliderRef.current) {\r\n\t\t\tsliderRef.current.destroy();\r\n\t\t}\r\n\r\n\t\t(async () => {\r\n\t\t\tconst currentSliderDiv = document.getElementById(currentInstanceId);\r\n\t\t\tconst tns = await tnsPromise;\r\n\r\n\t\t\tconst getTinySliderInstance = (props: { itemsToShow: number }) => {\r\n\t\t\t\tconst options: TinySliderSettings = {\r\n\t\t\t\t\tcontainer: `#${currentInstanceId}`,\r\n\t\t\t\t\titems: props.itemsToShow,\r\n\t\t\t\t\tslideBy: 'page',\r\n\t\t\t\t\tcontrols: false,\r\n\t\t\t\t\tmouseDrag: true,\r\n\t\t\t\t\tgutter: 15,\r\n\t\t\t\t\tlazyload: true,\r\n\t\t\t\t\tloop: false,\r\n\t\t\t\t};\r\n\r\n\t\t\t\treturn tns(options);\r\n\t\t\t};\r\n\r\n\t\t\tif (currentSliderDiv) {\r\n\t\t\t\tconst trackElement = currentSliderDiv.parentElement;\r\n\t\t\t\tconst parentRocProductList = currentSliderDiv.closest('.roc-product-list');\r\n\t\t\t\tif (trackElement && parentRocProductList) {\r\n\t\t\t\t\tconst containerWidth = trackElement.offsetWidth;\r\n\t\t\t\t\t// Different tiny-slider settings based on parent element width.\r\n\t\t\t\t\t// The \"responsive\" option on tiny slider is based on window width, not container element width, so we can't use it in this case\r\n\t\t\t\t\tif (containerWidth < sm) {\r\n\t\t\t\t\t\t// 1 item\r\n\t\t\t\t\t\tparentRocProductList.classList.remove(twoItemClass, threeItemClass, fiveItemClass);\r\n\t\t\t\t\t\tparentRocProductList.classList.add(oneItemClass);\r\n\r\n\t\t\t\t\t\tsliderRef.current = getTinySliderInstance({ itemsToShow: 1 });\r\n\t\t\t\t\t} else if (containerWidth < md) {\r\n\t\t\t\t\t\t// 2 items\r\n\t\t\t\t\t\tparentRocProductList.classList.remove(oneItemClass, threeItemClass, fiveItemClass);\r\n\t\t\t\t\t\tparentRocProductList.classList.add(twoItemClass);\r\n\r\n\t\t\t\t\t\tsliderRef.current = getTinySliderInstance({ itemsToShow: 2 });\r\n\t\t\t\t\t} else if (containerWidth < lg) {\r\n\t\t\t\t\t\t// 3 items\r\n\t\t\t\t\t\tparentRocProductList.classList.remove(oneItemClass, twoItemClass, fiveItemClass);\r\n\t\t\t\t\t\tparentRocProductList.classList.add(threeItemClass);\r\n\r\n\t\t\t\t\t\tsliderRef.current = getTinySliderInstance({ itemsToShow: 3 });\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\t// 5 items\r\n\t\t\t\t\t\tparentRocProductList.classList.remove(oneItemClass, twoItemClass, threeItemClass);\r\n\t\t\t\t\t\tparentRocProductList.classList.add(fiveItemClass);\r\n\r\n\t\t\t\t\t\tsliderRef.current = getTinySliderInstance({ itemsToShow: 5 });\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t// if there's a re-render, or possibly hmr, make sure to destroy the instance\r\n\t\t\t// to avoid memory leaks.\r\n\t\t\treturn () => {\r\n\t\t\t\tif (sliderRef.current) {\r\n\t\t\t\t\tsliderRef.current.destroy();\r\n\t\t\t\t}\r\n\t\t\t};\r\n\t\t})();\r\n\t};\r\n\r\n\t// Bind tiny-slider on startup\r\n\tuseEffect(() => {\r\n\t\tinitializeSlider();\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [inView, recentlyViewedProducts]);\r\n\r\n\t// Set up an event handler to re-create the tiny slider when the window is resized\r\n\tuseEffect(() => {\r\n\t\tconst handleResize = () => {\r\n\t\t\texecuteResizeDebounced();\r\n\t\t};\r\n\r\n\t\twindow.addEventListener('resize', handleResize);\r\n\r\n\t\treturn () => {\r\n\t\t\twindow.removeEventListener('resize', handleResize);\r\n\t\t};\r\n\t}, [executeResizeDebounced]);\r\n\r\n\tif (!recentlyViewedProducts || recentlyViewedProducts.length === 0 || !inView) {\r\n\t\treturn <div ref={ref} />;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<div ref={ref} className=\"roc-product-list\">\r\n\t\t\t\t{displaytitle ? <h2>{Localizer('RecentlyViewedProducts')}</h2> : null}\r\n\r\n\t\t\t\t<div id={currentInstanceId} className=\"roc-product-list__track\">\r\n\t\t\t\t\t{recentlyViewedProducts.map((item, i) => (\r\n\t\t\t\t\t\t<RecentlyViewedProduct product={item} key={i} useTinySliderLazyLoading={true} />\r\n\t\t\t\t\t))}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</React.Suspense>\r\n\t);\r\n}\r\n","import React, { useState } from 'react';\r\nimport CircleButton from 'shared/components/CircleButton';\r\nimport { useBaseAxiosSubmitter } from 'shared/hooks/useBaseAxiosSubmitter';\r\nimport { AxiosError } from 'axios';\r\nimport { Order, OrderPromotion } from './types';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { OrderMessage } from './OrderMessages';\r\n\r\ninterface ShoppingCartPromoItemProps {\r\n\torder: Order;\r\n\torderPromotion: OrderPromotion;\r\n\tupdateOrder: (newCart: Order) => void;\r\n\tcouponRemovedCallback?: () => void;\r\n\t/**\r\n\t * Sets order messages to displayed whenever the server returns order related ajax requests\r\n\t * within this component or its children.\r\n\t */\r\n\tupdateOrderMessages: (orderMessages: OrderMessage[]) => void;\r\n}\r\n\r\ninterface RemoveCouponRequest {\r\n\torderId: string | null | undefined;\r\n\torderPromotionId: string | null;\r\n}\r\n\r\ninterface RemoveCouponResponse {\r\n\tcart: Order;\r\n\torderMessages: OrderMessage[];\r\n}\r\n\r\n/**\r\n * Shopping Cart Promo Item\r\n */\r\nfunction ShoppingCartPromoItem(props: ShoppingCartPromoItemProps) {\r\n\tconst { order, orderPromotion, updateOrder, couponRemovedCallback, updateOrderMessages } = props;\r\n\r\n\tconst [isRemoveSpinnerDisplayed, setIsRemoveSpinnerDisplayed] = useState(false);\r\n\r\n\tconst removeCouponSubmitter = useBaseAxiosSubmitter<RemoveCouponRequest, RemoveCouponResponse, unknown>(\r\n\t\t{\r\n\t\t\turl: '/ajax/cart/remove-coupon',\r\n\t\t},\r\n\t\t(response, error, invalidateToken) => {\r\n\t\t\tsetIsRemoveSpinnerDisplayed(false);\r\n\r\n\t\t\tif (error) {\r\n\t\t\t\tconst axiosError = error as AxiosError;\r\n\t\t\t\tif (axiosError.response && axiosError.response.status === 400 && invalidateToken) {\r\n\t\t\t\t\t// only invalidate the token if we have a bad request on the server.\r\n\t\t\t\t\tinvalidateToken();\r\n\t\t\t\t}\r\n\r\n\t\t\t\treturn Promise.resolve({});\r\n\t\t\t} else {\r\n\t\t\t\tcouponRemovedCallback && couponRemovedCallback();\r\n\t\t\t}\r\n\r\n\t\t\tupdateOrder(response.cart);\r\n\t\t\tupdateOrderMessages(response.orderMessages);\r\n\r\n\t\t\treturn Promise.resolve({});\r\n\t\t},\r\n\t\tundefined,\r\n\t\ttrue,\r\n\t\ttrue,\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-toggle-form__card-item\">\r\n\t\t\t<div className=\"roc-toggle-form__card-item-child\">\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName=\"roc-toggle-form__card-item-title\"\r\n\t\t\t\t\tdata-testid={`promotion-code-label-${toKebabCase(orderPromotion.couponCode)}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{orderPromotion.couponCode}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"roc-toggle-form__card-item-child\">\r\n\t\t\t\t{isRemoveSpinnerDisplayed ? (\r\n\t\t\t\t\t<Spinner />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<CircleButton\r\n\t\t\t\t\t\ttestId={`button-remove-promotion-${toKebabCase(orderPromotion.couponCode)}`}\r\n\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\tsetIsRemoveSpinnerDisplayed(true);\r\n\r\n\t\t\t\t\t\t\tremoveCouponSubmitter.submit({\r\n\t\t\t\t\t\t\t\torderId: order.id,\r\n\t\t\t\t\t\t\t\torderPromotionId: orderPromotion.id,\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tdata-testid={`button-remove-promotion-${toKebabCase(orderPromotion.couponCode)}`}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default ShoppingCartPromoItem;\r\n","import React, { useState } from 'react';\r\nimport { Order } from './types';\r\nimport { Localizer } from 'services/Localizer';\r\nimport DownChevronSVG from 'shared/components/svg/DownChevronSVG';\r\nimport UpChevronSVG from 'shared/components/svg/UpChevronSVG';\r\nimport { useAxiosFormSubmitter } from 'shared/hooks/useBaseAxiosFormSubmitter';\r\nimport RocForm from 'shared/edit/RocForm';\r\nimport { Field } from 'react-final-form';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport { AxiosError } from 'axios';\r\nimport CircleExclamationSVG from 'shared/components/svg/CircleExclamationSVG';\r\nimport CheckCircleSVG from 'shared/components/svg/CheckCircleSVG';\r\nimport classnames from 'classnames';\r\nimport ShoppingCartPromoItem from './ShoppingCartPromoItem';\r\nimport { OrderMessage } from './OrderMessages';\r\n\r\ninterface ShoppingCartPromoProps {\r\n\torder: Order;\r\n\tcartIsUpdating: boolean;\r\n\tupdateOrder: (newCart: Order) => void;\r\n\t/**\r\n\t * Optional callback that will be invoked when promotion has been added successfuly\r\n\t */\r\n\tcouponAddedCallback?: () => void;\r\n\t/**\r\n\t * Optional callback that will be invoked when promotion has been removed successfuly\r\n\t */\r\n\tcouponRemovedCallback?: () => void;\r\n\t/**\r\n\t * Sets order messages to displayed whenever the server returns order related ajax requests\r\n\t * within this component or its children.\r\n\t */\r\n\tupdateOrderMessages: (orderMessages: OrderMessage[]) => void;\r\n}\r\n\r\ninterface RedeemCouponFormValues {\r\n\torderId: string | null | undefined;\r\n\tcouponCode: string | null;\r\n}\r\n\r\ninterface RedeemCouponResponse {\r\n\tcart: Order;\r\n\tmessage: string;\r\n\torderMessages: OrderMessage[];\r\n}\r\n\r\n/**\r\n * Placeholder for shopping cart promotions.\r\n */\r\nfunction ShoppingCartPromo(props: ShoppingCartPromoProps) {\r\n\tconst {\r\n\t\tcartIsUpdating,\r\n\t\torder,\r\n\t\tupdateOrder,\r\n\t\tcouponAddedCallback,\r\n\t\tcouponRemovedCallback,\r\n\t\tupdateOrderMessages,\r\n\t} = props;\r\n\r\n\tconst [isShown, setIsShown] = useState<boolean>(false);\r\n\tconst [promotionMessage, setPromotionMessage] = useState<string>('');\r\n\r\n\tconst iconClass = 'roc-toggle-form__icon';\r\n\r\n\tconst redeemCouponSubmitter = useAxiosFormSubmitter<RedeemCouponFormValues, RedeemCouponResponse>(\r\n\t\t{\r\n\t\t\turl: '/ajax/cart/redeem-coupon',\r\n\t\t},\r\n\t\tundefined,\r\n\t\ttrue,\r\n\t\t(response: RedeemCouponResponse, error: AxiosError) => {\r\n\t\t\tif (!error) {\r\n\t\t\t\tsetPromotionMessage(response.message);\r\n\t\t\t\tupdateOrder(response.cart);\r\n\t\t\t\tcouponAddedCallback && couponAddedCallback();\r\n\t\t\t\tupdateOrderMessages(response.orderMessages);\r\n\t\t\t}\r\n\t\t},\r\n\t);\r\n\r\n\treturn (\r\n\t\t<RocForm<RedeemCouponFormValues>\r\n\t\t\tonSubmit={redeemCouponSubmitter.handleSubmit}\r\n\t\t\tinitialValues={{ couponCode: '', orderId: order && order.id }}\r\n\t\t\trender={({ handleSubmit, submitting, submitError }) => {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<form\r\n\t\t\t\t\t\tid=\"promotional-code-form\"\r\n\t\t\t\t\t\tclassName=\"roc-toggle-form roc-toggle-form--bottom-flush\"\r\n\t\t\t\t\t\tonSubmit={handleSubmit}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tclassName=\"roc-toggle-form__toggle-btn roc-cart__link\"\r\n\t\t\t\t\t\t\tonClick={() => setIsShown(!isShown)}\r\n\t\t\t\t\t\t\tdata-testid=\"have-a-promo-code-button\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<span className=\"roc-visually-hidden\">\r\n\t\t\t\t\t\t\t\t{isShown ? Localizer('PromoCodeFormDisplayed') : Localizer('PromoCodeFormHidden')}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t{Localizer('HaveAPromoCode')}\r\n\t\t\t\t\t\t\t{isShown ? (\r\n\t\t\t\t\t\t\t\t<UpChevronSVG className={iconClass} />\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<DownChevronSVG className={iconClass} />\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclassName={classnames('roc-toggle-form__toggle-show', {\r\n\t\t\t\t\t\t\t\t'roc-toggle-form__toggle-show--hidden': !isShown,\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div className=\"roc-toggle-form__panel\">\r\n\t\t\t\t\t\t\t\t<Field name=\"couponCode\">\r\n\t\t\t\t\t\t\t\t\t{({ input }) => (\r\n\t\t\t\t\t\t\t\t\t\t<label htmlFor={input.name}>\r\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"roc-visually-hidden\">{Localizer('PromotionalCode')}</span>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\t{...input}\r\n\t\t\t\t\t\t\t\t\t\t\t\tid={input.name}\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-form-input__input promotional-code-form__input\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder={Localizer('EnterPromoCodePlaceholderText')}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdisabled={cartIsUpdating || submitting}\r\n\t\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"cart-promo-coupon-code-field\"\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</label>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t</Field>\r\n\r\n\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\tdisabled={submitting}\r\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-btn roc-toggle-form__submit-btn\"\r\n\t\t\t\t\t\t\t\t\tdata-testid=\"cart-promo-submit\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{Localizer('Apply')} {submitting ? <Spinner light /> : null}\r\n\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t{Array.isArray(submitError) && submitError.length > 0\r\n\t\t\t\t\t\t\t? submitError.map((error, index) => {\r\n\t\t\t\t\t\t\t\t\treturn (\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\tclassName=\"roc-icon-text roc-toggle-form__error\"\r\n\t\t\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\t\t\tdata-testid={'add-promo-error-' + index}\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<div className=\"roc-icon-text__icon roc-toggle-form__error-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<CircleExclamationSVG />\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<div className=\"roc-icon-text__text\">{error}</div>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\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: null}\r\n\r\n\t\t\t\t\t\t{promotionMessage &&\r\n\t\t\t\t\t\tpromotionMessage !== '' &&\r\n\t\t\t\t\t\torder.promotions.length > 0 &&\r\n\t\t\t\t\t\t!submitError &&\r\n\t\t\t\t\t\t!submitting ? (\r\n\t\t\t\t\t\t\t<div className=\"roc-icon-text roc-toggle-form__error\">\r\n\t\t\t\t\t\t\t\t<div className=\"roc-icon-text__icon roc-toggle-form__error-icon\">\r\n\t\t\t\t\t\t\t\t\t<CheckCircleSVG />\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-icon-text__text\"\r\n\t\t\t\t\t\t\t\t\tdata-testid=\"apply-promotion-msg\"\r\n\t\t\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\r\n\t\t\t\t\t\t\t\t\t\t__html: promotionMessage,\r\n\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t{order.promotions && order.promotions.length > 0 && (\r\n\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\t<strong>{Localizer('ActiveCodes')}</strong>\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t<div className=\"roc-toggle-form__card\">\r\n\t\t\t\t\t\t\t\t\t{order.promotions.map((orderPromotion, index) => (\r\n\t\t\t\t\t\t\t\t\t\t<React.Fragment key={index}>\r\n\t\t\t\t\t\t\t\t\t\t\t<ShoppingCartPromoItem\r\n\t\t\t\t\t\t\t\t\t\t\t\torderPromotion={orderPromotion}\r\n\t\t\t\t\t\t\t\t\t\t\t\torder={order}\r\n\t\t\t\t\t\t\t\t\t\t\t\tupdateOrder={updateOrder}\r\n\t\t\t\t\t\t\t\t\t\t\t\tcouponRemovedCallback={couponRemovedCallback}\r\n\t\t\t\t\t\t\t\t\t\t\t\tupdateOrderMessages={updateOrderMessages}\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</React.Fragment>\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</>\r\n\t\t\t\t\t\t)}\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\r\nexport default ShoppingCartPromo;\r\n","/* eslint-disable jsx-a11y/label-has-for */\r\nimport React from 'react';\r\nimport { WithTestIdOptional } from 'shared-client/types/test';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport OptionalFieldMarker from '../OptionalFieldMarker';\r\n\r\nexport interface FieldLabelProps extends WithTestIdOptional {\r\n\tlabel: string;\r\n\tname: string;\r\n\tid?: string;\r\n\tisRequired: boolean;\r\n\thtmlFor?: string;\r\n\tchildren?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Wrapper component for all field labels for ease of use.\r\n */\r\nexport default function FieldLabel(props: FieldLabelProps) {\r\n\tconst { label, id, isRequired, htmlFor, children, testId } = props;\r\n\r\n\tif (!label || !label.trim()) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<label\r\n\t\t\tclassName=\"roc-form-input-label\"\r\n\t\t\thtmlFor={htmlFor}\r\n\t\t\tid={id ? id : htmlFor + '-label'}\r\n\t\t\tdata-testid={testId || `field-label-${toKebabCase(label)}`}\r\n\t\t>\r\n\t\t\t{label}\r\n\t\t\t{!isRequired ? <OptionalFieldMarker /> : null}\r\n\t\t\t{children ? children : null}\r\n\t\t</label>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { AxiosError } from 'axios';\r\nimport XSVG from 'shared/components/svg/XSVG';\r\n\r\ntype Theme = 'danger' | 'warning' | 'info' | 'success';\r\n\r\nexport interface ErrorAlertProps {\r\n\t/**\r\n\t * The title of the error message such as \"Uh Oh!\" or \"An Unexpected Error has Occurred!\"\r\n\t */\r\n\ttitle: string;\r\n\r\n\t/**\r\n\t * The error message to display if an error object doesn't have a more appropriate message.\r\n\t */\r\n\tmessage: React.ReactNode | string;\r\n\r\n\tchildren?: any;\r\n\r\n\ttheme?: Theme;\r\n\r\n\tisTitleOnOwnRow?: boolean;\r\n\r\n\t/** The error responsible for this message. */\r\n\terror: AxiosError | Error | null;\r\n\r\n\t/**\r\n\t * Method from parent that handles collapse state.\r\n\t */\r\n\tonCollapse?: (collased: boolean) => void;\r\n\r\n\t/**\r\n\t * Controlled collapse state from parent.\r\n\t */\r\n\tisCollapsed?: boolean;\r\n}\r\n\r\n/**\r\n * Reusable Error Alert Component.\r\n */\r\nexport default function InlineAlert(props: ErrorAlertProps) {\r\n\tconst {\r\n\t\ttitle = InlineAlert.defaultProps.title,\r\n\t\tchildren,\r\n\t\ttheme = 'danger',\r\n\t\tisTitleOnOwnRow = false,\r\n\t\terror = InlineAlert.defaultProps.error,\r\n\t\tisCollapsed = false,\r\n\t\tonCollapse,\r\n\t} = props;\r\n\r\n\tlet { message = InlineAlert.defaultProps.message } = props;\r\n\r\n\tconst axiosError = error as AxiosError | null;\r\n\tif (axiosError?.isAxiosError && axiosError != null && axiosError.response == null && axiosError.request != null) {\r\n\t\tmessage = Localizer('ErrorMessageNetwork');\r\n\t}\r\n\r\n\tif (axiosError?.isAxiosError && (axiosError?.response?.status === 401 || axiosError?.response?.status === 403)) {\r\n\t\tmessage = Localizer('ErrorMessageForbidden');\r\n\t}\r\n\r\n\tif (axiosError?.response?.data?.message) {\r\n\t\tmessage = axiosError.response.data.message;\r\n\t}\r\n\r\n\tif (isCollapsed) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tdata-testid=\"inline-alert-window\"\r\n\t\t\tclassName={classnames('roc-alert', {\r\n\t\t\t\t'roc-alert-danger': theme === 'danger',\r\n\t\t\t\t'roc-alert-warning': theme === 'warning',\r\n\t\t\t\t'roc-alert-info': theme === 'info',\r\n\t\t\t\t'roc-alert-success': theme === 'success',\r\n\t\t\t})}\r\n\t\t>\r\n\t\t\t{onCollapse ? (\r\n\t\t\t\t<button type=\"button\" className=\"roc-alert__close-btn\" onClick={() => onCollapse(true)}>\r\n\t\t\t\t\t<XSVG />\r\n\t\t\t\t</button>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{title ? (\r\n\t\t\t\t<strong className={classnames('roc-alert-title', { 'roc-alert-title--space': isTitleOnOwnRow })}>\r\n\t\t\t\t\t{title}\r\n\t\t\t\t</strong>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{message ? <span data-testid=\"inline-alert-text\">{message}</span> : null}\r\n\r\n\t\t\t{children ? <> {children}</> : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\n/**\r\n * Error Alert Default Props\r\n */\r\nInlineAlert.defaultProps = {\r\n\ttitle: Localizer('ErrorMessageGenericTitle'),\r\n\tmessage: Localizer('UnexpectedErrorOccurred'),\r\n\terror: null,\r\n};\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * X SVG\r\n *\r\n * @returns\r\n */\r\nfunction XSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-x', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.058 10.971l9.825-9.825c1.373-1.373 3.598-1.373 4.971 0s1.373 3.598 0 4.971l-9.825 9.825 9.942 9.941c1.373 1.373 1.373 3.598 0 4.971s-3.598 1.373-4.971 0l-9.942-9.942-10.058 10.058c-1.373 1.373-3.598 1.373-4.971 0s-1.373-3.598 0-4.971l10.058-10.058-9.941-9.941c-1.373-1.373-1.373-3.598 0-4.971s3.598-1.373 4.971 0l9.941 9.941z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default XSVG;\r\n","import AxiosHelper from 'services/AxiosHelper';\r\nimport { AxiosResponse } from 'axios';\r\n\r\nexport interface UserSummary {\r\n\tisSignedIn: boolean;\r\n\tuserName: string | null;\r\n\tfirstName: string | null;\r\n\tlastName: string | null;\r\n\temail: string | null;\r\n\tphoneNumber: string | null;\r\n\ttwoFactorEnabled: boolean;\r\n\thasRecoveryCodes: boolean;\r\n\tisMachineRemembered: boolean;\r\n\tannouncements: UserAnnouncement[];\r\n\tisExternalLoginUser: boolean;\r\n\r\n\t// #region TapeCase\r\n\tisOptedInForMarketingEmails: boolean;\r\n\t// #endregion\r\n}\r\n\r\n/** Represents the details about an admin impersonation session of the logged in user. */\r\nexport interface Impersonation {\r\n\t/** The id of the admin impersonating the front end user. */\r\n\timpersonatorId: string;\r\n\r\n\t/** The name of the admin impersonating the front end user. */\r\n\timpersonatorName: string;\r\n\r\n\t/** The id of the active user impersonation session. */\r\n\tsessionId: string;\r\n}\r\n\r\nexport interface UserData {\r\n\t/**\r\n\t * Summary of user-specific details\r\n\t */\r\n\tsummary?: UserSummary;\r\n\r\n\t/**\r\n\t * CSRF validation token generated by the server\r\n\t */\r\n\trequestToken?: string;\r\n\r\n\t/**\r\n\t * The information on an impersonation session if one is active.\r\n\t * If an impersonation session isn't active this field will be undefined.\r\n\t */\r\n\timpersonation?: Impersonation;\r\n}\r\n\r\nexport interface UserAnnouncement {\r\n\t/** The id used as the primary key for the announcement in the database */\r\n\tid: string;\r\n\r\n\t/** An announcement to be displayed to the user */\r\n\tmessage: string;\r\n\r\n\t/** A list of pages where the announcement will be displayed. This will be an empty array if it is to be displayed on all pages. */\r\n\tpages: string[];\r\n}\r\n\r\nlet userDataPromise: Promise<AxiosResponse<UserData>> | null = null;\r\n\r\n/**\r\n * Returns details related to the current user. By default, this is primarily their first/last name\r\n * and whether they are logged in or not. This can customized to include more details if necessary.\r\n */\r\nexport const getUserData = () => {\r\n\tif (userDataPromise === null) {\r\n\t\tuserDataPromise = AxiosHelper.get<UserData>('/ajax/user');\r\n\t}\r\n\r\n\treturn userDataPromise;\r\n};\r\n\r\n/**\r\n * Returns non-cached details related to the current user. By default, this is primarily their first/last name\r\n * and whether they are logged in or not. This can customized to include more details if necessary.\r\n */\r\nexport const getUserDataNoCache = () => {\r\n\treturn AxiosHelper.get<UserData>('/ajax/user');\r\n};\r\n\r\n/**\r\n * Returns a promise that will contain the CSRF token generated on the server to be used to validate\r\n * forms being posted via AJAX.\r\n */\r\nexport async function getCsrfToken() {\r\n\ttry {\r\n\t\tconst userData = await getUserData();\r\n\t\treturn userData.data.requestToken;\r\n\t} catch (error) {\r\n\t\tconsole.warn('Unable to load CSRF token.');\r\n\t\treturn '';\r\n\t}\r\n}\r\n\r\n// #region Commerce\r\nimport { CartSummary } from './UserData.Commerce';\r\nimport { LocationDto } from 'features/commerce/store-locator/types';\r\nimport { OrganizationInvite, OrganizationShipTo } from 'shared-client/types/commerce/organization';\r\nimport { AutoSuggestOption } from '../../../Roc.SharedClientApp/types/fields';\r\n\r\n// Commerce extensions to the UserData interface\r\nexport interface UserData {\r\n\tcartSummary?: CartSummary;\r\n\r\n\t/***\r\n\t * The customer's default store location or null if not set\r\n\t */\r\n\tdefaultStoreLocation?: LocationDto | null;\r\n\r\n\t/**\r\n\t * If store is enabled for this site\r\n\t */\r\n\tenableStoreLocation?: boolean;\r\n}\r\n\r\n/***\r\n * Organization data and permissions\r\n */\r\nexport interface Organization {\r\n\tid: string;\r\n\tpurchaseOrderNumberRequired: boolean;\r\n\tcreditCardAllowed: boolean;\r\n\tgiftCardAllowed: boolean;\r\n\torganizationName: string;\r\n\tcorpAccountAllowed: boolean;\r\n\t//#region TapeCase Customization\r\n\tisApprovedDistributor: boolean;\r\n\tpurchaseOrderAllowed: boolean;\r\n\t//#endregion\r\n}\r\n\r\n/***\r\n * Organization dto data\r\n */\r\nexport interface OrganizationDto extends AutoSuggestOption {}\r\n\r\n/***\r\n * User's organization and permissions data\r\n */\r\nexport interface UserSummary {\r\n\t/***\r\n\t * User's current default organization\r\n\t */\r\n\torganization: Organization | null;\r\n\r\n\t/***\r\n\t * The list of organizations the user is part of\r\n\t */\r\n\tuserOrganizations?: OrganizationDto[] | null;\r\n\r\n\t/***\r\n\t * The selected organization ship to\r\n\t */\r\n\tselectedShipTo: OrganizationShipTo | null;\r\n\r\n\t/***\r\n\t * Defines if the user has multiple shiptos to select from\r\n\t */\r\n\thasMultipleShipTos: boolean | null;\r\n\r\n\t/***\r\n\t * Defines if the user has saved payment methods\r\n\t */\r\n\thasSavedPaymentMethods: boolean | null;\r\n\r\n\t/***\r\n\t * The list of user permissions\r\n\t */\r\n\tpermissions?: UserPermissions;\r\n\r\n\t/***\r\n\t * The list of organizations the user is invited to join\r\n\t */\r\n\torganizationInvites?: OrganizationInvite[];\r\n\r\n\t/***\r\n\t * The user organization removal notification\r\n\t * Used to notify the user if he is no more part of his default organization\r\n\t */\r\n\tuserOrganizationRemovalNotification?: string;\r\n}\r\n\r\n/***\r\n * User's permissions\r\n */\r\nexport interface UserPermissions {\r\n\t/***\r\n\t * Defines if the current user can see organization users\r\n\t */\r\n\tcanSeeOrganizationUsers?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can assign roles to organization users\r\n\t */\r\n\tcanAssignRolesToOrganizationUsers?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can remove users from an organization\r\n\t */\r\n\tremoveUserFromOrganization?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can create organization users\r\n\t */\r\n\tcreateOrganizationUser?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can enable/disable ShipTos for organization users\r\n\t */\r\n\tmanageShipTosAssociation?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can see status of the organization users\r\n\t */\r\n\tcanSeePendingOrganizationUsers?: boolean;\r\n}\r\n// #endregion\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\nimport { ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { BaseInputProps } from './InputField';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nexport type InputFieldProps = FieldRenderProps<boolean, HTMLElement> &\r\n\tBaseInputProps & {\r\n\t\tplaceholder?: string;\r\n\t};\r\n\r\n/**\r\n * Component that renders a checkbox input with form field.\r\n */\r\nexport default function CheckboxInputField({\r\n\tinput: { name, onChange, checked }, //#region TapeCase Customization (bugfix), added attribute `checked` instead of value\r\n\tmeta,\r\n\ttype,\r\n\tlabel = '',\r\n\tdisabled = false,\r\n\treadOnly = false,\r\n\tplaceholder = '',\r\n\tstep,\r\n\ttestId,\r\n\tdefaultValue = false,\r\n}: InputFieldProps) {\r\n\treturn (\r\n\t\t<div className={meta.dirty ? 'roc-form-group form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t<div className=\"roc-form-input__input-checkbox-wrapper\">\r\n\t\t\t\t<FieldInputErrorWrapper name={name} inline={type === 'checkbox'}>\r\n\t\t\t\t\t<label htmlFor={name} className=\"roc-form-input__input-checkbox-label\">\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t//#region TapeCase Customization (bugfix)\r\n\t\t\t\t\t\t\tchecked={checked}\r\n\t\t\t\t\t\t\t//endregion\r\n\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\tdefaultChecked={defaultValue}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\tstep={step}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span className=\"roc-form-input__input-checkbox-label-text\">{label}</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t</div>\r\n\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport CheckboxInputField from './CheckboxInputField';\r\nimport { BaseInputProps } from './InputField';\r\n\r\nexport type InputFieldProps = FieldProps<boolean, FieldRenderProps<boolean, HTMLElement>> & BaseInputProps;\r\n\r\n/**\r\n * Component that renders a checkbox field\r\n */\r\nexport default function CheckBoxField({\r\n\tname,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tlabel = '',\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tformatOnBlur,\r\n\tinitialValue,\r\n\tisEqual,\r\n\tsubscription,\r\n\tdefaultValue,\r\n\t//#region TapeCase Customization (bugfix)\r\n\tchecked,\r\n}: //endregion\r\nInputFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t\t//#region TapeCase Customization (bugfix)\r\n\t\t\tchecked={checked}\r\n\t\t\t//endregion\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<CheckboxInputField\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tinput={input}\r\n\t\t\t\t\tmeta={meta}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport { DropdownOption } from 'shared-client/types/fields';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { FormFieldProps, ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport FieldLabel from './FieldLabel';\r\nexport type DropdownProps = FormFieldProps & {\r\n\taddSelectOption?: boolean;\r\n\toptions: DropdownOption[];\r\n};\r\n\r\nexport type DropdownFieldProps = DropdownProps &\r\n\tFieldProps<DropdownOption, FieldRenderProps<DropdownOption, HTMLElement>>;\r\n\r\n/**\r\n * Component that renders a Dropdown field component\r\n */\r\nexport default function DropdownField({\r\n\tname,\r\n\tisRequired = true,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\taddSelectOption = true,\r\n\toptions,\r\n\tlabel = '',\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tformatOnBlur,\r\n\tisEqual,\r\n\tsubscription,\r\n\tvalidateFields,\r\n\ttestId,\r\n}: DropdownFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalidateFields={validateFields}\r\n\t\t>\r\n\t\t\t{({ input: { value, onChange, onFocus, onBlur }, meta }) => (\r\n\t\t\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t\t\t<FieldInputErrorWrapper name={name} hideIcon>\r\n\t\t\t\t\t\t<select\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{addSelectOption ? <option value=\"\" /> : null}\r\n\t\t\t\t\t\t\t{options.map((option, index) => (\r\n\t\t\t\t\t\t\t\t<option\r\n\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\tvalue={option.value}\r\n\t\t\t\t\t\t\t\t\tdisabled={readOnly}\r\n\t\t\t\t\t\t\t\t\tdata-testid={`field-${toKebabCase(name)}-option-${toKebabCase(option.text)}`}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{option.text}\r\n\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</select>\r\n\t\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\n\r\ntype ValidationMessagesProps = Pick<FieldRenderProps<any, HTMLElement>, 'meta'> & {\r\n\tid: string;\r\n};\r\n\r\nfunction getErrorArray(errorOrSubmitError) {\r\n\tlet errors: string[] = [];\r\n\tif (typeof errorOrSubmitError === 'string') {\r\n\t\terrors.push(errorOrSubmitError);\r\n\t} else if (Array.isArray(errorOrSubmitError)) {\r\n\t\terrors = errorOrSubmitError.filter((error) => !Array.isArray(error) && typeof error === 'string');\r\n\t}\r\n\r\n\treturn errors;\r\n}\r\n\r\n/**\r\n * Displays validation errors for fields\r\n *\r\n * @class ValidationMessages\r\n * @extends {React.Component<ValidationMessagesProps>}\r\n */\r\nfunction ValidationMessages(props: ValidationMessagesProps) {\r\n\tconst { meta } = props;\r\n\r\n\tif (!meta) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tlet errors: string[] = [];\r\n\r\n\t/* \r\n\t almost all validation comes from the server, so we only need to check `submitError` despite there being `error`\r\n\t there are 3 kinds of values for submitError, string, string[] and [string|[]|object]\r\n\t the third type happens when you're using FieldArray, so we're going to filter those out and only\r\n\t take the strings if submitError is an array. this is due to a bug (possibly feature?) of final form\r\n\t where the submit errors for field array fields bubble up into the parent field.\r\n\t */\r\n\tif (meta.submitError) {\r\n\t\terrors = errors.concat(getErrorArray(meta.submitError));\r\n\r\n\t\t// for server-side validation, we need to stop showing these after any changes are made.\r\n\t\tif (meta.dirtySinceLastSubmit || meta.submitting) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t} else if (meta.error) {\r\n\t\t// sometimes we validate on the client, so we need to support these as well.\r\n\t\terrors = errors.concat(getErrorArray(meta.error));\r\n\t}\r\n\r\n\treturn (\r\n\t\t// #region Tapecase\r\n\t\t<span\r\n\t\t\tclassName=\"roc-form-suffix roc-form-suffix--error\"\r\n\t\t\tid={props.id}\r\n\t\t\tdata-testid={props.id}\r\n\t\t\taria-live=\"polite\"\r\n\t\t\taria-atomic=\"true\"\r\n\t\t>\r\n\t\t\t{/*  #endregion */}\r\n\t\t\t{(meta.submitError || meta.error) &&\r\n\t\t\t\tmeta.touched &&\r\n\t\t\t\terrors.length > 0 &&\r\n\t\t\t\terrors.map((error, index) => (\r\n\t\t\t\t\t<React.Fragment key={index}>\r\n\t\t\t\t\t\t<span>{error}</span>\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t))}\r\n\t\t</span>\r\n\t);\r\n}\r\n\r\nexport default ValidationMessages;\r\n","import React from 'react';\r\nimport StarRating from '~/shared/components/star-rating/StarRating';\r\nimport { Field } from 'react-final-form';\r\nimport OptionalFieldMarker from '../OptionalFieldMarker';\r\nimport ValidationMessages from './ValidationMessages';\r\nimport { FormFieldProps } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { LocalizedSpan } from 'services/Localizer';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nexport interface StarRatingFieldProps extends FormFieldProps {\r\n\t/**\r\n\t * The maximum number of stars to display (default is 5)\r\n\t */\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * Reusable RFF-compatible field that displays a star rating input\r\n * @param props\r\n */\r\nexport default function StarRatingField({\r\n\tname,\r\n\tlabel = '',\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tmaxRating = 5,\r\n\tisRequired = true,\r\n\ttestId,\r\n}: StarRatingFieldProps) {\r\n\treturn (\r\n\t\t<Field name={name}>\r\n\t\t\t{({ input: { value, onChange }, meta }) => (\r\n\t\t\t\t<FieldInputErrorWrapper name={name} inline>\r\n\t\t\t\t\t<fieldset className=\"roc-rating\">\r\n\t\t\t\t\t\t<legend className=\"roc-form-input-label\">\r\n\t\t\t\t\t\t\t{label} {!isRequired ? <OptionalFieldMarker /> : null}\r\n\t\t\t\t\t\t</legend>\r\n\r\n\t\t\t\t\t\t<div className=\"roc-rating__group\">\r\n\t\t\t\t\t\t\t<StarRating\r\n\t\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\t\tmaxRating={maxRating}\r\n\t\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t\treadonly={readOnly || disabled}\r\n\t\t\t\t\t\t\t\ttestId={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div className=\"roc-rating__text roc-visually-hidden\">\r\n\t\t\t\t\t\t\t<LocalizedSpan\r\n\t\t\t\t\t\t\t\tresourceKey=\"XOutOfYStars\"\r\n\t\t\t\t\t\t\t\targs={[\r\n\t\t\t\t\t\t\t\t\t`<span className=\"roc-rating__text-current\">${value}</span>\r\n\t\t\t\t\t\t\t<span id=${name} className=\"roc-rating__text-max\">`,\r\n\t\t\t\t\t\t\t\t\t`<span className=\"roc-rating__text-max-number\">${maxRating}</span>\r\n\t\t\t\t\t\t\t</span>`,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t\t</fieldset>\r\n\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import * as React from 'react';\r\nimport { ValidationMessages, FormFieldProps } from '.';\r\nimport { FieldProps, Field, FieldRenderProps } from 'react-final-form';\r\nimport FieldLabel from './FieldLabel';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nexport type TextAreaFieldProps = FieldProps<string, FieldRenderProps<string, HTMLElement>> &\r\n\tFormFieldProps & {\r\n\t\trows?: number;\r\n\t\tplaceholder?: string;\r\n\t};\r\n\r\n/**\r\n * Component that renders a textarea input component.\r\n */\r\nexport default function TextAreaField({\r\n\tname,\r\n\tisRequired = true,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tplaceholder = '',\r\n\tlabel = '',\r\n\trows = 5,\r\n\tvalidate,\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tcomponent,\r\n\tdefaultValue,\r\n\tformat,\r\n\tformatOnBlur,\r\n\tinitialValue,\r\n\tisEqual,\r\n\tparse,\r\n\trender,\r\n\tsubscription,\r\n\tvalue,\r\n\ttestId,\r\n}: TextAreaFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tvalidate={validate}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tcomponent={component}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t\tformat={format}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tparse={parse}\r\n\t\t\trender={render}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalue={value}\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t\t\t<FieldInputErrorWrapper name={name}>\r\n\t\t\t\t\t\t<textarea\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={input.value}\r\n\t\t\t\t\t\t\tonChange={input.onChange}\r\n\t\t\t\t\t\t\tonBlur={input.onBlur}\r\n\t\t\t\t\t\t\tonFocus={input.onFocus}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\trows={rows}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { FormFieldProps, ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport FieldLabel from './FieldLabel';\r\n\r\nexport interface BaseInputProps extends FormFieldProps {\r\n\ttype?: string;\r\n\tstep?: string;\r\n}\r\n\r\nexport type InputFieldProps = FieldRenderProps<string, HTMLElement> &\r\n\tBaseInputProps & {\r\n\t\tplaceholder?: string;\r\n\t};\r\n\r\nexport type HTMLInputRef = React.MutableRefObject<any>;\r\n/**\r\n * Component that renders an input with form field.\r\n */\r\nconst InputField = React.forwardRef((props: InputFieldProps, ref: HTMLInputRef) => {\r\n\tconst {\r\n\t\tinput: { name, onChange, value },\r\n\t\tmeta,\r\n\t\ttype,\r\n\t\tlabel = '',\r\n\t\tisRequired = true,\r\n\t\tdisabled = false,\r\n\t\treadOnly = false,\r\n\t\tplaceholder = '',\r\n\t\tstep,\r\n\t\ttestId,\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t<FieldInputErrorWrapper name={name} inline={type === 'checkbox'}>\r\n\t\t\t\t<input\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\tid={name}\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\ttype={type}\r\n\t\t\t\t\tvalue={value}\r\n\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tstep={step}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t/>\r\n\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t</div>\r\n\t);\r\n});\r\n\r\nexport default InputField;\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport InputField, { BaseInputProps, HTMLInputRef } from './InputField';\r\n\r\nexport type InputFieldProps = FieldProps<string, FieldRenderProps<string, HTMLElement>> & BaseInputProps;\r\n\r\n/**\r\n * Component that renders a text box component, of the specified type\r\n */\r\nconst TextBoxField = React.forwardRef((props: InputFieldProps, ref: HTMLInputRef) => {\r\n\tconst {\r\n\t\tname,\r\n\t\ttype = 'text',\r\n\t\tisRequired = true,\r\n\t\treadOnly = false,\r\n\t\tdisabled = false,\r\n\t\tplaceholder = '',\r\n\t\tlabel = '',\r\n\t\tvalidate,\r\n\t\tafterSubmit,\r\n\t\tallowNull,\r\n\t\tbeforeSubmit,\r\n\t\tcomponent,\r\n\t\tdefaultValue,\r\n\t\tformat,\r\n\t\tformatOnBlur,\r\n\t\tinitialValue,\r\n\t\tisEqual,\r\n\t\tparse,\r\n\t\trender,\r\n\t\tsubscription,\r\n\t\tvalue,\r\n\t\ttestId,\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tvalidate={validate}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tcomponent={component}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t\tformat={format}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tparse={parse}\r\n\t\t\trender={render as any}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalue={value}\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<InputField\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tisRequired={isRequired}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\ttype={type}\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\tinput={input}\r\n\t\t\t\t\tmeta={meta}\r\n\t\t\t\t\ttestId={testId}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n});\r\n\r\nexport default TextBoxField;\r\n","export enum ModelStatus {\r\n\tPublished = 'Published',\r\n\tInactive = 'Inactive',\r\n\tDeleted = 'Deleted',\r\n\tDraft = 'Draft',\r\n\tArchived = 'Archived',\r\n}\r\n","import { ServerData } from 'services/ServerData';\r\n\r\nexport default {\r\n\tBaseUrl: ServerData.ACCOUNT_URL_BASE ?? '/my-account',\r\n\tLogin: ServerData.ACCOUNT_LOGIN_URL ?? '/my-account/login',\r\n\tLogin2fa: ServerData.ACCOUNT_LOGIN_WITH_2FA_URL ?? '/my-account/login-with-2fa',\r\n\tRegister: ServerData.ACCOUNT_REGISTER_URL ?? '/my-account/register',\r\n\tForgotPassword: ServerData.ACCOUNT_FORGOT_PASSWORD_URL ?? '/my-account/forgot-password',\r\n\tLoginWithRecoveryCode: ServerData.ACCOUNT_LOGIN_WITH_RECOVERY_CODE_URL ?? '/my-account/login-with-recovery-code',\r\n\tLogout: ServerData.ACCOUNT_LOGOUT_URL ?? '/my-account/logout',\r\n\t// #region Commerce\r\n\tOrganizationReview: ServerData.ACCOUNT_ORGANIZATION_REVIEW_URL ?? '/my-account/organization-review',\r\n\tOrganizationSelector: ServerData.ACCOUNT_ORGANIZATION_SELECTOR_URL ?? '/my-account/organization-selector',\r\n\t// #endregion\r\n};\r\n","import Axios, { AxiosError, CancelTokenSource } from 'axios';\r\nimport { useEffect, useState } from 'react';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\nimport { CartSummary, GetCartResult } from 'services/UserData.Commerce';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { OrderMessage } from './OrderMessages';\r\nimport { GetSavedProductsResult, Order } from './types';\r\n\r\nexport interface UseShoppingCartLoader {\r\n\tstate: UseShoppingCartLoaderState;\r\n\tactor: UseShoppingCartLoaderActor;\r\n}\r\n\r\nexport interface UseShoppingCartLoaderState {\r\n\terror: Error | AxiosError | null;\r\n\tisLoaded: boolean;\r\n\r\n\torder: Order | null;\r\n\tsavedProducts: GetSavedProductsResult | null;\r\n\tcartSummary: CartSummary | null;\r\n\torderMessages?: OrderMessage[];\r\n}\r\n\r\nexport interface UseShoppingCartLoaderActor {\r\n\tsetOrder: (order: Order) => void;\r\n\tsetSavedProducts: (savedProducts: GetSavedProductsResult) => void;\r\n\tsetCartSummary: (cartSummary: CartSummary) => void;\r\n\tsetOrderMessages: (orderMessages: OrderMessage[]) => void;\r\n\treloadCart: (requestToken: CancelTokenSource) => Promise<void>;\r\n\tsetSavedProductsPageSize: (newPageSize: number) => void;\r\n\tgoToSavedProductsPage: (newPageNumber: number) => void;\r\n\tgoToNextSavedProductsPage: () => void;\r\n\tgoToPreviousSavedProductsPage: () => void;\r\n}\r\n\r\nexport interface UseShoppingCartLoaderProps {\r\n\tinitialSavedProductsPageNumber?: number;\r\n\tinitialSavedProductsPageSize?: number;\r\n}\r\n\r\n/**\r\n * Custom hook to load the cart\r\n */\r\nexport function useShoppingCartLoader(props?: UseShoppingCartLoaderProps): UseShoppingCartLoader {\r\n\tconst [error, setError] = useState<Error | AxiosError | null>(null);\r\n\tconst [isLoaded, setIsLoaded] = useState(false);\r\n\tconst [order, setOrder] = useState<Order | null>(null);\r\n\tconst [savedProducts, setSavedProducts] = useState<GetSavedProductsResult | null>(null);\r\n\tconst [cartSummary, setCartSummary] = useState<CartSummary | null>(null);\r\n\tconst [orderMessages, setOrderMessages] = useState<OrderMessage[]>([]);\r\n\r\n\tlet savedProductsPageNumber: number = (props && props.initialSavedProductsPageNumber) || 1;\r\n\tlet savedProductsPageSize: number = (props && props.initialSavedProductsPageSize) || 1000000;\r\n\r\n\t// when the component mounts, begin loading the cart.\r\n\tuseEffect(() => {\r\n\t\tsetIsLoaded(false);\r\n\t\tconst requestToken: CancelTokenSource = Axios.CancelToken.source();\r\n\r\n\t\treloadCart(requestToken);\r\n\r\n\t\treturn () => {\r\n\t\t\t// cleanup\r\n\t\t\trequestToken.cancel();\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\tasync function reloadCart(requestToken: CancelTokenSource) {\r\n\t\tsetIsLoaded(false);\r\n\t\tsetError(null);\r\n\r\n\t\tif (error) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst url = `/ajax/cart?savedProductsPageSize=${savedProductsPageSize}&savedProductsPageNumber=${savedProductsPageNumber}`;\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.get<GetCartResult>(url, {\r\n\t\t\t\tcancelToken: requestToken.token,\r\n\t\t\t});\r\n\r\n\t\t\tconsole.debug('Loaded cart');\r\n\r\n\t\t\tif (response.data.cart) {\r\n\t\t\t\tsetOrder(response.data.cart);\r\n\t\t\t}\r\n\t\t\tif (response.data.savedProducts) {\r\n\t\t\t\tsetSavedProducts(response.data.savedProducts);\r\n\t\t\t}\r\n\t\t\tif (response.data.cartSummary) {\r\n\t\t\t\tsetCartSummary(response.data.cartSummary);\r\n\t\t\t}\r\n\t\t\tif (response.data.orderMessages) {\r\n\t\t\t\tsetOrderMessages(response.data.orderMessages);\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tif (Axios.isCancel(error)) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tsetError(error);\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\t\t\tconsole.error(`An error occurred while loading the cart: ${axiosError.message}`);\r\n\t\t} finally {\r\n\t\t\tsetIsLoaded(true);\r\n\t\t}\r\n\t}\r\n\r\n\tfunction goToSavedProductsPage(newPageNumber: number) {\r\n\t\tsavedProductsPageNumber = newPageNumber;\r\n\t\treloadCart(Axios.CancelToken.source());\r\n\t}\r\n\r\n\tfunction goToNextSavedProductsPage() {\r\n\t\tif (savedProducts && savedProductsPageNumber < savedProducts.pagination.totalPages) {\r\n\t\t\tgoToSavedProductsPage(savedProductsPageNumber + 1);\r\n\t\t}\r\n\t}\r\n\r\n\tfunction goToPreviousSavedProductsPage() {\r\n\t\tif (savedProductsPageNumber === 1) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tgoToSavedProductsPage(savedProductsPageNumber - 1);\r\n\t}\r\n\r\n\tfunction setSavedProductsPageSize(newPageSize: number) {\r\n\t\tsavedProductsPageSize = newPageSize;\r\n\t\treloadCart(Axios.CancelToken.source());\r\n\t}\r\n\r\n\t// Dispatch the event when the cartSummary is updated\r\n\tuseEffect(() => {\r\n\t\tif (!cartSummary) {\r\n\t\t\treturn;\r\n\t\t}\r\n\t\tdispatchRocEvent('roc-cart-summary-updated', { cartSummary });\r\n\t}, [cartSummary]);\r\n\r\n\treturn {\r\n\t\tstate: {\r\n\t\t\terror: error,\r\n\t\t\tisLoaded,\r\n\t\t\torder,\r\n\t\t\tsavedProducts,\r\n\t\t\tcartSummary,\r\n\t\t\torderMessages,\r\n\t\t},\r\n\t\tactor: {\r\n\t\t\tsetOrder,\r\n\t\t\tsetSavedProducts,\r\n\t\t\tsetCartSummary,\r\n\t\t\treloadCart,\r\n\t\t\tgoToSavedProductsPage,\r\n\t\t\tgoToNextSavedProductsPage,\r\n\t\t\tgoToPreviousSavedProductsPage,\r\n\t\t\tsetSavedProductsPageSize,\r\n\t\t\tsetOrderMessages,\r\n\t\t},\r\n\t};\r\n}\r\n","import { useEffect } from 'react';\r\nimport 'shared/polyfills/customEvent';\r\nimport { RocEventType, ExtractEventParameters, RocEvent } from 'shared/events';\r\nimport addRocEventHandler from 'shared/util/events/rocEventUtils';\r\n\r\n/**\r\n * Helper function for dispatching ROC events.\r\n *\r\n * @param eventType The event type for the dispatcher\r\n */\r\nexport function dispatchRocEvent<T extends RocEventType>(eventType: T, data: ExtractEventParameters<RocEvent, T>) {\r\n\tconst event = new CustomEvent(eventType, {\r\n\t\tdetail: data,\r\n\t});\r\n\tdocument.dispatchEvent(event);\r\n}\r\n\r\n/**\r\n * Reusable hook for handling ROC events\r\n *\r\n * @param eventType The type of event to handle\r\n * @param eventHandler The event handler\r\n * @param deps List of dependencies\r\n */\r\nexport default function useRocEventHandler<T extends RocEventType>(\r\n\teventType: T,\r\n\teventHandler: (data: ExtractEventParameters<RocEvent, T>) => void,\r\n\tdeps?: any[],\r\n) {\r\n\tuseEffect(() => {\r\n\t\tconst removeHandlerCallback = addRocEventHandler(eventType, eventHandler);\r\n\r\n\t\treturn () => {\r\n\t\t\tremoveHandlerCallback();\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, deps);\r\n}\r\n","import React from 'react';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\n\r\n// eslint-disable-next-line\r\n// tslint:disable-next-line\r\nexport interface ErrorBoundaryRenderProps extends ErrorBoundaryState {}\r\n\r\nexport interface ErrorBoundaryProps {\r\n\tchildren: React.ReactNode;\r\n\trenderError?: (renderProps: ErrorBoundaryRenderProps) => React.ReactNode;\r\n}\r\n\r\nexport interface ErrorBoundaryState {\r\n\terror?: Error;\r\n}\r\n\r\n/**\r\n * Default Error Boundary component for frontend components, so that in case a JS error occurs, we show\r\n * something instead of nothing.\r\n */\r\nexport default class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\r\n\tpublic static defaultProps = {\r\n\t\trenderError: (renderProps: ErrorBoundaryRenderProps) => <InlineAlert error={renderProps.error ?? null} />,\r\n\t};\r\n\r\n\tpublic state: ErrorBoundaryState = {};\r\n\r\n\tpublic componentDidCatch(error: Error) {\r\n\t\tthis.setState({\r\n\t\t\terror,\r\n\t\t});\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tif (this.state.error) {\r\n\t\t\treturn this.props.renderError!(this.state);\r\n\t\t}\r\n\r\n\t\treturn this.props.children;\r\n\t}\r\n}\r\n","// source: https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttributeNames\r\n/* eslint-disable no-var */\r\n(function () {\r\n\tif (Element.prototype.getAttributeNames == undefined) {\r\n\t\tElement.prototype.getAttributeNames = function () {\r\n\t\t\tvar attributes = this.attributes;\r\n\t\t\tvar length = attributes.length;\r\n\t\t\tvar result = new Array(length);\r\n\t\t\tfor (var i = 0; i < length; i++) {\r\n\t\t\t\tresult[i] = attributes[i].name;\r\n\t\t\t}\r\n\t\t\treturn result;\r\n\t\t};\r\n\t}\r\n})();\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport ErrorBoundary from './ErrorBoundary';\r\nimport { toCamelCase } from 'util/StringUtil';\r\nimport 'shared/polyfills/getAttributeNames';\r\nimport Spinner from 'shared/components/Spinner';\r\n\r\ninterface AttributeProps {\r\n\t[index: string]: string;\r\n}\r\n\r\nfunction getDataPropsFromAttributes(element: Element): AttributeProps {\r\n\tconst props: AttributeProps = {};\r\n\r\n\tconst dataAttributePrefix = 'data-';\r\n\r\n\tconst attributeNames = element.getAttributeNames().filter((s) => s.startsWith(dataAttributePrefix));\r\n\tfor (const attributeName of attributeNames) {\r\n\t\tconst strippedName = toCamelCase(attributeName.substring(dataAttributePrefix.length));\r\n\t\tprops[strippedName] = element.getAttribute(attributeName) ?? '';\r\n\t}\r\n\r\n\treturn props;\r\n}\r\n\r\n/**\r\n * A helper function to facilitate initializing react applications on top of server-side rendered elements.\r\n * @param getReactElement Function that returns the react component to render.\r\n * @param elementId The ID of the DOM element being targeted.\r\n */\r\nexport const initReactApp = (getReactElement: (props: unknown) => React.ReactElement, elementId: string) => {\r\n\tif (typeof getReactElement !== 'function' || !elementId) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn('A react element generator function and element ID are required.');\r\n\t\t};\r\n\t}\r\n\r\n\tconst element = document.getElementById(elementId);\r\n\r\n\tif (!element) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t`Element with ID '${elementId}' was not found. Did you forget to render it on the server or is this entry point not supposed to run?`,\r\n\t\t\t);\r\n\t\t};\r\n\t}\r\n\r\n\treturn () => {\r\n\t\tconst props = getDataPropsFromAttributes(element);\r\n\t\tconsole.debug(`Rendering application inside element with ID ${elementId}.`);\r\n\t\tReactDOM.render(\r\n\t\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t\t<ErrorBoundary>{getReactElement(props)}</ErrorBoundary>\r\n\t\t\t</React.Suspense>,\r\n\t\t\telement,\r\n\t\t);\r\n\t};\r\n};\r\n\r\nexport const initReactAppByAttribute = (\r\n\tgetReactElement: (props: unknown, domElement: Element) => React.ReactElement,\r\n\tattribute: string,\r\n) => {\r\n\tif (typeof getReactElement !== 'function' || !attribute) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn('A react element generator function and element ID are required.');\r\n\t\t};\r\n\t}\r\n\r\n\tconst elements = document.querySelectorAll(`[${attribute}]`);\r\n\r\n\tif (!elements || elements.length == 0) {\r\n\t\treturn () => {\r\n\t\t\tconsole.warn(\r\n\t\t\t\t`No elements with data attribute '${attribute}' were found. Did you forget to render it on the server or is this entry point not supposed to run?`,\r\n\t\t\t);\r\n\t\t};\r\n\t}\r\n\r\n\treturn () => {\r\n\t\tfor (let i = 0; i < elements.length; ++i) {\r\n\t\t\tconst element = elements[i];\r\n\t\t\tconst props = getDataPropsFromAttributes(element);\r\n\t\t\tconsole.debug(`Rendering application inside element with attribute ${attribute}.`);\r\n\t\t\tReactDOM.render(\r\n\t\t\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t\t\t<ErrorBoundary>{getReactElement(props, element)}</ErrorBoundary>\r\n\t\t\t\t</React.Suspense>,\r\n\t\t\t\telement,\r\n\t\t\t);\r\n\t\t}\r\n\t};\r\n};\r\n","import React from 'react';\r\nimport { RouteProps } from 'react-router';\r\n\r\n//#region URLs\r\nexport const MY_ACCOUNT_PATH_PREFIX = '/my-account';\r\nexport const MY_ACCOUNT_PERSONAL_DATA_URL = `${MY_ACCOUNT_PATH_PREFIX}/personal-data`;\r\nexport const MY_ACCOUNT_AUTHENTICATOR_URL = `${MY_ACCOUNT_PATH_PREFIX}/settings/authenticator`;\r\nexport const MY_ACCOUNT_GENERATE_RECOVERY_CODES_URL = `${MY_ACCOUNT_AUTHENTICATOR_URL}/generate-recovery-codes`;\r\nexport const MY_ACCOUNT_CONFIGURE_AUTHENTICATOR_URL = `${MY_ACCOUNT_AUTHENTICATOR_URL}/configure`;\r\nexport const MY_ACCOUNT_LOGIN_URL = `${MY_ACCOUNT_PATH_PREFIX}/login`;\r\nexport const MY_ACCOUNT_LOGOUT_URL = `${MY_ACCOUNT_PATH_PREFIX}/logout`;\r\nexport const MY_ACCOUNT_WALLET_URL = `${MY_ACCOUNT_PATH_PREFIX}/wallet`;\r\nexport const MY_ACCOUNT_WALLET_CREATE_URL = `${MY_ACCOUNT_WALLET_URL}/create`;\r\nexport const MY_ACCOUNT_ADDRESS_BOOK_URL = `${MY_ACCOUNT_PATH_PREFIX}/address-book`;\r\nexport const MY_ACCOUNT_ADDRESS_BOOK_CREATE_URL = `${MY_ACCOUNT_ADDRESS_BOOK_URL}/create`;\r\nexport const MY_ACCOUNT_ADDRESS_BOOK_EDIT_URL = `${MY_ACCOUNT_ADDRESS_BOOK_URL}/edit`;\r\n//#region Commerce\r\nexport const MY_ACCOUNT_SETTINGS_URL = `${MY_ACCOUNT_PATH_PREFIX}/settings`;\r\n//#endregion Commerce\r\n//#endregion URLs\r\n\r\n//#region Components\r\nconst SettingsComponent = React.lazy(() => import(/* webpackChunkName: \"my-account-settings\" */ './settings/Settings'));\r\n\r\nconst GenerateRecoveryCodesComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-generate-recovery-codes\" */ './generate-recovery-codes/GenerateRecoveryCodesContainer'\r\n\t\t),\r\n);\r\nconst ConfigureAuthenticatorComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-configure-authenticator\" */ './configure-authenticator/ConfigureAuthenticator'\r\n\t\t),\r\n);\r\n\r\nconst WalletComponent = React.lazy(() => import(/* webpackChunkName: \"my-account-wallet\" */ './wallet/Wallet'));\r\nconst WalletEditComponent = React.lazy(() => import(/* webpackChunkName: \"my-account-wallet\" */ './wallet/WalletEdit'));\r\n\r\n//#endregion Components\r\n\r\n//#region Routes\r\nconst generateRecoverCodesRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_GENERATE_RECOVERY_CODES_URL,\r\n\tcomponent: GenerateRecoveryCodesComponent,\r\n};\r\n\r\nconst configureAuthenticatorRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_CONFIGURE_AUTHENTICATOR_URL,\r\n\tcomponent: ConfigureAuthenticatorComponent,\r\n};\r\n\r\nconst walletRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_WALLET_URL,\r\n\tcomponent: WalletComponent,\r\n};\r\n\r\nconst walletCreateRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_WALLET_CREATE_URL,\r\n\tcomponent: WalletEditComponent,\r\n};\r\n\r\n//#region Commerce\r\n// Note: in Framework we want MY_ACCOUNT_PATH_PREFIX to point to SettingsComponent,\r\n// but in Commerce we want it to point to AccountOverviewComponent\r\nconst settingsRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_SETTINGS_URL,\r\n\tcomponent: SettingsComponent,\r\n};\r\n//#endregion Commerce\r\n//#endregion Routes\r\n\r\nexport const rocRoutes: RouteProps[] = [\r\n\tgenerateRecoverCodesRoute,\r\n\tconfigureAuthenticatorRoute,\r\n\twalletRoute,\r\n\twalletCreateRoute,\r\n\tsettingsRoute,\r\n];\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\n/**\r\n * Reusable component for the optional field marker\r\n */\r\nfunction OptionalFieldMarker() {\r\n\treturn <span className=\"roc-form-input-required-label\">({Localizer('Optional')})</span>;\r\n}\r\n\r\nexport default React.memo(OptionalFieldMarker);\r\n","import { useState, useEffect } from 'react';\r\n\r\n/**\r\n * Reusable hook that returns true after a certain amount of time has passed. Useful to delay\r\n * displaying components in render functions.\r\n *\r\n * @export\r\n * @param {number} [waitMs=200]\r\n * @returns\r\n */\r\nexport default function useDelayedDisplay(waitMs: number = 200) {\r\n\tconst [display, setDisplay] = useState(false);\r\n\r\n\tuseEffect(() => {\r\n\t\t// after a set amount of time, show the spinner\r\n\t\tconst timeout = setTimeout(() => {\r\n\t\t\tsetDisplay(true);\r\n\t\t}, waitMs);\r\n\r\n\t\treturn () => {\r\n\t\t\tclearTimeout(timeout);\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\treturn display;\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Check circle SVG\r\n *\r\n * @returns\r\n */\r\nfunction CheckCircleSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-check-circle', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M32 16c0 8.837-7.163 16-16 16s-16-7.163-16-16c0-8.837 7.163-16 16-16s16 7.163 16 16z\" />\r\n\t\t\t<path d=\"M12.316 21.997l-3.565-4.619c-0.853-2.182 0.962-2.929 2.306-1.679l2.308 2.94 7.136-7.977c1.259-1.323 3.358-0.567 2.519 1.47l-8.397 9.655c-0.902 1.050-1.679 0.841-2.308 0.213z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default CheckCircleSVG;\r\n","import { AxiosError } from 'axios';\r\nimport { FORM_ERROR } from 'final-form';\r\nimport { unflatten } from 'flat';\r\n\r\nexport const getFormattedPageTitle = (subTitle: string = ''): string => {\r\n\t// load from config?\r\n\tconst siteName = 'ROC';\r\n\r\n\tif (!subTitle || !subTitle.trim()) {\r\n\t\treturn siteName;\r\n\t}\r\n\r\n\treturn `${subTitle.trim()} - ${siteName}`;\r\n};\r\n\r\n/**\r\n * Promise version of setTimeout.\r\n * @param ms The number of milliseconds to wait for.\r\n */\r\nexport const timeout = (ms) => {\r\n\treturn new Promise((resolve) => setTimeout(resolve, ms));\r\n};\r\n\r\n/**\r\n * Allows you to await on a timeout, useful for avoiding setTimeout callbacks and for troubleshooting.\r\n * @param ms The number of milliseconds to wait for.\r\n */\r\nexport const sleep = async (ms: number = 0) => {\r\n\tawait timeout(ms);\r\n};\r\n\r\n/**\r\n * Handles Axios error for React Final Form. If the error is a validation error, the error is transformed into React\r\n * Final Form field validation object. If the error is a generic error, the error is rethrown instead.\r\n *\r\n * @param error - The Axios Error object to handle errors for.\r\n * @param errorMessage - The form error message to provide back to React Final Form.\r\n * @param validationErrorCallback - Optional callback that is triggered right before the validation object is returned\r\n * to Final Form, so that you can run logic that should occur during validation errors.\r\n * @param genericErrorCallback - Optional callback that is triggered right before the generic error is rethrown, so that\r\n * you can run logic that should occur during generic errors.\r\n */\r\nexport const handleAxiosErrorWithValidation = (\r\n\terror: AxiosError,\r\n\terrorMessage: string | null = 'An error occurred while saving.',\r\n\tvalidationErrorCallback?: () => void,\r\n\tgenericErrorCallback?: () => void,\r\n): { [index: string]: string } => {\r\n\tif (error?.response?.status === 400 && error.response.data) {\r\n\t\tlet globalErrors;\r\n\r\n\t\tconst errors = error.response.data;\r\n\r\n\t\tconst errorsWithModifiedArrayIndex = Object.keys(errors).reduce((acc, value) => {\r\n\t\t\tif (value === '') {\r\n\t\t\t\t// in case we are getting back a non field specific error store it in the global errors\r\n\t\t\t\tglobalErrors = errors[value];\r\n\t\t\t} else {\r\n\t\t\t\tconst newKey = value.replace(/\\[([0-9]+)\\]/g, '.$1');\r\n\t\t\t\tacc[newKey] = errors[value];\r\n\t\t\t}\r\n\r\n\t\t\treturn acc;\r\n\t\t}, {});\r\n\r\n\t\tconst newValidationState = { ...unflatten(errorsWithModifiedArrayIndex) };\r\n\r\n\t\tconsole.debug('newValidationState:', newValidationState);\r\n\r\n\t\tif (validationErrorCallback) {\r\n\t\t\tvalidationErrorCallback();\r\n\t\t}\r\n\r\n\t\treturn { ...newValidationState, [FORM_ERROR]: globalErrors ? globalErrors : errorMessage };\r\n\t} else {\r\n\t\t// generic error.\r\n\t\tif (genericErrorCallback) {\r\n\t\t\tgenericErrorCallback();\r\n\t\t}\r\n\r\n\t\tif (error?.response?.data?.message) {\r\n\t\t\treturn { [FORM_ERROR]: error.response.data.message };\r\n\t\t}\r\n\r\n\t\tif (errorMessage) {\r\n\t\t\treturn { [FORM_ERROR]: errorMessage };\r\n\t\t} else {\r\n\t\t\treturn {};\r\n\t\t}\r\n\t}\r\n};\r\n\r\n/**\r\n * Get an html class or ID safe string from provided string.\r\n *\r\n * @function getHtmlSafeName\r\n */\r\nexport const getHtmlSafeName = (name: string = ''): string => {\r\n\treturn name.replace(/[^a-z0-9]/g, (s) => {\r\n\t\tconst c = s.charCodeAt(0);\r\n\t\tif (c === 32) {\r\n\t\t\treturn '-';\r\n\t\t}\r\n\t\tif (c >= 65 && c <= 90) {\r\n\t\t\treturn '_' + s.toLowerCase();\r\n\t\t}\r\n\t\treturn '__' + ('000' + c.toString(16)).slice(-4);\r\n\t});\r\n};\r\n\r\n/**\r\n * Gets the specified param value from the querystring\r\n *\r\n * @param paramName the name of the query string parameter\r\n * @param decodeParam specifies if the param value should be decoded before returning it\r\n */\r\nexport const getQueryParam = (paramName: string = '', decodeParam: boolean = false): string | null => {\r\n\tconst urlParams = new URLSearchParams(window.location.search);\r\n\tconst paramValue = urlParams.get(paramName);\r\n\r\n\tif (!paramValue) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tif (decodeParam) {\r\n\t\treturn decodeURIComponent(paramValue);\r\n\t} else {\r\n\t\treturn paramValue;\r\n\t}\r\n};\r\n","/**\r\n * Extends Window with recaptcha callback fields\r\n */\r\ninterface WindowWithReCaptchaCallbacks extends Window {\r\n\t/**\r\n\t * Executes the methods in the rocReCaptchaCallbacks array\r\n\t */\r\n\tonReCaptchaLoadCallback: () => void;\r\n\t/**\r\n\t * List of recaptcha callbacks\r\n\t */\r\n\trocReCaptchaCallbacks: Array<() => void>;\r\n}\r\n\r\nexport let reCaptchaCallbackPromise: Promise<void> | null = null;\r\n\r\n/**\r\n * Setup function for recaptcha.\r\n * The window.onReCaptchaLoadCallback() gets called when the recaptcha script is loaded.\r\n * Then this method calls the recaptcha instances init functions, stored in window.rocReCaptchaCallbacks\r\n *\r\n * @export\r\n */\r\nexport default function setupReCaptcha() {\r\n\tconst windowWithReCaptchaCallbacks = (window as unknown) as WindowWithReCaptchaCallbacks;\r\n\r\n\treCaptchaCallbackPromise = new Promise((resolve) => {\r\n\t\twindowWithReCaptchaCallbacks.onReCaptchaLoadCallback = resolve;\r\n\t});\r\n}\r\n","import { Address } from 'shared-client/types/address';\r\nimport {\r\n\tHasNoSalePrice,\r\n\tMissingDisplayPrice,\r\n\tPrice,\r\n\tSimpleDisplayPrice,\r\n} from 'shared-client/types/commerce/display-price';\r\nimport { BasicDto, PaginatedResult } from 'shared/types';\r\nimport { ModelStatus } from '../../../../../Roc.SharedClientApp/types/model-status';\r\nimport { ShippingMethod, ShippingOption } from '../checkout/types/shipping';\r\nimport { ProductPricingLine, ProductSelection, SimpleSelectionDto } from '../product-details/types';\r\n\r\n/**\r\n * Represents a single line item on an order\r\n *\r\n */\r\nexport interface OrderItem {\r\n\t/**\r\n\t *  The primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * The order line item name\r\n\t */\r\n\tname: string;\r\n\r\n\t/**\r\n\t * The order line item Sku\r\n\t */\r\n\tsku: string;\r\n\r\n\t/**\r\n\t * The line item's quantity\r\n\t */\r\n\tquantity: number;\r\n\r\n\t/**\r\n\t *\r\n\t * The order line item product URL\r\n\t */\r\n\turl: string;\r\n\r\n\t/**\r\n\t * The order line item product group URL\r\n\t */\r\n\tgroupUrl: string;\r\n\r\n\t/**\r\n\t * The list of selectable attributes and their values for this line item\r\n\t */\r\n\tselections?: ProductSelection[];\r\n\r\n\t/**\r\n\t * The order line item related product entity\r\n\t */\r\n\tproduct: OrderItemProduct;\r\n\r\n\t/**\r\n\t * The product unit of measure for this line item\r\n\t */\r\n\tpricingLine: ProductPricingLine;\r\n\r\n\t/**\r\n\t * The amount of tax applied to this line item.\r\n\t */\r\n\ttax?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\r\n\t/**\r\n\t * The total discount amount applied to this line item across all quantities.\r\n\t */\r\n\tdiscount?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\r\n\t/**\r\n\t * The part of the order-level discount that is being spread to this line item.\r\n\t */\r\n\torderDiscount?: SimpleDisplayPrice<Price> & HasNoSalePrice;\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\t/**\r\n\t * The displayable total price of this line item.\r\n\t */\r\n\ttotalPrice?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\r\n\t/**\r\n\t * The status of the line item\r\n\t */\r\n\tstatus?: OrderStatus;\r\n\r\n\t//#region TapeCase\r\n\r\n\tsnapshotMinimumOrderQuantity: number | null;\r\n\r\n\t//#endregion\r\n}\r\n\r\n/**\r\n * Represents a product related to the order line item\r\n */\r\nexport interface OrderItemProduct {\r\n\t/**\r\n\t *  The primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * The main image thumbnail url\r\n\t */\r\n\tthumbnailUrl: string | null;\r\n\r\n\t/**\r\n\t * The related brand name\r\n\t */\r\n\tbrandName: string | null;\r\n\r\n\t/**\r\n\t * The alt text for thumbnail\r\n\t */\r\n\taltText?: string;\r\n\r\n\t/**\r\n\t * Status of the Product\r\n\t */\r\n\tstatus?: ModelStatus;\r\n\r\n\t/**\r\n\t * The associated group product Id of a simple product, if applicable.\r\n\t */\r\n\tproductGroupId: string;\r\n}\r\n\r\n/**\r\n * Represents a single recipient on an order\r\n */\r\nexport interface OrderRecipient extends Address {\r\n\t/**\r\n\t * The primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\t/**\r\n\t * The order line items\r\n\t */\r\n\titems: OrderItem[];\r\n\t/**\r\n\t * The available shipping options for this recipient\r\n\t */\r\n\tshippingOptions: ShippingOption[];\r\n\t/**\r\n\t * The shipping service selected for this recipient\r\n\t */\r\n\tshippingMethodId: string | null;\r\n\t/**\r\n\t * The shipping service name selected for this recipient\r\n\t */\r\n\tshippingMethod: ShippingMethod;\r\n\t/**\r\n\t * The addressId of the selected address from the address book (if any)\r\n\t */\r\n\taddressId: string | null;\r\n\t/**\r\n\t * The order recepient's Recipient Name, used for organization orders\r\n\t */\r\n\trecipientName?: string;\r\n\r\n\t//#region TapeCase\r\n\r\n\t/**\r\n\t * The blindship flag for Recipient.\r\n\t */\r\n\tisBlindShip: boolean;\r\n\t/**\r\n\t * The shipping account selected for this recipient\r\n\t */\r\n\tshippingAccountId: string | null;\r\n\r\n\t//#endregion\r\n}\r\n\r\n/**\r\n * Represents totals on an order\r\n */\r\nexport interface OrderTotals {\r\n\t/**\r\n\t * The merchandise subtotal for the order, without consideration of discounts, tax, or shipping\r\n\t */\r\n\tbaseSubtotal: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t *  The total discount amount applied to the order line items. Some discounts are applied at the order level\r\n\t */\r\n\tlineDiscount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The baseSubtotal amount less the lineDiscount amount\r\n\t */\r\n\tsubtotal: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The sum of the recipients Discount\r\n\t */\r\n\tdiscount: (SimpleDisplayPrice<Price> & HasNoSalePrice) | MissingDisplayPrice;\r\n\t/**\r\n\t * The sum of the recipients shipping discount amounts\r\n\t */\r\n\tshippingDiscount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The sum of the recipients shipping amounts\r\n\t */\r\n\tshipping?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The sum of the recipients tax amounts\r\n\t */\r\n\ttax?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The sum of the recipients line tax amounts\r\n\t */\r\n\tlineTax?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The sum of the recipients shipping tax amounts\r\n\t */\r\n\tshippingTax?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The total shipping charges determined by subtracting the shipping discount shipping amount then adding the shipping tax\r\n\t */\r\n\tshippingTotal: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The total order charges, which is the sum of the subtotal, the shipping reduced by the shipping discount, and the tax\r\n\t */\r\n\ttotal: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t/**\r\n\t * The total order charges after gift cards are applied\r\n\t */\r\n\tmodifiedOrderTotal: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n}\r\n\r\n/**\r\n *  Represents a single customer order or shopping cart\r\n */\r\nexport interface Order extends OrderTotals, Address {\r\n\t/**\r\n\t * The primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\t/**\r\n\t * The ID of the organizationShipTo associated with this order.\r\n\t * Null when the order is not created by a user in an organization, or there are no ship-tos available for the user\r\n\t */\r\n\torganizationShipToId: string | null;\r\n\t/**\r\n\t * The shopping cart or completed order recipients\r\n\t */\r\n\trecipients: OrderRecipient[];\r\n\t/**\r\n\t * The shopping cart or completed order unique cart code\r\n\t */\r\n\torderCode: string;\r\n\t/**\r\n\t * The email associated to the order.\r\n\t */\r\n\temail: string;\r\n\t/**\r\n\t * If the billing address is the same as the shipping address of a recipient,\r\n\t * this field will contain the ID of that recipient.\r\n\t */\r\n\tsameAsRecipientId: string | null;\r\n\r\n\t/**\r\n\t * The shopping cart or completed order promtions\r\n\t */\r\n\tpromotions: OrderPromotion[];\r\n\r\n\t/**\r\n\t * The unique order number of the completed order\r\n\t */\r\n\torderNo: string | null;\r\n\r\n\t/**\r\n\t * The date and time that the order was successfully placed. If null, this is still a pending shopping cart.\r\n\t */\r\n\tprocessDate: Date | null;\r\n\r\n\t/**\r\n\t * Modify date\r\n\t */\r\n\tmodifyDate: Date;\r\n\r\n\t/**\r\n\t * The current order status\r\n\t */\r\n\torderStatus: OrderStatus;\r\n\r\n\t/**\r\n\t * The localized order date string, used for display purposes\r\n\t */\r\n\tlocalizedOrderDate: string;\r\n\r\n\t/**\r\n\t * The authorization or sale payment for the current order\r\n\t */\r\n\tpaymentLogs: PaymentLog[];\r\n\r\n\t/**\r\n\t * The gift cards saved on the order.\r\n\t */\r\n\tpaymentMethods: PaymentMethod[];\r\n\r\n\t/**\r\n\t * If the order is locked\r\n\t */\r\n\tisLocked: boolean;\r\n\r\n\t/**\r\n\t * The list of notes associated to the order.\r\n\t */\r\n\tnotes: OrderNote[];\r\n\r\n\t/**\r\n\t * The 3-character ISO 4217 code representing currency of the order\r\n\t */\r\n\tsnapshotCurrencyISO: string;\r\n\r\n\t/**\r\n\t * The purchase order number\r\n\t */\r\n\tpurchaseOrderNumber: string;\r\n\r\n\t/**\r\n\t * Count of all the items in the order\r\n\t */\r\n\ttotalItemsCount: number;\r\n\r\n\t/**\r\n\t * The user specified name of saved cart.\r\n\t * Undefined if the user has not named the cart.\r\n\t */\r\n\tname?: string;\r\n\r\n\t//#region TapeCase\r\n\t/**\r\n\t * The flag indicating whether the free shipping is available for this order.\r\n\t */\r\n\tfreeShippingAvailable: boolean;\r\n\r\n\t/**\r\n\t * The flag indicating whether the tax exempt is available for this order.\r\n\t */\r\n\tisTaxExempt: boolean;\r\n\t//#endregion\r\n}\r\n\r\n/**\r\n * Represents a single order note on an order\r\n */\r\nexport interface OrderNote {\r\n\t/**\r\n\t * The primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * The user who created the note.\r\n\t */\r\n\tcreateUser: string;\r\n\r\n\t/**\r\n\t * The localized date note was created used for display purpose.\r\n\t */\r\n\tcreateDate: string | null;\r\n\r\n\t/**\r\n\t * Indicates the type of note.\r\n\t */\r\n\tnoteType: string;\r\n\r\n\t/**\r\n\t * The note entered in the admin.\r\n\t */\r\n\tnote: string;\r\n}\r\n\r\n/**\r\n * Represents a single promotion on an order\r\n */\r\nexport interface OrderPromotion {\r\n\t/**\r\n\t * The primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * The identifier for the promotion (Guid)\r\n\t */\r\n\tpromotionId: string;\r\n\r\n\t/**\r\n\t * The coupon code associated with this cart or order promotion\r\n\t */\r\n\tcouponCode: string;\r\n}\r\n\r\n/**\r\n * Represents a list of user saved products\r\n */\r\nexport interface GetSavedProductsResult extends PaginatedResult<SavedProduct> {}\r\n\r\n/**\r\n * Represents what an item's last action was in the cart\r\n */\r\nexport enum MoveStatus {\r\n\tMovedToCart,\r\n\tMovedToSaved,\r\n\tRemovedFromSaved,\r\n\tRemovedFromCart,\r\n}\r\n\r\n/**\r\n * Represents a single user saved product\r\n * Contains only the information needed to display a product's basic information and move it to the cart\r\n */\r\nexport interface SavedProduct {\r\n\t/**\r\n\t * The UserSavedProduct primary key (Guid)\r\n\t */\r\n\tid: string;\r\n\r\n\t/**\r\n\t * The ID of the product represented by this SavedProduct\r\n\t */\r\n\tproductId: string;\r\n\r\n\tsku: string;\r\n\r\n\tname: string;\r\n\r\n\turl: string;\r\n\r\n\tgroupUrl: string;\r\n\r\n\tunitPrice: SimpleDisplayPrice<Price>;\r\n\r\n\ttotalPrice: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\r\n\tselections?: SimpleSelectionDto[];\r\n\r\n\tisVirtual: boolean;\r\n\r\n\tthumbnailUrl: string | null;\r\n\r\n\tbrandName: string | null;\r\n\r\n\t/**\r\n\t * The pricing line for this line item\r\n\t */\r\n\tpricingLine: ProductPricingLine;\r\n\r\n\tquantity: number;\r\n\r\n\taltText?: string;\r\n\r\n\t/**\r\n\t * The associated group product Id of a simple product, if applicable.\r\n\t */\r\n\tproductGroupId: string;\r\n}\r\n\r\nexport interface AddToCartProps {\r\n\titemId: string;\r\n\tquantity: number | null;\r\n\tproductPricingLineId: string | null;\r\n}\r\n\r\nexport interface AddAllToCartProps {\r\n\tshoppingListId: string;\r\n\r\n\t/**\r\n\t * List of selected products ids to be added to cart\r\n\t */\r\n\tselectedShoppingListProductIds: string[];\r\n}\r\n\r\n/**\r\n * The request used for bulk add to cart\r\n */\r\nexport interface BulkAddToCartProps {\r\n\titems: AddToCartProps[];\r\n}\r\n\r\n/**\r\n * Order status enum\r\n */\r\nexport enum OrderStatus {\r\n\tNew = 'New',\r\n\tSaved = 'Saved',\r\n\tDiscarded = 'Discarded',\r\n\tOrdered = 'Ordered',\r\n\tShipped = 'Shipped',\r\n\tPartiallyShipped = 'PartiallyShipped',\r\n\tCredited = 'Credited',\r\n\tCanceled = 'Canceled',\r\n\tPartiallyCanceled = 'PartiallyCanceled',\r\n\tReturned = 'Returned',\r\n\tCompleted = 'Completed',\r\n}\r\n\r\n/**\r\n * Payment Log DTO\r\n */\r\nexport type PaymentLog =\r\n\t| {\r\n\t\t\tpaymentType: PaymentTypeEnum.CreditCard;\r\n\t\t\tlast4: string;\r\n\t\t\tcreditCardType: CreditCardType | null;\r\n\t\t\tamount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t  }\r\n\t| {\r\n\t\t\tpaymentType: PaymentTypeEnum.GiftCard;\r\n\t\t\tgiftCardNumber: string;\r\n\t\t\tamount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t  }\r\n\t| {\r\n\t\t\tpaymentType: PaymentTypeEnum.CorporateAccount;\r\n\t\t\tamount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\t  }\r\n\t//#region TapeCase\r\n\t| {\r\n\t\t\tpaymentType: PaymentTypeEnum.PurchaseOrder;\r\n\t\t\tpurchaseOrderNumber: string;\r\n\t\t\t//#endregion\r\n\t  };\r\n\r\nexport enum PaymentTypeEnum {\r\n\tCreditCard = 'CreditCard',\r\n\tGiftCard = 'GiftCard',\r\n\t//TODO(Paradigm): do we comment these out? Also check why 'GiftCard' wasn't here already?\r\n\t// Not implemented yet:\r\n\tApplePay = 'ApplePay',\r\n\tGooglePay = 'GooglePay',\r\n\tPayPal = 'PayPal',\r\n\tPurchaseOrder = 'PurchaseOrder',\r\n\tCorporateAccount = 'CorporateAccount',\r\n}\r\n\r\n/**\r\n * Credit card type enum\r\n */\r\nexport enum CreditCardType {\r\n\tAMERICAN_EXPRESS = 'AMERICAN_EXPRESS',\r\n\tVISA = 'VISA',\r\n\tMASTERCARD = 'MASTERCARD',\r\n\tDISCOVER = 'DISCOVER',\r\n\tOTHER = 'OTHER',\r\n}\r\n\r\nexport interface PaymentMethod extends BasicDto {\r\n\tchargeAmount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\tbalanceAmount: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\tpaymentType: PaymentTypeEnum;\r\n\tcardNumber: string;\r\n}\r\n\r\nexport interface AddToCartEvent {\r\n\t/**\r\n\t * The id of the product\r\n\t */\r\n\tid: string;\r\n\t/**\r\n\t * The name of the product\r\n\t */\r\n\tname: string;\r\n\t/**\r\n\t * The product SKU\r\n\t */\r\n\tsku: string;\r\n\t/**\r\n\t * The price of a product\r\n\t */\r\n\tprice: number;\r\n\t/**\r\n\t * The quantity of a product that actually got added to the cart\r\n\t */\r\n\tadjustedQuantity: number;\r\n\t/**\r\n\t * The 3-character ISO 4217 code representing currency of the item\r\n\t */\r\n\tcurrency: string;\r\n\r\n\t/**\r\n\t * The associated group product Id of a simple product, if applicable.\r\n\t */\r\n\tproductGroupId: string | null;\r\n\r\n\t/**\r\n\t * The list of selectable attributes and their values for the product that was added to cart\r\n\t */\r\n\tselections: ProductSelection[] | null;\r\n}\r\n\r\n/**\r\n * Represents the saved shopping cart\r\n */\r\nexport interface SavedCart {\r\n\torderId: string;\r\n\tname: string;\r\n\torderCode: string;\r\n\titemCount: number;\r\n\tlastModifiedDate: string;\r\n}\r\n","import { RocEventType, RocEvent, ExtractEventParameters } from 'shared/events';\r\n\r\n/**\r\n * Helper function for handling ROC events from non React functions.\r\n * @param eventType The type of event to handle\r\n * @param eventHandler The event handler\r\n * @returns The callback function to remove this handler\r\n */\r\nexport default function addRocEventHandler<T extends RocEventType>(\r\n\teventType: T,\r\n\teventHandler: (data: ExtractEventParameters<RocEvent, T>) => void,\r\n): () => void {\r\n\tconst handler = (evt: CustomEvent): void => {\r\n\t\teventHandler(evt.detail);\r\n\t};\r\n\r\n\tdocument.addEventListener(eventType, handler);\r\n\r\n\treturn () => document.removeEventListener(eventType, handler);\r\n}\r\n","import * as React from 'react';\r\n\r\ninterface DashCircleSVGProps {\r\n\tclass?: string;\r\n}\r\n\r\n/**\r\n * Dash circle SVG\r\n *\r\n * @returns\r\n */\r\nfunction DashCircleSVG(props: DashCircleSVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={'icon icon-help-header ' + props.class}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#5c5c5c\"\r\n\t\t\t\td=\"M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16c-8.837 0-16-7.163-16-16v0c0-8.837 7.163-16 16-16v0z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M21.51 17.594h-11.733c-0.884 0-1.6-0.716-1.6-1.6s0.716-1.6 1.6-1.6h11.733c0.884 0 1.6 0.716 1.6 1.6s-0.716 1.6-1.6 1.6z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default DashCircleSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Circle Exclaimation SVG component\r\n *\r\n * @returns\r\n */\r\nfunction CircleExclamationSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-circle-exclamation', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16 32c8.837 0 16-7.163 16-16s-7.163-16-16-16c-8.837 0-16 7.163-16 16 0 4.243 1.686 8.313 4.686 11.314s7.070 4.686 11.314 4.686zM14.16 8.464c0-0.657 0.351-1.265 0.92-1.593s1.271-0.329 1.84 0c0.569 0.329 0.92 0.936 0.92 1.593v8.608c0 1.016-0.824 1.84-1.84 1.84s-1.84-0.824-1.84-1.84v-8.608zM16 21.392c1.016 0 1.84 0.824 1.84 1.84s-0.824 1.84-1.84 1.84c-1.016 0-1.84-0.824-1.84-1.84-0.004-0.489 0.188-0.96 0.534-1.306s0.817-0.538 1.306-0.534z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default CircleExclamationSVG;\r\n","/**\r\n * THIS HAS A COPY ON ROC.WEB. DO NOT MAKE CHANGES HERE WITHOUT ALSO MAKING THEM IN THE OTHER FILE.\r\n *\r\n * THIS MUST ALSO BE KEPT IN SYNC WITH THE \"RazorDisplayPrice\" VIEW COMPONENT.\r\n *\r\n * DIVERGENCES:\r\n * - The style \"visually-hidden\" DOES NOT EXIST ON ROC.WEB. Change this to \"roc-visually-hidden\"\r\n */\r\n\r\nimport classnames from 'classnames';\r\nimport React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { CssClasses, ProductPricingProps } from 'shared-client/types/commerce/product-details';\r\nimport {\r\n\tAmbiguousDisplayPrice,\r\n\tMissingDisplayPrice,\r\n\tPartialDisplayPrice,\r\n\tPrice,\r\n\tPriceDisplayRule,\r\n\tPriceSpan,\r\n\tSimpleDisplayPrice,\r\n} from 'shared-client/types/commerce/display-price';\r\n\r\nimport { PricingResourceKeys } from 'features/commerce/pricing/resources';\r\n\r\nconst GetCssClasses = (className: string | undefined, inline: boolean) => {\r\n\tconst priceClass = ['roc-pricing__price', className ? className + '__price' : null];\r\n\r\n\treturn {\r\n\t\tbase: ['roc-pricing', { 'roc-pricing--inline': inline }, className ? className : null],\r\n\t\tnormalPrice: ['roc-pricing__price', className ? className + '__price' : null],\r\n\t\tcrossedOutPrice: [\r\n\t\t\tpriceClass,\r\n\t\t\t'roc-pricing__price--original',\r\n\t\t\tclassName ? className + '__price--original' : null,\r\n\t\t],\r\n\t\thighlightedPrice: [priceClass, 'roc-pricing__price--sale', className ? className + '__price--sale' : null],\r\n\t};\r\n};\r\n\r\n/**\r\n * Renders a product price. This could be a simple price \"$4.99\", a price that's on sale \"~~$4.99~~ $3.99\",\r\n * a range of prices, an ambiguous price or potentially others.\r\n *\r\n * The pricing information is expected to have come from the server where it has already been validated.\r\n * It is the responsibility of the caller to verify pricing objects passed to ProductPricing are valid.\r\n */\r\nexport default function ProductPricing(props: ProductPricingProps) {\r\n\tconst { displayPrice, className, inline = false, testId = 'product-price' } = props;\r\n\r\n\t// The server/caller is trusted to have provided valid props.\r\n\t// Do no validation here.\r\n\r\n\tif (displayPrice == null) {\r\n\t\t// Missing price. Remove this if MissingPrice functionality is ever needed beyond \"don't render\"\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst css = GetCssClasses(className, inline);\r\n\r\n\tlet renderResult: JSX.Element | null;\r\n\tswitch (displayPrice.displayRule) {\r\n\t\tcase PriceDisplayRule.Missing:\r\n\t\t\trenderResult = renderMissingPrice(css, displayPrice);\r\n\t\t\tbreak;\r\n\r\n\t\tcase PriceDisplayRule.Normal:\r\n\t\t\trenderResult = renderNormalPrice(css, displayPrice, testId);\r\n\t\t\tbreak;\r\n\r\n\t\tcase PriceDisplayRule.AmbiguousRange:\r\n\t\t\trenderResult = renderAmbiguousPrice(css, displayPrice, testId);\r\n\t\t\tbreak;\r\n\r\n\t\tdefault:\r\n\t\t\tthrow new Error('Erroneous price display rule');\r\n\t}\r\n\r\n\treturn (\r\n\t\t<span className={classnames(css.base)} data-testid={`wrapper-${testId}`}>\r\n\t\t\t{renderResult}\r\n\t\t</span>\r\n\t);\r\n}\r\n\r\n/**\r\n * Renders a missing price, eg nothing. This currently renders nothing but could be updated to render \"Not For Sale\" for example.\r\n * @param css The set of css rules that can be applied.\r\n * @param price The price object\r\n */\r\n// eslint-disable-next-line no-unused-vars\r\nfunction renderMissingPrice(css: CssClasses, price: MissingDisplayPrice) {\r\n\treturn null;\r\n}\r\n\r\n/**\r\n * Renders a normal price. This is a price that might be on sale and may either be a unit price (eg $4.99) or a\r\n * range (eg $3.99 - $7.99).\r\n * @param css The set of css rules that can be applied.\r\n * @param price The price object\r\n */\r\nfunction renderNormalPrice(css: CssClasses, price: SimpleDisplayPrice, testId: string) {\r\n\t// conditionally cross out the base price\r\n\tconst basePriceClass = price.salePrice != null ? css.crossedOutPrice : css.normalPrice;\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<span className={classnames(basePriceClass)}>\r\n\t\t\t\t<span className=\"roc-visually-hidden\">{Localizer('OriginalPrice')}</span>\r\n\t\t\t\t<span data-testid={testId}>\r\n\t\t\t\t\t<VariantPriceComponent price={price.basePrice} />\r\n\t\t\t\t</span>\r\n\t\t\t</span>\r\n\t\t\t{price.salePrice != null ? (\r\n\t\t\t\t<span className={classnames(css.highlightedPrice)}>\r\n\t\t\t\t\t<span className=\"roc-visually-hidden\">{Localizer('SalePrice')}</span>\r\n\t\t\t\t\t<span data-testid={`sale-${testId}`}>\r\n\t\t\t\t\t\t<VariantPriceComponent price={price.salePrice} />\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</span>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n}\r\n\r\n/**\r\n * Renders an ambiguous price. This is a compound price representing multiple different products where the upperbound of the price\r\n * can't be reported in a useful way. The units of measure between the base and sale price may be different.\r\n * @param css The set of css rules that can be applied.\r\n * @param price The price object\r\n */\r\nfunction renderAmbiguousPrice(css: CssClasses, price: AmbiguousDisplayPrice, testId: string) {\r\n\t// conditionally cross out the base price\r\n\tconst basePriceClass = price.salePrice != null ? css.crossedOutPrice : css.normalPrice;\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<span className={classnames(basePriceClass)}>\r\n\t\t\t\t<span className=\"roc-visually-hidden\">{Localizer('OriginalPrice')}</span>\r\n\t\t\t\t<span data-testid={`ambiguous-original-${testId}`}>\r\n\t\t\t\t\t<FormatAmbiguousPriceSpan price={price.basePrice.value} unitName={price.basePrice.unit!.label} />\r\n\t\t\t\t</span>\r\n\t\t\t</span>\r\n\t\t\t{price.salePrice != null ? (\r\n\t\t\t\t<span className={classnames(css.highlightedPrice)}>\r\n\t\t\t\t\t<span className=\"roc-visually-hidden\">{Localizer('SalePrice')}</span>\r\n\t\t\t\t\t<span data-testid={`ambiguous-sale-${testId}`}>\r\n\t\t\t\t\t\t<FormatAmbiguousPriceSpan\r\n\t\t\t\t\t\t\tprice={price.salePrice.value}\r\n\t\t\t\t\t\t\tunitName={price.salePrice.unit!.label}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</span>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n}\r\n\r\n/**\r\n * Renders a partial display price (eg it may be either a simple price or a range price)\r\n */\r\nfunction VariantPriceComponent({ price }: { price: PartialDisplayPrice }) {\r\n\tconst label = price.unit?.label;\r\n\r\n\tswitch (typeof price.value) {\r\n\t\tcase 'string':\r\n\t\t\treturn <FormatPrice price={price.value} unitName={label} />;\r\n\r\n\t\tcase 'object':\r\n\t\t\treturn <FormatPriceSpan priceRange={price.value} unitName={label} />;\r\n\t}\r\n}\r\n\r\nfunction FormatAmbiguousPriceSpan(props: { price: Price; unitName: string }) {\r\n\t// Ambiguous prices always have a unit of measure. It is never optional.\r\n\treturn <>{Localizer<PricingResourceKeys>('AmbiguousPriceRangeWithUnit', props.price, props.unitName)}</>;\r\n}\r\n\r\n/**\r\n * Renders a price range (eg $14.99 - $19.99) with an optional unit of measure\r\n */\r\nfunction FormatPriceSpan(props: { priceRange: PriceSpan; unitName: string | undefined }) {\r\n\treturn props.unitName != null ? (\r\n\t\t<>\r\n\t\t\t{Localizer<PricingResourceKeys>(\r\n\t\t\t\t'PriceRangeWithUnit',\r\n\t\t\t\tprops.priceRange.from,\r\n\t\t\t\tprops.priceRange.to,\r\n\t\t\t\tprops.unitName,\r\n\t\t\t)}\r\n\t\t</>\r\n\t) : (\r\n\t\t<>{Localizer<PricingResourceKeys>('PriceRangeWithoutUnit', props.priceRange.from, props.priceRange.to)}</>\r\n\t);\r\n}\r\n\r\n/** Formats the price with the unit of measure (if present) appended. */\r\nfunction FormatPrice(props: { price: Price; unitName?: string }) {\r\n\treturn props.unitName != null ? (\r\n\t\t<>{Localizer<PricingResourceKeys>('PriceWithUnit', props.price, props.unitName)}</>\r\n\t) : (\r\n\t\t<>{Localizer<PricingResourceKeys>('PriceWithoutUnit', props.price)}</>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport XSVG from './svg/XSVG';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { WithTestIdOptional } from '../../../../Roc.SharedClientApp/types/test';\r\n\r\ninterface CircleButtonProps extends WithTestIdOptional {\r\n\ticon?: React.ReactNode;\r\n}\r\n\r\nfunction CircleButton(props: React.HTMLProps<HTMLButtonElement> & CircleButtonProps) {\r\n\tconst { icon, testId, ...otherProps } = props;\r\n\r\n\treturn (\r\n\t\t<button {...otherProps} type=\"button\" className=\"roc-circle-button\" data-testid={testId}>\r\n\t\t\t{icon ? icon : <XSVG className=\"roc-circle-button__icon\" />}\r\n\t\t\t<span className=\"roc-visually-hidden\">{Localizer('Remove')}</span>\r\n\t\t</button>\r\n\t);\r\n}\r\n\r\nexport default CircleButton;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Star Empty SVG\r\n *\r\n * @returns\r\n */\r\nfunction StarEmptySVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 34 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-star-empty', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.941 23.757l-9.958 6.89 3.476-11.6-9.63-7.341 12.106-0.279 4.006-11.427 4.006 11.427 12.106 0.279-9.63 7.341 3.476 11.599z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default StarEmptySVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Star SVG\r\n *\r\n * @returns\r\n */\r\nfunction StarSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 34 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-star', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M16.941 23.757l-9.958 6.89 3.476-11.6-9.63-7.341 12.106-0.279 4.006-11.427 4.006 11.427 12.106 0.279-9.63 7.341 3.476 11.599z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default StarSVG;\r\n","/* eslint-disable jsx-a11y/label-has-for */\r\n/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\r\nimport classnames from 'classnames';\r\nimport React from 'react';\r\nimport { WithTestId } from 'shared-client/types/test';\r\nimport StarEmptySVG from 'shared/components/svg/StarEmptySVG';\r\nimport StarSVG from 'shared/components/svg/StarSVG';\r\nimport useStarRating from './useStarRating';\r\n\r\n/**\r\n * Product Rating Props\r\n */\r\ninterface RatingProps extends WithTestId {\r\n\tvalue: number | null;\r\n\tname: string;\r\n\treadonly?: boolean;\r\n\tonChange?: (rating: number) => void;\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * If readonly, displays the rating with blank and filled stars (1-maxRating)\r\n * If not readonly, displays the rating picker with blank and filled stars (1-maxRating)\r\n * @param props\r\n */\r\nexport default function StarRating(props: RatingProps) {\r\n\tconst { value, name, readonly = false, onChange, maxRating = 5, testId } = props;\r\n\r\n\tconst { ratingStars, setRatingHovered } = useStarRating({\r\n\t\tvalue,\r\n\t\tname,\r\n\t\tmaxRating,\r\n\t});\r\n\r\n\tif (!readonly && !onChange) {\r\n\t\tthrow new Error('Rating component is set to non-readonly, yet onChange is not defined.');\r\n\t}\r\n\r\n\t/**\r\n\t * Handle changes to the radio button that backs the star rating selection\r\n\t *\r\n\t * @param {*} e\r\n\t */\r\n\tconst onInputChange = (e) => {\r\n\t\tif (onChange) {\r\n\t\t\tonChange(parseInt(e.currentTarget.value));\r\n\t\t}\r\n\t};\r\n\r\n\tif (readonly) {\r\n\t\treturn (\r\n\t\t\t<>\r\n\t\t\t\t{ratingStars.map(({ id, isFull }) => (\r\n\t\t\t\t\t<React.Fragment key={id}>\r\n\t\t\t\t\t\t{isFull ? (\r\n\t\t\t\t\t\t\t<StarSVG data-testid=\"readonly-star-rating-full\" className=\"roc-rating__icon\" />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<StarEmptySVG\r\n\t\t\t\t\t\t\t\tdata-testid=\"readonly-star-rating-empty\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-rating__icon roc-rating__icon--empty\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t))}\r\n\t\t\t</>\r\n\t\t);\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{ratingStars.map(({ id, isFull, isChecked, isPending, isHighlighted, ratingValue }) => {\r\n\t\t\t\tconst modifierClasses = classnames({\r\n\t\t\t\t\t'roc-rating__input--full': isFull,\r\n\t\t\t\t\t'roc-rating__input--pending': isPending,\r\n\t\t\t\t\t'roc-rating__label--highlighted': isHighlighted,\r\n\t\t\t\t});\r\n\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<React.Fragment key={id}>\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\tid={id}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={ratingValue}\r\n\t\t\t\t\t\t\tonChange={onInputChange}\r\n\t\t\t\t\t\t\tchecked={isChecked}\r\n\t\t\t\t\t\t\tclassName={classnames('roc-rating__input', modifierClasses)}\r\n\t\t\t\t\t\t\taria-describedby={name}\r\n\t\t\t\t\t\t\tdata-testid={testId}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<label\r\n\t\t\t\t\t\t\tclassName={classnames('roc-rating__label', modifierClasses)}\r\n\t\t\t\t\t\t\thtmlFor={id}\r\n\t\t\t\t\t\t\tonMouseEnter={() => setRatingHovered(ratingValue)}\r\n\t\t\t\t\t\t\tonMouseLeave={() => setRatingHovered(null)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{isFull ? (\r\n\t\t\t\t\t\t\t\t<StarSVG className=\"roc-rating__icon\" />\r\n\t\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t\t<StarEmptySVG className=\"roc-rating__icon roc-rating__icon--empty\" />\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</label>\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t</>\r\n\t);\r\n}\r\n","import { useEffect, useState } from 'react';\r\n\r\n/**\r\n * The state of all of the stars being displayed, these change together frequently\r\n * so lets store them together. This is also slightly better than calculating\r\n * on every single render. Makes it easier to reuse as well.\r\n */\r\ninterface RatingStarState {\r\n\tid: string;\r\n\tisFull: boolean;\r\n\tisPending: boolean;\r\n\tisHighlighted: boolean;\r\n\tisChecked: boolean;\r\n\tratingValue: number;\r\n}\r\n\r\n/**\r\n * The params for the useStarRating hook.\r\n */\r\ninterface UseStarRatingParams {\r\n\tvalue: number | null;\r\n\tname: string;\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * The values returned by the custom star rating hook\r\n */\r\ninterface UseStarRatingResult {\r\n\tratingStars: RatingStarState[];\r\n\tsetRatingHovered: (value: number | null) => void;\r\n}\r\n\r\n/**\r\n * Custom hook that manages state for simple star rating implementations\r\n * @param params\r\n */\r\nexport default function useStarRating(params: UseStarRatingParams): UseStarRatingResult {\r\n\tconst { value, name, maxRating = 5 } = params;\r\n\tconst [ratingStars, setRatingStars] = useState<RatingStarState[]>([]);\r\n\tconst [ratingHovered, setRatingHovered] = useState<number | null>(null);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst newState: RatingStarState[] = [];\r\n\r\n\t\tfor (let i = 1; i <= maxRating; i++) {\r\n\t\t\tconst id = 'rating-group-' + name + '-' + i;\r\n\t\t\tconst isFull = value !== null && value >= i;\r\n\t\t\tconst isPending = ratingHovered ? i > ratingHovered && isFull : false;\r\n\t\t\tconst isHighlighted = ratingHovered ? i <= ratingHovered : false;\r\n\t\t\tconst isChecked = value === i;\r\n\r\n\t\t\tnewState.push({\r\n\t\t\t\tid,\r\n\t\t\t\tisFull,\r\n\t\t\t\tisPending,\r\n\t\t\t\tisHighlighted,\r\n\t\t\t\tisChecked,\r\n\t\t\t\tratingValue: i,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tsetRatingStars(newState);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [value, ratingHovered]);\r\n\r\n\treturn { ratingStars, setRatingHovered };\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Pencil SVG\r\n *\r\n * @returns\r\n */\r\nfunction PencilSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-half-half-layout', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path d=\"M27 0c2.761 0 5 2.239 5 5 0 1.126-0.372 2.164-1 3l-2 2-7-7 2-2c0.836-0.628 1.874-1 3-1zM2 23l-2 9 9-2 18.5-18.5-7-7-18.5 18.5zM22.362 11.362l-14 14-1.724-1.724 14-14 1.724 1.724z\"></path>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default PencilSVG;\r\n","import React from 'react';\r\nimport { WithTestIdOptional } from '../../../../../Roc.SharedClientApp/types/test';\r\n\r\ninterface CheckSVGProps extends WithTestIdOptional {\r\n\tclass: string;\r\n}\r\n\r\n/**\r\n * Check SVG\r\n *\r\n * @returns\r\n */\r\nfunction CheckSVG(props: CheckSVGProps) {\r\n\tconst testId = `${props.testId ? props.testId : 'svg-check'}`;\r\n\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 38 32\"\r\n\t\t\tclassName={'roc-icon roc-icon-check ' + props.class}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\tdata-testid={testId}\r\n\t\t>\r\n\t\t\t<path d=\"M9.67 30.659l-9.121-11.804c-2.146-5.581 2.468-7.513 5.901-4.292l5.903 7.511 18.243-20.388c3.219-3.38 8.585-1.449 6.438 3.755l-21.462 24.679c-2.307 2.683-4.292 2.146-5.902 0.537z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\n// Set default props\r\nCheckSVG.defaultProps = {\r\n\tclass: '',\r\n};\r\n\r\nexport default CheckSVG;\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { ShoppingCartTitleProps } from './EditableShoppingCartTitle';\r\n/**\r\n * Displays page title\r\n */\r\nfunction ShoppingCartTitle(props: ShoppingCartTitleProps) {\r\n\treturn <h1 className=\"roc-cart__title\">{props.cartName ?? Localizer('ShoppingCart')} </h1>;\r\n}\r\n\r\nexport default ShoppingCartTitle;\r\n","import React, { useEffect, useState, useRef, useCallback } from 'react';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { getUserData } from 'services/UserData';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport CheckSVG from 'shared/components/svg/CheckSVG';\r\nimport PencilSVG from 'shared/components/svg/PencilSVG';\r\nimport XSVG from 'shared/components/svg/XSVG';\r\nimport { TextBoxField } from 'shared/edit/fields';\r\nimport RocForm from 'shared/edit/RocForm';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { FormValidationPromise } from 'shared/types';\r\nimport { handleAxiosErrorWithValidation } from 'shared/util/Misc';\r\nimport ShoppingCartTitle from './ShoppingCartTitle';\r\nexport interface ShoppingCartTitleProps {\r\n\tcartName?: string;\r\n\torderCode?: string;\r\n}\r\n\r\ninterface ShoppingCartNameFields {\r\n\tname: string;\r\n}\r\n\r\n/**\r\n * Displays page title and edit panel to change name of the shopping cart\r\n */\r\nexport default function EditableShoppingCartTitle(props: ShoppingCartTitleProps) {\r\n\tconst [showForm, setShowForm] = useState<boolean>(false);\r\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\r\n\tconst [userIsSignedIn, setUserIsSignedIn] = useState<boolean>(false);\r\n\tconst [cartName, setCartName] = useState<string>(props.cartName ?? Localizer('ShoppingCart'));\r\n\tconst inputRef = useRef<any>(null);\r\n\tconst buttonRef = useRef<any>(null);\r\n\tconst wrapperRef = useRef<HTMLDivElement>(null);\r\n\r\n\t/**\r\n\t * Detects the esc key and closes the form.\r\n\t */\r\n\tconst escFunction = useCallback((event) => {\r\n\t\tif (event.keyCode === 27) {\r\n\t\t\tsetShowForm(false);\r\n\t\t}\r\n\t}, []);\r\n\r\n\tconst initialValues: ShoppingCartNameFields = {\r\n\t\tname: cartName,\r\n\t};\r\n\r\n\tconst showSelectableTitle: boolean = userIsSignedIn && !!props.orderCode;\r\n\r\n\t/**\r\n\t * Bind and unbind events for clicking outside the wrapper so we can close the form.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tfunction handleClickOutside(event) {\r\n\t\t\tif (wrapperRef.current && !wrapperRef.current.contains(event.target)) {\r\n\t\t\t\tsetShowForm(false);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t// Bind the event listener\r\n\t\tdocument.addEventListener('mousedown', handleClickOutside);\r\n\t\treturn () => {\r\n\t\t\t// Unbind the event listener on clean up\r\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside);\r\n\t\t};\r\n\t}, [wrapperRef]);\r\n\r\n\t/**\r\n\t * Always focus the form if its visible.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tif (showForm) {\r\n\t\t\tinputRef.current?.focus();\r\n\t\t}\r\n\t});\r\n\r\n\t/**\r\n\t * Bind the keydown event so we can detect esc key.\r\n\t */\r\n\tuseEffect(() => {\r\n\t\tdocument.addEventListener('keydown', escFunction, false);\r\n\r\n\t\treturn () => {\r\n\t\t\tdocument.removeEventListener('keydown', escFunction, false);\r\n\t\t};\r\n\t}, [escFunction]);\r\n\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\ttry {\r\n\t\t\t\tconst data = (await getUserData()).data;\r\n\t\t\t\tsetUserIsSignedIn(data.summary?.isSignedIn ?? false);\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})();\r\n\t}, [userIsSignedIn]);\r\n\r\n\t/**\r\n\t * Handles edit cart name\r\n\t * @param values\r\n\t */\r\n\tconst submitForm = async (values: ShoppingCartNameFields): FormValidationPromise<void> => {\r\n\t\tsetIsLoading(true);\r\n\t\ttry {\r\n\t\t\tawait AxiosHelper.post(`/ajax/cart/edit-cart-name`, values);\r\n\t\t\tsetCartName(values.name);\r\n\t\t\tsetShowForm(false);\r\n\t\t\tdispatchRocEvent('shopping-cart-name-updated', { cartName: values.name });\r\n\t\t} catch (error) {\r\n\t\t\tsetIsLoading(false);\r\n\t\t\treturn handleAxiosErrorWithValidation(error, Localizer('ErrorOccurredSubmittingTheForm'));\r\n\t\t}\r\n\t\tsetIsLoading(false);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{userIsSignedIn && (\r\n\t\t\t\t<div ref={wrapperRef}>\r\n\t\t\t\t\t{showForm ? (\r\n\t\t\t\t\t\t<RocForm<ShoppingCartNameFields>\r\n\t\t\t\t\t\t\tonSubmit={submitForm}\r\n\t\t\t\t\t\t\tsubscription={{\r\n\t\t\t\t\t\t\t\tsubmitError: true,\r\n\t\t\t\t\t\t\t\tsubmitting: true,\r\n\t\t\t\t\t\t\t\tsubmitSucceeded: true,\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tinitialValues={initialValues}\r\n\t\t\t\t\t\t\trender={({ handleSubmit }) => (\r\n\t\t\t\t\t\t\t\t<form onSubmit={handleSubmit}>\r\n\t\t\t\t\t\t\t\t\t<div className=\"roc-editable-shopping-cart roc-editable-shopping-cart--editing\">\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"roc-editable-shopping-cart__item\">\r\n\t\t\t\t\t\t\t\t\t\t\t<TextBoxField ref={inputRef} name=\"name\" disabled={isLoading} />\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<div className=\"roc-editable-shopping-cart__actions\">\r\n\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\tclassName=\"roc-editable-shopping-cart__action\"\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdata-testid=\"shopping-cart-save-name-button\"\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<CheckSVG class=\"roc-editable-shopping-cart__action-icon\" />\r\n\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<button\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-editable-shopping-cart__action\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdata-testid={`cancel-editing-shopping-cart-name`}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => setShowForm(false)}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<XSVG className=\"roc-editable-shopping-cart__action-icon\" />\r\n\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"roc-editable-shopping-cart__spinner\">\r\n\t\t\t\t\t\t\t\t\t\t\t{isLoading && <Spinner />}\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</form>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t) : showSelectableTitle ? (\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tref={buttonRef}\r\n\t\t\t\t\t\t\tclassName=\"roc-editable-shopping-cart\"\r\n\t\t\t\t\t\t\tdata-testid={`edit-shopping-cart-name`}\r\n\t\t\t\t\t\t\tonClick={() => setShowForm(true)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<div className=\"roc-editable-shopping-cart__item\">\r\n\t\t\t\t\t\t\t\t<span className=\"roc-editable-shopping-cart__name\">{cartName}</span>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"roc-editable-shopping-cart__item\">\r\n\t\t\t\t\t\t\t\t<PencilSVG\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-editable-shopping-cart__icon\"\r\n\t\t\t\t\t\t\t\t\tdata-testid=\"edit-shopping-cart-title\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t) : (\r\n\t\t\t\t\t\t<ShoppingCartTitle cartName={cartName} />\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\r\n\t\t\t{!userIsSignedIn && <ShoppingCartTitle cartName={cartName} />}\r\n\t\t</>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport { useShoppingCartContext } from './ShoppingCartContext';\r\nimport { SavedProduct } from './types';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport ProductSelectionsList from './ProductSelectionsList';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\n\r\ninterface UserSavedProductProps {\r\n\tsavedProduct: SavedProduct;\r\n\tindex: number;\r\n}\r\n\r\n/**\r\n * Displays details for saved for later products including their name, image, pricing, and other attributes,\r\n * and buttons to remove it from the user's saved for later products or move the product to the user's cart.\r\n */\r\nfunction UserSavedProduct(props: UserSavedProductProps) {\r\n\tconst { savedProduct, index } = props;\r\n\r\n\tconst {\r\n\t\tstate: {\r\n\t\t\tupdatingSavedProductId,\r\n\t\t\tupdatingSavedProductPricingLineId: updatingSavedProductUnitOfMeasureId,\r\n\t\t\tsavedProductBeingRemovedId,\r\n\t\t\tsavedProductBeingRemovedPricingLineId: savedProductBeingRemovedUnitOfMeasureId,\r\n\t\t\torderIsUpdating,\r\n\t\t},\r\n\t\tactor: { moveSavedProductToCart, removeSavedProduct },\r\n\t} = useShoppingCartContext();\r\n\r\n\t// eslint-disable-next-line no-unused-vars\r\n\tconst handleMoveSavedProductToCart = (_: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\r\n\t\tmoveSavedProductToCart(\r\n\t\t\tsavedProduct.productId,\r\n\t\t\tsavedProduct.name,\r\n\t\t\tsavedProduct.pricingLine.id,\r\n\t\t\tsavedProduct.quantity,\r\n\t\t);\r\n\t\treturn;\r\n\t};\r\n\r\n\t// eslint-disable-next-line no-unused-vars\r\n\tconst handleRemoveSavedProduct = (_: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\r\n\t\tremoveSavedProduct(savedProduct.productId, savedProduct.name, savedProduct.pricingLine.id);\r\n\t\treturn;\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-cart-item roc-cart-item--bordered\">\r\n\t\t\t<div className=\"roc-cart-item__col roc-cart-item__col--main\">\r\n\t\t\t\t<div className=\"roc-cart-item__image-wrapper\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref={savedProduct.url}\r\n\t\t\t\t\t\tclassName=\"roc-cart-item__image-link\"\r\n\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\tdispatchRocEvent('product-clicked', {\r\n\t\t\t\t\t\t\t\tproductId: savedProduct.productId,\r\n\t\t\t\t\t\t\t\turl: savedProduct.url,\r\n\t\t\t\t\t\t\t\tproductName: savedProduct.name,\r\n\t\t\t\t\t\t\t\tproductGroupId: savedProduct.productGroupId,\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tclassName=\"roc-cart-item__image\"\r\n\t\t\t\t\t\t\tsrc={\r\n\t\t\t\t\t\t\t\tsavedProduct.thumbnailUrl !== null\r\n\t\t\t\t\t\t\t\t\t? savedProduct.thumbnailUrl\r\n\t\t\t\t\t\t\t\t\t: 'https://via.placeholder.com/60x60'\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\talt={savedProduct.altText}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className=\"roc-cart-item__name\">\r\n\t\t\t\t\t<h2 className=\"roc-cart-item__title\">\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\thref={savedProduct.url}\r\n\t\t\t\t\t\t\tclassName=\"roc-cart-item__product-name roc-cart-item__product-name--saved-for-later\"\r\n\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\tdispatchRocEvent('product-clicked', {\r\n\t\t\t\t\t\t\t\t\tproductId: savedProduct.productId,\r\n\t\t\t\t\t\t\t\t\turl: savedProduct.url,\r\n\t\t\t\t\t\t\t\t\tproductName: savedProduct.name,\r\n\t\t\t\t\t\t\t\t\tproductGroupId: savedProduct.productGroupId,\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\tdata-testid={`saved-product-name-link-${index}`}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<strong>{savedProduct.name}</strong>\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t<ProductSelectionsList selections={savedProduct.selections} />\r\n\r\n\t\t\t\t\t{savedProduct?.pricingLine != null ? null : Localizer('SavedForLaterProductNoLongerAvailable')}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"roc-cart-item__col roc-cart-item__col--secondary roc-cart-item__col--saved-for-later\">\r\n\t\t\t\t<div className=\"roc-cart-item__financials\">\r\n\t\t\t\t\t<div className=\"roc-cart-item__total-wrapper roc-cart-item__total-wrapper--saved-for-later\">\r\n\t\t\t\t\t\t<ProductPricing displayPrice={savedProduct.unitPrice} className=\"roc-cart-item-price\" />\r\n\t\t\t\t\t\t<span>{Localizer('Qty')} </span>\r\n\t\t\t\t\t\t<span>{savedProduct.quantity}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t<div className=\"roc-cart-item__options\">\r\n\t\t\t\t\t<div className=\"roc-inline-link-list \">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tclassName=\"roc-inline-link-list__item roc-cart-item__link\"\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={handleRemoveSavedProduct}\r\n\t\t\t\t\t\t\tdisabled={orderIsUpdating}\r\n\t\t\t\t\t\t\tdata-testid={`saved-product-remove-link-${index}`}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('RemoveFromSavedProducts')}\r\n\t\t\t\t\t\t\t{savedProduct.productId === savedProductBeingRemovedId &&\r\n\t\t\t\t\t\t\tsavedProductBeingRemovedUnitOfMeasureId === savedProduct.pricingLine.id ? (\r\n\t\t\t\t\t\t\t\t<Spinner />\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t{savedProduct?.pricingLine != null ? (\r\n\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t<span className=\"roc-inline-link-list__item-divider\" />\r\n\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-inline-link-list__item roc-cart-item__link\"\r\n\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\tonClick={handleMoveSavedProductToCart}\r\n\t\t\t\t\t\t\t\t\tdisabled={orderIsUpdating}\r\n\t\t\t\t\t\t\t\t\tdata-testid={`saved-product-move-to-cart-link-${index}`}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{Localizer('MoveSavedProductToCart')}\r\n\t\t\t\t\t\t\t\t\t{savedProduct.productId === updatingSavedProductId &&\r\n\t\t\t\t\t\t\t\t\tupdatingSavedProductUnitOfMeasureId === savedProduct.pricingLine.id ? (\r\n\t\t\t\t\t\t\t\t\t\t<Spinner />\r\n\t\t\t\t\t\t\t\t\t) : null}\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) : null}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default UserSavedProduct;\r\n","import React from 'react';\r\nimport { useShoppingCartContext } from './ShoppingCartContext';\r\nimport { MoveStatus } from './types';\r\nimport ShoppingCartItemActionInfo from './ShoppingCartItemActionInfo';\r\nimport UserSavedProduct from './UserSavedProduct';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\n/**\r\n * Renders a listing of the user's saved products\r\n */\r\nexport default function SavedProductsListing() {\r\n\tconst {\r\n\t\tstate: { savedProducts, lastMoveStatus, storedForUndoItem, storedForUndoItemIndex },\r\n\t} = useShoppingCartContext();\r\n\r\n\treturn (\r\n\t\t<div className=\"cart-saved-items__body\">\r\n\t\t\t{savedProducts && savedProducts.results && savedProducts.results.length ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<h2>{Localizer('SavedProducts')}</h2>\r\n\t\t\t\t\t{savedProducts.results.map((savedProduct, productIndex) => {\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<React.Fragment key={productIndex}>\r\n\t\t\t\t\t\t\t\t{storedForUndoItem &&\r\n\t\t\t\t\t\t\t\tstoredForUndoItemIndex &&\r\n\t\t\t\t\t\t\t\tstoredForUndoItemIndex.itemIndex === productIndex &&\r\n\t\t\t\t\t\t\t\t(lastMoveStatus === MoveStatus.MovedToCart ||\r\n\t\t\t\t\t\t\t\t\tlastMoveStatus === MoveStatus.RemovedFromSaved) ? (\r\n\t\t\t\t\t\t\t\t\t<ShoppingCartItemActionInfo />\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t<UserSavedProduct savedProduct={savedProduct} index={productIndex} />\r\n\t\t\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</>\r\n\t\t\t) : null}\r\n\t\t\t{savedProducts &&\r\n\t\t\tsavedProducts.results &&\r\n\t\t\tstoredForUndoItemIndex &&\r\n\t\t\tstoredForUndoItemIndex.itemIndex === savedProducts.results.length &&\r\n\t\t\t(lastMoveStatus === MoveStatus.MovedToCart || lastMoveStatus === MoveStatus.RemovedFromSaved) ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<ShoppingCartItemActionInfo />\r\n\t\t\t\t</>\r\n\t\t\t) : null}\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 * Phone SVG component\r\n *\r\n * @returns\r\n */\r\nfunction PhoneSVG({ 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-phone', 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.457 25.143c-0.071 1.078-0.313 2.137-0.716 3.139-0.661 1.065-1.635 1.901-2.789 2.392-1.308 0.737-2.78 1.135-4.282 1.158-2.106-0.145-4.169-0.661-6.095-1.524-1.411-0.475-2.765-1.103-4.038-1.874-4.375-2.85-8.128-6.556-11.032-10.895-0.797-1.248-1.461-2.576-1.981-3.962-0.865-1.877-1.381-3.896-1.524-5.958 0.028-1.464 0.432-2.897 1.173-4.16 0.502-1.153 1.355-2.118 2.438-2.758 1.029-0.4 2.113-0.637 3.215-0.701 0.161-0.029 0.326-0.029 0.488 0 0.472 0.168 0.975 1.265 1.219 1.722 0.731 1.295 1.524 2.606 2.21 3.87 0.366 0.579 1.051 1.31 1.051 2.011 0 1.371-4.16 3.383-4.16 4.571 0.132 0.743 0.441 1.443 0.899 2.042 2.152 3.949 5.43 7.168 9.417 9.25 0.591 0.43 1.266 0.731 1.981 0.884 1.25 0 3.307-4.099 4.709-4.099 0.716 0 1.448 0.686 2.057 1.036 1.28 0.747 2.621 1.448 3.931 2.179 0.457 0.229 1.524 0.716 1.752 1.189 0.061 0.15 0.087 0.311 0.076 0.472v0.015z\" />\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default PhoneSVG;\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport PhoneSVG from 'shared/components/svg/PhoneSVG';\r\n\r\ninterface ShoppingCartHelpProps {\r\n\torderCode: string;\r\n\tsupportPhoneNumber: string;\r\n}\r\n\r\n/**\r\n * Basic version of shopping cart help section\r\n */\r\nfunction ShoppingCartHelp(props: ShoppingCartHelpProps) {\r\n\tconst { orderCode, supportPhoneNumber } = props;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-col-md-4\">\r\n\t\t\t<p className=\"roc-cart-footer__cta-title\">\r\n\t\t\t\t<strong>{Localizer('HaveAnyQuestions')}</strong>\r\n\t\t\t</p>\r\n\r\n\t\t\t<div className=\"roc-cart-footer__cta-content\">\r\n\t\t\t\t<div className=\"roc-icon-text\">\r\n\t\t\t\t\t<div className=\"roc-icon-text__icon\">\r\n\t\t\t\t\t\t<PhoneSVG />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-icon-text__text-wrapper\">\r\n\t\t\t\t\t\t<p className=\"roc-icon-text__text\">\r\n\t\t\t\t\t\t\t{Localizer('CallUs')}{' '}\r\n\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\tclassName=\"roc-cart__link\"\r\n\t\t\t\t\t\t\t\thref={'tel:+1' + supportPhoneNumber}\r\n\t\t\t\t\t\t\t\tdata-testid=\"cart-help-phone\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{supportPhoneNumber}\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t<br />\r\n\t\t\t\t\t\t\t<span className=\"roc-icon-text__text-small\" data-testid=\"cart-help-hours\">\r\n\t\t\t\t\t\t\t\t{Localizer('AvailableHoursText')}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t<p className=\"roc-icon-text__text\">\r\n\t\t\t\t\t\t\t<span className=\"roc-icon-text__text-small\" data-testid=\"cart-help-reference\">\r\n\t\t\t\t\t\t\t\t{Localizer('ShoppingCartReferenceCodeText', orderCode)}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t<span className=\"roc-visually-hidden\" data-testid=\"cart-help-code\" aria-hidden=\"true\">\r\n\t\t\t\t\t\t\t\t{orderCode}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t<p className=\"roc-icon-text__text\">\r\n\t\t\t\t\t\t\t<span className=\"roc-icon-text__text-small\" data-testid=\"cart-help-info\">\r\n\t\t\t\t\t\t\t\t{Localizer('ShoppingCartReferenceCodeInfoText')}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default ShoppingCartHelp;\r\n","import React, { useContext } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport Quantity from 'shared/components/commerce/Quantity';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport VisuallyHiddenAnnouncementContext from 'shared/components/VisuallyHiddenAnnouncementContext';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport ProductSelectionsList from './ProductSelectionsList';\r\nimport { useShoppingCartContext } from './ShoppingCartContext';\r\nimport { OrderItem } from './types';\r\n\r\ninterface ShoppingCartItemProps {\r\n\titem: OrderItem;\r\n\tindex: number;\r\n}\r\n\r\n/**\r\n * Displays details for cart item including its name, image, pricing and other attributes,\r\n * buttons to remove it from the cart and update its quantity.\r\n */\r\nfunction ShoppingCartItem(props: ShoppingCartItemProps) {\r\n\tconst { item, index } = props;\r\n\r\n\tconst {\r\n\t\tstate: { orderItemBeingRemovedId, updatingOrderItemId, orderIsUpdating },\r\n\t\tactor: { changeOrderItemQuantity, removeOrderItem, moveItemToSaved },\r\n\t} = useShoppingCartContext();\r\n\r\n\tconst { setAlert } = useContext(VisuallyHiddenAnnouncementContext);\r\n\r\n\t/**\r\n\t * Handles saving a cart item to a user's saved for later products list by calling the provided callback in component's properties,\r\n\t * which is supposed to move the product to the user's saved for later list, removing it from their cart\r\n\t * @param mouseEvent\r\n\t */\r\n\t// eslint-disable-next-line no-unused-vars\r\n\tconst handleProductSaveForLater = (_: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\r\n\t\tmoveItemToSaved(item);\r\n\t\treturn;\r\n\t};\r\n\r\n\t/**\r\n\t * Handles cart item removal by calling the provided callback in component's properties which is supposed to handle item's removal\r\n\t * @param mouseEvent\r\n\t */\r\n\t// eslint-disable-next-line no-unused-vars\r\n\tconst handleItemRemoval = (_: React.MouseEvent<HTMLSpanElement>) => {\r\n\t\tremoveOrderItem(item);\r\n\t\tsetAlert(Localizer('RemovedItem', item.name));\r\n\t};\r\n\r\n\tconst itemUrl = item.url;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-cart-item\">\r\n\t\t\t<div className=\"roc-cart-item__col roc-cart-item__col--main\">\r\n\t\t\t\t<div className=\"roc-cart-item__image-wrapper\">\r\n\t\t\t\t\t<a\r\n\t\t\t\t\t\thref={itemUrl}\r\n\t\t\t\t\t\tclassName=\"roc-cart-item__image-link\"\r\n\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\tdispatchRocEvent('product-clicked', {\r\n\t\t\t\t\t\t\t\tproductId: item.product.id,\r\n\t\t\t\t\t\t\t\turl: itemUrl,\r\n\t\t\t\t\t\t\t\tproductName: item.name,\r\n\t\t\t\t\t\t\t\tproductGroupId: item.product.productGroupId,\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\tclassName=\"roc-cart-item__image\"\r\n\t\t\t\t\t\t\tsrc={\r\n\t\t\t\t\t\t\t\titem.product !== null && item.product.thumbnailUrl !== null\r\n\t\t\t\t\t\t\t\t\t? item.product.thumbnailUrl\r\n\t\t\t\t\t\t\t\t\t: '/images/image-not-found-small.png'\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\talt={item.product.altText || item.name}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-cart-item__name\">\r\n\t\t\t\t\t<h2 className=\"roc-cart-item__title\">\r\n\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\thref={itemUrl}\r\n\t\t\t\t\t\t\tclassName=\"roc-cart-item__product-name\"\r\n\t\t\t\t\t\t\tdata-testid={`product-name-${index}`}\r\n\t\t\t\t\t\t\tonClick={() =>\r\n\t\t\t\t\t\t\t\tdispatchRocEvent('product-clicked', {\r\n\t\t\t\t\t\t\t\t\tproductId: item.product.id,\r\n\t\t\t\t\t\t\t\t\turl: itemUrl,\r\n\t\t\t\t\t\t\t\t\tproductName: item.name,\r\n\t\t\t\t\t\t\t\t\tproductGroupId: item.product.productGroupId,\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>\r\n\t\t\t\t\t\t\t<strong>{item.name}</strong>\r\n\t\t\t\t\t\t</a>\r\n\t\t\t\t\t</h2>\r\n\t\t\t\t\t<strong>{Localizer('SKU')}: </strong>\r\n\t\t\t\t\t<span data-testid={`product-sku-${index}`}>{item.sku}</span>\r\n\r\n\t\t\t\t\t<ProductSelectionsList selections={item.selections} />\r\n\t\t\t\t</div>\r\n\t\t\t\t{/* <div className=\"roc-cart-item__shipping\">\r\n\t\t\t\t\t<div className=\"roc-panel\">\r\n\t\t\t\t\t\t<div className=\"roc-radio-button-group\">\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\tclassName={\r\n\t\t\t\t\t\t\t\t\t'roc-radio-button-group__item' +\r\n\t\t\t\t\t\t\t\t\t(isShipItSelected ? ' roc-radio-button-group__item--active' : '')\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tsetIsShipItSelected(true);\r\n\t\t\t\t\t\t\t\t\tsetAlert(\r\n\t\t\t\t\t\t\t\t\t\t'Ship it selected for ' +\r\n\t\t\t\t\t\t\t\t\t\t\titem.name +\r\n\t\t\t\t\t\t\t\t\t\t\t'. Ship to dropdown list is now visible below.',\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<div className=\"roc-radio-button-group__item-text\">\r\n\t\t\t\t\t\t\t\t\t<p className=\"roc-radio-button-group__item-label\">Ship It</p>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<span className=\"roc-radio-button-group__item-faux-btn\" />\r\n\t\t\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t\t\t{isShipItSelected && (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<div className=\"roc-radio-button-group__tabbed-group\">\r\n\t\t\t\t\t\t\t\t\t\t<label htmlFor=\"ship-it-to\" className=\"roc-visually-hidden\">\r\n\t\t\t\t\t\t\t\t\t\t\tShip {item.name} to:\r\n\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\t\t\t\t\t\t\t\t\t<select\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-form-input__input roc-cart-item__ship-it-dropdown\"\r\n\t\t\t\t\t\t\t\t\t\t\tid=\"ship-it-to\"\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<option>Jordi Izsak - Des Plaines</option>\r\n\t\t\t\t\t\t\t\t\t\t</select>\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\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\tclassName={\r\n\t\t\t\t\t\t\t\t\t'roc-radio-button-group__item' +\r\n\t\t\t\t\t\t\t\t\t(!isShipItSelected ? ' roc-radio-button-group__item--active' : '')\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tsetIsShipItSelected(false);\r\n\r\n\t\t\t\t\t\t\t\t\tsetAlert(\r\n\t\t\t\t\t\t\t\t\t\t'In store pickup selected for ' +\r\n\t\t\t\t\t\t\t\t\t\t\titem.name +\r\n\t\t\t\t\t\t\t\t\t\t\t'. Change store button is now visible below.',\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<div className=\"roc-radio-button-group__item-text\">\r\n\t\t\t\t\t\t\t\t\t<p className=\"roc-radio-button-group__item-label\">In-Store Pickup</p>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<span className=\"roc-radio-button-group__item-faux-btn\" />\r\n\t\t\t\t\t\t\t</button>\r\n\r\n\t\t\t\t\t\t\t{!isShipItSelected && (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t<div className=\"roc-radio-button-group__tabbed-group\">\r\n\t\t\t\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"roc-radio-button-group__tabbed-group-text\">\r\n\t\t\t\t\t\t\t\t\t\t\t\tROC Chicago Store name\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<button className=\"roc-radio-button-group__item-link\">Change Store</button>\r\n\t\t\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</>\r\n\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div> */}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div className=\"roc-cart-item__col roc-cart-item__col--secondary\">\r\n\t\t\t\t<div className=\"roc-cart-item__financials\">\r\n\t\t\t\t\t<div className=\"roc-cart-item__price-wrapper\">\r\n\t\t\t\t\t\t<p className=\"roc-cart-item__col-title\">{Localizer('ItemPrice')}</p>\r\n\r\n\t\t\t\t\t\t<ProductPricing\r\n\t\t\t\t\t\t\tdisplayPrice={item.unitPrice}\r\n\t\t\t\t\t\t\tclassName=\"roc-cart-item-price\"\r\n\t\t\t\t\t\t\ttestId={`cart-item-unit-price-${index}`}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-cart-item__qty-wrapper\">\r\n\t\t\t\t\t\t<Quantity\r\n\t\t\t\t\t\t\tdisabled={orderIsUpdating}\r\n\t\t\t\t\t\t\tindex={index}\r\n\t\t\t\t\t\t\titemId={item.id}\r\n\t\t\t\t\t\t\titemName={item.name}\r\n\t\t\t\t\t\t\tinitialQuantity={item.quantity}\r\n\t\t\t\t\t\t\tupdateQuantity={(newQuantity) => {\r\n\t\t\t\t\t\t\t\tchangeOrderItemQuantity(item, newQuantity);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tminimumOrderQuantity={item.snapshotMinimumOrderQuantity}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-cart-item__total-wrapper\">\r\n\t\t\t\t\t\t<p className=\"roc-cart-item__col-title\">{Localizer('Total')}</p>\r\n\t\t\t\t\t\t<ProductPricing\r\n\t\t\t\t\t\t\tdisplayPrice={item.totalPrice}\r\n\t\t\t\t\t\t\tclassName=\"roc-cart-item-price\"\r\n\t\t\t\t\t\t\ttestId={`cart-item-total-price-${index}`}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-cart-item__options\">\r\n\t\t\t\t\t{/* <div>\r\n\t\t\t\t\t\t<TextIcon>In Stock</TextIcon>\r\n\t\t\t\t\t</div> */}\r\n\t\t\t\t\t<div className=\"roc-inline-link-list \">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tclassName=\"roc-inline-link-list__item roc-cart-item__link\"\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={handleItemRemoval}\r\n\t\t\t\t\t\t\tdisabled={orderIsUpdating}\r\n\t\t\t\t\t\t\taria-label={Localizer('RemoveItem', item.name)}\r\n\t\t\t\t\t\t\tdata-testid={`cart-item-remove-link-${index}`}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('Remove')}\r\n\t\t\t\t\t\t\t{orderItemBeingRemovedId === item.id ? <Spinner /> : null}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t<span className=\"roc-inline-link-list__item-divider\" />\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tclassName=\"roc-inline-link-list__item roc-cart-item__link\"\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={handleProductSaveForLater}\r\n\t\t\t\t\t\t\tdisabled={orderIsUpdating}\r\n\t\t\t\t\t\t\taria-label={Localizer('SaveItemForLater', item.name)}\r\n\t\t\t\t\t\t\tdata-testid={`cart-item-save-for-later-link-${index}`}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('SaveForLater')} {updatingOrderItemId === item.id ? <Spinner /> : null}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default ShoppingCartItem;\r\n","import React from 'react';\r\nimport LockSVG from 'shared/components/svg/LockSVG';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\n/**\r\n * Simple component to display cart options.\r\n */\r\nfunction ShoppingCartOptions() {\r\n\treturn (\r\n\t\t<div className=\"roc-cart__btn-wrapper\">\r\n\t\t\t<div className=\"roc-cart__btn-row\">\r\n\t\t\t\t<a\r\n\t\t\t\t\thref=\"/checkout\"\r\n\t\t\t\t\tclassName=\"roc-btn roc-cart__checkout-btn\"\r\n\t\t\t\t\tdata-testid=\"cart-secure-checkout-button\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<LockSVG className=\"roc-btn__icon\" />\r\n\t\t\t\t\t{Localizer('SecureCheckout')}\r\n\t\t\t\t</a>\r\n\t\t\t</div>\r\n\t\t\t{/* <div className=\"roc-cart__btn-row\">\r\n\t\t\t\t<a href=\"#\" className=\"roc-cart__pay-btn-link\">\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"images/cart/google-pay-btn.jpg\"\r\n\t\t\t\t\t\talt=\"Google Pay Button\"\r\n\t\t\t\t\t\tclassName=\"roc-cart__pay-btn-img\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t</a>\r\n\t\t\t\t<a href=\"#\" className=\"roc-cart__pay-btn-link\">\r\n\t\t\t\t\t<img src=\"images/cart/apple-pay-btn.jpg\" alt=\"Apple Pay Button\" className=\"roc-cart__pay-btn-img\" />\r\n\t\t\t\t</a>\r\n\t\t\t\t<a href=\"#\" className=\"roc-cart__pay-btn-link\">\r\n\t\t\t\t\t<img src=\"images/cart/paypal-btn.jpg\" alt=\"Paypal Button\" className=\"roc-cart__pay-btn-img\" />\r\n\t\t\t\t</a>\r\n\t\t\t</div> */}\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\nexport default ShoppingCartOptions;\r\n","import React from 'react';\r\nimport { HasNoSalePrice, Price, SimpleDisplayPrice } from 'shared-client/types/commerce/display-price';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\n\r\ninterface ShoppingCartSummaryItemProps {\r\n\tname: string;\r\n\tdisplayPrice?: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n\tisLoading: boolean;\r\n}\r\n\r\n/**\r\n * Renders a single cart summary line (name and amount)\r\n */\r\nfunction ShoppingCartSummaryItem(props: ShoppingCartSummaryItemProps) {\r\n\tconst { name, displayPrice } = props;\r\n\r\n\tif (!displayPrice) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<dt>{name}</dt>\r\n\t\t\t<dd>\r\n\t\t\t\t{displayPrice.basePrice?.rawValue > 0 ? (\r\n\t\t\t\t\t<ProductPricing displayPrice={displayPrice} className=\"roc-checkout-order-summary-price\" />\r\n\t\t\t\t) : (\r\n\t\t\t\t\t'-----'\r\n\t\t\t\t)}\r\n\t\t\t</dd>\r\n\t\t</>\r\n\t);\r\n}\r\n\r\nexport default ShoppingCartSummaryItem;\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { PriceDisplayRule } from 'shared-client/types/commerce/display-price';\r\nimport { useShoppingCartContext } from './ShoppingCartContext';\r\nimport ShoppingCartPromo from './ShoppingCartPromo';\r\nimport ShoppingCartSummaryItem from './ShoppingCartSummaryItem';\r\n\r\n/**\r\n * Displays cart's summary which includes promotions, cart totals and the shipping estimator tool.\r\n */\r\nfunction ShoppingCartSummary() {\r\n\tconst {\r\n\t\tstate: { order, updatingOrderItemId, orderItemBeingRemovedId },\r\n\t\tactor: { updateOrder, updateOrderMessages },\r\n\t} = useShoppingCartContext();\r\n\r\n\tif (!order) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst orderIsUpdating = (updatingOrderItemId || orderItemBeingRemovedId) != null;\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<h2 className=\"roc-cart-footer__totals-title\">{Localizer('OrderSummary')}</h2>\r\n\t\t\t<div className=\"roc-cart-footer__totals-list-wrapper\">\r\n\t\t\t\t{/* <ShoppingCartShippingEstimator cartIsUpdating={orderIsUpdating} /> */}\r\n\t\t\t\t<dl className=\"roc-cart-footer__totals-list\">\r\n\t\t\t\t\t<ShoppingCartSummaryItem\r\n\t\t\t\t\t\t// TODO: Localize 'items'\r\n\t\t\t\t\t\tname={`${Localizer('ItemsSubtotal')}`}\r\n\t\t\t\t\t\tdisplayPrice={order.baseSubtotal}\r\n\t\t\t\t\t\tisLoading={orderIsUpdating}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<ShoppingCartSummaryItem\r\n\t\t\t\t\t\tname={Localizer('EstimatedShipping')}\r\n\t\t\t\t\t\tdisplayPrice={order.shipping}\r\n\t\t\t\t\t\tisLoading={orderIsUpdating}\r\n\t\t\t\t\t/>\r\n\t\t\t\t\t<ShoppingCartSummaryItem\r\n\t\t\t\t\t\tname={Localizer('EstimatedTax')}\r\n\t\t\t\t\t\tdisplayPrice={order.tax}\r\n\t\t\t\t\t\tisLoading={orderIsUpdating}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t{order.discount && order.discount.displayRule !== PriceDisplayRule.Missing ? (\r\n\t\t\t\t\t\t<ShoppingCartSummaryItem\r\n\t\t\t\t\t\t\tname={Localizer('Discount')}\r\n\t\t\t\t\t\t\tdisplayPrice={order.discount}\r\n\t\t\t\t\t\t\tisLoading={orderIsUpdating}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</dl>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"roc-cart-footer__promo\">\r\n\t\t\t\t<div className=\"roc-cart-footer__promo-wrapper\">\r\n\t\t\t\t\t<ShoppingCartPromo\r\n\t\t\t\t\t\torder={order}\r\n\t\t\t\t\t\tcartIsUpdating={orderIsUpdating}\r\n\t\t\t\t\t\tupdateOrder={updateOrder}\r\n\t\t\t\t\t\tupdateOrderMessages={updateOrderMessages}\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\r\nexport default ShoppingCartSummary;\r\n","import Axios, { CancelTokenSource } from 'axios';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport useRocEventHandler, { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport RecentlyViewedProducts from '../recently-viewed/RecentlyViewedProducts';\r\nimport EditableShoppingCartTitle from './EditableShoppingCartTitle';\r\nimport OrderMessages from './OrderMessages';\r\nimport SavedCarts from './SavedCarts';\r\nimport SavedProductsListing from './SavedProductsListing';\r\nimport ShoppingCartContext from './ShoppingCartContext';\r\nimport ShoppingCartHelp from './ShoppingCartHelp';\r\nimport ShoppingCartItem from './ShoppingCartItem';\r\nimport ShoppingCartItemActionInfo from './ShoppingCartItemActionInfo';\r\nimport ShoppingCartOptions from './ShoppingCartOptions';\r\nimport ShoppingCartSummary from './ShoppingCartSummary';\r\nimport { MoveStatus } from './types';\r\nimport useShoppingCart, { UseShoppingCart } from './useShoppingCart';\r\nimport { useShoppingCartLoader } from './useShoppingCartLoader';\r\n\r\nexport default function ShoppingCart() {\r\n\t// this is to ensure that cart page loaded event will be dispatched only once and\r\n\t// does NOT happen between cart reloads\r\n\tconst [cartPageLoadedEventDispatched, setCartPageLoadedEventDispatched] = useState(false);\r\n\r\n\t// Don't want pagination on the cart page\r\n\tconst {\r\n\t\tstate: { error, isLoaded, order, savedProducts, cartSummary, orderMessages },\r\n\t\tactor: { setOrder, setSavedProducts, setCartSummary, reloadCart, setOrderMessages },\r\n\t} = useShoppingCartLoader({ initialSavedProductsPageNumber: 1, initialSavedProductsPageSize: 1000000 });\r\n\tconst UseShoppingCartResult: UseShoppingCart = useShoppingCart({\r\n\t\torder,\r\n\t\tsetOrder,\r\n\t\tsavedProducts,\r\n\t\tsetSavedProducts,\r\n\t\tcartSummary,\r\n\t\tsetCartSummary,\r\n\t\torderMessages,\r\n\t\tsetOrderMessages,\r\n\t});\r\n\r\n\tconst {\r\n\t\tstate: { cartTotalItemCount, errorMessage, storedForUndoItemIndex, lastMoveStatus },\r\n\t\tactor: { setErrorMessage },\r\n\t} = UseShoppingCartResult;\r\n\r\n\t// Reload cart whenever the current cart has been switched\r\n\tuseRocEventHandler(\r\n\t\t'cart-switched',\r\n\t\t() => {\r\n\t\t\treloadCart(Axios.CancelToken.source());\r\n\t\t},\r\n\t\t[reloadCart],\r\n\t);\r\n\r\n\t// Reload the cart whenever the error message changes\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\tif (!errorMessage) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconsole.debug('An unexpected error occurred, reloading cart.');\r\n\r\n\t\t\tconst requestToken: CancelTokenSource = Axios.CancelToken.source();\r\n\t\t\treloadCart(requestToken);\r\n\r\n\t\t\treturn () => {\r\n\t\t\t\t// cleanup\r\n\t\t\t\trequestToken.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}, [errorMessage]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (!isLoaded || !order) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (cartPageLoadedEventDispatched) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tdispatchRocEvent('cart-page-viewed', { cart: order });\r\n\t\tsetCartPageLoadedEventDispatched(true);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [isLoaded]);\r\n\r\n\tif (error != null) {\r\n\t\tconsole.warn('Unable to load cart details');\r\n\r\n\t\tsetErrorMessage(Localizer('ErrorWhenLoadingOrder'));\r\n\t}\r\n\r\n\tif (!isLoaded) {\r\n\t\t// if you want to change the spinner message please make sure\r\n\t\t// to update it on the server-side as well (Features/Commerce/Cart/Index.cshtml)\r\n\t\treturn <Spinner block />;\r\n\t}\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<ShoppingCartContext.Provider value={UseShoppingCartResult}>\r\n\t\t\t\t{errorMessage ? <InlineAlert message={errorMessage} error={error} /> : null}\r\n\t\t\t\t{cartTotalItemCount === 0 || order === null ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<div className=\"roc-cart\">\r\n\t\t\t\t\t\t\t<div className=\"roc-cart__header roc-cart__header--bordered\">\r\n\t\t\t\t\t\t\t\t<div className=\"roc-cart__header-item\">\r\n\t\t\t\t\t\t\t\t\t<EditableShoppingCartTitle cartName={order?.name} orderCode={order?.orderCode} />\r\n\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t<div className=\"roc-cart__header-item roc-cart__header-item--grow\" />\r\n\r\n\t\t\t\t\t\t\t\t<div className=\"roc-cart__header-item\">\r\n\t\t\t\t\t\t\t\t\t<SavedCarts selectClassName=\"roc-cart__manage-carts-select\" />\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<OrderMessages orderMessages={orderMessages} />\r\n\r\n\t\t\t\t\t\t\t<div className=\"roc-cart__item-list\" data-testid=\"empty-cart\">\r\n\t\t\t\t\t\t\t\t{Localizer('YourCartIsEmpty')}\r\n\t\t\t\t\t\t\t\t{lastMoveStatus === MoveStatus.RemovedFromCart ||\r\n\t\t\t\t\t\t\t\tlastMoveStatus === MoveStatus.MovedToSaved ? (\r\n\t\t\t\t\t\t\t\t\t<ShoppingCartItemActionInfo />\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div className=\"roc-cart\">\r\n\t\t\t\t\t\t<div className=\"roc-cart__header roc-cart__header--centered\">\r\n\t\t\t\t\t\t\t<div className=\"roc-cart__header-item roc-cart__header-item--grow\">\r\n\t\t\t\t\t\t\t\t<EditableShoppingCartTitle cartName={order?.name} orderCode={order?.orderCode} />\r\n\t\t\t\t\t\t\t\t{/* <div className=\"roc-checkbox-simple roc-cart__multiple-shipping\">\r\n\t\t\t\t\t\t\t\t\t\t<label className=\"roc-checkbox-simple__item\" htmlFor=\"same-shipping-address\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"roc-checkbox-simple__item-text\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"roc-checkbox-simple__item-label\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tShipping to Multiple Addresses\r\n\t\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-checkbox-simple__item-input\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tid=\"same-shipping-address\"\r\n\t\t\t\t\t\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tname=\"sameshippingaddress\"\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<span className=\"roc-checkbox-simple__item-faux-checkmark\" />\r\n\t\t\t\t\t\t\t\t\t\t</label>\r\n\t\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<div className=\"roc-cart__header-item roc-cart__header-item--grow\" />\r\n\r\n\t\t\t\t\t\t\t<div className=\"roc-cart__header-item\">\r\n\t\t\t\t\t\t\t\t<SavedCarts selectClassName=\"roc-cart__manage-carts-select\" />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"roc-cart__header-item\">\r\n\t\t\t\t\t\t\t\t<ShoppingCartOptions />\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<OrderMessages orderMessages={orderMessages} />\r\n\r\n\t\t\t\t\t\t<div className=\"roc-cart__body\">\r\n\t\t\t\t\t\t\t<div className=\"roc-cart__total-banner\">\r\n\t\t\t\t\t\t\t\t<div className=\"roc-cart__total-banner-col\">\r\n\t\t\t\t\t\t\t\t\t{/* <p className=\"roc-cart__total-banner-text\">\r\n\t\t\t\t\t\t\t\t\t\tUse promo code: Spring25 at checkout for 25% off\r\n\t\t\t\t\t\t\t\t\t</p> */}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"roc-cart__total-banner-col\">\r\n\t\t\t\t\t\t\t\t\t<h2 className=\"roc-cart__total-banner-title\">\r\n\t\t\t\t\t\t\t\t\t\t<span className=\"roc-cart__total-banner-title-text\">\r\n\t\t\t\t\t\t\t\t\t\t\t{Localizer('OrderTotal')}\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t\t<ProductPricing displayPrice={order.total} />\r\n\t\t\t\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div className=\"roc-cart__item-list\">\r\n\t\t\t\t\t\t\t\t{order.recipients.map((orderRecipient, recipientIndex) => {\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<React.Fragment key={recipientIndex}>\r\n\t\t\t\t\t\t\t\t\t\t\t{orderRecipient.items.map((orderItem, index) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\tif (orderItem.product) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<React.Fragment key={index}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{storedForUndoItemIndex &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstoredForUndoItemIndex.recipientId === orderRecipient.id &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstoredForUndoItemIndex.itemIndex === index &&\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(lastMoveStatus === MoveStatus.RemovedFromCart ||\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlastMoveStatus === MoveStatus.MovedToSaved) ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ShoppingCartItemActionInfo />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ShoppingCartItem item={orderItem} index={index} />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn null;\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\t\t{storedForUndoItemIndex &&\r\n\t\t\t\t\t\t\t\t\t\t\tstoredForUndoItemIndex.recipientId === orderRecipient.id &&\r\n\t\t\t\t\t\t\t\t\t\t\tstoredForUndoItemIndex.itemIndex === orderRecipient.items.length &&\r\n\t\t\t\t\t\t\t\t\t\t\t(lastMoveStatus === MoveStatus.RemovedFromCart ||\r\n\t\t\t\t\t\t\t\t\t\t\t\tlastMoveStatus === MoveStatus.MovedToSaved) ? (\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ShoppingCartItemActionInfo />\r\n\t\t\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t\t\t\t\t\t);\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div className=\"roc-cart-footer\">\r\n\t\t\t\t\t\t\t<div className=\"roc-cart-footer__summary\">\r\n\t\t\t\t\t\t\t\t<div className=\"roc-row\">\r\n\t\t\t\t\t\t\t\t\t<ShoppingCartHelp orderCode={order.orderCode} supportPhoneNumber=\"877.959.8003\" />\r\n\r\n\t\t\t\t\t\t\t\t\t<div className=\"roc-col-md-8\">\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"roc-row\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"roc-col-lg-6\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<h2 className=\"roc-cart-footer__title\">{Localizer('OrderSummary')}</h2>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"roc-col-lg-6\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<ShoppingCartSummary />\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</div>\r\n\t\t\t\t\t\t\t\t\t\t<div className=\"roc-cart-footer__total\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"roc-cart-footer__total-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"roc-cart-footer__final-total-table-wrapper\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"roc-cart-footer__final-total-left\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{Localizer('EstimatedOrderTotal')}\r\n\t\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\t\t<div className=\"roc-cart-footer__final-total-right\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ProductPricing\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttestId=\"estimated-order-total\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplayPrice={order.total}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\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</div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<ShoppingCartOptions />\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t\t<SavedProductsListing />\r\n\t\t\t\t<RecentlyViewedProducts displaytitle />\r\n\t\t\t</ShoppingCartContext.Provider>\r\n\t\t</>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport ShoppingCart from './ShoppingCart';\r\nimport VisuallyHiddenAnnouncement from 'shared/components/VisuallyHiddenAnnouncement';\r\nimport { initReactApp } from 'shared/util/ApplicationInit';\r\n\r\nconst render = initReactApp(\r\n\t() => (\r\n\t\t<VisuallyHiddenAnnouncement>\r\n\t\t\t<ShoppingCart />\r\n\t\t</VisuallyHiddenAnnouncement>\r\n\t),\r\n\t'shopping-cart',\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('./ShoppingCart', () => {\r\n\t\trender();\r\n\t});\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\t// #region TapeCase Customizations\r\n\tListPriceMessagingForNotApprovedDistributors?: string;\r\n\tMaxNumberOfDaysToCancelOrders?: number;\r\n\tMaxNumberOfDaysToCancelOrdersMessage?: string;\r\n\t// #endregion\r\n}\r\n\r\n/**\r\n * Main object that will hold all the client data\r\n */\r\nexport const ServerData: ServerData = {};\r\n\r\n/**\r\n * Initializer function that will populate the main settings object\r\n */\r\nfunction initializeServerData() {\r\n\tconst windowWithServerData = window as WindowWithServerData;\r\n\r\n\tif (\r\n\t\twindowWithServerData &&\r\n\t\twindowWithServerData.__ROC_SERVER_DATA__ &&\r\n\t\tArray.isArray(windowWithServerData.__ROC_SERVER_DATA__)\r\n\t) {\r\n\t\tfor (const obj of windowWithServerData.__ROC_SERVER_DATA__) {\r\n\t\t\tfor (const key of Object.keys(obj)) {\r\n\t\t\t\tServerData[key] = obj[key];\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\ninitializeServerData();\r\n","import { useState } from 'react';\r\n\r\n/**\r\n * Custom hook for commonly used loading states.\r\n */\r\nexport function useLoader<T>() {\r\n\tconst [loading, setLoading] = useState<boolean>(false);\r\n\tconst [error, setError] = useState<Error | undefined>(undefined);\r\n\tconst [response, setResponse] = useState<T | null>(null);\r\n\r\n\treturn {\r\n\t\tloading,\r\n\t\tsetLoading,\r\n\t\terror,\r\n\t\tsetError,\r\n\t\tresponse,\r\n\t\tsetResponse,\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Folder SVG\r\n *\r\n * @returns\r\n */\r\nfunction FolderSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 52 32\"\r\n\t\t\tclassName={classnames('roc-icon roc-icon-folder', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#231f20\"\r\n\t\t\t\td=\"M20.568 22.146l1.85 4.385c0.112 0.255 0.415 0.367 0.718 0.494 0.412-0.037 0.786-0.168 1.11-0.373l-0.010 0.006 6.713-4.257c0.973-0.622 1.419-1.371 1.196-1.881s-1.084-0.558-1.945 0v0l-3.189 2.009 4.114-7.382c0.446-0.765 0.175-1.387-0.574-1.387-0.928 0.091-1.715 0.62-2.161 1.374l-0.007 0.013-4.145 7.382-0.893-2.137c-0.223-0.542-1.1-0.558-1.961 0v0c-0.505 0.302-0.837 0.847-0.837 1.468 0 0.101 0.009 0.2 0.026 0.296l-0.001-0.010z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#000\"\r\n\t\t\t\td=\"M48.933 11.161l-9.774 17.682c-0.258 0.46-0.742 0.765-1.298 0.765-0.003 0-0.007 0-0.010-0h-34.822l1.754-3.189 7.797-14.35c0.225-0.518 0.721-0.88 1.304-0.909l0.003-0h35.077zM13.537 0h-12.277c-0.696 0-1.26 0.564-1.26 1.26v0 29.178c0.006 0.454 0.201 0.861 0.509 1.147l0.001 0.001s0 0 0-0.112c0.323 0.325 0.771 0.526 1.266 0.526 0.003 0 0.007 0 0.010-0h36.065c0.003 0 0.006 0 0.009 0 1.449 0 2.712-0.796 3.377-1.974l0.010-0.019 10.268-18.543c0.137-0.249 0.217-0.546 0.217-0.861 0-1.002-0.81-1.814-1.811-1.818h-10.061v-4.592c0-0.881-0.714-1.594-1.594-1.594v0h-23.47v-1.339c0-0.696-0.564-1.26-1.26-1.26v0zM2.679 25.24v-22.322h9.567v2.599h25.511v3.269h-23.916c-1.436 0.022-2.681 0.818-3.338 1.989l-0.010 0.020-7.813 14.445z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default FolderSVG;\r\n","import React from 'react';\r\nimport { SVGProps } from './SVGProps';\r\nimport classnames from 'classnames';\r\n\r\n/**\r\n * Garbage Can SVG\r\n *\r\n * @returns\r\n */\r\nfunction GarbageCanCircleSVG({ className, ...rest }: SVGProps) {\r\n\treturn (\r\n\t\t<svg\r\n\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\tclassName={classnames('icon icon-garbage-circle', className)}\r\n\t\t\tfocusable=\"false\"\r\n\t\t\taria-hidden=\"true\"\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#d9534f\"\r\n\t\t\t\td=\"M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16c-8.837 0-16-7.163-16-16v0c0-8.837 7.163-16 16-16v0z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M24.652 11.459c-0.005-0.239-0.199-0.43-0.439-0.43-0.006 0-0.013 0-0.019 0l0.001-0h-3.2l-0.989-2.222c-0.353-0.691-1.049-1.162-1.857-1.188l-0.004-0h-4.078c-0.816 0.028-1.517 0.497-1.872 1.177l-0.006 0.012-0.98 2.222h-3.134c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v0.851c0.001 0.238 0.195 0.43 0.433 0.43 0.009 0 0.017-0 0.026-0.001l-0.001 0h1.352l0.529 9.493c-0.004 0.054-0.007 0.117-0.007 0.18 0 1.293 0.985 2.357 2.245 2.481l0.010 0.001h7.8c1.277-0.15 2.258-1.226 2.258-2.531 0-0.068-0.003-0.135-0.008-0.202l0.001 0.009 0.6-9.431h1.352c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-0l-0.011-0.85zM13.867 9.472c0.061-0.069 0.142-0.12 0.235-0.143l0.003-0.001h4.029c0.093 0.029 0.173 0.078 0.238 0.143l0 0 0.677 1.557h-5.879zM20.012 23.186h-7.822c-0.281-0.216-0.46-0.552-0.46-0.93 0-0.029 0.001-0.058 0.003-0.087l-0 0.004-0.523-9.434h9.839l-0.6 9.431c0.002 0.028 0.004 0.060 0.004 0.093 0 0.373-0.174 0.705-0.445 0.92l-0.002 0.002z\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tfill=\"#fff\"\r\n\t\t\t\td=\"M14.993 15.067h-0.898c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v4.842c0.005 0.239 0.199 0.43 0.439 0.43 0.006 0 0.013-0 0.019-0l-0.001 0h0.898c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-4.842c-0.008-0.239-0.204-0.43-0.445-0.43-0.004 0-0.009 0-0.013 0h0.001zM18.328 15.067h-0.898c-0.005-0-0.012-0-0.018-0-0.239 0-0.434 0.192-0.439 0.43v4.842c0.005 0.239 0.199 0.43 0.439 0.43 0.006 0 0.013-0 0.019-0l-0.001 0h0.898c0.005 0 0.012 0 0.018 0 0.239 0 0.434-0.192 0.439-0.43v-4.842c-0.008-0.239-0.204-0.43-0.445-0.43-0.004 0-0.009 0-0.013 0h0.001z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t);\r\n}\r\n\r\nexport default GarbageCanCircleSVG;\r\n","import React from 'react';\r\nimport { ModelStatus } from '../../../../Roc.SharedClientApp/types/model-status';\r\nimport DashCircleSVG from './hawksearch/components/svg/DashCircleSVG';\r\nimport CheckCircleSVG from './svg/CheckCircleSVG';\r\nimport FolderSVG from './svg/FolderSVG';\r\nimport GarbageCanCircleSVG from './svg/GarbageCanCircleSVG';\r\nimport PencilSVG from './svg/PencilSVG';\r\n\r\ninterface PageEditorStatusDisplayProps {\r\n\tstatus: ModelStatus;\r\n}\r\n\r\nexport function StatusDisplay(props: PageEditorStatusDisplayProps) {\r\n\tconst { status } = props;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-page-editor-status-display\">\r\n\t\t\t{status === ModelStatus.Published ? (\r\n\t\t\t\t<CheckCircleSVG />\r\n\t\t\t) : status === ModelStatus.Inactive ? (\r\n\t\t\t\t<DashCircleSVG />\r\n\t\t\t) : status === ModelStatus.Deleted ? (\r\n\t\t\t\t<GarbageCanCircleSVG />\r\n\t\t\t) : status === ModelStatus.Draft ? (\r\n\t\t\t\t<PencilSVG />\r\n\t\t\t) : status === ModelStatus.Archived ? (\r\n\t\t\t\t<FolderSVG />\r\n\t\t\t) : null}\r\n\t\t</div>\r\n\t);\r\n}\r\n","export interface Asset {\r\n\t/**\r\n\t * The asset's type\r\n\t */\r\n\tassetType: AssetType;\r\n\t/**\r\n\t * The asset's url\r\n\t */\r\n\tassetUrl: string;\r\n}\r\n\r\nexport enum AssetType {\r\n\tImage = 'Image',\r\n\tMedia = 'Media',\r\n\tDocument = 'Document',\r\n\tYouTube = 'YouTube',\r\n}\r\n\r\n/**\r\n * Image Dimension\r\n */\r\nexport interface AssetDimension {\r\n\t/**\r\n\t * The label of image dimension\r\n\t */\r\n\tLabel: string;\r\n\tWidth: number;\r\n\tHeight: number;\r\n}\r\n","import { PricingResult } from './pricing-result';\r\n\r\n/**\r\n * Represents a display pricing service result containing all necessary details to render a set of product prices.\r\n */\r\nexport type DisplayPricingResult = PricingResult<DisplayPrice>;\r\n\r\n/**\r\n * Represents a simple price intended to be rendered.\r\n * Comparisons and arithmetic between prices is illegal besides !== and ===.\r\n * This is not suitable for transactions and attempting to use this for transactions is erroneous.\r\n */\r\nexport type Price = string;\r\n\r\n/**\r\n * Represents an inclusive range of prices. It is erroneous for a price span no length (eg the\r\n * from and to field are the same), as this should be represented by a @see Price instead.\r\n *\r\n * PriceSpan is typically used for ambiguous ranges\r\n */\r\nexport type PriceSpan = {\r\n\t/**\r\n\t * The lower bound of the price. If this is associated with a group of products, this\r\n\t * is the price of the cheapest associated product.\r\n\t */\r\n\tfrom: Price;\r\n\r\n\t/**\r\n\t * The upper bound of the price. If this is associated with a group of products, this\r\n\t * is the price of the most expensive associated product.\r\n\t */\r\n\tto: Price;\r\n};\r\n\r\n/**\r\n * Represents a displayable price of unknown type.\r\n */\r\nexport type VariantPrice = Price | PriceSpan;\r\n\r\n/**\r\n * The display rules for rendering a price on the frontend.\r\n */\r\nexport enum PriceDisplayRule {\r\n\t/**\r\n\t * Represents a lack of a price. This is typically used for a product\r\n\t * that isn't purchaseable. Distinct from free.\r\n\t *\r\n\t * If a price is missing, it is illegal to use any display price type besides @see MissingPrice\r\n\t */\r\n\tMissing = 'Missing',\r\n\r\n\t/**\r\n\t * Represents a normal price or price range. Expected price types are @see PriceSpan and @see Price\r\n\t */\r\n\tNormal = 'Normal',\r\n\r\n\t/**\r\n\t * Represents a price without a clearly defined upperbound. This can happen if multiple products in a group product\r\n\t * do not share a common unit of measure. Expected price types are @see Price\r\n\t */\r\n\tAmbiguousRange = 'AmbiguousRange',\r\n}\r\n\r\n/**\r\n * Represents a pricing object that is guaranteed to have a base price\r\n */\r\nexport interface HasBasePrice<TPrice extends VariantPrice = VariantPrice> {\r\n\t/** The price of the product if it isn't on sale. */\r\n\tbasePrice: PartialDisplayPrice<TPrice>;\r\n}\r\n\r\n/**\r\n * Represents a pricing object that is guaranteed to have a sale price\r\n */\r\nexport interface HasSalePrice<TPrice extends VariantPrice = VariantPrice> {\r\n\t/** The sale price of the product. This is always less than the base price. */\r\n\tsalePrice: PartialDisplayPrice<TPrice>;\r\n}\r\n\r\n/**\r\n * Represents a pricing object that has no base price, that is, it cannot be purchased.\r\n */\r\nexport interface HasNoBasePrice {\r\n\t/** The item in question has no base price and as such, it is illegal to access it. */\r\n\tbasePrice?: never;\r\n}\r\n\r\n/**\r\n * Represents a pricing object that has no sale price\r\n */\r\nexport interface HasNoSalePrice {\r\n\t/** The item in question has no sale price and as such, it is illegal to access it. */\r\n\tsalePrice?: never;\r\n}\r\n\r\n/**\r\n * Represents a \"primitive\" price object that would be displayed.\r\n * A product that has a base price and a sale price would have two unit display prices for example.\r\n */\r\nexport type PartialDisplayPrice<TPrice extends VariantPrice = VariantPrice> = TPrice extends Price\r\n\t? UnitPrice<TPrice> & HasRawValue\r\n\t: UnitPrice<TPrice>;\r\n\r\ninterface UnitPrice<TPrice extends VariantPrice = VariantPrice> {\r\n\t/** The unit of measure of the item/product being sold. This is typically appended to a price to yield a value like \"$2.99/ea\" */\r\n\tunit?: { label: string };\r\n\r\n\t/** The price value to be displayed. */\r\n\tvalue: TPrice;\r\n}\r\n\r\ninterface HasRawValue {\r\n\t/**\r\n\t * The raw price value for use in comparing prices to eachother or checking if they are zero or negative.\r\n\t * It is not safe to assume this value for display purposes or price calculations.\r\n\t */\r\n\trawValue: number;\r\n}\r\n\r\n/**\r\n * Constrains a VariantPrice to a more specific price type\r\n */\r\ntype Filter<T extends VariantPrice, U extends VariantPrice> = T extends U ? T : never;\r\n\r\n/**\r\n * Represents a price object that can be displayed.\r\n */\r\nexport type DisplayPrice<\r\n\tTBasePrice extends VariantPrice = VariantPrice,\r\n\tTSalePrice extends VariantPrice = TBasePrice\r\n> =\r\n\t| SimpleDisplayPrice<TBasePrice, TSalePrice>\r\n\t| AmbiguousDisplayPrice<Filter<TBasePrice, Price>, Filter<TSalePrice, Price>>\r\n\t| MissingDisplayPrice;\r\n\r\n/**\r\n * Represents a missing price, typically if used on an object not for a sale or an erroneous object.\r\n * This would either not be rendered or be rendered as \"Not For Sale\"\r\n */\r\nexport interface MissingDisplayPrice {\r\n\t/** The display rules for rendering a price on the frontend.\r\n\t *\r\n\t * A \"missing\" or \"invisible\" price is for a product that is not on sale and thus should not have\r\n\t * a price rendered on screen */\r\n\tdisplayRule: PriceDisplayRule.Missing;\r\n}\r\n\r\n/**\r\n * Represents a simple price, that is a price that might be on sale with fixed upper and lower bounds. The unit\r\n * of measure for the base and sale price (if present) is expected to be the same\r\n */\r\nexport interface SimpleDisplayPrice<\r\n\tTBasePrice extends VariantPrice = VariantPrice,\r\n\tTSalePrice extends VariantPrice = TBasePrice\r\n> extends HasBasePrice<TBasePrice>,\r\n\t\tPartial<HasSalePrice<TSalePrice>> {\r\n\t/** The display rules for rendering a price on the frontend.\r\n\t *\r\n\t * A normal price is either a simple price like \"$3.12/ea\" or a range like \"$2.00-$5.00/ea\"\r\n\t */\r\n\tdisplayRule: PriceDisplayRule.Normal;\r\n}\r\n\r\n/**\r\n * Represents a price without a predictable upperbound for the price. This would typically be used if a group of products\r\n * didn't have a common unit of measure.\r\n */\r\nexport interface AmbiguousDisplayPrice<TBasePrice extends Price = Price, TSalePrice extends Price = TBasePrice>\r\n\textends HasBasePrice<TBasePrice>,\r\n\t\tPartial<HasSalePrice<TSalePrice>> {\r\n\t/** The display rules for rendering a price on the frontend.\r\n\t *\r\n\t * An ambiguous price doesn't have a a specifiable upperbound because there isn't a common unit of measure\r\n\t * to use as a baseline for what the most expensive unit of measure is. This is will appear like \"From $2.00\"\r\n\t */\r\n\tdisplayRule: PriceDisplayRule.AmbiguousRange;\r\n}\r\n","import { useEffect, useRef } from 'react';\r\n\r\n/**\r\n * Reusable hook that can be used where setInterval is needed.\r\n *\r\n * @export\r\n * @param {() => void} callback\r\n * @param {(number | null)} delay\r\n */\r\nexport default function useInterval(callback: () => void, delay: number, enabled: boolean = true) {\r\n\tconst savedCallback = useRef<(() => void) | null>(null);\r\n\t// eslint-disable-next-line no-undef\r\n\tconst intervalId = useRef<NodeJS.Timeout | null>(null);\r\n\r\n\t// Remember the latest callback.\r\n\tuseEffect(() => {\r\n\t\tsavedCallback.current = callback;\r\n\t}, [callback]);\r\n\r\n\t// Set up the interval.\r\n\tuseEffect(() => {\r\n\t\tfunction tick() {\r\n\t\t\tsavedCallback.current!();\r\n\t\t}\r\n\r\n\t\tif (delay === null || !enabled) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tintervalId.current = setInterval(tick, delay);\r\n\t\treturn () => {\r\n\t\t\tif (intervalId.current) {\r\n\t\t\t\tclearInterval(intervalId.current);\r\n\t\t\t}\r\n\t\t};\r\n\t}, [delay, enabled]);\r\n}\r\n","import { reCaptchaCallbackPromise } from 'features/setup/recaptcha';\r\nimport { useLayoutEffect, useRef, useState } from 'react';\r\nimport useInterval from './useInterval';\r\n\r\n/**\r\n * Window extended with recaptcha specific fields\r\n */\r\ninterface ReCaptchaWindow extends Window {\r\n\trocReCaptchaCallbacks: Array<() => void>;\r\n\tgrecaptcha: GoogleRecaptcha;\r\n}\r\n\r\n/**\r\n * Google ReCaptcha Interface\r\n */\r\ninterface GoogleRecaptcha {\r\n\tready(callback: () => void): void;\r\n\texecute: (key: string, config: { action: string }) => Promise<string>;\r\n}\r\n\r\nexport interface UseReCaptchaToken {\r\n\tgetToken: () => Promise<string>;\r\n\tinvalidateToken: () => void;\r\n\tenabled: boolean;\r\n\tsetEnabled: (enabled: boolean) => void;\r\n}\r\n\r\nlet ReCaptchaKeyWarning = false;\r\n\r\n/**\r\n * Reusable hook that generates a recaptcha token from google and generates fresh tokens\r\n * frequently as these will expire every 2 minutes\r\n *\r\n * @export\r\n * @param {string} reCaptchaKey\r\n * @param {string} action\r\n * @returns\r\n */\r\nexport default function useReCaptchaToken(\r\n\treCaptchaKey: string,\r\n\taction: string,\r\n\tinitialEnabled: boolean = !!action,\r\n): UseReCaptchaToken {\r\n\tconst reCaptchaWindow = (window as unknown) as ReCaptchaWindow;\r\n\r\n\t// keeps track of the promise that is getting the token across renders. using a ref ensures it updates immediately\r\n\t// state updates are async and therefore we cannot read the state value immediately after.\r\n\t// there is no longer a callback after setting state with hooks 💣\r\n\tconst tokenPromise = useRef<Promise<string> | null>(null);\r\n\r\n\t// store whether the promise is resolved in a ref. same reasoning as above.\r\n\tconst tokenPromiseIsResolved = useRef(false);\r\n\r\n\t// this is the promise that will handle waiting on recaptcha initialization\r\n\tconst initPromise = useRef<Promise<unknown> | null>(null);\r\n\r\n\t// this will allow for the recaptcha to be disabled on demand or by an invalid token\r\n\tconst [enabled, setEnabled] = useState(initialEnabled);\r\n\r\n\t// need to use LayoutEffect because we have to make sure this code runs before google's recaptcha handlers\r\n\t// when the dom becomes ready.\r\n\tuseLayoutEffect(() => {\r\n\t\t(async () => {\r\n\t\t\tinitPromise.current = new Promise(async (resolve) => {\r\n\t\t\t\t// wait until google calls this callback.\r\n\t\t\t\tif (reCaptchaCallbackPromise) {\r\n\t\t\t\t\tawait reCaptchaCallbackPromise;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// also wait for recaptcha to be ready for us\r\n\t\t\t\treCaptchaWindow.grecaptcha.ready(() => {\r\n\t\t\t\t\tresolve();\r\n\t\t\t\t\tgetToken();\r\n\t\t\t\t});\r\n\t\t\t});\r\n\r\n\t\t\tif (!reCaptchaKey && !ReCaptchaKeyWarning) {\r\n\t\t\t\tReCaptchaKeyWarning = true;\r\n\t\t\t\tconsole.warn('No ReCaptchaKey has been set.');\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\t/**\r\n\t * Invalidates the current token promise as long as it isn't currently unresolved\r\n\t */\r\n\tconst invalidateToken = async () => {\r\n\t\t// scenario 1: not initialized\r\n\t\tawait initPromise.current;\r\n\r\n\t\t// if we are working on getting a token, do nothing\r\n\t\tif (!tokenPromiseIsResolved) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\ttokenPromise.current = getToken(true);\r\n\t};\r\n\r\n\t// tokens expire in 2 minutes, so let's invalidate the token a little more frequently to avoid having a stale one\r\n\tuseInterval(invalidateToken, 2 * 60 * 1000 - 5000, enabled);\r\n\r\n\t/**\r\n\t * Returns a promise that will eventually resolve to a fresh recaptcha token\r\n\t */\r\n\tconst getToken = async (force: boolean = false): Promise<string> => {\r\n\t\tif (!reCaptchaKey || !enabled) {\r\n\t\t\t// if there's no recaptcha key, we'll simple return an empty string. the server will not validate recaptcha\r\n\t\t\t// because the key is missing.\r\n\t\t\treturn Promise.resolve('');\r\n\t\t}\r\n\r\n\t\t// wait for the callback to fire\r\n\t\tawait initPromise.current;\r\n\r\n\t\t// first time or if we need a new one\r\n\t\tif (tokenPromise.current === null || force) {\r\n\t\t\ttokenPromiseIsResolved.current = false;\r\n\r\n\t\t\ttokenPromise.current = new Promise(async (resolve) => {\r\n\t\t\t\ttry {\r\n\t\t\t\t\tconst result = await reCaptchaWindow.grecaptcha.execute(reCaptchaKey, { action });\r\n\t\t\t\t\tresolve(result);\r\n\t\t\t\t} catch (error) {\r\n\t\t\t\t\tconsole.warn(\r\n\t\t\t\t\t\t'ReCaptcha warning:',\r\n\t\t\t\t\t\terror?.message || 'An unexpected ReCaptcha error occurred. Ensure you have a valid key.',\r\n\t\t\t\t\t);\r\n\t\t\t\t\tsetEnabled(false);\r\n\t\t\t\t\tresolve('');\r\n\t\t\t\t}\r\n\t\t\t\ttokenPromiseIsResolved.current = true;\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\t// in some cases this is the existing promise because it not resolved yet, so we don't want to\r\n\t\t// start another request separately.\r\n\t\treturn tokenPromise.current;\r\n\t};\r\n\r\n\treturn { getToken: () => getToken(), invalidateToken, enabled, setEnabled };\r\n}\r\n","import { ServerData } from 'services/ServerData';\r\nimport useReCaptchaToken, { UseReCaptchaToken } from './useReCaptchaToken';\r\n\r\n/**\r\n * Reusable hook that calls the generic useReCaptchaToken with key loaded from ServerData\r\n *\r\n * @export\r\n * @param {string} action\r\n * @returns\r\n */\r\nexport default function useRocReCaptchaToken(action: string, initialEnabled: boolean = true): UseReCaptchaToken {\r\n\tconst reCaptchaKey = ServerData.ReCaptchaV3Key;\r\n\tconst isReCaptchaEnabled = initialEnabled && ServerData.IsReCaptchaEnabled;\r\n\r\n\t// the server will not render anything if the keys aren't set, which means we could get null\r\n\t// or even undefined here, so let's just do a truthy check and return an empty string if there\r\n\t// is nothing from the server.\r\n\treturn useReCaptchaToken(reCaptchaKey || '', action, isReCaptchaEnabled);\r\n}\r\n","import { AxiosError, AxiosRequestConfig } from 'axios';\r\nimport { handleAxiosErrorWithValidation } from 'shared/util/Misc';\r\nimport { useBaseAxiosSubmitter } from './useBaseAxiosSubmitter';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\nexport interface UseAxiosFormSubmitterPostResult {\r\n\tformValidationState?: { [index: string]: string };\r\n\terror?: Error | AxiosError;\r\n}\r\n\r\nexport type RocFormSubmitterParams<TResponse> = {\r\n\taxiosParams: AxiosRequestConfig;\r\n\treCaptchaActionName?: string;\r\n\tcsrfEnabled?: boolean;\r\n\tstateful?: boolean;\r\n\tinvalidateTokenOnSuccess?: boolean;\r\n\tresponseCallback?: (response?: TResponse, error?: Error) => void;\r\n};\r\n\r\nexport type ResponseCallback<TResponse> = (response?: TResponse, error?: Error, invalidateToken?: () => void) => void;\r\n\r\n/**\r\n * A custom hook that can be used to facilitate posting forms. It handles processing server-side validation automatically.\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param reCaptchaActionName An optional action name for the ReCaptcha request sent to Google. If left empty, no ReCaptcha token will be sent to the server.\r\n * @param csrfEnabled Specifies whether CSRF protection should be enabled or not.\r\n * @param stateful A flag for setting the form submitter to store submitting and error state. Not recommended to be true when dealing with react-final-form.\r\n * @param invalidateTokenOnSuccess A flag for invalidating ReCaptcha token on success. This can be helpful for resetting a form with ReCaptcha.\r\n * @param responseCallback An optional callback that can be executed on the response or error that is returned.\r\n */\r\nexport function useRocFormSubmitter<TRequest, TResponse = unknown>({\r\n\taxiosParams,\r\n\treCaptchaActionName,\r\n\tcsrfEnabled = true,\r\n\tstateful = false,\r\n\tinvalidateTokenOnSuccess = false,\r\n\tresponseCallback,\r\n}: RocFormSubmitterParams<TResponse>) {\r\n\treturn useBaseAxiosFormSubmitter<TRequest, TResponse>(\r\n\t\taxiosParams,\r\n\t\treCaptchaActionName,\r\n\t\tcsrfEnabled,\r\n\t\tstateful,\r\n\t\tinvalidateTokenOnSuccess,\r\n\t\tresponseCallback,\r\n\t);\r\n}\r\n\r\n/**\r\n * Form submitter that only stores the last response in state. Ideal when dealing with react-final-form.\r\n */\r\nexport function useAxiosFormSubmitter<T, R = unknown>(\r\n\taxiosParams: AxiosRequestConfig,\r\n\treCaptchaActionName?: string,\r\n\tcsrfEnabled = true,\r\n\tresponseCallback?: ResponseCallback<R>,\r\n\tinvalidateTokenOnSuccess = false,\r\n) {\r\n\treturn useBaseAxiosFormSubmitter<T, R>(\r\n\t\taxiosParams,\r\n\t\treCaptchaActionName,\r\n\t\tcsrfEnabled,\r\n\t\tfalse,\r\n\t\tinvalidateTokenOnSuccess,\r\n\t\tresponseCallback,\r\n\t);\r\n}\r\n\r\n/**\r\n * Form submitter that stores submitting and error state. Not recommended when dealing with react-final-form.\r\n */\r\nexport function useStatefulAxiosFormSubmitter<T, R = unknown>(\r\n\taxiosParams: AxiosRequestConfig,\r\n\treCaptchaActionName?: string,\r\n\tcsrfEnabled = true,\r\n\tresponseCallback?: ResponseCallback<R>,\r\n\tinvalidateTokenOnSuccess = false,\r\n) {\r\n\treturn useBaseAxiosFormSubmitter<T, R>(\r\n\t\taxiosParams,\r\n\t\treCaptchaActionName,\r\n\t\tcsrfEnabled,\r\n\t\ttrue,\r\n\t\tinvalidateTokenOnSuccess,\r\n\t\tresponseCallback,\r\n\t);\r\n}\r\n\r\n/**\r\n * A custom hook that can be used to facilitate posting forms. It handles processing server-side validation automatically.\r\n * Do not use this hook directly unless you know what you're doing. Prefer useAxiosFormSubmitter, useAxiosStatefulFormSubmitter, or useRocFormSubmitter instead.\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param reCaptchaActionName An optional action name for the ReCaptcha request sent to Google. If left empty, no ReCaptcha token will be sent to the server.\r\n * @param csrfEnabled Specifies whether CSRF protection should be enabled or not.\r\n * @param stateful A flag for setting the form submitter to store submitting and error state. Not recommended to be true when dealing with react-final-form.\r\n * @param invalidateTokenOnSuccess A flag for invalidating ReCaptcha token on success. This can be helpful for resetting a form with ReCaptcha.\r\n * @param responseCallback An optional callback that can be executed on the response or error that is returned.\r\n */\r\nexport function useBaseAxiosFormSubmitter<T, R>(\r\n\taxiosParams: AxiosRequestConfig,\r\n\treCaptchaActionName?: string,\r\n\tcsrfEnabled = true,\r\n\tstateful = false,\r\n\tinvalidateTokenOnSuccess = false,\r\n\tresponseCallback?: ResponseCallback<R>,\r\n) {\r\n\tif (axiosParams.method === undefined) {\r\n\t\taxiosParams.method = 'POST';\r\n\t}\r\n\r\n\t/**\r\n\t * Callback to be executed after a form submission has taken place.\r\n\t */\r\n\tconst submitterCallback = (response?: R, error?: Error, invalidateToken?: () => void) => {\r\n\t\tif (error) {\r\n\t\t\tconsole.error(error);\r\n\r\n\t\t\tconst axiosError = error as AxiosError;\r\n\t\t\tif (invalidateToken) {\r\n\t\t\t\tinvalidateToken();\r\n\t\t\t}\r\n\r\n\t\t\tif (responseCallback !== undefined) {\r\n\t\t\t\tresponseCallback(response, error);\r\n\t\t\t}\r\n\r\n\t\t\treturn Promise.resolve({\r\n\t\t\t\tformValidationState: handleAxiosErrorWithValidation(\r\n\t\t\t\t\taxiosError,\r\n\t\t\t\t\tLocalizer('ErrorOccurredSubmittingTheForm'),\r\n\t\t\t\t),\r\n\t\t\t\terror,\r\n\t\t\t});\r\n\t\t}\r\n\r\n\t\tif (responseCallback !== undefined) {\r\n\t\t\tresponseCallback(response);\r\n\t\t}\r\n\r\n\t\tif (invalidateToken && invalidateTokenOnSuccess) {\r\n\t\t\tinvalidateToken();\r\n\t\t}\r\n\r\n\t\treturn Promise.resolve({});\r\n\t};\r\n\r\n\tconst submitter = useBaseAxiosSubmitter<T, R, UseAxiosFormSubmitterPostResult>(\r\n\t\taxiosParams,\r\n\t\tsubmitterCallback,\r\n\t\treCaptchaActionName,\r\n\t\tcsrfEnabled,\r\n\t\tstateful,\r\n\t);\r\n\r\n\tlet result = {\r\n\t\thandleSubmit: async (formValues: T) => {\r\n\t\t\tconst submitResult = await submitter.submit(formValues);\r\n\t\t\treturn submitResult && submitResult.formValidationState;\r\n\t\t},\r\n\t\tsubmitted: submitter.response !== null && submitter.response.status === 200,\r\n\t\tresponseData: submitter.response !== null ? submitter.response.data : null,\r\n\t};\r\n\r\n\tif (stateful) {\r\n\t\tresult = {\r\n\t\t\t...submitter,\r\n\t\t\t...result,\r\n\t\t};\r\n\t}\r\n\r\n\treturn result;\r\n}\r\n","import Axios, { AxiosRequestConfig, AxiosError, AxiosResponse, CancelTokenSource } from 'axios';\r\nimport useRocReCaptchaToken from './useRocReCaptchaToken';\r\nimport { useLoader } from './useLoader';\r\nimport { useRef } from 'react';\r\nimport { getCsrfToken } from 'services/UserData';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\n\r\n/**\r\n * A reusable hook to be used to submit data via Axios. Handles CSRF and ReCaptcha tokens.\r\n * Do not call this directly, use useAxiosFormSubmitter or useAxiosStatefulFormSubmitter instead.\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param submitterCallback An optional callback that will be called after a request is submitted. The error and the function to invalidate the used ReCaptcha token will be passed if something goes wrong.\r\n * @param reCaptchaActionName An optional action name for the ReCaptcha request sent to Google. If left empty, no ReCaptcha token will be sent to the server.\r\n * @param csrfEnabled Specifies whether CSRF protection should be enabled or not.\r\n * @param stateful An optional value to determine whether this component should use all useLoader state.\r\n */\r\nexport function useBaseAxiosSubmitter<T, R, K>(\r\n\taxiosParams: AxiosRequestConfig,\r\n\tsubmitterCallback?: (response: R, error?: Error | AxiosError, invalidateRecaptchaToken?: () => void) => Promise<K>,\r\n\treCaptchaActionName?: string,\r\n\tcsrfEnabled = true,\r\n\tstateful = false,\r\n) {\r\n\tif (axiosParams.method === undefined) {\r\n\t\taxiosParams.method = 'POST';\r\n\t}\r\n\r\n\tconst { getToken: getRecaptchaToken, invalidateToken } = useRocReCaptchaToken(reCaptchaActionName || '');\r\n\tconst { loading, setLoading, error, setError, response, setResponse } = useLoader<AxiosResponse<R>>();\r\n\tconst cancelToken = useRef<CancelTokenSource>();\r\n\r\n\t/**\r\n\t * The main method that allows imperative posting of data\r\n\t * @param payload The data that should be posted in the body of the request\r\n\t */\r\n\tasync function submit(payload: T): Promise<K | undefined> {\r\n\t\ttry {\r\n\t\t\t// avoid duplicate requests if there's a pending one\r\n\t\t\tif (cancelToken.current) {\r\n\t\t\t\tconsole.warn('Already posting... Did you forget to disable your submit button while this was saving?');\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tcancelToken.current = Axios.CancelToken.source();\r\n\r\n\t\t\tconst promises: Array<Promise<string | undefined> | undefined> = [];\r\n\r\n\t\t\tpromises.push(csrfEnabled ? getCsrfToken() : undefined);\r\n\t\t\tpromises.push(reCaptchaActionName ? getRecaptchaToken() : undefined);\r\n\r\n\t\t\tconst [csrfToken, reCaptchaToken] = await Promise.all<string | undefined>(promises);\r\n\r\n\t\t\tif (stateful) {\r\n\t\t\t\tsetLoading(true);\r\n\t\t\t\tsetError(undefined);\r\n\t\t\t}\r\n\r\n\t\t\t// eslint-disable-next-line no-unused-vars\r\n\t\t\tconst { data, ...rest } = axiosParams;\r\n\t\t\tconst request = {\r\n\t\t\t\t...rest,\r\n\t\t\t\tdata: {\r\n\t\t\t\t\t...payload,\r\n\t\t\t\t\treCaptchaToken: reCaptchaToken || undefined,\r\n\t\t\t\t},\r\n\t\t\t};\r\n\r\n\t\t\tif (csrfToken) {\r\n\t\t\t\tif (!request.headers) {\r\n\t\t\t\t\trequest.headers = {};\r\n\t\t\t\t}\r\n\r\n\t\t\t\trequest.headers.RequestVerificationToken = csrfToken;\r\n\t\t\t}\r\n\r\n\t\t\tconst serverResponse = (await AxiosHelper(request)) as AxiosResponse<R>;\r\n\r\n\t\t\t// reset cancellation token ref to allow new requests.\r\n\t\t\tcancelToken.current = undefined;\r\n\r\n\t\t\tsetResponse(serverResponse);\r\n\r\n\t\t\tif (submitterCallback !== undefined) {\r\n\t\t\t\treturn await submitterCallback(serverResponse.data);\r\n\t\t\t}\r\n\r\n\t\t\treturn;\r\n\t\t} catch (error) {\r\n\t\t\t// reset cancellation token ref to allow new requests.\r\n\t\t\tcancelToken.current = undefined;\r\n\r\n\t\t\tif (Axios.isCancel(error)) {\r\n\t\t\t\t// if the component was unmounted, there's nothing to do\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (stateful) {\r\n\t\t\t\tsetError(error);\r\n\t\t\t}\r\n\r\n\t\t\tif (submitterCallback !== undefined) {\r\n\t\t\t\treturn await submitterCallback(error.data, error, invalidateToken);\r\n\t\t\t}\r\n\r\n\t\t\treturn;\r\n\t\t} finally {\r\n\t\t\tif (stateful) {\r\n\t\t\t\tsetLoading(false);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\treturn {\r\n\t\tsubmitting: loading,\r\n\t\terror,\r\n\t\tresponse,\r\n\t\tcancelToken: cancelToken.current,\r\n\t\tsubmit,\r\n\t};\r\n}\r\n","// These functions may be potentially innaccurate in certain locales that use differing amounts of characters in different cases\r\n\r\n/**\r\n * Tests if a string includes another if casing is ignored\r\n * @param thisString The string to test\r\n * @param otherString The potentially included string being tested for\r\n */\r\nexport function stringWeaklyIncludes(thisString: string, otherString: string) {\r\n\treturn thisString.toLocaleLowerCase().includes(otherString.toLocaleLowerCase());\r\n}\r\n\r\n/**\r\n * Tests if a string starts with another if casing is ignored\r\n * @param thisString The string to test\r\n * @param otherString The potentially included string being tested for\r\n */\r\nexport function stringWeaklyStartsWith(thisString: string, otherString: string) {\r\n\treturn thisString.toLocaleLowerCase().startsWith(otherString.toLocaleLowerCase());\r\n}\r\n\r\n/**\r\n * Tests if a string ends with another if casing is ignored\r\n * @param thisString The string to test\r\n * @param otherString The potentially included string being tested for\r\n */\r\nexport function stringWeaklyEndsWith(thisString: string, otherString: string) {\r\n\treturn thisString.toLocaleLowerCase().endsWith(otherString.toLocaleLowerCase());\r\n}\r\n\r\n/**\r\n * Converts the first character in a string to upper-case. Will not work for all languages (for example Dutch).\r\n *\r\n * @export\r\n * @param {string} thisString\r\n * @returns\r\n */\r\nexport function firstCharacterToUpper(thisString: string) {\r\n\tif (!thisString) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\tlet newString = thisString.substring(0, 1).toLocaleUpperCase();\r\n\r\n\tif (thisString.length > 1) {\r\n\t\tnewString += thisString.substring(1);\r\n\t}\r\n\r\n\treturn newString;\r\n}\r\n\r\n/**\r\n * Converts the first character in a string to upper-case. Will not work for all languages (for example Dutch).\r\n *\r\n * @export\r\n * @param {string} thisString\r\n * @returns\r\n */\r\nexport function firstCharacterToLower(thisString: string) {\r\n\tif (!thisString) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\tlet newString = thisString.substring(0, 1).toLocaleLowerCase();\r\n\r\n\tif (thisString.length > 1) {\r\n\t\tnewString += thisString.substring(1);\r\n\t}\r\n\r\n\treturn newString;\r\n}\r\n\r\n// https://github.com/uxitten/polyfill/blob/master/string.polyfill.js\r\n// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/padStart\r\nexport function padStart(value, targetLength, padString) {\r\n\t// tslint:disable-next-line:no-bitwise\r\n\ttargetLength = targetLength >> 0; // truncate if number, or convert non-number to 0;\r\n\tpadString = String(typeof padString !== 'undefined' ? padString : ' ');\r\n\tif (value.length >= targetLength) {\r\n\t\treturn String(value);\r\n\t} else {\r\n\t\ttargetLength = targetLength - value.length;\r\n\t\tif (targetLength > padString.length) {\r\n\t\t\tpadString += padString.repeat(targetLength / padString.length); // append to original to ensure we are longer than needed\r\n\t\t}\r\n\t\treturn padString.slice(0, targetLength) + String(value);\r\n\t}\r\n}\r\n\r\n/**\r\n * Converts a string from \" Something Like  This\" to \"something-like-this\"\r\n * @param value The string to convert\r\n */\r\nexport function toKebabCase(value: string) {\r\n\tif (!value || !value.trim()) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\treturn value\r\n\t\t.trim()\r\n\t\t.replace(/[^a-zA-Z0-9]+/g, '-')\r\n\t\t.replace(/([a-z0-9])([A-Z])/g, '$1-$2')\r\n\t\t.replace(/([A-Z])([A-Z])(?=[a-z])/g, '$1-$2')\r\n\t\t.replace(/-$/, '')\r\n\t\t.toLocaleLowerCase();\r\n}\r\n\r\n/**\r\n * Converts a string from PascalCase, camelCase, snake_case, or space separated to camelCase. Beginning and trailing whitespace are trimmed.\r\n * @param value The string to convert\r\n */\r\nexport function toCamelCase(value: string) {\r\n\treturn value\r\n\t\t.replace(/(?:^\\w|[A-Z]|\\b\\w)/g, function (word, index) {\r\n\t\t\treturn index === 0 ? word.toLowerCase() : word.toUpperCase();\r\n\t\t})\r\n\t\t.replace(/(?:\\s+|[-_])/g, '');\r\n}\r\n\r\n/**\r\n * Removes html characters\r\n *\r\n * @export\r\n * @param {*} html\r\n * @returns\r\n */\r\nexport function stripHtml(html) {\r\n\tconst tmp = document.createElement('div');\r\n\ttmp.innerHTML = html;\r\n\treturn tmp.textContent || tmp.innerText || '';\r\n}\r\n\r\n/**\r\n * Cuts of text and adds ellipsis (...) after a certain number of characters\r\n * @param text The text to format\r\n * @param cutoff The number of characters to add the ellipsis after\r\n */\r\nexport function addEllipsis(text: string, cutoff: number = 20) {\r\n\tif (!text || text.length < cutoff) {\r\n\t\treturn text;\r\n\t}\r\n\r\n\treturn text.substring(0, cutoff) + '...';\r\n}\r\n\r\n/**\r\n * Trims a string value\r\n */\r\nexport function trimString(value: string) {\r\n\treturn value ? value.trim() : '';\r\n}\r\n","import React from 'react';\r\nimport { FormProps, Form } from 'react-final-form';\r\nimport createDecorator from 'final-form-focus';\r\nimport { AnyObject } from 'final-form';\r\n\r\ntype RocFormProps<TFormValues = AnyObject> = FormProps<TFormValues>;\r\n\r\nconst focusOnError = createDecorator();\r\n\r\n/**\r\n * Wrapper component for react-final-form so that we can add useful defaults across the board.\r\n * @param props props\r\n */\r\nexport default function RocForm<TFormValues = AnyObject>({\r\n\tonSubmit,\r\n\trender,\r\n\tdebug,\r\n\tdestroyOnUnregister,\r\n\tform,\r\n\tcomponent,\r\n\tinitialValues,\r\n\tinitialValuesEqual,\r\n\tkeepDirtyOnReinitialize,\r\n\tvalidate,\r\n\tvalidateOnBlur,\r\n\tdecorators = [focusOnError],\r\n\tmutators,\r\n\tsubscription,\r\n}: RocFormProps<TFormValues>) {\r\n\treturn (\r\n\t\t<Form<TFormValues>\r\n\t\t\tonSubmit={onSubmit}\r\n\t\t\tdecorators={decorators}\r\n\t\t\trender={render}\r\n\t\t\tdebug={debug}\r\n\t\t\tdestroyOnUnregister={destroyOnUnregister}\r\n\t\t\tform={form}\r\n\t\t\tcomponent={component}\r\n\t\t\tinitialValues={initialValues}\r\n\t\t\tinitialValuesEqual={initialValuesEqual}\r\n\t\t\tkeepDirtyOnReinitialize={keepDirtyOnReinitialize}\r\n\t\t\tmutators={mutators}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalidate={validate}\r\n\t\t\tvalidateOnBlur={validateOnBlur}\r\n\t\t/>\r\n\t);\r\n}\r\n","import type { Dialog, DialogContent } from '@reach/dialog';\r\nimport classnames from 'classnames';\r\nimport React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport 'styles/node-modules/@reach/dialog/styles.css';\r\nimport Spinner from './Spinner';\r\nimport XSVG from './svg/XSVG';\r\n\r\nconst LazyDialog = React.lazy<typeof Dialog>(() =>\r\n\timport('@reach/dialog').then((module) => ({ default: module.Dialog })),\r\n);\r\nconst LazyDialogContent = React.lazy<typeof DialogContent>(() =>\r\n\timport('@reach/dialog').then((module) => ({ default: module.DialogContent })),\r\n);\r\n\r\n// TODO: the types are currently out of date so they don't include the definition for dangerouslyBypassFocusLock. Add the types here once they are updated\r\n// https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/reach__dialog\r\nconst LazyDialogOverlay = React.lazy<any>(() =>\r\n\timport('@reach/dialog').then((module) => ({ default: module.DialogOverlay } as any)),\r\n);\r\n\r\nexport type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xlg' | 'full_width';\r\n\r\ninterface ModalProps {\r\n\tisOpen: boolean;\r\n\thideCloseButton?: boolean;\r\n\tchildren: React.ReactNode;\r\n\ttitleIcon?: React.ReactNode;\r\n\tsize?: ModalSize;\r\n\theaderDivider?: boolean;\r\n\tbypassFocusLock?: boolean;\r\n\tsubTitle?: string;\r\n\tclassName?: string;\r\n\trenderActions?: () => React.ReactNode;\r\n\tcloseModal: () => void;\r\n\trenderTitle: () => React.ReactNode;\r\n\trenderSubtitle?: () => React.ReactNode;\r\n}\r\n\r\n/**\r\n * Reusuable modal component with raised open state, takes title and children as props.\r\n *\r\n * @export\r\n * @param {ModalProps} props\r\n * @returns\r\n */\r\nexport default function Modal(props: ModalProps) {\r\n\tconst {\r\n\t\tisOpen,\r\n\t\thideCloseButton,\r\n\t\tsize = 'md',\r\n\t\tcloseModal,\r\n\t\trenderTitle,\r\n\t\trenderSubtitle,\r\n\t\ttitleIcon,\r\n\t\trenderActions,\r\n\t\tchildren,\r\n\t\theaderDivider = false,\r\n\t\tbypassFocusLock = false,\r\n\t\tsubTitle,\r\n\t\tclassName,\r\n\t} = props;\r\n\r\n\tconst innerModal = (\r\n\t\t<>\r\n\t\t\t<div\r\n\t\t\t\tclassName={classnames('roc-modal__header', {\r\n\t\t\t\t\t'roc-modal__header--divider': headerDivider,\r\n\t\t\t\t\t[className + '__header']: className,\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName={classnames('roc-modal__title-close-wrapper', {\r\n\t\t\t\t\t\t[className + '__title-close-wrapper']: className,\r\n\t\t\t\t\t})}\r\n\t\t\t\t>\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tclassName={classnames('roc-modal__title-container', {\r\n\t\t\t\t\t\t\t[className + '__title-container']: className,\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{titleIcon && (\r\n\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\tclassName={classnames('roc-modal__icon', {\r\n\t\t\t\t\t\t\t\t\t[className + '__icon']: className,\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{titleIcon}\r\n\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t)}\r\n\r\n\t\t\t\t\t\t<h2\r\n\t\t\t\t\t\t\tclassName={classnames('roc-modal__title', {\r\n\t\t\t\t\t\t\t\t[className + '__title']: className,\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{renderTitle()}\r\n\t\t\t\t\t\t</h2>\r\n\r\n\t\t\t\t\t\t{renderSubtitle && (\r\n\t\t\t\t\t\t\t<h3\r\n\t\t\t\t\t\t\t\tclassName={classnames('roc-modal__sub-title', {\r\n\t\t\t\t\t\t\t\t\t[className + '__sub-title']: className,\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{renderSubtitle()}\r\n\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{hideCloseButton ? null : (\r\n\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\tclassName={classnames('roc-modal__close', {\r\n\t\t\t\t\t\t\t\t[className + '__close']: className,\r\n\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\tclassName={classnames('roc-modal__close-btn', {\r\n\t\t\t\t\t\t\t\t\t[className + '__close-btn']: className,\r\n\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\tonClick={() => closeModal()}\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\tdata-testid=\"close-modal-btn\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclassName={classnames('roc-modal__close-text', {\r\n\t\t\t\t\t\t\t\t\t\t[className + '__close-text']: className,\r\n\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{Localizer('Close')}\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclassName={classnames('roc-modal__close-icon', {\r\n\t\t\t\t\t\t\t\t\t\t[className + '__close-icon']: className,\r\n\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t<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\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\r\n\t\t\t\t{subTitle ? (\r\n\t\t\t\t\t<p\r\n\t\t\t\t\t\tclassName={classnames('roc_modal__subtitle', {\r\n\t\t\t\t\t\t\t[className + '__subtitle']: className,\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{subTitle}\r\n\t\t\t\t\t</p>\r\n\t\t\t\t) : null}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div\r\n\t\t\t\tclassName={classnames('roc-modal__body', {\r\n\t\t\t\t\t[className + '__body']: className,\r\n\t\t\t\t})}\r\n\t\t\t>\r\n\t\t\t\t{children}\r\n\t\t\t</div>\r\n\t\t\t{renderActions ? (\r\n\t\t\t\t<div\r\n\t\t\t\t\tclassName={classnames('roc-modal__footer', {\r\n\t\t\t\t\t\t[className + '__footer']: className,\r\n\t\t\t\t\t})}\r\n\t\t\t\t>\r\n\t\t\t\t\t{renderActions()}\r\n\t\t\t\t</div>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n\r\n\tconst ariaLabel = Localizer('ModalLabel');\r\n\r\n\treturn bypassFocusLock ? (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<LazyDialogOverlay\r\n\t\t\t\tisOpen={isOpen}\r\n\t\t\t\tonDismiss={() => closeModal()}\r\n\t\t\t\tdangerouslyBypassFocusLock={bypassFocusLock}\r\n\t\t\t>\r\n\t\t\t\t<LazyDialogContent\r\n\t\t\t\t\tclassName={classnames('roc-modal', {\r\n\t\t\t\t\t\t['roc-modal--' + size]: size,\r\n\t\t\t\t\t})}\r\n\t\t\t\t\taria-label={ariaLabel}\r\n\t\t\t\t\tas={'div'}\r\n\t\t\t\t>\r\n\t\t\t\t\t{innerModal}\r\n\t\t\t\t</LazyDialogContent>\r\n\t\t\t</LazyDialogOverlay>\r\n\t\t</React.Suspense>\r\n\t) : (\r\n\t\t<React.Suspense fallback={<Spinner />}>\r\n\t\t\t<LazyDialog\r\n\t\t\t\tisOpen={isOpen}\r\n\t\t\t\tclassName={classnames('roc-modal', {\r\n\t\t\t\t\t['roc-modal--' + size]: size,\r\n\t\t\t\t})}\r\n\t\t\t\tonDismiss={() => closeModal()}\r\n\t\t\t\taria-label={ariaLabel}\r\n\t\t\t\tas={'div'}\r\n\t\t\t>\r\n\t\t\t\t{innerModal}\r\n\t\t\t</LazyDialog>\r\n\t\t</React.Suspense>\r\n\t);\r\n}\r\n","import { DisplayPricingResult } 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//#region TapeCase\r\nimport { PricingLine } from '../../../../../Roc.SharedClientApp/types/commerce/pricing-result';\r\nimport { VariantPrice, DisplayPrice } from 'shared-client/types/commerce/display-price';\r\nimport { CalculatorType } from '../calculators/quote-confirmation/types';\r\n//#endregion\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// #region TapeCase\r\n\t/**\r\n\t * The list of products ready to buy (available for group products from abrasive calculator only)\r\n\t */\r\n\tproductsReadyToBuy?: ProductReadyToBuyDto[] | null;\r\n\r\n\tmiminumOrderQuantity: any;\r\n\r\n\thasCustomProducts?: boolean;\r\n\r\n\tavailableFormatShape?: FormatShapeDto[] | null;\r\n\r\n\tavailableCalculators?: CalculatorType[];\r\n\t// #endregion\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\r\n\t//#region TapeCase\r\n\t/**\r\n\t * Flag defining if the current product has been discontinued.\r\n\t */\r\n\tisDiscontinued: boolean;\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}\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}\r\n\r\nexport interface SimpleProduct {\r\n\tid: string;\r\n\tname: string;\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\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\r\n//#region TapeCase\r\nexport interface ProductReadyToBuyDto {\r\n\tname: string;\r\n\turl: string;\r\n\tattributes: ProductAttributeDto[];\r\n}\r\n\r\nexport interface ProductAttributeDto {\r\n\tname: string;\r\n\tvalue: string;\r\n}\r\n\r\nexport interface UnitOfMeasureDto {\r\n\tid: string;\r\n\tname: string;\r\n}\r\n\r\nexport interface FormatShapeDto {\r\n\tid: string;\r\n\tname: string;\r\n}\r\n\r\nexport interface ProductTableProductDetails {\r\n\tid: string;\r\n\tcolor: string | null;\r\n\tsize: string | null;\r\n\tpackageQuantity: string | null;\r\n\tcustomerPartNumber: string | null;\r\n\tadditionalSkuDescription: string | null;\r\n\tupc: string | null;\r\n\tdistributorPartNumber: string | null;\r\n\tuom: string;\r\n\tformatShape: string | null;\r\n\twidth: string | null;\r\n\twidthUom: string | null;\r\n\tlength: string | null;\r\n\tlengthUom: string | null;\r\n\tdiameter: string | null;\r\n\tdiameterUom: string | null;\r\n\tinnerHoleDiameter: string | null;\r\n\tinnerHoleDiameterUom: string | null;\r\n\tsizeDescription: string | null;\r\n\tpricingLine: PricingLine<DisplayPrice<VariantPrice, VariantPrice>>[];\r\n\tsummary: Summary;\r\n}\r\n\r\n//#endregion\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","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","/**\r\n * THIS HAS A COPY ON ROC.ADMIN. DO NOT MAKE CHANGES HERE WITHOUT ALSO MAKING THEM IN THE OTHER FILE.\r\n */\r\n\r\nimport { Prices, PricingLine, PricingResult } from 'shared-client/types/commerce/pricing-result';\r\n\r\n/**\r\n * Splits a quantity range of format `\"min:max\"` into a two dimensional array in the form of `[min: number, max: number]`.\r\n * It is illegal for quantity ranges to be fractional.\r\n * @param quantityRange A quantity range string in the form of `\"min:max\"`\r\n */\r\nexport function ParseQuantityRange(quantityRange: string): [number, number] {\r\n\tconst s = quantityRange.split(':');\r\n\treturn [parseInt(s[0]), s[1] === 'Infinity' ? Infinity : parseInt(s[1])];\r\n}\r\n\r\n/**\r\n * Retrieves a price detail of type T from a quantity range index for the specified quantity.\r\n * For example an index with the values `{[1:49]:\"$4.99\", [50:Infinity]:\"$3.99\"}` would return\r\n * \"$4.99\" for the quantity 1 or 25 but \"3.99\" for quantities above 49.\r\n * @param prices\r\n * @param quantity\r\n */\r\nexport function GetPriceForQuantity<T>(prices: Prices<T>, quantity: number): T {\r\n\tif (quantity == null || quantity <= 0) {\r\n\t\tthrow new Error('Erroneous quantity passed to GetPriceForQuantity');\r\n\t}\r\n\r\n\tfor (const quantityRange in prices) {\r\n\t\tconst [min, max] = ParseQuantityRange(quantityRange);\r\n\t\tif (quantity >= min && quantity <= max) {\r\n\t\t\treturn prices[quantityRange];\r\n\t\t}\r\n\t}\r\n\r\n\tthrow new Error('Price not found. Is the prices object well formed?');\r\n}\r\n\r\n/** Retrieves a pricing line for a given pricing result by the specified pricing line ID */\r\nexport function GetPricingLine<T>(pricingResult: PricingResult<T>, productId: string, pricingLineId?: string | null) {\r\n\tconst line = pricingResult.products[productId];\r\n\tif (!line) {\r\n\t\treturn undefined;\r\n\t}\r\n\r\n\tif (pricingLineId == null) {\r\n\t\tfor (const id in line.pricingLines) {\r\n\t\t\tconst pricingLine = line.pricingLines[id];\r\n\t\t\tif (pricingLine && pricingLine.isDefault) {\r\n\t\t\t\treturn pricingLine;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tfor (const id in line.pricingLines) {\r\n\t\t\tconst pricingLine = line.pricingLines[id];\r\n\t\t\tif (pricingLine) {\r\n\t\t\t\treturn pricingLine;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn undefined;\r\n\t}\r\n\r\n\treturn line.pricingLines[pricingLineId];\r\n}\r\n\r\n//#region TapeCase\r\n/**\r\n * Retrieves a price detail of type T from a quantity range index for the minimum quantity available.\r\n * For example an index with the values `{[5:24]:\"$4.99\", [25:Infinity]:\"$3.99\"}` would return \"$4.99\"\r\n * because it will use 5 as the requested quantity.\r\n * @param prices\r\n */\r\nexport function GetPriceForMinimumAvailableQuantity<T>(prices: Prices<T>): T {\r\n\tif (Object.keys(prices).length > 0) {\r\n\t\tconst minQtyAvailable = Object.keys(prices)\r\n\t\t\t.map((qtyRange) => {\r\n\t\t\t\tconst [min] = ParseQuantityRange(qtyRange);\r\n\t\t\t\treturn {\r\n\t\t\t\t\tstartingQty: min,\r\n\t\t\t\t\trange: qtyRange,\r\n\t\t\t\t};\r\n\t\t\t})\r\n\t\t\t.sort((qtyRangeInfo) => qtyRangeInfo.startingQty)[0];\r\n\r\n\t\treturn prices[minQtyAvailable.range];\r\n\t}\r\n\r\n\tthrow new Error('Price not found. Is the prices object well formed?');\r\n}\r\n\r\n/**\r\n * Retrieves a price detail of type T from a quantity range index for the specified quantity.\r\n * For example an index with the values `{[1:49]:\"$4.99\", [50:Infinity]:\"$3.99\"}` would return\r\n * \"$4.99\" for the quantity 1 or 25 but \"3.99\" for quantities above 49.\r\n * @param prices\r\n * @param quantity\r\n */\r\nexport function GetMinimumOrderQuantity<T>(price: PricingLine<T>): number | null {\r\n\tlet moq: number | null = null;\r\n\tfor (const quantityRange in price.prices) {\r\n\t\tconst [min] = ParseQuantityRange(quantityRange);\r\n\t\tif (moq == null || min < moq) {\r\n\t\t\tmoq = min;\r\n\t\t}\r\n\t}\r\n\treturn moq;\r\n}\r\n\r\n/**\r\n * Get the minimum order quantity for the specified product and pricing line. Returns at least 1.\r\n */\r\nexport function GetMinimumOrderQuantityForPricingLine<T>(\r\n\tproductPricing?: PricingResult<T>,\r\n\tproductId?: string,\r\n\tselectedPricingLineId?: string,\r\n) {\r\n\tif (!productId || !productPricing || !selectedPricingLineId) {\r\n\t\treturn 1;\r\n\t}\r\n\tconst selectedPricingLine = GetPricingLine(productPricing, productId, selectedPricingLineId);\r\n\tif (!selectedPricingLine) {\r\n\t\treturn 1;\r\n\t}\r\n\r\n\tconst minimumOrderQuantity = GetMinimumOrderQuantity(selectedPricingLine) ?? 0;\r\n\t// Return at least 1 as the minimum\r\n\treturn Math.max(1, minimumOrderQuantity);\r\n}\r\n\r\n//#endregion\r\n"],"sourceRoot":""}