yt-uikit 0.8.18-freebie-milestone.2 → 0.8.18-freebie-milestone.3

package/dist/esm/index.js

@@ -1378,7 +1378,7 @@ import*as e from"react";import t,{forwardRef as n,useImperativeHandle as r,useRe
     border-bottom: 0.8px solid rgb(135 135 135 / 50%);
     width: calc(100% + 2rem);
   }
-`,ai=({addCartItem:e,handleDecrement:n,handleIncrement:r,removeCartItem:o,isDev:a,themeColor:i,primaryTextColor:l,secondaryTextColor:c,freeProduct:s,themeTextColor:d,showEditOptionOnProducts:p,productPercentageOffMapping:u,removeFreebieFromCart:m,showDeleteOnFreebies:f,freeProductAdjustedCartTotal:g,freebieCouponTemplates:x,cartCheckpoints:h,freebieFlowCheckpoints:y,imageAspectSelector:b,cartComponentsCornerType:v,cartComponentsCornerRadius:w,giftWrapProductId:C,giftWrapVariantId:k,showGiftWrapAsLineItem:E=!1,backgroundSubdued:S,tertiaryColor:T,tertiaryTextColor:$,backgroundColor:B,showDiscountOnMRP:z,checkoutSectionMessage:I,checkoutSectionMessageRedirectLink:N,showFreebieMilestone:D,freebieMilestoneData:_,freebieProductsInCart:P})=>{const O=dn(mn),{cartLoading:F}=kn(),A=!F.cartLoading&&O?.items,M=(g??Number(O?.items_subtotal_price))/100,R=_?.campaignFilter??"all_campaigns";let L=[];"all_campaigns"===R?L=x??[]:"progress_bar_tiers"===R?L=h??[]:"freebie_campaigns"===R&&(L=y??[]);const j=Array.isArray(L)?L.filter(e=>"free_product"===e?.couponType).slice().sort((e,t)=>e.minimumOrderValue-t.minimumOrderValue).find(e=>e.minimumOrderValue>M):void 0,V=Nn(O,O?.currency),W=t.useMemo(()=>{if(!_?.showFreebieImage||!P?.length)return;let e=P.find(e=>e?.couponTemplateId===j?.couponTemplateId);return e?.featuredMedia?.preview?.image?.url||e?.featuredImage?.url},[_?.showFreebieImage,j,P]);let H=!0,q=0;if(O?.items?.length>0)for(const e of O.items)e?.properties?._isYtFreebie&&(q+=e?.quantity);return q===O?.item_count&&(H=!1),A||0!==O?.item_count?A&&0!==O?.item_count||O?.items?t.createElement(t.Fragment,null,O.items.filter(e=>!!E||!(String(e?.id)===Rn(String(C))||String(e?.id)===Rn(String(k)))).map(s=>{const g=u?.[s?.key],h=x?.find(e=>e?._allVariantIds?.includes(String(s.id)));let y=!1;return h&&M>=h.minimumOrderValue&&0===s?.line_price&&(y=!0),E||String(s?.id)!==Rn(String(C))&&Rn(String(k))!==String(s?.id)?s.properties?._isYtFreebie&&(g||y)&&H?t.createElement(t.Fragment,null,t.createElement(oi,{key:s?.key??s?.id},t.createElement(Ka,{product:s,themeColor:i,isDev:a,primaryTextColor:l,secondaryTextColor:c,themeTextColor:d,showQtySelector:!1,showEditOptionOnProducts:p,percentageOff:g,imageAspectSelector:b,showDeleteOnFreebies:f,removeFreebieFromCart:m,backgroundSubdued:S,tertiaryColor:T,tertiaryTextColor:$,backgroundColor:B,showDiscountOnMRP:!0}))):t.createElement(oi,{key:s?.key??s?.id},t.createElement(Ka,{themeColor:i,handleDecrement:n,handleIncrement:r,removeCartItem:o,addCartItem:e,product:s,isDev:a,primaryTextColor:l,secondaryTextColor:c,showQtySelector:!s.properties?._isYtFreebie,showEditOptionOnProducts:p,removeFreebieFromCart:m,showDeleteOnFreebies:f,imageAspectSelector:b,cartComponentsCornerRadius:w,cartComponentsCornerType:v,backgroundSubdued:S,tertiaryColor:T,tertiaryTextColor:$,backgroundColor:B,showDiscountOnMRP:z})):null}),D&&H&&j&&t.createElement(ni,{name:j.name,minimumOrderValue:j.minimumOrderValue,currency:V,themeColor:i,tertiaryColor:T,imageUrl:_?.milestoneImage?.path,showFreebieImage:_?.showFreebieImage,freebieImageUrl:W}),Vn()&&I&&I.length>0?t.createElement("div",{className:"yt-cart-bottom-bar",style:{fontSize:"10px",textAlign:"center",backgroundColor:T,padding:"3px",boxShadow:"1px 2px 4px 0px #00000061",color:$,marginBottom:"4px",cursor:N?"pointer":"default"},onClick:()=>{N&&(window.location.href=N)}},I):t.createElement("div",{style:{display:"list-item",height:"12px",background:"#87878717"}})):null:t.createElement(ri,null)};function ii(e){return _({tag:"svg",attr:{fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"},child:[]}]})(e)}const li=({bundleProducts:e})=>{const n=dn(mn);return t.createElement("div",{className:"flex flex-col gap-y-2"},t.createElement("div",{className:"flex items-center justify-center"},t.createElement("span",{className:"font-semibold"},"Save more with Bundle!")),t.createElement("div",{className:"flex items-center justify-center gap-2 relative"},t.createElement("div",{className:"w-48 h-48 flex flex-col justify-center border-[1px] p-2 border-[#B0B0B0]"},t.createElement("img",{style:{alignSelf:"center"},width:100,height:100,src:e[0].image}),t.createElement("span",{className:"text-[12.5px] text-[#667085] font-semibold"},Pn(e[0].title)),t.createElement("div",null,t.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},Nn(n,n?.currency),e[0].original_price)," ",t.createElement("span",{className:"line-through text-[#667085] text-[12px]"},Nn(n,n?.currency),e[0].price)),e[0]?.options_with_values?.length>0&&t.createElement("div",{className:"flex flex-col"},e[0]?.options_with_values?.map(e=>{if("Title"!==e.name)return t.createElement("span",{className:"text-[10px] text-[#868E96]"},e.name,": ",e.value)}))),t.createElement("div",{className:"w-48 h-48 flex flex-col justify-center border-[1px] p-2 border-[#B0B0B0]"},t.createElement("img",{style:{alignSelf:"center"},width:100,height:100,src:e[1].image}),t.createElement("span",{className:"text-[12.5px] text-[#667085] font-semibold"},Pn(e[0].title)),t.createElement("div",null,t.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},Nn(n,n?.currency),e[1].original_price)," ",t.createElement("span",{className:"line-through text-[#667085] text-[12px]"},Nn(n,n?.currency),e[1].price)),e[1]?.options_with_values?.length>0&&t.createElement("div",{className:"flex flex-col"},e[0]?.options_with_values?.map(e=>{if("Title"!==e.name)return t.createElement("span",{className:"text-[10px] text-[#868E96]"},e.name,": ",e.value)}))),t.createElement("div",{className:"absolute",style:{left:"50%",transform:"translateX(-50%)"}},t.createElement("img",{src:'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n<circle cx="17.2797" cy="18.7208" r="15.5219" fill="#3A3A3A" stroke="#767676" stroke-width="1.51433"/>\r\n<path d="M15.5903 25.9172V12.1037H19.0827V25.9172H15.5903ZM10.4297 20.7566V17.2642H24.2433V20.7566H10.4297Z" fill="white"/>\r\n</svg>',alt:"Delivery Truck",height:"25px",width:"42px"}))),t.createElement("div",{className:"flex flex-row justify-between items-center"},t.createElement("div",{className:"flex flex-row gap-x-4 items-center"},t.createElement("span",{className:"text-[#667085] text-[13px]"},"Total Price"),t.createElement("span",null,t.createElement("span",{className:"font-bold text-black"},Nn(n,n?.currency),e[0].price+e[1].price)," ",t.createElement("span",{className:"text-[#868E96] text-[12px] line-through"},Nn(n,n?.currency),e[0].original_price+e[1].original_price))),t.createElement("span",{className:"text-[#1ADF5D] text-[10px]"},"save extra"," ",t.createElement("span",{className:"font-semibold"},Nn(n,n?.currency),e[0].original_price-e[0].price+(e[1].original_price-e[1].price)))),t.createElement("button",{className:"flex flex-row items-center bg-[#333333] gap-x-3 justify-center w-full py-1.5"},t.createElement(ii,{color:"white"}),t.createElement("span",{className:"text-white uppercase text-[14px]"},"Buy Bundle at"," ",t.createElement("span",{className:"font-semibold"},Nn(n,n?.currency),e[0].price+e[1].price))))},ci=hn("showGSTInput",!1),si=h.div`
+`,ai=({addCartItem:e,handleDecrement:n,handleIncrement:r,removeCartItem:o,isDev:a,themeColor:i,primaryTextColor:l,secondaryTextColor:c,freeProduct:s,themeTextColor:d,showEditOptionOnProducts:p,productPercentageOffMapping:u,removeFreebieFromCart:m,showDeleteOnFreebies:f,freeProductAdjustedCartTotal:g,freebieCouponTemplates:x,cartCheckpoints:h,freebieFlowCheckpoints:y,imageAspectSelector:b,cartComponentsCornerType:v,cartComponentsCornerRadius:w,giftWrapProductId:C,giftWrapVariantId:k,showGiftWrapAsLineItem:E=!1,backgroundSubdued:S,tertiaryColor:T,tertiaryTextColor:$,backgroundColor:B,showDiscountOnMRP:z,checkoutSectionMessage:I,checkoutSectionMessageRedirectLink:N,showFreebieMilestone:D,freebieMilestoneData:_,freebieProductsInCart:P})=>{const O=dn(mn),{cartLoading:F}=kn(),A=!F.cartLoading&&O?.items,M=(g??Number(O?.items_subtotal_price))/100,R=_?.campaignFilter??"all_campaigns";let L=[];"all_campaigns"===R?L=x??[]:"progress_bar_tiers"===R?L=h??[]:"freebie_campaigns"===R&&(L=y??[]);const j=Array.isArray(L)?L.filter(e=>"free_product"===e?.couponType).slice().sort((e,t)=>e.minimumOrderValue-t.minimumOrderValue).find(e=>e.minimumOrderValue>M):void 0,V=Nn(O,O?.currency),W=t.useMemo(()=>{if(!_?.showFreebieImage||!P?.length)return;let e=P.find(e=>e?.couponTemplateId===j?.couponTemplateId);if(!e&&j?._allVariantIds?.[0]){const t=j._allVariantIds[0];e=P.find(e=>(e?.variants?.edges||[]).some(e=>{const n=String(e?.node?.id||"");return n.endsWith(`/${t}`)||n===t}))}return e?.featuredMedia?.preview?.image?.url||e?.featuredImage?.url},[_?.showFreebieImage,j,P]);let H=!0,q=0;if(O?.items?.length>0)for(const e of O.items)e?.properties?._isYtFreebie&&(q+=e?.quantity);return q===O?.item_count&&(H=!1),A||0!==O?.item_count?A&&0!==O?.item_count||O?.items?t.createElement(t.Fragment,null,O.items.filter(e=>!!E||!(String(e?.id)===Rn(String(C))||String(e?.id)===Rn(String(k)))).map(s=>{const g=u?.[s?.key],h=x?.find(e=>e?._allVariantIds?.includes(String(s.id)));let y=!1;return h&&M>=h.minimumOrderValue&&0===s?.line_price&&(y=!0),E||String(s?.id)!==Rn(String(C))&&Rn(String(k))!==String(s?.id)?s.properties?._isYtFreebie&&(g||y)&&H?t.createElement(t.Fragment,null,t.createElement(oi,{key:s?.key??s?.id},t.createElement(Ka,{product:s,themeColor:i,isDev:a,primaryTextColor:l,secondaryTextColor:c,themeTextColor:d,showQtySelector:!1,showEditOptionOnProducts:p,percentageOff:g,imageAspectSelector:b,showDeleteOnFreebies:f,removeFreebieFromCart:m,backgroundSubdued:S,tertiaryColor:T,tertiaryTextColor:$,backgroundColor:B,showDiscountOnMRP:!0}))):t.createElement(oi,{key:s?.key??s?.id},t.createElement(Ka,{themeColor:i,handleDecrement:n,handleIncrement:r,removeCartItem:o,addCartItem:e,product:s,isDev:a,primaryTextColor:l,secondaryTextColor:c,showQtySelector:!s.properties?._isYtFreebie,showEditOptionOnProducts:p,removeFreebieFromCart:m,showDeleteOnFreebies:f,imageAspectSelector:b,cartComponentsCornerRadius:w,cartComponentsCornerType:v,backgroundSubdued:S,tertiaryColor:T,tertiaryTextColor:$,backgroundColor:B,showDiscountOnMRP:z})):null}),D&&H&&j&&t.createElement(ni,{name:j.name,minimumOrderValue:j.minimumOrderValue,currency:V,themeColor:i,tertiaryColor:T,imageUrl:_?.milestoneImage?.path,showFreebieImage:_?.showFreebieImage,freebieImageUrl:W}),Vn()&&I&&I.length>0?t.createElement("div",{className:"yt-cart-bottom-bar",style:{fontSize:"10px",textAlign:"center",backgroundColor:T,padding:"3px",boxShadow:"1px 2px 4px 0px #00000061",color:$,marginBottom:"4px",cursor:N?"pointer":"default"},onClick:()=>{N&&(window.location.href=N)}},I):t.createElement("div",{style:{display:"list-item",height:"12px",background:"#87878717"}})):null:t.createElement(ri,null)};function ii(e){return _({tag:"svg",attr:{fill:"none",viewBox:"0 0 24 24",strokeWidth:"1.5",stroke:"currentColor","aria-hidden":"true"},child:[{tag:"path",attr:{strokeLinecap:"round",strokeLinejoin:"round",d:"M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007ZM8.625 10.5a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm7.5 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"},child:[]}]})(e)}const li=({bundleProducts:e})=>{const n=dn(mn);return t.createElement("div",{className:"flex flex-col gap-y-2"},t.createElement("div",{className:"flex items-center justify-center"},t.createElement("span",{className:"font-semibold"},"Save more with Bundle!")),t.createElement("div",{className:"flex items-center justify-center gap-2 relative"},t.createElement("div",{className:"w-48 h-48 flex flex-col justify-center border-[1px] p-2 border-[#B0B0B0]"},t.createElement("img",{style:{alignSelf:"center"},width:100,height:100,src:e[0].image}),t.createElement("span",{className:"text-[12.5px] text-[#667085] font-semibold"},Pn(e[0].title)),t.createElement("div",null,t.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},Nn(n,n?.currency),e[0].original_price)," ",t.createElement("span",{className:"line-through text-[#667085] text-[12px]"},Nn(n,n?.currency),e[0].price)),e[0]?.options_with_values?.length>0&&t.createElement("div",{className:"flex flex-col"},e[0]?.options_with_values?.map(e=>{if("Title"!==e.name)return t.createElement("span",{className:"text-[10px] text-[#868E96]"},e.name,": ",e.value)}))),t.createElement("div",{className:"w-48 h-48 flex flex-col justify-center border-[1px] p-2 border-[#B0B0B0]"},t.createElement("img",{style:{alignSelf:"center"},width:100,height:100,src:e[1].image}),t.createElement("span",{className:"text-[12.5px] text-[#667085] font-semibold"},Pn(e[0].title)),t.createElement("div",null,t.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},Nn(n,n?.currency),e[1].original_price)," ",t.createElement("span",{className:"line-through text-[#667085] text-[12px]"},Nn(n,n?.currency),e[1].price)),e[1]?.options_with_values?.length>0&&t.createElement("div",{className:"flex flex-col"},e[0]?.options_with_values?.map(e=>{if("Title"!==e.name)return t.createElement("span",{className:"text-[10px] text-[#868E96]"},e.name,": ",e.value)}))),t.createElement("div",{className:"absolute",style:{left:"50%",transform:"translateX(-50%)"}},t.createElement("img",{src:'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n<circle cx="17.2797" cy="18.7208" r="15.5219" fill="#3A3A3A" stroke="#767676" stroke-width="1.51433"/>\r\n<path d="M15.5903 25.9172V12.1037H19.0827V25.9172H15.5903ZM10.4297 20.7566V17.2642H24.2433V20.7566H10.4297Z" fill="white"/>\r\n</svg>',alt:"Delivery Truck",height:"25px",width:"42px"}))),t.createElement("div",{className:"flex flex-row justify-between items-center"},t.createElement("div",{className:"flex flex-row gap-x-4 items-center"},t.createElement("span",{className:"text-[#667085] text-[13px]"},"Total Price"),t.createElement("span",null,t.createElement("span",{className:"font-bold text-black"},Nn(n,n?.currency),e[0].price+e[1].price)," ",t.createElement("span",{className:"text-[#868E96] text-[12px] line-through"},Nn(n,n?.currency),e[0].original_price+e[1].original_price))),t.createElement("span",{className:"text-[#1ADF5D] text-[10px]"},"save extra"," ",t.createElement("span",{className:"font-semibold"},Nn(n,n?.currency),e[0].original_price-e[0].price+(e[1].original_price-e[1].price)))),t.createElement("button",{className:"flex flex-row items-center bg-[#333333] gap-x-3 justify-center w-full py-1.5"},t.createElement(ii,{color:"white"}),t.createElement("span",{className:"text-white uppercase text-[14px]"},"Buy Bundle at"," ",t.createElement("span",{className:"font-semibold"},Nn(n,n?.currency),e[0].price+e[1].price))))},ci=hn("showGSTInput",!1),si=h.div`
   width: 95%;
   background: white;
   border-radius: 2px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-uikit",
-  "version": "0.8.18-freebie-milestone.2",
+  "version": "0.8.18-freebie-milestone.3",
   "description": "YourToken UI Kit",
   "scripts": {
     "rollup": "tsc && rollup -c",