https://static.rakuten.com/assets/merchants/_next/static/chunks/Fe…ProductGrid.ac0b6df56e983c95-sri-afesris.js

1"use strict";(self.webpackChunkrr_merchants_web=self.webpackChunkrr_merchants_web||[]).push([[1700,2034],{46206:function(e,t,r){r.d(t,{A:function(){return n}});function n(e){return"string"==typeof e&&(e.includes("-xfas")||e.includes("go.rakuten.com"))}},82842:function(e,t,r){r.r(t),r.d(t,{default:function(){return m},reduceProductCarouselItemNode:function(){return p}});var n=r(73556),o=r(94970),i=r(46206),a=r(44308),c=r(77273),s=r(76725),u=r(30500),l=r(2445);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function p(e,t){var r=e.id,n=e.itemData,o=e.viewEvent,a=e.actionEvents,c=e.payloads;return{id:r,cardImage:n.image_imageurl,cardImageAlt:n.image_alttext,cardBgColor:n.image_backgroundcolor,isExternal:(0,i.A)(n.image_ctaurl),isInverse:t.isInverse,ctaUrl:n.image_ctaurl,tag:n.primarytag_text,productNameText:n.productname_text,salePriceText:n.saleprice_text,previousPriceText:n.previousprice_text,rewardText:n.currentreward_rewardtext,previousRewardText:n.previousreward_rewardtext,soldByText:n.soldby_text,merchantText:n.merchantname_text,viewEvent:o,actionEvents:a,payloads:c}}function m(e){var t=e.topicData,r=e.nodeTopicData,n=e.items,i=e.imageOptions,d=e.viewEvent,m=e.actionEvents,g=e.payloads,v=e.scrollEvent,y=(0,u.m)().getCompareProps,b=(0,s.T)().getAdditionalTileData,O=n.edges.map(function(e,n){var o=e.node,i=p(o,t),a=b(o.itemData,r),c=y(o.itemData.product_id,o.itemData.num_found,n);return f(f(f({},i),a),c)}),P=(0,c.wf)({id:t.id,ComponentTile:o.ProductTile,LoadingTile:a.Vx,reduceModalItemNode:p,itemsPerRowBreakpointMap:{base:2,mediumSm:3,mediumLg:4},topicData:t,items:n,viewEvent:d,actionEvents:m,payloads:g,scrollEvent:v});return(0,l.Y)(o.ProductCarouselTopic,{topicData:f(f({},t),P),products:O,imageOptions:i})}},95629:function(e,t,r){r.r(t),r.d(t,{default:function(){return C}});var n=r(82402),o=r(73556),i=r(14015),a=r(44308),c=r(82842),s=r(77273),u=r(94970),l=function(e){var t=e.numItems,r=e.columnsPerRow,n=e.columnsPerItem,o=(0,u.useGrid)().getValueForBreakpoint,i=Math.floor(o(r)/o(n)),a=Math.ceil(t/i);return{itemsPerRow:i,totalRows:a,remainingItems:i*a-t}},d=r(2445),f=r(94970),p=["numItems","columnsPerRow","columnsPerItem","template"];function m(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function g(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?m(Object(r),!0).forEach(function(t){(0,o.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):m(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var v=(0,f.forwardRef)(function(e,t){var r=e.numItems,o=e.columnsPerRow,i=e.columnsPerItem,a=(e.template,(0,n.A)(e,p)),c=l({numItems:r,columnsPerRow:o,columnsPerItem:i}).totalRows;return(0,d.Y)(f.Topic,g(g({ref:t},a),{},{viewConfigOptions:{threshold:1/c}}))}),y=r(30500),b=r(76725),O=r(68624),P=r(94970),h=["size","columnsPerItem"],w=["size","gridColumns","gridItemColSpan"];function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach(function(t){(0,o.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEac

1h(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var E={base:8,mediumSm:12,largeSm:12},D={base:4,mediumLg:3},x=function(e){var t,r=e.items,n=e.topicData,o=e.nodeTopicData,i=e.size,a=e.gridItemColSpan,s=(0,y.m)().getCompareProps,u=(0,b.T)().getAdditionalTileData,l=null==r||null===(t=r.edges)||void 0===t?void 0:t.map(function(e,t){var r=e.node,i=(0,c.reduceProductCarouselItemNode)(r,n),a=u(r.itemData,o),l=s(r.itemData.product_id,r.itemData.num_found,t);return I(I(I({},i),a),l)});return(0,d.Y)(d.FK,{children:l.map(function(e){return e?(0,d.Y)(P.GridItem,{colSpan:a,children:(0,d.Y)(P.ProductTile,I(I({},e),{},{size:i}))},e.id):null})})},T=function(e){var t=e.size,r=e.columnsPerItem,o=l(I(I({},(0,n.A)(e,h)),{},{columnsPerItem:r})),i=o.itemsPerRow,c=o.remainingItems;return(0,d.Y)(d.FK,{children:Array.from(Array(c+i),function(e,n){return(0,d.Y)(P.GridItem,{colSpan:r,children:(0,d.Y)(a.Vx,{size:t})},n)})})};function C(e){var t=e.size,r=e.gridColumns,o=e.gridItemColSpan,u=(0,n.A)(e,w),l=(0,P.useTheme)().sizes.grid.gutter,f=(0,P.useGrid)().getValueForBreakpoint,p=f(void 0===r?E:r),m=f(void 0===o?D:o),g=(0,O.x)(u),y=g.node,b=y.items,h=y.viewEvent,j=y.actionEvents,C=y.scrollEvent,A=y.payloads,k=y.topicData,_=y.imageOptions,S=y.loadMoreText,R=g.canPaginate,Y=g.fetchNextPage,z=g.isLoading,M=(0,s.wf)({id:k.id,ComponentTile:function(e){return(0,d.Y)(P.ProductTile,I(I({},e),{},{size:t}))},LoadingTile:function(){return(0,d.Y)(P.Box,{children:(0,d.Y)(a.Vx,{size:t})})},reduceModalItemNode:c.reduceProductCarouselItemNode,itemsPerRowBreakpointMap:Math.floor(p/m),modalBodyStyle:{py:"large"},topicData:k,items:b,viewEvent:h,actionEvents:j,scrollEvent:C,payloads:A});return null!=b&&b.edges.length?(0,d.Y)(P.ImageOptionsProvider,{value:void 0===_?{}:_,children:(0,d.Y)(v,I(I(I({},k),M),{},{viewEvent:h,actionEvents:j,scrollEvent:C,payloads:A,numItems:b.edges.length,columnsPerRow:p,columnsPerItem:m,children:(0,d.FD)(P.Container,{mt:"venti",children:[(0,d.FD)(P.Grid,{gridTemplateColumns:"number"==typeof p?"repeat(".concat(p,", 1fr)"):Object.fromEntries(Object.keys(p).map(function(e){return[e,"repeat(".concat(p[e],", 1fr)")]})),columnGap:l,rowGap:"large",mb:"grande",children:[(0,d.Y)(x,{items:b,topicData:k,size:t,gridItemColSpan:m}),z?(0,d.Y)(T,{size:t,numItems:b.edges.length,columnsPerRow:p,columnsPerItem:m}):null]}),R&&!z?(0,d.Y)(P.Flex,{justify:"center",children:(0,d.Y)(P.TopicActionTrackableBase,{as:P.Button,rightIcon:(0,d.Y)(P.ArrowIcon,{fill:k.isInverse?"text.inverse":"text.action",transform:"rotate(90deg)"}),variant:"tertiary",onClick:Y,actionEvents:j,payloads:A,isInverse:k.isInverse,actionEventKey:"loadMoreAction",children:null!=S?S:i.kl.LOAD_MORE_DEFAULT_TEXT})}):null]})}))}):null}},30500:function(e,t,r){r.d(t,{m:function(){return i}});var n=r(73884),o=r(11104),i=function(){var e=n.useContext(o.o),t=e.onOpen,r=e.setGroupId,i=e.setItemPosition,a=n.useCallback(function(e){var n=e.groupId,o=e.itemPosition;r(n),i(o),t()},[t,r,i]);return{onClick:a,getCompareProps:function(e,t,r){var n=parseInt(null!=t?t:"0",10);return n<=1?{}:{onClick:function(t){t.preventDefault(),a({groupId:e,itemPosition:r})},isExternal:!1,soldByText:"",merchantText:"Compare ".concat(n," stores")}}}}},68624:function(e,t,r){r.d(t,{x:function(){return O}});var n=r(73556),o=r(5820),i=r(82402),a=r(54756),c=r.n(a),s=r(21481),u=r(74652),l=r(13850),d=r(94335),f=r(38460),p=r(73884),m=r(14015),g=r(73884),v=["sort","filter","search","customHeaders","shouldPaginate","resetPagination"];function y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?y(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var O=function(e){var t,r,n,a,y,O,P=e.sort,h=e.filter,w=e.search,j=e.customHeaders,I=void 0===j?{}:j,E=e.shouldPaginate,D=e.resetPagination,x=void 0!==D&&D,T=(0,i.A)(e,v),C=(0,s.nm)(),A=C.deviceId,k=C.hostname,_=C.isPageCached,S=(0,u.T_)().regionId,R=(0,l.A0)().device,Y=(0,g.useState)(I),z=Y[0],M=Y[1];t=function(){M(I)},r=[I],p.useEffect(t,(n=p.useRef(r),a=p.useRef(0),(0,f.j)(r,n.current)||(n.current=r,a.current+=1),p.useMemo(function(){return n.current},[a.current])));var B=(0,g.useState)(!1),L=B[0],F=B[1],N=(0,g.useState)(T),G=N[0],V=N[1],U=(0,g.useRef)(null),H=!!(null!==(y=G.items)&&void 0!==y&&y.pageInfo.hasNextPage)&&(G.loadMoreAction===m.kl.LOAD_MORE||void 0!==E&&E),K=(0,g.useCallback)((0,o.A)(c().mark(function e(){var t,r,n,o,i,a,s,u;return c().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(t=[],w&&t.push("term:".concat(w)),h&&t.push(h),!(H||x)){e.next=25;break}

1return F(!0),U.current=new AbortController,e.prev=6,e.next=9,(0,m.eF)(b(b({topicId:T.id,device:R,deviceId:A,hostname:k,sort:P,filters:t},x?{}:{cursor:null===(r=G.items)||void 0===r?void 0:r.pageInfo.endCursor}),{},{signal:U.current.signal,isPageCached:_,customHeaders:z,regionId:S}));case 9:o=(n=e.sent).items,i=n.viewEvent,a=n.actionEvents,s=n.scrollEvent,u=n.payloads,F(!1),V(function(e){var t,r,n,c,l,d,f,p=[];return x?null!=o&&null!==(l=o.edges)&&void 0!==l&&l.length&&(p=o.edges):e.items&&o&&(p=null!==(d=e.items)&&void 0!==d&&null!==(d=d.edges)&&void 0!==d&&d.length&&null!=o&&null!==(f=o.edges)&&void 0!==f&&f.length?e.items.edges.concat(o.edges):e.items.edges),b(b({},e),{},{payloads:null!==(t=e.payloads)&&void 0!==t&&t.length&&null!=u&&u.length?null===(r=e.payloads)||void 0===r?void 0:r.concat(u):e.payloads,viewEvent:i&&Object.keys(i).length?i:e.viewEvent,scrollEvent:s&&Object.keys(s).length?s:e.scrollEvent,actionEvents:null!==(n=e.actionEvents)&&void 0!==n&&n.length&&a?null===(c=e.actionEvents)||void 0===c?void 0:c.concat(a).map(function(e){var t=null==u?void 0:u[0];return t?b(b({},e),{},{payloadId:t.id}):e}):e.actionEvents,items:e.items&&o?{pageInfo:o.pageInfo,edges:p}:e.items})}),e.next=22;break;case 19:e.prev=19,e.t0=e.catch(6),d.A.isCancel(e.t0)||F(!1);case 22:return e.prev=22,U.current=null,e.finish(22);case 25:case"end":return e.stop()}},e,null,[[6,19,22,25]])})),[R,A,k,T.id,h,P,null===(O=G.items)||void 0===O?void 0:O.pageInfo.endCursor,H,w,x,_,z,S]);return(0,g.useEffect)(function(){return function(){U.current&&U.current.abort()}},[]),{node:G,canPaginate:H,fetchNextPage:K,isLoading:L}}},38460:function(e,t,r){r.d(t,{j:function(){return i}});var n=Object.prototype.hasOwnProperty;function o(e,t,r){for(r of e.keys())if(i(r,t))return r}function i(e,t){var r,a,c;if(e===t)return!0;if(e&&t&&(r=e.constructor)===t.constructor){if(r===Date)return e.getTime()===t.getTime();if(r===RegExp)return e.toString()===t.toString();if(r===Array){if((a=e.length)===t.length)for(;a--&&i(e[a],t[a]););return -1===a}if(r===Set){if(e.size!==t.size)return!1;for(a of e)if((c=a)&&"object"==typeof c&&!(c=o(t,c))||!t.has(c))return!1;return!0}if(r===Map){if(e.size!==t.size)return!1;for(a of e)if((c=a[0])&&"object"==typeof c&&!(c=o(t,c))||!i(a[1],t.get(c)))return!1;return!0}if(r===ArrayBuffer)e=new Uint8Array(e),t=new Uint8Array(t);else if(r===DataView){if((a=e.byteLength)===t.byteLength)for(;a--&&e.getInt8(a)===t.getInt8(a););return -1===a}if(ArrayBuffer.isView(e)){if((a=e.byteLength)===t.byteLength)for(;a--&&e[a]===t[a];);return -1===a}if(!r||"object"==typeof e){for(r in a=0,e)if(n.call(e,r)&&++a&&!n.call(t,r)||!(r in t)||!i(e[r],t[r]))return!1;return Object.keys(t).length===a}}return e!=e&&t!=t}}}]);
2//# sourceMappingURL=FeedProductGrid.ac0b6df56e983c95-sri-afesris.js.map