https://www.fashionally.com/static/js/28.fb28c8eb.chunk.js

1(this["webpackJsonphktdc-cms-spa"]=this["webpackJsonphktdc-cms-spa"]||[]).push([[28],{1126:function(e,n,t){},1184:function(e,n,t){"use strict";t.r(n),t.d(n,"default",(function(){return f}));var r=t(5),a=t(2),i=t.n(a),o=(t(1126),t(726)),c=t(883),l=t.n(c),u=t(4),s=t(493),d=t(8),f=function(e){var n=e.curLang,t=e.data,a=e.pageTitle;return i.a.createElement("section",{className:"main-designersbrand"},i.a.createElement(o.a,{title:a,link:"".concat(u.a.routePathTo,"/").concat(n,"/designers")}),i.a.createElement(l.a,{speed:50,className:"designersbrand-marquee"},null===t||void 0===t?void 0:t.map((function(e,t){var a,o,c,l,f,m;return i.a.createElement("div",{className:"card-container",key:t},i.a.createElement(s.b,{to:function(t){return Object(r.a)(Object(r.a)({},t),{},{pathname:"".concat(u.a.routePathTo,"/").concat(n,"/designers/").concat(e.topMetadata.designerId),search:"?p1=".concat(e.topMetadata.brandName,"&ref_source=fashionally_home_designer")})}},i.a.createElement("img",{src:null===(a=e.designer)||void 0===a?void 0:a.thumbnail_upload,alt:"designer-image-".concat(t)})),i.a.createElement("div",{className:"ins-info-wrapper"},i.a.createElement("a",{href:null===(o=e.designer)||void 0===o?void 0:o.instagram,target:"_blank",rel:"noopener noreferrer",onClick:function(){var t,r,a,i,o;Object(d.d)(JSON.stringify({event_action:"click",event_name:"link_click",event_title:"Fashionally : Designer Instagram (Home) - ".concat(null===(t=e[n])||void 0===t||null===(r=t.designer_detail)||void 0===r?void 0:r.designer_name," (").concat(null===n||void 0===n?void 0:n.toUpperCase(),")"),event_category:"Designer (Home)",event_click:"1",site_url:"/virtual/fashionally/home.htm",link_category:"Designer",link_name:"Designer Instagram (Home) - ".concat(null===(a=e[n])||void 0===a||null===(i=a.designer_detail)||void 0===i?void 0:i.designer_name),link_url:null===(o=e.designer)||void 0===o?void 0:o.instagram}))}},i.a.createElement("div",{className:"inner-wrapper"},i.a.createElement("div",{className:"brand"},null===(c=e[n])||void 0===c||null===(l=c.designer_detail)||void 0===l?void 0:l.brand_name),i.a.createElement("div",{className:"name"},null===(f=e[n])||void 0===f||null===(m=f.designer_detail)||void 0===m?void 0:m.designer_name)))))}))))}},493:function(e,n,t){"use strict";t.d(n,"a",(function(){return y})),t.d(n,"b",(function(){return b}));var r=t(710),a=t(48),i=t(2),o=t.n(i),c=t(52),l=(t(69),t(20)),u=t(42),s=t(51);o.a.Component;o.a.Component;var d=function(e,n){return"function"===typeof e?e(n):e},f=function(e,n){return"string"===typeof e?Object(c.c)(e,null,null,n):e},m=function(e){return e},v=o.a.forwardRef;"undefined"===typeof v&&(v=m);var p=v((function(e,n){var t=e.innerRef,r=e.navigate,a=e.onClick,i=Object(u.a)(e,["innerRef","navigate","onClick"]),c=i.target,s=Object(l.a)({},i,{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,o.a.createElement("a",s)}));var y=v((function(e,n){var t=e.component,a=void 0===t?p:t,i=e.replace,c=e.to,y=e.innerRef,g=Object(u.a)(e,["component","replace","to","innerRef"]);return o.a.createElement(r.e.Consumer,null,(function(e){e||Object(s.a)(!1);var t=e.history,r=f(d(c,e.location),e.location),u=r?t.createHref(r):"",p=Object(l.a)({},g,{href:u,navigate:function(){var n=d(c,e.location);(i?t.replace:t.push)(n)}});return m!==v?p.ref=n||y:p.innerRef=y,o.a.createElement(a,p)}))})),g=function(e){return e},h=o.a.forwardRef;"undefined"===typeof h&&(h=g);var b=h((function(e,n){var t=e["aria-current"],a=void 0===t?"page":t,i=e.activeClassName,c=void 0===i?"active":i,m=e.activeStyle,v=e.className,p=e.exact,b=e.isActive,w=e.location,E=e.sensitive,j=e.strict,x=e.style,O=e.to,_=e.innerRef,k=Object(u.a)(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return o.a.createElement(r.e.Consumer,null,(function(e){e||Object(s.a)(!1);var t=w||e.location,i=f(d(O,t),t),u=i.pathname,N=u&&u.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),C=N?Object(r.f)(t.pathname,{path:N,exact:p,sensitive:E,strict:j}):null,S=!!(b?b(C,t):C),A=S?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,R=S?Object(l.a)({},x,{},m):x,M=Object(l.a)({"aria-current":S&&a||null,className:A,style:R,to:i},k);return g!==h?M.ref=n||_:M.innerRef=_,o.a.createElement(y,M)}))}))},726:function(e,n,t){"use strict";var r=t(2),a=t.n(r),i=(t(736),t(8)),o=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(o.h)(n)?"h-page-title":"page-title",dangerouslySetInnerHTML:{__html:Object(i.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),i=t(889);Object.defineProperty(n,"__esModule",{value:!0});var o=t(2);function c(e){return e&&"object"===typeof e&&"default"in e?e:{default:e}}var l=c(o);!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=o.forwardRef((function(e,n){var t=e.style,c=void 0===t?{}:t,u=e.className,s=void 0===u?"":u,d=e.autoFill,f=void 0!==d&&d,m=e.play,v=void 0===m||m,p=e.pauseOnHover,y=void 0!==p&&p,g=e.pauseOnClick,h=void 0!==g&&g,b=e.direction,w=void 0===b?"left":b,E=e.speed,j=void 0===E?50:E,x=e.delay,O=void 0===x?0:x,_=e.loop,k=void 0===_?0:_,N=e.gradient,C=void 0!==N&&N,S=e.gradientColor,A=void 0===S?"white":S,R=e.gradientWidth,M=void 0===R?200:R,I=e.onFinish,q=e.onCycleComplete,T=e.onMount,H=e.children,D=o.useState(0),F=i(D,2),P=F[0],K=F[1],z=o.useState(0),J=i(z,2),L=J[0],$=J[1],B=o.useState(1),U=i(B,2),W=U[0],X=U[1],Z=o.useState(!1),G=i(Z,2),Q=G[0],V=G[1],Y=o.useRef(null),ee=n||Y,ne=o.useRef(null),te=o.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),X(f&&t&&r&&r<t?Math.ceil(t/r):1),K(t),$(r)}}),[f,ee,w]);o.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]),o.useEffect((function(){te()}),[te,H]),o.useEffect((function(){V(!0)}),[]),o.useEffect((function(){"function"===typeof T&&T()}),[]);var re=o.useMemo((function(){return f?L*W/j:L<P?P/j:L/j}),[f,P,L,W,j]),ae=o.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&&!h||h?"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,h,w]),ie=o.useMemo((function(){var e;return a(e={},"--gradient-color",A),a(e,"--gradient-width","number"===typeof M?"".concat(M,"px"):M),e}),[A,M]),oe=o.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",k?"".concat(k):"infinite"),a(e,"--min-width",f?"auto":"100%"),e}),[v,w,re,O,k,f]),ce=o.useMemo((function(){return a({},"--transform","up"===w?"rotate(90deg)":"down"===w?"rotate(-90deg)":"none")}),[w]),le=o.useCallback((function(e){return r(Array(Number.isFinite(e)&&e>=0?e:0)).map((function(e,n){return l.default.createElement(o.Fragment,{key:n},o.Children.map(H,(function(e){return l.default.createElement("div",{style:ce,className:"rfm-child"},e)})))}))}),[ce,H]);return Q?l.default.createElement("div",{ref:ee,style:ae,className:"rfm-marquee-container "+s},C&&l.default.createElement("div",{style:ie,className:"rfm-overlay"}),l.default.createElement("div",{className:"rfm-marquee",style:oe,onAnimationIteration:q,onAnimationEnd:I},l.default.createElement("div",{className:"rfm-initial-child-container",ref:ne},o.Children.map(H,(function(e){return l.default.createElement("div",{style:ce,className:"rfm-child"},e)}))),le(W-1)),l.default.createElement("div",{className:"rfm-marquee",style:oe},le(W))):null}));n.default=u},884:function(e,n,t){var r=t(885),a=t(886),i=t(821),o=t(887);e.exports=function(e){return r(e)||a(e)||i(e)||o()}},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),i=t(821),o=t(892);e.exports=function(e,n){return r(e)||a(e,n)||i(e,n)||o()}},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,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(t.push(o.value),!n||t.length!==n);r=!0);}catch(l){a=!0,i=l}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}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=28.fb28c8eb.chunk.js.map