https://www.fashionally.com/static/js/27.086a3cbf.chunk.js

1(this["webpackJsonphktdc-cms-spa"]=this["webpackJsonphktdc-cms-spa"]||[]).push([[27],{1123:function(e,n,t){},1181:function(e,n,t){"use strict";t.r(n),t.d(n,"default",(function(){return f}));var r=t(5),a=t(2),o=t.n(a),i=(t(1123),t(726)),c=t(4),l=t(493),u=t(883),s=t.n(u),f=function(e){var n=e.curLang,t=e.data,a=e.pageTitle;return o.a.createElement("section",{className:"main-collections"},o.a.createElement(i.a,{title:a,link:"".concat(c.a.routePathTo,"/").concat(n,"/collections")}),o.a.createElement(s.a,{speed:50,className:"collections-marquee"},null===t||void 0===t?void 0:t.map((function(e,t){return o.a.createElement("div",{className:"card-container",key:t},o.a.createElement(l.b,{to:function(t){return Object(r.a)(Object(r.a)({},t),{},{pathname:"".concat(c.a.routePathTo,"/").concat(n,"/collections/").concat(e.metadata.id),search:"?p1=".concat(e.collection.season,"&p2=").concat(e.collection.brand,"&ref_source=fashionally_home_collection")})}},o.a.createElement("img",{src:e.collection.thumbnail_upload,alt:"error"}),o.a.createElement("div",{className:"card-overlay"},o.a.createElement("div",{className:"card-overlay-text"},o.a.createElement("div",{className:"title"},e[n].collection_detail.collection_title),o.a.createElement("div",{className:"designer"},e.collection.brand)))))}))))}},493:function(e,n,t){"use strict";t.d(n,"a",(function(){return y})),t.d(n,"b",(function(){return g}));var r=t(710),a=t(48),o=t(2),i=t.n(o),c=t(52),l=(t(69),t(20)),u=t(42),s=t(51);i.a.Component;i.a.Component;var f=function(e,n){return"function"===typeof e?e(n):e},d=function(e,n){return"string"===typeof e?Object(c.c)(e,null,null,n):e},m=function(e){return e},v=i.a.forwardRef;"undefined"===typeof v&&(v=m);var p=v((function(e,n){var t=e.innerRef,r=e.navigate,a=e.onClick,o=Object(u.a)(e,["innerRef","navigate","onClick"]),c=o.target,s=Object(l.a)({},o,{onClick:function(e){try{a&&a(e)}catch(n){throw e.preventDefault(),n}e.defaultPrevented||0!==e.button||c&&"_self"!==c||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),r())}});return s.ref=m!==v&&n||t,i.a.createElement("a",s)}));var y=v((function(e,n){var t=e.component,a=void 0===t?p:t,o=e.replace,c=e.to,y=e.innerRef,h=Object(u.a)(e,["component","replace","to","innerRef"]);return i.a.createElement(r.e.Consumer,null,(function(e){e||Object(s.a)(!1);var t=e.history,r=d(f(c,e.location),e.location),u=r?t.createHref(r):"",p=Object(l.a)({},h,{href:u,navigate:function(){var n=f(c,e.location);(o?t.replace:t.push)(n)}});return m!==v?p.ref=n||y:p.innerRef=y,i.a.createElement(a,p)}))})),h=function(e){return e},b=i.a.forwardRef;"undefined"===typeof b&&(b=h);var g=b((function(e,n){var t=e["aria-current"],a=void 0===t?"page":t,o=e.activeClassName,c=void 0===o?"active":o,m=e.activeStyle,v=e.className,p=e.exact,g=e.isActive,w=e.location,E=e.sensitive,x=e.strict,j=e.style,O=e.to,N=e.innerRef,C=Object(u.a)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return i.a.createElement(r.e.Consumer,null,(function(e){e||Object(s.a)(!1);var t=w||e.location,o=d(f(O,t),t),u=o.pathname,k=u&&u.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),S=k?Object(r.f)(t.pathname,{path:k,exact:p,sensitive:E,strict:x}):null,A=!!(g?g(S,t):S),R=A?function(){for(var e=arguments.length,n=new Array(e),t=0;t<e;t++)n[t]=arguments[t];return n.filter((function(e){return e})).join(" ")}(v,c):v,M=A?Object(l.a)({},j,{},m):j,_=Object(l.a)({"aria-current":A&&a||null,className:R,style:M,to:o},C);return h!==b?_.ref=n||N:_.innerRef=N,i.a.createElement(y,_)}))}))},726:function(e,n,t){"use strict";var r=t(2),a=t.n(r),o=(t(736),t(8)),i=t(724);n.a=function(e){var n=e.title,t=e.isFirst,r=e.pageTitleWrapperStyle,c=e.link;return a.a.createElement("div",{className:"page-title-wrapper ".concat(t?"":"non-first"),style:r},a.a.createElement("div",{className:Object(i.h)(n)?"h-page-title":"page-title",dangerouslySetInnerHTML:{__html:Object(o.n)(c?"<a href=".concat(c,">").concat(n,"</a>"):n)}}))}},736:function(e,n,t){},820:function(e,n){e.exports=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r}},821:function(e,n,t){var r=t(820);e.exports=function(e,n){if(e){if("string"===typeof e)return r(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(t):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,n):void 0}}},883:function(e,n,t){var r=t(884),a=t(888),o=t(889);Object.defineProperty(n,"__esModule",{value:!0});var i=t(2);function c(e){return e&&"object"===typeof e&&"default"in e?e:{default:e}}var l=c(i);!function(e){if(e&&"undefined"!==typeof window){var n=document.createElement("style");n.setAttribute("type","text/css"),n.innerHTML=e,document.head.appendChild(n)}}('.rfm-marquee-container {\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  width: var(--width);\n  transform: var(--transform);\n}\n.rfm-marquee-container:hover div {\n  animation-play-state: var(--pause-on-hover);\n}\n.rfm-marquee-container:active div {\n  animation-play-state: var(--pause-on-click);\n}\n\n.rfm-overlay {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n.rfm-overlay::before, .rfm-overlay::after {\n  background: linear-gradient(to right, var(--gradient-color), rgba(255, 255, 255, 0));\n  content: "";\n  height: 100%;\n  position: absolute;\n  width: var(--gradient-width);\n  z-index: 2;\n  pointer-events: none;\n  touch-action: none;\n}\n.rfm-overlay::after {\n  right: 0;\n  top: 0;\n  transform: rotateZ(180deg);\n}\n.rfm-overlay::before {\n  left: 0;\n  top: 0;\n}\n\n.rfm-marquee {\n  flex: 0 0 auto;\n  min-width: var(--min-width);\n  z-index: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  animation: scroll var(--duration) linear var(--delay) var(--iteration-count);\n  animation-play-state: var(--play);\n  animation-delay: var(--delay);\n  animation-direction: var(--direction);\n}\n@keyframes scroll {\n  0% {\n    transform: translateX(0%);\n  }\n  100% {\n    transform: translateX(-100%);\n  }\n}\n\n.rfm-initial-child-container {\n  flex: 0 0 auto;\n  display: flex;\n  min-width: auto;\n  flex-direction: row;\n  align-items: center;\n}\n\n.rfm-child {\n  transform: var(--transform);\n}');var u=i.forwardRef((function(e,n){var t=e.style,c=void 0===t?{}:t,u=e.className,s=void 0===u?"":u,f=e.autoFill,d=void 0!==f&&f,m=e.play,v=void 0===m||m,p=e.pauseOnHover,y=void 0!==p&&p,h=e.pauseOnClick,b=void 0!==h&&h,g=e.direction,w=void 0===g?"left":g,E=e.speed,x=void 0===E?50:E,j=e.delay,O=void 0===j?0:j,N=e.loop,C=void 0===N?0:N,k=e.gradient,S=void 0!==k&&k,A=e.gradientColor,R=void 0===A?"white":A,M=e.gradientWidth,_=void 0===M?200:M,q=e.onFinish,T=e.onCycleComplete,I=e.onMount,F=e.children,P=i.useState(0),H=o(P,2),K=H[0],z=H[1],L=i.useState(0),$=o(L,2),B=$[0],D=$[1],J=i.useState(1),W=o(J,2),X=W[0],U=W[1],Z=i.useState(!1),G=o(Z,2),Q=G[0],V=G[1],Y=i.useRef(null),ee=n||Y,ne=i.useRef(null),te=i.useCallback((function(){if(ne.current&&ee.current){var e=ee.current.getBoundingClientRect(),n=ne.current.getBoundingClientRect(),t=e.width,r=n.width;"up"!==w&&"down"!==w||(t=e.height,r=n.height),U(d&&t&&r&&r<t?Math.ceil(t/r):1),z(t),D(r)}}),[d,ee,w]);i.useEffect((function(){if(Q&&(te(),ne.current&&ee.current)){var e=new ResizeObserver((function(){return te()}));return e.observe(ee.current),e.observe(ne.current),function(){e&&e.disconnect()}}}),[te,ee,Q]),i.useEffect((function(){te()}),[te,F]),i.useEffect((function(){V(!0)}),[]),i.useEffect((function(){"function"===typeof I&&I()}),[]);var re=i.useMemo((function(){return d?B*X/x:B<K?K/x:B/x}),[d,K,B,X,x]),ae=i.useMemo((function(){var e;return Object.assign(Object.assign({}

1,c),(a(e={},"--pause-on-hover",!v||y?"paused":"running"),a(e,"--pause-on-click",!v||y&&!b||b?"paused":"running"),a(e,"--width","up"===w||"down"===w?"100vh":"100%"),a(e,"--transform","up"===w?"rotate(-90deg)":"down"===w?"rotate(90deg)":"none"),e))}),[c,v,y,b,w]),oe=i.useMemo((function(){var e;return a(e={},"--gradient-color",R),a(e,"--gradient-width","number"===typeof _?"".concat(_,"px"):_),e}),[R,_]),ie=i.useMemo((function(){var e;return a(e={},"--play",v?"running":"paused"),a(e,"--direction","left"===w?"normal":"reverse"),a(e,"--duration","".concat(re,"s")),a(e,"--delay","".concat(O,"s")),a(e,"--iteration-count",C?"".concat(C):"infinite"),a(e,"--min-width",d?"auto":"100%"),e}),[v,w,re,O,C,d]),ce=i.useMemo((function(){return a({},"--transform","up"===w?"rotate(90deg)":"down"===w?"rotate(-90deg)":"none")}),[w]),le=i.useCallback((function(e){return r(Array(Number.isFinite(e)&&e>=0?e:0)).map((function(e,n){return l.default.createElement(i.Fragment,{key:n},i.Children.map(F,(function(e){return l.default.createElement("div",{style:ce,className:"rfm-child"},e)})))}))}),[ce,F]);return Q?l.default.createElement("div",{ref:ee,style:ae,className:"rfm-marquee-container "+s},S&&l.default.createElement("div",{style:oe,className:"rfm-overlay"}),l.default.createElement("div",{className:"rfm-marquee",style:ie,onAnimationIteration:T,onAnimationEnd:q},l.default.createElement("div",{className:"rfm-initial-child-container",ref:ne},i.Children.map(F,(function(e){return l.default.createElement("div",{style:ce,className:"rfm-child"},e)}))),le(X-1)),l.default.createElement("div",{className:"rfm-marquee",style:ie},le(X))):null}));n.default=u},884:function(e,n,t){var r=t(885),a=t(886),o=t(821),i=t(887);e.exports=function(e){return r(e)||a(e)||o(e)||i()}},885:function(e,n,t){var r=t(820);e.exports=function(e){if(Array.isArray(e))return r(e)}},886:function(e,n){e.exports=function(e){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}},887:function(e,n){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}},888:function(e,n){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}},889:function(e,n,t){var r=t(890),a=t(891),o=t(821),i=t(892);e.exports=function(e,n){return r(e)||a(e,n)||o(e,n)||i()}},890:function(e,n){e.exports=function(e){if(Array.isArray(e))return e}},891:function(e,n){e.exports=function(e,n){if("undefined"!==typeof Symbol&&Symbol.iterator in Object(e)){var t=[],r=!0,a=!1,o=void 0;try{for(var i,c=e[Symbol.iterator]();!(r=(i=c.next()).done)&&(t.push(i.value),!n||t.length!==n);r=!0);}catch(l){a=!0,o=l}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return t}}},892:function(e,n){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}}}]);
2//# sourceMappingURL=27.086a3cbf.chunk.js.map