{"version":3,"sources":["webpack:///./Avensia.Common/Features/Account/MyPages/MyReviews/components/SearchBar.tsx","webpack:///./Avensia.Common/Features/Shared/ReadMore/index.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/MyReviews/components/ReviewItem.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/MyReviews/components/ReviewList.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/MyReviews/index.tsx","webpack:///./Avensia.Common/Features/Product/ProductDetails/AverageRating.tsx","webpack:///./Avensia.Common/Features/Shared/Breadcrumbs/index.tsx","webpack:///./Avensia.Common/Features/Shared/Generic/h1.tsx","webpack:///./Avensia.Common/Features/Shared/infinite-scroll.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/components/Panel.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/components/Content.tsx","webpack:///./Avensia.Common/Features/Account/MyPages/MyPagesBaseLayout.tsx"],"names":["SEARCH_URL","SEARCH_FAILED","onSubmit","e","preventDefault","query","searchKeyword","this","props","searchText","myReviewsSearchUrl","pathname","onSearchRequest","updateCurrentPage","current","myReviews","onChange","onChangeSearchText","target","value","render","SearchForm","css","compose","Field","isMobile","margin","x","Container","SearchInput","type","placeholder","backgroundColor","theme","buttonSearchHeaderBackgroundColor","padding","SearchIcon","Component","connect","state","myReviewsSearch","dispatch","updater","isLoading","form","position","input","inputSearchHeaderBackgroundColor","border","xy","style","color","inputTextColor","flexGrow","fontSize","lineHeight","top","bottom","div","display","width","inputSearchHeaderBorderColor","right","alignItems","maxWidth","y","button","cursor","menuBarTextColor","onReadMyReviewClick","isExpanded","setState","textWrapperHeight","height","textWrapperRef","clientHeight","renderArrowIcon","IconContent","ArrowUp","ArrowDown","showGradientEffect","componentDidMount","buttonAlignment","includeArrow","text","buttonLabel","readMoreLabel","Div","TextWrapper","ref","el","Gradient","ReadMoreButton","textAlign","onClick","marginLeft","paddingTop","paddingLeft","ArrowStyled","overflow","property","backgroundImage","marginTop","textDecoration","productUrl","productImageUrl","createdDate","timeStamp","Date","day","getDate","slice","month","getMonth","created","getFullYear","ItemWrapper","ProductContent","Header","ImageAndProductInfoWrapper","ImageInfo","ContentLink","to","ImageStyled","src","preset","includes","undefined","Tiny","ratio","OneToOne","ProductInfo","ProductTitle","reviewItem","productTitle","ProductReviewDateCreated","RatingContent","Ratings","average","rating","spacing","Normal","size","MyReviewContent","reviewText","AdminResponseContent","siteName","reviewAdminAnswer","borderBottom","flexFlow","infoStyle","marginRight","alignContent","Link","textColor","flexBasis","minHeight","paddingRight","AverageRating","zIndex","fontWeight","paddingBottom","elementRef","productsReviews","map","item","index","key","now","showMore","currentlyReloading","hasMore","currentMyReviewsCount","length","pageSize","currentPage","reload","reloadPage","hideSpinner","merge","newMyReviews","array","Promise","resolve","deactivateInfinityScroll","reject","feedback","push","activateInfiniteScroll","infinityScroll","unbindInfiniteScroll","MyReviewsList","componentWillUnmount","totalCount","pageCount","page","count","skip","loadOptions","url","searchParams","set","String","hiddenParams","FeedbackButton","Button","currentBreakpoint","Medium","hideMobileBorder","MyPagesBaseLayout","HeaderWrapper","MyReview","AdminResponse","LoadingSpinner","ReviewList","NoReviews","Pagination","variant","Large","appearance","Secondary","disabled","maximumFulfilled","appShellData","borderColor","justifyContent","Spinner","flexDirection","order","Spacing","Size","floatPart","Number","Math","trunc","toFixed","parsedFloat","parseFloat","starStyles","Micro","Huge","Wide","getStyles","Base","ceil","whiteSpace","Li","li","content","PathLink","CurrentLink","placeholderBreadcrum","isVariationPage","navigateMainMenu","row","breadcrumbs","isSliced","breadcrumb","Item","itemProp","charAt","toUpperCase","substr","toLowerCase","h1","isBound","bindInfiniteScroll","element","callback","offset","scrollTop","elementBottomPosition","offsetTop","offsetHeight","scrollBottomPosition","window","pageYOffset","handleScroll","doLogout","logoutUrl","then","menuList","forEach","menu","includeAppShellData","MenuWrapper","Ul","listStyle","idx","borderTop","CustomLink","isActive","name","Logout","alignListStyle","nav","defaultCss","CustomBreadcrumbs","heading","children","letterSpacing","MypagesWrapper","subMenu","pageTitle","CustomContent","CustomPanel","Content"],"mappings":"2MAqBMA,EAAa,UACbC,EAAgB,2BACtB,yE,OACE,EAAAC,SAAW,SAAOC,GAAmC,+C,sEACnDA,EAAEC,iBACIC,EAAQ,CAAEC,cAAeC,KAAKC,MAAMC,YACpCC,EAAqB,cAAaC,SAAWX,E,iBAGlC,O,sBADfO,KAAKC,MAAMI,iBAAgB,GACZ,GAAM,YAASF,EAAoBL,I,cAA5C,EAAS,WAEbE,KAAKC,MAAMI,iBAAgB,GAE7BL,KAAKC,MAAMK,mBAAkB,SAACC,GAAY,OAAC,WAAD,CAAC,eAAKA,GAAO,CAAEC,UAAW,O,6BAEpE,YAAWd,G,+BAIf,EAAAe,SAAW,SAACb,GACV,OAAO,EAAKK,MAAMS,mBAAmBd,EAAEe,OAAOC,Q,EA8BlD,OAhDwB,iBAqBtB,YAAAC,OAAA,WACE,OACE,kBAACC,EAAU,CAACC,IAAKf,KAAKC,MAAMe,UAAWrB,SAAUK,KAAKL,UACpD,kBAACsB,EAAK,CAACF,IAAKf,KAAKC,MAAMiB,UAAY,CAAEC,OAAQ,CAAEC,EAAG,UAChD,kBAACC,EAAS,KACR,kBAACC,EAAW,CACVC,KAAK,SACLX,MAAOZ,KAAKC,MAAMC,WAClBsB,YAAa,aAAU,sDACvBf,SAAUT,KAAKS,YAGnB,kBAAC,EAAM,CACLM,IAAK,CACHU,gBAAiB,SAACC,GAAU,OAAAA,EAAMC,mCAClCC,QAAS,CACPR,EAAG,OAGPG,KAAK,UAEL,kBAACM,EAAU,UAMvB,EAhDA,CAAwB,IAAMC,WAkDf,cACb,OAAAC,EAAA,IACE,SAACC,GAAU,OACT9B,WAAY8B,EAAMC,gBAAgB/B,eAEpC,SAACgC,GAAa,OACZ5B,kBAAA,SAAkB6B,GAChBD,EAAS,aAAkBC,KAE7BzB,mBAAA,SAAmBR,GACjBgC,EAAS,YAAiBhC,KAE5BG,gBAAA,SAAgB+B,GACdF,EAAS,YAAoBE,QAZnC,CAeE,IAGEtB,EAAa,IAAOuB,KAAK,CAC7BC,SAAU,aAGNhB,EAAc,IAAOiB,MAAM,CAC/Bd,gBAAiB,SAACC,GAAU,OAAAA,EAAMc,kCAClCC,OAAQ,CACNC,GAAI,CACFC,MAAO,SAGXC,MAAO,SAAClB,GAAU,OAAAA,EAAMmB,gBACxBC,SAAU,EACVC,SAAU,KACVC,WAAY,SACZpB,QAAS,CACPqB,IAAK,aAAa,IAClBC,OAAQ,aAAa,IACrB9B,EAAG,aAAa,OAIdC,EAAY,IAAO8B,IAAI,CAC3BL,SAAU,EACVM,QAAS,OACTX,OAAQ,CACNC,GAAI,CACFW,MAAO,KACPV,MAAO,QACPC,MAAO,SAAClB,GAAU,OAAAA,EAAM4B,+BAE1BC,MAAO,CACLF,MAAO,MAKPpC,EAAQ,IAAOkC,IAAI,CACvBC,QAAS,OACTI,WAAY,UACZC,SAAU,aAAa,KACvBtC,OAAQ,CACNuC,EAAG,aAAa,OAId,EAAS,IAAOC,OAAO,CAC3BlB,OAAQ,CACNC,GAAI,CACFC,MAAO,SAGXiB,OAAQ,YAGJ/B,EAAa,YAAO,IAAM,CAC9Be,MAAO,SAAClB,GAAU,OAAAA,EAAMmC,oB,wCC9HX,cAAM,YAIjB,WAAY5D,GAAZ,MACE,YAAMA,IAAM,K,OAoBd,EAAA6D,oBAAsB,WACZ,IAAAC,EAAA,QAAAA,WAER,EAAKC,SAAS,CAAED,YAAaA,IAExBA,EAGH,EAAKC,SAAS,CACZC,kBAAmB,EAAKhE,MAAMiE,SAHhC,EAAKF,SAAS,CAAEC,kBAAmB,EAAKE,eAAeC,gBAQ3D,EAAAC,gBAAkB,WAChB,OAAO,kBAACC,EAAW,KAAE,EAAKtC,MAAM+B,WAAa,kBAACQ,EAAO,MAAM,kBAACC,EAAS,QAjCrE,EAAKxC,MAAQ,CACXI,WAAW,EACXqC,oBAAoB,EACpBV,YAAY,EACZE,kBAAmB,EAAKhE,MAAMiE,Q,EAmEpC,OA7EuB,iBAcrB,YAAAQ,kBAAA,WACoB1E,KAAKmE,eAAeC,aAEtBpE,KAAKC,MAAMiE,QACzBlE,KAAKgE,SAAS,CAAES,oBAAoB,EAAMR,kBAAmBjE,KAAKC,MAAMiE,SAG1ElE,KAAKgE,SAAS,CAAE5B,WAAW,KAqB7B,YAAAvB,OAAA,sBACQ,aAAE,IAAA8D,uBAAA,IAAkB,EAAlB,SAA0BC,EAAA,EAAAA,aAAcC,EAAA,EAAAA,KAAM7D,EAAA,EAAAA,QAAS8D,EAAA,EAAAA,YACzDC,EAAkBD,GAA4B,aAAU,oBAE9D,OACE,kBAAC,IAAOE,IAAG,CAACjE,IAAKC,KACf,kBAACiE,EAAW,CAAClE,IAAK,CAAEmD,OAAQlE,KAAKgC,MAAMiC,oBACrC,kBAAC,IAAOe,I,CAENE,IAAK,SAACC,GAAuB,OAAC,EAAKhB,eAAiBgB,IAEnDN,IAED7E,KAAKgC,MAAM+B,YAAc/D,KAAKgC,MAAMyC,oBAAsB,kBAACW,EAAQ,OAEtEpF,KAAKgC,MAAMyC,oBACV,kBAACY,EAAc,CACbtE,IAAK,CACHqC,QAASwB,EAAe,OAAS,QACjCU,UAAWX,GAEbY,QAASvF,KAAK8D,qBAEb9D,KAAKgC,MAAM+B,WACV,8BAAO,aAAU,wCAEjB,8BAAOgB,GAGRH,GAAgB5E,KAAKqE,qBAMlC,EA9EmB,CACI,IAAMvC,YAgFzBwC,EAAc,IAAOnB,IAAI,CAC7BqC,WAAY,aAAa,GACzBC,WAAY,aAAa,GACzBC,YAAa,aAAa,KAGtBC,EAAc,YAAO,CACzB5C,SAAU,aAAa,MAGnBwB,EAAUoB,EAAY,KACtBnB,EAAYmB,EAAY,KAExBV,EAAc,IAAO9B,IAAI,aAC7ByC,SAAU,SACVtD,SAAU,YACP,aAAW,CAAEuD,SAAU,aAGtBT,EAAW,IAAOjC,IAAI,CAC1B2C,gBAAiB,oEACjB5C,OAAQ,EACRgB,OAAQ,MACR5B,SAAU,WACVe,MAAO,SAGHgC,EAAiB,IAAOlC,IAAI,CAChCS,OAAQ,UACRmC,UAAW,aAAa,IACxBT,UAAW,SACXU,eAAgB,cCvCH,eA5EI,SAAC/F,GACZ,mBAAEgG,EAAA,EAAAA,WAAYC,EAAA,EAAAA,gBAAiBC,EAAA,EAAAA,YAC/BC,EAAY,IAAIC,KAAKF,GACrBG,GAAO,IAAMF,EAAUG,WAAWC,OAAO,GACzCC,GAAS,KAAOL,EAAUM,WAAa,IAAIF,OAAO,GAElDG,EADOP,EAAUQ,cACA,IAAIH,EAAK,IAAIH,EAEpC,OACE,kBAACO,EAAW,KACV,kBAACC,GAAc,KACZ7G,EAAMiB,UACL,kBAAC6F,GAAM,CAAChG,IAAG,IACR,aAAU,gEAGf,kBAACiG,EAA0B,KACzB,kBAACC,EAAS,KACR,kBAACC,EAAW,CAACC,GAAIlB,GACf,kBAACmB,EAAW,CACVC,IAAKnB,EACLoB,OAASpB,EAAgBqB,SAAS,aAA6BC,EAAnB,IAAYC,KACxDC,MAAO,IAAWC,aAIxB,kBAACC,EAAW,KACV,kBAACV,EAAW,CAACC,GAAIlB,GACf,kBAAC4B,EAAY,KAAE5H,EAAM6H,WAAWC,eAElC,kBAACC,EAAwB,KAAErB,MAKjC,kBAACsB,GAAa,CACZlH,IACEd,EAAMiB,UAAY,CAChBgD,OAAQ,YAAa,IACrB0B,SAAU,SACVtD,SAAU,aAIbrC,EAAMiB,UAAY,kBAAC6F,GAAM,KAAE,aAAU,iDACtC,kBAACmB,GAAO,CAACC,QAASlI,EAAM6H,WAAWM,OAAQC,QAAS,IAAQC,OAAQC,KAAM,IAAKD,UAGjF,kBAACE,GAAe,KACbvI,EAAMiB,UAAY,kBAAC6F,GAAM,KAAE,aAAU,kDACtC,kBAAC,EAAQ,CACP7C,OArDU,GAsDVW,KAAM5E,EAAM6H,WAAWW,WACvB3D,YAAa,aAAU,6CACvBH,gBAAgB,OAChBC,cAAY,KAIhB,kBAAC8D,GAAoB,KAClBzI,EAAMiB,UACL,kBAAC6F,GAAM,KAAK9G,EAAM0I,SAAQ,IAAI,aAAU,sDAG1C,kBAAC,EAAQ,CACPzE,OAnEU,GAoEVW,KAAM5E,EAAM6H,WAAWc,kBACvB9D,YAAa,aAAU,6CACvBH,gBAAgB,OAChBC,cAAY,SAWhBiC,EAAc,IAAO1D,IAAI,CAC7B0F,aAAc,CACZlG,MAAO,QACPU,MAAO,KACPT,MAAO,KAETQ,QAAS,OACT0F,SAAU,WACVlH,QAAS,CACP8B,EAAG,YAAa,OAIdsD,EAA6B,IAAO7D,IAAI,CAC5CC,QAAS,SAGLgE,EAAc,YAAO,IAAO,CAChC/D,MAAO,YAAa,IACpBa,OAAQ,SAGJ6E,EAAY,CAChBC,YAAa,YAAa,IAC1BC,aAAc,cAGVhC,EAAY,IAAO9D,IAAI4F,GAEvBnB,EAAc,IAAOzE,IAAI,2BAC1B4F,GAAS,CACZ1F,MAAO,UAGH6D,EAAc,YAAOgC,EAAA,EAAM,CAC/BtG,MAAO,SAAAlB,GAAS,OAAAA,EAAMyH,WACtB/F,QAAS,OACT0F,SAAU,gBACVM,UAAW,YAAa,MAGpBvB,EAAe,IAAO1E,IAAI,CAC9BkG,UAAW,YAAa,MAGpBrB,EAA2B,IAAO7E,IAAI,CAC1Ce,OAAQ,YAAa,IACrBuB,WAAY,YAAa,MAGrBqB,GAAiB,IAAO3D,MAAG,GAC/BE,MAAO,SACN,MAAoB,CACnBA,MAAO,OAET,EAAC,MAAqB,CACpBA,MAAO,OAET,EAAC,MAAqB,CACpBA,MA7DkB,O,IAiEhB4E,GAAgB,IAAO9E,MAAG,GAC9BE,MAAO,SACN,MAAoB,CACnBA,MAAO,OAET,EAAC,MAAqB,CACpBA,MAAO,OAET,EAAC,MAAqB,CACpBA,MA1EkB,O,IA8EhBmF,GAAkB,IAAOrF,MAAG,GAChC4C,UAAW,YAAa,IACxBuD,aAAc,YAAa,IAC3BjG,MAAO,SACN,MAAoB,CACnBA,MAAO,OAET,EAAC,MAAqB,CACpB0C,UAAW,EACX1C,MAAO,O,IAILqF,GAAuB,IAAOvF,MAAG,GACrC4C,UAAW,YAAa,IACxBuD,aAAc,YAAa,IAC3BjG,MAAO,SACN,MAAoB,CACnBA,MAAO,OAET,EAAC,MAAqB,CACpB0C,UAAW,EACX1C,MAAO,O,IAIL6E,GAAU,YAAOqB,EAAA,EAAe,CACpCrF,OAAQ,YAAa,IACrB5B,SAAU,WACVe,MAAO,OACPmG,OAAQ,IAGJzC,GAAS,IAAO5D,IAAI,CACxBsG,WAAY,OACZ1G,SAAU,YAAa,IACvB2G,cAAe,YAAa,K,GApLP,CAAErG,MAAO,QCpBjB,YAACpD,GAAqB,OACnC,yBAAKiF,IAAKjF,EAAM0J,YACb1J,EAAM2J,gBAAgBC,KAAI,SAACC,EAAyBC,GAAkB,OACrE,kBAAC,EAAU,CAACC,IAAKD,EAAQ1D,KAAK4D,MAAOnC,WAAYgC,EAAM5I,SAAUjB,EAAMiB,SAAUyH,SAAU1I,EAAM0I,gB,iDCoBvG,eAKE,WAAY1I,GAAZ,MACE,YAAMA,IAAM,K,OAYd,EAAAiK,SAAW,0D,iEACJlK,KAAKmK,qBACJnK,KAAKoK,WACPpK,KAAKmK,oBAAqB,EACpBE,EAAwBrK,KAAKC,MAAMO,UAAU8J,OAC7C,EAAWtK,KAAKC,MAAMsK,SACtB,EAAgBvK,KAAKC,MAAMuK,YAAc,EACzC,EAAOH,EACPI,EAAS,0D,4DAEX,O,sBAAA,GAAMzK,KAAK0K,WAAW,EAAe,EAAU,EAAM,CACnDC,aAAa,EACbC,MAAO,SAACJ,EAAyCK,GAC/C,IAAMC,EAAQ,YAAIN,EAAYhK,UAAcqK,EAAarK,WAEzD,OADgB,2BAAKgK,GAAW,CAAEA,YAAaK,EAAaL,YAAahK,UAAWsK,Q,OAKxF,OATA,SAQA9K,KAAKmK,oBAAqB,EACnB,CAAP,EAAOY,QAAQC,W,OAIf,O,SAFAhL,KAAKiL,2BACLjL,KAAKmK,oBAAqB,EACnB,CAAP,EAAOY,QAAQG,OAAO,O,yBAI1BlL,KAAKC,MAAMkL,SAASC,KAAKX,MAEzBzK,KAAKiL,4B,WA2BX,EAAAI,uBAAyB,WACvB,EAAKnB,WACL,EAAKlG,SAAS,CAAEsH,gBAAgB,IAChC,EAAKC,qBAAuB,aAAmB,EAAKC,cAAe,EAAKtB,UAAW,MArEnF,EAAKlI,MAAQ,CACXsJ,gBAAgB,GAElB,EAAKnB,oBAAqB,E,EA6H9B,OAxI4B,iBAc1B,YAAAsB,qBAAA,WACEzL,KAAKiL,4BAqCP,YAAAb,QAAA,WACE,OAAOpK,KAAKC,MAAMyL,WAAa1L,KAAKC,MAAMO,UAAU8J,QAAUtK,KAAKC,MAAMuK,YAAcxK,KAAKC,MAAM0L,WAGpG,YAAAjB,WAAA,SAAWkB,EAAcC,EAAeC,EAAcC,GACpD,IAAMC,EAAM,cAKZ,OAJAA,EAAIC,aAAaC,IAAI,OAAQC,OAAOP,IACpCI,EAAIC,aAAaC,IAAI,WAAYC,OAAON,IACxCG,EAAII,aAAaF,IAAI,OAAQC,OAAOL,IAE7B,YAAaE,EAAKD,IAG3B,YAAAd,yBAAA,WACMjL,KAAKgC,MAAMsJ,gBACbtL,KAAKgE,SAAS,CAAEsH,gBAAgB,IAE9BtL,KAAKuL,sBACPvL,KAAKuL,wBAUT,YAAA1K,OAAA,sBACQwL,EAAiBrM,KAAKC,MAAMkL,SAASmB,OACrCpL,EAAWlB,KAAKC,MAAMsM,kBAAoB,IAAWC,OACrDhM,EAAYR,KAAKC,MAAMO,WAAa,GACpCiM,EAAoBzM,KAAKC,MAAMmC,WAAalB,GAAmC,IAArBV,EAAU8J,QAAgBpJ,EAE1F,OACE,kBAACwL,EAAA,EAAiB,eAAK1M,KAAKC,OAC1B,kBAAC,EAAS,CAACiB,SAAUA,IACrB,kBAACyL,GAAa,CAAC5L,IAAK0L,GAAoB,CAAE5D,aAAc,CAAExF,MAAO,MAC7DnC,GACA,oCACE,kBAAC,GAAY,KAAE,aAAU,gEACzB,kBAAC,GAAO,KAAE,aAAU,iDACpB,kBAAC0L,GAAQ,KAAE,aAAU,kDACrB,kBAACC,GAAa,KACR7M,KAAKC,MAAM0I,SAAQ,IAAI,aAAU,wDAK3C3I,KAAKC,MAAMmC,UAYT,kBAAC0K,GAAc,MAXjBtM,EAAU8J,OAAS,EACjB,kBAACyC,GAAU,CACTpD,WAAY,SAAAxE,GAAM,OAAC,EAAKqG,cAAgBrG,GACxCjE,SAAUA,EACV0I,gBAAiBpJ,EACjBmI,SAAU3I,KAAKC,MAAM0I,WAGrB,kBAACqE,GAAS,KAAE,aAAU,8CAM5B,kBAACC,GAAU,KACRjN,KAAKoK,WACJ,kBAACiC,EAAc,CACbtL,IAAK,CACHa,QAAS,CACPR,EAAG,MAGP8L,QAASZ,EAAA,EAAca,MACvBC,WAAYd,EAAA,EAAiBe,UAC7B9H,QAASvF,KAAKqL,uBACdiC,SAAUtN,KAAKgC,MAAMsJ,gBAEpB,aAAU,gCAOzB,EAxIA,CAA4B,IAAMxJ,WAoJ5B6K,IAVS,uBAAoB,CAAEY,iBAAkB,GAAxC,CACb,OAAAxL,EAAA,IAAQ,SAAAC,GAAS,OACfuK,kBAAmBvK,EAAMuK,kBACzBnK,UAAWJ,EAAMC,gBAAgBG,UACjCuG,SAAU3G,EAAMwL,aAAa7E,YAH/B,CAII,KAKgB,IAAOxF,IAAI,CAC/B0F,aAAc,CACZjG,MAAO,SAAAlB,GAAS,OAAAA,EAAM+L,aACtB9K,MAAO,QACPU,MAAO,aAAa,IAEtBD,QAAS,OACTsK,eAAgB,gBAChB3H,UAAW,aAAa,IACxB2D,cAAe,aAAa,OAGxBoD,GAAiB,YAAOa,GAAA,IAAO,GACnCvK,QAAS,OACTI,WAAY,SAEZrC,OAAQ,CACNC,EAAG,OACHsC,EAAG,aAAa,OAEjB,MAAsB,CACrBvC,OAAQ,CACNuC,EAAG,aAAa,KAElBQ,OAAQ,aAAa,IACrBb,MAAO,aAAa,K,IAIlB,GAAS,IAAOF,IAAI,CACxBsG,WAAY,SAGR,GAAe,YAAO,KAAM,MAC/B,MAAsB,CACrB1G,SAAU,aAAa,IACvBM,MAAO,OAET,EAAC,MAAqB,CACpBA,MAzCkB,O,IA6ChB,GAAU,YAAO,KAAM,MAC1B,MAAsB,CACrBN,SAAU,aAAa,IACvBM,MAAO,OAET,EAAC,MAAqB,CACpBA,MAnDkB,O,IAuDhBuJ,GAAW,YAAO,GAAQ,CAC9BvJ,MAxDoB,QA2DhB2J,GAAY,YAAO,KAAI,CAC3BjH,UAAW,aAAa,IACxBT,UAAW,WAGPuH,GAAgB,YAAO,GAAQ,CACnCxJ,MAjEoB,QAoEhB4J,GAAa,YAAO,KAAM,CAC9B7J,QAAS,OACTwK,cAAe,SACfpK,WAAY,SACZqK,MAAO,EACP9H,UAAW,O,iCC7Pb,wEAKY+H,EAMAC,EAXZ,wCAKA,SAAYD,GACV,uBACA,uBACA,mBAHF,CAAYA,MAAO,KAMnB,SAAYC,GACV,qBACA,mBACA,uBACA,qBACA,mBALF,CAAYA,MAAI,KAgED,iBAAO,SAAC9N,GACrB,IACM+N,EAAYC,OAAOhO,EAAMkI,QAAU+F,KAAKC,MAAMlO,EAAMkI,UAAUiG,QAAQ,GACtEC,EAAcC,WAAWN,GACzBO,EAtDR,SAAmBhG,EAAYF,GAC7B,IAAInE,EACAb,EACAmC,EACJ,OAAQ+C,GACN,KAAKwF,EAAKS,MACRtK,EAAS,aAAa,IACtBb,EAAQ,aAAa,IACrB,MACF,KAAK0K,EAAKtG,KACRvD,EAAS,aAAa,MACtBb,EAAQ,aAAa,MACrB,MACF,KAAK0K,EAAKzF,OACRpE,EAAS,aAAa,IACtBb,EAAQ,aAAa,IACrB,MACF,KAAK0K,EAAKZ,MACRjJ,EAAS,aAAa,IACtBb,EAAQ,aAAa,IACrB,MACF,KAAK0K,EAAKU,KACRvK,EAAS,aAAa,IACtBb,EAAQ,aAAa,IAKzB,OAAQgF,GACN,KAAKyF,EAAQxF,OACX9C,EAAa,aAAa,GAC1B,MACF,KAAKsI,EAAQtB,OACXhH,EAAa,aAAa,IAC1B,MACF,KAAKsI,EAAQY,KACXlJ,EAAa,aAAa,IAK9B,MAAO,CACLtB,OAAM,EACNb,MAAK,EACL,qBAAsB,CACpBmC,WAAU,IASKmJ,CAAU1O,EAAMsI,KAAMtI,EAAMoI,SAC/C,OACE,kBAACuG,EAAI,CAAC7N,IAAKd,EAAMe,WALH,CAAC,EAAG,EAAG,EAAG,EAAG,GAMhB6I,KAAI,SAACzB,GACZ,OAAIA,GAAUnI,EAAMkI,QACX,kBAAC,IAAI,CAAC6B,IAAK5B,EAAQrH,IAAKwN,IACtBnG,GAAU8F,KAAKW,KAAK5O,EAAMkI,SAC/BkG,EAAc,GACT,kBAAC,IAAW,CAACrE,IAAK5B,EAAQrH,IAAKwN,IAC7BF,EAAc,GAChB,kBAAC,IAAQ,CAACrE,IAAK5B,EAAQrH,IAAKwN,IAE5B,kBAAC,IAAI,CAACvE,IAAK5B,EAAQrH,IAAKwN,IAG1B,kBAAC,IAAW,CAACvE,IAAK5B,EAAQrH,IAAKwN,WAOhD,IAAMK,EAAO,IAAOzL,IAAI,CACtB2L,WAAY,Y,kIC1ERC,EAAK,IAAOC,GAAG,aACnBxJ,WAAY,aAAa,IACtB,YAAO,0BAA2B,CACnCyJ,QAAS,MACTzJ,WAAY,aAAa,OAIvB0J,EAAW,YAAO,IAAM,CAC5BtM,MAAO,KACP,SAAU,CACRoD,eAAgB,aAElB,SAAU,CACRA,eAAgB,UAIdmJ,EAAc,YAAOD,EAAU,CACnCzF,WAAY,SAGR2F,EAAuB,CAC3B,CACEvK,KAAM,GACNmH,IAAK,MAIM,gBACb,aACE,SAAChK,GAA4B,OAC3BqN,gBAAiB,YAAgBrN,EAAMwI,iBAGzC,SAACtI,GAAkC,OACjCoN,iBAAA,SAAiBtF,GACf9H,EAAS,YAAiB8H,QAPhC,EAUE,SAAC/J,GAAoB,OACrB,kBAAC,IAAO+E,IAAG,CAACjE,IAAKd,EAAMe,WACrB,kBAAC,IAAE,CACDD,IAAG,EAUHwO,KAAG,IAEDtP,EAAMuP,aAAeJ,GACpB5I,MAAMvG,EAAMwP,UAAY,EAAI,GAC5B5F,KAAI,SAAC6F,EAAY3F,EAAO,G,IAAEO,EAAA,EAAAA,OACnBqF,EAAO1P,EAAMoP,iBAAmBtF,IAAUO,EAAS,IAAMrK,EAAMwP,SAAWN,EAAcD,EAE9F,OACE,kBAACH,EAAE,CAAC/E,IAAK0F,EAAW1D,IAAMjC,EAAO6F,SAAS,mBACxC,kBAACD,EAAI,CAACxI,GAAIuI,EAAW1D,IAAK4D,SAAS,OAAOrK,QAAS,SAAC3F,GAAM,OAAAK,EAAMqP,iBAAiBI,EAAW1D,OAC/E,IAAVjC,GAAgB9J,EAAMwP,SAEnBC,EAAW7K,KAAKgL,OAAO,GAAGC,cAAgBJ,EAAW7K,KAAKkL,OAAO,GAAGC,cADpE,aAAU,8BAGhB,0BAAMJ,SAAS,WAAWX,QAAS9C,OAAOpC,EAAQ,e,WAvBxDnH,MAAO,KACPQ,QAAS,cACT0F,SAAU,WACV4E,eAAgB,SAChB1K,WAAY,WACX,MAAsB,CACrB0K,eAAgB,c,qCC9E5B,kBAGe,QAAOuC,GAAG,CACvBlN,SAAU,IACV0G,WAAY,Y,iCCLd,6CAEIyG,GAAU,EAEP,SAASC,EAAmBC,EAAsBC,EAAsBC,GAC7E,GAAI,gBAAgBJ,EAAS,CAC3B,IACM,EAAmB,YAAG,UADX,WAAM,OAU3B,SAAsBE,EAAsBC,EAAsBC,QAAA,IAAAA,MAAA,GAC1D,+BAAElM,EAAA,EAAAA,aAAcmM,EAAA,EAAAA,UAChBC,EAAwBJ,EAAQK,UAAYL,EAAQM,aACpDC,GAAwBJ,GAAwBK,OAAOC,aAAezM,EAExEoM,GAAyBG,EAAuBL,GAClDD,IAhBuBS,CAAaV,EAASC,EAAUC,MAGvD,OADAJ,GAAU,EACH,WACL,IACAA,GAAU,M,oHCOhB,yE,OACE,EAAAa,SAAW,SAACnR,GACVA,EAAEC,iBACF,YAAS,EAAKI,MAAM+Q,WAAWC,MAAK,WAClC,EAAKhR,MAAMiR,SAASC,SAAQ,SAAAC,GAAQ,mBAAe,IAAI,IAAKA,EAAKpF,SACjE,YAAa,IAAK,CAAEqF,qBAAqB,Q,EA6C/C,OAlDoB,iBASlB,YAAAxQ,OAAA,WACE,IAAMK,EAAWlB,KAAKC,MAAMsM,kBAAoB,IAAWC,OAE3D,OACE,kBAAC8E,EAAW,CAACvQ,IAAKf,KAAKC,MAAMe,YACzBE,GAAY,4BAAK,aAAU,2BAC7B,kBAAC,IAAOqQ,GAAE,CAACxQ,IAAK,CAAEyQ,UAAW,SAC1BxR,KAAKC,MAAMiR,SAASrH,KAAI,SAACuH,EAAMK,G,MAAQ,OACtC,kBAAC9B,EAAI,CACH3F,IAAKyH,EACL1Q,IAAG,eACW,IAAR0Q,IAAS,GACXC,UAAW,CACT/O,MAAO,QACPC,MAAO,IACPS,MAAO,OAET,EAAC,MAAsB,CACrBqO,UAAW,Q,KAKjB,kBAACC,EAAU,CACT5Q,IAAG,eACGqQ,EAAKQ,UAAY,CACnBhP,MAAO,UACP6G,WAAY,SAGhBtC,GAAIiK,EAAKpF,KAET,8BAAOoF,EAAKS,WAIlB,kBAACC,EAAM,CAACvM,QAASvF,KAAK+Q,UAAW,aAAU,uBAKrD,EAlDA,CAAoB,IAAMjP,WAoDX,cACb,OAAAC,EAAA,IACE,SAACC,GAA4B,OAC3BuK,kBAAmBvK,EAAMuK,qBAF7B,CAIE,IAGEwF,EAAiB,CACrBvO,WAAY,SACZJ,QAAS,QAGLkO,EAAc,IAAOU,MAAG,GAC5BpQ,QAAS,CACPR,EAAG,aAAa,IAChB6B,IAAK,aAAa,OAEnB,MAAsB,CACrByO,UAAW,CACT/O,MAAO,QACPU,MAAO,KACPT,MAAO,M,IAKP+M,EAAO,IAAOX,KAAE,GACpBnG,aAAc,CACZlG,MAAO,QACPC,MAAO,IACPS,MAAO,MAETa,OAAQ,aAAa,IACrBwJ,eAAgB,kBACf,MAAsB,CACrB7E,aAAc,OACd3E,OAAQ,UACRsB,WAAY,aAAa,IACzBO,UAAW,aAAa,GACxBnE,QAAS,CAAEc,GAAI,I,IAIbiP,EAAa,YAAOzI,EAAA,EAAM,2BAC3B6I,GAAc,CACjBnP,MAAO,IACPsB,OAAQ,UACRb,MAAO,UAGHyO,EAAS,YAAOnC,EAAM,2BACvBoC,GAAc,CACjBnO,OAAQ,a,kBCxFK,cACb,OAAA7B,EAAA,IAAQ,SAAAC,GAAS,OACfuK,kBAAmBvK,EAAMuK,qBAD3B,EAhBkB,SAACtM,GACnB,IAAMgS,EAAoB,CACxBrQ,QAAS,CAAER,EAAG,aAAa,IAAKsC,EAAG,IAE/BxC,EAAWjB,EAAMsM,kBAAoB,EAE3C,OACE,kBAAC,IAAOvH,IAAG,CAACjE,IAAKd,EAAMe,QAAQiR,IAC7B,kBAACC,EAAiB,CAAC1C,YAAavP,EAAMuP,cACtC,kBAAC,IAAE,CAACzO,IAAKG,GAAY,CAAEoE,UAAW,SAAUvC,SAAU,MAAS9C,EAAMkS,SACpElS,EAAMmS,cAWPF,EAAoB,YAAO,MAAW,GAC1CnP,SAAU,IACVsP,cAAe,aAAa,IAC5BlR,OAAQ,CACNuC,EAAG,aAAa,IAChBtC,EAAG,GAELkE,UAAW,WACV,MAAsB,CACrBvC,SAAU,IACVuC,UAAW,Q,IC3BTgN,GAFS,IAdW,SAACrS,GACjB,IAAAsS,EAAA,EAAAA,QAASC,EAAA,EAAAA,UAAWxB,EAAA,EAAAA,UAAWoB,EAAA,EAAAA,SACvC,OACE,gBAAC,IAAI,KACH,gBAACE,EAAc,KACb,gBAACG,EAAa,CAACN,QAASK,EAAWhD,YAAavP,EAAMuP,aACnD4C,GAEH,gBAACM,EAAW,CAACxB,SAAUqB,EAASvB,UAAWA,OAQ5B,IAAO7N,MAAG,GAC/BC,QAAS,OACTwK,cAAe,SACfvK,MAAO,SACN,MAAsB,CACrBuK,cAAe,MACfvE,UAAW,aAAa,M,KAItBqJ,EAAc,YAAO,IAAK,GAC9B3M,UAAW,aAAa,MACvB,MAAsB,CACrBiD,YAAa,aAAa,IAC1BxD,WAAY,aAAa,IACzBO,UAAW,aAAa,GACxB8H,MAAO,EACPxK,MAAO,O,IAILoP,EAAgB,YAAOE,IAAO,MACjC,MAAqB,CACpBtP,MAAO,OAET,EAAC,MAAsB,CACrBA,MAAO,MACPwK,MAAO,G","file":"assets/19.chunk.15226a0479abc4688971.js","sourcesContent":["import React from 'react';\r\nimport connect from 'Shared/connect';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { changeSearchText, searchRequestStatus } from 'Account/MyPages/MyReviews/action-creators';\r\nimport { translate, postJson, addUserLog, currentUrl, updateCurrentPage } from '@avensia/scope';\r\nimport { large, sigma, pixelsToUnit, thin } from 'Shared/Style';\r\nimport Icon from 'Shared/Icon/Search';\r\nimport MyReviewsPageViewModelType from 'Account/MyPages/MyReviews/MyReviewsPageViewModel.type';\r\n\r\ntype PropType = {\r\n isMobile: boolean;\r\n searchText: string;\r\n} & StyledProps &\r\n ConnectActionType;\r\n\r\ntype ConnectActionType = {\r\n updateCurrentPage: (updater: (page: MyReviewsPageViewModelType) => MyReviewsPageViewModelType) => void;\r\n onChangeSearchText: (searchText: string) => Promise;\r\n onSearchRequest: (isLoading: boolean) => Promise;\r\n};\r\n\r\nconst SEARCH_URL = '/search';\r\nconst SEARCH_FAILED = 'My reviews Search failed';\r\nclass SearchBar extends React.Component {\r\n onSubmit = async (e: React.FormEvent) => {\r\n e.preventDefault();\r\n const query = { searchKeyword: this.props.searchText };\r\n const myReviewsSearchUrl = currentUrl().pathname + SEARCH_URL;\r\n try {\r\n this.props.onSearchRequest(true);\r\n const result = await postJson(myReviewsSearchUrl, query);\r\n if (!!result) {\r\n this.props.onSearchRequest(false);\r\n }\r\n this.props.updateCurrentPage((current) => ({ ...current, myReviews: result }));\r\n } catch (error) {\r\n addUserLog(SEARCH_FAILED);\r\n }\r\n };\r\n\r\n onChange = (e: React.FocusEvent) => {\r\n return this.props.onChangeSearchText(e.target.value);\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n theme.buttonSearchHeaderBackgroundColor,\r\n padding: {\r\n x: large,\r\n },\r\n }}\r\n type=\"submit\"\r\n >\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default styled(\r\n connect(\r\n (state) => ({\r\n searchText: state.myReviewsSearch.searchText,\r\n }),\r\n (dispatch) => ({\r\n updateCurrentPage(updater: (page: MyReviewsPageViewModelType) => MyReviewsPageViewModelType) {\r\n dispatch(updateCurrentPage(updater));\r\n },\r\n onChangeSearchText(searchText: string) {\r\n dispatch(changeSearchText(searchText));\r\n },\r\n onSearchRequest(isLoading: boolean) {\r\n dispatch(searchRequestStatus(isLoading));\r\n },\r\n }),\r\n )(SearchBar),\r\n);\r\n\r\nconst SearchForm = styled.form({\r\n position: 'relative',\r\n});\r\n\r\nconst SearchInput = styled.input({\r\n backgroundColor: (theme) => theme.inputSearchHeaderBackgroundColor,\r\n border: {\r\n xy: {\r\n style: 'none',\r\n },\r\n },\r\n color: (theme) => theme.inputTextColor,\r\n flexGrow: 1,\r\n fontSize: sigma,\r\n lineHeight: 'normal',\r\n padding: {\r\n top: pixelsToUnit(14),\r\n bottom: pixelsToUnit(12),\r\n x: pixelsToUnit(17),\r\n },\r\n});\r\n\r\nconst Container = styled.div({\r\n flexGrow: 1,\r\n display: 'flex',\r\n border: {\r\n xy: {\r\n width: thin,\r\n style: 'solid',\r\n color: (theme) => theme.inputSearchHeaderBorderColor,\r\n },\r\n right: {\r\n width: 0,\r\n },\r\n },\r\n});\r\n\r\nconst Field = styled.div({\r\n display: 'flex',\r\n alignItems: 'stretch',\r\n maxWidth: pixelsToUnit(400),\r\n margin: {\r\n y: pixelsToUnit(22),\r\n },\r\n});\r\n\r\nconst Button = styled.button({\r\n border: {\r\n xy: {\r\n style: 'none',\r\n },\r\n },\r\n cursor: 'pointer',\r\n});\r\n\r\nconst SearchIcon = styled(Icon, {\r\n color: (theme) => theme.menuBarTextColor,\r\n});\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { translate } from '@avensia/scope';\r\nimport { pixelsToUnit } from 'Shared/Style';\r\nimport { transition } from 'Shared/Style';\r\nimport { Up, Down } from 'Shared/Icon/Arrow';\r\n\r\ntype PropType = {\r\n buttonLabel?: string;\r\n buttonAlignment?: 'left' | 'center' | 'right';\r\n height?: number;\r\n includeArrow?: boolean;\r\n text: string;\r\n} & StyledProps;\r\n\r\ntype StateType = {\r\n isExpanded: boolean;\r\n textWrapperHeight: number | string;\r\n showGradientEffect: boolean;\r\n isLoading: boolean;\r\n};\r\n\r\nexport default styled(\r\n class ReadMore extends React.Component {\r\n textWrapperRef: HTMLDivElement;\r\n\r\n constructor(props: PropType) {\r\n super(props);\r\n\r\n this.state = {\r\n isLoading: false,\r\n showGradientEffect: false,\r\n isExpanded: false,\r\n textWrapperHeight: this.props.height,\r\n };\r\n }\r\n\r\n componentDidMount() {\r\n const divHeight = this.textWrapperRef.clientHeight;\r\n\r\n if (divHeight > this.props.height) {\r\n this.setState({ showGradientEffect: true, textWrapperHeight: this.props.height });\r\n }\r\n\r\n this.setState({ isLoading: true });\r\n }\r\n\r\n onReadMyReviewClick = () => {\r\n const { isExpanded } = this.state;\r\n\r\n this.setState({ isExpanded: !isExpanded });\r\n\r\n if (!isExpanded) {\r\n this.setState({ textWrapperHeight: this.textWrapperRef.clientHeight });\r\n } else {\r\n this.setState({\r\n textWrapperHeight: this.props.height,\r\n });\r\n }\r\n };\r\n\r\n renderArrowIcon = () => {\r\n return {this.state.isExpanded ? : };\r\n };\r\n\r\n render() {\r\n const { buttonAlignment = 'left', includeArrow, text, compose, buttonLabel } = this.props;\r\n const readMoreLabel = !!buttonLabel ? buttonLabel : translate('/Shared/ReadMore');\r\n\r\n return (\r\n \r\n \r\n (this.textWrapperRef = el)}\r\n >\r\n {text}\r\n \r\n {!this.state.isExpanded && this.state.showGradientEffect && }\r\n \r\n {this.state.showGradientEffect && (\r\n \r\n {this.state.isExpanded ? (\r\n {translate('/Account/MyPages/MyReviews/ReadLess')}\r\n ) : (\r\n {readMoreLabel}\r\n )}\r\n\r\n {includeArrow && this.renderArrowIcon()}\r\n \r\n )}\r\n \r\n );\r\n }\r\n },\r\n);\r\n\r\nconst IconContent = styled.div({\r\n marginLeft: pixelsToUnit(3),\r\n paddingTop: pixelsToUnit(5),\r\n paddingLeft: pixelsToUnit(5),\r\n});\r\n\r\nconst ArrowStyled = styled({\r\n fontSize: pixelsToUnit(16),\r\n});\r\n\r\nconst ArrowUp = ArrowStyled(Up);\r\nconst ArrowDown = ArrowStyled(Down);\r\n\r\nconst TextWrapper = styled.div({\r\n overflow: 'hidden',\r\n position: 'relative',\r\n ...transition({ property: 'height' }),\r\n});\r\n\r\nconst Gradient = styled.div({\r\n backgroundImage: 'linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9))',\r\n bottom: 0,\r\n height: '70%',\r\n position: 'absolute',\r\n width: '100%',\r\n});\r\n\r\nconst ReadMoreButton = styled.div({\r\n cursor: 'pointer',\r\n marginTop: pixelsToUnit(21),\r\n textAlign: 'center',\r\n textDecoration: 'underline',\r\n});\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { translate } from '@avensia/scope';\r\nimport { pixelsToUnit } from 'Shared/Style/unit';\r\nimport Image, { Ratio as ImageRatio, Preset as ImagePreset } from 'Shared/Image/Ratio';\r\nimport AverageRating, { Spacing, Size } from 'Product/ProductDetails/AverageRating';\r\nimport { thin, alto, minTinyMediaQuery, minSmallMediaQuery, minLargeMediaQuery } from 'Shared/Style';\r\nimport MyReviewViewModel from './../MyReviewViewModel.type';\r\nimport Link from 'Shared/Link';\r\nimport ReadMore from 'Shared/ReadMore';\r\n\r\ntype PropType = {\r\n reviewItem: MyReviewViewModel;\r\n isMobile: boolean;\r\n siteName: string;\r\n} & StyledProps;\r\n\r\nconst FIXEDHEIGHT = 96;\r\n\r\nconst ReviewItem = (props: PropType) => {\r\n const { productUrl, productImageUrl, createdDate } = props.reviewItem;\r\n const timeStamp = new Date(createdDate);\r\n const day = ('0' + timeStamp.getDate()).slice(-2);\r\n const month = ('0' + (timeStamp.getMonth() + 1)).slice(-2);\r\n const year = timeStamp.getFullYear();\r\n const created = `${year}-${month}-${day}`;\r\n\r\n return (\r\n \r\n \r\n {props.isMobile && (\r\n
\r\n {translate('/Account/MyPages/MyReviews/HeadTitle/ProductTitleAndPublish')}\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {props.reviewItem.productTitle}\r\n \r\n {created}\r\n \r\n \r\n
\r\n\r\n \r\n {props.isMobile &&
{translate('/Account/MyPages/MyReviews/HeadTitle/Ratings')}
}\r\n \r\n \r\n\r\n \r\n {props.isMobile &&
{translate('/Account/MyPages/MyReviews/HeadTitle/MyReview')}
}\r\n \r\n
\r\n\r\n \r\n {props.isMobile && (\r\n
{`${props.siteName} ${translate('/Account/MyPages/MyReviews/HeadTitle/AdminRespond')}`}
\r\n )}\r\n\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default styled(ReviewItem);\r\n\r\nconst DESKTOP_WIDTH = '25%';\r\n\r\nconst ItemWrapper = styled.div({\r\n borderBottom: {\r\n style: 'solid',\r\n width: thin,\r\n color: alto,\r\n },\r\n display: 'flex',\r\n flexFlow: 'row wrap',\r\n padding: {\r\n y: pixelsToUnit(20),\r\n },\r\n});\r\n\r\nconst ImageAndProductInfoWrapper = styled.div({\r\n display: 'flex',\r\n});\r\n\r\nconst ImageStyled = styled(Image, {\r\n width: pixelsToUnit(84),\r\n height: 'auto',\r\n});\r\n\r\nconst infoStyle = {\r\n marginRight: pixelsToUnit(20),\r\n alignContent: 'flex-start',\r\n};\r\n\r\nconst ImageInfo = styled.div(infoStyle);\r\n\r\nconst ProductInfo = styled.div({\r\n ...infoStyle,\r\n width: '100%',\r\n});\r\n\r\nconst ContentLink = styled(Link, {\r\n color: theme => theme.textColor,\r\n display: 'flex',\r\n flexFlow: 'column nowrap',\r\n flexBasis: pixelsToUnit(84),\r\n});\r\n\r\nconst ProductTitle = styled.div({\r\n minHeight: pixelsToUnit(36),\r\n});\r\n\r\nconst ProductReviewDateCreated = styled.div({\r\n height: pixelsToUnit(36),\r\n paddingTop: pixelsToUnit(15),\r\n});\r\n\r\nconst ProductContent = styled.div({\r\n width: '100%',\r\n [minTinyMediaQuery]: {\r\n width: '50%',\r\n },\r\n [minSmallMediaQuery]: {\r\n width: '35%',\r\n },\r\n [minLargeMediaQuery]: {\r\n width: DESKTOP_WIDTH,\r\n },\r\n});\r\n\r\nconst RatingContent = styled.div({\r\n width: '100%',\r\n [minTinyMediaQuery]: {\r\n width: '50%',\r\n },\r\n [minSmallMediaQuery]: {\r\n width: '15%',\r\n },\r\n [minLargeMediaQuery]: {\r\n width: DESKTOP_WIDTH,\r\n },\r\n});\r\n\r\nconst MyReviewContent = styled.div({\r\n marginTop: pixelsToUnit(20),\r\n paddingRight: pixelsToUnit(20),\r\n width: '100%',\r\n [minTinyMediaQuery]: {\r\n width: '50%',\r\n },\r\n [minSmallMediaQuery]: {\r\n marginTop: 0,\r\n width: '25%',\r\n },\r\n});\r\n\r\nconst AdminResponseContent = styled.div({\r\n marginTop: pixelsToUnit(20),\r\n paddingRight: pixelsToUnit(20),\r\n width: '100%',\r\n [minTinyMediaQuery]: {\r\n width: '50%',\r\n },\r\n [minSmallMediaQuery]: {\r\n marginTop: 0,\r\n width: '25%',\r\n },\r\n});\r\n\r\nconst Ratings = styled(AverageRating, {\r\n height: pixelsToUnit(20),\r\n position: 'absolute',\r\n width: '100%',\r\n zIndex: 1,\r\n});\r\n\r\nconst Header = styled.div({\r\n fontWeight: 'bold',\r\n fontSize: pixelsToUnit(16),\r\n paddingBottom: pixelsToUnit(5),\r\n});\r\n","import React from 'react';\r\nimport ReviewItem from './ReviewItem';\r\nimport MyReviewViewModel from './../MyReviewViewModel.type';\r\n\r\ntype PropTypes = {\r\n isMobile: boolean;\r\n productsReviews: MyReviewViewModel[];\r\n siteName: string;\r\n elementRef?: React.Ref;\r\n};\r\n\r\nexport default (props: PropTypes) => (\r\n
\r\n {props.productsReviews.map((item: MyReviewViewModel, index: number) => (\r\n \r\n ))}\r\n
\r\n);\r\n","/**\r\n * @ComponentFor MyReviewsPageViewModel\r\n */\r\n\r\nimport React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport connect from 'Shared/connect';\r\nimport MyPagesBaseLayout from '../MyPagesBaseLayout';\r\nimport { pixelsToUnit, minMediumMediaQuery, minLargeMediaQuery, huge } from 'Shared/Style';\r\nimport { Variant as ButtonVariant, Appearance as ButtonAppearance } from 'Shared/Button';\r\nimport SearchBar from './components/SearchBar';\r\nimport ReviewList from './components/ReviewList';\r\nimport { translate, Breakpoint, currentUrl, replaceState, HistoryOptions } from '@avensia/scope';\r\nimport MyReviewsPageViewModelType from './MyReviewsPageViewModel.type';\r\nimport MyReviewViewModel from './MyReviewViewModel.type';\r\nimport { connectWithFeedback, ConnectPropType } from 'Shared/Button/Feedback';\r\nimport Spinner from 'Shared/Icon/Spinner';\r\nimport H1 from 'Shared/Generic/h1';\r\nimport { bindInfiniteScroll } from 'Shared/infinite-scroll';\r\nimport { Part } from 'Shared/PageLayout';\r\n\r\ntype ConnectStateType = {\r\n currentBreakpoint: number;\r\n isloading: boolean;\r\n myReviews: MyReviewViewModel[];\r\n siteName: string;\r\n};\r\n\r\ntype PropType = MyReviewsPageViewModelType & ConnectStateType & ConnectPropType;\r\n\r\ntype StateType = {\r\n infinityScroll: boolean;\r\n};\r\n\r\nclass MyReviewsPage extends React.Component {\r\n currentlyReloading: boolean;\r\n unbindInfiniteScroll: () => void;\r\n MyReviewsList: HTMLDivElement;\r\n\r\n constructor(props: PropType) {\r\n super(props);\r\n\r\n this.state = {\r\n infinityScroll: false,\r\n };\r\n this.currentlyReloading = false;\r\n }\r\n\r\n componentWillUnmount() {\r\n this.deactivateInfinityScroll();\r\n }\r\n\r\n showMore = async () => {\r\n if (!this.currentlyReloading) {\r\n if (this.hasMore()) {\r\n this.currentlyReloading = true;\r\n const currentMyReviewsCount = this.props.myReviews.length;\r\n const newCount = this.props.pageSize;\r\n const newPageNumber = this.props.currentPage + 1;\r\n const skip = currentMyReviewsCount;\r\n const reload = async () => {\r\n try {\r\n await this.reloadPage(newPageNumber, newCount, skip, {\r\n hideSpinner: true,\r\n merge: (currentPage: MyReviewsPageViewModelType, newMyReviews: MyReviewsPageViewModelType) => {\r\n const array = [...currentPage.myReviews, ...newMyReviews.myReviews];\r\n const newPage = { ...currentPage, currentPage: newMyReviews.currentPage, myReviews: array };\r\n return newPage;\r\n },\r\n });\r\n this.currentlyReloading = false;\r\n return Promise.resolve();\r\n } catch (e) {\r\n this.deactivateInfinityScroll();\r\n this.currentlyReloading = false;\r\n return Promise.reject(null);\r\n }\r\n };\r\n\r\n this.props.feedback.push(reload());\r\n } else {\r\n this.deactivateInfinityScroll();\r\n }\r\n }\r\n };\r\n\r\n hasMore() {\r\n return this.props.totalCount > this.props.myReviews.length && this.props.currentPage < this.props.pageCount;\r\n }\r\n\r\n reloadPage(page: number, count: number, skip: number, loadOptions?: HistoryOptions) {\r\n const url = currentUrl();\r\n url.searchParams.set('page', String(page));\r\n url.searchParams.set('pageSize', String(count));\r\n url.hiddenParams.set('skip', String(skip));\r\n\r\n return replaceState(url, loadOptions);\r\n }\r\n\r\n deactivateInfinityScroll() {\r\n if (this.state.infinityScroll) {\r\n this.setState({ infinityScroll: false });\r\n }\r\n if (this.unbindInfiniteScroll) {\r\n this.unbindInfiniteScroll();\r\n }\r\n }\r\n\r\n activateInfiniteScroll = () => {\r\n this.showMore();\r\n this.setState({ infinityScroll: true });\r\n this.unbindInfiniteScroll = bindInfiniteScroll(this.MyReviewsList, this.showMore, -500);\r\n };\r\n\r\n render() {\r\n const FeedbackButton = this.props.feedback.Button;\r\n const isMobile = this.props.currentBreakpoint < Breakpoint.Medium;\r\n const myReviews = this.props.myReviews || [];\r\n const hideMobileBorder = (this.props.isLoading && isMobile) || (myReviews.length === 0 && isMobile);\r\n\r\n return (\r\n \r\n \r\n \r\n {!isMobile && (\r\n <>\r\n {translate('/Account/MyPages/MyReviews/HeadTitle/ProductTitleAndPublish')}\r\n {translate('/Account/MyPages/MyReviews/HeadTitle/Ratings')}\r\n {translate('/Account/MyPages/MyReviews/HeadTitle/MyReview')}\r\n \r\n {`${this.props.siteName} ${translate('/Account/MyPages/MyReviews/HeadTitle/AdminRespond')}`}\r\n \r\n \r\n )}\r\n \r\n {!this.props.isLoading ? (\r\n myReviews.length > 0 ? (\r\n (this.MyReviewsList = el)}\r\n isMobile={isMobile}\r\n productsReviews={myReviews}\r\n siteName={this.props.siteName}\r\n />\r\n ) : (\r\n {translate('/Account/MyPages/MyReviews/NoReviewsAdded')}\r\n )\r\n ) : (\r\n \r\n )}\r\n\r\n \r\n {this.hasMore() && (\r\n \r\n {translate('/ProductListing/ShowMore')}\r\n \r\n )}\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default connectWithFeedback({ maximumFulfilled: 0 })(\r\n connect(state => ({\r\n currentBreakpoint: state.currentBreakpoint,\r\n isLoading: state.myReviewsSearch.isLoading,\r\n siteName: state.appShellData.siteName,\r\n }))(MyReviewsPage),\r\n);\r\n\r\nconst DESKTOP_WIDTH = '25%';\r\n\r\nconst HeaderWrapper = styled.div({\r\n borderBottom: {\r\n color: theme => theme.borderColor,\r\n style: 'solid',\r\n width: pixelsToUnit(1),\r\n },\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n marginTop: pixelsToUnit(46),\r\n paddingBottom: pixelsToUnit(11),\r\n});\r\n\r\nconst LoadingSpinner = styled(Spinner, {\r\n display: 'flex',\r\n alignItems: 'center',\r\n\r\n margin: {\r\n x: 'auto',\r\n y: pixelsToUnit(30),\r\n },\r\n [minMediumMediaQuery]: {\r\n margin: {\r\n y: pixelsToUnit(50),\r\n },\r\n height: pixelsToUnit(35),\r\n width: pixelsToUnit(35),\r\n },\r\n});\r\n\r\nconst Header = styled.div({\r\n fontWeight: 'bold',\r\n});\r\n\r\nconst ProductTitle = styled(Header, {\r\n [minMediumMediaQuery]: {\r\n fontSize: pixelsToUnit(17),\r\n width: '35%',\r\n },\r\n [minLargeMediaQuery]: {\r\n width: DESKTOP_WIDTH,\r\n },\r\n});\r\n\r\nconst Ratings = styled(Header, {\r\n [minMediumMediaQuery]: {\r\n fontSize: pixelsToUnit(17),\r\n width: '15%',\r\n },\r\n [minLargeMediaQuery]: {\r\n width: DESKTOP_WIDTH,\r\n },\r\n});\r\n\r\nconst MyReview = styled(Header, {\r\n width: DESKTOP_WIDTH,\r\n});\r\n\r\nconst NoReviews = styled(H1, {\r\n marginTop: pixelsToUnit(70),\r\n textAlign: 'center',\r\n});\r\n\r\nconst AdminResponse = styled(Header, {\r\n width: DESKTOP_WIDTH,\r\n});\r\n\r\nconst Pagination = styled(Part, {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n order: 3,\r\n marginTop: huge,\r\n});\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { pixelsToUnit } from 'Shared/Style';\r\nimport { Star, StarOutline, HalfStar } from 'Shared/Icon/Star';\r\n\r\nexport enum Spacing {\r\n Normal,\r\n Medium,\r\n Wide,\r\n}\r\n\r\nexport enum Size {\r\n Micro,\r\n Tiny,\r\n Normal,\r\n Large,\r\n Huge,\r\n}\r\n\r\ntype PropType = {\r\n average: number;\r\n spacing: Spacing;\r\n size: Size;\r\n} & StyledProps;\r\n\r\nfunction getStyles(size: Size, spacing: Spacing) {\r\n let height;\r\n let width;\r\n let marginLeft;\r\n switch (size) {\r\n case Size.Micro:\r\n height = pixelsToUnit(10);\r\n width = pixelsToUnit(10);\r\n break;\r\n case Size.Tiny:\r\n height = pixelsToUnit(12.8);\r\n width = pixelsToUnit(13.8);\r\n break;\r\n case Size.Normal:\r\n height = pixelsToUnit(15);\r\n width = pixelsToUnit(15);\r\n break;\r\n case Size.Large:\r\n height = pixelsToUnit(20);\r\n width = pixelsToUnit(20);\r\n break;\r\n case Size.Huge:\r\n height = pixelsToUnit(24);\r\n width = pixelsToUnit(24);\r\n break;\r\n default:\r\n break;\r\n }\r\n switch (spacing) {\r\n case Spacing.Normal:\r\n marginLeft = pixelsToUnit(5);\r\n break;\r\n case Spacing.Medium:\r\n marginLeft = pixelsToUnit(10);\r\n break;\r\n case Spacing.Wide:\r\n marginLeft = pixelsToUnit(15);\r\n break;\r\n default:\r\n break;\r\n }\r\n return {\r\n height,\r\n width,\r\n ':not(:first-child)': {\r\n marginLeft,\r\n },\r\n };\r\n}\r\n\r\nexport default styled((props: PropType) => {\r\n const RATINGS = [1, 2, 3, 4, 5];\r\n const floatPart = Number(props.average - Math.trunc(props.average)).toFixed(1);\r\n const parsedFloat = parseFloat(floatPart);\r\n const starStyles = getStyles(props.size, props.spacing);\r\n return (\r\n \r\n {RATINGS.map((rating) => {\r\n if (rating <= props.average) {\r\n return ;\r\n } else if (rating <= Math.ceil(props.average)) {\r\n if (parsedFloat < 0.4) {\r\n return ;\r\n } else if (parsedFloat < 0.8) {\r\n return ;\r\n } else {\r\n return ;\r\n }\r\n } else {\r\n return ;\r\n }\r\n })}\r\n \r\n );\r\n});\r\n\r\nconst Base = styled.div({\r\n whiteSpace: 'nowrap',\r\n});\r\n","import React from 'react';\r\nimport { translate } from '@avensia/scope';\r\nimport Link from 'Shared/Link';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { pseudo } from '@glitz/core';\r\nimport BreadcrumbsViewModel from './BreadcrumbsViewModel.type';\r\nimport Ul from '../Generic/Ul';\r\nimport { scorpion, minMediumMediaQuery, pixelsToUnit } from 'Shared/Style';\r\nimport connect from 'Shared/connect';\r\nimport isVariationPage from 'Product/current-page-is-variation';\r\nimport { ItemKeyType } from 'SiteLayout/MainMenu/item';\r\nimport { navigateMainMenu } from 'SiteLayout/MainMenu/action-creators';\r\n\r\ntype RequiredPropType = {\r\n breadcrumbs: BreadcrumbsViewModel[];\r\n isSliced?: boolean;\r\n};\r\n\r\ntype ConnectStateType = {\r\n isVariationPage: boolean;\r\n};\r\n\r\ntype ConnectDispatchType = {\r\n navigateMainMenu: (key: ItemKeyType) => void;\r\n};\r\n\r\ntype PropType = RequiredPropType & ConnectStateType & StyledProps & ConnectDispatchType;\r\n\r\nconst Li = styled.li({\r\n marginLeft: pixelsToUnit(5),\r\n ...pseudo(':not(:last-child):after', {\r\n content: '\"/\"',\r\n marginLeft: pixelsToUnit(5),\r\n }),\r\n});\r\n\r\nconst PathLink = styled(Link, {\r\n color: scorpion,\r\n ':hover': {\r\n textDecoration: 'underline',\r\n },\r\n ':focus': {\r\n textDecoration: 'none',\r\n },\r\n});\r\n\r\nconst CurrentLink = styled(PathLink, {\r\n fontWeight: 'bold',\r\n});\r\n\r\nconst placeholderBreadcrum = [\r\n {\r\n text: '',\r\n url: '/',\r\n },\r\n] as BreadcrumbsViewModel[];\r\n\r\nexport default styled(\r\n connect(\r\n (state): ConnectStateType => ({\r\n isVariationPage: isVariationPage(state.currentPage),\r\n }),\r\n\r\n (dispatch): ConnectDispatchType => ({\r\n navigateMainMenu(key: ItemKeyType) {\r\n dispatch(navigateMainMenu(key));\r\n },\r\n }),\r\n )((props: PropType) => (\r\n \r\n \r\n {(props.breadcrumbs || placeholderBreadcrum)\r\n .slice(props.isSliced ? -1 : 0)\r\n .map((breadcrumb, index, { length }) => {\r\n const Item = props.isVariationPage && index === length - 1 && !props.isSliced ? CurrentLink : PathLink;\r\n\r\n return (\r\n
  • \r\n props.navigateMainMenu(breadcrumb.url)}>\r\n {index === 0 && !props.isSliced\r\n ? translate('/Shared/Breadcrumbs/Start')\r\n : breadcrumb.text.charAt(0).toUpperCase() + breadcrumb.text.substr(1).toLowerCase()}\r\n \r\n \r\n
  • \r\n );\r\n })}\r\n \r\n
    \r\n )),\r\n);\r\n","import { styled } from '@glitz/react';\r\nimport * as style from '../Style';\r\n\r\nexport default styled.h1({\r\n fontSize: style.alpha,\r\n fontWeight: 'normal',\r\n});\r\n","import { isBrowser, on } from '@avensia/scope';\r\n\r\nlet isBound = false;\r\n\r\nexport function bindInfiniteScroll(element: HTMLElement, callback: () => void, offset?: number) {\r\n if (isBrowser() && !isBound) {\r\n const listener = () => handleScroll(element, callback, offset);\r\n const unbindRootScroll = on('scroll', listener);\r\n isBound = true;\r\n return () => {\r\n unbindRootScroll();\r\n isBound = false;\r\n };\r\n }\r\n}\r\n\r\nfunction handleScroll(element: HTMLElement, callback: () => void, offset = 0) {\r\n const { clientHeight, scrollTop } = document.documentElement;\r\n const elementBottomPosition = element.offsetTop + element.offsetHeight;\r\n const scrollBottomPosition = (scrollTop ? scrollTop : window.pageYOffset) + clientHeight;\r\n\r\n if (elementBottomPosition <= scrollBottomPosition - offset) {\r\n callback();\r\n }\r\n}\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { translate, postJson, replaceState, clearCacheItem, URLX, Breakpoint } from '@avensia/scope';\r\nimport connect from 'Shared/connect';\r\nimport NavigationItem from 'Shared/NavigationItem/NavigationItem.type';\r\nimport Link from 'Shared/Link';\r\nimport { black, thin, thick, alto, pixelsToUnit, minMediumMediaQuery } from 'Shared/Style';\r\n\r\ntype ConnectStateType = {\r\n currentBreakpoint?: number;\r\n};\r\n\r\ntype PropType = {\r\n menuList: NavigationItem[];\r\n logoutUrl: string;\r\n} & ConnectStateType &\r\n StyledProps;\r\n\r\nclass Panel extends React.Component {\r\n doLogout = (e: React.MouseEvent) => {\r\n e.preventDefault();\r\n postJson(this.props.logoutUrl).then(() => {\r\n this.props.menuList.forEach(menu => clearCacheItem(new URLX(menu.url)));\r\n replaceState('/', { includeAppShellData: true });\r\n });\r\n };\r\n\r\n render() {\r\n const isMobile = this.props.currentBreakpoint < Breakpoint.Medium;\r\n\r\n return (\r\n \r\n {!isMobile &&

    {translate('/Account/MyPages/Title')}

    }\r\n \r\n {this.props.menuList.map((menu, idx) => (\r\n \r\n \r\n {menu.name}\r\n \r\n \r\n ))}\r\n {translate('/Account/Logout')}\r\n \r\n
    \r\n );\r\n }\r\n}\r\n\r\nexport default styled(\r\n connect(\r\n (state): ConnectStateType => ({\r\n currentBreakpoint: state.currentBreakpoint,\r\n }),\r\n )(Panel),\r\n);\r\n\r\nconst alignListStyle = {\r\n alignItems: 'center',\r\n display: 'flex',\r\n};\r\n\r\nconst MenuWrapper = styled.nav({\r\n padding: {\r\n x: pixelsToUnit(10),\r\n top: pixelsToUnit(14),\r\n },\r\n [minMediumMediaQuery]: {\r\n borderTop: {\r\n style: 'solid',\r\n width: thick,\r\n color: alto,\r\n },\r\n },\r\n});\r\n\r\nconst Item = styled.li({\r\n borderBottom: {\r\n style: 'solid',\r\n color: alto,\r\n width: thin,\r\n },\r\n height: pixelsToUnit(40),\r\n justifyContent: 'space-between',\r\n [minMediumMediaQuery]: {\r\n borderBottom: 'none',\r\n height: 'inherit',\r\n marginLeft: pixelsToUnit(14),\r\n marginTop: pixelsToUnit(5),\r\n padding: { xy: 0 },\r\n },\r\n});\r\n\r\nconst CustomLink = styled(Link, {\r\n ...alignListStyle,\r\n color: black,\r\n height: 'inherit',\r\n width: '100%',\r\n});\r\n\r\nconst Logout = styled(Item, {\r\n ...alignListStyle,\r\n cursor: 'pointer',\r\n});\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport connect from 'Shared/connect';\r\nimport { Style } from '@glitz/type';\r\nimport BreadCrumbs from 'Shared/Breadcrumbs';\r\nimport BreadcrumbsViewModel from 'Shared/Breadcrumbs/BreadcrumbsViewModel.type';\r\nimport H1 from 'Shared/Generic/h1';\r\nimport { eta, kappa, pixelsToUnit, minMediumMediaQuery, beta } from 'Shared/Style';\r\n\r\ntype ConnectStateType = {\r\n currentBreakpoint: number;\r\n};\r\n\r\ntype PropType = StyledProps &\r\n ConnectStateType & {\r\n heading: string;\r\n children: any;\r\n breadcrumbs: BreadcrumbsViewModel[];\r\n };\r\n\r\nconst MainDetails = (props: PropType) => {\r\n const defaultCss: Style = {\r\n padding: { x: pixelsToUnit(10), y: 0 },\r\n };\r\n const isMobile = props.currentBreakpoint < 4;\r\n\r\n return (\r\n \r\n \r\n

    {props.heading}

    \r\n {props.children}\r\n
    \r\n );\r\n};\r\n\r\nexport default styled(\r\n connect(state => ({\r\n currentBreakpoint: state.currentBreakpoint,\r\n }))(MainDetails),\r\n);\r\n\r\nconst CustomBreadcrumbs = styled(BreadCrumbs, {\r\n fontSize: eta,\r\n letterSpacing: pixelsToUnit(0.2),\r\n margin: {\r\n y: pixelsToUnit(10),\r\n x: 0,\r\n },\r\n textAlign: 'center',\r\n [minMediumMediaQuery]: {\r\n fontSize: kappa,\r\n textAlign: 'left',\r\n },\r\n});\r\n","import * as React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport MyPagesBaseViewModel from './MyPagesBaseViewModel.type';\r\nimport { Main } from 'Shared/PageLayout';\r\nimport { minMediumMediaQuery, pixelsToUnit, minLargeMediaQuery } from 'Shared/Style';\r\nimport Panel from './components/Panel';\r\nimport Content from './components/Content';\r\n\r\nconst MyPagesBaseLayout = (props: MyPagesBaseViewModel & { children: any }) => {\r\n const { subMenu, pageTitle, logoutUrl, children } = props;\r\n return (\r\n
    \r\n \r\n \r\n {children}\r\n \r\n \r\n \r\n
    \r\n );\r\n};\r\n\r\nexport default MyPagesBaseLayout;\r\n\r\nconst MypagesWrapper = styled.div({\r\n display: 'flex',\r\n flexDirection: 'column',\r\n width: '100%',\r\n [minMediumMediaQuery]: {\r\n flexDirection: 'row',\r\n minHeight: pixelsToUnit(708),\r\n },\r\n});\r\n\r\nconst CustomPanel = styled(Panel, {\r\n marginTop: pixelsToUnit(70),\r\n [minMediumMediaQuery]: {\r\n marginRight: pixelsToUnit(26),\r\n marginLeft: pixelsToUnit(26),\r\n marginTop: pixelsToUnit(5),\r\n order: 1,\r\n width: '15%',\r\n },\r\n});\r\n\r\nconst CustomContent = styled(Content, {\r\n [minLargeMediaQuery]: {\r\n width: '70%',\r\n },\r\n [minMediumMediaQuery]: {\r\n width: '75%',\r\n order: 2,\r\n },\r\n});\r\n"],"sourceRoot":""}