{"version":3,"sources":["webpack:///./ClientApp/services/Localizer.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductDetailsContext.ts","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/features/commerce/organization/OrganizationUIComponents.ts","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/shared/components/card/CardButton.tsx","webpack:///./ClientApp/styles/node-modules/@reach/dialog/styles.css","webpack:///./ClientApp/shared/components/svg/QuestionMarkCircleSVG.tsx","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/types.ts","webpack:///./ClientApp/shared/components/svg/FileSVG.tsx","webpack:///./ClientApp/shared/hooks/useAxiosLoader.ts","webpack:///./ClientApp/shared/hooks/useAxiosPaginatedLoader.ts","webpack:///./ClientApp/shared/components/Breadcrumbs.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductPricingLines.tsx","webpack:///./ClientApp/shared/components/Alert.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/ProductSelectionsList.tsx","webpack:///./ClientApp/features/commerce/organization/orders lazy ^\\.\\/.*$ namespace object","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/components/Spinner.tsx","webpack:///./ClientApp/features/commerce/shopping-cart/useShoppingCart.ts","webpack:///./ClientApp/features/commerce/calculators/quote-confirmation/types.ts","webpack:///./ClientApp/shared/components/Pagination.tsx","webpack:///./ClientApp/services/AxiosHelper.ts","webpack:///./ClientApp/shared/edit/fields/FieldInputErrorWrapper.tsx","webpack:///./ClientApp/shared/assets/lazy.ts","webpack:///./ClientApp/features/commerce/product-details/useProductDetails.ts","webpack:///./ClientApp/shared/data/usePartialDataLoader.tsx","webpack:///./ClientApp/shared/components/svg/LockSVG.tsx","webpack:///./ClientApp/shared/edit/fields/FieldLabel.tsx","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/useShoppingLists.ts","webpack:///./ClientApp/shared/edit/InlineAlert.tsx","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/ShoppingListEditItemFields.tsx","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/ShoppingListEditItemBody.tsx","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/ShoppingListEditItem.tsx","webpack:///./ClientApp/shared/components/svg/XSVG.tsx","webpack:///./ClientApp/features/commerce/my-account/shopping-lists/useShoppingListLoader.ts","webpack:///./ClientApp/services/UserData.ts","webpack:///./ClientApp/shared/edit/fields/CheckboxInputField.tsx","webpack:///./ClientApp/shared/edit/fields/CheckBoxField.tsx","webpack:///./ClientApp/shared/edit/fields/DropdownField.tsx","webpack:///./ClientApp/shared/edit/fields/ValidationMessages.tsx","webpack:///./ClientApp/shared/edit/fields/StarRatingField.tsx","webpack:///./ClientApp/shared/edit/fields/TextAreaField.tsx","webpack:///./ClientApp/shared/edit/fields/InputField.tsx","webpack:///./ClientApp/shared/edit/fields/TextBoxField.tsx","webpack:///../Roc.SharedClientApp/types/model-status.ts","webpack:///./ClientApp/shared/util/AccountUrls.ts","webpack:///./ClientApp/shared/hooks/useRocEventHandler.tsx","webpack:///./ClientApp/shared/util/ErrorBoundary.tsx","webpack:///./ClientApp/features/commerce/store/MultipleItemsAddedToCartAlert.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/commerce/organization/routes.tsx","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/hawksearch/helpers/Cookies.ts","webpack:///./ClientApp/shared/components/svg/PencilSVG.tsx","webpack:///./ClientApp/util/type-assertions.ts","webpack:///./ClientApp/features/commerce/store/AddedToCartAlert.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductAddToCart.tsx","webpack:///../Roc.SharedClientApp/types/commerce/product-details.ts","webpack:///./ClientApp/shared/components/roc-options-table/RocOptionsTable.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductPriceList.tsx","webpack:///./ClientApp/features/commerce/product-details/tapecase/ProductTableFormatShapeSelector.tsx","webpack:///./ClientApp/features/commerce/product-details/tapecase/TapeCaseProductDetailsContext.ts","webpack:///./ClientApp/features/commerce/product-details/tapecase/data.ts","webpack:///./ClientApp/features/commerce/product-details/tapecase/ProductCalculatorSelector.tsx","webpack:///./ClientApp/features/commerce/calculators/routes.ts","webpack:///./ClientApp/features/commerce/product-details/tapecase/ProductTable.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductRating.tsx","webpack:///./ClientApp/features/commerce/product-details/ProductDetails.tsx","webpack:///./ClientApp/features/commerce/product-details/tapecase/useTapeCaseProductDetails.ts","webpack:///./ClientApp/features/commerce/product-details/tapecase/TapeCaseProductDetailsContextProvider.tsx","webpack:///./ClientApp/features/commerce/product-details/tapecase/ProductDetailsProvider.tsx","webpack:///./ClientApp/features/commerce/product-details/tapecase/ProductQuantityBreaks.tsx","webpack:///./ClientApp/features/commerce/product-details/tapecase/TapeCaseProductDetails.tsx","webpack:///./ClientApp/features/commerce/product-details/tapecase/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/features/my-account/routes.commerce.tsx","webpack:///./ClientApp/util/StringUtil.ts","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","ProductDetailsContext","React","createContext","useProductDetailsContext","context","useContext","Error","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","OrganizationUIComponents","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","CardButton","type","children","defaultProps","disabled","___CSS_LOADER_API_IMPORT___","push","QuestionMarkCircleSVG","stroke","strokeWidth","fill","fillRule","transform","PrivacyType","PrivacyTypeOptions","value","text","FileSVG","cache","useAxiosLoader","axiosParams","active","callback","method","useLoader","loading","setLoading","error","setError","setResponse","reloadTimes","setReloadTimes","cancelToken","useRef","current","Axios","CancelToken","source","isCancel","cancel","values","reload","useAxiosPaginatedLoader","query","initialPageSize","initialSortByName","initialSortDirection","initialResults","pageSize","setPageSizeState","pageNumber","setPageNumber","sortByName","setSortByName","sortDirection","setSortDirection","dataLoaderActive","setDataLoaderActive","customQuery","setCustomQuery","paginationQuery","url","results","page","goToPage","pagination","totalPages","goToNextPage","goToPreviousPage","setSorting","sortBy","direction","setPageSize","size","setQuery","Breadcrumbs","breadcrumbPath","backToPage","renderPathLink","item","href","label","history","onClick","back","entry","Fragment","NoPricingLine","pricingLine","isInitialization","checked","getCheckedPricingLine","pricingLines","checkedUnit","find","uom","ProductPricingLines","setPricingLines","details","selected","available","statefulPricingLines","line","onPricingLineChange","handleOnChangeAndBlur","e","newLine","updatedPricingLines","newValue","currentTarget","htmlFor","onChange","onBlur","quantity","unitOfMeasure","displayName","getPricingLineDropdownText","LazyDialog","lazy","then","Dialog","Alert","isOpen","theme","onConfirm","onCancel","renderTitle","cancelButtonText","confirmButtonText","renderActions","renderProps","headerDivider","subTitle","Suspense","fallback","onDismiss","as","ProductSelectionsList","selections","classNamePrefix","parentPrefixClass","itemPrefixClass","labelPrefixClass","valuePrefixClass","sel","toUpperCase","selection","parentClass","webpackAsyncContext","req","__webpack_require__","o","code","ids","all","slice","t","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","ProductImageModal","closeModal","Spinner","aria-label","XSVG","LazyMediaQuery","productAssetPlaceholder","altText","sortOrder","thumbnailUrl","mainImageUrl","enlargedImageUrl","Image","compareAssets","a","b","ProductAssets","mainAsset","setMainAsset","altAssets","setAltAssets","isImageSliderModalOpen","setIsImageSliderModalOpen","carousel","nodes","Map","scrollCarousel","up","from","node","innerWidth","scrollBy","clientHeight","smoothscroll","polyfill","assets","newMainAsset","initialThumbnails","initAltAssets","assetScroller","maxWidth","LeftChevronSVG","minWidth","altAsset","c","set","preventDefault","download","mainImageContent","light","waitMs","align","block","parentCentered","useDelayedDisplay","spinner","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","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","addToCart","itemId","productPricingLineId","savedProductsPageNumber","savedProductsPageSize","axiosError","exceptionCode","bulkAddToCart","element","request","productInfo","processedItems","addAllFromListToCurrentCart","shoppingListId","displayedItemsCount","shoppingListProductIds","selectedShoppingListProductIds","addAllFromListToNewCart","moveItemToSaved","itemToMove","product","recipient","recipientId","itemIndex","indexOf","MoveStatus","MovedToSaved","changeOrderItemQuantity","itemToUpdate","newQuantity","removeOrderItem","itemToRemove","RemovedFromCart","addToSavedProducts","itemToAdd","moveSavedProductToCart","productToMoveId","productName","savedProductIndex","findIndex","addToOrderResult","lastMovedItem","MovedToCart","removeSavedProduct","productToRemoveId","productToRemoveName","savedProduct","delete","toString","orderItemFromSaved","totalPrice","unitPrice","snapshotMinimumOrderQuantity","RemovedFromSaved","handleUndo","state","actor","updateOrder","newCart","CalculatorType","Pagination","flush","hasNextPage","hasPreviousPage","uniqueId","createGuid","localPageNumber","setLocalPageNumber","timerRef","attemptGoToPage","newPageNumber","clearTimeout","parseInt","onKeyDown","toLocaleString","axios","create","defaults","headers","common","interceptors","use","config","toLowerCase","getCsrfToken","csrfToken","RequestVerificationToken","addUnauthorizedAccessInterceptor","status","location","AccountUrls","Login","encodeURIComponent","pathname","reject","FieldInputErrorWrapper","hideIcon","inline","meta","useField","invalid","submitError","dirtySinceLastSubmit","submitting","touched","lazyLoadImages","lazyImages","call","querySelectorAll","lazyImageObserver","IntersectionObserver","entries","isIntersecting","lazyImage","target","dataset","attributeDelay","Number","getAttribute","classList","remove","add","unobserve","observe","lazyElements","elements","stopAfterIntersecting","lazyElementObserver","lazyElement","readyState","addEventListener","useProductDetails","loaderOptions","simpleProductLoading","setSimpleProductLoading","loggedInUserFirstName","setLoggedInUserFirstName","productStateOverride","setInternalProductStateOverride","userIsSignedIn","setUserIsSignedIn","productQuantity","setProductQuantity","selectedPricingLine","setSelectedPricingLine","productData","usePartialDataLoader","isLoadingAny","hasError","setHasError","productDetails","partialData","groupId","summary","ProductType","Group","reviewsSummary","setProductStateOverride","originalState","getInitialProductDetailsState","fixedNewState","tabs","newTabs","newTabsMap","tab","oldTab","foldTabs","isPricingLineUnavailable","unavailabilityReason","isPurchaseable","availability","outOfStock","initialState","setPartialData","isLoading","setIsLoading","isKeyLoading","dataLoaderFn","missingData","providedKeys","literal","valueOf","loadData","LockSVG","FieldLabel","isRequired","testId","trim","useShoppingLists","shoppingListBeingEdited","setShoppingListBeingEdited","isSaving","setIsSaving","shoppingList","setShoppingList","isDeleting","setIsDeleting","saveShoppingList","formValues","requestToken","MY_ACCOUNT_SHOPPING_LISTS_URL","token","handleAxiosErrorWithValidation","beginCreateShoppingList","beginEditShoppingList","stopEditingShoppingList","addProductToList","bulkAddProductToList","removeShoppingList","InlineAlert","isTitleOnOwnRow","isCollapsed","onCollapse","isAxiosError","ShoppingListEditItemFields","addSelectOption","ShoppingListEditItemBody","isAlertOpen","setIsAlertOpen","displayCancelButton","displaySaveButton","onRemoveShoppingList","dirty","dirtySaveButtonText","saveButtonText","ShoppingListEditItem","onSaveShoppingList","onSubmit","form","getState","subscription","pristine","initialValues","render","handleSubmit","useShoppingListLoader","userDataPromise","getUserData","getUserDataNoCache","userData","CheckboxInputField","input","readOnly","placeholder","step","defaultValue","defaultChecked","aria-describedby","CheckBoxField","afterSubmit","allowNull","beforeSubmit","formatOnBlur","initialValue","isEqual","DropdownField","validateFields","onFocus","option","getErrorArray","errorOrSubmitError","errors","ValidationMessages","concat","aria-live","aria-atomic","StarRatingField","maxRating","OptionalFieldMarker","StarRating","readonly","TextAreaField","rows","validate","component","format","parse","InputField","forwardRef","TextBoxField","ModelStatus","BaseUrl","ServerData","ACCOUNT_URL_BASE","ACCOUNT_LOGIN_URL","Login2fa","ACCOUNT_LOGIN_WITH_2FA_URL","Register","ACCOUNT_REGISTER_URL","ForgotPassword","ACCOUNT_FORGOT_PASSWORD_URL","LoginWithRecoveryCode","ACCOUNT_LOGIN_WITH_RECOVERY_CODE_URL","Logout","ACCOUNT_LOGOUT_URL","OrganizationReview","ACCOUNT_ORGANIZATION_REVIEW_URL","OrganizationSelector","ACCOUNT_ORGANIZATION_SELECTOR_URL","eventType","dispatchEvent","useRocEventHandler","eventHandler","deps","removeHandlerCallback","addRocEventHandler","ErrorBoundary","this","setState","renderError","Component","MultipleItemsAddedToCartAlert","displayAlert","setDisplayAlert","responseItem","AddedToCartLineItem","rowIndex","displayPrice","subtotal","height","role","width","imageUrl","Element","getAttributeNames","attributes","getDataPropsFromAttributes","s","startsWith","attributeName","toCamelCase","substring","initReactApp","getReactElement","elementId","getElementById","ReactDOM","initReactAppByAttribute","attribute","MY_ACCOUNT_PATH_PREFIX","MY_ACCOUNT_AUTHENTICATOR_URL","MY_ACCOUNT_GENERATE_RECOVERY_CODES_URL","MY_ACCOUNT_CONFIGURE_AUTHENTICATOR_URL","MY_ACCOUNT_LOGIN_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","CheckCircleSVG","ms","sleep","validationErrorCallback","genericErrorCallback","globalErrors","errorsWithModifiedArrayIndex","acc","newValidationState","unflatten","FORM_ERROR","getQueryParam","paramName","decodeParam","urlParams","URLSearchParams","search","decodeURIComponent","ORGANIZATION_PREFIX","ORGANIZATION_USERS_URL","ORGANIZATION_USERS_CREATE_URL","UPDATE_ORGANIZATION_USER_URL","UPDATE_USER_ORGANIZATION_STATUS_URL","UPDATE_USER_DEFAULT_ORGANIZATION_URL","INVALIDATE_USER_ORGANIZATION_NOTIFICATION_CACHE_URL","ORGANIZATION_ORDERS_URL","ORGANIZATION_SHIPTOS_URL","ORGANIZATION_ORDER_DETAILS","OrganizationOrderDetailsComponent","orderDetailsComponent","OrderDetailsUIComponent","DefaultOrganizationOrderDetails","ShiptosComponent","UsersComponent","OrganizationOrdersComponent","OrganizationUsersCreateComponent","OrderStatus","PaymentTypeEnum","CreditCardType","handler","removeEventListener","DashCircleSVG","class","CircleExclamationSVG","ProductPricing","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","CircleButton","icon","otherProps","StarEmptySVG","StarSVG","ratingStars","setRatingStars","ratingHovered","setRatingHovered","newState","isFull","isPending","isHighlighted","isChecked","ratingValue","useStarRating","onInputChange","modifierClasses","onMouseEnter","onMouseLeave","getVisitorExpiry","Date","setTime","getTime","toUTCString","getVisitExpiry","substr","Math","floor","random","getCookie","nameEQ","ca","cookie","charAt","setCookie","expiry","expires","PencilSVG","AssertionError","setPrototypeOf","AddedToCartAlert","ProductAddToCart","UseProductDetailsResult","modalOpen","setModalOpen","addingToCart","setAddingToCart","addToCartResponse","setAddToCartResponse","errorMessages","setErrorMessages","isViewCartActive","setIsViewCartActive","UseShoppingCartResult","cartErrorMessage","allSelectionsSelected","Simple","errorTitle","AddToCartExceptionCode","cartFull","productOutOfStock","productUnavailable","minimumOrderQuantity","displayPricing","selectedPricingLineId","GetPricingLine","GetMinimumOrderQuantity","setQuantity","isDiscontinued","handleAddToCart","orderErrorMessages","om","autoComplete","tabIndex","isNaN","updateQuantity","setSelectedProductPricingLineId","arg","assertNotNullish","Modal","titleIcon","UnitOfMass","UnitOfLength","RocOptionsTable","ProductPriceList","GetPriceForQuantity","prices","ProductTableFormatShapeSelector","availableFormatShape","selectedFormatShapeId","changeSelectedFormatShape","formatShape","u","TapeCaseProductDetailsContext","useTapeCaseProductDetailsContext","mapProductDetails","colorFilterValue","dimension1FilterValue","diameter","dimension2FilterValue","innerHoleDiameter","ProductCalculatorSelector","availableCalculators","isModalOpen","setIsModalOpen","calculator","calculatorType","linkDescription","calculatorUrl","AbrasiveBelts","CustomCutTapeShape","CustomShortLength","CustomWidthRoll","renderCalculatorLink","ProductSpecComp","elem","createPortal","ProductTable","productSeriesTableData","setProductSeriesTableData","selectedFormatShape","setFormatShape","isFiltering","setIsFiltering","dimensionColumnNames","dimension1ColumnName","dimension2ColumnName","resolveColumnNames","hideDimension1","setHideDimension1","hideDimension2","setHideDimension2","hideColor","setHideColor","tableData","every","fetchTableData","additionalProductInfoLink","querySelector","contains","model","rawHtml","alternateProductDetailsDom","hasProductsForTable","alternateProductSpecsDomElement","productSpecs","simplesListing","onFilterUpdate","newData","rowSpan","filterkey","row","ProductTableRow","colSpan","pricing","pricesPerPricingLine","numberOfPrices","data-head","ItemDescription","DimensionsColumns","p","quantityRange","hideRange","ParseQuantityRange","min","max","Infinity","formatPricingLine","QuantityInput","onQuantityUpdate","AddToCartButton","pricingLineId","diameterUom","innerHoleDiameterUom","widthUom","lengthUom","sizeDescription","productUrl","upc","additionalSkuDescription","distributorPartNumber","TabType","ProductBreadcrumbs","headerDom","breadcrumbComponent","canGoBack","ProductMedia","mainLeftDom","productAssets","ProductDetails","useTapeCaseProductDetails","isLoggedIn","setIsLoggedIn","checkIfIsLoggedIn","isSignedIn","isContractPricingAvailable","hasValidItem","simpleProductDetails","qtyBreakIndex","isAnyProductPurchasable","displayPriceLine","GetPriceForMinimumAvailableQuantity","getPricingDetail","Provider","TapeCaseProductDetailsProvider","ProductDetailsProvider","ProductQuantityBreaks","qtyRanges","availablePricing","getAvailablePrices","qtyRange","AddToCart","ProductHeader","mainInfoHeaderDom","productHeaderInfo","moq","getDetail","productAddToCartDom","productAddToCart","ContractPricingLoginLink","contractPricingLoginLinkDom","contractPricingLoginLink","TapeCaseProductDetails","setCanGoBack","sessionStorage","getItem","removeItem","windowWithServerData","__ROC_SERVER_DATA__","initializeServerData","FolderSVG","GarbageCanCircleSVG","StatusDisplay","Published","Inactive","Deleted","Draft","Archived","MY_ACCOUNT_ORDERS_URL","MY_ACCOUNT_STORE_URL","MY_ACCOUNT_SAVED_FOR_LATER_URL","MY_ACCOUNT_SAVED_CARTS_URL","MY_ACCOUNT_BUY_AGAIN_URL","MY_ACCOUNT_ORGANIZATION_REVIEW_URL","MY_ACCOUNT_ORGANIZATION_SELECTOR_URL","MY_ACCOUNT_SHOPPING_LISTS_CREATE_URL","MY_ACCOUNT_USER_SHIPPING_ACCOUNT_URL","MY_ACCOUNT_USER_SHIPPING_ACCOUNT_CREATE_URL","MY_ACCOUNT_USER_SHIPPING_ACCOUNT_EDIT_URL","OrdersComponent","OrderDetailsComponent","StoreComponent","AddressBookComponent","AddressBookEditComponent","SavedForLaterComponent","SavedCartsComponent","BuyAgainComponent","AccountOverviewComponent","ShoppingListsComponent","ShoppingListsCreateComponent","ShoppingListDetailsComponent","OrganizationReviewComponent","OrganizationSelectorComponent","OrganizationShiptosComponent","OrganizationUsersComponent","UserShippingAccountsComponent","UserShippingAccountsEditComponent","ordersRoute","orderDetailsRoute","storeRoute","addressBookRoute","addressBookCreateRoute","addressBookEditRoute","savedForLaterRoute","savedCartsRoute","exect","buyAgainRoute","shoppingListsRoute","shoppingListsCreateRoute","shoppingListDetailsRoute","defaultRoute","organizationReviewRoute","organizationSelectorRoute","OrganizationUsersRoute","OrganizationShipTosRoute","OrganizationOrdersRoute","OrganizationCreateUserRoute","OrganizationOrderDetailsRoute","commerceRoutes","toLocaleLowerCase","word","stripHtml","html","tmp","createElement","innerHTML","textContent","innerText","trimString","LazyDialogContent","DialogContent","LazyDialogOverlay","DialogOverlay","hideCloseButton","renderSubtitle","bypassFocusLock","innerModal","ariaLabel","dangerouslyBypassFocusLock","__ROC_COMMERCE_PRODUCT_DETAILS__","pricingResult","products","isDefault","startingQty","range","qtyRangeInfo","GetMinimumOrderQuantityForPricingLine","productPricing"],"mappings":"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","file":"product-details.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, { useContext } from 'react';\r\nimport { UseProductDetailsState, UseProductDetailsActor } from './useProductDetails';\r\n\r\n/**\r\n * Context for product details\r\n */\r\nexport interface ProductDetailsContext {\r\n\tstate: UseProductDetailsState;\r\n\tactor: UseProductDetailsActor;\r\n}\r\n\r\nconst ProductDetailsContext = React.createContext<ProductDetailsContext | null>(null);\r\n\r\nexport default ProductDetailsContext;\r\n\r\n/**\r\n * Custom hook for product details context\r\n */\r\nexport function useProductDetailsContext() {\r\n\tconst context = useContext(ProductDetailsContext);\r\n\r\n\tif (context === null) {\r\n\t\tthrow new Error('No ProductDetailsContext.Provider found.');\r\n\t}\r\n\r\n\treturn context;\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","/**\r\n * Organizations ui components enum\r\n */\r\nexport enum OrganizationUIComponents {\r\n\t//#region orders\r\n\tDefaultOrganizationOrderDetails = 'DefaultOrganizationOrderDetails',\r\n\t//#endregion\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","import React from 'react';\r\n\r\ninterface CardButtonProps extends React.HTMLProps<HTMLButtonElement> {\r\n\tchildren: React.ReactNode;\r\n}\r\n\r\nexport default function CardButton(props: CardButtonProps) {\r\n\treturn (\r\n\t\t<button className=\"roc-card-list__button\" {...props} type=\"button\">\r\n\t\t\t{props.children}\r\n\t\t</button>\r\n\t);\r\n}\r\n\r\nCardButton.defaultProps = {\r\n\tdisabled: false,\r\n};\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 { SimpleSelectionDto, ProductPricingLine, Availability } from 'features/commerce/product-details/types';\r\nimport { BaseDto } from 'shared/types';\r\nimport { SimpleDisplayPrice, Price } from '../../../../../../Roc.SharedClientApp/types/commerce/display-price';\r\nimport { DropdownOption } from '../../../../../../Roc.SharedClientApp/types/fields';\r\nimport { ModelStatus } from '../../../../../../Roc.SharedClientApp/types/model-status';\r\n\r\n/**\r\n * Represents a single addable to list product info\r\n */\r\nexport interface ItemToAddToList {\r\n\titemId: string;\r\n\tquantity: number;\r\n\tproductPricingLineId: string | null;\r\n}\r\n\r\n/**\r\n * Represents data needed for adding a single item to list\r\n */\r\nexport interface AddToListProps extends ItemToAddToList {\r\n\tshoppingListId: string;\r\n}\r\n\r\n/**\r\n * Represents data needed for adding multiple items to list\r\n */\r\nexport interface BulkAddToListProps {\r\n\tshoppingListId: string;\r\n\titems: ItemToAddToList[];\r\n}\r\n\r\n/**\r\n * List DTO interface for my account shopping lists\r\n */\r\nexport interface ShoppingListDto extends BaseDto {\r\n\tid: string;\r\n\tname: string;\r\n\tprivacy: PrivacyType;\r\n}\r\n\r\nexport interface ShoppingListResponse extends ShoppingListDto {\r\n\tproductId: string | null;\r\n\tquantity: number | null;\r\n}\r\n\r\n/**\r\n * Shopping List Privacy Type\r\n */\r\nexport enum PrivacyType {\r\n\tPrivate = 'Private',\r\n\tPublic = 'Public',\r\n\tOrganization = 'Organization',\r\n}\r\n\r\n/**\r\n * Privacy Type Dropdown Options\r\n */\r\nexport const PrivacyTypeOptions = Object.keys(PrivacyType).map(\r\n\t(key) => ({ value: key, text: PrivacyType[key] } as DropdownOption),\r\n);\r\n\r\nexport interface ShoppingListProductDto extends BaseDto {\r\n\tid: string;\r\n\r\n\tshoppingListId: string;\r\n\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\tselections?: SimpleSelectionDto[];\r\n\r\n\tpricingLine: ProductPricingLine;\r\n\r\n\tquantity: number;\r\n\r\n\tthumbnailUrl: string | null;\r\n\r\n\tbrandName: string | null;\r\n\r\n\taltText?: string;\r\n\r\n\tstatus?: ModelStatus;\r\n\r\n\tavailability?: Availability;\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\t//#region TapeCase\r\n\tminimumOrderQuantity: number | null;\r\n\t//#endregion\r\n}\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 Axios, { AxiosRequestConfig, AxiosError, AxiosResponse, CancelTokenSource } from 'axios';\r\nimport { useLoader } from './useLoader';\r\nimport { useRef, useEffect, useState } from 'react';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\n\r\n/**\r\n * Use Axios Loader Params\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param callback A function that is called after a form is posted. It'll include a parameter with the error if something went wrong.\r\n */\r\nexport interface UseAxiosLoaderParams {\r\n\taxiosParams: AxiosRequestConfig;\r\n\tactive?: boolean;\r\n\tcallback?: (error: Error | AxiosError | undefined) => any;\r\n\tcacheKey?: string;\r\n}\r\n\r\nconst cache = {};\r\n\r\n/**\r\n * A reusable hook that facilitates executing axios requests.\r\n */\r\nexport function useAxiosLoader<T>({ axiosParams, active = true, callback, cacheKey }: UseAxiosLoaderParams) {\r\n\tif (axiosParams.method === undefined) {\r\n\t\taxiosParams.method = 'GET';\r\n\t}\r\n\r\n\tconst { ...rest } = axiosParams;\r\n\tconst { loading, setLoading, error, setError, response, setResponse } = useLoader<AxiosResponse<T>>();\r\n\tconst [reloadTimes, setReloadTimes] = useState<number>(0);\r\n\tconst cancelToken = useRef<CancelTokenSource>();\r\n\r\n\tconst reload = () => {\r\n\t\tsetReloadTimes(reloadTimes + 1);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\t(async () => {\r\n\t\t\ttry {\r\n\t\t\t\tif (!active) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tcancelToken.current = Axios.CancelToken.source();\r\n\r\n\t\t\t\tsetLoading(true);\r\n\t\t\t\tsetError(undefined);\r\n\r\n\t\t\t\tlet response: AxiosResponse<T>;\r\n\r\n\t\t\t\tif (cacheKey && cache[cacheKey]) {\r\n\t\t\t\t\tresponse = cache[cacheKey];\r\n\t\t\t\t} else {\r\n\t\t\t\t\tresponse = await AxiosHelper(rest);\r\n\t\t\t\t\tif (cacheKey) {\r\n\t\t\t\t\t\tcache[cacheKey] = response;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsetResponse(response);\r\n\r\n\t\t\t\tif (callback !== undefined) {\r\n\t\t\t\t\treturn callback(undefined);\r\n\t\t\t\t}\r\n\t\t\t} catch (error) {\r\n\t\t\t\tif (Axios.isCancel(error)) {\r\n\t\t\t\t\t// if the component was unmounted, there's nothing to do\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsetError(error);\r\n\r\n\t\t\t\tif (callback !== undefined) {\r\n\t\t\t\t\treturn callback(error);\r\n\t\t\t\t}\r\n\t\t\t} finally {\r\n\t\t\t\tsetLoading(false);\r\n\t\t\t}\r\n\t\t})();\r\n\r\n\t\treturn () => {\r\n\t\t\t// cleanup\r\n\t\t\tif (cancelToken.current) {\r\n\t\t\t\tcancelToken.current.cancel();\r\n\t\t\t}\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [active, reloadTimes, ...Object.values(axiosParams)]); // this may be overkill? this means that if ANY axios params change, a new request will execute\r\n\r\n\treturn {\r\n\t\tloading,\r\n\t\terror,\r\n\t\tresponse,\r\n\t\tcancelToken: cancelToken.current,\r\n\t\treload,\r\n\t};\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport { SortByDirection } from 'shared-client/types/index';\r\nimport { BaseDto, PaginatedResult } from 'shared/types';\r\nimport { useAxiosLoader, UseAxiosLoaderParams } from './useAxiosLoader';\r\n\r\n/**\r\n * Use Axios Paginated Loader Params\r\n * @param axiosParams The parameters for the request being passed into axios. This includes the method, url, data, etc.\r\n * @param callback A function that is called after a form is posted. It'll include a parameter with the error if something went wrong.\r\n */\r\nexport interface UseAxiosPaginatedLoaderParams<TDto extends BaseDto, T extends PaginatedResult<TDto>>\r\n\textends UseAxiosLoaderParams {\r\n\tquery?: string;\r\n\tinitialPageSize?: number;\r\n\tinitialSortByName?: string;\r\n\tinitialSortDirection?: SortByDirection;\r\n\tinitialResults?: T;\r\n\tcache?: boolean;\r\n}\r\n\r\n/**\r\n * The useAxiosPaginatedLoader hook result object\r\n */\r\nexport interface UseAxiosPaginatedLoaderResult<TDto extends BaseDto, T extends PaginatedResult<TDto>> {\r\n\t/**\r\n\t * Current page number\r\n\t */\r\n\tpage: number;\r\n\t/**\r\n\t * Go to page and load results\r\n\t */\r\n\tgoToPage: (page: number) => void;\r\n\t/**\r\n\t * Go to next page and load results\r\n\t */\r\n\tgoToNextPage: () => void;\r\n\t/**\r\n\t * Go to previous page and load results\r\n\t */\r\n\tgoToPreviousPage: () => void;\r\n\t/**\r\n\t * Set sorting and load the results\r\n\t */\r\n\tsetSorting: (sortBy: string, direction: SortByDirection) => void;\r\n\t/**\r\n\t * Set page size and load the results\r\n\t */\r\n\tsetPageSize: (pageSize: number) => void;\r\n\t/**\r\n\t * Sets the custom query\r\n\t */\r\n\tsetQuery?: (query: string) => void;\r\n\t/**\r\n\t * Sets the sort by name\r\n\t */\r\n\tsetSortByName?: (sortBy: string) => void;\r\n\t/**\r\n\t * Sets the sort direction\r\n\t */\r\n\tsetSortDirection?: (direction: SortByDirection) => void;\r\n\t/**\r\n\t * Current sort by name\r\n\t */\r\n\tsortByName: string | undefined;\r\n\t/**\r\n\t * Current sort by direction\r\n\t */\r\n\tsortDirection: SortByDirection | undefined;\r\n\t/**\r\n\t * True if loading results\r\n\t */\r\n\tloading: boolean;\r\n\t/**\r\n\t * Error object if an error occurred while loading the results\r\n\t */\r\n\terror: Error | undefined;\r\n\t/**\r\n\t * Current paginated results object\r\n\t */\r\n\tresults: T | null | undefined;\r\n\r\n\t/**\r\n\t * Custom query string that includes\r\n\t * all the other parameters other than pagination and sorting ones\r\n\t */\r\n\tcustomQuery?: string | undefined;\r\n\r\n\t/**\r\n\t * If this function has been called another request will be triggered to get fresh results\r\n\t */\r\n\treload?: () => void;\r\n}\r\n\r\n/**\r\n * A reusable hook for pagination (data is loaded with axios).\r\n */\r\nexport function useAxiosPaginatedLoader<TDto extends BaseDto, T extends PaginatedResult<TDto>>({\r\n\taxiosParams,\r\n\tactive = true,\r\n\tcallback,\r\n\tquery,\r\n\tinitialPageSize,\r\n\tinitialSortByName,\r\n\tinitialSortDirection,\r\n\tinitialResults,\r\n\tcache,\r\n}: UseAxiosPaginatedLoaderParams<TDto, T>): UseAxiosPaginatedLoaderResult<TDto, T> {\r\n\tconst [pageSize, setPageSizeState] = useState(initialPageSize);\r\n\tconst [pageNumber, setPageNumber] = useState(1);\r\n\tconst [sortByName, setSortByName] = useState(initialSortByName);\r\n\tconst [sortDirection, setSortDirection] = useState(initialSortDirection);\r\n\tconst [dataLoaderActive, setDataLoaderActive] = useState(initialResults === undefined);\r\n\tconst [customQuery, setCustomQuery] = useState(query);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetDataLoaderActive(true);\r\n\t}, [pageNumber, sortByName, sortDirection, pageSize]);\r\n\r\n\tconst goToPage = (page: number) => {\r\n\t\tif (results && page > 0 && page <= results.pagination.totalPages) {\r\n\t\t\tsetPageNumber(page);\r\n\t\t}\r\n\t};\r\n\r\n\tconst goToNextPage = () => {\r\n\t\tif (results && pageNumber < results.pagination.totalPages) {\r\n\t\t\tsetPageNumber(pageNumber + 1);\r\n\t\t}\r\n\t};\r\n\r\n\tconst goToPreviousPage = () => {\r\n\t\tif (pageNumber === 1) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetPageNumber(pageNumber - 1);\r\n\t};\r\n\r\n\tconst setSorting = (sortBy: string, direction: SortByDirection) => {\r\n\t\tsetPageNumber(1);\r\n\t\tsetSortByName(sortBy);\r\n\t\tsetSortDirection(direction);\r\n\t};\r\n\r\n\tconst setQuery = (customQuery: string | undefined) => {\r\n\t\tsetPageNumber(1);\r\n\t\tsetCustomQuery(customQuery);\r\n\t};\r\n\r\n\tconst paginationQuery = `${pageSize ? `pagesize=${pageSize}` : ''}&pageNumber=${pageNumber}${\r\n\t\tsortByName ? `&sortBy=${sortByName}` : ''\r\n\t}${sortDirection ? `&sortDirection=${sortDirection}` : ''}`;\r\n\r\n\tconst url = `${axiosParams.url}${customQuery ? `?${customQuery}&${paginationQuery}` : `?${paginationQuery}`}`;\r\n\r\n\tconst { loading, error, response, reload } = useAxiosLoader<T>({\r\n\t\taxiosParams: {\r\n\t\t\t...axiosParams,\r\n\t\t\turl: url,\r\n\t\t},\r\n\t\tactive: active && dataLoaderActive,\r\n\t\tcallback,\r\n\t\tcacheKey: cache ? url : undefined,\r\n\t});\r\n\r\n\tconst results = active && dataLoaderActive ? response && response.data : initialResults;\r\n\r\n\tconst setPageSize = (size: number) => {\r\n\t\tsetPageSizeState(size);\r\n\t};\r\n\r\n\treturn {\r\n\t\tpage: pageNumber,\r\n\t\tgoToPage,\r\n\t\tgoToNextPage,\r\n\t\tgoToPreviousPage,\r\n\t\tsetSorting,\r\n\t\tsetPageSize,\r\n\t\tsetQuery,\r\n\t\tsetSortByName,\r\n\t\tsetSortDirection,\r\n\t\treload,\r\n\t\tcustomQuery,\r\n\t\tsortByName,\r\n\t\tsortDirection,\r\n\t\tloading,\r\n\t\terror,\r\n\t\tresults,\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport UpChevronSVG from 'shared/components/svg/LeftChevronSVG';\r\nimport { Localizer } from 'services/Localizer';\r\n\r\n/**\r\n * Represents one breadcrumb item in a list of breadcrumb items that defines the breadcrumb trail\r\n */\r\nexport interface BreadcrumbItem {\r\n\tlabel: string;\r\n\turl?: string;\r\n}\r\n\r\ninterface BreadcrumbProps {\r\n\tbreadcrumbPath?: BreadcrumbItem[];\r\n\tbackToPage?: BreadcrumbItem;\r\n\trenderPathLink?: (item: BreadcrumbItem) => React.ReactNode;\r\n}\r\n\r\n/**\r\n * Renders a set of links that represent breadcrumbs for the current location.]\r\n * It can optionally render a \"back to page\" link when this is set in sessionStorage.\r\n */\r\nexport default function Breadcrumbs(props: BreadcrumbProps) {\r\n\tconst {\r\n\t\tbreadcrumbPath,\r\n\t\tbackToPage,\r\n\t\trenderPathLink = (item) => (\r\n\t\t\t<a href={item.url} className=\"roc-breadcrumbs-bar__link\" data-testid={'breadcrumb-link-' + item.label}>\r\n\t\t\t\t{item.label}\r\n\t\t\t</a>\r\n\t\t),\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-breadcrumbs-bar\">\r\n\t\t\t{backToPage && backToPage.url && window.history.length > 2 ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<button\r\n\t\t\t\t\t\tonClick={() => window.history.back()}\r\n\t\t\t\t\t\tclassName=\"roc-breadcrumbs-bar__back-link roc-btn-link\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<span className=\"roc-breadcrumbs-bar__back-icon-wrapper\">\r\n\t\t\t\t\t\t\t<UpChevronSVG className=\"roc-breadcrumbs-bar__back-icon\" />\r\n\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t{backToPage.label}\r\n\t\t\t\t\t</button>\r\n\t\t\t\t\t<span className=\"roc-breadcrumbs-bar__spacer\">|</span>\r\n\t\t\t\t</>\r\n\t\t\t) : null}\r\n\t\t\t{breadcrumbPath ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<a href=\"/\" className=\"roc-breadcrumbs-bar__link\" data-testid=\"breadcrumb-link-home\">\r\n\t\t\t\t\t\t{Localizer('Home')}\r\n\t\t\t\t\t</a>\r\n\t\t\t\t\t<div className=\"roc-breadcrumbs-bar__icon-wrapper\">\r\n\t\t\t\t\t\t{/* #region Tapecase */}/{/* #region Tapecase */}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t{breadcrumbPath.map((entry, i) => (\r\n\t\t\t\t\t\t<React.Fragment key={i}>\r\n\t\t\t\t\t\t\t{renderPathLink(entry)}\r\n\t\t\t\t\t\t\t{i + 1 < breadcrumbPath.length ? (\r\n\t\t\t\t\t\t\t\t<div className=\"roc-breadcrumbs-bar__icon-wrapper\">\r\n\t\t\t\t\t\t\t\t\t{/* #region Tapecase */}/{/* #region Tapecase */}\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t\t))}\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, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { ProductPricingLine, ProductPricingLinesDetails } from './types';\r\n\r\ninterface ProductPricingLinesProps {\r\n\tdetails?: ProductPricingLinesDetails;\r\n\tonPricingLineChange: (productPricingLine: CheckableLine) => void;\r\n\tclassName?: string;\r\n}\r\n\r\nexport type CheckableLine =\r\n\t| {\r\n\t\t\t/**\r\n\t\t\t * This is always populated if the product is for sale.\r\n\t\t\t * Under certain circumstances, it may be undefined/null.\r\n\t\t\t * This isn't desirable and will probably change in the future.\r\n\t\t\t */\r\n\t\t\treadonly pricingLine: ProductPricingLine | undefined;\r\n\t\t\treadonly isInitialization: boolean;\r\n\t\t\treadonly checked: boolean;\r\n\t  }\r\n\t| {\r\n\t\t\treadonly pricingLine: undefined;\r\n\t\t\treadonly isInitialization: true;\r\n\t\t\treadonly checked: false;\r\n\t  };\r\n\r\nexport const NoPricingLine: CheckableLine = {\r\n\tpricingLine: undefined,\r\n\tisInitialization: true,\r\n\tchecked: false,\r\n};\r\n\r\ninterface Checkable {\r\n\tchecked: boolean;\r\n}\r\n\r\ntype CheckablePricingLine = ProductPricingLine & Checkable;\r\n\r\nconst getCheckedPricingLine = (pricingLines: CheckablePricingLine[]): CheckablePricingLine => {\r\n\tconst checkedUnit = pricingLines.find((uom) => uom.checked);\r\n\r\n\tif (!checkedUnit) {\r\n\t\tthrow new Error('Unable to determine the selected unit of measure');\r\n\t}\r\n\r\n\treturn checkedUnit;\r\n};\r\n\r\nconst getPricingLineDropdownText = (pricingLine: ProductPricingLine) => {\r\n\tconst result = `${pricingLine.label} (${pricingLine.quantity} in ${pricingLine.unitOfMeasure.displayName})`;\r\n\r\n\treturn result;\r\n};\r\n\r\n/**\r\n * Displays items required to Add To Cart\r\n */\r\nexport default function ProductPricingLines(props: ProductPricingLinesProps) {\r\n\tconst [pricingLines, setPricingLines] = useState<CheckablePricingLine[]>([]);\r\n\r\n\tconst handlePricingLineChange = (newLine: CheckablePricingLine): void => {\r\n\t\tconst updatedPricingLines: CheckablePricingLine[] = pricingLines.map((line) => {\r\n\t\t\treturn {\r\n\t\t\t\t...line,\r\n\t\t\t\tchecked: line.id === newLine.id,\r\n\t\t\t};\r\n\t\t});\r\n\r\n\t\tsetPricingLines(updatedPricingLines);\r\n\r\n\t\tprops.onPricingLineChange({\r\n\t\t\tchecked: newLine.checked,\r\n\t\t\tisInitialization: false,\r\n\t\t\tpricingLine: newLine,\r\n\t\t});\r\n\t};\r\n\r\n\tconst { details, className } = props;\r\n\r\n\tuseEffect(() => {\r\n\t\tif (details?.selected == null || !Array.isArray(details.available) || details.available.length === 0) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst statefulPricingLines: CheckablePricingLine[] = details.available.map((line) => {\r\n\t\t\tconst statefulLine: CheckablePricingLine = {\r\n\t\t\t\t...line,\r\n\t\t\t\tchecked: line.id === details.selected!.id, // pre-select unit that was already loaded on the server-side\r\n\t\t\t};\r\n\t\t\treturn statefulLine;\r\n\t\t});\r\n\r\n\t\tsetPricingLines(statefulPricingLines);\r\n\t\tconst line = getCheckedPricingLine(statefulPricingLines);\r\n\t\tprops.onPricingLineChange({\r\n\t\t\tchecked: true,\r\n\t\t\tisInitialization: false,\r\n\t\t\tpricingLine: line,\r\n\t\t});\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [props.details]);\r\n\r\n\t/**\r\n\t * Event handler for blur and on change.\r\n\t *\r\n\t * @param {*} e\r\n\t */\r\n\tconst handleOnChangeAndBlur = (e) => {\r\n\t\tconst newValue = e.currentTarget.value;\r\n\t\tconst match = pricingLines.find((line) => line.id === newValue);\r\n\r\n\t\tif (match) {\r\n\t\t\tif (match.checked) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tmatch.checked = true;\r\n\t\t\thandlePricingLineChange(match);\r\n\t\t}\r\n\t};\r\n\r\n\tif (pricingLines.length <= 1) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst pricingLine = getCheckedPricingLine(pricingLines);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<label className={className} htmlFor=\"unitOfMeasure\">\r\n\t\t\t\t<span className=\"roc-visually-hidden\">{Localizer('UnitOfMeasure')}</span>\r\n\r\n\t\t\t\t<select\r\n\t\t\t\t\tname=\"unitOfMeasure\"\r\n\t\t\t\t\tid=\"unitOfMeasure\"\r\n\t\t\t\t\tclassName={`roc-form-input__input roc-pdp__uom ${className}-select`}\r\n\t\t\t\t\tvalue={pricingLine.id}\r\n\t\t\t\t\tonChange={handleOnChangeAndBlur}\r\n\t\t\t\t\tonBlur={handleOnChangeAndBlur}\r\n\t\t\t\t>\r\n\t\t\t\t\t{pricingLines.map((line) => (\r\n\t\t\t\t\t\t<option value={line.id} key={line.id}>\r\n\t\t\t\t\t\t\t{getPricingLineDropdownText(line)}\r\n\t\t\t\t\t\t</option>\r\n\t\t\t\t\t))}\r\n\t\t\t\t</select>\r\n\t\t\t</label>\r\n\t\t</>\r\n\t);\r\n}\r\n","import type { Dialog } from '@reach/dialog';\r\nimport 'styles/node-modules/@reach/dialog/styles.css';\r\nimport classnames from 'classnames';\r\nimport React from 'react';\r\nimport { ModalSize } from './Modal';\r\nimport XSVG from './svg/XSVG';\r\nimport { Localizer } from 'services/Localizer';\r\nimport Spinner from './Spinner';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nconst LazyDialog = React.lazy<typeof Dialog>(() =>\r\n\timport('@reach/dialog').then((module) => ({ default: module.Dialog })),\r\n);\r\n\r\ninterface AlertProps {\r\n\tisOpen: boolean;\r\n\trenderTitle: () => React.ReactNode;\r\n\tchildren: React.ReactNode;\r\n\tonConfirm: () => void;\r\n\tonCancel: () => void;\r\n\tsize?: ModalSize;\r\n\ttheme?: AlertTheme;\r\n\tcancelButtonText?: string;\r\n\tconfirmButtonText?: string;\r\n\trenderActions?: () => React.ReactNode;\r\n\theaderDivider?: boolean;\r\n\tsubTitle?: string;\r\n}\r\n\r\ntype AlertTheme = 'default' | 'info' | 'success' | 'warning' | 'danger';\r\n\r\ninterface ActionsRenderProps {\r\n\ttheme?: AlertTheme;\r\n\tcancelButtonText?: string;\r\n\tconfirmButtonText?: string;\r\n\tonConfirm: () => void;\r\n\tonCancel: () => void;\r\n}\r\n\r\n/**\r\n * Reusuable alert component with raised open state, takes size, theme, title and contents as props.\r\n *\r\n * @export\r\n * @param {AlertProps} props\r\n * @returns\r\n */\r\nexport default function Alert(props: AlertProps) {\r\n\tconst {\r\n\t\tisOpen,\r\n\t\tsize = 'md',\r\n\t\ttheme = 'default',\r\n\t\tonConfirm,\r\n\t\tonCancel,\r\n\t\trenderTitle,\r\n\t\tcancelButtonText = Localizer('Cancel'),\r\n\t\tconfirmButtonText = Localizer('Confirm'),\r\n\t\trenderActions = (renderProps: ActionsRenderProps) => (\r\n\t\t\t<>\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tonClick={renderProps.onCancel}\r\n\t\t\t\t\tclassName=\"roc-btn roc-modal__btn roc-modal__btn-cancel\"\r\n\t\t\t\t\tdata-testid=\"roc-modal-btn-cancel\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{renderProps.cancelButtonText}\r\n\t\t\t\t</button>\r\n\t\t\t\t<button\r\n\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\tonClick={renderProps.onConfirm}\r\n\t\t\t\t\tclassName={classnames('roc-btn roc-modal__btn roc-modal__btn-confirm', {\r\n\t\t\t\t\t\t'roc-modal__btn-confirm--default': renderProps.theme === 'default',\r\n\t\t\t\t\t\t'roc-modal__btn-confirm--info': renderProps.theme === 'info',\r\n\t\t\t\t\t\t'roc-modal__btn-confirm--success': renderProps.theme === 'success',\r\n\t\t\t\t\t\t'roc-modal__btn-confirm--warning': renderProps.theme === 'warning',\r\n\t\t\t\t\t\t'roc-modal__btn-confirm--danger': renderProps.theme === 'danger',\r\n\t\t\t\t\t})}\r\n\t\t\t\t\tdata-testid={`roc-modal-btn-confirm${\r\n\t\t\t\t\t\trenderProps.confirmButtonText ? '-' + toKebabCase(renderProps.confirmButtonText) : ''\r\n\t\t\t\t\t}`}\r\n\t\t\t\t>\r\n\t\t\t\t\t{renderProps.confirmButtonText}\r\n\t\t\t\t</button>\r\n\t\t\t</>\r\n\t\t),\r\n\t\theaderDivider = false,\r\n\t\tsubTitle,\r\n\t\tchildren,\r\n\t} = 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={classnames('roc-modal', {\r\n\t\t\t\t\t'roc-modal--xs': size === 'xs',\r\n\t\t\t\t\t'roc-modal--sm': size === 'sm',\r\n\t\t\t\t\t'roc-modal--md': size === 'md',\r\n\t\t\t\t\t'roc-modal--lg': size === 'lg',\r\n\t\t\t\t\t'roc-modal--xlg': size === 'xlg',\r\n\t\t\t\t\t'roc-modal--default': theme === 'default',\r\n\t\t\t\t\t'roc-modal--info': theme === 'info',\r\n\t\t\t\t\t'roc-modal--success': theme === 'success',\r\n\t\t\t\t\t'roc-modal--warning': theme === 'warning',\r\n\t\t\t\t\t'roc-modal--danger': theme === 'danger',\r\n\t\t\t\t})}\r\n\t\t\t\tonDismiss={() => onCancel()}\r\n\t\t\t\tas={'div'}\r\n\t\t\t>\r\n\t\t\t\t<div className={classnames('roc-modal__header', { 'roc-modal__header--divider': headerDivider })}>\r\n\t\t\t\t\t<div className=\"roc-modal__title-close-wrapper\">\r\n\t\t\t\t\t\t<div className=\"roc-modal__title-container\">\r\n\t\t\t\t\t\t\t<h2 className=\"roc-modal__title\">{renderTitle()}</h2>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div className=\"roc-modal__close\">\r\n\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\tclassName=\"roc-modal__close-btn\"\r\n\t\t\t\t\t\t\t\tonClick={() => onCancel()}\r\n\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\tdata-testid=\"roc-modal-close-btn\"\r\n\t\t\t\t\t\t\t>\r\n\t\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\t<span className=\"roc-modal__close-icon\">\r\n\t\t\t\t\t\t\t\t\t<XSVG />\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t{subTitle ? <p className=\"roc_modal__subtitle\">{subTitle}</p> : null}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-modal__body\">{children}</div>\r\n\t\t\t\t<div className=\"roc-modal__footer\">\r\n\t\t\t\t\t<div className=\"roc-modal__actions\">\r\n\t\t\t\t\t\t{renderActions({ theme, cancelButtonText, confirmButtonText, onCancel, onConfirm })}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</LazyDialog>\r\n\t\t</React.Suspense>\r\n\t);\r\n}\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","var map = {\n\t\"./DefaultOrganizationOrderDetails\": [\n\t\t211,\n\t\t9,\n\t\t11,\n\t\t19\n\t],\n\t\"./DefaultOrganizationOrderDetails.tsx\": [\n\t\t211,\n\t\t9,\n\t\t11,\n\t\t19\n\t],\n\t\"./OrganizationOrderListing\": [\n\t\t208,\n\t\t9,\n\t\t21\n\t],\n\t\"./OrganizationOrderListing.tsx\": [\n\t\t208,\n\t\t9,\n\t\t21\n\t],\n\t\"./OrganizationOrders\": [\n\t\t143,\n\t\t9,\n\t\t3,\n\t\t4,\n\t\t5,\n\t\t10,\n\t\t15\n\t],\n\t\"./OrganizationOrders.tsx\": [\n\t\t143,\n\t\t9,\n\t\t3,\n\t\t4,\n\t\t5,\n\t\t10,\n\t\t15\n\t],\n\t\"./RocOrganizationOrderDetails\": [\n\t\t210,\n\t\t9,\n\t\t11\n\t],\n\t\"./RocOrganizationOrderDetails.tsx\": [\n\t\t210,\n\t\t9,\n\t\t11\n\t],\n\t\"./types\": [\n\t\t212,\n\t\t7,\n\t\t22\n\t],\n\t\"./types.ts\": [\n\t\t212,\n\t\t7,\n\t\t22\n\t],\n\t\"./useOrganizationOrderDetails\": [\n\t\t209,\n\t\t9,\n\t\t20\n\t],\n\t\"./useOrganizationOrderDetails.ts\": [\n\t\t209,\n\t\t9,\n\t\t20\n\t]\n};\nfunction webpackAsyncContext(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\treturn Promise.resolve().then(function() {\n\t\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\t\te.code = 'MODULE_NOT_FOUND';\n\t\t\tthrow e;\n\t\t});\n\t}\n\n\tvar ids = map[req], id = ids[0];\n\treturn Promise.all(ids.slice(2).map(__webpack_require__.e)).then(function() {\n\t\treturn __webpack_require__.t(id, ids[1])\n\t});\n}\nwebpackAsyncContext.keys = function webpackAsyncContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackAsyncContext.id = 172;\nmodule.exports = webpackAsyncContext;","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","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 { 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 {\r\n\tHasNoSalePrice,\r\n\tPrice,\r\n\tSimpleDisplayPrice,\r\n} from '../../../../../../Roc.SharedClientApp/types/commerce/display-price';\r\n\r\n/**\r\n * The pricing row for pricing table\r\n */\r\nexport interface CalculatorPricingTableRow {\r\n\t/**\r\n\t * The starting quantity for this pricing row/range\r\n\t */\r\n\tquantity: number;\r\n\t/**\r\n\t * The price applicable to this pricing row/range\r\n\t */\r\n\tprice: SimpleDisplayPrice<Price> & HasNoSalePrice;\r\n}\r\n\r\n/**\r\n * The calculator quote model\r\n */\r\nexport interface CalculatorQuote {\r\n\t/**\r\n\t * The product name\r\n\t */\r\n\tproductName: string | null;\r\n\t/**\r\n\t * The product number\r\n\t */\r\n\tproductNumber: string;\r\n\t/**\r\n\t * The calculator name\r\n\t */\r\n\tcalculatorName: string;\r\n\t/**\r\n\t * The customer name\r\n\t */\r\n\tcustomerName: string;\r\n\t/**\r\n\t * The size requested by the customer\r\n\t */\r\n\tsizeRequested: string;\r\n\t/**\r\n\t * The lead time\r\n\t */\r\n\tleadTime: string;\r\n\t/**\r\n\t * The minimum order quantity value for requested product\r\n\t */\r\n\tmoq: number;\r\n\t/**\r\n\t * The pricing table (quantity ranges)\r\n\t */\r\n\tpricingTable: CalculatorPricingTableRow[];\r\n\t/**\r\n\t * The message about validity of this quote\r\n\t */\r\n\tvalidFromLocalizedMessage: string;\r\n\t/**\r\n\t * The URL to the product image\r\n\t */\r\n\tproductImageUrl: string;\r\n\t/**\r\n\t * The id of this quote\r\n\t */\r\n\tid: string;\r\n\t/**\r\n\t * The number of this quote\r\n\t */\r\n\tquoteNo: string;\r\n\t/**\r\n\t * The flag indicating whether the quoted product is stock item or non-stock (made to order / cut to order)\r\n\t */\r\n\tisStockProduct: boolean;\r\n\r\n\t/**\r\n\t * The type of calculator that has been used to submit the quote\r\n\t */\r\n\tcalculatorType: CalculatorType;\r\n}\r\n\r\nexport enum CalculatorType {\r\n\tAbrasiveBelts = 'AbrasiveBelts',\r\n\tCustomCutTapeShape = 'CustomCutTapeShape',\r\n\tCustomShortLength = 'CustomShortLength',\r\n\tCustomWidthRoll = 'CustomWidthRoll',\r\n}\r\n\r\nexport interface CalculatorQuoteDetails {\r\n\tnotes: string;\r\n\temailAddresses: string;\r\n}\r\n\r\nexport interface AdditionalUrls {\r\n\tproductUrl: string | null;\r\n\tsafetyDataSheetUrl: string | null;\r\n\tregulatoryDataSheetUrl: string | null;\r\n\tsafetyInsertsUrl: string | null;\r\n}\r\n\r\n/**\r\n * The response model for quote submission\r\n */\r\nexport interface GetQuoteResponse {\r\n\t/**\r\n\t * If quote has been successfully submitted then this is the quote id, otherwise null\r\n\t */\r\n\tquoteId: string | null;\r\n\t/**\r\n\t * The flag indicating whether quote has been successfully submitted or not\r\n\t */\r\n\tsubmitted: boolean;\r\n\t/**\r\n\t * If the selected filters are matching one of ready to buy products then this will be URL of that product and user should be redirected there\r\n\t */\r\n\tredirectUrl: string | null;\r\n\t/**\r\n\t * If something has gone wrong during quote submission then this is be the error message for the custmer, otherwise null\r\n\t */\r\n\terrorMessage: string | null;\r\n}\r\n","import React, { useEffect, useRef, useState } from 'react';\r\nimport { Pagination as PaginationType } from 'shared/types';\r\nimport LeftChevronSVG from './svg/LeftChevronSVG';\r\nimport RightChevronSVG from './svg/RightChevronSVG';\r\nimport { Localizer } from 'services/Localizer';\r\nimport classnames from 'classnames';\r\nimport { createGuid } from './hawksearch/helpers/Cookies';\r\n\r\ninterface PaginationProps {\r\n\tpagination: PaginationType;\r\n\tgoToNextPage: () => void;\r\n\tgoToPreviousPage: () => void;\r\n\tgoToPage: (page: number) => void;\r\n\tflush?: boolean;\r\n}\r\n\r\nexport default function Pagination(props: PaginationProps) {\r\n\tconst {\r\n\t\tflush,\r\n\t\tpagination: { totalPages, hasNextPage, hasPreviousPage, pageNumber },\r\n\t\tgoToNextPage,\r\n\t\tgoToPage,\r\n\t\tgoToPreviousPage,\r\n\t} = props;\r\n\r\n\tconst [uniqueId] = useState(`pagination-input-${createGuid()}`);\r\n\r\n\tconst [localPageNumber, setLocalPageNumber] = useState<string | undefined>(undefined);\r\n\r\n\tconst timerRef = useRef<NodeJS.Timeout | null>(null);\r\n\r\n\t// make sure that the local page number state override is cleared out whenever the pagination page number\r\n\t// changes. this happens whenever a server request is completed and the lifted pagination state is updated\r\n\tuseEffect(() => {\r\n\t\tsetLocalPageNumber(undefined);\r\n\t}, [pageNumber]);\r\n\r\n\tfunction attemptGoToPage(newPageNumber: number) {\r\n\t\tif (newPageNumber < 1 || newPageNumber > totalPages) {\r\n\t\t\t// an invalid page number was entered, so clear out the user entry and do nothing.\r\n\t\t\tsetLocalPageNumber(undefined);\r\n\t\t} else {\r\n\t\t\tgoToPage(newPageNumber);\r\n\t\t}\r\n\t}\r\n\r\n\t// debounce the pager updates\r\n\tuseEffect(() => {\r\n\t\tif (timerRef.current) {\r\n\t\t\tclearTimeout(timerRef.current);\r\n\t\t}\r\n\r\n\t\ttimerRef.current = setTimeout(() => {\r\n\t\t\tif (localPageNumber) {\r\n\t\t\t\tattemptGoToPage(parseInt(localPageNumber));\r\n\t\t\t}\r\n\t\t}, 500);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [localPageNumber]);\r\n\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={classnames('roc-pagination', {\r\n\t\t\t\t'roc-pagination--flush': flush,\r\n\t\t\t})}\r\n\t\t>\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\tclassName=\"roc-pagination__prev-btn\"\r\n\t\t\t\tonClick={goToPreviousPage}\r\n\t\t\t\tdisabled={!hasPreviousPage}\r\n\t\t\t\tdata-testid=\"pagination-left-btn\"\r\n\t\t\t\taria-label={Localizer('Previous')}\r\n\t\t\t>\r\n\t\t\t\t<LeftChevronSVG className=\"roc-pagination__icon\" />\r\n\t\t\t</button>\r\n\r\n\t\t\t<label htmlFor={uniqueId}>\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"number\"\r\n\t\t\t\t\tclassName=\"roc-pagination__input roc-form-input__input\"\r\n\t\t\t\t\tdata-testid=\"pagination-page-number-input\"\r\n\t\t\t\t\tvalue={localPageNumber !== undefined ? localPageNumber : pageNumber}\r\n\t\t\t\t\tonChange={(event) => {\r\n\t\t\t\t\t\tsetLocalPageNumber(event.currentTarget.value);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tonKeyDown={(event) => {\r\n\t\t\t\t\t\tif (event.key === 'Enter' && localPageNumber) {\r\n\t\t\t\t\t\t\t// clear any pending debounce timeouts\r\n\t\t\t\t\t\t\tif (timerRef.current) {\r\n\t\t\t\t\t\t\t\tclearTimeout(timerRef.current);\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tattemptGoToPage(parseInt(localPageNumber));\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tid={uniqueId}\r\n\t\t\t\t/>\r\n\t\t\t</label>\r\n\r\n\t\t\t<span className=\"roc-pagination__total-text\">{Localizer('OfTotalPages', totalPages.toLocaleString())}</span>\r\n\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\tclassName=\"roc-pagination__next-btn\"\r\n\t\t\t\tonClick={goToNextPage}\r\n\t\t\t\tdisabled={!hasNextPage}\r\n\t\t\t\tdata-testid=\"pagination-right-btn\"\r\n\t\t\t\taria-label={Localizer('Next')}\r\n\t\t\t>\r\n\t\t\t\t<RightChevronSVG className=\"roc-pagination__icon\" />\r\n\t\t\t</button>\r\n\t\t</div>\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 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 'intersection-observer';\r\n\r\nif (document.readyState !== 'loading') {\r\n\tlazyLoadImages();\r\n} else {\r\n\tdocument.addEventListener('DOMContentLoaded', function () {\r\n\t\tlazyLoadImages();\r\n\t});\r\n}\r\n\r\n/**\r\n * Initializes lazy loading for image assets.\r\n * Example usage:\r\n * <img class=\"roc-lazy-image\" \r\n\t\tsrc=\"/images/placeholder/placeholder-image.png\"\r\n\t\tdata-src=\"/images/my-actual-image.jpg\" alt=\"\" />\r\n */\r\nexport function lazyLoadImages() {\r\n\t// Get our lazy-loaded images\r\n\tconst lazyImages = [].slice.call(document.querySelectorAll('.roc-lazy-image'));\r\n\r\n\tconst defaultDelay = 10;\r\n\t// Create new observer object\r\n\tconst lazyImageObserver = new IntersectionObserver(function (entries) {\r\n\t\t// Loop through IntersectionObserverEntry objects\r\n\t\tentries.forEach(function (entry) {\r\n\t\t\t// Do these if the target intersects with the root\r\n\t\t\tif (entry.isIntersecting) {\r\n\t\t\t\tconst lazyImage = entry.target as HTMLImageElement;\r\n\r\n\t\t\t\tif (lazyImage.dataset.src) {\r\n\t\t\t\t\tlazyImage.src = lazyImage.dataset.src;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tconst attributeDelay = Number(lazyImage.getAttribute('data-roc-lazy-delay')) || defaultDelay;\r\n\t\t\t\tlazyImage.classList.remove('roc-lazy-image--inactive');\r\n\r\n\t\t\t\tsetTimeout(() => {\r\n\t\t\t\t\tlazyImage.classList.add('roc-lazy-image--loaded');\r\n\t\t\t\t\tlazyImageObserver.unobserve(lazyImage);\r\n\t\t\t\t}, attributeDelay);\r\n\t\t\t}\r\n\t\t});\r\n\t});\r\n\r\n\t// Loop through and observe each image\r\n\tlazyImages.forEach(function (lazyImage) {\r\n\t\tlazyImageObserver.observe(lazyImage);\r\n\t});\r\n}\r\n\r\ninterface LazyElementsArgs {\r\n\t/**\r\n\t * The elements to observe\r\n\t */\r\n\telements: HTMLElement[];\r\n\r\n\t/**\r\n\t * The callback function called when the intersection observer fires.\r\n\t */\r\n\tcallback: (isIntersecting: boolean) => void;\r\n\r\n\t/**\r\n\t * The amount of time to delay before calling the callback. Defaults to 0.\r\n\t */\r\n\tdelay?: number;\r\n\r\n\t/**\r\n\t * Stop listening to changes once the element has been in the viewport.\r\n\t */\r\n\tstopAfterIntersecting?: boolean;\r\n}\r\n\r\n/**\r\n * Helper to receive a callback when an element becomes visible in a viewport, or when it leaves the viewport.\r\n * This is useful if you need to do a vanilla JS implementation (without React).\r\n */\r\nexport function lazyElements({ elements, callback, delay = 0, stopAfterIntersecting = true }: LazyElementsArgs) {\r\n\tconst lazyElementObserver = new IntersectionObserver(function (entries) {\r\n\t\tentries.forEach((entry) => {\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tcallback(entry.isIntersecting);\r\n\t\t\t}, delay);\r\n\r\n\t\t\tif (stopAfterIntersecting && entry.isIntersecting) {\r\n\t\t\t\tlazyElementObserver.unobserve(entry.target);\r\n\t\t\t}\r\n\t\t});\r\n\t});\r\n\r\n\telements.forEach((lazyElement) => {\r\n\t\tlazyElementObserver.observe(lazyElement);\r\n\t});\r\n}\r\n","import { useState } from 'react';\r\nimport usePartialDataLoader from 'shared/data/usePartialDataLoader';\r\nimport { CheckableLine, NoPricingLine } from './ProductPricingLines';\r\nimport {\r\n\tAvailability,\r\n\tgetInitialProductDetailsState,\r\n\tProductDetailsState,\r\n\tProductPartialDataLoaderOptions,\r\n\tProductPricingLine,\r\n\tProductType,\r\n\tReviewSummaryDto,\r\n\tTabViewChunk,\r\n} from './types';\r\n\r\nexport interface UseProductDetails {\r\n\tstate: UseProductDetailsState;\r\n\tactor: UseProductDetailsActor;\r\n}\r\n\r\n/**\r\n * Use Product Details Context State\r\n */\r\nexport interface UseProductDetailsState {\r\n\tloggedInUserFirstName: string;\r\n\tproductId: string;\r\n\tgroupId: string;\r\n\treviewsSummary: ReviewSummaryDto;\r\n\tsimpleProductLoading: boolean;\r\n\thasError: boolean;\r\n\tproductDetails: ProductDetailsState;\r\n\tproductStateOverride: Partial<ProductDetailsState> | null;\r\n\tuserIsSignedIn: boolean;\r\n\tproductQuantity: number | null;\r\n\tselectedPricingLine: CheckableLine;\r\n}\r\n\r\n/**\r\n * Use Product Details Context Actor\r\n */\r\nexport interface UseProductDetailsActor {\r\n\tsetLoggedInUserFirstName: (name: string) => void;\r\n\tsetSimpleProductLoading: (prop: boolean) => void;\r\n\tsetProductStateOverride: (data: Partial<ProductDetailsState> | null) => void;\r\n\tisLoadingAny: (keys: Array<keyof ProductDetailsState>) => boolean;\r\n\tsetHasError: (hasError: boolean) => void;\r\n\tsetUserIsSignedIn: (isSignIn: boolean) => void;\r\n\tsetProductQuantity: (qty: number | null) => void;\r\n\tsetSelectedPricingLine: (CheckableLine: CheckableLine) => void;\r\n\tisPricingLineUnavailable: () => boolean;\r\n\tisPurchaseable: (availability?: Availability | null, pricingLine?: ProductPricingLine) => boolean;\r\n}\r\n\r\nexport interface UseProductDetailsProps {\r\n\tloaderOptions: ProductPartialDataLoaderOptions;\r\n}\r\n\r\n/**\r\n * Reusable hook to access product detail related endpoints on the server, as well as helping manage\r\n * product detail information.\r\n */\r\nexport default function useProductDetails(props: UseProductDetailsProps): UseProductDetails {\r\n\tconst { loaderOptions } = props;\r\n\r\n\t// to indicate that a simple product details are being loaded after selections are made\r\n\tconst [simpleProductLoading, setSimpleProductLoading] = useState(false);\r\n\tconst [loggedInUserFirstName, setLoggedInUserFirstName] = useState('');\r\n\r\n\t// defines state that can be used to override the existing state defined by initial state + partial loader\r\n\t// this is primarily used for group products, where a simple product takes over after a selection is made\r\n\tconst [productStateOverride, setInternalProductStateOverride] = useState<Partial<ProductDetailsState> | null>(null);\r\n\r\n\tconst [userIsSignedIn, setUserIsSignedIn] = useState(false);\r\n\tconst [productQuantity, setProductQuantity] = useState<number | null>(1);\r\n\r\n\tconst [selectedPricingLine, setSelectedPricingLine] = useState<CheckableLine>(NoPricingLine);\r\n\r\n\tconst setProductStateOverride = (data: Partial<ProductDetailsState> | null) => {\r\n\t\tif (data == null) {\r\n\t\t\tsetInternalProductStateOverride(null);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tconst originalState = getInitialProductDetailsState();\r\n\r\n\t\tconst foldTabs = () => {\r\n\t\t\tconst newTabs = data.tabs != null ? [...data.tabs] : [];\r\n\t\t\tconst newTabsMap = newTabs.reduce(function (map: { [index: string]: TabViewChunk }, obj) {\r\n\t\t\t\tmap[obj.tab.id] = obj;\r\n\t\t\t\treturn map;\r\n\t\t\t}, {});\r\n\r\n\t\t\tfor (const oldTab of originalState?.tabs ?? []) {\r\n\t\t\t\tif (!newTabsMap[oldTab.tab.id]) {\r\n\t\t\t\t\tnewTabs.push(oldTab);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\treturn newTabs;\r\n\t\t};\r\n\r\n\t\tconst fixedNewState: Partial<ProductDetailsState> = {\r\n\t\t\t...data,\r\n\t\t\ttabs: foldTabs(),\r\n\t\t};\r\n\r\n\t\tsetInternalProductStateOverride(fixedNewState);\r\n\t};\r\n\r\n\t// this will grab the details from the server for you, and get you the state necessary\r\n\t// normally, we would just have all of the missing fields here, but sometimes, if we have multiple\r\n\t// integration calls, it may be good to be able to split this up. in this case, this is an example\r\n\t// of splitting up pricing/images and availability into separate calls.\r\n\t// this would apply if you have user-specific pricing, and the availability service is\r\n\t// really slow. you'd want to show pricing right away, and take time before showing availability\r\n\tconst productData = usePartialDataLoader<ProductDetailsState>({\r\n\t\tkeys: [\r\n\t\t\t'summary',\r\n\t\t\t'displayPricing',\r\n\t\t\t'pricingLines',\r\n\t\t\t'assets',\r\n\t\t\t'availability',\r\n\t\t\t//#region TapeCase\r\n\t\t\t'brand',\r\n\t\t\t//#endregion\r\n\t\t\t'tabs',\r\n\t\t\t//#region TapeCase\r\n\t\t\t//'selections',\r\n\t\t\t//#endregion\r\n\t\t\t'relatedProducts',\r\n\t\t\t//#region TapeCase\r\n\t\t\t//'reviewsSummary',\r\n\t\t\t//#endregion\r\n\t\t\t'breadcrumbPath',\r\n\t\t\t//#region TapeCase\r\n\t\t\t//'reviewsSummary',\r\n\t\t\t'availableFormatShape',\r\n\t\t\t'availableCalculators',\r\n\t\t\t//#endregion\r\n\t\t],\r\n\t\t...loaderOptions,\r\n\t});\r\n\r\n\tconst { isLoadingAny, hasError, setHasError } = productData;\r\n\r\n\tconst productDetails = { ...productData.partialData, ...productStateOverride };\r\n\r\n\tconst groupId =\r\n\t\tproductDetails.summary.type === ProductType.Group\r\n\t\t\t? productDetails.id\r\n\t\t\t: productDetails.summary.productGroupId || '';\r\n\r\n\t/** Returns true if the selected pricing line is unavailable and can't be purchased. */\r\n\tconst isPricingLineUnavailable = () =>\r\n\t\tselectedPricingLine.pricingLine == null || selectedPricingLine.pricingLine?.unavailabilityReason != null;\r\n\r\n\tconst isPurchaseable = (availability?: Availability | null, pricingLine?: ProductPricingLine) => {\r\n\t\treturn availability?.outOfStock != true && pricingLine != null && pricingLine?.unavailabilityReason == null;\r\n\t};\r\n\r\n\treturn {\r\n\t\tstate: {\r\n\t\t\tloggedInUserFirstName,\r\n\t\t\tproductId: productDetails.id,\r\n\t\t\tgroupId,\r\n\t\t\treviewsSummary: productDetails.reviewsSummary,\r\n\t\t\tsimpleProductLoading,\r\n\t\t\tproductDetails,\r\n\t\t\tproductStateOverride,\r\n\t\t\thasError,\r\n\t\t\tuserIsSignedIn,\r\n\t\t\tproductQuantity,\r\n\t\t\tselectedPricingLine,\r\n\t\t},\r\n\t\tactor: {\r\n\t\t\tsetLoggedInUserFirstName,\r\n\t\t\tsetSimpleProductLoading,\r\n\t\t\tisLoadingAny,\r\n\t\t\tsetProductStateOverride,\r\n\t\t\tsetHasError,\r\n\t\t\tsetUserIsSignedIn,\r\n\t\t\tsetProductQuantity,\r\n\t\t\tsetSelectedPricingLine,\r\n\t\t\tisPricingLineUnavailable,\r\n\t\t\tisPurchaseable,\r\n\t\t},\r\n\t};\r\n}\r\n","import { useEffect, useState } from 'react';\r\nimport { BasePartialDataOptions, BasePartialDetailsState, AvailableKeys, AdditionalParams } from 'shared/types';\r\n\r\ntype InitialStateLoader = () => unknown;\r\ntype PartialDataLoaderFn<T> = (options: BasePartialDataOptions<T>) => Promise<Record<string, any>>;\r\n\r\nexport interface PartialDataLoaderOptions<T> {\r\n\tkeys: AvailableKeys<T>;\r\n\tinitialState: unknown | InitialStateLoader;\r\n\tdataLoaderFn: PartialDataLoaderFn<T>;\r\n}\r\n\r\nexport interface PartialDataLoaderState<T> {\r\n\tpartialData: T;\r\n\tisLoading: boolean;\r\n}\r\n\r\nexport default function usePartialDataLoader<T extends BasePartialDetailsState>(options: PartialDataLoaderOptions<T>) {\r\n\tconst initialState = typeof options.initialState === 'function' ? options.initialState() : options.initialState;\r\n\tconst [partialData, setPartialData] = useState<T>(initialState);\r\n\tconst [isLoading, setIsLoading] = useState(true);\r\n\tconst [hasError, setHasError] = useState(false);\r\n\r\n\t/**\r\n\t * Helper function to determine if the given chunk of partial (by key) data has been already loaded or if it is still loading.\r\n\t */\r\n\tfunction isKeyLoading(key: keyof T): boolean {\r\n\t\tif (partialData === undefined || partialData === null) {\r\n\t\t\treturn isLoading;\r\n\t\t}\r\n\r\n\t\tif (Object.keys(partialData).includes(key.toString()) && partialData[key] !== undefined) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\treturn isLoading;\r\n\t}\r\n\r\n\t// we'd then make a request to the server to get the data for the missing keys.\r\n\tuseEffect(() => {\r\n\t\tconst providedKeys = Object.keys(partialData);\r\n\t\tconst requiredKeys = options.keys.map((literal) => literal.valueOf().toString()) as Array<keyof T>;\r\n\t\tconst missingKeys = requiredKeys.filter((value) => providedKeys.indexOf(value.valueOf().toString()) === -1);\r\n\t\tloadData(partialData.id, missingKeys, partialData.additionalParams);\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\tasync function loadData(id: string, missingKeys: Array<keyof T>, additionalParams: AdditionalParams | undefined) {\r\n\t\ttry {\r\n\t\t\t// await timeout(1000);\r\n\t\t\tconsole.debug('Fetching missing data:', missingKeys);\r\n\t\t\tconst missingData = await options.dataLoaderFn({ id, missingKeys, additionalParams });\r\n\r\n\t\t\tconsole.debug('Missing data loaded:', missingData);\r\n\t\t\tsetPartialData({\r\n\t\t\t\t...partialData,\r\n\t\t\t\t...missingData,\r\n\t\t\t});\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error('Unable to fetch remaining data.');\r\n\t\t\tsetHasError(true);\r\n\t\t} finally {\r\n\t\t\tsetIsLoading(false);\r\n\t\t}\r\n\t}\r\n\r\n\treturn {\r\n\t\tpartialData,\r\n\t\tisLoading: isKeyLoading,\r\n\t\tisLoadingAny: (keys: Array<keyof T> = []) => keys.some((key) => isKeyLoading(key)),\r\n\t\thasError,\r\n\t\tsetHasError,\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","/* 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 { useState } from 'react';\r\nimport Axios, { CancelTokenSource, AxiosError } from 'axios';\r\nimport AxiosHelper from 'services/AxiosHelper';\r\nimport { FormValidationPromise } from 'shared/types';\r\nimport { handleAxiosErrorWithValidation } from 'shared/util/Misc';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { MY_ACCOUNT_SHOPPING_LISTS_URL } from 'features/my-account/routes.commerce';\r\nimport { AddToListProps, BulkAddToListProps, ShoppingListDto } from './types';\r\nimport { AddToListResponse, BulkAddToListResponse } from 'services/UserData.Commerce';\r\n\r\nexport interface ShoppingListsState {\r\n\tisSaving: boolean;\r\n\tshoppingListBeingEdited: ShoppingListDto | null;\r\n\tshoppingList: ShoppingListDto | null;\r\n\terror: Error | AxiosError | null;\r\n\terrorMessage: string | null;\r\n\tisDeleting: boolean;\r\n}\r\n\r\nexport interface ShoppingListsActor {\r\n\tbeginCreateShoppingList: () => void;\r\n\tbeginEditShoppingList: (shopingList: ShoppingListDto) => void;\r\n\tsaveShoppingList: (formValues: ShoppingListDto) => FormValidationPromise<void>;\r\n\tstopEditingShoppingList: () => void;\r\n\taddProductToList: (props: AddToListProps) => Promise<AddToListResponse | null>;\r\n\tbulkAddProductToList: (props: BulkAddToListProps) => Promise<BulkAddToListResponse | null>;\r\n\tremoveShoppingList: (shoppingList: ShoppingListDto) => Promise<void>;\r\n}\r\n\r\nexport interface UseShoppingLists {\r\n\tstate: ShoppingListsState;\r\n\tactor: ShoppingListsActor;\r\n}\r\n\r\nexport function useShoppingLists(): UseShoppingLists {\r\n\tconst [shoppingListBeingEdited, setShoppingListBeingEdited] = useState<ShoppingListDto | null>(null);\r\n\tconst [error, setError] = useState<Error | AxiosError | null>(null);\r\n\tconst [errorMessage, setErrorMessage] = useState<string | null>(null);\r\n\tconst [isSaving, setIsSaving] = useState(false);\r\n\tconst [shoppingList, setShoppingList] = useState<ShoppingListDto | null>(null);\r\n\tconst [isDeleting, setIsDeleting] = useState(false);\r\n\r\n\t/**\r\n\t * Begin creating an shopping list\r\n\t */\r\n\tconst beginEditShoppingList = (shoppingList: ShoppingListDto) => {\r\n\t\tsetShoppingListBeingEdited(shoppingList);\r\n\t};\r\n\r\n\tconst beginCreateShoppingList = () => {\r\n\t\tsetShoppingListBeingEdited({} as ShoppingListDto);\r\n\t};\r\n\r\n\tconst stopEditingShoppingList = () => {\r\n\t\tsetError(null);\r\n\t\tsetShoppingListBeingEdited(null);\r\n\t};\r\n\r\n\t/**\r\n\t * Creates an shopping list associated to the current user on the server\r\n\t */\r\n\tconst saveShoppingList = async (formValues: ShoppingListDto): FormValidationPromise<void> => {\r\n\t\t// sanity check\r\n\t\tif (!shoppingListBeingEdited) {\r\n\t\t\treturn Promise.resolve();\r\n\t\t}\r\n\r\n\t\tsetIsSaving(true);\r\n\r\n\t\tconst requestToken: CancelTokenSource = Axios.CancelToken.source();\r\n\r\n\t\tconst shoppingList: ShoppingListDto = {\r\n\t\t\t...formValues,\r\n\t\t};\r\n\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.post<ShoppingListDto>(\r\n\t\t\t\t`/ajax${MY_ACCOUNT_SHOPPING_LISTS_URL}/edit`,\r\n\t\t\t\tshoppingList,\r\n\t\t\t\t{\r\n\t\t\t\t\tcancelToken: requestToken.token,\r\n\t\t\t\t},\r\n\t\t\t);\r\n\r\n\t\t\tsetShoppingListBeingEdited(null);\r\n\t\t\tsetShoppingList(response.data);\r\n\t\t\tsetError(null);\r\n\t\t} catch (error) {\r\n\t\t\tif (Axios.isCancel(error)) {\r\n\t\t\t\t// if the component was unmounted, there's nothing to do\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tsetError(error);\r\n\r\n\t\t\treturn handleAxiosErrorWithValidation(error, Localizer('SaveErrorMessage'));\r\n\t\t} finally {\r\n\t\t\tsetIsSaving(false);\r\n\t\t}\r\n\t};\r\n\r\n\tconst addProductToList = async (props: AddToListProps) => {\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<AddToListResponse>(\r\n\t\t\t\t`/ajax/shopping-lists/${props.shoppingListId}/products/${props.itemId}`,\r\n\t\t\t\t{\r\n\t\t\t\t\tquantity: props.quantity,\r\n\t\t\t\t\tproductPricingLineId: props.productPricingLineId,\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\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when adding product to list', 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} 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\tconst bulkAddProductToList = async (props: BulkAddToListProps) => {\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<BulkAddToListResponse>(\r\n\t\t\t\t`/ajax/shopping-lists/${props.shoppingListId}`,\r\n\t\t\t\t{\r\n\t\t\t\t\titems: props.items,\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\tsetError(error);\r\n\r\n\t\t\tconsole.warn('Error when adding products to list', 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} 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\tconst removeShoppingList = async (shoppingList: ShoppingListDto): Promise<void> => {\r\n\t\tconst requestToken: CancelTokenSource = Axios.CancelToken.source();\r\n\r\n\t\tsetIsDeleting(true);\r\n\t\ttry {\r\n\t\t\tconst response = await AxiosHelper.delete(`/ajax/shopping-lists/${shoppingList.id}`, {\r\n\t\t\t\tcancelToken: requestToken.token,\r\n\t\t\t});\r\n\r\n\t\t\tif (response) {\r\n\t\t\t\tdocument.location.href = MY_ACCOUNT_SHOPPING_LISTS_URL;\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tif (Axios.isCancel(error)) {\r\n\t\t\t\t// if the component was unmounted, there's nothing to do\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tsetError(error);\r\n\t\t\tconsole.error('An error occurred while deleting.', error);\r\n\t\t} finally {\r\n\t\t\tsetIsDeleting(false);\r\n\t\t}\r\n\t};\r\n\r\n\treturn {\r\n\t\tstate: {\r\n\t\t\tisSaving,\r\n\t\t\terror: error,\r\n\t\t\tshoppingListBeingEdited,\r\n\t\t\tshoppingList: shoppingList,\r\n\t\t\terrorMessage: errorMessage,\r\n\t\t\tisDeleting,\r\n\t\t},\r\n\t\tactor: {\r\n\t\t\tbeginCreateShoppingList,\r\n\t\t\tbeginEditShoppingList,\r\n\t\t\tsaveShoppingList,\r\n\t\t\tstopEditingShoppingList,\r\n\t\t\taddProductToList,\r\n\t\t\tbulkAddProductToList,\r\n\t\t\tremoveShoppingList,\r\n\t\t},\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 { Localizer } from 'services/Localizer';\r\nimport { DropdownField, TextBoxField } from 'shared/edit/fields';\r\nimport { PrivacyTypeOptions } from './types';\r\n\r\nexport function ShoppingListEditItemFields() {\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div className=\"roc-row\">\r\n\t\t\t\t<div className=\"roc-col-sm-12\">\r\n\t\t\t\t\t<TextBoxField label={Localizer('ShoppingListName')} name=\"name\" isRequired />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-col-sm-5\">\r\n\t\t\t\t\t<DropdownField\r\n\t\t\t\t\t\tlabel={Localizer('Privacy')}\r\n\t\t\t\t\t\tname=\"privacy\"\r\n\t\t\t\t\t\tisRequired\r\n\t\t\t\t\t\toptions={PrivacyTypeOptions}\r\n\t\t\t\t\t\taddSelectOption={false}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n","import React, { useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport Alert from 'shared/components/Alert';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport { ShoppingListEditItemFields } from './ShoppingListEditItemFields';\r\nimport { ShoppingListEditItemBodyProps } from './ShoppingListEditItem';\r\n\r\nexport default function ShoppingListEditItemBody(props: ShoppingListEditItemBodyProps) {\r\n\tconst [isAlertOpen, setIsAlertOpen] = useState<boolean>(false);\r\n\r\n\tconst {\r\n\t\tdisplayCancelButton,\r\n\t\tdisplaySaveButton,\r\n\t\tstopEditingShoppingList,\r\n\t\tonRemoveShoppingList,\r\n\t\tisSaving,\r\n\t\tdirty,\r\n\t\tdirtySaveButtonText,\r\n\t\tsaveButtonText,\r\n\t\tshoppingListBeingEdited,\r\n\t\tisDeleting,\r\n\t} = props;\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<p data-testid={'shopping-list-required-fields'}>{Localizer('RequiredFields')}</p>\r\n\r\n\t\t\t<ShoppingListEditItemFields />\r\n\r\n\t\t\t<div className=\"roc-modal__actions\">\r\n\t\t\t\t{onRemoveShoppingList ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<div className=\"roc-modal__actions-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-btn roc-modal__actions-item-btn roc-btn-danger\"\r\n\t\t\t\t\t\t\t\tdisabled={isSaving || isDeleting}\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tsetIsAlertOpen(true);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tdata-testid=\"shopping-list-delete-button\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{isDeleting && <Spinner />}\r\n\t\t\t\t\t\t\t\t{Localizer('Delete')}\r\n\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<Alert\r\n\t\t\t\t\t\t\tisOpen={isAlertOpen}\r\n\t\t\t\t\t\t\trenderTitle={() => Localizer('DeleteShoppingList')}\r\n\t\t\t\t\t\t\tonCancel={() => setIsAlertOpen(false)}\r\n\t\t\t\t\t\t\tonConfirm={() => {\r\n\t\t\t\t\t\t\t\tsetIsAlertOpen(false);\r\n\r\n\t\t\t\t\t\t\t\tonRemoveShoppingList(shoppingListBeingEdited);\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\ttheme=\"danger\"\r\n\t\t\t\t\t\t\tconfirmButtonText={Localizer('Delete')}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('DeleteShoppingListConfirmationQuestion')}\r\n\t\t\t\t\t\t</Alert>\r\n\t\t\t\t\t</>\r\n\t\t\t\t) : null}\r\n\t\t\t\t{displayCancelButton ? (\r\n\t\t\t\t\t<div className=\"roc-modal__actions-item\">\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\tcolor=\"primary-alt\"\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-modal__actions-item-btn  roc-modal__btn-cancel\"\r\n\t\t\t\t\t\t\tdata-testid=\"shopping-list-cancel-button\"\r\n\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\tstopEditingShoppingList();\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('Cancel')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\t\t\t\t{displaySaveButton ? (\r\n\t\t\t\t\t<div className=\"roc-modal__actions-item\">\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\ttype=\"submit\"\r\n\t\t\t\t\t\t\tcolor=\"secondary\"\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-modal__actions-item-btn roc-modal__btn-confirm\"\r\n\t\t\t\t\t\t\tdisabled={isSaving || isDeleting}\r\n\t\t\t\t\t\t\tdata-testid=\"shopping-list-save-button\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{dirty ? dirtySaveButtonText : saveButtonText}\r\n\r\n\t\t\t\t\t\t\t{isSaving && <Spinner light />}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n}\r\n\r\nShoppingListEditItemBody.defaultProps = {\r\n\tdisplayCancelButton: true,\r\n\tdisplaySaveButton: true,\r\n\tsaveButtonText: Localizer('Save'),\r\n\tdirtySaveButtonText: Localizer('Save'),\r\n};\r\n","import * as React from 'react';\r\nimport { Form } from 'react-final-form';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { FormValidationPromise } from 'shared/types';\r\nimport ShoppingListEditItemBody from './ShoppingListEditItemBody';\r\nimport { ShoppingListDto } from './types';\r\n\r\ninterface ShoppingListEditItemProps {\r\n\tshoppingListBeingEdited: ShoppingListDto;\r\n\tonSaveShoppingList: (formValues: ShoppingListDto, hasChanges: boolean) => FormValidationPromise<void>;\r\n\tonRemoveShoppingList?: (shoppingList: ShoppingListDto) => void;\r\n\tstopEditingShoppingList: () => void;\r\n\tisSaving: boolean;\r\n\tdisplayCancelButton: boolean;\r\n\tdisplaySaveButton: boolean;\r\n\tsaveButtonText: string;\r\n\tdirtySaveButtonText: string;\r\n\tshoppingList?: ShoppingListDto[];\r\n\tisDeleting?: boolean;\r\n}\r\n\r\nexport interface ShoppingListEditItemBodyProps {\r\n\tshoppingListBeingEdited: ShoppingListDto;\r\n\tstopEditingShoppingList: () => void;\r\n\tonRemoveShoppingList?: (shoppingList: ShoppingListDto) => void;\r\n\tisSaving: boolean;\r\n\tdisplayCancelButton: boolean;\r\n\tdisplaySaveButton: boolean;\r\n\tsaveButtonText: string;\r\n\tdirtySaveButtonText: string;\r\n\t/** Whether to prevent the \"Set as Default\" checkbox from rendering */\r\n\tshoppingList?: ShoppingListDto[];\r\n\tdirty: boolean;\r\n\tisDeleting?: boolean;\r\n}\r\n\r\n/**\r\n * Handles loading the create/edit component.\r\n * Contains a form with the shopping list fields for add an shopping list.\r\n * Form validation, callbacks and data functions are handled in the containing component (ShoppingList).\r\n */\r\nexport default function ShoppingListEditItem(props: ShoppingListEditItemProps) {\r\n\tconst { onSaveShoppingList, shoppingListBeingEdited } = props;\r\n\r\n\treturn (\r\n\t\t<Form\r\n\t\t\tonSubmit={(values: ShoppingListDto, form) => {\r\n\t\t\t\treturn onSaveShoppingList(values, form.getState().dirty);\r\n\t\t\t}}\r\n\t\t\tsubscription={{ pristine: true, dirty: true, submitError: true }}\r\n\t\t\tinitialValues={{\r\n\t\t\t\t...shoppingListBeingEdited,\r\n\t\t\t}}\r\n\t\t\trender={({ handleSubmit, dirty }) => {\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<form onSubmit={handleSubmit}>\r\n\t\t\t\t\t\t<ShoppingListEditItemBody {...props} dirty={dirty} />\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\nShoppingListEditItem.defaultProps = {\r\n\tdisplayCancelButton: true,\r\n\tdisplaySaveButton: true,\r\n\tsaveButtonText: Localizer('Save'),\r\n\tdirtySaveButtonText: Localizer('Save'),\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 { UseAxiosPaginatedLoaderResult, useAxiosPaginatedLoader } from 'shared/hooks/useAxiosPaginatedLoader';\r\nimport { PaginatedResult } from 'shared/types';\r\nimport { ShoppingListDto } from './types';\r\n\r\n/**\r\n * useShoppingLists hook result object\r\n */\r\ninterface UseShoppingListsResult\r\n\textends UseAxiosPaginatedLoaderResult<ShoppingListDto, PaginatedResult<ShoppingListDto>> {}\r\n\r\ninterface UseShoppingListsParams {\r\n\tinitialPageSize?: number;\r\n}\r\n\r\n/**\r\n * Custom hook for my account Shopping Lists\r\n */\r\nexport function useShoppingListLoader({ initialPageSize }: UseShoppingListsParams): UseShoppingListsResult {\r\n\tconst {\r\n\t\tpage,\r\n\t\tgoToPage,\r\n\t\tgoToNextPage,\r\n\t\tgoToPreviousPage,\r\n\t\tsetSorting,\r\n\t\tsetPageSize,\r\n\t\terror,\r\n\t\tloading,\r\n\t\tresults,\r\n\t\tsortByName,\r\n\t\tsortDirection,\r\n\t} = useAxiosPaginatedLoader<ShoppingListDto, PaginatedResult<ShoppingListDto>>({\r\n\t\taxiosParams: {\r\n\t\t\turl: `/ajax/shopping-lists`,\r\n\t\t},\r\n\t\tinitialPageSize: initialPageSize || 20,\r\n\t});\r\n\r\n\treturn {\r\n\t\tpage,\r\n\t\tgoToPage,\r\n\t\tgoToNextPage,\r\n\t\tgoToPreviousPage,\r\n\t\tsetSorting,\r\n\t\tsetPageSize,\r\n\t\terror,\r\n\t\tloading,\r\n\t\tresults,\r\n\t\tsortByName,\r\n\t\tsortDirection,\r\n\t};\r\n}\r\n","import AxiosHelper from 'services/AxiosHelper';\r\nimport { AxiosResponse } from 'axios';\r\n\r\nexport interface UserSummary {\r\n\tisSignedIn: boolean;\r\n\tuserName: string | null;\r\n\tfirstName: string | null;\r\n\tlastName: string | null;\r\n\temail: string | null;\r\n\tphoneNumber: string | null;\r\n\ttwoFactorEnabled: boolean;\r\n\thasRecoveryCodes: boolean;\r\n\tisMachineRemembered: boolean;\r\n\tannouncements: UserAnnouncement[];\r\n\tisExternalLoginUser: boolean;\r\n\r\n\t// #region TapeCase\r\n\tisOptedInForMarketingEmails: boolean;\r\n\t// #endregion\r\n}\r\n\r\n/** Represents the details about an admin impersonation session of the logged in user. */\r\nexport interface Impersonation {\r\n\t/** The id of the admin impersonating the front end user. */\r\n\timpersonatorId: string;\r\n\r\n\t/** The name of the admin impersonating the front end user. */\r\n\timpersonatorName: string;\r\n\r\n\t/** The id of the active user impersonation session. */\r\n\tsessionId: string;\r\n}\r\n\r\nexport interface UserData {\r\n\t/**\r\n\t * Summary of user-specific details\r\n\t */\r\n\tsummary?: UserSummary;\r\n\r\n\t/**\r\n\t * CSRF validation token generated by the server\r\n\t */\r\n\trequestToken?: string;\r\n\r\n\t/**\r\n\t * The information on an impersonation session if one is active.\r\n\t * If an impersonation session isn't active this field will be undefined.\r\n\t */\r\n\timpersonation?: Impersonation;\r\n}\r\n\r\nexport interface UserAnnouncement {\r\n\t/** The id used as the primary key for the announcement in the database */\r\n\tid: string;\r\n\r\n\t/** An announcement to be displayed to the user */\r\n\tmessage: string;\r\n\r\n\t/** A list of pages where the announcement will be displayed. This will be an empty array if it is to be displayed on all pages. */\r\n\tpages: string[];\r\n}\r\n\r\nlet userDataPromise: Promise<AxiosResponse<UserData>> | null = null;\r\n\r\n/**\r\n * Returns details related to the current user. By default, this is primarily their first/last name\r\n * and whether they are logged in or not. This can customized to include more details if necessary.\r\n */\r\nexport const getUserData = () => {\r\n\tif (userDataPromise === null) {\r\n\t\tuserDataPromise = AxiosHelper.get<UserData>('/ajax/user');\r\n\t}\r\n\r\n\treturn userDataPromise;\r\n};\r\n\r\n/**\r\n * Returns non-cached details related to the current user. By default, this is primarily their first/last name\r\n * and whether they are logged in or not. This can customized to include more details if necessary.\r\n */\r\nexport const getUserDataNoCache = () => {\r\n\treturn AxiosHelper.get<UserData>('/ajax/user');\r\n};\r\n\r\n/**\r\n * Returns a promise that will contain the CSRF token generated on the server to be used to validate\r\n * forms being posted via AJAX.\r\n */\r\nexport async function getCsrfToken() {\r\n\ttry {\r\n\t\tconst userData = await getUserData();\r\n\t\treturn userData.data.requestToken;\r\n\t} catch (error) {\r\n\t\tconsole.warn('Unable to load CSRF token.');\r\n\t\treturn '';\r\n\t}\r\n}\r\n\r\n// #region Commerce\r\nimport { CartSummary } from './UserData.Commerce';\r\nimport { LocationDto } from 'features/commerce/store-locator/types';\r\nimport { OrganizationInvite, OrganizationShipTo } from 'shared-client/types/commerce/organization';\r\nimport { AutoSuggestOption } from '../../../Roc.SharedClientApp/types/fields';\r\n\r\n// Commerce extensions to the UserData interface\r\nexport interface UserData {\r\n\tcartSummary?: CartSummary;\r\n\r\n\t/***\r\n\t * The customer's default store location or null if not set\r\n\t */\r\n\tdefaultStoreLocation?: LocationDto | null;\r\n\r\n\t/**\r\n\t * If store is enabled for this site\r\n\t */\r\n\tenableStoreLocation?: boolean;\r\n}\r\n\r\n/***\r\n * Organization data and permissions\r\n */\r\nexport interface Organization {\r\n\tid: string;\r\n\tpurchaseOrderNumberRequired: boolean;\r\n\tcreditCardAllowed: boolean;\r\n\tgiftCardAllowed: boolean;\r\n\torganizationName: string;\r\n\tcorpAccountAllowed: boolean;\r\n\t//#region TapeCase Customization\r\n\tisApprovedDistributor: boolean;\r\n\tpurchaseOrderAllowed: boolean;\r\n\t//#endregion\r\n}\r\n\r\n/***\r\n * Organization dto data\r\n */\r\nexport interface OrganizationDto extends AutoSuggestOption {}\r\n\r\n/***\r\n * User's organization and permissions data\r\n */\r\nexport interface UserSummary {\r\n\t/***\r\n\t * User's current default organization\r\n\t */\r\n\torganization: Organization | null;\r\n\r\n\t/***\r\n\t * The list of organizations the user is part of\r\n\t */\r\n\tuserOrganizations?: OrganizationDto[] | null;\r\n\r\n\t/***\r\n\t * The selected organization ship to\r\n\t */\r\n\tselectedShipTo: OrganizationShipTo | null;\r\n\r\n\t/***\r\n\t * Defines if the user has multiple shiptos to select from\r\n\t */\r\n\thasMultipleShipTos: boolean | null;\r\n\r\n\t/***\r\n\t * Defines if the user has saved payment methods\r\n\t */\r\n\thasSavedPaymentMethods: boolean | null;\r\n\r\n\t/***\r\n\t * The list of user permissions\r\n\t */\r\n\tpermissions?: UserPermissions;\r\n\r\n\t/***\r\n\t * The list of organizations the user is invited to join\r\n\t */\r\n\torganizationInvites?: OrganizationInvite[];\r\n\r\n\t/***\r\n\t * The user organization removal notification\r\n\t * Used to notify the user if he is no more part of his default organization\r\n\t */\r\n\tuserOrganizationRemovalNotification?: string;\r\n}\r\n\r\n/***\r\n * User's permissions\r\n */\r\nexport interface UserPermissions {\r\n\t/***\r\n\t * Defines if the current user can see organization users\r\n\t */\r\n\tcanSeeOrganizationUsers?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can assign roles to organization users\r\n\t */\r\n\tcanAssignRolesToOrganizationUsers?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can remove users from an organization\r\n\t */\r\n\tremoveUserFromOrganization?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can create organization users\r\n\t */\r\n\tcreateOrganizationUser?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can enable/disable ShipTos for organization users\r\n\t */\r\n\tmanageShipTosAssociation?: boolean;\r\n\r\n\t/***\r\n\t * Defines if the current user can see status of the organization users\r\n\t */\r\n\tcanSeePendingOrganizationUsers?: boolean;\r\n}\r\n// #endregion\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\nimport { ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { BaseInputProps } from './InputField';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nexport type InputFieldProps = FieldRenderProps<boolean, HTMLElement> &\r\n\tBaseInputProps & {\r\n\t\tplaceholder?: string;\r\n\t};\r\n\r\n/**\r\n * Component that renders a checkbox input with form field.\r\n */\r\nexport default function CheckboxInputField({\r\n\tinput: { name, onChange, checked }, //#region TapeCase Customization (bugfix), added attribute `checked` instead of value\r\n\tmeta,\r\n\ttype,\r\n\tlabel = '',\r\n\tdisabled = false,\r\n\treadOnly = false,\r\n\tplaceholder = '',\r\n\tstep,\r\n\ttestId,\r\n\tdefaultValue = false,\r\n}: InputFieldProps) {\r\n\treturn (\r\n\t\t<div className={meta.dirty ? 'roc-form-group form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t<div className=\"roc-form-input__input-checkbox-wrapper\">\r\n\t\t\t\t<FieldInputErrorWrapper name={name} inline={type === 'checkbox'}>\r\n\t\t\t\t\t<label htmlFor={name} className=\"roc-form-input__input-checkbox-label\">\r\n\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t//#region TapeCase Customization (bugfix)\r\n\t\t\t\t\t\t\tchecked={checked}\r\n\t\t\t\t\t\t\t//endregion\r\n\t\t\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\tdefaultChecked={defaultValue}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\tstep={step}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t<span className=\"roc-form-input__input-checkbox-label-text\">{label}</span>\r\n\t\t\t\t\t</label>\r\n\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t</div>\r\n\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport CheckboxInputField from './CheckboxInputField';\r\nimport { BaseInputProps } from './InputField';\r\n\r\nexport type InputFieldProps = FieldProps<boolean, FieldRenderProps<boolean, HTMLElement>> & BaseInputProps;\r\n\r\n/**\r\n * Component that renders a checkbox field\r\n */\r\nexport default function CheckBoxField({\r\n\tname,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tlabel = '',\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tformatOnBlur,\r\n\tinitialValue,\r\n\tisEqual,\r\n\tsubscription,\r\n\tdefaultValue,\r\n\t//#region TapeCase Customization (bugfix)\r\n\tchecked,\r\n}: //endregion\r\nInputFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\ttype=\"checkbox\"\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t\t//#region TapeCase Customization (bugfix)\r\n\t\t\tchecked={checked}\r\n\t\t\t//endregion\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<CheckboxInputField\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tinput={input}\r\n\t\t\t\t\tmeta={meta}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\ttype=\"checkbox\"\r\n\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport { DropdownOption } from 'shared-client/types/fields';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { FormFieldProps, ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport FieldLabel from './FieldLabel';\r\nexport type DropdownProps = FormFieldProps & {\r\n\taddSelectOption?: boolean;\r\n\toptions: DropdownOption[];\r\n};\r\n\r\nexport type DropdownFieldProps = DropdownProps &\r\n\tFieldProps<DropdownOption, FieldRenderProps<DropdownOption, HTMLElement>>;\r\n\r\n/**\r\n * Component that renders a Dropdown field component\r\n */\r\nexport default function DropdownField({\r\n\tname,\r\n\tisRequired = true,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\taddSelectOption = true,\r\n\toptions,\r\n\tlabel = '',\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tformatOnBlur,\r\n\tisEqual,\r\n\tsubscription,\r\n\tvalidateFields,\r\n\ttestId,\r\n}: DropdownFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalidateFields={validateFields}\r\n\t\t>\r\n\t\t\t{({ input: { value, onChange, onFocus, onBlur }, meta }) => (\r\n\t\t\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t\t\t<FieldInputErrorWrapper name={name} hideIcon>\r\n\t\t\t\t\t\t<select\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\tonBlur={onBlur}\r\n\t\t\t\t\t\t\tonFocus={onFocus}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{addSelectOption ? <option value=\"\" /> : null}\r\n\t\t\t\t\t\t\t{options.map((option, index) => (\r\n\t\t\t\t\t\t\t\t<option\r\n\t\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\t\tvalue={option.value}\r\n\t\t\t\t\t\t\t\t\tdisabled={readOnly}\r\n\t\t\t\t\t\t\t\t\tdata-testid={`field-${toKebabCase(name)}-option-${toKebabCase(option.text)}`}\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{option.text}\r\n\t\t\t\t\t\t\t\t</option>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</select>\r\n\t\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\n\r\ntype ValidationMessagesProps = Pick<FieldRenderProps<any, HTMLElement>, 'meta'> & {\r\n\tid: string;\r\n};\r\n\r\nfunction getErrorArray(errorOrSubmitError) {\r\n\tlet errors: string[] = [];\r\n\tif (typeof errorOrSubmitError === 'string') {\r\n\t\terrors.push(errorOrSubmitError);\r\n\t} else if (Array.isArray(errorOrSubmitError)) {\r\n\t\terrors = errorOrSubmitError.filter((error) => !Array.isArray(error) && typeof error === 'string');\r\n\t}\r\n\r\n\treturn errors;\r\n}\r\n\r\n/**\r\n * Displays validation errors for fields\r\n *\r\n * @class ValidationMessages\r\n * @extends {React.Component<ValidationMessagesProps>}\r\n */\r\nfunction ValidationMessages(props: ValidationMessagesProps) {\r\n\tconst { meta } = props;\r\n\r\n\tif (!meta) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tlet errors: string[] = [];\r\n\r\n\t/* \r\n\t almost all validation comes from the server, so we only need to check `submitError` despite there being `error`\r\n\t there are 3 kinds of values for submitError, string, string[] and [string|[]|object]\r\n\t the third type happens when you're using FieldArray, so we're going to filter those out and only\r\n\t take the strings if submitError is an array. this is due to a bug (possibly feature?) of final form\r\n\t where the submit errors for field array fields bubble up into the parent field.\r\n\t */\r\n\tif (meta.submitError) {\r\n\t\terrors = errors.concat(getErrorArray(meta.submitError));\r\n\r\n\t\t// for server-side validation, we need to stop showing these after any changes are made.\r\n\t\tif (meta.dirtySinceLastSubmit || meta.submitting) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t} else if (meta.error) {\r\n\t\t// sometimes we validate on the client, so we need to support these as well.\r\n\t\terrors = errors.concat(getErrorArray(meta.error));\r\n\t}\r\n\r\n\treturn (\r\n\t\t// #region Tapecase\r\n\t\t<span\r\n\t\t\tclassName=\"roc-form-suffix roc-form-suffix--error\"\r\n\t\t\tid={props.id}\r\n\t\t\tdata-testid={props.id}\r\n\t\t\taria-live=\"polite\"\r\n\t\t\taria-atomic=\"true\"\r\n\t\t>\r\n\t\t\t{/*  #endregion */}\r\n\t\t\t{(meta.submitError || meta.error) &&\r\n\t\t\t\tmeta.touched &&\r\n\t\t\t\terrors.length > 0 &&\r\n\t\t\t\terrors.map((error, index) => (\r\n\t\t\t\t\t<React.Fragment key={index}>\r\n\t\t\t\t\t\t<span>{error}</span>\r\n\t\t\t\t\t\t<br />\r\n\t\t\t\t\t</React.Fragment>\r\n\t\t\t\t))}\r\n\t\t</span>\r\n\t);\r\n}\r\n\r\nexport default ValidationMessages;\r\n","import React from 'react';\r\nimport StarRating from '~/shared/components/star-rating/StarRating';\r\nimport { Field } from 'react-final-form';\r\nimport OptionalFieldMarker from '../OptionalFieldMarker';\r\nimport ValidationMessages from './ValidationMessages';\r\nimport { FormFieldProps } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { LocalizedSpan } from 'services/Localizer';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nexport interface StarRatingFieldProps extends FormFieldProps {\r\n\t/**\r\n\t * The maximum number of stars to display (default is 5)\r\n\t */\r\n\tmaxRating?: number;\r\n}\r\n\r\n/**\r\n * Reusable RFF-compatible field that displays a star rating input\r\n * @param props\r\n */\r\nexport default function StarRatingField({\r\n\tname,\r\n\tlabel = '',\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tmaxRating = 5,\r\n\tisRequired = true,\r\n\ttestId,\r\n}: StarRatingFieldProps) {\r\n\treturn (\r\n\t\t<Field name={name}>\r\n\t\t\t{({ input: { value, onChange }, meta }) => (\r\n\t\t\t\t<FieldInputErrorWrapper name={name} inline>\r\n\t\t\t\t\t<fieldset className=\"roc-rating\">\r\n\t\t\t\t\t\t<legend className=\"roc-form-input-label\">\r\n\t\t\t\t\t\t\t{label} {!isRequired ? <OptionalFieldMarker /> : null}\r\n\t\t\t\t\t\t</legend>\r\n\r\n\t\t\t\t\t\t<div className=\"roc-rating__group\">\r\n\t\t\t\t\t\t\t<StarRating\r\n\t\t\t\t\t\t\t\tvalue={value}\r\n\t\t\t\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\t\t\t\tmaxRating={maxRating}\r\n\t\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\t\treadonly={readOnly || disabled}\r\n\t\t\t\t\t\t\t\ttestId={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div className=\"roc-rating__text roc-visually-hidden\">\r\n\t\t\t\t\t\t\t<LocalizedSpan\r\n\t\t\t\t\t\t\t\tresourceKey=\"XOutOfYStars\"\r\n\t\t\t\t\t\t\t\targs={[\r\n\t\t\t\t\t\t\t\t\t`<span className=\"roc-rating__text-current\">${value}</span>\r\n\t\t\t\t\t\t\t<span id=${name} className=\"roc-rating__text-max\">`,\r\n\t\t\t\t\t\t\t\t\t`<span className=\"roc-rating__text-max-number\">${maxRating}</span>\r\n\t\t\t\t\t\t\t</span>`,\r\n\t\t\t\t\t\t\t\t]}\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t\t</fieldset>\r\n\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import * as React from 'react';\r\nimport { ValidationMessages, FormFieldProps } from '.';\r\nimport { FieldProps, Field, FieldRenderProps } from 'react-final-form';\r\nimport FieldLabel from './FieldLabel';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nexport type TextAreaFieldProps = FieldProps<string, FieldRenderProps<string, HTMLElement>> &\r\n\tFormFieldProps & {\r\n\t\trows?: number;\r\n\t\tplaceholder?: string;\r\n\t};\r\n\r\n/**\r\n * Component that renders a textarea input component.\r\n */\r\nexport default function TextAreaField({\r\n\tname,\r\n\tisRequired = true,\r\n\treadOnly = false,\r\n\tdisabled = false,\r\n\tplaceholder = '',\r\n\tlabel = '',\r\n\trows = 5,\r\n\tvalidate,\r\n\tafterSubmit,\r\n\tallowNull,\r\n\tbeforeSubmit,\r\n\tcomponent,\r\n\tdefaultValue,\r\n\tformat,\r\n\tformatOnBlur,\r\n\tinitialValue,\r\n\tisEqual,\r\n\tparse,\r\n\trender,\r\n\tsubscription,\r\n\tvalue,\r\n\ttestId,\r\n}: TextAreaFieldProps) {\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tvalidate={validate}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tcomponent={component}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t\tformat={format}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tparse={parse}\r\n\t\t\trender={render}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalue={value}\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t\t\t<FieldInputErrorWrapper name={name}>\r\n\t\t\t\t\t\t<textarea\r\n\t\t\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\t\t\tid={name}\r\n\t\t\t\t\t\t\tname={name}\r\n\t\t\t\t\t\t\tvalue={input.value}\r\n\t\t\t\t\t\t\tonChange={input.onChange}\r\n\t\t\t\t\t\t\tonBlur={input.onBlur}\r\n\t\t\t\t\t\t\tonFocus={input.onFocus}\r\n\t\t\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\t\t\trows={rows}\r\n\t\t\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t\t\t</div>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { FieldRenderProps } from 'react-final-form';\r\nimport { toKebabCase } from 'util/StringUtil';\r\nimport { FormFieldProps, ValidationMessages } from '.';\r\nimport FieldInputErrorWrapper from './FieldInputErrorWrapper';\r\nimport FieldLabel from './FieldLabel';\r\n\r\nexport interface BaseInputProps extends FormFieldProps {\r\n\ttype?: string;\r\n\tstep?: string;\r\n}\r\n\r\nexport type InputFieldProps = FieldRenderProps<string, HTMLElement> &\r\n\tBaseInputProps & {\r\n\t\tplaceholder?: string;\r\n\t};\r\n\r\nexport type HTMLInputRef = React.MutableRefObject<any>;\r\n/**\r\n * Component that renders an input with form field.\r\n */\r\nconst InputField = React.forwardRef((props: InputFieldProps, ref: HTMLInputRef) => {\r\n\tconst {\r\n\t\tinput: { name, onChange, value },\r\n\t\tmeta,\r\n\t\ttype,\r\n\t\tlabel = '',\r\n\t\tisRequired = true,\r\n\t\tdisabled = false,\r\n\t\treadOnly = false,\r\n\t\tplaceholder = '',\r\n\t\tstep,\r\n\t\ttestId,\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<div className={meta.dirty ? 'roc-form-group roc-form-group--dirty' : 'roc-form-group'}>\r\n\t\t\t<FieldLabel label={label} name={name} isRequired={isRequired} htmlFor={name} />\r\n\t\t\t<FieldInputErrorWrapper name={name} inline={type === 'checkbox'}>\r\n\t\t\t\t<input\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tclassName=\"roc-form-input__input\"\r\n\t\t\t\t\tid={name}\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\ttype={type}\r\n\t\t\t\t\tvalue={value}\r\n\t\t\t\t\tonChange={onChange}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\tstep={step}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\taria-describedby={name + '-invalid'}\r\n\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\tdata-testid={testId || `field-${toKebabCase(name)}`}\r\n\t\t\t\t/>\r\n\t\t\t</FieldInputErrorWrapper>\r\n\t\t\t<ValidationMessages id={name + '-invalid'} meta={meta} />\r\n\t\t</div>\r\n\t);\r\n});\r\n\r\nexport default InputField;\r\n","import React from 'react';\r\nimport { Field, FieldProps, FieldRenderProps } from 'react-final-form';\r\nimport InputField, { BaseInputProps, HTMLInputRef } from './InputField';\r\n\r\nexport type InputFieldProps = FieldProps<string, FieldRenderProps<string, HTMLElement>> & BaseInputProps;\r\n\r\n/**\r\n * Component that renders a text box component, of the specified type\r\n */\r\nconst TextBoxField = React.forwardRef((props: InputFieldProps, ref: HTMLInputRef) => {\r\n\tconst {\r\n\t\tname,\r\n\t\ttype = 'text',\r\n\t\tisRequired = true,\r\n\t\treadOnly = false,\r\n\t\tdisabled = false,\r\n\t\tplaceholder = '',\r\n\t\tlabel = '',\r\n\t\tvalidate,\r\n\t\tafterSubmit,\r\n\t\tallowNull,\r\n\t\tbeforeSubmit,\r\n\t\tcomponent,\r\n\t\tdefaultValue,\r\n\t\tformat,\r\n\t\tformatOnBlur,\r\n\t\tinitialValue,\r\n\t\tisEqual,\r\n\t\tparse,\r\n\t\trender,\r\n\t\tsubscription,\r\n\t\tvalue,\r\n\t\ttestId,\r\n\t} = props;\r\n\r\n\treturn (\r\n\t\t<Field\r\n\t\t\tname={name}\r\n\t\t\tvalidate={validate}\r\n\t\t\tafterSubmit={afterSubmit}\r\n\t\t\tallowNull={allowNull}\r\n\t\t\tbeforeSubmit={beforeSubmit}\r\n\t\t\tcomponent={component}\r\n\t\t\tdefaultValue={defaultValue}\r\n\t\t\tformat={format}\r\n\t\t\tformatOnBlur={formatOnBlur}\r\n\t\t\tinitialValue={initialValue}\r\n\t\t\tisEqual={isEqual}\r\n\t\t\tparse={parse}\r\n\t\t\trender={render as any}\r\n\t\t\tsubscription={subscription}\r\n\t\t\tvalue={value}\r\n\t\t>\r\n\t\t\t{({ input, meta }) => (\r\n\t\t\t\t<InputField\r\n\t\t\t\t\tref={ref}\r\n\t\t\t\t\tisRequired={isRequired}\r\n\t\t\t\t\treadOnly={readOnly}\r\n\t\t\t\t\tdisabled={disabled}\r\n\t\t\t\t\ttype={type}\r\n\t\t\t\t\tname={name}\r\n\t\t\t\t\tplaceholder={placeholder}\r\n\t\t\t\t\tlabel={label}\r\n\t\t\t\t\tinput={input}\r\n\t\t\t\t\tmeta={meta}\r\n\t\t\t\t\ttestId={testId}\r\n\t\t\t\t/>\r\n\t\t\t)}\r\n\t\t</Field>\r\n\t);\r\n});\r\n\r\nexport default TextBoxField;\r\n","export enum ModelStatus {\r\n\tPublished = 'Published',\r\n\tInactive = 'Inactive',\r\n\tDeleted = 'Deleted',\r\n\tDraft = 'Draft',\r\n\tArchived = 'Archived',\r\n}\r\n","import { ServerData } from 'services/ServerData';\r\n\r\nexport default {\r\n\tBaseUrl: ServerData.ACCOUNT_URL_BASE ?? '/my-account',\r\n\tLogin: ServerData.ACCOUNT_LOGIN_URL ?? '/my-account/login',\r\n\tLogin2fa: ServerData.ACCOUNT_LOGIN_WITH_2FA_URL ?? '/my-account/login-with-2fa',\r\n\tRegister: ServerData.ACCOUNT_REGISTER_URL ?? '/my-account/register',\r\n\tForgotPassword: ServerData.ACCOUNT_FORGOT_PASSWORD_URL ?? '/my-account/forgot-password',\r\n\tLoginWithRecoveryCode: ServerData.ACCOUNT_LOGIN_WITH_RECOVERY_CODE_URL ?? '/my-account/login-with-recovery-code',\r\n\tLogout: ServerData.ACCOUNT_LOGOUT_URL ?? '/my-account/logout',\r\n\t// #region Commerce\r\n\tOrganizationReview: ServerData.ACCOUNT_ORGANIZATION_REVIEW_URL ?? '/my-account/organization-review',\r\n\tOrganizationSelector: ServerData.ACCOUNT_ORGANIZATION_SELECTOR_URL ?? '/my-account/organization-selector',\r\n\t// #endregion\r\n};\r\n","import { useEffect } from 'react';\r\nimport 'shared/polyfills/customEvent';\r\nimport { RocEventType, ExtractEventParameters, RocEvent } from 'shared/events';\r\nimport addRocEventHandler from 'shared/util/events/rocEventUtils';\r\n\r\n/**\r\n * Helper function for dispatching ROC events.\r\n *\r\n * @param eventType The event type for the dispatcher\r\n */\r\nexport function dispatchRocEvent<T extends RocEventType>(eventType: T, data: ExtractEventParameters<RocEvent, T>) {\r\n\tconst event = new CustomEvent(eventType, {\r\n\t\tdetail: data,\r\n\t});\r\n\tdocument.dispatchEvent(event);\r\n}\r\n\r\n/**\r\n * Reusable hook for handling ROC events\r\n *\r\n * @param eventType The type of event to handle\r\n * @param eventHandler The event handler\r\n * @param deps List of dependencies\r\n */\r\nexport default function useRocEventHandler<T extends RocEventType>(\r\n\teventType: T,\r\n\teventHandler: (data: ExtractEventParameters<RocEvent, T>) => void,\r\n\tdeps?: any[],\r\n) {\r\n\tuseEffect(() => {\r\n\t\tconst removeHandlerCallback = addRocEventHandler(eventType, eventHandler);\r\n\r\n\t\treturn () => {\r\n\t\t\tremoveHandlerCallback();\r\n\t\t};\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, deps);\r\n}\r\n","import React from 'react';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\n\r\n// eslint-disable-next-line\r\n// tslint:disable-next-line\r\nexport interface ErrorBoundaryRenderProps extends ErrorBoundaryState {}\r\n\r\nexport interface ErrorBoundaryProps {\r\n\tchildren: React.ReactNode;\r\n\trenderError?: (renderProps: ErrorBoundaryRenderProps) => React.ReactNode;\r\n}\r\n\r\nexport interface ErrorBoundaryState {\r\n\terror?: Error;\r\n}\r\n\r\n/**\r\n * Default Error Boundary component for frontend components, so that in case a JS error occurs, we show\r\n * something instead of nothing.\r\n */\r\nexport default class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\r\n\tpublic static defaultProps = {\r\n\t\trenderError: (renderProps: ErrorBoundaryRenderProps) => <InlineAlert error={renderProps.error ?? null} />,\r\n\t};\r\n\r\n\tpublic state: ErrorBoundaryState = {};\r\n\r\n\tpublic componentDidCatch(error: Error) {\r\n\t\tthis.setState({\r\n\t\t\terror,\r\n\t\t});\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tif (this.state.error) {\r\n\t\t\treturn this.props.renderError!(this.state);\r\n\t\t}\r\n\r\n\t\treturn this.props.children;\r\n\t}\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { AddToCartResponse, BulkAddToCartResponse } from 'services/UserData.Commerce';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport OrderMessages from '../shopping-cart/OrderMessages';\r\n\r\ninterface AddedToCartAlertProps {\r\n\tresponse: BulkAddToCartResponse;\r\n}\r\n\r\n/**\r\n * Displays confirmation when adding multiple items to cart\r\n */\r\nexport default function MultipleItemsAddedToCartAlert(props: AddedToCartAlertProps) {\r\n\tconst { response } = props;\r\n\tconst [displayAlert, setDisplayAlert] = useState(true);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetDisplayAlert(true);\r\n\t}, [response]);\r\n\r\n\tif (!displayAlert) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-item-summary\">\r\n\t\t\t<OrderMessages orderMessages={response.orderMessages} />\r\n\t\t\t{response.processedItems &&\r\n\t\t\t\tresponse.processedItems.map((responseItem, index) => {\r\n\t\t\t\t\treturn <AddedToCartLineItem item={responseItem} key={index} rowIndex={index} />;\r\n\t\t\t\t})}\r\n\t\t\t<div className=\"roc-item-summary__section\">\r\n\t\t\t\t<div className=\"roc-item-summary__final-wrapper\">\r\n\t\t\t\t\t<span className=\"roc-item-summary__final-count\">\r\n\t\t\t\t\t\t{Localizer('InCart')} {response.cartSummary?.items}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span className=\"roc-item-summary__final\">\r\n\t\t\t\t\t\t<span className=\"roc-item-summary__final-text\">{Localizer('Subtotal')}:</span>\r\n\t\t\t\t\t\t<ProductPricing\r\n\t\t\t\t\t\t\tinline\r\n\t\t\t\t\t\t\tdisplayPrice={response.cartSummary?.subtotal}\r\n\t\t\t\t\t\t\tclassName=\"roc-item-summary__final-value\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-item-summary__btn-row\">\r\n\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\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\tonClick={() => (window.location.href = '/cart')}\r\n\t\t\t\t\t\t\tclassName=\"roc-btn-secondary roc-btn-secondary--big roc-btn-secondary--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\tdata-testid=\"view-cart-modal-btn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('ViewCart')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\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\tonClick={() => (window.location.href = '/checkout')}\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-btn--big roc-btn--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\tdata-testid=\"checkout-modal-btn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\t\taria-hidden=\"false\"\r\n\t\t\t\t\t\t\t\taria-label=\"Close X\"\r\n\t\t\t\t\t\t\t\tclassName=\"roc-icon roc-icon-lock roc-item-summary__btn-icon\"\r\n\t\t\t\t\t\t\t\theight=\"16\"\r\n\t\t\t\t\t\t\t\trole=\"img\"\r\n\t\t\t\t\t\t\t\tviewBox=\"0 0 32 32\"\r\n\t\t\t\t\t\t\t\twidth=\"12\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\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\t\t\t\t\t</svg>\r\n\t\t\t\t\t\t\t<span className=\"roc-item-summary__btn-text\" data-testid=\"checkout-now-button\">\r\n\t\t\t\t\t\t\t\t{Localizer('CheckoutNow')}\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\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\ninterface addedToCartLineItemProps {\r\n\titem: AddToCartResponse;\r\n\trowIndex?: number;\r\n}\r\n\r\n/**\r\n * Displays a single line item on the alert when adding multiple items to cart\r\n */\r\nfunction AddedToCartLineItem(props: addedToCartLineItemProps) {\r\n\tconst { item, rowIndex } = props;\r\n\treturn (\r\n\t\t<div className=\"roc-item-summary__section\" data-testid={`added-to-cart-alert-product-${rowIndex}`}>\r\n\t\t\t<div className=\"roc-item-summary__item\">\r\n\t\t\t\t<div className=\"roc-item-summary__image-wrapper\">\r\n\t\t\t\t\t{item.imageUrl ? (\r\n\t\t\t\t\t\t<img className=\"roc-item-summary__image\" alt={item.name} src={item.imageUrl} />\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-item-summary__image\"\r\n\t\t\t\t\t\t\talt={item.name}\r\n\t\t\t\t\t\t\tsrc=\"/images/image-not-found-medium.png\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-item-summary__text\">\r\n\t\t\t\t\t<p>\r\n\t\t\t\t\t\t<strong>{item.name}</strong>\r\n\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t<ProductPricing inline displayPrice={item.displayPrice} />\r\n\r\n\t\t\t\t\t<table className=\"roc-item-summary__attributes\">\r\n\t\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t\t{item.selections !== null &&\r\n\t\t\t\t\t\t\t\titem.selections.length > 0 &&\r\n\t\t\t\t\t\t\t\t//#region Tapecase customization\r\n\t\t\t\t\t\t\t\titem.selections\r\n\t\t\t\t\t\t\t\t\t.filter((sel) => sel.name.toUpperCase() != 'SKU')\r\n\t\t\t\t\t\t\t\t\t.map((selection) => (\r\n\t\t\t\t\t\t\t\t\t\t//#end region\r\n\t\t\t\t\t\t\t\t\t\t<tr\r\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-item-summary__row\"\r\n\t\t\t\t\t\t\t\t\t\t\tkey={`added-to-cart-alert-selection-${selection.name}`}\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<td className=\"roc-item-summary__col roc-item-summary__col--property\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<strong>{selection.name}:</strong>\r\n\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--value\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t{selection.label}\r\n\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t))}\r\n\r\n\t\t\t\t\t\t\t<tr className=\"roc-item-summary__row\">\r\n\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--property\">\r\n\t\t\t\t\t\t\t\t\t<strong>{Localizer('Qty')}</strong>\r\n\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--value\">\r\n\t\t\t\t\t\t\t\t\t{item.adjustedQuantity}\r\n\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t</table>\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","// 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","//#region TapeCase\r\nimport { MY_ACCOUNT_PATH_PREFIX } from 'features/my-account/routes.roc';\r\n//#endregion TapeCase\r\nimport React from 'react';\r\nimport { Route } from 'react-router';\r\nimport { ServerData } from 'services/ServerData';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport { OrganizationUIComponents } from './OrganizationUIComponents';\r\n\r\n//#region TapeCase\r\nexport const ORGANIZATION_PREFIX = `${MY_ACCOUNT_PATH_PREFIX}/organization`;\r\n//#endregio TapeCase\r\nexport const ORGANIZATION_OVERVIEW_URL = `${ORGANIZATION_PREFIX}`;\r\nexport const ORGANIZATION_USERS_URL = `${ORGANIZATION_PREFIX}/users`;\r\nexport const ORGANIZATION_USERS_CREATE_URL = `${ORGANIZATION_USERS_URL}/create`;\r\nexport const UPDATE_ORGANIZATION_USER_URL = `${ORGANIZATION_PREFIX}/user`;\r\nexport const UPDATE_USER_ORGANIZATION_STATUS_URL = `${UPDATE_ORGANIZATION_USER_URL}/organization-status`;\r\nexport const UPDATE_USER_DEFAULT_ORGANIZATION_URL = `/user/organization`;\r\nexport const INVALIDATE_USER_ORGANIZATION_NOTIFICATION_CACHE_URL = `${UPDATE_USER_DEFAULT_ORGANIZATION_URL}/cache`;\r\nexport const ORGANIZATION_ORDERS_URL = `${ORGANIZATION_PREFIX}/orders`;\r\nexport const ORGANIZATION_SHIPTOS_URL = `${ORGANIZATION_PREFIX}/ship-to`;\r\nexport const ORGANIZATION_ORDER_DETAILS = `${ORGANIZATION_ORDERS_URL}/:orderNo`;\r\nexport const ORGANIZATION_MANAGE_SHIPTOS_URL = ''; // TBD\r\n\r\nconst OrganizationOrderDetailsComponent = React.lazy(() => {\r\n\tconst orderDetailsComponent =\r\n\t\tServerData?.OrderDetailsUIComponent && ServerData?.OrderDetailsUIComponent in OrganizationUIComponents\r\n\t\t\t? ServerData.OrderDetailsUIComponent\r\n\t\t\t: OrganizationUIComponents.DefaultOrganizationOrderDetails;\r\n\treturn import(/* webpackChunkName: \"organization-order-details\" */ `./orders/${orderDetailsComponent}`);\r\n});\r\n\r\nconst ShiptosComponent = React.lazy(() => import(/* webpackChunkName: \"ship-to\" */ './ship-to/OrganizationShipTos'));\r\n\r\nconst UsersComponent = React.lazy(() => import(/* webpackChunkName: \"org-users\" */ './users/OrganizationUsers'));\r\n\r\nconst OrganizationOrdersComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"org-orders\" */ './orders/OrganizationOrders'),\r\n);\r\n\r\nconst OrganizationUsersCreateComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"org-users-create\" */ './users/OrganizationUsersCreate'),\r\n);\r\n\r\nexport default (\r\n\t<React.Suspense fallback={<Spinner />}>\r\n\t\t{/*  ROC-3667 temporary hidden\r\n\t\t<Route exact path={ORGANIZATION_PREFIX} component={OrganizationsOverviewComponent} /> */}\r\n\t\t<Route exact path={ORGANIZATION_SHIPTOS_URL} component={ShiptosComponent} />\r\n\t\t<Route exact path={ORGANIZATION_USERS_URL} component={UsersComponent} />\r\n\t\t<Route exact path={ORGANIZATION_ORDERS_URL} component={OrganizationOrdersComponent} />\r\n\t\t<Route exact path={ORGANIZATION_ORDER_DETAILS} component={OrganizationOrderDetailsComponent} />\r\n\t\t<Route exact path={ORGANIZATION_USERS_CREATE_URL} component={OrganizationUsersCreateComponent} />\r\n\t</React.Suspense>\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","/**\r\n * Returns visitor expiry date for hawksearch visitor id stored in the cookie for the user.\r\n */\r\nexport function getVisitorExpiry() {\r\n\tconst d = new Date();\r\n\t// 1 year\r\n\td.setTime(d.getTime() + 360 * 24 * 60 * 60 * 1000);\r\n\treturn d.toUTCString();\r\n}\r\n\r\n/**\r\n * Returns visitor expiry date for hawksearch visit id stored in the cookie for the user.\r\n */\r\nexport function getVisitExpiry() {\r\n\tconst d = new Date();\r\n\t// 4 hours\r\n\td.setTime(d.getTime() + 4 * 60 * 60 * 1000);\r\n\treturn d.toUTCString();\r\n}\r\n\r\n/**\r\n * Creates GUID.\r\n */\r\nexport function createGuid() {\r\n\tconst s: string[] = [];\r\n\tconst hexDigits = '0123456789abcdef';\r\n\tfor (let i = 0; i < 36; i++) {\r\n\t\ts[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);\r\n\t}\r\n\ts[14] = '4'; // bits 12-15 of the time_hi_and_version field to 0010\r\n\ts[19] = hexDigits.substr(((s[19] as any) & 0x3) | 0x8, 1); // bits 6-7 of the clock_seq_hi_and_reserved to 01\r\n\ts[8] = s[13] = s[18] = s[23] = '-';\r\n\r\n\treturn s.join('');\r\n}\r\n\r\n/**\r\n * Returns the cookie.\r\n */\r\nexport function getCookie(name) {\r\n\tconst nameEQ = name + '=';\r\n\tconst ca = document.cookie.split(';');\r\n\r\n\tfor (let i = 0; i < ca.length; i++) {\r\n\t\tlet cookie = ca[i];\r\n\r\n\t\twhile (cookie.charAt(0) == ' ') {\r\n\t\t\tcookie = cookie.substring(1, cookie.length);\r\n\t\t}\r\n\r\n\t\tif (cookie.indexOf(nameEQ) == 0) {\r\n\t\t\treturn cookie.substring(nameEQ.length, cookie.length);\r\n\t\t}\r\n\t}\r\n\treturn null;\r\n}\r\n\r\n/**\r\n * Sets the cookie.\r\n */\r\nexport function setCookie(name: string, value: string, expiry?: string) {\r\n\tlet expires = '';\r\n\r\n\tif (expiry) {\r\n\t\texpires = '; expires=' + expiry;\r\n\t}\r\n\r\n\tdocument.cookie = name + '=' + value + expires + '; path=/';\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","// This is the Roc.Web variant of type-assertions.ts\r\n// The contents of this file should be identical to the version living in Roc.Admin\r\n// This currently cannot be moved to Roc.SharedClientApp (shared-client) because of transpilation issues with babel and webpack.\r\n// Working around this issue is currently not viable at this time but may be resolved in the future.\r\n// Please see https://github.com/babel/babel/issues/8309\r\n\r\n/**\r\n * Represents an assertion failure, meaning that an invariant that is supposed to always hold true, failed\r\n * Assertion failures should never be handled as they should never happen. They represent a programmer error.\r\n */\r\nexport class AssertionError extends Error {\r\n\tconstructor(m: string) {\r\n\t\tsuper(m);\r\n\r\n\t\t// Set the prototype explicitly.\r\n\t\tObject.setPrototypeOf(this, AssertionError.prototype);\r\n\t}\r\n}\r\n\r\n/**\r\n * Asserts that the specified condition is true and throws an assertion error if it is not.\r\n *\r\n * This is an assertion function and use of this function will impact TypeScript's flow analysis.\r\n */\r\nexport function assert(condition: any, message: string = ''): asserts condition {\r\n\tif (!condition) {\r\n\t\tif (message.length > 0) {\r\n\t\t\tthrow new AssertionError(`Assertion Failure: ${message}`);\r\n\t\t} else {\r\n\t\t\tthrow new AssertionError(`Assertion Failure`);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/**\r\n * Asserts that the specified arguments is not null or undefined and throws an assertion error if it is.\r\n *\r\n * This is an assertion function and use of this function will impact TypeScript's flow analysis.\r\n */\r\nexport function assertNotNullish<T>(arg: T): asserts arg is NonNullable<T> {\r\n\tif (arg === null || arg === undefined) {\r\n\t\tthrow new AssertionError(`Assertion Failure: The specified argument was null or undefined`);\r\n\t}\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { AddToCartResponse } from 'services/UserData.Commerce';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport LockSVG from 'shared/components/svg/LockSVG';\r\nimport OrderMessages from '../shopping-cart/OrderMessages';\r\n\r\ninterface AddedToCartAlertProps {\r\n\tresponse: AddToCartResponse;\r\n}\r\n\r\n/**\r\n * Displays Added to Cart confirmation\r\n */\r\nexport default function AddedToCartAlert(props: AddedToCartAlertProps) {\r\n\tconst { response } = props;\r\n\tconst [displayAlert, setDisplayAlert] = useState(true);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetDisplayAlert(true);\r\n\t}, [response]);\r\n\r\n\tif (!displayAlert) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-item-summary\" data-testid=\"added-to-cart-alert\">\r\n\t\t\t<OrderMessages orderMessages={response.orderMessages} />\r\n\t\t\t<div className=\"roc-item-summary__section\">\r\n\t\t\t\t<div className=\"roc-item-summary__item\">\r\n\t\t\t\t\t<div className=\"roc-item-summary__image-wrapper\">\r\n\t\t\t\t\t\t{response.imageUrl ? (\r\n\t\t\t\t\t\t\t<img className=\"roc-item-summary__image\" alt={response.name} src={response.imageUrl} />\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\tclassName=\"roc-item-summary__image\"\r\n\t\t\t\t\t\t\t\talt={response.name}\r\n\t\t\t\t\t\t\t\tsrc=\"/images/image-not-found-medium.png\"\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\t<div className=\"roc-item-summary__text\">\r\n\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t<strong>{response.name}</strong>\r\n\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t<strong>{Localizer('SKU')}: </strong>\r\n\t\t\t\t\t\t\t<span data-testid=\"added-to-cart-sku\">{response.sku}</span>\r\n\t\t\t\t\t\t</p>\r\n\r\n\t\t\t\t\t\t<ProductPricing inline displayPrice={response.displayPrice} />\r\n\r\n\t\t\t\t\t\t<table className=\"roc-item-summary__attributes\">\r\n\t\t\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t\t\t{response.selections !== null && response.selections.length > 0\r\n\t\t\t\t\t\t\t\t\t? //#region Tapecase customization\r\n\t\t\t\t\t\t\t\t\t  response.selections\r\n\t\t\t\t\t\t\t\t\t\t\t.filter((sel) => sel.name.toUpperCase() != 'SKU')\r\n\t\t\t\t\t\t\t\t\t\t\t.map((selection) => (\r\n\t\t\t\t\t\t\t\t\t\t\t\t//#end region\r\n\t\t\t\t\t\t\t\t\t\t\t\t<tr\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"roc-item-summary__row\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`added-to-cart-alert-selection-${selection.name}`}\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<td className=\"roc-item-summary__col roc-item-summary__col--property\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<strong>{selection.name}:</strong>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--value\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{selection.label}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t\t\t\t\t))\r\n\t\t\t\t\t\t\t\t\t: null}\r\n\r\n\t\t\t\t\t\t\t\t<tr className=\"roc-item-summary__row\">\r\n\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--property\">\r\n\t\t\t\t\t\t\t\t\t\t<strong>{Localizer('Qty')} </strong>\r\n\t\t\t\t\t\t\t\t\t</td>\r\n\r\n\t\t\t\t\t\t\t\t\t<td className=\"roc-item-summary__col roc-item-summary__col--value\">\r\n\t\t\t\t\t\t\t\t\t\t{response.adjustedQuantity}\r\n\t\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t\t</tbody>\r\n\t\t\t\t\t\t</table>\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\t<div className=\"roc-item-summary__section\">\r\n\t\t\t\t<div className=\"roc-item-summary__final-wrapper\">\r\n\t\t\t\t\t<span className=\"roc-item-summary__final-count\">\r\n\t\t\t\t\t\t{Localizer('InCart')} {response.cartSummary.items}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t\t<span className=\"roc-item-summary__final\">\r\n\t\t\t\t\t\t<span className=\"roc-item-summary__final-text\">{Localizer('Subtotal')}:</span>\r\n\t\t\t\t\t\t<ProductPricing\r\n\t\t\t\t\t\t\tinline\r\n\t\t\t\t\t\t\tdisplayPrice={response.cartSummary.subtotal}\r\n\t\t\t\t\t\t\tclassName=\"roc-item-summary__final-value\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div className=\"roc-item-summary__btn-row\">\r\n\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\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\tonClick={() => (window.location.href = '/cart')}\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-btn--big roc-btn--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\tdata-testid=\"view-cart-modal-btn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('ViewCart')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div className=\"roc-item-summary__btn-col\">\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\tonClick={() => (window.location.href = '/checkout')}\r\n\t\t\t\t\t\t\tclassName=\"roc-btn roc-btn--big roc-btn--block roc-item-summary__btn\"\r\n\t\t\t\t\t\t\tdata-testid=\"checkout-modal-btn\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<LockSVG className={'roc-item-summary__btn-icon'} />\r\n\t\t\t\t\t\t\t<span className=\"roc-item-summary__btn-text\" data-testid=\"checkout-now-button\">\r\n\t\t\t\t\t\t\t\t{Localizer('CheckoutNow')}\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\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t// <div>\r\n\t\t// \t<div style={{ display: 'flex' }}>\r\n\t\t// \t\t<div>\r\n\t\t// \t\t\t<p>Added to Cart</p>\r\n\t\t// \t\t</div>\r\n\t\t// \t\t<div style={{ width: '50%', textAlign: 'right' }}>\r\n\t\t// \t\t\t<button type=\"button\" onClick={() => setDisplayAlert(false)}>\r\n\t\t// \t\t\t\tClose\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// \t<div style={{ display: 'flex' }}>\r\n\t\t// \t\t<div style={{ width: '40%' }}>\r\n\t\t// \t\t\t{response.imageUrl ? (\r\n\t\t// \t\t\t\t<img src={response.imageUrl} style={{ maxWidth: '100%' }} />\r\n\t\t// \t\t\t) : (\r\n\t\t// \t\t\t\t<img src=\"https://via.placeholder.com/180x180\" />\r\n\t\t// \t\t\t)}\r\n\t\t// \t\t</div>\r\n\t\t// \t\t<div style={{ width: '60%' }}>\r\n\t\t// \t\t\t<div>{response.name}</div>\r\n\t\t// \t\t\t<div>\r\n\t\t// \t\t\t\t{response.salePrice != null ? (\r\n\t\t// \t\t\t\t\t<>\r\n\t\t// \t\t\t\t\t\t<span style={{ textDecoration: 'line-through' }}>\r\n\t\t// \t\t\t\t\t\t\t${formatPrice(response.basePrice)}\r\n\t\t// \t\t\t\t\t\t</span>\r\n\t\t// \t\t\t\t\t\t<span style={{ color: 'red' }}>${formatPrice(response.salePrice)}</span>\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<span>${formatPrice(response.basePrice)}</span>\r\n\t\t// \t\t\t\t)}\r\n\t\t// \t\t\t</div>\r\n\t\t// \t\t\t{response.selections !== null &&\r\n\t\t// \t\t\t\tresponse.selections.length > 0 &&\r\n\t\t// \t\t\t\tresponse.selections.map(selection => (\r\n\t\t// \t\t\t\t\t<div>\r\n\t\t// \t\t\t\t\t\t{selection.name}: {selection.label}\r\n\t\t// \t\t\t\t\t</div>\r\n\t\t// \t\t\t\t))}\r\n\t\t// \t\t\t<div>Qty: {response.adjustedQuantity}</div>\r\n\t\t// \t\t</div>\r\n\t\t// \t</div>\r\n\r\n\t\t// \t<hr />\r\n\t\t// \t<div style={{ display: 'flex' }}>\r\n\t\t// \t\t<div style={{ width: '50%' }}>\r\n\t\t// \t\t\t{response.cartSummary.items} {response.cartSummary.items === 1 ? 'item' : 'items'} in cart\r\n\t\t// \t\t</div>\r\n\t\t// \t\t<div style={{ width: '50%', textAlign: 'right' }}>\r\n\t\t// \t\t\tSubtotal: ${formatPrice(response.cartSummary.subtotal)}\r\n\t\t// \t\t</div>\r\n\t\t// \t</div>\r\n\t\t// \t<div style={{ display: 'flex' }}>\r\n\t\t// \t\t<div style={{ width: '50%' }}>\r\n\t\t// \t\t\t<button type=\"button\" onClick={() => (window.location.href = '/cart')}>\r\n\t\t// \t\t\t\tView Cart\r\n\t\t// \t\t\t</button>\r\n\t\t// \t\t</div>\r\n\t\t// \t\t<div style={{ width: '50%', textAlign: 'right' }}>\r\n\t\t// \t\t\t<button type=\"button\" onClick={() => (window.location.href = '/checkout')}>\r\n\t\t// \t\t\t\tCheckout Now\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, { useEffect, useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { AddToCartResponse } from 'services/UserData.Commerce';\r\nimport Modal from 'shared/components/Modal';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport CheckCircleSVG from 'shared/components/svg/CheckCircleSVG';\r\nimport InlineAlert from 'shared/edit/InlineAlert';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { assertNotNullish } from 'util/type-assertions';\r\nimport { OrderMessageAction } from '../shopping-cart/OrderMessages';\r\nimport useShoppingCart, { UseShoppingCart } from '../shopping-cart/useShoppingCart';\r\nimport AddedToCartAlert from '../store/AddedToCartAlert';\r\nimport { useProductDetailsContext } from './ProductDetailsContext';\r\nimport { CheckableLine, default as ProductPricingLines } from './ProductPricingLines';\r\nimport { AddToCartExceptionCode, Availability, ProductPricingLinesDetails, ProductType, Summary } from './types';\r\nimport { UseProductDetails } from './useProductDetails';\r\n\r\n//#region TapeCase\r\nimport { DisplayPricingResult } from '../../../../../Roc.SharedClientApp/types/commerce/display-price';\r\nimport { GetMinimumOrderQuantity, GetPricingLine } from 'features/commerce/pricing/pricing-result';\r\n//#endregion\r\n\r\n/** The component props for the ProductAddToCart component. */\r\ninterface ProductAddToCartProps {\r\n\tid: string;\r\n\tsummary?: Summary;\r\n\tavailability?: Availability | null;\r\n\tpricingLines?: ProductPricingLinesDetails;\r\n\tonPricingLineChange: (pricingLineId: string) => void;\r\n\r\n\tquantity: number | null;\r\n\tsetQuantity: (qty: number | null) => void;\r\n\r\n\tsetSelectedProductPricingLineId: (id: string | null) => void;\r\n\r\n\t//#region TapeCase\r\n\tdisplayPricing?: DisplayPricingResult;\r\n\t//#endregion\r\n}\r\n\r\n/**\r\n * Represents the component on a product details page that manages pricing line selections,\r\n * quantities, and of coursing, adding a product to the user's shopping cart.\r\n */\r\nexport default function ProductAddToCart(props: ProductAddToCartProps) {\r\n\tconst UseProductDetailsResult: UseProductDetails = useProductDetailsContext();\r\n\r\n\tconst {\r\n\t\tstate: { selectedPricingLine, productDetails },\r\n\t\tactor: { setSelectedPricingLine, isPricingLineUnavailable, isPurchaseable },\r\n\t} = UseProductDetailsResult;\r\n\r\n\tconst [modalOpen, setModalOpen] = useState(true);\r\n\tconst [addingToCart, setAddingToCart] = useState(false);\r\n\tconst [addToCartResponse, setAddToCartResponse] = useState<AddToCartResponse | null>(null);\r\n\tconst [errorMessages, setErrorMessages] = useState<Array<string>>([]);\r\n\tconst [isViewCartActive, setIsViewCartActive] = useState<boolean>(false);\r\n\r\n\tconst UseShoppingCartResult: UseShoppingCart = useShoppingCart();\r\n\r\n\tconst {\r\n\t\tstate: { error, errorMessage: cartErrorMessage, errorType },\r\n\t\tactor: { addToCart },\r\n\t} = UseShoppingCartResult;\r\n\r\n\tconst allSelectionsSelected = props.summary && props.summary.type === ProductType.Simple;\r\n\tconst errorTitle =\r\n\t\terrorType === AddToCartExceptionCode.cartFull\r\n\t\t\t? Localizer('CartFull')\r\n\t\t\t: errorType === AddToCartExceptionCode.productOutOfStock\r\n\t\t\t? Localizer('OutOfStock')\r\n\t\t\t: errorType === AddToCartExceptionCode.productUnavailable\r\n\t\t\t? Localizer('ProductUnavailable')\r\n\t\t\t: Localizer('ErrorMessageGenericTitle');\r\n\r\n\t//#region TapeCase\r\n\tlet minimumOrderQuantity: number | null = null;\r\n\tif (props.pricingLines && props.displayPricing) {\r\n\t\tconst selectedPricingLineId =\r\n\t\t\tprops.pricingLines && props.pricingLines.selected && props.pricingLines.selected.id;\r\n\t\tconst selectedPricingLine = GetPricingLine(props.displayPricing, props.id, selectedPricingLineId);\r\n\t\tif (selectedPricingLine) {\r\n\t\t\tminimumOrderQuantity = GetMinimumOrderQuantity(selectedPricingLine);\r\n\t\t}\r\n\t}\r\n\r\n\t//#endregion\r\n\r\n\tuseEffect(() => {\r\n\t\tif (allSelectionsSelected) {\r\n\t\t\tsetErrorMessages([]);\r\n\t\t\tsetAddingToCart(false);\r\n\t\t}\r\n\r\n\t\tif (cartErrorMessage) {\r\n\t\t\tsetErrorMessages([cartErrorMessage]);\r\n\t\t}\r\n\t}, [props.summary, allSelectionsSelected, cartErrorMessage]);\r\n\r\n\t//#region TapeCase\r\n\tuseEffect(() => {\r\n\t\tif (minimumOrderQuantity && minimumOrderQuantity > 1) {\r\n\t\t\tprops.setQuantity(minimumOrderQuantity);\r\n\t\t}\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\tif (productDetails.summary.isDiscontinued) {\r\n\t\treturn null;\r\n\t}\r\n\t//#endregion\r\n\r\n\t//#region Render method \"subcomponent\" helpers\r\n\r\n\t//#region AddToCartButton Subcomponent\r\n\t// The \"Add to Cart\" button. When pressed, the selected product will be added to the cart.\r\n\t// Manages its own visibility and \"clickability\", disabling itself if the selected option is\r\n\t// erroneous such as if it's not for sale.\r\n\r\n\t/** Event fired when the \"add to cart\" button is clicked. */\r\n\tconst handleAddToCart = async () => {\r\n\t\tsetErrorMessages([]);\r\n\t\tif (!allSelectionsSelected || !selectedPricingLine.checked || isPricingLineUnavailable()) {\r\n\t\t\tsetErrorMessages([Localizer('AddToCartSelectionErrorMessage')]);\r\n\t\t\tsetIsViewCartActive(false);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetAddToCartResponse(null);\r\n\r\n\t\ttry {\r\n\t\t\tconsole.debug('Adding to cart:', props.id, props.quantity);\r\n\t\t\tsetAddingToCart(true);\r\n\t\t\tconst response = await addToCart({\r\n\t\t\t\titemId: props.id,\r\n\t\t\t\tquantity: props.quantity,\r\n\t\t\t\tproductPricingLineId: selectedPricingLine.pricingLine?.id ?? '',\r\n\t\t\t});\r\n\r\n\t\t\tif (!response) {\r\n\t\t\t\tsetAddToCartResponse(null);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tsetAddToCartResponse(response);\r\n\r\n\t\t\tconst orderErrorMessages = response.orderMessages?.filter(\r\n\t\t\t\t(om) =>\r\n\t\t\t\t\tom.messageAction === OrderMessageAction.Error ||\r\n\t\t\t\t\tom.messageAction === OrderMessageAction.RedirectToCart,\r\n\t\t\t);\r\n\r\n\t\t\tif (orderErrorMessages && orderErrorMessages.length > 0) {\r\n\t\t\t\tsetErrorMessages(orderErrorMessages.map((orderMessages) => orderMessages.message));\r\n\t\t\t\tsetModalOpen(false);\r\n\t\t\t\tsetIsViewCartActive(true);\r\n\t\t\t} else {\r\n\t\t\t\tsetModalOpen(true);\r\n\t\t\t}\r\n\r\n\t\t\tdispatchRocEvent('roc-cart-summary-updated', { cartSummary: response.cartSummary });\r\n\t\t} catch (error) {\r\n\t\t\tsetAddToCartResponse(null);\r\n\t\t}\r\n\r\n\t\tsetAddingToCart(false);\r\n\t};\r\n\t//#endregion\r\n\r\n\t//#region PricingLineControls Subcomponent\r\n\t// Represents the pricing line and quantity controls, dictating the number or quantity of products added to the\r\n\t// end user's cart and which pricing line is selected.\r\n\r\n\t/** Callback when a pricing line's quantity is changed in PricingLineControls */\r\n\tconst updateQuantity = (e: React.ChangeEvent<HTMLInputElement>): void => {\r\n\t\tconst newQuantity = parseInt(e.currentTarget.value);\r\n\r\n\t\tif (isNaN(newQuantity)) {\r\n\t\t\tprops.setQuantity(null);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (newQuantity > 0) {\r\n\t\t\tprops.setQuantity(newQuantity);\r\n\t\t}\r\n\t};\r\n\r\n\t/** Callback when a pricing line is changed in PricingLineControls */\r\n\tconst handlePricingLineChange = (line: CheckableLine) => {\r\n\t\tif (selectedPricingLine.pricingLine?.id === line.pricingLine?.id) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tsetSelectedPricingLine(line);\r\n\t\tprops.setSelectedProductPricingLineId(line.pricingLine?.id ?? '');\r\n\r\n\t\t// trigger unit of measure change on the parent component only in case it is not an initialization process\r\n\t\t// because this will reload the data like pricing, availability, etc.\r\n\t\tif (!line.isInitialization) {\r\n\t\t\tassertNotNullish(line.pricingLine);\r\n\t\t\tprops.onPricingLineChange(line.pricingLine.id);\r\n\t\t}\r\n\t};\r\n\t//#endregion\r\n\r\n\t//#region ErrorAlerts Subcomponent\r\n\t/**\r\n\t * Represents the conditional inline error alerts subcomponent that may display if an unexpected error occured during operation.\r\n\t * This component manages its own visibility.\r\n\t */\r\n\t//#endregion\r\n\t//#endregion\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{/* PricingLineControls Subcomponent */}\r\n\t\t\t<div className=\"roc-pdp-main-info__form-group\">\r\n\t\t\t\t{props.pricingLines != null ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t{isPurchaseable(productDetails.availability, selectedPricingLine.pricingLine) ? (\r\n\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t<label htmlFor=\"quantity\" className=\"roc-pdp-main-info__label\">\r\n\t\t\t\t\t\t\t\t\t<p className=\"roc-pdp-main-info__label-text\">\r\n\t\t\t\t\t\t\t\t\t\t<strong>{Localizer('Qty')}</strong>\r\n\t\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\tname=\"quantity\"\r\n\t\t\t\t\t\t\t\t\t\ttype=\"number\"\r\n\t\t\t\t\t\t\t\t\t\tautoComplete=\"off\"\r\n\t\t\t\t\t\t\t\t\t\tid=\"quantity\"\r\n\t\t\t\t\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\t\t\t\t\tclassName=\"roc-form-input__input roc-pdp__qty-input\"\r\n\t\t\t\t\t\t\t\t\t\tvalue={props.quantity === null ? '' : props.quantity}\r\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => updateQuantity(e)}\r\n\t\t\t\t\t\t\t\t\t\tdata-testid=\"quantity-textbox\"\r\n\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t{/*#region TapeCase*/}\r\n\t\t\t\t\t\t\t\t\t{minimumOrderQuantity && minimumOrderQuantity > 1 && (\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<strong>MOQ: </strong>\r\n\t\t\t\t\t\t\t\t\t\t\t{minimumOrderQuantity}\r\n\t\t\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t{/*#endregion*/}\r\n\t\t\t\t\t\t\t\t</label>\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\t<ProductPricingLines\r\n\t\t\t\t\t\t\tdetails={props.pricingLines}\r\n\t\t\t\t\t\t\tonPricingLineChange={handlePricingLineChange}\r\n\t\t\t\t\t\t/>\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{/* AddToCart Subcomponent */}\r\n\t\t\t<button\r\n\t\t\t\tonClick={() => handleAddToCart()}\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\tclassName=\"roc-btn roc-btn--block roc-btn--big\"\r\n\t\t\t\tdisabled={\r\n\t\t\t\t\taddingToCart ||\r\n\t\t\t\t\tprops.quantity == null ||\r\n\t\t\t\t\t!isPurchaseable(productDetails.availability, selectedPricingLine.pricingLine) ||\r\n\t\t\t\t\t(minimumOrderQuantity != null && minimumOrderQuantity > props.quantity)\r\n\t\t\t\t}\r\n\t\t\t\tdata-testid=\"add-to-cart-button\"\r\n\t\t\t>\r\n\t\t\t\t{Localizer('AddToCart')}\r\n\t\t\t\t{addingToCart && <Spinner />}\r\n\t\t\t</button>\r\n\r\n\t\t\t{/* AddToCartModal Subcomponent */}\r\n\r\n\t\t\t{addToCartResponse !== null ? (\r\n\t\t\t\t<Modal\r\n\t\t\t\t\tisOpen={modalOpen}\r\n\t\t\t\t\trenderTitle={() => Localizer('AddedToCart')}\r\n\t\t\t\t\tcloseModal={() => setModalOpen(false)}\r\n\t\t\t\t\ttitleIcon={<CheckCircleSVG />}\r\n\t\t\t\t>\r\n\t\t\t\t\t<AddedToCartAlert response={addToCartResponse} />\r\n\t\t\t\t</Modal>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{error != null || errorMessages.length > 0 ? (\r\n\t\t\t\t<InlineAlert\r\n\t\t\t\t\ttheme=\"danger\"\r\n\t\t\t\t\tisTitleOnOwnRow\r\n\t\t\t\t\ttitle={errorTitle}\r\n\t\t\t\t\tmessage={\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t{errorMessages.map((orderMessage, index) => (\r\n\t\t\t\t\t\t\t\t<div key={index}>\r\n\t\t\t\t\t\t\t\t\t<span dangerouslySetInnerHTML={{ __html: orderMessage }} />\r\n\t\t\t\t\t\t\t\t\t<br />\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\t<br /> <br />\r\n\t\t\t\t\t\t\t{isViewCartActive ? (\r\n\t\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\t\thref=\"/cart\"\r\n\t\t\t\t\t\t\t\t\tclassName=\"roc-btn roc-btn-danger\"\r\n\t\t\t\t\t\t\t\t\tdata-testid=\"add-to-cart-error-view-cart-link\"\r\n\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t{Localizer('ViewCart')}\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t</>\r\n\t\t\t\t\t}\r\n\t\t\t\t\terror={error}\r\n\t\t\t\t/>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n}\r\n","import { WithTestIdOptional } from '../test';\r\nimport { DisplayPrice } from './display-price';\r\n\r\n/** Render props for ProductPricing */\r\nexport interface ProductPricingProps extends WithTestIdOptional {\r\n\t/**\r\n\t * The pricing object to render. This should typically come from the display pricing service.\r\n\t */\r\n\tdisplayPrice: DisplayPrice | undefined | null;\r\n\r\n\t/**\r\n\t * The custom CSS class name for custom styling\r\n\t */\r\n\tclassName?: string;\r\n\r\n\t/**\r\n\t * Determines whether the prices are displayed inline or not.\r\n\t */\r\n\tinline?: boolean;\r\n}\r\n\r\ntype CssClass = (string | {} | null)[];\r\n\r\nexport interface CssClasses {\r\n\t/** Shared CSS for the entire display price */\r\n\tbase: CssClass;\r\n\t/** Price for a product that isn't on sale */\r\n\tnormalPrice: CssClass;\r\n\t/** Crossed out because something is on sale */\r\n\tcrossedOutPrice: CssClass;\r\n\t/** Bright and highlighted on sale price */\r\n\thighlightedPrice: CssClass;\r\n}\r\n\r\nexport enum UnitOfMass {\r\n\tkg = 'kg',\r\n\tlbs = 'lbs',\r\n\toz = 'oz',\r\n}\r\n\r\nexport enum UnitOfLength {\r\n\tinch = 'Inch',\r\n\tcm = 'Centimeter',\r\n}\r\n\r\nexport enum ProductType {\r\n\tSimple = 'Simple',\r\n\tGroup = 'Group',\r\n\t// TODO: kits\r\n\t// Kit = 'Kit',\r\n\t// TODO: gift cards\r\n\t// GiftCard = 'Gift Card',\r\n}\r\n","import React from 'react';\r\n\r\ninterface RocOptionsTableProps {\r\n\tchildren: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Placeholder component to display simple listing table\r\n */\r\nexport default function RocOptionsTable(props: RocOptionsTableProps) {\r\n\tconst { children } = props;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-product-detail-table\">\r\n\t\t\t<div className=\"roc-product-detail-table__responsive\">\r\n\t\t\t\t<table className=\"roc-product-detail-table__table\">{children}</table>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport { DisplayPrice, VariantPrice } from '../../../../../Roc.SharedClientApp/types/commerce/display-price';\r\nimport { PricingLine } from '../../../../../Roc.SharedClientApp/types/commerce/pricing-result';\r\nimport { GetPriceForQuantity } from '../pricing/pricing-result';\r\n\r\nexport interface ProductPriceListProps {\r\n\tpricingLine: PricingLine<DisplayPrice<VariantPrice, VariantPrice>>;\r\n\tquantity: number;\r\n}\r\n\r\nfunction ProductPriceList(props: ProductPriceListProps) {\r\n\tconst { pricingLine, quantity } = props;\r\n\r\n\tlet price: DisplayPrice<VariantPrice, VariantPrice> | null = null;\r\n\ttry {\r\n\t\tprice = GetPriceForQuantity(pricingLine.prices, quantity);\r\n\t} catch (error) {\r\n\t\tprice = null;\r\n\t}\r\n\r\n\treturn price == null ? (\r\n\t\t<span>N/A</span>\r\n\t) : (\r\n\t\t<ProductPricing\r\n\t\t\tdisplayPrice={price}\r\n\t\t\tclassName=\"roc-options-table__text roc-options-table__text--right\"\r\n\t\t\tinline\r\n\t\t\ttestId=\"pdp-main-price\"\r\n\t\t/>\r\n\t);\r\n}\r\n\r\nexport default ProductPriceList;\r\n","import React from 'react';\r\nimport { FormatShapeDto } from '../types';\r\n\r\nexport interface ProductTableFormatShapeSelectorProps {\r\n\tavailableFormatShape: FormatShapeDto[];\r\n\tselectedFormatShapeId: string | null;\r\n\tchangeSelectedFormatShape: (uom: FormatShapeDto) => void;\r\n}\r\n\r\nfunction ProductTableFormatShapeSelector(props: ProductTableFormatShapeSelectorProps) {\r\n\tconst { availableFormatShape, selectedFormatShapeId, changeSelectedFormatShape } = props;\r\n\tconst showFormatShapeSelector = availableFormatShape.length > 1;\r\n\r\n\treturn showFormatShapeSelector ? (\r\n\t\t<>\r\n\t\t\t<div className=\"roc-make-selection\">\r\n\t\t\t\t<h4 className=\"roc-make-selection__title\">Make Your Selections:</h4>\r\n\t\t\t\t<div className=\"roc-make-selection__options-wrap\">\r\n\t\t\t\t\t{availableFormatShape.map((formatShape) => {\r\n\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t<div className=\"roc-make-selection__options\" key={'input-' + formatShape.id}>\r\n\t\t\t\t\t\t\t\t\t<label htmlFor=\"format-shape-select\">\r\n\t\t\t\t\t\t\t\t\t\t<input\r\n\t\t\t\t\t\t\t\t\t\t\tid=\"format-shape-select\"\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"radio\"\r\n\t\t\t\t\t\t\t\t\t\t\tname=\"format-shape-select\"\r\n\t\t\t\t\t\t\t\t\t\t\tvalue={formatShape.id}\r\n\t\t\t\t\t\t\t\t\t\t\tchecked={formatShape.id == selectedFormatShapeId}\r\n\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\tconst selected = availableFormatShape.find(\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t(u) => u.id == e.currentTarget.value,\r\n\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\tif (selected != undefined) {\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tchangeSelectedFormatShape(selected);\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/>\r\n\t\t\t\t\t\t\t\t\t\t{formatShape.name}\r\n\t\t\t\t\t\t\t\t\t</label>\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})}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t) : null;\r\n}\r\n\r\nexport default ProductTableFormatShapeSelector;\r\n","import React, { useContext } from 'react';\r\nimport { UseTapeCaseProductDetailsActor, UseTapeCaseProductDetailsState } from './useTapeCaseProductDetails';\r\n\r\n/**\r\n * TapeCase specific context for product details\r\n */\r\nexport interface TapeCaseProductDetailsContext {\r\n\tstate: UseTapeCaseProductDetailsState;\r\n\tactor: UseTapeCaseProductDetailsActor;\r\n}\r\n\r\nconst TapeCaseProductDetailsContext = React.createContext<TapeCaseProductDetailsContext | null>(null);\r\n\r\nexport default TapeCaseProductDetailsContext;\r\n\r\n/**\r\n * Custom hook for product details context\r\n */\r\nexport function useTapeCaseProductDetailsContext() {\r\n\tconst context = useContext(TapeCaseProductDetailsContext);\r\n\r\n\tif (context === null) {\r\n\t\tthrow new Error('No TapeCaseProductDetailsContext.Provider found.');\r\n\t}\r\n\r\n\treturn context;\r\n}\r\n","import { FormatShapeDto, ProductTableProductDetails } from '../types';\r\nimport { ProductTableProductDetailsRow } from './useTapeCaseProductDetails';\r\n\r\nexport const CIRCLE_WITH_HOLE_SHAPE = 'Circle with Hole';\r\nexport const CIRCLE_SHAPE = 'Circle';\r\nexport const DIAMETER_NAME = 'Diameter';\r\nexport const WIDTH_NAME = 'Width';\r\nexport const LENGTH_NAME = 'Length';\r\n\r\nexport function mapProductDetails(details: ProductTableProductDetails): ProductTableProductDetailsRow {\r\n\tswitch (details.formatShape) {\r\n\t\tcase CIRCLE_SHAPE:\r\n\t\t\treturn {\r\n\t\t\t\tdetails: details,\r\n\t\t\t\tcolorFilterValue: details.color ?? '',\r\n\t\t\t\tdimension1FilterValue: details.diameter ?? '',\r\n\t\t\t\tdimension2FilterValue: '',\r\n\t\t\t};\r\n\r\n\t\tcase CIRCLE_WITH_HOLE_SHAPE:\r\n\t\t\treturn {\r\n\t\t\t\tdetails: details,\r\n\t\t\t\tcolorFilterValue: details.color ?? '',\r\n\t\t\t\tdimension1FilterValue: details.diameter ?? '',\r\n\t\t\t\tdimension2FilterValue: details.innerHoleDiameter ?? '',\r\n\t\t\t};\r\n\r\n\t\tdefault:\r\n\t\t\treturn {\r\n\t\t\t\tdetails: details,\r\n\t\t\t\tcolorFilterValue: details.color ?? '',\r\n\t\t\t\tdimension1FilterValue: details.width ?? '',\r\n\t\t\t\tdimension2FilterValue: details.length ?? '',\r\n\t\t\t};\r\n\t}\r\n}\r\n\r\n/**\r\n * Resolves column names for dimensions depending on the format/shape type\r\n * dimension 1 is always available (Width or Diameter)\r\n * but dimension 2 is optional (Length or Inner Hole Diameter, but no value for Circles)\r\n */\r\nexport function resolveColumnNames(formatShape: FormatShapeDto | null): [string, string | null] {\r\n\tlet dimension1ColumnName = WIDTH_NAME;\r\n\tlet dimension2ColumnName: string | null = LENGTH_NAME;\r\n\tif (formatShape != null) {\r\n\t\tswitch (formatShape.name) {\r\n\t\t\tcase CIRCLE_SHAPE:\r\n\t\t\t\tdimension1ColumnName = DIAMETER_NAME;\r\n\t\t\t\tdimension2ColumnName = null;\r\n\t\t\t\tbreak;\r\n\t\t\tcase CIRCLE_WITH_HOLE_SHAPE:\r\n\t\t\t\tdimension1ColumnName = DIAMETER_NAME;\r\n\t\t\t\tdimension2ColumnName = 'Inner Hole Diameter';\r\n\t\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\r\n\treturn [dimension1ColumnName, dimension2ColumnName];\r\n}\r\n","import React, { useState } from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport Modal from 'shared/components/Modal';\r\nimport { CalculatorType } from 'features/commerce/calculators/quote-confirmation/types';\r\nimport CardButton from 'shared/components/card/CardButton';\r\nimport {\r\n\tABRASIVE_BELT_CALCULATOR_URL,\r\n\tCUSTOM_CUT_SHAPES_CALCULATOR_URL,\r\n\tCUSTOM_SHORT_LENGTH_CALCULATOR_URL,\r\n\tCUSTOM_WIDTH_ROLL_CALCULATOR_URL,\r\n} from 'features/commerce/calculators/routes';\r\n\r\nexport interface ProductCalculatorSelectorProps {\r\n\tavailableCalculators: CalculatorType[];\r\n}\r\n\r\nconst renderCalculatorLink = (calculatorType: CalculatorType) => {\r\n\tlet linkDescription: string | undefined;\r\n\tlet calculatorUrl: string | undefined;\r\n\tswitch (calculatorType) {\r\n\t\tcase CalculatorType.AbrasiveBelts:\r\n\t\t\tlinkDescription = Localizer('CustomAbrasiveBeltsCalculatorOptionDescription');\r\n\t\t\tcalculatorUrl = ABRASIVE_BELT_CALCULATOR_URL;\r\n\t\t\tbreak;\r\n\t\tcase CalculatorType.CustomCutTapeShape:\r\n\t\t\tlinkDescription = Localizer('CustomCutShapesCalculatorOptionDescription');\r\n\t\t\tcalculatorUrl = CUSTOM_CUT_SHAPES_CALCULATOR_URL;\r\n\t\t\tbreak;\r\n\t\tcase CalculatorType.CustomShortLength:\r\n\t\t\tlinkDescription = Localizer('CustomShortLengthCalculatorOptionDescription');\r\n\t\t\tcalculatorUrl = CUSTOM_SHORT_LENGTH_CALCULATOR_URL;\r\n\t\t\tbreak;\r\n\t\tcase CalculatorType.CustomWidthRoll:\r\n\t\t\tlinkDescription = Localizer('CustomWidthRollCalculatorOptionDescription');\r\n\t\t\tcalculatorUrl = CUSTOM_WIDTH_ROLL_CALCULATOR_URL;\r\n\t\t\tbreak;\r\n\t}\r\n\r\n\treturn <a href={calculatorUrl}>{linkDescription}</a>;\r\n};\r\n\r\n/**\r\n * The main component for rendering Product Calculator Selector.\r\n */\r\nexport function ProductCalculatorSelector(props: ProductCalculatorSelectorProps) {\r\n\tconst { availableCalculators } = props;\r\n\tconst [isModalOpen, setIsModalOpen] = useState(false);\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<CardButton\r\n\t\t\t\tonClick={() => {\r\n\t\t\t\t\tsetIsModalOpen(true);\r\n\t\t\t\t}}\r\n\t\t\t\tdata-testid={`product-available-calculators-button`}\r\n\t\t\t>\r\n\t\t\t\t{Localizer('ProductCalculatorSelection')}\r\n\t\t\t</CardButton>\r\n\r\n\t\t\t<Modal\r\n\t\t\t\tisOpen={isModalOpen}\r\n\t\t\t\tcloseModal={() => {\r\n\t\t\t\t\tsetIsModalOpen(false);\r\n\t\t\t\t}}\r\n\t\t\t\trenderTitle={() => null}\r\n\t\t\t\theaderDivider={false}\r\n\t\t\t\tsize=\"xlg\"\r\n\t\t\t>\r\n\t\t\t\t<ul>\r\n\t\t\t\t\t{availableCalculators.map((calculator) => {\r\n\t\t\t\t\t\treturn <li key={calculator}>{renderCalculatorLink(calculator)}</li>;\r\n\t\t\t\t\t})}\r\n\t\t\t\t</ul>\r\n\t\t\t</Modal>\r\n\t\t</>\r\n\t);\r\n}\r\n","export const CUSTOM_WIDTH_ROLL_CALCULATOR_URL = '/custom-width-roll';\r\nexport const CUSTOM_SHORT_LENGTH_CALCULATOR_URL = '/custom-short-length';\r\nexport const CUSTOM_CUT_SHAPES_CALCULATOR_URL = '/custom-cut-shapes';\r\nexport const ABRASIVE_BELT_CALCULATOR_URL = '/abrasive-calculator';\r\n","import React, { useEffect, useState } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { getProductsForTable } from '../data';\r\nimport { useProductDetailsContext } from '../ProductDetailsContext';\r\nimport { FormatShapeDto, ProductTableProductDetails, Summary } from '../types';\r\nimport { ProductType } from '../../../../../../Roc.SharedClientApp/types/commerce/product-details';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport RocOptionsTable from 'shared/components/roc-options-table/RocOptionsTable';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { AddToCartResponse } from 'services/UserData.Commerce';\r\nimport useShoppingCart, { UseShoppingCart } from '../../shopping-cart/useShoppingCart';\r\nimport { OrderMessageAction } from '../../shopping-cart/OrderMessages';\r\nimport Modal from 'shared/components/Modal';\r\nimport CheckCircleSVG from 'shared/components/svg/CheckCircleSVG';\r\nimport AddedToCartAlert from '../../store/AddedToCartAlert';\r\nimport ProductPriceList from '../ProductPriceList';\r\nimport { GetMinimumOrderQuantity, ParseQuantityRange } from '../../pricing/pricing-result';\r\nimport { DisplayPrice, VariantPrice } from '../../../../../../Roc.SharedClientApp/types/commerce/display-price';\r\nimport { Prices, PricingLine } from '../../../../../../Roc.SharedClientApp/types/commerce/pricing-result';\r\nimport ProductTableFormatShapeSelector from './ProductTableFormatShapeSelector';\r\nimport { useTapeCaseProductDetailsContext } from './TapeCaseProductDetailsContext';\r\nimport TableFilter from 'react-table-filter';\r\nimport { ProductTableProductDetailsRow } from './useTapeCaseProductDetails';\r\nimport { CIRCLE_SHAPE, CIRCLE_WITH_HOLE_SHAPE, mapProductDetails, resolveColumnNames } from './data';\r\nimport { ProductCalculatorSelector } from './ProductCalculatorSelector';\r\n\r\nfunction ProductSpecComp({ children }: any) {\r\n\tconst elem = document.getElementById('alternate-product-specs');\r\n\r\n\tif (elem) {\r\n\t\treturn ReactDOM.createPortal(children, elem);\r\n\t}\r\n\treturn null;\r\n}\r\n\r\n/**\r\n * The main component for rendering Product Table.\r\n */\r\nexport function ProductTable() {\r\n\tconst {\r\n\t\tstate: { productId, productDetails },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst {\r\n\t\tstate: { productSeriesTableData },\r\n\t\tactor: { setProductSeriesTableData },\r\n\t} = useTapeCaseProductDetailsContext();\r\n\r\n\tconst [isLoading, setIsLoading] = useState(false);\r\n\tconst [selectedFormatShape, setFormatShape] = useState<FormatShapeDto | null>(null);\r\n\tconst [isFiltering, setIsFiltering] = useState(false);\r\n\tconst dimensionColumnNames = resolveColumnNames(selectedFormatShape);\r\n\tconst [hideDimension1, setHideDimension1] = useState(false);\r\n\tconst [hideDimension2, setHideDimension2] = useState(false);\r\n\tconst [hideColor, setHideColor] = useState(false);\r\n\r\n\t/**\r\n\t * A callback used by react-table-filter to update list of products when searching/filtering/sorting\r\n\t */\r\n\tconst tableFilterUpdated = (newData: ProductTableProductDetailsRow[]) => {\r\n\t\tsetIsFiltering(true);\r\n\t\tsetProductSeriesTableData(newData);\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (\r\n\t\t\tproductDetails.summary.type != ProductType.Group ||\r\n\t\t\tproductDetails.availableFormatShape == null ||\r\n\t\t\tproductDetails.availableFormatShape.length == 0\r\n\t\t) {\r\n\t\t\tsetProductSeriesTableData(null);\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (selectedFormatShape == null && productDetails.availableFormatShape.length > 0) {\r\n\t\t\tsetFormatShape(productDetails.availableFormatShape[0]);\r\n\t\t}\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [productDetails.availableFormatShape]);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (selectedFormatShape == null) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tasync function fetchTableData() {\r\n\t\t\tif (selectedFormatShape != null) {\r\n\t\t\t\tsetIsLoading(true);\r\n\t\t\t\tsetProductSeriesTableData(null);\r\n\t\t\t\tconst results = await getProductsForTable(productId, selectedFormatShape.id);\r\n\t\t\t\tconst tableData = results.map((details) => {\r\n\t\t\t\t\treturn mapProductDetails(details);\r\n\t\t\t\t});\r\n\r\n\t\t\t\tsetHideDimension1(tableData.every((a) => !a.dimension1FilterValue));\r\n\t\t\t\tsetHideDimension2(tableData.every((a) => !a.dimension2FilterValue));\r\n\t\t\t\tsetHideColor(tableData.every((a) => !a.colorFilterValue));\r\n\t\t\t\tsetProductSeriesTableData(tableData);\r\n\t\t\t\tsetIsLoading(false);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tfetchTableData();\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, [selectedFormatShape]);\r\n\r\n\tuseEffect(() => {\r\n        const additionalProductInfoLink = document.querySelector(\r\n            `[data-testid=\"product-page-additional-product-info-link\"]`,\r\n        );\r\n        if (additionalProductInfoLink == null || !additionalProductInfoLink.classList.contains('roc-hidden')) {\r\n\t\t\t// link element not found or it's already displayed - no need for additional manipulation on the client-side\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// this is the case when Additional Product Info link is hidden\r\n\t\t// we need to check if there are any tabs loaded on the client side\r\n\t\tif (productDetails.tabs != null && productDetails.tabs.some((t) => t.model != null || t.rawHtml != null)) {\r\n\t\t\tadditionalProductInfoLink.classList.remove('roc-hidden');\r\n\t\t}\r\n\t}, [productDetails.tabs]);\r\n\r\n\tconst alternateProductDetailsDom = document.getElementById('alternate-product-details-simples');\r\n\tif (!alternateProductDetailsDom) {\r\n\t\tconsole.warn('alternate product details DOM element not found.');\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst hasProductsForTable = productSeriesTableData != null && Object.keys(productSeriesTableData).length > 0;\r\n\r\n\tconst alternateProductSpecsDomElement = document.getElementById('alternate-product-specs');\r\n\tif (\r\n\t\talternateProductSpecsDomElement != null &&\r\n\t\tproductDetails.availableCalculators != undefined &&\r\n\t\tproductDetails.availableCalculators.length > 0\r\n\t) {\r\n\t\talternateProductSpecsDomElement.classList.remove('roc-hidden');\r\n\t}\r\n\r\n\tconst productSpecs = (\r\n\t\t<>\r\n\t\t\t{(hasProductsForTable || isFiltering) &&\r\n\t\t\tproductDetails.availableCalculators != undefined &&\r\n\t\t\tproductDetails.availableCalculators != null &&\r\n\t\t\tproductDetails.availableCalculators.length > 0 ? (\r\n\t\t\t\t<ProductCalculatorSelector availableCalculators={productDetails.availableCalculators} />\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n\r\n\tconst simplesListing = (\r\n\t\t<>\r\n\t\t\t<ProductSpecComp>{productSpecs}</ProductSpecComp>\r\n\t\t\t{productDetails.availableFormatShape != undefined && productDetails.availableFormatShape != null ? (\r\n\t\t\t\t<ProductTableFormatShapeSelector\r\n\t\t\t\t\tavailableFormatShape={productDetails.availableFormatShape}\r\n\t\t\t\t\tselectedFormatShapeId={selectedFormatShape?.id ?? null}\r\n\t\t\t\t\tchangeSelectedFormatShape={setFormatShape}\r\n\t\t\t\t/>\r\n\t\t\t) : null}\r\n\t\t\t{hasProductsForTable || isFiltering ? (\r\n\t\t\t\t<RocOptionsTable>\r\n\t\t\t\t\t{\r\n\t\t\t\t\t\t<thead>\r\n\t\t\t\t\t\t\t<TableFilter rows={productSeriesTableData} onFilterUpdate={tableFilterUpdated}>\r\n\t\t\t\t\t\t\t\t<th rowSpan={2}>Size / Description</th>\r\n\t\t\t\t\t\t\t\t<th rowSpan={2}>Type</th>\r\n\t\t\t\t\t\t\t\t{!hideDimension1 ? (\r\n\t\t\t\t\t\t\t\t\t<th rowSpan={2} filterkey=\"dimension1FilterValue\">\r\n\t\t\t\t\t\t\t\t\t\t{dimensionColumnNames[0]}\r\n\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{dimensionColumnNames[1] != null && !hideDimension2 ? (\r\n\t\t\t\t\t\t\t\t\t<th rowSpan={2} filterkey=\"dimension2FilterValue\">\r\n\t\t\t\t\t\t\t\t\t\t{dimensionColumnNames[1]}\r\n\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t{!hideColor ? (\r\n\t\t\t\t\t\t\t\t\t<th rowSpan={2} filterkey=\"colorFilterValue\">\r\n\t\t\t\t\t\t\t\t\t\tColor\r\n\t\t\t\t\t\t\t\t\t</th>\r\n\t\t\t\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t\t\t\t<th rowSpan={2}>Pricing</th>\r\n\t\t\t\t\t\t\t\t<th rowSpan={2}>Qty</th>\r\n\t\t\t\t\t\t\t</TableFilter>\r\n\t\t\t\t\t\t</thead>\r\n\t\t\t\t\t}\r\n\t\t\t\t\t<tbody>\r\n\t\t\t\t\t\t{productSeriesTableData != null && productSeriesTableData.length > 0 ? (\r\n\t\t\t\t\t\t\tproductSeriesTableData.map((row) => {\r\n\t\t\t\t\t\t\t\t{\r\n\t\t\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t\t\t<ProductTableRow\r\n\t\t\t\t\t\t\t\t\t\t\tkey={row.details.id}\r\n\t\t\t\t\t\t\t\t\t\t\titem={row.details}\r\n\t\t\t\t\t\t\t\t\t\t\tdimensionColumnNames={dimensionColumnNames}\r\n\t\t\t\t\t\t\t\t\t\t\thideDimension1={hideDimension1}\r\n\t\t\t\t\t\t\t\t\t\t\thideDimension2={hideDimension2}\r\n\t\t\t\t\t\t\t\t\t\t\thideColor={hideColor}\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}\r\n\t\t\t\t\t\t\t})\r\n\t\t\t\t\t\t) : isFiltering ? (\r\n\t\t\t\t\t\t\t<tr>\r\n\t\t\t\t\t\t\t\t<td colSpan={9} className=\"no-results\">\r\n\t\t\t\t\t\t\t\t\tNo results\r\n\t\t\t\t\t\t\t\t</td>\r\n\t\t\t\t\t\t\t</tr>\r\n\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t</tbody>\r\n\t\t\t\t</RocOptionsTable>\r\n\t\t\t) : isLoading ? (\r\n\t\t\t\t<Spinner />\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(simplesListing, alternateProductDetailsDom);\r\n}\r\n\r\ninterface ProductTableRowProps {\r\n\titem: ProductTableProductDetails;\r\n\tdimensionColumnNames: [string, string | null];\r\n\thideDimension1: boolean;\r\n\thideDimension2: boolean;\r\n\thideColor: boolean;\r\n}\r\n\r\n/**\r\n * The interface that combines available prices for the given pricing line and information about number of all prices.\r\n */\r\ninterface PricingLineDetails {\r\n\tnumberOfPrices: number;\r\n\tprices: Prices<DisplayPrice<VariantPrice, VariantPrice>>;\r\n}\r\n\r\n/**\r\n * The interface that represents simiplified information about product pricing lines.\r\n */\r\ninterface ProductPricingLines {\r\n\t[key: string]: PricingLineDetails;\r\n}\r\n\r\nexport function formatPricingLine(\r\n\tquantityRange: string,\r\n\tpricingLine: PricingLine<DisplayPrice<VariantPrice, VariantPrice>>,\r\n\thideRange: boolean,\r\n) {\r\n\tconst [min, max] = ParseQuantityRange(quantityRange);\r\n\treturn (\r\n\t\t<>\r\n\t\t\t{hideRange ? null : max == Infinity ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t{min}\r\n\t\t\t\t\t\t{'+'}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<>\r\n\t\t\t\t\t<span>\r\n\t\t\t\t\t\t{min} - {max} -{' '}\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</>\r\n\t\t\t)}\r\n\t\t\t<span>\r\n\t\t\t\t<ProductPriceList key={pricingLine.id + min} pricingLine={pricingLine} quantity={min} />\r\n\t\t\t</span>\r\n\t\t</>\r\n\t);\r\n}\r\n\r\nfunction ProductTableRow(props: ProductTableRowProps) {\r\n\tconst { item, dimensionColumnNames, hideDimension1, hideDimension2, hideColor } = props;\r\n\tconst minimumOrderQuantity = GetMinimumOrderQuantity(item.pricingLine[0]);\r\n\tconst [quantity, setQuantity] = useState<number | null>(minimumOrderQuantity);\r\n\r\n\tconst pricing = {} as ProductPricingLines;\r\n\tfor (const index in item.pricingLine) {\r\n\t\tconst pricingLine = item.pricingLine[index];\r\n\t\tconst pricesPerPricingLine = pricingLine.prices;\r\n\t\tpricing[index] = {\r\n\t\t\tnumberOfPrices: Object.keys(pricesPerPricingLine).length,\r\n\t\t\tprices: pricesPerPricingLine,\r\n\t\t};\r\n\t}\r\n\r\n\tif (!item) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<tr>\r\n\t\t\t<td data-head=\"Size / Description\">\r\n\t\t\t\t<ItemDescription itemId={item.id} summary={item.summary} item={item} />\r\n\t\t\t</td>\r\n\t\t\t<td data-head=\"Type\">{item.formatShape}</td>\r\n\r\n\t\t\t{/* Dimensions (Width/Length or Diameter or Diameter/Inner Hole Diameter) */}\r\n\t\t\t<DimensionsColumns\r\n\t\t\t\titem={item}\r\n\t\t\t\tdimensionColumnNames={dimensionColumnNames}\r\n\t\t\t\thideDimension1={hideDimension1}\r\n\t\t\t\thideDimension2={hideDimension2}\r\n\t\t\t/>\r\n\r\n\t\t\t{!hideColor ? <td data-head=\"Color\">{item.color}</td> : null}\r\n\r\n\t\t\t{!item.summary.isDiscontinued && (\r\n\t\t\t\t<td data-head=\"Pricing\">\r\n\t\t\t\t\t{item.pricingLine.map((pricingLine, index) => (\r\n\t\t\t\t\t\t<div key={pricingLine.id}>\r\n\t\t\t\t\t\t\t{Object.keys(pricing[index].prices).map((p) => (\r\n\t\t\t\t\t\t\t\t<>{formatPricingLine(p, pricingLine, pricing[index].numberOfPrices == 1)}</>\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))}\r\n\t\t\t\t</td>\r\n\t\t\t)}\r\n\r\n\t\t\t{!item.summary.isDiscontinued && (\r\n\t\t\t\t<td className=\"roc-product-detail-table__col-quantity\" data-head=\"Qty\">\r\n\t\t\t\t\t<QuantityInput\r\n\t\t\t\t\t\titem={item}\r\n\t\t\t\t\t\tonQuantityUpdate={(quantity) => {\r\n\t\t\t\t\t\t\tsetQuantity(quantity);\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\tminimumOrderQuantity={minimumOrderQuantity}\r\n\t\t\t\t\t/>\r\n\r\n\t\t\t\t\t<AddToCartButton\r\n\t\t\t\t\t\titemId={item.id}\r\n\t\t\t\t\t\tpricingLineId={item.pricingLine[0].id}\r\n\t\t\t\t\t\tquantity={quantity}\r\n\t\t\t\t\t\tminimumOrderQuantity={minimumOrderQuantity}\r\n\t\t\t\t\t\tisDiscontinued={item.summary.isDiscontinued}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</td>\r\n\t\t\t)}\r\n\r\n\t\t\t{item.summary.isDiscontinued && (\r\n\t\t\t\t<td colSpan={2}>\r\n\t\t\t\t\t<p>{Localizer('QuickOrderDiscontinuedMessage')}</p>\r\n\t\t\t\t</td>\r\n\t\t\t)}\r\n\t\t</tr>\r\n\t);\r\n}\r\n\r\ninterface DimensionsColumnsProps {\r\n\titem: ProductTableProductDetails;\r\n\tdimensionColumnNames: [string, string | null];\r\n\thideDimension1: boolean;\r\n\thideDimension2: boolean;\r\n}\r\n\r\nfunction DimensionsColumns(props: DimensionsColumnsProps) {\r\n\tconst { item, dimensionColumnNames, hideDimension1, hideDimension2 } = props;\r\n\tswitch (item.formatShape) {\r\n\t\tcase CIRCLE_SHAPE:\r\n\t\t\treturn (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{!hideDimension1 ? (\r\n\t\t\t\t\t\t<td data-head={dimensionColumnNames[0]}>\r\n\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t{item.diameter ? <span>{item.diameter}</span> : null}\r\n\t\t\t\t\t\t\t\t{item.diameterUom ? <span>{item.diameterUom}</span> : null}\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</>\r\n\t\t\t);\r\n\t\tcase CIRCLE_WITH_HOLE_SHAPE:\r\n\t\t\treturn (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{!hideDimension1 ? (\r\n\t\t\t\t\t\t<td data-head={dimensionColumnNames[0]}>\r\n\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t{item.diameter ? <span>{item.diameter}</span> : null}\r\n\t\t\t\t\t\t\t\t{item.diameterUom ? <span> {item.diameterUom}</span> : null}\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t{!hideDimension2 ? (\r\n\t\t\t\t\t\t<td data-head={dimensionColumnNames[1]}>\r\n\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t{item.innerHoleDiameter ? <span>{item.innerHoleDiameter}</span> : null}\r\n\t\t\t\t\t\t\t\t{item.innerHoleDiameterUom ? <span> {item.innerHoleDiameterUom}</span> : null}\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</>\r\n\t\t\t);\r\n\t\tdefault:\r\n\t\t\treturn (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{!hideDimension1 ? (\r\n\t\t\t\t\t\t<td data-head={dimensionColumnNames[0]}>\r\n\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t{item.width ? <span>{item.width}</span> : null}\r\n\t\t\t\t\t\t\t\t{item.widthUom ? <span> {item.widthUom}</span> : null}\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t\t{!hideDimension2 ? (\r\n\t\t\t\t\t\t<td data-head={dimensionColumnNames[1]}>\r\n\t\t\t\t\t\t\t<p>\r\n\t\t\t\t\t\t\t\t{item.length ? <span>{item.length}</span> : null}\r\n\t\t\t\t\t\t\t\t{item.lengthUom ? <span> {item.lengthUom}</span> : null}\r\n\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t) : null}\r\n\t\t\t\t</>\r\n\t\t\t);\r\n\t}\r\n}\r\n\r\ninterface ItemDescriptionProps {\r\n\titemId: string;\r\n\tsummary: Summary;\r\n\titem: ProductTableProductDetails;\r\n}\r\n\r\nfunction ItemDescription(props: ItemDescriptionProps) {\r\n\tconst { itemId, summary, item } = props;\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-options-table__image-title-wrapper\">\r\n\t\t\t<div className=\"roc-options-table__image-title-wrapper-item\">\r\n\t\t\t\t{item.sizeDescription ? (\r\n\t\t\t\t\t<div className=\"roc-options-table__text\">\r\n\t\t\t\t\t\t<span>Size: </span>\r\n\t\t\t\t\t\t<span>{item.sizeDescription}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{summary.sku ? (\r\n\t\t\t\t\t<div className=\"roc-options-table__text\">\r\n\t\t\t\t\t\t<span>SKU: </span>\r\n\t\t\t\t\t\t{summary.productUrl ? (\r\n\t\t\t\t\t\t\t<a\r\n\t\t\t\t\t\t\t\thref={summary.productUrl}\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tif (itemId) {\r\n\t\t\t\t\t\t\t\t\t\tdispatchRocEvent('product-clicked', {\r\n\t\t\t\t\t\t\t\t\t\t\tproductId: itemId,\r\n\t\t\t\t\t\t\t\t\t\t\turl: summary?.productUrl ?? '#',\r\n\t\t\t\t\t\t\t\t\t\t\tproductName: summary?.name ?? '',\r\n\t\t\t\t\t\t\t\t\t\t\tproductGroupId: summary.productGroupId,\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}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<span>{summary.sku}</span>\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t) : (\r\n\t\t\t\t\t\t\t<span>{summary.sku}</span>\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<span>{summary.sku}</span>\r\n\t\t\t\t)}\r\n\r\n\t\t\t\t{item.upc ? (\r\n\t\t\t\t\t<div className=\"roc-options-table__text\">\r\n\t\t\t\t\t\t<span>UPC: </span>\r\n\t\t\t\t\t\t<span>{item.upc}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{item.additionalSkuDescription ? (\r\n\t\t\t\t\t<div className=\"roc-options-table__text\">\r\n\t\t\t\t\t\t<span>Additional SKU Description: </span>\r\n\t\t\t\t\t\t<span>{item.additionalSkuDescription}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\r\n\t\t\t\t{item.distributorPartNumber ? (\r\n\t\t\t\t\t<div className=\"roc-options-table__text\">\r\n\t\t\t\t\t\t<span>Your Part#: </span>\r\n\t\t\t\t\t\t<span>{item.distributorPartNumber}</span>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t) : null}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n\r\ninterface AddToCartButtonProps {\r\n\titemId: string;\r\n\tquantity: number | null;\r\n\tpricingLineId: string;\r\n\tminimumOrderQuantity: number | null;\r\n\tisDiscontinued: boolean;\r\n}\r\n\r\nfunction AddToCartButton(props: AddToCartButtonProps) {\r\n\tconst { itemId, quantity, pricingLineId, minimumOrderQuantity, isDiscontinued } = props;\r\n\tconst [modalOpen, setModalOpen] = useState(true);\r\n\tconst [addingToCart, setAddingToCart] = useState(false);\r\n\tconst [addToCartResponse, setAddToCartResponse] = useState<AddToCartResponse | null>(null);\r\n\r\n\tconst UseShoppingCartResult: UseShoppingCart = useShoppingCart();\r\n\tconst {\r\n\t\tactor: { addToCart },\r\n\t\tstate: { errorMessage },\r\n\t} = UseShoppingCartResult;\r\n\r\n\tconst handleAddToCart = async () => {\r\n\t\tsetAddToCartResponse(null);\r\n\t\ttry {\r\n\t\t\tsetAddingToCart(true);\r\n\r\n\t\t\tif (quantity == null || quantity == undefined) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\tconst response = await addToCart({\r\n\t\t\t\titemId: itemId,\r\n\t\t\t\tproductPricingLineId: pricingLineId,\r\n\t\t\t\tquantity: quantity,\r\n\t\t\t});\r\n\r\n\t\t\tsetAddToCartResponse(response);\r\n\r\n\t\t\tif (response != null) {\r\n\t\t\t\tconst orderErrorMessages = response.orderMessages?.filter(\r\n\t\t\t\t\t(om) =>\r\n\t\t\t\t\t\tom.messageAction === OrderMessageAction.Error ||\r\n\t\t\t\t\t\tom.messageAction === OrderMessageAction.RedirectToCart,\r\n\t\t\t\t);\r\n\r\n\t\t\t\tif (orderErrorMessages && orderErrorMessages.length > 0) {\r\n\t\t\t\t\tsetModalOpen(false);\r\n\t\t\t\t} else {\r\n\t\t\t\t\tsetModalOpen(true);\r\n\t\t\t\t}\r\n\r\n\t\t\t\tdispatchRocEvent('roc-cart-summary-updated', { cartSummary: response.cartSummary });\r\n\t\t\t}\r\n\t\t} catch (error) {\r\n\t\t\tsetAddToCartResponse(null);\r\n\t\t}\r\n\r\n\t\tsetAddingToCart(false);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<button\r\n\t\t\t\tonClick={() => handleAddToCart()}\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\tclassName=\"roc-btn roc-btn--block roc-btn--big\"\r\n\t\t\t\tdisabled={\r\n\t\t\t\t\taddingToCart ||\r\n\t\t\t\t\tquantity == null ||\r\n\t\t\t\t\t(minimumOrderQuantity != null && quantity != null && quantity < minimumOrderQuantity) ||\r\n\t\t\t\t\tisDiscontinued\r\n\t\t\t\t}\r\n\t\t\t\tdata-testid=\"add-to-cart-button\"\r\n\t\t\t>\r\n\t\t\t\t{Localizer('AddToCart')}\r\n\t\t\t\t{addingToCart && <Spinner />}\r\n\t\t\t</button>\r\n\r\n\t\t\t{addToCartResponse !== null ? (\r\n\t\t\t\t<Modal\r\n\t\t\t\t\tisOpen={modalOpen}\r\n\t\t\t\t\trenderTitle={() => Localizer('AddedToCart')}\r\n\t\t\t\t\tcloseModal={() => setModalOpen(false)}\r\n\t\t\t\t\ttitleIcon={<CheckCircleSVG />}\r\n\t\t\t\t>\r\n\t\t\t\t\t<AddedToCartAlert response={addToCartResponse} />\r\n\t\t\t\t</Modal>\r\n\t\t\t) : null}\r\n\r\n\t\t\t{errorMessage != null ? <p>{errorMessage}</p> : null}\r\n\t\t</>\r\n\t);\r\n}\r\n\r\ninterface QuantityInputProps {\r\n\titem: ProductTableProductDetails;\r\n\tonQuantityUpdate?: (newQuantity: number | null) => void;\r\n\tminimumOrderQuantity: number | null;\r\n}\r\n\r\nfunction QuantityInput(props: QuantityInputProps) {\r\n\tconst [quantity, setQuantity] = useState<number | null>(null);\r\n\tconst { onQuantityUpdate, minimumOrderQuantity, item } = props;\r\n\r\n\tconst updateQuantity = (e: React.ChangeEvent<HTMLInputElement>): void => {\r\n\t\tconst newQuantity = parseInt(e.currentTarget.value);\r\n\r\n\t\tif (isNaN(newQuantity)) {\r\n\t\t\tsetQuantity(null);\r\n\t\t\tif (onQuantityUpdate) {\r\n\t\t\t\tonQuantityUpdate(null);\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tif (newQuantity > 0) {\r\n\t\t\tsetQuantity(newQuantity);\r\n\t\t\tif (onQuantityUpdate) {\r\n\t\t\t\tonQuantityUpdate(newQuantity);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-options-table__form-group\">\r\n\t\t\t<>\r\n\t\t\t\t<label htmlFor=\"quantity\" className=\"roc-options-table__form-label\">\r\n\t\t\t\t\t<input\r\n\t\t\t\t\t\tname=\"quantity\"\r\n\t\t\t\t\t\ttype=\"number\"\r\n\t\t\t\t\t\tautoComplete=\"off\"\r\n\t\t\t\t\t\tid=\"quantity\"\r\n\t\t\t\t\t\ttabIndex={-1}\r\n\t\t\t\t\t\tmin={minimumOrderQuantity ?? 1}\r\n\t\t\t\t\t\tclassName=\"roc-form-input__input roc-options-table__form-input roc-options-table__form-input--small\"\r\n\t\t\t\t\t\tdefaultValue={\r\n\t\t\t\t\t\t\tquantity === null ? (minimumOrderQuantity != null ? minimumOrderQuantity : '') : quantity\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t\tonChange={(e) => updateQuantity(e)}\r\n\t\t\t\t\t\tdisabled={item.summary.isDiscontinued}\r\n\t\t\t\t\t/>\r\n\t\t\t\t</label>\r\n\t\t\t\t{minimumOrderQuantity != null ? <div>MOQ: {minimumOrderQuantity}</div> : null}\r\n\t\t\t</>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport StarRating from 'shared/components/star-rating/StarRating';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { useProductDetailsContext } from './ProductDetailsContext';\r\nimport { ReviewSummaryDto } from './types';\r\nimport { warnOnce } from 'util/console';\r\nimport { toKebabCase } from 'util/StringUtil';\r\n\r\nenum TabType {\r\n\tReviews = 'Reviews',\r\n}\r\n\r\n/**\r\n * Placeholder for product review display\r\n */\r\nexport default function ProductRating() {\r\n\tlet reviewsSummary: ReviewSummaryDto;\r\n\tlet displayName: string = '';\r\n\r\n\tconst {\r\n\t\tstate: {\r\n\t\t\treviewsSummary: standardReviewsSummary,\r\n\t\t\tproductDetails: { tabs },\r\n\t\t},\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst hasReviewTab = tabs?.some((tabViewChunk) => tabViewChunk.tab.tabType === TabType.Reviews) === true;\r\n\r\n\tif (hasReviewTab && tabs) {\r\n\t\tconst reviewTabs = tabs.filter((t) => t.tab.tabType === TabType.Reviews);\r\n\t\treviewsSummary = (reviewTabs[0].model as any).reviewsSummary as ReviewSummaryDto;\r\n\t\tdisplayName = reviewTabs[0].tab.displayName;\r\n\t\tif (reviewTabs.length > 1) {\r\n\t\t\twarnOnce('Found more than one product reviews tab!');\r\n\t\t}\r\n\t} else {\r\n\t\treviewsSummary = standardReviewsSummary;\r\n\t}\r\n\r\n\tconst { averageRating, reviewCount } = reviewsSummary;\r\n\r\n\t/**\r\n\t * Handle clicking write a review button.\r\n\t */\r\n\tfunction handleBtnClick() {\r\n\t\tdispatchRocEvent('roc-reviews-write-review', {});\r\n\r\n\t\tconst reviewsTabs = document?.getElementsByClassName('roc-pdp-reviews-listing');\r\n\r\n\t\tconst reviews = reviewsTabs != null && reviewsTabs.length > 0 ? reviewsTabs[0] : null;\r\n\r\n\t\tif (reviews == null || !(reviews instanceof HTMLElement)) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\twindow.scrollTo(0, reviews.offsetTop);\r\n\t}\r\n\r\n\tconst rating = Math.round(averageRating ?? 0);\r\n\r\n\tconst reviewText = hasReviewTab ? (\r\n\t\t<>\r\n\t\t\t<a\r\n\t\t\t\thref={`#${toKebabCase(displayName)}`}\r\n\t\t\t\tclassName=\"roc-pdp-reviews__link\"\r\n\t\t\t\tdata-testid=\"product-reviews-link\"\r\n\t\t\t>\r\n\t\t\t\t{reviewCount}{' '}\r\n\t\t\t\t{reviewCount === 0 || reviewCount > 1\r\n\t\t\t\t\t? Localizer('Reviews').toLowerCase()\r\n\t\t\t\t\t: Localizer('Review').toLowerCase()}\r\n\t\t\t</a>\r\n\t\t</>\r\n\t) : (\r\n\t\t<>\r\n\t\t\t<span>\r\n\t\t\t\t{reviewCount}{' '}\r\n\t\t\t\t{reviewCount === 0 || reviewCount > 1\r\n\t\t\t\t\t? Localizer('Reviews').toLowerCase()\r\n\t\t\t\t\t: Localizer('Review').toLowerCase()}\r\n\t\t\t</span>\r\n\t\t</>\r\n\t);\r\n\r\n\treturn (\r\n\t\t<div className=\"roc-pdp-reviews\">\r\n\t\t\t<div className=\"roc-pdp-reviews__stars\">\r\n\t\t\t\t<StarRating value={rating} name=\"top-rating\" testId=\"product-reviews-star-rating\" readonly />\r\n\t\t\t</div>\r\n\t\t\t<div className=\"roc-pdp-reviews__links\">\r\n\t\t\t\t{reviewText}\r\n\t\t\t\t{hasReviewTab ? (\r\n\t\t\t\t\t<>\r\n\t\t\t\t\t\t<span className=\"roc-pdp-reviews__link-gap\">|</span>\r\n\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\tclassName=\"roc-pdp-reviews__link\"\r\n\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\tonClick={handleBtnClick}\r\n\t\t\t\t\t\t\tdata-testid=\"write-review-link\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{Localizer('WriteAReview')}\r\n\t\t\t\t\t\t</button>\r\n\t\t\t\t\t</>\r\n\t\t\t\t) : null}\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t);\r\n}\r\n","import { GetPriceForQuantity, GetPricingLine } from 'features/commerce/pricing/pricing-result';\r\nimport React, { useEffect, useState } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { ServerData } from 'services/ServerData';\r\nimport { getUserData, UserData } from 'services/UserData';\r\nimport { getTabDivElement, getTabLiElement } from 'shared-client/types/commerce/tabs';\r\nimport { lazyLoadImages } from 'shared/assets/lazy';\r\nimport Breadcrumbs from 'shared/components/Breadcrumbs';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport useRocEventHandler, { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { SimpleProductsListing } from './AlternateProductDetails';\r\nimport { getPartialProductData } from './data';\r\nimport ProductAddToCart from './ProductAddToCart';\r\nimport ProductAddToList from './ProductAddToList';\r\nimport ProductAssets from './ProductAssets';\r\nimport ProductDetailsContext, { useProductDetailsContext } from './ProductDetailsContext';\r\nimport ProductRating from './ProductRating';\r\nimport ProductSelections from './ProductSelections';\r\nimport {\r\n\tgetInitialProductDetailsState,\r\n\tProductDetailsState,\r\n\tProductPartialDataLoaderOptions,\r\n\tTabViewChunk,\r\n} from './types';\r\nimport useProductDetails, { UseProductDetails } from './useProductDetails';\r\n\r\nconst loaderOptions: ProductPartialDataLoaderOptions = {\r\n\tinitialState: getInitialProductDetailsState,\r\n\tdataLoaderFn: getPartialProductData,\r\n};\r\n\r\n/**\r\n * Keys that will be requested from the server when the active product is changed (eg, the user changed selections)\r\n */\r\nconst missingKeys: Array<keyof ProductDetailsState> = [\r\n\t'summary',\r\n\t'assets',\r\n\t'availability',\r\n\t'brand',\r\n\t'pricingLines',\r\n\t'displayPricing',\r\n\t'breadcrumbPath',\r\n\t'reviewsSummary',\r\n\t'tabs',\r\n];\r\n\r\n/**\r\n * Main component that renders the product details using react portals\r\n */\r\nfunction ProductDetails() {\r\n\tconst UseProductDetailsResult: UseProductDetails = useProductDetails({ loaderOptions });\r\n\tconst [canGoBack, setCanGoBack] = useState('');\r\n\tconst {\r\n\t\tstate: { productDetails, groupId },\r\n\t\tactor: { setLoggedInUserFirstName, setUserIsSignedIn },\r\n\t} = UseProductDetailsResult;\r\n\r\n\tconst getLoggedInUserFirstName = async (): Promise<string> => {\r\n\t\ttry {\r\n\t\t\tconst data = (await getUserData()).data;\r\n\t\t\tgetUserIsSignedIn(data);\r\n\t\t\treturn (data && data.summary && data.summary.firstName) || '';\r\n\t\t} catch (error) {\r\n\t\t\tconsole.error('Unable to load user data', error);\r\n\t\t}\r\n\t\treturn Promise.resolve('');\r\n\t};\r\n\r\n\tconst getUserIsSignedIn = (data: UserData) => {\r\n\t\tsetUserIsSignedIn((data && data.summary && data.summary.isSignedIn) || false);\r\n\t};\r\n\r\n\tuseRocEventHandler(\r\n\t\t'hawk-recs-widget-loaded',\r\n\t\t({ widgetGuid, hasItems }) => {\r\n\t\t\t// update tab visibility\r\n\t\t\tif (productDetails.tabs === undefined) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\t// select based on data attributes to prevent this from breaking due to customizations\r\n\t\t\tconst elements = document.querySelectorAll(`[data-tab-id] [data-widgetguid=\"${widgetGuid}\"]`);\r\n\r\n\t\t\tif (elements.length === 0) {\r\n\t\t\t\tconsole.warn(`No matches found for Widget Guid: ${widgetGuid}`);\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\telements.forEach((el) => {\r\n\t\t\t\t// have to check for this again inside this closure\r\n\t\t\t\tif (productDetails.tabs === undefined) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// closest attempts to find the tab parent node.\r\n\t\t\t\tconst tabDiv = el.closest(`[data-tab-id]`);\r\n\t\t\t\tif (!tabDiv) {\r\n\t\t\t\t\tconsole.warn('Unable to find tab parent!');\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// grab the tab-id rendered by the server and find the matching tabChunk\r\n\t\t\t\tconst tabId = tabDiv.getAttribute('data-tab-id');\r\n\t\t\t\tconst tabChunk = productDetails.tabs.find((t) => t.tab.id === tabId);\r\n\r\n\t\t\t\tif (!tabChunk) {\r\n\t\t\t\t\tconsole.warn(`Unable to find tab (${tabId})`);\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// let the magic happen\r\n\t\t\t\tupdateTabVisibility(tabChunk, hasItems);\r\n\t\t\t});\r\n\t\t},\r\n\t\t[],\r\n\t);\r\n\r\n\tuseEffect(() => {\r\n\t\tgetLoggedInUserFirstName().then((firstName) => {\r\n\t\t\tsetLoggedInUserFirstName(firstName);\r\n\t\t});\r\n\r\n\t\tsetCanGoBack(sessionStorage.getItem('canGoBack') || '');\r\n\t\tsessionStorage.removeItem('canGoBack');\r\n\r\n\t\tdispatchRocEvent('product-viewed', {\r\n\t\t\tproductName: productDetails.summary.name,\r\n\t\t\tsku: productDetails.summary.sku,\r\n\t\t\tproductId: productDetails.id,\r\n\t\t\tproductGroupId: groupId !== '' ? groupId : null,\r\n\t\t\tselections: productDetails.selections ?? null,\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\treturn (\r\n\t\t<ProductDetailsContext.Provider\r\n\t\t\tvalue={{\r\n\t\t\t\tstate: { ...UseProductDetailsResult.state },\r\n\t\t\t\tactor: { ...UseProductDetailsResult.actor },\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t<ProductBreadcrumbs canGoBack={canGoBack} />\r\n\t\t\t<ProductMedia />\r\n\t\t\t<ProductHeader />\r\n\t\t\t{productDetails.summary && productDetails.summary.useAlternateProductDetails ? (\r\n\t\t\t\t<SimpleProductsListing />\r\n\t\t\t) : (\r\n\t\t\t\t<ProductSelectionsRegion />\r\n\t\t\t)}\r\n\t\t</ProductDetailsContext.Provider>\r\n\t);\r\n}\r\n\r\n//#region React Portals\r\n\r\n/**\r\n * Product page header containing the breadcrumbs\r\n * @param props\r\n */\r\nexport function ProductBreadcrumbs(props: { canGoBack: string }) {\r\n\tconst {\r\n\t\tstate: { productDetails },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst headerDom = document.getElementById('product-details-header');\r\n\tif (!headerDom) {\r\n\t\tconsole.warn('Header DOM element not found.');\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst breadcrumbComponent = (\r\n\t\t<Breadcrumbs\r\n\t\t\tbreadcrumbPath={productDetails.breadcrumbPath}\r\n\t\t\tbackToPage={{ label: Localizer('BackToResults'), url: props.canGoBack }}\r\n\t\t/>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(breadcrumbComponent, headerDom);\r\n}\r\n\r\n/**\r\n * Product page media component, containing the product images\r\n */\r\nexport function ProductMedia() {\r\n\tconst {\r\n\t\tstate: { productDetails },\r\n\t\tactor: { isLoadingAny },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst mainLeftDom = document.getElementById('product-details-product-media');\r\n\tif (!mainLeftDom) {\r\n\t\tconsole.warn('Product media DOM element not found.');\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst productAssets = (\r\n\t\t<>{!isLoadingAny(['assets']) ? <ProductAssets assets={productDetails.assets} /> : <Spinner block />}</>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(productAssets, mainLeftDom);\r\n}\r\n\r\n/**\r\n * Product page main info header, containing the pricing and rating components\r\n */\r\nexport function ProductHeader() {\r\n\tconst {\r\n\t\tstate: { productDetails, hasError },\r\n\t\tactor: { isLoadingAny },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst mainInfoHeaderDom = document.getElementById('product-details-main-info-header');\r\n\tif (!mainInfoHeaderDom) {\r\n\t\tconsole.warn('Main info header DOM element not found.');\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst getDetail = () => {\r\n\t\tif (productDetails.displayPricing == null) {\r\n\t\t\tthrow new Error(\"Display pricing was rendered when it wasn't ready!\");\r\n\t\t}\r\n\t\tconst selectedPricingLineId =\r\n\t\t\tproductDetails.pricingLines &&\r\n\t\t\tproductDetails.pricingLines.selected &&\r\n\t\t\tproductDetails.pricingLines.selected.id;\r\n\r\n\t\tconst displayPriceLine = GetPricingLine(\r\n\t\t\tproductDetails.displayPricing,\r\n\t\t\tproductDetails.id,\r\n\t\t\tselectedPricingLineId,\r\n\t\t);\r\n\r\n\t\treturn displayPriceLine && GetPriceForQuantity(displayPriceLine.prices, 1);\r\n\t};\r\n\r\n\tconst productHeaderInfo = (\r\n\t\t<>\r\n\t\t\t{!isLoadingAny(['displayPricing']) ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{!productDetails.summary.isDiscontinued && (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<ProductPricing\r\n\t\t\t\t\t\t\t\tdisplayPrice={getDetail()}\r\n\t\t\t\t\t\t\t\tclassName=\"roc-pdp-price\"\r\n\t\t\t\t\t\t\t\tinline\r\n\t\t\t\t\t\t\t\ttestId=\"pdp-main-price\"\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\t\t\t) : !hasError ? (\r\n\t\t\t\t<Spinner block />\r\n\t\t\t) : null}\r\n\r\n\t\t\t{!isLoadingAny(['reviewsSummary']) ? <ProductRating /> : <Spinner block />}\r\n\t\t</>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(productHeaderInfo, mainInfoHeaderDom);\r\n}\r\n\r\n/**\r\n * Product page product selection component, which takes care of the logic and display\r\n * of the product selections and pricing lines / units of measure\r\n */\r\nexport function ProductSelectionsRegion() {\r\n\tconst [selectedProductPricingLineId, setSelectedProductPricingLineId] = useState<string | null>(null);\r\n\tconst {\r\n\t\tstate: { productDetails, groupId, hasError, productStateOverride, userIsSignedIn, productQuantity },\r\n\t\tactor: { isLoadingAny, setSimpleProductLoading, setProductStateOverride, setHasError, setProductQuantity },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst productSelectionsDom = document.getElementById('product-details-selections');\r\n\tif (!productSelectionsDom) {\r\n\t\tconsole.warn('Product selections DOM element not found.');\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst productSelections = (\r\n\t\t<div>\r\n\t\t\t{!hasError ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{!isLoadingAny(['selections']) && productDetails.selections && productDetails.children ? (\r\n\t\t\t\t\t\t<ProductSelections\r\n\t\t\t\t\t\t\tselections={productDetails.selections}\r\n\t\t\t\t\t\t\tsimpleProducts={productDetails.children}\r\n\t\t\t\t\t\t\tonSimpleProductSelected={async (simpleProduct) => {\r\n\t\t\t\t\t\t\t\tconsole.debug('Simple Product Selected:', simpleProduct.name);\r\n\r\n\t\t\t\t\t\t\t\tsetSimpleProductLoading(true);\r\n\r\n\t\t\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\t\t\tconst simpleProductData = await getPartialProductData({\r\n\t\t\t\t\t\t\t\t\t\tid: simpleProduct.id,\r\n\t\t\t\t\t\t\t\t\t\tmissingKeys: missingKeys,\r\n\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\tconsole.debug('Simple Product Data:', simpleProductData);\r\n\r\n\t\t\t\t\t\t\t\t\tconst newProductData: ProductDetailsState = {\r\n\t\t\t\t\t\t\t\t\t\t...productStateOverride,\r\n\t\t\t\t\t\t\t\t\t\t...productDetails,\r\n\t\t\t\t\t\t\t\t\t\t...simpleProductData,\r\n\t\t\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\t\t\tsetProductStateOverride({\r\n\t\t\t\t\t\t\t\t\t\tid: simpleProduct.id,\r\n\t\t\t\t\t\t\t\t\t\t...simpleProductData,\r\n\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\t// Function to change the url, title, product name, brand information, sku and manufacturer part number\r\n\t\t\t\t\t\t\t\t\tUpdateSSRData(newProductData);\r\n\r\n\t\t\t\t\t\t\t\t\tdispatchRocEvent('product-selection-updated', {\r\n\t\t\t\t\t\t\t\t\t\tproduct: {\r\n\t\t\t\t\t\t\t\t\t\t\tproductId: simpleProduct.id,\r\n\t\t\t\t\t\t\t\t\t\t\tproductDetails: newProductData,\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} catch (error) {\r\n\t\t\t\t\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\t\t\t\t\tsetHasError(error);\r\n\t\t\t\t\t\t\t\t} finally {\r\n\t\t\t\t\t\t\t\t\tsetSimpleProductLoading(false);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\tonSimpleProductCleared={async () => {\r\n\t\t\t\t\t\t\t\tsetSimpleProductLoading(true);\r\n\t\t\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\t\t\tconst groupProductData = await getPartialProductData({\r\n\t\t\t\t\t\t\t\t\t\tid: groupId,\r\n\t\t\t\t\t\t\t\t\t\tmissingKeys: missingKeys,\r\n\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\tsetProductStateOverride({\r\n\t\t\t\t\t\t\t\t\t\tid: groupId,\r\n\t\t\t\t\t\t\t\t\t\t...groupProductData,\r\n\t\t\t\t\t\t\t\t\t});\r\n\r\n\t\t\t\t\t\t\t\t\t// Function to change the url, title, product name, brand information, and sku\r\n\t\t\t\t\t\t\t\t\tUpdateSSRData(groupProductData);\r\n\r\n\t\t\t\t\t\t\t\t\tconst newGroupProductData = {\r\n\t\t\t\t\t\t\t\t\t\t...productDetails,\r\n\t\t\t\t\t\t\t\t\t\t...groupProductData,\r\n\t\t\t\t\t\t\t\t\t};\r\n\r\n\t\t\t\t\t\t\t\t\tdispatchRocEvent('product-selection-updated', {\r\n\t\t\t\t\t\t\t\t\t\tproduct: {\r\n\t\t\t\t\t\t\t\t\t\t\tproductId: groupId,\r\n\t\t\t\t\t\t\t\t\t\t\tproductDetails: newGroupProductData,\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} catch (error) {\r\n\t\t\t\t\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\t\t\t\t\tsetHasError(error);\r\n\t\t\t\t\t\t\t\t} finally {\r\n\t\t\t\t\t\t\t\t\tsetSimpleProductLoading(false);\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t) : null}\r\n\r\n\t\t\t\t\t{!isLoadingAny(['pricingLines']) && (\r\n\t\t\t\t\t\t<div>\r\n\t\t\t\t\t\t\t<ProductAddToCart\r\n\t\t\t\t\t\t\t\tid={productDetails.id}\r\n\t\t\t\t\t\t\t\tsummary={productDetails.summary}\r\n\t\t\t\t\t\t\t\tavailability={productDetails.availability}\r\n\t\t\t\t\t\t\t\tpricingLines={productDetails.pricingLines}\r\n\t\t\t\t\t\t\t\tquantity={productQuantity}\r\n\t\t\t\t\t\t\t\tsetQuantity={setProductQuantity}\r\n\t\t\t\t\t\t\t\tsetSelectedProductPricingLineId={setSelectedProductPricingLineId}\r\n\t\t\t\t\t\t\t\tonPricingLineChange={async (selectedPricingLineId: string) => {\r\n\t\t\t\t\t\t\t\t\ttry {\r\n\t\t\t\t\t\t\t\t\t\t// reload availability for the selected Unit of Measure\r\n\t\t\t\t\t\t\t\t\t\tconst availability = await getPartialProductData({\r\n\t\t\t\t\t\t\t\t\t\t\tid: productDetails.id,\r\n\t\t\t\t\t\t\t\t\t\t\tmissingKeys: ['availability'],\r\n\t\t\t\t\t\t\t\t\t\t\tadditionalParams: {\r\n\t\t\t\t\t\t\t\t\t\t\t\tunitOfMeasureId: selectedPricingLineId,\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\r\n\t\t\t\t\t\t\t\t\t\tconst selectedPricingLine =\r\n\t\t\t\t\t\t\t\t\t\t\tproductDetails.pricingLines &&\r\n\t\t\t\t\t\t\t\t\t\t\tproductDetails.pricingLines.available.find(\r\n\t\t\t\t\t\t\t\t\t\t\t\t(line) => line.id === selectedPricingLineId,\r\n\t\t\t\t\t\t\t\t\t\t\t);\r\n\r\n\t\t\t\t\t\t\t\t\t\tif (!selectedPricingLine) {\r\n\t\t\t\t\t\t\t\t\t\t\tthrow new Error('Invalid unit of measure selected');\r\n\t\t\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t\t\t// override state with and availability from the server\r\n\t\t\t\t\t\t\t\t\t\t// and selected unit of measure\r\n\t\t\t\t\t\t\t\t\t\tsetProductStateOverride({\r\n\t\t\t\t\t\t\t\t\t\t\t...productStateOverride,\r\n\t\t\t\t\t\t\t\t\t\t\t...availability,\r\n\t\t\t\t\t\t\t\t\t\t\tselections: productDetails.selections,\r\n\t\t\t\t\t\t\t\t\t\t\tchildren: productDetails.children,\r\n\t\t\t\t\t\t\t\t\t\t\tpricingLines: {\r\n\t\t\t\t\t\t\t\t\t\t\t\tselected: selectedPricingLine,\r\n\t\t\t\t\t\t\t\t\t\t\t\tavailable: productDetails.pricingLines\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t? productDetails.pricingLines.available\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},\r\n\t\t\t\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t\t\t\t} catch (error) {\r\n\t\t\t\t\t\t\t\t\t\tconsole.error(error);\r\n\t\t\t\t\t\t\t\t\t\tsetHasError(error);\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<ProductAddToList\r\n\t\t\t\t\t\t\t\tid={productDetails.id}\r\n\t\t\t\t\t\t\t\tsummary={productDetails.summary}\r\n\t\t\t\t\t\t\t\tisUserSignedIn={userIsSignedIn}\r\n\t\t\t\t\t\t\t\tquantity={productQuantity}\r\n\t\t\t\t\t\t\t\tselectedProductPricingLineId={selectedProductPricingLineId}\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)}\r\n\t\t\t\t</>\r\n\t\t\t) : (\r\n\t\t\t\t<div>{Localizer('ErrorOccurredLoadingProductData')}</div>\r\n\t\t\t)}\r\n\t\t</div>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(productSelections, productSelectionsDom);\r\n}\r\n\r\n//#endregion\r\n\r\nfunction updateTabContents(tabChunk: TabViewChunk<unknown>) {\r\n\tconsole.debug('Updating tab contents:', tabChunk.tab.id);\r\n\r\n\t// Update SSR rendered HTML\r\n\tif (tabChunk.rawHtml == null) {\r\n\t\treturn;\r\n\t}\r\n\r\n\tconst div = getTabDivElement(tabChunk.tab.id);\r\n\tconst li = getTabLiElement(tabChunk.tab.id);\r\n\tlet hidden = false;\r\n\r\n\tif (div != null) {\r\n\t\tdiv.outerHTML = tabChunk.rawHtml;\r\n\t\tconst mutatedDiv = getTabDivElement(tabChunk.tab.id);\r\n\t\tif (mutatedDiv?.classList.contains('roc-hidden')) {\r\n\t\t\thidden = true;\r\n\t\t}\r\n\t}\r\n\r\n\tif (li != null) {\r\n\t\tli.className = hidden ? 'roc-hidden' : 'roc-pdp-sections__nav-item'; // This should match the values set in \\Roc.Web\\Features\\Commerce\\Products\\Index.cshtml\r\n\t}\r\n}\r\n\r\nfunction updateTabVisibility(tabChunk: TabViewChunk<unknown>, visible: boolean) {\r\n\tconsole.debug('Updating tab visbility:', tabChunk.tab.id);\r\n\r\n\tconst div = getTabDivElement(tabChunk.tab.id);\r\n\tconst li = getTabLiElement(tabChunk.tab.id);\r\n\r\n\tif (div != null) {\r\n\t\tdiv.classList.toggle('roc-hidden', !visible);\r\n\t}\r\n\r\n\tif (li != null) {\r\n\t\tli.classList.toggle('roc-hidden', !visible);\r\n\t\tli.classList.toggle('roc-pdp-sections__nav-item', visible);\r\n\t}\r\n}\r\n\r\n/**\r\n * Function that updates the data on the page that has been server-side rendered when a simple product is chosen\r\n * @param productData\r\n */\r\nfunction UpdateSSRData(productData: Partial<ProductDetailsState>) {\r\n\tconst { summary, brand } = productData;\r\n\r\n\t// update URL and page title\r\n\tif (summary?.meta?.pageTitle && ServerData.PageTitleSuffix) {\r\n\t\t// update the url and page title\r\n\t\twindow.history.replaceState('', summary.meta.pageTitle + ServerData.PageTitleSuffix, summary.productUrl);\r\n\r\n\t\t// replace state title is not working in chrome\r\n\t\tdocument.title = summary.meta.pageTitle + ServerData.PageTitleSuffix;\r\n\t}\r\n\r\n\t// Handle updating the product branding\r\n\tconst brandDiv = getElementByTestId('product-page-brand-div');\r\n\tconst brandName = getElementByTestId('product-page-brand-name');\r\n\tconst brandLogo = getElementByTestId('product-page-brand-logo') as HTMLImageElement;\r\n\r\n\tif (!brandDiv || !brandName || !brandLogo) {\r\n\t\tconsole.warn(\r\n\t\t\t'Could not find one of the following DOM elements to change:',\r\n\t\t\t'Brand enclosing div, Brand name, Brand logo',\r\n\t\t);\r\n\t} else {\r\n\t\tif (brand && brand.name) {\r\n\t\t\tbrandDiv.classList.remove('roc-hidden');\r\n\t\t\tbrandName.textContent = brand.name;\r\n\t\t\tif (brand.logoUrl) {\r\n\t\t\t\tbrandLogo.src = brand.logoUrl;\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tbrandDiv.classList.add('roc-hidden');\r\n\t\t\tbrandName.textContent = '';\r\n\t\t\tbrandLogo.src = '';\r\n\t\t}\r\n\t}\r\n\r\n\t// update tabs with new ssr'd contents\r\n\tconst tabs = productData.tabs ?? [];\r\n\tif (tabs.length > 0) {\r\n\t\tfor (const tabChunk of tabs) {\r\n\t\t\tupdateTabContents(tabChunk);\r\n\t\t}\r\n\t}\r\n\r\n\t// Handle updating the product name, SKU text and Manufacturer Part Number text\r\n\tconst productName = getElementsByTestId('product-page-product-name');\r\n\r\n\tconst productSkuContainer = getElementByTestId('product-page-sku-container');\r\n\tconst productSkuText = getElementByTestId('product-page-sku-text');\r\n\tconst productSkuValue = getElementByTestId('product-page-sku-value');\r\n\r\n\tconst productMpnContainer = getElementByTestId('product-page-mpn-container');\r\n\tconst productMpnText = getElementByTestId('product-page-mpn-text');\r\n\tconst productMpnValue = getElementByTestId('product-page-mpn-value');\r\n\r\n\tif (!productName) {\r\n\t\tconsole.warn('Could not find the Product Name DOM element to change');\r\n\t} else if (summary != null) {\r\n\t\tproductName.forEach((element) => {\r\n\t\t\telement.textContent = summary.name;\r\n\t\t});\r\n\t}\r\n\r\n\tif (!productSkuContainer || !productSkuText || !productSkuValue) {\r\n\t\tconsole.warn('Could not find the Product SKU Container, Text, or Value DOM elements to change');\r\n\t} else {\r\n\t\tif (summary?.sku) {\r\n\t\t\tproductSkuContainer.classList.remove('roc-hidden');\r\n\t\t\tproductSkuText.textContent = `${Localizer('SKU')}:`;\r\n\t\t\tproductSkuValue.textContent = summary.sku;\r\n\t\t} else {\r\n\t\t\tproductSkuContainer.classList.add('roc-hidden');\r\n\t\t\tproductSkuText.textContent = '';\r\n\t\t\tproductSkuValue.textContent = '';\r\n\t\t}\r\n\t}\r\n\r\n\tif (!productMpnContainer || !productMpnText || !productMpnValue) {\r\n\t\tconsole.warn(\r\n\t\t\t'Could not find the Product Manufacturer Part Number Container, Text, or Value DOM elements to change',\r\n\t\t);\r\n\t} else {\r\n\t\tif (summary?.manufacturerPartNumber) {\r\n\t\t\tproductMpnContainer.classList.remove('roc-hidden');\r\n\t\t\tproductMpnText.textContent = `${Localizer('ManufacturerPartNumber')}:`;\r\n\t\t\tproductMpnValue.textContent = summary.manufacturerPartNumber;\r\n\t\t} else {\r\n\t\t\tproductMpnContainer.classList.add('roc-hidden');\r\n\t\t\tproductMpnText.textContent = '';\r\n\t\t\tproductMpnValue.textContent = '';\r\n\t\t}\r\n\t}\r\n\r\n\tlazyLoadImages();\r\n}\r\n\r\n/**\r\n * Simple helper function to get a DOM element by its data-testid attribute\r\n * @param testId\r\n */\r\nfunction getElementByTestId(testId: string): Element | null {\r\n\treturn document.querySelector(`[data-testid=\"${testId}\"]`);\r\n}\r\n\r\n/**\r\n * Simple helper function to get DOM elements by its data-testid attribute\r\n * @param testId\r\n */\r\nfunction getElementsByTestId(testId: string): NodeListOf<Element> | null {\r\n\treturn document.querySelectorAll(`[data-testid=\"${testId}\"]`);\r\n}\r\n\r\nexport default ProductDetails;\r\n","import { useEffect, useState } from 'react';\r\nimport { getUserData } from 'services/UserData';\r\nimport { PriceDisplayRule } from '../../../../../../Roc.SharedClientApp/types/commerce/display-price';\r\nimport { GetPriceForMinimumAvailableQuantity, GetPricingLine } from '../../pricing/pricing-result';\r\nimport { useProductDetailsContext } from '../ProductDetailsContext';\r\nimport { ProductTableProductDetails, ProductType } from '../types';\r\n\r\nexport interface UseTapeCaseProductDetails {\r\n\tstate: UseTapeCaseProductDetailsState;\r\n\tactor: UseTapeCaseProductDetailsActor;\r\n}\r\n\r\n/**\r\n * Use TapeCase Product Details Context State\r\n */\r\nexport interface UseTapeCaseProductDetailsState {\r\n\t/**\r\n\t * The data for product table (on product series page) that constists of simple products.\r\n\t */\r\n\tproductSeriesTableData: ProductTableProductDetailsRow[] | null;\r\n\tproductUrl: string;\r\n}\r\n\r\nexport interface ProductTableProductDetailsRow {\r\n\t/**\r\n\t * The original product details dto\r\n\t */\r\n\tdetails: ProductTableProductDetails;\r\n\t/**\r\n\t * The value for Dimensions 1 filter applicable for this product\r\n\t */\r\n\tdimension1FilterValue: string;\r\n\t/**\r\n\t * The value for Dimensions 2 filter applicable for this product\r\n\t */\r\n\tdimension2FilterValue: string;\r\n\t/**\r\n\t * The value for Color filter applicable for this product\r\n\t */\r\n\tcolorFilterValue: string;\r\n}\r\n\r\n/**\r\n * Use TapeCase Product Details Context Actor\r\n */\r\nexport interface UseTapeCaseProductDetailsActor {\r\n\t/**\r\n\t * Updates data for product table with the provided value.\r\n\t */\r\n\tsetProductSeriesTableData: (data: ProductTableProductDetailsRow[] | null) => void;\r\n\t/**\r\n\t * Evaluates if contract pricing is available -> this means there is a chance that\r\n\t * the customer will see a different pricing after successfully logging in.\r\n\t */\r\n\tisContractPricingAvailable: () => boolean | undefined;\r\n}\r\n\r\n/**\r\n * Reusable hook to access TapeCase product detail related endpoints on the server, as well as helping manage\r\n * product detail information.\r\n */\r\nexport default function useTapeCaseProductDetails(): UseTapeCaseProductDetails {\r\n\t// can't really use isUserSignedIn flag from ROC Product Details context\r\n\t// because it is either true/false and there is no way to determine\r\n\t// if loading user data is in progress (like having undefined alternative which is set as long as the data is loading),\r\n\t// this let's us hide Login link until we are certainly sure user is not logged in,\r\n\t// otherwise it would be displayed and once data is loaded then it would get hidden\r\n\t// which provides poor UX\r\n\tconst {\r\n\t\tstate: { productDetails },\r\n\t\tactor: { isLoadingAny },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst [isLoggedIn, setIsLoggedIn] = useState<boolean>();\r\n\tconst [productSeriesTableData, setProductSeriesTableData] = useState<ProductTableProductDetailsRow[] | null>(null);\r\n\r\n\tconst checkIfIsLoggedIn = async () => {\r\n\t\ttry {\r\n\t\t\tconst data = (await getUserData()).data;\r\n\t\t\tsetIsLoggedIn(data && data.summary && data.summary.isSignedIn);\r\n\t\t} catch (error) {}\r\n\t};\r\n\r\n\tconst getPricingDetail = () => {\r\n\t\tif (productDetails.displayPricing == null) {\r\n\t\t\treturn undefined;\r\n\t\t}\r\n\t\tconst selectedPricingLineId =\r\n\t\t\tproductDetails.pricingLines &&\r\n\t\t\tproductDetails.pricingLines.selected &&\r\n\t\t\tproductDetails.pricingLines.selected.id;\r\n\r\n\t\tconst displayPriceLine = GetPricingLine(\r\n\t\t\tproductDetails.displayPricing,\r\n\t\t\tproductDetails.id,\r\n\t\t\tselectedPricingLineId,\r\n\t\t);\r\n\r\n\t\treturn displayPriceLine && GetPriceForMinimumAvailableQuantity(displayPriceLine.prices);\r\n\t};\r\n\r\n\tconst isAnyProductPurchasable = (): boolean => {\r\n\t\tif (productSeriesTableData == null || Object.keys(productSeriesTableData).length == 0) {\r\n\t\t\treturn false;\r\n\t\t}\r\n\r\n\t\tlet hasValidItem = false;\r\n\t\tfor (const key in productSeriesTableData) {\r\n\t\t\tconst simpleProductDetails = productSeriesTableData[key];\r\n\t\t\tif (\r\n\t\t\t\tsimpleProductDetails.details.summary.type != ProductType.Group &&\r\n\t\t\t\tsimpleProductDetails.details.pricingLine.length > 0\r\n\t\t\t) {\r\n\t\t\t\tfor (const pricingLineId in simpleProductDetails.details.pricingLine) {\r\n\t\t\t\t\tconst pricingLine = simpleProductDetails.details.pricingLine[pricingLineId];\r\n\t\t\t\t\tfor (const qtyBreakIndex in pricingLine.prices) {\r\n\t\t\t\t\t\tif (pricingLine.prices[qtyBreakIndex].displayRule != PriceDisplayRule.Missing) {\r\n\t\t\t\t\t\t\thasValidItem = true;\r\n\t\t\t\t\t\t\tbreak;\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\r\n\t\treturn hasValidItem;\r\n\t};\r\n\r\n\tconst isContractPricingAvailable = () => {\r\n\t\tif (isLoggedIn == undefined) {\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\tswitch (productDetails.summary.type) {\r\n\t\t\tcase ProductType.Group:\r\n\t\t\t\t// for groups, pricing can be different (contract pricing) after logging in\r\n\t\t\t\t// only when there is data for product table (this means there are simple products associated to this group)\r\n\t\t\t\t// and product series is NOT discontinued\r\n\t\t\t\t// and user is not logged in\r\n\t\t\t\treturn isAnyProductPurchasable() && !isLoggedIn;\r\n\t\t\tdefault:\r\n\t\t\t\tconst pricing = getPricingDetail();\r\n\t\t\t\t// for simples, pricing can be different when dispaly price is no longer loading\r\n\t\t\t\t// there is a pricing line (not missing one), product is NOT discontinued\r\n\t\t\t\t// and user is not logged in\r\n\t\t\t\treturn (\r\n\t\t\t\t\t!isLoadingAny['displayPrice'] &&\r\n\t\t\t\t\tpricing != undefined &&\r\n\t\t\t\t\tpricing != null &&\r\n\t\t\t\t\tpricing.displayRule != PriceDisplayRule.Missing &&\r\n\t\t\t\t\t!isLoggedIn\r\n\t\t\t\t);\r\n\t\t}\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tcheckIfIsLoggedIn();\r\n\t}, []);\r\n\r\n\treturn {\r\n\t\tstate: {\r\n\t\t\tproductSeriesTableData,\r\n\t\t\tproductUrl: productDetails.summary.productUrl,\r\n\t\t},\r\n\t\tactor: {\r\n\t\t\tsetProductSeriesTableData,\r\n\t\t\tisContractPricingAvailable,\r\n\t\t},\r\n\t};\r\n}\r\n","import React from 'react';\r\nimport TapeCaseProductDetailsContext from './TapeCaseProductDetailsContext';\r\nimport useTapeCaseProductDetails from './useTapeCaseProductDetails';\r\n\r\nconst { Provider } = TapeCaseProductDetailsContext;\r\n\r\nconst TapeCaseProductDetailsProvider = (props) => {\r\n\tconst { actor, state } = useTapeCaseProductDetails();\r\n\r\n\treturn <Provider value={{ state: { ...state }, actor: { ...actor } }}>{props.children}</Provider>;\r\n};\r\n\r\nexport { TapeCaseProductDetailsProvider, TapeCaseProductDetailsContext };\r\n","import React from 'react';\r\nimport { getPartialProductData } from '../data';\r\nimport ProductDetailsContext from '../ProductDetailsContext';\r\nimport { ProductPartialDataLoaderOptions, getInitialProductDetailsState } from '../types';\r\nimport useProductDetails from '../useProductDetails';\r\n\r\nconst loaderOptions: ProductPartialDataLoaderOptions = {\r\n\tinitialState: getInitialProductDetailsState,\r\n\tdataLoaderFn: getPartialProductData,\r\n};\r\n\r\n/**\r\n * Custom provider for ProductDetailsContext.\r\n */\r\nconst ProductDetailsProvider = (props) => {\r\n\tconst UseProductDetailsResult = useProductDetails({ loaderOptions });\r\n\treturn (\r\n\t\t<ProductDetailsContext.Provider\r\n\t\t\tvalue={{ state: { ...UseProductDetailsResult.state }, actor: { ...UseProductDetailsResult.actor } }}\r\n\t\t>\r\n\t\t\t{props.children}\r\n\t\t</ProductDetailsContext.Provider>\r\n\t);\r\n};\r\n\r\nexport { ProductDetailsProvider };\r\n","import { GetPricingLine, ParseQuantityRange } from 'features/commerce/pricing/pricing-result';\r\nimport React from 'react';\r\nimport { Localizer } from 'services/Localizer';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport { DisplayPrice, VariantPrice } from '../../../../../../Roc.SharedClientApp/types/commerce/display-price';\r\nimport { useProductDetailsContext } from '../ProductDetailsContext';\r\n\r\ninterface QuantityBreak {\r\n\tmin: number;\r\n\tmax: number;\r\n\tprice: DisplayPrice<VariantPrice, VariantPrice>;\r\n}\r\n\r\nexport function ProductQuantityBreaks() {\r\n\tconst {\r\n\t\tstate: { productDetails },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst getAvailablePrices = () => {\r\n\t\tif (productDetails.displayPricing == null) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t\tconst selectedPricingLineId =\r\n\t\t\tproductDetails.pricingLines &&\r\n\t\t\tproductDetails.pricingLines.selected &&\r\n\t\t\tproductDetails.pricingLines.selected.id;\r\n\r\n\t\tconst displayPriceLine = GetPricingLine(\r\n\t\t\tproductDetails.displayPricing,\r\n\t\t\tproductDetails.id,\r\n\t\t\tselectedPricingLineId,\r\n\t\t);\r\n\r\n\t\tif (displayPriceLine == undefined) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\treturn displayPriceLine.prices;\r\n\t};\r\n\r\n\tconst qtyRanges = new Array<QuantityBreak>();\r\n\tconst availablePricing = getAvailablePrices();\r\n\tif (availablePricing == null || Object.keys(availablePricing).length == 1) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tfor (const qtyRange in availablePricing) {\r\n\t\tconst [min, max] = ParseQuantityRange(qtyRange);\r\n\t\tconst pricing = availablePricing[qtyRange];\r\n\t\tqtyRanges.push({ min: min, max: max, price: pricing });\r\n\t}\r\n\r\n\treturn (\r\n\t\t<table className=\"roc-two-col-table\">\r\n\t\t\t<tbody>\r\n\t\t\t\t<tr>\r\n\t\t\t\t\t<td className=\"left\" colSpan={2}>\r\n\t\t\t\t\t\t{Localizer('QuantityBreaks')}\r\n\t\t\t\t\t</td>\r\n\t\t\t\t</tr>\r\n\t\t\t\t{qtyRanges.map((qtyRange) => (\r\n\t\t\t\t\t<tr key={qtyRange.min}>\r\n\t\t\t\t\t\t<td className=\"td-left\">\r\n\t\t\t\t\t\t\t{qtyRange.max == Infinity ? (\r\n\t\t\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t\t\t{qtyRange.min}\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<>\r\n\t\t\t\t\t\t\t\t\t{qtyRange.min}\r\n\t\t\t\t\t\t\t\t\t{' - '}\r\n\t\t\t\t\t\t\t\t\t{qtyRange.max}\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</td>\r\n\t\t\t\t\t\t<td>\r\n\t\t\t\t\t\t\t<ProductPricing displayPrice={qtyRange.price} inline testId=\"pdp-main-price\" />\r\n\t\t\t\t\t\t</td>\r\n\t\t\t\t\t</tr>\r\n\t\t\t\t))}\r\n\t\t\t</tbody>\r\n\t\t</table>\r\n\t);\r\n}\r\n","import { GetMinimumOrderQuantity, GetPriceForQuantity, GetPricingLine } from 'features/commerce/pricing/pricing-result';\r\nimport React, { useEffect, useState } from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport ProductPricing from 'shared/components/commerce/ProductPricing';\r\nimport Spinner from 'shared/components/Spinner';\r\nimport { dispatchRocEvent } from 'shared/hooks/useRocEventHandler';\r\nimport { useProductDetailsContext } from '../ProductDetailsContext';\r\nimport { ProductType } from '../types';\r\nimport ProductAddToCart from '../ProductAddToCart';\r\nimport { ProductTable } from './ProductTable';\r\nimport { ProductBreadcrumbs, ProductMedia } from '../ProductDetails';\r\nimport { MY_ACCOUNT_LOGIN_URL } from 'features/my-account/routes.roc';\r\nimport { Localizer } from 'services/Localizer';\r\nimport { useTapeCaseProductDetailsContext } from './TapeCaseProductDetailsContext';\r\nimport { TapeCaseProductDetailsProvider } from './TapeCaseProductDetailsContextProvider';\r\nimport { ProductDetailsProvider } from './ProductDetailsProvider';\r\nimport { ProductQuantityBreaks } from './ProductQuantityBreaks';\r\n\r\n/**\r\n * Main, project-specific component that renders the product details using react portals\r\n */\r\nfunction TapeCaseProductDetails() {\r\n\tconst [canGoBack, setCanGoBack] = useState('');\r\n\r\n\tuseEffect(() => {\r\n\t\tsetCanGoBack(sessionStorage.getItem('canGoBack') || '');\r\n\t\tsessionStorage.removeItem('canGoBack');\r\n\t}, []);\r\n\r\n\treturn (\r\n\t\t<ProductDetailsProvider>\r\n\t\t\t<TapeCaseProductDetailsProvider>\r\n\t\t\t\t<ProductBreadcrumbs canGoBack={canGoBack} />\r\n\t\t\t\t<ProductMedia />\r\n\t\t\t\t<ContractPricingLoginLink />\r\n\t\t\t\t<ProductDetails />\r\n\t\t\t</TapeCaseProductDetailsProvider>\r\n\t\t</ProductDetailsProvider>\r\n\t);\r\n}\r\n\r\nfunction ProductDetails() {\r\n\tconst {\r\n\t\tstate: { productDetails, groupId },\r\n\t} = useProductDetailsContext();\r\n\r\n\tuseEffect(() => {\r\n\t\tdispatchRocEvent('product-viewed', {\r\n\t\t\tproductName: productDetails.summary.name,\r\n\t\t\tsku: productDetails.summary.sku,\r\n\t\t\tproductId: productDetails.id,\r\n\t\t\tproductGroupId: groupId !== '' ? groupId : null,\r\n\t\t\tselections: productDetails.selections ?? null,\r\n\t\t});\r\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t}, []);\r\n\r\n\tuseEffect(() => {\r\n\t\tconst additionalProductInfoLink = document.querySelector(\r\n\t\t\t`[data-testid=\"product-page-additional-product-info-link\"]`,\r\n\t\t);\r\n\t\tif (additionalProductInfoLink == null || !additionalProductInfoLink.classList.contains('roc-hidden')) {\r\n\t\t\t// link element not found or it's already displayed - no need for additional manipulation on the client-side\r\n\t\t\treturn;\r\n\t\t}\r\n\r\n\t\t// this is the case when Additional Product Info link is hidden\r\n\t\t// we need to check if there are any tabs loaded on the client side\r\n\t\tif (productDetails.tabs != null && productDetails.tabs.some((t) => t.model != null || t.rawHtml != null)) {\r\n\t\t\tadditionalProductInfoLink.classList.remove('roc-hidden');\r\n\t\t}\r\n\t}, [productDetails.tabs]);\r\n\r\n\treturn productDetails.summary.type == ProductType.Group ? (\r\n\t\t<>\r\n\t\t\t<ProductTable />\r\n\t\t</>\r\n\t) : (\r\n\t\t<>\r\n\t\t\t<ProductHeader />\r\n\t\t\t<AddToCart />\r\n\t\t</>\r\n\t);\r\n}\r\n\r\n//#region React Portals\r\n\r\n/**\r\n * Product page main info header, containing the pricing (w/o rating like it is in framework)\r\n */\r\nexport function ProductHeader() {\r\n\tconst {\r\n\t\tstate: { productDetails, hasError, productQuantity },\r\n\t\tactor: { isLoadingAny },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst mainInfoHeaderDom = document.getElementById('product-details-main-info-header');\r\n\tif (!mainInfoHeaderDom) {\r\n\t\tconsole.warn('Main info header DOM element not found.');\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst getDetail = () => {\r\n\t\tif (productDetails.displayPricing == null) {\r\n\t\t\treturn null;\r\n\t\t}\r\n\t\tconst selectedPricingLineId =\r\n\t\t\tproductDetails.pricingLines &&\r\n\t\t\tproductDetails.pricingLines.selected &&\r\n\t\t\tproductDetails.pricingLines.selected.id;\r\n\r\n\t\tconst displayPriceLine = GetPricingLine(\r\n\t\t\tproductDetails.displayPricing,\r\n\t\t\tproductDetails.id,\r\n\t\t\tselectedPricingLineId,\r\n\t\t);\r\n\r\n\t\tlet moq = productQuantity;\r\n\t\tif (selectedPricingLineId && productDetails.displayPricing) {\r\n\t\t\tconst selectedPricingLine = GetPricingLine(\r\n\t\t\t\tproductDetails.displayPricing,\r\n\t\t\t\tproductDetails.id,\r\n\t\t\t\tselectedPricingLineId,\r\n\t\t\t);\r\n\t\t\tif (selectedPricingLine) {\r\n\t\t\t\tmoq = GetMinimumOrderQuantity(selectedPricingLine);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\tdisplayPriceLine && GetPriceForQuantity(displayPriceLine.prices, Math.max(moq ?? 1, productQuantity ?? 1))\r\n\t\t);\r\n\t};\r\n\r\n\tconst productHeaderInfo = (\r\n\t\t<>\r\n\t\t\t{!isLoadingAny(['displayPricing']) ? (\r\n\t\t\t\t<>\r\n\t\t\t\t\t{!productDetails.summary.isDiscontinued && (\r\n\t\t\t\t\t\t<>\r\n\t\t\t\t\t\t\t<ProductPricing\r\n\t\t\t\t\t\t\t\tdisplayPrice={getDetail()}\r\n\t\t\t\t\t\t\t\tclassName=\"roc-pdp-price\"\r\n\t\t\t\t\t\t\t\tinline\r\n\t\t\t\t\t\t\t\ttestId=\"pdp-main-price\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t<ProductQuantityBreaks />\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) : !hasError ? (\r\n\t\t\t\t<Spinner block />\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(productHeaderInfo, mainInfoHeaderDom);\r\n}\r\n\r\n/**\r\n * Add to Cart and Quantity components\r\n */\r\nexport function AddToCart() {\r\n\tconst {\r\n\t\tstate: { productDetails, productQuantity },\r\n\t\tactor: { setProductQuantity },\r\n\t} = useProductDetailsContext();\r\n\r\n\tconst productAddToCartDom = document.getElementById('product-add-to-cart');\r\n\tif (!productAddToCartDom) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tconst productAddToCart = (\r\n\t\t<ProductAddToCart\r\n\t\t\tid={productDetails.id}\r\n\t\t\tsummary={productDetails.summary}\r\n\t\t\tavailability={productDetails.availability}\r\n\t\t\tpricingLines={productDetails.pricingLines}\r\n\t\t\tquantity={productQuantity}\r\n\t\t\tdisplayPricing={productDetails.displayPricing}\r\n\t\t\tsetQuantity={setProductQuantity}\r\n\t\t\tonPricingLineChange={() => {}}\r\n\t\t\tsetSelectedProductPricingLineId={() => {}}\r\n\t\t/>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(productAddToCart, productAddToCartDom);\r\n}\r\n\r\n/**\r\n * Login Link for Contract Pricing\r\n */\r\nexport function ContractPricingLoginLink() {\r\n\tconst {\r\n\t\tstate: { productUrl },\r\n\t\tactor: { isContractPricingAvailable },\r\n\t} = useTapeCaseProductDetailsContext();\r\n\r\n\tconst contractPricingLoginLinkDom = document.getElementById('product-contract-pricing-login-link');\r\n\tif (!contractPricingLoginLinkDom) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\tif (isContractPricingAvailable()) {\r\n\t\tcontractPricingLoginLinkDom.classList.remove('roc-hidden');\r\n\t}\r\n\r\n\tconst contractPricingLoginLink = (\r\n\t\t<>\r\n\t\t\t{isContractPricingAvailable() == true ? (\r\n\t\t\t\t<a href={MY_ACCOUNT_LOGIN_URL + '?ReturnUrl=' + encodeURIComponent(productUrl ?? '')}>\r\n\t\t\t\t\t{Localizer('LoginToSeeContractPricing')}\r\n\t\t\t\t</a>\r\n\t\t\t) : null}\r\n\t\t</>\r\n\t);\r\n\r\n\treturn ReactDOM.createPortal(contractPricingLoginLink, contractPricingLoginLinkDom);\r\n}\r\n\r\nexport default TapeCaseProductDetails;\r\n","import React from 'react';\r\nimport { initReactApp } from 'shared/util/ApplicationInit';\r\nimport TapeCaseProductDetails from './TapeCaseProductDetails';\r\n\r\nconst render = initReactApp(() => <TapeCaseProductDetails />, 'product-details');\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('./TapeCaseProductDetails', () => {\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 React from 'react';\r\nimport { RouteProps } from 'react-router';\r\nimport {\r\n\tMY_ACCOUNT_ADDRESS_BOOK_CREATE_URL,\r\n\tMY_ACCOUNT_ADDRESS_BOOK_EDIT_URL,\r\n\tMY_ACCOUNT_ADDRESS_BOOK_URL,\r\n\tMY_ACCOUNT_PATH_PREFIX,\r\n} from './routes.roc';\r\n\r\n//#region TapeCase\r\nimport { OrganizationUIComponents } from 'features/commerce/organization/OrganizationUIComponents';\r\nimport {\r\n\tORGANIZATION_USERS_URL,\r\n\tORGANIZATION_SHIPTOS_URL,\r\n\tORGANIZATION_ORDERS_URL,\r\n\tORGANIZATION_USERS_CREATE_URL,\r\n} from 'features/commerce/organization/routes';\r\nimport { ServerData } from 'services/ServerData';\r\n//#endregion TapeCase\r\n\r\n//#region URLs\r\nexport const MY_ACCOUNT_ORDERS_URL = `${MY_ACCOUNT_PATH_PREFIX}/orders`;\r\nexport const MY_ACCOUNT_STORE_URL = `${MY_ACCOUNT_PATH_PREFIX}/store`;\r\nexport const MY_ACCOUNT_SAVED_FOR_LATER_URL = `${MY_ACCOUNT_PATH_PREFIX}/saved-for-later`;\r\nexport const MY_ACCOUNT_SAVED_CARTS_URL = `${MY_ACCOUNT_PATH_PREFIX}/saved-carts`;\r\nexport const MY_ACCOUNT_BUY_AGAIN_URL = `${MY_ACCOUNT_PATH_PREFIX}/buy-again`;\r\nexport const MY_ACCOUNT_SHOPPING_LISTS_URL = `${MY_ACCOUNT_PATH_PREFIX}/shopping-lists`;\r\nexport const MY_ACCOUNT_ORGANIZATION_REVIEW_URL = `${MY_ACCOUNT_PATH_PREFIX}/organization-review`;\r\nexport const MY_ACCOUNT_ORGANIZATION_SELECTOR_URL = `${MY_ACCOUNT_PATH_PREFIX}/organization-selector`;\r\nexport const MY_ACCOUNT_SHOPPING_LISTS_CREATE_URL = `${MY_ACCOUNT_SHOPPING_LISTS_URL}/create`;\r\n//#endregion URLs\r\n\r\n//#region TapeCase Customization\r\nexport const MY_ACCOUNT_USER_SHIPPING_ACCOUNT_URL = `${MY_ACCOUNT_PATH_PREFIX}/shipping-accounts`;\r\nexport const MY_ACCOUNT_USER_SHIPPING_ACCOUNT_CREATE_URL = `${MY_ACCOUNT_USER_SHIPPING_ACCOUNT_URL}/create`;\r\nexport const MY_ACCOUNT_USER_SHIPPING_ACCOUNT_EDIT_URL = `${MY_ACCOUNT_USER_SHIPPING_ACCOUNT_URL}/edit`;\r\n//#endregion TapeCase\r\n\r\n//#region Components\r\nconst OrdersComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"my-account-orders\" */ '../commerce/my-account/orders/OrderListing'),\r\n);\r\n\r\nconst OrderDetailsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-order-details\" */ '../commerce/my-account/orders/MyAccountOrderDetails'\r\n\t\t),\r\n);\r\n\r\nconst StoreComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"my-account-store\" */ '../commerce/my-account/store/Store'),\r\n);\r\n\r\nconst AddressBookComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"my-account-address-book\" */ '../address-book/AddressBook'),\r\n);\r\n\r\nconst AddressBookEditComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"my-account-address-book-edit\" */ '../address-book/AddressBookEdit'),\r\n);\r\n\r\nconst SavedForLaterComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-saved-for-later\" */ '../commerce/my-account/saved-for-later/SavedForLaterListingWrapper'\r\n\t\t),\r\n);\r\n\r\nconst SavedCartsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-saved-carts\" */ '../commerce/my-account/saved-carts/SavedCartsListingWrapper'\r\n\t\t),\r\n);\r\n\r\nconst BuyAgainComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"buy-again\" */ '../commerce/my-account/buy-again/BuyAgain'),\r\n);\r\n\r\nconst AccountOverviewComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-account-overview\" */ '../commerce/my-account/account-overview/AccountOverview'\r\n\t\t),\r\n);\r\n\r\nconst ShoppingListsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-shopping-lists\" */ '../commerce/my-account/shopping-lists/ShoppingListListing'\r\n\t\t),\r\n);\r\n\r\nconst ShoppingListsCreateComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-shopping-lists-create\" */ '../commerce/my-account/shopping-lists/ShoppingListsCreate'\r\n\t\t),\r\n);\r\n\r\nconst ShoppingListDetailsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-shopping-list-details\" */ '../commerce/my-account/shopping-lists/MyAccountShoppingListDetails'\r\n\t\t),\r\n);\r\n\r\nconst OrganizationReviewComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-organization-approval\" */ '../commerce/my-account/organization/OrganizationReview'\r\n\t\t),\r\n);\r\n\r\nconst OrganizationSelectorComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-organization-selector\" */ '../commerce/my-account/organization/OrganizationSelector'\r\n\t\t),\r\n);\r\n\r\nconst OrganizationOrderDetailsComponent = React.lazy(() => {\r\n\tconst orderDetailsComponent =\r\n\t\tServerData?.OrderDetailsUIComponent && ServerData?.OrderDetailsUIComponent in OrganizationUIComponents\r\n\t\t\t? ServerData.OrderDetailsUIComponent\r\n\t\t\t: OrganizationUIComponents.DefaultOrganizationOrderDetails;\r\n\treturn import(\r\n\t\t/* webpackChunkName: \"organization-order-details\" */ `../commerce/organization/orders/${orderDetailsComponent}`\r\n\t);\r\n});\r\n\r\nconst OrganizationShiptosComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"ship-to\" */ '../commerce/organization/ship-to/OrganizationShipTos'),\r\n);\r\n\r\nconst OrganizationUsersComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"org-users\" */ '../commerce/organization/users/OrganizationUsers'),\r\n);\r\n\r\nconst OrganizationOrdersComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"org-orders\" */ '../commerce/organization/orders/OrganizationOrders'),\r\n);\r\n\r\nconst OrganizationUsersCreateComponent = React.lazy(\r\n\t() => import(/* webpackChunkName: \"org-users-create\" */ '../commerce/organization/users/OrganizationUsersCreate'),\r\n);\r\n\r\nconst UserShippingAccountsComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-address-book\" */ '../commerce/user-shipping-account/UserShippingAccounts'\r\n\t\t),\r\n);\r\n\r\nconst UserShippingAccountsEditComponent = React.lazy(\r\n\t() =>\r\n\t\timport(\r\n\t\t\t/* webpackChunkName: \"my-account-address-book-edit\" */ '../commerce/user-shipping-account/UserShippingAccountsEdit'\r\n\t\t),\r\n);\r\n//#endregion\r\n//#endregion Components\r\n\r\n//#region Routes\r\nconst ordersRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_ORDERS_URL,\r\n\tcomponent: OrdersComponent,\r\n};\r\n\r\nconst orderDetailsRoute = {\r\n\texact: true,\r\n\tpath: `${MY_ACCOUNT_ORDERS_URL}/:orderNo`,\r\n\tcomponent: OrderDetailsComponent,\r\n};\r\n\r\nconst storeRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_STORE_URL,\r\n\tcomponent: StoreComponent,\r\n};\r\n\r\nconst addressBookRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_ADDRESS_BOOK_URL,\r\n\tcomponent: AddressBookComponent,\r\n};\r\n\r\nconst addressBookCreateRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_ADDRESS_BOOK_CREATE_URL,\r\n\tcomponent: AddressBookEditComponent,\r\n};\r\n\r\nconst addressBookEditRoute = {\r\n\texact: true,\r\n\tpath: `${MY_ACCOUNT_ADDRESS_BOOK_EDIT_URL}/:addressId`,\r\n\tcomponent: AddressBookEditComponent,\r\n};\r\n\r\nconst savedForLaterRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_SAVED_FOR_LATER_URL,\r\n\tcomponent: SavedForLaterComponent,\r\n};\r\n\r\nconst savedCartsRoute = {\r\n\texect: true,\r\n\tpath: MY_ACCOUNT_SAVED_CARTS_URL,\r\n\tcomponent: SavedCartsComponent,\r\n};\r\n\r\nconst buyAgainRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_BUY_AGAIN_URL,\r\n\tcomponent: BuyAgainComponent,\r\n};\r\n\r\nconst shoppingListsRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_SHOPPING_LISTS_URL,\r\n\tcomponent: ShoppingListsComponent,\r\n};\r\n\r\nconst shoppingListsCreateRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_SHOPPING_LISTS_CREATE_URL,\r\n\tcomponent: ShoppingListsCreateComponent,\r\n};\r\n\r\nconst shoppingListDetailsRoute = {\r\n\texact: true,\r\n\tpath: `${MY_ACCOUNT_SHOPPING_LISTS_URL}/:shoppingListId`,\r\n\tcomponent: ShoppingListDetailsComponent,\r\n};\r\n\r\nconst defaultRoute = {\r\n\texact: false,\r\n\tpath: '*',\r\n\tcomponent: AccountOverviewComponent,\r\n};\r\n\r\nconst organizationReviewRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_ORGANIZATION_REVIEW_URL,\r\n\tcomponent: OrganizationReviewComponent,\r\n};\r\n\r\nconst organizationSelectorRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_ORGANIZATION_SELECTOR_URL,\r\n\tcomponent: OrganizationSelectorComponent,\r\n};\r\n//#region TapeCase\r\n\r\nconst OrganizationUsersRoute = {\r\n\texact: true,\r\n\tpath: ORGANIZATION_USERS_URL,\r\n\tcomponent: OrganizationUsersComponent,\r\n};\r\n\r\nconst OrganizationShipTosRoute = {\r\n\texact: true,\r\n\tpath: ORGANIZATION_SHIPTOS_URL,\r\n\tcomponent: OrganizationShiptosComponent,\r\n};\r\n\r\nconst OrganizationOrdersRoute = {\r\n\texact: true,\r\n\tpath: ORGANIZATION_ORDERS_URL,\r\n\tcomponent: OrganizationOrdersComponent,\r\n};\r\n\r\nconst OrganizationCreateUserRoute = {\r\n\texact: true,\r\n\tpath: ORGANIZATION_USERS_CREATE_URL,\r\n\tcomponent: OrganizationUsersCreateComponent,\r\n};\r\n\r\nconst OrganizationOrderDetailsRoute = {\r\n\texact: true,\r\n\tpath: ORGANIZATION_ORDERS_URL,\r\n\tcomponent: OrganizationOrderDetailsComponent,\r\n};\r\n//#endregion TapeCase\r\n//#endregion Routes\r\n\r\n//#region TapeCase Routes\r\nconst userShippingAccountsRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_USER_SHIPPING_ACCOUNT_URL,\r\n\tcomponent: UserShippingAccountsComponent,\r\n};\r\n\r\nconst userShippingAccountsCreateRoute = {\r\n\texact: true,\r\n\tpath: MY_ACCOUNT_USER_SHIPPING_ACCOUNT_CREATE_URL,\r\n\tcomponent: UserShippingAccountsEditComponent,\r\n};\r\n\r\nconst userShippingAccountsEditRoute = {\r\n\texact: true,\r\n\tpath: `${MY_ACCOUNT_USER_SHIPPING_ACCOUNT_EDIT_URL}/:shippingAccountId`,\r\n\tcomponent: UserShippingAccountsEditComponent,\r\n};\r\n//#endregion\r\n\r\nexport const commerceRoutes: RouteProps[] = [\r\n\tordersRoute,\r\n\torderDetailsRoute,\r\n\tstoreRoute,\r\n\taddressBookRoute,\r\n\taddressBookCreateRoute,\r\n\taddressBookEditRoute,\r\n\tsavedForLaterRoute,\r\n\tsavedCartsRoute,\r\n\tbuyAgainRoute,\r\n\tshoppingListsRoute,\r\n\tshoppingListsCreateRoute,\r\n\tshoppingListDetailsRoute,\r\n\torganizationReviewRoute,\r\n\torganizationSelectorRoute,\r\n\t//#region TapeCase\r\n\tuserShippingAccountsRoute,\r\n\tuserShippingAccountsCreateRoute,\r\n\tuserShippingAccountsEditRoute,\r\n\tOrganizationCreateUserRoute,\r\n\tOrganizationUsersRoute,\r\n\tOrganizationShipTosRoute,\r\n\tOrganizationOrdersRoute,\r\n\tOrganizationOrderDetailsRoute,\r\n\t//#endregion\r\n\tdefaultRoute,\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 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":""}