pb-sxp-ui 1.0.91 → 1.0.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/index.cjs +18 -15
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +18 -15
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.min.cjs +1 -1
  6. package/dist/index.min.cjs.map +1 -1
  7. package/dist/index.min.js +3 -3
  8. package/dist/index.min.js.map +1 -1
  9. package/dist/pb-ui.js +18 -15
  10. package/dist/pb-ui.js.map +1 -1
  11. package/dist/pb-ui.min.js +1 -1
  12. package/dist/pb-ui.min.js.map +1 -1
  13. package/es/core/components/SxpPageRender/VideoWidget/index.js +12 -12
  14. package/es/materials/sxp/template/components/Img.js +5 -2
  15. package/lib/core/components/SxpPageRender/VideoWidget/index.js +12 -12
  16. package/lib/materials/sxp/template/components/Img.js +4 -1
  17. package/package.json +1 -1
package/dist/index.min.cjs CHANGED
@@ -3,5 +3,5 @@
3
3
  collection is unisex and is inspired by the padlock pattern found in the Tiffany Antique Collection. This
4
4
  necklace features a stylish and eye-catching oval clasp chain decorated with a lock pattern. Crafted from
5
5
  18-karat gold, this necklace is embellished with hand-set diamonds.`,maxStr:79,className:"pb-commondity-content-info",style:f?.info})))},oe=()=>{var J,X;return o.createElement(o.Fragment,null,(T||L?.link)&&o.createElement("button",{"aria-label":(J=z?.enTitle)!==null&&J!==void 0?J:"Purchase on Website",onClick:V,className:"pb-commondity-btn",style:A},(X=z?.enTitle)!==null&&X!==void 0?X:"Purchase on Website"))},Y=o.useCallback(J=>J?.lineClamp?Object.assign(Object.assign({},J),{overflow:"hidden",WebkitLineClamp:J?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):J,[]);return o.createElement("div",{className:"pb-commondity"},o.createElement("div",Object.assign({className:de.css(Object.assign({},v))},S),L&&((d=L?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(vt,{height:ee,modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet",clickableClass:k?.dotsAlign==="left"?"commondityDetail-swiper-clickable-left":"commondityDetail-swiper-clickable-center"},loop:!0,autoplay:{delay:k?.delay*1e3}},(a=L?.homePage)===null||a===void 0?void 0:a.map(J=>o.createElement(Qe,{key:J},o.createElement("div",{style:{overflow:"hidden",width:ee,height:ee}},o.createElement(qe,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:J}))))),!(!((r=L?.homePage)===null||r===void 0)&&r.length)&&o.createElement("div",{className:de.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:de.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=w?.bottom_image)!==null&&u!==void 0?u:E,alt:"pdp image"})),o.createElement("div",{className:"pb-commondity-content"},ue({isPost:h}))),oe(),o.createElement(Lt,{visible:F,onClose:()=>B(!1)},o.createElement("div",{style:{paddingBottom:"80px"}},ue({isPost:!1})),oe()))};var Pl=o.memo(Al);const Ml=Ne(Pl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetail",related:{settingRender:Yn},defaulSetting:{props:{swiper:{dotsAlign:"center",delay:3},commodityStyles:{price:{color:"#000",fontSize:18,marginTop:24,marginBottom:10},title:{color:"#000",fontSize:23},collection:{fontSize:12,color:"#000",marginBottom:14},info:{color:"gray",fontSize:12}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:45,fontWeight:"bold",textAlign:"center",color:"rgba(255, 255, 255, 0.9)"}},style:{}},w:100,h:40,sort:1});var Ol=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],di,ci,Ll=[{title:"",child:[{type:"Media",label:"\u56FE\u6807",name:["props","icon"],mediaType:"Image"},{type:"TextArea",label:"\u5185\u5BB9",name:["props","content"]},{type:"Text",label:"\u6309\u94AE\u6587\u6848",name:["props","btnText"]},{type:"Group",label:"\u63D0\u4EA4\u6309\u94AE\u5B57\u4F53",child:[{type:"Color",name:["props","submitButtonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","submitButtonStyle","fontFamily"],options:Re?.fontOptions,initialValue:(ci=(di=Re?.fontOptions)===null||di===void 0?void 0:di[0])===null||ci===void 0?void 0:ci.value},{type:"Number",name:["props","submitButtonStyle","fontSize"],addonAfter:"px",initialValue:12}]},{type:"TextStyle",name:["props","submitButtonStyle"]},{type:"TextAlign",name:["props","submitButtonStyle"]},{label:"\u63D0\u4EA4\u6309\u94AE\u989C\u8272",type:"Color",name:["props","submitButtonStyle","backgroundColor"]}]}],ln="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAABHBJREFUeF7lmzuoFkcYhp/TihdIl0JBESubSCCCih4NXgJeUphCjyKmEEVtLRSjooWtShILRRJtgpCoeLzgLUZBQbTwAoooqLWoCWIXeZdd3bP++8/st7OX33+ac2Dn8r3Pvzv7zcy7A9RT5gDjgQnx3/T/iuA58Cz+m/7/StXhDVQ0gATOBhYCi4GxxnHeAKeAs8DfMSBjV52bhQTwBbApFj4YNMqPnV0GrgL7gJchxggFQMI3A5NDBOXRx+MYwn6Pul2rlAWwMv7VvykbiLH9TUAQjhnbYwUwA9gKLLIOHLjdGWAPcL1ovxYAG4G9wKiig1Vc/y2wBThQZJyiAA4Ba4sM0EDdw8CPvuMWAXAb+Mq344br3QGm+cTgC+B/n85aWMepz1kBOBknMy3U5wxJSdSSbrVcAPR+V9LRy0X5SW6+0A3AMuDPXlaeiv174K9OWvIAfA1cAMZ9JgBeA98Ct7J68gAMtyjJCfUbKFn6zgeA0tujoUZtWT9D2bS50x1wA2gqt6+al9YO09ODZAF8DrO+C+KIt0IagNbzIlTXktYVaKfr9+PNkSklchMtpXWHR/sJaQA7gJ8sUdXURuJ/AB7E4/0BLDeOvROQ3hEA/gFmGjusullWfDKeFcI1YFYawETgSdUqjP3niS8LYRLwNHkE1gM/GwOssplLfBkIG4BfEgBKE5dWqcTQt694da1td22YFikngGUJgH+B0UVaV1y3iHiFYpnA/wPGCICFXpX66xCfxD8oAKuA3wIpegToHW0tdYpXjKsFQLu7u60Rx+3exSCPG29HdVO3eI25TQB+BdaVAKCMSneRVpBJKfpMNiFesR4UgNOdlomeQF4AWj3quCpbfCE0JV7xDgvAXWCqp+B0tYfACkC7xXnFBaFJ8Yr5ngC8Mu78KHnS4+MqeRCaFq+4X5cB8MnmQoE7oQ3iPwCwPgJWEdZ2rjvNcj16BMpMghYxWsElS1pX0K45xNXedT2aBMu+BotCcAVlfZX69puuF70GQyRCoSFU/csnEKJEKFQqHApCXeIFIUqFQy6GykKoU7wARIuh6HVQwsmVffasEOoWLwfauASADkKU0oYqRSHULV465SsaSgAoqfk9lPq4H18ITYhXiJr7jiYAZGyUUzN0cUFoSrx0yrX6PH0ucEmTQmgCXdb5TYrX/uFcaa3rYCR7JzQpXro1vg5HRgCo+mhMEOT3/RKQYaGpkns0poD6+nA0+UX6+nhcEPreICEIfW2REQCZoc+30A9snTjlI57fyUzdzSYnU3RpP7414sDtNLl3NFG7jJK9YI52sepqnnYBUOe9ZJLOwnCapn0AqNO+NksnVHvJNO00SSeifO+ApH4vZIpdzdHZZ6QoALWXifqI8TTJNWGVua5drTV5pui8ji0A1JfM1Lta5CeWD3h7JzO0i6gVQNJv3342lwXbtx9OpkFoP0ET0LwKDZcyOF5s46ez2TtCxkt9OL0gBmJ1oMnJJcHnYo/wU9czXfR62TnAd7zWfj7/HrAAAKDnDZ8VAAAAAElFTkSuQmCC";const jl=t=>{var e;if(!t||typeof t!="object")return null;const{mode:i,link:n,file:l,src:s}=t;switch(i){case 2:return n||null;case 3:return s||null;default:return l&&l.length>0?(e=l[0])===null||e===void 0?void 0:e.url:null}},Nl=t=>{var{content:e,btnText:i,style:n,icon:l,isPopup:s,isExternalLink:d,onClose:a,onClick:r,submitButtonStyle:u}=t,c=De(t,["content","btnText","style","icon","isPopup","isExternalLink","onClose","onClick","submitButtonStyle"]);const{popupDetailData:v}=me(),{jumpToWeb:g}=je(),y=typeof l=="string"?l:jl(l),b=()=>{var T,E,p;if(d){const h=v,m=(T=h?.video)===null||T===void 0?void 0:T.bindProduct,C=(p=(E=h?.video)===null||E===void 0?void 0:E.bindProduct)===null||p===void 0?void 0:p.bindCta,k=v?.index;g(h,m,C,k)}s||a?.(),r?.()};return o.createElement("div",Object.assign({className:`pb-prompt ${de.css(Object.assign({},n))}`},c),o.createElement("div",{className:"pb-prompt-icon"},o.createElement("img",{width:"100%",src:y??ln,alt:"success image"})),o.createElement("div",{className:"pb-prompt-content"},e),o.createElement("button",{"aria-label":i,className:"pb-prompt-btn",style:u,onClick:b},i))};var Bl=o.memo(Nl);const Rl=Ne(Bl,{displayName:"\u63D0\u4EA4\u6210\u529F",icon:"",category:"popup",type:"Prompt",related:{settingRender:Ll,bindableProps:[],interactionRender:Ol},defaulSetting:{props:{icon:ln,content:"You have successfully completed the appointment!",btnText:"OK"},style:{}},w:100,h:40,sort:3});var ui,pi,zl=[{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Radius",label:"\u8F6E\u64AD\u6307\u793A\u5668",options:[{label:"\u5C45\u5DE6",value:"left"},{label:"\u5C45\u4E2D",value:"center"}],name:["props","swiper","dotsAlign"]},{type:"Number",name:["props","swiper","delay"],addonAfter:"s"},{type:"Group",child:[{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","swiper","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]}]},{title:"\u5546\u54C1\u6587\u672C",child:[{name:["props","commodityStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"\u5546\u54C1\u540D\u79F0",value:"title"},{label:"\u7CFB\u5217\u540D\u79F0",value:"collection"},{label:"\u4EF7\u683C",value:"price"},{label:"\u7A0E\u8D39\u8BF4\u660E",value:"taxInfo"},{label:"\u5546\u54C1\u63CF\u8FF0",value:"info"}],name:["props","commodityStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ce,name:["fontFamily"],initialValue:(ui=ce?.[0])===null||ui===void 0?void 0:ui.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"},{label:"\u9ED8\u8BA4\u884C\u6570",type:"Number",name:["lineClamp"]}]}]},{title:"\u8D2D\u4E70\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextMargin",name:["props","buttonStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ce,initialValue:(pi=ce?.[0])===null||pi===void 0?void 0:pi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]}];const Fl=t=>{var e,i,n,l,s,d,a,r,u,c,v,g,y,{style:b,isDefault:T,rec:E,viewTime:p,isPost:h,bottom_image:m,tipText:C,swiper:k,commodityStyles:f,buttonStyle:A,index:_}=t,S=De(t,["style","isDefault","rec","viewTime","isPost","bottom_image","tipText","swiper","commodityStyles","buttonStyle","index"]);o.useState(!0);const{sxpParameter:w}=me(),{popupDetailData:D,bffEventReport:x,isPreview:I,swiperRef:M,bffFbReport:N}=me(),{jumpToWeb:O,productView:$}=je(),F=o.useRef(null);o.useRef(null),o.useRef(null),o.useState(!1),o.useState(!1),o.useState(!0);const[B,j]=o.useState(!1),L=o.useRef(null),z=h?E:D,R=h?z?.product:(e=z?.video)===null||e===void 0?void 0:e.bindProduct,V=h?(i=z?.product)===null||i===void 0?void 0:i.bindCta:(l=(n=z?.video)===null||n===void 0?void 0:n.bindProduct)===null||l===void 0?void 0:l.bindCta,H=h?_:D?.index,ee=()=>{R?.link&&(O(z,R,V,H),h||$(z,R,V,p||L.current,H),window.location.href=window.getJointUtmLink(R.link))};o.useEffect(()=>{h||N?.({eventName:"ProductView"})},[h,N]),o.useEffect(()=>{const X=()=>{L.current=new Date};return X(),window.addEventListener("pageshow",X),()=>{window.removeEventListener("pageshow",X)}},[]);const ue=o.useMemo(()=>{var X,W,K,ye,Ie;return R?.currency&&R?.price?`${(K=(W=(X=R?.currency)===null||X===void 0?void 0:X.split("-")[1])===null||W===void 0?void 0:W.toUpperCase())!==null&&K!==void 0?K:""}${(Ie=(ye=R?.price)===null||ye===void 0?void 0:ye.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&Ie!==void 0?Ie:""}`:"\xA3102,300.00"},[R?.price,R?.currency]),oe=I?375:(s=b?.width)!==null&&s!==void 0?s:window.innerWidth,Y=({isPost:X})=>o.createElement("div",{hidden:!!R&&(!R?.info||R?.info==="")},o.createElement(jt,{isPost:X,onClick:()=>j(!0),className:"pb-commondityDiroNew-info",style:f?.info,foldText:C?.foldText,unfoldText:C?.unfoldText,text:R?.info||`Unveiled at the Spring-Summer 2023 fashion show, the Dior Toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with Macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the D of the CD Lock closure twists to adjust the sides and enhance the bag's silhouette. The leather handles can be adjusted using the small notches in order to be able to carry the large bag by hand or wear it over the shoulder. CD Lock and strap closures D.I.O.R. charms Removable interior pouch Adjustable leather handles Dust bag included
6
- Made in Italy`})),J=o.useCallback(X=>X?.lineClamp?Object.assign(Object.assign({},X),{overflow:"hidden",WebkitLineClamp:X?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):X,[]);return o.createElement("div",{className:"pb-commondityDiroNew"},o.createElement("div",Object.assign({ref:F,className:de.css(Object.assign({},b))},S),R&&((d=R?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(vt,{height:oe,modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:k?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:k?.delay*1e3}},(a=R?.homePage)===null||a===void 0?void 0:a.map(X=>o.createElement(Qe,{key:X},o.createElement("div",{style:{overflow:"hidden",width:oe,height:oe}},o.createElement(qe,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:X}))))),!(!((r=R?.homePage)===null||r===void 0)&&r.length)&&o.createElement("div",{className:de.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:de.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=w?.bottom_image)!==null&&u!==void 0?u:m,alt:"pdp image"})),o.createElement("div",{className:"pb-commondityDiroNew-content"},o.createElement("div",{className:"pb-commondityDiroNew-content-top"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:J(f?.title)},(c=R?.title)!==null&&c!==void 0?c:"Large Dior Toujours BagLarge"),o.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!R&&(!R?.collection||R?.collection===""),style:J(f?.collection)},R?.collection||"Black Macrocannage CalfskinLarge")),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!R&&!R?.price,style:J(f?.price)},ue),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!R&&!R?.taxInfo,style:J(f?.taxInfo)},(v=R?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!R||R?.link)&&o.createElement("button",{"aria-label":(g=V?.enTitle)!==null&&g!==void 0?g:"Shop now",onClick:ee,className:"pb-commondityDiroNew-btn",style:A},(y=V?.enTitle)!==null&&y!==void 0?y:"Shop now"),Y({isPost:h}))),o.createElement(Lt,{visible:B,onClose:()=>j(!1)},Y({isPost:!1})))};var Vl=o.memo(Fl);const Hl=Ne(Vl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:zl},defaulSetting:{props:{swiper:{dotsAlign:"left",delay:3},commodityStyles:{price:{color:"#000",fontWeight:"bold",fontSize:13},title:{color:"#000",fontSize:13},collection:{color:"#757575",fontSize:13},info:{color:"#757575",fontSize:13},taxInfo:{color:"#000",fontWeight:"bold",fontSize:13,textAlign:"right"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25,marginTop:16,marginBottom:16}},style:{}},w:100,h:40,sort:1});var vi,fi,$e=[{title:"\u4E3B\u9898\u6837\u5F0F",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["style","width"],addonAfter:"W"},{type:"Number",name:["style","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["style","borderRadius"],max:100},{type:"Number",name:["style","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["style","backgroundColor"]},{label:"\u5185\u8FB9\u8DDD",type:"Number",name:["style","padding"],addonAfter:"px"},{label:"\u4E0EPost\u63CF\u8FF0\u8FB9\u8DDD",type:"Number",name:["style","marginBottom"],addonAfter:"px"}]},{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","img","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","img","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","img","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","img","borderRadius"],addonAfter:"px",max:100}]},{type:"Number",label:"\u4E0E\u53F3\u4FA7\u8FB9\u8DDD",addonAfter:"px",name:["props","ctaTempStyles","img","marginRight"]},{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]},{title:"\u5546\u54C1\u6807\u9898\u6587\u672C",type:"commodityTitle",child:[{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","title","color"]},{type:"Select",options:ce,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(vi=ce?.[0])===null||vi===void 0?void 0:vi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","title","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","title"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","title"]},{label:"\u95F4\u8DDD",type:"TextSpace",name:["props","ctaTempStyles","title"]}]},{title:"CTA\u6807\u9898",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","ctaTitle","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","ctaTitle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","ctaTitle","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","ctaTitle","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["props","ctaTempStyles","ctaTitle","backgroundColor"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","ctaTitle","color"]},{type:"Select",options:ce,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(fi=ce?.[0])===null||fi===void 0?void 0:fi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","ctaTitle","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","ctaTitle"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","ctaTitle"]}]}],Ul=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Gl=t=>{var{rec:e,children:i,className:n,onClick:l,style:s,isExternalLink:d=!1,index:a}=t;De(t,["rec","children","className","onClick","style","isExternalLink","index"]);const r=o.useRef(null),{popup:u}=et(),{setPopupDetailData:c,ctaEvent:v}=me(),{jumpToWeb:g}=je(),y=Ee.throttle(()=>{var b,T,E,p,h,m,C,k;const f=(T=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&T!==void 0?T:e?.video;if(v?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,f,a),c?.(Object.assign(Object.assign({},e),{index:a})),d){if(!((p=(E=e?.video)===null||E===void 0?void 0:E.bindProduct)===null||p===void 0)&&p.link){const A=(h=e?.video)===null||h===void 0?void 0:h.bindCta,_=(m=e?.video)===null||m===void 0?void 0:m.bindProduct;g(e,_,A,a),window.location.href=window.getJointUtmLink((k=(C=e?.video)===null||C===void 0?void 0:C.bindProduct)===null||k===void 0?void 0:k.link)}}else l?.()},u?.duration);return o.createElement("div",{ref:r,className:n,style:s,onClick:y},i)};var wt=o.memo(Gl),$l={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};function Wl(t){const e=o.useRef(null),[i,n]=o.useState(!1);return o.useEffect(()=>{e.current=new IntersectionObserver(([l])=>{n(l.isIntersecting)})},[]),o.useEffect(()=>{var l;return t?.current&&((l=e?.current)===null||l===void 0||l.observe(t?.current)),()=>{var s;(s=e?.current)===null||s===void 0||s.disconnect()}},[t]),i}const Yl=({src:t,rec:e,item:i,index:n,style:l,translateY:s,imgStyle:d})=>{const a=o.useRef(null),r=Wl(a),{ctaEvent:u}=me();return o.useEffect(()=>{r&&t&&a?.current&&u?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[r,t,a,e,u,i,n]),o.createElement("div",{className:de.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},d))},o.createElement("div",{ref:a,hidden:!t,className:de.css({width:"100%",height:"100%"})},o.createElement(qe,{className:de.css(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${s?-s+50:50}%`},l)),src:`${t}?imrquality/rquality/40`})))};var at=o.memo(Yl);const ql=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:de.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:$l["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop Now")))};var Xl=o.memo(ql);const Jl=Ne(Xl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Ul,bindableProps:[],settingRender:$e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:1});var Kl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Ql=t=>{var e,i,n,l,s,d,{content:a,style:r,bgImg:u,recData:c,bottom_image:v,ctaTempStyles:g,isExternalLink:y,index:b}=t,T=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","index"]);const{sxpParameter:E}=me(),p=(e=c?.video)===null||e===void 0?void 0:e.bindCta,h=(n=(i=p?.icon)!==null&&i!==void 0?i:E?.bottom_image)!==null&&n!==void 0?n:v;return o.createElement(wt,Object.assign({isExternalLink:y,rec:c,className:de.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"},index:b},T),o.createElement(at,{src:h,rec:c,item:(s=(l=c?.video)===null||l===void 0?void 0:l.bindProduct)!==null&&s!==void 0?s:c?.video,index:b,imgStyle:g?.img}),o.createElement("div",{className:de.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},g?.ctaTitle))},(d=p?.enTitle)!==null&&d!==void 0?d:"Product Name"))};var Zl=o.memo(Ql);const es=Ne(Zl,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Kl,settingRender:$e?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:30,height:30,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:44,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:6});var ts={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const is=t=>{var e,i,n,l,s,d,a,{content:r,style:u,bgImg:c,recData:v,bottom_image:g,ctaTempStyles:y,index:b}=t,T=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:E,bffEventReport:p}=me(),{jumpToWeb:h}=je(),m=(e=v?.video)===null||e===void 0?void 0:e.bindCta,C=(i=v?.video)===null||i===void 0?void 0:i.bindProduct,k=()=>{m?.link&&(h(v,C,m,b),window.location.href=window.getJointUtmLink(m.link))},f=(l=(n=m?.icon)!==null&&n!==void 0?n:E?.bottom_image)!==null&&l!==void 0?l:g;return o.createElement(wt,Object.assign({index:b,rec:v,className:de.css(Object.assign({alignItems:"center"},u)),style:{display:"flex"}},T,{onClick:k}),o.createElement(at,{src:f,rec:v,item:(d=(s=v?.video)===null||s===void 0?void 0:s.bindProduct)!==null&&d!==void 0?d:v?.video,index:b,imgStyle:y?.img}),o.createElement("div",{className:de.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:ts["tow-line-ellipsis"],style:y?.ctaTitle},(a=m?.enTitle)!==null&&a!==void 0?a:"Product Name")))};var ns=o.memo(is);const os=Ne(ns,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:$e?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:5});var ls=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ss={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const as=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:de.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:ss["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop Now")))};var rs=o.memo(as);const ds=Ne(rs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:ls,settingRender:$e,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:2});var cs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],us={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const ps=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:de.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:us["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:de.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop now")))};var vs=o.memo(ps);const fs=Ne(vs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:cs,bindableProps:[],settingRender:$e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:13,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:14,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:2});var ms=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const hs=({children:t,isPadding:e=!0})=>o.createElement(vt,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[oo,no,io],style:{padding:e?"0 12px 0 20px":0}},t);var Nt=o.memo(hs),gs={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const bs=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:E}=me(),{popup:p}=et(),{jumpToWeb:h}=je(),[m,C]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Ee.throttle(f=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(h(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},m?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f?.itemId,className:de.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:E?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:de.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:gs["two-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop Now"))))}))};var ys=o.memo(bs);const ws=Ne(ys,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:ms,bindableProps:[],settingRender:$e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:4});var Ss=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ts={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const xs=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:b}=me(),{ctaEvent:T,setPopupDetailData:E}=me(),{popup:p}=et(),[h,m]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:C}=je(),k=Ee.throttle(f=>{T?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),E?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(C(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},h?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f.itemId,className:de.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:b?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Ts["two-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop Now"))))}))};var Es=o.memo(xs);const Cs=Ne(Es,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:Ss,settingRender:$e,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:3});var Is=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],_s={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const ks=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:E}=me(),{popup:p}=et(),{jumpToWeb:h}=je(),[m,C]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Ee.throttle(f=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(h(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},m?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f?.itemId,className:de.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:E?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},o.createElement("div",{className:_s["tow-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:de.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop now"))))}))};var Ds=o.memo(ks);const As=Ne(Ds,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:Is,bindableProps:[],settingRender:$e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:12,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:4});var mi,hi,Ps=[{title:"Banner",child:[{type:"Switch",label:"Banner\u56FE\u5F00\u5173",name:["props","showBanner"]}]},{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"},{type:"Switch",label:"\u56FA\u5B9A\u5BBD\u9AD8",name:["props","openFixedSize"],initialValue:!0}]},{title:"\u6587\u672C\u8BBE\u7F6E",child:[{name:["props","textStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"hashtag\u6807\u9898",value:"hashTagTitle"},{label:"hashtag\u63CF\u8FF0",value:"hashTagDesc"},{label:"hashtag\u63CF\u8FF0\u8D85\u94FE",value:"hashTagLink"},{label:"\u6807\u9898",value:"title"},{label:"\u4EF7\u683C",value:"price"}],name:["props","textStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ce,name:["fontFamily"],initialValue:(mi=ce?.[0])===null||mi===void 0?void 0:mi.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{title:"\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextPadding",name:["props","buttonBgStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ce,initialValue:(hi=ce?.[0])===null||hi===void 0?void 0:hi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]},{title:"\u6309\u94AE\u80CC\u666F\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonBgStyle","backgroundColor"],initialValue:"#fff"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonBgStyle","height"],addonAfter:"H"}]}]}];const Ms=({icon:t,styles:e,textStyle:i,onClose:n})=>{var l;const{waterFallData:s,setOpenHashtag:d}=me();return o.createElement("div",{className:"clc-sxp-nav",style:e},o.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"back button",onClick:n}),o.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(l=s?.hashTag)!==null&&l!==void 0?l:"\u6807\u9898"}`))};var sn=o.memo(Ms),Os=null,Ls="3d989325-e7d6-4a74-8a97-98febdf5b567",js=null,Ns=null,Bs={info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif.",link:"www.baidu.com",linkTitle:null,linkType:"WEB"},Rs=[{position:"0",isCollected:null,video:{itemId:"VIDEOY2BMu1710323630175",title:"A symbol of excellence, the Dior Toujours bag is reinterpreted in an unprecedented version. For the Dior spring-summer 2024 ready-to-wear collection, this exceptional accessory, dreamed up by Maria Grazia Chiuri, is dressed in irresistible crinkled leather featuring the iconic macrocannage motif. A new emblem of the virtuoso, perpetually reinvented savoir-faire of the Dior Ateliers.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOY2BMu1710323630175:default:3::branch:Handbags:0",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:0",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:0",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fswbY3wT0hCmrYkrqDzFKnHb3NMux1710323481052.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs3Ifqv7fk2Tn9nPtwOTO2YjxAuRO1710323470472.mp4",imgUrls:null,hashTags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"]},product:null,cta:null},{position:"1",isCollected:null,video:{itemId:"VIDEO6JCOb1710323364018",title:"Maria grazia chiuri's hallmark dior book tote offers an original take on elegance. Unveiled at the cruise 2024 fashion show, the refined style showcases the iconic blue dior oblique embroidery and calfskin. Designed to keep all the daily essentials organized, the interior is equipped with a zipped pocket and patch pockets.",tags:["Handbags","Manufacturing Craftsmanship","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO6JCOb1710323364018:default:3::branch:Handbags:1",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:1",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:1",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsAHlkdbqYj5F84o2faRzU1E3AvG11710323339209.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs7KIGk2IB0MsoDL1ANWB1Mb2hqu41710323314146.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"2",isCollected:null,video:null,product:{itemId:"M2820OTKVM911",title:"Large Dior Toujours Bag Black Cannage Tweed",tags:["Black","Women","Handbags","Bucket Bag","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2820OTKVM911:default:3::branch:Handbags:2",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:2",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsJTjyFchOFEJSTRYxXvL2XPU1dP61710238469418.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fstdFA1dFT55QjtQPU2qHNENo5peF1710836061716.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fs9xf8AlIApbHezVL3BsxjUGIrN231710836061181.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs9iZ20MjLAPkXmFKvD8HzhLaBJ671710238470272.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsSSodev3wicDfE1DYNWPQVeRjErt1710238464035.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs3YAOuN6Pd9NFvH1Rdooj6eLI18S1710238465296.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsBwIEp6OzI49isvHgiKD0cPSFtrD1710238459007.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M2820OTKV_M911-large-dior-toujours-bag",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif. It showcases a spacious interior compartment with a matching pouch to organize the essentials, while a leather strap closure keeps items secure and the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4200,currency:"USD-$"},cta:null},{position:"3",isCollected:null,video:{itemId:"VIDEOOL1qU1709616182569",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Shoulder","Crossbody","Cross-body & Shoulder Bags","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOOL1qU1709616182569:default:3::branch:Handbags:3",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:3",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:3",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:null,url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsvbBN3IRfwctVIhdqgq3doWmhbb21710399187965.jpg"],hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"4",isCollected:null,video:null,product:{itemId:"S5909CTZQM928",title:"Saddle Shoulder Pouch Blue Dior Oblique Jacquard ",tags:["Saddle Bags","Handbags","Small-Leather-Goods","Small","Mini Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:S5909CTZQM928:default:3::branch:Handbags:4",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:4",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs34CpwKJOyjEDgoHypoLYakF8oR31710316280669.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsLOSOEf9pmz7wKnFaifWNw3TZ7Gy1710316287874.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsWHmVcrzHKKj6EfhfnQkxYIOt20a1710316295683.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fslyBNMyQwjpjY4EKzyrqzTMlOGRQ1710316313161.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/S5909CTZQ",linkTitle:null,linkType:"WEB",info:null,price:4900,currency:"USD-$"},cta:null},{position:"5",isCollected:null,video:{itemId:"VIDEOrZguC1710324513737",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOrZguC1710324513737:default:3::branch:Handbags:5",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:5",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:5",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fstXNWStczbY8HbIKEqMwfCkv5CI51710324494939.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOqu34FxaJTdascLcj6DHoYIIAs01710324439851.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"6",isCollected:null,video:null,product:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:6",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:6",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},cta:null},{position:"7",isCollected:null,video:{itemId:"VIDEOEtr621710300614047",title:"Unveiled at the spring-summer 2023 fashion show, the dior toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette. T",tags:["Handbags","Leather Strap","Spring-Summer 2024 Fashion Show","Backstage","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOEtr621710300614047:default:3::branch:Handbags:7",bindCta:null,bindProduct:null,bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fshkOldZwfsSqTgvxHJzNBwS66ySc1710300910103.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsryDXTtPWXjYFWoSUEBUi48RHZCh1710398617300.jpg"],hashTags:["Backstage","Handbags","Spring-Summer 2024 Fashion Show","Dior Toujours Bag"]},product:null,cta:null},{position:"8",isCollected:null,video:{itemId:"VIDEOO8Zjt1709616802987",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Blue","Medium","Shoulder","Hand","Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOO8Zjt1709616802987:default:3::branch:Handbags:8",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:8",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:8",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsmS72zfInwmblYTnuYzRuZKAOlhr1709616742898.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsU2gDw28XFd1nOAqlUjb1r1h6mpT1710400349981.jpg"],hashTags:["Dior Book Tote","Handbags"]},product:null,cta:null},{position:"9",isCollected:null,video:null,product:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:9",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:9",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},cta:null},{position:"10",isCollected:null,video:{itemId:"VIDEOesZlV1710323980494",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOesZlV1710323980494:default:3::branch:Handbags:10",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:10",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:10",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsiwMQ88zO5Xdnl939krMyBMbz7Js1710323763013.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsxyS8nr7nn0LMe7EqOt3ETXqLu7d1710323753073.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"11",isCollected:null,video:{itemId:"VIDEOdvsXq1710324342942",title:"New for summer 2024, the lady d-sire my abcdior bag draws inspiration from the signature elegance of the lady dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal d.i.o.r. Charms that highlight the silhouette.",tags:["Summer 2024","Lady Dior","Casual","Lightweight","Medium","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOdvsXq1710324342942:default:3::branch:Handbags:11",bindCta:null,bindProduct:{itemId:"M1151OTRLM900",title:"Medium Lady D-Sire My ABCDior Bag",tags:["Handbags","Summer 2024","Lady Dior","Black","Medium","Women","Lady D-Sire"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1151OTRLM900:default:3::branch:Handbags:11",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:11",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBvqPYhaE9Ct1JzBd4gm8g9YOiAZ1710499102900.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6sf9nB7WpJuLNIZT3c8O8Fmf3Gu1710499102936.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsSxYBxyVx2yRrUgEaYmarWhlUbk41710499102531.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsyhykK1B7W9613MAfipfIuE1foim1710499102345.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6FXJdaXib8lP0NPloe1XQGpoiKc1710499103268.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsCRx7T4ejNvgKNensH6LT4dPt6251710499103615.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M1151OTRL_M900-medium-lady-d-sire-my-abcdior-bag-black-bull-leather?objectID=M1151OTRL_M900&query=M1151OTRLM900&queryID=e82938220687c425c75277a7c526b932",linkTitle:null,linkType:"WEB",info:"New for Summer 2024, the Lady D-Sire My ABCDior bag draws inspiration from the signature elegance of the Lady Dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal D.I.O.R. charms that highlight the silhouette. Showcasing a shoulder strap that can be personalized by adding symbolic badges, the unique bag can be carried by hand or w",price:6100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOsdUSXr57U5Twhhkv17th3yHqBJ1710324292456.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsZyr3slVtlsParX6D0DqsM0QEx8d1710324283147.mp4",imgUrls:null,hashTags:["Summer 2024","Lady Dior","Handbags"]},product:null,cta:null},{position:"12",isCollected:null,video:{itemId:"VIDEOy76Fr1710324746846",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Hand","Shoulder","Crossbody","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOy76Fr1710324746846:default:3::branch:Handbags:12",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:12",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:12",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsqwogfFahvNml7vmATxwfKLcNlh91710324602536.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsVRd4z4V8UScNc7Wc96xv4xDVByb1710324589932.mp4",imgUrls:null,hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"13",isCollected:null,video:{itemId:"VIDEOvqhF71709609258469",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Thin","Removable Shoulder Strap","Medium","Lady Dior","Crossbody","Handbags","Cross-body & Shoulder Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOvqhF71709609258469:default:3::branch:Handbags:13",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:13",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:13",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsHmNyOcNdgB9Y8aIFYWCHlEZVl4x1709608981919.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fslhMX6mwCM4i5XFY6dpcMZdPocYv1710398865153.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJQCe9rZmsEjuIUpdck9Hs2gpNU81710398856427.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsnHUJufSHptF88bNsyUGmSSKYH4A1710398855734.jpg"],hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"14",isCollected:null,video:null,product:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:14",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:14",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},cta:null},{position:"15",isCollected:null,video:{itemId:"VIDEO693hq1709628690318",title:"New for the summer 2024 season, the dior caro top handle camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal cd signature.",tags:["Ready-To-Wear","Handbags","Signature Hardware Design","Monogram/Logo Print","Calfskin Leather","Summer 2024","Black"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO693hq1709628690318:default:3::branch:Handbags:15",bindCta:null,bindProduct:{itemId:"M3352UBHMM900",title:"Small Dior Caro Top Handle Camera Bag Black Macrocannage Calfskin ",tags:["Summer 2024","Black","Women","Handbags","Dior Caro"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M3352UBHMM900:default:3::branch:Handbags:15",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:15",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsx3wufMP9P6ovvCrXL58eVVA61gI1710499528917.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs82a414vXXhbgMXsw3Zm8TWyDMvI1710499528543.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJaZoFhur3jfMEciQdk5GMV8O2un1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fstO8CRKfBzpJUmAMyCDHDo23ji9N1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsagaUiox7KECRhbPn6MScg3s4Nwd1710499528602.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBsyFADiYBLWHaAIQfNRsgweVOWj1710499529947.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqJEwfvOLpXQ6nQt76o92XdLwzs11710499529939.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M3352UBHM_M900",linkTitle:null,linkType:"WEB",info:"New for the Summer 2024 season, the Dior Caro Top Handle Camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the Macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal CD signature. ",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsZhMDVzP6kuh9Qt86c11whAMglMU1709628656988.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsWrEKA6oRWUmOY14D1POTJjgiks51710401973577.jpg"],hashTags:["Ready-To-Wear"]},product:null,cta:null},{position:"16",isCollected:null,video:{itemId:"VIDEO2rUuG1709617832960",title:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO2rUuG1709617832960:default:3::branch:Handbags:16",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:16",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:16",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fs0BUtn8TYp4l8gWsg5WD9Ht8AP7R1709617796077.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsmecPfhI3OtZwJmKAXLv8scBSSdK1710399333565.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsfsWBLxbC36B7Pm7Ae1uL98EmoaH1710399333017.jpg"],hashTags:["Handbags","Dior Toujours Bag"]},product:null,cta:null},{position:"17",isCollected:null,video:{itemId:"VIDEOGZGZI1709629679782",title:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. A",tags:["Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOGZGZI1709629679782:default:3::branch:Handbags:17",bindCta:null,bindProduct:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:17",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:17",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsG1IT2gcB5iabcTL89Xs9bRHISMb1709629659698.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJB1txgzSsQLBBJSTzqGI40BvLkr1710399454552.jpg"],hashTags:["Handbags"]},product:null,cta:null},{position:"18",isCollected:null,video:{itemId:"VIDEOC2IMa1710324169054",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOC2IMa1710324169054:default:3::branch:Handbags:18",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:18",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:18",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsuF6sqlC9LCBLTgxHwMRinXwB6bF1710324135846.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsFwNsGElWR2SXQ2tWwHkaiqMZN5H1710324095954.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"19",isCollected:null,video:null,product:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:19",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:19",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},cta:null}],zs="Handbags",an={productUserId:Os,requestId:Ls,channel:js,rtc:Ns,tag:Bs,recList:Rs,hashTag:zs};const Fs=t=>{const{rec:e,style:i={},sizeChange:n=()=>{},unitWidth:l,index:s,showBorder:d,list:a,reportTagsView:r,textStyles:u,space:c}=t,{swiperRef:v,setRtcList:g,setOpenHashtag:y,sxpParameter:b}=me(),[T,E]=o.useState(!1);o.useState(!1),o.useState({height:1,width:1});const p=o.useRef(null),h=o.useRef(null);o.useRef(null),o.useRef(null);const[m,C]=o.useState(""),k=o.useMemo(()=>{var x,I,M,N,O,$,F,B,j,L;return!((x=e?.video)===null||x===void 0)&&x.cover?(I=e?.video)===null||I===void 0?void 0:I.cover:!((N=(M=e?.video)===null||M===void 0?void 0:M.imgUrls)===null||N===void 0)&&N.length?($=(O=e?.video)===null||O===void 0?void 0:O.imgUrls)===null||$===void 0?void 0:$[0]:!((B=(F=e?.product)===null||F===void 0?void 0:F.homePage)===null||B===void 0)&&B.length?(L=(j=e?.product)===null||j===void 0?void 0:j.homePage)===null||L===void 0?void 0:L[0]:b?.bottom_image||""},[e,b?.bottom_image]),f=o.useMemo(()=>{var x,I;return((x=e?.product)===null||x===void 0?void 0:x.title)||((I=e?.video)===null||I===void 0?void 0:I.title)||null},[e]),A=o.useMemo(()=>{var x;return i.transform?Number((x=i.transform)===null||x===void 0?void 0:x.substring(i.transform.indexOf(",",0)+1,i.transform.length-3)):void 0},[i]);o.useMemo(()=>A===void 0?!1:A<=d,[A,d]);const _=o.useMemo(()=>{var x,I,M,N,O,$,F,B,j;return!((x=e?.product)===null||x===void 0)&&x.currency&&(!((I=e?.product)===null||I===void 0)&&I.price)?`${($=(O=(N=(M=e?.product)===null||M===void 0?void 0:M.currency)===null||N===void 0?void 0:N.split("-")[1])===null||O===void 0?void 0:O.toUpperCase())!==null&&$!==void 0?$:""}${(j=(B=(F=e?.product)===null||F===void 0?void 0:F.price)===null||B===void 0?void 0:B.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&j!==void 0?j:""}`:null},[e]);o.useEffect(()=>{if(p.current===null||k==="")return;let x=null;T&&m?x=m:x=k,x&&p.current.setSrc(x)},[k,T,m]);const S=o.useRef(),w=o.useCallback(x=>{setTimeout(()=>{var I;const M=(I=S?.current)===null||I===void 0?void 0:I.offsetHeight;n(M+56+c,s)},0)},[c,n,s,l,S]),D=()=>{r(),g?.(a),setTimeout(()=>{var x;(x=v?.current)===null||x===void 0||x.swiper.slideTo(s,0,!1),y?.(!1)},0)};return o.createElement("div",{ref:h,style:Object.assign({},i),className:"waterFallList-content-listItem",key:s,onClick:D},o.createElement("div",{className:"waterFallList-content-listItem-picture",ref:S},o.createElement(qe,{loading:"lazy",className:"waterFallList-content-listItem-picture-img",onLoad:w,ref:p})),o.createElement("div",{className:"waterFallList-content-listItem-info"},o.createElement("div",{className:`waterFallList-content-listItem-info-title ${_?"waterFallList-content-listItem-info-nowrap":""}`,style:Object.assign({},u?.title)},f&&f),o.createElement("div",{className:"waterFallList-content-listItem-info-price",hidden:!_,style:u.price},_)))};function Vs(t){var e,i,n,l,s,d,a,r,u,c,v,g,y,b,T,E,p,h,m,C,{reportTagsView:k,showBanner:f}=t,A=De(t,["reportTagsView","showBanner"]);const{waterFallData:_,getRecommendVideos:S,hashTagSize:w,loadingImage:D,isOpenHashTag:x}=me(),I=o.useRef(null),[M,N]=o.useState(0),[O,$]=o.useState(),F=o.useRef(null),[B,j]=o.useState([]),L=o.useRef(),z=[170,230,300],[R,V]=o.useState(!1),[H,ee]=o.useState([]),ue=o.useRef(),oe=o.useCallback((le,fe)=>Math.floor(Math.random()*(fe-le+1))+le,[]),Y=o.useRef([]),[J,X]=o.useState({width:0}),W=o.useMemo(()=>{const le=J.width||0;return le>=1200?6:le>=768&&le<=1199?4:2},[J]),K=o.useMemo(()=>J.width/W-2,[W,J]),ye=o.useCallback(()=>{var le;const fe=(le=L.current)!==null&&le!==void 0?le:[],re=[];for(let ae=0;ae<H?.length;ae++){const Be=Math.floor(ae/W),Ce=ae%W+1;let nt=0,Xe=9999999999;if(Be===0)re[ae]=ae;else{for(let Ve=0;Ve<re.length;Ve++)Y.current[re[Ve]].top+Y.current[re[Ve]].height<Xe&&(nt=Ve,Xe=Y.current[re[Ve]].top+Y.current[re[Ve]].height);re[nt]=ae}Y.current[ae]===void 0&&(Y.current[ae]={}),Be===0?(Ce===1?Y.current[ae].left=0:Y.current[ae].left=Y.current[ae-1].left+K+4,Y.current[ae].top=0):(Y.current[ae].left=Y.current[nt].left,Y.current[ae].top=Xe),Y.current[ae].height=Y.current[ae].height||z[oe(0,2)],fe[ae]={transform:`translate(${Y.current[ae].left}px,${Y.current[ae].top}px)`,width:`${K}px`,height:Y.current[ae].height}}return j([...fe]),[...fe]},[K,W,z,oe,H]),Ie=o.useCallback((le,fe)=>{Y.current[fe]===void 0&&(Y.current[fe]={}),Y.current[fe].height=le,L.current=ye()},[ye]);o.useEffect(()=>{L.current=ye()},[K,W,H]),o.useEffect(()=>{var le,fe;if(V(!0),_&&S?.({hashTag:_?.hashTag,"itemFilter.itemId":_?.itemId,"itemFilter.itemType":_?.itemType,defaultSize:w,maxSize:w}).then(re=>{var ae,Be;$(re),ee((Be=(ae=re?.recList)===null||ae===void 0?void 0:ae.filter(Ce=>Ce?.video!==null||Ce?.product!==null))!==null&&Be!==void 0?Be:[]),V(!1)}),x){const re=an;$(re),ee((fe=(le=re?.recList)===null||le===void 0?void 0:le.filter(ae=>ae?.video!==null||ae?.product!==null))!==null&&fe!==void 0?fe:[]),V(!1)}},[_,S,w,x]);const Ae=o.useCallback(()=>{F.current!==null&&X({width:F.current.getBoundingClientRect().width})},[]);o.useEffect(()=>{if(F.current===null)return;const le=new ResizeObserver(fe=>{Ae()});return le.observe(F.current),()=>{le.disconnect()}},[Ae]),o.useCallback(()=>{V(!0),_&&S?.({hashTag:_?.hashTag,"itemFilter.itemId":_?.itemId,"itemFilter.itemType":_?.itemType}).then(le=>{var fe,re;ee(H?.concat((re=(fe=le?.recList)===null||fe===void 0?void 0:fe.filter(ae=>!ae?.video))!==null&&re!==void 0?re:[])),V(!1)})},[_,S,H]);const Fe=o.useCallback(()=>{N(I.current.scrollTop)},[]);o.useEffect(()=>{var le;return(le=I?.current)===null||le===void 0||le.addEventListener("scroll",Fe),()=>{var fe;(fe=I?.current)===null||fe===void 0||fe.removeEventListener("scroll",Fe)}},[Fe,I]);const se=()=>{var le,fe;!((le=O?.tag)===null||le===void 0)&&le.link&&(k(),window.location.href=(fe=O?.tag)===null||fe===void 0?void 0:fe.link)};return o.createElement(o.Fragment,null,R?o.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:D,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"waterFallList",ref:F},o.createElement("div",{className:"waterFallList-scroll",ref:I},f&&((e=O?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:se},o.createElement(qe,{className:de.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=O?.tag)===null||i===void 0?void 0:i.picture})),o.createElement("div",{className:"waterFallList-info",style:(n=A?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=O?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=O?.tag)===null||s===void 0)&&s.link),className:"waterFallList-collection",style:Object.assign({},(d=A?.textStyles)===null||d===void 0?void 0:d.hashTagLink),onClick:se},((a=O?.tag)===null||a===void 0?void 0:a.linkTitle)||"Shop the collection"),o.createElement("div",{className:"waterFallList-content"},H?.map((le,fe)=>{var re;return o.createElement(Fs,Object.assign({key:fe,index:fe,rec:le,list:H,showBorder:M+((re=I?.current)===null||re===void 0?void 0:re.clientHeight),style:B[fe],sizeChange:Ie,unitWidth:K,reportTagsView:k},A))}),o.createElement("div",{hidden:!(!((r=O?.tag)===null||r===void 0)&&r.link),style:{position:"absolute",width:"100%",transform:`translate(0px,${(y=((c=Y?.current[((u=Y?.current)===null||u===void 0?void 0:u.length)-1])===null||c===void 0?void 0:c.top)+((g=Y?.current[((v=Y?.current)===null||v===void 0?void 0:v.length)-1])===null||g===void 0?void 0:g.height))!==null&&y!==void 0?y:0}px)`,height:!((b=O?.tag)===null||b===void 0)&&b.link?((T=ue?.current)===null||T===void 0?void 0:T.offsetHeight)||((E=A?.buttonBgStyle)===null||E===void 0?void 0:E.height)||"100px":0}}))),o.createElement("div",{className:"waterFallList-bottom",hidden:!(!((p=O?.tag)===null||p===void 0)&&p.link),style:A?.buttonBgStyle}),o.createElement("div",{ref:ue,hidden:!(!((h=O?.tag)===null||h===void 0)&&h.link),className:"waterFallList-btn-wrap",style:Object.assign(Object.assign({},A?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{"aria-label":((m=O?.tag)===null||m===void 0?void 0:m.linkTitle)||"Shop the collection",className:"waterFallList-btn",style:A?.buttonStyle,onClick:se},((C=O?.tag)===null||C===void 0?void 0:C.linkTitle)||"Shop the collection"))))}var Hs="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Us=t=>{const{rec:e,index:i,list:n,reportTagsView:l,textStyles:s,space:d}=t,{swiperRef:a,setRtcList:r,setOpenHashtag:u,bffEventReport:c,sxpParameter:v}=me(),[g,y]=o.useState(!1),b=o.useRef(null),T=o.useRef(null),E=o.useRef(null),p=o.useRef(null),[h,m]=o.useState(""),C=o.useMemo(()=>{var S,w,D,x,I,M,N,O,$,F;return!((S=e?.video)===null||S===void 0)&&S.cover?(w=e?.video)===null||w===void 0?void 0:w.cover:!((x=(D=e?.video)===null||D===void 0?void 0:D.imgUrls)===null||x===void 0)&&x.length?(M=(I=e?.video)===null||I===void 0?void 0:I.imgUrls)===null||M===void 0?void 0:M[0]:!((O=(N=e?.product)===null||N===void 0?void 0:N.homePage)===null||O===void 0)&&O.length?(F=($=e?.product)===null||$===void 0?void 0:$.homePage)===null||F===void 0?void 0:F[0]:v?.bottom_image||""},[e,v?.bottom_image]),k=o.useMemo(()=>{var S,w;return((S=e?.product)===null||S===void 0?void 0:S.title)||((w=e?.video)===null||w===void 0?void 0:w.title)||null},[e]),f=o.useMemo(()=>{var S,w,D,x,I,M,N,O,$;return!((S=e?.product)===null||S===void 0)&&S.currency&&(!((w=e?.product)===null||w===void 0)&&w.price)?`${(M=(I=(x=(D=e?.product)===null||D===void 0?void 0:D.currency)===null||x===void 0?void 0:x.split("-")[1])===null||I===void 0?void 0:I.toUpperCase())!==null&&M!==void 0?M:""}${($=(O=(N=e?.product)===null||N===void 0?void 0:N.price)===null||O===void 0?void 0:O.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&$!==void 0?$:""}`:null},[e]);o.useEffect(()=>{const S=new IntersectionObserver(w=>{w.forEach(D=>{if(D.isIntersecting){if(T.current===null||C==="")return;g&&h?b.current.setSrc(h):b.current.setSrc(C),S.unobserve(T.current)}})});return S.observe(T.current),()=>{S.disconnect()}},[C,g,h]);const A=(S,w,D)=>{const x=S/w;return D/x};o.useEffect(()=>{const S=E?.current;S===null||C===""||!g||(S.src=C,S.currentTime=1,S.crossOrigin="anonymous",S.onloadeddata=()=>{const w=p?.current;if(!w)return;const D=w.getContext("2d"),x=window?.innerWidth/2,I=A(S.videoWidth,S.videoHeight,x);w.height=I,w.width=x,D?.drawImage(S,0,0,w.width,w.height),m(w.toDataURL()),S.remove(),w.remove()})},[C,g]);const _=()=>{l(),r?.(n),setTimeout(()=>{var S;(S=a?.current)===null||S===void 0||S.swiper.slideTo(i,0,!1),u?.(!1)},0)};return o.createElement("div",{ref:T,className:"list-content-listItem",key:i,onClick:_,style:{marginBottom:d}},o.createElement("div",{className:"list-content-listItem-picture"},g&&o.createElement("div",{style:{display:"none"}},o.createElement("video",{ref:E,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),o.createElement("canvas",{ref:p})),o.createElement(qe,{loading:"lazy",className:"list-content-listItem-picture-img",ref:b})),o.createElement("div",{className:"list-content-listItem-info"},o.createElement("div",{className:`list-content-listItem-info-title ${f?"list-content-listItem-info-nowrap":""}`,style:s?.title},k&&k),o.createElement("div",{className:"list-content-listItem-info-price",style:s?.price,hidden:!f},f)))};function Gs(t){var e,i,n,l,s,d,a,r,u,c,v,g,y,b,T,{reportTagsView:E,showBanner:p}=t,h=De(t,["reportTagsView","showBanner"]);const{waterFallData:m,getRecommendVideos:C,hashTagSize:k,loadingImage:f,isOpenHashTag:A}=me(),[_,S]=o.useState(),[w,D]=o.useState(),[x,I]=o.useState(!1),M=o.useRef(null),[N,O]=o.useState(!1);o.useCallback(()=>{N||(O(!0),m&&C?.({hashTag:m?.hashTag,"itemFilter.itemId":m?.itemId,"itemFilter.itemType":m?.itemType}).then(F=>{var B;S(_?.concat((B=F?.recList)!==null&&B!==void 0?B:[])),O(!1)}))},[m,C,_,N]),o.useEffect(()=>{var F,B;if(I(!0),m&&C?.({hashTag:m?.hashTag,"itemFilter.itemId":m?.itemId,"itemFilter.itemType":m?.itemType,defaultSize:k,maxSize:k}).then(j=>{var L,z;D(j),S((z=(L=j?.recList)===null||L===void 0?void 0:L.filter(R=>R?.video!==null||R?.product!==null))!==null&&z!==void 0?z:[]),I(!1)}),A){const j=an;D(j),S((B=(F=j?.recList)===null||F===void 0?void 0:F.filter(L=>L?.video!==null||L?.product!==null))!==null&&B!==void 0?B:[]),I(!1)}},[m,C,k,A]);const $=()=>{var F,B;!((F=w?.tag)===null||F===void 0)&&F.link&&(E(),window.location.href=(B=w?.tag)===null||B===void 0?void 0:B.link)};return o.createElement(o.Fragment,null,x?o.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:f,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"list"},o.createElement("div",{className:"list-scroll",ref:M},p&&((e=w?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:$},o.createElement(qe,{className:de.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=w?.tag)===null||i===void 0?void 0:i.picture})),o.createElement("div",{className:"list-info",style:(n=h?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=w?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=w?.tag)===null||s===void 0)&&s.link),className:"list-collection",onClick:$,style:Object.assign(Object.assign({},(d=h?.textStyles)===null||d===void 0?void 0:d.hashTagLink),{marginBottom:h?.space})},((a=w?.tag)===null||a===void 0?void 0:a.linkTitle)||"Shop the collection"),o.createElement("div",{className:"list-content"},_?.map((F,B)=>o.createElement(Us,Object.assign({key:B,index:B,rec:F,list:_,reportTagsView:E},h)))),o.createElement("div",{hidden:!N,style:{textAlign:"center"}},"loading..."),o.createElement("div",{hidden:!(!((r=w?.tag)===null||r===void 0)&&r.link),style:{height:!((u=w?.tag)===null||u===void 0)&&u.link?((c=h?.buttonBgStyle)===null||c===void 0?void 0:c.height)||((v=h?.buttonStyle)===null||v===void 0?void 0:v.height)||"100px":0}})),o.createElement("div",{className:"list-bottom",hidden:!(!((g=w?.tag)===null||g===void 0)&&g.link),style:h?.buttonBgStyle}),o.createElement("div",{hidden:!(!((y=w?.tag)===null||y===void 0)&&y.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},h?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{"aria-label":((b=w?.tag)===null||b===void 0?void 0:b.linkTitle)||"Shop the collection",className:"list-btn",style:h?.buttonStyle,onClick:$},((T=w?.tag)===null||T===void 0?void 0:T.linkTitle)||"Shop the collection"))))}const $s=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:l,swiperRef:s,setWaterFallData:d,cacheRtcList:a,setRtcList:r,cacheActiveIndex:u,rtcList:c,setCacheRtcList:v,setIsFromHashtag:g,isFromHashtag:y,bffEventReport:b,themeTag:T,selectTag:E}=me(),{backMainFeed:p}=je();o.useRef(null);const h=o.useRef(null),[m,C]=o.useState();o.useEffect(()=>{const S=document.getElementById("sxp-render"),w=document.getElementById("water-fall");w?h.current=w:(h.current=document.createElement("div"),h.current.setAttribute("id","water-fall"),S?.appendChild(h.current))},[]);const k=()=>{const S=Ee.isEqual(c,a);!S&&a&&a?.length&&r?.(a),p("branch",E,void 0,i?.hashTag),_(),d?.(void 0),g?.(!1),setTimeout(()=>{var w,D;S||(D=(w=s?.current)===null||w===void 0?void 0:w.swiper)===null||D===void 0||D.slideTo(u,0,!1),n?.(!1)},0)},[f,A]=o.useState();o.useEffect(()=>{i&&A(i)},[i]);const _=o.useCallback(()=>{var S,w,D,x,I,M;const N=f?.rec;if(!N)return;let O="";y?O="hashTagPage":!((S=N?.video)===null||S===void 0)&&S.url?O="videoPage":!((D=(w=N?.video)===null||w===void 0?void 0:w.imgUrls)===null||D===void 0)&&D.length&&(O="imagePage"),b?.({eventInfo:{contentId:(x=N?.video)===null||x===void 0?void 0:x.itemId,position:u+"",contentTags:JSON.stringify((I=N?.video)===null||I===void 0?void 0:I.tags),traceInfo:(M=N?.video)===null||M===void 0?void 0:M.traceInfo,hashTags:JSON.stringify([f?.hashTag]),fromKName:O,fromKPage:location?.href,timeOnSite:Math.floor((new Date-m)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[f,b,m,y,u]);return o.useEffect(()=>{l&&C(new Date)},[l]),o.useEffect(()=>{const S=()=>{C(new Date)};return window.addEventListener("pageshow",S),()=>{window.removeEventListener("pageshow",S)}},[]),h.current?wi.createPortal(o.createElement("div",{className:"waterfall",style:{display:l?"block":"none"}},o.createElement(sn,{icon:Hs,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:k}),t?.openFixedSize===!0||t?.openFixedSize===void 0?o.createElement(Gs,Object.assign({reportTagsView:_},t)):o.createElement(Vs,Object.assign({reportTagsView:_},t))),h.current):null};var rn=o.memo($s);const Ws=t=>o.createElement(rn,Object.assign({},t));var Ys=o.memo(Ws);const qs=Ne(Ys,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:Ps,bindableProps:[]},defaulSetting:{props:{lineClamp:1,space:40,textStyles:{hashTagTitle:{fontSize:16,color:"#000"},hashTagDesc:{fontSize:12,textAlign:"center",color:"#000"},hashTagLink:{textAlign:"center",color:"#757575",fontSize:12,textDecoration:"underline"},title:{fontSize:12,color:"#000"},price:{fontSize:12,fontWeight:"bold",color:"#000"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25},buttonBgStyle:{backgroundColor:"#fff",height:52,paddingTop:20,paddingLeft:20,paddingRight:20,paddingBottom:20}}},w:100,h:40,sort:2});var Xs=[{title:"\u534F\u8BAE\u8BE6\u60C5",child:[{type:"Switch",label:"\u5FC5\u987B\u540C\u610F\u7528\u6237\u534F\u8BAE",name:["props","privacy_necessity"],extra:"\u5F53\u65B0\u7528\u6237\u8FDB\u5165\u9875\u9762\u65F6\uFF0C\u4F1A\u51FA\u73B0\u7528\u6237\u534F\u8BAE\u5F39\u7A97\uFF0C\u7528\u6237\u9700\u8981\u5148\u540C\u610F\u534F\u8BAE\u540E\u624D\u80FD\u8BBF\u95EE\u5185\u5BB9\u3002"},{type:"Text",label:"\u5F39\u7A97\u6807\u9898",name:["props","privacy_title"]},{type:"TextArea",label:"\u7528\u6237\u534F\u8BAE\u5F39\u7A97\u5185\u5BB9",name:["props","privacy_context"]},{type:"Group",label:"\u9690\u79C1\u653F\u7B56",child:[{type:"Text",name:["props","privacy_policy_title"]},{type:"Text",name:["props","privacy_policy_url"],addonBefore:"https://"}],extra:"\u5F53\u7528\u6237\u70B9\u51FB\u66F4\u591A\u4FE1\u606F\u6309\u94AE\u65F6\uFF0C\u5C06\u4F1A\u8DF3\u8F6C\u81F3\u8BBE\u7F6E\u7684\u94FE\u63A5\u67E5\u770B\u653F\u7B56\u5185\u5BB9"}]}];const dn=t=>o.createElement(dn,Object.assign({},t));var Js=o.memo(dn);const Ks=Ne(Js,{displayName:"Consent",icon:"",category:"base",type:"Consent",related:{settingRender:Xs},defaulSetting:{props:{},style:{}},w:100,h:40,sort:1});var gi=Object.freeze({__proto__:null,Appoint:es,AppointForm:Wn,Commodity:Jl,CommodityDetail:Ml,CommodityDetailDiroNew:Hl,CommodityDiro:ds,CommodityDiroNew:fs,Consent:Ks,HashTag:qs,Link:os,MultiCommodity:Cs,MultiCommodityDiro:ws,MultiCommodityDiroNew:As,Prompt:Rl});const Qs="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Zs="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",ea=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:l,position:s}=t,d=De(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:a,mutateUnlike:r,bffEventReport:u}=me(),[c,v]=o.useState(e),g=Ue(Zs),y=Ue(Qs),b=Ee.debounce(()=>Oe(void 0,void 0,void 0,function*(){var T,E,p,h,m,C,k,f,A,_,S,w,D,x,I,M,N,O,$,F;if(c){v(!1);const B=(p=yield r?.({videoItemId:(E=(T=l?.video)===null||T===void 0?void 0:T.itemId)!==null&&E!==void 0?E:""}))!==null&&p!==void 0?p:!1;u?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(m=(h=l?.video)===null||h===void 0?void 0:h.itemId)!==null&&m!==void 0?m:"",contentName:(k=(C=l?.video)===null||C===void 0?void 0:C.title)!==null&&k!==void 0?k:"",contentTags:JSON.stringify((A=(f=l?.video)===null||f===void 0?void 0:f.tags)!==null&&A!==void 0?A:[]),position:s+"",contentFormat:!((_=l?.video)===null||_===void 0)&&_.url?"video":"image",traceInfo:(S=l?.video)===null||S===void 0?void 0:S.traceInfo}}),B||v(!0)}else{v(!0);const B=(w=yield a?.({content:JSON.stringify(l)}))!==null&&w!==void 0?w:!1;u?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(x=(D=l?.video)===null||D===void 0?void 0:D.itemId)!==null&&x!==void 0?x:"",contentName:(M=(I=l?.video)===null||I===void 0?void 0:I.title)!==null&&M!==void 0?M:"",contentTags:JSON.stringify((O=(N=l?.video)===null||N===void 0?void 0:N.tags)!==null&&O!==void 0?O:[]),position:s+"",contentFormat:!(($=l?.video)===null||$===void 0)&&$.url?"video":"image",traceInfo:(F=l?.video)===null||F===void 0?void 0:F.traceInfo}}),B||v(!1)}}),200);return o.createElement("button",Object.assign({},d,{"aria-label":"like",onClick:b}),o.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:c?i||g:n||y,alt:"icon"}))};var cn=o.memo(ea);const ta=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,videoRef:a})=>{const[r,u]=o.useState(!1),{bffEventReport:c,sxpParameter:v,waterFallData:g,openHashtag:y,bffFbReport:b}=me(),T=o.useRef(0),[E,p]=o.useState(!1),[h,m]=o.useState(!0),{isActive:C}=on(),k=o.useRef(null),[f,A]=o.useState(""),_=`pb-cache-video-${e}`,S=o.useRef(null),w=o.useMemo(()=>d?.mode==="2",[d]),D=o.useMemo(()=>{var V;return d?.mode==="2"?`translateY(-${50+((V=d?.offsetTop)!==null&&V!==void 0?V:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),x=o.useMemo(()=>{var V;return((V=t?.video)===null||V===void 0?void 0:V.cover)||f},[f,t]),I=o.useMemo(()=>w?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[w]),M=o.useMemo(()=>d?.bgWay==="1",[d]),N=o.useMemo(()=>M&&d?.bgColor?{backgroundColor:d?.bgColor}:{},[d,M]);o.useEffect(()=>{a&&(a.muted=l)},[l,a]);const O=o.useCallback(()=>{a&&a?.play()},[a]),$=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),F=o.useCallback(()=>{var V,H,ee,ue,oe,Y,J,X,W;if(!a)return;p(!0),u(!1);const K=n[e];if(K&&a?.duration){T.current=a?.currentTime||0;const ye=((V=a?.duration)!==null&&V!==void 0?V:0).toFixed(2),Ie=((H=a?.currentTime)!==null&&H!==void 0?H:0).toFixed(2),Ae=h?"0":"1";c?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ue=(ee=K?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&ue!==void 0?ue:"",contentName:(Y=(oe=K?.video)===null||oe===void 0?void 0:oe.title)!==null&&Y!==void 0?Y:"",playType:Ae,startTime:Ie,videoDuration:ye,contentTags:JSON.stringify((X=(J=K?.video)===null||J===void 0?void 0:J.tags)!==null&&X!==void 0?X:[]),position:e+"",contentFormat:"video",traceInfo:(W=K?.video)===null||W===void 0?void 0:W.traceInfo}}),m(!1)}},[c,n,e,h,a]),B=o.useCallback(()=>{var V;if(!a||f||!w||(a.style.objectFit="contain",!((V=t?.video)===null||V===void 0)&&V.cover||!k||!k.current||M))return;const H=()=>{const ee=k?.current,ue=ee.getContext("2d"),oe=window?.innerWidth,Y=window?.innerHeight;ee.height=Y,ee.width=oe,ue?.drawImage(a,0,0,ee.width,ee.height),A(ee.toDataURL())};H(),setTimeout(()=>{H()},500)},[a,M,t,f,w]),j=o.useCallback(()=>{a&&B()},[a,B]),L=o.useCallback(V=>()=>{if(!a||!E)return;const H=a?.paused;switch(V){case"start":if(!H)return;a?.play(),u(!1);break;case"pause":if(H)return;a?.pause(),u(!0);break;default:H?a?.play():a?.pause(),u(!H);break}},[E,a]),z=o.useCallback(()=>{var V,H,ee,ue,oe,Y,J,X,W;if(!a||s!==e)return;const K=n[e],ye=((V=a?.duration)!==null&&V!==void 0?V:0).toFixed(2),Ie=((H=a?.currentTime)!==null&&H!==void 0?H:0).toFixed(2);if(a?.duration){const Ae=(a?.currentTime-T.current).toFixed(2);c?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ue=(ee=K?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&ue!==void 0?ue:"",contentName:(Y=(oe=K?.video)===null||oe===void 0?void 0:oe.title)!==null&&Y!==void 0?Y:"",endTime:Ie,videoDuration:ye,playDuration:Ae,contentTags:JSON.stringify((X=(J=K?.video)===null||J===void 0?void 0:J.tags)!==null&&X!==void 0?X:[]),position:e+"",contentFormat:"video",traceInfo:(W=K?.video)===null||W===void 0?void 0:W.traceInfo}})}},[n,e,c,a,s]);o.useEffect(()=>{if(!C||!a)return;const V=t?.video.url;if(!V)return;const H=window?.Hls;if(V.includes(".m3u8"))if(H&&H.isSupported()){const Y=new H;Y.loadSource(V),Y.attachMedia(a)}else a.src=V;else a.src=V;u(!1);const ee=document.querySelector(`#${_}`),ue=document.querySelector("#player-container-id"),oe=document.querySelector("#player-container-id-copy");if(!(!ue&&!oe))return ee?.appendChild(ue||oe),a.setAttribute("x5-playsinline","true"),a.setAttribute("webkit-playsinline","true"),a?.addEventListener("loadedmetadata",j),a?.addEventListener("loadeddata",B),a?.addEventListener("playing",F),a?.addEventListener("pause",z),a?.addEventListener("ended",O),()=>{oe?.appendChild(ue),a?.removeEventListener("loadedmetadata",j),a?.removeEventListener("loadeddata",B),a?.removeEventListener("playing",F),a?.removeEventListener("pause",z),a?.removeEventListener("ended",O)}},[C,_,t,a]),o.useEffect(()=>{!a||!E||(C?(b?.({eventName:"ViewContent"}),a?.play()):a?.pause())},[C,E,a]),o.useEffect(()=>{if(!C||!a)return;!a?.paused&&y?a?.pause():y||a?.play()},[y,C,a]),o.useEffect(()=>{if(!C)return;const V=()=>{L("start")(),b?.({eventName:"ViewContent"})},H=L("pause");return tt.on(We.PAGE_DID_SHOW,V),tt.on(We.PAGE_DID_HIDE,H),()=>{tt.off(We.PAGE_DID_SHOW,V),tt.off(We.PAGE_DID_HIDE,H)}},[L,C]);const R=o.useMemo(()=>!v?.placeholder_image||E?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image,alt:"placeholder image"}),[E,v?.placeholder_image]);return o.useEffect(()=>{if(!a)return;const V=()=>{var H;s===e&&(!((H=t?.video)===null||H===void 0)&&H.url)&&a&&!r&&L("pause")()};return window.addEventListener("beforeunload",V),()=>{window.removeEventListener("beforeunload",V)}},[s,e,t,a,L,r]),t?.video?o.createElement(o.Fragment,null,w?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:L(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},N)},!M&&o.createElement(qe,{src:x,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},I)}),o.createElement("canvas",{ref:k,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:D,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},o.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",alt:"pause",src:$}))),R):o.createElement("div",{className:"video-container",key:t?.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:L()},o.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),R,o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:$,alt:"pause"}))):null};var ia=o.memo(ta);const na=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:l})=>{const[s,d]=o.useState(t),a=r=>{r.stopPropagation();const u=!s;d(u),n?.(u)};return o.createElement("button",{style:l,"aria-label":"toggle button",className:"pb-toggle-button",onClick:a},o.createElement("img",{className:"pb-toggle-button-icon",alt:"toggle image",src:s?e:i}))};var un=o.memo(na);const oa=({imageUrl:t,style:e})=>{const[i,n]=o.useState(!0);et(),o.useEffect(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const l=Ue("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),s=o.useMemo(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return o.createElement("div",{hidden:!i,className:`pb-finger-wrap ${s}`,style:e},o.createElement("img",{src:t||l,alt:"finger swiper"}))},pn=t=>{const{src:e,height:i,imgUrlsPostConfig:n,onShowFirstImage:l}=t,s=o.useMemo(()=>n?.mode==="2",[n]),d=o.useMemo(()=>{var c;return n?.mode==="2"?`translateY(-${50+((c=n?.offsetTop)!==null&&c!==void 0?c:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),a=o.useMemo(()=>s?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[s]),r=o.useMemo(()=>n?.bgWay==="1",[n]),u=o.useMemo(()=>r&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,r]);return o.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},u)},(!s||!r)&&o.createElement(qe,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},a),onLoad:l}),s&&o.createElement(qe,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:d,left:0,right:0}}))},la=({imgUrls:t,width:e,height:i,rec:n,index:l,onReportViewImageEnd:s,onViewImageStartEvent:d,imgUrlsPostConfig:a})=>{var r;const u=o.useRef(),{isActive:c}=on(),{sxpParameter:v,openHashtag:g}=me(),[y,b]=o.useState(!1);o.useEffect(()=>{y&&c?(u?.current&&u.current.swiper.autoplay.start(),g?s(n):d(l)):u?.current&&u.current.swiper.autoplay.stop()},[n,c,s,g,l,d,y]);const T=o.useCallback(()=>{y||b(!0)},[y]);return o.createElement(vt,{ref:u,defaultValue:0,direction:"horizontal",modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((r=a?.delay)!==null&&r!==void 0?r:3)*1e3}},t?.map((E,p)=>o.createElement(Qe,{key:p},o.createElement(pn,{src:!y&&p>0?"":E,height:i,imgUrlsPostConfig:a,onShowFirstImage:T}))))};var sa=o.memo(la);const aa=({tags:t,itemId:e,itemType:i,index:n,rec:l,hashTagStyle:s})=>{const[d,a]=o.useState(!1),{setWaterFallData:r,setOpenHashtag:u,setCacheActiveIndex:c,waterFallData:v,setIsFromHashtag:g}=me(),y=b=>{v?g?.(!0):c?.(n),r?.(i?{hashTag:b,itemId:e,itemType:i,rec:l}:{hashTag:b,rec:l}),u?.(!0)};return o.useMemo(()=>t.length<=6?null:o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>a(!d)},d?"show less":"show more"),[d,t]),o.createElement("div",{className:"clc-sxp-bottom-hashtag"},o.createElement(Nt,null,t?.map((b,T)=>o.createElement(Qe,{key:T,hidden:d?!1:T>=6,className:"clc-sxp-bottom-hashtag-item",style:s,onClick:()=>y(b)},`#${b}`))))};var vn=o.memo(aa),ra="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAbtJREFUeF7t2DFKxFAQxvHv6xTxCoKNiAuCna2X2NY7eAE9hYdwj2BjZ2ulYLW9pQcYDWyxBIK7ZN7MNyapk/D+v8zC20dM/OLE+zEDzBMwcYH5J1BpAMzsAMAJyU+vdZeZADN7AHAH4BjAC8kbD4QSAJv4+17wFcm3sQjyAGbWhXdff/takzwdG989Lw0wEN+te0ly9a8BIuJlJyAqXhIgMl4OIDpeCiAjXgYgK14CIDM+HSA7PhVgYHvrusnZZaOUshNUiU+ZAKX4cAC1+FAAxfgwANX4EADl+OYA6vFNASrENwOoEt8EoFK8O0C1eFcAMzsE8AXgqLcHdzvA3GVvv+89bv8FzOwcwEdvASuSy30XFXm/G0C3aDN7BXBdCcEb4ALAE4BFFQRXgM0UlEJwB6iG0ASgEkIzgCoITQEqIDQHUEcIAVBGCANQRQgFUEQIB1BDSAFQQkgDUEFIBVBASAfIRpAAyESQAchCkALIQJADiEaQBIhEkAWIQpAG+ANh8Xvk/j72CF0eYABhDeCS5PckALYQbgGcAXgm+Tg2vnu+xAR4hA69YwZoqVvh3fMEVPhKLdc4+Qn4AXwYBFBN2dYpAAAAAElFTkSuQmCC";function Bt(t){return o.memo(function(e){const{$store:i}=Pn(),n=s=>{let d=s;const a=s.match(/{{.*?}}/g);return a?.length&&a.forEach(r=>{r.replace(/{{\s*([\w.]+)\s*}}/g,(u,c)=>{if(c){const v=Ee.get(i,c);return d=d.replace(r,v),v}})}),d},l=o.useMemo(()=>{var s,d,a;const{bindDatas:r}=e,u=De(e,["bindDatas"]);if((s=r?.forEach)===null||s===void 0||s.call(r,c=>{if(c?.propKey&&c?.dataPath){const{propKey:v,dataPath:g}=c;g.replace(/{{\s*([\w.]+)\s*}}/g,(y,b)=>{var T,E;if(b){const p=(E=(T=Ee.get(i,b))!==null&&T!==void 0?T:e[v])!==null&&E!==void 0?E:"";return u[v]=p,p}})}}),u){u.eventMap={};const c=Ee.cloneDeep(u.event)||{};for(const v in c)if(Object.prototype.hasOwnProperty.call(c,v))try{c[v].value=n(c[v].value),u.eventMap[v]=new Function(c[v].value)}catch{}}return!((a=(d=u?.event)===null||d===void 0?void 0:d.onClick)===null||a===void 0)&&a.linkType&&(u.style.cursor="pointer"),u},[i,e]);return o.createElement(t,Object.assign({},l,l.eventMap))})}const da=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:l}=et(),s=o.useMemo(()=>{var d,a,r,u,c,v,g,y,b,T,E,p,h,m,C,k,f,A,_,S,w,D,x,I,M,N,O,$,F,B,j;if(!t?.video)return null;let L=null;!((a=(d=t?.video)===null||d===void 0?void 0:d.bindProducts)===null||a===void 0)&&a.length?L="\u591A\u5546\u54C1CTA":!((r=t?.video)===null||r===void 0)&&r.bindProduct?L="\u5546\u54C1CTA":L=(c=(u=t?.video)===null||u===void 0?void 0:u.bindCta)===null||c===void 0?void 0:c.itemId;const z=i?.[L];if(((v=z?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((g=t?.video)===null||g===void 0)&&g.bindProduct)||((y=z?.item)===null||y===void 0?void 0:y.type)==="Commodity"&&!(!((b=t?.video)===null||b===void 0)&&b.bindProduct)||((T=z?.item)===null||T===void 0?void 0:T.type)==="CommodityDiroNew"&&!(!((E=t?.video)===null||E===void 0)&&E.bindProduct)||((p=z?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((m=(h=t?.video)===null||h===void 0?void 0:h.bindProducts)===null||m===void 0)&&m.length)||((C=z?.item)===null||C===void 0?void 0:C.type)==="MultiCommodityDiro"&&!(!((f=(k=t?.video)===null||k===void 0?void 0:k.bindProducts)===null||f===void 0)&&f.length)||((A=z?.item)===null||A===void 0?void 0:A.type)==="MultiCommodityDiroNew"&&!(!((S=(_=t?.video)===null||_===void 0?void 0:_.bindProducts)===null||S===void 0)&&S.length))return null;if(z&&n){const R=n[(w=z?.item)===null||w===void 0?void 0:w.type],V=Bt(R),H=(D=R?.extend)===null||D===void 0?void 0:D.defaulSetting,ee=((M=(I=(x=z?.item)===null||x===void 0?void 0:x.event)===null||I===void 0?void 0:I.onClick)===null||M===void 0?void 0:M.linkType)==="externalLink";return o.createElement(V,Object.assign({style:Object.assign(Object.assign(Object.assign({},H?.style),(N=z?.item)===null||N===void 0?void 0:N.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},H?.textStyle),(O=z?.item)===null||O===void 0?void 0:O.textStyle),bindDatas:(F=($=z?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&F!==void 0?F:[]},H?.props,(B=z?.item)===null||B===void 0?void 0:B.props,{event:((j=z?.item)===null||j===void 0?void 0:j.event)||{},schema:l,id:z?.id,key:z?.id,recData:t,isExternalLink:ee,index:e}))}else return null},[t,n,i,l]);return o.createElement(o.Fragment,null,s)};var fn=o.memo(da);const mn=({nudge:t})=>{var e,i,n,l,s,d,a;return o.createElement(o.Fragment,null,t?.isOpen&&o.createElement("div",{className:"clc-sxp-bottom-nudge",style:{marginBottom:(e=t?.marginBottom)!==null&&e!==void 0?e:5,width:(n=(i=t?.size)===null||i===void 0?void 0:i.width)!==null&&n!==void 0?n:212,height:(s=(l=t?.size)===null||l===void 0?void 0:l.height)!==null&&s!==void 0?s:38,backgroundColor:t?.backgroundColor,borderRadius:(d=t?.borderRadius)!==null&&d!==void 0?d:4}},t?.icon?o.createElement("img",{src:t.icon,alt:"nudge icon",style:{height:"100%",objectFit:"cover",flexShrink:0}}):null,o.createElement("p",{style:Object.assign(Object.assign({},t?.textStyle),{textWrap:"nowrap",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",flex:1,marginBottom:0})},(a=t?.content)!==null&&a!==void 0?a:"")))},ca=({tagList:t=[],setActiveIndex:e})=>{const{getRecommendVideos:i,setRtcList:n,setCacheRtcList:l,setCacheActiveIndex:s,setLoading:d,swiperRef:a,waterFallData:r,bffEventReport:u,selectTag:c,setSelectTag:v}=me(),{backMainFeed:g}=je(),y=o.useMemo(()=>[Et,...t],[t]),b=T=>()=>{if(T===c)return;T!=="FOR U"?u?.({eventInfo:{eventSubject:"clickThemeTagsViewContents",eventDescription:"click Theme Tags View Contents",themeTags:`['${T}']`}}):g("theme",T,c);let E;T!==Et&&(E=T),d?.(!0),i?.({themeTag:E}).then(p=>{var h,m,C,k;tt.emit(We.CHANGE_THEME_TAG,E),n?.((h=p?.recList)!==null&&h!==void 0?h:[]),l?.((m=p?.recList)!==null&&m!==void 0?m:[]),e?.(0),s?.(0),(k=(C=a?.current)===null||C===void 0?void 0:C.swiper)===null||k===void 0||k.slideTo(0)}).finally(()=>{d?.(!1)}),v?.(T)};return r||t.length<=0?null:o.createElement("div",{className:"clc-sxp-tagbar"},o.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},y.map(T=>o.createElement("li",{className:`clc-sxp-tagbar-list-item ${T===c?"clc-sxp-tagbar-list-item-active":""}`,key:T,onClick:b(T)},T))))};var hn=o.memo(ca);const gn=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:l,resolver:s,data:d=[],ctaType:a,tipText:r,nudge:u,_schema:c,hashTagStyle:v,tagList:g=[],licenseUrl:y})=>{var b,T,E,p,h,m,C,k,f,A;const{schema:_}=et(),[S,w]=o.useState(0),D=o.useRef(0);o.useState(!1);const[x,I]=o.useState(!0),M=o.useRef(),[N,O]=o.useState(!1),[$,F]=o.useState(!1),{loadVideos:B,bffEventReport:j,loading:L,setPopupDetailData:z,ctaEvent:R,swiperRef:V,waterFallData:H,setOpenHashtag:ee,appDomain:ue,openHashtag:oe,loadingImage:Y,isFromHashtag:J,popupDetailData:X,bffFbReport:W,curTime:K,h5EnterLink:ye,isShowConsent:Ie,selectTag:Ae}=me(),{backMainFeed:Fe}=je(),se=o.useRef(),{productView:le}=je(),fe=o.useMemo(()=>d.length>0&&!L&&Ln(),[d,L]);o.useEffect(()=>{Ci()},[]),o.useEffect(()=>{if(d?.length>0){const P=new Date;M.current=P,W?.({eventName:"PageView"})}},[d?.length]);const re=o.useCallback(()=>{if(Ci(),ye?.(),d.length>0){const P=new Date;M.current=P,W?.({eventName:"PageView"})}},[d.length,W,ye]),ae=o.useRef();o.useEffect(()=>{var P,ie,q,te;!ae.current&&se?.current&&d?.length>0&&(ae.current=!0,!((ie=(P=d?.[0])===null||P===void 0?void 0:P.video)===null||ie===void 0)&&ie.url&&(se.current.src=(te=(q=d?.[0])===null||q===void 0?void 0:q.video)===null||te===void 0?void 0:te.url))},[se,d]),o.useEffect(()=>{var P;const ie=d?.findIndex(q=>{var te,pe,ve,Q,Z,we,xe,Me,Se;return a==="\u591A\u5546\u54C1CTA"?((te=q?.video)===null||te===void 0?void 0:te.bindProducts)&&((ve=(pe=q?.video)===null||pe===void 0?void 0:pe.bindProducts)===null||ve===void 0?void 0:ve.length)>0:a==="\u5546\u54C1CTA"?(Q=q?.video)===null||Q===void 0?void 0:Q.bindProduct:((we=(Z=q?.video)===null||Z===void 0?void 0:Z.bindCta)===null||we===void 0?void 0:we.itemId)===a&&(((xe=q?.video)===null||xe===void 0?void 0:xe.url)||((Se=(Me=q?.video)===null||Me===void 0?void 0:Me.imgUrls)===null||Se===void 0?void 0:Se.length))})||0;(P=V?.current)===null||P===void 0||P.swiper.slideTo(ie)},[a,V]),o.useEffect(()=>{const P=d?.[S],ie=()=>{var q,te,pe,ve,Q,Z,we,xe,Me,Se,ke,rt,dt,ct,ot,gt;const He=!oe&&!Ie;if(document.visibilityState==="hidden"){He&&(tt.emit(We.PAGE_DID_HIDE,P),G(P),ge(P));let ut="";X&&(!((te=(q=P?.video)===null||q===void 0?void 0:q.bindProducts)===null||te===void 0)&&te.length||!((pe=P?.video)===null||pe===void 0)&&pe.bindProduct)?ut="pdpPage":X&&((we=l?.[(Z=(Q=(ve=P?.video)===null||ve===void 0?void 0:ve.bindCta)===null||Q===void 0?void 0:Q.itemId)!==null&&Z!==void 0?Z:""].item)===null||we===void 0?void 0:we.type)==="Appoint"?ut="formPage":J?ut="hashTagPage":!((xe=P?.video)===null||xe===void 0)&&xe.url?ut="videoPage":!((Me=P?.video)===null||Me===void 0)&&Me.imgUrls&&(!((ke=(Se=P?.video)===null||Se===void 0?void 0:Se.imgUrls)===null||ke===void 0)&&ke.length)?ut="imagePage":P?.product&&(ut="productPage"),j?.({eventInfo:{sessionDuration:Math.floor((new Date-K.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(rt=P?.video)===null||rt===void 0?void 0:rt.itemId,productId:(dt=P?.product)===null||dt===void 0?void 0:dt.itemId,position:S+"",fromKName:ut,fromKPage:location?.href,ctatId:(gt=(ot=(ct=P?.video)===null||ct===void 0?void 0:ct.bindCta)===null||ot===void 0?void 0:ot.itemId)!==null&&gt!==void 0?gt:""}})}else document.visibilityState==="visible"&&(re(),He&&(he(S),tt.emit(We.PAGE_DID_SHOW,P),Fe("external",Ae)))};return document.addEventListener("visibilitychange",ie),()=>{document.removeEventListener("visibilitychange",ie)}},[S,j,d,re,X,J,l,K,Fe,oe,Ie,Ae]);const Be=o.useMemo(()=>{let P=0;return g.length>0&&(P+=45,H&&(P-=45)),P},[g,H]),Ce=o.useMemo(()=>{let P=0;return t?.logoUrl&&t?.isShowLogo&&(P+=45),i-P-Be},[t,i,Be]),nt=o.useMemo(()=>t?.logoUrl&&t?.isShowLogo?o.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},o.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),Xe=o.useCallback((P,ie)=>{var q,te,pe,ve;return!((q=P?.video)===null||q===void 0)&&q.url?o.createElement(ia,{rec:P,index:ie,muted:x,data:d,height:Ce,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:se.current}):!((te=P?.video)===null||te===void 0)&&te.imgUrls?o.createElement(sa,{key:P?.video.itemId,imgUrls:P?.video.imgUrls,width:n,height:Ce,rec:P,index:ie,onReportViewImageEnd:G,onViewImageStartEvent:he,imgUrlsPostConfig:t?.imgUrlsPost}):P.product&&Array.isArray(t?.productPost)&&((pe=t?.productPost)===null||pe===void 0?void 0:pe.length)>0?(ve=t?.productPost)===null||ve===void 0?void 0:ve.map((Q,Z)=>{var we,xe,Me,Se,ke,rt,dt,ct;const ot=s[(we=Q?.item)===null||we===void 0?void 0:we.type],gt=Bt(ot),He=(xe=ot?.extend)===null||xe===void 0?void 0:xe.defaulSetting;return o.createElement(gt,Object.assign({key:`${ie}${Z}`,textStyle:Object.assign(Object.assign({},He?.textStyle),(Me=Q?.item)===null||Me===void 0?void 0:Me.textStyle),bindDatas:(ke=(Se=Q?.item)===null||Se===void 0?void 0:Se.bindDatas)!==null&&ke!==void 0?ke:[]},He?.props,(rt=Q?.item)===null||rt===void 0?void 0:rt.props,{event:((dt=Q?.item)===null||dt===void 0?void 0:dt.event)||{},schema:_,id:Q?.id,viewTime:M.current,rec:P,isPost:!0,tipText:r,style:Object.assign(Object.assign(Object.assign({},He?.style),(ct=Q?.item)===null||ct===void 0?void 0:ct.style),{height:"100%",overflow:"auto"}),index:ie}))}):null},[n,d,Ce,x,S,t?.productPost,M,r,s,_,se.current]),Ve=o.useCallback(P=>{F(P)},[]),St=o.useMemo(()=>$?{background:"linear-gradient( 180deg, rgba(129,129,129,0) 0%, rgba(121,121,121,0.5) 5%, #616161 100%)",paddingTop:20,paddingBottom:20}:{padding:"20px 0"},[$]),Tt=o.useCallback((P,ie)=>{var q,te,pe,ve,Q,Z,we;return P?.video?o.createElement(o.Fragment,null,((q=P?.video)===null||q===void 0?void 0:q.title)&&!$&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(mn,{nudge:u}),t?.isShowCTA===void 0||t?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(fn,{rec:P,index:ie,tempMap:l,resolver:s})):null,o.createElement("div",null,o.createElement(jt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:r?.foldText,unfoldText:r?.unfoldText,text:(pe=(te=P?.video)===null||te===void 0?void 0:te.title)!==null&&pe!==void 0?pe:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:Ve}),o.createElement(vn,{index:S,tags:(Q=(ve=P?.video)===null||ve===void 0?void 0:ve.hashTags)!==null&&Q!==void 0?Q:[],itemId:(Z=P?.video)===null||Z===void 0?void 0:Z.itemId,itemType:!((we=P?.video)===null||we===void 0)&&we.itemId?"VIDEO":null,rec:P,hashTagStyle:v})))):null},[e,S,l,s,r,u,v,t,Ve,$,St]),U=o.useCallback((P,ie)=>{var q,te,pe,ve;if(!t?.isShowLike)return;let Q=(q=t?.likeIconY)!==null&&q!==void 0?q:400;return H&&Q<40&&(Q+=40),P?.video?o.createElement(cn,{key:P.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:P.isCollected,recData:P,className:"clc-sxp-like-button",style:{[(te=t.likeIconXPosit)!==null&&te!==void 0?te:"right"]:(pe=t.likeIconX)!==null&&pe!==void 0?pe:0,[(ve=t.likeIconYPosit)!==null&&ve!==void 0?ve:"bottom"]:Q},position:ie}):null},[t,H]),G=P=>{var ie,q,te,pe,ve,Q;if(!(!((ie=P?.video)===null||ie===void 0)&&ie.url)&&(!((q=P?.video)===null||q===void 0)&&q.imgUrls)){const Z=Date.now(),we=(Z-D.current)/1e3;j?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(pe=(te=P?.video)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",contentName:(ve=P?.video.title)!==null&&ve!==void 0?ve:"",imageEndTime:`${Z}`,playDuration:`${we}`,contentTags:JSON.stringify((Q=P?.video.tags)!==null&&Q!==void 0?Q:[]),position:S+"",contentFormat:"image",traceInfo:P?.video.traceInfo}})}},ne=P=>{var ie,q,te,pe,ve,Q,Z,we,xe,Me;M.current=new Date;const Se=d[P.previousIndex];if(!Se)return;P.previousIndex-P.activeIndex<0?(j?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(q=(ie=Se?.video)===null||ie===void 0?void 0:ie.itemId)!==null&&q!==void 0?q:"",productId:(pe=(te=Se?.product)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",requestId:null}}),G(Se)):(j?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(Q=(ve=Se?.video)===null||ve===void 0?void 0:ve.itemId)!==null&&Q!==void 0?Q:"",productId:(we=(Z=Se.product)===null||Z===void 0?void 0:Z.itemId)!==null&&we!==void 0?we:"",requestId:null}}),G(Se)),ge(Se);const ke=d[P.activeIndex];!(!((xe=ke?.video)===null||xe===void 0)&&xe.url)&&!(!((Me=ke?.video)===null||Me===void 0)&&Me.imgUrls)&&ke?.product&&W?.({eventName:"ProductView"})},ge=P=>{var ie,q,te;!(!((ie=P?.video)===null||ie===void 0)&&ie.url)&&!(!((q=P?.video)===null||q===void 0)&&q.imgUrls)&&P?.product&&le(P,P.product,(te=P?.product)===null||te===void 0?void 0:te.bindCta,M.current,S)};o.useEffect(()=>{const P=d[S];oe&&ge(P)},[oe,d,S]);const he=P=>{var ie,q,te,pe,ve,Q;const Z=d[P];if(!(!((ie=Z?.video)===null||ie===void 0)&&ie.url)&&(!((q=Z?.video)===null||q===void 0)&&q.imgUrls)){const we=Date.now();D.current=we,j?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(pe=(te=Z?.video)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",contentName:(ve=Z?.video.title)!==null&&ve!==void 0?ve:"",imageStartTime:`${we}`,contentTags:JSON.stringify((Q=Z?.video.tags)!==null&&Q!==void 0?Q:[]),position:P+"",contentFormat:"image",traceInfo:Z?.video.traceInfo}}),W?.({eventName:"ViewContent"})}},Te=o.useMemo(()=>{var P;const ie=S===0?[(P=d?.[0])!==null&&P!==void 0?P:null]:d?.map((q,te)=>S===te||te-1===S||te+1===S?q:null);return H?ie:ie.concat([{loading:!0}])},[d,S,H]),be=o.useMemo(()=>L?o.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:Y,alt:"loading...",style:{objectFit:"contain"}})):Te?.map((P,ie)=>o.createElement(Qe,{key:ie,virtualIndex:ie},P&&o.createElement(o.Fragment,null,P?.loading?o.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:Y,alt:"loading...",style:{objectFit:"contain"}})):o.createElement(o.Fragment,null,Xe(P,ie),Tt(P,ie),U(P,ie))))),[n,d,Ce,L,Tt,Xe,Te,Y]),_e=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Ze=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return o.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},H&&o.createElement(sn,{icon:ra,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{ee?.(!0)}}),nt,o.createElement(hn,{tagList:g,setActiveIndex:w}),fe?o.createElement(oa,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((b=t?.swipeTipOffset)!==null&&b!==void 0?b:0)}%`}}):null,o.createElement(vt,{style:{marginTop:Be},ref:V,onSlideChange:()=>{V.current.swiper.allowTouchMove=!1,setTimeout(()=>{V.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:P=>{w(P.activeIndex),!oe&&(ne(P),!H&&P?.activeIndex+2>=d?.length&&(N||(O(!0),B?.(Math.ceil(S/10)+1).then(()=>{O(!1)}))))},direction:"vertical",height:Ce},o.createElement(un,{style:{position:"fixed",visibility:!((E=(T=d?.[S])===null||T===void 0?void 0:T.video)===null||E===void 0)&&E.url?"visible":"hidden",zIndex:999,[(p=t?.muteIconXPosit)!==null&&p!==void 0?p:"right"]:(h=t?.muteIconX)!==null&&h!==void 0?h:0,[(m=t?.muteIconYPosit)!==null&&m!==void 0?m:"bottom"]:(C=t?.muteIconY)!==null&&C!==void 0?C:23},defaultValue:x,activeIcon:t?.unMuteIcon?t?.unMuteIcon:_e,unactiveIcon:t?.muteIcon?t?.muteIcon:Ze,onChange:I}),be),o.createElement(rn,Object.assign({},(A=(f=(k=t?.hashTag)===null||k===void 0?void 0:k[0])===null||f===void 0?void 0:f.item)===null||A===void 0?void 0:A.props)),o.createElement("div",{style:{position:"absolute",zIndex:-100}},o.createElement("video",{ref:se,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",preload:"auto",controls:!1,muted:!0,style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),o.createElement("div",{id:"player-container-id-copy"})))},ua=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:l,index:s})=>o.createElement(vt,{defaultValue:0,direction:"horizontal",modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(d=>o.createElement(Qe,{key:d},o.createElement(pn,{src:d,height:i,imgUrlsPostConfig:n}))));var pa=o.memo(ua);const va=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,width:a})=>{const[r,u]=o.useState(!1),c=o.useRef(null),{bffEventReport:v,sxpParameter:g,waterFallData:y,openHashtag:b}=me(),T=o.useRef(0),[E,p]=o.useState(!1),[h,m]=o.useState(!0),C=o.useRef(null),[k,f]=o.useState("");o.useEffect(()=>{c.current&&(c.current.muted=l)},[l]);const A=o.useCallback(()=>{var B;(B=c.current)===null||B===void 0||B.play()},[]),_=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),S=o.useCallback(()=>{var B,j,L,z,R,V,H,ee,ue,oe,Y,J,X;u(!1);const W=n[e];if(W&&(!((B=c?.current)===null||B===void 0)&&B.duration)){T.current=((j=c?.current)===null||j===void 0?void 0:j.currentTime)||0;const K=((z=(L=c.current)===null||L===void 0?void 0:L.duration)!==null&&z!==void 0?z:0).toFixed(2),ye=((V=(R=c.current)===null||R===void 0?void 0:R.currentTime)!==null&&V!==void 0?V:0).toFixed(2),Ie=h?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ee=(H=W?.video)===null||H===void 0?void 0:H.itemId)!==null&&ee!==void 0?ee:"",contentName:(oe=(ue=W?.video)===null||ue===void 0?void 0:ue.title)!==null&&oe!==void 0?oe:"",playType:Ie,startTime:ye,videoDuration:K,contentTags:JSON.stringify((J=(Y=W?.video)===null||Y===void 0?void 0:Y.tags)!==null&&J!==void 0?J:[]),position:e+"",contentFormat:"video",traceInfo:(X=W?.video)===null||X===void 0?void 0:X.traceInfo}}),m(!1)}},[v,n,e,h]),w=o.useCallback(()=>{p(!0)},[]),D=o.useCallback(B=>()=>{var j,L,z,R,V;if(!E)return;const H=(j=c.current)===null||j===void 0?void 0:j.paused;switch(B){case"start":if(!H)return;(L=c.current)===null||L===void 0||L.play(),u(!1);break;case"pause":if(H)return;(z=c.current)===null||z===void 0||z.pause(),u(!0);break;default:H?(R=c.current)===null||R===void 0||R.play():(V=c.current)===null||V===void 0||V.pause(),u(!H);break}},[E]),x=o.useCallback(()=>{var B,j,L,z,R,V,H,ee,ue,oe,Y,J,X;const W=n[e],K=((j=(B=c.current)===null||B===void 0?void 0:B.duration)!==null&&j!==void 0?j:0).toFixed(2),ye=((z=(L=c.current)===null||L===void 0?void 0:L.currentTime)!==null&&z!==void 0?z:0).toFixed(2);if(!((R=c?.current)===null||R===void 0)&&R.duration){const Ie=(((V=c?.current)===null||V===void 0?void 0:V.currentTime)-T.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ee=(H=W?.video)===null||H===void 0?void 0:H.itemId)!==null&&ee!==void 0?ee:"",contentName:(oe=(ue=W?.video)===null||ue===void 0?void 0:ue.title)!==null&&oe!==void 0?oe:"",endTime:ye,videoDuration:K,playDuration:Ie,contentTags:JSON.stringify((J=(Y=W?.video)===null||Y===void 0?void 0:Y.tags)!==null&&J!==void 0?J:[]),position:e+"",contentFormat:"video",traceInfo:(X=W?.video)===null||X===void 0?void 0:X.traceInfo}})}},[n,e,v]),I=o.useMemo(()=>d?.mode==="2",[d]),M=o.useMemo(()=>{var B;return d?.mode==="2"?`translateY(-${50+((B=d?.offsetTop)!==null&&B!==void 0?B:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),N=o.useMemo(()=>{var B;return((B=t?.video)===null||B===void 0?void 0:B.cover)||k},[k,t]),O=o.useCallback(()=>{if(!C||!c||!c.current||!C.current)return;const B=c?.current,j=C?.current,L=j.getContext("2d"),z=window?.innerWidth,R=window?.innerHeight;j.height=R,j.width=z,L?.drawImage(B,0,0,j.width,j.height),f(j.toDataURL())},[]);o.useEffect(()=>{var B,j,L,z;if(c.current){if(u(!1),!c.current.src){const R=t?.video.url;if(R.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const V=new window.Hls;V.loadSource(R),V.attachMedia(c.current)}else c.current.canPlayType("application/vnd.apple.mpegurl"),c.current.src=R;else c.current.src=R;c.current.setAttribute("x5-playsinline","true"),c.current.setAttribute("webkit-playsinline","true")}return(B=c.current)===null||B===void 0||B.addEventListener("loadedmetadata",w),(j=c.current)===null||j===void 0||j.addEventListener("canplay",w),(L=c.current)===null||L===void 0||L.addEventListener("playing",S),(z=c.current)===null||z===void 0||z.addEventListener("loadeddata",O),()=>{var R,V,H,ee;(R=c.current)===null||R===void 0||R.removeEventListener("loadedmetadata",w),(V=c.current)===null||V===void 0||V.removeEventListener("canplay",w),(H=c.current)===null||H===void 0||H.removeEventListener("playing",S),(ee=c.current)===null||ee===void 0||ee.removeEventListener("loadeddata",O)}}},[w,S,t?.video,O]);const $=o.useMemo(()=>!g?.placeholder_image||E?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:g?.placeholder_image,alt:"video poster"}),[E,g?.placeholder_image]);o.useEffect(()=>{const B=()=>{var j,L;s===e&&(!((j=t?.video)===null||j===void 0)&&j.url)&&(!((L=c?.current)===null||L===void 0)&&L.src)&&!r&&D("pause")()};return window.addEventListener("beforeunload",B),()=>{window.removeEventListener("beforeunload",B)}},[s,e,t,c,D,r]);const F=o.useMemo(()=>I?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[I]);return t?.video?o.createElement(o.Fragment,null,I?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:a,height:i,overflow:"hidden"}},o.createElement(qe,{src:N,style:Object.assign({height:i,width:a,objectFit:"cover"},F)}),o.createElement("canvas",{ref:C,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:a,height:i,top:"50%",transform:M,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:a,height:"100%"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:A,style:{width:"100%",height:i,objectFit:"contain"}}),o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_,alt:"video pause image"}))),$):o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:a,height:i,overflow:"hidden"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:c,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:A}),$,o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_,alt:"video pause image"}))):null};var fa=o.memo(va);const bi={};Object.values(gi).forEach(t=>{bi[t.extend.type]=t});const ma="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",ha="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",ga=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:l,descStyle:s,hashTagStyle:d,containerHeight:a=664,containerWidth:r=375,appDomain:u,tagList:c=[]})=>{const v=o.useMemo(()=>{let f=0;return e?.logoUrl&&e?.isShowLogo&&(f+=45),c.length>0&&(f+=45),a-f},[e,a,c]),g=(f,A)=>{var _,S,w,D;if(!((_=f?.video)===null||_===void 0)&&_.url)return o.createElement(fa,{rec:f,index:A,muted:!0,width:r,data:t??[],height:v,activeIndex:A,videoPostConfig:e?.videoPost});if(!((S=f?.video)===null||S===void 0)&&S.imgUrls)return o.createElement(pa,{key:f?.video.itemId,imgUrls:f?.video.imgUrls,width:r,height:v,rec:f,index:A,imgUrlsPostConfig:e?.imgUrlsPost});if(f.product&&f.product&&Array.isArray(e?.productPost)&&((w=e?.productPost)===null||w===void 0?void 0:w.length)>0)return(D=e?.productPost)===null||D===void 0?void 0:D.map((x,I)=>{var M,N,O,$,F,B,j,L;const z=bi[(M=x?.item)===null||M===void 0?void 0:M.type],R=Bt(z),V=(N=z?.extend)===null||N===void 0?void 0:N.defaulSetting;return o.createElement(R,Object.assign({key:`${A}${I}`,textStyle:Object.assign(Object.assign({},V?.textStyle),(O=x?.item)===null||O===void 0?void 0:O.textStyle),bindDatas:(F=($=x?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&F!==void 0?F:[]},V?.props,(B=x?.item)===null||B===void 0?void 0:B.props,{event:((j=x?.item)===null||j===void 0?void 0:j.event)||{},id:x?.id,rec:f,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},V?.style),(L=x?.item)===null||L===void 0?void 0:L.style),{width:r,height:v,overflow:"auto"}),index:A}))})},y=o.useMemo(()=>e?.logoUrl&&e?.isShowLogo?o.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},o.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),b=(f,A)=>e?.isShowCTA===void 0||e?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(fn,{rec:f,index:A,tempMap:l,resolver:bi})):null,T=(f,A)=>{var _,S,w,D,x,I,M;return f?.video?o.createElement(o.Fragment,null,((_=f?.video)===null||_===void 0?void 0:_.title)&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(mn,{nudge:n}),b(f,A),o.createElement("div",null,o.createElement(jt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(w=(S=f?.video)===null||S===void 0?void 0:S.title)!==null&&w!==void 0?w:"",style:Object.assign(Object.assign({},s),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),o.createElement(vn,{index:A,tags:(x=(D=f?.video)===null||D===void 0?void 0:D.hashTags)!==null&&x!==void 0?x:[],itemId:(I=f?.video)===null||I===void 0?void 0:I.itemId,itemType:!((M=f?.video)===null||M===void 0)&&M.itemId?"VIDEO":null,rec:f,hashTagStyle:d}))):null},E=Ue(ha,u),p=Ue(ma,u),h=(f,A)=>{var _,S,w,D;if(!e?.isShowLike)return;let x=(_=e?.likeIconY)!==null&&_!==void 0?_:400;return x<40&&(x+=40),f?.video?o.createElement(cn,{key:f.position,activeIcon:(S=e?.likeIcon)!==null&&S!==void 0?S:E,unActicveIcon:(w=e?.unlikeIcon)!==null&&w!==void 0?w:p,position:A,active:f.isCollected,recData:f,className:"clc-sxp-like-button",style:{top:x,right:(D=e?.likeIconX)!==null&&D!==void 0?D:0}}):null},m=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",u),C=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",u),k=(f,A)=>{var _,S,w,D;return o.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},y,o.createElement(hn,{tagList:c}),o.createElement(un,{style:{position:"absolute",right:(_=e?.muteIconX)!==null&&_!==void 0?_:0,visibility:!((w=(S=t?.[A])===null||S===void 0?void 0:S.video)===null||w===void 0)&&w.url?"visible":"hidden",bottom:(D=e?.muteIconY)!==null&&D!==void 0?D:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:m,unactiveIcon:e?.muteIcon?e?.muteIcon:C}),g(f,A),T(f,A),h(f,A))};return o.createElement("div",{className:de.css({width:"100%",height:a,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((f,A)=>k(f,A)))};var ba=o.memo(ga);const ya=()=>{const{schema:t,resolver:e,popup:i}=et(),{setPopupDetailData:n,popupDetailData:l,bffEventReport:s}=me(),{productView:d}=je(),[a,r]=o.useState(),u=o.useRef(null);o.useEffect(()=>{const g=()=>{u.current=new Date};return g(),window.addEventListener("pageshow",g),()=>{window.removeEventListener("pageshow",g)}},[]),o.useEffect(()=>{i&&i?.id&&i?.id!==""&&(u.current=new Date,r(i))},[i]);const c=()=>{var g,y,b,T;if(!i||i?.id===""||!a||new Date-u.current<((g=i?.duration)!==null&&g!==void 0?g:0))return;r(Object.assign(Object.assign({},i),{id:""}));const E=l,p=(y=E?.video)===null||y===void 0?void 0:y.bindProduct,h=(T=(b=E?.video)===null||b===void 0?void 0:b.bindProduct)===null||T===void 0?void 0:T.bindCta;p&&h&&d(E,p,h,u.current,l?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=o.useMemo(()=>{var g,y,b;return(b=(y=(g=t?.sxpPageConf)===null||g===void 0?void 0:g.globalConfig)===null||y===void 0?void 0:y.popupList)===null||b===void 0?void 0:b.map((T,E)=>{var p,h,m,C,k,f,A,_,S,w,D,x,I,M,N;if(T?.id===i?.id){const O=e[(p=T?.item)===null||p===void 0?void 0:p.type],$=Bt(O),F=((C=(m=(h=T?.item)===null||h===void 0?void 0:h.event)===null||m===void 0?void 0:m.onClick)===null||C===void 0?void 0:C.linkType)==="externalLink",B=((A=(f=(k=T?.item)===null||k===void 0?void 0:k.event)===null||f===void 0?void 0:f.onClick)===null||A===void 0?void 0:A.linkType)==="popup",j=(_=O?.extend)===null||_===void 0?void 0:_.defaulSetting;return o.createElement($,Object.assign({key:E,style:Object.assign(Object.assign(Object.assign({},j?.style),(S=T?.item)===null||S===void 0?void 0:S.style),{width:(w=window.innerWidth)!==null&&w!==void 0?w:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},j?.textStyle),(D=T?.item)===null||D===void 0?void 0:D.textStyle),bindDatas:(I=(x=T?.item)===null||x===void 0?void 0:x.bindDatas)!==null&&I!==void 0?I:[]},j?.props,(M=T?.item)===null||M===void 0?void 0:M.props,{event:((N=T?.item)===null||N===void 0?void 0:N.event)||{},schema:t,id:T?.id,isExternalLink:F,isPopup:B,onClose:c}))}else return o.createElement(o.Fragment,null)})},[t,i,e,c]);return o.createElement(Lt,{popup:a,onClose:c,padding:0,modalStyle:{position:"fixed"}},v)},yi={};Object.values(gi).forEach(t=>{yi[t.extend.type]=t});const wa=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:l,appDomain:s,licenseUrl:d,enabledMetaConversionApi:a})=>{var r,u,c,v,g,y,b,T,E,p,h;const m=o.useMemo(()=>{var C;return location?.search?(C=location?.search)===null||C===void 0?void 0:C.replace("?",""):""},[]);return o.createElement(Ni,{resolver:yi,enableDataSource:!1,schema:t?.data,utmVal:m},o.createElement(Mi,{utmVal:m,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(u=(r=t?.sxp_parameter)===null||r===void 0?void 0:r.personalized_recommend)!==null&&u!==void 0?u:e,defaultSize:(v=(c=t?.sxp_parameter)===null||c===void 0?void 0:c.default_recommend)!==null&&v!==void 0?v:i,hashTagSize:(y=(g=t?.sxp_parameter)===null||g===void 0?void 0:g.hash_tag_size)!==null&&y!==void 0?y:n,loadingImage:l,appDomain:s,enabledMetaConversionApi:a,isShowTag:(E=(T=(b=t?.data)===null||b===void 0?void 0:b.sxpPageConf)===null||T===void 0?void 0:T.globalConfig)===null||E===void 0?void 0:E.isShowTag,globalConfig:(h=(p=t?.data)===null||p===void 0?void 0:p.sxpPageConf)===null||h===void 0?void 0:h.globalConfig,render:({rtcList:C,tagList:k})=>{var f;return o.createElement(o.Fragment,null,o.createElement(gn,Object.assign({},(f=t?.data)===null||f===void 0?void 0:f.sxpPageConf,{tagList:k,data:C,resolver:yi,licenseUrl:d})),o.createElement(ya,null))}}))};var Sa=o.memo(wa);const bn=o.createContext({}),Ta=({children:t,data:e})=>{var i,n,l,s,d,a,r,u,c,v,g,y,b;const[T,E]=o.useState(!1),[p,h]=o.useState(!1);return o.createElement(bn.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.personalized_recommend,placeholderImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.placeholder_image,hashTagSize:(d=e?.sxp_parameter)===null||d===void 0?void 0:d.hash_tag_size,loadingImage:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.loading_image,privacyContent:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.privacy_context,privacyNecessity:(u=e?.sxp_parameter)===null||u===void 0?void 0:u.privacy_necessity,privacyPolicyTitle:(c=e?.sxp_parameter)===null||c===void 0?void 0:c.privacy_policy_title,privacyPolicyUrl:(v=e?.sxp_parameter)===null||v===void 0?void 0:v.privacy_policy_url,privacyTitle:(g=e?.sxp_parameter)===null||g===void 0?void 0:g.privacy_title,template:(y=e?.sxp_parameter)===null||y===void 0?void 0:y.template,industry:(b=e?.sxp_parameter)===null||b===void 0?void 0:b.industry},appDomain:e?.appDomain,openHashtag:T,setOpenHashtag:E,openConsent:p,setOpenConsent:h}},t)};function xa(){return o.useContext(bn)}exports.DiyPortalPreview=ba,exports.EditorDataProvider=Ta,exports.Modal=Lt,exports.SxpDataSourceProvider=Mi,exports.SxpPageCore=Sa,exports.SxpPageRender=gn,exports.core=Fn,exports.default=An,exports.defaultSetting=Re,exports.materials=gi,exports.useEditorDataProvider=xa;
6
+ Made in Italy`})),J=o.useCallback(X=>X?.lineClamp?Object.assign(Object.assign({},X),{overflow:"hidden",WebkitLineClamp:X?.lineClamp,textOverflow:"ellipsis",display:"-webkit-box",webkitBoxOrient:"vertical"}):X,[]);return o.createElement("div",{className:"pb-commondityDiroNew"},o.createElement("div",Object.assign({ref:F,className:de.css(Object.assign({},b))},S),R&&((d=R?.homePage)===null||d===void 0?void 0:d.length)>0&&o.createElement(vt,{height:oe,modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"commondityDiroNew-swipe-item-active-bullet",clickableClass:k?.dotsAlign==="left"?"commondityDiroNew-swiper-clickable-left":"commondityDiroNew-swiper-clickable-center"},loop:!0,autoplay:{delay:k?.delay*1e3}},(a=R?.homePage)===null||a===void 0?void 0:a.map(X=>o.createElement(Qe,{key:X},o.createElement("div",{style:{overflow:"hidden",width:oe,height:oe}},o.createElement(qe,{style:{height:"100%",width:"100%",objectFit:"cover",display:"block",objectPosition:`50% ${k?.translateY?-k?.translateY+50:50}%`},src:X}))))),!(!((r=R?.homePage)===null||r===void 0)&&r.length)&&o.createElement("div",{className:de.css({position:"relative",height:0,width:"100%",paddingBottom:"100%",overflow:"hidden"})},o.createElement("img",{className:de.css({position:"absolute",left:0,top:0,objectFit:"cover",width:"100%"}),src:(u=w?.bottom_image)!==null&&u!==void 0?u:m,alt:"pdp image"})),o.createElement("div",{className:"pb-commondityDiroNew-content"},o.createElement("div",{className:"pb-commondityDiroNew-content-top"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-left"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-left-title",style:J(f?.title)},(c=R?.title)!==null&&c!==void 0?c:"Large Dior Toujours BagLarge"),o.createElement("div",{className:"pb-commondityDiroNew-content-collection",hidden:!!R&&(!R?.collection||R?.collection===""),style:J(f?.collection)},R?.collection||"Black Macrocannage CalfskinLarge")),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right"},o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!R&&!R?.price,style:J(f?.price)},ue),o.createElement("div",{className:"pb-commondityDiroNew-content-top-right-price",hidden:!!R&&!R?.taxInfo,style:J(f?.taxInfo)},(v=R?.taxInfo)!==null&&v!==void 0?v:"\u7A0E\u8D39"))),(!R||R?.link)&&o.createElement("button",{"aria-label":(g=V?.enTitle)!==null&&g!==void 0?g:"Shop now",onClick:ee,className:"pb-commondityDiroNew-btn",style:A},(y=V?.enTitle)!==null&&y!==void 0?y:"Shop now"),Y({isPost:h}))),o.createElement(Lt,{visible:B,onClose:()=>j(!1)},Y({isPost:!1})))};var Vl=o.memo(Fl);const Hl=Ne(Vl,{displayName:"\u5546\u54C1\u8BE6\u60C5",icon:"",category:"popup",type:"CommodityDetailDiroNew",related:{settingRender:zl},defaulSetting:{props:{swiper:{dotsAlign:"left",delay:3},commodityStyles:{price:{color:"#000",fontWeight:"bold",fontSize:13},title:{color:"#000",fontSize:13},collection:{color:"#757575",fontSize:13},info:{color:"#757575",fontSize:13},taxInfo:{color:"#000",fontWeight:"bold",fontSize:13,textAlign:"right"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25,marginTop:16,marginBottom:16}},style:{}},w:100,h:40,sort:1});var vi,fi,$e=[{title:"\u4E3B\u9898\u6837\u5F0F",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["style","width"],addonAfter:"W"},{type:"Number",name:["style","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["style","borderRadius"],max:100},{type:"Number",name:["style","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["style","backgroundColor"]},{label:"\u5185\u8FB9\u8DDD",type:"Number",name:["style","padding"],addonAfter:"px"},{label:"\u4E0EPost\u63CF\u8FF0\u8FB9\u8DDD",type:"Number",name:["style","marginBottom"],addonAfter:"px"}]},{title:"\u5546\u54C1\u56FE\u7247",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","img","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","img","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","img","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","img","borderRadius"],addonAfter:"px",max:100}]},{type:"Number",label:"\u4E0E\u53F3\u4FA7\u8FB9\u8DDD",addonAfter:"px",name:["props","ctaTempStyles","img","marginRight"]},{label:"\u5C45\u4E2D\u5782\u76F4\u504F\u79FB",type:"Number",name:["props","translateY"],min:-1e3,addonAfter:"%",initialValue:0}]},{title:"\u5546\u54C1\u6807\u9898\u6587\u672C",type:"commodityTitle",child:[{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","title","color"]},{type:"Select",options:ce,name:["props","ctaTempStyles","title","fontFamily"],initialValue:(vi=ce?.[0])===null||vi===void 0?void 0:vi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","title","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","title"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","title"]},{label:"\u95F4\u8DDD",type:"TextSpace",name:["props","ctaTempStyles","title"]}]},{title:"CTA\u6807\u9898",child:[{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","ctaTempStyles","ctaTitle","width"],addonAfter:"W"},{type:"Number",name:["props","ctaTempStyles","ctaTitle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","ctaTempStyles","ctaTitle","borderRadius"],max:100},{type:"Number",name:["props","ctaTempStyles","ctaTitle","borderRadius"],addonAfter:"px",max:100}]},{type:"Color",label:"\u80CC\u666F\u8272",name:["props","ctaTempStyles","ctaTitle","backgroundColor"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","ctaTempStyles","ctaTitle","color"]},{type:"Select",options:ce,name:["props","ctaTempStyles","ctaTitle","fontFamily"],initialValue:(fi=ce?.[0])===null||fi===void 0?void 0:fi.value},{type:"Number",addonAfter:"px",name:["props","ctaTempStyles","ctaTitle","fontSize"]}]},{label:"\u6837\u5F0F",type:"TextStyle",name:["props","ctaTempStyles","ctaTitle"]},{label:"\u5BF9\u9F50",type:"TextAlign",name:["props","ctaTempStyles","ctaTitle"]}]}],Ul=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Gl=t=>{var{rec:e,children:i,className:n,onClick:l,style:s,isExternalLink:d=!1,index:a}=t;De(t,["rec","children","className","onClick","style","isExternalLink","index"]);const r=o.useRef(null),{popup:u}=et(),{setPopupDetailData:c,ctaEvent:v}=me(),{jumpToWeb:g}=je(),y=Ee.throttle(()=>{var b,T,E,p,h,m,C,k;const f=(T=(b=e?.video)===null||b===void 0?void 0:b.bindProduct)!==null&&T!==void 0?T:e?.video;if(v?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},e,f,a),c?.(Object.assign(Object.assign({},e),{index:a})),d){if(!((p=(E=e?.video)===null||E===void 0?void 0:E.bindProduct)===null||p===void 0)&&p.link){const A=(h=e?.video)===null||h===void 0?void 0:h.bindCta,_=(m=e?.video)===null||m===void 0?void 0:m.bindProduct;g(e,_,A,a),window.location.href=window.getJointUtmLink((k=(C=e?.video)===null||C===void 0?void 0:C.bindProduct)===null||k===void 0?void 0:k.link)}}else l?.()},u?.duration);return o.createElement("div",{ref:r,className:n,style:s,onClick:y},i)};var wt=o.memo(Gl),$l={"tow-line-ellipsis":"index-module_tow-line-ellipsis__3bKKx"};function Wl(t){const e=o.useRef(null),[i,n]=o.useState(!1);return o.useEffect(()=>{e.current=new IntersectionObserver(([l])=>{n(l.isIntersecting)})},[]),o.useEffect(()=>{var l;return t?.current&&((l=e?.current)===null||l===void 0||l.observe(t?.current)),()=>{var s;(s=e?.current)===null||s===void 0||s.disconnect()}},[t]),i}const Yl=({src:t,rec:e,item:i,index:n,style:l,translateY:s,imgStyle:d})=>{const a=o.useRef(null),r=Wl(a),{ctaEvent:u}=me();o.useEffect(()=>{r&&t&&a?.current&&u?.({eventSubject:"ctaExposure",eventDescription:"The cta was shown to the user"},e,i,n)},[r,t,a,e,u,i,n]);const c=o.useMemo(()=>t?.includes(".avif")?t:`${t}?imrquality/rquality/40`,[t]);return o.createElement("div",{className:de.css(Object.assign({overflow:"hidden",flexShrink:0,backgroundColor:"#f2f2f2"},d))},o.createElement("div",{ref:a,hidden:!t,className:de.css({width:"100%",height:"100%"})},o.createElement(qe,{className:de.css(Object.assign({width:"100%",objectFit:"cover",height:"100%",display:"block",objectPosition:`50% ${s?-s+50:50}%`},l)),src:c})))};var at=o.memo(Yl);const ql=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:de.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:$l["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop Now")))};var Xl=o.memo(ql);const Jl=Ne(Xl,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"Commodity",related:{interactionRender:Ul,bindableProps:[],settingRender:$e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:1});var Kl=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const Ql=t=>{var e,i,n,l,s,d,{content:a,style:r,bgImg:u,recData:c,bottom_image:v,ctaTempStyles:g,isExternalLink:y,index:b}=t,T=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","index"]);const{sxpParameter:E}=me(),p=(e=c?.video)===null||e===void 0?void 0:e.bindCta,h=(n=(i=p?.icon)!==null&&i!==void 0?i:E?.bottom_image)!==null&&n!==void 0?n:v;return o.createElement(wt,Object.assign({isExternalLink:y,rec:c,className:de.css(Object.assign({alignItems:"center"},r)),style:{display:"flex"},index:b},T),o.createElement(at,{src:h,rec:c,item:(s=(l=c?.video)===null||l===void 0?void 0:l.bindProduct)!==null&&s!==void 0?s:c?.video,index:b,imgStyle:g?.img}),o.createElement("div",{className:de.css(Object.assign({overflow:"hidden",textOverflow:"ellipsis"},g?.ctaTitle))},(d=p?.enTitle)!==null&&d!==void 0?d:"Product Name"))};var Zl=o.memo(Ql);const es=Ne(Zl,{displayName:"\u9884\u7EA6\u8868\u5355",icon:"",category:"template",type:"Appoint",related:{interactionRender:Kl,settingRender:$e?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:30,height:30,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:44,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:6});var ts={"tow-line-ellipsis":"index-module_tow-line-ellipsis__nkBlU"};const is=t=>{var e,i,n,l,s,d,a,{content:r,style:u,bgImg:c,recData:v,bottom_image:g,ctaTempStyles:y,index:b}=t,T=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","index"]);const{sxpParameter:E,bffEventReport:p}=me(),{jumpToWeb:h}=je(),m=(e=v?.video)===null||e===void 0?void 0:e.bindCta,C=(i=v?.video)===null||i===void 0?void 0:i.bindProduct,k=()=>{m?.link&&(h(v,C,m,b),window.location.href=window.getJointUtmLink(m.link))},f=(l=(n=m?.icon)!==null&&n!==void 0?n:E?.bottom_image)!==null&&l!==void 0?l:g;return o.createElement(wt,Object.assign({index:b,rec:v,className:de.css(Object.assign({alignItems:"center"},u)),style:{display:"flex"}},T,{onClick:k}),o.createElement(at,{src:f,rec:v,item:(d=(s=v?.video)===null||s===void 0?void 0:s.bindProduct)!==null&&d!==void 0?d:v?.video,index:b,imgStyle:y?.img}),o.createElement("div",{className:de.css({display:"flex",alignItems:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:ts["tow-line-ellipsis"],style:y?.ctaTitle},(a=m?.enTitle)!==null&&a!==void 0?a:"Product Name")))};var ns=o.memo(is);const os=Ne(ns,{displayName:"\u8DF3\u8F6C\u6307\u5F15",icon:"",category:"template",type:"Link",related:{settingRender:$e?.filter(t=>t.type!=="commodityTitle"),bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},ctaTitle:{fontSize:12,color:"#fff",textAlign:"left",width:130,height:20}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:5});var ls=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],ss={"tow-line-ellipsis":"index-module_tow-line-ellipsis__yyHVb"};const as=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:de.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:ss["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop Now")))};var rs=o.memo(as);const ds=Ne(rs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"CommodityDiro",related:{interactionRender:ls,settingRender:$e,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:2});var cs=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],us={"tow-line-ellipsis":"index-module_tow-line-ellipsis__I-yCC"};const ps=t=>{var e,i,n,l,s,d,a,r,u,c,{content:v,style:g,bgImg:y,recData:b,bottom_image:T,ctaTempStyles:E,isExternalLink:p,translateY:h=0,index:m}=t,C=De(t,["content","style","bgImg","recData","bottom_image","ctaTempStyles","isExternalLink","translateY","index"]);const{sxpParameter:k}=me(),f=(e=b?.video)===null||e===void 0?void 0:e.bindProduct,A=(s=(l=(i=f?.cover)!==null&&i!==void 0?i:(n=f?.homePage)===null||n===void 0?void 0:n[0])!==null&&l!==void 0?l:k?.bottom_image)!==null&&s!==void 0?s:T;return o.createElement(wt,Object.assign({isExternalLink:p,rec:b,className:de.css(Object.assign({},g)),style:{display:"flex"},index:m},C),o.createElement(at,{src:A,rec:b,item:(a=(d=b?.video)===null||d===void 0?void 0:d.bindProduct)!==null&&a!==void 0?a:b?.video,index:m,translateY:h,imgStyle:E?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden"})},o.createElement("div",{className:us["tow-line-ellipsis"],style:E?.title},(r=f?.title)!==null&&r!==void 0?r:"Product Name"),o.createElement("div",{className:de.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},E?.ctaTitle))},(c=(u=f?.bindCta)===null||u===void 0?void 0:u.enTitle)!==null&&c!==void 0?c:"Shop now")))};var vs=o.memo(ps);const fs=Ne(vs,{displayName:"\u63A8\u8350\u5355\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"CommodityDiroNew",related:{interactionRender:cs,bindableProps:[],settingRender:$e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:13,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:14,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:2});var ms=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}];const hs=({children:t,isPadding:e=!0})=>o.createElement(vt,{direction:"horizontal",slidesPerView:"auto",freeMode:!0,mousewheel:!0,modules:[oo,no,io],style:{padding:e?"0 12px 0 20px":0}},t);var Nt=o.memo(hs),gs={"two-line-ellipsis":"index-module_two-line-ellipsis__SFQwJ"};const bs=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:E}=me(),{popup:p}=et(),{jumpToWeb:h}=je(),[m,C]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Ee.throttle(f=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(h(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},m?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f?.itemId,className:de.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:E?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:de.css({color:"#000",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:gs["two-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",borderRadius:"25px",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop Now"))))}))};var ys=o.memo(bs);const ws=Ne(ys,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u5706\u89D2\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiro",related:{interactionRender:ms,bindableProps:[],settingRender:$e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:80,height:20,backgroundColor:"rgba(0,0,0,1)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"#fff",marginBottom:8}},w:100,h:40,sort:4});var Ss=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],Ts={"two-line-ellipsis":"index-module_two-line-ellipsis__mdzn0"};const xs=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{sxpParameter:b}=me(),{ctaEvent:T,setPopupDetailData:E}=me(),{popup:p}=et(),[h,m]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),{jumpToWeb:C}=je(),k=Ee.throttle(f=>{T?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),E?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(C(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},h?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f.itemId,className:de.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:b?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"space-between",width:"100%",overflow:"hidden"})},o.createElement("div",{className:Ts["two-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:de.css(Object.assign({padding:"2px 7px",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop Now"))))}))};var Es=o.memo(xs);const Cs=Ne(Es,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u900F\u660E\u5E95",icon:"",category:"template",type:"MultiCommodity",related:{interactionRender:Ss,settingRender:$e,bindableProps:[]},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:3,width:60,height:60,marginRight:8},title:{fontSize:12,color:"#fff",textAlign:"left"},ctaTitle:{fontSize:10,color:"#fff",textAlign:"center",width:130,height:20,backgroundColor:"rgba(0,0,0,.5)"}}},style:{padding:7,width:236,height:74,borderRadius:3,backgroundColor:"rgba(0,0,0,.3)",marginBottom:8}},w:100,h:40,sort:3});var Is=[{title:"\u70B9\u51FB\u4E8B\u4EF6",child:[{type:"link",name:"onClick"}]}],_s={"tow-line-ellipsis":"index-module_tow-line-ellipsis__fselR"};const ks=t=>{var e,i,{content:n,style:l,bgImg:s,recData:d,onClick:a,bottom_image:r,ctaTempStyles:u,isExternalLink:c,index:v,translateY:g=0}=t,y=De(t,["content","style","bgImg","recData","onClick","bottom_image","ctaTempStyles","isExternalLink","index","translateY"]);const{ctaEvent:b,setPopupDetailData:T,sxpParameter:E}=me(),{popup:p}=et(),{jumpToWeb:h}=je(),[m,C]=o.useState((i=(e=d?.video)===null||e===void 0?void 0:e.bindProducts)!==null&&i!==void 0?i:[1,2]),k=Ee.throttle(f=>{b?.({eventSubject:"clickCta",eventDescription:"User clicked the CTA"},d,f,v),T?.(Object.assign(Object.assign({},d),{video:Object.assign(Object.assign({},d?.video),{bindProduct:f}),index:v})),c?f?.link&&(h(d,f,f.bindCta,v),window.location.href=window.getJointUtmLink(f.link)):a?.()},p?.duration);return o.createElement(Nt,{isPadding:!!d},m?.map(f=>{var A,_,S,w,D,x,I;return o.createElement(o.Fragment,null,d&&!f?.bindCta?null:o.createElement(Qe,Object.assign({key:f?.itemId,className:de.css(Object.assign(Object.assign({},l),{display:"flex",flexShrink:0,marginLeft:0,marginRight:"8px"}))},y,{onClick:()=>k(f)}),o.createElement(at,{src:(w=(S=(A=f?.cover)!==null&&A!==void 0?A:(_=f?.homePage)===null||_===void 0?void 0:_[0])!==null&&S!==void 0?S:E?.bottom_image)!==null&&w!==void 0?w:r,rec:d,item:f,index:v,translateY:g,imgStyle:u?.img}),o.createElement("div",{className:de.css({color:"#fff",display:"flex",flexDirection:"column",justifyContent:"center",width:"100%",overflow:"hidden",lineHeight:"20px"})},o.createElement("div",{className:_s["tow-line-ellipsis"],style:u?.title},(D=f?.title)!==null&&D!==void 0?D:"Product Name"),o.createElement("div",{className:de.css(Object.assign({textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap"},u?.ctaTitle))},(I=(x=f?.bindCta)===null||x===void 0?void 0:x.enTitle)!==null&&I!==void 0?I:"Shop now"))))}))};var Ds=o.memo(ks);const As=Ne(Ds,{displayName:"\u63A8\u8350\u591A\u5546\u54C1-\u767D\u5E95\u4E0B\u5212\u7EBF\u6309\u94AE",icon:"",category:"template",type:"MultiCommodityDiroNew",related:{interactionRender:Is,bindableProps:[],settingRender:$e},defaulSetting:{props:{ctaTempStyles:{img:{borderRadius:8,width:78,height:78,marginRight:16},title:{fontSize:12,color:"#000",textAlign:"left"},ctaTitle:{textDecoration:"underline",fontSize:12,fontWeight:"bold",color:"#000",textAlign:"left",width:150,height:20}}},style:{borderRadius:4,width:260,height:86,padding:4,backgroundColor:"rgba(255,255,255,0.75)",marginBottom:8}},w:100,h:40,sort:4});var mi,hi,Ps=[{title:"Banner",child:[{type:"Switch",label:"Banner\u56FE\u5F00\u5173",name:["props","showBanner"]}]},{title:"\u5361\u7247\u6837\u5F0F",child:[{type:"Number",label:"\u4E0A\u4E0B\u8FB9\u8DDD",name:["props","space"],addonAfter:"px"},{type:"Switch",label:"\u56FA\u5B9A\u5BBD\u9AD8",name:["props","openFixedSize"],initialValue:!0}]},{title:"\u6587\u672C\u8BBE\u7F6E",child:[{name:["props","textStyles"],type:"SelectLinkage",child:[{label:"\u5B57\u6BB5",type:"Select",options:[{label:"hashtag\u6807\u9898",value:"hashTagTitle"},{label:"hashtag\u63CF\u8FF0",value:"hashTagDesc"},{label:"hashtag\u63CF\u8FF0\u8D85\u94FE",value:"hashTagLink"},{label:"\u6807\u9898",value:"title"},{label:"\u4EF7\u683C",value:"price"}],name:["props","textStyles","field"],initialValue:"title"},{type:"Group",label:"\u6807\u9898\u5B57\u4F53",child:[{type:"Color",name:["color"]},{type:"Select",options:ce,name:["fontFamily"],initialValue:(mi=ce?.[0])===null||mi===void 0?void 0:mi.value},{type:"Number",addonAfter:"px",name:["fontSize"]}]},{label:"\u6807\u9898\u6837\u5F0F",type:"TextStyle"},{label:"\u6807\u9898\u5BF9\u9F50",type:"TextAlign"}]}]},{title:"\u6309\u94AE\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonStyle","backgroundColor"],initialValue:"#000"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonStyle","height"],addonAfter:"H"}]},{type:"Group",label:"\u5706\u89D2",child:[{type:"Slider",name:["props","buttonStyle","borderRadius"],max:100},{type:"Number",name:["props","buttonStyle","borderRadius"],addonAfter:"px",max:100}]},{type:"TextPadding",name:["props","buttonBgStyle"]},{type:"Group",label:"\u5B57\u4F53",child:[{type:"Color",name:["props","buttonStyle","color"],initialValue:"#fff"},{type:"Select",name:["props","buttonStyle","fontFamily"],options:ce,initialValue:(hi=ce?.[0])===null||hi===void 0?void 0:hi.value},{type:"Number",name:["props","buttonStyle","fontSize"],addonAfter:"px"}]},{type:"TextStyle",name:["props","buttonStyle"]},{type:"TextAlign",name:["props","buttonStyle"]}]},{title:"\u6309\u94AE\u80CC\u666F\u6837\u5F0F",child:[{type:"Color",label:"\u80CC\u666F\u8272",name:["props","buttonBgStyle","backgroundColor"],initialValue:"#fff"},{type:"Group",label:"\u5C3A\u5BF8",child:[{type:"Number",name:["props","buttonBgStyle","height"],addonAfter:"H"}]}]}];const Ms=({icon:t,styles:e,textStyle:i,onClose:n})=>{var l;const{waterFallData:s,setOpenHashtag:d}=me();return o.createElement("div",{className:"clc-sxp-nav",style:e},o.createElement("img",{className:"clc-sxp-nav-left",src:t,alt:"back button",onClick:n}),o.createElement("div",{className:"clc-sxp-nav-title",style:i},`#${(l=s?.hashTag)!==null&&l!==void 0?l:"\u6807\u9898"}`))};var sn=o.memo(Ms),Os=null,Ls="3d989325-e7d6-4a74-8a97-98febdf5b567",js=null,Ns=null,Bs={info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif.",link:"www.baidu.com",linkTitle:null,linkType:"WEB"},Rs=[{position:"0",isCollected:null,video:{itemId:"VIDEOY2BMu1710323630175",title:"A symbol of excellence, the Dior Toujours bag is reinterpreted in an unprecedented version. For the Dior spring-summer 2024 ready-to-wear collection, this exceptional accessory, dreamed up by Maria Grazia Chiuri, is dressed in irresistible crinkled leather featuring the iconic macrocannage motif. A new emblem of the virtuoso, perpetually reinvented savoir-faire of the Dior Ateliers.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOY2BMu1710323630175:default:3::branch:Handbags:0",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:0",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:0",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fswbY3wT0hCmrYkrqDzFKnHb3NMux1710323481052.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs3Ifqv7fk2Tn9nPtwOTO2YjxAuRO1710323470472.mp4",imgUrls:null,hashTags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"]},product:null,cta:null},{position:"1",isCollected:null,video:{itemId:"VIDEO6JCOb1710323364018",title:"Maria grazia chiuri's hallmark dior book tote offers an original take on elegance. Unveiled at the cruise 2024 fashion show, the refined style showcases the iconic blue dior oblique embroidery and calfskin. Designed to keep all the daily essentials organized, the interior is equipped with a zipped pocket and patch pockets.",tags:["Handbags","Manufacturing Craftsmanship","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO6JCOb1710323364018:default:3::branch:Handbags:1",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:1",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:1",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsAHlkdbqYj5F84o2faRzU1E3AvG11710323339209.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs7KIGk2IB0MsoDL1ANWB1Mb2hqu41710323314146.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"2",isCollected:null,video:null,product:{itemId:"M2820OTKVM911",title:"Large Dior Toujours Bag Black Cannage Tweed",tags:["Black","Women","Handbags","Bucket Bag","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2820OTKVM911:default:3::branch:Handbags:2",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:2",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsJTjyFchOFEJSTRYxXvL2XPU1dP61710238469418.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fstdFA1dFT55QjtQPU2qHNENo5peF1710836061716.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fs9xf8AlIApbHezVL3BsxjUGIrN231710836061181.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs9iZ20MjLAPkXmFKvD8HzhLaBJ671710238470272.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsSSodev3wicDfE1DYNWPQVeRjErt1710238464035.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fs3YAOuN6Pd9NFvH1Rdooj6eLI18S1710238465296.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240312/fsBwIEp6OzI49isvHgiKD0cPSFtrD1710238459007.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M2820OTKV_M911-large-dior-toujours-bag",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Fully embroidered with black textured tweed, it is accented by a blend of threads displaying the cannage motif. It showcases a spacious interior compartment with a matching pouch to organize the essentials, while a leather strap closure keeps items secure and the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4200,currency:"USD-$"},cta:null},{position:"3",isCollected:null,video:{itemId:"VIDEOOL1qU1709616182569",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Shoulder","Crossbody","Cross-body & Shoulder Bags","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOOL1qU1709616182569:default:3::branch:Handbags:3",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:3",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:3",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:null,url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsvbBN3IRfwctVIhdqgq3doWmhbb21710399187965.jpg"],hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"4",isCollected:null,video:null,product:{itemId:"S5909CTZQM928",title:"Saddle Shoulder Pouch Blue Dior Oblique Jacquard ",tags:["Saddle Bags","Handbags","Small-Leather-Goods","Small","Mini Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:S5909CTZQM928:default:3::branch:Handbags:4",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:4",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fs34CpwKJOyjEDgoHypoLYakF8oR31710316280669.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsLOSOEf9pmz7wKnFaifWNw3TZ7Gy1710316287874.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsWHmVcrzHKKj6EfhfnQkxYIOt20a1710316295683.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fslyBNMyQwjpjY4EKzyrqzTMlOGRQ1710316313161.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/S5909CTZQ",linkTitle:null,linkType:"WEB",info:null,price:4900,currency:"USD-$"},cta:null},{position:"5",isCollected:null,video:{itemId:"VIDEOrZguC1710324513737",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOrZguC1710324513737:default:3::branch:Handbags:5",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:5",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:5",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fstXNWStczbY8HbIKEqMwfCkv5CI51710324494939.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOqu34FxaJTdascLcj6DHoYIIAs01710324439851.mp4",imgUrls:null,hashTags:["Handbags","Dior Book Tote"]},product:null,cta:null},{position:"6",isCollected:null,video:null,product:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:6",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:6",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},cta:null},{position:"7",isCollected:null,video:{itemId:"VIDEOEtr621710300614047",title:"Unveiled at the spring-summer 2023 fashion show, the dior toujours bag is distinguished by a casual and practical design. Crafted in black calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette. T",tags:["Handbags","Leather Strap","Spring-Summer 2024 Fashion Show","Backstage","Dior Toujours Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOEtr621710300614047:default:3::branch:Handbags:7",bindCta:null,bindProduct:null,bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fshkOldZwfsSqTgvxHJzNBwS66ySc1710300910103.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsryDXTtPWXjYFWoSUEBUi48RHZCh1710398617300.jpg"],hashTags:["Backstage","Handbags","Spring-Summer 2024 Fashion Show","Dior Toujours Bag"]},product:null,cta:null},{position:"8",isCollected:null,video:{itemId:"VIDEOO8Zjt1709616802987",title:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",tags:["Blue","Medium","Shoulder","Hand","Handbags","Dior Book Tote"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOO8Zjt1709616802987:default:3::branch:Handbags:8",bindCta:null,bindProduct:{itemId:"M1296ZRIWM828",title:"Medium Dior Book Tote",tags:["Maria Grazia Chiuri","Hand","Shoulder","Handbags","Blue","Women"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1296ZRIWM828:default:3::branch:Handbags:8",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:8",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fs69g46K9wPCwi5VRAP2QAgRHM0Pc1709696901624.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsAIliGV0ZJP8MNa8DECYtwsK4ker1709696900761.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsMJ4JfZ0Vhzq6H71NdIPg6YozbIz1709696897845.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240306/fsWXI06zGOmACXn9wD3EegRLkB7dg1709696911033.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"Introduced by Maria Grazia Chiuri, Creative Director of Christian Dior, the Dior Book Tote has become a staple of the Dior aesthetic. Designed to hold all the daily essentials, the style is fully embroidered with the ecru and blue Dior Oblique motif. Adorned with the Christian Dior Paris signature on the front, the medium tote exemplifies the House's signature savoir-faire and may be carried by hand or worn over the shoulder.",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsmS72zfInwmblYTnuYzRuZKAOlhr1709616742898.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsU2gDw28XFd1nOAqlUjb1r1h6mpT1710400349981.jpg"],hashTags:["Dior Book Tote","Handbags"]},product:null,cta:null},{position:"9",isCollected:null,video:null,product:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:9",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:9",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},cta:null},{position:"10",isCollected:null,video:{itemId:"VIDEOesZlV1710323980494",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOesZlV1710323980494:default:3::branch:Handbags:10",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:10",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:10",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsiwMQ88zO5Xdnl939krMyBMbz7Js1710323763013.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsxyS8nr7nn0LMe7EqOt3ETXqLu7d1710323753073.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"11",isCollected:null,video:{itemId:"VIDEOdvsXq1710324342942",title:"New for summer 2024, the lady d-sire my abcdior bag draws inspiration from the signature elegance of the lady dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal d.i.o.r. Charms that highlight the silhouette.",tags:["Summer 2024","Lady Dior","Casual","Lightweight","Medium","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOdvsXq1710324342942:default:3::branch:Handbags:11",bindCta:null,bindProduct:{itemId:"M1151OTRLM900",title:"Medium Lady D-Sire My ABCDior Bag",tags:["Handbags","Summer 2024","Lady Dior","Black","Medium","Women","Lady D-Sire"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M1151OTRLM900:default:3::branch:Handbags:11",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:11",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBvqPYhaE9Ct1JzBd4gm8g9YOiAZ1710499102900.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6sf9nB7WpJuLNIZT3c8O8Fmf3Gu1710499102936.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsSxYBxyVx2yRrUgEaYmarWhlUbk41710499102531.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsyhykK1B7W9613MAfipfIuE1foim1710499102345.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs6FXJdaXib8lP0NPloe1XQGpoiKc1710499103268.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsCRx7T4ejNvgKNensH6LT4dPt6251710499103615.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M1151OTRL_M900-medium-lady-d-sire-my-abcdior-bag-black-bull-leather?objectID=M1151OTRL_M900&query=M1151OTRLM900&queryID=e82938220687c425c75277a7c526b932",linkTitle:null,linkType:"WEB",info:"New for Summer 2024, the Lady D-Sire My ABCDior bag draws inspiration from the signature elegance of the Lady Dior design. Reimagined with a casual style for an urban look, the lightweight black grained bull leather feels soft to the touch yet offers excellent durability. The medium bag is embellished with pale gold-finish metal D.I.O.R. charms that highlight the silhouette. Showcasing a shoulder strap that can be personalized by adding symbolic badges, the unique bag can be carried by hand or w",price:6100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsOsdUSXr57U5Twhhkv17th3yHqBJ1710324292456.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsZyr3slVtlsParX6D0DqsM0QEx8d1710324283147.mp4",imgUrls:null,hashTags:["Summer 2024","Lady Dior","Handbags"]},product:null,cta:null},{position:"12",isCollected:null,video:{itemId:"VIDEOy76Fr1710324746846",title:"Maria grazia chiuri brings a fresh update to the iconic saddle bag. Crafted in black grained calfskin, the legendary design features a saddle flap with a d stirrup clasp on a magnetic strap, as well as an antique gold-finish metal cd signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the saddle bag may be carried by hand, worn over the shoulder or crossbody.. Saddle bag with strap Black grained calfskin",tags:["Maria Grazia Chiuri","Saddle Bags","Removable Shoulder Strap","Hand","Shoulder","Crossbody","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOy76Fr1710324746846:default:3::branch:Handbags:12",bindCta:null,bindProduct:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:12",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:12",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsqwogfFahvNml7vmATxwfKLcNlh91710324602536.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsVRd4z4V8UScNc7Wc96xv4xDVByb1710324589932.mp4",imgUrls:null,hashTags:["Maria Grazia Chiuri","Saddle Bags","Handbags"]},product:null,cta:null},{position:"13",isCollected:null,video:{itemId:"VIDEOvqhF71709609258469",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Thin","Removable Shoulder Strap","Medium","Lady Dior","Crossbody","Handbags","Cross-body & Shoulder Bags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOvqhF71709609258469:default:3::branch:Handbags:13",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:13",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:13",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsHmNyOcNdgB9Y8aIFYWCHlEZVl4x1709608981919.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fslhMX6mwCM4i5XFY6dpcMZdPocYv1710398865153.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJQCe9rZmsEjuIUpdck9Hs2gpNU81710398856427.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsnHUJufSHptF88bNsyUGmSSKYH4A1710398855734.jpg"],hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"14",isCollected:null,video:null,product:{itemId:"M0455CBAAM900",title:"Saddle Bag with Strap",tags:["Saddle Bags","Handbags","Maria Grazia Chiuri"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0455CBAAM900:default:3::branch:Handbags:14",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:14",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsiwfgnCrVBGcGPh6gaFsvbYBIpxX1709285334896.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsXpilTgUS4u4oFWr0hUew8DQITi11709285353202.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsWxJm6YIeRYmDtDoB5WtYMjRX8bm1709285366208.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsj69PxKh1SAZ6p0902FbBT0vg2at1709285373714.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fs78nKueByU2cNulReOw8gJ1ZsieF1709285412981.png","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240301/fsmAEriTIohZAUMUE6gUCWvXwbbRE1709285429332.png"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0455CBAA_M900-saddle-bag-with-strap-black-grained-calfskin?objectID=M0455CBAA_M900&query=M0455CBAAM900&queryID=c171c63e69d6d109953e2de631718496",linkTitle:null,linkType:"WEB",info:"Maria Grazia Chiuri brings a fresh update to the iconic Saddle bag. Crafted in black grained calfskin, the legendary design features a Saddle flap with a D stirrup clasp on a magnetic strap, as well as an antique gold-finish metal CD signature on either side of the strap. Equipped with a thin, adjustable and removable shoulder strap, the Saddle bag may be carried by hand, worn over the shoulder or crossbody.",price:4400,currency:"USD-$"},cta:null},{position:"15",isCollected:null,video:{itemId:"VIDEO693hq1709628690318",title:"New for the summer 2024 season, the dior caro top handle camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal cd signature.",tags:["Ready-To-Wear","Handbags","Signature Hardware Design","Monogram/Logo Print","Calfskin Leather","Summer 2024","Black"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO693hq1709628690318:default:3::branch:Handbags:15",bindCta:null,bindProduct:{itemId:"M3352UBHMM900",title:"Small Dior Caro Top Handle Camera Bag Black Macrocannage Calfskin ",tags:["Summer 2024","Black","Women","Handbags","Dior Caro"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M3352UBHMM900:default:3::branch:Handbags:15",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:15",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsx3wufMP9P6ovvCrXL58eVVA61gI1710499528917.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs82a414vXXhbgMXsw3Zm8TWyDMvI1710499528543.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJaZoFhur3jfMEciQdk5GMV8O2un1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fstO8CRKfBzpJUmAMyCDHDo23ji9N1710499528346.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsagaUiox7KECRhbPn6MScg3s4Nwd1710499528602.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsBsyFADiYBLWHaAIQfNRsgweVOWj1710499529947.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqJEwfvOLpXQ6nQt76o92XdLwzs11710499529939.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M3352UBHM_M900",linkTitle:null,linkType:"WEB",info:"New for the Summer 2024 season, the Dior Caro Top Handle Camera bag is a sophisticated and practical design. Crafted in black calfskin, the small model is elevated by the originality of the Macrocannage stitching's quilted effect. The bag features a zip closure and an antique gold-tone metal CD signature. ",price:3350,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsZhMDVzP6kuh9Qt86c11whAMglMU1709628656988.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsWrEKA6oRWUmOY14D1POTJjgiks51710401973577.jpg"],hashTags:["Ready-To-Wear"]},product:null,cta:null},{position:"16",isCollected:null,video:{itemId:"VIDEO2rUuG1709617832960",title:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",tags:["Dior Toujours Bag","Casual","Leather Strap","Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEO2rUuG1709617832960:default:3::branch:Handbags:16",bindCta:null,bindProduct:{itemId:"M2821SNIOM900",title:"Medium Dior Toujours Bag Black Macrocannage Crinkled Leather",tags:["Medium","Black","Women","Handbags","Bucket Bag"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M2821SNIOM900:default:3::branch:Handbags:16",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:16",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsy6AN0OWw3rj8Luw3RTSP9n2kDLq1710497237677.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fszTc3uEUrtppdN9QVVU2XBnaaaBY1710497237986.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKbBMTRa0tTTX661wu7DzLw9OP0r1710497237980.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsOYHlYCwgzalxzmIJcsZmIsJ2L3g1710497237145.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsKJqNVm1ZBlrgZ8XLC0YAaO6ws2F1710497237650.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsm2VoVancBQ20nDHceESUPNLyrUy1710497238312.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs2B5YYmv8OztP3d9rlM2a9KmYswl1710497237339.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M1296ZRIW_M828-medium-dior-book-tote-ecru-and-blue-dior-oblique-embroidery-36-x-27.5-x-16.5-cm",linkTitle:null,linkType:"WEB",info:"The dior toujours bag is distinguished by a casual and practical design. Crafted in black crinkled calfskin with macrocannage topstitching, it showcases a spacious interior compartment with a matching pouch to organize the essentials. Its leather strap closure keeps items secure while the d of the cd lock closure twists to adjust the sides and enhance the bag's silhouette.",price:4400,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fs0BUtn8TYp4l8gWsg5WD9Ht8AP7R1709617796077.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsmecPfhI3OtZwJmKAXLv8scBSSdK1710399333565.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsfsWBLxbC36B7Pm7Ae1uL98EmoaH1710399333017.jpg"],hashTags:["Handbags","Dior Toujours Bag"]},product:null,cta:null},{position:"17",isCollected:null,video:{itemId:"VIDEOGZGZI1709629679782",title:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. A",tags:["Handbags"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOGZGZI1709629679782:default:3::branch:Handbags:17",bindCta:null,bindProduct:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:17",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:17",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240305/fsG1IT2gcB5iabcTL89Xs9bRHISMb1709629659698.jpg",url:null,imgUrls:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240314/fsJB1txgzSsQLBBJSTzqGI40BvLkr1710399454552.jpg"],hashTags:["Handbags"]},product:null,cta:null},{position:"18",isCollected:null,video:{itemId:"VIDEOC2IMa1710324169054",title:"The lady dior bag embodies dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the house's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic cannage topstitching, while the ultra-matte metal d.i.o.r. Charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium lady dior bag can be carried by hand or worn crossbody.",tags:["Lady Dior","Removable Shoulder Strap","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:VIDEO:VIDEOC2IMa1710324169054:default:3::branch:Handbags:18",bindCta:null,bindProduct:{itemId:"M0565SDBRM900",title:"Medium Lady Dior Bag",tags:["Women","Black","Handbags","Hand","Lady Dior","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565SDBRM900:default:3::branch:Handbags:18",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:18",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsnyiCm9oirbXLqmqY7231O8O2Yhb1710498970982.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fskwIRRKCtuw9cb9btuubt2D5bXfB1710498970676.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsqXFTCyhxspeYCD3uo4UiuN5vQ7w1710498970671.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8rDRSKJmWUNI42MjrMWVlI0D9Fz1710498970729.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsca9Cjqo3WMJVU0OL0OjQo8xOoMx1710498972076.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsjl1bxi56X0QrKwfvl8YocBVJ2N81710498971352.jpg"],collection:null,link:"https://www.dior.com/en_us/fashion/products/M0565SDBR_M900-medium-lady-dior-bag-black-patent-to-matte-gradient-cannage-lambskin?objectID=M0565SDBR_M900&query=M0565SDBRM900&queryID=14cc52b35774a9a42e78fd9ba199860e",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless style demonstrates the House's exceptional savoir-faire. The black patent-to-matte gradient lambskin style is embellished with iconic Cannage topstitching, while the ultra-matte metal D.I.O.R. charms lend a modern touch. Featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or worn crossbody.",price:7100,currency:"USD-$"},bindProducts:[],cover:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsuF6sqlC9LCBLTgxHwMRinXwB6bF1710324135846.png",url:"https://dior-sxp-cdn.chatlabs.net/prod/sound/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240313/fsFwNsGElWR2SXQ2tWwHkaiqMZN5H1710324095954.mp4",imgUrls:null,hashTags:["Lady Dior","Handbags"]},product:null,cta:null},{position:"19",isCollected:null,video:null,product:{itemId:"M0565OZEDM928",title:"Medium Lady Dior Bag",tags:["Lady Dior","Medium","Handbags","Crossbody"],weight:null,traceInfo:"VECTOReVssi1704360966770:PRODUCT:M0565OZEDM928:default:3::branch:Handbags:19",bindCta:{itemId:"CTAzgoPn1709005149328",title:"\u7ACB\u5373\u8D2D\u4E70",tags:[],weight:null,traceInfo:"VECTOReVssi1704360966770:CTA:CTAzgoPn1709005149328:default:3::branch:Handbags:19",enTitle:"Shop now",icon:"https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240227/fsIkhOh3SihCkTDQ3oI41kwCsjq6A1709005134510.png",link:null,linkTitle:null,linkType:null,menuCategoryId:"65966478d19caa37afe3603f"},homePage:["https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsbVwOx4grEmqCNmvOnKpIS0vTPPc1710499656033.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsJrpY9R8uGenvzM7NnzI4lPMCF8g1710836215790.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsYQG9gipUNt6UbzFPXTwLTNgj5BF1710836214937.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240319/fsqPEXjWl7l3wPAxJIZbnnhZPXDCw1710836216838.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsNHlPmAsNYPsGDJ5w0G213wJkwFf1710499654946.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fs8dAObnEoAYe1V6pwJOGTs4vCBJO1710499655963.jpg","https://dior-sxp-cdn.chatlabs.net/prod/img/edc1a0de-330e-40e4-bdf3-17d57d57c19b/sxp-portal/20240315/fsJpaBPC8OxQ4aYwxsMcqZpGtPWnq1710499655730.jpg"],collection:"Et\xE9 2024",link:"https://www.dior.com/en_us/fashion/products/M0565OZED_M928",linkTitle:null,linkType:"WEB",info:"The Lady Dior bag embodies Dior's vision of elegance and beauty. Sleek and refined, the timeless white and navy blue calfskin style offers a new take on the iconic House motif with this season's signature Toile de Jouy Soleil, layering suns and crescent moons into a floral design representing the four seasons. Accented by pale gold-finish metal D.I.O.R. charms illuminating the silhouette and featuring a thin, removable leather shoulder strap, the medium Lady Dior bag can be carried by hand or wo",price:6500,currency:"USD-$"},cta:null}],zs="Handbags",an={productUserId:Os,requestId:Ls,channel:js,rtc:Ns,tag:Bs,recList:Rs,hashTag:zs};const Fs=t=>{const{rec:e,style:i={},sizeChange:n=()=>{},unitWidth:l,index:s,showBorder:d,list:a,reportTagsView:r,textStyles:u,space:c}=t,{swiperRef:v,setRtcList:g,setOpenHashtag:y,sxpParameter:b}=me(),[T,E]=o.useState(!1);o.useState(!1),o.useState({height:1,width:1});const p=o.useRef(null),h=o.useRef(null);o.useRef(null),o.useRef(null);const[m,C]=o.useState(""),k=o.useMemo(()=>{var x,I,M,N,O,$,F,B,j,L;return!((x=e?.video)===null||x===void 0)&&x.cover?(I=e?.video)===null||I===void 0?void 0:I.cover:!((N=(M=e?.video)===null||M===void 0?void 0:M.imgUrls)===null||N===void 0)&&N.length?($=(O=e?.video)===null||O===void 0?void 0:O.imgUrls)===null||$===void 0?void 0:$[0]:!((B=(F=e?.product)===null||F===void 0?void 0:F.homePage)===null||B===void 0)&&B.length?(L=(j=e?.product)===null||j===void 0?void 0:j.homePage)===null||L===void 0?void 0:L[0]:b?.bottom_image||""},[e,b?.bottom_image]),f=o.useMemo(()=>{var x,I;return((x=e?.product)===null||x===void 0?void 0:x.title)||((I=e?.video)===null||I===void 0?void 0:I.title)||null},[e]),A=o.useMemo(()=>{var x;return i.transform?Number((x=i.transform)===null||x===void 0?void 0:x.substring(i.transform.indexOf(",",0)+1,i.transform.length-3)):void 0},[i]);o.useMemo(()=>A===void 0?!1:A<=d,[A,d]);const _=o.useMemo(()=>{var x,I,M,N,O,$,F,B,j;return!((x=e?.product)===null||x===void 0)&&x.currency&&(!((I=e?.product)===null||I===void 0)&&I.price)?`${($=(O=(N=(M=e?.product)===null||M===void 0?void 0:M.currency)===null||N===void 0?void 0:N.split("-")[1])===null||O===void 0?void 0:O.toUpperCase())!==null&&$!==void 0?$:""}${(j=(B=(F=e?.product)===null||F===void 0?void 0:F.price)===null||B===void 0?void 0:B.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&j!==void 0?j:""}`:null},[e]);o.useEffect(()=>{if(p.current===null||k==="")return;let x=null;T&&m?x=m:x=k,x&&p.current.setSrc(x)},[k,T,m]);const S=o.useRef(),w=o.useCallback(x=>{setTimeout(()=>{var I;const M=(I=S?.current)===null||I===void 0?void 0:I.offsetHeight;n(M+56+c,s)},0)},[c,n,s,l,S]),D=()=>{r(),g?.(a),setTimeout(()=>{var x;(x=v?.current)===null||x===void 0||x.swiper.slideTo(s,0,!1),y?.(!1)},0)};return o.createElement("div",{ref:h,style:Object.assign({},i),className:"waterFallList-content-listItem",key:s,onClick:D},o.createElement("div",{className:"waterFallList-content-listItem-picture",ref:S},o.createElement(qe,{loading:"lazy",className:"waterFallList-content-listItem-picture-img",onLoad:w,ref:p})),o.createElement("div",{className:"waterFallList-content-listItem-info"},o.createElement("div",{className:`waterFallList-content-listItem-info-title ${_?"waterFallList-content-listItem-info-nowrap":""}`,style:Object.assign({},u?.title)},f&&f),o.createElement("div",{className:"waterFallList-content-listItem-info-price",hidden:!_,style:u.price},_)))};function Vs(t){var e,i,n,l,s,d,a,r,u,c,v,g,y,b,T,E,p,h,m,C,{reportTagsView:k,showBanner:f}=t,A=De(t,["reportTagsView","showBanner"]);const{waterFallData:_,getRecommendVideos:S,hashTagSize:w,loadingImage:D,isOpenHashTag:x}=me(),I=o.useRef(null),[M,N]=o.useState(0),[O,$]=o.useState(),F=o.useRef(null),[B,j]=o.useState([]),L=o.useRef(),z=[170,230,300],[R,V]=o.useState(!1),[H,ee]=o.useState([]),ue=o.useRef(),oe=o.useCallback((le,fe)=>Math.floor(Math.random()*(fe-le+1))+le,[]),Y=o.useRef([]),[J,X]=o.useState({width:0}),W=o.useMemo(()=>{const le=J.width||0;return le>=1200?6:le>=768&&le<=1199?4:2},[J]),K=o.useMemo(()=>J.width/W-2,[W,J]),ye=o.useCallback(()=>{var le;const fe=(le=L.current)!==null&&le!==void 0?le:[],re=[];for(let ae=0;ae<H?.length;ae++){const Be=Math.floor(ae/W),Ce=ae%W+1;let nt=0,Xe=9999999999;if(Be===0)re[ae]=ae;else{for(let Ve=0;Ve<re.length;Ve++)Y.current[re[Ve]].top+Y.current[re[Ve]].height<Xe&&(nt=Ve,Xe=Y.current[re[Ve]].top+Y.current[re[Ve]].height);re[nt]=ae}Y.current[ae]===void 0&&(Y.current[ae]={}),Be===0?(Ce===1?Y.current[ae].left=0:Y.current[ae].left=Y.current[ae-1].left+K+4,Y.current[ae].top=0):(Y.current[ae].left=Y.current[nt].left,Y.current[ae].top=Xe),Y.current[ae].height=Y.current[ae].height||z[oe(0,2)],fe[ae]={transform:`translate(${Y.current[ae].left}px,${Y.current[ae].top}px)`,width:`${K}px`,height:Y.current[ae].height}}return j([...fe]),[...fe]},[K,W,z,oe,H]),Ie=o.useCallback((le,fe)=>{Y.current[fe]===void 0&&(Y.current[fe]={}),Y.current[fe].height=le,L.current=ye()},[ye]);o.useEffect(()=>{L.current=ye()},[K,W,H]),o.useEffect(()=>{var le,fe;if(V(!0),_&&S?.({hashTag:_?.hashTag,"itemFilter.itemId":_?.itemId,"itemFilter.itemType":_?.itemType,defaultSize:w,maxSize:w}).then(re=>{var ae,Be;$(re),ee((Be=(ae=re?.recList)===null||ae===void 0?void 0:ae.filter(Ce=>Ce?.video!==null||Ce?.product!==null))!==null&&Be!==void 0?Be:[]),V(!1)}),x){const re=an;$(re),ee((fe=(le=re?.recList)===null||le===void 0?void 0:le.filter(ae=>ae?.video!==null||ae?.product!==null))!==null&&fe!==void 0?fe:[]),V(!1)}},[_,S,w,x]);const Ae=o.useCallback(()=>{F.current!==null&&X({width:F.current.getBoundingClientRect().width})},[]);o.useEffect(()=>{if(F.current===null)return;const le=new ResizeObserver(fe=>{Ae()});return le.observe(F.current),()=>{le.disconnect()}},[Ae]),o.useCallback(()=>{V(!0),_&&S?.({hashTag:_?.hashTag,"itemFilter.itemId":_?.itemId,"itemFilter.itemType":_?.itemType}).then(le=>{var fe,re;ee(H?.concat((re=(fe=le?.recList)===null||fe===void 0?void 0:fe.filter(ae=>!ae?.video))!==null&&re!==void 0?re:[])),V(!1)})},[_,S,H]);const Fe=o.useCallback(()=>{N(I.current.scrollTop)},[]);o.useEffect(()=>{var le;return(le=I?.current)===null||le===void 0||le.addEventListener("scroll",Fe),()=>{var fe;(fe=I?.current)===null||fe===void 0||fe.removeEventListener("scroll",Fe)}},[Fe,I]);const se=()=>{var le,fe;!((le=O?.tag)===null||le===void 0)&&le.link&&(k(),window.location.href=(fe=O?.tag)===null||fe===void 0?void 0:fe.link)};return o.createElement(o.Fragment,null,R?o.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:D,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"waterFallList",ref:F},o.createElement("div",{className:"waterFallList-scroll",ref:I},f&&((e=O?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:se},o.createElement(qe,{className:de.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=O?.tag)===null||i===void 0?void 0:i.picture})),o.createElement("div",{className:"waterFallList-info",style:(n=A?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=O?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=O?.tag)===null||s===void 0)&&s.link),className:"waterFallList-collection",style:Object.assign({},(d=A?.textStyles)===null||d===void 0?void 0:d.hashTagLink),onClick:se},((a=O?.tag)===null||a===void 0?void 0:a.linkTitle)||"Shop the collection"),o.createElement("div",{className:"waterFallList-content"},H?.map((le,fe)=>{var re;return o.createElement(Fs,Object.assign({key:fe,index:fe,rec:le,list:H,showBorder:M+((re=I?.current)===null||re===void 0?void 0:re.clientHeight),style:B[fe],sizeChange:Ie,unitWidth:K,reportTagsView:k},A))}),o.createElement("div",{hidden:!(!((r=O?.tag)===null||r===void 0)&&r.link),style:{position:"absolute",width:"100%",transform:`translate(0px,${(y=((c=Y?.current[((u=Y?.current)===null||u===void 0?void 0:u.length)-1])===null||c===void 0?void 0:c.top)+((g=Y?.current[((v=Y?.current)===null||v===void 0?void 0:v.length)-1])===null||g===void 0?void 0:g.height))!==null&&y!==void 0?y:0}px)`,height:!((b=O?.tag)===null||b===void 0)&&b.link?((T=ue?.current)===null||T===void 0?void 0:T.offsetHeight)||((E=A?.buttonBgStyle)===null||E===void 0?void 0:E.height)||"100px":0}}))),o.createElement("div",{className:"waterFallList-bottom",hidden:!(!((p=O?.tag)===null||p===void 0)&&p.link),style:A?.buttonBgStyle}),o.createElement("div",{ref:ue,hidden:!(!((h=O?.tag)===null||h===void 0)&&h.link),className:"waterFallList-btn-wrap",style:Object.assign(Object.assign({},A?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{"aria-label":((m=O?.tag)===null||m===void 0?void 0:m.linkTitle)||"Shop the collection",className:"waterFallList-btn",style:A?.buttonStyle,onClick:se},((C=O?.tag)===null||C===void 0?void 0:C.linkTitle)||"Shop the collection"))))}var Hs="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAaZJREFUeF7t2jFKBEEQRuG3mSJeQTARURDMTL2EqXfwAnoKD6FHMDEzNVIw2tzQC2gFggyDrExX1V92T7wz9PumFnqbXdH5teq8nwEwJqBzgfEVKDYAW8Ae8NZq3ZUm4Aa4AnaBR+C8BUIVAIu/ngSfAs9LESoAWLgB/LzWwP7SeLtfHWAu3tZ9Adz/dwD3eOUJCIlXBQiLVwQIjVcDCI9XAkiJVwFIi1cASI3PBpjb3jbd5GyyUcraCUrEZ02ATHwGgFR8NIBcfCSAZHwUgGx8BIB0vDeAfLwnQIl4L4Ay8R4ApeJbA2wD78DOZA/e7ABzk739Xz/T8rfAIfA6WYCd3BqA7NUSwCKfgLNKCK0BjoC7rzP74yoIrQGsuxSCB0ApBC+AMgieACUQvAHkESIApBGiAGQRIgEkEaIB5BAyAKQQsgBkEDIBJBCyAdIRFABSEVQA0hCUAFIQ1ADCERQBQhFUAcIQlAFCENQBfkOwg9eXpeftFQDmEOzv8ifARy8A3wiXwAHwANwujbf7q0xAi9bZZwwAN9oiDx4TUORFuS2z+wn4BAiAaEHnKChjAAAAAElFTkSuQmCC";const Us=t=>{const{rec:e,index:i,list:n,reportTagsView:l,textStyles:s,space:d}=t,{swiperRef:a,setRtcList:r,setOpenHashtag:u,bffEventReport:c,sxpParameter:v}=me(),[g,y]=o.useState(!1),b=o.useRef(null),T=o.useRef(null),E=o.useRef(null),p=o.useRef(null),[h,m]=o.useState(""),C=o.useMemo(()=>{var S,w,D,x,I,M,N,O,$,F;return!((S=e?.video)===null||S===void 0)&&S.cover?(w=e?.video)===null||w===void 0?void 0:w.cover:!((x=(D=e?.video)===null||D===void 0?void 0:D.imgUrls)===null||x===void 0)&&x.length?(M=(I=e?.video)===null||I===void 0?void 0:I.imgUrls)===null||M===void 0?void 0:M[0]:!((O=(N=e?.product)===null||N===void 0?void 0:N.homePage)===null||O===void 0)&&O.length?(F=($=e?.product)===null||$===void 0?void 0:$.homePage)===null||F===void 0?void 0:F[0]:v?.bottom_image||""},[e,v?.bottom_image]),k=o.useMemo(()=>{var S,w;return((S=e?.product)===null||S===void 0?void 0:S.title)||((w=e?.video)===null||w===void 0?void 0:w.title)||null},[e]),f=o.useMemo(()=>{var S,w,D,x,I,M,N,O,$;return!((S=e?.product)===null||S===void 0)&&S.currency&&(!((w=e?.product)===null||w===void 0)&&w.price)?`${(M=(I=(x=(D=e?.product)===null||D===void 0?void 0:D.currency)===null||x===void 0?void 0:x.split("-")[1])===null||I===void 0?void 0:I.toUpperCase())!==null&&M!==void 0?M:""}${($=(O=(N=e?.product)===null||N===void 0?void 0:N.price)===null||O===void 0?void 0:O.toLocaleString("zh",{minimumFractionDigits:0}))!==null&&$!==void 0?$:""}`:null},[e]);o.useEffect(()=>{const S=new IntersectionObserver(w=>{w.forEach(D=>{if(D.isIntersecting){if(T.current===null||C==="")return;g&&h?b.current.setSrc(h):b.current.setSrc(C),S.unobserve(T.current)}})});return S.observe(T.current),()=>{S.disconnect()}},[C,g,h]);const A=(S,w,D)=>{const x=S/w;return D/x};o.useEffect(()=>{const S=E?.current;S===null||C===""||!g||(S.src=C,S.currentTime=1,S.crossOrigin="anonymous",S.onloadeddata=()=>{const w=p?.current;if(!w)return;const D=w.getContext("2d"),x=window?.innerWidth/2,I=A(S.videoWidth,S.videoHeight,x);w.height=I,w.width=x,D?.drawImage(S,0,0,w.width,w.height),m(w.toDataURL()),S.remove(),w.remove()})},[C,g]);const _=()=>{l(),r?.(n),setTimeout(()=>{var S;(S=a?.current)===null||S===void 0||S.swiper.slideTo(i,0,!1),u?.(!1)},0)};return o.createElement("div",{ref:T,className:"list-content-listItem",key:i,onClick:_,style:{marginBottom:d}},o.createElement("div",{className:"list-content-listItem-picture"},g&&o.createElement("div",{style:{display:"none"}},o.createElement("video",{ref:E,crossOrigin:"anonymous",className:"list-content-listItem-picture-img"}),o.createElement("canvas",{ref:p})),o.createElement(qe,{loading:"lazy",className:"list-content-listItem-picture-img",ref:b})),o.createElement("div",{className:"list-content-listItem-info"},o.createElement("div",{className:`list-content-listItem-info-title ${f?"list-content-listItem-info-nowrap":""}`,style:s?.title},k&&k),o.createElement("div",{className:"list-content-listItem-info-price",style:s?.price,hidden:!f},f)))};function Gs(t){var e,i,n,l,s,d,a,r,u,c,v,g,y,b,T,{reportTagsView:E,showBanner:p}=t,h=De(t,["reportTagsView","showBanner"]);const{waterFallData:m,getRecommendVideos:C,hashTagSize:k,loadingImage:f,isOpenHashTag:A}=me(),[_,S]=o.useState(),[w,D]=o.useState(),[x,I]=o.useState(!1),M=o.useRef(null),[N,O]=o.useState(!1);o.useCallback(()=>{N||(O(!0),m&&C?.({hashTag:m?.hashTag,"itemFilter.itemId":m?.itemId,"itemFilter.itemType":m?.itemType}).then(F=>{var B;S(_?.concat((B=F?.recList)!==null&&B!==void 0?B:[])),O(!1)}))},[m,C,_,N]),o.useEffect(()=>{var F,B;if(I(!0),m&&C?.({hashTag:m?.hashTag,"itemFilter.itemId":m?.itemId,"itemFilter.itemType":m?.itemType,defaultSize:k,maxSize:k}).then(j=>{var L,z;D(j),S((z=(L=j?.recList)===null||L===void 0?void 0:L.filter(R=>R?.video!==null||R?.product!==null))!==null&&z!==void 0?z:[]),I(!1)}),A){const j=an;D(j),S((B=(F=j?.recList)===null||F===void 0?void 0:F.filter(L=>L?.video!==null||L?.product!==null))!==null&&B!==void 0?B:[]),I(!1)}},[m,C,k,A]);const $=()=>{var F,B;!((F=w?.tag)===null||F===void 0)&&F.link&&(E(),window.location.href=(B=w?.tag)===null||B===void 0?void 0:B.link)};return o.createElement(o.Fragment,null,x?o.createElement("div",{style:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:f,alt:"loading...",style:{objectFit:"contain"}})):o.createElement("div",{className:"list"},o.createElement("div",{className:"list-scroll",ref:M},p&&((e=w?.tag)===null||e===void 0?void 0:e.picture)&&o.createElement("div",{onClick:$},o.createElement(qe,{className:de.css({width:"100%",objectFit:"cover",marginBottom:"20px"}),src:(i=w?.tag)===null||i===void 0?void 0:i.picture})),o.createElement("div",{className:"list-info",style:(n=h?.textStyles)===null||n===void 0?void 0:n.hashTagDesc},(l=w?.tag)===null||l===void 0?void 0:l.info),o.createElement("div",{hidden:!(!((s=w?.tag)===null||s===void 0)&&s.link),className:"list-collection",onClick:$,style:Object.assign(Object.assign({},(d=h?.textStyles)===null||d===void 0?void 0:d.hashTagLink),{marginBottom:h?.space})},((a=w?.tag)===null||a===void 0?void 0:a.linkTitle)||"Shop the collection"),o.createElement("div",{className:"list-content"},_?.map((F,B)=>o.createElement(Us,Object.assign({key:B,index:B,rec:F,list:_,reportTagsView:E},h)))),o.createElement("div",{hidden:!N,style:{textAlign:"center"}},"loading..."),o.createElement("div",{hidden:!(!((r=w?.tag)===null||r===void 0)&&r.link),style:{height:!((u=w?.tag)===null||u===void 0)&&u.link?((c=h?.buttonBgStyle)===null||c===void 0?void 0:c.height)||((v=h?.buttonStyle)===null||v===void 0?void 0:v.height)||"100px":0}})),o.createElement("div",{className:"list-bottom",hidden:!(!((g=w?.tag)===null||g===void 0)&&g.link),style:h?.buttonBgStyle}),o.createElement("div",{hidden:!(!((y=w?.tag)===null||y===void 0)&&y.link),className:"list-btn-wrap",style:Object.assign(Object.assign({},h?.buttonBgStyle),{height:"auto",backgroundColor:"transparent"})},o.createElement("button",{"aria-label":((b=w?.tag)===null||b===void 0?void 0:b.linkTitle)||"Shop the collection",className:"list-btn",style:h?.buttonStyle,onClick:$},((T=w?.tag)===null||T===void 0?void 0:T.linkTitle)||"Shop the collection"))))}const $s=t=>{var e;const{waterFallData:i,setOpenHashtag:n,openHashtag:l,swiperRef:s,setWaterFallData:d,cacheRtcList:a,setRtcList:r,cacheActiveIndex:u,rtcList:c,setCacheRtcList:v,setIsFromHashtag:g,isFromHashtag:y,bffEventReport:b,themeTag:T,selectTag:E}=me(),{backMainFeed:p}=je();o.useRef(null);const h=o.useRef(null),[m,C]=o.useState();o.useEffect(()=>{const S=document.getElementById("sxp-render"),w=document.getElementById("water-fall");w?h.current=w:(h.current=document.createElement("div"),h.current.setAttribute("id","water-fall"),S?.appendChild(h.current))},[]);const k=()=>{const S=Ee.isEqual(c,a);!S&&a&&a?.length&&r?.(a),p("branch",E,void 0,i?.hashTag),_(),d?.(void 0),g?.(!1),setTimeout(()=>{var w,D;S||(D=(w=s?.current)===null||w===void 0?void 0:w.swiper)===null||D===void 0||D.slideTo(u,0,!1),n?.(!1)},0)},[f,A]=o.useState();o.useEffect(()=>{i&&A(i)},[i]);const _=o.useCallback(()=>{var S,w,D,x,I,M;const N=f?.rec;if(!N)return;let O="";y?O="hashTagPage":!((S=N?.video)===null||S===void 0)&&S.url?O="videoPage":!((D=(w=N?.video)===null||w===void 0?void 0:w.imgUrls)===null||D===void 0)&&D.length&&(O="imagePage"),b?.({eventInfo:{contentId:(x=N?.video)===null||x===void 0?void 0:x.itemId,position:u+"",contentTags:JSON.stringify((I=N?.video)===null||I===void 0?void 0:I.tags),traceInfo:(M=N?.video)===null||M===void 0?void 0:M.traceInfo,hashTags:JSON.stringify([f?.hashTag]),fromKName:O,fromKPage:location?.href,timeOnSite:Math.floor((new Date-m)/1e3)+"",eventSubject:"clickTagsViewContents",eventDescription:"User click tags view contents"}})},[f,b,m,y,u]);return o.useEffect(()=>{l&&C(new Date)},[l]),o.useEffect(()=>{const S=()=>{C(new Date)};return window.addEventListener("pageshow",S),()=>{window.removeEventListener("pageshow",S)}},[]),h.current?wi.createPortal(o.createElement("div",{className:"waterfall",style:{display:l?"block":"none"}},o.createElement(sn,{icon:Hs,styles:{top:"32px"},textStyle:(e=t?.textStyles)===null||e===void 0?void 0:e.hashTagTitle,onClose:k}),t?.openFixedSize===!0||t?.openFixedSize===void 0?o.createElement(Gs,Object.assign({reportTagsView:_},t)):o.createElement(Vs,Object.assign({reportTagsView:_},t))),h.current):null};var rn=o.memo($s);const Ws=t=>o.createElement(rn,Object.assign({},t));var Ys=o.memo(Ws);const qs=Ne(Ys,{displayName:"",icon:"",category:"base",type:"HashTag",related:{settingRender:Ps,bindableProps:[]},defaulSetting:{props:{lineClamp:1,space:40,textStyles:{hashTagTitle:{fontSize:16,color:"#000"},hashTagDesc:{fontSize:12,textAlign:"center",color:"#000"},hashTagLink:{textAlign:"center",color:"#757575",fontSize:12,textDecoration:"underline"},title:{fontSize:12,color:"#000"},price:{fontSize:12,fontWeight:"bold",color:"#000"}},buttonStyle:{backgroundColor:"#000",fontSize:12,height:52,fontWeight:"bold",textAlign:"center",color:"#fff",borderRadius:25},buttonBgStyle:{backgroundColor:"#fff",height:52,paddingTop:20,paddingLeft:20,paddingRight:20,paddingBottom:20}}},w:100,h:40,sort:2});var Xs=[{title:"\u534F\u8BAE\u8BE6\u60C5",child:[{type:"Switch",label:"\u5FC5\u987B\u540C\u610F\u7528\u6237\u534F\u8BAE",name:["props","privacy_necessity"],extra:"\u5F53\u65B0\u7528\u6237\u8FDB\u5165\u9875\u9762\u65F6\uFF0C\u4F1A\u51FA\u73B0\u7528\u6237\u534F\u8BAE\u5F39\u7A97\uFF0C\u7528\u6237\u9700\u8981\u5148\u540C\u610F\u534F\u8BAE\u540E\u624D\u80FD\u8BBF\u95EE\u5185\u5BB9\u3002"},{type:"Text",label:"\u5F39\u7A97\u6807\u9898",name:["props","privacy_title"]},{type:"TextArea",label:"\u7528\u6237\u534F\u8BAE\u5F39\u7A97\u5185\u5BB9",name:["props","privacy_context"]},{type:"Group",label:"\u9690\u79C1\u653F\u7B56",child:[{type:"Text",name:["props","privacy_policy_title"]},{type:"Text",name:["props","privacy_policy_url"],addonBefore:"https://"}],extra:"\u5F53\u7528\u6237\u70B9\u51FB\u66F4\u591A\u4FE1\u606F\u6309\u94AE\u65F6\uFF0C\u5C06\u4F1A\u8DF3\u8F6C\u81F3\u8BBE\u7F6E\u7684\u94FE\u63A5\u67E5\u770B\u653F\u7B56\u5185\u5BB9"}]}];const dn=t=>o.createElement(dn,Object.assign({},t));var Js=o.memo(dn);const Ks=Ne(Js,{displayName:"Consent",icon:"",category:"base",type:"Consent",related:{settingRender:Xs},defaulSetting:{props:{},style:{}},w:100,h:40,sort:1});var gi=Object.freeze({__proto__:null,Appoint:es,AppointForm:Wn,Commodity:Jl,CommodityDetail:Ml,CommodityDetailDiroNew:Hl,CommodityDiro:ds,CommodityDiroNew:fs,Consent:Ks,HashTag:qs,Link:os,MultiCommodity:Cs,MultiCommodityDiro:ws,MultiCommodityDiroNew:As,Prompt:Rl});const Qs="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",Zs="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",ea=t=>{var{active:e,activeIcon:i,unActicveIcon:n,recData:l,position:s}=t,d=De(t,["active","activeIcon","unActicveIcon","recData","position"]);const{mutateLike:a,mutateUnlike:r,bffEventReport:u}=me(),[c,v]=o.useState(e),g=Ue(Zs),y=Ue(Qs),b=Ee.debounce(()=>Oe(void 0,void 0,void 0,function*(){var T,E,p,h,m,C,k,f,A,_,S,w,D,x,I,M,N,O,$,F;if(c){v(!1);const B=(p=yield r?.({videoItemId:(E=(T=l?.video)===null||T===void 0?void 0:T.itemId)!==null&&E!==void 0?E:""}))!==null&&p!==void 0?p:!1;u?.({eventInfo:{eventSubject:"favoriteContentCanceled",eventDescription:"This content was unfavorite by the user",contentId:(m=(h=l?.video)===null||h===void 0?void 0:h.itemId)!==null&&m!==void 0?m:"",contentName:(k=(C=l?.video)===null||C===void 0?void 0:C.title)!==null&&k!==void 0?k:"",contentTags:JSON.stringify((A=(f=l?.video)===null||f===void 0?void 0:f.tags)!==null&&A!==void 0?A:[]),position:s+"",contentFormat:!((_=l?.video)===null||_===void 0)&&_.url?"video":"image",traceInfo:(S=l?.video)===null||S===void 0?void 0:S.traceInfo}}),B||v(!0)}else{v(!0);const B=(w=yield a?.({content:JSON.stringify(l)}))!==null&&w!==void 0?w:!1;u?.({eventInfo:{eventSubject:"favoriteContent",eventDescription:"This content was favorite by the user",contentId:(x=(D=l?.video)===null||D===void 0?void 0:D.itemId)!==null&&x!==void 0?x:"",contentName:(M=(I=l?.video)===null||I===void 0?void 0:I.title)!==null&&M!==void 0?M:"",contentTags:JSON.stringify((O=(N=l?.video)===null||N===void 0?void 0:N.tags)!==null&&O!==void 0?O:[]),position:s+"",contentFormat:!(($=l?.video)===null||$===void 0)&&$.url?"video":"image",traceInfo:(F=l?.video)===null||F===void 0?void 0:F.traceInfo}}),B||v(!1)}}),200);return o.createElement("button",Object.assign({},d,{"aria-label":"like",onClick:b}),o.createElement("img",{style:{width:"100%",height:"100%",objectFit:"contain"},src:c?i||g:n||y,alt:"icon"}))};var cn=o.memo(ea);const ta=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,videoRef:a})=>{const[r,u]=o.useState(!1),{bffEventReport:c,sxpParameter:v,waterFallData:g,openHashtag:y,bffFbReport:b}=me(),T=o.useRef(0),[E,p]=o.useState(!1),[h,m]=o.useState(!0),{isActive:C}=on(),k=o.useRef(null),[f,A]=o.useState(""),_=`pb-cache-video-${e}`,S=o.useRef(null),w=o.useMemo(()=>d?.mode==="2",[d]),D=o.useMemo(()=>{var V;return d?.mode==="2"?`translateY(-${50+((V=d?.offsetTop)!==null&&V!==void 0?V:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),x=o.useMemo(()=>{var V;return((V=t?.video)===null||V===void 0?void 0:V.cover)||f},[f,t]),I=o.useMemo(()=>w?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[w]),M=o.useMemo(()=>d?.bgWay==="1",[d]),N=o.useMemo(()=>M&&d?.bgColor?{backgroundColor:d?.bgColor}:{},[d,M]);o.useEffect(()=>{a&&(a.muted=l)},[l,a]);const O=o.useCallback(()=>{a&&a?.play()},[a]),$=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),F=o.useCallback(()=>{var V,H,ee,ue,oe,Y,J,X,W;if(!a)return;p(!0),u(!1);const K=n[e];if(K&&a?.duration){T.current=a?.currentTime||0;const ye=((V=a?.duration)!==null&&V!==void 0?V:0).toFixed(2),Ie=((H=a?.currentTime)!==null&&H!==void 0?H:0).toFixed(2),Ae=h?"0":"1";c?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ue=(ee=K?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&ue!==void 0?ue:"",contentName:(Y=(oe=K?.video)===null||oe===void 0?void 0:oe.title)!==null&&Y!==void 0?Y:"",playType:Ae,startTime:Ie,videoDuration:ye,contentTags:JSON.stringify((X=(J=K?.video)===null||J===void 0?void 0:J.tags)!==null&&X!==void 0?X:[]),position:e+"",contentFormat:"video",traceInfo:(W=K?.video)===null||W===void 0?void 0:W.traceInfo}}),m(!1)}},[c,n,e,h,a]),B=o.useCallback(()=>{var V;if(!a||f||!w||(a.style.objectFit="contain",!((V=t?.video)===null||V===void 0)&&V.cover||!k||!k.current||M))return;const H=()=>{const ee=k?.current,ue=ee.getContext("2d"),oe=window?.innerWidth,Y=window?.innerHeight;ee.height=Y,ee.width=oe,ue?.drawImage(a,0,0,ee.width,ee.height),A(ee.toDataURL())};H(),setTimeout(()=>{H()},500)},[a,M,t,f,w]),j=o.useCallback(()=>{a&&B()},[a,B]),L=o.useCallback(V=>()=>{if(!a||!E)return;const H=a?.paused;switch(V){case"start":if(!H)return;a?.play(),u(!1);break;case"pause":if(H)return;a?.pause(),u(!0);break;default:H?a?.play():a?.pause(),u(!H);break}},[E,a]),z=o.useCallback(()=>{var V,H,ee,ue,oe,Y,J,X,W;if(!a||s!==e)return;const K=n[e],ye=((V=a?.duration)!==null&&V!==void 0?V:0).toFixed(2),Ie=((H=a?.currentTime)!==null&&H!==void 0?H:0).toFixed(2);if(a?.duration){const Ae=(a?.currentTime-T.current).toFixed(2);c?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ue=(ee=K?.video)===null||ee===void 0?void 0:ee.itemId)!==null&&ue!==void 0?ue:"",contentName:(Y=(oe=K?.video)===null||oe===void 0?void 0:oe.title)!==null&&Y!==void 0?Y:"",endTime:Ie,videoDuration:ye,playDuration:Ae,contentTags:JSON.stringify((X=(J=K?.video)===null||J===void 0?void 0:J.tags)!==null&&X!==void 0?X:[]),position:e+"",contentFormat:"video",traceInfo:(W=K?.video)===null||W===void 0?void 0:W.traceInfo}})}},[n,e,c,a,s]);o.useEffect(()=>{if(!C||!a)return;const V=t?.video.url;if(!V)return;const H=window?.Hls;if(V.includes(".m3u8")&&H&&H.isSupported()){const Y=new H;Y.loadSource(V),Y.attachMedia(a),Y.on(H.Events.MANIFEST_PARSED,function(){a?.play()})}else a.src=V;u(!1);const ee=document.querySelector(`#${_}`),ue=document.querySelector("#player-container-id"),oe=document.querySelector("#player-container-id-copy");if(!(!ue&&!oe))return ee?.appendChild(ue||oe),a.setAttribute("x5-playsinline","true"),a.setAttribute("webkit-playsinline","true"),a?.addEventListener("loadedmetadata",j),a?.addEventListener("loadeddata",B),a?.addEventListener("playing",F),a?.addEventListener("pause",z),a?.addEventListener("ended",O),a?.addEventListener("canplay",O),()=>{oe?.appendChild(ue),a?.removeEventListener("loadedmetadata",j),a?.removeEventListener("loadeddata",B),a?.removeEventListener("playing",F),a?.removeEventListener("pause",z),a?.removeEventListener("ended",O),a?.removeEventListener("canplay",O)}},[C,_,t,a]),o.useEffect(()=>{!a||!E||(C?(b?.({eventName:"ViewContent"}),a?.play()):a?.pause())},[C,E,a]),o.useEffect(()=>{if(!C||!a)return;!a?.paused&&y?a?.pause():y||a?.play()},[y,C,a]),o.useEffect(()=>{if(!C)return;const V=()=>{L("start")(),b?.({eventName:"ViewContent"})},H=L("pause");return tt.on(We.PAGE_DID_SHOW,V),tt.on(We.PAGE_DID_HIDE,H),()=>{tt.off(We.PAGE_DID_SHOW,V),tt.off(We.PAGE_DID_HIDE,H)}},[L,C]);const R=o.useMemo(()=>!v?.placeholder_image||E?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:v?.placeholder_image,alt:"placeholder image"}),[E,v?.placeholder_image]);return o.useEffect(()=>{if(!a)return;const V=()=>{var H;s===e&&(!((H=t?.video)===null||H===void 0)&&H.url)&&a&&!r&&L("pause")()};return window.addEventListener("beforeunload",V),()=>{window.removeEventListener("beforeunload",V)}},[s,e,t,a,L,r]),t?.video?o.createElement(o.Fragment,null,w?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:L(),style:Object.assign({position:"relative",width:"100%",height:i,overflow:"hidden"},N)},!M&&o.createElement(qe,{src:x,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},I)}),o.createElement("canvas",{ref:k,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:"100%",height:"100%",top:"50%",transform:D,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},o.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",alt:"pause",src:$}))),R):o.createElement("div",{className:"video-container",key:t?.video.itemId,style:{position:"relative",width:"100%",height:i,overflow:"hidden"},onClick:L()},o.createElement("div",{className:"n-full-screen",ref:S,id:_,style:{width:"100%",height:"100%"}}),R,o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:$,alt:"pause"}))):null};var ia=o.memo(ta);const na=({defaultValue:t,activeIcon:e,unactiveIcon:i,onChange:n,style:l})=>{const[s,d]=o.useState(t),a=r=>{r.stopPropagation();const u=!s;d(u),n?.(u)};return o.createElement("button",{style:l,"aria-label":"toggle button",className:"pb-toggle-button",onClick:a},o.createElement("img",{className:"pb-toggle-button-icon",alt:"toggle image",src:s?e:i}))};var un=o.memo(na);const oa=({imageUrl:t,style:e})=>{const[i,n]=o.useState(!0);et(),o.useEffect(()=>{setTimeout(()=>{n(!1)},2e3)},[]);const l=Ue("/pb_static/finger-swipe-tip.29dc3a48a3c746c906ea..png"),s=o.useMemo(()=>i?"pb-fadeIn":"pb-fadeOut",[i]);return o.createElement("div",{hidden:!i,className:`pb-finger-wrap ${s}`,style:e},o.createElement("img",{src:t||l,alt:"finger swiper"}))},pn=t=>{const{src:e,height:i,imgUrlsPostConfig:n,onShowFirstImage:l}=t,s=o.useMemo(()=>n?.mode==="2",[n]),d=o.useMemo(()=>{var c;return n?.mode==="2"?`translateY(-${50+((c=n?.offsetTop)!==null&&c!==void 0?c:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[n]),a=o.useMemo(()=>s?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[s]),r=o.useMemo(()=>n?.bgWay==="1",[n]),u=o.useMemo(()=>r&&n?.bgColor?{backgroundColor:n?.bgColor}:{},[n,r]);return o.createElement("div",{style:Object.assign({overflow:"hidden",height:i,width:"100%",position:"relative"},u)},(!s||!r)&&o.createElement(qe,{src:e,style:Object.assign({height:"100%",width:"100%",objectFit:"cover"},a),onLoad:l}),s&&o.createElement(qe,{src:e,style:{width:"100%",height:"100%",objectFit:"contain",position:"absolute",top:"50%",transform:d,left:0,right:0}}))},la=({imgUrls:t,width:e,height:i,rec:n,index:l,onReportViewImageEnd:s,onViewImageStartEvent:d,imgUrlsPostConfig:a})=>{var r;const u=o.useRef(),{isActive:c}=on(),{sxpParameter:v,openHashtag:g}=me(),[y,b]=o.useState(!1);o.useEffect(()=>{y&&c?(u?.current&&u.current.swiper.autoplay.start(),g?s(n):d(l)):u?.current&&u.current.swiper.autoplay.stop()},[n,c,s,g,l,d,y]);const T=o.useCallback(()=>{y||b(!0)},[y]);return o.createElement(vt,{ref:u,defaultValue:0,direction:"horizontal",modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,loop:!0,autoplay:{delay:((r=a?.delay)!==null&&r!==void 0?r:3)*1e3}},t?.map((E,p)=>o.createElement(Qe,{key:p},o.createElement(pn,{src:!y&&p>0?"":E,height:i,imgUrlsPostConfig:a,onShowFirstImage:T}))))};var sa=o.memo(la);const aa=({tags:t,itemId:e,itemType:i,index:n,rec:l,hashTagStyle:s})=>{const[d,a]=o.useState(!1),{setWaterFallData:r,setOpenHashtag:u,setCacheActiveIndex:c,waterFallData:v,setIsFromHashtag:g}=me(),y=b=>{v?g?.(!0):c?.(n),r?.(i?{hashTag:b,itemId:e,itemType:i,rec:l}:{hashTag:b,rec:l}),u?.(!0)};return o.useMemo(()=>t.length<=6?null:o.createElement("span",{style:{textDecoration:"underline",cursor:"pointer",color:"#fff"},onClick:()=>a(!d)},d?"show less":"show more"),[d,t]),o.createElement("div",{className:"clc-sxp-bottom-hashtag"},o.createElement(Nt,null,t?.map((b,T)=>o.createElement(Qe,{key:T,hidden:d?!1:T>=6,className:"clc-sxp-bottom-hashtag-item",style:s,onClick:()=>y(b)},`#${b}`))))};var vn=o.memo(aa),ra="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAbtJREFUeF7t2DFKxFAQxvHv6xTxCoKNiAuCna2X2NY7eAE9hYdwj2BjZ2ulYLW9pQcYDWyxBIK7ZN7MNyapk/D+v8zC20dM/OLE+zEDzBMwcYH5J1BpAMzsAMAJyU+vdZeZADN7AHAH4BjAC8kbD4QSAJv4+17wFcm3sQjyAGbWhXdff/takzwdG989Lw0wEN+te0ly9a8BIuJlJyAqXhIgMl4OIDpeCiAjXgYgK14CIDM+HSA7PhVgYHvrusnZZaOUshNUiU+ZAKX4cAC1+FAAxfgwANX4EADl+OYA6vFNASrENwOoEt8EoFK8O0C1eFcAMzsE8AXgqLcHdzvA3GVvv+89bv8FzOwcwEdvASuSy30XFXm/G0C3aDN7BXBdCcEb4ALAE4BFFQRXgM0UlEJwB6iG0ASgEkIzgCoITQEqIDQHUEcIAVBGCANQRQgFUEQIB1BDSAFQQkgDUEFIBVBASAfIRpAAyESQAchCkALIQJADiEaQBIhEkAWIQpAG+ANh8Xvk/j72CF0eYABhDeCS5PckALYQbgGcAXgm+Tg2vnu+xAR4hA69YwZoqVvh3fMEVPhKLdc4+Qn4AXwYBFBN2dYpAAAAAElFTkSuQmCC";function Bt(t){return o.memo(function(e){const{$store:i}=Pn(),n=s=>{let d=s;const a=s.match(/{{.*?}}/g);return a?.length&&a.forEach(r=>{r.replace(/{{\s*([\w.]+)\s*}}/g,(u,c)=>{if(c){const v=Ee.get(i,c);return d=d.replace(r,v),v}})}),d},l=o.useMemo(()=>{var s,d,a;const{bindDatas:r}=e,u=De(e,["bindDatas"]);if((s=r?.forEach)===null||s===void 0||s.call(r,c=>{if(c?.propKey&&c?.dataPath){const{propKey:v,dataPath:g}=c;g.replace(/{{\s*([\w.]+)\s*}}/g,(y,b)=>{var T,E;if(b){const p=(E=(T=Ee.get(i,b))!==null&&T!==void 0?T:e[v])!==null&&E!==void 0?E:"";return u[v]=p,p}})}}),u){u.eventMap={};const c=Ee.cloneDeep(u.event)||{};for(const v in c)if(Object.prototype.hasOwnProperty.call(c,v))try{c[v].value=n(c[v].value),u.eventMap[v]=new Function(c[v].value)}catch{}}return!((a=(d=u?.event)===null||d===void 0?void 0:d.onClick)===null||a===void 0)&&a.linkType&&(u.style.cursor="pointer"),u},[i,e]);return o.createElement(t,Object.assign({},l,l.eventMap))})}const da=({rec:t,index:e,tempMap:i,resolver:n})=>{const{schema:l}=et(),s=o.useMemo(()=>{var d,a,r,u,c,v,g,y,b,T,E,p,h,m,C,k,f,A,_,S,w,D,x,I,M,N,O,$,F,B,j;if(!t?.video)return null;let L=null;!((a=(d=t?.video)===null||d===void 0?void 0:d.bindProducts)===null||a===void 0)&&a.length?L="\u591A\u5546\u54C1CTA":!((r=t?.video)===null||r===void 0)&&r.bindProduct?L="\u5546\u54C1CTA":L=(c=(u=t?.video)===null||u===void 0?void 0:u.bindCta)===null||c===void 0?void 0:c.itemId;const z=i?.[L];if(((v=z?.item)===null||v===void 0?void 0:v.type)==="CommodityDiro"&&!(!((g=t?.video)===null||g===void 0)&&g.bindProduct)||((y=z?.item)===null||y===void 0?void 0:y.type)==="Commodity"&&!(!((b=t?.video)===null||b===void 0)&&b.bindProduct)||((T=z?.item)===null||T===void 0?void 0:T.type)==="CommodityDiroNew"&&!(!((E=t?.video)===null||E===void 0)&&E.bindProduct)||((p=z?.item)===null||p===void 0?void 0:p.type)==="MultiCommodity"&&!(!((m=(h=t?.video)===null||h===void 0?void 0:h.bindProducts)===null||m===void 0)&&m.length)||((C=z?.item)===null||C===void 0?void 0:C.type)==="MultiCommodityDiro"&&!(!((f=(k=t?.video)===null||k===void 0?void 0:k.bindProducts)===null||f===void 0)&&f.length)||((A=z?.item)===null||A===void 0?void 0:A.type)==="MultiCommodityDiroNew"&&!(!((S=(_=t?.video)===null||_===void 0?void 0:_.bindProducts)===null||S===void 0)&&S.length))return null;if(z&&n){const R=n[(w=z?.item)===null||w===void 0?void 0:w.type],V=Bt(R),H=(D=R?.extend)===null||D===void 0?void 0:D.defaulSetting,ee=((M=(I=(x=z?.item)===null||x===void 0?void 0:x.event)===null||I===void 0?void 0:I.onClick)===null||M===void 0?void 0:M.linkType)==="externalLink";return o.createElement(V,Object.assign({style:Object.assign(Object.assign(Object.assign({},H?.style),(N=z?.item)===null||N===void 0?void 0:N.style),{zIndex:50,marginLeft:"20px",boxSizing:"border-box",transform:"translate3d(0px, 0px, 0px)"}),textStyle:Object.assign(Object.assign({},H?.textStyle),(O=z?.item)===null||O===void 0?void 0:O.textStyle),bindDatas:(F=($=z?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&F!==void 0?F:[]},H?.props,(B=z?.item)===null||B===void 0?void 0:B.props,{event:((j=z?.item)===null||j===void 0?void 0:j.event)||{},schema:l,id:z?.id,key:z?.id,recData:t,isExternalLink:ee,index:e}))}else return null},[t,n,i,l]);return o.createElement(o.Fragment,null,s)};var fn=o.memo(da);const mn=({nudge:t})=>{var e,i,n,l,s,d,a;return o.createElement(o.Fragment,null,t?.isOpen&&o.createElement("div",{className:"clc-sxp-bottom-nudge",style:{marginBottom:(e=t?.marginBottom)!==null&&e!==void 0?e:5,width:(n=(i=t?.size)===null||i===void 0?void 0:i.width)!==null&&n!==void 0?n:212,height:(s=(l=t?.size)===null||l===void 0?void 0:l.height)!==null&&s!==void 0?s:38,backgroundColor:t?.backgroundColor,borderRadius:(d=t?.borderRadius)!==null&&d!==void 0?d:4}},t?.icon?o.createElement("img",{src:t.icon,alt:"nudge icon",style:{height:"100%",objectFit:"cover",flexShrink:0}}):null,o.createElement("p",{style:Object.assign(Object.assign({},t?.textStyle),{textWrap:"nowrap",textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",flex:1,marginBottom:0})},(a=t?.content)!==null&&a!==void 0?a:"")))},ca=({tagList:t=[],setActiveIndex:e})=>{const{getRecommendVideos:i,setRtcList:n,setCacheRtcList:l,setCacheActiveIndex:s,setLoading:d,swiperRef:a,waterFallData:r,bffEventReport:u,selectTag:c,setSelectTag:v}=me(),{backMainFeed:g}=je(),y=o.useMemo(()=>[Et,...t],[t]),b=T=>()=>{if(T===c)return;T!=="FOR U"?u?.({eventInfo:{eventSubject:"clickThemeTagsViewContents",eventDescription:"click Theme Tags View Contents",themeTags:`['${T}']`}}):g("theme",T,c);let E;T!==Et&&(E=T),d?.(!0),i?.({themeTag:E}).then(p=>{var h,m,C,k;tt.emit(We.CHANGE_THEME_TAG,E),n?.((h=p?.recList)!==null&&h!==void 0?h:[]),l?.((m=p?.recList)!==null&&m!==void 0?m:[]),e?.(0),s?.(0),(k=(C=a?.current)===null||C===void 0?void 0:C.swiper)===null||k===void 0||k.slideTo(0)}).finally(()=>{d?.(!1)}),v?.(T)};return r||t.length<=0?null:o.createElement("div",{className:"clc-sxp-tagbar"},o.createElement("ul",{className:"clc-sxp-tagbar-list",style:{margin:"auto",gap:24}},y.map(T=>o.createElement("li",{className:`clc-sxp-tagbar-list-item ${T===c?"clc-sxp-tagbar-list-item-active":""}`,key:T,onClick:b(T)},T))))};var hn=o.memo(ca);const gn=({globalConfig:t,descStyle:e,containerHeight:i=window.innerHeight,containerWidth:n=window.innerWidth,tempMap:l,resolver:s,data:d=[],ctaType:a,tipText:r,nudge:u,_schema:c,hashTagStyle:v,tagList:g=[],licenseUrl:y})=>{var b,T,E,p,h,m,C,k,f,A;const{schema:_}=et(),[S,w]=o.useState(0),D=o.useRef(0);o.useState(!1);const[x,I]=o.useState(!0),M=o.useRef(),[N,O]=o.useState(!1),[$,F]=o.useState(!1),{loadVideos:B,bffEventReport:j,loading:L,setPopupDetailData:z,ctaEvent:R,swiperRef:V,waterFallData:H,setOpenHashtag:ee,appDomain:ue,openHashtag:oe,loadingImage:Y,isFromHashtag:J,popupDetailData:X,bffFbReport:W,curTime:K,h5EnterLink:ye,isShowConsent:Ie,selectTag:Ae}=me(),{backMainFeed:Fe}=je(),se=o.useRef(),{productView:le}=je(),fe=o.useMemo(()=>d.length>0&&!L&&Ln(),[d,L]);o.useEffect(()=>{Ci()},[]),o.useEffect(()=>{if(d?.length>0){const P=new Date;M.current=P,W?.({eventName:"PageView"})}},[d?.length]);const re=o.useCallback(()=>{if(Ci(),ye?.(),d.length>0){const P=new Date;M.current=P,W?.({eventName:"PageView"})}},[d.length,W,ye]),ae=o.useRef();o.useEffect(()=>{var P,ie,q,te;!ae.current&&se?.current&&d?.length>0&&(ae.current=!0,!((ie=(P=d?.[0])===null||P===void 0?void 0:P.video)===null||ie===void 0)&&ie.url&&(se.current.src=(te=(q=d?.[0])===null||q===void 0?void 0:q.video)===null||te===void 0?void 0:te.url))},[se,d]),o.useEffect(()=>{var P;const ie=d?.findIndex(q=>{var te,pe,ve,Q,Z,we,xe,Me,Se;return a==="\u591A\u5546\u54C1CTA"?((te=q?.video)===null||te===void 0?void 0:te.bindProducts)&&((ve=(pe=q?.video)===null||pe===void 0?void 0:pe.bindProducts)===null||ve===void 0?void 0:ve.length)>0:a==="\u5546\u54C1CTA"?(Q=q?.video)===null||Q===void 0?void 0:Q.bindProduct:((we=(Z=q?.video)===null||Z===void 0?void 0:Z.bindCta)===null||we===void 0?void 0:we.itemId)===a&&(((xe=q?.video)===null||xe===void 0?void 0:xe.url)||((Se=(Me=q?.video)===null||Me===void 0?void 0:Me.imgUrls)===null||Se===void 0?void 0:Se.length))})||0;(P=V?.current)===null||P===void 0||P.swiper.slideTo(ie)},[a,V]),o.useEffect(()=>{const P=d?.[S],ie=()=>{var q,te,pe,ve,Q,Z,we,xe,Me,Se,ke,rt,dt,ct,ot,gt;const He=!oe&&!Ie;if(document.visibilityState==="hidden"){He&&(tt.emit(We.PAGE_DID_HIDE,P),G(P),ge(P));let ut="";X&&(!((te=(q=P?.video)===null||q===void 0?void 0:q.bindProducts)===null||te===void 0)&&te.length||!((pe=P?.video)===null||pe===void 0)&&pe.bindProduct)?ut="pdpPage":X&&((we=l?.[(Z=(Q=(ve=P?.video)===null||ve===void 0?void 0:ve.bindCta)===null||Q===void 0?void 0:Q.itemId)!==null&&Z!==void 0?Z:""].item)===null||we===void 0?void 0:we.type)==="Appoint"?ut="formPage":J?ut="hashTagPage":!((xe=P?.video)===null||xe===void 0)&&xe.url?ut="videoPage":!((Me=P?.video)===null||Me===void 0)&&Me.imgUrls&&(!((ke=(Se=P?.video)===null||Se===void 0?void 0:Se.imgUrls)===null||ke===void 0)&&ke.length)?ut="imagePage":P?.product&&(ut="productPage"),j?.({eventInfo:{sessionDuration:Math.floor((new Date-K.current)/1e3)+"",eventSubject:"sessionCompleted",eventDescription:"Session completed",contentId:(rt=P?.video)===null||rt===void 0?void 0:rt.itemId,productId:(dt=P?.product)===null||dt===void 0?void 0:dt.itemId,position:S+"",fromKName:ut,fromKPage:location?.href,ctatId:(gt=(ot=(ct=P?.video)===null||ct===void 0?void 0:ct.bindCta)===null||ot===void 0?void 0:ot.itemId)!==null&&gt!==void 0?gt:""}})}else document.visibilityState==="visible"&&(re(),He&&(he(S),tt.emit(We.PAGE_DID_SHOW,P),Fe("external",Ae)))};return document.addEventListener("visibilitychange",ie),()=>{document.removeEventListener("visibilitychange",ie)}},[S,j,d,re,X,J,l,K,Fe,oe,Ie,Ae]);const Be=o.useMemo(()=>{let P=0;return g.length>0&&(P+=45,H&&(P-=45)),P},[g,H]),Ce=o.useMemo(()=>{let P=0;return t?.logoUrl&&t?.isShowLogo&&(P+=45),i-P-Be},[t,i,Be]),nt=o.useMemo(()=>t?.logoUrl&&t?.isShowLogo?o.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:t?.color}},o.createElement("img",{src:t?.logoUrl,alt:"logo"})):null,[t]),Xe=o.useCallback((P,ie)=>{var q,te,pe,ve;return!((q=P?.video)===null||q===void 0)&&q.url?o.createElement(ia,{rec:P,index:ie,muted:x,data:d,height:Ce,activeIndex:S,videoPostConfig:t?.videoPost,videoRef:se.current}):!((te=P?.video)===null||te===void 0)&&te.imgUrls?o.createElement(sa,{key:P?.video.itemId,imgUrls:P?.video.imgUrls,width:n,height:Ce,rec:P,index:ie,onReportViewImageEnd:G,onViewImageStartEvent:he,imgUrlsPostConfig:t?.imgUrlsPost}):P.product&&Array.isArray(t?.productPost)&&((pe=t?.productPost)===null||pe===void 0?void 0:pe.length)>0?(ve=t?.productPost)===null||ve===void 0?void 0:ve.map((Q,Z)=>{var we,xe,Me,Se,ke,rt,dt,ct;const ot=s[(we=Q?.item)===null||we===void 0?void 0:we.type],gt=Bt(ot),He=(xe=ot?.extend)===null||xe===void 0?void 0:xe.defaulSetting;return o.createElement(gt,Object.assign({key:`${ie}${Z}`,textStyle:Object.assign(Object.assign({},He?.textStyle),(Me=Q?.item)===null||Me===void 0?void 0:Me.textStyle),bindDatas:(ke=(Se=Q?.item)===null||Se===void 0?void 0:Se.bindDatas)!==null&&ke!==void 0?ke:[]},He?.props,(rt=Q?.item)===null||rt===void 0?void 0:rt.props,{event:((dt=Q?.item)===null||dt===void 0?void 0:dt.event)||{},schema:_,id:Q?.id,viewTime:M.current,rec:P,isPost:!0,tipText:r,style:Object.assign(Object.assign(Object.assign({},He?.style),(ct=Q?.item)===null||ct===void 0?void 0:ct.style),{height:"100%",overflow:"auto"}),index:ie}))}):null},[n,d,Ce,x,S,t?.productPost,M,r,s,_,se.current]),Ve=o.useCallback(P=>{F(P)},[]),St=o.useMemo(()=>$?{background:"linear-gradient( 180deg, rgba(129,129,129,0) 0%, rgba(121,121,121,0.5) 5%, #616161 100%)",paddingTop:20,paddingBottom:20}:{padding:"20px 0"},[$]),Tt=o.useCallback((P,ie)=>{var q,te,pe,ve,Q,Z,we;return P?.video?o.createElement(o.Fragment,null,((q=P?.video)===null||q===void 0?void 0:q.title)&&!$&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(mn,{nudge:u}),t?.isShowCTA===void 0||t?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(fn,{rec:P,index:ie,tempMap:l,resolver:s})):null,o.createElement("div",null,o.createElement(jt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:r?.foldText,unfoldText:r?.unfoldText,text:(pe=(te=P?.video)===null||te===void 0?void 0:te.title)!==null&&pe!==void 0?pe:"",style:Object.assign(Object.assign({},e),{textShadow:t?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"}),onChange:Ve}),o.createElement(vn,{index:S,tags:(Q=(ve=P?.video)===null||ve===void 0?void 0:ve.hashTags)!==null&&Q!==void 0?Q:[],itemId:(Z=P?.video)===null||Z===void 0?void 0:Z.itemId,itemType:!((we=P?.video)===null||we===void 0)&&we.itemId?"VIDEO":null,rec:P,hashTagStyle:v})))):null},[e,S,l,s,r,u,v,t,Ve,$,St]),U=o.useCallback((P,ie)=>{var q,te,pe,ve;if(!t?.isShowLike)return;let Q=(q=t?.likeIconY)!==null&&q!==void 0?q:400;return H&&Q<40&&(Q+=40),P?.video?o.createElement(cn,{key:P.position,activeIcon:t?.likeIcon,unActicveIcon:t?.unlikeIcon,active:P.isCollected,recData:P,className:"clc-sxp-like-button",style:{[(te=t.likeIconXPosit)!==null&&te!==void 0?te:"right"]:(pe=t.likeIconX)!==null&&pe!==void 0?pe:0,[(ve=t.likeIconYPosit)!==null&&ve!==void 0?ve:"bottom"]:Q},position:ie}):null},[t,H]),G=P=>{var ie,q,te,pe,ve,Q;if(!(!((ie=P?.video)===null||ie===void 0)&&ie.url)&&(!((q=P?.video)===null||q===void 0)&&q.imgUrls)){const Z=Date.now(),we=(Z-D.current)/1e3;j?.({eventInfo:{eventSubject:"viewImageCarouselEnd",eventDescription:"User end view the image carousel",contentId:(pe=(te=P?.video)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",contentName:(ve=P?.video.title)!==null&&ve!==void 0?ve:"",imageEndTime:`${Z}`,playDuration:`${we}`,contentTags:JSON.stringify((Q=P?.video.tags)!==null&&Q!==void 0?Q:[]),position:S+"",contentFormat:"image",traceInfo:P?.video.traceInfo}})}},ne=P=>{var ie,q,te,pe,ve,Q,Z,we,xe,Me;M.current=new Date;const Se=d[P.previousIndex];if(!Se)return;P.previousIndex-P.activeIndex<0?(j?.({eventInfo:{eventSubject:"scrollDown",eventDescription:"User scroll down",contentId:(q=(ie=Se?.video)===null||ie===void 0?void 0:ie.itemId)!==null&&q!==void 0?q:"",productId:(pe=(te=Se?.product)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",requestId:null}}),G(Se)):(j?.({eventInfo:{eventSubject:"scrollUp",eventDescription:"User scroll up",contentId:(Q=(ve=Se?.video)===null||ve===void 0?void 0:ve.itemId)!==null&&Q!==void 0?Q:"",productId:(we=(Z=Se.product)===null||Z===void 0?void 0:Z.itemId)!==null&&we!==void 0?we:"",requestId:null}}),G(Se)),ge(Se);const ke=d[P.activeIndex];!(!((xe=ke?.video)===null||xe===void 0)&&xe.url)&&!(!((Me=ke?.video)===null||Me===void 0)&&Me.imgUrls)&&ke?.product&&W?.({eventName:"ProductView"})},ge=P=>{var ie,q,te;!(!((ie=P?.video)===null||ie===void 0)&&ie.url)&&!(!((q=P?.video)===null||q===void 0)&&q.imgUrls)&&P?.product&&le(P,P.product,(te=P?.product)===null||te===void 0?void 0:te.bindCta,M.current,S)};o.useEffect(()=>{const P=d[S];oe&&ge(P)},[oe,d,S]);const he=P=>{var ie,q,te,pe,ve,Q;const Z=d[P];if(!(!((ie=Z?.video)===null||ie===void 0)&&ie.url)&&(!((q=Z?.video)===null||q===void 0)&&q.imgUrls)){const we=Date.now();D.current=we,j?.({eventInfo:{eventSubject:"viewImageCarouselStart",eventDescription:"User start view the image carousel",contentId:(pe=(te=Z?.video)===null||te===void 0?void 0:te.itemId)!==null&&pe!==void 0?pe:"",contentName:(ve=Z?.video.title)!==null&&ve!==void 0?ve:"",imageStartTime:`${we}`,contentTags:JSON.stringify((Q=Z?.video.tags)!==null&&Q!==void 0?Q:[]),position:P+"",contentFormat:"image",traceInfo:Z?.video.traceInfo}}),W?.({eventName:"ViewContent"})}},Te=o.useMemo(()=>{var P;const ie=S===0?[(P=d?.[0])!==null&&P!==void 0?P:null]:d?.map((q,te)=>S===te||te-1===S||te+1===S?q:null);return H?ie:ie.concat([{loading:!0}])},[d,S,H]),be=o.useMemo(()=>L?o.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:Y,alt:"loading...",style:{objectFit:"contain"}})):Te?.map((P,ie)=>o.createElement(Qe,{key:ie,virtualIndex:ie},P&&o.createElement(o.Fragment,null,P?.loading?o.createElement("div",{style:{height:Ce,width:n,display:"flex",justifyContent:"center",alignItems:"center"}},o.createElement("img",{width:64,height:64,src:Y,alt:"loading...",style:{objectFit:"contain"}})):o.createElement(o.Fragment,null,Xe(P,ie),Tt(P,ie),U(P,ie))))),[n,d,Ce,L,Tt,Xe,Te,Y]),_e=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png"),Ze=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png");return o.createElement("div",{id:"sxp-render",className:"clc-sxp-container"},H&&o.createElement(sn,{icon:ra,styles:{background:"rgba(0,0,0,.3)",color:"#fff"},onClose:()=>{ee?.(!0)}}),nt,o.createElement(hn,{tagList:g,setActiveIndex:w}),fe?o.createElement(oa,{imageUrl:t?.swipeTipIcon,style:{top:`${50+((b=t?.swipeTipOffset)!==null&&b!==void 0?b:0)}%`}}):null,o.createElement(vt,{style:{marginTop:Be},ref:V,onSlideChange:()=>{V.current.swiper.allowTouchMove=!1,setTimeout(()=>{V.current.swiper.allowTouchMove=!0},500)},onActiveIndexChange:P=>{w(P.activeIndex),!oe&&(ne(P),!H&&P?.activeIndex+2>=d?.length&&(N||(O(!0),B?.(Math.ceil(S/10)+1).then(()=>{O(!1)}))))},direction:"vertical",height:Ce},o.createElement(un,{style:{position:"fixed",visibility:!((E=(T=d?.[S])===null||T===void 0?void 0:T.video)===null||E===void 0)&&E.url?"visible":"hidden",zIndex:999,[(p=t?.muteIconXPosit)!==null&&p!==void 0?p:"right"]:(h=t?.muteIconX)!==null&&h!==void 0?h:0,[(m=t?.muteIconYPosit)!==null&&m!==void 0?m:"bottom"]:(C=t?.muteIconY)!==null&&C!==void 0?C:23},defaultValue:x,activeIcon:t?.unMuteIcon?t?.unMuteIcon:_e,unactiveIcon:t?.muteIcon?t?.muteIcon:Ze,onChange:I}),be),o.createElement(rn,Object.assign({},(A=(f=(k=t?.hashTag)===null||k===void 0?void 0:k[0])===null||f===void 0?void 0:f.item)===null||A===void 0?void 0:A.props)),o.createElement("div",{style:{position:"absolute",zIndex:-100}},o.createElement("video",{ref:se,id:"player-container-id",playsInline:!0,crossOrigin:"anonymous",preload:"auto",controls:!1,muted:!0,style:{backgroundColor:"transparent",width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),o.createElement("div",{id:"player-container-id-copy"})))},ua=({imgUrls:t,width:e,height:i,imgUrlsPostConfig:n,rec:l,index:s})=>o.createElement(vt,{defaultValue:0,direction:"horizontal",modules:[At,Pt],pagination:{clickable:!0,bulletActiveClass:"swipe-item-active-bullet"},height:i,style:{width:e},loop:!0,autoplay:!1},t?.map(d=>o.createElement(Qe,{key:d},o.createElement(pn,{src:d,height:i,imgUrlsPostConfig:n}))));var pa=o.memo(ua);const va=({rec:t,index:e,height:i,data:n,muted:l,activeIndex:s,videoPostConfig:d,width:a})=>{const[r,u]=o.useState(!1),c=o.useRef(null),{bffEventReport:v,sxpParameter:g,waterFallData:y,openHashtag:b}=me(),T=o.useRef(0),[E,p]=o.useState(!1),[h,m]=o.useState(!0),C=o.useRef(null),[k,f]=o.useState("");o.useEffect(()=>{c.current&&(c.current.muted=l)},[l]);const A=o.useCallback(()=>{var B;(B=c.current)===null||B===void 0||B.play()},[]),_=Ue("/pb_static/06f28a2025c74c1cb49be6767316d827.png"),S=o.useCallback(()=>{var B,j,L,z,R,V,H,ee,ue,oe,Y,J,X;u(!1);const W=n[e];if(W&&(!((B=c?.current)===null||B===void 0)&&B.duration)){T.current=((j=c?.current)===null||j===void 0?void 0:j.currentTime)||0;const K=((z=(L=c.current)===null||L===void 0?void 0:L.duration)!==null&&z!==void 0?z:0).toFixed(2),ye=((V=(R=c.current)===null||R===void 0?void 0:R.currentTime)!==null&&V!==void 0?V:0).toFixed(2),Ie=h?"0":"1";v?.({eventInfo:{eventSubject:"playVideo",eventDescription:"User played the video",contentId:(ee=(H=W?.video)===null||H===void 0?void 0:H.itemId)!==null&&ee!==void 0?ee:"",contentName:(oe=(ue=W?.video)===null||ue===void 0?void 0:ue.title)!==null&&oe!==void 0?oe:"",playType:Ie,startTime:ye,videoDuration:K,contentTags:JSON.stringify((J=(Y=W?.video)===null||Y===void 0?void 0:Y.tags)!==null&&J!==void 0?J:[]),position:e+"",contentFormat:"video",traceInfo:(X=W?.video)===null||X===void 0?void 0:X.traceInfo}}),m(!1)}},[v,n,e,h]),w=o.useCallback(()=>{p(!0)},[]),D=o.useCallback(B=>()=>{var j,L,z,R,V;if(!E)return;const H=(j=c.current)===null||j===void 0?void 0:j.paused;switch(B){case"start":if(!H)return;(L=c.current)===null||L===void 0||L.play(),u(!1);break;case"pause":if(H)return;(z=c.current)===null||z===void 0||z.pause(),u(!0);break;default:H?(R=c.current)===null||R===void 0||R.play():(V=c.current)===null||V===void 0||V.pause(),u(!H);break}},[E]),x=o.useCallback(()=>{var B,j,L,z,R,V,H,ee,ue,oe,Y,J,X;const W=n[e],K=((j=(B=c.current)===null||B===void 0?void 0:B.duration)!==null&&j!==void 0?j:0).toFixed(2),ye=((z=(L=c.current)===null||L===void 0?void 0:L.currentTime)!==null&&z!==void 0?z:0).toFixed(2);if(!((R=c?.current)===null||R===void 0)&&R.duration){const Ie=(((V=c?.current)===null||V===void 0?void 0:V.currentTime)-T.current).toFixed(2);v?.({eventInfo:{eventSubject:"playOverVideo",eventDescription:"User finished playing the video",contentId:(ee=(H=W?.video)===null||H===void 0?void 0:H.itemId)!==null&&ee!==void 0?ee:"",contentName:(oe=(ue=W?.video)===null||ue===void 0?void 0:ue.title)!==null&&oe!==void 0?oe:"",endTime:ye,videoDuration:K,playDuration:Ie,contentTags:JSON.stringify((J=(Y=W?.video)===null||Y===void 0?void 0:Y.tags)!==null&&J!==void 0?J:[]),position:e+"",contentFormat:"video",traceInfo:(X=W?.video)===null||X===void 0?void 0:X.traceInfo}})}},[n,e,v]),I=o.useMemo(()=>d?.mode==="2",[d]),M=o.useMemo(()=>{var B;return d?.mode==="2"?`translateY(-${50+((B=d?.offsetTop)!==null&&B!==void 0?B:0)}%) translate3d(0px, 0px, 0px)`:"translateY(-50%)"},[d]),N=o.useMemo(()=>{var B;return((B=t?.video)===null||B===void 0?void 0:B.cover)||k},[k,t]),O=o.useCallback(()=>{if(!C||!c||!c.current||!C.current)return;const B=c?.current,j=C?.current,L=j.getContext("2d"),z=window?.innerWidth,R=window?.innerHeight;j.height=R,j.width=z,L?.drawImage(B,0,0,j.width,j.height),f(j.toDataURL())},[]);o.useEffect(()=>{var B,j,L,z;if(c.current){if(u(!1),!c.current.src){const R=t?.video.url;if(R.includes(".m3u8"))if(typeof window<"u"&&window?.Hls.isSupported()){const V=new window.Hls;V.loadSource(R),V.attachMedia(c.current)}else c.current.canPlayType("application/vnd.apple.mpegurl"),c.current.src=R;else c.current.src=R;c.current.setAttribute("x5-playsinline","true"),c.current.setAttribute("webkit-playsinline","true")}return(B=c.current)===null||B===void 0||B.addEventListener("loadedmetadata",w),(j=c.current)===null||j===void 0||j.addEventListener("canplay",w),(L=c.current)===null||L===void 0||L.addEventListener("playing",S),(z=c.current)===null||z===void 0||z.addEventListener("loadeddata",O),()=>{var R,V,H,ee;(R=c.current)===null||R===void 0||R.removeEventListener("loadedmetadata",w),(V=c.current)===null||V===void 0||V.removeEventListener("canplay",w),(H=c.current)===null||H===void 0||H.removeEventListener("playing",S),(ee=c.current)===null||ee===void 0||ee.removeEventListener("loadeddata",O)}}},[w,S,t?.video,O]);const $=o.useMemo(()=>!g?.placeholder_image||E?null:o.createElement("img",{style:{position:"absolute",left:0,top:0,width:"100%",height:"100%",objectFit:"cover"},src:g?.placeholder_image,alt:"video poster"}),[E,g?.placeholder_image]);o.useEffect(()=>{const B=()=>{var j,L;s===e&&(!((j=t?.video)===null||j===void 0)&&j.url)&&(!((L=c?.current)===null||L===void 0)&&L.src)&&!r&&D("pause")()};return window.addEventListener("beforeunload",B),()=>{window.removeEventListener("beforeunload",B)}},[s,e,t,c,D,r]);const F=o.useMemo(()=>I?{filter:"blur(10px)",transform:"translate3d(0px, 0px, 0px) scale(1.2)"}:{},[I]);return t?.video?o.createElement(o.Fragment,null,I?o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:a,height:i,overflow:"hidden"}},o.createElement(qe,{src:N,style:Object.assign({height:i,width:a,objectFit:"cover"},F)}),o.createElement("canvas",{ref:C,style:{display:"none"}}),o.createElement("div",{style:{position:"absolute",width:a,height:i,top:"50%",transform:M,left:0,right:0}},o.createElement("div",{style:{position:"relative",width:a,height:"100%"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",ref:c,autoPlay:!0,crossOrigin:"anonymous",muted:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:A,style:{width:"100%",height:i,objectFit:"contain"}}),o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_,alt:"video pause image"}))),$):o.createElement("div",{className:"video-container",key:t?.video.itemId,onClick:D(),style:{position:"relative",width:a,height:i,overflow:"hidden"}},o.createElement("video",{id:`pb-video-${e}`,className:"clc-pb-video",style:{width:"100%"},ref:c,crossOrigin:"anonymous",muted:!0,autoPlay:!0,controls:!1,playsInline:!0,preload:"auto",onPause:x,onEnded:A}),$,o.createElement("img",{hidden:!r,className:"clc-pb-video-pause",src:_,alt:"video pause image"}))):null};var fa=o.memo(va);const bi={};Object.values(gi).forEach(t=>{bi[t.extend.type]=t});const ma="/pb_static/f71266d2c64446c5ae6a5a7f5489cc0a.png",ha="/pb_static/f07900fe3f0f4ae188ea1611d4801a44.png",ga=({data:t=[],globalConfig:e,tipText:i,nudge:n,tempMap:l,descStyle:s,hashTagStyle:d,containerHeight:a=664,containerWidth:r=375,appDomain:u,tagList:c=[]})=>{const v=o.useMemo(()=>{let f=0;return e?.logoUrl&&e?.isShowLogo&&(f+=45),c.length>0&&(f+=45),a-f},[e,a,c]),g=(f,A)=>{var _,S,w,D;if(!((_=f?.video)===null||_===void 0)&&_.url)return o.createElement(fa,{rec:f,index:A,muted:!0,width:r,data:t??[],height:v,activeIndex:A,videoPostConfig:e?.videoPost});if(!((S=f?.video)===null||S===void 0)&&S.imgUrls)return o.createElement(pa,{key:f?.video.itemId,imgUrls:f?.video.imgUrls,width:r,height:v,rec:f,index:A,imgUrlsPostConfig:e?.imgUrlsPost});if(f.product&&f.product&&Array.isArray(e?.productPost)&&((w=e?.productPost)===null||w===void 0?void 0:w.length)>0)return(D=e?.productPost)===null||D===void 0?void 0:D.map((x,I)=>{var M,N,O,$,F,B,j,L;const z=bi[(M=x?.item)===null||M===void 0?void 0:M.type],R=Bt(z),V=(N=z?.extend)===null||N===void 0?void 0:N.defaulSetting;return o.createElement(R,Object.assign({key:`${A}${I}`,textStyle:Object.assign(Object.assign({},V?.textStyle),(O=x?.item)===null||O===void 0?void 0:O.textStyle),bindDatas:(F=($=x?.item)===null||$===void 0?void 0:$.bindDatas)!==null&&F!==void 0?F:[]},V?.props,(B=x?.item)===null||B===void 0?void 0:B.props,{event:((j=x?.item)===null||j===void 0?void 0:j.event)||{},id:x?.id,rec:f,isPost:!0,tipText:i,style:Object.assign(Object.assign(Object.assign({},V?.style),(L=x?.item)===null||L===void 0?void 0:L.style),{width:r,height:v,overflow:"auto"}),index:A}))})},y=o.useMemo(()=>e?.logoUrl&&e?.isShowLogo?o.createElement("div",{className:"clc-sxp-logo-banner",style:{backgroundColor:e?.color}},o.createElement("img",{src:e?.logoUrl,alt:"logo"})):null,[e]),b=(f,A)=>e?.isShowCTA===void 0||e?.isShowCTA?o.createElement("div",{className:"clc-sxp-bottom-card"},o.createElement(fn,{rec:f,index:A,tempMap:l,resolver:bi})):null,T=(f,A)=>{var _,S,w,D,x,I,M;return f?.video?o.createElement(o.Fragment,null,((_=f?.video)===null||_===void 0?void 0:_.title)&&o.createElement("div",{className:"clc-sxp-bottom-shadow"}),o.createElement("div",{className:"clc-sxp-bottom"},o.createElement(mn,{nudge:n}),b(f,A),o.createElement("div",null,o.createElement(jt,{className:"clc-sxp-bottom-text",isPost:!0,foldText:i?.foldText,unfoldText:i?.unfoldText,text:(w=(S=f?.video)===null||S===void 0?void 0:S.title)!==null&&w!==void 0?w:"",style:Object.assign(Object.assign({},s),{textShadow:e?.isOpenTextShadow?"2px 2px 4px rgba(0, 0, 0, 0.5)":"none"})})),o.createElement(vn,{index:A,tags:(x=(D=f?.video)===null||D===void 0?void 0:D.hashTags)!==null&&x!==void 0?x:[],itemId:(I=f?.video)===null||I===void 0?void 0:I.itemId,itemType:!((M=f?.video)===null||M===void 0)&&M.itemId?"VIDEO":null,rec:f,hashTagStyle:d}))):null},E=Ue(ha,u),p=Ue(ma,u),h=(f,A)=>{var _,S,w,D;if(!e?.isShowLike)return;let x=(_=e?.likeIconY)!==null&&_!==void 0?_:400;return x<40&&(x+=40),f?.video?o.createElement(cn,{key:f.position,activeIcon:(S=e?.likeIcon)!==null&&S!==void 0?S:E,unActicveIcon:(w=e?.unlikeIcon)!==null&&w!==void 0?w:p,position:A,active:f.isCollected,recData:f,className:"clc-sxp-like-button",style:{top:x,right:(D=e?.likeIconX)!==null&&D!==void 0?D:0}}):null},m=Ue("/pb_static/5beaaa5ce7f3477b99db3838619cc471.png",u),C=Ue("/pb_static/fea8668a8a894e4aa3a86bcc775e895e.png",u),k=(f,A)=>{var _,S,w,D;return o.createElement("div",{style:{position:"relative",border:"1px solid #e1e1e1"}},y,o.createElement(hn,{tagList:c}),o.createElement(un,{style:{position:"absolute",right:(_=e?.muteIconX)!==null&&_!==void 0?_:0,visibility:!((w=(S=t?.[A])===null||S===void 0?void 0:S.video)===null||w===void 0)&&w.url?"visible":"hidden",bottom:(D=e?.muteIconY)!==null&&D!==void 0?D:23,zIndex:999},defaultValue:!0,activeIcon:e?.unMuteIcon?e?.unMuteIcon:m,unactiveIcon:e?.muteIcon?e?.muteIcon:C}),g(f,A),T(f,A),h(f,A))};return o.createElement("div",{className:de.css({width:"100%",height:a,display:"flex",boxSizing:"border-box",gap:16,pointerEvents:"none",userSelect:"none",transform:"scale(0.7) translateX(-22%) translateY(-140px)"})},t?.map((f,A)=>k(f,A)))};var ba=o.memo(ga);const ya=()=>{const{schema:t,resolver:e,popup:i}=et(),{setPopupDetailData:n,popupDetailData:l,bffEventReport:s}=me(),{productView:d}=je(),[a,r]=o.useState(),u=o.useRef(null);o.useEffect(()=>{const g=()=>{u.current=new Date};return g(),window.addEventListener("pageshow",g),()=>{window.removeEventListener("pageshow",g)}},[]),o.useEffect(()=>{i&&i?.id&&i?.id!==""&&(u.current=new Date,r(i))},[i]);const c=()=>{var g,y,b,T;if(!i||i?.id===""||!a||new Date-u.current<((g=i?.duration)!==null&&g!==void 0?g:0))return;r(Object.assign(Object.assign({},i),{id:""}));const E=l,p=(y=E?.video)===null||y===void 0?void 0:y.bindProduct,h=(T=(b=E?.video)===null||b===void 0?void 0:b.bindProduct)===null||T===void 0?void 0:T.bindCta;p&&h&&d(E,p,h,u.current,l?.index),setTimeout(()=>{window?.sxpPopup(""),n?.(null)},i?.duration)},v=o.useMemo(()=>{var g,y,b;return(b=(y=(g=t?.sxpPageConf)===null||g===void 0?void 0:g.globalConfig)===null||y===void 0?void 0:y.popupList)===null||b===void 0?void 0:b.map((T,E)=>{var p,h,m,C,k,f,A,_,S,w,D,x,I,M,N;if(T?.id===i?.id){const O=e[(p=T?.item)===null||p===void 0?void 0:p.type],$=Bt(O),F=((C=(m=(h=T?.item)===null||h===void 0?void 0:h.event)===null||m===void 0?void 0:m.onClick)===null||C===void 0?void 0:C.linkType)==="externalLink",B=((A=(f=(k=T?.item)===null||k===void 0?void 0:k.event)===null||f===void 0?void 0:f.onClick)===null||A===void 0?void 0:A.linkType)==="popup",j=(_=O?.extend)===null||_===void 0?void 0:_.defaulSetting;return o.createElement($,Object.assign({key:E,style:Object.assign(Object.assign(Object.assign({},j?.style),(S=T?.item)===null||S===void 0?void 0:S.style),{width:(w=window.innerWidth)!==null&&w!==void 0?w:"100vw",height:"80vh",overflow:"auto"}),textStyle:Object.assign(Object.assign({},j?.textStyle),(D=T?.item)===null||D===void 0?void 0:D.textStyle),bindDatas:(I=(x=T?.item)===null||x===void 0?void 0:x.bindDatas)!==null&&I!==void 0?I:[]},j?.props,(M=T?.item)===null||M===void 0?void 0:M.props,{event:((N=T?.item)===null||N===void 0?void 0:N.event)||{},schema:t,id:T?.id,isExternalLink:F,isPopup:B,onClose:c}))}else return o.createElement(o.Fragment,null)})},[t,i,e,c]);return o.createElement(Lt,{popup:a,onClose:c,padding:0,modalStyle:{position:"fixed"}},v)},yi={};Object.values(gi).forEach(t=>{yi[t.extend.type]=t});const wa=({data:t,maxSize:e=10,defaultSize:i=10,hashTagSize:n=20,loadingImage:l,appDomain:s,licenseUrl:d,enabledMetaConversionApi:a})=>{var r,u,c,v,g,y,b,T,E,p,h;const m=o.useMemo(()=>{var C;return location?.search?(C=location?.search)===null||C===void 0?void 0:C.replace("?",""):""},[]);return o.createElement(Ni,{resolver:yi,enableDataSource:!1,schema:t?.data,utmVal:m},o.createElement(Mi,{utmVal:m,dataSources:t?.data_sources,sxpParameter:t?.sxp_parameter,maxSize:(u=(r=t?.sxp_parameter)===null||r===void 0?void 0:r.personalized_recommend)!==null&&u!==void 0?u:e,defaultSize:(v=(c=t?.sxp_parameter)===null||c===void 0?void 0:c.default_recommend)!==null&&v!==void 0?v:i,hashTagSize:(y=(g=t?.sxp_parameter)===null||g===void 0?void 0:g.hash_tag_size)!==null&&y!==void 0?y:n,loadingImage:l,appDomain:s,enabledMetaConversionApi:a,isShowTag:(E=(T=(b=t?.data)===null||b===void 0?void 0:b.sxpPageConf)===null||T===void 0?void 0:T.globalConfig)===null||E===void 0?void 0:E.isShowTag,globalConfig:(h=(p=t?.data)===null||p===void 0?void 0:p.sxpPageConf)===null||h===void 0?void 0:h.globalConfig,render:({rtcList:C,tagList:k})=>{var f;return o.createElement(o.Fragment,null,o.createElement(gn,Object.assign({},(f=t?.data)===null||f===void 0?void 0:f.sxpPageConf,{tagList:k,data:C,resolver:yi,licenseUrl:d})),o.createElement(ya,null))}}))};var Sa=o.memo(wa);const bn=o.createContext({}),Ta=({children:t,data:e})=>{var i,n,l,s,d,a,r,u,c,v,g,y,b;const[T,E]=o.useState(!1),[p,h]=o.useState(!1);return o.createElement(bn.Provider,{value:{sxpPrameter:{bottomImage:(i=e?.sxp_parameter)===null||i===void 0?void 0:i.bottom_image,defaultRecommend:(n=e?.sxp_parameter)===null||n===void 0?void 0:n.default_recommend,personalizedRecommend:(l=e?.sxp_parameter)===null||l===void 0?void 0:l.personalized_recommend,placeholderImage:(s=e?.sxp_parameter)===null||s===void 0?void 0:s.placeholder_image,hashTagSize:(d=e?.sxp_parameter)===null||d===void 0?void 0:d.hash_tag_size,loadingImage:(a=e?.sxp_parameter)===null||a===void 0?void 0:a.loading_image,privacyContent:(r=e?.sxp_parameter)===null||r===void 0?void 0:r.privacy_context,privacyNecessity:(u=e?.sxp_parameter)===null||u===void 0?void 0:u.privacy_necessity,privacyPolicyTitle:(c=e?.sxp_parameter)===null||c===void 0?void 0:c.privacy_policy_title,privacyPolicyUrl:(v=e?.sxp_parameter)===null||v===void 0?void 0:v.privacy_policy_url,privacyTitle:(g=e?.sxp_parameter)===null||g===void 0?void 0:g.privacy_title,template:(y=e?.sxp_parameter)===null||y===void 0?void 0:y.template,industry:(b=e?.sxp_parameter)===null||b===void 0?void 0:b.industry},appDomain:e?.appDomain,openHashtag:T,setOpenHashtag:E,openConsent:p,setOpenConsent:h}},t)};function xa(){return o.useContext(bn)}exports.DiyPortalPreview=ba,exports.EditorDataProvider=Ta,exports.Modal=Lt,exports.SxpDataSourceProvider=Mi,exports.SxpPageCore=Sa,exports.SxpPageRender=gn,exports.core=Fn,exports.default=An,exports.defaultSetting=Re,exports.materials=gi,exports.useEditorDataProvider=xa;
7
7
  //# sourceMappingURL=index.min.cjs.map