yt-uikit 0.7.399 → 0.7.400

package/dist/esm/index.js

@@ -1616,7 +1616,7 @@ import*as e from"react";import t,{forwardRef as n,useImperativeHandle as r,useRe
   transition: all 0.2s ease;
   letter-spacing: 0.8px;
   font-family: 'Poppins';
-`,_i=({freebieProductsInCart:e,themeColor:n,themeTextColor:r,primaryTextColor:a,addFreebieToCart:i,freebiesInCart:d,imageAspectSelector:s,freebieCouponTemplates:p,maxFreebiesInTier:u=1,tierName:m="Freebie",freebieClaimData:f,shouldCheckInventoryQuantity:g})=>{const[h,x]=c(0),[y,b]=c(0),[v,w]=c([]),[C,k]=c(!1),[E,T]=c(!1),S=o(null),$=o(null),B=o(null),z=o(!1),D=u>1,I=v.length,_=v.length>=u,O=`${I}/${u} selected`,A=I===u&&I>0,F=f?.freebieSectionTitle,R=f?.productClaimCtaButtonText;l((()=>{if(S.current){const e=S.current.offsetWidth,t=window.innerWidth<=768;b(t?Math.min(.95*e,280):Math.min(.8*e,320))}}),[e]);const L=Math.max(0,(e?.length||0)-1);l((()=>{h>L&&x(L)}),[L,h]);const j=()=>{x((e=>0===e?L:e-1))},V=()=>{x((e=>e===L?0:e+1))};return e&&0!==e.length?t.createElement("div",{style:{display:"flex",flexDirection:"column",marginTop:"5px"}},t.createElement(Ti,{onClick:()=>k((e=>!e))},t.createElement(Si,{$primaryTextColor:a},t.createElement($i,{$isCollapsed:C},t.createElement(M,{size:16})),F??"Freebies",D&&!A&&` • ${O}`),t.createElement(Bi,null)),t.createElement(zi,{$isCollapsed:C},t.createElement(yi,{ref:S,onTouchStart:e=>{const t=e.touches[0];$.current=t.clientX,B.current=t.clientY,z.current=!1},onTouchMove:e=>{if(null===$.current||null===B.current)return;const t=e.touches[0],n=t.clientX-$.current,r=t.clientY-B.current;Math.abs(n)>10&&Math.abs(n)>Math.abs(r)&&(z.current=!0,e.preventDefault())},onTouchEnd:e=>{if(null===$.current)return;const t=e.changedTouches[0].clientX-$.current;Math.abs(t)>50&&(t<0?V():j()),$.current=null,B.current=null,z.current=!1}},e?.length>1&&t.createElement(ki,{onClick:j},t.createElement(N,{size:30,color:"#4D4D4D",className:"yt-freebie-carousel-icon"})),t.createElement(vi,{position:"left",style:{display:"flex"}}),t.createElement(vi,{position:"right",style:{display:"flex"}}),t.createElement(bi,{$cardWidth:y},t.createElement(wi,{$translate:h*(y+10)},e?.map(((e,o)=>t.createElement("div",{key:`${e?.id}-${v.includes(String(e.id))?"selected":"unselected"}`,style:{width:`${y}px`,flexShrink:0}},t.createElement(hi,{addFreebieToCart:i,product:e,themeColor:n,themeTextColor:r,productClaimCtaButtonText:R,imageAspectSelector:s,freebieCouponTemplates:p,isMultiClaim:D,isSelected:v.includes(String(e.id)),isDisabled:D&&!v.includes(String(e.id))&&_,shouldCheckInventoryQuantity:g,onToggleSelection:D?e=>{w((t=>{const n=String(e);if(t.includes(n))return t.filter((e=>e!==n));if(t.length<u){return t.length+1<u&&setTimeout((()=>{V()}),600),[...t,n]}return t}))}:void 0})))))),e?.length>1&&t.createElement(Ei,{onClick:V},t.createElement(P,{size:30,color:"#4D4D4D",className:"yt-freebie-carousel-icon"})))),D&&A&&t.createElement(Di,null,t.createElement(Ii,{$themeColor:n,$themeTextColor:r,$disabled:E,onClick:async()=>{if(i&&0!==v.length&&!E){T(!0);try{await xi(v,e,i),w([])}catch(e){console.error("Failed to claim gifts:",e)}finally{T(!1)}}},disabled:E},E?"Adding to Cart...":`${R} • ${I}/${u} added`))):null};function Oi(e){return _({tag:"svg",attr:{version:"1.1",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M14 0h-12c-1.1 0-2 0.9-2 2v12c0 1.1 0.9 2 2 2h12c1.1 0 2-0.9 2-2v-12c0-1.1-0.9-2-2-2zM7 12.414l-3.707-3.707 1.414-1.414 2.293 2.293 4.793-4.793 1.414 1.414-6.207 6.207z"},child:[]}]})(e)}function Ni(e){return _({tag:"svg",attr:{version:"1.1",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M14 0h-12c-1.1 0-2 0.9-2 2v12c0 1.1 0.9 2 2 2h12c1.1 0 2-0.9 2-2v-12c0-1.1-0.9-2-2-2zM14 14h-12v-12h12v12z"},child:[]}]})(e)}const Pi="yt-multiclaim-selection",Ai=e=>{try{if("undefined"==typeof window||!window.sessionStorage)return;sessionStorage.setItem(Pi,JSON.stringify(e))}catch{}},Fi=_t((()=>{try{if("undefined"==typeof window||!window.sessionStorage)return null;const e=sessionStorage.getItem(Pi);return e?JSON.parse(e):null}catch{return null}})()??{selectedProducts:[],maxAllowed:1,tierName:""}),Mi=_t((e=>{const t=e(Fi);return t.selectedProducts.length>=t.maxAllowed})),Ri=_t((e=>e(Fi).selectedProducts.length)),Li=_t(null,((e,t,n)=>{const r=e(Fi);let o;if(r.selectedProducts.includes(n))o={...r,selectedProducts:r.selectedProducts.filter((e=>e!==n))};else{if(!(r.selectedProducts.length<r.maxAllowed))return;o={...r,selectedProducts:[...r.selectedProducts,n]}}t(Fi,o),Ai(o)})),ji=_t(null,((e,t)=>{const n={...e(Fi),selectedProducts:[]};t(Fi,n),Ai(n)})),Vi=_t(null,((e,t,n,r)=>{const o={selectedProducts:[],maxAllowed:n,tierName:r};t(Fi,o),Ai(o)})),Hi=x.div`
+`,_i=({freebieProductsInCart:e,themeColor:n,themeTextColor:r,primaryTextColor:a,addFreebieToCart:d,freebiesInCart:s,imageAspectSelector:p,freebieCouponTemplates:u,maxFreebiesInTier:m=1,tierName:f="Freebie",freebieClaimData:g,shouldCheckInventoryQuantity:h})=>{const[x,y]=c(0),[b,v]=c(0),[w,C]=c([]),[k,E]=c(!1),[T,S]=c(!1),$=o(null),B=o(null),z=o(null),D=o(!1),I=m>1,_=w.length,O=w.length>=m,A=`${_}/${m} selected`,F=_===m&&_>0,R=g?.freebieSectionTitle,L=g?.productClaimCtaButtonText,j=i((()=>e?.length?e.filter((e=>(e?.variants?.edges||[]).some((e=>!h||e?.node?.inventoryQuantity>0)))):[]),[e,h]);l((()=>{C((e=>e.filter((e=>j.some((t=>String(t?.id)===e))))))}),[j]);l((()=>{if($.current){const e=$.current.offsetWidth,t=window.innerWidth<=768;v(t?Math.min(.95*e,280):Math.min(.8*e,320))}}),[j.length]);const V=Math.max(0,(j.length||0)-1);l((()=>{x>V&&y(V)}),[V,x]);const H=()=>{y((e=>0===e?V:e-1))},W=()=>{y((e=>e===V?0:e+1))};return 0===j.length?null:t.createElement("div",{style:{display:"flex",flexDirection:"column",marginTop:"5px"}},t.createElement(Ti,{onClick:()=>E((e=>!e))},t.createElement(Si,{$primaryTextColor:a},t.createElement($i,{$isCollapsed:k},t.createElement(M,{size:16})),R??"Freebies",I&&!F&&` • ${A}`),t.createElement(Bi,null)),t.createElement(zi,{$isCollapsed:k},t.createElement(yi,{ref:$,onTouchStart:e=>{const t=e.touches[0];B.current=t.clientX,z.current=t.clientY,D.current=!1},onTouchMove:e=>{if(null===B.current||null===z.current)return;const t=e.touches[0],n=t.clientX-B.current,r=t.clientY-z.current;Math.abs(n)>10&&Math.abs(n)>Math.abs(r)&&(D.current=!0,e.preventDefault())},onTouchEnd:e=>{if(null===B.current)return;const t=e.changedTouches[0].clientX-B.current;Math.abs(t)>50&&(t<0?W():H()),B.current=null,z.current=null,D.current=!1}},j.length>1&&t.createElement(ki,{onClick:H},t.createElement(N,{size:30,color:"#4D4D4D",className:"yt-freebie-carousel-icon"})),t.createElement(vi,{position:"left",style:{display:"flex"}}),t.createElement(vi,{position:"right",style:{display:"flex"}}),t.createElement(bi,{$cardWidth:b},t.createElement(wi,{$translate:x*(b+10)},j.map(((e,o)=>t.createElement("div",{key:`${e?.id}-${w.includes(String(e.id))?"selected":"unselected"}`,style:{width:`${b}px`,flexShrink:0}},t.createElement(hi,{addFreebieToCart:d,product:e,themeColor:n,themeTextColor:r,productClaimCtaButtonText:L,imageAspectSelector:p,freebieCouponTemplates:u,isMultiClaim:I,isSelected:w.includes(String(e.id)),isDisabled:I&&!w.includes(String(e.id))&&O,shouldCheckInventoryQuantity:h,onToggleSelection:I?e=>{C((t=>{const n=String(e);if(t.includes(n))return t.filter((e=>e!==n));if(t.length<m){return t.length+1<m&&setTimeout((()=>{W()}),600),[...t,n]}return t}))}:void 0})))))),j.length>1&&t.createElement(Ei,{onClick:W},t.createElement(P,{size:30,color:"#4D4D4D",className:"yt-freebie-carousel-icon"})))),I&&F&&t.createElement(Di,null,t.createElement(Ii,{$themeColor:n,$themeTextColor:r,$disabled:T,onClick:async()=>{if(d&&0!==w.length&&!T){S(!0);try{await xi(w,e,d),C([])}catch(e){console.error("Failed to claim gifts:",e)}finally{S(!1)}}},disabled:T},T?"Adding to Cart...":`${L} • ${_}/${m} added`)))};function Oi(e){return _({tag:"svg",attr:{version:"1.1",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M14 0h-12c-1.1 0-2 0.9-2 2v12c0 1.1 0.9 2 2 2h12c1.1 0 2-0.9 2-2v-12c0-1.1-0.9-2-2-2zM7 12.414l-3.707-3.707 1.414-1.414 2.293 2.293 4.793-4.793 1.414 1.414-6.207 6.207z"},child:[]}]})(e)}function Ni(e){return _({tag:"svg",attr:{version:"1.1",viewBox:"0 0 16 16"},child:[{tag:"path",attr:{d:"M14 0h-12c-1.1 0-2 0.9-2 2v12c0 1.1 0.9 2 2 2h12c1.1 0 2-0.9 2-2v-12c0-1.1-0.9-2-2-2zM14 14h-12v-12h12v12z"},child:[]}]})(e)}const Pi="yt-multiclaim-selection",Ai=e=>{try{if("undefined"==typeof window||!window.sessionStorage)return;sessionStorage.setItem(Pi,JSON.stringify(e))}catch{}},Fi=_t((()=>{try{if("undefined"==typeof window||!window.sessionStorage)return null;const e=sessionStorage.getItem(Pi);return e?JSON.parse(e):null}catch{return null}})()??{selectedProducts:[],maxAllowed:1,tierName:""}),Mi=_t((e=>{const t=e(Fi);return t.selectedProducts.length>=t.maxAllowed})),Ri=_t((e=>e(Fi).selectedProducts.length)),Li=_t(null,((e,t,n)=>{const r=e(Fi);let o;if(r.selectedProducts.includes(n))o={...r,selectedProducts:r.selectedProducts.filter((e=>e!==n))};else{if(!(r.selectedProducts.length<r.maxAllowed))return;o={...r,selectedProducts:[...r.selectedProducts,n]}}t(Fi,o),Ai(o)})),ji=_t(null,((e,t)=>{const n={...e(Fi),selectedProducts:[]};t(Fi,n),Ai(n)})),Vi=_t(null,((e,t,n,r)=>{const o={selectedProducts:[],maxAllowed:n,tierName:r};t(Fi,o),Ai(o)})),Hi=x.div`
   display: flex;
   flex-direction: row;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-uikit",
-  "version": "0.7.399",
+  "version": "0.7.400",
   "description": "YourToken UI Kit",
   "scripts": {
     "rollup": "tsc && rollup -c",