yt-uikit 0.9.38 → 0.9.40
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.
- package/dist/esm/index.js +98 -98
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i,useLayoutEffect as a,forwardRef as l}from"react";import c,{keyframes as s,css as d}from"styled-components";import p from"react-otp-input";import{IoClose as u,IoChevronDown as m,IoArrowBackCircle as g,IoArrowForwardCircle as x,IoCalendar as f,IoChevronDownOutline as y,IoGiftSharp as b,IoPersonOutline as h,IoLogoYoutube as v,IoLogoTwitter as w,IoLogoFacebook as C,IoLogoInstagram as E,IoShareSocialOutline as k,IoWalletOutline as T,IoThumbsUpOutline as S,IoGiftOutline as $,IoCheckmark as N,IoCopy as B,IoChevronBack as F,IoChevronForward as z}from"react-icons/io5";import{PhoneInput as I}from"react-international-phone";import D,{createPortal as P}from"react-dom";import{FaShoppingCart as A,FaAngleUp as _,FaAngleDown as R,FaChevronRight as L,FaArrowLeft as O,FaChevronDown as M,FaChevronUp as W,FaGift as V,FaRegQuestionCircle as j,FaCheckCircle as H,FaLockOpen as q,FaPlus as Q,FaLock as U,FaTimes as Y,FaCheck as G,FaChevronLeft as X,FaSearch as Z,FaSortAmountDown as K}from"react-icons/fa";import{RxInfoCircled as J,RxMinus as ee}from"react-icons/rx";import{RiDeleteBinLine as te,RiDeleteBinFill as ne,RiCouponLine as oe,RiCloseLine as re}from"react-icons/ri";import{atom as ie,useAtom as ae,useAtomValue as le,useSetAtom as ce}from"jotai";import{atomWithStorage as se}from"jotai/utils";import de from"currency-symbol-map";import{FaBagShopping as pe,FaRegCopy as ue}from"react-icons/fa6";import{ClipLoader as me,ScaleLoader as ge}from"react-spinners";import{TbShoppingBagEdit as xe,TbTrashXFilled as fe,TbTrashX as ye}from"react-icons/tb";import{MdChevronLeft as be,MdChevronRight as he,MdDiscount as ve,MdClose as we,MdVerified as Ce}from"react-icons/md";import Ee from"canvas-confetti";import{IoMdCheckmark as ke,IoIosCart as Te,IoMdPricetags as Se,IoMdArrowDropleft as $e,IoMdArrowDropright as Ne,IoIosStar as Be,IoIosArrowDown as Fe}from"react-icons/io";import{AiFillGift as ze,AiOutlineEdit as Ie}from"react-icons/ai";import{BiSolidTShirt as De,BiCube as Pe,BiPlus as Ae,BiSearch as _e,BiFilterAlt as Re,BiSortAlt2 as Le,BiMinus as Oe,BiTrash as Me,BiCheck as We,BiPencil as Ve,BiChevronDown as je,BiSolidDiscount as He}from"react-icons/bi";import{BsCupHotFill as qe,BsReceiptCutoff as Qe,BsInfoCircle as Ue,BsCheck as Ye,BsX as Ge,BsArrowRight as Xe,BsXLg as Ze,BsChevronDown as Ke}from"react-icons/bs";import{PiPercentDuotone as Je}from"react-icons/pi";import{HiOutlineShoppingBag as et,HiTag as tt}from"react-icons/hi";import{LuZap as nt}from"react-icons/lu";import{GrFormNext as ot,GrFormSubtract as rt,GrFormAdd as it,GrGift as at}from"react-icons/gr";import{FiLock as lt,FiTrash as ct,FiArrowLeft as st,FiArrowRight as dt}from"react-icons/fi";import{HiOutlineShoppingBag as pt}from"react-icons/hi2";import{ImCheckboxChecked as ut,ImCheckboxUnchecked as mt}from"react-icons/im";import gt from"react-calendar";import xt from"react-modal-image";var ft='<svg width="29" height="23" viewBox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M3.58718 11.5427H14.229V12.9247H3.58718V11.5427Z" fill="#FF4E4E"/>\n<path d="M1.81354 8.08752H10.6818V9.46959H1.81354V8.08752Z" fill="#FF4E4E"/>\n<path d="M26.5737 11.9615L23.9133 7.12431C23.845 6.99997 23.7314 6.89401 23.5865 6.81956C23.4416 6.74511 23.2718 6.70547 23.0983 6.70554H20.4378V5.32348C20.4378 5.1402 20.3444 4.96444 20.1781 4.83484C20.0118 4.70525 19.7862 4.63245 19.551 4.63245H5.36184V6.01451H18.6642V14.6911C18.2601 14.8739 17.9064 15.1173 17.6236 15.4072C17.3408 15.697 17.1345 16.0277 17.0165 16.38H11.4437C11.2278 15.7286 10.7145 15.1609 9.99991 14.7833C9.28533 14.4057 8.41855 14.2441 7.56205 14.3289C6.70554 14.4137 5.91811 14.739 5.34737 15.2438C4.77662 15.7486 4.46173 16.3982 4.46173 17.071C4.46173 17.7438 4.77662 18.3935 5.34737 18.8983C5.91811 19.4031 6.70554 19.7283 7.56205 19.8131C8.41855 19.8979 9.28533 19.7363 9.99991 19.3587C10.7145 18.9812 11.2278 18.4134 11.4437 17.762H17.0165C17.2094 18.3551 17.6506 18.8811 18.2702 19.2569C18.8899 19.6326 19.6526 19.8366 20.4378 19.8366C21.223 19.8366 21.9857 19.6326 22.6054 19.2569C23.2251 18.8811 23.6663 18.3551 23.8592 17.762H25.7587C25.9939 17.762 26.2195 17.6892 26.3858 17.5596C26.5521 17.43 26.6456 17.2543 26.6456 17.071V12.2338C26.6456 12.1402 26.6212 12.0475 26.5737 11.9615ZM8.02231 18.4531C7.67151 18.4531 7.3286 18.372 7.03692 18.2202C6.74525 18.0683 6.51792 17.8524 6.38367 17.5999C6.24943 17.3474 6.21431 17.0695 6.28274 16.8014C6.35118 16.5333 6.5201 16.287 6.76815 16.0937C7.0162 15.9005 7.33223 15.7688 7.67629 15.7155C8.02034 15.6622 8.37696 15.6895 8.70105 15.7942C9.02514 15.8988 9.30215 16.0759 9.49704 16.3032C9.69193 16.5305 9.79595 16.7977 9.79595 17.071C9.79548 17.4374 9.60846 17.7888 9.27594 18.0479C8.94342 18.307 8.49256 18.4527 8.02231 18.4531ZM20.4378 8.0876H22.513L24.4143 11.5428H20.4378V8.0876ZM20.4378 18.4531C20.087 18.4531 19.7441 18.372 19.4524 18.2202C19.1608 18.0683 18.9334 17.8524 18.7992 17.5999C18.6649 17.3474 18.6298 17.0695 18.6983 16.8014C18.7667 16.5333 18.9356 16.287 19.1837 16.0937C19.4317 15.9005 19.7477 15.7688 20.0918 15.7155C20.4358 15.6622 20.7925 15.6895 21.1166 15.7942C21.4406 15.8988 21.7177 16.0759 21.9125 16.3032C22.1074 16.5305 22.2115 16.7977 22.2115 17.071C22.211 17.4374 22.024 17.7888 21.6915 18.0479C21.3589 18.307 20.9081 18.4527 20.4378 18.4531ZM24.8719 16.38H23.8592C23.6638 15.7881 23.2219 15.2634 22.6028 14.8882C21.9836 14.513 21.2222 14.3086 20.4378 14.3069V12.9248H24.8719V16.38Z" fill="#4D4D4D"/>\n</svg>';function yt(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}yt('@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Space+Grotesk:wght@300..700&display=swap");');yt(".react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height, 36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));margin:0;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));cursor:pointer;text-transform:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover, whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);border-right:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color, #999)}.react-international-phone-country-selector-button--disabled{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));cursor:auto}.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width, 24px);height:var(--react-international-phone-flag-height, 24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top, 44px);left:var(--react-international-phone-dropdown-left, 0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));box-shadow:var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));color:var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);background:var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height, 28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size, 14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color, gray);font-size:var(--react-international-phone-dropdown-item-font-size, 14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));color:var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));font-size:var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius, 4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height, 36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color, gainsboro);border-radius:var(--react-international-phone-border-radius, 4px);margin:0;background-color:var(--react-international-phone-background-color, white);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color, #222);font-family:inherit;font-size:var(--react-international-phone-font-size, 13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color, whitesmoke);color:var(--react-international-phone-disabled-text-color, #666)}\n");const bt=c.div`
|
|
1
|
+
import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i,useLayoutEffect as a,forwardRef as l}from"react";import c,{keyframes as s,css as d}from"styled-components";import p from"react-otp-input";import{IoClose as m,IoChevronDown as u,IoArrowBackCircle as g,IoArrowForwardCircle as x,IoCalendar as f,IoChevronDownOutline as y,IoGiftSharp as b,IoPersonOutline as h,IoLogoYoutube as v,IoLogoTwitter as w,IoLogoFacebook as C,IoLogoInstagram as E,IoShareSocialOutline as k,IoWalletOutline as T,IoThumbsUpOutline as S,IoGiftOutline as $,IoCheckmark as N,IoCopy as B,IoChevronBack as F,IoChevronForward as z}from"react-icons/io5";import{PhoneInput as I}from"react-international-phone";import D,{createPortal as P}from"react-dom";import{FaShoppingCart as A,FaAngleUp as _,FaAngleDown as R,FaChevronRight as L,FaArrowLeft as O,FaChevronDown as M,FaChevronUp as W,FaGift as V,FaRegQuestionCircle as j,FaCheckCircle as H,FaLockOpen as q,FaPlus as Q,FaLock as U,FaTimes as Y,FaCheck as G,FaChevronLeft as X,FaSearch as Z,FaSortAmountDown as K}from"react-icons/fa";import{RxInfoCircled as J,RxMinus as ee}from"react-icons/rx";import{RiDeleteBinLine as te,RiDeleteBinFill as ne,RiCouponLine as oe,RiCloseLine as re}from"react-icons/ri";import{atom as ie,useAtom as ae,useAtomValue as le,useSetAtom as ce}from"jotai";import{atomWithStorage as se}from"jotai/utils";import de from"currency-symbol-map";import{FaBagShopping as pe,FaRegCopy as me}from"react-icons/fa6";import{ClipLoader as ue,ScaleLoader as ge}from"react-spinners";import{TbShoppingBagEdit as xe,TbTrashXFilled as fe,TbTrashX as ye}from"react-icons/tb";import{MdChevronLeft as be,MdChevronRight as he,MdDiscount as ve,MdClose as we,MdVerified as Ce}from"react-icons/md";import Ee from"canvas-confetti";import{IoMdCheckmark as ke,IoIosCart as Te,IoMdPricetags as Se,IoMdArrowDropleft as $e,IoMdArrowDropright as Ne,IoIosStar as Be,IoIosArrowDown as Fe}from"react-icons/io";import{AiFillGift as ze,AiOutlineEdit as Ie}from"react-icons/ai";import{BiSolidTShirt as De,BiCube as Pe,BiPlus as Ae,BiSearch as _e,BiFilterAlt as Re,BiSortAlt2 as Le,BiMinus as Oe,BiTrash as Me,BiCheck as We,BiPencil as Ve,BiChevronDown as je,BiSolidDiscount as He}from"react-icons/bi";import{BsCupHotFill as qe,BsReceiptCutoff as Qe,BsInfoCircle as Ue,BsCheck as Ye,BsX as Ge,BsArrowRight as Xe,BsXLg as Ze,BsChevronDown as Ke}from"react-icons/bs";import{PiPercentDuotone as Je}from"react-icons/pi";import{HiOutlineShoppingBag as et,HiTag as tt}from"react-icons/hi";import{LuZap as nt}from"react-icons/lu";import{GrFormNext as ot,GrFormSubtract as rt,GrFormAdd as it,GrGift as at}from"react-icons/gr";import{FiLock as lt,FiTrash as ct,FiArrowLeft as st,FiArrowRight as dt}from"react-icons/fi";import{HiOutlineShoppingBag as pt}from"react-icons/hi2";import{ImCheckboxChecked as mt,ImCheckboxUnchecked as ut}from"react-icons/im";import gt from"react-calendar";import xt from"react-modal-image";var ft='<svg width="29" height="23" viewBox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M3.58718 11.5427H14.229V12.9247H3.58718V11.5427Z" fill="#FF4E4E"/>\n<path d="M1.81354 8.08752H10.6818V9.46959H1.81354V8.08752Z" fill="#FF4E4E"/>\n<path d="M26.5737 11.9615L23.9133 7.12431C23.845 6.99997 23.7314 6.89401 23.5865 6.81956C23.4416 6.74511 23.2718 6.70547 23.0983 6.70554H20.4378V5.32348C20.4378 5.1402 20.3444 4.96444 20.1781 4.83484C20.0118 4.70525 19.7862 4.63245 19.551 4.63245H5.36184V6.01451H18.6642V14.6911C18.2601 14.8739 17.9064 15.1173 17.6236 15.4072C17.3408 15.697 17.1345 16.0277 17.0165 16.38H11.4437C11.2278 15.7286 10.7145 15.1609 9.99991 14.7833C9.28533 14.4057 8.41855 14.2441 7.56205 14.3289C6.70554 14.4137 5.91811 14.739 5.34737 15.2438C4.77662 15.7486 4.46173 16.3982 4.46173 17.071C4.46173 17.7438 4.77662 18.3935 5.34737 18.8983C5.91811 19.4031 6.70554 19.7283 7.56205 19.8131C8.41855 19.8979 9.28533 19.7363 9.99991 19.3587C10.7145 18.9812 11.2278 18.4134 11.4437 17.762H17.0165C17.2094 18.3551 17.6506 18.8811 18.2702 19.2569C18.8899 19.6326 19.6526 19.8366 20.4378 19.8366C21.223 19.8366 21.9857 19.6326 22.6054 19.2569C23.2251 18.8811 23.6663 18.3551 23.8592 17.762H25.7587C25.9939 17.762 26.2195 17.6892 26.3858 17.5596C26.5521 17.43 26.6456 17.2543 26.6456 17.071V12.2338C26.6456 12.1402 26.6212 12.0475 26.5737 11.9615ZM8.02231 18.4531C7.67151 18.4531 7.3286 18.372 7.03692 18.2202C6.74525 18.0683 6.51792 17.8524 6.38367 17.5999C6.24943 17.3474 6.21431 17.0695 6.28274 16.8014C6.35118 16.5333 6.5201 16.287 6.76815 16.0937C7.0162 15.9005 7.33223 15.7688 7.67629 15.7155C8.02034 15.6622 8.37696 15.6895 8.70105 15.7942C9.02514 15.8988 9.30215 16.0759 9.49704 16.3032C9.69193 16.5305 9.79595 16.7977 9.79595 17.071C9.79548 17.4374 9.60846 17.7888 9.27594 18.0479C8.94342 18.307 8.49256 18.4527 8.02231 18.4531ZM20.4378 8.0876H22.513L24.4143 11.5428H20.4378V8.0876ZM20.4378 18.4531C20.087 18.4531 19.7441 18.372 19.4524 18.2202C19.1608 18.0683 18.9334 17.8524 18.7992 17.5999C18.6649 17.3474 18.6298 17.0695 18.6983 16.8014C18.7667 16.5333 18.9356 16.287 19.1837 16.0937C19.4317 15.9005 19.7477 15.7688 20.0918 15.7155C20.4358 15.6622 20.7925 15.6895 21.1166 15.7942C21.4406 15.8988 21.7177 16.0759 21.9125 16.3032C22.1074 16.5305 22.2115 16.7977 22.2115 17.071C22.211 17.4374 22.024 17.7888 21.6915 18.0479C21.3589 18.307 20.9081 18.4527 20.4378 18.4531ZM24.8719 16.38H23.8592C23.6638 15.7881 23.2219 15.2634 22.6028 14.8882C21.9836 14.513 21.2222 14.3086 20.4378 14.3069V12.9248H24.8719V16.38Z" fill="#4D4D4D"/>\n</svg>';function yt(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],r=document.createElement("style");r.type="text/css","top"===n&&o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.styleSheet?r.styleSheet.cssText=e:r.appendChild(document.createTextNode(e))}}yt('@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Space+Grotesk:wght@300..700&display=swap");');yt(".react-international-phone-country-selector{position:relative}.react-international-phone-country-selector-button{display:flex;height:var(--react-international-phone-height, 36px);box-sizing:border-box;align-items:center;justify-content:center;padding:0;border:1px solid var(--react-international-phone-country-selector-border-color, var(--react-international-phone-border-color, gainsboro));margin:0;appearance:button;-webkit-appearance:button;background-color:var(--react-international-phone-country-selector-background-color, var(--react-international-phone-background-color, white));cursor:pointer;text-transform:none;user-select:none}.react-international-phone-country-selector-button:hover{background-color:var(--react-international-phone-country-selector-background-color-hover, whitesmoke)}.react-international-phone-country-selector-button--hide-dropdown{cursor:auto}.react-international-phone-country-selector-button--hide-dropdown:hover{background-color:transparent}.react-international-phone-country-selector-button__button-content{display:flex;align-items:center;justify-content:center}.react-international-phone-country-selector-button__flag-emoji{margin:0 4px}.react-international-phone-country-selector-button__flag-emoji--disabled{opacity:.75}.react-international-phone-country-selector-button__dropdown-arrow{border-top:var(--react-international-phone-country-selector-arrow-size, 4px) solid var(--react-international-phone-country-selector-arrow-color, #777);border-right:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;border-left:var(--react-international-phone-country-selector-arrow-size, 4px) solid transparent;margin-right:4px;transition:all .1s ease-out}.react-international-phone-country-selector-button__dropdown-arrow--active{transform:rotateX(180deg)}.react-international-phone-country-selector-button__dropdown-arrow--disabled{border-top-color:var(--react-international-phone-disabled-country-selector-arrow-color, #999)}.react-international-phone-country-selector-button--disabled{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));cursor:auto}.react-international-phone-country-selector-button--disabled:hover{background-color:var(--react-international-phone-disabled-country-selector-background-color, var(--react-international-phone-disabled-background-color, whitesmoke))}.react-international-phone-flag-emoji{width:var(--react-international-phone-flag-width, 24px);height:var(--react-international-phone-flag-height, 24px);box-sizing:border-box}.react-international-phone-country-selector-dropdown{position:absolute;z-index:1;top:var(--react-international-phone-dropdown-top, 44px);left:var(--react-international-phone-dropdown-left, 0);display:flex;width:300px;max-height:200px;flex-direction:column;padding:4px 0;margin:0;background-color:var(--react-international-phone-dropdown-item-background-color, var(--react-international-phone-background-color, white));box-shadow:var(--react-international-phone-dropdown-shadow, 2px 2px 16px rgba(0, 0, 0, .25));color:var(--react-international-phone-dropdown-item-text-color, var(--react-international-phone-text-color, #222));list-style:none;overflow-y:scroll}.react-international-phone-country-selector-dropdown__preferred-list-divider{height:1px;border:none;margin:var(--react-international-phone-dropdown-preferred-list-divider-margin, 0);background:var(--react-international-phone-dropdown-preferred-list-divider-color, var(--react-international-phone-border-color, gainsboro))}.react-international-phone-country-selector-dropdown__list-item{display:flex;min-height:var(--react-international-phone-dropdown-item-height, 28px);box-sizing:border-box;align-items:center;padding:2px 8px}.react-international-phone-country-selector-dropdown__list-item-flag-emoji{margin-right:8px}.react-international-phone-country-selector-dropdown__list-item-country-name{overflow:hidden;margin-right:8px;font-size:var(--react-international-phone-dropdown-item-font-size, 14px);text-overflow:ellipsis;white-space:nowrap}.react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-dropdown-item-dial-code-color, gray);font-size:var(--react-international-phone-dropdown-item-font-size, 14px)}.react-international-phone-country-selector-dropdown__list-item:hover{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke));cursor:pointer}.react-international-phone-country-selector-dropdown__list-item--selected,.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke);color:var(--react-international-phone-selected-dropdown-item-text-color, var(--react-international-phone-text-color, #222))}.react-international-phone-country-selector-dropdown__list-item--selected .react-international-phone-country-selector-dropdown__list-item-dial-code,.react-international-phone-country-selector-dropdown__list-item--focused .react-international-phone-country-selector-dropdown__list-item-dial-code{color:var(--react-international-phone-selected-dropdown-item-dial-code-color, var(--react-international-phone-dropdown-item-dial-code-color, gray))}.react-international-phone-country-selector-dropdown__list-item--focused{background-color:var(--react-international-phone-selected-dropdown-item-background-color, var(--react-international-phone-selected-dropdown-item-background-color, whitesmoke))}.react-international-phone-dial-code-preview{display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--react-international-phone-dial-code-preview-border-color, var(--react-international-phone-border-color, gainsboro));margin-right:-1px;background-color:var(--react-international-phone-dial-code-preview-background-color, var(--react-international-phone-background-color, white));color:var(--react-international-phone-dial-code-preview-text-color, var(--react-international-phone-text-color, #222));font-size:var(--react-international-phone-dial-code-preview-font-size, var(--react-international-phone-font-size, 13px))}.react-international-phone-dial-code-preview--disabled{background-color:var(--react-international-phone-dial-code-preview-disabled-background-color, var(--react-international-phone-disabled-background-color, whitesmoke));color:var(--react-international-phone-dial-code-preview-disabled-text-color, var(--react-international-phone-disabled-text-color, #666))}.react-international-phone-input-container{display:flex}.react-international-phone-input-container .react-international-phone-country-selector-button{border-radius:var(--react-international-phone-border-radius, 4px);margin-right:-1px;border-bottom-right-radius:0;border-top-right-radius:0}.react-international-phone-input-container .react-international-phone-input{overflow:visible;height:var(--react-international-phone-height, 36px);box-sizing:border-box;padding:0 8px;border:1px solid var(--react-international-phone-border-color, gainsboro);border-radius:var(--react-international-phone-border-radius, 4px);margin:0;background-color:var(--react-international-phone-background-color, white);border-bottom-left-radius:0;border-top-left-radius:0;color:var(--react-international-phone-text-color, #222);font-family:inherit;font-size:var(--react-international-phone-font-size, 13px)}.react-international-phone-input-container .react-international-phone-input:focus{outline:none}.react-international-phone-input-container .react-international-phone-input--disabled{background-color:var(--react-international-phone-disabled-background-color, whitesmoke);color:var(--react-international-phone-disabled-text-color, #666)}\n");const bt=c.div`
|
|
2
2
|
position: absolute;
|
|
3
3
|
top: 10px;
|
|
4
4
|
right: 10px;
|
|
@@ -146,7 +146,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
146
146
|
color: ${e=>(e.$clickable,"#000000")};
|
|
147
147
|
text-decoration: ${e=>e.$clickable?"underline":"none"};
|
|
148
148
|
cursor: ${e=>e.$clickable?"pointer":"default"};
|
|
149
|
-
`,It=({ctaButtonColor:o="black",headerColor:r="black",handleLoginOrSignup:i,handleSubmit:a,title:l="Everything here to give you the Best Value!",subtitle:c="Sign up to avail upto 20% extra discount on all products and unlock exclusive offers",onClose:s,closeIconColor:d="white"})=>{const[p,
|
|
149
|
+
`,It=({ctaButtonColor:o="black",headerColor:r="black",handleLoginOrSignup:i,handleSubmit:a,title:l="Everything here to give you the Best Value!",subtitle:c="Sign up to avail upto 20% extra discount on all products and unlock exclusive offers",onClose:s,closeIconColor:d="white"})=>{const[p,u]=t(""),[g,x]=t(""),[f,y]=t(""),[b,h]=t(""),[v,w]=t(!1),[C,E]=t(!1),[k,T]=t(!1),[S,$]=t(30),[N,B]=t(!1);n(()=>{let e;return C&&S>0?e=setInterval(()=>{$(e=>e-1)},1e3):0===S&&B(!0),()=>clearInterval(e)},[C,S]),n(()=>{const e=()=>{T(window.innerWidth<540)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const F=async e=>{if(e.preventDefault(),w(!0),h(""),!(e=>{const t=e.replace(/\D/g,"");return t.length>5&&t.length<=15&&/^\+?([0-9]{1,3})?[-. ]?([0-9]{1,4})[-. ]?([0-9]{1,4})[-. ]?([0-9]{1,4})$/.test(e)})(p))return h("Please enter a valid phone number with country code"),void w(!1);if(!(e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))(g))return h("Please enter a valid email address"),void w(!1);try{i&&await i(p,g),E(!0),$(30),B(!1)}catch(e){h(e?.message||"An error occurred. Please try again.")}finally{w(!1)}};return e.createElement(e.Fragment,null,e.createElement(ht,{onClick:e=>{e.stopPropagation(),s&&s()}},e.createElement(vt,{onClick:e=>e.stopPropagation()},e.createElement(bt,{onClick:e=>{e.stopPropagation(),s&&s()}},e.createElement(m,{size:k?20:24,color:d})),e.createElement(wt,null,e.createElement(Ct,{$headerColor:r},e.createElement(Et,{className:"yt-lead-generation-nudge-title"},l),e.createElement(kt,{className:"yt-lead-generation-nudge-subtitle"},c)),e.createElement(Tt,null,C?e.createElement("form",{onSubmit:async e=>{if(e.preventDefault(),w(!0),h(""),4!==f.length||!/^\d+$/.test(f))return h("Please enter a valid 4-digit OTP"),void w(!1);try{a&&await a(p,f)}catch(e){h(e?.message||"Invalid OTP. Please try again.")}finally{w(!1),b||s&&s()}}},e.createElement(Ft,{value:f,onChange:y,numInputs:4,containerStyle:{display:"flex",justifyContent:"center"},renderSeparator:()=>e.createElement("span",{style:{margin:"0 8px"}}),renderInput:t=>e.createElement("input",{...t,style:{display:"flex",fontFamily:"Poppins !important",alignItems:"center",justifyContent:"center",border:"1px solid",borderColor:"black",width:40,height:40,borderRadius:0,borderTopWidth:0,borderRightWidth:0,borderLeftWidth:0,textAlign:"center",background:"#FFFFFF",boxShadow:"none"}})}),b&&e.createElement(Bt,null,b),e.createElement(Nt,{type:"submit",$ctaButtonColor:o,disabled:v},v?"Verifying...":"Verify OTP"),S>0?e.createElement(zt,null,"Resend OTP in 00:",S.toString().padStart(2,"0")):e.createElement(zt,{$clickable:N,onClick:()=>{N&&F(new Event("submit"))}},"Resend OTP")):e.createElement("form",{onSubmit:F},e.createElement($t,null,e.createElement(I,{defaultCountry:"in",value:p,onChange:e=>u(e),inputProps:{required:!0},inputStyle:{width:"100%",height:"40px",fontFamily:"Poppins !important",borderRadius:"0px",boxShadow:"none !important"},style:{boxShadow:"none !important"},countrySelectorStyleProps:{buttonStyle:{height:"40px",borderRight:"none",background:"white",padding:"0 10px"}}})),e.createElement(St,{type:"email",value:g,onChange:e=>x(e.target.value),placeholder:"Email Address",required:!0}),b&&e.createElement(Bt,null,b),e.createElement(Nt,{type:"submit",$ctaButtonColor:o,disabled:v},v?"Loading...":"Submit")))))))},Dt=c.div`
|
|
150
150
|
font-family: sans-serif;
|
|
151
151
|
z-index: 12345;
|
|
152
152
|
position: fixed;
|
|
@@ -289,7 +289,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
289
289
|
width: 250px;
|
|
290
290
|
background-color: ${e=>e.$backgroundColor};
|
|
291
291
|
}
|
|
292
|
-
`,Wt=({onClose:t})=>e.createElement("div",{onClick:t},e.createElement("svg",{style:{cursor:"pointer",marginRight:"0"},stroke:"#000000",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:".8em",width:".8em"},e.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18",stroke:"#000000"}),e.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18",stroke:"#000000"}))),Vt=o=>{const{variant:r,title:i,text:a,highlightColor:l,backgroundColor:c,cartValue:s,freeDeliveryValue:d,onClickCheckout:p,onClose:
|
|
292
|
+
`,Wt=({onClose:t})=>e.createElement("div",{onClick:t},e.createElement("svg",{style:{cursor:"pointer",marginRight:"0"},stroke:"#000000",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:".8em",width:".8em"},e.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18",stroke:"#000000"}),e.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18",stroke:"#000000"}))),Vt=o=>{const{variant:r,title:i,text:a,highlightColor:l,backgroundColor:c,cartValue:s,freeDeliveryValue:d,onClickCheckout:p,onClose:m,isDev:u,onGotoCartClick:g,bannerCtaAction:x,bannerCtaText:f,postPurchaseCtaAction:y,postPurchaseCredits:b,ctaButtonBackgroundColor:h,ctaTextColor:v,ctaButtonPosition:w,ctaButtonLink:C,largeScreenImageUrl:E,smallScreenImageUrl:k,autoCloseTimeout:T,isCTAButtonEnabled:S,isCTARedirectionEnabled:$,borderRadius:N,padding:B,ctaButtonText:F,onClickCtaButton:z,position:I,nudgeImageUrl:D,closeIconColor:P,handleLoginOrSignup:A,handleSubmit:_}=o,[R,L]=t(!0),[O,M]=t(void 0),[W,V]=t("");n(()=>{let e;const t=async()=>{let t;window.innerWidth>=768&&E?(e=E,t=await Pt(E)):window.innerWidth<768&&k&&(e=k,t=await Pt(k)),M(t),V(e)};return t(),L(!1),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);const[j,H]=t(!1);switch(n(()=>{const e=setTimeout(()=>{H(!0)},1e3);return()=>clearTimeout(e)},[]),r){case"leadGeneration":return e.createElement(It,{ctaButtonColor:h,headerColor:c,title:i,subtitle:a,handleLoginOrSignup:A,handleSubmit:_,onClose:m});case"campaign":return e.createElement(e.Fragment,null,e.createElement(_t,{onClick:e=>{console.log("Backdrop clicked"),console.log("Target is backdrop:",e.target===e.currentTarget),m?(console.log("Calling onClose function"),m()):console.log("onClose function is not defined")}}),e.createElement(At,{onClick:$?x:void 0,style:{top:"50%",left:"50%",transform:"translate(-50%, -50%)"},$width:`${O?.width}px`,$height:`${O?.height}px`,$largeScreenImageUrl:E??"",$smallScreenImageUrl:k??""},e.createElement("div",{onClick:e=>{e.stopPropagation(),m?.()},style:{position:"absolute",top:"10px",right:"10px",zIndex:12346}},e.createElement(Lt,{margin:"0",color:`${P??"black"}`,onClose:void 0})),!R&&$&&S&&j&&e.createElement(Ot,{$ctaButtonPosition:w},e.createElement(Mt,{onClick:e=>{e.stopPropagation(),x?.()},$backgroundColor:h??"rgb(203, 242, 51)",$textColor:v},f))));case"delivery":return s&&d?e.createElement(Dt,{$minHeight:"none",$backgroundColor:c??"white"},e.createElement(Lt,{onClose:m}),e.createElement("div",{style:{display:"flex",flexDirection:"row",width:"100%",justifyContent:"space-between"}},e.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"space-between"}},e.createElement("div",{style:{display:"flex",flexDirection:"column",rowGap:"5px"}},s<d?e.createElement("div",{style:{fontWeight:"lighter",fontSize:"13px",color:"#808080"}},"You are"," ",e.createElement("span",{style:{fontWeight:"bold",color:l}},"only $",d-s," away")," ","from"):e.createElement("div",{style:{fontWeight:"bold",color:l,fontSize:"13px"}},"Congrats!"," ",e.createElement("span",{style:{fontWeight:"lighter",color:"#808080"}},"you are eligible for")),e.createElement("div",{style:{fontWeight:"bolder",fontSize:"25px",color:l}},"FREE Delivery")),e.createElement("div",{style:{color:"#999989",fontWeight:"lighter",fontSize:"11px"}},"Verified by"," ",e.createElement("span",{style:{fontWeight:"bold"}}," YourToken"))," "),e.createElement("img",{src:u?ft:`data:image/svg+xml;utf8,${encodeURIComponent(ft)}`,alt:"Delivery Truck",height:"80px",width:"80px"}))):e.createElement(e.Fragment,null);case"postPurchase":return e.createElement(Dt,{$minHeight:"200px",$backgroundColor:c??"white",$borderRadius:"50px",$padding:"0"},e.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",background:"linear-gradient(white, #f4f4f4)",boxShadow:"0 4px 6px rgba(0,0,0,0.1)",width:"100%",height:"100%",position:"relative",paddingBottom:"15px"}},e.createElement("img",{src:"https://i.imgur.com/mZgp8n4.png",alt:"Donut",style:{width:"100%",marginBottom:"20px"}}),e.createElement("img",{src:"https://i.imgur.com/K7D8NLG.png",alt:"Badge",style:{position:"absolute",top:"30%",left:"50%",transform:"translate(-50%, -50%)",width:"100px",zIndex:2}}),e.createElement("div",{style:{marginTop:"20%",textAlign:"center",display:"flex",flexDirection:"column",rowGap:"10px",marginBottom:"13px"}},e.createElement("h1",{style:{fontSize:"24px",margin:"0",color:"#333",fontFamily:"fantasy"}},"Congrats!"),e.createElement("div",{style:{display:"flex",flexDirection:"column"}},e.createElement("p",{style:{fontSize:"11px",margin:"0",color:"#989898",fontWeight:"bold"}},"CREDITS"),e.createElement("p",{style:{margin:"0",fontWeight:"bold",fontSize:"16px"}},"+",b," Points"))),e.createElement("button",{style:{background:"#333",color:"#fff",padding:"7px 20px",borderRadius:"50px",border:"none",cursor:"pointer",fontSize:"18px",fontWeight:"bold",letterSpacing:"1px",boxShadow:"0 4px 6px rgba(0,0,0,0.1)"},onClick:y},"Check Balance"),e.createElement("button",{style:{background:"transparent",color:"#666",borderRadius:"5px",border:"none",cursor:"pointer",fontSize:"13px",marginTop:"10px"},onClick:m},"Continue Shopping")));case"registration":return e.createElement(Dt,{$minHeight:"80px",$minWidth:"450px",$backgroundColor:c??"white",$borderRadius:N??"10px",$padding:B??"0 20px 20px 20px",$position:I},e.createElement("div",{style:{display:"flex",gap:"10px",justifyContent:"space-between",minHeight:"80px"}},e.createElement("img",{src:D||"https://r2.yourtoken.io/ribbon.svg",alt:"register-on-yourtoken",height:"90",width:"90",style:{alignSelf:"center"}}),e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"15px",justifyContent:"space-between",fontFamily:"Montserrat"}},e.createElement("div",null,e.createElement("div",{style:{color:"#101828",fontSize:"18px",fontWeight:"bold",display:"flex",alignItems:"center",justifyContent:"space-between"}},i,e.createElement(Wt,{onClose:m})),e.createElement("div",{style:{fontSize:"13px",marginTop:"5px",lineHeight:"16px"}},a)),e.createElement(Rt,{onClick:z,color:"white",$bgColor:h??"#5F5478",$borderRadius:"0px",$fontFamily:"Montserrat"},F??"Unlock Rewards!"))));default:return e.createElement(Dt,{$minHeight:"120px",$backgroundColor:c??"white"},e.createElement(Lt,{onClose:m}),e.createElement("div",{style:{display:"flex",flexDirection:"column",rowGap:"10px",justifyContent:"space-between",minHeight:"110px"}},e.createElement("div",{style:{display:"flex",flexDirection:"column",rowGap:"5px"}},e.createElement("div",{style:{fontWeight:"bolder",fontSize:"20px"}},i),e.createElement("div",{style:{color:"#718096",fontSize:"15px",lineHeight:"21px"}},a)),e.createElement("div",{style:{display:"flex",columnGap:"5px"}},e.createElement(Rt,{onClick:p,color:"white",$bgColor:"black"},"Checkout Now"),e.createElement(Rt,{color:l??"white",onClick:g},"Go to cart"))))}},jt=s`
|
|
293
293
|
0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3); }
|
|
294
294
|
100% { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
|
|
295
295
|
`,Ht=c.button`
|
|
@@ -381,7 +381,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
381
381
|
width: 50px;
|
|
382
382
|
height: 50px;
|
|
383
383
|
}
|
|
384
|
-
`,Yt=({buttonColor:t,children:n,onClick:o})=>e.createElement(Ht,{onClick:o,buttonColor:t},n),Gt=({segments:n,setWinningSegment:o,brandGameDefaultThemeColor:r,brandThemeColor:i,ctaButtonText:a,wheelSectionColor1:l,wheelSectionColor2:c,wheelCenterLogo:s,isStatic:d})=>{const[p,
|
|
384
|
+
`,Yt=({buttonColor:t,children:n,onClick:o})=>e.createElement(Ht,{onClick:o,buttonColor:t},n),Gt=({segments:n,setWinningSegment:o,brandGameDefaultThemeColor:r,brandThemeColor:i,ctaButtonText:a,wheelSectionColor1:l,wheelSectionColor2:c,wheelCenterLogo:s,isStatic:d})=>{const[p,m]=t(!1),[u,g]=t(0),[x,f]=t(!1),[y,b]=t(!1);return e.createElement("div",{style:{display:"flex",flexDirection:"column",rowGap:"15px",height:"100%",overflow:"hidden"}},e.createElement("div",{style:{position:"relative",display:"flex",justifyContent:"center",alignItems:"center"}},e.createElement("div",{style:{borderRadius:"full",transform:"rotate(180deg)"}}),e.createElement(Qt,null),e.createElement(qt,null,e.createElement(Ut,{$isDisabled:x,$brandThemeColor:i,$brandGameDefaultThemeColor:r},e.createElement("img",{src:s??"https://i.imgur.com/nZIyqNu.png",style:{height:"45px",width:"55px"},alt:"YourToken LOGO"})))),e.createElement("div",{style:{display:"flex",width:"100%",justifyContent:"center",alignItems:"center"}},!d&&e.createElement(Yt,{buttonColor:i??r??"black",onClick:()=>!(d&&!0===d)&&(()=>{if(!x&&!y){b(!0),m(!p),f(!0);let e=0,t=[];if(n.forEach(t=>{t?.probability&&t.probability>0&&(e+=t.probability)}),0===e)t=Array.from({length:n.length},()=>0);else{let o=0;n.forEach(n=>{n?.probability&&n.probability>0?(o+=n.probability/e*100,t.push(o)):t.push(o)})}const o=100*Math.random();let r;for(let e=0;e<t.length;e++)if(o<=t[e]){r=e;break}const i=360/n.length;if(void 0===r){let e=0,t=0;n.forEach((n,o)=>{n?.probability&&n.probability>t&&(t=n.probability,e=o)}),r=e}const a=(r+.5)*i,l=360*Math.floor(5*Math.random()+5);g(l-a)}})()},a??"Spin Now!")))},Xt=ie(void 0),Zt=se("deliveryOptionStateValidity",{isPostalCodeValid:!1,isDateValid:!1}),Kt=ie(e=>{const t=e(Zt);return t.isPostalCodeValid&&t.isDateValid}),Jt=se("deliveryType","standard"),en=se("deliverySlotDate",null),tn=ie({cartLoading:!1,showLoader:!1,showSkeletonLoader:!1,showLoyaltyCtaLoading:!1});function nn(){const[e,t]=ae(tn);return{cartLoading:e,setLoading:(e,n,o,r)=>{t({cartLoading:e,showLoader:n,showSkeletonLoader:void 0!==o&&o,showLoyaltyCtaLoading:void 0!==r&&r})}}}const on=ie({open:!1,variantId:void 0,quantity:void 0,handle:void 0,freebieSelection:!1,stealDealSelection:!1,lineItemKey:void 0,productId:void 0,allowedVariantIds:void 0,productRec:!1}),rn=(e,t)=>Number((e/(e=>{try{const t=new Intl.NumberFormat(void 0,{style:"currency",currency:e}).resolvedOptions().maximumFractionDigits??2;return Math.pow(10,t)}catch{return 100}})(t)).toFixed(2)),an={79:"Rs. "},ln=(e,t)=>{const n=t??e?.currency??"INR";return"undefined"!=typeof window&&window.ytapp?.brandId?an[window.ytapp.brandId]??de(n)??n:de(n)??n},cn=(e,t=15)=>e.length>t?e.substring(0,t)+"...":e,sn=(e,t,n,o="",r="16px")=>{const i=document.createElement("canvas").getContext("2d"),a=e.replace(/'/g,"'").replace(/"/g,'"').replace(/&/g,"&");if(i){const e=o?`${r} ${o}`:r;i.font=e;const l=t/100*n;if(i.measureText(a).width>l){let e=a;for(let t=e.length-1;t>=0;t--){const n=e.slice(0,t)+"...";if(i.measureText(n).width<l)return n}return"..."}}return a};function dn(e,t){t=Math.max(0,Math.min(1,t));let n=Math.round(255*t).toString(16);return 1===n.length&&(n="0"+n),e+n}function pn(e,t){e=e.replace(/^#/,"");return`rgba(${parseInt(e.substring(0,2),16)}, ${parseInt(e.substring(2,4),16)}, ${parseInt(e.substring(4,6),16)}, ${t})`}const mn=e=>e?.split("/")?.pop(),un=e=>{if("string"!=typeof e)return e;const t=e.match(/^gid:\/\/shopify\/\w+\/(\d+)$/);return t?t[1]:e};function gn(e,t="#FFFFFF",n="#000000",o=.5){if(!e)return;const r=window.getComputedStyle(e).backgroundColor;let i=0,a=0,l=0;if("transparent"===r||"rgba(0, 0, 0, 0)"===r)return void(e.style.color=n);const c=r.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*[\d.]+)?\)$/);if(c)i=parseInt(c[1],10),a=parseInt(c[2],10),l=parseInt(c[3],10);else{const t=document.createElement("div");t.style.color=r,document.body.appendChild(t);const o=window.getComputedStyle(t).color;document.body.removeChild(t);const c=o.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*[\d.]+)?\)$/);if(!c)return console.warn("setContrastTextColor: Could not parse background color:",r,"Resolved to:",o),void(e.style.color=n);i=parseInt(c[1],10),a=parseInt(c[2],10),l=parseInt(c[3],10)}const s=[i/255,a/255,l/255].map(e=>e<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)),d=.2126*s[0]+.7152*s[1]+.0722*s[2];e.style.color=d>o?n:t}const xn=e=>{if(null==e)return"";const t=e.toString().split(".");return t[0]=t[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),t.join(".")},fn=()=>{const e=window.ytapp?.storeDomain;return!!e&&["veeba-sauces.myshopify.com"].includes(e)},yn=(e,t=150,n=85,o="webp")=>{if(!e||"string"!=typeof e)return"/placeholder.svg";if(""===e.trim()||"/placeholder.svg"===e)return"/placeholder.svg";try{if(!(e.includes("cdn.shopify.com")||e.includes("shopify.com")||e.includes(".myshopify.com")))return e;let r=e.split("?")[0];const i=r.lastIndexOf(".");if(-1===i)return e;const a=r.substring(i),l=r.substring(0,i).replace(/_\d+x\d*$|_x\d+$|_\d+x$/,""),c=`${l}${`_${t}x${t}`}${a}`,s=new URLSearchParams;"auto"!==o&&s.append("format",o),85!==n&&s.append("quality",n.toString());const d=s.toString();return d?`${c}?${d}`:c}catch(t){return console.warn("Failed to optimize Shopify image URL:",t),e}},bn=e=>{if(!e||"string"!=typeof e)return e;const t=e.match(/^bundle-[^-]+-(.+)-([A-Za-z0-9]{5,8})$/);if(t&&t[1])return t[1].trim();const n=e.match(/^vol-(.+?)-([A-Za-z0-9\s-]{3,})$/i);if(n&&n[1])return n[1].trim();const o=e.match(/^(YTA-|YTP-|YT-)(.+)$/);return o&&o[2]?o[2].trim():e},hn=c.div`
|
|
385
385
|
min-width: 145px !important;
|
|
386
386
|
padding: ${e=>"vertical"===e.$variant?"3px":"10px 30px"};
|
|
387
387
|
background-color: ${e=>e.$backgroundColor};
|
|
@@ -627,7 +627,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
627
627
|
font-size: 10px;
|
|
628
628
|
line-height: normal;
|
|
629
629
|
display: flex;
|
|
630
|
-
`,Rn=({product:n,addCartItem:r,productRecsCtaButtonText:i,ctaButtonBackgroundColor:a,ctaButtonTextColor:l,primaryTextColor:c,secondaryTextColor:s,showVariantSelectionDropdownInProductRecs:d,layout:p,cartComponentsCornerRadius:
|
|
630
|
+
`,Rn=({product:n,addCartItem:r,productRecsCtaButtonText:i,ctaButtonBackgroundColor:a,ctaButtonTextColor:l,primaryTextColor:c,secondaryTextColor:s,showVariantSelectionDropdownInProductRecs:d,layout:p,cartComponentsCornerRadius:m,cartComponentsCornerType:u,isVerticalList:g,backgroundColor:x,tertiaryColor:f,tertiaryTextColor:y})=>{const b=le(Xt),h=ce(on),[v,w]=t(!1),C=o(()=>{const e=n?._ytAllowedVariantIds??n?.ytAllowedVariantIds;if(!Array.isArray(e)||0===e.length)return;const t=e.map(e=>Fn(e)).filter(e=>Boolean(e));return t.length>0?t:void 0},[n]),E=o(()=>Array.isArray(n?.variants)?n.variants.filter(e=>{if(!C?.length)return!0;const t=Fn(e?.id);return!!t&&C.includes(t)}):[],[n,C]),k=o(()=>{var e;if(E.length)return(e=E).find(e=>e?.available)??e[0]},[E]),T=k?.price??n?.price,S=k?.compare_at_price??n?.compare_at_price,$=async()=>{if(!v){w(!0);try{await r(Fn(k?.id)??Fn(E?.[0]?.id)??n?.variants?.[0]?.id,void 0,"productSuggestion",void 0,n?.handle)}catch(e){console.error("yt::error adding recommended item to cart",e)}finally{w(!1)}}},N=()=>{const e=Fn(n?.id),t=C&&C.length>0?C:n?.variants?.map(e=>Fn(e.id)).filter(e=>Boolean(e));h({open:!0,variantId:Fn(k?.id)??Fn(E?.[0]?.id)??void 0,handle:n?.handle,freebieSelection:!1,productId:e,allowedVariantIds:t,productRec:!0})},B=d&&E.length>1,F=(n?.title??"").replace(/'/g,"'").replace(/"/g,'"').replace(/&/g,"&");const z=(e,t)=>{let n;n="string"==typeof e?.featured_image?e.featured_image:e?.featured_image?.src?e.featured_image.src:t.featured_image||"/placeholder.svg";return yn(n,"vertical"===p?300:200,85,"webp")},I={flexDirection:"horizontal"===p?"row":"column",width:"horizontal"===p?"325px":"145px",justifyContent:"flex-start",gap:"horizontal"===p?"10px":""},D={width:"horizontal"===p?"100px":"auto"},P={color:s??"#212529",marginTop:"vertical"===p?"":"0"},A=(()=>{const e=Number(S),t=Number(T);if(!e||!t||e<=t)return null;const n=Math.round((e-t)/e*100);return!isFinite(n)||n<=0?null:`${n}% OFF`})();return g?e.createElement(Sn,{className:"yt-cart-product-rec-vertical-card"},e.createElement($n,{className:"yt-cart-product-rec-vertical-image",src:z(null,n),onClick:()=>{window.location.href=`${window.location.origin}${n?.url}`}}),e.createElement(Nn,{className:"yt-cart-product-rec-vertical-info"},e.createElement(Bn,{href:`${window.location.origin}${n?.url}`,$primaryTextColor:c,className:"yt-cart-product-rec-vertical-product-title"},F),e.createElement(zn,{className:"yt-cart-product-rec-vertical-price-container"},e.createElement(In,{$secondaryTextColor:s,className:"yt-cart-product-rec-vertical-product-price"},ln(b,b?.currency),xn(rn(T,b?.currency))),S&&e.createElement(Dn,{className:"yt-cart-product-rec-vertical-compare-at-price"},ln(b,b?.currency),xn(rn(S,b?.currency))),A&&e.createElement(_n,{$background:f,$color:y,className:"yt-cart-product-rec-vertical-savings-badge"},A))),e.createElement(Pn,{className:"yt-cart-product-rec-vertical-button",onClick:B?N:$,disabled:v,$ctaButtonBackgroundColor:a,$ctaButtonTextColor:l,$cartComponentsCornerType:u,$cartComponentsCornerRadius:m,style:{width:B?"auto":"36px",padding:B?"0 8px":"0"}},v?e.createElement(ue,{color:l??"white",size:14}):B?e.createElement(xe,null):e.createElement(pe,null))):e.createElement(hn,{className:"yt-cart-product-rec-card-container",style:I,$variant:p??"horizontal",$cartComponentsCornerType:u,$cartComponentsCornerRadius:m,$backgroundColor:x},A&&e.createElement(An,{$background:f,$color:y,className:"yt-cart-product-rec-card-savings-badge"},A),e.createElement(vn,{className:"yt-cart-product-rec-image",src:z(null,n),style:D,$variant:p??"horizontal",$cartComponentsCornerType:u,$cartComponentsCornerRadius:m,onClick:()=>{window.location.href=`${window.location.origin}${n?.url}`}}),e.createElement(wn,{className:"yt-cart-product-rec-info"},e.createElement("div",null,e.createElement(Cn,{href:`${window.location.origin}${n?.url}`,style:{color:c??"black"},className:"yt-cart-product-rec-card-product-title"},F),e.createElement("div",{style:{display:"flex"}},e.createElement(En,{style:P,className:"yt-cart-product-rec-card-product-price"},ln(b,b?.currency),xn(rn(T,b?.currency))),e.createElement(Tn,{className:"yt-cart-product-rec-card-product-compare-at-price"},Number(S)>Number(T)&&e.createElement(e.Fragment,null," ",ln(b,b?.currency),xn(rn(S,b?.currency)))))),e.createElement(kn,{className:"yt-cart-product-rec-button",onClick:B?N:$,id:"yourtoken-product-rec-atc",disabled:v,style:{backgroundColor:a??"#3A4980",color:l??"white",height:"fit-content",marginTop:"auto",marginBottom:"0px"},$variant:p??"horizontal",$cartComponentsCornerType:u,$cartComponentsCornerRadius:m},v?e.createElement(ue,{color:l??"white",size:16}):i??"Add to Cart")))},Ln=c.div`
|
|
631
631
|
display: flex;
|
|
632
632
|
flex-direction: column;
|
|
633
633
|
row-gap: 8px;
|
|
@@ -751,7 +751,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
751
751
|
margin-bottom: 4px;
|
|
752
752
|
}
|
|
753
753
|
}
|
|
754
|
-
`,Zn=({products:o,addCartItem:i,productRecsCtaButtonText:a,ctaButtonBackgroundColor:l,ctaButtonTextColor:c,productRecsTitleText:s,themeColor:d,primaryTextColor:p,secondaryTextColor:
|
|
754
|
+
`,Zn=({products:o,addCartItem:i,productRecsCtaButtonText:a,ctaButtonBackgroundColor:l,ctaButtonTextColor:c,productRecsTitleText:s,themeColor:d,primaryTextColor:p,secondaryTextColor:m,showVariantSelectionDropdownInProductRecs:u,variant:g,cardLayout:x,cartComponentsCornerRadius:f,cartComponentsCornerType:y,backgroundSubdued:b,backgroundColor:h,tertiaryColor:v,tertiaryTextColor:w})=>{const C=r(null);n(()=>{const e=()=>{if(C.current){const e=Array.from(C?.current?.children)?.reduce((e,t)=>e+t?.offsetWidth,0);C.current.style.width=`${e}px`}};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[o]);const[E,k]=t(0),T=r(null),S=r(null),$=r(!1),N=()=>{k(e=>{const t=Math.max((F?.length||1)-1,0);return 0===e?t:e-1})},B=()=>{k(e=>e===Math.max((F?.length||1)-1,0)?0:e+1)},F=o?.filter(e=>e&&e.available&&"8627886358748"!==String(e?.id)&&"8627886358748"!==String(e?.product_id)),z=t=>F.map(n=>e.createElement(Rn,{key:n?.id,addCartItem:i,product:n,productRecsCtaButtonText:a,ctaButtonBackgroundColor:l,ctaButtonTextColor:c,primaryTextColor:p,secondaryTextColor:m,showVariantSelectionDropdownInProductRecs:u,layout:x,cartComponentsCornerRadius:f,cartComponentsCornerType:y,isVerticalList:"vertical"===t,backgroundColor:h,tertiaryColor:v,tertiaryTextColor:w}));return"vertical"===g?e.createElement(Yn,{className:"yt-cart-product-recs-vertical-container"},s&&e.createElement(Gn,{$primaryTextColor:p,$themeColor:d,$backgroundSubdued:b,className:"yt-cart-product-recs-vertical-header-title"},s),e.createElement(Xn,{className:"yt-cart-product-recs-vertical-list"},z("vertical"))):e.createElement(Ln,{className:"yt-cart-product-recs-container"},e.createElement(On,{className:"yt-cart-product-recs-title",$primaryTextColor:p??"black",$themeColor:d??"lightgrey",$backgroundSubdued:b},s??"People Also Bought"),"scroll"===g?e.createElement(Mn,{className:"yt-cart-product-recs-scroll"},e.createElement(Wn,{ref:C},z())):e.createElement(Vn,{className:"yt-cart-product-recs-carousel"},e.createElement(jn,{onTouchStart:e=>{const t=e.touches[0];T.current=t.clientX,S.current=t.clientY,$.current=!1},onTouchMove:e=>{if(null===T.current||null===S.current)return;const t=e.touches[0],n=t.clientX-T.current,o=t.clientY-S.current;Math.abs(n)>10&&Math.abs(n)>Math.abs(o)&&($.current=!0,e.preventDefault())},onTouchEnd:e=>{if(null===T.current)return;const t=e.changedTouches[0].clientX-T.current;Math.abs(t)>50&&(t<0?B():N()),T.current=null,S.current=null,$.current=!1}},e.createElement(Qn,{onClick:N},e.createElement(be,null)),e.createElement(Hn,{style:{transform:`translateX(-${E*(100/F.length)}%)`}},z()),e.createElement(Un,{onClick:B},e.createElement(he,null)))))};yt('.progress-container {\n --yt-line-border-fill: #3498db;\n --yt-line-border-empty: #e0e0e0;\n display: flex;\n justify-content: space-between;\n position: relative;\n margin-bottom: 30px;\n max-width: 100%;\n width: 350px;\n}\n\n.progress-container::before {\n content: ""; /* Mandatory with ::before */\n background-color: var(--yt-line-border-empty);\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n height: 4px;\n width: 100%;\n z-index: -1;\n}\n\n.progress {\n background-color: var(--yt-line-border-fill);\n position: absolute;\n top: 50%;\n left: 0;\n transform: translateY(-50%);\n height: 4px;\n width: 0%;\n z-index: -1;\n transition: 0.4s ease;\n}');const Kn=e=>100/e,Jn=e=>{switch(e){case 1:case 2:case 3:case 4:default:return 22;case 5:return 17}},eo=c.div`
|
|
755
755
|
display: flex;
|
|
756
756
|
align-items: center;
|
|
757
757
|
// padding: 0 10px;
|
|
@@ -934,14 +934,14 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
934
934
|
border-top-right-radius: ${e=>1===e?.$numberOfCheckpoints?"9999px":e?.$isCompleted?"0px":"9999px"};
|
|
935
935
|
border-bottom-right-radius: ${e=>1===e?.$numberOfCheckpoints?"9999px":e?.$isCompleted?"0px":"9999px"};
|
|
936
936
|
}
|
|
937
|
-
`,
|
|
937
|
+
`,mo=c.div`
|
|
938
938
|
display: flex;
|
|
939
939
|
align-items: center;
|
|
940
940
|
// padding: 0 10px;
|
|
941
941
|
justify-content: space-between;
|
|
942
942
|
align-self: center;
|
|
943
943
|
width: 90%;
|
|
944
|
-
`,
|
|
944
|
+
`,uo=c.span`
|
|
945
945
|
font-size: 14px;
|
|
946
946
|
line-height: normal;
|
|
947
947
|
font-weight: 400;
|
|
@@ -985,7 +985,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
985
985
|
flex-wrap: wrap;
|
|
986
986
|
text-align: center;
|
|
987
987
|
}
|
|
988
|
-
`,wo=({prefixMessageText:t="You are",suffixMessageText:n="away from",successMessageText:o="Best reward unlocked",...r})=>{const i=(o,r)=>e.createElement(vo,null,t&&e.createElement("span",{className:"yt-cart-progress-bar-prefix-span"},t," "),e.createElement("span",{className:"yt-cart-progress-bar-amount-span",style:{fontWeight:"bold"}},o)," ",n&&e.createElement("span",{className:"yt-cart-progress-bar-suffix-span"},n," "),e.createElement("span",{className:"yt-cart-progress-bar-checkpoint-span",style:{fontWeight:"bold"}},r));let a=-1;const l=void 0!==r.currentCartAmount?r.currentCartAmount:r.cartData?.items_subtotal_price,c=void 0!==r.effectiveQuantityForProgressBar?r.effectiveQuantityForProgressBar:r.cartData?.item_count,s=ln(r.cartData,r.cartData?.currency)??"Rs .";if("minimum_order_value"===r.customCartProgressBarCriteria){if(0===l&&r.cartData?.items_subtotal_price>0)return null;for(let e=0;e<r.checkpoints?.length;e++)if(l<r.checkpoints?.[e]?.minimumOrderValue){a=e;break}if(-1===a)return e.createElement("span",{className:"yt-cart-progress-bar-success-span"},o);const t=r.checkpoints?.[a];return i(`${s}${xn((t?.minimumOrderValue-l).toFixed(0))}`,t?.name)}if(0===c&&r.cartData?.item_count>0)return null;for(let e=0;e<r.checkpoints?.length;e++)if(c<r.checkpoints?.[e]?.quantityThreshold){a=e;break}if(-1===a)return e.createElement("span",{className:"yt-cart-progress-bar-success-span"},o);const d=r.checkpoints?.[a];return i(`${d?.quantityThreshold-c}`,d?.name)},Co=t=>e.createElement(
|
|
988
|
+
`,wo=({prefixMessageText:t="You are",suffixMessageText:n="away from",successMessageText:o="Best reward unlocked",...r})=>{const i=(o,r)=>e.createElement(vo,null,t&&e.createElement("span",{className:"yt-cart-progress-bar-prefix-span"},t," "),e.createElement("span",{className:"yt-cart-progress-bar-amount-span",style:{fontWeight:"bold"}},o)," ",n&&e.createElement("span",{className:"yt-cart-progress-bar-suffix-span"},n," "),e.createElement("span",{className:"yt-cart-progress-bar-checkpoint-span",style:{fontWeight:"bold"}},r));let a=-1;const l=void 0!==r.currentCartAmount?r.currentCartAmount:r.cartData?.items_subtotal_price,c=void 0!==r.effectiveQuantityForProgressBar?r.effectiveQuantityForProgressBar:r.cartData?.item_count,s=ln(r.cartData,r.cartData?.currency)??"Rs .";if("minimum_order_value"===r.customCartProgressBarCriteria){if(0===l&&r.cartData?.items_subtotal_price>0)return null;for(let e=0;e<r.checkpoints?.length;e++)if(l<r.checkpoints?.[e]?.minimumOrderValue){a=e;break}if(-1===a)return e.createElement("span",{className:"yt-cart-progress-bar-success-span"},o);const t=r.checkpoints?.[a];return i(`${s}${xn((t?.minimumOrderValue-l).toFixed(0))}`,t?.name)}if(0===c&&r.cartData?.item_count>0)return null;for(let e=0;e<r.checkpoints?.length;e++)if(c<r.checkpoints?.[e]?.quantityThreshold){a=e;break}if(-1===a)return e.createElement("span",{className:"yt-cart-progress-bar-success-span"},o);const d=r.checkpoints?.[a];return i(`${d?.quantityThreshold-c}`,d?.name)},Co=t=>e.createElement(uo,{className:"yt-cart-single-tier-reward-message",$ctaButtonTextColor:t.ctaButtonTextColor,$ctaButtonBackgroundColor:t.ctaButtonBackgroundColor},e.createElement(wo,{...t})),Eo=({particleCount:t,spread:o,origin:i,checkpointPosition:a=.5})=>{const l=r(null),c=r(!1);return n(()=>{if(l.current&&!c.current){Ee.create(l.current,{resize:!0})({particleCount:10*t,spread:o,origin:{x:1,y:.8}}),c.current=!0}},[t,o,i,a]),e.createElement("canvas",{ref:l,id:"my-canvas",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:-1,display:"inline"}})},ko=({prefixMessageText:o,suffixMessageText:i,successMessageText:a,enableConfetti:l,...c})=>{const{currentCartAmount:s,checkpoints:d,themeColor:p,customCartProgressBarCriteria:m,primaryTextColor:u,effectiveQuantityForProgressBar:g,ctaButtonBackgroundColor:x,ctaButtonTextColor:f}=c,y=le(Xt),[b,h]=t(!1),[v,w]=t(-1),C=r({});return n(()=>{d?.forEach((e,t)=>{const n=ho(e,0,d??[],y?.item_count,c),o=String(e.couponTemplateId);(C.current[o]||0)<100&&n.progressPercentage>=100&&(w(t),h(!0),setTimeout(()=>h(!1),5e3)),C.current[o]=n.progressPercentage})},[y,d]),e.createElement(e.Fragment,null,e.createElement(Co,{currentCartAmount:s,checkpoints:d,cartData:y,customCartProgressBarCriteria:m,effectiveQuantityForProgressBar:g,themeColor:p,primaryTextColor:u,showMOVForProgressTiers:!1,prefixMessageText:o,suffixMessageText:i,successMessageText:a,ctaButtonBackgroundColor:x,ctaButtonTextColor:f}),e.createElement(go,null,b&&l&&e.createElement(Eo,{particleCount:50,spread:90,origin:{y:.3},checkpointPosition:(v+1)/(d?.length??1)}),e.createElement(xo,null,e.createElement(mo,null,d?.sort((e,t)=>"minimum_order_value"===m?e?.minimumOrderValue-t?.minimumOrderValue:e?.quantityThreshold-t?.quantityThreshold)?.filter(e=>0!==e?.[bo(m)]&&("minimum_order_value"!==m||1!==e?.[bo(m)]))?.map((...e)=>ho(...e,y?.item_count,c))?.map((t,n)=>e.createElement(fo,{key:t?.couponTemplateId,$numberOfCheckpoints:d?.length??1},e.createElement(yo,null,n<d?.length&&e.createElement(po,{className:"yt-cart-single-progress-bar",$isCompleted:t?.progressPercentage>=100,$percent:t?.progressPercentage,style:{display:"flex"},$numberOfCheckpoints:d?.length??1,$isFirstCheckpoint:0===n,$ctaButtonBackgroundColor:x}))))))))},To=t=>e.createElement(io,{className:"yt-cart-multi-tier-reward-message",$ctaButtonTextColor:t.ctaButtonTextColor,$ctaButtonBackgroundColor:t.ctaButtonBackgroundColor},e.createElement(wo,{...t})),So=(t,n,o,r,i)=>{let a;if(a="free_product"===t?$o?.[r]:No?.[t],!a)return e.createElement(ke,{style:{padding:"4px",border:"2px solid black",backgroundColor:"grey",color:"white",borderRadius:"9999px",fontSize:`${Jn(o)}px`,width:"24px",height:"24px",marginLeft:"-2px"}});const l=(()=>{try{if("undefined"==typeof window)return!0;const e=window?.Shopify?.shop||window?.ytapp?.storeDomain;return!!e&&new Set(["h1gvdy-t0.myshopify.com","aayush-new-store.myshopify.com"]).has(e)}catch(e){return!1}})();return e.createElement(a,{style:{padding:"4px",border:"2px solid black",backgroundColor:l?"#000":"white",borderColor:l?"#fff":n,color:l?"#fff":n,borderRadius:"9999px",width:"24px",height:"24px",fontSize:`${Jn(o??3)}px`,marginLeft:"-2px"}})},$o={tshirt:De,box:Pe,cup:qe,gift:ze,emptyCircle:Je},No={percentage_discount_coupon:ve,amount_discount_coupon:ve,free_delivery:A,free_gift:ze,dummy_coupon:Je},Bo=({checkpointWithProgress:t,themeColor:n,checkpointsLength:o,progressBarFreeProductIconType:r,themeTextColor:i,ctaButtonTextColor:a})=>t?.progressPercentage>=100?e.createElement(ke,{style:{padding:"4px",border:"2px solid black",backgroundColor:n,color:a,borderColor:n,borderRadius:"9999px",fontSize:`${Jn(o)}px`,width:"24px",height:"24px",marginLeft:"-2px",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.3)"}}):So(t?.couponType,"#707070",o,r??"tshirt"),Fo=({showMOVForProgressTiers:t,minimumOrderValue:n,customCartProgressBarCriteria:o,cartData:r,quantityThreshold:i,ctaButtonBackgroundColor:a,ctaButtonTextColor:l})=>t?e.createElement(ro,{$visible:n>1||i>0,$ctaButtonTextColor:l,$ctaButtonBackgroundColor:a},"minimum_order_value"===o?`${ln(r,r?.currency)} ${xn(n)}`:`${i} item${i>1?"s":""}`):null,zo="undefined"!=typeof window?a:n,Io=({prefixMessageText:o,suffixMessageText:a,successMessageText:l,enableConfetti:c,...s})=>{const{currentCartAmount:d,checkpoints:p,themeColor:m,themeTextColor:u,customCartProgressBarCriteria:g,primaryTextColor:x,effectiveQuantityForProgressBar:f,progressBarFreeProductIconType:y,ctaButtonBackgroundColor:b,showMOVForProgressTiers:h,ctaButtonTextColor:v}=s,w=le(Xt),[C,E]=t(!1),[k,T]=t(-1),S=r({}),[$,N]=t(0),[B,F]=t(0),z=r(null),I=r([]);I.current.length=0;const D=i(()=>{if("undefined"==typeof window)return;const e=I.current.filter(e=>Boolean(e&&null!==e.offsetParent));if(!e.length)return N(e=>0!==e?0:e),void F(e=>0!==e?0:e);let t=0;e.forEach(e=>{const n=window.getComputedStyle(e),o=parseFloat(n.lineHeight||""),r=parseFloat(n.fontSize||""),i=Number.isNaN(o)?Number.isNaN(r)?0:1.2*r:o,a=e.getBoundingClientRect(),l=i>0?Math.max(0,a.height-i):Math.max(0,e.scrollHeight-e.clientHeight);t=Math.max(t,l)});const n=t>1?Math.min(32,Math.round(t+6)):0;N(e=>e!==n?n:e);const o=z.current,r=e[e.length-1];if(!o||!r)return void F(e=>0!==e?0:e);const i=o.getBoundingClientRect(),a=r.getBoundingClientRect(),l=Math.ceil(a.right-i.right),c=l>0?l:0;F(e=>e!==c?c:e)},[]);return zo(()=>{D()}),n(()=>{if("undefined"==typeof window)return;const e=()=>{D()};window.addEventListener("resize",e);const t=z.current,n="undefined"!=typeof ResizeObserver&&t?new ResizeObserver(()=>D()):null;return n&&t&&n.observe(t),()=>{window.removeEventListener("resize",e),n?.disconnect()}},[D]),n(()=>{s.checkpoints?.forEach((e,t)=>{const n=ho(e,0,s.checkpoints??[],w?.item_count,s),o=String(e.couponTemplateId);(S.current[o]||0)<100&&n.progressPercentage>=100&&(T(t),E(!0),setTimeout(()=>E(!1),5e3)),S.current[o]=n.progressPercentage})},[w,s.checkpoints]),e.createElement(e.Fragment,null,e.createElement(To,{currentCartAmount:d,checkpoints:s.checkpoints,cartData:w,customCartProgressBarCriteria:s.customCartProgressBarCriteria,effectiveQuantityForProgressBar:s.effectiveQuantityForProgressBar,themeColor:m,primaryTextColor:x,showMOVForProgressTiers:s.showMOVForProgressTiers??!1,ctaButtonBackgroundColor:b,prefixMessageText:o,suffixMessageText:a,successMessageText:l,ctaButtonTextColor:v}),e.createElement(ao,{className:"yt-cart-progress-bar-wrapper",$showMOVForProgressTiers:s.showMOVForProgressTiers??!1,$rightMarginOffsetPx:B,ref:z},C&&c&&e.createElement(Eo,{particleCount:50,spread:90,origin:{y:.3},checkpointPosition:(k+1)/(s.checkpoints?.length??1)}),e.createElement(lo,{className:"yt-cart-progress-bar-content-wrapper",$tagWrapOffsetPx:$},e.createElement(eo,null,s.checkpoints?.sort((e,t)=>"minimum_order_value"===s.customCartProgressBarCriteria?e?.minimumOrderValue-t?.minimumOrderValue:e?.quantityThreshold-t?.quantityThreshold)?.filter(e=>0!==e?.[bo(s.customCartProgressBarCriteria)])?.map((...e)=>ho(...e,w?.item_count,s))?.map((t,n)=>e.createElement(co,{className:"yt-cart-progress-bar-checkpoint-wrapper",key:t?.couponTemplateId,$numberOfCheckpoints:s.checkpoints?.length??1},e.createElement(so,null,n<s.checkpoints?.length&&e.createElement(no,{className:"yt-cart-multi-progress-bar",$isCompleted:t?.progressPercentage>=100,$percent:t?.progressPercentage,style:{display:"flex"},$numberOfCheckpoints:s.checkpoints?.length??1,$isFirstCheckpoint:0===n,$ctaButtonBackgroundColor:b}),("minimum_order_value"!==s.customCartProgressBarCriteria||t?.minimumOrderValue>1)&&e.createElement(to,{className:"yt-cart-progress-bar-checkpoint-container",$isDummy:t?.isDummyCouponTemplate},e.createElement(oo,{className:"yt-cart-progress-bar-tier-name-tag",ref:e=>{I.current[n]=e},$isCompleted:t?.progressPercentage>=100,$ctaButtonTextColor:v,$ctaButtonBackgroundColor:b,$primaryTextColor:x,style:{display:s.checkpoints?.length>1?"block":"none"}},t?.name),s.checkpoints?.length>1&&e.createElement(Bo,{checkpointWithProgress:t,themeColor:b,themeTextColor:u,checkpointsLength:s.checkpoints?.length,progressBarFreeProductIconType:y,ctaButtonTextColor:v}),e.createElement(Fo,{showMOVForProgressTiers:s.showMOVForProgressTiers,minimumOrderValue:t?.minimumOrderValue,customCartProgressBarCriteria:s.customCartProgressBarCriteria,cartData:w,quantityThreshold:t?.quantityThreshold,ctaButtonBackgroundColor:b,ctaButtonTextColor:v})))))))))},Do=t=>t?.checkpoints&&t.checkpoints.length>0?1===t.checkpoints.length?e.createElement(ko,{...t}):e.createElement(Io,{...t}):null,Po=c(c.span`
|
|
989
989
|
display: flex !important;
|
|
990
990
|
gap: 4px;
|
|
991
991
|
`)`
|
|
@@ -996,7 +996,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
996
996
|
width: 100%;
|
|
997
997
|
gap: 10px;
|
|
998
998
|
margin-top: 16px;
|
|
999
|
-
`;function _o({showLoyaltyCta:n,exploreCTAColor:o="#73DABB",emptyCartTitle:r="Your Cart is Empty",emptyCartDescription:i,isUserSignedIn:a=!1,joinNowFunction:l,exploreCtaRedirectLink:c,themeColor:s,emptyCartButtons:d=[],cartComponentsCornerRadius:p=0,cartComponentsCornerType:u="sharp",themeTextColor:m="white",isRecProductsListValid:g,recProductsList:x,addCartItem:f,productRecsCtaButtonText:y,ctaButtonBackgroundColor:b,ctaButtonTextColor:h,primaryTextColor:v,secondaryTextColor:w,showVariantSelectionDropdownInProductRecs:C,productRecsTitleText:E,emptyProductRecsTitleText:k="Empty cart Recommendations",backgroundSubdued:T,showEmptyCartRecommendations:S=!1,tertiaryColor:$,tertiaryTextColor:N}){const[B,F]=t(!1),[z,I]=t(null);return e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-empty-container",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",height:"100%",overflowY:"auto",marginTop:"5px"}},e.createElement("div",{className:"yt-cart-empty-content",style:{display:"flex",flexDirection:"column",alignItems:"center",rowGap:"12px"}},e.createElement("svg",{className:"yt-empty-cart-svg",xmlns:"http://www.w3.org/2000/svg",width:"90",height:"80",viewBox:"0 0 79 67",fill:"none"},e.createElement("path",{d:"M78.3148 24.8681V27.0245C78.3148 28.8109 76.8667 30.259 75.0803 30.259H74.0021L70.4827 54.894C70.0275 58.081 67.298 60.4483 64.0787 60.4483H14.9214C11.7021 60.4483 8.97266 58.081 8.51726 54.894L4.99805 30.259H3.91987C2.13344 30.259 0.685303 28.8109 0.685303 27.0245V24.8681C0.685303 23.0817 2.13344 21.6335 3.91987 21.6335H12.9956L27.3868 1.84596C28.7877 -0.0802239 31.4848 -0.506243 33.4113 0.894727C35.3376 2.2957 35.7635 4.99292 34.3625 6.91924L23.6611 21.6335H55.339L44.6376 6.9191C43.2367 4.99292 43.6627 2.29556 45.589 0.894592C47.515 -0.506378 50.2125 -0.0804935 51.6135 1.84582L66.0045 21.6335H75.0803C76.8667 21.6335 78.3148 23.0817 78.3148 24.8681ZM42.7346 48.5882V33.4936C42.7346 31.7072 41.2865 30.259 39.5001 30.259C37.7136 30.259 36.2655 31.7072 36.2655 33.4936V48.5882C36.2655 50.3747 37.7136 51.8228 39.5001 51.8228C41.2865 51.8228 42.7346 50.3747 42.7346 48.5882ZM57.8293 48.5882V33.4936C57.8293 31.7072 56.3811 30.259 54.5947 30.259C52.8083 30.259 51.3601 31.7072 51.3601 33.4936V48.5882C51.3601 50.3747 52.8083 51.8228 54.5947 51.8228C56.3811 51.8228 57.8293 50.3747 57.8293 48.5882ZM27.64 48.5882V33.4936C27.64 31.7072 26.1919 30.259 24.4054 30.259C22.619 30.259 21.1709 31.7072 21.1709 33.4936V48.5882C21.1709 50.3747 22.619 51.8228 24.4054 51.8228C26.1919 51.8228 27.64 50.3747 27.64 48.5882Z",fill:w??"#4D4D4D"}),e.createElement("path",{d:"M78.0001 57C78.0001 62.5228 73.5229 67 68.0001 67C62.4772 67 58.0001 62.5228 58.0001 57C58.0001 51.4772 62.4772 47 68.0001 47C73.5229 47 78.0001 51.4772 78.0001 57Z",fill:$??"#D9D9D9"}),e.createElement("path",{d:"M64.7572 56.512C64.7572 55.128 65.0052 54.044 65.5012 53.26C66.0052 52.476 66.8372 52.084 67.9972 52.084C69.1572 52.084 69.9852 52.476 70.4812 53.26C70.9852 54.044 71.2372 55.128 71.2372 56.512C71.2372 57.904 70.9852 58.996 70.4812 59.788C69.9852 60.58 69.1572 60.976 67.9972 60.976C66.8372 60.976 66.0052 60.58 65.5012 59.788C65.0052 58.996 64.7572 57.904 64.7572 56.512ZM69.5812 56.512C69.5812 55.92 69.5412 55.424 69.4612 55.024C69.3892 54.616 69.2372 54.284 69.0052 54.028C68.7812 53.772 68.4452 53.644 67.9972 53.644C67.5492 53.644 67.2092 53.772 66.9772 54.028C66.7532 54.284 66.6012 54.616 66.5212 55.024C66.4492 55.424 66.4132 55.92 66.4132 56.512C66.4132 57.12 66.4492 57.632 66.5212 58.048C66.5932 58.456 66.7452 58.788 66.9772 59.044C67.2092 59.292 67.5492 59.416 67.9972 59.416C68.4452 59.416 68.7852 59.292 69.0172 59.044C69.2492 58.788 69.4012 58.456 69.4732 58.048C69.5452 57.632 69.5812 57.12 69.5812 56.512Z",fill:N??"black"})),e.createElement("span",{className:"yt-cart-empty-title",style:{color:v,fontWeight:"semibold"}},r),i&&e.createElement("span",{className:"yt-cart-empty-description",style:{color:"#929292",fontSize:"14px"}},i),!a&&n&&e.createElement("div",{className:"yt-cart-empty-signin-cta",style:{display:"flex",flexDirection:"row",alignItems:"center",columnGap:"4px"}},e.createElement(nt,{color:o,fontSize:"14px",strokeWidth:2}),e.createElement(Po,null,e.createElement("span",{className:"yt-cart-empty-signin-link",onClick:l,style:{color:o,textDecorationLine:"underline",cursor:"pointer"}},"Sign-in")," ",e.createElement("span",{style:{color:"black"}},"to avail offers"))),d&&d.length>0&&e.createElement(Ao,{className:"yt-cart-empty-button-container"},d.map((t,n)=>e.createElement("button",{key:`empty-cart-button-${n}`,onMouseEnter:()=>I(n),onMouseLeave:()=>I(null),onClick:()=>window.location.href=t.link,className:"yt-cart-empty-button",style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:z===n?s||"#73DABB":"#CACACA30",color:z===n?m:"#333333",padding:"12px 24px",cursor:"pointer",border:"1px solid #D1D1D1",borderRadius:"rounded"===u?`${p}px`:"0px",transition:"all 0.2s ease",width:"100%",fontSize:"14px",fontWeight:500,textTransform:"capitalize"}},t.title)))),S&&x&&g&&f&&e.createElement("div",{className:"yt-cart-empty-recommendations",style:{width:"100%",marginTop:"20px",marginBottom:"20px"}},e.createElement(Zn,{products:x,addCartItem:f,productRecsTitleText:k,productRecsCtaButtonText:y,ctaButtonBackgroundColor:b,ctaButtonTextColor:h,primaryTextColor:v,secondaryTextColor:w,showVariantSelectionDropdownInProductRecs:C,variant:"scroll",cardLayout:"vertical",cartComponentsCornerRadius:p,cartComponentsCornerType:u,backgroundSubdued:T,tertiaryColor:$,tertiaryTextColor:N}))),e.createElement("button",{className:"yt-cart-empty-continue-shopping",onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),onClick:()=>window.location.replace(c??"/"),style:{display:"flex",flexDirection:"row",alignItems:"center",columnGap:"4px",backgroundColor:B?"#CACACA50":"#CACACA30",padding:"16px 40px",cursor:"pointer",border:"none",transition:"all 0.2s ease",width:"100%",justifyContent:"center",borderRadius:0,backgroundImage:"none",marginTop:"auto"}},e.createElement(et,{color:v}),e.createElement("span",{style:{textTransform:"uppercase",fontSize:"12px",fontWeight:600,color:v,cursor:"pointer"}},"Continue Shopping")))}const Ro=se("gstNumber",""),Lo=se("gstCompanyName",""),Oo=ie("");yt("/* Body when cart drawer is open */\nbody.drawer-open {\n overflow: hidden;\n}\n\n/* Quantity Selector */\n.qty-selector-decrement-button {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n flex-wrap: nowrap !important;\n margin: 0 !important;\n cursor: pointer;\n width: 25px !important;\n height: 22px !important;\n min-height: 22px !important;\n padding: 10px !important;\n border: 0 !important;\n outline: none;\n /* focus:outline-none */\n background-color: #ffffff;\n color: black !important;\n border-radius: 0px !important;\n font-size: 16px !important;\n font-weight: 200 !important;\n min-width: fit-content;\n box-shadow: none;\n}\n\n.qty-selector-decrement-button:hover {\n background-color: #e5e7eb;\n /* hover:bg-gray-200 */\n}\n\n.qty-selector-input {\n background-color: white !important;\n /* bg-white */\n text-align: center;\n /* text-center */\n color: #111827;\n /* text-gray-900 */\n font-size: 1.1rem;\n /* text-sm */\n display: block;\n /* block */\n width: 3.4rem;\n /* w-12 */\n height: 28px;\n border: 0;\n margin: 0;\n}\n\nform .qty-selector-input {\n min-height: 22px !important;\n height: auto !important;\n text-align: center !important;\n line-height: 22px !important;\n box-shadow: none;\n}\n\n@media screen and (max-width: 450px) {\n .qty-selector-decrement-button {\n width: 30px;\n height: 28px;\n padding: 10px;\n }\n .qty-selector-input {\n height: 28px;\n width: 2rem;\n }\n}\n.close-button {\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: transform 0.5s ease-in-out;\n}\n\n.close-button:hover {\n transform: rotate(360deg);\n}\n\n.qty-selector-decrement-button,\n.yt-checkout-button {\n background-image: none !important;\n}\n\nbutton.yt-checkout-button,\nbutton.add-to-cart-button {\n min-height: auto !important;\n line-height: normal !important;\n}\n\n.yt-cart-title-container {\n display: -webkit-flex !important;\n display: -moz-flex !important;\n display: -ms-flexbox !important;\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n flex-direction: row !important;\n flex-wrap: nowrap !important;\n}\n\n.yt-cart-details-button {\n margin-left: 5px;\n background: none;\n border: none;\n color: #d3122a;\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n text-decoration: underline;\n padding: 0 !important;\n min-height: 10px !important;\n}\n\n.delete-icon,\n.edit-icon {\n height: 24px !important;\n width: 24px !important;\n}\n\n:root {\n --yt-base-color: #ddd;\n --yt-shine-color: #e8e8e8;\n --yt-animation-duration: 1.6s;\n --yt-cart-skeleton-loader-media-offset: 68px;\n /* 52px + 16px */\n}\n\n.yt-cart-skeleton-loader-container {\n display: flex;\n flex-direction: column;\n margin-top: 15px;\n}\n\n.yt-cart-skeleton-loader-item {\n width: 250px;\n height: 80px;\n}\n\n.yt-cart-skeleton-loader-item .yt-cart-skeleton-loader-media {\n float: left;\n width: 52px;\n height: 52px;\n background-color: #ccc;\n border-radius: 25%;\n margin: 8px;\n background-image: linear-gradient(90deg, var(--yt-base-color) 0px, var(--yt-shine-color) 40px, var(--yt-base-color) 80px);\n background-size: 600px;\n animation: shine-yt-cart-skeleton-loader-media var(--yt-animation-duration) infinite linear;\n}\n\n.yt-cart-skeleton-loader-item .yt-cart-skeleton-loader-line {\n float: left;\n width: 180px;\n height: 16px;\n margin-top: 12px;\n border-radius: 7px;\n background-image: linear-gradient(90deg, var(--yt-base-color) 0px, var(--yt-shine-color) 40px, var(--yt-base-color) 80px);\n background-size: 600px;\n animation: shine-lines var(--yt-animation-duration) infinite linear;\n}\n\n.yt-cart-skeleton-loader-item .yt-cart-skeleton-loader-media + .yt-cart-skeleton-loader-line {\n margin-top: 11px;\n width: 140px;\n}\n\n.yt-cart-skeleton-loader-item .yt-cart-skeleton-loader-line ~ .yt-cart-skeleton-loader-line {\n background-color: var(--yt-base-color);\n}\n\n@keyframes shine-lines {\n 0% {\n background-position: -100px;\n }\n 40%, 100% {\n background-position: 140px;\n }\n}\n@keyframes shine-yt-cart-skeleton-loader-media {\n 0% {\n background-position: calc(-100px + var(--yt-cart-skeleton-loader-media-offset));\n }\n 40%, 100% {\n background-position: calc(140px + var(--yt-cart-skeleton-loader-media-offset));\n }\n}\n.yt-loyalty-cta-container {\n box-shadow: 0px 3px 3.8px 0px rgba(1, 1, 1, 0.231372549);\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n border-radius: 10px;\n}\n\n.yt-loyalty-apply-cta-loading-container {\n box-shadow: 0px 3px 3.8px 0px rgba(1, 1, 1, 0.231372549);\n border: 1px solid #e5e7e8;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n border-radius: 10px;\n position: relative;\n overflow: hidden;\n margin: 0 1rem;\n min-height: 54.5px;\n background: #fafafa;\n z-index: 100;\n}\n\n.yt-loyalty-cta-progress-bar-container {\n width: 100%;\n height: 2px;\n background-color: #f0f0f0;\n position: absolute;\n bottom: 0;\n left: 0;\n z-index: 100;\n}\n\n.yt-loyalty-cta-progress-bar {\n height: 100%;\n background-color: red;\n transition: width 2.25s ease-in-out;\n z-index: 100;\n}");const Mo=se("postalCode",void 0);function Wo({checkoutButtonColor:i,checkoutFontSize:a,checkoutFunction:l,discountApplied:c,discountInCheckoutButton:s,discountAmountApplied:d,minimumCartValue:p,themeTextColor:u,applyGSTToCart:m,showGSTOption:g,applyNoteToCart:x,showNoteOption:f,enableGeoLocationDeliveryRestriction:y,applyPostalCodeAndDeliverySlotToCart:b,enableSlotPicker:h,isStickyCheckout:v,cartComponentsCornerType:w,cartComponentsCornerRadius:C,checkoutSectionMessage:E,checkoutSectionMessageDisplay:k,checkoutSectionMessageRedirectLink:T,showDiscountOnMRP:S,tertiaryColor:$,tertiaryTextColor:N,cartCheckpoints:B,toggleDecimal:F,disableCheckoutButton:z,checkoutButtonBottomSpacing:I=8,showCheckoutButtonPaymentIcons:D,primaryTextColor:P,hideSubtotalAndBadge:A=!1,showTrustedBadge:_,trustedBadgeData:R,isLargeScreen:L}){const O=le(Xt),M=le(Ro),W=le(Lo),V=le(Oo),j=le(Kt),H=le(Zt),q=le(Mo),Q=le(en),U=le(Jt),[Y,G]=t(!1),X=ln(O,O?.currency),[Z,K]=t("closed"),J=r(null),[ee,te]=t(!1),ne=o(()=>((e,t=.2)=>{if(!e)return"#000000";try{const n=e.trim();if(n.startsWith("#")&&(7===n.length||9===n.length)){const e=parseInt(n.slice(1,3),16),o=parseInt(n.slice(3,5),16),r=parseInt(n.slice(5,7),16),i=9===n.length?parseInt(n.slice(7,9),16):void 0,a=Math.max(0,Math.min(255,Math.floor(e*(1-t)))),l=Math.max(0,Math.min(255,Math.floor(o*(1-t)))),c=Math.max(0,Math.min(255,Math.floor(r*(1-t)))),s=`#${a.toString(16).padStart(2,"0")}${l.toString(16).padStart(2,"0")}${c.toString(16).padStart(2,"0")}`;return void 0!==i?`${s}${i.toString(16).padStart(2,"0")}`:s}return e}catch{return e}})($,.22),[$]),oe=o(()=>rn(p??0,O?.currency??"INR"),[p,O?.currency]),re=o(()=>xn(F?oe.toFixed(2):oe.toFixed(0)),[oe,F]),ie=r(null),ae=r(null),ce=r(null),se=()=>{K("closing"),setTimeout(()=>{K("closed")},300)},de=rn(O?.original_total_price,O?.currency),pe=o(()=>B?.find(e=>"free_delivery"===e.couponType&&void 0!==e.discountValue),[B]),ue=o(()=>!(!pe||!pe.minimumOrderValue)&&de>=pe.minimumOrderValue,[pe,de]),me=ue&&pe&&pe.discountValue||0,ge=d?rn(d,O?.currency??"INR"):0,xe=Number((de-ge).toFixed(2)),fe=o(()=>{if(!O?.items?.length)return 0;const e=O.items.reduce((e,t)=>e+(S&&t?.compare_at_price&&t?.compare_at_price>t?.original_price?t.compare_at_price:t.original_price)*t.quantity,0);return rn(e,O?.currency)},[O?.items,S]),ye=o(()=>ue?fe+me:fe,[ue,fe,me]),be=o(()=>oe&&oe>0?`Add products worth more than ${X}${re}`:"",[oe,X,re]),he=o(()=>O?.items?.length?O.items.reduce((e,t)=>t.compare_at_price&&t.compare_at_price>t.original_price?e+(t.compare_at_price-t.original_price)*t.quantity:e,0):0,[O?.items]),ve=rn(he,O?.currency??"INR");n(()=>{ie.current&&gn(ie.current),ae.current&&gn(ae.current),ce.current&&gn(ce.current)},[i,ge,S,ve,Z,me]);const we=o(()=>{const e={};return O?.items?.length?(O.items.forEach(t=>{t.discounts&&Array.isArray(t.discounts)&&t.discounts.forEach(t=>{e[t.title]=(e[t.title]||0)+t.amount})}),e):e},[O?.items]),Ce=o(()=>{const e=[];for(const t in we)if(Object.prototype.hasOwnProperty.call(we,t)){const n=we[t],o=rn(n,O?.currency??"INR"),r=bn(t);e.push({title:r,amount:o})}return e},[we,O?.currency]),Ee=o(()=>{let e=0;return e+=S?ge+ve:ge,ue&&(e+=me),e},[ge,ve,S,ue,me]),ke=async e=>{if(G(!0),xe<=0)G(!1);else{if(y){if("standard"!==U&&(h?!j:!H.isPostalCodeValid))return void G(!1);if(b)try{"standard"===U?await b(U):await b(U,String(q)||"",Q&&h?new Date(Q).toDateString():"")}catch(e){console.error("Error applying postal code and delivery slot"),alert("There was an error processing your delivery options. Please try again.")}}g&&m&&""!==W&&""!==M&&await m(M,W),f&&x&&""!==V&&await x(V),await l(e),G(!1)}},[Se,$e]=t(!1);n(()=>{$e(xe<=0||(!!z||!!y&&("standard"!==U&&(h?!j:!H.isPostalCodeValid))))},[H,U,y,h,j,Q,z,xe]);const[Ne,Be]=t(!1),Fe=r(null),[ze,Ie]=t("0px");n(()=>{Fe.current&&Ie(Ne?`${Fe.current.scrollHeight}px`:"0px")},[Ne,Ce,ue]);const De=()=>{Be(!Ne)};n(()=>{function e(e){J.current&&!J.current.contains(e.target)&&se()}return"open"!==Z&&"opening"!==Z||document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[Z]);const Pe=(t,n="Checkout")=>t?e.createElement("span",{style:{fontSize:"13px",width:"100%",textAlign:"center"}},"Redirecting to Checkout..."):D?e.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",pointerEvents:"none"}},e.createElement("span",{className:"yt-cart-summary-checkout-span",style:{fontSize:"16px"}},n),e.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:"1.5rem"}},e.createElement("img",{src:"https://r2.yourtoken.io/checkout-button-payment-provider-icons.png",alt:"Payment methods",style:{height:"22px",width:"auto"}}),e.createElement(ot,{className:"yt-cart-summary-checkout-next-icon",fontSize:"24px"}))):e.createElement("div",{style:{alignItems:"center",display:"flex",columnGap:"5px",pointerEvents:"none"}},"Proceed to Checkout"!==n&&e.createElement(Te,{fontSize:"20px"}),e.createElement("span",{style:{fontSize:"16px",pointerEvents:"none"}},n));return e.createElement("div",{className:"yt-cart-checkout-section",style:{position:"relative"}},!!E&&E.length>0&&!fn()&&(()=>{const t=k||"ribbon";if("ribbon"===t)return e.createElement("div",{className:"yt-cart-bottom-bar",style:{fontSize:"10px",textAlign:"center",backgroundColor:$,padding:"3px",boxShadow:"1px 2px 4px 0px #00000061",color:N,marginBottom:A?"0px":"4px",borderTopLeftRadius:"14px",borderTopRightRadius:"14px",cursor:T?"pointer":"default"},onClick:()=>{T&&(window.location.href=T)}},E);const n=({children:n})=>e.createElement("div",{className:"yt-cart-checkout-ribbon-container",style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",padding:L?"0 55px":"0 13px",marginBottom:"4px",position:"bookmark"===t?"absolute":"static",top:"bookmark"===t?"-11px":void 0,cursor:T?"pointer":"default"},onClick:()=>{T&&(window.location.href=T)}},n);return"tag"===t?e.createElement(n,null,e.createElement("div",{className:"yt-cart-checkout-ribbon-tag-container",style:{display:"flex",alignItems:"center",width:"100%"}},e.createElement("svg",{width:"20",height:"26",viewBox:"0 0 20 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{flex:"0 0 auto"}},e.createElement("path",{d:"M0 0H20V20H0L7.41935 10.7639L0 0Z",fill:ne}),e.createElement("path",{d:"M12.2581 5.80645L20 0V5.80645H12.2581Z",fill:"black",fillOpacity:"0.36"}),e.createElement("path",{d:"M12 5.80646L20 5.80645V25.8065H12V5.80646Z",fill:$})),e.createElement("div",{className:"yt-cart-checkout-ribbon-tag-center",style:{display:"flex",flex:1,justifyContent:"center",alignItems:"center",backgroundColor:$,color:N,padding:"8px 16px",fontSize:"10px",marginTop:"5px",lineHeight:"5px"}},E),e.createElement("svg",{width:"20",height:"26",viewBox:"0 0 20 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{flex:"0 0 auto"}},e.createElement("path",{d:"M20 0H0V20H20L12.5806 10.7639L20 0Z",fill:ne}),e.createElement("path",{d:"M7.74194 5.80645L0 0V5.80645H7.74194Z",fill:"black",fillOpacity:"0.36"}),e.createElement("path",{d:"M8 5.80646L0 5.80645V25.8065H8V5.80646Z",fill:$})))):e.createElement(n,null,e.createElement("div",{className:"yt-cart-checkout-ribbon-bookmark-container",style:{display:"flex",alignItems:"center",width:"100%"}},e.createElement("svg",{width:"14",height:"19",viewBox:"0 0 14 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8.34334 4.75V9.5H0V4.75C0 2.12665 1.86772 0 4.17167 0C6.47562 0 8.34334 2.12665 8.34334 4.75Z",fill:ne}),e.createElement("path",{d:"M12.1545 19H13.9056V0H4.17167C6.27666 0 7.98284 1.943 7.98284 4.33981V14.25C7.98284 16.8734 9.85056 19 12.1545 19Z",fill:$})),e.createElement("div",{className:"yt-cart-checkout-ribbon-bookmark-center",style:{display:"flex",flex:1,justifyContent:"center",alignItems:"center",backgroundColor:$,color:N,padding:"8px 16px",fontSize:"10px",lineHeight:"3px",marginRight:"-1px",marginLeft:"-1px"}},E),e.createElement("svg",{width:"14",height:"19",viewBox:"0 0 14 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.65666 4.75V9.5H14V4.75C14 2.12665 12.1323 0 9.82833 0C7.52438 0 5.65666 2.12665 5.65666 4.75Z",fill:ne}),e.createElement("path",{d:"M1.84549 19H0.0944166V0H9.82833C7.72334 0 6.01716 1.943 6.01716 4.33981V14.25C6.01716 16.8734 4.14944 19 1.84549 19Z",fill:$}))))})(),(!0===s||"true"===s)&&"closed"!==Z&&e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-checkout-popout-overlay",style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",opacity:"open"===Z?1:0,transition:"opacity 0.3s ease-in-out",display:"block",zIndex:2147483643},onClick:se}),e.createElement("div",{className:"yt-cart-checkout-popout",ref:J,style:{position:"fixed",bottom:0,left:0,right:0,zIndex:2147483644,transform:"open"===Z?"translateY(0)":"translateY(100%)",transition:"transform 0.3s cubic-bezier(0.22, 1, 0.36, 1)"}},e.createElement("div",{className:"yt-cart-checkout-popout-header",style:{backgroundColor:"#F1F1F1",padding:"1rem",display:"flex",justifyContent:"space-between",alignItems:"center",color:"#000000",borderTopLeftRadius:"8px",borderTopRightRadius:"8px",fontWeight:"bold",fontSize:"16px"}},e.createElement("span",null,"Price Summary"),e.createElement("button",{className:"yt-cart-checkout-popout-close",onClick:se,style:{background:"none",border:"none",color:"#000000",fontSize:"16px",fontWeight:"bold",cursor:"pointer",padding:0,marginLeft:"auto",transition:"transform 0.3s ease"}},"✕")),e.createElement("div",{className:"yt-cart-checkout-popout-content",style:{backgroundColor:"white",padding:"10px 1rem 0"}},e.createElement(e.Fragment,null,(S&&ve>0||c&&Ce.length>0||ue&&me>0)&&e.createElement(e.Fragment,null,e.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",{style:{fontSize:"14px",color:"#212529"}},"Subtotal"),e.createElement("span",{style:{fontSize:"14px",color:"#212529"}},X,xn(ue?F?ye.toFixed(2):ye.toFixed(0):F?fe.toFixed(2):fe.toFixed(0)))),(ge>0||S&&ve>0||ue&&me>0)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",paddingBottom:"5px",marginTop:"5px",fontWeight:"600"}},S&&ve>0&&e.createElement("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"12px",color:"#212529"}},e.createElement("span",null,"Discount on MRP"),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?ve.toFixed(2):ve.toFixed(0)))),ue&&me>0&&e.createElement("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"12px",color:"#212529"}},e.createElement("span",null,"Free Shipping"),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?me.toFixed(2):me.toFixed(0)))),Ce.map(t=>e.createElement("div",{key:t.title,style:{display:"flex",justifyContent:"space-between",fontSize:"12px",color:"#1E1E1E"}},e.createElement("span",null,t.title),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?t.amount.toFixed(2):t.amount.toFixed(0))))),Ee>0&&e.createElement("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"12px",color:"#212529",marginTop:"5px",paddingTop:"5px",borderTop:"1px solid #E5E7EB"}},e.createElement("span",null,"Total Savings"),e.createElement("span",{style:{color:"#D3122A",fontWeight:"bold"}},"-",X,xn(F?Ee.toFixed(2):Ee.toFixed(0))))),(ge>0||S&&ve>0||ue&&me>0)&&e.createElement("div",{style:{height:"12px",display:"flex",background:"#F5F5F5",width:"calc(100% + 2rem)",margin:"10px -1rem 0 -1rem",position:"relative",borderTop:"0.8px solid #C5C5C5",borderBottom:"0.8px solid #C5C5C5"}}))),e.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:ge>0||S&&ve>0||ue&&me>0?"10px":"0"}},e.createElement("div",{style:{display:"flex",flexDirection:"column"}},e.createElement("span",{style:{fontSize:"14px",fontWeight:"600",color:"#212529"}},"Grand Total"),e.createElement("span",{style:{fontSize:"9px",color:"#4A5157"}},"Inclusive of all taxes")),e.createElement("span",{style:{fontSize:"16px",color:"black",fontWeight:"var(--yt-cart-font-weight)"}},X,xn(F?xe.toFixed(2):xe.toFixed(0)))),e.createElement("div",{style:{display:"flex",background:$,color:N,width:"calc(100% + 2rem)",margin:"10px -1rem 0 -1rem",position:"relative",fontSize:"12px",fontWeight:"600",justifyContent:"center",alignItems:"center",gap:"5px",padding:"4px 0"}},e.createElement("img",{src:"https://r2.yourtoken.io/image%2016.png",alt:"confetti-image",style:{width:"30px",height:"30px"}}),"You saved"," ",e.createElement("span",null,X,xn(F?Ee.toFixed(2):Ee.toFixed(0)))," ","on your order")),e.createElement("button",{ref:ae,id:"yt-checkout-button-popout",className:"yt-checkout-button",onClick:ke,disabled:Se,style:{display:"flex",flexDirection:"row",alignItems:"center",margin:0,height:"45px",padding:"10px",justifyContent:"center",columnGap:"8px",backgroundColor:i,border:0,textTransform:"uppercase",fontSize:a,letterSpacing:"1px",opacity:Se?.5:1,cursor:Se?"not-allowed":"pointer",borderRadius:"0px",boxShadow:"none",width:"100%"}},Pe(Y)))),(!0===s||"true"===s)&&z&&Se&&be&&e.createElement("div",{style:{display:"flex",justifyContent:"center",textAlign:"center",fontSize:"13px",color:"red"}},be),!0===s||"true"===s?e.createElement("div",{className:"yt-cart-checkout-section-concise-container",style:{display:"flex",flexDirection:"column",backgroundColor:"rgba(138, 138, 138, 0.08)",paddingTop:"10px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"stretch",justifyContent:"space-between",width:"auto",padding:v?"7px 0 8px 8px":`7px 8px ${I}px 8px`}},e.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",justifyContent:"center",alignItems:"flex-start",paddingRight:"2rem",overflowWrap:"normal"}},(ge>0||S&&ve>0||ue&&me>0)&&e.createElement("div",{className:"yt-cart-checkout-save-badge",ref:ce,style:{fontSize:"9px",backgroundColor:i,width:"max-content",padding:"2px 8px"}},"Saving ",X,xn(F?Ee.toFixed(2):Ee.toFixed(0))),Y?e.createElement("div",{style:{fontSize:"12px",color:"#4a4a4a"}},"Redirecting to Checkout..."):c||ue&&pe?e.createElement("div",null,e.createElement("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"center"}},e.createElement("span",{style:{fontSize:"15px",color:"#1E1E1E",fontWeight:"600"}},X,xn(F?xe.toFixed(2):xe.toFixed(0))),(ge>0||ve>0||ue&&me>0)&&e.createElement("span",{style:{fontSize:"14px",color:"#8C8C8C",textDecoration:"line-through",marginLeft:"4px",fontWeight:"normal"}},X,xn(ue?ye.toFixed(0):fe.toFixed(0))))):e.createElement("div",{style:{fontSize:"18px",color:"#1E1E1E",fontWeight:"600"}},X,xn(F?xe.toFixed(2):xe.toFixed(0))),S&&ve>0||c&&ge>0||ue&&me>0?e.createElement("div",{style:{fontSize:"11px",color:"#4A5157",width:"max-content",cursor:"pointer",textDecoration:"underline"},onClick:e=>{e.stopPropagation(),K("opening"),requestAnimationFrame(()=>{K("open")}),te(!ee)}},"See Details"):e.createElement("div",{style:{fontSize:"9px",color:"#4A5157",width:"max-content"}},"Inclusive of all taxes")),e.createElement("div",{style:{display:"flex",justifyContent:"center",width:"100%"}},e.createElement("button",{ref:ie,id:"yt-checkout-button",className:"yt-checkout-button",onClick:ke,disabled:Se,style:{backgroundColor:i,border:0,textTransform:"uppercase",letterSpacing:"1px",fontSize:"12px",padding:"10px 15px",opacity:Se?.5:1,cursor:Se?"not-allowed":"pointer",borderRadius:"rounded"===w?`${C}px`:"0px",width:"100%",margin:"0 auto",boxShadow:"none"}},D?e.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",pointerEvents:"none"}},e.createElement("span",{style:{fontSize:"12px"}},"CHECKOUT"),e.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:"1.5rem"}},e.createElement("img",{src:"https://r2.yourtoken.io/checkout-button-payment-provider-icons.png",alt:"Payment methods",style:{height:"22px",width:"auto"}}),e.createElement(ot,{fontSize:"24px"}))):"CHECKOUT"))),_&&!A&&e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingBlock:"0 6px"}},e.createElement("img",{src:R?.badgeImage?.path||"https://r2.yourtoken.io/powered-by-badge-v2.png",alt:"Trusted Badge",style:{height:"auto",width:"340px"}}))):e.createElement(e.Fragment,null,z&&Se&&be&&e.createElement("div",{className:"yt-cart-checkout-disabled-message",style:{display:"flex",justifyContent:"center",textAlign:"center",fontSize:"13px",color:"red"}},be),e.createElement("div",{className:"yt-cart-checkout-summary",style:{display:"flex",flexDirection:"column",rowGap:"5px",backgroundColor:"rgba(138, 138, 138, 0.08)",paddingTop:A?"0px":"10px"}},e.createElement("div",{className:"yt-cart-checkout-breakdown",style:{display:A?"none":"flex",flexDirection:"column",rowGap:"2px",margin:"0 1rem",color:P}},(ve>0||c&&Ce.length>0||ue&&me>0)&&Ee>0&&e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-subtotal-row",style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",{className:"yt-cart-subtotal-label",style:{fontSize:"12px"}},"Subtotal"),e.createElement("span",{className:"yt-cart-subtotal-value",style:{fontSize:"14px"}},X,xn(ue?F?ye.toFixed(2):ye.toFixed(0):F?fe.toFixed(2):fe.toFixed(0)))),(ge>0||ve>0||ue&&me>0)&&e.createElement("div",{className:"yt-cart-discounts-section",style:{display:"flex",flexDirection:"column",paddingBottom:"5px"}},e.createElement("div",{className:"yt-cart-discounts-header",style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",{className:"yt-cart-discounts-label",style:{fontSize:"12px",fontWeight:"600",display:"flex",alignItems:"center"}},"Discounts Applied",e.createElement("button",{onClick:De,className:"yt-cart-details-button",style:{marginBottom:"0",marginLeft:"5px",background:"none",border:"none",color:"#7E7E7E",cursor:"pointer",fontSize:"12px",fontWeight:"600",textDecoration:"underline",padding:"0 !important",minHeight:"10px !important",boxShadow:"none",minWidth:"fit-content",height:"auto",lineHeight:"normal",marginTop:"0"}},Ne?"Hide details":"See details")),e.createElement("span",{className:"yt-cart-discounts-total",style:{fontSize:"14px",color:"#D3122A",fontWeight:"600"}},"-",X,xn(F?Ee.toFixed(2):Ee.toFixed(0)))),e.createElement("div",{className:"yt-cart-discounts-details",ref:Fe,style:{height:ze,overflow:"hidden",transition:"height 0.3s ease, opacity 0.3s ease",opacity:Ne?1:0,marginTop:Ne?"5px":"0",borderTop:Ne?"1px solid #E5E7EB":"none",paddingTop:Ne?"5px":"0",fontWeight:"600"}},S&&ve>0&&e.createElement("div",{className:"yt-cart-discount-row",style:{display:"flex",justifyContent:"space-between",fontSize:"12px"}},e.createElement("span",null,"Discount on MRP"),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?ve.toFixed(2):ve.toFixed(0)))),ue&&me>0&&e.createElement("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"12px"}},e.createElement("span",null,"Free Shipping"),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?me.toFixed(2):me.toFixed(0)))),Ce.map(t=>e.createElement("div",{key:t.title,style:{display:"flex",justifyContent:"space-between",fontSize:"12px"}},e.createElement("span",null,t.title),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?t.amount.toFixed(2):t.amount.toFixed(0))))))),e.createElement("hr",{className:"yt-cart-checkout-divider",style:{height:"1px",margin:"2px 0",backgroundColor:"#E5E7EB",border:"none",maxWidth:"unset"}})),e.createElement("div",{className:"yt-cart-total-row",style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",{className:"yt-cart-total-label",style:{fontSize:"14px",fontWeight:"600"}},"Total"),e.createElement("span",{className:"yt-cart-total-value",style:{fontSize:"16px",fontWeight:"var(--yt-cart-font-weight)"}},X,xn(F?xe.toFixed(2):xe.toFixed(0))))),e.createElement("button",{ref:ie,id:"yt-checkout-button",className:"yt-checkout-button",onClick:ke,disabled:Se,style:{display:"flex",flexDirection:"row",alignItems:"center",margin:"closed"!==Z||v?"0":`4px 1rem ${I}px 1rem`,height:"45px",paddingTop:"10px",paddingBottom:"10px",justifyContent:"center",columnGap:"8px",backgroundColor:i,border:0,color:u??"white",textTransform:"uppercase",fontSize:a,letterSpacing:"1px",opacity:Se?.5:1,cursor:Se?"not-allowed":"pointer",borderRadius:"closed"!==Z?"0px":"rounded"===w?`${C}px`:"0px",boxShadow:"none"}},Pe(Y,D?"Checkout":"Proceed to Checkout")),_&&!A&&e.createElement("div",{className:"yt-cart-powered-by-badge",style:{display:"flex",justifyContent:"center",alignItems:"center",paddingBlock:"0px 6px"}},e.createElement("img",{src:R?.badgeImage?.path||"https://r2.yourtoken.io/powered-by-badge-v2.png",alt:"Trusted Badge",style:{height:"auto",width:"340px"}})))))}const Vo=c.button`
|
|
999
|
+
`;function _o({showLoyaltyCta:n,exploreCTAColor:o="#73DABB",emptyCartTitle:r="Your Cart is Empty",emptyCartDescription:i,isUserSignedIn:a=!1,joinNowFunction:l,exploreCtaRedirectLink:c,themeColor:s,emptyCartButtons:d=[],cartComponentsCornerRadius:p=0,cartComponentsCornerType:m="sharp",themeTextColor:u="white",isRecProductsListValid:g,recProductsList:x,addCartItem:f,productRecsCtaButtonText:y,ctaButtonBackgroundColor:b,ctaButtonTextColor:h,primaryTextColor:v,secondaryTextColor:w,showVariantSelectionDropdownInProductRecs:C,productRecsTitleText:E,emptyProductRecsTitleText:k="Empty cart Recommendations",backgroundSubdued:T,showEmptyCartRecommendations:S=!1,tertiaryColor:$,tertiaryTextColor:N}){const[B,F]=t(!1),[z,I]=t(null);return e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-empty-container",style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",height:"100%",overflowY:"auto",marginTop:"5px"}},e.createElement("div",{className:"yt-cart-empty-content",style:{display:"flex",flexDirection:"column",alignItems:"center",rowGap:"12px"}},e.createElement("svg",{className:"yt-empty-cart-svg",xmlns:"http://www.w3.org/2000/svg",width:"90",height:"80",viewBox:"0 0 79 67",fill:"none"},e.createElement("path",{d:"M78.3148 24.8681V27.0245C78.3148 28.8109 76.8667 30.259 75.0803 30.259H74.0021L70.4827 54.894C70.0275 58.081 67.298 60.4483 64.0787 60.4483H14.9214C11.7021 60.4483 8.97266 58.081 8.51726 54.894L4.99805 30.259H3.91987C2.13344 30.259 0.685303 28.8109 0.685303 27.0245V24.8681C0.685303 23.0817 2.13344 21.6335 3.91987 21.6335H12.9956L27.3868 1.84596C28.7877 -0.0802239 31.4848 -0.506243 33.4113 0.894727C35.3376 2.2957 35.7635 4.99292 34.3625 6.91924L23.6611 21.6335H55.339L44.6376 6.9191C43.2367 4.99292 43.6627 2.29556 45.589 0.894592C47.515 -0.506378 50.2125 -0.0804935 51.6135 1.84582L66.0045 21.6335H75.0803C76.8667 21.6335 78.3148 23.0817 78.3148 24.8681ZM42.7346 48.5882V33.4936C42.7346 31.7072 41.2865 30.259 39.5001 30.259C37.7136 30.259 36.2655 31.7072 36.2655 33.4936V48.5882C36.2655 50.3747 37.7136 51.8228 39.5001 51.8228C41.2865 51.8228 42.7346 50.3747 42.7346 48.5882ZM57.8293 48.5882V33.4936C57.8293 31.7072 56.3811 30.259 54.5947 30.259C52.8083 30.259 51.3601 31.7072 51.3601 33.4936V48.5882C51.3601 50.3747 52.8083 51.8228 54.5947 51.8228C56.3811 51.8228 57.8293 50.3747 57.8293 48.5882ZM27.64 48.5882V33.4936C27.64 31.7072 26.1919 30.259 24.4054 30.259C22.619 30.259 21.1709 31.7072 21.1709 33.4936V48.5882C21.1709 50.3747 22.619 51.8228 24.4054 51.8228C26.1919 51.8228 27.64 50.3747 27.64 48.5882Z",fill:w??"#4D4D4D"}),e.createElement("path",{d:"M78.0001 57C78.0001 62.5228 73.5229 67 68.0001 67C62.4772 67 58.0001 62.5228 58.0001 57C58.0001 51.4772 62.4772 47 68.0001 47C73.5229 47 78.0001 51.4772 78.0001 57Z",fill:$??"#D9D9D9"}),e.createElement("path",{d:"M64.7572 56.512C64.7572 55.128 65.0052 54.044 65.5012 53.26C66.0052 52.476 66.8372 52.084 67.9972 52.084C69.1572 52.084 69.9852 52.476 70.4812 53.26C70.9852 54.044 71.2372 55.128 71.2372 56.512C71.2372 57.904 70.9852 58.996 70.4812 59.788C69.9852 60.58 69.1572 60.976 67.9972 60.976C66.8372 60.976 66.0052 60.58 65.5012 59.788C65.0052 58.996 64.7572 57.904 64.7572 56.512ZM69.5812 56.512C69.5812 55.92 69.5412 55.424 69.4612 55.024C69.3892 54.616 69.2372 54.284 69.0052 54.028C68.7812 53.772 68.4452 53.644 67.9972 53.644C67.5492 53.644 67.2092 53.772 66.9772 54.028C66.7532 54.284 66.6012 54.616 66.5212 55.024C66.4492 55.424 66.4132 55.92 66.4132 56.512C66.4132 57.12 66.4492 57.632 66.5212 58.048C66.5932 58.456 66.7452 58.788 66.9772 59.044C67.2092 59.292 67.5492 59.416 67.9972 59.416C68.4452 59.416 68.7852 59.292 69.0172 59.044C69.2492 58.788 69.4012 58.456 69.4732 58.048C69.5452 57.632 69.5812 57.12 69.5812 56.512Z",fill:N??"black"})),e.createElement("span",{className:"yt-cart-empty-title",style:{color:v,fontWeight:"semibold"}},r),i&&e.createElement("span",{className:"yt-cart-empty-description",style:{color:"#929292",fontSize:"14px"}},i),!a&&n&&e.createElement("div",{className:"yt-cart-empty-signin-cta",style:{display:"flex",flexDirection:"row",alignItems:"center",columnGap:"4px"}},e.createElement(nt,{color:o,fontSize:"14px",strokeWidth:2}),e.createElement(Po,null,e.createElement("span",{className:"yt-cart-empty-signin-link",onClick:l,style:{color:o,textDecorationLine:"underline",cursor:"pointer"}},"Sign-in")," ",e.createElement("span",{style:{color:"black"}},"to avail offers"))),d&&d.length>0&&e.createElement(Ao,{className:"yt-cart-empty-button-container"},d.map((t,n)=>e.createElement("button",{key:`empty-cart-button-${n}`,onMouseEnter:()=>I(n),onMouseLeave:()=>I(null),onClick:()=>window.location.href=t.link,className:"yt-cart-empty-button",style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:z===n?s||"#73DABB":"#CACACA30",color:z===n?u:"#333333",padding:"12px 24px",cursor:"pointer",border:"1px solid #D1D1D1",borderRadius:"rounded"===m?`${p}px`:"0px",transition:"all 0.2s ease",width:"100%",fontSize:"14px",fontWeight:500,textTransform:"capitalize"}},t.title)))),S&&x&&g&&f&&e.createElement("div",{className:"yt-cart-empty-recommendations",style:{width:"100%",marginTop:"20px",marginBottom:"20px"}},e.createElement(Zn,{products:x,addCartItem:f,productRecsTitleText:k,productRecsCtaButtonText:y,ctaButtonBackgroundColor:b,ctaButtonTextColor:h,primaryTextColor:v,secondaryTextColor:w,showVariantSelectionDropdownInProductRecs:C,variant:"scroll",cardLayout:"vertical",cartComponentsCornerRadius:p,cartComponentsCornerType:m,backgroundSubdued:T,tertiaryColor:$,tertiaryTextColor:N}))),e.createElement("button",{className:"yt-cart-empty-continue-shopping",onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),onClick:()=>window.location.replace(c??"/"),style:{display:"flex",flexDirection:"row",alignItems:"center",columnGap:"4px",backgroundColor:B?"#CACACA50":"#CACACA30",padding:"16px 40px",cursor:"pointer",border:"none",transition:"all 0.2s ease",width:"100%",justifyContent:"center",borderRadius:0,backgroundImage:"none",marginTop:"auto"}},e.createElement(et,{color:v}),e.createElement("span",{style:{textTransform:"uppercase",fontSize:"12px",fontWeight:600,color:v,cursor:"pointer"}},"Continue Shopping")))}const Ro=se("gstNumber",""),Lo=se("gstCompanyName",""),Oo=ie("");yt("/* Body when cart drawer is open */\nbody.drawer-open {\n overflow: hidden;\n}\n\n/* Quantity Selector */\n.qty-selector-decrement-button {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n flex-wrap: nowrap !important;\n margin: 0 !important;\n cursor: pointer;\n width: 25px !important;\n height: 22px !important;\n min-height: 22px !important;\n padding: 10px !important;\n border: 0 !important;\n outline: none;\n /* focus:outline-none */\n background-color: #ffffff;\n color: black !important;\n border-radius: 0px !important;\n font-size: 16px !important;\n font-weight: 200 !important;\n min-width: fit-content;\n box-shadow: none;\n}\n\n.qty-selector-decrement-button:hover {\n background-color: #e5e7eb;\n /* hover:bg-gray-200 */\n}\n\n.qty-selector-input {\n background-color: white !important;\n /* bg-white */\n text-align: center;\n /* text-center */\n color: #111827;\n /* text-gray-900 */\n font-size: 1.1rem;\n /* text-sm */\n display: block;\n /* block */\n width: 3.4rem;\n /* w-12 */\n height: 28px;\n border: 0;\n margin: 0;\n}\n\nform .qty-selector-input {\n min-height: 22px !important;\n height: auto !important;\n text-align: center !important;\n line-height: 22px !important;\n box-shadow: none;\n}\n\n@media screen and (max-width: 450px) {\n .qty-selector-decrement-button {\n width: 30px;\n height: 28px;\n padding: 10px;\n }\n .qty-selector-input {\n height: 28px;\n width: 2rem;\n }\n}\n.close-button {\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n transition: transform 0.5s ease-in-out;\n}\n\n.close-button:hover {\n transform: rotate(360deg);\n}\n\n.qty-selector-decrement-button,\n.yt-checkout-button {\n background-image: none !important;\n}\n\nbutton.yt-checkout-button,\nbutton.add-to-cart-button {\n min-height: auto !important;\n line-height: normal !important;\n}\n\n.yt-cart-title-container {\n display: -webkit-flex !important;\n display: -moz-flex !important;\n display: -ms-flexbox !important;\n display: flex !important;\n align-items: center !important;\n gap: 8px !important;\n flex-direction: row !important;\n flex-wrap: nowrap !important;\n}\n\n.yt-cart-details-button {\n margin-left: 5px;\n background: none;\n border: none;\n color: #d3122a;\n cursor: pointer;\n font-size: 12px;\n font-weight: 600;\n text-decoration: underline;\n padding: 0 !important;\n min-height: 10px !important;\n}\n\n.delete-icon,\n.edit-icon {\n height: 24px !important;\n width: 24px !important;\n}\n\n:root {\n --yt-base-color: #ddd;\n --yt-shine-color: #e8e8e8;\n --yt-animation-duration: 1.6s;\n --yt-cart-skeleton-loader-media-offset: 68px;\n /* 52px + 16px */\n}\n\n.yt-cart-skeleton-loader-container {\n display: flex;\n flex-direction: column;\n margin-top: 15px;\n}\n\n.yt-cart-skeleton-loader-item {\n width: 250px;\n height: 80px;\n}\n\n.yt-cart-skeleton-loader-item .yt-cart-skeleton-loader-media {\n float: left;\n width: 52px;\n height: 52px;\n background-color: #ccc;\n border-radius: 25%;\n margin: 8px;\n background-image: linear-gradient(90deg, var(--yt-base-color) 0px, var(--yt-shine-color) 40px, var(--yt-base-color) 80px);\n background-size: 600px;\n animation: shine-yt-cart-skeleton-loader-media var(--yt-animation-duration) infinite linear;\n}\n\n.yt-cart-skeleton-loader-item .yt-cart-skeleton-loader-line {\n float: left;\n width: 180px;\n height: 16px;\n margin-top: 12px;\n border-radius: 7px;\n background-image: linear-gradient(90deg, var(--yt-base-color) 0px, var(--yt-shine-color) 40px, var(--yt-base-color) 80px);\n background-size: 600px;\n animation: shine-lines var(--yt-animation-duration) infinite linear;\n}\n\n.yt-cart-skeleton-loader-item .yt-cart-skeleton-loader-media + .yt-cart-skeleton-loader-line {\n margin-top: 11px;\n width: 140px;\n}\n\n.yt-cart-skeleton-loader-item .yt-cart-skeleton-loader-line ~ .yt-cart-skeleton-loader-line {\n background-color: var(--yt-base-color);\n}\n\n@keyframes shine-lines {\n 0% {\n background-position: -100px;\n }\n 40%, 100% {\n background-position: 140px;\n }\n}\n@keyframes shine-yt-cart-skeleton-loader-media {\n 0% {\n background-position: calc(-100px + var(--yt-cart-skeleton-loader-media-offset));\n }\n 40%, 100% {\n background-position: calc(140px + var(--yt-cart-skeleton-loader-media-offset));\n }\n}\n.yt-loyalty-cta-container {\n box-shadow: 0px 3px 3.8px 0px rgba(1, 1, 1, 0.231372549);\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n border-radius: 10px;\n}\n\n.yt-loyalty-apply-cta-loading-container {\n box-shadow: 0px 3px 3.8px 0px rgba(1, 1, 1, 0.231372549);\n border: 1px solid #e5e7e8;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n border-radius: 10px;\n position: relative;\n overflow: hidden;\n margin: 0 1rem;\n min-height: 54.5px;\n background: #fafafa;\n z-index: 100;\n}\n\n.yt-loyalty-cta-progress-bar-container {\n width: 100%;\n height: 2px;\n background-color: #f0f0f0;\n position: absolute;\n bottom: 0;\n left: 0;\n z-index: 100;\n}\n\n.yt-loyalty-cta-progress-bar {\n height: 100%;\n background-color: red;\n transition: width 2.25s ease-in-out;\n z-index: 100;\n}");const Mo=se("postalCode",void 0);function Wo({checkoutButtonColor:i,checkoutFontSize:a,checkoutFunction:l,discountApplied:c,discountInCheckoutButton:s,discountAmountApplied:d,minimumCartValue:p,themeTextColor:m,applyGSTToCart:u,showGSTOption:g,applyNoteToCart:x,showNoteOption:f,enableGeoLocationDeliveryRestriction:y,applyPostalCodeAndDeliverySlotToCart:b,enableSlotPicker:h,isStickyCheckout:v,cartComponentsCornerType:w,cartComponentsCornerRadius:C,checkoutSectionMessage:E,checkoutSectionMessageDisplay:k,checkoutSectionMessageRedirectLink:T,showDiscountOnMRP:S,tertiaryColor:$,tertiaryTextColor:N,cartCheckpoints:B,toggleDecimal:F,disableCheckoutButton:z,checkoutButtonBottomSpacing:I=8,showCheckoutButtonPaymentIcons:D,primaryTextColor:P,hideSubtotalAndBadge:A=!1,showTrustedBadge:_,trustedBadgeData:R,isLargeScreen:L}){const O=le(Xt),M=le(Ro),W=le(Lo),V=le(Oo),j=le(Kt),H=le(Zt),q=le(Mo),Q=le(en),U=le(Jt),[Y,G]=t(!1),X=ln(O,O?.currency),[Z,K]=t("closed"),J=r(null),[ee,te]=t(!1),ne=o(()=>((e,t=.2)=>{if(!e)return"#000000";try{const n=e.trim();if(n.startsWith("#")&&(7===n.length||9===n.length)){const e=parseInt(n.slice(1,3),16),o=parseInt(n.slice(3,5),16),r=parseInt(n.slice(5,7),16),i=9===n.length?parseInt(n.slice(7,9),16):void 0,a=Math.max(0,Math.min(255,Math.floor(e*(1-t)))),l=Math.max(0,Math.min(255,Math.floor(o*(1-t)))),c=Math.max(0,Math.min(255,Math.floor(r*(1-t)))),s=`#${a.toString(16).padStart(2,"0")}${l.toString(16).padStart(2,"0")}${c.toString(16).padStart(2,"0")}`;return void 0!==i?`${s}${i.toString(16).padStart(2,"0")}`:s}return e}catch{return e}})($,.22),[$]),oe=o(()=>rn(p??0,O?.currency??"INR"),[p,O?.currency]),re=o(()=>xn(F?oe.toFixed(2):oe.toFixed(0)),[oe,F]),ie=r(null),ae=r(null),ce=r(null),se=()=>{K("closing"),setTimeout(()=>{K("closed")},300)},de=rn(O?.original_total_price,O?.currency),pe=o(()=>B?.find(e=>"free_delivery"===e.couponType&&void 0!==e.discountValue),[B]),me=o(()=>!(!pe||!pe.minimumOrderValue)&&de>=pe.minimumOrderValue,[pe,de]),ue=me&&pe&&pe.discountValue||0,ge=d?rn(d,O?.currency??"INR"):0,xe=Number((de-ge).toFixed(2)),fe=o(()=>{if(!O?.items?.length)return 0;const e=O.items.reduce((e,t)=>e+(S&&t?.compare_at_price&&t?.compare_at_price>t?.original_price?t.compare_at_price:t.original_price)*t.quantity,0);return rn(e,O?.currency)},[O?.items,S]),ye=o(()=>me?fe+ue:fe,[me,fe,ue]),be=o(()=>oe&&oe>0?`Add products worth more than ${X}${re}`:"",[oe,X,re]),he=o(()=>O?.items?.length?O.items.reduce((e,t)=>t.compare_at_price&&t.compare_at_price>t.original_price?e+(t.compare_at_price-t.original_price)*t.quantity:e,0):0,[O?.items]),ve=rn(he,O?.currency??"INR");n(()=>{ie.current&&gn(ie.current),ae.current&&gn(ae.current),ce.current&&gn(ce.current)},[i,ge,S,ve,Z,ue]);const we=o(()=>{const e={};return O?.items?.length?(O.items.forEach(t=>{t.discounts&&Array.isArray(t.discounts)&&t.discounts.forEach(t=>{e[t.title]=(e[t.title]||0)+t.amount})}),e):e},[O?.items]),Ce=o(()=>{const e=[];for(const t in we)if(Object.prototype.hasOwnProperty.call(we,t)){const n=we[t],o=rn(n,O?.currency??"INR"),r=bn(t);e.push({title:r,amount:o})}return e},[we,O?.currency]),Ee=o(()=>{let e=0;return e+=S?ge+ve:ge,me&&(e+=ue),e},[ge,ve,S,me,ue]),ke=async e=>{if(G(!0),xe<=0)G(!1);else{if(y){if("standard"!==U&&(h?!j:!H.isPostalCodeValid))return void G(!1);if(b)try{"standard"===U?await b(U):await b(U,String(q)||"",Q&&h?new Date(Q).toDateString():"")}catch(e){console.error("Error applying postal code and delivery slot"),alert("There was an error processing your delivery options. Please try again.")}}g&&u&&""!==W&&""!==M&&await u(M,W),f&&x&&""!==V&&await x(V),await l(e),G(!1)}},[Se,$e]=t(!1);n(()=>{$e(xe<=0||(!!z||!!y&&("standard"!==U&&(h?!j:!H.isPostalCodeValid))))},[H,U,y,h,j,Q,z,xe]);const[Ne,Be]=t(!1),Fe=r(null),[ze,Ie]=t("0px");n(()=>{Fe.current&&Ie(Ne?`${Fe.current.scrollHeight}px`:"0px")},[Ne,Ce,me]);const De=()=>{Be(!Ne)};n(()=>{function e(e){J.current&&!J.current.contains(e.target)&&se()}return"open"!==Z&&"opening"!==Z||document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[Z]);const Pe=(t,n="Checkout")=>t?e.createElement("span",{style:{fontSize:"13px",width:"100%",textAlign:"center"}},"Redirecting to Checkout..."):D?e.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",pointerEvents:"none"}},e.createElement("span",{className:"yt-cart-summary-checkout-span",style:{fontSize:"16px"}},n),e.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:"1.5rem"}},e.createElement("img",{src:"https://r2.yourtoken.io/checkout-button-payment-provider-icons.png",alt:"Payment methods",style:{height:"22px",width:"auto"}}),e.createElement(ot,{className:"yt-cart-summary-checkout-next-icon",fontSize:"24px"}))):e.createElement("div",{style:{alignItems:"center",display:"flex",columnGap:"5px",pointerEvents:"none"}},"Proceed to Checkout"!==n&&e.createElement(Te,{fontSize:"20px"}),e.createElement("span",{style:{fontSize:"16px",pointerEvents:"none"}},n));return e.createElement("div",{className:"yt-cart-checkout-section",style:{position:"relative"}},!!E&&E.length>0&&!fn()&&(()=>{const t=k||"ribbon";if("ribbon"===t)return e.createElement("div",{className:"yt-cart-bottom-bar",style:{fontSize:"10px",textAlign:"center",backgroundColor:$,padding:"3px",boxShadow:"1px 2px 4px 0px #00000061",color:N,marginBottom:A?"0px":"4px",borderTopLeftRadius:"14px",borderTopRightRadius:"14px",cursor:T?"pointer":"default"},onClick:()=>{T&&(window.location.href=T)}},E);const n=({children:n})=>e.createElement("div",{className:"yt-cart-checkout-ribbon-container",style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",padding:L?"0 55px":"0 13px",marginBottom:"4px",position:"bookmark"===t?"absolute":"static",top:"bookmark"===t?"-11px":void 0,cursor:T?"pointer":"default"},onClick:()=>{T&&(window.location.href=T)}},n);return"tag"===t?e.createElement(n,null,e.createElement("div",{className:"yt-cart-checkout-ribbon-tag-container",style:{display:"flex",alignItems:"center",width:"100%"}},e.createElement("svg",{width:"20",height:"26",viewBox:"0 0 20 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{flex:"0 0 auto"}},e.createElement("path",{d:"M0 0H20V20H0L7.41935 10.7639L0 0Z",fill:ne}),e.createElement("path",{d:"M12.2581 5.80645L20 0V5.80645H12.2581Z",fill:"black",fillOpacity:"0.36"}),e.createElement("path",{d:"M12 5.80646L20 5.80645V25.8065H12V5.80646Z",fill:$})),e.createElement("div",{className:"yt-cart-checkout-ribbon-tag-center",style:{display:"flex",flex:1,justifyContent:"center",alignItems:"center",backgroundColor:$,color:N,padding:"8px 16px",fontSize:"10px",marginTop:"5px",lineHeight:"5px"}},E),e.createElement("svg",{width:"20",height:"26",viewBox:"0 0 20 26",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{flex:"0 0 auto"}},e.createElement("path",{d:"M20 0H0V20H20L12.5806 10.7639L20 0Z",fill:ne}),e.createElement("path",{d:"M7.74194 5.80645L0 0V5.80645H7.74194Z",fill:"black",fillOpacity:"0.36"}),e.createElement("path",{d:"M8 5.80646L0 5.80645V25.8065H8V5.80646Z",fill:$})))):e.createElement(n,null,e.createElement("div",{className:"yt-cart-checkout-ribbon-bookmark-container",style:{display:"flex",alignItems:"center",width:"100%"}},e.createElement("svg",{width:"14",height:"19",viewBox:"0 0 14 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M8.34334 4.75V9.5H0V4.75C0 2.12665 1.86772 0 4.17167 0C6.47562 0 8.34334 2.12665 8.34334 4.75Z",fill:ne}),e.createElement("path",{d:"M12.1545 19H13.9056V0H4.17167C6.27666 0 7.98284 1.943 7.98284 4.33981V14.25C7.98284 16.8734 9.85056 19 12.1545 19Z",fill:$})),e.createElement("div",{className:"yt-cart-checkout-ribbon-bookmark-center",style:{display:"flex",flex:1,justifyContent:"center",alignItems:"center",backgroundColor:$,color:N,padding:"8px 16px",fontSize:"10px",lineHeight:"3px",marginRight:"-1px",marginLeft:"-1px"}},E),e.createElement("svg",{width:"14",height:"19",viewBox:"0 0 14 19",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M5.65666 4.75V9.5H14V4.75C14 2.12665 12.1323 0 9.82833 0C7.52438 0 5.65666 2.12665 5.65666 4.75Z",fill:ne}),e.createElement("path",{d:"M1.84549 19H0.0944166V0H9.82833C7.72334 0 6.01716 1.943 6.01716 4.33981V14.25C6.01716 16.8734 4.14944 19 1.84549 19Z",fill:$}))))})(),(!0===s||"true"===s)&&"closed"!==Z&&e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-checkout-popout-overlay",style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",opacity:"open"===Z?1:0,transition:"opacity 0.3s ease-in-out",display:"block",zIndex:2147483643},onClick:se}),e.createElement("div",{className:"yt-cart-checkout-popout",ref:J,style:{position:"fixed",bottom:0,left:0,right:0,zIndex:2147483644,transform:"open"===Z?"translateY(0)":"translateY(100%)",transition:"transform 0.3s cubic-bezier(0.22, 1, 0.36, 1)"}},e.createElement("div",{className:"yt-cart-checkout-popout-header",style:{backgroundColor:"#F1F1F1",padding:"1rem",display:"flex",justifyContent:"space-between",alignItems:"center",color:"#000000",borderTopLeftRadius:"8px",borderTopRightRadius:"8px",fontWeight:"bold",fontSize:"16px"}},e.createElement("span",null,"Price Summary"),e.createElement("button",{className:"yt-cart-checkout-popout-close",onClick:se,style:{background:"none",border:"none",color:"#000000",fontSize:"16px",fontWeight:"bold",cursor:"pointer",padding:0,marginLeft:"auto",transition:"transform 0.3s ease"}},"✕")),e.createElement("div",{className:"yt-cart-checkout-popout-content",style:{backgroundColor:"white",padding:"10px 1rem 0"}},e.createElement(e.Fragment,null,(S&&ve>0||c&&Ce.length>0||me&&ue>0)&&e.createElement(e.Fragment,null,e.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",{style:{fontSize:"14px",color:"#212529"}},"Subtotal"),e.createElement("span",{style:{fontSize:"14px",color:"#212529"}},X,xn(me?F?ye.toFixed(2):ye.toFixed(0):F?fe.toFixed(2):fe.toFixed(0)))),(ge>0||S&&ve>0||me&&ue>0)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",paddingBottom:"5px",marginTop:"5px",fontWeight:"600"}},S&&ve>0&&e.createElement("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"12px",color:"#212529"}},e.createElement("span",null,"Discount on MRP"),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?ve.toFixed(2):ve.toFixed(0)))),me&&ue>0&&e.createElement("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"12px",color:"#212529"}},e.createElement("span",null,"Free Shipping"),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?ue.toFixed(2):ue.toFixed(0)))),Ce.map(t=>e.createElement("div",{key:t.title,style:{display:"flex",justifyContent:"space-between",fontSize:"12px",color:"#1E1E1E"}},e.createElement("span",null,t.title),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?t.amount.toFixed(2):t.amount.toFixed(0))))),Ee>0&&e.createElement("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"12px",color:"#212529",marginTop:"5px",paddingTop:"5px",borderTop:"1px solid #E5E7EB"}},e.createElement("span",null,"Total Savings"),e.createElement("span",{style:{color:"#D3122A",fontWeight:"bold"}},"-",X,xn(F?Ee.toFixed(2):Ee.toFixed(0))))),(ge>0||S&&ve>0||me&&ue>0)&&e.createElement("div",{style:{height:"12px",display:"flex",background:"#F5F5F5",width:"calc(100% + 2rem)",margin:"10px -1rem 0 -1rem",position:"relative",borderTop:"0.8px solid #C5C5C5",borderBottom:"0.8px solid #C5C5C5"}}))),e.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:ge>0||S&&ve>0||me&&ue>0?"10px":"0"}},e.createElement("div",{style:{display:"flex",flexDirection:"column"}},e.createElement("span",{style:{fontSize:"14px",fontWeight:"600",color:"#212529"}},"Grand Total"),e.createElement("span",{style:{fontSize:"9px",color:"#4A5157"}},"Inclusive of all taxes")),e.createElement("span",{style:{fontSize:"16px",color:"black",fontWeight:"var(--yt-cart-font-weight)"}},X,xn(F?xe.toFixed(2):xe.toFixed(0)))),e.createElement("div",{style:{display:"flex",background:$,color:N,width:"calc(100% + 2rem)",margin:"10px -1rem 0 -1rem",position:"relative",fontSize:"12px",fontWeight:"600",justifyContent:"center",alignItems:"center",gap:"5px",padding:"4px 0"}},e.createElement("img",{src:"https://r2.yourtoken.io/image%2016.png",alt:"confetti-image",style:{width:"30px",height:"30px"}}),"You saved"," ",e.createElement("span",null,X,xn(F?Ee.toFixed(2):Ee.toFixed(0)))," ","on your order")),e.createElement("button",{ref:ae,id:"yt-checkout-button-popout",className:"yt-checkout-button",onClick:ke,disabled:Se,style:{display:"flex",flexDirection:"row",alignItems:"center",margin:0,height:"45px",padding:"10px",justifyContent:"center",columnGap:"8px",backgroundColor:i,border:0,textTransform:"uppercase",fontSize:a,letterSpacing:"1px",opacity:Se?.5:1,cursor:Se?"not-allowed":"pointer",borderRadius:"0px",boxShadow:"none",width:"100%"}},Pe(Y)))),(!0===s||"true"===s)&&z&&Se&&be&&e.createElement("div",{style:{display:"flex",justifyContent:"center",textAlign:"center",fontSize:"13px",color:"red"}},be),!0===s||"true"===s?e.createElement("div",{className:"yt-cart-checkout-section-concise-container",style:{display:"flex",flexDirection:"column",backgroundColor:"rgba(138, 138, 138, 0.08)",paddingTop:"10px"}},e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"stretch",justifyContent:"space-between",width:"auto",padding:v?"7px 0 8px 8px":`7px 8px ${I}px 8px`}},e.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",justifyContent:"center",alignItems:"flex-start",paddingRight:"2rem",overflowWrap:"normal"}},(ge>0||S&&ve>0||me&&ue>0)&&e.createElement("div",{className:"yt-cart-checkout-save-badge",ref:ce,style:{fontSize:"9px",backgroundColor:i,width:"max-content",padding:"2px 8px"}},"Saving ",X,xn(F?Ee.toFixed(2):Ee.toFixed(0))),Y?e.createElement("div",{style:{fontSize:"12px",color:"#4a4a4a"}},"Redirecting to Checkout..."):c||me&&pe?e.createElement("div",null,e.createElement("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"center"}},e.createElement("span",{style:{fontSize:"15px",color:"#1E1E1E",fontWeight:"600"}},X,xn(F?xe.toFixed(2):xe.toFixed(0))),(ge>0||ve>0||me&&ue>0)&&e.createElement("span",{style:{fontSize:"14px",color:"#8C8C8C",textDecoration:"line-through",marginLeft:"4px",fontWeight:"normal"}},X,xn(me?ye.toFixed(0):fe.toFixed(0))))):e.createElement("div",{style:{fontSize:"18px",color:"#1E1E1E",fontWeight:"600"}},X,xn(F?xe.toFixed(2):xe.toFixed(0))),S&&ve>0||c&&ge>0||me&&ue>0?e.createElement("div",{style:{fontSize:"11px",color:"#4A5157",width:"max-content",cursor:"pointer",textDecoration:"underline"},onClick:e=>{e.stopPropagation(),K("opening"),requestAnimationFrame(()=>{K("open")}),te(!ee)}},"See Details"):e.createElement("div",{style:{fontSize:"9px",color:"#4A5157",width:"max-content"}},"Inclusive of all taxes")),e.createElement("div",{style:{display:"flex",justifyContent:"center",width:"100%"}},e.createElement("button",{ref:ie,id:"yt-checkout-button",className:"yt-checkout-button",onClick:ke,disabled:Se,style:{backgroundColor:i,border:0,textTransform:"uppercase",letterSpacing:"1px",fontSize:"12px",padding:"10px 15px",opacity:Se?.5:1,cursor:Se?"not-allowed":"pointer",borderRadius:"rounded"===w?`${C}px`:"0px",width:"100%",margin:"0 auto",boxShadow:"none"}},D?e.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"100%",pointerEvents:"none"}},e.createElement("span",{style:{fontSize:"12px"}},"CHECKOUT"),e.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:"1.5rem"}},e.createElement("img",{src:"https://r2.yourtoken.io/checkout-button-payment-provider-icons.png",alt:"Payment methods",style:{height:"22px",width:"auto"}}),e.createElement(ot,{fontSize:"24px"}))):"CHECKOUT"))),_&&!A&&e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingBlock:"0 6px"}},e.createElement("img",{src:R?.badgeImage?.path||"https://r2.yourtoken.io/powered-by-badge-v2.png",alt:"Trusted Badge",style:{height:"auto",width:"340px"}}))):e.createElement(e.Fragment,null,z&&Se&&be&&e.createElement("div",{className:"yt-cart-checkout-disabled-message",style:{display:"flex",justifyContent:"center",textAlign:"center",fontSize:"13px",color:"red"}},be),e.createElement("div",{className:"yt-cart-checkout-summary",style:{display:"flex",flexDirection:"column",rowGap:"5px",backgroundColor:"rgba(138, 138, 138, 0.08)",paddingTop:A?"0px":"10px"}},e.createElement("div",{className:"yt-cart-checkout-breakdown",style:{display:A?"none":"flex",flexDirection:"column",rowGap:"2px",margin:"0 1rem",color:P}},(ve>0||c&&Ce.length>0||me&&ue>0)&&Ee>0&&e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-subtotal-row",style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",{className:"yt-cart-subtotal-label",style:{fontSize:"12px"}},"Subtotal"),e.createElement("span",{className:"yt-cart-subtotal-value",style:{fontSize:"14px"}},X,xn(me?F?ye.toFixed(2):ye.toFixed(0):F?fe.toFixed(2):fe.toFixed(0)))),(ge>0||ve>0||me&&ue>0)&&e.createElement("div",{className:"yt-cart-discounts-section",style:{display:"flex",flexDirection:"column",paddingBottom:"5px"}},e.createElement("div",{className:"yt-cart-discounts-header",style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",{className:"yt-cart-discounts-label",style:{fontSize:"12px",fontWeight:"600",display:"flex",alignItems:"center"}},"Discounts Applied",e.createElement("button",{onClick:De,className:"yt-cart-details-button",style:{marginBottom:"0",marginLeft:"5px",background:"none",border:"none",color:"#7E7E7E",cursor:"pointer",fontSize:"12px",fontWeight:"600",textDecoration:"underline",padding:"0 !important",minHeight:"10px !important",boxShadow:"none",minWidth:"fit-content",height:"auto",lineHeight:"normal",marginTop:"0"}},Ne?"Hide details":"See details")),e.createElement("span",{className:"yt-cart-discounts-total",style:{fontSize:"14px",color:"#D3122A",fontWeight:"600"}},"-",X,xn(F?Ee.toFixed(2):Ee.toFixed(0)))),e.createElement("div",{className:"yt-cart-discounts-details",ref:Fe,style:{height:ze,overflow:"hidden",transition:"height 0.3s ease, opacity 0.3s ease",opacity:Ne?1:0,marginTop:Ne?"5px":"0",borderTop:Ne?"1px solid #E5E7EB":"none",paddingTop:Ne?"5px":"0",fontWeight:"600"}},S&&ve>0&&e.createElement("div",{className:"yt-cart-discount-row",style:{display:"flex",justifyContent:"space-between",fontSize:"12px"}},e.createElement("span",null,"Discount on MRP"),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?ve.toFixed(2):ve.toFixed(0)))),me&&ue>0&&e.createElement("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"12px"}},e.createElement("span",null,"Free Shipping"),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?ue.toFixed(2):ue.toFixed(0)))),Ce.map(t=>e.createElement("div",{key:t.title,style:{display:"flex",justifyContent:"space-between",fontSize:"12px"}},e.createElement("span",null,t.title),e.createElement("span",{style:{color:"#D3122A"}},"-",X,xn(F?t.amount.toFixed(2):t.amount.toFixed(0))))))),e.createElement("hr",{className:"yt-cart-checkout-divider",style:{height:"1px",margin:"2px 0",backgroundColor:"#E5E7EB",border:"none",maxWidth:"unset"}})),e.createElement("div",{className:"yt-cart-total-row",style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",{className:"yt-cart-total-label",style:{fontSize:"14px",fontWeight:"600"}},"Total"),e.createElement("span",{className:"yt-cart-total-value",style:{fontSize:"16px",fontWeight:"var(--yt-cart-font-weight)"}},X,xn(F?xe.toFixed(2):xe.toFixed(0))))),e.createElement("button",{ref:ie,id:"yt-checkout-button",className:"yt-checkout-button",onClick:ke,disabled:Se,style:{display:"flex",flexDirection:"row",alignItems:"center",margin:"closed"!==Z||v?"0":`4px 1rem ${I}px 1rem`,height:"45px",paddingTop:"10px",paddingBottom:"10px",justifyContent:"center",columnGap:"8px",backgroundColor:i,border:0,color:m??"white",textTransform:"uppercase",fontSize:a,letterSpacing:"1px",opacity:Se?.5:1,cursor:Se?"not-allowed":"pointer",borderRadius:"closed"!==Z?"0px":"rounded"===w?`${C}px`:"0px",boxShadow:"none"}},Pe(Y,D?"Checkout":"Proceed to Checkout")),_&&!A&&e.createElement("div",{className:"yt-cart-powered-by-badge",style:{display:"flex",justifyContent:"center",alignItems:"center",paddingBlock:"0px 6px"}},e.createElement("img",{src:R?.badgeImage?.path||"https://r2.yourtoken.io/powered-by-badge-v2.png",alt:"Trusted Badge",style:{height:"auto",width:"340px"}})))))}const Vo=c.button`
|
|
1000
1000
|
background-color: ${e=>e.$ctaButtonBackgroundColor||"#BEB8EC"};
|
|
1001
1001
|
color: ${e=>e.$ctaButtonTextColor||"black"};
|
|
1002
1002
|
font-size: 11px;
|
|
@@ -1029,7 +1029,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1029
1029
|
`,qo=c(jo)`
|
|
1030
1030
|
font-size: 10px;
|
|
1031
1031
|
color: ${e=>e.color||"#868E96"};
|
|
1032
|
-
`,Qo=({cartSigninCTAMainText:t,signinCTAButtonVisible:n=!0,guestLoyaltyPercentage:o,joinNowFunction:r,themeColor:i,ctaButtonBackgroundColor:a,ctaButtonTextColor:l,primaryTextColor:c,secondaryTextColor:s,cartComponentsCornerType:d,cartComponentsCornerRadius:p,showCartLevelAltPay:
|
|
1032
|
+
`,Qo=({cartSigninCTAMainText:t,signinCTAButtonVisible:n=!0,guestLoyaltyPercentage:o,joinNowFunction:r,themeColor:i,ctaButtonBackgroundColor:a,ctaButtonTextColor:l,primaryTextColor:c,secondaryTextColor:s,cartComponentsCornerType:d,cartComponentsCornerRadius:p,showCartLevelAltPay:m})=>e.createElement("div",{className:"yt-cart-guest-loyalty-container",style:{display:"flex",flexDirection:"row",justifyContent:"space-between",padding:"10px",borderTopLeftRadius:"10px",borderTopRightRadius:"10px",borderBottomLeftRadius:m?"0px":"10px",borderBottomRightRadius:m?"0px":"10px",margin:"10px 1rem 6px",border:"1px solid #E8EBED",background:"#00000005"}},e.createElement("div",{className:"yt-cart-guest-loyalty-content",style:{display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center",gap:"4px"}},e.createElement(Ho,{className:"yt-cart-guest-loyalty-text",color:c},t??"Sign-in to avail Reward Points"),e.createElement(qo,{className:"yt-cart-guest-loyalty-text",color:s},"Get"," ",e.createElement("span",{style:{fontWeight:"bold"}},"upto ",o,"% Off")," ","on all orders")),e.createElement(Vo,{className:"yt-cart-guest-loyalty-signin-button",$ctaButtonBackgroundColor:a,$ctaButtonTextColor:l,$cartComponentsCornerType:d,$cartComponentsCornerRadius:p,onClick:r},"Sign in Now"));class Uo extends e.Component{constructor(e){super(e),this.state={hasError:!1}}static getDerivedStateFromError(e){return{hasError:!0}}componentDidCatch(e,t){console.error("FooterSections error:",e,t)}render(){return this.state.hasError?e.createElement("div",{style:{textAlign:"center",marginBottom:"10px",textDecorationLine:"underline",color:"blue",cursor:"pointer"},onClick:()=>window.location.reload()},"Something went wrong. Click here to reload the page"):this.props.children}}const Yo=({children:o})=>{const[r,i]=t("0px");return n(()=>{const e=navigator.userAgent.toLowerCase(),t=e.indexOf("brave")>-1,n=/iphone|ipad|ipod/.test(e)&&!window.MSStream,o=e.includes("safari")&&!e.includes("chrome"),r=/android/.test(e);t?i("56px"):n?i(o?"44px":"34px"):r&&i("24px")},[]),e.createElement(Uo,null,e.createElement("div",{className:"yt-cart-footer-container",style:{display:"flex",flexDirection:"column",paddingBottom:"env(safe-area-inset-bottom, 0px)",background:"white",zIndex:999,width:"100%",boxShadow:"rgb(135 135 135 / 45%) 0px -2px 0px 0px",borderRadius:"17px 17px 0px 0px",gap:"10px"}},o))},Go=()=>{const[o,r]=t(0);return n(()=>{const e=setTimeout(()=>{r(100)},1e3);return()=>clearTimeout(e)},[]),e.createElement("div",{className:"yt-loyalty-cta-progress-bar-container"},e.createElement("div",{className:"yt-loyalty-cta-progress-bar",style:{width:`${o}%`}},""))},Xo=({removeDiscount:n,isDev:o,themeColor:r,ctaButtonBackgroundColor:i,ctaButtonTextColor:a,primaryTextColor:l,secondaryTextColor:c,loyaltyDiscount:s,pointsToBeUsed:d,brandTokenName:p,showCartLevelAltPay:m})=>{const u=le(Xt),{cartLoading:g,setLoading:x}=nn(),[f,y]=t(!1),b=g.showLoyaltyCtaLoading,h=rn(s?.total_allocated_amount??0,u?.currency),v=u?.discount_codes?.find(e=>!0===e?.applicable)?.code;return b?e.createElement("div",{className:"yt-loyalty-apply-cta-loading-container",style:{marginBottom:m?"0":"1rem"}},e.createElement("span",{style:{fontSize:"13px"}},"Processing points..."),e.createElement(ue,{color:"black",loading:b,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}),e.createElement(Go,null)):e.createElement("div",{className:"yt-loyalty-cta-applied-container",style:{display:"flex",alignItems:"center",justifyContent:"space-between",background:"#FAFAFA",border:"1px solid #E5E7E8",borderRadius:"10px",padding:"12px 16px",margin:"10px 1rem",boxShadow:"0px 3px 3.8px 0px rgba(1, 1, 1, 0.231372549)",zIndex:100}},e.createElement("div",{className:"yt-cart-loyalty-applied-content",style:{display:"flex",flexDirection:"row",gap:"10px",alignItems:"center"}},e.createElement("svg",{width:"17",height:"18",viewBox:"0 0 17 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M16.3716 9.64475C16.2849 9.50135 16.239 9.33692 16.239 9.1693C16.239 9.00167 16.2849 8.83724 16.3716 8.69384L16.67 8.20819C16.821 7.96172 16.9167 7.68543 16.9507 7.39837C16.9847 7.1113 16.9561 6.82027 16.8669 6.54532C16.7777 6.27038 16.63 6.01805 16.4339 5.80572C16.2379 5.59339 15.9982 5.42611 15.7313 5.31539L15.2044 5.09696C15.0488 5.03308 14.914 4.92711 14.8152 4.79093C14.7164 4.65474 14.6574 4.49372 14.6448 4.32588L14.6012 3.75431C14.5775 3.46646 14.4919 3.18711 14.3505 2.93534C14.209 2.68358 14.0149 2.46533 13.7814 2.2955C13.5479 2.12567 13.2805 2.00826 12.9975 1.95128C12.7145 1.8943 12.4226 1.89909 12.1416 1.96534L11.5857 2.09713C11.4226 2.13644 11.2518 2.13007 11.0922 2.07869C10.9325 2.02731 10.79 1.93293 10.6804 1.80588L10.3122 1.36901C10.1245 1.14887 9.89139 0.972091 9.62882 0.850869C9.36625 0.729647 9.08052 0.66687 8.79134 0.66687C8.50217 0.66687 8.21644 0.729647 7.95387 0.850869C7.6913 0.972091 7.45814 1.14887 7.27048 1.36901L6.89863 1.80588C6.78907 1.93319 6.64649 2.02775 6.48663 2.07914C6.32677 2.13053 6.15584 2.13675 5.99267 2.09713L5.43671 1.96534C5.15574 1.89909 4.8638 1.8943 4.5808 1.95128C4.29781 2.00826 4.03044 2.12567 3.79695 2.2955C3.56346 2.46533 3.36934 2.68358 3.22786 2.93534C3.08637 3.18711 3.00085 3.46646 2.97714 3.75431L2.93348 4.32588C2.92053 4.49352 2.86128 4.65426 2.76233 4.79015C2.66339 4.92605 2.52866 5.03177 2.37316 5.0955L1.84631 5.31393C1.57905 5.4243 1.33887 5.59134 1.14236 5.80354C0.945839 6.01575 0.79765 6.26807 0.708004 6.54312C0.618359 6.81817 0.58939 7.10939 0.623094 7.39672C0.656799 7.68406 0.752375 7.96066 0.903234 8.20746L1.20158 8.69311C1.28834 8.83651 1.3342 9.00094 1.3342 9.16857C1.3342 9.3362 1.28834 9.50062 1.20158 9.64403L0.903234 10.1355C0.752508 10.3821 0.656925 10.6584 0.623055 10.9455C0.589185 11.2325 0.61783 11.5235 0.707022 11.7984C0.796215 12.0734 0.943839 12.3257 1.13975 12.5381C1.33566 12.7506 1.57521 12.918 1.84195 13.029L2.36879 13.2475C2.52387 13.3107 2.65833 13.4158 2.75715 13.551C2.85597 13.6863 2.91525 13.8464 2.92838 14.0134L2.97204 14.585C2.99511 14.8731 3.08023 15.1527 3.22156 15.4047C3.3629 15.6567 3.55709 15.8751 3.79079 16.0449C4.02449 16.2147 4.29217 16.3318 4.57541 16.3882C4.85865 16.4447 5.15075 16.4391 5.43162 16.3718L5.98757 16.24C6.15078 16.2015 6.32137 16.2083 6.48101 16.2596C6.64064 16.311 6.78327 16.4049 6.89354 16.5313L7.26539 16.9681C7.45339 17.1876 7.68662 17.3638 7.94908 17.4846C8.21153 17.6053 8.497 17.6679 8.78589 17.6679C9.07477 17.6679 9.36024 17.6053 9.62269 17.4846C9.88515 17.3638 10.1184 17.1876 10.3064 16.9681L10.6746 16.5313C10.7848 16.405 10.9273 16.3112 11.0868 16.2599C11.2463 16.2085 11.4167 16.2017 11.5798 16.24L12.1358 16.3718C12.4167 16.4391 12.7088 16.4447 12.992 16.3882C13.2752 16.3318 13.5429 16.2147 13.7766 16.0449C14.0103 15.8751 14.2045 15.6567 14.3458 15.4047C14.4872 15.1527 14.5723 14.8731 14.5954 14.585L14.639 14.0134C14.6523 13.8465 14.7116 13.6866 14.8104 13.5515C14.9093 13.4163 15.0436 13.3113 15.1986 13.2482L15.7255 13.0298C15.8212 12.99 15.9136 12.9428 16.002 12.8885C16.2266 12.7517 16.4221 12.572 16.5772 12.3595C16.7323 12.1471 16.8441 11.9061 16.9061 11.6504C16.968 11.3947 16.979 11.1293 16.9384 10.8694C16.8978 10.6094 16.8063 10.3601 16.6693 10.1355L16.3716 9.64475ZM5.98393 7.35411C5.98393 7.2101 6.02661 7.06933 6.10657 6.94959C6.18653 6.82985 6.30018 6.73653 6.43315 6.68142C6.56611 6.62631 6.71243 6.61189 6.85358 6.63999C6.99474 6.66808 7.1244 6.73743 7.22617 6.83925C7.32794 6.94108 7.39724 7.07082 7.42532 7.21206C7.4534 7.3533 7.43899 7.4997 7.38391 7.63275C7.32884 7.76579 7.23557 7.87951 7.1159 7.95951C6.99623 8.03952 6.85554 8.08222 6.71162 8.08222C6.51862 8.08222 6.33354 8.00551 6.19707 7.86896C6.0606 7.73241 5.98393 7.54722 5.98393 7.35411ZM6.98959 11.7374C6.9397 11.7884 6.88002 11.8288 6.81412 11.8562C6.74822 11.8837 6.67746 11.8974 6.6061 11.8968C6.49941 11.8968 6.39509 11.8653 6.30613 11.8064C6.21718 11.7474 6.14753 11.6636 6.10587 11.5653C6.06421 11.467 6.05237 11.3586 6.07184 11.2537C6.0913 11.1487 6.14121 11.0518 6.21534 10.975L10.5814 6.60634C10.682 6.50598 10.8177 6.44884 10.9596 6.44708C11.1016 6.44531 11.2387 6.49906 11.3417 6.59688C11.4447 6.6947 11.5054 6.82888 11.511 6.97084C11.5166 7.11281 11.4667 7.25137 11.3717 7.35702L11.3513 7.37741L6.98959 11.7374ZM11.0806 11.7148C10.8887 11.7148 10.7044 11.6389 10.5681 11.5036C10.4318 11.3683 10.3545 11.1846 10.353 10.9925V10.9874C10.353 10.8434 10.3956 10.7026 10.4756 10.5829C10.5556 10.4631 10.6692 10.3698 10.8022 10.3147C10.9351 10.2596 11.0814 10.2452 11.2226 10.2733C11.3638 10.3014 11.4934 10.3707 11.5952 10.4725C11.697 10.5744 11.7663 10.7041 11.7943 10.8453C11.8224 10.9866 11.808 11.133 11.7529 11.266C11.6979 11.3991 11.6046 11.5128 11.4849 11.5928C11.3653 11.6728 11.2246 11.7155 11.0806 11.7155",fill:r})),e.createElement("div",{className:"yt-cart-loyalty-applied-details",style:{display:"flex",flexDirection:"column",gap:"4px"}},e.createElement("span",{className:"yt-loyalty-cta-applied-text",style:{fontSize:"13px",fontWeight:"bold",color:l??"#000"}},ln(u,u?.currency),Number(h?.toFixed(1))??0," Off Coupon Applied!"),e.createElement("span",{className:"yt-loyalty-cta-applied-code-text",style:{fontSize:"9px",color:r??"#EF4444"}},"Code: ",v??""))),e.createElement("div",{className:"yt-cart-loyalty-applied-remove",style:{display:"flex",alignItems:"center",gap:"4px",cursor:"pointer"},onClick:async()=>{x&&x(!0,!1,!1,!0);try{await n()}catch(e){}x&&x(!1,!1,!1,!1)},onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1)}," ",f?e.createElement(fe,{className:"yt-loyalty-cta-applied-delete-btn",color:"#9CA3AF",fontSize:"16px"}):e.createElement(ye,{className:"yt-loyalty-cta-applied-delete-btn",color:"#9CA3AF",fontSize:"16px"}),e.createElement("span",{className:"yt-loyalty-cta-applied-text",style:{fontSize:"8px",color:c??"#6B7280",fontWeight:"600"}},"REMOVE")))},Zo=c.span`
|
|
1033
1033
|
display: flex !important;
|
|
1034
1034
|
flex-direction: row;
|
|
1035
1035
|
align-items: center;
|
|
@@ -1063,7 +1063,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1063
1063
|
width: 14px;
|
|
1064
1064
|
height: 14px;
|
|
1065
1065
|
}
|
|
1066
|
-
`,er=({discountAmountOff:t,loyaltyIcon:n,pointsToBeUsed:o,applyDiscount:r,themeColor:i,ctaButtonTextColor:a,ctaButtonBackgroundColor:l,primaryTextColor:c,secondaryTextColor:s,minimumOrderValueToAvailDiscount:d=0,brandTokenName:p,showCartLevelAltPay:
|
|
1066
|
+
`,er=({discountAmountOff:t,loyaltyIcon:n,pointsToBeUsed:o,applyDiscount:r,themeColor:i,ctaButtonTextColor:a,ctaButtonBackgroundColor:l,primaryTextColor:c,secondaryTextColor:s,minimumOrderValueToAvailDiscount:d=0,brandTokenName:p,showCartLevelAltPay:m,redemptionMultiplier:u})=>{const g=le(Xt),{cartLoading:x,setLoading:f}=nn(),y=0===o||o<0,b="number"==typeof u&&u>0?o*u:o,h=rn(g?.items_subtotal_price,g?.currency);return x.showLoyaltyCtaLoading?e.createElement("div",{className:"yt-loyalty-apply-cta-loading-container",style:{marginBottom:m?"0":"1rem"}},e.createElement("span",{style:{fontSize:"13px"}},"Processing points..."),e.createElement(ue,{color:"black",loading:x?.showLoyaltyCtaLoading,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}),e.createElement(Go,null)):e.createElement("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between",background:"#FAFAFA",border:"1px solid #E5E7E8",margin:"10px 1rem",zIndex:100},className:"yt-loyalty-cta-container"},e.createElement("div",{className:"yt-cart-loyalty-apply-content",style:{display:"flex",flexDirection:"row",alignItems:"center",columnGap:"10px"}},e.createElement("svg",{width:"17",height:"18",viewBox:"0 0 17 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M16.3716 9.64475C16.2849 9.50135 16.239 9.33692 16.239 9.1693C16.239 9.00167 16.2849 8.83724 16.3716 8.69384L16.67 8.20819C16.821 7.96172 16.9167 7.68543 16.9507 7.39837C16.9847 7.1113 16.9561 6.82027 16.8669 6.54532C16.7777 6.27038 16.63 6.01805 16.4339 5.80572C16.2379 5.59339 15.9982 5.42611 15.7313 5.31539L15.2044 5.09696C15.0488 5.03308 14.914 4.92711 14.8152 4.79093C14.7164 4.65474 14.6574 4.49372 14.6448 4.32588L14.6012 3.75431C14.5775 3.46646 14.4919 3.18711 14.3505 2.93534C14.209 2.68358 14.0149 2.46533 13.7814 2.2955C13.5479 2.12567 13.2805 2.00826 12.9975 1.95128C12.7145 1.8943 12.4226 1.89909 12.1416 1.96534L11.5857 2.09713C11.4226 2.13644 11.2518 2.13007 11.0922 2.07869C10.9325 2.02731 10.79 1.93293 10.6804 1.80588L10.3122 1.36901C10.1245 1.14887 9.89139 0.972091 9.62882 0.850869C9.36625 0.729647 9.08052 0.66687 8.79134 0.66687C8.50217 0.66687 8.21644 0.729647 7.95387 0.850869C7.6913 0.972091 7.45814 1.14887 7.27048 1.36901L6.89863 1.80588C6.78907 1.93319 6.64649 2.02775 6.48663 2.07914C6.32677 2.13053 6.15584 2.13675 5.99267 2.09713L5.43671 1.96534C5.15574 1.89909 4.8638 1.8943 4.5808 1.95128C4.29781 2.00826 4.03044 2.12567 3.79695 2.2955C3.56346 2.46533 3.36934 2.68358 3.22786 2.93534C3.08637 3.18711 3.00085 3.46646 2.97714 3.75431L2.93348 4.32588C2.92053 4.49352 2.86128 4.65426 2.76233 4.79015C2.66339 4.92605 2.52866 5.03177 2.37316 5.0955L1.84631 5.31393C1.57905 5.4243 1.33887 5.59134 1.14236 5.80354C0.945839 6.01575 0.79765 6.26807 0.708004 6.54312C0.618359 6.81817 0.58939 7.10939 0.623094 7.39672C0.656799 7.68406 0.752375 7.96066 0.903234 8.20746L1.20158 8.69311C1.28834 8.83651 1.3342 9.00094 1.3342 9.16857C1.3342 9.3362 1.28834 9.50062 1.20158 9.64403L0.903234 10.1355C0.752508 10.3821 0.656925 10.6584 0.623055 10.9455C0.589185 11.2325 0.61783 11.5235 0.707022 11.7984C0.796215 12.0734 0.943839 12.3257 1.13975 12.5381C1.33566 12.7506 1.57521 12.918 1.84195 13.029L2.36879 13.2475C2.52387 13.3107 2.65833 13.4158 2.75715 13.551C2.85597 13.6863 2.91525 13.8464 2.92838 14.0134L2.97204 14.585C2.99511 14.8731 3.08023 15.1527 3.22156 15.4047C3.3629 15.6567 3.55709 15.8751 3.79079 16.0449C4.02449 16.2147 4.29217 16.3318 4.57541 16.3882C4.85865 16.4447 5.15075 16.4391 5.43162 16.3718L5.98757 16.24C6.15078 16.2015 6.32137 16.2083 6.48101 16.2596C6.64064 16.311 6.78327 16.4049 6.89354 16.5313L7.26539 16.9681C7.45339 17.1876 7.68662 17.3638 7.94908 17.4846C8.21153 17.6053 8.497 17.6679 8.78589 17.6679C9.07477 17.6679 9.36024 17.6053 9.62269 17.4846C9.88515 17.3638 10.1184 17.1876 10.3064 16.9681L10.6746 16.5313C10.7848 16.405 10.9273 16.3112 11.0868 16.2599C11.2463 16.2085 11.4167 16.2017 11.5798 16.24L12.1358 16.3718C12.4167 16.4391 12.7088 16.4447 12.992 16.3882C13.2752 16.3318 13.5429 16.2147 13.7766 16.0449C14.0103 15.8751 14.2045 15.6567 14.3458 15.4047C14.4872 15.1527 14.5723 14.8731 14.5954 14.585L14.639 14.0134C14.6523 13.8465 14.7116 13.6866 14.8104 13.5515C14.9093 13.4163 15.0436 13.3113 15.1986 13.2482L15.7255 13.0298C15.8212 12.99 15.9136 12.9428 16.002 12.8885C16.2266 12.7517 16.4221 12.572 16.5772 12.3595C16.7323 12.1471 16.8441 11.9061 16.9061 11.6504C16.968 11.3947 16.979 11.1293 16.9384 10.8694C16.8978 10.6094 16.8063 10.3601 16.6693 10.1355L16.3716 9.64475ZM5.98393 7.35411C5.98393 7.2101 6.02661 7.06933 6.10657 6.94959C6.18653 6.82985 6.30018 6.73653 6.43315 6.68142C6.56611 6.62631 6.71243 6.61189 6.85358 6.63999C6.99474 6.66808 7.1244 6.73743 7.22617 6.83925C7.32794 6.94108 7.39724 7.07082 7.42532 7.21206C7.4534 7.3533 7.43899 7.4997 7.38391 7.63275C7.32884 7.76579 7.23557 7.87951 7.1159 7.95951C6.99623 8.03952 6.85554 8.08222 6.71162 8.08222C6.51862 8.08222 6.33354 8.00551 6.19707 7.86896C6.0606 7.73241 5.98393 7.54722 5.98393 7.35411ZM6.98959 11.7374C6.9397 11.7884 6.88002 11.8288 6.81412 11.8562C6.74822 11.8837 6.67746 11.8974 6.6061 11.8968C6.49941 11.8968 6.39509 11.8653 6.30613 11.8064C6.21718 11.7474 6.14753 11.6636 6.10587 11.5653C6.06421 11.467 6.05237 11.3586 6.07184 11.2537C6.0913 11.1487 6.14121 11.0518 6.21534 10.975L10.5814 6.60634C10.682 6.50598 10.8177 6.44884 10.9596 6.44708C11.1016 6.44531 11.2387 6.49906 11.3417 6.59688C11.4447 6.6947 11.5054 6.82888 11.511 6.97084C11.5166 7.11281 11.4667 7.25137 11.3717 7.35702L11.3513 7.37741L6.98959 11.7374ZM11.0806 11.7148C10.8887 11.7148 10.7044 11.6389 10.5681 11.5036C10.4318 11.3683 10.3545 11.1846 10.353 10.9925V10.9874C10.353 10.8434 10.3956 10.7026 10.4756 10.5829C10.5556 10.4631 10.6692 10.3698 10.8022 10.3147C10.9351 10.2596 11.0814 10.2452 11.2226 10.2733C11.3638 10.3014 11.4934 10.3707 11.5952 10.4725C11.697 10.5744 11.7663 10.7041 11.7943 10.8453C11.8224 10.9866 11.808 11.133 11.7529 11.266C11.6979 11.3991 11.6046 11.5128 11.4849 11.5928C11.3653 11.6728 11.2246 11.7155 11.0806 11.7155",fill:i})),e.createElement("div",{className:"yt-cart-loyalty-apply-details",style:{display:"flex",flexDirection:"column"}},e.createElement(Zo,{className:"yt-loyalty-cta-text",$primaryTextColor:c},0===o?"Insufficient Balance":e.createElement(e.Fragment,null,"Apply "," ",e.createElement("img",{src:n,height:"18px",width:"18px",style:{width:"18px",height:"18px"}}),t<0?0:Number(b.toFixed(2))," ",p??"points"," ")),e.createElement("span",{className:"yt-loyalty-cta-info-text",style:{color:i??"#50D1AA",fontSize:"11px"}},0===o?"Place order to earn coins":e.createElement(e.Fragment,null,"Auto Applied on checkout")))),e.createElement(Ko,{$insufficientPoints:y,$opacity:h<d?.2:1,onClick:async()=>{if(!(y||h<d)){f&&f(!0,!1,!1,!0);try{await r()}catch(e){}f&&f(!1,!1,!1,!1)}},className:"yt-loyalty-cta-button"},e.createElement(Jo,{className:"yt-loyalty-cta-radio-button",$insufficientPoints:y,$opacity:h<d?.2:1})))},tr=({value:t,handleItemQuantityDecrement:n,handleItemQuantityIncrement:o,isDev:r,themeColor:i,cartComponentsCornerType:a,cartComponentsCornerRadius:l,backgroundSubdued:c})=>e.createElement("form",{className:"yt-cart-quantity-selector-form",style:{marginBottom:"0px",width:"auto",height:"auto"}},e.createElement("div",{className:"yt-cart-quantity-selector",style:{border:"1px solid #dddddd",display:"flex",flexDirection:"row",borderRadius:"rounded"===a?`${l}px`:"8px",overflow:"hidden"}},e.createElement("button",{className:"yt-cart-quantity-decrement qty-selector-decrement-button",onClick:()=>0!==t&&n(),type:"button",style:{backgroundColor:c??pn(i,.1)}},"-"),e.createElement("input",{readOnly:!0,type:"text","aria-describedby":"helper-text-explanation",className:"yt-cart-quantity-input qty-selector-input",style:{textIndent:0,border:0,margin:0,width:"28px",minHeight:"22px !important",fontSize:"14px",padding:0,height:"auto",textAlign:"center",color:"black !important",background:"#ffffff !important"},value:t,required:!0}),e.createElement("button",{onClick:()=>o(),type:"button",id:"increment-button",className:"yt-cart-quantity-increment qty-selector-decrement-button",style:{backgroundColor:c??pn(i,.1)}},"+"))),nr=ie(void 0),or="yt_variant_options",rr="yt-variant-options-updated",ir=e=>e?e.trim().toLowerCase().replace(/[^a-z0-9#]+/g,""):"",ar=()=>{if("undefined"==typeof window)return null;let e=null;try{e=window.localStorage.getItem(or)}catch{return null}return(e=>{if(!e)return null;try{const t=JSON.parse(e);if(Array.isArray(t))return{options:t};if(t&&Array.isArray(t.options))return{options:t.options}}catch(e){console.error("Failed to parse yt_variant_options from localStorage",e)}return null})(e)},lr=(e,t)=>{if(!e||!t)return;const n=ir(t),o=(e=>{if(!e)return null;const t=e.match(/#([0-9a-f]{3,8})/i);return t?`#${t[1]}`.toLowerCase():null})(t);return e.values.find(e=>{const t=ir(e.name);if(n&&t&&t===n)return!0;if(o&&"string"==typeof e.value){if(e.value.trim().toLowerCase()===o)return!0}return!1})},cr=()=>{const[e,o]=t(null);return n(()=>{const e=()=>{const e=ar();o(e)};e();const t=(e=>{if("undefined"==typeof window)return()=>{};const t=t=>{t.key&&t.key!==or||e()},n=()=>e();return window.addEventListener("storage",t),window.addEventListener(rr,n),()=>{window.removeEventListener("storage",t),window.removeEventListener(rr,n)}})(e);return()=>{t()}},[]),e},sr=c.div`
|
|
1067
1067
|
display: flex;
|
|
1068
1068
|
flex-wrap: wrap;
|
|
1069
1069
|
align-items: center;
|
|
@@ -1080,7 +1080,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1080
1080
|
border-radius: 50%;
|
|
1081
1081
|
object-fit: cover;
|
|
1082
1082
|
border: 1px solid #eee;
|
|
1083
|
-
`,
|
|
1083
|
+
`,mr="480px",ur="768px",gr=c.a`
|
|
1084
1084
|
font-size: 14px;
|
|
1085
1085
|
font-weight: 500;
|
|
1086
1086
|
line-height: 1.4;
|
|
@@ -1109,7 +1109,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1109
1109
|
color: ${e=>e.$isNavigationDisabled?e.$primaryTextColor??"#1a1a1a":e.$themeColor??"#6fd9b9"} !important;
|
|
1110
1110
|
}
|
|
1111
1111
|
|
|
1112
|
-
// @media (max-width: ${
|
|
1112
|
+
// @media (max-width: ${mr}) {
|
|
1113
1113
|
// font-size: 12px;
|
|
1114
1114
|
// }
|
|
1115
1115
|
`,xr=c.div`
|
|
@@ -1133,12 +1133,12 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1133
1133
|
// );
|
|
1134
1134
|
// }
|
|
1135
1135
|
|
|
1136
|
-
@media (max-width: ${
|
|
1136
|
+
@media (max-width: ${ur}) {
|
|
1137
1137
|
padding: ${e=>e.$hasVariantInfo?"6px 0":"4px 0"};
|
|
1138
1138
|
gap: 12px;
|
|
1139
1139
|
}
|
|
1140
1140
|
|
|
1141
|
-
@media (max-width: ${
|
|
1141
|
+
@media (max-width: ${mr}) {
|
|
1142
1142
|
padding: ${e=>e.$hasVariantInfo?"6px 0":"4px 0"};
|
|
1143
1143
|
gap: 12px;
|
|
1144
1144
|
}
|
|
@@ -1152,7 +1152,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1152
1152
|
position: ${e=>e.$isBundle?"relative":"static"};
|
|
1153
1153
|
z-index: ${e=>e.$isBundle?3:"auto"};
|
|
1154
1154
|
|
|
1155
|
-
@media (max-width: ${
|
|
1155
|
+
@media (max-width: ${mr}) {
|
|
1156
1156
|
width: 65px;
|
|
1157
1157
|
aspect-ratio: ${e=>"portrait"===e.$imageAspectSelector?"5/6":"1"};
|
|
1158
1158
|
}
|
|
@@ -1314,7 +1314,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1314
1314
|
max-width: 140px;
|
|
1315
1315
|
overflow: hidden;
|
|
1316
1316
|
|
|
1317
|
-
@media (max-width: ${
|
|
1317
|
+
@media (max-width: ${mr}) {
|
|
1318
1318
|
max-width: 110px;
|
|
1319
1319
|
}
|
|
1320
1320
|
`,Nr=c.span`
|
|
@@ -1324,7 +1324,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1324
1324
|
color: ${e=>e.$tertiaryTextColor??"#000"};
|
|
1325
1325
|
overflow: hidden;
|
|
1326
1326
|
text-overflow: ellipsis;
|
|
1327
|
-
@media (max-width: ${
|
|
1327
|
+
@media (max-width: ${mr}) {
|
|
1328
1328
|
font-size: 9px;
|
|
1329
1329
|
}
|
|
1330
1330
|
`,Br=c.span`
|
|
@@ -1352,7 +1352,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1352
1352
|
padding: 2px 0px 4px 0px;
|
|
1353
1353
|
border-bottom-left-radius: 8px;
|
|
1354
1354
|
border-bottom-right-radius: 8px;
|
|
1355
|
-
`,zr=({imageUrl:t,overlayText:n,themeColor:o,themeTextColor:r})=>e.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},e.createElement("img",{src:t,alt:"Free Gift",style:{width:"100%",height:"100%",objectFit:"fill",borderRadius:"8px"}}),n&&e.createElement(Fr,{className:"yt-cart-product-freebie-overlay-text",$themeColor:o,$themeTextColor:r},n)),Ir=({product:o,handleDecrement:i,handleIncrement:a,removeCartItem:l,addCartItem:c,isDev:s,themeColor:d,primaryTextColor:p,secondaryTextColor:u,tertiaryColor:m,tertiaryTextColor:g,showQtySelector:x=!0,themeTextColor:f,showEditOptionOnProducts:y,percentageOff:b,removeFreebieFromCart:h,showDeleteOnFreebies:v,imageAspectSelector:w,cartComponentsCornerType:C,cartComponentsCornerRadius:E,backgroundSubdued:k,backgroundColor:T,showDiscountOnMRP:S,freeLabelText:$})=>{const{setLoading:N}=nn(),B=le(Xt),[F,z]=ae(nr),[I,D]=t(!1),P=ce(on),A=cr(),L="undefined"!=typeof window&&"swashaa.myshopify.com"===window?.Shopify?.shop&&Number(o?.total_discount)>0&&Array.isArray(o?.discounts)&&o.discounts.length>0&&Number(o?.line_price)<Number(o?.final_line_price),O=L?o.line_price:o.final_line_price,M=!!o.properties?._isYtFreebie,W=!!o.properties?._isStealDeal,V=M&&"number"==typeof o.final_line_price&&o.final_line_price>0&&"number"==typeof o.original_line_price&&o.original_line_price>o.final_line_price,j=V&&o.original_line_price?`${((o.original_line_price-o.final_line_price)/o.original_line_price*100).toFixed(0)}% off`:b&&M?`${b}% Off`:"";n(()=>{function e(){const e=window.innerWidth;D(e>=450)}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const H=r(null),[q,Q]=t(0);n(()=>{let e=null;return H.current&&(e=new ResizeObserver(e=>{e[0]&&Q(e[0].contentRect.width)}),e.observe(H.current)),()=>{e&&e.disconnect()}},[]),n(()=>{const e=setTimeout(()=>{H.current&&Q(H.current.offsetWidth)},100);return()=>clearTimeout(e)},[]);const U=sn(o.product_title,q<200?100:120,q,"","16px");let Y=ln(B,B?.currency);const G=["__Added with Frequently Bought Together button","_has_gpo","_y"],X=o?.options_with_values&&o.options_with_values.filter(e=>"Title"!==e.name).length>0||o?.properties&&Object.keys(o.properties).filter(e=>!G.includes(e)&&!e.startsWith("_")&&!e.startsWith("__")).length>0||y,Z=q?70/q*100:100,K=(()=>{if(o.line_level_discount_allocations&&o.line_level_discount_allocations.length>0&&o.line_level_discount_allocations[0].discount_application){const e=o.line_level_discount_allocations[0].discount_application.title,t=bn(e);switch(o.line_level_discount_allocations[0].discount_application.value_type){case"amount":return`${t})`;case"percentage":case"fixed_amount":return t;default:return""}}if(L&&Array.isArray(o.discounts)&&o.discounts[0]?.title)return bn(o.discounts[0].title)})(),J=K&&(K.length>25||!I)?sn(K,Z,q,"","10px"):K,ee=(()=>{const e=o?.properties?._bundleImage;if(!e||"string"!=typeof e)return;const t=e.trim();return t.length>0?t:void 0})(),oe=!!ee,re=(()=>{const e=o?.properties?.itemsInBundle;return"string"!=typeof e?[]:e.split(/,\s*/).map(e=>e.trim()).filter(e=>e.length>0)})(),ie=(()=>{const e=o?.properties?._bundleItems;if("string"==typeof e&&e.trim().length>0)try{const t=JSON.parse(e);if(Array.isArray(t)){const e=t.reduce((e,t)=>{const n=Number(t?.quantity);return e+(isNaN(n)?0:n)},0);if(e>0)return e}}catch(e){}let t=0;for(const e of re){const n=e.match(/^(\d+)\s*x\s*/i);t+=n?parseInt(n[1],10)||0:1}return t})(),se=(()=>{try{const e=Number(o?.compare_at_price),t=Number(o?.quantity)||1;if(Number.isFinite(e)&&e>0)return e*t}catch(e){}return null})(),[de,pe]=t(!0),ue=I?"250px":"190px",me=rn(O,B?.currency),ge="undefined"!=typeof window?`${window.location.origin}${o.url}`:o.url,xe=M||oe||0===me,fe="undefined"!=typeof window&&"whats-up-wellness.myshopify.com"===window.ytapp?.storeDomain?"Free Gift":W?"Steal Deal":V||b?"Special Offer":"",ye=e.createElement(yr,{className:"yt-cart-product-image-wrapper",$isBundle:oe},e.createElement(fr,{className:"yt-cart-product-image",$imageAspectSelector:w,$isBundle:oe},x?e.createElement("img",{style:{height:"100%",width:"100%",opacity:0===o.quantity?.5:1},src:yn(ee??o.image,200,85,"webp"),alt:(e=>e.title?`Product image - ${e.title}`:"Product image")(o),loading:"lazy"}):e.createElement(zr,{imageUrl:yn(ee??o.image??o?.featuredImage?.url??"/placeholder.svg",200,85,"webp"),overlayText:fe,themeColor:d,themeTextColor:f})),(x||o?.quantity>1)&&e.createElement(br,{className:"yt-cart-product-quantity-badge"},o.quantity));return e.createElement(xr,{className:"yt-cart-product-card",$hasVariantInfo:X||oe,$backgroundColor:T,style:{display:"flex",flexDirection:"row",alignItems:"center",margin:"0 1rem"}},xe?ye:e.createElement("a",{href:ge,style:{textDecoration:"none",display:"contents"}},ye),e.createElement("div",{className:"yt-cart-product-details",style:{display:"flex",flexDirection:"column",flex:1,padding:"4px 0"}},e.createElement("div",{className:"yt-cart-product-header",style:{display:"flex",flexDirection:"row",alignItems:"flex-start"}},e.createElement(gr,{as:xe?"span":"a",className:"yt-cart-product-title",$themeColor:d,$primaryTextColor:p,$isNavigationDisabled:xe,href:xe?void 0:ge,ref:H},U),e.createElement("div",{className:"yt-cart-product-actions",style:{marginLeft:"auto",display:"flex",alignItems:"center",justifyContent:"center"}},e.createElement("div",{style:{marginLeft:"3px",display:"flex",alignItems:"center",justifyContent:"center"}},(x||v)&&e.createElement(wr,{onClick:x?async()=>{N&&N(!0,!0);try{l&&await l(o.key)}catch(e){}N&&N(!1,!1)}:async()=>{N&&N(!0,!0);try{h&&await h(o.key)}catch(e){}N&&N(!1,!1)}},e.createElement(hr,null,e.createElement(te,{className:"outline"}),e.createElement(ne,{className:"filled"})))))),oe?e.createElement("div",{className:"yt-cart-product-bundle-info",style:{display:"flex",flexDirection:"column",marginBottom:"4px"}},e.createElement("div",{className:"yt-cart-product-bundle-toggle",role:"button",onClick:()=>pe(!de),style:{display:"inline-flex",alignItems:"center",gap:"8px",backgroundColor:"#F8F9FA",borderRadius:"6px",border:"1px solid rgba(0,0,0,0.1)",padding:"4px 6px",width:"fit-content",cursor:"pointer",userSelect:"none",fontSize:"12px",fontWeight:600,color:u??"#1a1a1a"}},e.createElement("span",null,`Contain ${ie} Items`),de?e.createElement(_,null):e.createElement(R,null)),de&&re.length>0&&e.createElement("div",{style:{marginTop:"4px",backgroundColor:"#F8F9FA",borderRadius:"8px",padding:"8px 10px",border:"1px solid rgba(0,0,0,0.06)",maxWidth:ue,width:"fit-content"}},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"4px",maxWidth:ue}},re.map((t,n)=>e.createElement("div",{key:`${t}-${n}`,style:{color:u??"#1a1a1a",fontSize:"12px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:ue},title:t},t))))):X&&e.createElement("div",{className:"yt-cart-product-variant-info",style:{display:"flex",flexDirection:"column",marginBottom:"4px"}},e.createElement(sr,{className:"yt-cart-product-variant-container"},o?.options_with_values?.filter(e=>"Title"!==e.name).map(t=>{const n=A?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase()),o=lr(n,t.value);return"color"===n?.type?.toLowerCase()&&o?e.createElement(dr,{key:t.name,$colorValue:o.value,style:{display:"block"}}):"image"===n?.type?.toLowerCase()&&o?e.createElement(pr,{key:t.name,src:yn(o.value,36,85,"webp"),alt:t.value}):t.value.length>15||t.value.includes("#")?null:e.createElement(vr,{className:"yt-cart-variant-text",key:t.name,$secondaryTextColor:u,style:{display:"flex",alignItems:"center",borderRadius:"6px",border:"1px solid rgb(117 117 117 / 50%)",padding:"1px 3px"}},t.value)}),o?.properties&&Object.entries(o.properties).filter(([e])=>!G.includes(e)&&!e.startsWith("_")&&!e.startsWith("__")).map(([t,n])=>{const o=String(n);return o.includes("#")||(A?.options??[]).some(e=>e.name.trim().toLowerCase()===t.trim().toLowerCase()&&e.values.some(e=>e.name.trim().toLowerCase()===o.trim().toLowerCase()))?null:e.createElement(vr,{key:t,$secondaryTextColor:u,style:{display:"flex",alignItems:"center",backgroundColor:"#F8F9FA",borderRadius:"6px",border:"1px solid rgba(0,0,0,0.1)",padding:"1px 3px"}},o)}),y&&!o?.product_has_only_default_variant&&e.createElement(wr,{onClick:()=>{const e=!!o.properties?._isYtFreebie;let t;if(e){const e=o.properties?._yt_allowed_variants;if(e&&"string"==typeof e)try{t=JSON.parse(e)}catch(n){console.error(`ProductCard: Failed to parse _yt_allowed_variants for ${o.key}:`,e,n),t=[String(o.variant_id)]}else console.warn(`ProductCard: No allowed variants property found for freebie ${o.key}. Defaulting to current variant.`),t=[String(o.variant_id)]}P({open:!0,variantId:String(o.variant_id),quantity:o.quantity,handle:o.handle,lineItemKey:o.key,freebieSelection:e,productId:String(o.product_id),allowedVariantIds:t})},style:{display:"flex",alignItems:"center"}},e.createElement(Ie,null))),o?.options_with_values?.filter(e=>"Title"!==e.name&&e.value.length>15).map(t=>{const n=A?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase());if(lr(n,t.value)&&["color","image"].includes((n?.type??"").toLowerCase()))return null;if(t.value.includes("#"))return null;const o=I?t.value:sn(t.value,q?120/q*100:100,q,"","10px");return e.createElement(vr,{key:t.name,$secondaryTextColor:u,style:{display:"flex",alignItems:"center",backgroundColor:"#F8F9FA",borderRadius:"6px",border:"1px solid rgba(0,0,0,0.1)",padding:"1px 3px",width:"fit-content"}},o)})),e.createElement(Cr,{className:"yt-cart-product-bottom-row"},e.createElement("div",{className:"yt-cart-product-pricing-row",style:{display:"flex",flexDirection:I?"row":"column",alignItems:I?"center":"flex-start",gap:I?"0px":"4px"}},e.createElement(Er,{className:"yt-cart-product-price-container"},oe?e.createElement(e.Fragment,null,e.createElement(kr,{$primaryTextColor:p},0===rn(O,B?.currency)?e.createElement(Br,{$primaryColor:p,$themeColor:d,$backgroundSubdued:k},$||"FREE"):e.createElement(e.Fragment,null,Y,xn(rn(O,B?.currency)))),se&&se>Number(O)&&S&&e.createElement(Tr,null,Y,xn(rn(se,B?.currency)))):e.createElement(kr,{$primaryTextColor:p},0===rn(O,B?.currency)?e.createElement(Br,{$primaryColor:p,$themeColor:d,$backgroundSubdued:k},$||"FREE"):e.createElement(e.Fragment,null,Y,xn(rn(O,B?.currency)))),!oe&&(o.compare_at_price&&Number(o.compare_at_price)*o.quantity>Number(O)||!o.compare_at_price&&K&&o.original_line_price)&&S&&e.createElement(Tr,null,Y,o.compare_at_price?xn(rn(Number(o.compare_at_price)*o.quantity,B?.currency)):xn(rn(o.original_line_price,B?.currency))),I&&(x||V)&&K&&e.createElement($r,{className:"yt-cart-product-discount",$tertiaryColor:m},e.createElement(Se,{size:14,color:g}),e.createElement(Nr,{$tertiaryTextColor:g},J))),!I&&(x||V)&&K&&e.createElement($r,{className:"yt-cart-product-discount",$tertiaryColor:m},e.createElement(Se,{size:12,color:g}),e.createElement(Nr,{$tertiaryTextColor:g},J))),e.createElement(Sr,{className:"yt-cart-product-quantity-controls"},x?e.createElement(tr,{handleItemQuantityDecrement:async()=>{N&&N(!0,!0);try{i&&await i(o.key,o.quantity-1)}catch(e){}N&&N(!1,!1)},handleItemQuantityIncrement:async()=>{N&&N(!0,!0);try{if(a){-1===await a(o.key,o.quantity+1,o.properties)&&(z(o?.key),setTimeout(()=>z(void 0),3e3))}}catch(e){}N&&N(!1,!1)},value:o.quantity,isDev:s,themeColor:d,cartComponentsCornerType:C,cartComponentsCornerRadius:E,backgroundSubdued:k}):(!W||V||b)&&j?e.createElement("span",{className:"yt-cart-line-item-freebie-badge",style:{padding:"2px 8px",fontSize:"10px",backgroundColor:m,color:g??"#000",borderRadius:"4px"}},j):null)),F&&F===o?.key&&e.createElement("span",{style:{fontSize:"10px",color:"red",marginTop:"4px"}},"⚠️You've reached the maximum quantity for this item")))},Dr=c.div`
|
|
1355
|
+
`,zr=({imageUrl:t,overlayText:n,themeColor:o,themeTextColor:r})=>e.createElement("div",{style:{position:"relative",width:"100%",height:"100%"}},e.createElement("img",{src:t,alt:"Free Gift",style:{width:"100%",height:"100%",objectFit:"fill",borderRadius:"8px"}}),n&&e.createElement(Fr,{className:"yt-cart-product-freebie-overlay-text",$themeColor:o,$themeTextColor:r},n)),Ir=({product:o,handleDecrement:i,handleIncrement:a,removeCartItem:l,addCartItem:c,isDev:s,themeColor:d,primaryTextColor:p,secondaryTextColor:m,tertiaryColor:u,tertiaryTextColor:g,showQtySelector:x=!0,themeTextColor:f,showEditOptionOnProducts:y,percentageOff:b,removeFreebieFromCart:h,showDeleteOnFreebies:v,imageAspectSelector:w,cartComponentsCornerType:C,cartComponentsCornerRadius:E,backgroundSubdued:k,backgroundColor:T,showDiscountOnMRP:S,freeLabelText:$})=>{const{setLoading:N}=nn(),B=le(Xt),[F,z]=ae(nr),[I,D]=t(!1),P=ce(on),A=cr(),L="undefined"!=typeof window&&"swashaa.myshopify.com"===window?.Shopify?.shop&&Number(o?.total_discount)>0&&Array.isArray(o?.discounts)&&o.discounts.length>0&&Number(o?.line_price)<Number(o?.final_line_price),O=L?o.line_price:o.final_line_price,M=!!o.properties?._isYtFreebie,W=!!o.properties?._isStealDeal,V=M&&"number"==typeof o.final_line_price&&o.final_line_price>0&&"number"==typeof o.original_line_price&&o.original_line_price>o.final_line_price,j=V&&o.original_line_price?`${((o.original_line_price-o.final_line_price)/o.original_line_price*100).toFixed(0)}% off`:b&&M?`${b}% Off`:"";n(()=>{function e(){const e=window.innerWidth;D(e>=450)}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const H=r(null),[q,Q]=t(0);n(()=>{let e=null;return H.current&&(e=new ResizeObserver(e=>{e[0]&&Q(e[0].contentRect.width)}),e.observe(H.current)),()=>{e&&e.disconnect()}},[]),n(()=>{const e=setTimeout(()=>{H.current&&Q(H.current.offsetWidth)},100);return()=>clearTimeout(e)},[]);const U=sn(o.product_title,q<200?100:120,q,"","16px");let Y=ln(B,B?.currency);const G=["__Added with Frequently Bought Together button","_has_gpo","_y"],X=o?.options_with_values&&o.options_with_values.filter(e=>"Title"!==e.name).length>0||o?.properties&&Object.keys(o.properties).filter(e=>!G.includes(e)&&!e.startsWith("_")&&!e.startsWith("__")).length>0||y,Z=q?70/q*100:100,K=(()=>{if(o.line_level_discount_allocations&&o.line_level_discount_allocations.length>0&&o.line_level_discount_allocations[0].discount_application){const e=o.line_level_discount_allocations[0].discount_application.title,t=bn(e);switch(o.line_level_discount_allocations[0].discount_application.value_type){case"amount":return`${t})`;case"percentage":case"fixed_amount":return t;default:return""}}if(L&&Array.isArray(o.discounts)&&o.discounts[0]?.title)return bn(o.discounts[0].title)})(),J=K&&(K.length>25||!I)?sn(K,Z,q,"","10px"):K,ee=(()=>{const e=o?.properties?._bundleImage;if(!e||"string"!=typeof e)return;const t=e.trim();return t.length>0?t:void 0})(),oe=!!ee,re=(()=>{const e=o?.properties?.itemsInBundle;return"string"!=typeof e?[]:e.split(/,\s*/).map(e=>e.trim()).filter(e=>e.length>0)})(),ie=(()=>{const e=o?.properties?._bundleItems;if("string"==typeof e&&e.trim().length>0)try{const t=JSON.parse(e);if(Array.isArray(t)){const e=t.reduce((e,t)=>{const n=Number(t?.quantity);return e+(isNaN(n)?0:n)},0);if(e>0)return e}}catch(e){}let t=0;for(const e of re){const n=e.match(/^(\d+)\s*x\s*/i);t+=n?parseInt(n[1],10)||0:1}return t})(),se=(()=>{try{const e=Number(o?.compare_at_price),t=Number(o?.quantity)||1;if(Number.isFinite(e)&&e>0)return e*t}catch(e){}return null})(),[de,pe]=t(!0),me=I?"250px":"190px",ue=rn(O,B?.currency),ge="undefined"!=typeof window?`${window.location.origin}${o.url}`:o.url,xe=M||oe||0===ue,fe="undefined"!=typeof window&&"whats-up-wellness.myshopify.com"===window.ytapp?.storeDomain?"Free Gift":W?"Steal Deal":V||b?"Special Offer":"",ye=e.createElement(yr,{className:"yt-cart-product-image-wrapper",$isBundle:oe},e.createElement(fr,{className:"yt-cart-product-image",$imageAspectSelector:w,$isBundle:oe},x?e.createElement("img",{style:{height:"100%",width:"100%",opacity:0===o.quantity?.5:1},src:yn(ee??o.image,200,85,"webp"),alt:(e=>e.title?`Product image - ${e.title}`:"Product image")(o),loading:"lazy"}):e.createElement(zr,{imageUrl:yn(ee??o.image??o?.featuredImage?.url??"/placeholder.svg",200,85,"webp"),overlayText:fe,themeColor:d,themeTextColor:f})),(x||o?.quantity>1)&&e.createElement(br,{className:"yt-cart-product-quantity-badge"},o.quantity));return e.createElement(xr,{className:"yt-cart-product-card",$hasVariantInfo:X||oe,$backgroundColor:T,style:{display:"flex",flexDirection:"row",alignItems:"center",margin:"0 1rem"}},xe?ye:e.createElement("a",{href:ge,style:{textDecoration:"none",display:"contents"}},ye),e.createElement("div",{className:"yt-cart-product-details",style:{display:"flex",flexDirection:"column",flex:1,padding:"4px 0"}},e.createElement("div",{className:"yt-cart-product-header",style:{display:"flex",flexDirection:"row",alignItems:"flex-start"}},e.createElement(gr,{as:xe?"span":"a",className:"yt-cart-product-title",$themeColor:d,$primaryTextColor:p,$isNavigationDisabled:xe,href:xe?void 0:ge,ref:H},U),e.createElement("div",{className:"yt-cart-product-actions",style:{marginLeft:"auto",display:"flex",alignItems:"center",justifyContent:"center"}},e.createElement("div",{style:{marginLeft:"3px",display:"flex",alignItems:"center",justifyContent:"center"}},(x||v)&&e.createElement(wr,{onClick:x?async()=>{N&&N(!0,!0);try{l&&await l(o.key)}catch(e){}N&&N(!1,!1)}:async()=>{N&&N(!0,!0);try{h&&await h(o.key)}catch(e){}N&&N(!1,!1)}},e.createElement(hr,null,e.createElement(te,{className:"outline"}),e.createElement(ne,{className:"filled"})))))),oe?e.createElement("div",{className:"yt-cart-product-bundle-info",style:{display:"flex",flexDirection:"column",marginBottom:"4px"}},e.createElement("div",{className:"yt-cart-product-bundle-toggle",role:"button",onClick:()=>pe(!de),style:{display:"inline-flex",alignItems:"center",gap:"8px",backgroundColor:"#F8F9FA",borderRadius:"6px",border:"1px solid rgba(0,0,0,0.1)",padding:"4px 6px",width:"fit-content",cursor:"pointer",userSelect:"none",fontSize:"12px",fontWeight:600,color:m??"#1a1a1a"}},e.createElement("span",null,`Contain ${ie} Items`),de?e.createElement(_,null):e.createElement(R,null)),de&&re.length>0&&e.createElement("div",{style:{marginTop:"4px",backgroundColor:"#F8F9FA",borderRadius:"8px",padding:"8px 10px",border:"1px solid rgba(0,0,0,0.06)",maxWidth:me,width:"fit-content"}},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"4px",maxWidth:me}},re.map((t,n)=>e.createElement("div",{key:`${t}-${n}`,style:{color:m??"#1a1a1a",fontSize:"12px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:me},title:t},t))))):X&&e.createElement("div",{className:"yt-cart-product-variant-info",style:{display:"flex",flexDirection:"column",marginBottom:"4px"}},e.createElement(sr,{className:"yt-cart-product-variant-container"},o?.options_with_values?.filter(e=>"Title"!==e.name).map(t=>{const n=A?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase()),o=lr(n,t.value);return"color"===n?.type?.toLowerCase()&&o?e.createElement(dr,{key:t.name,$colorValue:o.value,style:{display:"block"}}):"image"===n?.type?.toLowerCase()&&o?e.createElement(pr,{key:t.name,src:yn(o.value,36,85,"webp"),alt:t.value}):t.value.length>15||t.value.includes("#")?null:e.createElement(vr,{className:"yt-cart-variant-text",key:t.name,$secondaryTextColor:m,style:{display:"flex",alignItems:"center",borderRadius:"6px",border:"1px solid rgb(117 117 117 / 50%)",padding:"1px 3px"}},t.value)}),o?.properties&&Object.entries(o.properties).filter(([e])=>!G.includes(e)&&!e.startsWith("_")&&!e.startsWith("__")).map(([t,n])=>{const o=String(n);return o.includes("#")||(A?.options??[]).some(e=>e.name.trim().toLowerCase()===t.trim().toLowerCase()&&e.values.some(e=>e.name.trim().toLowerCase()===o.trim().toLowerCase()))?null:e.createElement(vr,{key:t,$secondaryTextColor:m,style:{display:"flex",alignItems:"center",backgroundColor:"#F8F9FA",borderRadius:"6px",border:"1px solid rgba(0,0,0,0.1)",padding:"1px 3px"}},o)}),y&&!o?.product_has_only_default_variant&&e.createElement(wr,{onClick:()=>{const e=!!o.properties?._isYtFreebie;let t;if(e){const e=o.properties?._yt_allowed_variants;if(e&&"string"==typeof e)try{t=JSON.parse(e)}catch(n){console.error(`ProductCard: Failed to parse _yt_allowed_variants for ${o.key}:`,e,n),t=[String(o.variant_id)]}else console.warn(`ProductCard: No allowed variants property found for freebie ${o.key}. Defaulting to current variant.`),t=[String(o.variant_id)]}P({open:!0,variantId:String(o.variant_id),quantity:o.quantity,handle:o.handle,lineItemKey:o.key,freebieSelection:e,productId:String(o.product_id),allowedVariantIds:t})},style:{display:"flex",alignItems:"center"}},e.createElement(Ie,null))),o?.options_with_values?.filter(e=>"Title"!==e.name&&e.value.length>15).map(t=>{const n=A?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase());if(lr(n,t.value)&&["color","image"].includes((n?.type??"").toLowerCase()))return null;if(t.value.includes("#"))return null;const o=I?t.value:sn(t.value,q?120/q*100:100,q,"","10px");return e.createElement(vr,{key:t.name,$secondaryTextColor:m,style:{display:"flex",alignItems:"center",backgroundColor:"#F8F9FA",borderRadius:"6px",border:"1px solid rgba(0,0,0,0.1)",padding:"1px 3px",width:"fit-content"}},o)})),e.createElement(Cr,{className:"yt-cart-product-bottom-row"},e.createElement("div",{className:"yt-cart-product-pricing-row",style:{display:"flex",flexDirection:I?"row":"column",alignItems:I?"center":"flex-start",gap:I?"0px":"4px"}},e.createElement(Er,{className:"yt-cart-product-price-container"},oe?e.createElement(e.Fragment,null,e.createElement(kr,{$primaryTextColor:p},0===rn(O,B?.currency)?e.createElement(Br,{$primaryColor:p,$themeColor:d,$backgroundSubdued:k},$||"FREE"):e.createElement(e.Fragment,null,Y,xn(rn(O,B?.currency)))),se&&se>Number(O)&&S&&e.createElement(Tr,null,Y,xn(rn(se,B?.currency)))):e.createElement(kr,{$primaryTextColor:p},0===rn(O,B?.currency)?e.createElement(Br,{$primaryColor:p,$themeColor:d,$backgroundSubdued:k},$||"FREE"):e.createElement(e.Fragment,null,Y,xn(rn(O,B?.currency)))),!oe&&(o.compare_at_price&&Number(o.compare_at_price)*o.quantity>Number(O)||!o.compare_at_price&&K&&o.original_line_price)&&S&&e.createElement(Tr,null,Y,o.compare_at_price?xn(rn(Number(o.compare_at_price)*o.quantity,B?.currency)):xn(rn(o.original_line_price,B?.currency))),I&&(x||V)&&K&&e.createElement($r,{className:"yt-cart-product-discount",$tertiaryColor:u},e.createElement(Se,{size:14,color:g}),e.createElement(Nr,{$tertiaryTextColor:g},J))),!I&&(x||V)&&K&&e.createElement($r,{className:"yt-cart-product-discount",$tertiaryColor:u},e.createElement(Se,{size:12,color:g}),e.createElement(Nr,{$tertiaryTextColor:g},J))),e.createElement(Sr,{className:"yt-cart-product-quantity-controls"},x?e.createElement(tr,{handleItemQuantityDecrement:async()=>{N&&N(!0,!0);try{i&&await i(o.key,o.quantity-1)}catch(e){}N&&N(!1,!1)},handleItemQuantityIncrement:async()=>{N&&N(!0,!0);try{if(a){-1===await a(o.key,o.quantity+1,o.properties)&&(z(o?.key),setTimeout(()=>z(void 0),3e3))}}catch(e){}N&&N(!1,!1)},value:o.quantity,isDev:s,themeColor:d,cartComponentsCornerType:C,cartComponentsCornerRadius:E,backgroundSubdued:k}):(!W||V||b)&&j?e.createElement("span",{className:"yt-cart-line-item-freebie-badge",style:{padding:"2px 8px",fontSize:"10px",backgroundColor:u,color:g??"#000",borderRadius:"4px"}},j):null)),F&&F===o?.key&&e.createElement("span",{style:{fontSize:"10px",color:"red",marginTop:"4px"}},"⚠️You've reached the maximum quantity for this item")))},Dr=c.div`
|
|
1356
1356
|
margin: 8px 0 6px 0;
|
|
1357
1357
|
padding: 12px;
|
|
1358
1358
|
background: ${e=>e.$backgroundColor??"rgba(0,0,0,0.04)"};
|
|
@@ -1389,7 +1389,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1389
1389
|
border-bottom: 0.8px solid rgb(135 135 135 / 50%);
|
|
1390
1390
|
width: calc(100% + 2rem);
|
|
1391
1391
|
}
|
|
1392
|
-
`,Rr=({addCartItem:t,handleDecrement:n,handleIncrement:o,removeCartItem:r,isDev:i,themeColor:a,primaryTextColor:l,secondaryTextColor:c,freeProduct:s,themeTextColor:d,showEditOptionOnProducts:p,productPercentageOffMapping:u,removeFreebieFromCart:m,showDeleteOnFreebies:g,freeProductAdjustedCartTotal:x,freebieCouponTemplates:f,cartCheckpoints:y,freebieFlowCheckpoints:b,imageAspectSelector:h,cartComponentsCornerType:v,cartComponentsCornerRadius:w,giftWrapProductId:C,giftWrapVariantId:E,showGiftWrapAsLineItem:k=!1,backgroundSubdued:T,tertiaryColor:S,tertiaryTextColor:$,backgroundColor:N,showDiscountOnMRP:B,checkoutSectionMessage:F,checkoutSectionMessageRedirectLink:z,showFreebieMilestone:I,freebieMilestoneData:D,freeLabelText:P})=>{const A=le(Xt),{cartLoading:_}=nn(),R=!_.cartLoading&&A?.items,L=(x??Number(A?.items_subtotal_price))/100;let O=!0,M=0;if(A?.items?.length>0)for(const e of A.items)e?.properties?._isYtFreebie&&(M+=e?.quantity);if(M===A?.item_count&&(O=!1),!R&&0===A?.item_count)return e.createElement(Ar,null);if(!(R&&0!==A?.item_count||A?.items))return null;const W=D?.campaignFilter??"all_campaigns";let V=[];"all_campaigns"===W?V=f??[]:"progress_bar_tiers"===W?V=y??[]:"freebie_campaigns"===W&&(V=b??[]);const j=Array.isArray(V)?V.filter(e=>"free_product"===e?.couponType).slice().sort((e,t)=>e.minimumOrderValue-t.minimumOrderValue).find(e=>e.minimumOrderValue>L):void 0,H=ln(A,A?.currency);return e.createElement(e.Fragment,null,A.items.filter(e=>!!k||!(String(e?.id)===mn(String(C))||String(e?.id)===mn(String(E)))).map(s=>{const x=u?.[s?.key],y=f?.find(e=>e?._allVariantIds?.includes(String(s.id)));let b=!1;if(y&&L>=y.minimumOrderValue&&0===s?.line_price&&(b=!0),!k&&(String(s?.id)===mn(String(C))||mn(String(E))===String(s?.id)))return null;const F=s.discounts&&s.discounts.length>0;return s.properties?._isYtFreebie&&(x||b)&&F&&O?e.createElement(e.Fragment,null,e.createElement(_r,{className:"yt-cart-product-card-wrapper",key:s?.key??s?.id},e.createElement(Ir,{product:s,themeColor:a,isDev:i,primaryTextColor:l,secondaryTextColor:c,themeTextColor:d,showQtySelector:!1,showEditOptionOnProducts:p,percentageOff:x,imageAspectSelector:h,showDeleteOnFreebies:g,removeFreebieFromCart:m,backgroundSubdued:T,tertiaryColor:S,tertiaryTextColor:$,backgroundColor:N,showDiscountOnMRP:!0,freeLabelText:P}))):e.createElement(_r,{className:"yt-cart-product-card-wrapper",key:s?.key??s?.id},e.createElement(Ir,{themeColor:a,handleDecrement:n,handleIncrement:o,removeCartItem:r,addCartItem:t,product:s,isDev:i,primaryTextColor:l,secondaryTextColor:c,showQtySelector:!s.properties?._isYtFreebie,showEditOptionOnProducts:p,removeFreebieFromCart:m,showDeleteOnFreebies:g,imageAspectSelector:h,cartComponentsCornerRadius:w,cartComponentsCornerType:v,backgroundSubdued:T,tertiaryColor:S,tertiaryTextColor:$,backgroundColor:N,showDiscountOnMRP:B,freeLabelText:P}))}),I&&O&&j&&e.createElement(Pr,{name:j.name,minimumOrderValue:j.minimumOrderValue,currency:H,themeColor:a,tertiaryColor:S,imageUrl:D?.milestoneImage?.path}),fn()&&F&&F.length>0?e.createElement("div",{className:"yt-cart-checkout-message yt-cart-bottom-bar",style:{fontSize:"10px",textAlign:"center",backgroundColor:S,padding:"3px",boxShadow:"1px 2px 4px 0px #00000061",color:$,marginBottom:"4px",cursor:z?"pointer":"default"},onClick:()=>{z&&(window.location.href=z)}},F):e.createElement("div",{className:"yt-cart-products-list-separator",style:{display:"list-item",height:"12px",background:"#87878717"}}))};const Lr=({bundleProducts:t})=>{const n=le(Xt);return e.createElement("div",{className:"yt-cart-bundle-container flex flex-col gap-y-2"},e.createElement("div",{className:"yt-cart-bundle-title flex items-center justify-center"},e.createElement("span",{className:"font-semibold"},"Save more with Bundle!")),e.createElement("div",{className:"yt-cart-bundle-products flex items-center justify-center gap-2 relative"},e.createElement("div",{className:"yt-cart-bundle-product-card w-48 h-48 flex flex-col justify-center border-[1px] p-2 border-[#B0B0B0]"},e.createElement("img",{style:{alignSelf:"center"},width:100,height:100,src:t[0].image}),e.createElement("span",{className:"text-[12.5px] text-[#667085] font-semibold"},cn(t[0].title)),e.createElement("div",null,e.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},ln(n,n?.currency),t[0].original_price)," ",e.createElement("span",{className:"line-through text-[#667085] text-[12px]"},ln(n,n?.currency),t[0].price)),t[0]?.options_with_values?.length>0&&e.createElement("div",{className:"flex flex-col"},t[0]?.options_with_values?.map(t=>{if("Title"!==t.name)return e.createElement("span",{className:"text-[10px] text-[#868E96]"},t.name,": ",t.value)}))),e.createElement("div",{className:"w-48 h-48 flex flex-col justify-center border-[1px] p-2 border-[#B0B0B0]"},e.createElement("img",{style:{alignSelf:"center"},width:100,height:100,src:t[1].image}),e.createElement("span",{className:"text-[12.5px] text-[#667085] font-semibold"},cn(t[0].title)),e.createElement("div",null,e.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},ln(n,n?.currency),t[1].original_price)," ",e.createElement("span",{className:"line-through text-[#667085] text-[12px]"},ln(n,n?.currency),t[1].price)),t[1]?.options_with_values?.length>0&&e.createElement("div",{className:"flex flex-col"},t[0]?.options_with_values?.map(t=>{if("Title"!==t.name)return e.createElement("span",{className:"text-[10px] text-[#868E96]"},t.name,": ",t.value)}))),e.createElement("div",{className:"yt-cart-bundle-plus-icon absolute",style:{left:"50%",transform:"translateX(-50%)"}},e.createElement("img",{src:'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.2797" cy="18.7208" r="15.5219" fill="#3A3A3A" stroke="#767676" stroke-width="1.51433"/>\n<path d="M15.5903 25.9172V12.1037H19.0827V25.9172H15.5903ZM10.4297 20.7566V17.2642H24.2433V20.7566H10.4297Z" fill="white"/>\n</svg>',alt:"Delivery Truck",height:"25px",width:"42px"}))),e.createElement("div",{className:"yt-cart-bundle-pricing flex flex-row justify-between items-center"},e.createElement("div",{className:"flex flex-row gap-x-4 items-center"},e.createElement("span",{className:"text-[#667085] text-[13px]"},"Total Price"),e.createElement("span",null,e.createElement("span",{className:"font-bold text-black"},ln(n,n?.currency),t[0].price+t[1].price)," ",e.createElement("span",{className:"text-[#868E96] text-[12px] line-through"},ln(n,n?.currency),t[0].original_price+t[1].original_price))),e.createElement("span",{className:"text-[#1ADF5D] text-[10px]"},"save extra"," ",e.createElement("span",{className:"font-semibold"},ln(n,n?.currency),t[0].original_price-t[0].price+(t[1].original_price-t[1].price)))),e.createElement("button",{className:"yt-cart-bundle-buy-button flex flex-row items-center bg-[#333333] gap-x-3 justify-center w-full py-1.5"},e.createElement(pt,{color:"white"}),e.createElement("span",{className:"text-white uppercase text-[14px]"},"Buy Bundle at"," ",e.createElement("span",{className:"font-semibold"},ln(n,n?.currency),t[0].price+t[1].price))))},Or=({backgroundSubdued:o,themeColor:i,themeTextColor:a,primaryTextColor:l,cartComponentsCornerRadius:c,applyCouponCode:s,removeDiscount:d,enableConfetti:p,hideAppliedCodes:u})=>{const m=le(Xt),[g,x]=t(""),[f,y]=t(null),[b,h]=t(!1),[v,w]=t(!1),[C,E]=t(!1),{setLoading:k}=nn(),[T,S]=t(null),[$,N]=t(!1),[B,F]=t(!1),z=r(null);n(()=>{if(T){N(!0);const e=setTimeout(()=>{N(!1)},4e3),t=setTimeout(()=>{S(null)},4500);return()=>{clearTimeout(e),clearTimeout(t)}}N(!1)},[T]),n(()=>{if(m&&m.discount_codes&&f){const e=m.discount_codes.find(e=>e.code===f);e&&(e.applicable?(S({message:"Coupon applied successfully!",type:"success"}),p&&(F(!0),setTimeout(()=>F(!1),5e3))):S({message:"Coupon not applicable",type:"error"}),y(null))}},[m,f]);const I=async()=>{if(s&&g&&!b){S(null),h(!0),y(g);try{await s(g),x("")}catch(e){S({message:"Failed to apply coupon.",type:"error"}),y(null)}finally{h(!1)}}},D=async()=>{if(d&&!C){S(null),E(!0),k&&k(!0,!1,!1,!0);try{await d()}catch(e){S({message:"Failed to remove coupon.",type:"error"})}finally{k&&k(!1,!1,!1,!1),E(!1)}}},P="error"===T?.type,A=m?.discount_codes?.filter(e=>!1!==e?.applicable);return e.createElement("div",{className:"yt-cart-apply-container",ref:z,style:{marginTop:"10px",padding:"0 16px",marginBottom:"10px"}},B&&p&&e.createElement(Eo,{particleCount:100,spread:160,origin:{y:.6},checkpointPosition:.5}),e.createElement("div",{className:"yt-cart-apply-input-wrapper",style:{display:"flex",alignItems:"stretch",border:P?"0.5px solid #FF4E4E":v?`1px solid ${i||"#007bff"}`:"1px solid #e0e0e0",borderRadius:c??4,transition:"border-color 0.5s ease-in-out",overflow:"hidden"}},e.createElement("input",{className:"yt-cart-apply-input",type:"text",placeholder:"Have a Coupon Code?",value:g,disabled:b,onFocus:()=>{w(!0),setTimeout(()=>{z.current&&window.innerWidth<=768&&z.current.scrollIntoView({behavior:"smooth",block:"nearest"})},300)},onBlur:()=>w(!1),onChange:e=>{x(e.target.value),T&&S(null)},onKeyDown:e=>{"Enter"===e.key&&I()},style:{flexGrow:1,border:"none",padding:"10px",outline:"none",fontSize:"14px",fontWeight:"bold",borderTopLeftRadius:c??4,borderBottomLeftRadius:c??4,backgroundColor:o,color:l,boxShadow:"none",cursor:b?"not-allowed":"auto",margin:"0"}}),e.createElement("button",{className:"yt-cart-apply-button",onClick:I,disabled:!g||b,style:{padding:"10px 15px",border:"none",backgroundColor:P?"#D98181":g?i||"#007bff":"#cccccc",color:g||P?a||"#ffffff":"#666666",cursor:!g||b?"not-allowed":"pointer",fontSize:"14px",fontWeight:"bold",borderTopRightRadius:c??4,borderBottomRightRadius:c??4,transition:"background-color 0.5s ease-in-out, opacity 0.2s ease-in-out",minWidth:"80px",display:"flex",justifyContent:"center",alignItems:"center",opacity:b?.7:1}},b?e.createElement(me,{color:a||"#ffffff",size:18}):"Apply")),T&&e.createElement("div",{className:"yt-cart-apply-status",style:{color:"success"===T.type?"#28a745":"#dc3545",fontSize:"12px",marginTop:"4px",fontStyle:"italic",transition:"opacity 0.5s ease-in-out, transform 0.5s ease-in-out, max-height 0.5s ease-in-out",opacity:$?1:0,transform:$?"translateY(0)":"translateY(-10px)",maxHeight:$?"50px":"0",overflow:"hidden"}},T.message),!u&&A&&A.length>0&&e.createElement("div",{className:"yt-cart-apply-applied-list",style:{marginTop:"12px",display:"flex",flexDirection:"column",gap:"8px"}},A.map(t=>e.createElement("div",{className:"yt-cart-apply-applied-item",key:t.code,style:{display:"flex",alignItems:"center",fontSize:"12px",fontStyle:"italic"}},e.createElement("div",{className:"yt-cart-apply-applied-badge",style:{display:"flex",alignItems:"center",color:"#333333",backgroundColor:o,paddingInlineStart:"6px",gap:"4px"}},e.createElement(tt,{size:12,color:"#4D4D4D"}),e.createElement("span",{style:{fontWeight:"bold",fontStyle:"normal"}},t.code)," applied!",e.createElement("button",{className:"yt-cart-apply-remove-button",onClick:D,disabled:C,style:{background:"#E2E2E2",border:"0.5px solid #B5B5B5",cursor:"pointer",marginLeft:"4px",padding:"0",display:"flex",alignItems:"center"}},C?e.createElement(me,{color:i||"#007bff",size:14}):e.createElement(we,{size:16})))))))},Mr="yt-coupon-selection-animations",Wr=e=>{e.current&&(clearTimeout(e.current),e.current=null)},Vr=e=>e?.trim().toLowerCase()??"",jr=e=>e.couponType?.toLowerCase()??"",Hr=e=>"percentage_discount_coupon"===jr(e),qr=e=>"amount_discount_coupon"===jr(e),Qr=e=>"free_delivery"===jr(e),Ur=e=>{const t=Number(e);return Number.isFinite(t)&&t>0?t:0},Yr=e=>{const t=Number(e.toFixed(2)),n=Number.isInteger(t)?t.toFixed(0):t.toFixed(2);return xn(n)},Gr=e=>{const t=e.resolvedCollectionNames;return t&&t.length>0?1===t.length?`Applicable on '${t[0]}' collection only.`:`Applicable on '${t.join("', '")}' collections.`:e.allowedCollections?.ids&&e.allowedCollections.ids.length>0?"Applicable on select collections.":"Applicable storewide"},Xr=(e,t,n,o)=>{const r=((e,t)=>{const n=Number(e.estimatedSavings);if(Number.isFinite(n)&&n>=0)return n;const o=(e.allowedCollections?.ids?.length??0)>0,r=Number(e.applicableSubtotal),i=Number.isFinite(r)&&r>=0?r:o?0:Ur(t);return Hr(e)?i*(Ur(e.discountPercentage)/100):qr(e)?Math.min(Ur(e.discountValue),i):Qr(e)?Ur(e.discountValue):0})(e,n),i=`${t}${Yr(r)}`,a=!1!==e.isEligible;let l=e.name;Hr(e)&&e.discountPercentage?l=o.couponTextPrefix&&o.couponTextSuffix?`${o.couponTextPrefix} ${e.discountPercentage}% ${o.couponTextSuffix}`:`Get an additional ${e.discountPercentage}% off`:qr(e)&&e.discountValue?l=o.couponTextPrefix&&o.couponTextSuffix?`${o.couponTextPrefix} ${t}${Yr(e.discountValue)} ${o.couponTextSuffix}`:`Get an additional ${t}${Yr(e.discountValue)} off`:Qr(e)&&(l="Get free shipping");let c="";return"minimum_quantity"===e.customCartProgressBarCriteria?e.quantityThreshold&&(c=`On orders with ${e.quantityThreshold}+ items.`):e.minimumOrderValue&&(c=`On purchases above ${t}${Yr(e.minimumOrderValue)}.`),{coupon:e,isUnlocked:a,estimatedSavings:r,title:l,subtitle:c,bannerTitle:r>0?o.preCollectionBannerPrefixText&&o.preCollectionBannerSuffixText?`${o.preCollectionBannerPrefixText} ${i} ${o.preCollectionBannerSuffixText}`:`Save extra ${i} on this order`:Qr(e)?"Claim free shipping on this order":l,appliedSavingsText:r>0?`saved extra ${i} off`:Qr(e)?"saved extra on shipping":Hr(e)&&e.discountPercentage?`saved extra ${e.discountPercentage}% off`:"",bannerSavingsText:r>0?o.postCollectionBannerPrefixText&&o.postCollectionBannerSuffixText?`${o.postCollectionBannerPrefixText} ${i} ${o.postCollectionBannerSuffixText}`:`saved additional ${i} on your purchase`:Qr(e)?"saved additional shipping on your purchase":"coupon applied on your purchase",applicabilityText:Gr(e)}},Zr=({rewardCoupons:i,couponSelectionData:a,applyCouponCode:l,removeDiscount:c,enableConfetti:s,backgroundSubdued:d,themeColor:p,themeTextColor:u,primaryTextColor:m,ctaButtonBackgroundColor:g,ctaButtonTextColor:x,cartComponentsCornerRadius:f})=>{const y=le(Xt),b=r(null),h=r(null),v=r(null),w=r(!1),C=r(null),[E,k]=t(!1),[T,S]=t(!1),[$,N]=t(null),[B,F]=t(null),[z,I]=t(null),[D,P]=t(!1),[A,_]=t(null);n(()=>((()=>{if(document.getElementById(Mr))return;const e=document.createElement("style");e.id=Mr,e.textContent="\n @keyframes ytSlideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n @keyframes ytSlideDown {\n from { transform: translateY(0); }\n to { transform: translateY(100%); }\n }\n @keyframes ytSuccessPulse {\n 0% { box-shadow: 0 0 0 0 rgba(46,125,50,0.4); }\n 50% { box-shadow: 0 0 0 8px rgba(46,125,50,0); }\n 100% { box-shadow: 0 0 0 0 rgba(46,125,50,0); }\n }\n @keyframes ytCheckFade {\n 0% { opacity: 0; transform: scale(0.5); }\n 50% { opacity: 1; transform: scale(1.2); }\n 100% { opacity: 1; transform: scale(1); }\n }\n ",document.head.appendChild(e)})(),()=>{Wr(b),Wr(h),Wr(v)}),[]);const R=o(()=>y?.discount_codes?.filter(e=>!1!==e?.applicable)??[],[y?.discount_codes]),M=R[0],W=ln(y,y?.currency),V=rn(y?.items_subtotal_price??y?.original_total_price??y?.total_price??0,y?.currency??"INR"),j=o(()=>((e,t,n,o,r)=>{const i=new Set(t.map(e=>Vr(e?.code)).filter(Boolean)),a=e.map(e=>Xr(e,n,o,r));let l;const c=[];let s;for(const e of a)!l&&i.has(Vr(e.coupon.name))&&(l=e),e.isUnlocked&&(c.push(e),(!s||e.estimatedSavings>s.estimatedSavings)&&(s=e));return{couponDisplayModels:a,collectedCouponDisplay:l,unlockedCouponDisplays:c,bestUnlockedCouponDisplay:s,eligibleCouponCountText:1===c.length?"1 coupon eligible for your order":`${c.length}+ coupons eligible for your order`}})(i,R,W,V,a),[R,V,a,W,i]),H=()=>{C.current=null,F(null),N(null),Wr(v)},q=()=>{S(!1),k(!0)},Q=()=>{T||(Wr(b),S(!0),b.current=setTimeout(()=>{b.current=null,w.current?window.history.back():(k(!1),S(!1))},280))};n(()=>{const e=j.collectedCouponDisplay;e&&C.current===e.coupon.couponTemplateId&&(H(),I(null),_(e.coupon.couponTemplateId),Wr(h),h.current=setTimeout(()=>{_(null),Q(),h.current=null},1200))},[j.collectedCouponDisplay,T]),n(()=>{if(!E)return;w.current||(window.history.pushState({couponSelectionOpen:!0},""),w.current=!0);const e=()=>{w.current=!1,Wr(b),k(!1),S(!1)};return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[E]);const U=async e=>{if(null===$&&!D&&!1!==e.isEligible&&e.name)if(l){Wr(v),I(null),N(e.couponTemplateId),F(e.couponTemplateId),C.current=e.couponTemplateId;try{await l(e.name),C.current===e.couponTemplateId&&(v.current=setTimeout(()=>{C.current===e.couponTemplateId&&(C.current=null,F(null),N(null),I(e.couponTemplateId)),v.current=null},2500))}catch(t){console.error("Failed to collect coupon:",t),C.current=null,F(null),N(null),I(e.couponTemplateId)}}else I(e.couponTemplateId)},Y=async()=>{if(c&&!D){P(!0);try{await c(),_(null),I(null),H()}catch(e){console.error("Failed to remove coupon:",e)}finally{P(!1)}}},G=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),q())},X=t=>{const{coupon:n}=t,o=n.couponTemplateId===j.collectedCouponDisplay?.coupon.couponTemplateId,r=$===n.couponTemplateId;n.couponTemplateId;const i=A===n.couponTemplateId,l=!o&&!t.isUnlocked,s=z===n.couponTemplateId,d=r||D||l||o&&!c,u=o?"Remove":a.applyButtonText||"Apply";return e.createElement("div",{className:`yt-cart-coupon-selection-card${o?" yt-cart-coupon-selection-card-selected":""}${l?" yt-cart-coupon-selection-card-ineligible":""}`,key:n.couponTemplateId,style:{border:o?`1.5px solid ${p||"#4A7C59"}`:"1px solid #E8E8E8",borderRadius:f??8,overflow:"hidden",marginBottom:"12px",backgroundColor:"#FFFFFF",boxShadow:"0 1px 3px rgba(0,0,0,0.06)",animation:i?"ytSuccessPulse 0.6s ease-out":void 0,transition:"border-color 0.3s ease, box-shadow 0.3s ease"}},e.createElement("div",{className:"yt-cart-coupon-selection-card-body",style:{padding:"14px 16px",background:"linear-gradient(135deg, #FFFFFF 60%, #FFF5F5 100%)",position:"relative"}},i&&e.createElement("div",{className:"yt-cart-coupon-selection-card-checkmark",style:{position:"absolute",top:"10px",right:"10px",width:24,height:24,borderRadius:"50%",backgroundColor:"#2E7D32",display:"flex",alignItems:"center",justifyContent:"center",animation:"ytCheckFade 0.4s ease-out forwards"}},e.createElement("span",{style:{color:"#fff",fontSize:"14px",fontWeight:700}},"✓")),e.createElement("div",{className:"yt-cart-coupon-selection-card-header",style:{display:"flex",alignItems:"flex-start",gap:"10px"}},e.createElement("div",{className:"yt-cart-coupon-selection-card-icon",style:{width:32,height:32,borderRadius:4,backgroundColor:"#FDE8E8",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}},e.createElement(oe,{size:18,color:l?"#6b7280":"#8B0000"})),e.createElement("div",{className:"yt-cart-coupon-selection-card-text",style:{flex:1}},e.createElement("div",{className:"yt-cart-coupon-selection-card-title",style:{fontSize:"14px",fontWeight:600,color:m||"#1A1A1A",marginBottom:"2px"}},t.title),e.createElement("div",{className:"yt-cart-coupon-selection-card-subtitle",style:{fontSize:"12px",color:l?"#6b7280":"#2E7D32",fontWeight:500}},t.subtitle))),e.createElement("div",{className:"yt-cart-coupon-selection-code-row",style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"12px",border:"1px solid #E0E0E0",borderRadius:f??6,padding:"8px 12px",backgroundColor:"#FAFAFA"}},e.createElement("span",{className:"yt-cart-coupon-selection-code",style:{fontSize:"14px",fontWeight:700,color:m||"#1A1A1A",letterSpacing:"0.5px"}},n.name),e.createElement("button",{className:"yt-cart-coupon-selection-action","aria-label":o?`Remove ${n.name}`:`Apply ${n.name}`,onClick:e=>{e.stopPropagation(),o?Y():U(n)},disabled:d,style:{background:"none",border:"none",color:l?"#6b7280":"#8B0000",fontSize:"14px",fontWeight:600,cursor:d?"not-allowed":"pointer",padding:0,display:"flex",alignItems:"center",gap:"4px"}},r||o&&D?e.createElement(me,{color:"#8B0000",size:14}):u)),s&&e.createElement("div",{className:"yt-cart-coupon-selection-error",style:{color:"#B91C1C",fontSize:"12px",marginTop:"8px"}},"Could not apply this coupon. Try another offer.")),e.createElement("div",{className:"yt-cart-coupon-selection-applicability",style:{padding:"6px 16px",fontSize:"11px",fontWeight:500,textAlign:"center",backgroundColor:"#FFF0F0",color:l?"#6b7280":"#8B0000",borderTop:"1px solid #FECACA"}},t.applicabilityText))};return e.createElement(e.Fragment,null,(()=>{const t=j.collectedCouponDisplay,n=j.bestUnlockedCouponDisplay,o=!!t||!!M,r=j.unlockedCouponDisplays.length>0,i=!o&&!!n,l=n?.coupon,c=l&&$===l.couponTemplateId,s=t?.coupon.name??M?.code??"",d=t?"#2E7D32":"#8B0000",y=t?"#2E7D32":"#666666";return e.createElement("div",{className:"yt-cart-coupon-selection-banner-container",style:{padding:"0 16px",marginTop:"10px",marginBottom:"10px"}},e.createElement("div",{className:"yt-cart-coupon-selection-banner",onClick:q,onKeyDown:G,role:"button",tabIndex:0,"aria-label":"Open coupons and offers",style:{display:"flex",alignItems:"center",padding:"12px 14px",border:"1px dashed #E8E8E8",borderRadius:f??8,cursor:"pointer",backgroundColor:"#FFFFFF",transition:"box-shadow 0.2s ease"}},e.createElement("div",{className:"yt-cart-coupon-selection-banner-icon",style:{width:36,height:36,borderRadius:6,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginRight:"12px",transition:"background-color 0.3s ease"}},t?e.createElement(tt,{size:20,color:d}):e.createElement(oe,{size:20,color:d})),e.createElement("div",{className:"yt-cart-coupon-selection-banner-content",style:{flex:1,minWidth:0}},o?e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-coupon-selection-banner-title",style:{fontSize:"14px",color:m||"#1A1A1A"}},e.createElement("span",{className:"yt-cart-coupon-selection-banner-code",style:{fontWeight:600}},s),e.createElement("span",{className:"yt-cart-coupon-selection-banner-applied",style:{fontStyle:"italic"}}," ","applied!")),e.createElement("div",{className:"yt-cart-coupon-selection-banner-subtitle",style:{fontSize:"12px",color:y,marginTop:"1px",fontStyle:t?"italic":"normal"}},t?.bannerSavingsText??"coupon applied on your purchase")):i&&n?e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-coupon-selection-banner-title",style:{fontSize:"14px",fontWeight:700,color:m||"#1A1A1A",lineHeight:1.25}},n.bannerTitle),e.createElement("div",{className:"yt-cart-coupon-selection-banner-subtitle",style:{fontSize:"12px",color:"#8B0000",marginTop:"2px"}},"view all offers →")):e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-coupon-selection-banner-title",style:{fontSize:"14px",fontWeight:700,color:m||"#1A1A1A"}},"Coupons and Offers"),e.createElement("div",{className:"yt-cart-coupon-selection-banner-subtitle",style:{fontSize:"12px",color:"#888888",marginTop:"1px"}},"view available offers"))),i&&l?e.createElement("button",{className:"yt-cart-coupon-selection-banner-collect","aria-label":`Apply ${l.name}`,onClick:e=>{e.stopPropagation(),U(l)},disabled:!!c||D,style:{borderRadius:f??8,border:`1.5px solid ${g||p||"#315A9F"}`,backgroundColor:g||p||"#EEF4FF",color:x||u||"#FFFFFF",fontSize:"16px",fontWeight:700,cursor:c||D?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",marginLeft:"12px",flexShrink:0,padding:c?"6px":"5px 9px"}},c?e.createElement(me,{color:x||u||"#FFFFFF",size:16}):a.applyButtonText||"Apply"):e.createElement(L,{className:"yt-cart-coupon-selection-banner-arrow",size:14,color:"#888888"})),!o&&r&&e.createElement("div",{className:"yt-cart-coupon-selection-eligible-count",style:{textAlign:"center",fontSize:"12px",fontWeight:600,color:"#8B0000",backgroundColor:"#FFF0F0",padding:"6px 0",borderRadius:`0 0 ${f??8}px ${f??8}px`,marginTop:"-1px",border:"1px dashed #FECACA",borderTop:"none"}},j.eligibleCouponCountText))})(),E&&(()=>{const t=j.unlockedCouponDisplays.length>0;return e.createElement("div",{className:"yt-cart-coupon-selection-overlay",style:{position:"absolute",top:0,right:0,bottom:0,left:0,width:"100%",backgroundColor:"#FFFFFF",zIndex:2147483645,display:"flex",flexDirection:"column",animation:T?"ytSlideDown 0.28s cubic-bezier(0.4, 0, 1, 1) forwards":"ytSlideUp 0.32s cubic-bezier(0, 0, 0.2, 1) forwards"}},e.createElement("div",{className:"yt-cart-coupon-selection-overlay-header",style:{display:"flex",alignItems:"center",padding:"16px",flexShrink:0}},e.createElement("button",{className:"yt-cart-coupon-selection-back-button","aria-label":"Close coupons and offers",onClick:Q,style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center",marginRight:"12px"}},e.createElement(O,{size:18,color:m||"#1A1A1A"})),e.createElement("span",{className:"yt-cart-coupon-selection-overlay-title",style:{fontSize:"18px",fontWeight:700,color:m||"#1A1A1A"}},"Coupons and Offers")),e.createElement("div",{className:"yt-cart-coupon-selection-divider",style:{display:"flex",height:"12px",background:"#87878717"}}),e.createElement("div",{className:"yt-cart-coupon-selection-overlay-content",style:{flex:1,overflowY:"auto"}},M&&e.createElement("div",{className:"yt-cart-coupon-selection-applied-badge",style:{display:"flex",alignItems:"center",padding:"12px 16px",gap:"8px",flexWrap:"wrap"}},e.createElement(tt,{size:16,color:"#333333"}),e.createElement("span",{className:"yt-cart-coupon-selection-applied-code",style:{fontWeight:700,fontSize:"14px",color:m||"#1A1A1A"}},M.code),e.createElement("span",{className:"yt-cart-coupon-selection-applied-text",style:{fontStyle:"italic",fontSize:"14px",color:m||"#1A1A1A"}},"applied!"),e.createElement("button",{className:"yt-cart-coupon-selection-applied-remove","aria-label":`Remove ${M.code}`,onClick:Y,disabled:D||!c,style:{background:"none",border:"none",cursor:D||!c?"not-allowed":"pointer",padding:"2px",display:"flex",alignItems:"center"}},D?e.createElement(me,{color:"#666",size:14}):e.createElement(we,{size:18,color:"#666666"})),j.collectedCouponDisplay?.appliedSavingsText&&e.createElement("span",{className:"yt-cart-coupon-selection-applied-savings",style:{fontSize:"14px",color:"#2E7D32",fontStyle:"italic"}},j.collectedCouponDisplay.appliedSavingsText)),e.createElement("div",{className:"yt-cart-coupon-selection-apply-section"},e.createElement(Or,{backgroundSubdued:d,themeColor:p,themeTextColor:u,primaryTextColor:m,cartComponentsCornerRadius:f,applyCouponCode:l,removeDiscount:c,enableConfetti:s,hideAppliedCodes:!0})),e.createElement("div",{className:"yt-cart-coupon-selection-divider",style:{display:"flex",height:"12px",background:"#87878717"}}),e.createElement("div",{className:"yt-cart-coupon-selection-collect-section",style:{padding:"16px"}},e.createElement("div",{className:"yt-cart-coupon-selection-collect-title",style:{fontSize:"16px",fontWeight:700,color:m||"#1A1A1A",marginBottom:"4px"}},t?"Collect Coupon":"Available Offers"),e.createElement("div",{className:"yt-cart-coupon-selection-collect-subtitle",style:{fontSize:"13px",color:"#888888",marginBottom:"16px"}},t?"Pick any one coupon deal":"No coupons are currently unlocked for this cart"),e.createElement("div",{className:"yt-cart-coupon-selection-list"},j.couponDisplayModels.map(X)))))})())},Kr=se("showGSTInput",!1),Jr=c.div`
|
|
1392
|
+
`,Rr=({addCartItem:t,handleDecrement:n,handleIncrement:o,removeCartItem:r,isDev:i,themeColor:a,primaryTextColor:l,secondaryTextColor:c,freeProduct:s,themeTextColor:d,showEditOptionOnProducts:p,productPercentageOffMapping:m,removeFreebieFromCart:u,showDeleteOnFreebies:g,freeProductAdjustedCartTotal:x,freebieCouponTemplates:f,cartCheckpoints:y,freebieFlowCheckpoints:b,imageAspectSelector:h,cartComponentsCornerType:v,cartComponentsCornerRadius:w,giftWrapProductId:C,giftWrapVariantId:E,showGiftWrapAsLineItem:k=!1,backgroundSubdued:T,tertiaryColor:S,tertiaryTextColor:$,backgroundColor:N,showDiscountOnMRP:B,checkoutSectionMessage:F,checkoutSectionMessageRedirectLink:z,showFreebieMilestone:I,freebieMilestoneData:D,freeLabelText:P})=>{const A=le(Xt),{cartLoading:_}=nn(),R=!_.cartLoading&&A?.items,L=(x??Number(A?.items_subtotal_price))/100;let O=!0,M=0;if(A?.items?.length>0)for(const e of A.items)e?.properties?._isYtFreebie&&(M+=e?.quantity);if(M===A?.item_count&&(O=!1),!R&&0===A?.item_count)return e.createElement(Ar,null);if(!(R&&0!==A?.item_count||A?.items))return null;const W=D?.campaignFilter??"all_campaigns";let V=[];"all_campaigns"===W?V=f??[]:"progress_bar_tiers"===W?V=y??[]:"freebie_campaigns"===W&&(V=b??[]);const j=Array.isArray(V)?V.filter(e=>"free_product"===e?.couponType).slice().sort((e,t)=>e.minimumOrderValue-t.minimumOrderValue).find(e=>e.minimumOrderValue>L):void 0,H=ln(A,A?.currency);return e.createElement(e.Fragment,null,A.items.filter(e=>!!k||!(String(e?.id)===un(String(C))||String(e?.id)===un(String(E)))).map(s=>{const x=m?.[s?.key],y=f?.find(e=>e?._allVariantIds?.includes(String(s.id)));let b=!1;if(y&&L>=y.minimumOrderValue&&0===s?.line_price&&(b=!0),!k&&(String(s?.id)===un(String(C))||un(String(E))===String(s?.id)))return null;const F=s.discounts&&s.discounts.length>0;return s.properties?._isYtFreebie&&(x||b)&&F&&O?e.createElement(e.Fragment,null,e.createElement(_r,{className:"yt-cart-product-card-wrapper",key:s?.key??s?.id},e.createElement(Ir,{product:s,themeColor:a,isDev:i,primaryTextColor:l,secondaryTextColor:c,themeTextColor:d,showQtySelector:!1,showEditOptionOnProducts:p,percentageOff:x,imageAspectSelector:h,showDeleteOnFreebies:g,removeFreebieFromCart:u,backgroundSubdued:T,tertiaryColor:S,tertiaryTextColor:$,backgroundColor:N,showDiscountOnMRP:!0,freeLabelText:P}))):e.createElement(_r,{className:"yt-cart-product-card-wrapper",key:s?.key??s?.id},e.createElement(Ir,{themeColor:a,handleDecrement:n,handleIncrement:o,removeCartItem:r,addCartItem:t,product:s,isDev:i,primaryTextColor:l,secondaryTextColor:c,showQtySelector:!s.properties?._isYtFreebie,showEditOptionOnProducts:p,removeFreebieFromCart:u,showDeleteOnFreebies:g,imageAspectSelector:h,cartComponentsCornerRadius:w,cartComponentsCornerType:v,backgroundSubdued:T,tertiaryColor:S,tertiaryTextColor:$,backgroundColor:N,showDiscountOnMRP:B,freeLabelText:P}))}),I&&O&&j&&e.createElement(Pr,{name:j.name,minimumOrderValue:j.minimumOrderValue,currency:H,themeColor:a,tertiaryColor:S,imageUrl:D?.milestoneImage?.path}),fn()&&F&&F.length>0?e.createElement("div",{className:"yt-cart-checkout-message yt-cart-bottom-bar",style:{fontSize:"10px",textAlign:"center",backgroundColor:S,padding:"3px",boxShadow:"1px 2px 4px 0px #00000061",color:$,marginBottom:"4px",cursor:z?"pointer":"default"},onClick:()=>{z&&(window.location.href=z)}},F):e.createElement("div",{className:"yt-cart-products-list-separator",style:{display:"list-item",height:"12px",background:"#87878717"}}))};const Lr=({bundleProducts:t})=>{const n=le(Xt);return e.createElement("div",{className:"yt-cart-bundle-container flex flex-col gap-y-2"},e.createElement("div",{className:"yt-cart-bundle-title flex items-center justify-center"},e.createElement("span",{className:"font-semibold"},"Save more with Bundle!")),e.createElement("div",{className:"yt-cart-bundle-products flex items-center justify-center gap-2 relative"},e.createElement("div",{className:"yt-cart-bundle-product-card w-48 h-48 flex flex-col justify-center border-[1px] p-2 border-[#B0B0B0]"},e.createElement("img",{style:{alignSelf:"center"},width:100,height:100,src:t[0].image}),e.createElement("span",{className:"text-[12.5px] text-[#667085] font-semibold"},cn(t[0].title)),e.createElement("div",null,e.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},ln(n,n?.currency),t[0].original_price)," ",e.createElement("span",{className:"line-through text-[#667085] text-[12px]"},ln(n,n?.currency),t[0].price)),t[0]?.options_with_values?.length>0&&e.createElement("div",{className:"flex flex-col"},t[0]?.options_with_values?.map(t=>{if("Title"!==t.name)return e.createElement("span",{className:"text-[10px] text-[#868E96]"},t.name,": ",t.value)}))),e.createElement("div",{className:"w-48 h-48 flex flex-col justify-center border-[1px] p-2 border-[#B0B0B0]"},e.createElement("img",{style:{alignSelf:"center"},width:100,height:100,src:t[1].image}),e.createElement("span",{className:"text-[12.5px] text-[#667085] font-semibold"},cn(t[0].title)),e.createElement("div",null,e.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},ln(n,n?.currency),t[1].original_price)," ",e.createElement("span",{className:"line-through text-[#667085] text-[12px]"},ln(n,n?.currency),t[1].price)),t[1]?.options_with_values?.length>0&&e.createElement("div",{className:"flex flex-col"},t[0]?.options_with_values?.map(t=>{if("Title"!==t.name)return e.createElement("span",{className:"text-[10px] text-[#868E96]"},t.name,": ",t.value)}))),e.createElement("div",{className:"yt-cart-bundle-plus-icon absolute",style:{left:"50%",transform:"translateX(-50%)"}},e.createElement("img",{src:'<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="17.2797" cy="18.7208" r="15.5219" fill="#3A3A3A" stroke="#767676" stroke-width="1.51433"/>\n<path d="M15.5903 25.9172V12.1037H19.0827V25.9172H15.5903ZM10.4297 20.7566V17.2642H24.2433V20.7566H10.4297Z" fill="white"/>\n</svg>',alt:"Delivery Truck",height:"25px",width:"42px"}))),e.createElement("div",{className:"yt-cart-bundle-pricing flex flex-row justify-between items-center"},e.createElement("div",{className:"flex flex-row gap-x-4 items-center"},e.createElement("span",{className:"text-[#667085] text-[13px]"},"Total Price"),e.createElement("span",null,e.createElement("span",{className:"font-bold text-black"},ln(n,n?.currency),t[0].price+t[1].price)," ",e.createElement("span",{className:"text-[#868E96] text-[12px] line-through"},ln(n,n?.currency),t[0].original_price+t[1].original_price))),e.createElement("span",{className:"text-[#1ADF5D] text-[10px]"},"save extra"," ",e.createElement("span",{className:"font-semibold"},ln(n,n?.currency),t[0].original_price-t[0].price+(t[1].original_price-t[1].price)))),e.createElement("button",{className:"yt-cart-bundle-buy-button flex flex-row items-center bg-[#333333] gap-x-3 justify-center w-full py-1.5"},e.createElement(pt,{color:"white"}),e.createElement("span",{className:"text-white uppercase text-[14px]"},"Buy Bundle at"," ",e.createElement("span",{className:"font-semibold"},ln(n,n?.currency),t[0].price+t[1].price))))},Or=({backgroundSubdued:o,themeColor:i,themeTextColor:a,primaryTextColor:l,cartComponentsCornerRadius:c,applyCouponCode:s,removeDiscount:d,enableConfetti:p,hideAppliedCodes:m})=>{const u=le(Xt),[g,x]=t(""),[f,y]=t(null),[b,h]=t(!1),[v,w]=t(!1),[C,E]=t(!1),{setLoading:k}=nn(),[T,S]=t(null),[$,N]=t(!1),[B,F]=t(!1),z=r(null);n(()=>{if(T){N(!0);const e=setTimeout(()=>{N(!1)},4e3),t=setTimeout(()=>{S(null)},4500);return()=>{clearTimeout(e),clearTimeout(t)}}N(!1)},[T]),n(()=>{if(u&&u.discount_codes&&f){const e=u.discount_codes.find(e=>e.code===f);e&&(e.applicable?(S({message:"Coupon applied successfully!",type:"success"}),p&&(F(!0),setTimeout(()=>F(!1),5e3))):S({message:"Coupon not applicable",type:"error"}),y(null))}},[u,f]);const I=async()=>{if(s&&g&&!b){S(null),h(!0),y(g);try{await s(g),x("")}catch(e){S({message:"Failed to apply coupon.",type:"error"}),y(null)}finally{h(!1)}}},D=async()=>{if(d&&!C){S(null),E(!0),k&&k(!0,!1,!1,!0);try{await d()}catch(e){S({message:"Failed to remove coupon.",type:"error"})}finally{k&&k(!1,!1,!1,!1),E(!1)}}},P="error"===T?.type,A=u?.discount_codes?.filter(e=>!1!==e?.applicable);return e.createElement("div",{className:"yt-cart-apply-container",ref:z,style:{marginTop:"10px",padding:"0 16px",marginBottom:"10px"}},B&&p&&e.createElement(Eo,{particleCount:100,spread:160,origin:{y:.6},checkpointPosition:.5}),e.createElement("div",{className:"yt-cart-apply-input-wrapper",style:{display:"flex",alignItems:"stretch",border:P?"0.5px solid #FF4E4E":v?`1px solid ${i||"#007bff"}`:"1px solid #e0e0e0",borderRadius:c??4,transition:"border-color 0.5s ease-in-out",overflow:"hidden"}},e.createElement("input",{className:"yt-cart-apply-input",type:"text",placeholder:"Have a Coupon Code?",value:g,disabled:b,onFocus:()=>{w(!0),setTimeout(()=>{z.current&&window.innerWidth<=768&&z.current.scrollIntoView({behavior:"smooth",block:"nearest"})},300)},onBlur:()=>w(!1),onChange:e=>{x(e.target.value),T&&S(null)},onKeyDown:e=>{"Enter"===e.key&&I()},style:{flexGrow:1,border:"none",padding:"10px",outline:"none",fontSize:"14px",fontWeight:"bold",borderTopLeftRadius:c??4,borderBottomLeftRadius:c??4,backgroundColor:o,color:l,boxShadow:"none",cursor:b?"not-allowed":"auto",margin:"0"}}),e.createElement("button",{className:"yt-cart-apply-button",onClick:I,disabled:!g||b,style:{padding:"10px 15px",border:"none",backgroundColor:P?"#D98181":g?i||"#007bff":"#cccccc",color:g||P?a||"#ffffff":"#666666",cursor:!g||b?"not-allowed":"pointer",fontSize:"14px",fontWeight:"bold",borderTopRightRadius:c??4,borderBottomRightRadius:c??4,transition:"background-color 0.5s ease-in-out, opacity 0.2s ease-in-out",minWidth:"80px",display:"flex",justifyContent:"center",alignItems:"center",opacity:b?.7:1}},b?e.createElement(ue,{color:a||"#ffffff",size:18}):"Apply")),T&&e.createElement("div",{className:"yt-cart-apply-status",style:{color:"success"===T.type?"#28a745":"#dc3545",fontSize:"12px",marginTop:"4px",fontStyle:"italic",transition:"opacity 0.5s ease-in-out, transform 0.5s ease-in-out, max-height 0.5s ease-in-out",opacity:$?1:0,transform:$?"translateY(0)":"translateY(-10px)",maxHeight:$?"50px":"0",overflow:"hidden"}},T.message),!m&&A&&A.length>0&&e.createElement("div",{className:"yt-cart-apply-applied-list",style:{marginTop:"12px",display:"flex",flexDirection:"column",gap:"8px"}},A.map(t=>e.createElement("div",{className:"yt-cart-apply-applied-item",key:t.code,style:{display:"flex",alignItems:"center",fontSize:"12px",fontStyle:"italic"}},e.createElement("div",{className:"yt-cart-apply-applied-badge",style:{display:"flex",alignItems:"center",color:"#333333",backgroundColor:o,paddingInlineStart:"6px",gap:"4px"}},e.createElement(tt,{size:12,color:"#4D4D4D"}),e.createElement("span",{style:{fontWeight:"bold",fontStyle:"normal"}},t.code)," applied!",e.createElement("button",{className:"yt-cart-apply-remove-button",onClick:D,disabled:C,style:{background:"#E2E2E2",border:"0.5px solid #B5B5B5",cursor:"pointer",marginLeft:"4px",padding:"0",display:"flex",alignItems:"center"}},C?e.createElement(ue,{color:i||"#007bff",size:14}):e.createElement(we,{size:16})))))))},Mr="yt-coupon-selection-animations",Wr=e=>{e.current&&(clearTimeout(e.current),e.current=null)},Vr=e=>e?.trim().toLowerCase()??"",jr=e=>e.couponType?.toLowerCase()??"",Hr=e=>"percentage_discount_coupon"===jr(e),qr=e=>"amount_discount_coupon"===jr(e),Qr=e=>"free_delivery"===jr(e),Ur=e=>{const t=Number(e);return Number.isFinite(t)&&t>0?t:0},Yr=e=>{const t=Number(e.toFixed(2)),n=Number.isInteger(t)?t.toFixed(0):t.toFixed(2);return xn(n)},Gr=e=>{const t=e.resolvedCollectionNames;return t&&t.length>0?1===t.length?`Applicable on '${t[0]}' collection only.`:`Applicable on '${t.join("', '")}' collections.`:e.allowedCollections?.ids&&e.allowedCollections.ids.length>0?"Applicable on select collections.":"Applicable storewide"},Xr=(e,t,n,o)=>{const r=((e,t)=>{const n=Number(e.estimatedSavings);if(Number.isFinite(n)&&n>=0)return n;const o=(e.allowedCollections?.ids?.length??0)>0,r=Number(e.applicableSubtotal),i=Number.isFinite(r)&&r>=0?r:o?0:Ur(t);return Hr(e)?i*(Ur(e.discountPercentage)/100):qr(e)?Math.min(Ur(e.discountValue),i):Qr(e)?Ur(e.discountValue):0})(e,n),i=`${t}${Yr(r)}`,a=!1!==e.isEligible;let l=e.name;Hr(e)&&e.discountPercentage?l=o.couponTextPrefix&&o.couponTextSuffix?`${o.couponTextPrefix} ${e.discountPercentage}% ${o.couponTextSuffix}`:`Get an additional ${e.discountPercentage}% off`:qr(e)&&e.discountValue?l=o.couponTextPrefix&&o.couponTextSuffix?`${o.couponTextPrefix} ${t}${Yr(e.discountValue)} ${o.couponTextSuffix}`:`Get an additional ${t}${Yr(e.discountValue)} off`:Qr(e)&&(l="Get free shipping");let c="";return"minimum_quantity"===e.customCartProgressBarCriteria?e.quantityThreshold&&(c=`On orders with ${e.quantityThreshold}+ items.`):e.minimumOrderValue&&(c=`On purchases above ${t}${Yr(e.minimumOrderValue)}.`),{coupon:e,isUnlocked:a,estimatedSavings:r,title:l,subtitle:c,bannerTitle:r>0?o.preCollectionBannerPrefixText&&o.preCollectionBannerSuffixText?`${o.preCollectionBannerPrefixText} ${i} ${o.preCollectionBannerSuffixText}`:`Save extra ${i} on this order`:Qr(e)?"Claim free shipping on this order":l,appliedSavingsText:r>0?`saved extra ${i} off`:Qr(e)?"saved extra on shipping":Hr(e)&&e.discountPercentage?`saved extra ${e.discountPercentage}% off`:"",bannerSavingsText:r>0?o.postCollectionBannerPrefixText&&o.postCollectionBannerSuffixText?`${o.postCollectionBannerPrefixText} ${i} ${o.postCollectionBannerSuffixText}`:`saved additional ${i} on your purchase`:Qr(e)?"saved additional shipping on your purchase":"coupon applied on your purchase",applicabilityText:Gr(e)}},Zr=({rewardCoupons:i,couponSelectionData:a,applyCouponCode:l,removeDiscount:c,enableConfetti:s,backgroundSubdued:d,themeColor:p,themeTextColor:m,primaryTextColor:u,ctaButtonBackgroundColor:g,ctaButtonTextColor:x,cartComponentsCornerRadius:f})=>{const y=le(Xt),b=r(null),h=r(null),v=r(null),w=r(!1),C=r(null),[E,k]=t(!1),[T,S]=t(!1),[$,N]=t(null),[B,F]=t(null),[z,I]=t(null),[D,P]=t(!1),[A,_]=t(null);n(()=>((()=>{if(document.getElementById(Mr))return;const e=document.createElement("style");e.id=Mr,e.textContent="\n @keyframes ytSlideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n @keyframes ytSlideDown {\n from { transform: translateY(0); }\n to { transform: translateY(100%); }\n }\n @keyframes ytSuccessPulse {\n 0% { box-shadow: 0 0 0 0 rgba(46,125,50,0.4); }\n 50% { box-shadow: 0 0 0 8px rgba(46,125,50,0); }\n 100% { box-shadow: 0 0 0 0 rgba(46,125,50,0); }\n }\n @keyframes ytCheckFade {\n 0% { opacity: 0; transform: scale(0.5); }\n 50% { opacity: 1; transform: scale(1.2); }\n 100% { opacity: 1; transform: scale(1); }\n }\n ",document.head.appendChild(e)})(),()=>{Wr(b),Wr(h),Wr(v)}),[]);const R=o(()=>y?.discount_codes?.filter(e=>!1!==e?.applicable)??[],[y?.discount_codes]),M=R[0],W=ln(y,y?.currency),V=rn(y?.items_subtotal_price??y?.original_total_price??y?.total_price??0,y?.currency??"INR"),j=o(()=>((e,t,n,o,r)=>{const i=new Set(t.map(e=>Vr(e?.code)).filter(Boolean)),a=e.map(e=>Xr(e,n,o,r));let l;const c=[];let s;for(const e of a)!l&&i.has(Vr(e.coupon.name))&&(l=e),e.isUnlocked&&(c.push(e),(!s||e.estimatedSavings>s.estimatedSavings)&&(s=e));return{couponDisplayModels:a,collectedCouponDisplay:l,unlockedCouponDisplays:c,bestUnlockedCouponDisplay:s,eligibleCouponCountText:1===c.length?"1 coupon eligible for your order":`${c.length}+ coupons eligible for your order`}})(i,R,W,V,a),[R,V,a,W,i]),H=()=>{C.current=null,F(null),N(null),Wr(v)},q=()=>{S(!1),k(!0)},Q=()=>{T||(Wr(b),S(!0),b.current=setTimeout(()=>{b.current=null,w.current?window.history.back():(k(!1),S(!1))},280))};n(()=>{const e=j.collectedCouponDisplay;e&&C.current===e.coupon.couponTemplateId&&(H(),I(null),_(e.coupon.couponTemplateId),Wr(h),h.current=setTimeout(()=>{_(null),Q(),h.current=null},1200))},[j.collectedCouponDisplay,T]),n(()=>{if(!E)return;w.current||(window.history.pushState({couponSelectionOpen:!0},""),w.current=!0);const e=()=>{w.current=!1,Wr(b),k(!1),S(!1)};return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[E]);const U=async e=>{if(null===$&&!D&&!1!==e.isEligible&&e.name)if(l){Wr(v),I(null),N(e.couponTemplateId),F(e.couponTemplateId),C.current=e.couponTemplateId;try{await l(e.name),C.current===e.couponTemplateId&&(v.current=setTimeout(()=>{C.current===e.couponTemplateId&&(C.current=null,F(null),N(null),I(e.couponTemplateId)),v.current=null},2500))}catch(t){console.error("Failed to collect coupon:",t),C.current=null,F(null),N(null),I(e.couponTemplateId)}}else I(e.couponTemplateId)},Y=async()=>{if(c&&!D){P(!0);try{await c(),_(null),I(null),H()}catch(e){console.error("Failed to remove coupon:",e)}finally{P(!1)}}},G=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),q())},X=t=>{const{coupon:n}=t,o=n.couponTemplateId===j.collectedCouponDisplay?.coupon.couponTemplateId,r=$===n.couponTemplateId;n.couponTemplateId;const i=A===n.couponTemplateId,l=!o&&!t.isUnlocked,s=z===n.couponTemplateId,d=r||D||l||o&&!c,m=o?"Remove":a.applyButtonText||"Apply";return e.createElement("div",{className:`yt-cart-coupon-selection-card${o?" yt-cart-coupon-selection-card-selected":""}${l?" yt-cart-coupon-selection-card-ineligible":""}`,key:n.couponTemplateId,style:{border:o?`1.5px solid ${p||"#4A7C59"}`:"1px solid #E8E8E8",borderRadius:f??8,overflow:"hidden",marginBottom:"12px",backgroundColor:"#FFFFFF",boxShadow:"0 1px 3px rgba(0,0,0,0.06)",animation:i?"ytSuccessPulse 0.6s ease-out":void 0,transition:"border-color 0.3s ease, box-shadow 0.3s ease"}},e.createElement("div",{className:"yt-cart-coupon-selection-card-body",style:{padding:"14px 16px",background:"linear-gradient(135deg, #FFFFFF 60%, #FFF5F5 100%)",position:"relative"}},i&&e.createElement("div",{className:"yt-cart-coupon-selection-card-checkmark",style:{position:"absolute",top:"10px",right:"10px",width:24,height:24,borderRadius:"50%",backgroundColor:"#2E7D32",display:"flex",alignItems:"center",justifyContent:"center",animation:"ytCheckFade 0.4s ease-out forwards"}},e.createElement("span",{style:{color:"#fff",fontSize:"14px",fontWeight:700}},"✓")),e.createElement("div",{className:"yt-cart-coupon-selection-card-header",style:{display:"flex",alignItems:"flex-start",gap:"10px"}},e.createElement("div",{className:"yt-cart-coupon-selection-card-icon",style:{width:32,height:32,borderRadius:4,backgroundColor:"#FDE8E8",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0}},e.createElement(oe,{size:18,color:l?"#6b7280":"#8B0000"})),e.createElement("div",{className:"yt-cart-coupon-selection-card-text",style:{flex:1}},e.createElement("div",{className:"yt-cart-coupon-selection-card-title",style:{fontSize:"14px",fontWeight:600,color:u||"#1A1A1A",marginBottom:"2px"}},t.title),e.createElement("div",{className:"yt-cart-coupon-selection-card-subtitle",style:{fontSize:"12px",color:l?"#6b7280":"#2E7D32",fontWeight:500}},t.subtitle))),e.createElement("div",{className:"yt-cart-coupon-selection-code-row",style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginTop:"12px",border:"1px solid #E0E0E0",borderRadius:f??6,padding:"8px 12px",backgroundColor:"#FAFAFA"}},e.createElement("span",{className:"yt-cart-coupon-selection-code",style:{fontSize:"14px",fontWeight:700,color:u||"#1A1A1A",letterSpacing:"0.5px"}},n.name),e.createElement("button",{className:"yt-cart-coupon-selection-action","aria-label":o?`Remove ${n.name}`:`Apply ${n.name}`,onClick:e=>{e.stopPropagation(),o?Y():U(n)},disabled:d,style:{background:"none",border:"none",color:l?"#6b7280":"#8B0000",fontSize:"14px",fontWeight:600,cursor:d?"not-allowed":"pointer",padding:0,display:"flex",alignItems:"center",gap:"4px"}},r||o&&D?e.createElement(ue,{color:"#8B0000",size:14}):m)),s&&e.createElement("div",{className:"yt-cart-coupon-selection-error",style:{color:"#B91C1C",fontSize:"12px",marginTop:"8px"}},"Could not apply this coupon. Try another offer.")),e.createElement("div",{className:"yt-cart-coupon-selection-applicability",style:{padding:"6px 16px",fontSize:"11px",fontWeight:500,textAlign:"center",backgroundColor:"#FFF0F0",color:l?"#6b7280":"#8B0000",borderTop:"1px solid #FECACA"}},t.applicabilityText))};return e.createElement(e.Fragment,null,(()=>{const t=j.collectedCouponDisplay,n=j.bestUnlockedCouponDisplay,o=!!t||!!M,r=j.unlockedCouponDisplays.length>0,i=!o&&!!n,l=n?.coupon,c=l&&$===l.couponTemplateId,s=t?.coupon.name??M?.code??"",d=t?"#2E7D32":"#8B0000",y=t?"#2E7D32":"#666666";return e.createElement("div",{className:"yt-cart-coupon-selection-banner-container",style:{padding:"0 16px",marginTop:"10px",marginBottom:"10px"}},e.createElement("div",{className:"yt-cart-coupon-selection-banner",onClick:q,onKeyDown:G,role:"button",tabIndex:0,"aria-label":"Open coupons and offers",style:{display:"flex",alignItems:"center",padding:"12px 14px",border:"1px dashed #E8E8E8",borderRadius:f??8,cursor:"pointer",backgroundColor:"#FFFFFF",transition:"box-shadow 0.2s ease"}},e.createElement("div",{className:"yt-cart-coupon-selection-banner-icon",style:{width:36,height:36,borderRadius:6,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,marginRight:"12px",transition:"background-color 0.3s ease"}},t?e.createElement(tt,{size:20,color:d}):e.createElement(oe,{size:20,color:d})),e.createElement("div",{className:"yt-cart-coupon-selection-banner-content",style:{flex:1,minWidth:0}},o?e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-coupon-selection-banner-title",style:{fontSize:"14px",color:u||"#1A1A1A"}},e.createElement("span",{className:"yt-cart-coupon-selection-banner-code",style:{fontWeight:600}},s),e.createElement("span",{className:"yt-cart-coupon-selection-banner-applied",style:{fontStyle:"italic"}}," ","applied!")),e.createElement("div",{className:"yt-cart-coupon-selection-banner-subtitle",style:{fontSize:"12px",color:y,marginTop:"1px",fontStyle:t?"italic":"normal"}},t?.bannerSavingsText??"coupon applied on your purchase")):i&&n?e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-coupon-selection-banner-title",style:{fontSize:"14px",fontWeight:700,color:u||"#1A1A1A",lineHeight:1.25}},n.bannerTitle),e.createElement("div",{className:"yt-cart-coupon-selection-banner-subtitle",style:{fontSize:"12px",color:"#8B0000",marginTop:"2px"}},"view all offers →")):e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-coupon-selection-banner-title",style:{fontSize:"14px",fontWeight:700,color:u||"#1A1A1A"}},"Coupons and Offers"),e.createElement("div",{className:"yt-cart-coupon-selection-banner-subtitle",style:{fontSize:"12px",color:"#888888",marginTop:"1px"}},"view available offers"))),i&&l?e.createElement("button",{className:"yt-cart-coupon-selection-banner-collect","aria-label":`Apply ${l.name}`,onClick:e=>{e.stopPropagation(),U(l)},disabled:!!c||D,style:{borderRadius:f??8,border:`1.5px solid ${g||p||"#315A9F"}`,backgroundColor:g||p||"#EEF4FF",color:x||m||"#FFFFFF",fontSize:"16px",fontWeight:700,cursor:c||D?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",marginLeft:"12px",flexShrink:0,padding:c?"6px":"5px 9px"}},c?e.createElement(ue,{color:x||m||"#FFFFFF",size:16}):a.applyButtonText||"Apply"):e.createElement(L,{className:"yt-cart-coupon-selection-banner-arrow",size:14,color:"#888888"})),!o&&r&&e.createElement("div",{className:"yt-cart-coupon-selection-eligible-count",style:{textAlign:"center",fontSize:"12px",fontWeight:600,color:"#8B0000",backgroundColor:"#FFF0F0",padding:"6px 0",borderRadius:`0 0 ${f??8}px ${f??8}px`,marginTop:"-1px",border:"1px dashed #FECACA",borderTop:"none"}},j.eligibleCouponCountText))})(),E&&(()=>{const t=j.unlockedCouponDisplays.length>0;return e.createElement("div",{className:"yt-cart-coupon-selection-overlay",style:{position:"absolute",top:0,right:0,bottom:0,left:0,width:"100%",backgroundColor:"#FFFFFF",zIndex:2147483645,display:"flex",flexDirection:"column",animation:T?"ytSlideDown 0.28s cubic-bezier(0.4, 0, 1, 1) forwards":"ytSlideUp 0.32s cubic-bezier(0, 0, 0.2, 1) forwards"}},e.createElement("div",{className:"yt-cart-coupon-selection-overlay-header",style:{display:"flex",alignItems:"center",padding:"16px",flexShrink:0}},e.createElement("button",{className:"yt-cart-coupon-selection-back-button","aria-label":"Close coupons and offers",onClick:Q,style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center",marginRight:"12px"}},e.createElement(O,{size:18,color:u||"#1A1A1A"})),e.createElement("span",{className:"yt-cart-coupon-selection-overlay-title",style:{fontSize:"18px",fontWeight:700,color:u||"#1A1A1A"}},"Coupons and Offers")),e.createElement("div",{className:"yt-cart-coupon-selection-divider",style:{display:"flex",height:"12px",background:"#87878717"}}),e.createElement("div",{className:"yt-cart-coupon-selection-overlay-content",style:{flex:1,overflowY:"auto"}},M&&e.createElement("div",{className:"yt-cart-coupon-selection-applied-badge",style:{display:"flex",alignItems:"center",padding:"12px 16px",gap:"8px",flexWrap:"wrap"}},e.createElement(tt,{size:16,color:"#333333"}),e.createElement("span",{className:"yt-cart-coupon-selection-applied-code",style:{fontWeight:700,fontSize:"14px",color:u||"#1A1A1A"}},M.code),e.createElement("span",{className:"yt-cart-coupon-selection-applied-text",style:{fontStyle:"italic",fontSize:"14px",color:u||"#1A1A1A"}},"applied!"),e.createElement("button",{className:"yt-cart-coupon-selection-applied-remove","aria-label":`Remove ${M.code}`,onClick:Y,disabled:D||!c,style:{background:"none",border:"none",cursor:D||!c?"not-allowed":"pointer",padding:"2px",display:"flex",alignItems:"center"}},D?e.createElement(ue,{color:"#666",size:14}):e.createElement(we,{size:18,color:"#666666"})),j.collectedCouponDisplay?.appliedSavingsText&&e.createElement("span",{className:"yt-cart-coupon-selection-applied-savings",style:{fontSize:"14px",color:"#2E7D32",fontStyle:"italic"}},j.collectedCouponDisplay.appliedSavingsText)),e.createElement("div",{className:"yt-cart-coupon-selection-apply-section"},e.createElement(Or,{backgroundSubdued:d,themeColor:p,themeTextColor:m,primaryTextColor:u,cartComponentsCornerRadius:f,applyCouponCode:l,removeDiscount:c,enableConfetti:s,hideAppliedCodes:!0})),e.createElement("div",{className:"yt-cart-coupon-selection-divider",style:{display:"flex",height:"12px",background:"#87878717"}}),e.createElement("div",{className:"yt-cart-coupon-selection-collect-section",style:{padding:"16px"}},e.createElement("div",{className:"yt-cart-coupon-selection-collect-title",style:{fontSize:"16px",fontWeight:700,color:u||"#1A1A1A",marginBottom:"4px"}},t?"Collect Coupon":"Available Offers"),e.createElement("div",{className:"yt-cart-coupon-selection-collect-subtitle",style:{fontSize:"13px",color:"#888888",marginBottom:"16px"}},t?"Pick any one coupon deal":"No coupons are currently unlocked for this cart"),e.createElement("div",{className:"yt-cart-coupon-selection-list"},j.couponDisplayModels.map(X)))))})())},Kr=se("showGSTInput",!1),Jr=c.div`
|
|
1393
1393
|
width: 95%;
|
|
1394
1394
|
background: white;
|
|
1395
1395
|
border-radius: 2px;
|
|
@@ -1465,7 +1465,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1465
1465
|
color: #ff3b30;
|
|
1466
1466
|
font-size: 12px;
|
|
1467
1467
|
margin-left: 4px;
|
|
1468
|
-
`,di=({companyName:o,gstNumber:r,themeColor:a,iconColor:l=a||"#1a1a1a",showIcon:c=!0,backgroundColor:s="white",textColor:d="#1A1A1A",title:p})=>{const[u
|
|
1468
|
+
`,di=({companyName:o,gstNumber:r,themeColor:a,iconColor:l=a||"#1a1a1a",showIcon:c=!0,backgroundColor:s="white",textColor:d="#1A1A1A",title:p})=>{const[m,u]=ae(Lo),[g,x]=ae(Ro),[f,y]=ae(Kr),[b,h]=t(!1),[v,w]=t(!1),[C,E]=t(!1),k=e=>!!e.match("[a-zA-Z]{5}[0-9]{4}[a-zA-Z]{1}[1-9a-zA-Z]{1}[zZ]{1}[0-9a-zA-Z]")&&15===e.length;n(()=>{r&&o&&!g&&!m&&(x(r),u(o));const e=g||r||"";if(e){const t=k(e);h(t),w(!t),t&&y(!1)}},[g,m,r,o]);const T=i(e=>{const t=e.target.value.toUpperCase();if(x(t),E(!0),""===t)w(!1),h(!1);else{const e=k(t);h(e),w(!e)}},[]);return e.createElement(Jr,{className:"yt-cart-gst-container",$bgColor:s},e.createElement(ei,{className:"yt-cart-gst-button",onClick:()=>{if(f&&(g||m)){if(k(g))return h(!0),w(!1),void y(!1);if(g)return void w(!0)}y(!f)},$active:f,$bgColor:s},e.createElement(ti,{className:"yt-cart-gst-left"},c&&e.createElement(ni,{color:l}),e.createElement(oi,{$textColor:d},p||"Get GST Invoice")),e.createElement(ri,{className:"yt-cart-gst-right"},e.createElement(ii,{$bgColor:"white"!==s?"rgba(245, 245, 245, 0.4)":"rgba(245, 245, 245, 1)"},b&&!f?e.createElement(Ye,{size:18,color:d??"#4A4A4A"}):f?e.createElement(Ge,{size:18,color:d??"#4A4A4A"}):e.createElement(Xe,{size:18,color:d??"#4A4A4A",strokeWidth:"0.1"})))),f&&e.createElement(ai,{className:"yt-cart-gst-form"},e.createElement(ci,{className:"yt-cart-gst-company-input",placeholder:"Company Name",value:m,onChange:e=>u(e.target.value)}),e.createElement(li,{className:"yt-cart-gst-input-wrapper"},e.createElement(ci,{className:"yt-cart-gst-number-input",placeholder:"GST Number",value:g,onChange:T,onBlur:()=>{g&&!k(g)&&(w(!0),h(!1))},maxLength:15,$hasError:v}),v&&C&&e.createElement(si,null,"Please enter a valid GST number"))))};yt('.form-group {\n position: relative;\n display: block;\n}\n\n.floating-input-note {\n position: relative;\n display: block;\n width: 95%;\n max-width: 95%;\n border: 1px solid rgba(0, 0, 0, 0.37);\n background-color: transparent;\n margin: 0px 1rem;\n outline: none !important;\n font-size: 14px;\n color: rgba(0, 0, 0, 0.85);\n transition: all 0.2s ease-in-out;\n}\n\n.icon-transition {\n transition: all 0.2s ease-in-out;\n cursor: pointer;\n}\n\n.floating-label {\n position: absolute;\n top: -6px;\n left: 12px;\n text-align: left;\n display: inline-block;\n padding: 0 4px;\n height: 14px;\n line-height: 14px;\n font-size: 12px;\n font-weight: 400;\n background: #fff;\n color: rgba(0, 0, 0, 0.5);\n margin: 0px auto;\n cursor: text;\n transition: all 0.15s ease-in-out;\n}\n\n.floating-input-note:hover,\n.floating-input-note:focus {\n border: 1px solid #000;\n}\n\n.floating-input-note:valid + label,\n.floating-input-note:focus + label {\n color: #000;\n font-size: 9px;\n}\n\n.gl-form-asterisk {\n background-color: inherit;\n color: rgba(0, 0, 0, 0.5);\n padding: 0;\n padding-left: 3px;\n}\n\n.gl-form-asterisk:after {\n content: "*";\n color: #000;\n}');const pi=({note:o,noteSectionTitle:r="Order Note"})=>{const[i,a]=ae(Oo),[l,c]=t(!1);return n(()=>{""===i&&o&&""!==o&&a(o)},[o]),e.createElement("div",{className:"yt-cart-note-section form-group"},e.createElement("div",{className:"yt-cart-note-header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",margin:"6px 1rem"},onClick:()=>c(!l)},e.createElement("span",{className:"yt-cart-note-label",style:{fontSize:"12px",display:"flex",gap:"5px",alignItems:"center"}},r," ",e.createElement(J,null)),e.createElement("div",{className:"yt-cart-note-toggle icon-transition"},l?e.createElement(M,null):e.createElement(W,null))),l&&e.createElement("textarea",{className:"yt-cart-note-textarea floating-input-note",value:i,onChange:e=>{a(e.target.value)}}))},mi=(e,t)=>!!t&&(!e?.tracksInventory||(!t?.inventoryItem?.tracked||("continue"===t.inventoryPolicy||t.inventoryQuantity>0))),ui=e=>{if(null!=e)return mn(String(e))},gi=(e,t)=>{const n=ui(e),o=ui(t);return Boolean(n&&o&&n===o)},xi=e=>{const t=e?._claim_allowed_variants;return Array.isArray(t)&&t.length>0?t.map(String):[]},fi=e=>{const t=(e=>e?.variants?.edges?.filter(t=>mi(e,t?.node))||[])(e),n=xi(e);return n.length?t.filter(e=>n.some(t=>gi(t,e?.node?.id))):[]},yi=e=>{const t=fi(e)[0]?.node?.id;return ui(t)},bi=e=>fi(e).length>0,hi=(e,t)=>t?.find(t=>t.couponTemplateId===e?.couponTemplateId),vi=(e,t,n)=>t?e.filter(e=>{const o=n.find(t=>String(t?.id)===e);return o?.couponTemplateId===t}).length:0,wi=({product:e,selectedProductIds:t,freebieProducts:n,freebieCouponTemplates:o,fallbackMaxFreebies:r=1,fallbackLimitReached:i=!1})=>{const a=hi(e,o);if(!a)return i||t.length>=r;const l=a.maxFreebiesInTier??1;return vi(t,a.couponTemplateId,n)>=l},Ci=(e,t)=>{if(!t)return!1;const n=mn(t);return[...e?.customerGetsProductIds?.ids??[],...e?._allVariantIds??[]].some(e=>{const o=String(e);return gi(o,t)||o===n})},Ei=(e,t,n=1)=>{if(!e?.length)return 0;const o=new Map;e.forEach(e=>{const t=e?.couponTemplateId??"__default__";o.set(t,(o.get(t)??0)+1)});let r=0;return o.forEach((e,o)=>{const i="number"==typeof o?t?.find(e=>e.couponTemplateId===o):void 0,a=i?.maxFreebiesInTier??n;r+=Math.min(e,a)}),r},ki=(e,t,n)=>{const o=fi(e);if(0===o.length)return{selectedVariantId:void 0,selectedVariantGid:void 0,selectedVariantPrice:0,availableVariants:[],displayVariantCount:0,effectiveDiscount:1,effectiveDiscountPercentage:0,effectivePrice:0,dealAmount:0,showOptions:!1,isFree:!0,isNoDiscount:!1};let r;n&&(r=o.find(e=>gi(e?.node?.id,n))),r||(r=o[0]);const i=r?.node?.id,a=mn(i),l=Number(r?.node?.price)||0,c=t?.find(e=>Ci(e,i)),s="no_discount"===c?.freebieType,d="percentage_off"===c?.freebieType?Number(c?.discountPercentage)||0:Number(e?.percentageOffOnCustomerGetsProducts)||0,p=d?.01*d:1;let m=0;"deal_amount"===c?.freebieType&&c.discountValue&&(m=c.discountValue);const u=s?l:1===p?0:(1-p)*l;return{selectedVariantId:a,selectedVariantGid:i,selectedVariantPrice:l,availableVariants:o,displayVariantCount:e?._claim_allowed_variants?.length||1,effectiveDiscount:p,effectiveDiscountPercentage:d,effectivePrice:u,dealAmount:m,showOptions:e?.variants?.edges?.length>1,isFree:!s&&0===u,isNoDiscount:s}},Ti=c.div`
|
|
1469
1469
|
display: flex;
|
|
1470
1470
|
flex-direction: row;
|
|
1471
1471
|
column-gap: 10px;
|
|
@@ -1531,7 +1531,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1531
1531
|
@media (max-width: 768px) {
|
|
1532
1532
|
font-size: 11px;
|
|
1533
1533
|
}
|
|
1534
|
-
`,Fi=({product:r,themeColor:i,themeTextColor:a,addFreebieToCart:l,productClaimCtaButtonText:c,imageAspectSelector:s,freebieCouponTemplates:d,isMultiClaim:p=!1,isSelected:
|
|
1534
|
+
`,Fi=({product:r,themeColor:i,themeTextColor:a,addFreebieToCart:l,productClaimCtaButtonText:c,imageAspectSelector:s,freebieCouponTemplates:d,isMultiClaim:p=!1,isSelected:m=!1,isDisabled:u=!1,onToggleSelection:g,isClaiming:x=!1,setIsClaiming:f})=>{const{setLoading:y}=nn(),b=ce(on),h=o(()=>((e,t,n)=>{if(!e?.length)return;const o=n?.length?e.filter(e=>n.some(t=>gi(t,e?.node?.id))):e;if(o.length){if(t?.length)for(const e of o){const n=mn(String(e?.node?.id));if(t.find(t=>"deal_amount"===t.freebieType&&t.discountValue&&Ci(t,e?.node?.id)))return n}if(n?.length){const e=o.find(e=>n.some(t=>gi(t,e?.node?.id)));if(e)return mn(String(e?.node?.id))}return mn(String(o[0]?.node?.id))}})(fi(r),d,r?._claim_allowed_variants),[r,d]),[v,w]=t({variantId:h});n(()=>{w({variantId:h})},[h]);const C=o(()=>ki(r,d,v?.variantId),[r,d,v?.variantId]);if(!C.availableVariants?.length)return null;const E=p?()=>{!u&&g&&g(r.id)}:async()=>{await(async()=>{if(!x){f?.(!0),y(!0,!0);try{const e=xi(r),t=yi(r);if(!t)return console.error("No allowed variant ID found for claiming freebie:",r),void y(!1,!1);if(e.length<=1)l&&await l(t,e);else if(b){const n=r?.id?.split("/").pop();b({open:!0,variantId:t,handle:r?.handle,freebieSelection:!0,productId:n,allowedVariantIds:e})}else console.error("Cannot open variant modal: setVariantSelectionModal not provided.")}catch(e){console.error("yt::uikit handleFreebieClaim error:",e)}finally{f?.(!1),y(!1,!1)}}})()};return e.createElement(Ti,{className:"yt-cart-freebie-card",$isDisabled:u,$isSelected:m},e.createElement(Si,{className:"yt-cart-freebie-card-image",src:r?.featuredMedia?.preview?.image?.url,alt:r?.title,$imageAspectSelector:s}),e.createElement($i,{className:"yt-cart-freebie-card-content"},e.createElement(Ni,null,e.createElement(Bi,null,r?.title),C.showOptions&&C.displayVariantCount>1&&e.createElement("div",{style:{fontSize:"10px",marginBottom:"5px"}},`${C.displayVariantCount} variants available`),e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",columnGap:"5px",fontSize:"10px",marginBottom:"10px"}},e.createElement("span",{style:{fontWeight:"bold"}},C.dealAmount>0?`₹${C.dealAmount.toFixed(2)}`:C.isNoDiscount?`₹${C.selectedVariantPrice.toFixed(2)}`:C.isFree?"FREE":`₹${C.effectivePrice.toFixed(2)}`),!C.isNoDiscount&&e.createElement("span",{style:{color:"gray",textDecorationLine:"line-through"}},"₹",C.selectedVariantPrice),!C.isNoDiscount&&C.effectiveDiscountPercentage>0?e.createElement("span",{style:{padding:"2px",background:"#FFEAF2",color:"#E2454B",fontSize:"8px",fontWeight:"bold"}},"Save ",C.effectiveDiscountPercentage,"%"):"")),e.createElement("button",{className:"yt-cart-freebie-card-button",style:{cursor:u?"not-allowed":"pointer",border:p?m?"1px solid #51B286":"1px solid #888888":"none",color:p?m?"#ffffff":"#000000":a||"#ffffff",backgroundColor:p?m?"#51B286":"#ffffff":i||"#000000",fontSize:"12px",padding:"5px 7px",width:"80%",borderRadius:"14px",fontWeight:p?m?"600":"normal":"600",display:"flex",alignItems:"center",justifyContent:"center",gap:"4px",fontFamily:"Poppins"},onClick:E,disabled:u||x},e.createElement("span",{style:{display:"flex",alignItems:"center",gap:"4px"}},p&&e.createElement("span",{style:{display:"inline-flex"}},m?e.createElement(rt,{size:16}):e.createElement(it,{size:16})),e.createElement("span",null,p?m?"Added":"Add":c||"Add")))))},zi=async(e,t,n)=>{if(n&&0!==e.length)for(const o of e){const e=t.find(e=>String(e.id)===String(o));if(!e){console.error("Product not found for ID:",o);continue}const r=xi(e),i=yi(e);i?await n(i,r):console.error("No allowed variant ID found for claiming freebie:",e)}},Ii=c.div`
|
|
1535
1535
|
position: relative;
|
|
1536
1536
|
width: 100%;
|
|
1537
1537
|
display: flex;
|
|
@@ -1628,7 +1628,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1628
1628
|
transition: all 0.2s ease;
|
|
1629
1629
|
letter-spacing: 0.8px;
|
|
1630
1630
|
font-family: 'Poppins';
|
|
1631
|
-
`,Qi=({freebieProductsInCart:i,themeColor:a,themeTextColor:l,primaryTextColor:c,addFreebieToCart:s,freebiesInCart:d,imageAspectSelector:p,freebieCouponTemplates:
|
|
1631
|
+
`,Qi=({freebieProductsInCart:i,themeColor:a,themeTextColor:l,primaryTextColor:c,addFreebieToCart:s,freebiesInCart:d,imageAspectSelector:p,freebieCouponTemplates:m,maxFreebiesInTier:f=1,tierName:y="Freebie",freebieClaimData:b})=>{const[h,v]=t(0),[w,C]=t(0),[E,k]=t([]),[T,S]=t(!1),[$,N]=t(!1),B=r(null),F=r(null),z=r(null),I=r(!1),D=r(null),P=o(()=>i?.length?i.filter(bi):[],[i]),A=f>1||(m?.some(e=>(e.maxFreebiesInTier??1)>1)??!1),_=o(()=>Ei(P,m,f),[P,m,f]),R=E.length,L=`${R}/${_} selected`,O=R>0,M=O,W=b?.freebieSectionTitle,V=b?.productClaimCtaButtonText??"Claim Freebie";n(()=>{k(e=>e.filter(e=>P.some(t=>String(t?.id)===e)))},[P]);n(()=>{const e=()=>{if(!B.current||"undefined"==typeof window)return;const e=B.current.offsetWidth,t=window.innerWidth<=768;C(t?Math.min(.95*e,280):Math.min(.8*e,320))};if(e(),!B.current||"undefined"==typeof window)return;const t="undefined"!=typeof ResizeObserver?new ResizeObserver(e):null;return t?.observe(B.current),window.addEventListener("resize",e),()=>{t?.disconnect(),window.removeEventListener("resize",e)}},[P.length]),n(()=>()=>{D.current&&clearTimeout(D.current)},[]);const j=Math.max(0,(P.length||0)-1);n(()=>{h>j&&v(j)},[j,h]);const H=()=>{v(e=>0===e?j:e-1)},q=()=>{v(e=>e===j?0:e+1)};return 0===P.length?null:e.createElement("div",{className:"yt-cart-freebie-claim-section",style:{display:"flex",flexDirection:"column",marginTop:"5px",pointerEvents:$?"none":"auto"}},e.createElement(Oi,{className:"yt-cart-freebie-claim-header",onClick:()=>S(e=>!e)},e.createElement(Mi,{$primaryTextColor:c,className:"yt-cart-freebie-claim-header-title"},e.createElement(Wi,{$isCollapsed:T},e.createElement(u,{size:16})),W??"Freebies",A&&` • ${L}`),e.createElement(Vi,null)),e.createElement(ji,{className:"yt-cart-freebie-claim-list",$isCollapsed:T},e.createElement(Ii,{className:"yt-cart-freebie-claim-carousel",ref:B,onTouchStart:e=>{const t=e.touches[0];F.current=t.clientX,z.current=t.clientY,I.current=!1},onTouchMove:e=>{if(null===F.current||null===z.current)return;const t=e.touches[0],n=t.clientX-F.current,o=t.clientY-z.current;Math.abs(n)>10&&Math.abs(n)>Math.abs(o)&&(I.current=!0,e.preventDefault())},onTouchEnd:e=>{if(null===F.current)return;const t=e.changedTouches[0].clientX-F.current;Math.abs(t)>50&&(t<0?q():H()),F.current=null,z.current=null,I.current=!1}},P.length>1&&e.createElement(Ri,{className:"yt-cart-freebie-carousel-nav-left",onClick:H,disabled:$},e.createElement(g,{size:30,color:"#4D4D4D",className:"yt-freebie-carousel-icon"})),e.createElement(Pi,{position:"left",style:{display:"flex"}}),e.createElement(Pi,{position:"right",style:{display:"flex"}}),e.createElement(Di,{$cardWidth:w,className:"yt-cart-freebie-claim-carousel-wrapper"},e.createElement(Ai,{$translate:h*(w+10),className:"yt-cart-freebie-claim-carousel-content"},P.map((t,n)=>e.createElement("div",{key:String(t?.id??n),style:{width:`${w}px`,flexShrink:0},className:"yt-cart-freebie-claim-section-card"},e.createElement(Fi,{addFreebieToCart:s,product:t,themeColor:a,themeTextColor:l,productClaimCtaButtonText:V,imageAspectSelector:p,freebieCouponTemplates:m,isMultiClaim:A,isSelected:E.includes(String(t.id)),isDisabled:A&&!E.includes(String(t.id))&&wi({product:t,selectedProductIds:E,freebieProducts:P,freebieCouponTemplates:m,fallbackMaxFreebies:f}),onToggleSelection:A?e=>{k(t=>{const n=String(e);if(t.includes(n))return t.filter(e=>e!==n);const o=P.find(e=>String(e?.id)===n),r=hi(o,m),i=r?.maxFreebiesInTier??f,a=r?.couponTemplateId;if((a?vi(t,a,P):t.length)<i){return t.length+1<_&&(D.current&&clearTimeout(D.current),D.current=setTimeout(()=>{q()},600)),[...t,n]}return t})}:void 0,isClaiming:$,setIsClaiming:N}))))),P.length>1&&e.createElement(Li,{className:"yt-cart-freebie-carousel-nav-right",onClick:q,disabled:$},e.createElement(x,{size:30,color:"#4D4D4D",className:"yt-freebie-carousel-icon"})))),A&&M&&e.createElement(Hi,{className:"yt-cart-freebie-claim-button-container"},e.createElement(qi,{className:"yt-cart-freebie-claim-button",$themeColor:a,$themeTextColor:l,$disabled:$||!O,onClick:async()=>{if(s&&0!==E.length&&!$){N(!0);try{await zi(E,i,s),k([])}catch(e){console.error("Failed to claim gifts:",e)}finally{N(!1)}}},disabled:$||!O},$?"Adding to Cart...":`${V} • ${R}/${_} added`)))},Ui="yt-multiclaim-selection",Yi=e=>{try{if("undefined"==typeof window||!window.sessionStorage)return;sessionStorage.setItem(Ui,JSON.stringify(e))}catch{}},Gi=ie((()=>{try{if("undefined"==typeof window||!window.sessionStorage)return null;const e=sessionStorage.getItem(Ui);return e?JSON.parse(e):null}catch{return null}})()??{selectedProducts:[],maxAllowed:1,tierName:""}),Xi=ie(e=>{const t=e(Gi);return t.selectedProducts.length>=t.maxAllowed}),Zi=ie(e=>e(Gi).selectedProducts.length),Ki=ie(null,(e,t,n)=>{const o=e(Gi),r="string"==typeof n?n:n.productId,i="object"==typeof n?n:void 0;let a;if(o.selectedProducts.includes(r))a={...o,selectedProducts:o.selectedProducts.filter(e=>e!==r)};else{if(void 0!==i?.tierId&&void 0!==i?.tierMax&&i?.getProductTierId){if(o.selectedProducts.filter(e=>i.getProductTierId(e)===i.tierId).length>=i.tierMax)return}else if(o.selectedProducts.length>=o.maxAllowed)return;a={...o,selectedProducts:[...o.selectedProducts,r]}}t(Gi,a),Yi(a)}),Ji=ie(null,(e,t)=>{const n={...e(Gi),selectedProducts:[]};t(Gi,n),Yi(n)}),ea=ie(null,(e,t,n,o)=>{const r={selectedProducts:[],maxAllowed:n,tierName:o};t(Gi,r),Yi(r)}),ta=c.div`
|
|
1632
1632
|
display: flex;
|
|
1633
1633
|
flex-direction: row;
|
|
1634
1634
|
align-items: center;
|
|
@@ -1696,7 +1696,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1696
1696
|
align-items: center;
|
|
1697
1697
|
justify-content: center;
|
|
1698
1698
|
margin-left: 12px;
|
|
1699
|
-
`,pa=({product:t,imageAspectSelector:n="square",freebieCouponTemplates:r=[],accentColor:i,freebieProductsInCart:a=[]})=>{const[l]=ae(Gi),[c]=ae(Xi),s=ce(Ki),d=String(t.id),p=l.selectedProducts.includes(d),
|
|
1699
|
+
`,pa=({product:t,imageAspectSelector:n="square",freebieCouponTemplates:r=[],accentColor:i,freebieProductsInCart:a=[]})=>{const[l]=ae(Gi),[c]=ae(Xi),s=ce(Ki),d=String(t.id),p=l.selectedProducts.includes(d),m=!p&&wi({product:t,selectedProductIds:l.selectedProducts,freebieProducts:a,freebieCouponTemplates:r,fallbackMaxFreebies:l.maxAllowed,fallbackLimitReached:c}),u=o(()=>ki(t,r),[t,r]);if(!u.availableVariants?.length)return null;const g=e=>{const t=a.find(t=>String(t?.id)===e);return t?.couponTemplateId};return e.createElement(ta,{className:`yt-cart-freebie-overlay-card${p?" yt-cart-freebie-overlay-card-selected":""}${m?" yt-cart-freebie-overlay-card-disabled":""}`,$isSelected:p,$isDisabled:m,$accentColor:i,onClick:()=>{if(!m){const e=hi(t,r);s({productId:d,tierId:e?.couponTemplateId,tierMax:e?.maxFreebiesInTier??1,getProductTierId:g})}},onKeyDown:e=>{if(!m&&("Enter"===e.key||" "===e.key)){e.preventDefault();const n=hi(t,r);s({productId:d,tierId:n?.couponTemplateId,tierMax:n?.maxFreebiesInTier??1,getProductTierId:g})}},role:"checkbox","aria-checked":p,tabIndex:m?-1:0,"aria-disabled":m},e.createElement(na,{src:t.featuredMedia?.preview?.image?.url,alt:t.title,$imageAspectSelector:n}),e.createElement(oa,null,e.createElement(ra,null,t.title),e.createElement(ia,null,u.dealAmount>0?e.createElement(e.Fragment,null,e.createElement(aa,null,"₹",u.dealAmount.toFixed(0)),e.createElement(la,null,"₹",u.selectedVariantPrice.toFixed(0))):u.isNoDiscount?e.createElement(ca,null,"₹",u.selectedVariantPrice.toFixed(0)):u.isFree?e.createElement(e.Fragment,null,e.createElement(la,null,"₹",u.selectedVariantPrice.toFixed(0)),e.createElement(sa,null,"Free")):e.createElement(e.Fragment,null,e.createElement(aa,null,"₹",u.effectivePrice.toFixed(0)),e.createElement(la,null,"₹",u.selectedVariantPrice.toFixed(0))))),e.createElement(da,{$isSelected:p,$accentColor:i,"aria-hidden":"true"},p?e.createElement(mt,{color:"#000",size:18}):e.createElement(ut,{color:"#777",size:18})))},ma=ie({isOpen:!1}),ua=c.div`
|
|
1700
1700
|
position: fixed;
|
|
1701
1701
|
top: 0;
|
|
1702
1702
|
left: 0;
|
|
@@ -1805,7 +1805,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1805
1805
|
border: none;
|
|
1806
1806
|
max-width: unset;
|
|
1807
1807
|
margin-left: 10px;
|
|
1808
|
-
`,Sa=({freebieProductsInCart:t,maxFreebiesInTier:i,tierName:a,themeColor:l,themeTextColor:c,primaryTextColor:s,addFreebieToCart:d,imageAspectSelector:p="square",freebieCouponTemplates:
|
|
1808
|
+
`,Sa=({freebieProductsInCart:t,maxFreebiesInTier:i,tierName:a,themeColor:l,themeTextColor:c,primaryTextColor:s,addFreebieToCart:d,imageAspectSelector:p="square",freebieCouponTemplates:m=[],freebieClaimData:g,isCartDrawerOpen:x=!0})=>{const[f]=ae(Gi),[y]=ae(Zi),b=ce(Ji),h=ce(ea),[v,w]=ae(ma),C=r(!1),[E,k]=e.useState(!1),T=g?.allowOverlayClose??!0,S=g?.freebieSectionTitle,$=g?.productClaimCtaButtonText??"Claim Gifts",N=o(()=>t?.length?t.filter(bi):[],[t]),B=o(()=>Ei(N,m,i),[N,m,i]);n(()=>{if(!x)return C.current=!1,w({isOpen:!1}),void b();C.current||(h(B,a),w({isOpen:!0}),C.current=!0)},[x,B,a,h,b,w]);const F=()=>{w({isOpen:!1}),b()},z=()=>{w({isOpen:!0})};n(()=>{const e=e=>{"Escape"===e.key&&T&&F()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[T]);const I=0===f.selectedProducts.length||E;if(!v.isOpen)return e.createElement("div",{style:{display:"flex",flexDirection:"column",marginTop:"5px"}},e.createElement(Ea,{onClick:z,className:"yt-cart-freebie-claim-overlay-header"},e.createElement(ka,{$primaryTextColor:s,className:"yt-cart-freebie-claim-overlay-header-title"},e.createElement(u,{size:16}),S??"Freebies"," • ",B," items available"),e.createElement(Ta,null)));const P=e.createElement(ua,{role:"dialog","aria-modal":"true",onClick:T?F:void 0,className:"yt-cart-freebie-claim-modal-overlay"},e.createElement(ga,{onClick:e=>e.stopPropagation(),"aria-labelledby":"freebie-modal-title",className:"yt-cart-freebie-claim-modal-container"},e.createElement(xa,{className:"yt-cart-freebie-claim-modal-header"},e.createElement(fa,null,e.createElement(V,{color:"#4D4D4D",size:22})),e.createElement(ya,{id:"freebie-modal-title",className:"yt-cart-freebie-claim-modal-title"},e.createElement("span",{className:"bold"},"Freebie")," Unlocked!"),e.createElement(ba,{className:"yt-cart-freebie-claim-modal-selection-counter"},"claim up to ",e.createElement("span",{className:"bold"},B," items")," for free")),e.createElement(ha,{className:"yt-cart-freebie-claim-modal-body"},e.createElement(va,null,N.map(t=>e.createElement(pa,{key:t.id,product:t,imageAspectSelector:p,freebieCouponTemplates:m,accentColor:l,freebieProductsInCart:N})))),e.createElement(wa,{className:"yt-cart-freebie-claim-modal-footer"},e.createElement(Ca,{$themeColor:l||"#000",$themeTextColor:c,$disabled:I,onClick:async()=>{if(f.selectedProducts.length>0&&!E){k(!0);try{await d(f.selectedProducts),F()}catch(e){console.error("Failed to add freebies:",e)}finally{k(!1)}}},className:"yt-cart-freebie-claim-modal-add-button",disabled:I},E?"Adding to Cart...":y>0?`${$} • ${y}/${B} added`:`${y}/${B} added`))));return"undefined"!=typeof document&&document.body?D.createPortal(P,document.body):null},$a=({freebieProductsInCart:t,themeColor:n,themeTextColor:o,primaryTextColor:r,addFreebieToCart:i,freebiesInCart:a,freebieClaimData:l,imageAspectSelector:c,freebieCouponTemplates:s,cartCheckpoints:d,isCartDrawerOpen:p})=>{const m=e.useMemo(()=>{const e=d?.filter(e=>"free_product"===e?.couponType);if(!e||0===e.length)return;const n=Array.from(new Set((t??[]).map(e=>e?.couponTemplateId).filter(e=>"number"==typeof e)));if(n.length>0){const t=e.find(e=>n.includes(e.couponTemplateId));if(t)return t}},[d,t]),u=e.useMemo(()=>{const e=m?.maxFreebiesInTier;return"number"!=typeof e||isNaN(e)?1:e},[m]),g=e.useMemo(()=>m?.name??"Freebie",[m]),x=async e=>{try{await zi(e,t,i)}catch(e){console.error("Failed to add multiclaim freebies:",e)}},f=l?.type||"section";return"section"===f?e.createElement(Qi,{freebieProductsInCart:t,themeColor:n,themeTextColor:o,primaryTextColor:r,addFreebieToCart:i,freebiesInCart:a,imageAspectSelector:c,freebieCouponTemplates:s,maxFreebiesInTier:u,tierName:g,freebieClaimData:l}):"overlay"===f?e.createElement(Sa,{freebieProductsInCart:t,maxFreebiesInTier:u,tierName:g,themeColor:n,themeTextColor:o,primaryTextColor:r,addFreebieToCart:x,imageAspectSelector:c,freebieCouponTemplates:s,freebieClaimData:l,isCartDrawerOpen:p}):(console.warn(`Unknown claimDisplayType: ${f}`),null)};function Na({inlineCartOfferInfoText:n,inlineCartOfferInfoRedirectLink:o,themeColor:r,tooltipText:i,themeTextColor:a}){const[l,c]=t(!1),s="polygon(0% 100%, 100% 100%, 100% 0%, 100% 0%, 90% 18%, 0% 18%)",d=e.createElement("div",{className:"yt-cart-top-bar",style:{marginTop:"4px",display:"flex",flexDirection:"row",width:"100%",fontSize:"12px",borderRadius:"none",textAlign:"center",justifyContent:"center",position:"relative",background:pn(r,1),color:a,fontWeight:"var(--yt-cart-font-weight)",padding:"3px",cursor:o?"pointer":"default"}},n,i&&e.createElement("div",{className:"yt-cart-offer-info-tooltip-wrapper",style:{position:"relative",alignSelf:"center",justifySelf:"center",display:"flex",justifyContent:"center",alignItems:"center"}},e.createElement(j,{size:16,style:{marginLeft:"5px",cursor:"pointer",alignSelf:"center",color:a},onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1)}),l&&e.createElement("div",{className:"yt-cart-offer-info-tooltip",style:{position:"absolute",top:"100%",right:"100%",zIndex:1e3,filter:"drop-shadow(0px 0px 10px rgba(0,0,0,0.1))"}},e.createElement("div",{className:"yt-cart-offer-info-tooltip-border",style:{backgroundColor:"gray",clipPath:s,padding:".5px"}},e.createElement("div",{className:"yt-cart-offer-info-tooltip-content",style:{backgroundColor:"white",clipPath:s,padding:"10px",fontSize:"10px",color:"black",whiteSpace:"nowrap",display:"flex",alignItems:"center",justifyContent:"center",paddingTop:"15px",height:"10px"}},i)))));return o?e.createElement("a",{href:o,style:{textDecoration:"none",color:"inherit"}},d):d}yt(".react-calendar {\n width: 350px;\n max-width: 100%;\n background: white;\n border: 1px solid #a0a096;\n font-family: 'Arial', 'Helvetica', sans-serif;\n line-height: 1.125em;\n}\n\n.react-calendar--doubleView {\n width: 700px;\n}\n\n.react-calendar--doubleView .react-calendar__viewContainer {\n display: flex;\n margin: -0.5em;\n}\n\n.react-calendar--doubleView .react-calendar__viewContainer > * {\n width: 50%;\n margin: 0.5em;\n}\n\n.react-calendar,\n.react-calendar *,\n.react-calendar *:before,\n.react-calendar *:after {\n -moz-box-sizing: border-box;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.react-calendar button {\n margin: 0;\n border: 0;\n outline: none;\n}\n\n.react-calendar button:enabled:hover {\n cursor: pointer;\n}\n\n.react-calendar__navigation {\n display: flex;\n height: 44px;\n margin-bottom: 1em;\n}\n\n.react-calendar__navigation button {\n min-width: 44px;\n background: none;\n}\n\n.react-calendar__navigation button:disabled {\n background-color: #f0f0f0;\n}\n\n.react-calendar__navigation button:enabled:hover,\n.react-calendar__navigation button:enabled:focus {\n background-color: #e6e6e6;\n}\n\n.react-calendar__month-view__weekdays {\n text-align: center;\n text-transform: uppercase;\n font: inherit;\n font-size: 0.75em;\n font-weight: bold;\n}\n\n.react-calendar__month-view__weekdays__weekday {\n padding: 0.5em;\n}\n\n.react-calendar__month-view__weekNumbers .react-calendar__tile {\n display: flex;\n align-items: center;\n justify-content: center;\n font: inherit;\n font-size: 0.75em;\n font-weight: bold;\n}\n\n.react-calendar__month-view__days__day--weekend {\n color: #d10000;\n}\n\n.react-calendar__month-view__days__day--neighboringMonth,\n.react-calendar__decade-view__years__year--neighboringDecade,\n.react-calendar__century-view__decades__decade--neighboringCentury {\n color: #757575;\n}\n\n.react-calendar__year-view .react-calendar__tile,\n.react-calendar__decade-view .react-calendar__tile,\n.react-calendar__century-view .react-calendar__tile {\n padding: 2em 0.5em;\n}\n\n.react-calendar__tile {\n max-width: 100%;\n padding: 10px 6.6667px;\n background: none;\n text-align: center;\n font: inherit;\n font-size: 0.833em;\n}\n\n.react-calendar__tile:disabled {\n background-color: #f0f0f0;\n color: #ababab;\n}\n\n.react-calendar__month-view__days__day--neighboringMonth:disabled,\n.react-calendar__decade-view__years__year--neighboringDecade:disabled,\n.react-calendar__century-view__decades__decade--neighboringCentury:disabled {\n color: #cdcdcd;\n}\n\n.react-calendar__tile:enabled:hover,\n.react-calendar__tile:enabled:focus {\n background-color: #e6e6e6;\n}\n\n.react-calendar__tile--now {\n background: #ffff76;\n}\n\n.react-calendar__tile--now:enabled:hover,\n.react-calendar__tile--now:enabled:focus {\n background: #ffffa9;\n}\n\n.react-calendar__tile--hasActive {\n background: #76baff;\n}\n\n.react-calendar__tile--hasActive:enabled:hover,\n.react-calendar__tile--hasActive:enabled:focus {\n background: #a9d4ff;\n}\n\n.react-calendar__tile--active {\n background: #006edc;\n color: white;\n}\n\n.react-calendar__tile--active:enabled:hover,\n.react-calendar__tile--active:enabled:focus {\n background: #1087ff;\n}\n\n.react-calendar--selectRange .react-calendar__tile--hover {\n background-color: #e6e6e6;\n}\n");yt(".custom-date-picker {\n position: relative;\n width: 100%;\n}\n\n.date-display {\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n\n.date-display span {\n color: black;\n}\n\n.date-display svg {\n width: 20px;\n height: 20px;\n color: rgb(73, 69, 69);\n}\n\n.calendar-container {\n position: absolute;\n bottom: 100%;\n left: -10%;\n z-index: 10;\n margin-top: 10px;\n}\n\n.custom-calendar {\n background-color: white;\n border-radius: 6px;\n box-shadow: 0 4px 6px rgba(10, 8, 8, 0.1);\n border: 1px solid darken(#674918, 50%);\n}\n");const Ba=c(gt)`
|
|
1809
1809
|
.react-calendar {
|
|
1810
1810
|
font-family: Arial, sans-serif;
|
|
1811
1811
|
color: ${e=>e.tileTextColor||"#374151"} !important;
|
|
@@ -1902,7 +1902,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1902
1902
|
.active-date abbr {
|
|
1903
1903
|
color: ${e=>e.tileTextColor||"#374151"} !important;
|
|
1904
1904
|
}
|
|
1905
|
-
`,Fa=({themeColor:o,themeTextColor:r,disabledDates:a=[]})=>{const[l,c]=t(!1),[s,d]=ae(en),p=ce(Zt),
|
|
1905
|
+
`,Fa=({themeColor:o,themeTextColor:r,disabledDates:a=[]})=>{const[l,c]=t(!1),[s,d]=ae(en),p=ce(Zt),m=e.useRef(null),u=s?new Date(s):null,g=Array.isArray(a)?a:[a],x=i(()=>{const e=new Date;return e.setDate(e.getDate()+1),e},[]),y=i(e=>g.some(t=>t instanceof Date&&(e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate())),[g]),b=i(e=>{if(!e)return!1;const t=x(),n=new Date(e.getFullYear(),e.getMonth(),e.getDate());return n>=new Date(t.getFullYear(),t.getMonth(),t.getDate())&&!y(n)},[x,y]);n(()=>{const e=e=>{m.current&&!m.current.contains(e.target)&&c(!1)};return l&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[l]),n(()=>{const e=b(u);p(t=>t.isDateValid!==e?{...t,isDateValid:e}:t)},[u,b,p]);const h=i(({date:e,view:t})=>{if("month"===t){const t=x(),n=new Date(e.getFullYear(),e.getMonth(),e.getDate());if(n>=new Date(t.getFullYear(),t.getMonth(),t.getDate())&&!y(n)){const e=s?new Date(s):null;return e&&n.getFullYear()===e.getFullYear()&&n.getMonth()===e.getMonth()&&n.getDate()===e.getDate()?"active-date":"black-date"}}return null},[x,s,y]);return e.createElement("div",{className:"yt-cart-date-picker custom-date-picker"},e.createElement("div",{className:"yt-cart-date-display date-display",onClick:()=>c(!l)},e.createElement("span",{style:{fontSize:"12px"}},(v=s?new Date(s):null)?v.toLocaleDateString("en-GB",{day:"2-digit",month:"2-digit",year:"2-digit"}).replace(/\//g,"/"):"Select a date"),e.createElement(f,null)),l&&e.createElement("div",{className:"yt-cart-calendar-container calendar-container",ref:m},e.createElement(Ba,{onChange:(e,t)=>{e instanceof Date&&!y(e)&&(d(e.toISOString()),c(!1));const n=b(e instanceof Date?e:null);p(e=>e.isDateValid!==n?{...e,isDateValid:n}:e)},value:s?new Date(s):null,className:"custom-calendar",minDate:x(),tileBackgroundColor:o,tileTextColor:r,tileHoverColor:pn(o,.2),tileClassName:h,tileDisabled:({date:e,view:t})=>"month"===t&&y(e)})));var v};yt(".shipment-container {\n font-family: Arial, sans-serif;\n max-width: 400px;\n padding: 3px;\n padding-bottom: 0;\n background-color: #fff;\n border-radius: 8px;\n margin: 8px 1rem;\n}\n\n.shipment-header {\n background-color: #f6efdd;\n padding: 4px;\n border-radius: 0px;\n margin-bottom: 12px;\n}\n\n.shipment-header-text {\n color: #ae8846;\n font-size: 14px;\n font-weight: 500;\n text-align: center;\n margin: 0;\n line-height: normal;\n}\n\n.shipment-option {\n border: 1px solid #e5e7eb;\n border-radius: 8px;\n padding: 12px;\n margin-bottom: 8px;\n cursor: pointer;\n transition: all 0.3s ease;\n}\n\n.shipment-option:hover {\n background-color: #f9fafb;\n}\n\n.shipment-option.selected {\n border-color: #ae8846;\n border-width: 1 1 0 2 px;\n box-shadow: 0 0 0 1px #ae8846;\n}\n\n.option-content {\n display: flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.option-title {\n font-size: 12px;\n margin-bottom: 4px;\n font-weight: 600;\n}\n\n.option-subtitle {\n color: #6b7280;\n font-size: 10px;\n}\n\n.checkmark {\n color: #ae8846;\n font-size: 20px;\n font-weight: bold;\n}\n\n.availability-check {\n margin-top: 8px;\n}\n\n.availability-title {\n font-size: 12px;\n color: #374151;\n margin-bottom: 3px;\n font-weight: 600;\n}\n\n.availability-input {\n width: 98%;\n padding: 2px;\n border: none;\n border-bottom: 2px solid #d1d5db;\n border-radius: 0;\n font-size: 12px;\n transition: border-color 0.3s ease;\n background: none;\n outline: none;\n font-weight: 500 !important;\n box-shadow: none;\n text-shadow: none;\n}\n\n.availability-input:focus {\n outline: none;\n border-color: #ae8846;\n border: none;\n border-bottom: 2px solid #000000;\n border-radius: 0;\n font-weight: 500 !important;\n box-shadow: none;\n text-shadow: none;\n}\n\n.availability-input:hover {\n outline: none;\n border-color: #ae8846;\n border: none;\n border-bottom: 2px solid #000000;\n border-radius: 0;\n font-weight: 500 !important;\n}\n\n.error-message {\n background-color: #fee2e2;\n color: #b91c1c;\n padding: 6px;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n font-size: 13px;\n margin-top: 10px;\n display: flex;\n align-items: center;\n margin-bottom: -12px;\n margin-left: -12px;\n margin-right: -12px;\n line-height: normal;\n justify-content: center;\n text-align: center;\n}\n\n.error-icon {\n margin-right: 8px;\n}\n\n.slot {\n width: 98%;\n margin-top: 4px;\n padding: 4px;\n display: flex;\n justify-content: space-between;\n align-items: left;\n flex-direction: column;\n border-bottom: 2px solid #e5e7eb;\n}\n\n.slot:focus {\n outline: none;\n border-color: #ae8846;\n border: none;\n border-bottom: 2px solid #000000;\n border-radius: 0;\n}\n\n.slot:hover {\n outline: none;\n border-color: #ae8846;\n border: none;\n border-bottom: 2px solid #000000;\n border-radius: 0;\n}\n\n.slot-label {\n font-size: 12px;\n margin-bottom: 4px;\n color: #374151;\n margin-left: -4px;\n font-weight: 600;\n}\n\n.success-message {\n background-color: #dcf6ee;\n color: #307d66;\n padding: 6px;\n border-bottom-left-radius: 6px;\n border-bottom-right-radius: 6px;\n font-size: 13px;\n margin-top: 6px;\n display: flex;\n align-items: center;\n margin-bottom: -12px;\n margin-left: -12px;\n margin-right: -12px;\n line-height: normal;\n justify-content: center;\n}");const za=({title:o="Cart Item(s) available in NCR only",backgroundColor:a="#F6EFDD78",tag:l="NCR",postalCodeList:c=[110001,110002,110003,110004,110005],themeColor:s,themeTextColor:d,enableSlotPicker:p,deliveryHeaderTitle:m,deliveryAvailableText:u,deliveryNotAvailableText:g,disabledDates:x})=>{const[f,y]=t(!1),[b,h]=ae(Mo),[v,w]=ae(Zt),[C,E]=ae(Jt),k=le(Kt),T=r(null),S=i(e=>{const t=c.includes(e);y(!t),w(e=>({...e,isPostalCodeValid:t}))},[c,w]);return n(()=>{E("specific")},[]),n(()=>{void 0!==b&&S(b)},[b,S]),n(()=>{!1===p&&w(e=>e.isDateValid?e:{...e,isDateValid:!0})},[p,w]),e.createElement("div",null,m&&e.createElement("div",{className:"shipment-header"},e.createElement("h2",{className:"shipment-header-text"},m)),e.createElement("div",{className:"availability-check",style:{border:`2px solid ${s||"black"}`,padding:"12px",borderRadius:"8px",margin:"8px 1rem"}},e.createElement("div",{className:"availability-title"},"Check Shipment Availability"),e.createElement("input",{className:"availability-input",type:"text",placeholder:"Enter Postal Code",value:b||"",onChange:e=>{const t=e.target.value;if(""===t)return h(void 0),y(!1),void w(e=>({...e,isPostalCodeValid:!1}));if(!/^\d+$/.test(t))return;const n=Number(t);h(n),y(!1),w(e=>({...e,isPostalCodeValid:!1})),T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{S(n)},1e3)},onBlur:()=>{T.current&&clearTimeout(T.current),void 0!==b&&S(b)}}),f&&e.createElement("div",{className:"error-message"},g||"Cart items aren't available at your address"),v.isPostalCodeValid&&p&&e.createElement("div",{className:"slot"},e.createElement("label",{className:"slot-label"},"Select Delivery Slot"),e.createElement(Fa,{themeColor:s,themeTextColor:d,disabledDates:x})),k&&e.createElement("div",{className:"success-message"},u||"Voila! Local delivery is available")))},Ia=({postalCodeList:o=[110001,110002,110003,110004,110005],themeColor:a,themeTextColor:l,enableSlotPicker:c,disabledDates:s})=>{const[d,p]=t("standard"),[m,u]=t(!1),[g,x]=ae(Mo),[f,y]=ae(Zt),[b,h]=ae(Jt),v=le(Kt),w=r(null),C=i(e=>{const t=o.includes(e);e?(u(!t),y(e=>({...e,isPostalCodeValid:t}))):y(e=>({...e,isPostalCodeValid:!1}))},[o,y]);return n(()=>{h("delhi-ncr"===d?"specific":"standard"),g&&C(g)},[d]),e.createElement("div",{className:"shipment-container"},e.createElement("div",{className:"shipment-header"},e.createElement("p",{className:"shipment-header-text"},"Cart Item(s) are available for standard shipment")),e.createElement("div",{className:"shipment-option "+("standard"===d?"selected":""),onClick:()=>p("standard")},e.createElement("div",{className:"option-content"},e.createElement("div",{className:"option-text"},e.createElement("div",{className:"option-title"},"Pan India"),e.createElement("div",{className:"option-subtitle"},"7-10 days")),"standard"===d&&e.createElement(H,{className:"checkmark"}))),e.createElement("div",{className:"shipment-option "+("delhi-ncr"===d?"selected":""),onClick:()=>p("delhi-ncr")},e.createElement("div",{className:"option-content"},e.createElement("div",{className:"option-text"},e.createElement("div",{className:"option-title"},"Delhi NCR"),e.createElement("div",{className:"option-subtitle"},"Single day delivery")),"delhi-ncr"===d&&e.createElement(H,{className:"checkmark"})),"delhi-ncr"===d&&e.createElement("div",{className:"availability-check"},e.createElement("div",{className:"availability-title"},"Check Product Availability"),e.createElement("input",{className:"availability-input",type:"text",placeholder:"Enter Postal Code",value:g,onChange:e=>{const t=e.target.value;if(""===t)return x(void 0),u(!1),void y(e=>({...e,isPostalCodeValid:!1}));if(!/^\d+$/.test(t))return;const n=Number(t);x(n),u(!1),y(e=>({...e,isPostalCodeValid:!1})),w.current&&clearTimeout(w.current),w.current=setTimeout(()=>{C(n)},1e3)},onBlur:()=>{w.current&&clearTimeout(w.current),C(g)}}),m&&e.createElement("div",{className:"error-message"},"Cart items aren't available on your selected pincode for quick shipment"),f.isPostalCodeValid&&c&&e.createElement("div",{className:"slot"},e.createElement("label",{className:"slot-label"},"Pick a Selivery Slot"),e.createElement(Fa,{themeColor:a,themeTextColor:l,disabledDates:s})),v&&e.createElement("div",{className:"success-message"},"Voila! Local delivery is available"))))},Da=se("gift_wrap",!1);se("gift_wrap_id","");const Pa=c.img`
|
|
1906
1906
|
width: 24px !important;
|
|
1907
1907
|
height: 24px !important;
|
|
1908
1908
|
min-width: 24px !important;
|
|
@@ -1949,7 +1949,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1949
1949
|
font-size: 12px;
|
|
1950
1950
|
margin-top: 5px;
|
|
1951
1951
|
padding: 0 20px;
|
|
1952
|
-
`,Ma=e=>{if("string"!=typeof e)return e;const t=e.match(/^gid:\/\/shopify\/\w+\/(\d+)$/);return t?t[1]:e};function Wa({themeColor:o,id:r,showPrice:i,detail:a,errorText:l,customText:c,showGiftIcon:s,showProductImage:d,addCartItem:p,removeCartItem:
|
|
1952
|
+
`,Ma=e=>{if("string"!=typeof e)return e;const t=e.match(/^gid:\/\/shopify\/\w+\/(\d+)$/);return t?t[1]:e};function Wa({themeColor:o,id:r,showPrice:i,detail:a,errorText:l,customText:c,showGiftIcon:s,showProductImage:d,addCartItem:p,removeCartItem:m}){const[u,g]=ae(Da),[x,f]=t(null),[y,b]=t(!1),[h,v]=t(null),{setLoading:w}=nn();n(()=>{a?.availableForSale&&b(!0),a?.variants?.nodes&&a?.variants?.nodes.length>0&&f(a?.variants?.nodes[0])},[a]);const C=async()=>{try{w(!0,!0),v(null),g(!u),!u&&p&&x?await p(Ma(x?.id),1):u&&m&&x&&await m(Ma(x?.id),"giftWrap"),w(!1,!1)}catch(e){w(!1,!1),v("Failed to add to cart"),g(u),console.error("Error updating gift wrap:",e)}},E=x?.price?.amount,k=x?.image?.url||a?.featuredImage?.url;return y?e.createElement(Aa,{className:"yt-cart-gift-wrap-container"},e.createElement(_a,{className:"yt-cart-gift-wrap-row",onClick:C},e.createElement(Ra,{className:"yt-cart-gift-wrap-text-container"},d&&k?e.createElement(Pa,{className:"yt-cart-gift-wrap-product-image",src:k,alt:"Gift wrap"}):s?e.createElement(V,{className:"yt-cart-gift-wrap-icon",size:24,color:o,style:{height:"24px",width:"24px"}}):null,c||"+ Gift-Wrap",i?e.createElement("span",{className:"yt-cart-gift-wrap-price",style:{color:o}},"₹",Number(E).toFixed(0)):""),e.createElement(La,{className:"yt-cart-gift-wrap-checkbox",type:"checkbox",checked:u,onChange:C,onClick:e=>e.stopPropagation(),$themeColor:o,disabled:!y})),h&&e.createElement(Oa,{className:"yt-cart-gift-wrap-error-message"},h)):null}const Va=c.div`
|
|
1953
1953
|
margin-top: 10px;
|
|
1954
1954
|
margin-bottom: 5px;
|
|
1955
1955
|
margin-left: 1rem;
|
|
@@ -1968,7 +1968,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1968
1968
|
`,ja=c.span`
|
|
1969
1969
|
font-size: 12px;
|
|
1970
1970
|
color: #333;
|
|
1971
|
-
`,Ha=({minutes:o=5,customText:r="Your products are reserved in cart for",onTimerComplete:a})=>{const[l,c]=t(()=>{const e=localStorage.getItem("cartTimerTimeLeft");return e?Math.max(0,parseInt(e,10)):60*o}),s=i(()=>{c(0),localStorage.removeItem("cartTimerTimeLeft"),a()},[a]);n(()=>{if(l<=0)return void s();const e=setInterval(()=>{c(t=>{const n=t-1;return n<=0?(clearInterval(e),s(),0):(localStorage.setItem("cartTimerTimeLeft",n.toString()),n)})},1e3);return()=>clearInterval(e)},[l,s]);return e.createElement(Va,{className:"yt-cart-timer-container"},e.createElement(ja,{className:"yt-cart-timer-text"},r," ",e.createElement("span",{style:{fontWeight:"bold"}},(e=>{const t=e%60;return`${Math.floor(e/60).toString().padStart(2,"0")}:${t.toString().padStart(2,"0")} mins`})(l))))},qa=c.div`
|
|
1971
|
+
`,Ha=({minutes:o=5,customText:r="Your products are reserved in cart for",onTimerComplete:a})=>{const[l,c]=t(()=>{const e=localStorage.getItem("cartTimerTimeLeft");return e?Math.max(0,parseInt(e,10)):60*o}),s=i(()=>{c(0),localStorage.removeItem("cartTimerTimeLeft"),a()},[a]);n(()=>{if(l<=0)return void s();const e=setInterval(()=>{c(t=>{const n=t-1;return n<=0?(clearInterval(e),s(),0):(localStorage.setItem("cartTimerTimeLeft",n.toString()),n)})},1e3);return()=>clearInterval(e)},[l,s]);return e.createElement(Va,{className:"yt-cart-timer-container"},e.createElement(ja,{className:"yt-cart-timer-text"},r," ",e.createElement("span",{style:{fontWeight:"bold"}},(e=>{const t=e%60;return`${Math.floor(e/60).toString().padStart(2,"0")}:${t.toString().padStart(2,"0")} mins`})(l))))},qa=c.div.attrs({className:"yt-cart-carousel-container"})`
|
|
1972
1972
|
display: flex;
|
|
1973
1973
|
height: 49px;
|
|
1974
1974
|
padding: 15px var(--spacing-none, 0px);
|
|
@@ -1981,7 +1981,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1981
1981
|
// min-height: 49px;
|
|
1982
1982
|
min-width: var(--yt-cart-custom-fill-width);
|
|
1983
1983
|
margin: 0 1rem 0;
|
|
1984
|
-
`,Qa=c.div`
|
|
1984
|
+
`,Qa=c.div.attrs({className:"yt-cart-carousel-text-only-container"})`
|
|
1985
1985
|
display: flex;
|
|
1986
1986
|
justify-content: space-between;
|
|
1987
1987
|
align-items: center;
|
|
@@ -1989,19 +1989,19 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1989
1989
|
background: ${e=>e.$backgroundColor};
|
|
1990
1990
|
// min-height: 49px;
|
|
1991
1991
|
min-width: var(--yt-cart-custom-fill-width);
|
|
1992
|
-
`,Ua=c.div`
|
|
1992
|
+
`,Ua=c.div.attrs({className:"yt-cart-carousel-inner-container"})`
|
|
1993
1993
|
display: flex;
|
|
1994
1994
|
padding: var(--spacing-none, 0px) 31px;
|
|
1995
1995
|
align-items: center;
|
|
1996
1996
|
gap: 18px;
|
|
1997
1997
|
flex: 1 0 0;
|
|
1998
|
-
`,Ya=c.div`
|
|
1998
|
+
`,Ya=c.div.attrs({className:"yt-cart-carousel-text-only-inner-container"})`
|
|
1999
1999
|
display: flex;
|
|
2000
2000
|
align-items: center;
|
|
2001
2001
|
gap: 18px;
|
|
2002
2002
|
flex: 1 0 0;
|
|
2003
2003
|
padding: 6px;
|
|
2004
|
-
`,Ga=c.div`
|
|
2004
|
+
`,Ga=c.div.attrs({className:"yt-cart-carousel-image"})`
|
|
2005
2005
|
display: block !important;
|
|
2006
2006
|
min-width: 42px;
|
|
2007
2007
|
max-width: 42px;
|
|
@@ -2011,7 +2011,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2011
2011
|
background-position: center;
|
|
2012
2012
|
background-size: cover;
|
|
2013
2013
|
background-repeat: no-repeat;
|
|
2014
|
-
`,Xa=c.div`
|
|
2014
|
+
`,Xa=c.div.attrs({className:"yt-cart-carousel-text-container"})`
|
|
2015
2015
|
display: flex;
|
|
2016
2016
|
flex-direction: column;
|
|
2017
2017
|
width: 100%;
|
|
@@ -2024,7 +2024,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2024
2024
|
font-weight: 400;
|
|
2025
2025
|
line-height: 120%;
|
|
2026
2026
|
color: inherit;
|
|
2027
|
-
`,Ka=c.div`
|
|
2027
|
+
`,Ka=c.div.attrs({className:"yt-cart-carousel-second-text"})`
|
|
2028
2028
|
text-align: center;
|
|
2029
2029
|
font-family: Poppins;
|
|
2030
2030
|
font-size: 10px;
|
|
@@ -2033,7 +2033,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2033
2033
|
line-height: 140%;
|
|
2034
2034
|
height: auto;
|
|
2035
2035
|
color: inherit;
|
|
2036
|
-
`,Ja=c.div`
|
|
2036
|
+
`,Ja=c.div.attrs({className:"yt-cart-carousel-icon"})`
|
|
2037
2037
|
@keyframes clickAnimation {
|
|
2038
2038
|
0% {
|
|
2039
2039
|
transform: scale(1);
|
|
@@ -2052,19 +2052,19 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2052
2052
|
.copy-icon:hover {
|
|
2053
2053
|
cursor: pointer;
|
|
2054
2054
|
}
|
|
2055
|
-
`,el=c.div`
|
|
2055
|
+
`,el=c.div.attrs({className:"yt-cart-carousel-criteria-container"})`
|
|
2056
2056
|
position: relative;
|
|
2057
2057
|
width: 100%;
|
|
2058
2058
|
overflow: hidden;
|
|
2059
|
-
`,tl=c.div`
|
|
2059
|
+
`,tl=c.div.attrs({className:"yt-cart-carousel-criteria-content"})`
|
|
2060
2060
|
display: flex;
|
|
2061
2061
|
transition: transform 0.5s ease;
|
|
2062
2062
|
transform: translateX(-${e=>100*e.$currentIndex}%);
|
|
2063
|
-
`,nl=c.div`
|
|
2063
|
+
`,nl=c.div.attrs({className:"yt-cart-carousel-criteria-slide"})`
|
|
2064
2064
|
min-width: 100%;
|
|
2065
2065
|
flex-shrink: 0;
|
|
2066
2066
|
align-content: center;
|
|
2067
|
-
`,ol=c.button`
|
|
2067
|
+
`,ol=c.button.attrs({className:"yt-cart-carousel-arrow-button"})`
|
|
2068
2068
|
position: absolute;
|
|
2069
2069
|
top: 50%;
|
|
2070
2070
|
transform: translateY(-50%);
|
|
@@ -2085,7 +2085,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2085
2085
|
// &:hover {
|
|
2086
2086
|
// background: rgba(0, 0, 0, 0.7);
|
|
2087
2087
|
// }
|
|
2088
|
-
`,rl=c.div`
|
|
2088
|
+
`,rl=c.div.attrs({className:"yt-cart-carousel-wrapper"})`
|
|
2089
2089
|
overflow: hidden;
|
|
2090
2090
|
position: relative;
|
|
2091
2091
|
|
|
@@ -2102,7 +2102,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2102
2102
|
}
|
|
2103
2103
|
animation: slideDown 0.3s ease-in-out;
|
|
2104
2104
|
}
|
|
2105
|
-
`,il=c.div`
|
|
2105
|
+
`,il=c.div.attrs({className:"yt-cart-carousel-marquee-container"})`
|
|
2106
2106
|
width: 100%;
|
|
2107
2107
|
overflow: hidden;
|
|
2108
2108
|
position: relative;
|
|
@@ -2147,7 +2147,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2147
2147
|
object-fit: cover;
|
|
2148
2148
|
display: block;
|
|
2149
2149
|
}
|
|
2150
|
-
`,al=c.div`
|
|
2150
|
+
`,al=c.div.attrs({className:"yt-cart-carousel-still-image-container"})`
|
|
2151
2151
|
width: 100%;
|
|
2152
2152
|
overflow: hidden;
|
|
2153
2153
|
position: relative;
|
|
@@ -2158,7 +2158,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2158
2158
|
object-fit: cover;
|
|
2159
2159
|
display: block;
|
|
2160
2160
|
}
|
|
2161
|
-
`,ll=({imageUrls:o,redirectionLink:a,cartOffersCarouselHeight:l,enableMarquee:c=!0})=>{const s=r(null),d=r(null),p=r(null),[u
|
|
2161
|
+
`,ll=({imageUrls:o,redirectionLink:a,cartOffersCarouselHeight:l,enableMarquee:c=!0})=>{const s=r(null),d=r(null),p=r(null),[m,u]=t({containerWidth:0,trackWidth:0}),g=o.join("\n"),x=()=>{a&&(window.location.href=a)},f=i(()=>{const e=s.current?.getBoundingClientRect().width??0,t=d.current?(n=d.current,Array.from(n.children).reduce((e,t)=>e+t.getBoundingClientRect().width,0)||n.scrollWidth||n.getBoundingClientRect().width):0;var n;u(n=>n.containerWidth===e&&n.trackWidth===t?n:{containerWidth:e,trackWidth:t})},[]),y=i(()=>{null!==p.current&&window.cancelAnimationFrame(p.current),p.current=window.requestAnimationFrame(()=>{p.current=null,f()})},[f]);n(()=>{if(!c||!o||0===o.length)return;y();const e=s.current,t=d.current;if(!e||!t)return()=>{null!==p.current&&window.cancelAnimationFrame(p.current)};if("undefined"==typeof ResizeObserver)return window.addEventListener("resize",y),()=>{window.removeEventListener("resize",y),null!==p.current&&window.cancelAnimationFrame(p.current)};const n=new ResizeObserver(y);return n.observe(e),n.observe(t),()=>{n.disconnect(),null!==p.current&&window.cancelAnimationFrame(p.current)}},[c,g,l,y]);const b=()=>{y()};if(!o||0===o.length)return null;if(!c)return e.createElement(al,{onClick:x,style:{cursor:a?"pointer":"default"},$cartOffersCarouselHeight:l},e.createElement("img",{className:"yt-cart-carousel-still-image",src:o[0],alt:"banner"}));const h=m.trackWidth,v=h>0?Math.max(2,Math.ceil((m.containerWidth+h)/h)):2;return e.createElement(il,{ref:s,onClick:x,style:{cursor:a?"pointer":"default"},$cartOffersCarouselHeight:l,$marqueeTrackWidth:h,$isMarqueeReady:h>0},e.createElement("div",{className:"marquee-wrapper"},e.createElement("div",{className:"marquee-content",ref:d},o.map((t,n)=>e.createElement("img",{className:"yt-cart-carousel-marquee-image",key:`marquee-img-primary-${n}`,src:t,alt:`banner ${n+1}`,onLoad:b,onError:b}))),Array.from({length:v-1}).map((t,n)=>e.createElement("div",{className:"marquee-content","aria-hidden":"true",key:`marquee-repeat-${n}`},o.map((t,o)=>e.createElement("img",{className:"yt-cart-carousel-marquee-image",key:`marquee-img-repeat-${n}-${o}`,src:t,alt:""}))))))},cl=({backgroundColor:o,titleText:r,descriptionText:i,criteria:a=[],pauseTimer:l,textAlignment:c="center",redirectionUrl:s,enableCustomCriteria:d=!0,cartData:p})=>{const[m,u]=t(0),g=e.useRef(null),x=e.useRef([]),f=d?a.filter(e=>{if(!p)return!1;if("mov"===e.type){return rn(p?.items_subtotal_price??0,p?.currency??"INR")>=e.value}if("moq"===e.type){return p.items.filter(e=>!e.properties?._isYtFreebie).reduce((e,t)=>e+(t.quantity||1),0)>=e.value}return!1}):[],y=Boolean(r&&r.trim()||i&&i.trim()),b=[...y?[{type:"default",titleText:r,descriptionText:i}]:[],...f.map(e=>({type:"criteria",titleText:e.message,descriptionText:"",redirectionUrl:e.redirectionUrl}))],h=b.length,v=h>0,w=h>1,C=e=>{"criteria"===e.type&&e.redirectionUrl?window.location.href=e.redirectionUrl:"default"===e.type&&s&&(window.location.href=s)};let E,k=!1;h>0&&(E=b[m]??b[0],k="criteria"===E.type&&Boolean(E.redirectionUrl)||"default"===E.type&&Boolean(s)),n(()=>{const e=f.filter(e=>!x.current.some(t=>t.id===e.id));if(e.length>0){const t=e[0],n=f.findIndex(e=>e.id===t.id);if(-1!==n){const e=(y?1:0)+n;e<b.length&&u(e)}}x.current=f},[f,b,y]),n(()=>{h>0&&m>=h&&u(h-1)},[m,h]),n(()=>{g.current&&gn(g.current)},[o,b,m]),n(()=>{if(!w)return void u(0);const e=setInterval(()=>{u(e=>(e+1)%h)},1e3*l);return()=>clearInterval(e)},[w,h,l]);return v?e.createElement(Qa,{ref:g,$backgroundColor:o},e.createElement(Ya,null,w?e.createElement(el,null,e.createElement(ol,{$position:"left",onClick:()=>{u(e=>0===e?h-1:e-1)}},e.createElement($e,{className:"yt-cart-carousel-arrow-icon-left"})),e.createElement(tl,{$currentIndex:m},b.map((t,n)=>e.createElement(nl,{key:n,onClick:()=>C(t),style:{cursor:"criteria"===t.type&&t.redirectionUrl||"default"===t.type&&s?"pointer":"default"}},e.createElement(Xa,null,e.createElement(Za,{style:{textAlign:"center"}},t.titleText),t.descriptionText&&e.createElement(Ka,{style:{textAlign:"center"}},t.descriptionText))))),e.createElement(ol,{$position:"right",onClick:()=>{u(e=>(e+1)%h)}},e.createElement(Ne,{className:"yt-cart-carousel-arrow-icon-right"}))):e.createElement(Xa,{onClick:()=>E&&C(E),style:{cursor:k?"pointer":"default"}},(()=>{const t=b[m]??b[0];return e.createElement(e.Fragment,null,e.createElement(Za,{style:{textAlign:"center"}},t.titleText),t.descriptionText&&e.createElement(Ka,{style:{textAlign:"center"}},t.descriptionText))})()))):null},sl=({backgroundColor:t,imageUrl:o,titleText:r,descriptionText:i,textAlignment:a,redirectionUrl:l})=>{const c=e.useRef(null);n(()=>{c.current&&gn(c.current)},[t]);return e.createElement(qa,{ref:c,$backgroundColor:t,onClick:()=>{l&&(window.location.href=l)},style:{cursor:l?"pointer":"default"}},e.createElement(Ua,null,e.createElement(Ga,{$imageUrl:o}),e.createElement(Xa,null,e.createElement(Za,{style:{textAlign:"center"}},r),e.createElement(Ka,{style:{textAlign:"center"}},i))))},dl=({backgroundColor:t,couponCode:o,copySuccess:r,setCopySuccess:i,titleText:a,descriptionText:l,textAlignment:c="center"})=>{const s=e.useRef(null);n(()=>{s.current&&gn(s.current)},[t]);return e.createElement(qa,{ref:s,$backgroundColor:t,style:{position:"relative"}},e.createElement(Ua,{style:{filter:r?"blur(5px)":"none",zIndex:1}},e.createElement(Xa,{style:{borderRight:"1px solid #d9d9d9",paddingRight:"5px"}},e.createElement(Za,{style:{textAlign:"center"}},a),e.createElement(Ka,{style:{textAlign:"center"}},l)),e.createElement(Ja,null,e.createElement(me,{className:"copy-icon",size:24,onClick:()=>(e=>{navigator.clipboard.writeText(e).then(()=>{i(!0)},e=>{i(!1)}),setTimeout(()=>{i(!1)},3e3)})(o),style:{height:"24px",width:"24px"}}))))},pl=({children:o,autoSlide:r=!0,autoSlideInterval:i,copySuccess:a,themeColor:l})=>{const[c,s]=t(0),d=e.Children.count(o),[p,m]=t(!1),[u,g]=t(r),x=()=>{s(e=>e===d-1?0:e+1)};return n(()=>{if(!u)return;const e=setInterval(x,i);return()=>clearInterval(e)},[u,i]),e.createElement(rl,null,a&&e.createElement("div",{className:"coupon-code-copied",style:{position:"absolute",top:"20%",left:"50%",transform:"translate(-50%, -20%)",backgroundColor:l,display:"flex",alignItems:"center",justifyContent:"center",gap:"9px",borderRadius:"9px",padding:"12px 30px",color:"#FFF",fontFamily:"Poppins",fontSize:"12px",fontWeight:"400",lineHeight:"118%",zIndex:2,minWidth:"70%"}},e.createElement(H,{className:"yt-cart-carousel-coupon-copied-icon",size:20,color:"white",style:{height:"24px",width:"24px"}}),"Coupon Code Copied"),e.createElement("div",{className:"yt-cart-carousel-track",onMouseEnter:()=>{m(!0),g(!1)},onMouseLeave:()=>{m(!1),g(!0)},style:{display:"flex",transition:p?"none":"transform 0.5s ease",transform:`translateX(-${100*c}%)`,cursor:"pointer"}},e.Children.toArray(o)))};function ml({cartOffersCarousalData:n,themeColor:o,cartOffersCarouselHeight:r,cartData:i}){const[a,l]=t(!1),{enableCartOffersCarousel:c,pauseTimer:s,backgroundColor:d,slides:p}=n,m=p.filter(e=>"ImageOnly"===e.slideType).map(e=>e.imageUrl).filter(e=>!!e),u=p.findIndex(e=>"ImageOnly"===e.slideType),g=[];let x=!1;return p.forEach((t,n)=>{if("ImageOnly"===t.slideType)n===u&&m.length>0&&!x&&(g.push(e.createElement(ll,{key:`image-only-marquee-${t.slideNumber}`,imageUrls:m,redirectionLink:t.redirectionUrl||t.carouselRedirectionLink,cartOffersCarouselHeight:r,enableMarquee:!1!==t.enableMarquee})),x=!0);else switch(t.slideType){case"TextFieldOnly":g.push(e.createElement(cl,{key:t.slideNumber,backgroundColor:d,titleText:t.titleTextField??"",descriptionText:t.descriptionTextField??"",criteria:t.criteria,pauseTimer:s,textAlignment:t.textAlignment,redirectionUrl:t.redirectionUrl||t.carouselRedirectionLink,enableCustomCriteria:t.enableCustomCriteria,cartData:i}));break;case"TextImage":g.push(e.createElement(sl,{key:t.slideNumber,backgroundColor:d,titleText:t.titleTextField??"",descriptionText:t.descriptionTextField??"",imageUrl:t.imageUrl||"",textAlignment:t.textAlignment,redirectionUrl:t.redirectionUrl||t.carouselRedirectionLink}));break;case"TextCode":g.push(e.createElement(dl,{key:t.slideNumber,backgroundColor:d,couponCode:t.campaignCode??"",titleText:t.titleTextField??"",descriptionText:t.descriptionTextField??"",copySuccess:a,setCopySuccess:l,textAlignment:t.textAlignment}))}}),c&&0!==g.length?e.createElement(pl,{copySuccess:a,autoSlideInterval:1e3*s,themeColor:o},g):null}const ul=s`
|
|
2162
2162
|
0% {
|
|
2163
2163
|
background-position: 200% 0;
|
|
2164
2164
|
}
|
|
@@ -2179,7 +2179,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2179
2179
|
visibility: ${({$show:e})=>e?"visible":"hidden"};
|
|
2180
2180
|
|
|
2181
2181
|
${({$show:e})=>e&&d`
|
|
2182
|
-
animation: ${
|
|
2182
|
+
animation: ${ul} 1.5s linear infinite;
|
|
2183
2183
|
`}
|
|
2184
2184
|
`,fl=({$themeColor:t,show:n})=>e.createElement(gl,{className:"yt-cart-progress-loader"},e.createElement(xl,{$themeColor:t,$show:n})),yl=c.span`
|
|
2185
2185
|
display: flex !important;
|
|
@@ -2233,7 +2233,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2233
2233
|
left: 150%;
|
|
2234
2234
|
}
|
|
2235
2235
|
}
|
|
2236
|
-
`,vl=({loyaltyIcon:t,pointsRewardRate:n=0,brandTokenName:o,themeColor:r,themeTextColor:i,rewardMultiplier:a})=>{const l=le(Xt),c=.01*n*rn(l?.total_price,l?.currency),s="number"==typeof a&&a>0?c*a:c;return n<=0?null:e.createElement(hl,{className:"yt-cart-loyalty-badge",$themeColor:r,$themeTextColor:i},"Get"," ",t&&e.createElement("img",{src:t,height:"18px",width:"18px",style:{width:"18px",height:"18px"}}),Number(s.toFixed(0))," ",o??"points"," ",e.createElement("div",{className:"yt-cart-loyalty-badge-shine shine-container"},e.createElement("div",{className:"shine-element"})))};function wl({showDiscountOnMRP:i,cartCheckpoints:a,toggleDecimal:l,primaryTextColor:c,discountApplied:s,discountAmountApplied:d,showTrustedBadge:p=!0}){const
|
|
2236
|
+
`,vl=({loyaltyIcon:t,pointsRewardRate:n=0,brandTokenName:o,themeColor:r,themeTextColor:i,rewardMultiplier:a})=>{const l=le(Xt),c=.01*n*rn(l?.total_price,l?.currency),s="number"==typeof a&&a>0?c*a:c;return n<=0?null:e.createElement(hl,{className:"yt-cart-loyalty-badge",$themeColor:r,$themeTextColor:i},"Get"," ",t&&e.createElement("img",{src:t,height:"18px",width:"18px",style:{width:"18px",height:"18px"}}),Number(s.toFixed(0))," ",o??"points"," ",e.createElement("div",{className:"yt-cart-loyalty-badge-shine shine-container"},e.createElement("div",{className:"shine-element"})))};function wl({showDiscountOnMRP:i,cartCheckpoints:a,toggleDecimal:l,primaryTextColor:c,discountApplied:s,discountAmountApplied:d,showTrustedBadge:p=!0}){const m=le(Xt),u=ln(m,m?.currency),[g,x]=t(!1),f=r(null),[y,b]=t("0px"),h=rn(m?.original_total_price,m?.currency),v=o(()=>a?.find(e=>"free_delivery"===e.couponType&&void 0!==e.discountValue),[a]),w=o(()=>!(!v||!v.minimumOrderValue)&&h>=v.minimumOrderValue,[v,h]),C=w&&v&&v.discountValue||0,E=o(()=>{if(!m?.items?.length)return 0;const e=m.items.reduce((e,t)=>e+(i&&t?.compare_at_price&&t?.compare_at_price>t?.original_price?t.compare_at_price:t.original_price)*t.quantity,0);return rn(e,m?.currency)},[m?.items,i]),k=o(()=>w?E+C:E,[w,E,C]),T=o(()=>m?.items?.length?m.items.reduce((e,t)=>t.compare_at_price&&t.compare_at_price>t.original_price?e+(t.compare_at_price-t.original_price)*t.quantity:e,0):0,[m?.items]),S=rn(T,m?.currency??"INR"),$=o(()=>{const e={};return m?.items?.length?(m.items.forEach(t=>{t.discounts&&Array.isArray(t.discounts)&&t.discounts.forEach(t=>{e[t.title]=(e[t.title]||0)+t.amount})}),e):e},[m?.items]),N=o(()=>{const e=[];for(const t in $)if(Object.prototype.hasOwnProperty.call($,t)){const n=$[t],o=rn(n,m?.currency??"INR"),r=bn(t);e.push({title:r,amount:o})}return e},[$,m?.currency]),B=o(()=>{let e=0;return i&&(e+=S),N.forEach(t=>{e+=t.amount}),w&&(e+=C),e},[S,N,i,w,C]),F=d?rn(d,m?.currency??"INR"):0,z=Number((h-F).toFixed(2));n(()=>{f.current&&b(g?`${f.current.scrollHeight}px`:"0px")},[g,N,w]);const I=S>0||s&&N.length>0||w&&C>0;return m?.item_count?e.createElement("div",{className:"yt-cart-subtotal-section-scroll",style:{backgroundColor:"rgba(138, 138, 138, 0.08)",padding:"10px 1rem",marginTop:"8px"}},e.createElement("div",{className:"yt-cart-subtotal-breakdown",style:{display:"flex",flexDirection:"column",rowGap:"2px",color:c}},I&&B>0&&e.createElement(e.Fragment,null,e.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",{style:{fontSize:"12px"}},"Subtotal"),e.createElement("span",{style:{fontSize:"14px"}},u,xn(w?l?k.toFixed(2):k.toFixed(0):l?E.toFixed(2):E.toFixed(0)))),e.createElement("div",{style:{display:"flex",flexDirection:"column",paddingBottom:"5px"}},e.createElement("div",{className:"yt-cart-discounts-section",style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",{style:{fontSize:"12px",fontWeight:"600",display:"flex",alignItems:"center"}},"Discounts Applied",e.createElement("button",{onClick:()=>{x(!g)},className:"yt-cart-details-button",style:{marginBottom:"0",marginLeft:"5px",background:"none",border:"none",color:"#7E7E7E",cursor:"pointer",fontSize:"12px",fontWeight:"600",textDecoration:"underline",padding:"0 !important",minHeight:"10px !important",boxShadow:"none",minWidth:"fit-content",height:"auto",lineHeight:"normal",marginTop:"0"}},g?"Hide details":"See details")),e.createElement("span",{style:{fontSize:"14px",color:"#D3122A",fontWeight:"600"}},"-",u,xn(l?B.toFixed(2):B.toFixed(0)))),e.createElement("div",{ref:f,style:{height:y,overflow:"hidden",transition:"height 0.3s ease, opacity 0.3s ease",opacity:g?1:0,marginTop:g?"5px":"0",borderTop:g?"1px solid #E5E7EB":"none",paddingTop:g?"5px":"0",fontWeight:"600"}},i&&S>0&&e.createElement("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"12px"}},e.createElement("span",null,"Discount on MRP"),e.createElement("span",{style:{color:"#D3122A"}},"-",u,xn(l?S.toFixed(2):S.toFixed(0)))),w&&C>0&&e.createElement("div",{style:{display:"flex",justifyContent:"space-between",fontSize:"12px"}},e.createElement("span",null,"Free Shipping"),e.createElement("span",{style:{color:"#D3122A"}},"-",u,xn(l?C.toFixed(2):C.toFixed(0)))),N.map(t=>e.createElement("div",{key:t.title,style:{display:"flex",justifyContent:"space-between",fontSize:"12px"}},e.createElement("span",null,t.title),e.createElement("span",{style:{color:"#D3122A"}},"-",u,xn(l?t.amount.toFixed(2):t.amount.toFixed(0))))))),e.createElement("hr",{className:"yt-cart-checkout-divider",style:{height:"1px",margin:"2px 0",backgroundColor:"#E5E7EB",border:"none",maxWidth:"unset"}})),e.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},e.createElement("span",{style:{fontSize:"14px",fontWeight:"600"}},"Total"),e.createElement("span",{style:{fontSize:"16px",fontWeight:"var(--yt-cart-font-weight)"}},u,xn(l?z.toFixed(2):z.toFixed(0))))),p&&e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",paddingBlock:"6px 0"}},e.createElement("img",{src:"https://r2.yourtoken.io/Frame%2038702.png",alt:"Powered by YourToken",style:{height:"auto",width:"340px"}}))):null}const Cl=c.div`
|
|
2237
2237
|
padding: 8px 0 12px;
|
|
2238
2238
|
`,El=c.div`
|
|
2239
2239
|
display: flex;
|
|
@@ -2433,7 +2433,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2433
2433
|
&:hover {
|
|
2434
2434
|
opacity: ${e=>e.$locked?.5:.85};
|
|
2435
2435
|
}
|
|
2436
|
-
`,Gl=e=>{const t=Number(e?.amount??e??0);return Number.isFinite(t)?t:0},Xl=(e,t)=>e.find(e=>(e?.variants?.edges??e?.variants?.nodes??[]).some(e=>{const n=e?.node??e,o=String(n?.id??"");return o.includes(t)||o.split("/").pop()===t})),Zl=(e,t)=>{const n=(e?.variants?.edges??e?.variants?.nodes??[]).find(e=>{const n=e?.node??e,o=String(n?.id??"");return o.includes(t)||o.split("/").pop()===t});return n?.node??n},Kl=({stealDealCheckpoints:i,stealDealProducts:a,freeProductAdjustedCartTotal:l,effectiveQuantityForProgressBar:c,addFreebieToCart:s,freebiesInCart:d,primaryTextColor:p})=>{const
|
|
2436
|
+
`,Gl=e=>{const t=Number(e?.amount??e??0);return Number.isFinite(t)?t:0},Xl=(e,t)=>e.find(e=>(e?.variants?.edges??e?.variants?.nodes??[]).some(e=>{const n=e?.node??e,o=String(n?.id??"");return o.includes(t)||o.split("/").pop()===t})),Zl=(e,t)=>{const n=(e?.variants?.edges??e?.variants?.nodes??[]).find(e=>{const n=e?.node??e,o=String(n?.id??"");return o.includes(t)||o.split("/").pop()===t});return n?.node??n},Kl=({stealDealCheckpoints:i,stealDealProducts:a,freeProductAdjustedCartTotal:l,effectiveQuantityForProgressBar:c,addFreebieToCart:s,freebiesInCart:d,primaryTextColor:p})=>{const m=le(Xt),{setLoading:u}=nn(),f=ce(on),y=i?.[0],[b,h]=t(0),[v,w]=t(0),C=r(null),E=r(null),k=r(null),T=o(()=>(l||Number(m?.items_subtotal_price))/100,[l,m?.items_subtotal_price]),S=ln(m,m?.currency),$=o(()=>{if(!y)return!1;const e="minimum_order_value"===(y.customCartProgressBarCriteria??"minimum_order_value"),t=c||(m?.item_count??0);return e?T>=y.minimumOrderValue:t>=y.quantityThreshold},[y,T,m?.item_count,c]),N=y?.maxFreebiesInTier??1,B=o(()=>{if(!y)return 0;return(y.customerGetsProductIds?.ids??[]).filter(e=>d.includes(e)).length},[y,d])>=N,F=o(()=>{if(!y||!a?.length)return[];const e=y.customerGetsProductIds?.ids??[],t=[];for(const n of e){const e=Xl(a,n);if(!e)continue;const o=Zl(e,n),r=Gl(o?.price),i=Gl(o?.compareAtPrice);let l,c;"no_discount"===y.freebieType?(l=r,c=0):"percentage_off"===y.freebieType&&y.discountPercentage?(c=y.discountPercentage,l=r*(1-c/100)):(l=y.discountValue??r,c=r>0?Math.round((r-l)/r*100):0);const s=d.includes(n),p=e?._claim_allowed_variants??[n],m=i>l?i:r>l?r:null;t.push({product:e,variantId:n,isUnlocked:$,isClaimed:s,discountPercent:c,dealPrice:l,originalPrice:r,strikeThroughPrice:m,allowedVariantIds:p})}return t},[y,a,d,$]);n(()=>{if(C.current){const e=C.current.offsetWidth,t=window.innerWidth<=768;w(t?Math.min(.95*e,280):Math.min(.8*e,320))}},[F.length]);const z=Math.max(0,F.length-1);n(()=>{b>z&&h(z)},[z,b]);const I=()=>{h(e=>0===e?z:e-1)},D=()=>{h(e=>e===z?0:e+1)};if(!y||!F.length)return null;return e.createElement(Cl,{className:"yt-cart-steal-deal-section-container"},e.createElement(El,{className:"yt-cart-steal-deal-section-header"},e.createElement(kl,{style:{color:p},className:"yt-cart-steal-deal-section-title"},e.createElement(Tl,null,"STEAL"),e.createElement(Sl,null,"DEALS")),B?e.createElement(Fl,{className:"yt-cart-steal-deal-section-max-claim-badge"},"Max ",N," claims reached"):$?e.createElement(Bl,{className:"yt-cart-steal-deal-section-unlocked-badge"},e.createElement(q,{size:10}),"UNLOCKED"):e.createElement($l,{className:"yt-cart-steal-deal-section-locked-badge"},e.createElement(Nl,null),"minimum_order_value"===(y.customCartProgressBarCriteria??"minimum_order_value")?e.createElement(e.Fragment,null,"UNLOCK AT ",S,y.minimumOrderValue):e.createElement(e.Fragment,null,"UNLOCK AT ",y.quantityThreshold," ITEMS"))),e.createElement(zl,{ref:C,onTouchStart:e=>{E.current=e.touches[0].clientX,k.current=e.touches[0].clientY},onTouchMove:e=>{if(null===E.current||null===k.current)return;const t=e.touches[0].clientX-E.current,n=e.touches[0].clientY-k.current;Math.abs(t)>10&&Math.abs(t)>Math.abs(n)&&e.preventDefault()},onTouchEnd:e=>{if(null===E.current)return;const t=e.changedTouches[0].clientX-E.current;Math.abs(t)>50&&(t<0?D():I()),E.current=null,k.current=null},className:"yt-cart-steal-deal-carousel-container"},F.length>1&&e.createElement(_l,{onClick:I,className:"yt-cart-steal-deal-carousel-left-button"},e.createElement(g,{size:30,color:"#4D4D4D"})),e.createElement(Pl,{position:"left",style:{display:"flex"}}),e.createElement(Pl,{position:"right",style:{display:"flex"}}),e.createElement(Il,{$cardWidth:v,className:"yt-cart-steal-deal-carousel-wrapper"},e.createElement(Dl,{$translate:b*(v+10),className:"yt-cart-steal-deal-carousel-content"},F.map(t=>{return e.createElement("div",{key:t.variantId,style:{width:`${v}px`,flexShrink:0},className:"yt-steal-deal-card"},e.createElement(Ll,{className:"yt-cart-steal-deal-carousel-deal-card"},e.createElement(Ol,{className:"yt-cart-steal-deal-carousel-product-image-wrapper"},e.createElement(Ml,{src:(n=t.product,n?.featuredMedia?.preview?.image?.url??n?.featuredImage?.url??n?.images?.edges?.[0]?.node?.url??n?.image?.src??""),alt:t.product?.title??"",className:"yt-cart-steal-deal-carousel-product-image"}),t.discountPercent>0&&e.createElement(Wl,{className:"yt-cart-steal-deal-carousel-discount-image"},"-",t.discountPercent,"% OFF")),e.createElement(Vl,{className:"yt-cart-steal-deal-carousel-card-content"},e.createElement(jl,{className:"yt-cart-steal-deal-carousel-card-product-name"},t.product?.title??""),e.createElement(Ul,null,e.createElement(Hl,{className:"yt-cart-steal-deal-carousel-card-price"},e.createElement(ql,{className:"yt-cart-steal-deal-carousel-card-price"},S,t.dealPrice.toLocaleString()),null!==t.strikeThroughPrice&&e.createElement(Ql,{className:"yt-cart-steal-deal-carousel-card-original-price"},S,t.strikeThroughPrice.toLocaleString())),e.createElement(Yl,{$locked:!t.isUnlocked||t.isClaimed||B,onClick:()=>(async e=>{if(e.isUnlocked&&!e.isClaimed&&!B&&s){if(e.allowedVariantIds.length>1){const t=e.product?.variants?.edges??e.product?.variants?.nodes??[];if(e.allowedVariantIds.some(n=>t.some(t=>{const o=t?.node??t;return(String(o?.id??"").split("/").pop()===n||String(o?.id??"").includes(n))&&mi(e.product,o)}))){const t=e.product?.id?.split("/").pop();return void f({open:!0,variantId:e.variantId,handle:e.product?.handle,freebieSelection:!0,stealDealSelection:!0,productId:t,allowedVariantIds:e.allowedVariantIds})}}u(!0,!0);try{await s(e.variantId,e.allowedVariantIds),window.dispatchEvent(new CustomEvent("yt:autoFreebieAdded"))}catch(e){}finally{u(!1,!1)}}})(t),disabled:!t.isUnlocked||t.isClaimed||B,className:"yt-cart-steal-deal-carousel-card-action-button"},t.isUnlocked?e.createElement(Q,{size:12}):e.createElement(U,{size:12}))))));var n}))),F.length>1&&e.createElement(Rl,{onClick:D,className:"yt-cart-steal-deal-carousel-right-button"},e.createElement(x,{size:30,color:"#4D4D4D"}))))},Jl=c.div`
|
|
2437
2437
|
line-height: normal;
|
|
2438
2438
|
position: ${e=>e.$enableCustomCartOnCartPage&&e.$isCartPage?"relative":"fixed"};
|
|
2439
2439
|
top: ${e=>e.$enableCustomCartOnCartPage&&e.$isCartPage?"auto":"0"};
|
|
@@ -2468,7 +2468,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2468
2468
|
font-weight: 400;
|
|
2469
2469
|
min-width: 14px;
|
|
2470
2470
|
line-height: 14px;
|
|
2471
|
-
`,tc=[...((nc={headerIds:["offers-carousel","timer","info-text"],scroll:{topIds:[],bottomIds:["steal-deal","recs"]},footerIds:["bundle","gst","freebie-claim","shipping","note","gift-wrap","coupon","loyalty","points-preview"]}).headerIds??[]).map(e=>({id:e,zone:"headerIds"})),...(nc.scroll?.topIds??[]).map(e=>({id:e,zone:"scroll.topIds"})),...(nc.scroll?.bottomIds??[]).map(e=>({id:e,zone:"scroll.bottomIds"})),...(nc.footerIds??[]).map(e=>({id:e,zone:"footerIds"}))];var nc;const oc=new Set(tc.map(e=>e.id)),rc=(e,t,n)=>{switch(t){case"headerIds":e.headerIds?.push(n);break;case"scroll.topIds":e.scroll?.topIds?.push(n);break;case"scroll.bottomIds":e.scroll?.bottomIds?.push(n);break;case"footerIds":e.footerIds?.push(n)}},ic=({isOpen:o,setIsOpen:i,backgroundColor:a="white",backgroundSubdued:l="#3947821F",tertiaryColor:c="#067D431A",tertiaryTextColor:s="#000000",exploreCTAColor:d,checkoutFontSize:p,cartTitle:u="My Cart",emptyCartTitle:m,emptyCartDescription:g,emptyCartButtons:x,removeCartItem:f,handleIncrement:y,handleDecrement:b,addCartItem:h,isUserSignedIn:v,showBundle:w,bundleProducts:C,discountAmountOff:E,loyaltyIcon:k,pointsToBeUsed:T,rewardMultiplier:S,redemptionMultiplier:$,discountApplied:N,removeDiscount:B,applyDiscount:F,checkoutFunction:z,joinNowFunction:I,guestLoyaltyPercentage:D,isDev:A,recProductsList:_,showMultiStepProgressBar:R,cartCheckpoints:L,redemptionRate:O,pointsRewardRate:V,showCartLevelAltPay:j,exploreCtaRedirectLink:H,discountAmountApplied:q,minimumCartValue:Q,discountInCheckoutButton:U,isStickyCheckout:Y,handleCheckpointCrossed:G,customCartProgressBarCriteria:X,checkoutButtonColor:Z="#252E69",ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,productRecsCtaButtonText:oe,productRecsTitleText:ie,emptyProductRecsTitleText:ce,showProductRecsOnDesktop:se,showProductRecsOnMobile:de,themeColor:pe,themeTextColor:ue,companyName:me,gstNumber:ge,showGSTOption:xe,applyGSTToCart:fe,showMOVForProgressTiers:ye,freeProduct:be,showLoyaltyCta:he=!1,freeProductAdjustedCartTotal:ve,minimumOrderValueToAvailDiscount:we,signinCTAButtonVisible:Ce,cartSigninCTAMainText:Ee,applyNoteToCart:ke,note:Te,showNoteOption:Se,inlineCartOfferInfoText:$e,inlineCartOfferInfoRedirectLink:Ne,cartOfferTermsAndConditionsText:Be,showEditOptionOnProducts:Fe,onSetLoading:ze,showVariantSelectionDropdownInProductRecs:Ie,originalCartSubtotal:De,freebieProductsInCart:Pe,showFreebieClaim:Ae,addFreebieToCart:_e,freebiesInCart:Re,effectiveQuantityForProgressBar:Le,productPercentageOffMapping:Oe,removeFreebieFromCart:Me,postalCodeList:We,enableGeoLocationDeliveryRestriction:Ve=!1,getProductDetailsByVariantId:je,applyPostalCodeAndDeliverySlotToCart:He,showDeleteOnFreebies:qe,freebieCouponTemplates:Qe,freebieFlowCheckpoints:Ue,freebieClaimData:Ye,postalCodeBasedItemTrackingParameter:Ge,enableSlotPicker:Xe,deliveryHeaderTitle:Ze,deliveryAvailableText:Ke,deliveryNotAvailableText:Je,giftWrapSetupData:et,giftWrapProductDetail:tt,progressBarFreeProductIconType:nt,enableCustomCartOnCartPage:ot,isCartPage:rt,showCartTimer:it,showFreebieMilestone:at,freebieMilestoneData:lt,cartTimerInMinutes:ct,cartTimerCustomText:st,productRecsCardLayout:dt,productRecsCardListVariant:pt,imageAspectSelector:ut,cartComponentsCornerType:mt,cartComponentsCornerRadius:gt,cartOffersCarousalData:xt,gstSectionCustomizationData:ft,noteSectionTitle:yt,checkoutSectionMessage:bt,checkoutSectionMessageDisplay:ht,showVariantSelectionDropdownInProductClaim:vt,loyaltyDiscount:wt,brandTokenName:Ct,showDiscountOnMRP:Et,switchWidthVariant:kt,prefixMessageText:Tt,suffixMessageText:St,successMessageText:$t,toggleDecimal:Nt,cartOffersCarouselHeight:Bt,disableCheckoutButton:Ft,showEmptyCartRecommendations:zt=!1,checkoutButtonBottomSpacing:It,applyCouponCode:Dt,showApplyCoupon:Pt,enableConfetti:At,checkoutSectionMessageRedirectLink:_t,showCheckoutButtonPaymentIcons:Rt,stealDealCheckpoints:Lt,stealDealProducts:Ot,stealDealAddToCart:Mt,showCouponOptions:Wt,rewardCoupons:Vt,couponSelectionData:jt,useCartShell:Ht,showTrustedBadge:qt,trustedBadgeData:Qt,drawerLayoutData:Ut})=>{const Yt=le(Xt),Gt=le(tn),[Kt,an]=t(!1),[ln,cn]=t(!1),[sn,dn]=t(!0),{setLoading:pn}=nn();e.useEffect(()=>{ze&&ze(pn)},[ze]);const un=r(!!Ht&&(window.ytCartShellState?.isOpen??!1)),mn=r(null),gn=r(null);n(()=>{const e=e=>{"open"!==e.state?.ytCustomCartDrawer&&i(!1)};return o?(un.current||(mn.current=window.history.state,gn.current=window.location.href,window.history.pushState({ytCustomCartDrawer:"open"},"")),window.addEventListener("popstate",e),un.current=!0):(un.current&&"open"===window.history.state?.ytCustomCartDrawer&&window.history.replaceState(mn.current,"",gn.current??window.location.href),un.current=!1),()=>{window.removeEventListener("popstate",e)}},[o,i]);const[xn,fn]=t(!1);n(()=>{const e=document.querySelector("body");e&&(ot&&rt?e.classList.remove("drawer-open"):!xn&&o?e.classList.add("drawer-open"):e.classList.remove("drawer-open"))},[o,ot,rt,xn]),n(()=>{function e(){const e=window.innerWidth;fn(e>=450)}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const yn=Yt?.items?.reduce((e,t)=>e+t?.quantity,0);n(()=>{const e=()=>{an(!0),window.setTimeout(()=>an(!1),3e3)};return window.addEventListener("yt:autoFreebieAdded",e),()=>window.removeEventListener("yt:autoFreebieAdded",e)},[]);const[bn,hn]=t("normal"),[vn,wn]=t("normal"),[Cn,En]=t("auto");n(()=>{CSS.supports("font-weight","500")?hn("500"):CSS.supports("font-weight","400")?hn("400"):CSS.supports("font-weight","600")&&hn("600"),CSS.supports("font-weight","400")?wn("400"):CSS.supports("font-weight","300")?wn("300"):CSS.supports("font-weight","200")&&wn("200"),CSS.supports("width","-webkit-fill-available")?En("-webkit-fill-available"):CSS.supports("width","-moz-available")&&En("-moz-available")},[]),n(()=>{document.documentElement.style.setProperty("--yt-cart-font-weight",bn),document.documentElement.style.setProperty("--yt-cart-product-rec-price-font-weight",vn),document.documentElement.style.setProperty("--yt-cart-custom-fill-width",Cn)},[bn,vn]);const[kn]=ae(Zt),[Tn]=ae(en),[Sn]=ae(Jt);n(()=>{dn(!("all-products"!==Ge&&("specific-tags"!==Ge||kn.isPostalCodeValid||Xe)&&("specific-tags"!==Ge||kn.isPostalCodeValid||Tn||!Xe)&&("specific-tags"===Ge&&"standard"===Sn||ln&&(Xe?kn.isPostalCodeValid&&Tn:kn.isPostalCodeValid))))},[kn.isPostalCodeValid,Tn,ln,Ge,Xe]),ae(on);const[$n,Nn]=t(!0);n(()=>{"true"===localStorage.getItem("cartTimerRanOnce")&&Nn(!1);const e=localStorage.getItem("cartTimerTimeLeft");e&&parseInt(e,10)<=0&&Nn(!1)},[]);const Bn=()=>{Nn(!1),localStorage.setItem("cartTimerRanOnce","true"),localStorage.removeItem("timeLeft"),localStorage.removeItem("lastUpdate")},Fn=new Date("2024-11-01"),zn=Ht?document.getElementById("yt-cart-shell-content"):null,In=(e=>{const t={headerIds:[],scroll:{topIds:[],bottomIds:[]},footerIds:[]},n=new Set;return["headerIds","scroll.topIds","scroll.bottomIds","footerIds"].forEach(o=>{((e,t)=>{switch(t){case"headerIds":return e?.headerIds??[];case"scroll.topIds":return e?.scroll?.topIds??[];case"scroll.bottomIds":return e?.scroll?.bottomIds??[];case"footerIds":return e?.footerIds??[];default:return[]}})(e,o).forEach(e=>{!n.has(e)&&oc.has(e)&&(n.add(e),rc(t,o,e))})}),tc.forEach(({id:e,zone:o})=>{n.has(e)||(n.add(e),rc(t,o,e))}),t})(Ut),Dn=_&&_?.filter(Boolean).length>0,Pn=_&&_?.filter(Boolean),An=(t,n)=>{const r=`drawer-layout-${t}-${n}`;switch(t){case"offers-carousel":return xt?.enableCartOffersCarousel?e.createElement(ul,{key:r,themeColor:pe,cartOffersCarousalData:xt,cartOffersCarouselHeight:Bt,cartData:Yt}):null;case"timer":return it&&$n&&Yt?.item_count?e.createElement(Ha,{key:r,minutes:ct,customText:st,onTimerComplete:Bn}):null;case"info-text":return $e?e.createElement(Na,{key:r,inlineCartOfferInfoText:$e,inlineCartOfferInfoRedirectLink:Ne,themeColor:pe,tooltipText:Be,themeTextColor:ue}):null;case"steal-deal":return Lt&&Lt.length>0&&Ot&&Ot.length>0&&Yt?.item_count>0?e.createElement(Kl,{key:r,stealDealCheckpoints:Lt,stealDealProducts:Ot,freeProductAdjustedCartTotal:ve,effectiveQuantityForProgressBar:Le,addFreebieToCart:Mt??_e,freebiesInCart:Re??[],themeColor:pe,primaryTextColor:te,secondaryTextColor:ne}):null;case"recs":return(t=>{const n=xn&&se&&!!Pn&&Dn&&Yt?.item_count>0&&h,o=!xn&&de&&!!Pn&&Dn&&Yt?.item_count>0&&h;return n||o?e.createElement(e.Fragment,{key:t},n&&e.createElement(Zn,{addCartItem:h,products:Pn,productRecsCtaButtonText:oe,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,productRecsTitleText:ie,themeColor:pe,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Ie,cardLayout:dt,variant:pt,cartComponentsCornerType:mt,cartComponentsCornerRadius:gt,backgroundSubdued:l,backgroundColor:a,tertiaryColor:c,tertiaryTextColor:s}),o&&e.createElement(Zn,{addCartItem:h,products:Pn,productRecsCtaButtonText:oe,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,productRecsTitleText:ie,themeColor:pe,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Ie,cardLayout:dt,variant:pt,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,backgroundSubdued:l,tertiaryColor:c,tertiaryTextColor:s})):null})(r);case"bundle":return Yt?.item_count>0&&w&&C?e.createElement(Lr,{key:r,bundleProducts:C}):null;case"gst":return xe&&fe&&Yt?.item_count>0?e.createElement(di,{key:r,companyName:me,gstNumber:ge,themeColor:pe,iconColor:ft?.iconColor,showIcon:ft?.showIcon,backgroundColor:ft?.backgroundColor,textColor:ft?.textColor,title:ft?.title}):null;case"freebie-claim":return Yt&&Yt?.item_count>0&&_e&&Pe&&Re&&Pe.length>0?e.createElement($a,{key:r,freebieProductsInCart:Pe,themeColor:pe,themeTextColor:ue,primaryTextColor:te,addFreebieToCart:_e,freebiesInCart:Re,imageAspectSelector:ut,freebieCouponTemplates:Qe,freebieClaimData:Ye,cartCheckpoints:L,isCartDrawerOpen:o}):null;case"shipping":return Ve&&(We?.length??0)>0&&He&&Yt?.item_count>0?e.createElement("div",{key:r,className:"yt-cart-geolocation-section form-group"},e.createElement("div",{className:"yt-cart-shipping-header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",margin:"6px 1rem 1rem 1rem"},onClick:()=>dn(!sn)},e.createElement("span",{className:"yt-cart-shipping-label",style:{fontSize:"12px",display:"flex",gap:"5px",alignItems:"center"}},"Shipping ",e.createElement(J,null)),e.createElement("div",{className:"yt-cart-shipping-toggle-icon icon-transition"},sn?e.createElement(M,null):e.createElement(W,null))),"all-products"===Ge&&sn?e.createElement(za,{postalCodeList:We,themeColor:pe,themeTextColor:ue,enableSlotPicker:Xe,deliveryHeaderTitle:Ze,deliveryAvailableText:Ke,deliveryNotAvailableText:Je,disabledDates:Fn}):sn&&(ln?e.createElement(za,{postalCodeList:We,themeColor:pe,themeTextColor:ue,enableSlotPicker:Xe,deliveryHeaderTitle:Ze,deliveryAvailableText:Ke,deliveryNotAvailableText:Je,disabledDates:Fn}):e.createElement(Ia,{postalCodeList:We,themeColor:pe,themeTextColor:ue,enableSlotPicker:Xe,disabledDates:Fn}))):null;case"note":return Se&&ke&&Yt?.item_count>0?e.createElement(pi,{key:r,note:Te,noteSectionTitle:yt}):null;case"gift-wrap":return et?.showGiftWrapOption&&Yt?.item_count>0?e.createElement(Wa,{key:r,themeColor:pe,id:et?.giftProductId,detail:tt,showPrice:et?.showPrice,errorText:et?.errorText,customText:et?.customText,showGiftIcon:et?.showGiftIcon,showProductImage:et?.showProductImage,addCartItem:h,removeCartItem:f}):null;case"coupon":return Yt?.item_count>0&&Wt&&Vt&&jt&&Dt&&!he?e.createElement(Zr,{key:r,rewardCoupons:Vt,couponSelectionData:jt,applyCouponCode:Dt,removeDiscount:B,enableConfetti:At,backgroundSubdued:l,themeColor:pe,themeTextColor:ue,primaryTextColor:te,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,cartComponentsCornerRadius:gt}):Yt?.item_count>0&&Pt&&!Wt&&!he&&Dt?e.createElement(Or,{key:r,backgroundSubdued:l,themeColor:pe,themeTextColor:ue,primaryTextColor:te,cartComponentsCornerRadius:gt,applyCouponCode:Dt,removeDiscount:B,enableConfetti:At}):null;case"loyalty":return(t=>he&&Yt?.item_count?e.createElement(e.Fragment,{key:t},v||wt?!wt&&void 0!==E&&void 0!==T&&!!k&&!!F&&e.createElement(er,{themeColor:pe,applyDiscount:F,discountAmountOff:E,loyaltyIcon:k,pointsToBeUsed:T,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,minimumOrderValueToAvailDiscount:we,brandTokenName:Ct,showCartLevelAltPay:j,redemptionMultiplier:$}):!!D&&!!I&&e.createElement(Qo,{cartSigninCTAMainText:Ee,signinCTAButtonVisible:Ce,themeColor:pe,joinNowFunction:I,guestLoyaltyPercentage:D,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,showCartLevelAltPay:j}),!!wt&&!!B&&wt&&void 0!==T&&e.createElement(Xo,{themeColor:pe,removeDiscount:B,loyaltyDiscount:wt,isDev:A,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,pointsToBeUsed:T,brandTokenName:Ct,showCartLevelAltPay:j}),!!we&&we>1&&e.createElement("span",{className:"yt-cart-loyalty-mov-text",style:{fontSize:"10px",color:pe??"#50D1AA",fontWeight:600,display:"flex",justifyContent:Ce?"space-between":"center"}},"Minimum order value to use ",Ct,":"," ",we)):null)(r);case"points-preview":return he&&j&&O&&k&&Yt?.item_count>0?e.createElement(bl,{key:r,loyaltyIcon:k,backgroundSubdued:l,primaryTextColor:te,pointsRewardRate:V,rewardMultiplier:S}):null;default:return null}},_n=e.createElement(e.Fragment,null,Gt.cartLoading?e.createElement("div",{className:"yt-cart-loader-overlay",style:{backgroundColor:"#fff",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",display:"flex",position:"absolute",opacity:0,zIndex:51}},Gt.showLoader&&!Gt.showSkeletonLoader&&e.createElement("div",{className:"loader"},"")):e.createElement(e.Fragment,null),e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-drawer-content",style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-between"}},e.createElement("div",{className:"yt-cart-header"},e.createElement("div",{className:"yt-cart-header-row",style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",margin:"1rem 1rem 0px"}},e.createElement("span",{className:"yt-cart-title-container",style:{fontWeight:"var(--yt-cart-font-weight, bold)",color:te,fontSize:"16px"}},e.createElement("span",{className:"yt-cart-title-text",style:{whiteSpace:"nowrap",flexShrink:0}},u),Yt?.item_count>0&&j&&!(he&&j)&&V>0&&e.createElement(vl,{pointsRewardRate:V,loyaltyIcon:k,brandTokenName:Ct,themeColor:pe,themeTextColor:ue,rewardMultiplier:S}),yn>0&&e.createElement(ec,{className:"yt-cart-item-count-badge",$backgroundSubdued:l},yn)),e.createElement("div",{className:"yt-cart-header-actions",style:{display:"flex",gap:"8px",flexDirection:"row",alignItems:"center"}},!(ot&&rt)&&e.createElement("div",{className:"yt-cart-close-button close-button",style:{backgroundColor:l||"#cacaca30"}},e.createElement(re,{style:{height:"auto",width:"auto",color:te},fontSize:24,cursor:"pointer",onClick:()=>{i(!o)}})))),Gt&&e.createElement(fl,{$themeColor:pe,show:Gt.showLoader}),Kt&&At&&e.createElement(Eo,{particleCount:50,spread:90,origin:{y:.3}}),In.headerIds?.map((e,t)=>An(e,t))),R&&Yt?.items_subtotal_price>0&&Yt?.currency&&!!L&&function(e,t,n,o,r){if(!e||0===e.length)return!1;const i=[...e].sort((e,t)=>"minimum_order_value"===o?e?.minimumOrderValue-t?.minimumOrderValue:e?.quantityThreshold-t?.quantityThreshold);return i.filter(e=>0!==e?.[bo(o)]&&("minimum_order_value"!==o||1!==e?.[bo(o)])).some((e,a)=>ho(e,a,i,r,{currentCartAmount:t,effectiveQuantityForProgressBar:n,customCartProgressBarCriteria:o,checkpoints:i}).progressPercentage>0)}(L,rn(void 0!==De?De:Yt?.items_subtotal_price,Yt.currency),void 0===Le?Yt?.item_count:Le,X??"minimum_order_value",Yt?.item_count)&&e.createElement(e.Fragment,null,e.createElement(Do,{customCartProgressBarCriteria:X??"minimum_order_value",handleCheckpointCrossed:G,checkpoints:L,effectiveQuantityForProgressBar:void 0===Le?Yt?.item_count:Le,currentCartAmount:rn(void 0!==De?De:Yt?.items_subtotal_price,Yt.currency),themeColor:pe,themeTextColor:ue,primaryTextColor:te,secondaryTextColor:ne,showMOVForProgressTiers:ye,progressBarFreeProductIconType:nt,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,prefixMessageText:Tt,suffixMessageText:St,successMessageText:$t,enableConfetti:At})),Yt?.item_count>0&&e.createElement("div",{className:"yt-cart-divider",style:{display:"flex",height:"12px",background:"#87878717"}}),0===Yt?.items?.length&&0===Yt?.item_count&&!1===Gt?.showSkeletonLoader?e.createElement(_o,{showLoyaltyCta:he,joinNowFunction:I,emptyCartTitle:m,emptyCartDescription:g,exploreCTAColor:d,isUserSignedIn:v,exploreCtaRedirectLink:H,themeColor:pe,emptyCartButtons:x,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,themeTextColor:ue,isRecProductsListValid:Dn,recProductsList:Pn,addCartItem:h,productRecsCtaButtonText:oe,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Ie,emptyProductRecsTitleText:ce,backgroundSubdued:l,showEmptyCartRecommendations:zt,tertiaryColor:c,tertiaryTextColor:s}):e.createElement("div",{className:"yt-cart-scroll-area",style:{display:"flex",flexDirection:"column",overflowY:"auto",flex:1,overflowX:"hidden",height:"100%",scrollbarWidth:"none"}},In.scroll?.topIds?.map((e,t)=>An(e,t)),e.createElement(Rr,{isDev:A,themeColor:pe,handleDecrement:b,handleIncrement:y,removeCartItem:f,addCartItem:h,primaryTextColor:te,secondaryTextColor:ne,freeProduct:be,themeTextColor:ue,showEditOptionOnProducts:Fe,productPercentageOffMapping:Oe,removeFreebieFromCart:Me,showDeleteOnFreebies:qe,freebieCouponTemplates:Qe??[],freebieFlowCheckpoints:Ue??[],cartCheckpoints:L,freeProductAdjustedCartTotal:ve,imageAspectSelector:ut,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,giftWrapVariantId:tt?.variants?.nodes[0]?.id,giftWrapProductId:et?.giftProductId,showGiftWrapAsLineItem:et?.showGiftWrapAsLineItem,backgroundSubdued:l,tertiaryColor:c,tertiaryTextColor:s,backgroundColor:a,showDiscountOnMRP:Et,checkoutSectionMessage:bt,checkoutSectionMessageRedirectLink:_t,showFreebieMilestone:at,freebieMilestoneData:lt,freeLabelText:Ye?.freeLabelText}),In.scroll?.bottomIds?.map((e,t)=>An(e,t)),"devlhok.myshopify.com"===window.ytapp?.storeDomain&&e.createElement(wl,{showDiscountOnMRP:Et,cartCheckpoints:L,toggleDecimal:Nt,primaryTextColor:te,discountApplied:N,showTrustedBadge:qt,discountAmountApplied:q})),e.createElement(Yo,null,In.footerIds?.map((e,t)=>An(e,t)),Yt&&z&&Yt?.item_count>0&&e.createElement("div",{className:"yt-cart-checkout-wrapper"},e.createElement(Wo,{disableCheckoutButton:!!Ft||Gt.cartLoading,discountApplied:N,checkoutFunction:z,checkoutButtonColor:Z,checkoutFontSize:p,discountInCheckoutButton:U,isStickyCheckout:Y,discountAmountApplied:q,minimumCartValue:Q,themeTextColor:ue,applyGSTToCart:fe,showGSTOption:xe,applyNoteToCart:ke,showNoteOption:Se,enableGeoLocationDeliveryRestriction:Ve,applyPostalCodeAndDeliverySlotToCart:He,enableSlotPicker:Xe,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,checkoutSectionMessage:bt,checkoutSectionMessageDisplay:ht,checkoutSectionMessageRedirectLink:_t,showDiscountOnMRP:Et,tertiaryColor:c,tertiaryTextColor:s,cartCheckpoints:L,toggleDecimal:Nt,checkoutButtonBottomSpacing:It,showCheckoutButtonPaymentIcons:Rt,primaryTextColor:te,hideSubtotalAndBadge:"devlhok.myshopify.com"===window.ytapp?.storeDomain,showTrustedBadge:qt,trustedBadgeData:Qt,isLargeScreen:xn}))))));return Ht&&zn?P(_n,zn):e.createElement(Jl,{className:"yt-cart-drawer",$isDev:A,$isOpen:o,$backgroundColor:a,$enableCustomCartOnCartPage:ot,$isCartPage:rt,$isLargeScreen:xn,$switchWidthVariant:kt},_n)};yt('@media (max-width: 108px) {\n .yt-fixed-bundle-price-section {\n width: 100% !important;\n }\n .yt-fixed-bundle-product-list {\n max-width: 100% !important;\n width: 100% !important;\n justify-content: center !important;\n }\n .price-text {\n text-align: center !important;\n }\n .bundle-builder-add-to-bundle-button {\n font-size: 12px !important;\n padding: 0px 8px !important;\n }\n .quantity .input-text.qty {\n width: 12px !important;\n height: 18px !important;\n }\n .quantity.buttons_added .minus,\n .quantity.buttons_added .plus {\n padding: 6px !important;\n height: 20px !important;\n }\n .bundle-builder-tracker-container {\n justify-content: center !important;\n }\n .bundle-builder-title .bundle-builder-subtitle {\n font-size: 30px !important;\n }\n .bundle-builder-title {\n font-size: 2rem !important;\n }\n .bundle-builder-tracker-item {\n width: 64px !important;\n height: 64px !important;\n }\n .bundle-builder-product-title {\n font-size: 14px !important;\n }\n}\n.hide-tracker-scrollbar {\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n -webkit-overflow-scrolling: touch;\n}\n\n.hide-tracker-scrollbar::-webkit-scrollbar {\n display: none;\n}\n\n.yt-fixed-bundle-border {\n border: 1px solid #c7c7c7;\n}\n\n.yt-fixed-bundle-border-minor-curved {\n border-radius: 8px;\n}\n\n.yt-fixed-bundle-border-minor-curved-image {\n border-radius: 6px;\n}\n\n.yt-fixed-bundle-border-major-curved {\n border-radius: 20px;\n}\n\n.yt-fixed-bundle-border-major-curved-image {\n border-radius: 18px;\n}\n\n@media (min-width: 1200px) {\n .bundle-builder-title .bundle-builder-subtitle {\n font-size: 30px !important;\n }\n}\n@media (max-width: 540px) {\n .bundle-builder-tracker-container {\n gap: 5px !important;\n margin-block: 0 !important;\n }\n .bundle-summary {\n display: flex;\n flex-direction: column !important;\n align-items: flex-start;\n gap: 2px !important;\n }\n .bundle-summary button {\n padding-top: 2px !important;\n padding-inline: 13px !important;\n font-size: 14px !important;\n padding-inline: 10px !important;\n padding: 0px;\n width: -webkit-fill-available;\n }\n .bundle-builder-tracker-progress {\n display: block !important;\n }\n .summary-info {\n width: 100% !important;\n min-width: 200px !important;\n display: flex;\n justify-content: space-between !important;\n flex-direction: row !important;\n flex-grow: 1 !important;\n font-size: 14px !important;\n }\n}\n@media (max-width: 540px) {\n .products-display {\n justify-content: space-between !important;\n column-gap: 5px !important;\n }\n .bundle-builder-product-container {\n width: 49% !important;\n }\n .bundle-builder-title {\n font-size: 1.5rem !important;\n margin-bottom: 8px !important;\n }\n .bundle-builder-subtitle {\n padding-top: 4px;\n font-size: 1rem !important;\n }\n}\n@media (max-width: 540px) {\n .bundle-summary.bundle-filled {\n display: flex !important;\n }\n}\n.yt-bundle-builder-product-price {\n font-weight: 600;\n color: black;\n margin-bottom: 2px;\n}\n\n/* Fixed bundle block */\n.yt-fixed-bundle-fixed-bundle {\n box-sizing: unset;\n max-width: 1000px;\n margin: 0 auto;\n container-type: inline-size;\n text-align: left;\n}\n\n.yt-fixed-bundle-bundle-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 10px 0px;\n gap: 8px;\n line-height: normal;\n}\n\n.yt-fixed-bundle-bundle-title {\n font-size: 24px;\n font-weight: 600;\n text-align: center;\n width: 100%;\n}\n\n.yt-fixed-bundle-bundle-subtitle {\n font-size: 16px;\n font-weight: 300;\n text-align: center;\n}\n\n.yt-fixed-bundle-bundle-content {\n display: flex;\n flex-direction: column;\n padding: 10px 0px;\n}\n\n.yt-fixed-bundle-product-list {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.yt-product-main {\n width: 100%;\n}\n\n.yt-fixed-bundle-product-card {\n display: flex;\n width: 90%;\n align-items: flex-start;\n padding: 0px;\n box-shadow: 2px 2px 11.8px 0px rgba(0, 0, 0, 0.1411764706);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.yt-fixed-bundle-product-image-container {\n margin-right: 8px;\n height: 110px;\n position: unset;\n}\n\n.yt-fixed-bundle-product-image {\n max-width: none;\n height: 110px;\n aspect-ratio: 1;\n object-fit: cover;\n}\n\n.yt-fixed-bundle-product-details {\n width: 100%;\n align-self: center;\n display: flex;\n flex-direction: column;\n gap: 6px;\n text-align: left;\n}\n\n.yt-fixed-bundle-product-title {\n font-size: 16px;\n font-weight: 700;\n display: block;\n line-height: 1.4;\n}\n\n.yt-fixed-bundle-product-price {\n font-size: 16px;\n display: block;\n margin-bottom: 6px;\n}\n\n.yt-fixed-bundle-original-price {\n text-decoration: line-through !important;\n color: #6b7280;\n margin-left: 4px;\n}\n\n.yt-fixed-bundle-variant-select-wrapper-desktop {\n position: absolute;\n display: none;\n width: 100%;\n bottom: 6px;\n}\n\n.yt-fixed-bundle-variant-select-wrapper-mobile {\n width: 98%;\n position: relative;\n display: flex;\n}\n\n.yt-fixed-bundle-checkbox-container-desktop {\n position: absolute;\n height: 100%;\n left: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.yt-fixed-bundle-checkbox {\n display: none !important;\n}\n\n.yt-fixed-bundle-checkbox-label {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #000;\n background: white;\n cursor: pointer;\n color: white !important;\n}\n\n.yt-fixed-bundle-checkbox:checked + .yt-fixed-bundle-checkbox-label {\n border-color: #000;\n color: white !important;\n border: 0px;\n font-size: 16px;\n}\n\n.yt-fixed-bundle-variant-select {\n appearance: none;\n -webkit-appearance: none;\n width: 100%;\n padding: 4px 20px;\n background-color: #ffffff;\n font-size: 15px;\n background-image: none;\n color: #2d2d2d;\n cursor: pointer;\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.yt-fixed-bundle-variant-select:focus {\n border-color: #cac6c6;\n box-shadow: 0 0 8px 0 rgba(56, 55, 57, 0.3);\n outline: none;\n}\n\n.yt-fixed-bundle-select-dot {\n position: absolute;\n top: 50%;\n left: 10px;\n transform: translateY(-50%);\n font-weight: 700;\n color: #4d4d4d;\n width: 8px; /* Adjust size */\n font-size: 8px;\n border-radius: 50%;\n pointer-events: none;\n}\n\n.yt-fixed-bundle-select-dot::after {\n content: "";\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background-color: #1b1b1b;\n}\n\n.yt-fixed-bundle-select-icon {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n pointer-events: none;\n color: #6b7280;\n background-color: rgba(30, 57, 103, 0.1);\n font-size: 20px;\n height: 100%;\n padding: 0px 5px;\n}\n\n.yt-fixed-bundle-plus-sign {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.yt-fixed-bundle-plus-sign span {\n display: flex;\n justify-content: center;\n width: 24px;\n height: 22px;\n align-items: center;\n padding-bottom: 2px;\n background-color: #f2f2f2;\n color: black;\n border-radius: 2px;\n font-size: 20px;\n font-weight: bold;\n}\n\n.yt-fixed-bundle-price-section {\n display: flex;\n flex-direction: column;\n margin-top: 20px;\n width: 1000px;\n}\n\n.yt-fixed-bundle-subtotal {\n font-size: 13px;\n font-weight: 400 !important;\n}\n\n.yt-fixed-bundle-subtotal-amount {\n font-weight: 600;\n font-size: 13px;\n}\n\n.yt-fixed-bundle-deal-price-container {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 12px;\n gap: 8px;\n margin-top: 3px;\n flex-direction: row;\n}\n\n.yt-fixed-bundle-deal-price {\n font-size: 16px;\n font-weight: 600;\n}\n\n.yt-fixed-bundle-extra-savings {\n font-size: 12px;\n color: #f6f8f7;\n padding: 4px 8px;\n background-color: #d3122a;\n border-radius: 2px;\n font-weight: 700 !important;\n}\n\n.yt-fixed-bundle-add-to-cart-button {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n background-color: #8b5cf6;\n border: none;\n padding: 8px 0px;\n font-size: 16px;\n font-weight: 500 !important;\n cursor: pointer;\n width: 100%;\n}\n\n.yt-fixed-bundle-add-to-cart-button:disabled,\n.yt-fixed-bundle-add-to-cart-button[disabled] {\n color: #7d7d7d;\n cursor: default;\n}\n\n.yt-fixed-bundle-product-card.horizontal {\n max-width: 100%;\n flex-direction: row;\n}\n\n.yt-fixed-bundle-product-card.horizontal:hover {\n transform: none;\n}\n\n.yt-fixed-bundle-product-list.horizontal {\n width: 100%;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n flex-wrap: wrap;\n gap: 15px;\n}\n\n.yt-product-main.horizontal {\n width: 100%;\n}\n\n.yt-fixed-bundle-product-image-container.horizontal {\n height: 110px;\n margin-bottom: 0px;\n position: unset;\n width: 30%;\n}\n\n.yt-fixed-bundle-product-image.horizontal {\n height: 110px;\n aspect-ratio: 1;\n object-fit: cover;\n user-select: none;\n}\n\n.yt-fixed-bundle-variant-select-wrapper-desktop.horizontal {\n position: absolute;\n display: none;\n width: 100%;\n bottom: 6px;\n}\n\n.yt-fixed-bundle-variant-select-wrapper-mobile.horizontal {\n width: 98%;\n position: relative;\n display: flex;\n}\n\n.yt-fixed-bundle-checkbox-container-desktop.horizontal {\n position: absolute;\n height: 100%;\n left: -8px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.yt-fixed-bundle-product-details.horizontal {\n padding-left: 0px;\n}\n\n.yt-fixed-bundle-product-price.horizontal {\n margin-bottom: 0px;\n}\n\n@media (min-width: 100px) {\n @container (width > 100px) {\n .yt-fixed-bundle-fixed-bundle {\n padding: 40px;\n }\n .yt-fixed-bundle-variant-select-wrapper-desktop {\n position: absolute;\n display: flex;\n width: 100%;\n bottom: 6px;\n }\n .yt-fixed-bundle-variant-select-wrapper-mobile {\n display: none;\n width: 100%;\n }\n .yt-fixed-bundle-checkbox-label {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #000;\n background: white;\n cursor: pointer;\n color: white !important;\n }\n .yt-fixed-bundle-checkbox:checked + .yt-fixed-bundle-checkbox-label {\n border-color: #000;\n color: white !important;\n border: 0px;\n font-size: 16px;\n }\n .yt-fixed-bundle-variant-select {\n margin: 0px 4px;\n }\n .yt-fixed-bundle-select-icon {\n right: 4px;\n }\n .yt-fixed-bundle-bundle-title {\n font-size: 32px;\n }\n .yt-fixed-bundle-bundle-subtitle {\n font-size: 20px;\n }\n .yt-fixed-bundle-bundle-content {\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n }\n .yt-fixed-bundle-product-list {\n width: 100%;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n flex-wrap: wrap;\n gap: 15px;\n }\n .yt-fixed-bundle-product-card {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n text-align: center;\n }\n .yt-fixed-bundle-product-image-container {\n width: 100%;\n height: 100%;\n margin-right: 0;\n margin-bottom: 12px;\n justify-content: center;\n position: relative;\n }\n .yt-fixed-bundle-product-details {\n width: 100%;\n align-self: center;\n display: flex;\n flex-direction: column;\n gap: 6px;\n text-align: left;\n }\n .yt-fixed-bundle-product-image {\n height: 230px;\n width: 100%;\n aspect-ratio: 1;\n align-self: center;\n }\n .yt-fixed-bundle-plus-sign {\n align-self: center;\n margin-left: 0;\n }\n .yt-fixed-bundle-price-section {\n width: 100%;\n margin-top: 32px;\n align-items: center;\n justify-content: center;\n text-align: center;\n }\n .yt-fixed-bundle-extra-savings {\n font-size: 10px;\n }\n .yt-fixed-bundle-subtotal {\n font-size: 15px;\n }\n .yt-fixed-bundle-subtotal-amount {\n font-size: 15px;\n }\n .yt-fixed-bundle-checkbox-container-desktop {\n position: absolute;\n top: 8px;\n left: 10px;\n height: auto;\n display: flex;\n align-items: center;\n }\n .yt-fixed-bundle-deal-price {\n font-size: 24px;\n }\n .yt-fixed-bundle-extra-savings {\n font-size: 13px;\n padding: 4px 8px;\n }\n .yt-fixed-bundle-add-to-cart-button {\n font-size: 20px;\n padding: 10px 0px;\n width: 100%;\n }\n .yt-product-main {\n width: 29%;\n }\n .yt-fixed-bundle-product-card:hover {\n transform: translateY(-5px);\n box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1411764706);\n }\n }\n}\n.yt-product-main {\n display: flex;\n position: relative;\n}\n\n/* Container query */\n@container (max-width: 100px) {\n .yt-fixed-bundle-variant-select-wrapper-desktop {\n position: absolute;\n display: none;\n width: 100%;\n bottom: 6px;\n }\n .yt-product-main {\n width: 100%;\n }\n .yt-fixed-bundle-variant-select-wrapper-mobile {\n width: 98%;\n position: relative;\n display: flex;\n bottom: 6px;\n }\n .yt-fixed-bundle-product-image {\n height: 110px;\n aspect-ratio: 1;\n object-fit: cover;\n }\n .yt-fixed-bundle-variant-select-wrapper {\n position: relative;\n width: 100%;\n }\n .yt-fixed-bundle-checkbox-container-desktop {\n position: absolute;\n height: 100%;\n left: -8px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .yt-fixed-bundle-product-image-container {\n margin-right: 8px;\n height: 110px;\n margin-bottom: 0px;\n position: unset;\n }\n .yt-fixed-bundle-product-card {\n max-width: 100%;\n flex-direction: row;\n }\n .yt-fixed-bundle-price-section {\n width: 100%;\n }\n}\n.yt-product-card-transition {\n opacity: 0;\n transform: translateY(20px);\n transition: transform 0.6s ease, box-shadow 0.6s ease;\n}\n\n.yt-product-card-transition-up {\n opacity: 0;\n transform: translateY(-20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.yt-product-card-transition-active {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yt-description-content img,\n.yt-collection-bundle-modal-description img,\n.yt-collection-bundle-modal-description iframe {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 0 auto 15px;\n border-radius: 7px;\n}\n\n.yt-description-content,\n.yt-collection-bundle-modal-description {\n text-align: left;\n overflow-wrap: break-word;\n}\n\n.yt-byob-pagination-observer {\n display: block !important;\n}');const ac=c.div`
|
|
2471
|
+
`,tc=[...((nc={headerIds:["offers-carousel","timer","info-text"],scroll:{topIds:[],bottomIds:["steal-deal","recs"]},footerIds:["bundle","gst","freebie-claim","shipping","note","gift-wrap","coupon","loyalty","points-preview"]}).headerIds??[]).map(e=>({id:e,zone:"headerIds"})),...(nc.scroll?.topIds??[]).map(e=>({id:e,zone:"scroll.topIds"})),...(nc.scroll?.bottomIds??[]).map(e=>({id:e,zone:"scroll.bottomIds"})),...(nc.footerIds??[]).map(e=>({id:e,zone:"footerIds"}))];var nc;const oc=new Set(tc.map(e=>e.id)),rc=(e,t,n)=>{switch(t){case"headerIds":e.headerIds?.push(n);break;case"scroll.topIds":e.scroll?.topIds?.push(n);break;case"scroll.bottomIds":e.scroll?.bottomIds?.push(n);break;case"footerIds":e.footerIds?.push(n)}},ic=({isOpen:o,setIsOpen:i,backgroundColor:a="white",backgroundSubdued:l="#3947821F",tertiaryColor:c="#067D431A",tertiaryTextColor:s="#000000",exploreCTAColor:d,checkoutFontSize:p,cartTitle:m="My Cart",emptyCartTitle:u,emptyCartDescription:g,emptyCartButtons:x,removeCartItem:f,handleIncrement:y,handleDecrement:b,addCartItem:h,isUserSignedIn:v,showBundle:w,bundleProducts:C,discountAmountOff:E,loyaltyIcon:k,pointsToBeUsed:T,rewardMultiplier:S,redemptionMultiplier:$,discountApplied:N,removeDiscount:B,applyDiscount:F,checkoutFunction:z,joinNowFunction:I,guestLoyaltyPercentage:D,isDev:A,recProductsList:_,showMultiStepProgressBar:R,cartCheckpoints:L,redemptionRate:O,pointsRewardRate:V,showCartLevelAltPay:j,exploreCtaRedirectLink:H,discountAmountApplied:q,minimumCartValue:Q,discountInCheckoutButton:U,isStickyCheckout:Y,handleCheckpointCrossed:G,customCartProgressBarCriteria:X,checkoutButtonColor:Z="#252E69",ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,productRecsCtaButtonText:oe,productRecsTitleText:ie,emptyProductRecsTitleText:ce,showProductRecsOnDesktop:se,showProductRecsOnMobile:de,themeColor:pe,themeTextColor:me,companyName:ue,gstNumber:ge,showGSTOption:xe,applyGSTToCart:fe,showMOVForProgressTiers:ye,freeProduct:be,showLoyaltyCta:he=!1,freeProductAdjustedCartTotal:ve,minimumOrderValueToAvailDiscount:we,signinCTAButtonVisible:Ce,cartSigninCTAMainText:Ee,applyNoteToCart:ke,note:Te,showNoteOption:Se,inlineCartOfferInfoText:$e,inlineCartOfferInfoRedirectLink:Ne,cartOfferTermsAndConditionsText:Be,showEditOptionOnProducts:Fe,onSetLoading:ze,showVariantSelectionDropdownInProductRecs:Ie,originalCartSubtotal:De,freebieProductsInCart:Pe,showFreebieClaim:Ae,addFreebieToCart:_e,freebiesInCart:Re,effectiveQuantityForProgressBar:Le,productPercentageOffMapping:Oe,removeFreebieFromCart:Me,postalCodeList:We,enableGeoLocationDeliveryRestriction:Ve=!1,getProductDetailsByVariantId:je,applyPostalCodeAndDeliverySlotToCart:He,showDeleteOnFreebies:qe,freebieCouponTemplates:Qe,freebieFlowCheckpoints:Ue,freebieClaimData:Ye,postalCodeBasedItemTrackingParameter:Ge,enableSlotPicker:Xe,deliveryHeaderTitle:Ze,deliveryAvailableText:Ke,deliveryNotAvailableText:Je,giftWrapSetupData:et,giftWrapProductDetail:tt,progressBarFreeProductIconType:nt,enableCustomCartOnCartPage:ot,isCartPage:rt,showCartTimer:it,showFreebieMilestone:at,freebieMilestoneData:lt,cartTimerInMinutes:ct,cartTimerCustomText:st,productRecsCardLayout:dt,productRecsCardListVariant:pt,imageAspectSelector:mt,cartComponentsCornerType:ut,cartComponentsCornerRadius:gt,cartOffersCarousalData:xt,gstSectionCustomizationData:ft,noteSectionTitle:yt,checkoutSectionMessage:bt,checkoutSectionMessageDisplay:ht,showVariantSelectionDropdownInProductClaim:vt,loyaltyDiscount:wt,brandTokenName:Ct,showDiscountOnMRP:Et,switchWidthVariant:kt,prefixMessageText:Tt,suffixMessageText:St,successMessageText:$t,toggleDecimal:Nt,cartOffersCarouselHeight:Bt,disableCheckoutButton:Ft,showEmptyCartRecommendations:zt=!1,checkoutButtonBottomSpacing:It,applyCouponCode:Dt,showApplyCoupon:Pt,enableConfetti:At,checkoutSectionMessageRedirectLink:_t,showCheckoutButtonPaymentIcons:Rt,stealDealCheckpoints:Lt,stealDealProducts:Ot,stealDealAddToCart:Mt,showCouponOptions:Wt,rewardCoupons:Vt,couponSelectionData:jt,useCartShell:Ht,showTrustedBadge:qt,trustedBadgeData:Qt,drawerLayoutData:Ut})=>{const Yt=le(Xt),Gt=le(tn),[Kt,an]=t(!1),[ln,cn]=t(!1),[sn,dn]=t(!0),{setLoading:pn}=nn();e.useEffect(()=>{ze&&ze(pn)},[ze]);const mn=r(!!Ht&&(window.ytCartShellState?.isOpen??!1)),un=r(null),gn=r(null);n(()=>{const e=e=>{"open"!==e.state?.ytCustomCartDrawer&&i(!1)};return o?(mn.current||(un.current=window.history.state,gn.current=window.location.href,window.history.pushState({ytCustomCartDrawer:"open"},"")),window.addEventListener("popstate",e),mn.current=!0):(mn.current&&"open"===window.history.state?.ytCustomCartDrawer&&window.history.replaceState(un.current,"",gn.current??window.location.href),mn.current=!1),()=>{window.removeEventListener("popstate",e)}},[o,i]);const[xn,fn]=t(!1);n(()=>{const e=document.querySelector("body");e&&(ot&&rt?e.classList.remove("drawer-open"):!xn&&o?e.classList.add("drawer-open"):e.classList.remove("drawer-open"))},[o,ot,rt,xn]),n(()=>{function e(){const e=window.innerWidth;fn(e>=450)}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const yn=Yt?.items?.reduce((e,t)=>e+t?.quantity,0);n(()=>{const e=()=>{an(!0),window.setTimeout(()=>an(!1),3e3)};return window.addEventListener("yt:autoFreebieAdded",e),()=>window.removeEventListener("yt:autoFreebieAdded",e)},[]);const[bn,hn]=t("normal"),[vn,wn]=t("normal"),[Cn,En]=t("auto");n(()=>{CSS.supports("font-weight","500")?hn("500"):CSS.supports("font-weight","400")?hn("400"):CSS.supports("font-weight","600")&&hn("600"),CSS.supports("font-weight","400")?wn("400"):CSS.supports("font-weight","300")?wn("300"):CSS.supports("font-weight","200")&&wn("200"),CSS.supports("width","-webkit-fill-available")?En("-webkit-fill-available"):CSS.supports("width","-moz-available")&&En("-moz-available")},[]),n(()=>{document.documentElement.style.setProperty("--yt-cart-font-weight",bn),document.documentElement.style.setProperty("--yt-cart-product-rec-price-font-weight",vn),document.documentElement.style.setProperty("--yt-cart-custom-fill-width",Cn)},[bn,vn]);const[kn]=ae(Zt),[Tn]=ae(en),[Sn]=ae(Jt);n(()=>{dn(!("all-products"!==Ge&&("specific-tags"!==Ge||kn.isPostalCodeValid||Xe)&&("specific-tags"!==Ge||kn.isPostalCodeValid||Tn||!Xe)&&("specific-tags"===Ge&&"standard"===Sn||ln&&(Xe?kn.isPostalCodeValid&&Tn:kn.isPostalCodeValid))))},[kn.isPostalCodeValid,Tn,ln,Ge,Xe]),ae(on);const[$n,Nn]=t(!0);n(()=>{"true"===localStorage.getItem("cartTimerRanOnce")&&Nn(!1);const e=localStorage.getItem("cartTimerTimeLeft");e&&parseInt(e,10)<=0&&Nn(!1)},[]);const Bn=()=>{Nn(!1),localStorage.setItem("cartTimerRanOnce","true"),localStorage.removeItem("timeLeft"),localStorage.removeItem("lastUpdate")},Fn=new Date("2024-11-01"),zn=Ht?document.getElementById("yt-cart-shell-content"):null,In=(e=>{const t={headerIds:[],scroll:{topIds:[],bottomIds:[]},footerIds:[]},n=new Set;return["headerIds","scroll.topIds","scroll.bottomIds","footerIds"].forEach(o=>{((e,t)=>{switch(t){case"headerIds":return e?.headerIds??[];case"scroll.topIds":return e?.scroll?.topIds??[];case"scroll.bottomIds":return e?.scroll?.bottomIds??[];case"footerIds":return e?.footerIds??[];default:return[]}})(e,o).forEach(e=>{!n.has(e)&&oc.has(e)&&(n.add(e),rc(t,o,e))})}),tc.forEach(({id:e,zone:o})=>{n.has(e)||(n.add(e),rc(t,o,e))}),t})(Ut),Dn=_&&_?.filter(Boolean).length>0,Pn=_&&_?.filter(Boolean),An=(t,n)=>{const r=`drawer-layout-${t}-${n}`;switch(t){case"offers-carousel":return xt?.enableCartOffersCarousel?e.createElement(ml,{key:r,themeColor:pe,cartOffersCarousalData:xt,cartOffersCarouselHeight:Bt,cartData:Yt}):null;case"timer":return it&&$n&&Yt?.item_count?e.createElement(Ha,{key:r,minutes:ct,customText:st,onTimerComplete:Bn}):null;case"info-text":return $e?e.createElement(Na,{key:r,inlineCartOfferInfoText:$e,inlineCartOfferInfoRedirectLink:Ne,themeColor:pe,tooltipText:Be,themeTextColor:me}):null;case"steal-deal":return Lt&&Lt.length>0&&Ot&&Ot.length>0&&Yt?.item_count>0?e.createElement(Kl,{key:r,stealDealCheckpoints:Lt,stealDealProducts:Ot,freeProductAdjustedCartTotal:ve,effectiveQuantityForProgressBar:Le,addFreebieToCart:Mt??_e,freebiesInCart:Re??[],themeColor:pe,primaryTextColor:te,secondaryTextColor:ne}):null;case"recs":return(t=>{const n=xn&&se&&!!Pn&&Dn&&Yt?.item_count>0&&h,o=!xn&&de&&!!Pn&&Dn&&Yt?.item_count>0&&h;return n||o?e.createElement(e.Fragment,{key:t},n&&e.createElement(Zn,{addCartItem:h,products:Pn,productRecsCtaButtonText:oe,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,productRecsTitleText:ie,themeColor:pe,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Ie,cardLayout:dt,variant:pt,cartComponentsCornerType:ut,cartComponentsCornerRadius:gt,backgroundSubdued:l,backgroundColor:a,tertiaryColor:c,tertiaryTextColor:s}),o&&e.createElement(Zn,{addCartItem:h,products:Pn,productRecsCtaButtonText:oe,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,productRecsTitleText:ie,themeColor:pe,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Ie,cardLayout:dt,variant:pt,cartComponentsCornerRadius:gt,cartComponentsCornerType:ut,backgroundSubdued:l,tertiaryColor:c,tertiaryTextColor:s})):null})(r);case"bundle":return Yt?.item_count>0&&w&&C?e.createElement(Lr,{key:r,bundleProducts:C}):null;case"gst":return xe&&fe&&Yt?.item_count>0?e.createElement(di,{key:r,companyName:ue,gstNumber:ge,themeColor:pe,iconColor:ft?.iconColor,showIcon:ft?.showIcon,backgroundColor:ft?.backgroundColor,textColor:ft?.textColor,title:ft?.title}):null;case"freebie-claim":return Yt&&Yt?.item_count>0&&_e&&Pe&&Re&&Pe.length>0?e.createElement($a,{key:r,freebieProductsInCart:Pe,themeColor:pe,themeTextColor:me,primaryTextColor:te,addFreebieToCart:_e,freebiesInCart:Re,imageAspectSelector:mt,freebieCouponTemplates:Qe,freebieClaimData:Ye,cartCheckpoints:L,isCartDrawerOpen:o}):null;case"shipping":return Ve&&(We?.length??0)>0&&He&&Yt?.item_count>0?e.createElement("div",{key:r,className:"yt-cart-geolocation-section form-group"},e.createElement("div",{className:"yt-cart-shipping-header",style:{display:"flex",justifyContent:"space-between",alignItems:"center",margin:"6px 1rem 1rem 1rem"},onClick:()=>dn(!sn)},e.createElement("span",{className:"yt-cart-shipping-label",style:{fontSize:"12px",display:"flex",gap:"5px",alignItems:"center"}},"Shipping ",e.createElement(J,null)),e.createElement("div",{className:"yt-cart-shipping-toggle-icon icon-transition"},sn?e.createElement(M,null):e.createElement(W,null))),"all-products"===Ge&&sn?e.createElement(za,{postalCodeList:We,themeColor:pe,themeTextColor:me,enableSlotPicker:Xe,deliveryHeaderTitle:Ze,deliveryAvailableText:Ke,deliveryNotAvailableText:Je,disabledDates:Fn}):sn&&(ln?e.createElement(za,{postalCodeList:We,themeColor:pe,themeTextColor:me,enableSlotPicker:Xe,deliveryHeaderTitle:Ze,deliveryAvailableText:Ke,deliveryNotAvailableText:Je,disabledDates:Fn}):e.createElement(Ia,{postalCodeList:We,themeColor:pe,themeTextColor:me,enableSlotPicker:Xe,disabledDates:Fn}))):null;case"note":return Se&&ke&&Yt?.item_count>0?e.createElement(pi,{key:r,note:Te,noteSectionTitle:yt}):null;case"gift-wrap":return et?.showGiftWrapOption&&Yt?.item_count>0?e.createElement(Wa,{key:r,themeColor:pe,id:et?.giftProductId,detail:tt,showPrice:et?.showPrice,errorText:et?.errorText,customText:et?.customText,showGiftIcon:et?.showGiftIcon,showProductImage:et?.showProductImage,addCartItem:h,removeCartItem:f}):null;case"coupon":return Yt?.item_count>0&&Wt&&Vt&&jt&&Dt&&!he?e.createElement(Zr,{key:r,rewardCoupons:Vt,couponSelectionData:jt,applyCouponCode:Dt,removeDiscount:B,enableConfetti:At,backgroundSubdued:l,themeColor:pe,themeTextColor:me,primaryTextColor:te,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,cartComponentsCornerRadius:gt}):Yt?.item_count>0&&Pt&&!Wt&&!he&&Dt?e.createElement(Or,{key:r,backgroundSubdued:l,themeColor:pe,themeTextColor:me,primaryTextColor:te,cartComponentsCornerRadius:gt,applyCouponCode:Dt,removeDiscount:B,enableConfetti:At}):null;case"loyalty":return(t=>he&&Yt?.item_count?e.createElement(e.Fragment,{key:t},v||wt?!wt&&void 0!==E&&void 0!==T&&!!k&&!!F&&e.createElement(er,{themeColor:pe,applyDiscount:F,discountAmountOff:E,loyaltyIcon:k,pointsToBeUsed:T,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,minimumOrderValueToAvailDiscount:we,brandTokenName:Ct,showCartLevelAltPay:j,redemptionMultiplier:$}):!!D&&!!I&&e.createElement(Qo,{cartSigninCTAMainText:Ee,signinCTAButtonVisible:Ce,themeColor:pe,joinNowFunction:I,guestLoyaltyPercentage:D,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,cartComponentsCornerRadius:gt,cartComponentsCornerType:ut,showCartLevelAltPay:j}),!!wt&&!!B&&wt&&void 0!==T&&e.createElement(Xo,{themeColor:pe,removeDiscount:B,loyaltyDiscount:wt,isDev:A,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,pointsToBeUsed:T,brandTokenName:Ct,showCartLevelAltPay:j}),!!we&&we>1&&e.createElement("span",{className:"yt-cart-loyalty-mov-text",style:{fontSize:"10px",color:pe??"#50D1AA",fontWeight:600,display:"flex",justifyContent:Ce?"space-between":"center"}},"Minimum order value to use ",Ct,":"," ",we)):null)(r);case"points-preview":return he&&j&&O&&k&&Yt?.item_count>0?e.createElement(bl,{key:r,loyaltyIcon:k,backgroundSubdued:l,primaryTextColor:te,pointsRewardRate:V,rewardMultiplier:S}):null;default:return null}},_n=e.createElement(e.Fragment,null,Gt.cartLoading?e.createElement("div",{className:"yt-cart-loader-overlay",style:{backgroundColor:"#fff",width:"100%",height:"100%",alignItems:"center",justifyContent:"center",display:"flex",position:"absolute",opacity:0,zIndex:51}},Gt.showLoader&&!Gt.showSkeletonLoader&&e.createElement("div",{className:"loader"},"")):e.createElement(e.Fragment,null),e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-cart-drawer-content",style:{display:"flex",flexDirection:"column",height:"100%",justifyContent:"space-between"}},e.createElement("div",{className:"yt-cart-header"},e.createElement("div",{className:"yt-cart-header-row",style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",margin:"1rem 1rem 0px"}},e.createElement("span",{className:"yt-cart-title-container",style:{fontWeight:"var(--yt-cart-font-weight, bold)",color:te,fontSize:"16px"}},e.createElement("span",{className:"yt-cart-title-text",style:{whiteSpace:"nowrap",flexShrink:0}},m),Yt?.item_count>0&&j&&!(he&&j)&&V>0&&e.createElement(vl,{pointsRewardRate:V,loyaltyIcon:k,brandTokenName:Ct,themeColor:pe,themeTextColor:me,rewardMultiplier:S}),yn>0&&e.createElement(ec,{className:"yt-cart-item-count-badge",$backgroundSubdued:l},yn)),e.createElement("div",{className:"yt-cart-header-actions",style:{display:"flex",gap:"8px",flexDirection:"row",alignItems:"center"}},!(ot&&rt)&&e.createElement("div",{className:"yt-cart-close-button close-button",style:{backgroundColor:l||"#cacaca30"}},e.createElement(re,{style:{height:"auto",width:"auto",color:te},fontSize:24,cursor:"pointer",onClick:()=>{i(!o)}})))),Gt&&e.createElement(fl,{$themeColor:pe,show:Gt.showLoader}),Kt&&At&&e.createElement(Eo,{particleCount:50,spread:90,origin:{y:.3}}),In.headerIds?.map((e,t)=>An(e,t))),R&&Yt?.items_subtotal_price>0&&Yt?.currency&&!!L&&function(e,t,n,o,r){if(!e||0===e.length)return!1;const i=[...e].sort((e,t)=>"minimum_order_value"===o?e?.minimumOrderValue-t?.minimumOrderValue:e?.quantityThreshold-t?.quantityThreshold);return i.filter(e=>0!==e?.[bo(o)]&&("minimum_order_value"!==o||1!==e?.[bo(o)])).some((e,a)=>ho(e,a,i,r,{currentCartAmount:t,effectiveQuantityForProgressBar:n,customCartProgressBarCriteria:o,checkpoints:i}).progressPercentage>0)}(L,rn(void 0!==De?De:Yt?.items_subtotal_price,Yt.currency),void 0===Le?Yt?.item_count:Le,X??"minimum_order_value",Yt?.item_count)&&e.createElement(e.Fragment,null,e.createElement(Do,{customCartProgressBarCriteria:X??"minimum_order_value",handleCheckpointCrossed:G,checkpoints:L,effectiveQuantityForProgressBar:void 0===Le?Yt?.item_count:Le,currentCartAmount:rn(void 0!==De?De:Yt?.items_subtotal_price,Yt.currency),themeColor:pe,themeTextColor:me,primaryTextColor:te,secondaryTextColor:ne,showMOVForProgressTiers:ye,progressBarFreeProductIconType:nt,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,prefixMessageText:Tt,suffixMessageText:St,successMessageText:$t,enableConfetti:At})),Yt?.item_count>0&&e.createElement("div",{className:"yt-cart-divider",style:{display:"flex",height:"12px",background:"#87878717"}}),0===Yt?.items?.length&&0===Yt?.item_count&&!1===Gt?.showSkeletonLoader?e.createElement(_o,{showLoyaltyCta:he,joinNowFunction:I,emptyCartTitle:u,emptyCartDescription:g,exploreCTAColor:d,isUserSignedIn:v,exploreCtaRedirectLink:H,themeColor:pe,emptyCartButtons:x,cartComponentsCornerRadius:gt,cartComponentsCornerType:ut,themeTextColor:me,isRecProductsListValid:Dn,recProductsList:Pn,addCartItem:h,productRecsCtaButtonText:oe,ctaButtonBackgroundColor:K,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Ie,emptyProductRecsTitleText:ce,backgroundSubdued:l,showEmptyCartRecommendations:zt,tertiaryColor:c,tertiaryTextColor:s}):e.createElement("div",{className:"yt-cart-scroll-area",style:{display:"flex",flexDirection:"column",overflowY:"auto",flex:1,overflowX:"hidden",height:"100%",scrollbarWidth:"none"}},In.scroll?.topIds?.map((e,t)=>An(e,t)),e.createElement(Rr,{isDev:A,themeColor:pe,handleDecrement:b,handleIncrement:y,removeCartItem:f,addCartItem:h,primaryTextColor:te,secondaryTextColor:ne,freeProduct:be,themeTextColor:me,showEditOptionOnProducts:Fe,productPercentageOffMapping:Oe,removeFreebieFromCart:Me,showDeleteOnFreebies:qe,freebieCouponTemplates:Qe??[],freebieFlowCheckpoints:Ue??[],cartCheckpoints:L,freeProductAdjustedCartTotal:ve,imageAspectSelector:mt,cartComponentsCornerRadius:gt,cartComponentsCornerType:ut,giftWrapVariantId:tt?.variants?.nodes[0]?.id,giftWrapProductId:et?.giftProductId,showGiftWrapAsLineItem:et?.showGiftWrapAsLineItem,backgroundSubdued:l,tertiaryColor:c,tertiaryTextColor:s,backgroundColor:a,showDiscountOnMRP:Et,checkoutSectionMessage:bt,checkoutSectionMessageRedirectLink:_t,showFreebieMilestone:at,freebieMilestoneData:lt,freeLabelText:Ye?.freeLabelText}),In.scroll?.bottomIds?.map((e,t)=>An(e,t)),"devlhok.myshopify.com"===window.ytapp?.storeDomain&&e.createElement(wl,{showDiscountOnMRP:Et,cartCheckpoints:L,toggleDecimal:Nt,primaryTextColor:te,discountApplied:N,showTrustedBadge:qt,discountAmountApplied:q})),e.createElement(Yo,null,In.footerIds?.map((e,t)=>An(e,t)),Yt&&z&&Yt?.item_count>0&&e.createElement("div",{className:"yt-cart-checkout-wrapper"},e.createElement(Wo,{disableCheckoutButton:!!Ft||Gt.cartLoading,discountApplied:N,checkoutFunction:z,checkoutButtonColor:Z,checkoutFontSize:p,discountInCheckoutButton:U,isStickyCheckout:Y,discountAmountApplied:q,minimumCartValue:Q,themeTextColor:me,applyGSTToCart:fe,showGSTOption:xe,applyNoteToCart:ke,showNoteOption:Se,enableGeoLocationDeliveryRestriction:Ve,applyPostalCodeAndDeliverySlotToCart:He,enableSlotPicker:Xe,cartComponentsCornerRadius:gt,cartComponentsCornerType:ut,checkoutSectionMessage:bt,checkoutSectionMessageDisplay:ht,checkoutSectionMessageRedirectLink:_t,showDiscountOnMRP:Et,tertiaryColor:c,tertiaryTextColor:s,cartCheckpoints:L,toggleDecimal:Nt,checkoutButtonBottomSpacing:It,showCheckoutButtonPaymentIcons:Rt,primaryTextColor:te,hideSubtotalAndBadge:"devlhok.myshopify.com"===window.ytapp?.storeDomain,showTrustedBadge:qt,trustedBadgeData:Qt,isLargeScreen:xn}))))));return Ht&&zn?P(_n,zn):e.createElement(Jl,{className:"yt-cart-drawer",$isDev:A,$isOpen:o,$backgroundColor:a,$enableCustomCartOnCartPage:ot,$isCartPage:rt,$isLargeScreen:xn,$switchWidthVariant:kt},_n)};yt('@media (max-width: 108px) {\n .yt-fixed-bundle-price-section {\n width: 100% !important;\n }\n .yt-fixed-bundle-product-list {\n max-width: 100% !important;\n width: 100% !important;\n justify-content: center !important;\n }\n .price-text {\n text-align: center !important;\n }\n .bundle-builder-add-to-bundle-button {\n font-size: 12px !important;\n padding: 0px 8px !important;\n }\n .quantity .input-text.qty {\n width: 12px !important;\n height: 18px !important;\n }\n .quantity.buttons_added .minus,\n .quantity.buttons_added .plus {\n padding: 6px !important;\n height: 20px !important;\n }\n .bundle-builder-tracker-container {\n justify-content: center !important;\n }\n .bundle-builder-title .bundle-builder-subtitle {\n font-size: 30px !important;\n }\n .bundle-builder-title {\n font-size: 2rem !important;\n }\n .bundle-builder-tracker-item {\n width: 64px !important;\n height: 64px !important;\n }\n .bundle-builder-product-title {\n font-size: 14px !important;\n }\n}\n.hide-tracker-scrollbar {\n overflow-x: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n -webkit-overflow-scrolling: touch;\n}\n\n.hide-tracker-scrollbar::-webkit-scrollbar {\n display: none;\n}\n\n.yt-fixed-bundle-border {\n border: 1px solid #c7c7c7;\n}\n\n.yt-fixed-bundle-border-minor-curved {\n border-radius: 8px;\n}\n\n.yt-fixed-bundle-border-minor-curved-image {\n border-radius: 6px;\n}\n\n.yt-fixed-bundle-border-major-curved {\n border-radius: 20px;\n}\n\n.yt-fixed-bundle-border-major-curved-image {\n border-radius: 18px;\n}\n\n@media (min-width: 1200px) {\n .bundle-builder-title .bundle-builder-subtitle {\n font-size: 30px !important;\n }\n}\n@media (max-width: 540px) {\n .bundle-builder-tracker-container {\n gap: 5px !important;\n margin-block: 0 !important;\n }\n .bundle-summary {\n display: flex;\n flex-direction: column !important;\n align-items: flex-start;\n gap: 2px !important;\n }\n .bundle-summary button {\n padding-top: 2px !important;\n padding-inline: 13px !important;\n font-size: 14px !important;\n padding-inline: 10px !important;\n padding: 0px;\n width: -webkit-fill-available;\n }\n .bundle-builder-tracker-progress {\n display: block !important;\n }\n .summary-info {\n width: 100% !important;\n min-width: 200px !important;\n display: flex;\n justify-content: space-between !important;\n flex-direction: row !important;\n flex-grow: 1 !important;\n font-size: 14px !important;\n }\n}\n@media (max-width: 540px) {\n .products-display {\n justify-content: space-between !important;\n column-gap: 5px !important;\n }\n .bundle-builder-product-container {\n width: 49% !important;\n }\n .bundle-builder-title {\n font-size: 1.5rem !important;\n margin-bottom: 8px !important;\n }\n .bundle-builder-subtitle {\n padding-top: 4px;\n font-size: 1rem !important;\n }\n}\n@media (max-width: 540px) {\n .bundle-summary.bundle-filled {\n display: flex !important;\n }\n}\n.yt-bundle-builder-product-price {\n font-weight: 600;\n color: black;\n margin-bottom: 2px;\n}\n\n/* Fixed bundle block */\n.yt-fixed-bundle-fixed-bundle {\n box-sizing: unset;\n max-width: 1000px;\n margin: 0 auto;\n container-type: inline-size;\n text-align: left;\n}\n\n.yt-fixed-bundle-bundle-header {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 10px 0px;\n gap: 8px;\n line-height: normal;\n}\n\n.yt-fixed-bundle-bundle-title {\n font-size: 24px;\n font-weight: 600;\n text-align: center;\n width: 100%;\n}\n\n.yt-fixed-bundle-bundle-subtitle {\n font-size: 16px;\n font-weight: 300;\n text-align: center;\n}\n\n.yt-fixed-bundle-bundle-content {\n display: flex;\n flex-direction: column;\n padding: 10px 0px;\n}\n\n.yt-fixed-bundle-product-list {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.yt-product-main {\n width: 100%;\n}\n\n.yt-fixed-bundle-product-card {\n display: flex;\n width: 90%;\n align-items: flex-start;\n padding: 0px;\n box-shadow: 2px 2px 11.8px 0px rgba(0, 0, 0, 0.1411764706);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n}\n\n.yt-fixed-bundle-product-image-container {\n margin-right: 8px;\n height: 110px;\n position: unset;\n}\n\n.yt-fixed-bundle-product-image {\n max-width: none;\n height: 110px;\n aspect-ratio: 1;\n object-fit: cover;\n}\n\n.yt-fixed-bundle-product-details {\n width: 100%;\n align-self: center;\n display: flex;\n flex-direction: column;\n gap: 6px;\n text-align: left;\n}\n\n.yt-fixed-bundle-product-title {\n font-size: 16px;\n font-weight: 700;\n display: block;\n line-height: 1.4;\n}\n\n.yt-fixed-bundle-product-price {\n font-size: 16px;\n display: block;\n margin-bottom: 6px;\n}\n\n.yt-fixed-bundle-original-price {\n text-decoration: line-through !important;\n color: #6b7280;\n margin-left: 4px;\n}\n\n.yt-fixed-bundle-variant-select-wrapper-desktop {\n position: absolute;\n display: none;\n width: 100%;\n bottom: 6px;\n}\n\n.yt-fixed-bundle-variant-select-wrapper-mobile {\n width: 98%;\n position: relative;\n display: flex;\n}\n\n.yt-fixed-bundle-checkbox-container-desktop {\n position: absolute;\n height: 100%;\n left: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.yt-fixed-bundle-checkbox {\n display: none !important;\n}\n\n.yt-fixed-bundle-checkbox-label {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #000;\n background: white;\n cursor: pointer;\n color: white !important;\n}\n\n.yt-fixed-bundle-checkbox:checked + .yt-fixed-bundle-checkbox-label {\n border-color: #000;\n color: white !important;\n border: 0px;\n font-size: 16px;\n}\n\n.yt-fixed-bundle-variant-select {\n appearance: none;\n -webkit-appearance: none;\n width: 100%;\n padding: 4px 20px;\n background-color: #ffffff;\n font-size: 15px;\n background-image: none;\n color: #2d2d2d;\n cursor: pointer;\n transition: border-color 0.3s ease, box-shadow 0.3s ease;\n}\n\n.yt-fixed-bundle-variant-select:focus {\n border-color: #cac6c6;\n box-shadow: 0 0 8px 0 rgba(56, 55, 57, 0.3);\n outline: none;\n}\n\n.yt-fixed-bundle-select-dot {\n position: absolute;\n top: 50%;\n left: 10px;\n transform: translateY(-50%);\n font-weight: 700;\n color: #4d4d4d;\n width: 8px; /* Adjust size */\n font-size: 8px;\n border-radius: 50%;\n pointer-events: none;\n}\n\n.yt-fixed-bundle-select-dot::after {\n content: "";\n width: 7px;\n height: 7px;\n border-radius: 50%;\n background-color: #1b1b1b;\n}\n\n.yt-fixed-bundle-select-icon {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n pointer-events: none;\n color: #6b7280;\n background-color: rgba(30, 57, 103, 0.1);\n font-size: 20px;\n height: 100%;\n padding: 0px 5px;\n}\n\n.yt-fixed-bundle-plus-sign {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.yt-fixed-bundle-plus-sign span {\n display: flex;\n justify-content: center;\n width: 24px;\n height: 22px;\n align-items: center;\n padding-bottom: 2px;\n background-color: #f2f2f2;\n color: black;\n border-radius: 2px;\n font-size: 20px;\n font-weight: bold;\n}\n\n.yt-fixed-bundle-price-section {\n display: flex;\n flex-direction: column;\n margin-top: 20px;\n width: 1000px;\n}\n\n.yt-fixed-bundle-subtotal {\n font-size: 13px;\n font-weight: 400 !important;\n}\n\n.yt-fixed-bundle-subtotal-amount {\n font-weight: 600;\n font-size: 13px;\n}\n\n.yt-fixed-bundle-deal-price-container {\n display: flex;\n justify-content: center;\n align-items: center;\n margin-bottom: 12px;\n gap: 8px;\n margin-top: 3px;\n flex-direction: row;\n}\n\n.yt-fixed-bundle-deal-price {\n font-size: 16px;\n font-weight: 600;\n}\n\n.yt-fixed-bundle-extra-savings {\n font-size: 12px;\n color: #f6f8f7;\n padding: 4px 8px;\n background-color: #d3122a;\n border-radius: 2px;\n font-weight: 700 !important;\n}\n\n.yt-fixed-bundle-add-to-cart-button {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n background-color: #8b5cf6;\n border: none;\n padding: 8px 0px;\n font-size: 16px;\n font-weight: 500 !important;\n cursor: pointer;\n width: 100%;\n}\n\n.yt-fixed-bundle-add-to-cart-button:disabled,\n.yt-fixed-bundle-add-to-cart-button[disabled] {\n color: #7d7d7d;\n cursor: default;\n}\n\n.yt-fixed-bundle-product-card.horizontal {\n max-width: 100%;\n flex-direction: row;\n}\n\n.yt-fixed-bundle-product-card.horizontal:hover {\n transform: none;\n}\n\n.yt-fixed-bundle-product-list.horizontal {\n width: 100%;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n flex-wrap: wrap;\n gap: 15px;\n}\n\n.yt-product-main.horizontal {\n width: 100%;\n}\n\n.yt-fixed-bundle-product-image-container.horizontal {\n height: 110px;\n margin-bottom: 0px;\n position: unset;\n width: 30%;\n}\n\n.yt-fixed-bundle-product-image.horizontal {\n height: 110px;\n aspect-ratio: 1;\n object-fit: cover;\n user-select: none;\n}\n\n.yt-fixed-bundle-variant-select-wrapper-desktop.horizontal {\n position: absolute;\n display: none;\n width: 100%;\n bottom: 6px;\n}\n\n.yt-fixed-bundle-variant-select-wrapper-mobile.horizontal {\n width: 98%;\n position: relative;\n display: flex;\n}\n\n.yt-fixed-bundle-checkbox-container-desktop.horizontal {\n position: absolute;\n height: 100%;\n left: -8px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.yt-fixed-bundle-product-details.horizontal {\n padding-left: 0px;\n}\n\n.yt-fixed-bundle-product-price.horizontal {\n margin-bottom: 0px;\n}\n\n@media (min-width: 100px) {\n @container (width > 100px) {\n .yt-fixed-bundle-fixed-bundle {\n padding: 40px;\n }\n .yt-fixed-bundle-variant-select-wrapper-desktop {\n position: absolute;\n display: flex;\n width: 100%;\n bottom: 6px;\n }\n .yt-fixed-bundle-variant-select-wrapper-mobile {\n display: none;\n width: 100%;\n }\n .yt-fixed-bundle-checkbox-label {\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 1px solid #000;\n background: white;\n cursor: pointer;\n color: white !important;\n }\n .yt-fixed-bundle-checkbox:checked + .yt-fixed-bundle-checkbox-label {\n border-color: #000;\n color: white !important;\n border: 0px;\n font-size: 16px;\n }\n .yt-fixed-bundle-variant-select {\n margin: 0px 4px;\n }\n .yt-fixed-bundle-select-icon {\n right: 4px;\n }\n .yt-fixed-bundle-bundle-title {\n font-size: 32px;\n }\n .yt-fixed-bundle-bundle-subtitle {\n font-size: 20px;\n }\n .yt-fixed-bundle-bundle-content {\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n }\n .yt-fixed-bundle-product-list {\n width: 100%;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n flex-wrap: wrap;\n gap: 15px;\n }\n .yt-fixed-bundle-product-card {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n text-align: center;\n }\n .yt-fixed-bundle-product-image-container {\n width: 100%;\n height: 100%;\n margin-right: 0;\n margin-bottom: 12px;\n justify-content: center;\n position: relative;\n }\n .yt-fixed-bundle-product-details {\n width: 100%;\n align-self: center;\n display: flex;\n flex-direction: column;\n gap: 6px;\n text-align: left;\n }\n .yt-fixed-bundle-product-image {\n height: 230px;\n width: 100%;\n aspect-ratio: 1;\n align-self: center;\n }\n .yt-fixed-bundle-plus-sign {\n align-self: center;\n margin-left: 0;\n }\n .yt-fixed-bundle-price-section {\n width: 100%;\n margin-top: 32px;\n align-items: center;\n justify-content: center;\n text-align: center;\n }\n .yt-fixed-bundle-extra-savings {\n font-size: 10px;\n }\n .yt-fixed-bundle-subtotal {\n font-size: 15px;\n }\n .yt-fixed-bundle-subtotal-amount {\n font-size: 15px;\n }\n .yt-fixed-bundle-checkbox-container-desktop {\n position: absolute;\n top: 8px;\n left: 10px;\n height: auto;\n display: flex;\n align-items: center;\n }\n .yt-fixed-bundle-deal-price {\n font-size: 24px;\n }\n .yt-fixed-bundle-extra-savings {\n font-size: 13px;\n padding: 4px 8px;\n }\n .yt-fixed-bundle-add-to-cart-button {\n font-size: 20px;\n padding: 10px 0px;\n width: 100%;\n }\n .yt-product-main {\n width: 29%;\n }\n .yt-fixed-bundle-product-card:hover {\n transform: translateY(-5px);\n box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1411764706);\n }\n }\n}\n.yt-product-main {\n display: flex;\n position: relative;\n}\n\n/* Container query */\n@container (max-width: 100px) {\n .yt-fixed-bundle-variant-select-wrapper-desktop {\n position: absolute;\n display: none;\n width: 100%;\n bottom: 6px;\n }\n .yt-product-main {\n width: 100%;\n }\n .yt-fixed-bundle-variant-select-wrapper-mobile {\n width: 98%;\n position: relative;\n display: flex;\n bottom: 6px;\n }\n .yt-fixed-bundle-product-image {\n height: 110px;\n aspect-ratio: 1;\n object-fit: cover;\n }\n .yt-fixed-bundle-variant-select-wrapper {\n position: relative;\n width: 100%;\n }\n .yt-fixed-bundle-checkbox-container-desktop {\n position: absolute;\n height: 100%;\n left: -8px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .yt-fixed-bundle-product-image-container {\n margin-right: 8px;\n height: 110px;\n margin-bottom: 0px;\n position: unset;\n }\n .yt-fixed-bundle-product-card {\n max-width: 100%;\n flex-direction: row;\n }\n .yt-fixed-bundle-price-section {\n width: 100%;\n }\n}\n.yt-product-card-transition {\n opacity: 0;\n transform: translateY(20px);\n transition: transform 0.6s ease, box-shadow 0.6s ease;\n}\n\n.yt-product-card-transition-up {\n opacity: 0;\n transform: translateY(-20px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n}\n\n.yt-product-card-transition-active {\n opacity: 1;\n transform: translateY(0);\n}\n\n.yt-description-content img,\n.yt-collection-bundle-modal-description img,\n.yt-collection-bundle-modal-description iframe {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 0 auto 15px;\n border-radius: 7px;\n}\n\n.yt-description-content,\n.yt-collection-bundle-modal-description {\n text-align: left;\n overflow-wrap: break-word;\n}\n\n.yt-byob-pagination-observer {\n display: block !important;\n}');const ac=c.div`
|
|
2472
2472
|
display: flex;
|
|
2473
2473
|
flex-direction: row;
|
|
2474
2474
|
height: 100%;
|
|
@@ -2568,7 +2568,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2568
2568
|
border-top-left-radius: ${({borderRadius:e})=>e};
|
|
2569
2569
|
border-top-right-radius: ${({borderRadius:e})=>e};
|
|
2570
2570
|
transition: transform 0.3s ease;
|
|
2571
|
-
`;const
|
|
2571
|
+
`;const mc=c.select`
|
|
2572
2572
|
border: 1px solid #c7c7c7;
|
|
2573
2573
|
padding: 8px;
|
|
2574
2574
|
position: absolute;
|
|
@@ -2589,7 +2589,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2589
2589
|
|
|
2590
2590
|
background-image: none !important;
|
|
2591
2591
|
marginbottom: 0 !important;
|
|
2592
|
-
`,
|
|
2592
|
+
`,uc=c.div`
|
|
2593
2593
|
font-size: 18px;
|
|
2594
2594
|
padding: ${({showBorder:e})=>e?"0 10px":"0 4px"};
|
|
2595
2595
|
font-weight: var(--yt-bundle-font-weight, bold);
|
|
@@ -2932,7 +2932,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2932
2932
|
text-align: center;
|
|
2933
2933
|
display: flex;
|
|
2934
2934
|
flex-shrink: 0;
|
|
2935
|
-
`,Yc=({tiers:t,isMobile:n=!1,selectedProductsByTier:o,selectedProducts:r,themeColor:i,showProductDetailsInTracker:a,handleRemoveItemProductTier:l,cornerRadius:c,currencySymbol:s})=>e.createElement(e.Fragment,null,t.map((i,d)=>{const p=i.minimumQuantity-(o[d]?.length??0),u=r?.filter(e=>e.tierIndex===d);return Math.min(o[d]?.length/i.minimumQuantity*100,100),e.createElement("div",{className:"yt-byob-tracker-product-list-tier-wrapper",style:{display:"flex",width:"100%"}},e.createElement("div",{className:"yt-byob-tracker-product-list-tier-items"},e.createElement("div",{className:"yt-byob-tracker-product-list-items",style:{display:"flex",gap:"5px"}},u?.map?.(t=>{const r=t.product.variants?.edges?.find(e=>e.node.id===t.variantId),p=o[d]?.filter(e=>e===r?.node.id).length||0;return a?e.createElement(Qc,{className:"yt-byob-tracker-detailed-product-item",key:t.variantId},e.createElement(Bc,{className:"yt-byob-tracker-detailed-image",style:{backgroundImage:`url(${r?.node.image?.url&&r?.node.image?.url?.length>0?r?.node.image.url:t.product.featuredMedia?.preview?.image?.url})`}},t?.isFree&&e.createElement("div",{style:{position:"absolute",bottom:4,left:"30%",background:"linear-gradient(135deg, #ff0080, #ff4d4d)",color:"white",fontWeight:900,fontSize:"8px",padding:"4px 6px",borderRadius:"40px",letterSpacing:"1.5px",textTransform:"uppercase",boxShadow:"0 6px 20px rgba(255, 0, 128, 0.7)",zIndex:20,border:"1px solid white",animation:"popup 0.6s ease-out"}},"FREE",e.createElement("style",null,"\n @keyframes popup {\n 0% { transform: scale(0) rotate(-30deg); opacity: 0; }\n 70% { transform: scale(1.3); }\n 100% { transform: scale(1); }\n }\n ")),t?.quantity>1&&e.createElement(Sc,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},t.quantity,"x")),e.createElement(zc,{className:"yt-byob-tracker-info-block"},e.createElement(Ic,{className:"yt-byob-tracker-product-title"},t.product.title),e.createElement(Dc,{className:"yt-byob-tracker-product-price"},s,ru(r?.node?.price)),e.createElement($c,{className:"yt-byob-tracker-remove-detailed-btn",onClick:()=>l(t.variantId,d),style:{...1===i.minimumQuantity&&1===i.products.length&&1===o[d]?.length?{display:"none"}:{}}},e.createElement(ct,null),e.createElement("span",null,"Remove")))):e.createElement("div",{className:"yt-byob-tracker-product-item",key:t.variantId},e.createElement(qc,{className:"yt-byob-tracker-product-list-item",isMobile:n,borderRadius:c,imageUrl:r?.node.image?.url&&r?.node.image?.url?.length>0?r?.node.image.url:t.product.featuredMedia?.preview?.image?.url,style:{borderRadius:c||"12px"}},t?.isFree&&e.createElement("div",{style:{position:"absolute",top:4,left:4,background:"linear-gradient(135deg, #ff0080, #ff4d4d)",color:"white",fontWeight:900,fontSize:"8px",padding:"4px 6px",borderRadius:"8px",letterSpacing:"1.5px",textTransform:"uppercase",boxShadow:"0 6px 20px rgba(255, 0, 128, 0.7)",zIndex:20,border:"1px solid white",animation:"popup 0.6s ease-out"}},e.createElement(at,null),e.createElement("style",null,"\n @keyframes popup {\n 0% { transform: scale(0) rotate(-30deg); opacity: 0; }\n 70% { transform: scale(1.3); }\n 100% { transform: scale(1); }\n }\n ")),p>1&&e.createElement(Sc,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},p,"x"),e.createElement($c,{className:"yt-byob-tracker-remove-btn",onClick:()=>l(t.variantId,d),style:{...1===i.minimumQuantity&&1===i.products.length&&1===o[d]?.length?{display:"none"}:{}}},e.createElement(ee,{fontSize:"12px"}))))}),p>=1&&[...Array(p)].map((t,o)=>e.createElement(Ac,{className:"yt-byob-tracker-placeholder-box",isMobile:n,borderRadius:c,key:o},e.createElement(Ae,{size:40,color:"#A0A0A0"}))))),d<t.length-1&&e.createElement(Uc,{className:"yt-byob-tracker-plus-icon-container"},e.createElement(Ae,{size:"16px",style:{backgroundColor:"#f2f2f2"}})))})),Gc=({builderTiers:o,handleAddToCart:r,minimumQuantity:i,selectedProducts:a,showProductDetailsInTracker:l,loading:c,handleRemoveItem:s,percentageOff:d,selectedItemsQuantity:p,bundleSubtotal:u,amountOff:m,styles:g,dealAmount:x,isMobile:f=!1,themeColor:y,cornerRadiusType:b,primaryTextColorCta:h,handleRemoveItemProductTier:v,selectedProductsByTier:w,storeCurrencyCode:C,isUploading:E,showNextStep:k})=>{const[T,S]=t(!1),[$,N]=t(0),[B,F]=t([]),[z,I]=t(0),[D,P]=t(0),[A,_]=t(!1),[R,L]=t(null),[O,M]=t(!1),W=u?.price||0,V=o?.type,j=e=>{if(e<0||!B[e])return W;const t=B[e].discountValue??0;return d?W*(1-t/100):x?t:m?W-t:W};n(()=>{if(o&&"none"!==o.type)if("productTier"===V&&o.productTier){const e=o.productTier||[];F(e);let t=0;o.productTier.map(e=>{t+=e.minimumQuantity}),P(t-p)}else if(B.length)z>0&&p<B[z-1]?.minimumQuantity?(I(z-1),L(z-1)):p<B[z]?.minimumQuantity&&L(z-1),N(j(z));else{const e=o.offerTier||[];F(e),I(0),P(e[0]?.minimumQuantity-p||i-p)}else F([]),P(i-p),I(0)},[o,i,p]),n(()=>{B.length&&"productTier"!=V?(()=>{if(!B?.length)return;let e=-1,t=null,n=0;if("offerTier"===V)for(let o=0;o<B.length&&(n+=B[o].minimumQuantity,p>=n);o++)t=o,e=o+1<B.length?o+1:o;if(I(e),L(t),null!==t){let e=B.slice(0,t+1).reduce((e,t)=>e+t.minimumQuantity,0);_(e===p),S(!0),N(j(t))}else _(!1),S(!1),N(W);const o=e>=0&&e<B.length?B.slice(0,e+1).reduce((e,t)=>e+t.minimumQuantity,0)-p:B[0].minimumQuantity-p;P(o)})():p===i?(S(!0),N(d?W*(1-d/100):x||(m?W-m:W)),_(!0)):(_(!1),S(!1))},[p,B]);const H=T?Math.max(u?.compareAtPrice,u?.price):u?.compareAtPrice>u?.price?u?.compareAtPrice:null,q=T?$.toFixed(2):u?.price?.toFixed(2),Q=H&&q?(H-Number(q)).toFixed(2):0,U=o&&"none"!==V&&o.offerTier?"offerTier"===V?Math.min(p/(p+D)*100,100):void 0:p/i*100;n(()=>{if(T&&g.byob.enableConfetti){console.log("remainingItems",D);const e=document.getElementById("checkoutButton");if(!e)return;const t=e.getBoundingClientRect(),n=(t.left+t.width/2)/window.innerWidth,o=(t.top+t.height/2)/window.innerHeight;Ee({particleCount:100,spread:70,origin:{x:n,y:o},zIndex:9999})}},[T,g]),z>=0&&z<B.length&&B[z].tier;const Y=e.useMemo(()=>null!==R&&B[R+1]?B[R+1]?.customText||"":o?.offerTier?.[0]?.customText||"",[R,B,o]),G="number"==typeof R?B[R]?.customText:void 0,X="string"==typeof G&&""!==G.trim();return e.createElement(yc,{className:"yt-byob-tracker-container bundle-builder-tracker-container "+(f?"yt-byob-tracker-mobile":"yt-byob-tracker-desktop"),isMobile:f,style:{justifyContent:g.byob.selectedProductsVisibility&&!f?"space-between":"center"}},"offerTier"==V&&null!==R&&R>=0&&e.createElement(bc,{className:"yt-byob-tracker-offer-tier-tag"},X?e.createElement(e.Fragment,null,G," unlocked"):e.createElement(e.Fragment,null,e.createElement(e.Fragment,null,"Buy"," ",B.slice(0,R+1).reduce((e,t)=>e+t.minimumQuantity,0)," ","at",m||x?e.createElement(e.Fragment,null," ",iu(g.general.currencySymbol,C)):""," ",ru(B[R]?.discountValue),d?e.createElement(e.Fragment,null,"% "):ru(x)?e.createElement(e.Fragment,null):"",d||m?e.createElement(e.Fragment,null," Off"):""),e.createElement("span",{style:{fontStyle:"italic"}}," applied"))),f&&D>=1&&!A&&"offerTier"!==V?e.createElement(hc,{className:"yt-byob-tracker-mobile-remaining",style:{margin:"0"}},0===B.length?e.createElement(e.Fragment,null,"Select ",D," more item(s)"," ",0!==x||0!==d?"to get the bundle at":"",0!==x&&e.createElement(e.Fragment,null,` ${iu(g.general.currencySymbol,C)}${x}`),!!d&&0!==d&&e.createElement(e.Fragment,null," ",` ${d}% Off`)):e.createElement(e.Fragment,null," Select ",D," more item(s)")):e.createElement(e.Fragment,null),"productTier"!==V&&e.createElement(vc,{className:"yt-byob-tracker-tier-progress-container"},e.createElement(wc,{className:"yt-byob-tracker-tier-progress-text"},"offerTier"==V&&B.length>0&&D>0&&e.createElement(e.Fragment,null,Y?e.createElement("div",{className:"yt-byob-tracker-add-more-text",style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",D," more to unlock ",Y):e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-byob-tracker-add-more-text",style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",D," More Item(s)",e.createElement("span",{style:{fontWeight:"500"}}," to "),"Buy ",p+D," at"," ",m||x?e.createElement(e.Fragment,null,iu(g.general.currencySymbol,C)):""," ",ru(B[z>=0?z:0]?.discountValue),d?e.createElement(e.Fragment,null,"% "):ru(x)?e.createElement(e.Fragment,null):"",d||m?e.createElement(e.Fragment,null," Off"):"")))),e.createElement(Cc,{className:"yt-byob-tracker-progress-bar-bg"},e.createElement(Ec,{className:"yt-byob-tracker-progress-bar-fill bundle-builder-tracker-progress",progressPercentage:U??0,primaryColor:y??g?.general.primaryColor}," "))),g.byob.selectedProductsVisibility&&e.createElement(kc,{className:"yt-byob-tracker-product-list-wrapper hide-tracker-scrollbar "+(f?"yt-byob-tracker-mobile-product-list":"yt-byob-tracker-desktop-product-list"),tierType:V??"",isMobile:f},"productTier"===V?e.createElement(Yc,{tiers:B,isMobile:f,selectedProductsByTier:w??{},selectedProducts:a,themeColor:g.general.primaryColor,showProductDetailsInTracker:l,handleRemoveItemProductTier:v,cornerRadius:g.byob.borderRadius,currencySymbol:iu(g.general.currencySymbol,C)}):e.createElement(e.Fragment,null,a?.map?.(t=>{const n=t.product.variants?.edges?.find(e=>e.node.id===t.variantId);return l?e.createElement(Nc,{className:"yt-byob-tracker-detailed-item-container",borderRadius:g.byob.borderRadius,key:t.variantId},e.createElement(Bc,{className:"yt-byob-tracker-detailed-image",style:{backgroundImage:`url(${n?.node.image?.url&&n?.node.image?.url?.length>0?n?.node.image.url:t.product.featuredMedia?.preview?.image?.url})`}},t?.quantity>1&&e.createElement(Fc,{className:"yt-byob-tracker-badge"},t.quantity,"x")),e.createElement(zc,{className:"yt-byob-tracker-info-block"},e.createElement(Ic,{className:"yt-byob-tracker-product-title"},t.product.title),e.createElement(Dc,{className:"yt-byob-tracker-product-price"},g.general.currencySymbol,n?.node?.price),e.createElement(Pc,{className:"yt-byob-tracker-remove-link",onClick:()=>s(t.variantId)},e.createElement(ct,null),e.createElement("span",null,"Remove")))):e.createElement("div",{className:"yt-byob-tracker-product-item",key:t.variantId},e.createElement(Hc,{className:"yt-byob-tracker-item bundle-builder-tracker-item",isMobile:f,borderRadius:g.byob.borderRadius,imageUrl:n?.node.image?.url&&n?.node.image?.url?.length>0?n?.node.image.url:t.product.featuredMedia?.preview?.image?.url},t?.quantity>1&&e.createElement(Sc,{className:"yt-byob-tracker-quantity-badge",borderRadius:g.byob.borderRadius},t.quantity,"x"),e.createElement($c,{className:"yt-byob-tracker-remove-btn",onClick:()=>s(t.variantId)},e.createElement(ee,{fontSize:"12px"}))))}),D>=1&&[...Array(D)].map((t,n)=>e.createElement(Ac,{className:"yt-byob-tracker-placeholder-box",isMobile:f,borderRadius:g.byob.borderRadius,key:n},e.createElement(Ae,{size:40,color:"#A0A0A0"}))))),(!f||A)&&e.createElement(Tc,{className:"yt-byob-tracker-summary-container bundle-summary "+(f?"yt-byob-tracker-mobile-summary":"yt-byob-tracker-desktop-summary"),isMobile:f},Number(q)>0&&e.createElement(_c,{className:"yt-byob-tracker-summary-info summary-info"},e.createElement("div",{className:"yt-byob-tracker-summary-info-content",style:{display:"flex",...window.innerWidth<=600&&{flexDirection:"column"},gap:"5px",justifyContent:"center"}},f?e.createElement("div",{className:"yt-byob-tracker-mobile-subtotal-row",style:{display:"flex",flexDirection:"row",gap:"6px",alignItems:"center"}},e.createElement(Rc,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(Q)>0&&e.createElement(Lc,{className:"yt-byob-tracker-save-label",style:{}},"Save:"," ",iu(g.general.currencySymbol,C),ru(Q))):e.createElement(e.Fragment,null,e.createElement(Rc,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(Q)>0&&!f&&e.createElement(Lc,{className:"yt-byob-tracker-save-label"},"Save:"," ",iu(g.general.currencySymbol,C),ru(Q)))),e.createElement(Oc,{className:"yt-byob-tracker-subtotal-row"},e.createElement(Mc,{className:"yt-byob-tracker-final-price"},iu(g.general.currencySymbol,C),Number(q)>=0?ru(Number(q).toFixed(2)):0),H&&g.byob.compareAtPriceVisibility&&Number(H)>Number(q)&&e.createElement(Wc,{className:"yt-byob-tracker-line-through-price"},iu(g.general.currencySymbol,C),ru(Number(H).toFixed(2))))),e.createElement(Vc,{className:"yt-byob-tracker-checkout-button yt-tracking-bar-checkout-button",canCheckout:A,progressPercentage:U??0,ctaColors:{customizeHoverState:g?.general?.customizeHoverState,ctaBackgroundColor:g.general.ctaBackgroundColor,ctaBorderColor:g.general.ctaBorderColor,ctaHoverBackgroundColor:g.general.ctaHoverBackgroundColor,ctaTextColor:g.general.ctaTextColor,ctaHoverTextColor:g.general.ctaHoverTextColor},borderRadius:g.general.ctaBorderRadius,disabled:!A&&D>=1||E,onClick:e=>{c||console.log("saving"),r(e.target??e.currentTarget)},id:"checkoutButton",onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1)},c?e.createElement(me,{color:O&&g?.general?.customizeHoverState?g.general.ctaHoverTextColor||g.general.ctaTextColor||"black":g.general.ctaTextColor||"black",loading:c,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):D>=1&&!A?e.createElement("div",{className:"yt-byob-tracker-add-more-btn-text yt-tracking-bar-checkout-button-items-text",style:{color:g.general.primaryColor}},"Add ",D," More Item(s)"):e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center"}},e.createElement(jc,{className:"yt-byob-tracker-checkout-text yt-tracking-bar-checkout-button-text"},k?"Next Step":g.byob.checkoutCTAText??"Checkout"),!k&&g?.general?.showPaymentIcons&&e.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:"10px"}},e.createElement("img",{src:"https://r2.yourtoken.io/checkout-button-payment-provider-icons.png",alt:"Payment methods",style:{height:"22px",width:"auto"}}),e.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",className:"yt-cart-summary-checkout-next-icon",fontSize:"24px",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},e.createElement("polyline",{fill:"none",strokeWidth:"2",points:"9 6 15 12 9 18"})))))))},Xc={8087437412:{position:"fixed",bottom:"10px",zIndex:100,width:"95%",left:"50%",transform:"translateX(-50%)",mobile:{bottom:"50px"}},66134737152:{position:"fixed",zIndex:20,width:"90%",left:"50%",transform:"translateX(-50%)",bottom:"10px"},83438567714:{zIndex:100,position:"fixed",width:"95%",left:"50%",transform:"translateX(-50%)",bottom:"10px"},72726479068:{position:"fixed",zIndex:20,width:"90%",left:"50%",transform:"translateX(-50%)",bottom:"10px",mobile:{bottom:"70px"}},64800161992:{zIndex:20,mobile:{bottom:"50px"},position:"sticky",bottom:"10px"},53933408435:{zIndex:5,mobile:{bottom:"60px"},position:"sticky",bottom:"10px"},68377018594:{zIndex:5,bottom:"10px",position:"fixed",left:"50%",transform:"translateX(-50%)",mobile:{bottom:"70px"}},84569063743:{zIndex:999,bottom:"0px",width:"100%",position:"fixed",right:"0px",left:"0px"},62022680789:{bottom:"65px",zIndex:999,width:"100%",position:"fixed",right:"0px",left:"0px"},63102222549:{position:"sticky",bottom:"100px",zIndex:999,mobile:{bottom:"60px"}},26666008755:{bottom:"10px",zIndex:999,position:"fixed",left:"50%",transform:"translateX(-50%)"},67641475285:{bottom:"10px",zIndex:999,position:"fixed",left:"50%",transform:"translateX(-50%)"},61613179125:{position:"fixed",left:"50%",transform:"translateX(-50%)"},80866345280:{bottom:"10px",mobile:{bottom:"70px"}}},Zc={position:"sticky",bottom:"10px",zIndex:999,width:"96%"},Kc=o=>{const[r,i]=t(!1);n(()=>{const e=()=>{i(window.innerWidth<=768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const a="undefined"!=typeof window?(window?.ytapp||window?.ytBundleApp)?.storeId:void 0,l=((e,t=!1)=>{const n=e&&Xc[e]?Xc[e]:{},o={...Zc,...n};return t&&n.mobile?{...o,...n.mobile}:o})(String(a),r);o.renderingOnPage||(l.position="static",l.zIndex=0);const c={display:"flex",backgroundColor:"white",borderRadius:"4px",paddingBottom:"5px",justifyContent:"center",margin:"0 auto",transition:"box-shadow 0.3s ease, transform 0.3s ease",border:"1px solid #CBCBCB",boxShadow:"\n 0px 3px 6px 0px #00000040, \n 0px 11px 11px 0px #00000036, \n 0px 24px 14px 0px #00000021, \n 0px 43px 17px 0px #0000000A, \n 0px 68px 19px 0px #00000000\n ",...l};return e.createElement("div",{className:"yt-byob-tracker-bar yt-bundle-builder-tracker-bar "+(r?"yt-byob-tracker-mobile-bar":"yt-byob-tracker-desktop-bar"),style:{...c,width:r?"100%":l.width,...!o.styles.byob.selectedProductsVisibility&&{width:r?"96%":"fit-content",paddingInline:"10px"},...r&&{display:"flex",flexDirection:"row",paadingTop:"0px"}},onMouseEnter:e=>{e.currentTarget.style.boxShadow="\n 0px 8px 16px 0px #00000040, \n 0px 24px 24px 0px #00000036, \n 0px 50px 30px 0px #00000021, \n 0px 90px 36px 0px #0000000A, \n 0px 140px 40px 0px #00000000\n ",e.currentTarget.style.transform="translateX(-50%)"===l.transform?"translate(-50%, -3px)":"translateY(-3px)"},onMouseLeave:e=>{e.currentTarget.style.boxShadow="\n 0px 5px 12px 0px #00000040, \n 0px 22px 22px 0px #00000036, \n 0px 49px 29px 0px #00000021, \n 0px 87px 35px 0px #0000000A, \n 0px 136px 38px 0px #00000000\n ",e.currentTarget.style.transform=l.transform||"translateY(0)"}},e.createElement(Gc,{...o,isMobile:r}))},Jc=ie(void 0),es=c.div`
|
|
2935
|
+
`,Yc=({tiers:t,isMobile:n=!1,selectedProductsByTier:o,selectedProducts:r,themeColor:i,showProductDetailsInTracker:a,handleRemoveItemProductTier:l,cornerRadius:c,currencySymbol:s})=>e.createElement(e.Fragment,null,t.map((i,d)=>{const p=i.minimumQuantity-(o[d]?.length??0),m=r?.filter(e=>e.tierIndex===d);return Math.min(o[d]?.length/i.minimumQuantity*100,100),e.createElement("div",{className:"yt-byob-tracker-product-list-tier-wrapper",style:{display:"flex",width:"100%"}},e.createElement("div",{className:"yt-byob-tracker-product-list-tier-items"},e.createElement("div",{className:"yt-byob-tracker-product-list-items",style:{display:"flex",gap:"5px"}},m?.map?.(t=>{const r=t.product.variants?.edges?.find(e=>e.node.id===t.variantId),p=o[d]?.filter(e=>e===r?.node.id).length||0;return a?e.createElement(Qc,{className:"yt-byob-tracker-detailed-product-item",key:t.variantId},e.createElement(Bc,{className:"yt-byob-tracker-detailed-image",style:{backgroundImage:`url(${r?.node.image?.url&&r?.node.image?.url?.length>0?r?.node.image.url:t.product.featuredMedia?.preview?.image?.url})`}},t?.isFree&&e.createElement("div",{style:{position:"absolute",bottom:4,left:"30%",background:"linear-gradient(135deg, #ff0080, #ff4d4d)",color:"white",fontWeight:900,fontSize:"8px",padding:"4px 6px",borderRadius:"40px",letterSpacing:"1.5px",textTransform:"uppercase",boxShadow:"0 6px 20px rgba(255, 0, 128, 0.7)",zIndex:20,border:"1px solid white",animation:"popup 0.6s ease-out"}},"FREE",e.createElement("style",null,"\n @keyframes popup {\n 0% { transform: scale(0) rotate(-30deg); opacity: 0; }\n 70% { transform: scale(1.3); }\n 100% { transform: scale(1); }\n }\n ")),t?.quantity>1&&e.createElement(Sc,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},t.quantity,"x")),e.createElement(zc,{className:"yt-byob-tracker-info-block"},e.createElement(Ic,{className:"yt-byob-tracker-product-title"},t.product.title),e.createElement(Dc,{className:"yt-byob-tracker-product-price"},s,rm(r?.node?.price)),e.createElement($c,{className:"yt-byob-tracker-remove-detailed-btn",onClick:()=>l(t.variantId,d),style:{...1===i.minimumQuantity&&1===i.products.length&&1===o[d]?.length?{display:"none"}:{}}},e.createElement(ct,null),e.createElement("span",null,"Remove")))):e.createElement("div",{className:"yt-byob-tracker-product-item",key:t.variantId},e.createElement(qc,{className:"yt-byob-tracker-product-list-item",isMobile:n,borderRadius:c,imageUrl:r?.node.image?.url&&r?.node.image?.url?.length>0?r?.node.image.url:t.product.featuredMedia?.preview?.image?.url,style:{borderRadius:c||"12px"}},t?.isFree&&e.createElement("div",{style:{position:"absolute",top:4,left:4,background:"linear-gradient(135deg, #ff0080, #ff4d4d)",color:"white",fontWeight:900,fontSize:"8px",padding:"4px 6px",borderRadius:"8px",letterSpacing:"1.5px",textTransform:"uppercase",boxShadow:"0 6px 20px rgba(255, 0, 128, 0.7)",zIndex:20,border:"1px solid white",animation:"popup 0.6s ease-out"}},e.createElement(at,null),e.createElement("style",null,"\n @keyframes popup {\n 0% { transform: scale(0) rotate(-30deg); opacity: 0; }\n 70% { transform: scale(1.3); }\n 100% { transform: scale(1); }\n }\n ")),p>1&&e.createElement(Sc,{className:"yt-byob-tracker-quantity-badge",borderRadius:c},p,"x"),e.createElement($c,{className:"yt-byob-tracker-remove-btn",onClick:()=>l(t.variantId,d),style:{...1===i.minimumQuantity&&1===i.products.length&&1===o[d]?.length?{display:"none"}:{}}},e.createElement(ee,{fontSize:"12px"}))))}),p>=1&&[...Array(p)].map((t,o)=>e.createElement(Ac,{className:"yt-byob-tracker-placeholder-box",isMobile:n,borderRadius:c,key:o},e.createElement(Ae,{size:40,color:"#A0A0A0"}))))),d<t.length-1&&e.createElement(Uc,{className:"yt-byob-tracker-plus-icon-container"},e.createElement(Ae,{size:"16px",style:{backgroundColor:"#f2f2f2"}})))})),Gc=({builderTiers:o,handleAddToCart:r,minimumQuantity:i,selectedProducts:a,showProductDetailsInTracker:l,loading:c,handleRemoveItem:s,percentageOff:d,selectedItemsQuantity:p,bundleSubtotal:m,amountOff:u,styles:g,dealAmount:x,isMobile:f=!1,themeColor:y,cornerRadiusType:b,primaryTextColorCta:h,handleRemoveItemProductTier:v,selectedProductsByTier:w,storeCurrencyCode:C,isUploading:E,showNextStep:k})=>{const[T,S]=t(!1),[$,N]=t(0),[B,F]=t([]),[z,I]=t(0),[D,P]=t(0),[A,_]=t(!1),[R,L]=t(null),[O,M]=t(!1),W=m?.price||0,V=o?.type,j=e=>{if(e<0||!B[e])return W;const t=B[e].discountValue??0;return d?W*(1-t/100):x?t:u?W-t:W};n(()=>{if(o&&"none"!==o.type)if("productTier"===V&&o.productTier){const e=o.productTier||[];F(e);let t=0;o.productTier.map(e=>{t+=e.minimumQuantity}),P(t-p)}else if(B.length)z>0&&p<B[z-1]?.minimumQuantity?(I(z-1),L(z-1)):p<B[z]?.minimumQuantity&&L(z-1),N(j(z));else{const e=o.offerTier||[];F(e),I(0),P(e[0]?.minimumQuantity-p||i-p)}else F([]),P(i-p),I(0)},[o,i,p]),n(()=>{B.length&&"productTier"!=V?(()=>{if(!B?.length)return;let e=-1,t=null,n=0;if("offerTier"===V)for(let o=0;o<B.length&&(n+=B[o].minimumQuantity,p>=n);o++)t=o,e=o+1<B.length?o+1:o;if(I(e),L(t),null!==t){let e=B.slice(0,t+1).reduce((e,t)=>e+t.minimumQuantity,0);_(e===p),S(!0),N(j(t))}else _(!1),S(!1),N(W);const o=e>=0&&e<B.length?B.slice(0,e+1).reduce((e,t)=>e+t.minimumQuantity,0)-p:B[0].minimumQuantity-p;P(o)})():p===i?(S(!0),N(d?W*(1-d/100):x||(u?W-u:W)),_(!0)):(_(!1),S(!1))},[p,B]);const H=T?Math.max(m?.compareAtPrice,m?.price):m?.compareAtPrice>m?.price?m?.compareAtPrice:null,q=T?$.toFixed(2):m?.price?.toFixed(2),Q=H&&q?(H-Number(q)).toFixed(2):0,U=o&&"none"!==V&&o.offerTier?"offerTier"===V?Math.min(p/(p+D)*100,100):void 0:p/i*100;n(()=>{if(T&&g.byob.enableConfetti){console.log("remainingItems",D);const e=document.getElementById("checkoutButton");if(!e)return;const t=e.getBoundingClientRect(),n=(t.left+t.width/2)/window.innerWidth,o=(t.top+t.height/2)/window.innerHeight;Ee({particleCount:100,spread:70,origin:{x:n,y:o},zIndex:9999})}},[T,g]),z>=0&&z<B.length&&B[z].tier;const Y=e.useMemo(()=>null!==R&&B[R+1]?B[R+1]?.customText||"":o?.offerTier?.[0]?.customText||"",[R,B,o]),G="number"==typeof R?B[R]?.customText:void 0,X="string"==typeof G&&""!==G.trim();return e.createElement(yc,{className:"yt-byob-tracker-container bundle-builder-tracker-container "+(f?"yt-byob-tracker-mobile":"yt-byob-tracker-desktop"),isMobile:f,style:{justifyContent:g.byob.selectedProductsVisibility&&!f?"space-between":"center"}},"offerTier"==V&&null!==R&&R>=0&&e.createElement(bc,{className:"yt-byob-tracker-offer-tier-tag"},X?e.createElement(e.Fragment,null,G," unlocked"):e.createElement(e.Fragment,null,e.createElement(e.Fragment,null,"Buy"," ",B.slice(0,R+1).reduce((e,t)=>e+t.minimumQuantity,0)," ","at",u||x?e.createElement(e.Fragment,null," ",im(g.general.currencySymbol,C)):""," ",rm(B[R]?.discountValue),d?e.createElement(e.Fragment,null,"% "):rm(x)?e.createElement(e.Fragment,null):"",d||u?e.createElement(e.Fragment,null," Off"):""),e.createElement("span",{style:{fontStyle:"italic"}}," applied"))),f&&D>=1&&!A&&"offerTier"!==V?e.createElement(hc,{className:"yt-byob-tracker-mobile-remaining",style:{margin:"0"}},0===B.length?e.createElement(e.Fragment,null,"Select ",D," more item(s)"," ",0!==x||0!==d?"to get the bundle at":"",0!==x&&e.createElement(e.Fragment,null,` ${im(g.general.currencySymbol,C)}${x}`),!!d&&0!==d&&e.createElement(e.Fragment,null," ",` ${d}% Off`)):e.createElement(e.Fragment,null," Select ",D," more item(s)")):e.createElement(e.Fragment,null),"productTier"!==V&&e.createElement(vc,{className:"yt-byob-tracker-tier-progress-container"},e.createElement(wc,{className:"yt-byob-tracker-tier-progress-text"},"offerTier"==V&&B.length>0&&D>0&&e.createElement(e.Fragment,null,Y?e.createElement("div",{className:"yt-byob-tracker-add-more-text",style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",D," more to unlock ",Y):e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-byob-tracker-add-more-text",style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",D," More Item(s)",e.createElement("span",{style:{fontWeight:"500"}}," to "),"Buy ",p+D," at"," ",u||x?e.createElement(e.Fragment,null,im(g.general.currencySymbol,C)):""," ",rm(B[z>=0?z:0]?.discountValue),d?e.createElement(e.Fragment,null,"% "):rm(x)?e.createElement(e.Fragment,null):"",d||u?e.createElement(e.Fragment,null," Off"):"")))),e.createElement(Cc,{className:"yt-byob-tracker-progress-bar-bg"},e.createElement(Ec,{className:"yt-byob-tracker-progress-bar-fill bundle-builder-tracker-progress",progressPercentage:U??0,primaryColor:y??g?.general.primaryColor}," "))),g.byob.selectedProductsVisibility&&e.createElement(kc,{className:"yt-byob-tracker-product-list-wrapper hide-tracker-scrollbar "+(f?"yt-byob-tracker-mobile-product-list":"yt-byob-tracker-desktop-product-list"),tierType:V??"",isMobile:f},"productTier"===V?e.createElement(Yc,{tiers:B,isMobile:f,selectedProductsByTier:w??{},selectedProducts:a,themeColor:g.general.primaryColor,showProductDetailsInTracker:l,handleRemoveItemProductTier:v,cornerRadius:g.byob.borderRadius,currencySymbol:im(g.general.currencySymbol,C)}):e.createElement(e.Fragment,null,a?.map?.(t=>{const n=t.product.variants?.edges?.find(e=>e.node.id===t.variantId);return l?e.createElement(Nc,{className:"yt-byob-tracker-detailed-item-container",borderRadius:g.byob.borderRadius,key:t.variantId},e.createElement(Bc,{className:"yt-byob-tracker-detailed-image",style:{backgroundImage:`url(${n?.node.image?.url&&n?.node.image?.url?.length>0?n?.node.image.url:t.product.featuredMedia?.preview?.image?.url})`}},t?.quantity>1&&e.createElement(Fc,{className:"yt-byob-tracker-badge"},t.quantity,"x")),e.createElement(zc,{className:"yt-byob-tracker-info-block"},e.createElement(Ic,{className:"yt-byob-tracker-product-title"},t.product.title),e.createElement(Dc,{className:"yt-byob-tracker-product-price"},g.general.currencySymbol,n?.node?.price),e.createElement(Pc,{className:"yt-byob-tracker-remove-link",onClick:()=>s(t.variantId)},e.createElement(ct,null),e.createElement("span",null,"Remove")))):e.createElement("div",{className:"yt-byob-tracker-product-item",key:t.variantId},e.createElement(Hc,{className:"yt-byob-tracker-item bundle-builder-tracker-item",isMobile:f,borderRadius:g.byob.borderRadius,imageUrl:n?.node.image?.url&&n?.node.image?.url?.length>0?n?.node.image.url:t.product.featuredMedia?.preview?.image?.url},t?.quantity>1&&e.createElement(Sc,{className:"yt-byob-tracker-quantity-badge",borderRadius:g.byob.borderRadius},t.quantity,"x"),e.createElement($c,{className:"yt-byob-tracker-remove-btn",onClick:()=>s(t.variantId)},e.createElement(ee,{fontSize:"12px"}))))}),D>=1&&[...Array(D)].map((t,n)=>e.createElement(Ac,{className:"yt-byob-tracker-placeholder-box",isMobile:f,borderRadius:g.byob.borderRadius,key:n},e.createElement(Ae,{size:40,color:"#A0A0A0"}))))),(!f||A)&&e.createElement(Tc,{className:"yt-byob-tracker-summary-container bundle-summary "+(f?"yt-byob-tracker-mobile-summary":"yt-byob-tracker-desktop-summary"),isMobile:f},Number(q)>0&&e.createElement(_c,{className:"yt-byob-tracker-summary-info summary-info"},e.createElement("div",{className:"yt-byob-tracker-summary-info-content",style:{display:"flex",...window.innerWidth<=600&&{flexDirection:"column"},gap:"5px",justifyContent:"center"}},f?e.createElement("div",{className:"yt-byob-tracker-mobile-subtotal-row",style:{display:"flex",flexDirection:"row",gap:"6px",alignItems:"center"}},e.createElement(Rc,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(Q)>0&&e.createElement(Lc,{className:"yt-byob-tracker-save-label",style:{}},"Save:"," ",im(g.general.currencySymbol,C),rm(Q))):e.createElement(e.Fragment,null,e.createElement(Rc,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(Q)>0&&!f&&e.createElement(Lc,{className:"yt-byob-tracker-save-label"},"Save:"," ",im(g.general.currencySymbol,C),rm(Q)))),e.createElement(Oc,{className:"yt-byob-tracker-subtotal-row"},e.createElement(Mc,{className:"yt-byob-tracker-final-price"},im(g.general.currencySymbol,C),Number(q)>=0?rm(Number(q).toFixed(2)):0),H&&g.byob.compareAtPriceVisibility&&Number(H)>Number(q)&&e.createElement(Wc,{className:"yt-byob-tracker-line-through-price"},im(g.general.currencySymbol,C),rm(Number(H).toFixed(2))))),e.createElement(Vc,{className:"yt-byob-tracker-checkout-button yt-tracking-bar-checkout-button",canCheckout:A,progressPercentage:U??0,ctaColors:{customizeHoverState:g?.general?.customizeHoverState,ctaBackgroundColor:g.general.ctaBackgroundColor,ctaBorderColor:g.general.ctaBorderColor,ctaHoverBackgroundColor:g.general.ctaHoverBackgroundColor,ctaTextColor:g.general.ctaTextColor,ctaHoverTextColor:g.general.ctaHoverTextColor},borderRadius:g.general.ctaBorderRadius,disabled:!A&&D>=1||E,onClick:e=>{c||console.log("saving"),r(e.target??e.currentTarget)},id:"checkoutButton",onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1)},c?e.createElement(ue,{color:O&&g?.general?.customizeHoverState?g.general.ctaHoverTextColor||g.general.ctaTextColor||"black":g.general.ctaTextColor||"black",loading:c,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):D>=1&&!A?e.createElement("div",{className:"yt-byob-tracker-add-more-btn-text yt-tracking-bar-checkout-button-items-text",style:{color:g.general.primaryColor}},"Add ",D," More Item(s)"):e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center"}},e.createElement(jc,{className:"yt-byob-tracker-checkout-text yt-tracking-bar-checkout-button-text"},k?"Next Step":g.byob.checkoutCTAText??"Checkout"),!k&&g?.general?.showPaymentIcons&&e.createElement("div",{style:{display:"flex",alignItems:"center",marginLeft:"10px"}},e.createElement("img",{src:"https://r2.yourtoken.io/checkout-button-payment-provider-icons.png",alt:"Payment methods",style:{height:"22px",width:"auto"}}),e.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"0 0 24 24",className:"yt-cart-summary-checkout-next-icon",fontSize:"24px",height:"1em",width:"1em",xmlns:"http://www.w3.org/2000/svg"},e.createElement("polyline",{fill:"none",strokeWidth:"2",points:"9 6 15 12 9 18"})))))))},Xc={8087437412:{position:"fixed",bottom:"10px",zIndex:100,width:"95%",left:"50%",transform:"translateX(-50%)",mobile:{bottom:"50px"}},66134737152:{position:"fixed",zIndex:20,width:"90%",left:"50%",transform:"translateX(-50%)",bottom:"10px"},83438567714:{zIndex:100,position:"fixed",width:"95%",left:"50%",transform:"translateX(-50%)",bottom:"10px"},72726479068:{position:"fixed",zIndex:20,width:"90%",left:"50%",transform:"translateX(-50%)",bottom:"10px",mobile:{bottom:"70px"}},64800161992:{zIndex:20,mobile:{bottom:"50px"},position:"sticky",bottom:"10px"},53933408435:{zIndex:5,mobile:{bottom:"60px"},position:"sticky",bottom:"10px"},68377018594:{zIndex:5,bottom:"10px",position:"fixed",left:"50%",transform:"translateX(-50%)",mobile:{bottom:"70px"}},84569063743:{zIndex:999,bottom:"0px",width:"100%",position:"fixed",right:"0px",left:"0px"},62022680789:{bottom:"65px",zIndex:999,width:"100%",position:"fixed",right:"0px",left:"0px"},63102222549:{position:"sticky",bottom:"100px",zIndex:999,mobile:{bottom:"60px"}},26666008755:{bottom:"10px",zIndex:999,position:"fixed",left:"50%",transform:"translateX(-50%)"},67641475285:{bottom:"10px",zIndex:999,position:"fixed",left:"50%",transform:"translateX(-50%)"},61613179125:{position:"fixed",left:"50%",transform:"translateX(-50%)"},80866345280:{bottom:"10px",mobile:{bottom:"70px"}}},Zc={position:"sticky",bottom:"10px",zIndex:999,width:"96%"},Kc=o=>{const[r,i]=t(!1);n(()=>{const e=()=>{i(window.innerWidth<=768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const a="undefined"!=typeof window?(window?.ytapp||window?.ytBundleApp)?.storeId:void 0,l=((e,t=!1)=>{const n=e&&Xc[e]?Xc[e]:{},o={...Zc,...n};return t&&n.mobile?{...o,...n.mobile}:o})(String(a),r);o.renderingOnPage||(l.position="static",l.zIndex=0);const c={display:"flex",backgroundColor:"white",borderRadius:"4px",paddingBottom:"5px",justifyContent:"center",margin:"0 auto",transition:"box-shadow 0.3s ease, transform 0.3s ease",border:"1px solid #CBCBCB",boxShadow:"\n 0px 3px 6px 0px #00000040, \n 0px 11px 11px 0px #00000036, \n 0px 24px 14px 0px #00000021, \n 0px 43px 17px 0px #0000000A, \n 0px 68px 19px 0px #00000000\n ",...l};return e.createElement("div",{className:"yt-byob-tracker-bar yt-bundle-builder-tracker-bar "+(r?"yt-byob-tracker-mobile-bar":"yt-byob-tracker-desktop-bar"),style:{...c,width:r?"100%":l.width,...!o.styles.byob.selectedProductsVisibility&&{width:r?"96%":"fit-content",paddingInline:"10px"},...r&&{display:"flex",flexDirection:"row",paadingTop:"0px"}},onMouseEnter:e=>{e.currentTarget.style.boxShadow="\n 0px 8px 16px 0px #00000040, \n 0px 24px 24px 0px #00000036, \n 0px 50px 30px 0px #00000021, \n 0px 90px 36px 0px #0000000A, \n 0px 140px 40px 0px #00000000\n ",e.currentTarget.style.transform="translateX(-50%)"===l.transform?"translate(-50%, -3px)":"translateY(-3px)"},onMouseLeave:e=>{e.currentTarget.style.boxShadow="\n 0px 5px 12px 0px #00000040, \n 0px 22px 22px 0px #00000036, \n 0px 49px 29px 0px #00000021, \n 0px 87px 35px 0px #0000000A, \n 0px 136px 38px 0px #00000000\n ",e.currentTarget.style.transform=l.transform||"translateY(0)"}},e.createElement(Gc,{...o,isMobile:r}))},Jc=ie(void 0),es=c.div`
|
|
2936
2936
|
position: absolute;
|
|
2937
2937
|
top: 0px;
|
|
2938
2938
|
right: 0px;
|
|
@@ -3151,7 +3151,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
3151
3151
|
font-size: 1em;
|
|
3152
3152
|
justify-content: center;
|
|
3153
3153
|
align-items: center;
|
|
3154
|
-
`;const rs=({options:t,selectedValue:n,onChange:o,type:r="text",isOptionAvailable:i,isMobile:a})=>e.createElement("div",{style:{display:"flex",flexWrap:"wrap",gap:"8px",alignItems:"center"}},t?.map(t=>{const a=!i||i(t.name);return e.createElement("div",{key:t.name,onClick:()=>{a&&o(t)},style:{cursor:a?"pointer":"not-allowed"}},((t,n)=>{const o=!i||i(t.name),a={cursor:o?"pointer":"not-allowed",border:n?"2px solid #333":"1px solid #d1d5db",transition:"all 0.2s ease",opacity:o?1:.5};if("color"===r)return t.value&&(()=>{if(!t.value.trim())return!1;if(t.value===t.name||t.value.length<3)return!1;try{const e=document.createElement("div");return e.style.color=t.value,""!==e.style.color}catch{return!1}})()?e.createElement("div",{style:{...a,width:24,height:24,borderRadius:"50%",backgroundColor:t.value,display:"block"}}):e.createElement("div",{style:{...a,padding:"4px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:n?"600":"400",backgroundColor:n?"#f3f4f6":"white",color:"#333",minWidth:"fit-content",textAlign:"center"}},t.name);return"image"===r?e.createElement("img",{src:yn(t.value,48,85,"webp")||"/placeholder.svg",alt:t.name,style:{...a,width:24,height:24,borderRadius:"50%",objectFit:"cover"}}):e.createElement("div",{style:{...a,padding:"4px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:n?"600":"400",backgroundColor:n?"#f3f4f6":"white",color:"#333",minWidth:"fit-content",textAlign:"center"}},t.name)})(t,n?.name===t.name))})),is=({product:r,isOpen:i,onClose:a,variantOptions:l,cta:c,onConfirm:s})=>{const d=o(()=>e=>e?r?.tracksInventory&&e?.inventoryItem?.tracked?e.inventoryQuantity>0?e?.inventoryQuantity:e.inventoryQuantity<=0&&"continue"===e.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0,[r?.tracksInventory]),p=o(()=>{const e=r.variants.edges.find(e=>{const t=e.node;return d(t)>0})?.node;return e?.title&&"Default Title"!==e.title?e.title.split(" / "):r.options?.map(e=>e.values[0])||[]},[r,d]),[u,m]=t(p),[g,x]=t(window.innerWidth<1024);n(()=>{const e=()=>x(window.innerWidth<1024);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),n(()=>{const e=e=>{"Escape"===e.key&&a()};return i&&document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[i,a]);const f=r.variants.edges.find(e=>e.node.title===(r.options?.length>0?u.join(" / "):u[0]))?.node,y=f?.image?.url||r.featuredMedia?.preview?.image?.url,b=yn(y,150,85,"webp"),h=e=>{if(!l?.options)return"text";const t=l.options.find(t=>t.name===e);return t?.type||"text"},v=e=>{if(!l?.options)return e.values.map(e=>({name:e,value:e}));const t=l.options.find(t=>t.name===e.name);return e.values.map(e=>{const n=t?.values?.find(t=>t.name===e);return{name:e,value:n?.value||e}})},w=(e,t)=>{const n=u[t];if(!n)return null;return v(e).find(e=>e.name===n)||null};if(!i)return null;const C=e.createElement("div",{onClick:a,style:{position:"fixed",top:0,left:0,right:0,bottom:0,width:"100vw",height:"100vh",background:"rgba(0, 0, 0, 0.4)",zIndex:9999,display:"flex",alignItems:"center",justifyContent:"center"},role:"dialog","aria-modal":"true","aria-labelledby":"yt-variant-options-modal-title"},e.createElement("div",{onClick:e=>e.stopPropagation(),style:{background:"white",borderRadius:16,width:"fit-content",minWidth:350,maxWidth:450,maxHeight:"90vh",overflowY:"auto",position:"relative",zIndex:999,...window.innerWidth<=600&&{width:"90vw",maxWidth:"90vw",minWidth:"90vw"}}},e.createElement("div",{id:"yt-variant-options-modal-title",style:{width:"100%",padding:"16px 0",fontWeight:600,fontSize:14,textTransform:"uppercase",backgroundColor:"rgba(217, 217, 217)",color:"black",textAlign:"center",borderTopLeftRadius:16,borderTopRightRadius:16}},"Select Options"),e.createElement("div",{style:{display:"flex",alignItems:"center",gap:12,padding:"16px 20px",borderBottom:"1px solid #f0f0f0"}},e.createElement("img",{src:b,alt:r.title,style:{width:60,height:60,borderRadius:8,objectFit:"cover",flexShrink:0,transition:"opacity 0.3s ease"}}),e.createElement("div",{style:{display:"flex",flexDirection:"column",flex:1,gap:4}},e.createElement("div",{style:{fontSize:14,fontWeight:600,color:"#333"}},r.title))),e.createElement("div",{style:{padding:"20px"}},r.options.map((t,n)=>e.createElement("div",{key:t.name,style:{display:"flex",flexDirection:"column",gap:8,marginBottom:t?.values?.length>1?16:0}},t?.values?.length>1&&e.createElement(e.Fragment,null,e.createElement("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:8}},e.createElement("span",{style:{fontSize:14,fontWeight:500,color:"#333"}},"Select ",t.name),e.createElement("span",{style:{fontSize:12,fontWeight:500,color:"#666",backgroundColor:"#f5f5f5",padding:"4px 12px",borderRadius:16,textTransform:"capitalize"}},w(t,n)?.name||t.values[0])),e.createElement(rs,{options:v(t),selectedValue:w(t,n),onChange:e=>{((e,t)=>{const n=[...u];n[e]=t.name,m(n)})(n,e)},type:h(t.name),isOptionAvailable:e=>((e,t)=>{const n=[...u];n[e]=t;const o=r.options?.length>0?n.join(" / "):n[0],i=r.variants.edges.find(e=>e.node.title===o)?.node;return!!i&&d(i)>0})(n,e),isMobile:g}))))),e.createElement("button",{onClick:()=>{const e=r.variants.edges.find(e=>e.node.title===(r.options?.length>0?u.join(" / "):u[0]))?.node,t=!!e&&d(e)>0;if(e?.id&&t)s(e.id),a();else{console.warn("yt::variant options modal - selected variant not available or out of stock:",u);const e=r.variants.edges.find(e=>d(e.node)>0)?.node.id;e&&(s(e),a())}},style:{width:"100%",fontSize:14,fontWeight:600,textTransform:"uppercase",backgroundColor:c.backgroundColor,color:c.textColor,textAlign:"center",padding:"16px 0",border:"none",cursor:"pointer",borderBottomLeftRadius:16,borderBottomRightRadius:16},onMouseEnter:e=>{e.currentTarget.style.opacity="0.9"},onMouseLeave:e=>{e.currentTarget.style.opacity="1"}},"Add to Bundle")));return D.createPortal(C,document.body)},as=l((a,l)=>{const[c,s]=ae(Jc),d=o(()=>e=>{const t=a?.customVariantsQuantity?.find(t=>t.variantId===e?.id)?.quantity;return void 0!==t?t:a?.bundleProductsCustomQuantity?a?.bundleProductsCustomQuantity:e?c?.tracksInventory&&e.inventoryItem?.tracked?e.inventoryQuantity>0?e.inventoryQuantity:e.inventoryQuantity<=0&&"continue"===e.inventoryPolicy?.toLocaleLowerCase()?1/0:0:1/0:0},[c?.tracksInventory,a?.customVariantsQuantity,a?.bundleProductsCustomQuantity]),p=c?.variants.edges?.filter(e=>d(e.node)>0)||[],[u,m]=t(p?.[0]?.node),[g,x]=t(0),[f,y]=t("undefined"!=typeof window&&window.innerWidth<=600),[b,h]=t(1),[v,w]=t("idle"),C=r(null),E=r(null),k=r(!1),[T,S]=t(0),[$,N]=t(),B=o(()=>{const e=c?.variants.edges.find(e=>{const t=e.node;return d(t)>0})?.node;return e?.title&&"Default Title"!==e.title?e.title.split(" / "):c?.options?.map(e=>e.values[0])||[]},[c,d]),[F,z]=t(B);n(()=>{if(c){const e=c.variants.edges?.filter(e=>d(e.node)>0),t=c?.selectedVariant??e[0]?.node;m(t),t?.title&&"Default Title"!==t.title&&z(t.title.split(" / "))}},[c,d]),n(()=>{const e=a.selectedProducts.find(e=>e.variantId===u?.id);h(e?e.quantity:0)},[b,a.selectedProducts,u]),n(()=>{if(E.current&&-1!==g&&k.current){const e=E.current.children;e[g]&&e[g].scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"}),k.current=!1}},[g]);if(n(()=>{const e=()=>y(window.innerWidth<=600);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),!c)return null;const{title:I,descriptionHtml:P,media:A,variants:_}=c,R=A.edges.map(e=>e?.node.preview.image??e?.node.image).filter(e=>e?.url?.length>0),L=i(e=>{const t=e.target.value,n=p?.find(e=>e.node.id===t)?.node;n&&d(n)>0&&(k.current=!0,m(n),N(n?.image?.url),n.title&&"Default Title"!==n.title&&z(n.title.split(" / ")))},[p,d]),O=i(e=>{if(!a.bundleVariantOptions?.options)return"text";const t=a.bundleVariantOptions?.options.find(t=>t.name===e);return t?.type||"text"},[a.bundleVariantOptions]),M=i(e=>{if(!a?.bundleVariantOptions?.options)return e.values.map(e=>({name:e,value:e}));const t=a?.bundleVariantOptions?.options.find(t=>t.name===e.name);return e.values.map(e=>{const n=t?.values?.find(t=>t.name===e);return{name:e,value:n?.value||e}})},[a.bundleVariantOptions]),W=i((e,t)=>{const n=[...F];n[e]=t.name,z(n);const o=c?.options?.length>0?n.join(" / "):n[0],r=c?.variants.edges.find(e=>e.node.title===o)?.node;N(r?.image?.url),r&&d(r)>0&&(k.current=!0,m(r))},[F,c,d]),V=i((e,t)=>{const n=F[t];if(!n)return null;return M(e).find(e=>e.name===n)||null},[F,M]),j=i((e,t)=>{const n=[...F];n[e]=t;const o=c?.options?.length>0?n.join(" / "):n[0],r=c?.variants.edges.find(e=>e.node.title===o)?.node;return!!r&&d(r)>0},[F,c,d]);n(()=>{if(c){document.body.style.overflow="hidden",window.history.pushState({modalOpen:!0},"",window.location.href);const e=e=>{s(void 0),e.preventDefault()};return window.addEventListener("popstate",e),()=>{document.body.style.overflow="unset",window.removeEventListener("popstate",e),window.history.state?.modalOpen&&window.history.back()}}},[c,s]),n(()=>{if(f&&c&&C.current){const e=()=>{C.current&&S(C.current.offsetHeight)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}},[f,c]);const H=a.selectedProducts.filter(e=>e.variantId===u?.id).reduce((e,t)=>e+t.quantity,0),q=a.customVariantsQuantity?.find(e=>e.variantId===u?.id)?.quantity??a.bundleProductsCustomQuantity??1/0,Q=q!==1/0&&H>=q,U=a.hideAddToBundle||!u||d(u)<=0||Q||"idle"!==v||a?.disableQuantitySelector&&1===b,G=({className:t})=>{const n=c?.rating?.averageRating??a?.rating?.averageRating??0,o=c?.rating?.ratingCount??a?.rating?.ratingCount??0;return n<=0?null:e.createElement(e.Fragment,null,"ratingOnly"===a.reviewRatingType&&e.createElement("div",{className:t,style:{display:"flex",alignItems:"center",justifyContent:"start",fontSize:"14px",color:"#333"}},e.createElement(Be,{color:"gold",size:14}),e.createElement("span",{style:{marginLeft:6}},n," rating")),"ratingAndReviewCount"===a.reviewRatingType&&e.createElement("div",{className:t,style:{display:"flex",alignItems:"center",justifyContent:"start",fontSize:"14px",color:"#333"}},e.createElement(Be,{color:"gold",size:14}),n,e.createElement(Ce,{size:14,style:{color:"dodgerblue",marginLeft:"4px"}}),"(",o," reviews)"))},X=({isMobile:t})=>e.createElement(e.Fragment,null,e.createElement("div",{style:{position:t?"relative":void 0}},t?e.createElement("div",{ref:E,style:{display:"flex",flexDirection:"row",overflowX:"auto",WebkitOverflowScrolling:"touch",scrollSnapType:"x mandatory",scrollbarWidth:"none",msOverflowStyle:"none"}},R.length>0&&R.map((t,n)=>e.createElement("div",{key:n,style:{width:"100%",flex:"0 0 auto",scrollSnapAlign:"center",objectFit:"contain",maxHeight:"50vh",zIndex:999}},e.createElement(xt,{small:au(t?.url),medium:au(t?.url),large:au(t?.url),alt:t.altText||`${I} - Image ${n+1}`,hideDownload:!0,imageBackgroundColor:"#000",className:"yt-byob-modal-desktop-main-image"})))):e.createElement(e.Fragment,null,e.createElement(xt,{small:au($??"")||au(R[g]?.url),medium:au($??"")||au(R[g]?.url),large:au($??"")||au(R[g]?.url),hideDownload:!0,imageBackgroundColor:"#000",className:"yt-byob-modal-desktop-main-image main-image"}),e.createElement("div",{style:{display:"flex",flexDirection:"row",overflowX:"auto",gap:t?"8px":"12px",padding:"12px 0",WebkitOverflowScrolling:"touch",scrollSnapType:"x mandatory",scrollbarWidth:"none",msOverflowStyle:"none"}},R.length>1&&R.filter(e=>e?.url?.length>0).map((n,o)=>e.createElement("img",{key:o,src:au(n?.url),alt:n.altText||`${I} - Image ${o+1}`,onClick:()=>x(o),style:{width:t?"60px":"73px",height:t?"60px":"73px",flex:"0 0 auto",scrollSnapAlign:"center",borderRadius:"7px",border:g===o?`2px solid ${a.themeColor||"#111"}`:"1px solid lightgray",objectFit:"cover",cursor:"pointer"},loading:"lazy"})))))),Z=({className:t})=>c?.variants?.edges?.length<=1?null:e.createElement("div",{className:t},e.createElement("div",{className:`${t}-label`,style:{display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid #e0e0e0",paddingBottom:"5px",fontSize:"16px",color:"#999",position:"relative",marginBottom:"10px"}},e.createElement("span",{style:{flexShrink:0}},c.options[0].name," :"," ",e.createElement("strong",{style:{color:"#000",paddingLeft:"5px"}},u?.title)),e.createElement("select",{className:`${t}-select`,value:u?.id||"",onChange:L,style:{appearance:"none",border:"none",background:"transparent",fontWeight:"bold",color:"#000",cursor:"pointer",paddingRight:"20px",position:"absolute",right:0,top:0,bottom:0,width:"100%",opacity:0,zIndex:2}},c?.variants?.edges?.map(({node:t})=>e.createElement("option",{key:t.id,value:t.id,disabled:0===d(t)},t.title))),e.createElement("span",{className:`${t}-chevron`,style:{position:"absolute",right:5,pointerEvents:"none",fontSize:"12px",color:"#000"}},e.createElement(Ke,null)))),K=({isMobile:t})=>e.createElement(e.Fragment,null,c.options.map((n,o)=>e.createElement("div",{key:n.name,style:{display:"flex",flexDirection:"column",gap:8,marginBottom:n?.values?.length>1?16:0}},n?.values?.length>1&&e.createElement(e.Fragment,null,e.createElement("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:8}},e.createElement("span",{style:{fontSize:14,fontWeight:500,color:"#333"}},"Select ",n.name),e.createElement("span",{style:{fontSize:12,fontWeight:500,color:"#666",backgroundColor:"#f5f5f5",padding:"4px 12px",borderRadius:16,textTransform:"capitalize"}},F[o]||n.values[0])),e.createElement(rs,{options:M(n),selectedValue:V(n,o),onChange:e=>{W(o,e)},type:O(n.name),isOptionAvailable:e=>j(o,e),isMobile:t}))))),J=({isMobile:t})=>e.createElement("div",{className:t?"yt-byob-modal-mobile-price":"yt-byob-modal-desktop-price",style:{width:"fit-content",minWidth:"fit-content",paddingRight:"10px",display:"flex",flexDirection:"row",alignItems:t?"center":"baseline",gap:"6px"}},a?.isFreebieTier&&!a.showFreebieTierProductPrices?e.createElement(e.Fragment,null,e.createElement("span",{className:"yt-byob-compare-price yt-fixed-bundle-original-price",style:{fontSize:"20px",textDecoration:"line-through",color:"#888",marginRight:"6px"}},iu(a.styles.general.currencySymbol,a.styles.general.currencySymbol),ru(u?.price)),e.createElement("span",{className:"yt-byob-current-price",style:{color:a.styles.general.primaryColor||"#d32f2f",fontWeight:"bold",fontSize:"20px"}},"FREE")):e.createElement(e.Fragment,null,u?.compareAtPrice&&parseFloat(u.compareAtPrice)>parseFloat(u?.price)&&e.createElement("div",{className:t?"yt-byob-modal-mobile-compare-price":"yt-byob-modal-desktop-compare-price",style:{textDecoration:"line-through",opacity:"0.5",lineHeight:"normal"}},iu(a.styles.general.currencySymbol,a.styles.general.currencySymbol),ru(u?.compareAtPrice)),e.createElement("div",{className:t?"yt-byob-modal-mobile-current-price":"yt-byob-modal-desktop-current-price"},e.createElement("span",{style:{fontSize:"20px",fontWeight:"600",color:"#000",textAlign:"center",lineHeight:"normal"}},iu(a.styles.general.currencySymbol,a.styles.general.currencySymbol),ru(u?.price))))),ee=({isMobile:t})=>e.createElement("div",{className:t?"yt-byob-modal-mobile-atc-wrapper":"yt-byob-modal-desktop-atc-wrapper yt-product-modal-atc-wrapper",style:{width:t?"100%":"80%"}},e.createElement("button",{className:t?"yt-byob-modal-mobile-atc-button":"yt-byob-modal-desktop-atc-button yt-product-modal-atc-button",style:{textTransform:"uppercase",fontWeight:"800",width:"100%",border:"none",backgroundColor:a.themeColor||"#111",borderRadius:a.cornerRadius,color:a.primaryTextColorCta||"#fff",minHeight:"40px",padding:"0px 15px",position:"relative",overflow:"hidden",opacity:U?.5:1,cursor:U?"not-allowed":"pointer"},onClick:e=>{e.stopPropagation(),e.preventDefault(),u?.id&&c&&(w("check"),a.handleAddToBundle(u?.id,c,1),setTimeout(()=>{w("idle"),s(void 0)},500))},disabled:U},a.styles.byob.addToBundleCTAText??"Add to bundle")),te=e.createElement(ts,{className:"yt-byob-modal-desktop-overlay"},e.createElement(ns,{$isSmallScreen:f,ref:l},e.createElement(os,{ref:l,className:"yt-byob-modal-desktop-container yt-variant-selection-modal"},e.createElement("div",{className:"yt-byob-modal-desktop yt-variant-selection-modal "+(f?"small-screen":"large-screen")},e.createElement(es,{className:"yt-byob-modal-desktop-close",onClick:()=>{s(void 0)},style:{backgroundColor:"white"}},e.createElement(Y,{size:"25"})),e.createElement("div",{className:"yt-byob-modal-desktop-image-section image-section"},e.createElement(X,null)),e.createElement("div",{className:"yt-byob-modal-desktop-details-section details-section",style:{marginLeft:"20px",minHeight:"100%",maxHeight:"70vh",scrollbarWidth:"none",overflowY:"auto",display:"flex",flexDirection:"column"}},e.createElement("h2",{className:"yt-byob-modal-desktop-title"},"variant-display-name"===a?.styles?.byob?.productVariantTitleType?c?.selectedVariant?.displayName:"variant-title"===a?.styles?.byob?.productVariantTitleType?c?.selectedVariant?.title:c?.title),e.createElement(G,{className:"yt-byob-modal-desktop-rating"}),e.createElement("div",{className:"yt-byob-modal-desktop-variant-price-wrapper",style:{display:"flex",flexDirection:"column",gap:"2px",marginTop:"20px"}},"dropdown"===a?.styles?.byob.variantSelectorType&&e.createElement(Z,{className:"yt-byob-modal-desktop-variant-selector"}),"customOptions"===a?.styles?.byob.variantSelectorType&&e.createElement(K,null),e.createElement("div",{className:"yt-byob-modal-desktop-price-atc-wrapper",style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"}},e.createElement(J,{isMobile:!1}),e.createElement(ee,{isMobile:!1}))),e.createElement("div",{className:"yt-byob-modal-desktop-divider",style:{height:"10px",minHeight:"10px",border:"none",backgroundColor:"#D9D9D96B",margin:"20px 0 10px 0",display:"block !important"}},e.createElement("span",null)),e.createElement("span",{className:"yt-byob-modal-desktop-description yt-description-content",style:{scrollBehavior:"smooth"},dangerouslySetInnerHTML:{__html:P}})))))),ne=e.createElement(ts,{className:"yt-byob-modal-mobile-overlay"},e.createElement(ns,{className:"yt-byob-modal-mobile-content",style:{padding:"0px",position:"relative"},$isSmallScreen:f,ref:l},e.createElement(os,{ref:l,className:"yt-byob-modal-mobile-container yt-variant-selection-modal"},e.createElement("button",{className:"yt-byob-modal-mobile-close-btn",style:{position:"fixed",top:"20px",right:"20px",zIndex:9999999999,backgroundColor:"#FFFFFF",padding:"4px",borderRadius:"50%",border:"1px solid lightgray",display:"flex",justifyContent:"center",alignItems:"center"},onClick:()=>{s(void 0)}},e.createElement(Ze,{className:"yt-byob-modal-mobile-close-icon",style:{height:"22px",width:"22px",padding:"4px",color:"black"},onMouseEnter:e=>e.currentTarget.style.color="black"})),e.createElement("div",{className:"yt-byob-modal-mobile yt-variant-selection-modal small-screen",style:{padding:"0px"}},e.createElement("div",{className:"yt-byob-modal-mobile-image-section image-section"},e.createElement(X,{isMobile:!0})),e.createElement("div",{className:"yt-byob-modal-mobile-details-section details-section",style:{padding:"0 30px",margin:"15px 0",paddingBottom:T?`${T+20}px`:"120px"}},e.createElement("h2",{className:"yt-byob-modal-mobile-title",style:{margin:"0px"}},"variant-display-name"===a?.styles?.byob?.productVariantTitleType?c?.selectedVariant?.displayName:"variant-title"===a?.styles?.byob?.productVariantTitleType?c?.selectedVariant?.title:c?.title),e.createElement("div",{style:{paddingBlockStart:"10px"}},e.createElement(G,{className:"yt-byob-modal-mobile-rating"})),e.createElement("div",{className:"yt-byob-modal-mobile-divider",style:{opacity:"0.2",border:"none",height:"2px",backgroundColor:"#000000",margin:"10px 0px",display:"block !important"}},e.createElement("span",null)),e.createElement("div",{className:"yt-byob-modal-mobile-description yt-description-content",style:{scrollbarWidth:"none",scrollBehavior:"smooth",margin:"0px"},dangerouslySetInnerHTML:{__html:P}})))),e.createElement("div",{className:"yt-byob-modal-mobile-bottom-bar",ref:C,style:{position:"fixed",bottom:"0px",left:"0px",right:"0px",padding:"12px 15px",borderTop:"1px solid lightgray",boxShadow:"0px -4px 5px rgba(0, 0, 0, 0.1)",backgroundColor:"#fff",display:"flex",flexDirection:"column",gap:"2px",zIndex:9999999999}},"customOptions"===a?.styles?.byob.variantSelectorType?e.createElement(K,{isMobile:!0}):e.createElement(Z,{className:"yt-byob-modal-desktop-variant-selector"}),e.createElement("div",{className:"yt-byob-modal-mobile-price-atc-wrapper",style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"}},e.createElement(J,{isMobile:!0}),e.createElement(ee,{isMobile:!0})))));return D.createPortal(f?ne:te,document.body)}),ls=({coverImageUrl:t,mobileCoverImageUrl:n,alt:o="Background",styles:r})=>{const i=[{imageWidth:21,descriptor:36},{imageWidth:48,descriptor:80},{imageWidth:99,descriptor:165},{imageWidth:216,descriptor:360},{imageWidth:225,descriptor:375},{imageWidth:319,descriptor:533},{imageWidth:330,descriptor:550},{imageWidth:432,descriptor:720},{imageWidth:564,descriptor:940},{imageWidth:639,descriptor:1066},{imageWidth:648,descriptor:1080},{imageWidth:900,descriptor:1500},{imageWidth:1068,descriptor:1780},{imageWidth:1296,descriptor:2160}],a=(e,t)=>{if(e&&e.includes("cdn.shopify"))try{const n=new URL(e),o=n.searchParams;return o.has("format")||o.set("format","webp"),o.has("quality")||o.set("quality","80"),o.set("width",t.toString()),n.toString()}catch{const n=e.includes("?")?"&":"?";return`${e}${n}format=webp&quality=80&width=${t}`}},l=e=>e?i.map(({imageWidth:t,descriptor:n})=>{const o=a(e,t);return o?`${o} ${n}w`:""}).filter(Boolean).join(", "):"";if(!t&&!n)return null;const c=t||n||"",s=a(c,800)||c,d=[];if(n&&n!==t){const t=l(n);t&&d.push(e.createElement("source",{key:"mobile",media:"(max-width: 768px)",srcSet:t}))}if(t){const n=l(t);n&&(d.length>0?d.push(e.createElement("source",{key:"desktop",media:"(min-width: 769px)",srcSet:n})):d.push(e.createElement("source",{key:"desktop",srcSet:n})))}else if(n){const t=l(n);t&&d.push(e.createElement("source",{key:"mobile",srcSet:t}))}return e.createElement("div",{style:{width:"100%",display:"block"}},e.createElement("picture",{style:{display:"block",width:"100%"}},d,e.createElement("img",{src:s,alt:o,style:{width:"100%",height:"auto",display:"block",...r},loading:"eager",fetchPriority:"high",sizes:"100vw"})))},cs=({title:t,isOpen:n,onToggle:o,children:r})=>e.createElement("div",{className:"yt-byob-filter-section",style:{borderBottom:"1px solid #eee",paddingBottom:n?"20px":"12px",marginBottom:"12px"}},e.createElement("div",{className:"yt-byob-filter-section-header",onClick:o,style:{display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",padding:"8px 0"}},e.createElement("span",{className:"yt-byob-filter-section-title",style:{fontSize:"16px",fontWeight:500,color:"#111"}},t),n?e.createElement(Oe,{className:"yt-byob-icon-minus",size:20}):e.createElement(Ae,{className:"yt-byob-icon-plus",size:20})),n&&e.createElement("div",{className:"yt-byob-filter-section-body",style:{marginTop:"16px"}},r)),ss=({availableFilters:n,appliedFilters:o,toggleFilter:r,clearAllFilters:i,applyPriceFilter:a,priceMin:l,setPriceMin:c,priceMax:s,setPriceMax:d,maxPossiblePrice:p,styles:u,availableProductCount:m,products:g,unavailableProductCount:x,storeCurrencyCode:f,showActions:y=!0,openSections:b,toggleSection:h})=>{const[v,w]=t(null),C=iu(u?.general?.currencySymbol,f)??f??"USD";return e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-byob-filters-content-wrapper",style:{overflowY:"auto",scrollbarWidth:"none",padding:"20px",flex:1,minHeight:0,overscrollBehavior:"contain"}},n.map(t=>e.createElement(cs,{key:t.id,title:t.label,isOpen:!!b[t.id],onToggle:()=>h(t.id)},"LIST"===t.type&&e.createElement("div",{className:"yt-byob-filter-list",style:{display:"flex",flexDirection:"column",gap:"14px"}},t.values.map(n=>{const i=o[t.id]?.includes(n.id)||!1;return"filter.v.availability.1"===n.id?m??g.length:"filter.v.availability.0"===n.id||n.count,e.createElement("label",{key:n.id,className:"yt-byob-filter-item-label",style:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer"}},e.createElement("div",{className:"yt-byob-filter-item-left",style:{display:"flex",alignItems:"center",gap:"10px"}},e.createElement("input",{className:"yt-byob-filter-checkbox",type:"checkbox",checked:i,onChange:()=>r(t.id,n.id),style:{width:"18px",height:"18px",accentColor:u?.general?.primaryColor||"#333",cursor:"pointer"}}),e.createElement("span",{className:"yt-byob-filter-item-text",style:{fontSize:"15px",color:"#333"}},n.label)))})),"PRICE_RANGE"===t.type&&e.createElement("div",{className:"yt-byob-price-filter",style:{padding:"0 4px"}},e.createElement("div",{className:"yt-byob-price-range-display",style:{fontSize:"15px",color:"#333",marginBottom:"24px",fontWeight:500}},C,l.toLocaleString()," – ",C,s.toLocaleString()),e.createElement("div",{className:"yt-byob-price-slider-container",style:{position:"relative",width:"100%",height:"4px",background:"#e5e7eb",borderRadius:"4px",marginBottom:"10px"}},e.createElement("div",{className:"yt-byob-price-slider-track",style:{position:"absolute",height:"100%",background:"#333",borderRadius:"4px",left:l/p*100+"%",right:100-s/p*100+"%"}}),e.createElement("input",{type:"range",min:0,max:p,value:l,onMouseDown:()=>w("min"),onTouchStart:()=>w("min"),onChange:e=>{const t=Math.min(Number(e.target.value),s-10);c(t)},style:{position:"absolute",width:"100%",height:"0px",top:"50%",transform:"translateY(-50%)",background:"none",pointerEvents:"none",appearance:"none",WebkitAppearance:"none",zIndex:"min"===v?11:5,margin:0},className:"yt-byob-dual-range-input-min"}),e.createElement("input",{type:"range",min:0,max:p,value:s,onMouseDown:()=>w("max"),onTouchStart:()=>w("max"),onChange:e=>{const t=Math.max(Number(e.target.value),l+10);d(t)},style:{position:"absolute",width:"100%",height:"0px",top:"50%",transform:"translateY(-50%)",background:"none",pointerEvents:"none",appearance:"none",WebkitAppearance:"none",zIndex:"max"===v?11:4,margin:0},className:"yt-byob-dual-range-input-max"})),e.createElement("style",null,"\n .yt-byob-dual-range-input-min::-webkit-slider-thumb,\n .yt-byob-dual-range-input-max::-webkit-slider-thumb {\n pointer-events: auto;\n appearance: none;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #444;\n border: 3px solid white;\n cursor: pointer;\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n position: relative;\n z-index: 20;\n }\n .yt-byob-dual-range-input-min::-moz-range-thumb,\n .yt-byob-dual-range-input-max::-moz-range-thumb {\n pointer-events: auto;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #444;\n border: 3px solid white;\n cursor: pointer;\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n position: relative;\n z-index: 20;\n }\n "))))),y&&e.createElement("div",{className:"yt-byob-filter-actions",style:{display:"flex",gap:"12px",borderTop:"1px solid #eee",padding:"16px 0px",position:"sticky",bottom:"2px",paddingInline:"10px"}},e.createElement("button",{className:"yt-byob-filter-clear-button",onClick:i,style:{flex:1,padding:"8px",background:"#f3f4f6",border:"none",borderRadius:u?.byob?.borderRadius||"8px",cursor:"pointer",fontWeight:600,fontSize:"14px",color:"#333",fontFamily:"inherit"}},"Clear All"),e.createElement("button",{className:"yt-byob-filter-apply-button",onClick:a,style:{flex:1,padding:"8px",background:u?.general?.primaryColor||"#333",color:"white",border:"none",borderRadius:u?.byob?.borderRadius||"8px",cursor:"pointer",fontWeight:600,fontSize:"14px",fontFamily:"inherit"}},"Apply")))},ds=t=>{const{showFiltersDrawer:n,handleClose:o,isAnimating:r,isMobile:i}=t;return n?P(e.createElement("div",{className:"yt-byob-filter-drawer-overlay",style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.5)",zIndex:1e3,display:"flex",justifyContent:"flex-end",opacity:r?1:0,transition:"opacity 300ms ease-in-out"},onClick:o},e.createElement("div",{className:"yt-byob-filter-drawer-content",style:{width:i?"85%":"380px",height:"100%",background:"white",boxShadow:"-4px 0 12px rgba(0,0,0,0.15)",transform:r?"translateX(0)":"translateX(100%)",transition:"transform 300ms ease-in-out",display:"flex",flexDirection:"column",position:"relative"},onClick:e=>e.stopPropagation()},e.createElement(ss,{...t,applyPriceFilter:()=>{t.applyPriceFilter(),o()},openSections:t.openSections||{},toggleSection:t.toggleSection||(()=>{})}))),document.body):null},ps=t=>{const{showFiltersDrawer:n}=t;return n&&0!==t?.availableFilters?.length?e.createElement("div",{className:"yt-byob-filters-sidebar",style:{width:"280px",minWidth:"280px",padding:"0",height:"auto",maxHeight:"calc(100vh - 40px)",position:"sticky",top:"20px",display:"flex",flexDirection:"column",borderRight:"1px solid #eee",marginRight:"20px"}},e.createElement(ss,{...t,showActions:!0,openSections:t.openSections||{},toggleSection:t.toggleSection||(()=>{})})):null},us=({enableSortAndFilter:o,isMobile:r,setSearchTerm:i,searchTerm:a,styles:l,setSortBy:c,appliedFilters:s,setAppliedFilters:d,availableFilters:p=[],products:u,availableProductCount:m,unavailableProductCount:g,maxPossiblePrice:x,storeCurrencyCode:f,sharedFiltersState:b,openSections:h,toggleSection:v,sortBy:w})=>{const[C,E]=t(!1),[k,T]=t(a),{showFilters:S,setShowFilters:$,priceMax:N,setPriceMax:B,priceMin:F,setPriceMin:z}=b,[I,D]=t(!1),P=l?.byob?.productFiltersDisplay||"drawer",A=!r&&"sidebar"===P,_="none"===P;n(()=>{s["filter.v.price"]||(B(x),z(0))},[x,s]);n(()=>{const e=setTimeout(()=>{i(k)},300);return()=>clearTimeout(e)},[k,i]),n(()=>(S&&!A?(document.body.style.overflow="hidden",D(!0)):(document.body.style.overflow="",D(!1)),()=>{document.body.style.overflow=""}),[S,A]);const R=Object.entries(s).reduce((e,[t,n])=>"filter.v.price"===t?F>0||N<x?e+1:e:e+(n?n.length:0),0);return e.createElement("div",{className:"yt-byob-sort-filter-container",style:{display:"flex",flexDirection:r?"column":"row",justifyContent:"space-between",alignItems:r?"flex-end":"center",marginBottom:"20px",width:"100%",gap:r?"10px":"0"}},e.createElement("div",{className:"yt-byob-search-filter-controls",style:{display:"flex",flexDirection:o?"row-reverse":"row",justifyContent:"space-between",alignItems:C?void 0:"center",gap:"12px",width:"100%"}},o&&e.createElement("div",{className:"yt-byob-search-wrapper",style:{position:"relative",display:"flex",alignItems:"center",width:r?C?"100%":"auto":"400px",transition:"width 0.3s ease-in-out"}},r&&!C?e.createElement(_e,{className:"yt-byob-search-icon-trigger",fontSize:"20px",color:"#555",style:{cursor:"pointer"},onClick:()=>E(!0)}):e.createElement(e.Fragment,null,e.createElement("input",{className:"yt-byob-search-input",style:{width:"100%",padding:r?"10px 12px":"10px 14px",fontSize:"14px",outline:"none",color:"#333",border:"1px solid #c7c7c7",borderRadius:l?.byob.borderRadius,boxShadow:l?.byob.borderColor?"0 2px 4px rgba(0,0,0,0.1)":"none"},placeholder:"Search by Product Name",value:k,onChange:e=>T(e.target.value)}),!C&&e.createElement(_e,{className:"yt-byob-search-icon",fontSize:"18px",style:{position:"absolute",right:"12px",color:"#aaa",pointerEvents:"none"}})),r&&C&&e.createElement("span",{className:"yt-byob-search-close",style:{position:"absolute",right:"12px",color:"#aaa",fontSize:"16px",cursor:"pointer"},onClick:()=>E(!1)},"X")),e.createElement("div",{className:"yt-byob-actions-wrapper",style:{display:"flex",flexDirection:"row",gap:"10px"}},p?.length>0&&e.createElement("button",{className:"yt-byob-filter-toggle-button",onClick:()=>$(!S),style:{display:_?"none":"flex",alignItems:"center",gap:r?"0px":"6px",background:S&&A?"#f3f4f6":"white",cursor:"pointer",fontSize:"14px",color:"#333",whiteSpace:"nowrap",border:"1px solid #d1d5db",padding:"8px 12px",borderRadius:l?.byob.borderRadius,boxShadow:"0 2px 4px rgba(0,0,0,0.1)"}},e.createElement(Re,{className:"yt-byob-filter-toggle-icon",size:18}),!r&&"Filters",R>0&&e.createElement("span",{className:"yt-byob-active-filter-badge",style:{background:l?.general?.primaryColor||"#ef4444",color:"white",borderRadius:"999px",padding:"2px 8px",fontSize:"12px",lineHeight:1}},R)),o&&e.createElement("div",{className:"yt-byob-sort-wrapper",style:{display:"flex",alignItems:"center",border:"1px solid #d1d5db",padding:"8px 12px",borderRadius:l?.byob.borderRadius,boxShadow:"0 2px 4px rgba(0,0,0,0.1)",position:"relative"}},!r&&e.createElement("span",{className:"yt-byob-sort-label",style:{fontSize:"14px",color:"#555",marginRight:"6px"}},"Sort:"),r&&e.createElement(Le,{className:"yt-byob-sort-icon",size:18,style:{color:"#555"}}),e.createElement("select",{className:"yt-byob-sort-select",style:{border:"none",background:"transparent",fontSize:"14px",color:"#333",cursor:"pointer",outline:"none",appearance:"none",WebkitAppearance:"none",paddingRight:"20px"},value:w,onChange:e=>c(e.target.value)},e.createElement("option",{className:"yt-byob-sort-option",value:""},"Featured"),e.createElement("option",{className:"yt-byob-sort-option",value:"price-low-to-high"},"Price: Low to High"),e.createElement("option",{className:"yt-byob-sort-option",value:"price-high-to-low"},"Price: High to Low"),e.createElement("option",{className:"yt-byob-sort-option",value:"title-asc"},"Alphabetical: A-Z"),e.createElement("option",{className:"yt-byob-sort-option",value:"title-desc"},"Alphabetical: Z-A")),e.createElement(y,{className:"yt-byob-sort-chevron",size:14,style:{position:"absolute",right:"10px",pointerEvents:"none",color:"#555"}})))),!A&&!_&&e.createElement(ds,{showFiltersDrawer:S,handleClose:()=>{A?$(!1):(document.body.style.overflow="",D(!1),setTimeout(()=>{$(!1)},300))},isAnimating:I,isMobile:r,availableFilters:p,appliedFilters:s,toggleFilter:(e,t)=>{d(n=>{const o=n[e]||[],r=o.includes(t)?o.filter(e=>e!==t):[...o,t],i={...n,[e]:r.length?r:void 0};return Object.fromEntries(Object.entries(i).filter(([,e])=>void 0!==e))})},clearAllFilters:()=>{B(x),z(0),d({})},applyPriceFilter:()=>{d(e=>{const t={...e};return t["filter.v.price"]=[`min:${F}-max:${N}`],t})},priceMin:F,setPriceMin:z,priceMax:N,setPriceMax:B,maxPossiblePrice:x,styles:l,availableProductCount:m,products:u,unavailableProductCount:g,storeCurrencyCode:f,openSections:h,toggleSection:v}))},ms=()=>e.createElement(e.Fragment,null,e.createElement("style",null,"@keyframes spin { to { transform: rotate(360deg); } }"),e.createElement("div",{className:"yt-collection-bundle-loader-spinner",style:{width:"14px",height:"14px",border:"2px solid #f3f3f3",borderTop:"2px solid #007bff",borderRadius:"50%",animation:"spin 1s linear infinite",display:"block"}})),gs=({title:t,uploadState:n,onUpload:o,onRemove:r,onRetry:i})=>{const a="string"==typeof n?{url:n,name:"Attachment"}:n,l=a?.loading,c=a?.error,s=a?.url;return e.createElement("div",{className:"yt-personalization-upload-field",style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"14px 16px",border:"1px dashed #ccc",borderRadius:"10px",background:"#fff",gap:"12px"}},e.createElement("div",{style:{flex:1,minWidth:0}},e.createElement("div",{style:{fontWeight:600,fontSize:"14px",color:"#1a1a1a"}},t),!a&&!l&&!c&&e.createElement("div",{style:{fontSize:"12px",color:"#888",marginTop:"2px"}},"jpeg/png/img (max size: 5MB)"),l&&e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"6px",color:"#007bff",fontSize:"12px",marginTop:"4px"}},e.createElement(ms,null)," Uploading ",a?.name||"image","..."),c&&e.createElement("div",{style:{fontSize:"12px",color:"#dc3545",marginTop:"2px"}},"Upload failed."),s&&!l&&!c&&e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"6px"}},e.createElement("img",{src:a.url,alt:"Uploaded",style:{width:"36px",height:"36px",objectFit:"cover",borderRadius:"4px",border:"1px solid #eee"}}),e.createElement("span",{style:{fontSize:"12px",color:"#28a745",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},a.name))),e.createElement("div",{style:{flexShrink:0}},c&&e.createElement("button",{type:"button",onClick:i,style:{fontSize:"13px",fontWeight:600,color:"#303030",background:"white",border:"1.5px solid #E3E3E3",borderRadius:"10px",padding:"8px 16px",cursor:"pointer",whiteSpace:"nowrap"}},"Retry"),s&&!l&&!c&&e.createElement("button",{type:"button",onClick:r,style:{fontSize:"13px",fontWeight:600,color:"#fff",background:"#dc3545",border:"none",borderRadius:"10px",padding:"8px 16px",cursor:"pointer",whiteSpace:"nowrap"}},"Remove"),!a&&!l&&e.createElement("button",{type:"button",onClick:o,style:{fontSize:"13px",fontWeight:600,color:"#303030",background:"white",border:"1.5px solid #E3E3E3",borderRadius:"10px",padding:"8px 16px",cursor:"pointer",whiteSpace:"nowrap"}},"Upload Image")))},xs=({form:o,formData:i,setFormData:a,barHeight:l=0,isUploading:c,setIsUploading:s})=>{const d=r(new Map),[p,u]=t(!1),m=s??u;n(()=>()=>{d.current.forEach(e=>{e.parentNode&&e.parentNode.removeChild(e)}),d.current.clear()},[]);const g=e=>{if(!d.current.has(e)){const t=document.createElement("input");t.type="file",t.accept="image/jpeg,image/png",t.style.display="none",t.multiple=!1,t.onchange=async t=>{const n=t.target.files?.[0];if(n){if(n.size>5242880)return alert("Max 5MB");if(!n.type.match(/^image\/(jpeg|png)$/i))return alert("JPEG/PNG only");a(t=>({...t,[e]:{loading:!0,name:n.name}}));try{const t=await(async e=>{const t=new FormData;t.append("file",e),m(!0);try{const e=window?.Shopify?.shop||"falah-devstore.myshopify.com",n=window?.Shopify?.shop?"https://products.yourtoken.io":"http://localhost:8000",o=await fetch(`${n}/shopify/upload?shop=${e}`,{method:"POST",headers:{"x-yourtoken-app-name":"bundles"},body:t});if(!o.ok)throw new Error("Upload failed");return(await o.json()).url}catch(e){throw alert("Upload failed. Try again."),e}finally{m(!1)}})(n);a(o=>({...o,[e]:{url:t,name:n.name}}))}catch{a(t=>({...t,[e]:{error:!0,name:n.name}}))}}},document.body.appendChild(t),d.current.set(e,t)}return d.current.get(e)};return e.createElement("div",{style:{width:"100%",padding:"8px 0",marginBottom:`${l}px`,boxSizing:"border-box"}},o.sections?.map((t,n)=>e.createElement("div",{key:`sec_${n}`,style:{marginBottom:"28px"}},e.createElement("label",{style:{display:"block",fontWeight:700,marginBottom:"10px",color:"#1a1a1a",fontSize:"15px",lineHeight:"normal"}},t?.title),"text"===t.type&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px"}},t.fields.map((t,n)=>{const o=t?.title??"Field "+n;return e.createElement("textarea",{key:o,placeholder:t?.title,rows:3,maxLength:500,value:i[o]||"",onChange:e=>a(t=>({...t,[o]:e.target.value})),style:{width:"100%",padding:"8px 0",border:"none",borderBottom:"1.5px solid #ddd",borderRadius:0,fontSize:"14px",color:"#1a1a1a",background:"transparent",resize:"none",outline:"none",lineHeight:"1.5",boxSizing:"border-box"}})})),"image"===t.type&&e.createElement("div",null,e.createElement("div",{style:{fontSize:"12px",color:"#888",marginBottom:"10px"}},"Supported formats - jpeg/png/img (max size: 5MB)"),e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"10px"}},t.fields.map((t,n)=>{const o=t?.title??"Field "+n;return e.createElement(gs,{key:o,title:t?.title,uploadState:i[o],onUpload:()=>g(o).click(),onRemove:()=>a(e=>{const{[o]:t,...n}=e;return n}),onRetry:()=>g(o).click()})}))))))};function fs({quantity:t,setQuantity:n,remainingQuantity:o,handleAddToBundle:r,variantId:i,product:a,handleRemoveItem:l,hideAddToBundle:c,selectedVariantInventoryQty:s}){const d={display:"flex",alignItems:"center",justifyContent:"center",width:"33%",cursor:"pointer",backgroundColor:"#f2f2f2",userSelect:"none",border:"none",padding:"8px",margin:"0",fontSize:"20px",color:"#333",textDecoration:"none",boxShadow:"none",outline:"none",borderRadius:"0",boxSizing:"border-box"},p=t<s;return e.createElement(ac,{className:"yt-byob-quantity-selector-container"},e.createElement("button",{className:"yt-byob-quantity-minus-button",onClick:e=>{e.stopPropagation();const o=Math.max(0,t-1);n(o),l&&i&&l(i,1)},style:d},"-"),e.createElement(lc,{className:"yt-byob-quantity-display"},t," added"),e.createElement("button",{className:"yt-byob-quantity-plus-button",onClick:e=>{e.stopPropagation();const l=Math.min(o,t+1,s);n(l),r&&i&&a&&r(i,a,1)},disabled:!p||c,style:{...d,cursor:!p||c?"not-allowed":"pointer",opacity:!p||c?.6:1}},"+"))}const ys=({product:r,styles:i,selectedVariant:a})=>{const[l,c]=t(!1),s=o(()=>au(a?.image?.url||r?.featuredMedia?.preview?.image?.url||r?.media?.edges?.[0]?.node?.image?.url)||"",[a?.image?.url,r?.featuredMedia?.preview?.image?.url,r?.media?.edges]),d=o(()=>r?.media?.edges?.map(e=>au(e?.node?.preview?.image?.url??e?.node?.image?.url)).filter(Boolean)??[],[r?.media?.edges]),p=o(()=>d?.[1]??s??"",[d,s]);n(()=>{if(s){(new Image).src=s}},[s]);const u=o(()=>s||d?.[0],[s,d]);return e.createElement("div",{className:"yt-byob-image-hover-container",style:{position:"relative",width:"100%",overflow:"hidden",aspectRatio:i.general.imageAspectRatio||"1/1"},onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1)},e.createElement("div",{className:"yt-byob-image-inner-container",style:{width:"100%",height:"100%",position:"relative"}},e.createElement("img",{className:"yt-byob-image-main",loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",objectPosition:"top",opacity:l&&u!==p?0:1,transition:d?.length>0?"opacity 300ms ease, transform 300ms ease":"",transform:l?"scale(1.1)":"scale(1)"},src:u,alt:r.title}),u!==p&&e.createElement("img",{className:"yt-byob-image-hover",loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",opacity:l?1:0,transition:"opacity 400ms ease, transform 400ms ease",transform:l?"scale(1.1)":"scale(1)",position:"absolute",top:0,left:0,objectPosition:"top"},src:p,alt:r.title})))},bs=({product:o,bundle:r,handleAddToBundle:a,hideAddToBundle:l,remainingQuantity:c,themeColor:s,handleRemoveItem:d,transitionActive:p,idx:u,selecteditems:m,customVariantsQuantity:g,currentProductTier:x,showFreebieTierProductPrices:f,tierIndex:b})=>{const h=ce(Jc),v=r.customizations,w=v?.byob?.variantSelectorType,[C,E]=t(!1),k=v.general?.variantTitleSuffix?o?.variants?.edges:(e=>{if(!e||e.length<2)return e;const t=e.map(e=>e.node.title).map(e=>e.split(" "));let n=[...t[0]];for(let e=1;e<t.length;e++){const o=t[e];let r=0;for(;r<n.length&&r<o.length&&n[n.length-1-r]===o[o.length-1-r];)r++;n=n.slice(n.length-r)}return n.length<1?e:e.map(e=>{const t=e.node.title.split(" "),o=t.slice(0,t.length-n.length).join(" ");return{...e,node:{...e.node,title:o,commonSuffix:n.join(" ")}}})})(o?.variants?.edges);if(!k||!k.length)return e.createElement(e.Fragment,null);const T=i(e=>{const t=g?.find(t=>t.variantId===e)?.quantity;if(void 0!==t)return t;if(r?.customProductsQuantity)return r?.customProductsQuantity;const n=k?.find(t=>t.node.id===e),i=n?.node;return i?o.tracksInventory&&i.inventoryItem?.tracked?i.inventoryQuantity>0?i.inventoryQuantity:i.inventoryQuantity<=0&&"continue"===i.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[k,g,o.tracksInventory]),S=k?.find(e=>T(e.node.id)>0)?.node?.id;if(!S&&!v.general.showOutOfStockProducts)return e.createElement(e.Fragment,null);const[$,N]=t(k?.find(e=>T(e.node.id)>0)?.node?.id||k[0]?.node?.id),[B,F]=t(0),[z,I]=t(window.innerWidth<450),[D,P]=t("normal"),A=k?.find(e=>e?.node?.id===$)?.node,_=T($||"");n(()=>{const e=m.find(e=>e.variantId===$&&(void 0===b||e.tierIndex===b));F(e?e.quantity:0)},[m,$,b]),n(()=>{const e=()=>{I(window.innerWidth<450)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),n(()=>{CSS.supports("font-weight","500")?P("500"):CSS.supports("font-weight","400")?P("400"):CSS.supports("font-weight","600")&&P("600")},[]),n(()=>{document.documentElement.style.setProperty("--yt-bundle-font-weight",D)},[D]),n(()=>{if($&&!k?.some(e=>e.node.id===$)){const e=k.find(e=>T(e.node.id)>0)?.node.id||k[0]?.node?.id;e&&N(e)}},[$,k,T]);const R=o.variants&&o.variants.edges?.length>1&&"customOptions"!==w,L="undefined"!=typeof window?(window?.ytapp||window?.ytBundleApp)?.storeId:void 0,O="53933408435"===L,M="75851235630"===L,W=(e=>{if(e.metafield&&"yourtoken_bundles_app"===e.metafield.namespace&&"categories"===e.metafield.key){if(e.metafield.jsonValue&&Array.isArray(e.metafield.jsonValue))return e.metafield.jsonValue;if(e.metafield.value)try{const t=JSON.parse(e.metafield.value);if(Array.isArray(t))return t}catch(e){console.error("Failed to parse categories:",e)}}return[]})(o),V=W.length>0;return e.createElement(e.Fragment,null,e.createElement(dc,{borderRadius:v?.byob.borderRadius,borderColor:v?.byob.borderColor,shadowType:v?.byob.shadowType,backgroundColor:v?.byob.cardBackgroundColor,className:"yt-byob-product-container bundle-builder-product-container "+(p?"yt-product-card-transition-active":u%2==0?"yt-product-card-transition":"yt-product-card-transition-up"),onClick:()=>{if(_<=0)return;const e={...o,variants:{...o.variants,edges:k},selectedVariant:A};h(e)},onMouseEnter:e=>{e.currentTarget.style.transform="scale(1.01)"},onMouseLeave:e=>{e.currentTarget.style.transform="scale(1)"},style:{WebkitTapHighlightColor:"transparent",textAlign:v?.byob?.productCardDetailsAlignment||"left"}},e.createElement(pc,{className:"yt-byob-image-wrapper"},e.createElement(ys,{product:o,styles:v,selectedVariant:A}),r?.productCardBadgeText&&e.createElement("div",{className:"yt-byob-product-badge",style:{position:"absolute",top:"0px",left:"0px",backgroundColor:v?.general.primaryColor||"#111",color:v?.general.primaryContrastColor||"#fff",zIndex:1,margin:"0px",whiteSpace:"pre",padding:"4px 8px",fontSize:"12px",borderTopLeftRadius:v.byob.borderRadius}},r.productCardBadgeText),R&&e.createElement("div",{className:"yt-byob-variant-selector-wrapper",style:{position:"relative",width:"100%"}},e.createElement(uc,{className:"yt-byob-variant-selector",isCoralHaze:O,onClick:e=>{e.preventDefault(),e.stopPropagation()},value:$||"",onChange:e=>{e.stopPropagation(),e.preventDefault(),N(e.target.value)}},k?.map(t=>{const n=window.innerWidth<=320?10:window.innerWidth<=420?15:22,o=t.node.title.length>n?t.node.title.substring(0,n)+"...":t.node.title;return e.createElement("option",{key:t.node.id,value:t.node.id},o)})),e.createElement("div",{className:"yt-byob-variant-chevron",style:{position:"absolute",right:"16px",bottom:"10px",pointerEvents:"none"}},e.createElement(y,null)))),e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"flex-start"},className:"yt-byob-product-details-wrapper"},e.createElement("div",{className:"yt-byob-product-content"},"enabled"===r?.customizations?.byob?.productCardCategoryVisibility&&V&&e.createElement("div",{className:"yt-byob-product-categories-wrapper",style:{padding:"2px 4px"}},e.createElement("div",{className:"yt-byob-product-categories",style:{display:"flex",flexWrap:"wrap",gap:"4px"}},W.slice(0,2).map((t,n)=>e.createElement("span",{className:"yt-byob-category-tag",key:n,style:{fontSize:z?"10px":"14px",color:"#666",fontWeight:"500",paddingBottom:"4px"}},t.charAt(0).toUpperCase()+t.slice(1))),W.length>2&&e.createElement("span",{className:"yt-byob-more-categories",style:{fontSize:"10px",padding:"2px 6px",backgroundColor:"rgba(0, 0, 0, 0.05)",borderRadius:"8px",color:"#666",fontWeight:"500"}},"+",W.length-2," more"))),e.createElement(mc,{isMobile:z,showBorder:r?.showBorder??!0,style:{...!v?.byob.productsPriceVisibility&&{padding:"8px"},...v?.byob.productTitleFontSize&&{fontSize:v?.byob.productTitleFontSize||"18px"}},className:"yt-byob-product-title-wrapper"},e.createElement("div",{style:{display:"-webkit-box",WebkitLineClamp:v?.byob?.productTitleWrapLines||2,WebkitBoxOrient:"vertical",overflow:"hidden",lineHeight:"normal"},className:"yt-byob-product-title"},M?String(A?.displayName).replace("- Default Title",""):o.title,A?.commonSuffix?" -"+A?.commonSuffix:""))),"Default Title"!==A?.title&&v?.byob?.showVariantTitleInCard&&e.createElement("p",{style:{padding:r?.showBorder??1?"0px 10px":"0 4px",fontSize:"12px",margin:"0",fontWeight:"600",color:"#888",lineHeight:"normal"},className:"yt-byob-product-variant-title"},A?.title),"ratingOnly"===r?.reviewRatingType&&(o?.rating?.averageRating??0)>0&&e.createElement("div",{className:"yt-byob-product-ratings",style:{display:"flex",alignItems:"center",justifyContent:"start",fontSize:"14px",color:"#333"}},e.createElement(Be,{color:"gold",size:14})," ",e.createElement("span",{style:{marginLeft:6}},o?.rating?.averageRating," rating")),"ratingAndReviewCount"===r?.reviewRatingType&&(o?.rating?.averageRating??0)>0&&e.createElement("div",{className:"yt-byob-product-ratings-count",style:{display:"flex",alignItems:"center",justifyContent:"start",fontSize:"14px",color:"#333"}},e.createElement(Be,{color:"gold",size:14})," ",o?.rating?.averageRating,e.createElement(Ce,{className:"yt-byob-verified-icon",size:14,style:{color:"dodgerblue",marginLeft:"4px"}})," ","(",o?.rating?.ratingCount," reviews)"),v?.byob.productsPriceVisibility&&e.createElement("div",{className:"yt-byob-product-price yt-bundle-builder-product-price",style:{marginBottom:"5px",padding:r?.showBorder?"0px 10px":"0 4px"}},x?.isFreebieTier&&!f?e.createElement(e.Fragment,null,e.createElement("span",{className:"yt-byob-compare-price yt-fixed-bundle-original-price",style:{fontSize:"14px",textDecoration:"line-through",color:"#888",marginRight:"6px"}},iu(v.general.currencySymbol,r?.storeCurrencyCode)??"Rs.",ru(A?.price)),e.createElement("span",{className:"yt-byob-current-price",style:{color:v.general.primaryColor||"#d32f2f",fontWeight:"bold"}},"FREE")):parseFloat(A?.price??"0")>0?e.createElement("span",{className:"yt-byob-current-price"},iu(v.general.currencySymbol,r?.storeCurrencyCode)??"Rs.",ru(A?.price)):e.createElement("span",{className:"yt-byob-free-price"},"Free"),(!x?.isFreebieTier||f)&&A?.compareAtPrice&&v?.byob.compareAtPriceVisibility&&parseFloat(A.compareAtPrice)>parseFloat(A?.price)&&e.createElement("span",{className:"yt-byob-compare-price yt-fixed-bundle-original-price",style:{fontSize:"14px"}},iu(v.general.currencySymbol,r?.storeCurrencyCode)??"Rs.",ru(A.compareAtPrice)))),(_>0||_===1/0)&&e.createElement(gc,{borderRadius:v?.byob.borderRadius,className:"yt-byob-add-to-bundle-wrapper yt-product-atc-wrapper"},(0===B||void 0===B)&&e.createElement(cc,{style:{...!l&&{backgroundColor:v?.general.primaryColor||"#111",color:v?.general.primaryContrastColor||"#fff"}},disabled:l,onClick:e=>{e.stopPropagation(),e.preventDefault(),F(1),(()=>{if(!$)return;"customOptions"===w&&k.length>1?E(!0):a($,o,1)})()},className:"yt-byob-add-to-bundle-button yt-product-atc-button"},v?.byob.addToBundleCTAText),!r?.disableQuantitySelector&&B>0&&$&&e.createElement(sc,{className:"yt-byob-quantity-selector-container visible",style:{overflow:"hidden"}},e.createElement(fs,{remainingQuantity:c,setQuantity:F,quantity:B,handleAddToBundle:a,variantId:$,product:o,handleRemoveItem:d,hideAddToBundle:l,selectedVariantInventoryQty:_})),r?.disableQuantitySelector&&B>0&&$&&e.createElement(cc,{style:{backgroundColor:"#747474",color:v?.general.primaryContrastColor||"#fff",display:"flex",justifyContent:"space-between",overflow:"hidden",height:"40px"},className:"yt-byob-added-button yt-product-atc-single-qty-selector"},e.createElement(xc,{className:"yt-byob-added-text yt-product-atc-single-qty-selector-added"},"ADDED"),e.createElement(fc,{className:"yt-byob-single-qty-remove yt-product-atc-single-qty-selector-remove",onClick:e=>{e.stopPropagation();const t=Math.max(0,B-1);F(t),d&&$&&d($,b)}},e.createElement(Me,{style:{color:"#fff",fontSize:"20px"}})))),_<=0&&_!==1/0&&e.createElement(cc,{style:{backgroundColor:v.general.disabledButtonColor,color:"#fff",cursor:"not-allowed",transition:"transform 0.2s ease-in-out"},className:"yt-product-atc-disabled"},v?.general.outOfStockLabel||"Out of Stock")),"customOptions"===w&&C&&k.length>1&&e.createElement(is,{product:o,isOpen:C,onClose:()=>E(!1),variantOptions:r.variantOptions,cta:{textColor:v.general.ctaTextColor,backgroundColor:v.general.primaryColor},onConfirm:e=>{N(e),a(e,o,1)}}))},hs=({currentStep:t,setCurrentProductTier:n,totalSteps:o,tiers:r,isMobile:i,selectedProductsByTier:a,primaryColor:l="#000",primaryTextColorCta:c="#fff",tierNavigation:s})=>e.createElement("div",{className:"yt-byob-stepper-container",style:{textAlign:"center",fontSize:"20px"}},e.createElement("div",{className:"yt-byob-stepper-steps",style:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"center"}},Array.from({length:o}).map((c,d)=>{const p=d+1,u=!r[d].isFormStep&&r[d].minimumQuantity-(a[d]?.length??0)===0,m=d===t;return l="black"===l?"#000000":l,e.createElement(e.Fragment,{key:p},e.createElement("div",{className:"yt-byob-stepper-step-wrapper",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:"pointer",gap:i?"4px":"8px"},onClick:()=>!1===s?()=>{}:n(p-1)},e.createElement("div",{className:"yt-byob-stepper-step-number",style:{fontSize:"14px"}},"Step ",p),e.createElement("div",{className:"yt-byob-stepper-step-bar",style:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"center",cursor:"pointer"}},e.createElement("div",{className:"yt-byob-stepper-step-left-bar",style:{height:"3px",width:i?"30px":"50px",backgroundColor:m?"#666666":u?l:"#CBD5E0",display:"block",borderTopLeftRadius:"5px",borderBottomLeftRadius:"5px"}}),e.createElement("div",{className:"yt-byob-stepper-step-circle",style:{width:"10px",height:"10px",borderRadius:"50%",backgroundColor:m?"white":u?`${l}50`:"white",border:`2px solid ${m?"#666666":u?l:"#CBD5E0"}`,display:"flex",alignItems:"center",justifyContent:"center"}}),e.createElement("div",{className:"yt-byob-stepper-step-right-bar",style:{height:"3px",width:i?"30px":"50px",backgroundColor:m?"#666666":u?l:"#CBD5E0",display:"block",marginRight:d<o?i?"4px":"6px":"",borderTopRightRadius:"5px",borderBottomRightRadius:"5px"}}))))})),e.createElement("div",{className:"yt-byob-stepper-title",style:{margin:i?"16px 0px":"15px 0px",fontSize:i?"16px":"18px",padding:"4px",background:"rgba(0, 0, 0, 0.03)",borderBottom:"1px solid rgba(130, 130, 130, 0.28)"}},r[t]?.title)),vs=({styles:t,isMobile:n,categories:o,activeCategory:r,onCategoryChange:i})=>{const a=e=>{i(e)},l=(e,t)=>{const n=e.replace("#","");return`rgba(${parseInt(n.substring(0,2),16)}, ${parseInt(n.substring(2,4),16)}, ${parseInt(n.substring(4,6),16)}, ${t})`};return"tabs"===t?.byob?.categoryFilterOnPage?e.createElement("div",{className:"yt-byob-category-filter-wrapper",style:{overflowX:"auto",scrollbarWidth:"none",msOverflowStyle:"none",marginBottom:"20px",width:"100%"}},e.createElement("div",{className:"yt-byob-category-tabs-container",style:{display:"flex",gap:"0px",minWidth:"max-content",paddingBottom:"1px",flexWrap:"nowrap",justifyContent:"center",borderBottom:"1px solid #e0e0e0",width:"auto",height:n?"28px":"45px"}},["All",...o].map(o=>{const i=r===o;return e.createElement("button",{key:o,onClick:()=>a(o),className:"yt-byob-category-tab-button",style:{background:"none",border:"none",padding:n?"12px 16px":"12px 20px",fontSize:n?"14px":"16px",fontWeight:i?"600":"400",color:i?t.general.primaryColor:"#666",cursor:"pointer",position:"relative",transition:"all 0.3s ease",backgroundColor:i?l(t.general.primaryColor,.07):"transparent",borderBottom:i?`2px solid ${t?.general.primaryColor}`:"2px solid transparent",marginBottom:"-1px",whiteSpace:"nowrap",minWidth:"fit-content"},onMouseEnter:e=>{i||(e.currentTarget.style.color=t?.general.primaryColor)},onMouseLeave:e=>{i||(e.currentTarget.style.color="#666")}},e.createElement("span",{style:{visibility:"hidden",height:0,display:"block",overflow:"hidden",fontWeight:600},"aria-hidden":"true"},o.charAt(0).toUpperCase()+o.slice(1)),e.createElement("span",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"100%",textAlign:"center"}},o.charAt(0).toUpperCase()+o.slice(1)))}))):e.createElement("div",{className:"yt-byob-category-filter-wrapper",style:{overflowX:n?"auto":"visible",scrollbarWidth:"none",msOverflowStyle:"none",marginBottom:"20px",paddingBottom:"5px"}},e.createElement("div",{className:"yt-byob-category-buttons-container",style:{display:"flex",gap:"8px",minWidth:"max-content",flexWrap:"nowrap",justifyContent:"center",paddingRight:n?"10px":"0px"}},["All",...o].map(o=>e.createElement("button",{key:o,onClick:()=>a(o),className:"yt-byob-category-button",style:{padding:n?"8px 16px":"10px 18px",fontSize:n?"13px":"14px",fontWeight:"500",border:`1px solid ${r===o?t?.general.primaryColor:"#e0e0e0"}`,borderRadius:t?.general.ctaBorderRadius,backgroundColor:r===o?t?.general.primaryColor:"white",color:r===o?"white":"#333",cursor:"pointer",transition:"all 0.3s ease",outline:"none",whiteSpace:"nowrap",minWidth:"fit-content",flexShrink:0},onMouseEnter:e=>{r!==o&&(e.currentTarget.style.borderColor=t?.general.primaryColor,e.currentTarget.style.color=t?.general.primaryColor)},onMouseLeave:e=>{r!==o&&(e.currentTarget.style.borderColor="#e0e0e0",e.currentTarget.style.color="#333")}},o.charAt(0).toUpperCase()+o.slice(1)))))},ws=({bundle:a,selectedItems:l,setSelectedItems:c,handleAddToCart:s,bundleAddToCartLoading:d,renderingOnPage:p,selectedItemsQuantity:u,handleRemoveItem:m,bundleSubtotal:g,dispatchAnalyticsEvent:x,fetchStoreDetails:f,productsPagination:y})=>{const[b,h]=t(void 0),[v,w]=t(window.innerWidth<450),[C,E]=t(0),[k,T]=t({}),S=!!a.personalizedForm?.title&&"productTier"===a.builderTiers?.type,[$,N]=t({}),[B,F]=t(!1),z=S&&C===(a.builderTiers?.productTier?.length||0),I=C===(a.builderTiers?.productTier?.length||0)-1,D=S&&I&&!z,[P,A]=t(a?.products),[_,R]=t(!1),[L,O]=t({}),[M,W]=t(a?.products),[V,j]=t({}),[H,q]=t(y?.cursorData),Q=a.builderTiers?.type,U=a.customizations,Y=a.builderTiers?.productTier??[],G=a.builderTiers?.offerTier??[],[X,Z]=t([]),[K,J]=t(!1),[ee,te]=t("All"),ne=r(null),[oe,re]=t({}),[ie,le]=t([]),[ce,se]=t(!1),[de,pe]=t(0),[ue,ge]=t(0),[xe,fe]=t({}),ye=e=>{fe(t=>{const n=!1!==t[e];return{...t,[e]:!n}})};n(()=>{ie.length>0&&fe(e=>{const t={...e};return ie.forEach(e=>{void 0===t[e.id]&&(t[e.id]=!1)}),t})},[ie]),n(()=>{!(Object.values(oe).length>0)&&y?.cursorData&&q(y.cursorData)},[oe,y?.cursorData]);const be=a.customStoreDetails?.fixedInventoryDetails;n(()=>{const e=new Set;let t=!1;P?.forEach(n=>{const o=n?.productDetails;if(o.metafield&&"yourtoken_bundles_app"===o.metafield.namespace&&"categories"===o.metafield.key){let n=[];if(o.metafield.jsonValue&&Array.isArray(o.metafield.jsonValue))n=o.metafield.jsonValue;else if(o.metafield.value)try{const e=JSON.parse(o.metafield.value);Array.isArray(e)&&(n=e)}catch(e){console.error("Failed to parse categories:",e)}n.length>0&&(t=!0,n.forEach(t=>e.add(t)))}}),Z(Array.from(e)),J(t);U?.byob?.productFiltersDisplay&&"none"!==U?.byob?.productFiltersDisplay&&(async()=>{const e=U?.byob?.productFiltersDisplay??"none";if("drawer"===e||"sidebar"===e)try{const e=await(f?.());e?.productFilters&&le(e.productFilters??[])}catch(e){console.error("no filters data found")}})()},[U?.byob,f,P]),n(()=>{re({})},[C,ee]);const he=((e,t)=>"All"===t?e:e.filter(e=>{const n=e?.productDetails;if(n.metafield&&"yourtoken_bundles_app"===n.metafield.namespace&&"categories"===n.metafield.key){let e=[];if(n.metafield.jsonValue&&Array.isArray(n.metafield.jsonValue))e=n.metafield.jsonValue;else if(n.metafield.value)try{const t=JSON.parse(n.metafield.value);Array.isArray(t)&&(e=t)}catch(e){console.error("Failed to parse categories:",e)}return e.includes(t)}return!1}))(P.filter(e=>{const t=e.productDetails.status?.toLowerCase(),n="active"===t||"unlisted"===t||void 0===e.productDetails.status||""===e.productDetails.status,o="estailofashion.myshopify.com"!==window?.Shopify?.shop||null!==e?.productDetails?.publishedAt;return n&&o}),ee),ve="productTier"===Q?Y.reduce((e,t)=>e+t.minimumQuantity,0):"offerTier"===Q?G.reduce((e,t)=>e+t.minimumQuantity,0):a.minimumQuantity,we=i((e,t)=>{const n=be?.find(e=>e.variantId===t)?.quantity;if(void 0!==n)return n;const o=(e.variants?.edges||[]).find(e=>e.node.id===t),r=o?.node;return r?e.tracksInventory&&r.inventoryItem?.tracked?r.inventoryQuantity>0?r.inventoryQuantity:r.inventoryQuantity<=0&&"continue"===r.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[be]),[Ce,Ee]=t(3e3);n(()=>{const e=ie?.find(e=>"PRICE_RANGE"===e.type||"filter.v.price"===e.id);e&&e.values?.[0]?.input?.price?.max&&Ee(e.values[0].input.price.max)},[P,ie]);const[ke,Te]=t(""),[Se,$e]=t(""),Ne=((e,t)=>e.filter(e=>e?.productDetails?.title?.toLowerCase().includes(t?.toLowerCase())))(he,ke),Be=((e,t)=>[...e].sort((e,n)=>{const o=e?.productDetails?.title?.toLowerCase(),r=n?.productDetails?.title?.toLowerCase(),i=parseFloat(e?.productDetails?.variants?.edges?.[0]?.node?.price||"0"),a=parseFloat(n?.productDetails?.variants?.edges?.[0]?.node?.price||"0");switch(t){case"title-asc":return o.localeCompare(r);case"title-desc":return r.localeCompare(o);case"price-low-to-high":return i-a;case"price-high-to-low":return a-i;default:return 0}}))(Ne,Se);n(()=>{(async e=>{if(!y)return;const{initialCursorData:t,cursorData:n,fetchFn:o,setCursorData:r}=y,i="productTier"===Q?Y?.[C]?.tier:1;if(0===Object.values(e)?.length)return void("productTier"===Q?(O(e=>({...e,[C]:V?.[C]||[]})),r(H||{...n})):(A(M),r(H||{1:t?.[1]})));const a=await o(e,i,null);a&&("productTier"===Q?(O(e=>({...e,[C]:a})),A(e=>{const t=new Set(e.map(e=>e.productId)),n=a.filter(e=>!t.has(e.productId));return[...e,...n]})):A(a))})(oe)},[oe]);const[Fe,ze]=ae(Jc),[Ie,De]=t(!1);n(()=>{x?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:a?._id,bundleType:"byob-page-bundle",byobBundleType:a.builderTiers?.type??"builder"}}),setTimeout(()=>{De(!0)},100)},[]);const Pe=r(null);n(()=>{const e=()=>{w(window.innerWidth<450)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),n(()=>{if(a.coverImageUrl){const e=new Image;e.src=au(a.coverImageUrl)??"",e.onload=()=>{h(e.width/e.height)}}},[a.coverImageUrl]),n(()=>{De(!1),setTimeout(()=>De(!0),100)},[C]);const Ae=(e,t)=>{if("productTier"===Q){let n={...k},o=!1;if(n[t]){const r=n[t].indexOf(e);-1!==r&&(n[t]=[...n[t]],n[t].splice(r,1),o=!0)}if(!o)for(let t=Y.length;t>=0;t--){const o=n[t].indexOf(e);if(-1!==o){n[t]=[...n[t]],n[t].splice(o,1);break}}T(n);const r=Y.findIndex((e,t)=>n[t]?.length<e.minimumQuantity);-1!==r&&E(r)}m(e,t)},_e=()=>{const e=document.querySelector(".products-display");e&&e.scrollIntoView({behavior:"smooth"})};n(()=>{if(a)return"productTier"!==a?.builderTiers?.type?(A(a?.products??[]),void W(a?.products??[])):void("productTier"===a?.builderTiers?.type&&(O({0:a?.products}),j({0:a?.products})))},[a]),n(()=>{if("productTier"!==Q||!Y[C])return;if(ve===u)return;const e=Y.findIndex((e,t)=>{const n=k[t]||[];return t>=C&&n.length<e.minimumQuantity});if(-1!==e&&e!==C){E(e);const t=Y[C];t?.products?.length>1&&_e()}else if(-1===e&&S&&C<Y.length){Y.every((e,t)=>(k[t]?.length||0)>=e.minimumQuantity)&&E(Y.length)}},[k,Y,Q,S]),n(()=>{Te("")},[C]),n(()=>{function e(e){if(!Pe.current||!e.target)return;!Pe.current.contains(e.target)&&ze(void 0)}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const Re=(e,t,n)=>{var o;"productTier"===Q&&(o=e,T(e=>{const t={...e},n=Y.findIndex((e,n)=>{const o=t[n]||[];return n>=C&&o.length<e.minimumQuantity}),r=-1!==n?n:C;return-1!==n&&E(n),t[r]||(t[r]=[]),t[r].push(o),t}));const r=!0===Y[C]?.isFreebieTier;x?.({eventNameCustom:"byob_add_to_bundle",eventTypeCustom:"clicks",data:{bundleId:a._id,bundleType:"byob-page-bundle",byobBundleType:a.builderTiers?.type??"builder",addedProduct:{id:t?.id,title:t?.title}}}),lu(e,t,n,l,c,r,C)},Le=(()=>{if(!a?.builderTiers)return a.minimumQuantity;const{type:e,offerTier:t,productTier:n}=a.builderTiers,o="offerTier"===e?t:"productTier"===e?n:null;if(!o)return a.minimumQuantity;let r=0;return o.map(e=>{r+=e.minimumQuantity}),r})(),Oe=v&&a.mobileCoverImageUrl?au(a.mobileCoverImageUrl):au(a.coverImageUrl??"")||null,Me=i(e=>{const t=U?.general?.showOutOfStockProducts;if(t)return!0;const n=e?.productDetails,o=n?.variants?.edges||[];if(be){if(o.some(e=>be.some(t=>t.variantId===e.node.id&&t.quantity>0)))return!0}return o.some(e=>we(n,e.node.id)>0)},[U?.general?.showOutOfStockProducts,be,we]),We=o(()=>{if("productTier"===Q&&Y.length>0){const e=L?.[C]??[];return Se?Be.filter(t=>e.some(e=>e.productId===t.productId&&(e.variantIds.length<1||t.variantIds.includes(e.variantIds?.[0])))&&Me(t)):e.map(e=>Be.find(t=>t.productId===e.productId&&(e.variantIds.length<1||t.variantIds.includes(e.variantIds?.[0])))).filter(e=>e&&Me(e))}return Be.filter(Me)},[Q,Y,L,C,Be,Me,Se]),Ve=We;n(()=>{if("productTier"!==Q)return;const e=Y[C];if(!e)return;if(1!==e.minimumQuantity)return;if(1!==e.products.length)return;if(1!==L?.[C]?.length)return;const t=e.products[0],n=P.find(e=>e.productId===t.productId)?.productDetails;if(!n)return;if(n.variants?.edges?.length>1)return;const o=n.variants?.edges?.find(e=>we(n,e.node.id)>0)?.node;if(!o)return;const r=o.id,i=k[C]?.includes(r);if(!i&&(Re(r,n,1),C<Y.length-(S?0:1))){E(C+1);const e=Y?.[C];e?.products?.length>1&&_e()}},[Q,Y,C,P,k,we,Re]);const je=o(()=>he.filter(e=>{const t=e?.productDetails;return(t.variants?.edges||[]).some(e=>we(t,e.node.id)>0)}).length,[he,we]),He=o(()=>he.length-je,[he,je]),qe="bundles"==a.appName?a.pageHeader?.title:a?.title,Qe="bundles"==a.appName?a.pageHeader?.description:a?.subtitle;n(()=>{if(!y)return;const{cursorData:e,fetchFn:t}=y,n=Y[C]?.tier,o="productTier"===Q?n:1;if(e?.[o]&&!e?.[o]?.hasNext||!t)return;const r=new IntersectionObserver(async([n])=>{if(n.isIntersecting&&!_){R(!0);try{const n=await t(oe,o,e?.[o]?.cursor);if(n?.length>0){const e=Object.values(oe).length>0;"productTier"===Q?(O(e=>({...e,[C]:[...e[C]||[],...n]})),e||j(e=>({...e,[C]:[...e[C]||[],...n]})),A(e=>[...e,...n])):(A(e=>[...e,...n]),e||W(e=>[...e,...n]))}}catch(e){console.error("Pagination fetch failed:",e)}finally{R(!1)}}},{root:null,rootMargin:"300px",threshold:.01}),i=ne.current;return i&&r.observe(i),()=>{i&&r.unobserve(i)}},[y,_,Q,C,Y]);const Ue=()=>{x?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:a._id,bundleType:"byob-page-bundle",byobBundleType:a.builderTiers?.type??"builder",selectedProducts:l.map(e=>({id:e?.product?.id,title:e?.product?.title,quantity:e?.quantity}))}})};return e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-byob-builder-section",style:{display:"flex",flexDirection:"column",width:"100%",alignItems:"center",justifyContent:"center",rowGap:"15px",padding:"20px 0px",marginBottom:"20px",backgroundColor:U.byob.sectionBackgroundColor,..."transparent"!==U.fixedBundle.sectionBackgroundColor&&{padding:"20px"}}},Oe?e.createElement("div",{className:"yt-byob-cover-image-container",style:{position:"relative",width:"100%",display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",overflow:"hidden",...a?.coverImageVerticalMargin&&{marginBottom:a?.coverImageVerticalMargin,marginTop:a?.coverImageVerticalMargin}}},Oe&&e.createElement(ls,{coverImageUrl:Oe,alt:"Background",styles:{width:"100%",height:"auto",display:"block"}}),e.createElement("div",{className:"yt-byob-cover-image-overlay",style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",padding:"20px",width:"90%",maxWidth:"1000px",textShadow:"2px 2px 8px rgba(0, 0, 0, 0.4)"}},e.createElement("span",{style:{lineHeight:"normal",fontSize:U?.byob?.titleFontSize??"3rem",fontWeight:"700",color:U?.byob?.titleTextColor??"#000",marginBottom:"15px",backgroundColor:U?.byob?.titleBackgroundColor??"transparent",width:"100%",textAlign:"center"},className:"bundle-builder-title"},qe),e.createElement("span",{style:{lineHeight:"normal",fontSize:U?.byob?.subtitleFontSize??"1.5rem",color:U?.byob?.titleTextColor??"#000"},className:"bundle-builder-subtitle"},Qe))):(qe||Qe)&&e.createElement("div",{className:"yt-byob-header-content",style:{zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",padding:"20px",width:"90%",maxWidth:"1000px"}},qe&&e.createElement("span",{className:"bundle-builder-title",style:{lineHeight:"normal",fontSize:U?.byob?.titleFontSize??"3rem",fontWeight:"700",color:U?.byob?.titleTextColor??"#000",marginBottom:"15px",textAlign:"center",width:"100%",backgroundColor:U?.byob?.titleBackgroundColor??"transparent"}},qe),Qe&&e.createElement("span",{className:"bundle-builder-subtitle",style:{lineHeight:"normal",fontSize:U?.byob?.subtitleFontSize??"1.5rem",color:U?.byob?.titleTextColor??"#000"}},Qe)),e.createElement("div",{style:{fontSize:"20px",width:"100%"},className:"products-display"},"productTier"===Q&&Y.length>0&&U?.byob.productTiersVisibility&&e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-byob-stepper-wrapper"},e.createElement(hs,{currentStep:C,totalSteps:Y.length+(S?1:0),tiers:S?[...Y,{title:a.personalizedForm?.title||"Personalize",tier:Y.length,minimumQuantity:0,products:[],isFormStep:!0}]:Y,isMobile:v,primaryColor:U?.general?.primaryColor,primaryTextColorCta:U?.general?.primaryContrastColor,setCurrentProductTier:E,selectedProductsByTier:k,tierNavigation:U.byob.tierNavigation})))),e.createElement("div",{className:"yt-byob-layout-wrapper",style:{display:"flex",flexDirection:"row",width:v?"100%":"90%",marginInline:"auto"}},"sidebar"===U?.byob?.productFiltersDisplay&&!v&&!z&&e.createElement(ps,{showFiltersDrawer:ce,handleClose:()=>se(!1),isAnimating:!1,isMobile:!1,availableFilters:ie,appliedFilters:oe,toggleFilter:(e,t)=>{re(n=>{const o=n[e]||[],r=o.includes(t)?o.filter(e=>e!==t):[...o,t],i={...n,[e]:r.length?r:void 0};return Object.fromEntries(Object.entries(i).filter(([,e])=>void 0!==e))})},clearAllFilters:()=>{re({}),ge(0),pe(Ce)},applyPriceFilter:()=>{re(e=>{const t={...e};return t["filter.v.price"]=[`min:${ue}-max:${de}`],t})},priceMin:ue,setPriceMin:ge,priceMax:de,setPriceMax:pe,maxPossiblePrice:Ce,styles:U,products:P,unavailableProductCount:He,storeCurrencyCode:a?.storeCurrencyCode,openSections:xe,toggleSection:ye}),e.createElement("div",{className:"yt-byob-products-column",style:{display:"flex",flexDirection:"column",flex:1,minWidth:0}},!z&&e.createElement("div",{className:"yt-byob-filters-wrapper",style:{width:"100%",marginBottom:"20px",display:"flex",flexDirection:"column",gap:"20px"}},e.createElement(us,{enableSortAndFilter:a?.enableSortAndFilter??!1,isMobile:v,searchTerm:ke,setSearchTerm:Te,setSortBy:$e,styles:U,appliedFilters:oe,setAppliedFilters:re,availableFilters:ie,products:P,availableProductCount:je,unavailableProductCount:He,maxPossiblePrice:Ce,storeCurrencyCode:a?.storeCurrencyCode,sharedFiltersState:{showFilters:ce,setShowFilters:se,priceMax:de,setPriceMax:pe,priceMin:ue,setPriceMin:ge},openSections:xe,toggleSection:ye}),a?.customizations?.byob?.enableProductCategories&&K&&e.createElement("div",{className:"yt-byob-category-filter-container"},e.createElement(vs,{styles:U,isMobile:v,categories:X,activeCategory:ee,onCategoryChange:e=>{te(e)}}))),e.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"12px",justifyContent:ce&&"sidebar"===U?.byob?.productFiltersDisplay?"flex-start":"center",width:"100%",height:"fit-content",paddingBottom:p?"100px":"20px"},className:"products-display"},z&&a.personalizedForm?.title?e.createElement(xs,{form:a.personalizedForm,formData:$,setFormData:N,isUploading:B,setIsUploading:F}):0!==Ve?.length||_?We.map((t,n)=>{if("productTier"===Q){const o=(Y[C]?.minimumQuantity??0)>(k[C]?.length??0),r=Be.find(e=>e.productId===t.productId&&(t.variantIds.length<1||e.variantIds.includes(t.variantIds[0])));return r?e.createElement(bs,{bundle:a,idx:n,key:t?.variantIds?.[0]??t.productId,product:r?.productDetails,handleAddToBundle:Re,hideAddToBundle:!o,remainingQuantity:Le-u,themeColor:a?.dealTextColor,handleRemoveItem:e=>Ae(e,C),selecteditems:l,transitionActive:Ie,customVariantsQuantity:be,currentProductTier:Y[C],showFreebieTierProductPrices:a?.customStoreDetails?.showFreebieTierProductPrices,tierIndex:C}):null}return e.createElement(bs,{bundle:a,idx:n,key:t.productId,product:t?.productDetails,handleAddToBundle:Re,hideAddToBundle:u>=Le,remainingQuantity:Le-u,themeColor:a?.dealTextColor,handleRemoveItem:e=>m(e),selecteditems:l,transitionActive:Ie,customVariantsQuantity:be,tierIndex:C})}):e.createElement("div",{className:"yt-byob-empty-state",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",padding:"40px 20px",gap:"16px"}},e.createElement("p",{style:{fontSize:"20px",color:"#333",textAlign:"center",margin:0}},Object.values(oe).length>0?"No products match your filters":"No products found"),Object.values(oe).length>0&&e.createElement("button",{onClick:()=>{re({}),ge(0),pe(Ce)},style:{padding:"8px 16px",background:U?.general?.primaryColor||"#333",color:"white",border:"none",borderRadius:U?.byob?.borderRadius||"8px",cursor:"pointer",fontWeight:600,fontSize:"14px"}},"Clear All Filters")),!z&&_&&e.createElement("div",{className:"yt-byob-loading-wrapper",style:{width:"100%",display:"flex",justifyContent:"center",padding:"20px"}},e.createElement(me,{color:U?.general?.primaryColor||"#333",size:30})),e.createElement("div",{ref:ne,className:"yt-byob-pagination-observer",style:{height:"1px",width:"100%",display:"block"}},e.createElement("span",null))),!p&&e.createElement(Kc,{builderTiers:a?.builderTiers,showNextStep:D,handleAddToCart:async e=>{if(D)return E(C+1),void _e();const t={};S&&Object.entries($).forEach(([e,n])=>{const o=e.split("|").pop()?.replace(/^f_\d+$/,"")||e;"string"==typeof n&&n.trim()?t[o]=n:n&&"object"==typeof n&&"url"in n&&(t[o]=n.url)}),await s(e,t),Ue()},minimumQuantity:ve,selectedProducts:l,showProductDetailsInTracker:a.showProductDetailsInTracker,handleRemoveItem:m,handleRemoveItemProductTier:Ae,selectedItemsQuantity:u,percentageOff:a.percentageOff,loading:d,bundleSubtotal:g,amountOff:a.amountOff,styles:a.customizations,dealAmount:a.dealAmount,themeColor:a?.dealTextColor??"#333",primaryTextColorCta:a?.primaryTextColorCta??"#fff",cornerRadiusType:a?.cornerRadiusType??"",selectedProductsByTier:k,renderingOnPage:p,isUploading:B}),p&&e.createElement("div",{className:"yt-byob-sticky-tracker-wrapper",style:{width:"100%",marginTop:"20px",position:"sticky",bottom:"10px",zIndex:999}},e.createElement(Kc,{showNextStep:D,handleAddToCart:async e=>{if(D)return E(C+1),void _e();const t={};S&&Object.entries($).forEach(([e,n])=>{const o=e.split("|").pop()?.replace(/^f_\d+$/,"")||e;"string"==typeof n&&n.trim()?t[o]=n:n&&"object"==typeof n&&"url"in n&&(t[o]=n.url)}),await s(e,t),Ue()},minimumQuantity:ve,builderTiers:a?.builderTiers,selectedProducts:l,showProductDetailsInTracker:a.showProductDetailsInTracker,loading:d,handleRemoveItem:m,handleRemoveItemProductTier:Ae,percentageOff:a.percentageOff,selectedItemsQuantity:u??0,bundleSubtotal:g??{price:0,compareAtPrice:0},amountOff:a.amountOff,styles:a.customizations,dealAmount:a.dealAmount,themeColor:U?.general.primaryColor||"#000",primaryTextColorCta:U.general.primaryContrastColor??"#fff",cornerRadiusType:a?.cornerRadiusType??"",selectedProductsByTier:k,renderingOnPage:p,isUploading:B})))),Fe&&void 0!==u&&(()=>{let t=u<a.minimumQuantity;return"productTier"==Q?t=(Y[C]?.minimumQuantity??0)>(k[C]?.length??0):"offerTier"==Q&&(t=u<G.reduce((e,t)=>e+t.minimumQuantity,0)),e.createElement(as,{handleAddToBundle:Re,ref:Pe,remainingQuantity:a.minimumQuantity-u,hideAddToBundle:!t,disableQuantitySelector:a?.disableQuantitySelector??!1,selectedProducts:l,selectedProductsByTier:k,themeColor:U?.general.primaryColor||"#000",primaryTextColorCta:a?.customizations?.general.primaryContrastColor??"#fff",primaryBackgroundColorCta:U?.general.primaryColor||"#000",cornerRadius:a?.customizations.byob.borderRadius,styles:a.customizations,reviewRatingType:a?.reviewRatingType??"none",customVariantsQuantity:be,bundleProductsCustomQuantity:a?.customProductsQuantity,isFreebieTier:Y?.[C]?.isFreebieTier,showFreebieTierProductPrices:a?.customStoreDetails?.showFreebieTierProductPrices,bundleVariantOptions:a?.variantOptions})})()))},Cs=({isOpen:o,onClose:r,formConfig:i,onCheckout:a,cta:l,isMobile:c})=>{const[s,d]=t({}),[p,u]=t(!1);n(()=>{o||d({})},[o]);const m=e=>{if(p)return;const t={};Object.entries(s).forEach(([e,n])=>{const o=e.split("|").pop()?.replace(/^f_\d+$/,"")||e;"string"==typeof n&&n.trim()?t[o]=n:n&&"object"==typeof n&&"url"in n&&(t[o]=n.url)}),a(e?{}:t)};if(!o)return null;const g=e.createElement("div",{onClick:r,style:{position:"fixed",top:0,left:0,right:0,bottom:0,width:"100vw",height:"100vh",background:"rgba(0, 0, 0, 0.4)",zIndex:9999,display:"flex",alignItems:c?"flex-end":"center",justifyContent:"center"}},e.createElement("style",null,"\n @keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n "),e.createElement("div",{onClick:e=>e.stopPropagation(),style:{background:"white",width:c?"100vw":"500px",maxWidth:c?"100vw":"560px",height:c?"80vh":"auto",maxHeight:c?"80vh":"90vh",borderRadius:c?"20px 20px 0 0":"20px",display:"flex",flexDirection:"column",overflow:"hidden",zIndex:999,animation:c?"slideUp 0.3s ease-out":"fadeIn 0.2s ease-out"}},e.createElement("div",{style:{width:"100%",padding:c?"20px 20px 16px":"18px 20px",fontWeight:700,fontSize:c?"18px":"16px",textAlign:"center",position:"relative",borderBottom:"1px solid #eee",flexShrink:0,backgroundColor:"#ffffff",color:"#1a1a1a",boxSizing:"border-box",lineHeight:"1.4"}},i.title||"Personalization",!c&&e.createElement("button",{onClick:r,style:{position:"absolute",right:"16px",top:"50%",transform:"translateY(-50%)",background:"none",border:"none",fontSize:"24px",lineHeight:1,cursor:"pointer",color:"#666",padding:"4px"}},"×")),e.createElement("div",{style:{flex:1,overflowY:"auto",padding:c?"20px 20px":"16px 20px"}},e.createElement(xs,{form:i,formData:s,setFormData:d,isUploading:p,setIsUploading:u})),e.createElement("div",{style:{padding:c?"12px 16px":"12px 24px 16px",borderTop:"1px solid #eee",flexShrink:0,background:"white",display:"flex",flexDirection:"column",alignItems:"center",gap:"10px"}},e.createElement("button",{onClick:()=>{m(),r()},disabled:p,style:{width:"100%",fontSize:"15px",fontWeight:700,textAlign:"center",padding:"15px 0",border:"none",borderRadius:"10px",cursor:p?"not-allowed":"pointer",opacity:p?.7:1,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:l.backgroundColor,color:l.textColor,letterSpacing:"0.01em"}},p?e.createElement(me,{color:l.textColor,size:15}):"Submit"),e.createElement("button",{onClick:()=>{m(!0),r()},style:{background:"none",border:"none",fontSize:"14px",fontWeight:600,color:"#1a1a1a",cursor:"pointer",padding:"4px 8px",textAlign:"center"}},"Add without customization"))));return D.createPortal(g,document.body)},Es=({product:t,selectedVariantId:n,onVariantChange:r,styles:i,originalPrice:a,dealPrice:l,totalPriceSum:c,isVertical:s=!1,variantOptions:d,storeCurrencyCode:p})=>{const u=o(()=>e=>{const n=t?.productDetails?.variants?.edges?.find(t=>t.node.id===e),o=n?.node;return o?t.productDetails.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLocaleLowerCase()?1/0:0:1/0:0},[t.productDetails]),m=t?.productDetails?.variants?.edges?.find(e=>e?.node?.id===n)?.node;u(n);const g=o(()=>{if(m?.title&&t.productDetails.options){const e=m.title.split(" / ");if(e.length===t.productDetails.options.length)return e}return t.productDetails.options?.map(e=>e.values[0])||[]},[m,t.productDetails.options]),x=e=>{r(e)};return s?e.createElement("div",{className:"yt-comboBundle-product-card-vertical",style:{display:"flex",flexDirection:"column",alignItems:"center",lineHeight:"normal",width:"165px",backgroundColor:"#F6F6F6",borderRadius:"20px",border:"1px solid #B3B3B3",boxShadow:"4px 4px 0px -1px #00000033",overflow:"hidden"}},e.createElement("div",{className:"yt-comboBundle-product-card-image-container-vertical",style:{position:"relative",width:"100%"}},i.comboBundle.subProductsImageVisibility&&e.createElement(e.Fragment,null,e.createElement("img",{className:"yt-comboBundle-product-image-vertical",src:au(m?.image?.url||t?.productDetails?.featuredMedia?.preview?.image?.url||"/placeholder.svg"),alt:t?.productDetails?.featuredMedia?.alt,width:165,height:165,style:{objectFit:"cover",borderRadius:"20px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",height:"100%",aspectRatio:i.general?.imageAspectRatio||"1/1"}}),e.createElement("div",{className:"yt-comboBundle-product-variant-selector-container-vertical",style:{marginTop:"8px",position:"absolute",bottom:"10px",left:"5px",right:"5px"}},t?.productDetails?.variants?.edges?.filter(e=>"Default Title"!==e.node.title)?.length>0&&e.createElement(e.Fragment,null,e.createElement("select",{className:"yt-comboBundle-product-variant-select-vertical",value:n,onChange:e=>x(e.target.value),style:{padding:"6px",border:"1px solid #ddd",backgroundColor:"#fff",color:"#333",width:"100%",appearance:"none",marginRight:"30px",fontSize:"12px",fontWeight:600}},t?.productDetails?.variants?.edges.map(t=>{const n=u(t?.node?.id);return e.createElement("option",{key:t?.node?.id,value:t?.node?.id,disabled:0===n,className:"yt-comboBundle-product-variant-option"},t?.node?.title)})),e.createElement("div",{className:"yt-comboBundle-product-variant-select-icon-vertical",style:{position:"absolute",right:"1px",top:"2px",bottom:"0px",pointerEvents:"none",backgroundColor:"#F3F3F3",width:"15%",height:"calc(100% - 4px)",display:"flex",justifyContent:"center",alignItems:"center"}},e.createElement(y,null)))))),(i.comboBundle.subProductsProductTitleVisibility||i.comboBundle.subProductsProductPriceVisibility)&&e.createElement("div",{className:"yt-comboBundle-product-info-container-vertical",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"40px",width:"100%",paddingBlock:"5px"}},i.comboBundle.subProductsProductTitleVisibility&&e.createElement("span",{className:"yt-comboBundle-product-title-vertical",style:{fontSize:"12px",color:"#333",fontWeight:"600",lineHeight:"normal",textAlign:"center",width:"fit-content"}},t?.productDetails?.title),i.comboBundle.subProductsProductPriceVisibility&&e.createElement("div",{className:"yt-comboBundle-product-price-container-vertical",style:{display:"flex",alignItems:"center",gap:"8px",lineHeight:"normal",fontSize:"14px"}},e.createElement("span",{className:"yt-comboBundle-product-deal-price-vertical",style:{lineHeight:"normal"}},iu(i.general.currencySymbol,p),ru((Number(m?.price||0)/Number(c)*Number(l)).toFixed(2))),!1!==i.comboBundle.discountBadgeVisibility&&("discount-on-compare"===i.comboBundle.discountBadgeDisplay?e.createElement("span",{className:"yt-comboBundle-product-original-price-horizontal",style:{textDecoration:"line-through",color:"#999",fontSize:"14px",lineHeight:"normal"}},iu(i.general.currencySymbol,p),ru(m?.compareAtPrice?m.compareAtPrice:m?.price)):Number(l)<Number(c)&&e.createElement("span",{className:"yt-comboBundle-product-original-price-horizontal",style:{textDecoration:"line-through",color:"#999",fontSize:"14px",lineHeight:"normal"}},iu(i.general.currencySymbol,p),ru(m?.price)))))):e.createElement("div",{className:"yt-comboBundle-product-card-horizontal",style:{display:"flex",alignItems:"center",gap:"16px",padding:"4px",lineHeight:"normal",borderRadius:"8px",transition:"background-color 0.3s",width:"100%",border:"1px solid transparent",..."right"===i.comboBundle.infoAlignment&&{flexDirection:"row-reverse"},..."center"===i.comboBundle.infoAlignment&&{justifyContent:"center"}},onMouseEnter:e=>{e.currentTarget.style.backgroundColor="#fafafa",e.currentTarget.style.border="1px solid #DFDFDF"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.border="1px solid transparent"}},i.comboBundle.subProductsImageVisibility&&e.createElement("div",{className:"yt-comboBundle-product-image-wrapper-horizontal"},e.createElement("img",{className:"yt-comboBundle-product-image-horizontal",src:au(m?.image?.url||t?.productDetails?.featuredMedia?.preview?.image?.url||"/placeholder.svg"),alt:t?.productDetails?.featuredMedia?.alt,height:80,style:{objectFit:"cover",borderRadius:"10px",border:"1px solid #DEDEDE",aspectRatio:"1/1",width:"90px",height:"90px"}})),e.createElement("div",{className:"yt-comboBundle-product-info-horizontal",style:{display:"flex",flexDirection:"column",alignItems:"left"===i.comboBundle?.infoAlignment?"flex-start":"right"===i.comboBundle?.infoAlignment?"flex-end":"center"===i.comboBundle?.infoAlignment?"flex-start":void 0}},i.comboBundle.subProductsProductTitleVisibility&&e.createElement("span",{className:"yt-comboBundle-product-title-horizontal",style:{fontSize:"14px",fontWeight:"600",lineHeight:"normal",display:"flex",alignItems:"center",gap:"8px"}},e.createElement("span",{className:"yt-comboBundle-product-title-text"}," ",t?.productDetails?.title," "),"dropdown"!==i.comboBundle.comboVariantTypeSelector&&t.productDetails.variants.edges.filter(e=>"Default Title"!==e.node.title).length>0&&d&&g&&e.createElement("span",{className:"yt-comboBundle-product-variant-tag-horizontal",style:{fontSize:"10px",color:"#666",backgroundColor:"#F4F4F4",padding:"2px 8px",borderRadius:"10px",border:"1px solid #ddd"}},g.length>1?g.join(" / "):g)),i.comboBundle.subProductsProductPriceVisibility&&e.createElement("div",{className:"yt-comboBundle-product-price-wrapper-horizontal",style:{display:"flex",gap:"8px",marginTop:"5px",alignItems:"baseline"}},e.createElement("span",{className:"yt-comboBundle-product-deal-price-horizontal",style:{lineHeight:"normal"}},iu(i.general.currencySymbol,p),ru((Number(m?.price||0)/Number(c)*Number(l)).toFixed(2))),!1!==i.comboBundle.discountBadgeVisibility&&("discount-on-compare"===i.comboBundle.discountBadgeDisplay?e.createElement("span",{className:"yt-comboBundle-product-original-price-horizontal",style:{textDecoration:"line-through",color:"#999",fontSize:"14px",lineHeight:"normal"}},iu(i.general.currencySymbol,p),ru(m?.compareAtPrice?m?.compareAtPrice:m?.price)):Number(l)<Number(c)&&e.createElement("span",{className:"yt-comboBundle-product-original-price-horizontal",style:{textDecoration:"line-through",color:"#999",fontSize:"14px",lineHeight:"normal"}},iu(i.general.currencySymbol,p),ru(m?.price)))),t.productDetails.variants.edges.length>1&&("dropdown"===i.comboBundle.comboVariantTypeSelector?e.createElement("div",{className:"yt-comboBundle-product-variant-dropdown-horizontal",style:{display:"flex",gap:"8px",flexWrap:"wrap",lineHeight:"normal",marginTop:"10px"}},e.createElement("select",{className:"yt-comboBundle-product-variant-select-horizontal",value:n,onChange:e=>x(e.target.value),style:{padding:"6px",border:"1px solid #ddd",backgroundColor:"#fff",color:"#333",fontSize:"12px",fontWeight:600,borderRadius:"4px"}},t.productDetails.variants.edges.map(t=>{const n=u(t?.node?.id);return e.createElement("option",{key:t?.node?.id,value:t?.node?.id,disabled:0===n,className:"yt-comboBundle-product-variant-option"},t?.node?.title)})),e.createElement("div",{className:"yt-comboBundle-product-variant-select-icon-horizontal",style:{position:"absolute",right:"1px",top:"2px",bottom:"0px",pointerEvents:"none",backgroundColor:"#F3F3F3",width:"15%",height:"calc(100% - 4px)",display:"flex",justifyContent:"center",alignItems:"center"}},e.createElement(y,null))):t.productDetails.options.length>0?e.createElement(e.Fragment,null,t.productDetails.options.map((n,o)=>e.createElement("div",{key:n.name,className:"yt-comboBundle-product-option-group-horizontal",style:{...n?.values?.length>1&&{marginTop:"10px"},display:"flex",flexDirection:"row",gap:"8px",alignItems:"center"}},t.productDetails.options.length>1&&n?.values?.length>1&&e.createElement("label",{className:"yt-comboBundle-product-option-label",style:{fontSize:"12px",fontWeight:"500",color:"#333"}},n.name,":"),n?.values?.length>1&&e.createElement("div",{className:"yt-comboBundle-product-option-values-horizontal",style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"8px",flexWrap:"wrap"}},n.values.map(r=>{const a=[...g];a[o]=r;const l=t.productDetails.options.length>0?a.join(" / "):a[o],c=t.productDetails.variants.edges.find(e=>e.node.title===l)?.node,s=0===(c?u(c.id):0),p=g[o]===r,m=d&&d?.options?.find(e=>e.name===n.name);return m&&"color"===m?.type?e.createElement("button",{key:r,className:`yt-comboBundle-product-option-button-color ${p?"yt-comboBundle-product-option-button-selected":""} ${s?"yt-comboBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&x(c.id)},disabled:s,style:{borderRadius:"50%",padding:"1px",backgroundColor:"white",border:p&&!s?`1px solid ${i.general?.ctaBackgroundColor}`:"1px solid transparent",opacity:s?.5:1,cursor:s?"not-allowed":"pointer"}},m?.values.find(e=>e.name===r)?.value?e.createElement("div",{className:"yt-comboBundle-product-option-color-swatch",style:{width:p&&!s?"26px":"24px",height:p&&!s?"26px":"24px",borderRadius:"50%",backgroundColor:m?.values.find(e=>e.name===r)?.value}},e.createElement("span",null)):e.createElement("span",{key:r,className:"yt-comboBundle-product-option-text",style:{padding:"4px 8px",border:p&&!s?`1px solid ${i.general?.ctaBackgroundColor}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:p&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",fontSize:"10px",fontWeight:"600"}},r)):m&&"image"===m?.type?e.createElement("button",{key:r,className:`yt-comboBundle-product-option-button-image ${p?"yt-comboBundle-product-option-button-selected":""} ${s?"yt-comboBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&x(c.id)},disabled:s,style:{border:p&&!s?`1px solid ${i.general?.ctaBackgroundColor}`:"1px solid #E4E4E4",borderRadius:"100%",backgroundColor:p&&!s?"#F7F7F7":"transparent",cursor:s?"not-allowed":"pointer",padding:"0px",width:p&&!s?"26px":"24px",height:p&&!s?"26px":"24px",overflow:"hidden",opacity:s?.5:1}},m?.values.find(e=>e.name===r)?.value?e.createElement("img",{className:"yt-comboBundle-product-option-image",src:au(m?.values.find(e=>e.name===r)?.value||"/placeholder.svg"),alt:r,style:{width:p&&!s?"26px":"24px",height:p&&!s?"26px":"24px",objectFit:"cover",borderRadius:"100%",aspectRatio:"1/1"}}):e.createElement("span",{key:r,className:"yt-comboBundle-product-option-text",style:{padding:"4px 8px",border:p&&!s?`1px solid ${i.general?.ctaBackgroundColor}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:p&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",fontSize:"10px",fontWeight:"600"}},r)):e.createElement("button",{key:r,className:`yt-comboBundle-product-option-button-text ${p?"yt-comboBundle-product-option-button-selected":""} ${s?"yt-comboBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&x(c.id)},disabled:s,style:{padding:"4px 8px",border:p&&!s?`1px solid ${i.general?.ctaBackgroundColor}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:p&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",cursor:s?"not-allowed":"pointer",fontSize:"10px",fontWeight:"600",opacity:s?.5:1}},r)}))))):e.createElement(e.Fragment,null,t?.productDetails?.variants?.edges?.length>1&&e.createElement("div",{className:"yt-comboBundle-product-variant-buttons-horizontal",style:{display:"flex",gap:"8px",flexWrap:"wrap",lineHeight:"normal",marginTop:"10px"}},t?.productDetails?.variants?.edges.map(t=>{const o=0===u(t?.node?.id);return e.createElement("button",{key:t?.node?.id,className:`yt-comboBundle-product-variant-button ${n===t?.node?.id?"yt-comboBundle-product-variant-button-selected":""} ${o?"yt-comboBundle-product-variant-button-disabled":""}`,onClick:()=>x(t?.node?.id),disabled:o,style:{padding:"4px 8px",border:n===t?.node?.id?`1px solid ${i.general?.ctaBackgroundColor}`:"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:n===t?.node?.id?"#F7F7F7":"transparent",color:o?"#ccc":"#707070",cursor:o?"not-allowed":"pointer",fontSize:"12px",fontWeight:"500",opacity:o?.5:1}},t?.node?.title)}))))))},ks=({bundle:r,addToCartFunction:i,dispatchAnalyticsEvent:a})=>{const[l,c]=t(!1),[s,d]=t(window.innerWidth<786),[p,u]=t(!1),m=o(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[]),[g,x]=t(()=>{const e={};return r.products.forEach((t,n)=>{const o=t.productDetails?.variants?.edges?.find(e=>m(t.productDetails,e?.node?.id)>0)?.node;e[n]=o?o.id:t?.productDetails?.variants?.edges[0]?.node?.id}),e}),f=r.products?.every((e,t)=>{const n=g[t];return m(e.productDetails,n)>0});n(()=>(i&&(window.ytComboBundle={bundle:r,addToCart:i,selectedVariants:g},window.dispatchEvent(new CustomEvent("yt-combo-bundle-updated",{detail:window.ytComboBundle}))),()=>{window.ytComboBundle=void 0,window.dispatchEvent(new CustomEvent("yt-combo-bundle-updated",{detail:void 0}))}),[r,i,g]);const y=(e,t)=>{x(n=>({...n,[e]:t}))},b=async e=>{const t=Object.entries(g).map(([e])=>({id:r.products[parseInt(e)].productId,title:r.products[parseInt(e)]?.productDetails?.title}));a?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:r._id,bundleType:"combo-bundle",selectedProducts:t}});try{if(c(!0),!i)return console.error("[ComboBundle.tsx] No addToCartFunction available"),void c(!1);const t=Object.entries(g).map(([e,t])=>{const n=r.products[parseInt(e)],o=n.productDetails.variants.edges.find(e=>e.node.id===t)?.node;return o?{variantId:t,price:Number(o.price)}:null}).filter(e=>null!==e),n=Object.values(g);await i(Number(h),n,Number(v),t,e)}catch(e){console.error("[ComboBundle.tsx] Error adding to cart:",e)}c(!1)},{originalPrice:h,dealPrice:v,offerValue:w,totalPriceSum:C,offerPercentage:E}=o(()=>{const{price:e,compareAtPrice:t}=Object.entries(g).reduce((e,[t,n])=>{const o=r.products[parseInt(t)],i=o.productDetails.variants.edges?.find(e=>e.node.id===n)?.node,a=parseFloat(i?.price??"0"),l=parseFloat(i?.compareAtPrice||a.toString());return e.price+=a,e.compareAtPrice+=l,e},{price:0,compareAtPrice:0}),n=r?.customizations?.comboBundle?.discountBadgeDisplay,o="discount-on-price"===n?e:t;let i=e;r?.percentageOff?i=e*(1-r.percentageOff/100):r?.dealAmount?i=r.dealAmount:r?.amountOff&&(i=e-r.amountOff);const a=o-i,l=o>0?Math.round((o-i)/o*100):0;return{originalPrice:o.toFixed(2),dealPrice:i.toFixed(2),offerValue:a.toFixed(2),totalPriceSum:e.toFixed(2),offerPercentage:l}},[g,r.products,r.percentageOff,r.dealAmount,r.amountOff,r?.customizations?.comboBundle?.discountBadgeDisplay]);n(()=>{a?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:r._id,bundleType:"combo-bundle"}});const e=()=>{d(window.innerWidth<786)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const k=r.customizations,T=k.comboBundle?.comboCardStyle||"auto",S="vertical"===T||"auto"===T&&!s,$=k.comboBundle?.embedContentVisibility,N="bundles"==r.appName?r.pageHeader?.title:r?.title,B="bundles"==r.appName?r.pageHeader?.description:r?.subtitle;return e.createElement("div",{className:`yt-comboBundle-bundle-container ${"left"===k.comboBundle?.infoAlignment?"yt-comboBundle-bundle-align-left":"right"===k.comboBundle?.infoAlignment?"yt-comboBundle-bundle-align-right":"center"===k.comboBundle?.infoAlignment?"yt-comboBundle-bundle-align-center":void 0}`,style:{lineHeight:"normal",maxWidth:"800px",marginBlock:k.comboBundle?.verticalMargin||"0px",display:"flex",flexDirection:"column",alignItems:"left"===k.comboBundle?.infoAlignment?"flex-start":"right"===k.comboBundle?.infoAlignment?"flex-end":"center"===k.comboBundle?.infoAlignment?"center":void 0,textAlign:k.comboBundle?.infoAlignment??"left",fontFamily:"system-ui, -apple-system, sans-serif"}},$&&k.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Title")&&e.createElement("div",{className:"yt-comboBundle-bundle-title-container",style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"10px"}},e.createElement("h2",{className:"yt-comboBundle-bundle-title",style:{fontSize:k.comboBundle?.productTitleFontSize||"28px",color:k.comboBundle?.titleTextColor||"#000",fontWeight:"bold",lineHeight:"1.6",margin:0}},N)),$&&k?.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Price")&&e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-comboBundle-bundle-price-container",style:{display:"flex",alignItems:"center",gap:"8px",color:k.comboBundle?.titleTextColor||"#000",fontSize:(parseInt(k.comboBundle?.productTitleFontSize?.replace("px",""))||28)-4+"px"}},e.createElement("div",{className:"yt-comboBundle-bundle-price-details",style:{display:"flex",alignItems:"center",gap:"5px",flexWrap:"wrap"}},e.createElement("span",{className:"yt-comboBundle-bundle-deal-price-text",style:{fontWeight:"bold",lineHeight:"1",minWidth:"fit-content"}},iu(k.general.currencySymbol,r.storeCurrencyCode),ru(v)),!isNaN(Number(h))&&!isNaN(Number(v))&&Number(h)>Number(v)&&e.createElement("div",{className:"yt-comboBundle-bundle-original-price-text",style:{color:k.comboBundle?.titleTextColor||"#666",textDecoration:"line-through",verticalAlign:"middle",display:"inline-block",minWidth:"fit-content"}},iu(k.general.currencySymbol,r.storeCurrencyCode),ru(h)),Number(w)>0&&e.createElement("span",{className:"yt-comboBundle-bundle-offer-badge",style:{backgroundColor:"#D3122A",color:"white",padding:"4px 8px",fontSize:"14px",borderRadius:"20px",fontWeight:"500",lineHeight:"1",minWidth:"fit-content"}},"discount-on-compare"===k.comboBundle.discountBadgeDisplay?`${E}% Off`:r?.percentageOff?`${r?.percentageOff}% Off`:r?.amountOff?`${iu(k.general.currencySymbol,r.storeCurrencyCode)}${ru(r?.amountOff)} Off`:`Save ${iu(k.general.currencySymbol,r.storeCurrencyCode)}${ru(w)}`))),e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",margin:"15px 0px"},className:"yt-comboBundle-checkoutSpecific-container"},e.createElement("div",{style:{display:"flex",width:"12px",height:"12px",justifyContent:"center",alignItems:"center",alignContent:"center",borderRadius:"50%",backgroundColor:k.general?.ctaBackgroundColor||"#1e1e1e",flexShrink:0},className:"yt-comboBundle-checkoutSpecific-dot"},e.createElement("span",null)),e.createElement("p",{style:{fontSize:k.comboBundle.productDescriptionFontSize||"16px",color:k.comboBundle?.descriptionTextColor||"#000",alignItems:"center",margin:0,lineHeight:"1.2"},className:"yt-comboBundle-checkoutSpecific-text"},"Tax included. ",e.createElement("u",null,"Shipping")," calculated at checkout."))),k.comboBundle.subProductsSectionVisibility&&e.createElement(e.Fragment,null,S?e.createElement("div",{className:"yt-comboBundle-products-grid-vertical "+(s?"yt-comboBundle-products-grid-mobile":""),style:{display:"flex",flexDirection:"row",gap:"20px",marginTop:"10px",flexWrap:"wrap"}},r.products.map((t,n)=>{const o=t?.productDetails?.variants?.edges?.find(e=>e?.node?.id===g[n])?.node;return o?e.createElement(Es,{key:`combo-product-${n}-${t.productId}`,product:t,styles:k,originalPrice:h,dealPrice:v,totalPriceSum:C,selectedVariantId:g[n],onVariantChange:e=>y(n,e),isVertical:S,variantOptions:r.variantOptions,storeCurrencyCode:r.storeCurrencyCode}):null})):e.createElement("div",{className:"yt-comboBundle-products-list-horizontal "+(s?"yt-comboBundle-products-list-mobile":""),style:{display:"flex",flexDirection:"column",gap:"10px",width:"100%"}},k.comboBundle.subProductsSectionVisibility&&r.products.map((t,n)=>e.createElement(Es,{key:`combo-product-horizontal-${n}-${t.productId}`,product:t,styles:k,originalPrice:h,dealPrice:v,totalPriceSum:C,selectedVariantId:g[n],onVariantChange:e=>y(n,e),variantOptions:r.variantOptions})))),e.createElement("div",{className:"yt-comboBundle-bundle-cta-section",style:{borderTop:"1px solid #eee",display:"flex",flexDirection:"column",rowGap:"5px",marginTop:"20px",width:"100%"}},e.createElement("button",{className:`yt-comboBundle-bundle-cta-button ${f?"":"yt-comboBundle-bundle-cta-button-disabled"} ${s?"yt-comboBundle-bundle-cta-button-mobile":""}`,style:{backgroundColor:f?k.general?.ctaBackgroundColor||"#121212":k.general.disabledButtonColor,color:k.general?.ctaTextColor||"#FFFFFF",fontSize:"16px",borderRadius:k.general.ctaBorderRadius??"20px",fontWeight:"bold",cursor:f?"pointer":"not-allowed",border:`1px solid ${f?k.general?.ctaBackgroundColor||"#121212":k.general.disabledButtonColor}`,boxShadow:k.general.ctaShadowType,padding:k.general?.ctaPadding,width:k.general?.ctaWidth,margin:"0"},disabled:!f,onMouseOver:e=>{k.general.customizeHoverState&&f&&(e.currentTarget.style.backgroundColor=k.general?.ctaHoverBackgroundColor||"#F1F1F1",e.currentTarget.style.color=k.general?.ctaHoverTextColor||"#121212")},onMouseOut:e=>{k.general.customizeHoverState&&f&&(e.currentTarget.style.backgroundColor=k.general?.ctaBackgroundColor||"#121212",e.currentTarget.style.color=k.general?.ctaTextColor||"#FFFFFF")},onClick:async()=>{r?.personalizedForm?.title?u(!0):await b()}},l?e.createElement(me,{color:"white",loading:l,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):e.createElement(e.Fragment,null,f?k.comboBundle?.ctaTitle??"Add Bundle to cart":k.general.outOfStockLabel||"Out of Stock"," "))),$&&k.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Description")&&e.createElement("div",{className:"yt-comboBundle-bundle-description-section",style:{margin:"20px 0px"}},e.createElement("h4",{className:"yt-comboBundle-bundle-description-header",style:{fontSize:"16px",color:k.comboBundle?.descriptionTextColor||"#000",lineHeight:"1.2",margin:0,padding:"8px",backgroundColor:k.general.primaryColor+"20"}},"Description"),e.createElement("div",{className:"yt-comboBundle-bundle-description-content",style:{fontSize:k.comboBundle.productDescriptionFontSize||"16px",color:k.comboBundle?.descriptionTextColor||"#000",lineHeight:"1.2",padding:"8px",backgroundColor:k.general.primaryColor+"08"}},e.createElement("p",null,B))),r?.personalizedForm?.title&&e.createElement(Cs,{isOpen:p,onClose:()=>u(!1),formConfig:r.personalizedForm,onCheckout:async e=>{await b(e),u(!1)},cta:{backgroundColor:k.general?.ctaBackgroundColor||"#121212",textColor:k.general?.ctaTextColor||"#FFFFFF"},isMobile:s}))},Ts=c.div`
|
|
3154
|
+
`;const rs=({options:t,selectedValue:n,onChange:o,type:r="text",isOptionAvailable:i,isMobile:a})=>e.createElement("div",{style:{display:"flex",flexWrap:"wrap",gap:"8px",alignItems:"center"}},t?.map(t=>{const a=!i||i(t.name);return e.createElement("div",{key:t.name,onClick:()=>{a&&o(t)},style:{cursor:a?"pointer":"not-allowed"}},((t,n)=>{const o=!i||i(t.name),a={cursor:o?"pointer":"not-allowed",border:n?"2px solid #333":"1px solid #d1d5db",transition:"all 0.2s ease",opacity:o?1:.5};if("color"===r)return t.value&&(()=>{if(!t.value.trim())return!1;if(t.value===t.name||t.value.length<3)return!1;try{const e=document.createElement("div");return e.style.color=t.value,""!==e.style.color}catch{return!1}})()?e.createElement("div",{style:{...a,width:24,height:24,borderRadius:"50%",backgroundColor:t.value,display:"block"}}):e.createElement("div",{style:{...a,padding:"4px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:n?"600":"400",backgroundColor:n?"#f3f4f6":"white",color:"#333",minWidth:"fit-content",textAlign:"center"}},t.name);return"image"===r?e.createElement("img",{src:yn(t.value,48,85,"webp")||"/placeholder.svg",alt:t.name,style:{...a,width:24,height:24,borderRadius:"50%",objectFit:"cover"}}):e.createElement("div",{style:{...a,padding:"4px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:n?"600":"400",backgroundColor:n?"#f3f4f6":"white",color:"#333",minWidth:"fit-content",textAlign:"center"}},t.name)})(t,n?.name===t.name))})),is=({product:r,isOpen:i,onClose:a,variantOptions:l,cta:c,onConfirm:s})=>{const d=o(()=>e=>e?r?.tracksInventory&&e?.inventoryItem?.tracked?e.inventoryQuantity>0?e?.inventoryQuantity:e.inventoryQuantity<=0&&"continue"===e.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0,[r?.tracksInventory]),p=o(()=>{const e=r.variants.edges.find(e=>{const t=e.node;return d(t)>0})?.node;return e?.title&&"Default Title"!==e.title?e.title.split(" / "):r.options?.map(e=>e.values[0])||[]},[r,d]),[m,u]=t(p),[g,x]=t(window.innerWidth<1024);n(()=>{const e=()=>x(window.innerWidth<1024);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),n(()=>{const e=e=>{"Escape"===e.key&&a()};return i&&document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[i,a]);const f=r.variants.edges.find(e=>e.node.title===(r.options?.length>0?m.join(" / "):m[0]))?.node,y=f?.image?.url||r.featuredMedia?.preview?.image?.url,b=yn(y,150,85,"webp"),h=e=>{if(!l?.options)return"text";const t=l.options.find(t=>t.name===e);return t?.type||"text"},v=e=>{if(!l?.options)return e.values.map(e=>({name:e,value:e}));const t=l.options.find(t=>t.name===e.name);return e.values.map(e=>{const n=t?.values?.find(t=>t.name===e);return{name:e,value:n?.value||e}})},w=(e,t)=>{const n=m[t];if(!n)return null;return v(e).find(e=>e.name===n)||null};if(!i)return null;const C=e.createElement("div",{onClick:a,style:{position:"fixed",top:0,left:0,right:0,bottom:0,width:"100vw",height:"100vh",background:"rgba(0, 0, 0, 0.4)",zIndex:9999,display:"flex",alignItems:"center",justifyContent:"center"},role:"dialog","aria-modal":"true","aria-labelledby":"yt-variant-options-modal-title"},e.createElement("div",{onClick:e=>e.stopPropagation(),style:{background:"white",borderRadius:16,width:"fit-content",minWidth:350,maxWidth:450,maxHeight:"90vh",overflowY:"auto",position:"relative",zIndex:999,...window.innerWidth<=600&&{width:"90vw",maxWidth:"90vw",minWidth:"90vw"}}},e.createElement("div",{id:"yt-variant-options-modal-title",style:{width:"100%",padding:"16px 0",fontWeight:600,fontSize:14,textTransform:"uppercase",backgroundColor:"rgba(217, 217, 217)",color:"black",textAlign:"center",borderTopLeftRadius:16,borderTopRightRadius:16}},"Select Options"),e.createElement("div",{style:{display:"flex",alignItems:"center",gap:12,padding:"16px 20px",borderBottom:"1px solid #f0f0f0"}},e.createElement("img",{src:b,alt:r.title,style:{width:60,height:60,borderRadius:8,objectFit:"cover",flexShrink:0,transition:"opacity 0.3s ease"}}),e.createElement("div",{style:{display:"flex",flexDirection:"column",flex:1,gap:4}},e.createElement("div",{style:{fontSize:14,fontWeight:600,color:"#333"}},r.title))),e.createElement("div",{style:{padding:"20px"}},r.options.map((t,n)=>e.createElement("div",{key:t.name,style:{display:"flex",flexDirection:"column",gap:8,marginBottom:t?.values?.length>1?16:0}},t?.values?.length>1&&e.createElement(e.Fragment,null,e.createElement("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:8}},e.createElement("span",{style:{fontSize:14,fontWeight:500,color:"#333"}},"Select ",t.name),e.createElement("span",{style:{fontSize:12,fontWeight:500,color:"#666",backgroundColor:"#f5f5f5",padding:"4px 12px",borderRadius:16,textTransform:"capitalize"}},w(t,n)?.name||t.values[0])),e.createElement(rs,{options:v(t),selectedValue:w(t,n),onChange:e=>{((e,t)=>{const n=[...m];n[e]=t.name,u(n)})(n,e)},type:h(t.name),isOptionAvailable:e=>((e,t)=>{const n=[...m];n[e]=t;const o=r.options?.length>0?n.join(" / "):n[0],i=r.variants.edges.find(e=>e.node.title===o)?.node;return!!i&&d(i)>0})(n,e),isMobile:g}))))),e.createElement("button",{onClick:()=>{const e=r.variants.edges.find(e=>e.node.title===(r.options?.length>0?m.join(" / "):m[0]))?.node,t=!!e&&d(e)>0;if(e?.id&&t)s(e.id),a();else{console.warn("yt::variant options modal - selected variant not available or out of stock:",m);const e=r.variants.edges.find(e=>d(e.node)>0)?.node.id;e&&(s(e),a())}},style:{width:"100%",fontSize:14,fontWeight:600,textTransform:"uppercase",backgroundColor:c.backgroundColor,color:c.textColor,textAlign:"center",padding:"16px 0",border:"none",cursor:"pointer",borderBottomLeftRadius:16,borderBottomRightRadius:16},onMouseEnter:e=>{e.currentTarget.style.opacity="0.9"},onMouseLeave:e=>{e.currentTarget.style.opacity="1"}},"Add to Bundle")));return D.createPortal(C,document.body)},as=l((a,l)=>{const[c,s]=ae(Jc),d=o(()=>e=>{const t=a?.customVariantsQuantity?.find(t=>t.variantId===e?.id)?.quantity;return void 0!==t?t:a?.bundleProductsCustomQuantity?a?.bundleProductsCustomQuantity:e?c?.tracksInventory&&e.inventoryItem?.tracked?e.inventoryQuantity>0?e.inventoryQuantity:e.inventoryQuantity<=0&&"continue"===e.inventoryPolicy?.toLocaleLowerCase()?1/0:0:1/0:0},[c?.tracksInventory,a?.customVariantsQuantity,a?.bundleProductsCustomQuantity]),p=c?.variants.edges?.filter(e=>d(e.node)>0)||[],[m,u]=t(p?.[0]?.node),[g,x]=t(0),[f,y]=t("undefined"!=typeof window&&window.innerWidth<=600),[b,h]=t(1),[v,w]=t("idle"),C=r(null),E=r(null),k=r(!1),[T,S]=t(0),[$,N]=t(),B=o(()=>{const e=c?.variants.edges.find(e=>{const t=e.node;return d(t)>0})?.node;return e?.title&&"Default Title"!==e.title?e.title.split(" / "):c?.options?.map(e=>e.values[0])||[]},[c,d]),[F,z]=t(B);n(()=>{if(c){const e=c.variants.edges?.filter(e=>d(e.node)>0),t=c?.selectedVariant??e[0]?.node;u(t),t?.title&&"Default Title"!==t.title&&z(t.title.split(" / "))}},[c,d]),n(()=>{const e=a.selectedProducts.find(e=>e.variantId===m?.id);h(e?e.quantity:0)},[b,a.selectedProducts,m]),n(()=>{if(E.current&&-1!==g&&k.current){const e=E.current.children;e[g]&&e[g].scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"}),k.current=!1}},[g]);if(n(()=>{const e=()=>y(window.innerWidth<=600);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),!c)return null;const{title:I,descriptionHtml:P,media:A,variants:_}=c,R=A.edges.map(e=>e?.node.preview.image??e?.node.image).filter(e=>e?.url?.length>0),L=i(e=>{const t=e.target.value,n=p?.find(e=>e.node.id===t)?.node;n&&d(n)>0&&(k.current=!0,u(n),N(n?.image?.url),n.title&&"Default Title"!==n.title&&z(n.title.split(" / ")))},[p,d]),O=i(e=>{if(!a.bundleVariantOptions?.options)return"text";const t=a.bundleVariantOptions?.options.find(t=>t.name===e);return t?.type||"text"},[a.bundleVariantOptions]),M=i(e=>{if(!a?.bundleVariantOptions?.options)return e.values.map(e=>({name:e,value:e}));const t=a?.bundleVariantOptions?.options.find(t=>t.name===e.name);return e.values.map(e=>{const n=t?.values?.find(t=>t.name===e);return{name:e,value:n?.value||e}})},[a.bundleVariantOptions]),W=i((e,t)=>{const n=[...F];n[e]=t.name,z(n);const o=c?.options?.length>0?n.join(" / "):n[0],r=c?.variants.edges.find(e=>e.node.title===o)?.node;N(r?.image?.url),r&&d(r)>0&&(k.current=!0,u(r))},[F,c,d]),V=i((e,t)=>{const n=F[t];if(!n)return null;return M(e).find(e=>e.name===n)||null},[F,M]),j=i((e,t)=>{const n=[...F];n[e]=t;const o=c?.options?.length>0?n.join(" / "):n[0],r=c?.variants.edges.find(e=>e.node.title===o)?.node;return!!r&&d(r)>0},[F,c,d]);n(()=>{if(c){document.body.style.overflow="hidden",window.history.pushState({modalOpen:!0},"",window.location.href);const e=e=>{s(void 0),e.preventDefault()};return window.addEventListener("popstate",e),()=>{document.body.style.overflow="unset",window.removeEventListener("popstate",e),window.history.state?.modalOpen&&window.history.back()}}},[c,s]),n(()=>{if(f&&c&&C.current){const e=()=>{C.current&&S(C.current.offsetHeight)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}},[f,c]);const H=a.selectedProducts.filter(e=>e.variantId===m?.id).reduce((e,t)=>e+t.quantity,0),q=a.customVariantsQuantity?.find(e=>e.variantId===m?.id)?.quantity??a.bundleProductsCustomQuantity??1/0,Q=q!==1/0&&H>=q,U=a.hideAddToBundle||!m||d(m)<=0||Q||"idle"!==v||a?.disableQuantitySelector&&1===b,G=({className:t})=>{const n=c?.rating?.averageRating??a?.rating?.averageRating??0,o=c?.rating?.ratingCount??a?.rating?.ratingCount??0;return n<=0?null:e.createElement(e.Fragment,null,"ratingOnly"===a.reviewRatingType&&e.createElement("div",{className:t,style:{display:"flex",alignItems:"center",justifyContent:"start",fontSize:"14px",color:"#333"}},e.createElement(Be,{color:"gold",size:14}),e.createElement("span",{style:{marginLeft:6}},n," rating")),"ratingAndReviewCount"===a.reviewRatingType&&e.createElement("div",{className:t,style:{display:"flex",alignItems:"center",justifyContent:"start",fontSize:"14px",color:"#333"}},e.createElement(Be,{color:"gold",size:14}),n,e.createElement(Ce,{size:14,style:{color:"dodgerblue",marginLeft:"4px"}}),"(",o," reviews)"))},X=({isMobile:t})=>e.createElement(e.Fragment,null,e.createElement("div",{style:{position:t?"relative":void 0}},t?e.createElement("div",{ref:E,style:{display:"flex",flexDirection:"row",overflowX:"auto",WebkitOverflowScrolling:"touch",scrollSnapType:"x mandatory",scrollbarWidth:"none",msOverflowStyle:"none"}},R.length>0&&R.map((t,n)=>e.createElement("div",{key:n,style:{width:"100%",flex:"0 0 auto",scrollSnapAlign:"center",objectFit:"contain",maxHeight:"50vh",zIndex:999}},e.createElement(xt,{small:am(t?.url),medium:am(t?.url),large:am(t?.url),alt:t.altText||`${I} - Image ${n+1}`,hideDownload:!0,imageBackgroundColor:"#000",className:"yt-byob-modal-desktop-main-image"})))):e.createElement(e.Fragment,null,e.createElement(xt,{small:am($??"")||am(R[g]?.url),medium:am($??"")||am(R[g]?.url),large:am($??"")||am(R[g]?.url),hideDownload:!0,imageBackgroundColor:"#000",className:"yt-byob-modal-desktop-main-image main-image"}),e.createElement("div",{style:{display:"flex",flexDirection:"row",overflowX:"auto",gap:t?"8px":"12px",padding:"12px 0",WebkitOverflowScrolling:"touch",scrollSnapType:"x mandatory",scrollbarWidth:"none",msOverflowStyle:"none"}},R.length>1&&R.filter(e=>e?.url?.length>0).map((n,o)=>e.createElement("img",{key:o,src:am(n?.url),alt:n.altText||`${I} - Image ${o+1}`,onClick:()=>x(o),style:{width:t?"60px":"73px",height:t?"60px":"73px",flex:"0 0 auto",scrollSnapAlign:"center",borderRadius:"7px",border:g===o?`2px solid ${a.themeColor||"#111"}`:"1px solid lightgray",objectFit:"cover",cursor:"pointer"},loading:"lazy"})))))),Z=({className:t})=>c?.variants?.edges?.length<=1?null:e.createElement("div",{className:t},e.createElement("div",{className:`${t}-label`,style:{display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid #e0e0e0",paddingBottom:"5px",fontSize:"16px",color:"#999",position:"relative",marginBottom:"10px"}},e.createElement("span",{style:{flexShrink:0}},c.options[0].name," :"," ",e.createElement("strong",{style:{color:"#000",paddingLeft:"5px"}},m?.title)),e.createElement("select",{className:`${t}-select`,value:m?.id||"",onChange:L,style:{appearance:"none",border:"none",background:"transparent",fontWeight:"bold",color:"#000",cursor:"pointer",paddingRight:"20px",position:"absolute",right:0,top:0,bottom:0,width:"100%",opacity:0,zIndex:2}},c?.variants?.edges?.map(({node:t})=>e.createElement("option",{key:t.id,value:t.id,disabled:0===d(t)},t.title))),e.createElement("span",{className:`${t}-chevron`,style:{position:"absolute",right:5,pointerEvents:"none",fontSize:"12px",color:"#000"}},e.createElement(Ke,null)))),K=({isMobile:t})=>e.createElement(e.Fragment,null,c.options.map((n,o)=>e.createElement("div",{key:n.name,style:{display:"flex",flexDirection:"column",gap:8,marginBottom:n?.values?.length>1?16:0}},n?.values?.length>1&&e.createElement(e.Fragment,null,e.createElement("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:8}},e.createElement("span",{style:{fontSize:14,fontWeight:500,color:"#333"}},"Select ",n.name),e.createElement("span",{style:{fontSize:12,fontWeight:500,color:"#666",backgroundColor:"#f5f5f5",padding:"4px 12px",borderRadius:16,textTransform:"capitalize"}},F[o]||n.values[0])),e.createElement(rs,{options:M(n),selectedValue:V(n,o),onChange:e=>{W(o,e)},type:O(n.name),isOptionAvailable:e=>j(o,e),isMobile:t}))))),J=({isMobile:t})=>e.createElement("div",{className:t?"yt-byob-modal-mobile-price":"yt-byob-modal-desktop-price",style:{width:"fit-content",minWidth:"fit-content",paddingRight:"10px",display:"flex",flexDirection:"row",alignItems:t?"center":"baseline",gap:"6px"}},a?.isFreebieTier&&!a.showFreebieTierProductPrices?e.createElement(e.Fragment,null,e.createElement("span",{className:"yt-byob-compare-price yt-fixed-bundle-original-price",style:{fontSize:"20px",textDecoration:"line-through",color:"#888",marginRight:"6px"}},im(a.styles.general.currencySymbol,a.styles.general.currencySymbol),rm(m?.price)),e.createElement("span",{className:"yt-byob-current-price",style:{color:a.styles.general.primaryColor||"#d32f2f",fontWeight:"bold",fontSize:"20px"}},"FREE")):e.createElement(e.Fragment,null,m?.compareAtPrice&&parseFloat(m.compareAtPrice)>parseFloat(m?.price)&&e.createElement("div",{className:t?"yt-byob-modal-mobile-compare-price":"yt-byob-modal-desktop-compare-price",style:{textDecoration:"line-through",opacity:"0.5",lineHeight:"normal"}},im(a.styles.general.currencySymbol,a.styles.general.currencySymbol),rm(m?.compareAtPrice)),e.createElement("div",{className:t?"yt-byob-modal-mobile-current-price":"yt-byob-modal-desktop-current-price"},e.createElement("span",{style:{fontSize:"20px",fontWeight:"600",color:"#000",textAlign:"center",lineHeight:"normal"}},im(a.styles.general.currencySymbol,a.styles.general.currencySymbol),rm(m?.price))))),ee=({isMobile:t})=>e.createElement("div",{className:t?"yt-byob-modal-mobile-atc-wrapper":"yt-byob-modal-desktop-atc-wrapper yt-product-modal-atc-wrapper",style:{width:t?"100%":"80%"}},e.createElement("button",{className:t?"yt-byob-modal-mobile-atc-button":"yt-byob-modal-desktop-atc-button yt-product-modal-atc-button",style:{textTransform:"uppercase",fontWeight:"800",width:"100%",border:"none",backgroundColor:a.themeColor||"#111",borderRadius:a.cornerRadius,color:a.primaryTextColorCta||"#fff",minHeight:"40px",padding:"0px 15px",position:"relative",overflow:"hidden",opacity:U?.5:1,cursor:U?"not-allowed":"pointer"},onClick:e=>{e.stopPropagation(),e.preventDefault(),m?.id&&c&&(w("check"),a.handleAddToBundle(m?.id,c,1),setTimeout(()=>{w("idle"),s(void 0)},500))},disabled:U},a.styles.byob.addToBundleCTAText??"Add to bundle")),te=e.createElement(ts,{className:"yt-byob-modal-desktop-overlay"},e.createElement(ns,{$isSmallScreen:f,ref:l},e.createElement(os,{ref:l,className:"yt-byob-modal-desktop-container yt-variant-selection-modal"},e.createElement("div",{className:"yt-byob-modal-desktop yt-variant-selection-modal "+(f?"small-screen":"large-screen")},e.createElement(es,{className:"yt-byob-modal-desktop-close",onClick:()=>{s(void 0)},style:{backgroundColor:"white"}},e.createElement(Y,{size:"25"})),e.createElement("div",{className:"yt-byob-modal-desktop-image-section image-section"},e.createElement(X,null)),e.createElement("div",{className:"yt-byob-modal-desktop-details-section details-section",style:{marginLeft:"20px",minHeight:"100%",maxHeight:"70vh",scrollbarWidth:"none",overflowY:"auto",display:"flex",flexDirection:"column"}},e.createElement("h2",{className:"yt-byob-modal-desktop-title"},"variant-display-name"===a?.styles?.byob?.productVariantTitleType?c?.selectedVariant?.displayName:"variant-title"===a?.styles?.byob?.productVariantTitleType?c?.selectedVariant?.title:c?.title),e.createElement(G,{className:"yt-byob-modal-desktop-rating"}),e.createElement("div",{className:"yt-byob-modal-desktop-variant-price-wrapper",style:{display:"flex",flexDirection:"column",gap:"2px",marginTop:"20px"}},"dropdown"===a?.styles?.byob.variantSelectorType&&e.createElement(Z,{className:"yt-byob-modal-desktop-variant-selector"}),"customOptions"===a?.styles?.byob.variantSelectorType&&e.createElement(K,null),e.createElement("div",{className:"yt-byob-modal-desktop-price-atc-wrapper",style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"}},e.createElement(J,{isMobile:!1}),e.createElement(ee,{isMobile:!1}))),e.createElement("div",{className:"yt-byob-modal-desktop-divider",style:{height:"10px",minHeight:"10px",border:"none",backgroundColor:"#D9D9D96B",margin:"20px 0 10px 0",display:"block !important"}},e.createElement("span",null)),e.createElement("span",{className:"yt-byob-modal-desktop-description yt-description-content",style:{scrollBehavior:"smooth"},dangerouslySetInnerHTML:{__html:P}})))))),ne=e.createElement(ts,{className:"yt-byob-modal-mobile-overlay"},e.createElement(ns,{className:"yt-byob-modal-mobile-content",style:{padding:"0px",position:"relative"},$isSmallScreen:f,ref:l},e.createElement(os,{ref:l,className:"yt-byob-modal-mobile-container yt-variant-selection-modal"},e.createElement("button",{className:"yt-byob-modal-mobile-close-btn",style:{position:"fixed",top:"20px",right:"20px",zIndex:9999999999,backgroundColor:"#FFFFFF",padding:"4px",borderRadius:"50%",border:"1px solid lightgray",display:"flex",justifyContent:"center",alignItems:"center"},onClick:()=>{s(void 0)}},e.createElement(Ze,{className:"yt-byob-modal-mobile-close-icon",style:{height:"22px",width:"22px",padding:"4px",color:"black"},onMouseEnter:e=>e.currentTarget.style.color="black"})),e.createElement("div",{className:"yt-byob-modal-mobile yt-variant-selection-modal small-screen",style:{padding:"0px"}},e.createElement("div",{className:"yt-byob-modal-mobile-image-section image-section"},e.createElement(X,{isMobile:!0})),e.createElement("div",{className:"yt-byob-modal-mobile-details-section details-section",style:{padding:"0 30px",margin:"15px 0",paddingBottom:T?`${T+20}px`:"120px"}},e.createElement("h2",{className:"yt-byob-modal-mobile-title",style:{margin:"0px"}},"variant-display-name"===a?.styles?.byob?.productVariantTitleType?c?.selectedVariant?.displayName:"variant-title"===a?.styles?.byob?.productVariantTitleType?c?.selectedVariant?.title:c?.title),e.createElement("div",{style:{paddingBlockStart:"10px"}},e.createElement(G,{className:"yt-byob-modal-mobile-rating"})),e.createElement("div",{className:"yt-byob-modal-mobile-divider",style:{opacity:"0.2",border:"none",height:"2px",backgroundColor:"#000000",margin:"10px 0px",display:"block !important"}},e.createElement("span",null)),e.createElement("div",{className:"yt-byob-modal-mobile-description yt-description-content",style:{scrollbarWidth:"none",scrollBehavior:"smooth",margin:"0px"},dangerouslySetInnerHTML:{__html:P}})))),e.createElement("div",{className:"yt-byob-modal-mobile-bottom-bar",ref:C,style:{position:"fixed",bottom:"0px",left:"0px",right:"0px",padding:"12px 15px",borderTop:"1px solid lightgray",boxShadow:"0px -4px 5px rgba(0, 0, 0, 0.1)",backgroundColor:"#fff",display:"flex",flexDirection:"column",gap:"2px",zIndex:9999999999}},"customOptions"===a?.styles?.byob.variantSelectorType?e.createElement(K,{isMobile:!0}):e.createElement(Z,{className:"yt-byob-modal-desktop-variant-selector"}),e.createElement("div",{className:"yt-byob-modal-mobile-price-atc-wrapper",style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"}},e.createElement(J,{isMobile:!0}),e.createElement(ee,{isMobile:!0})))));return D.createPortal(f?ne:te,document.body)}),ls=({coverImageUrl:t,mobileCoverImageUrl:n,alt:o="Background",styles:r})=>{const i=[{imageWidth:21,descriptor:36},{imageWidth:48,descriptor:80},{imageWidth:99,descriptor:165},{imageWidth:216,descriptor:360},{imageWidth:225,descriptor:375},{imageWidth:319,descriptor:533},{imageWidth:330,descriptor:550},{imageWidth:432,descriptor:720},{imageWidth:564,descriptor:940},{imageWidth:639,descriptor:1066},{imageWidth:648,descriptor:1080},{imageWidth:900,descriptor:1500},{imageWidth:1068,descriptor:1780},{imageWidth:1296,descriptor:2160}],a=(e,t)=>{if(e&&e.includes("cdn.shopify"))try{const n=new URL(e),o=n.searchParams;return o.has("format")||o.set("format","webp"),o.has("quality")||o.set("quality","80"),o.set("width",t.toString()),n.toString()}catch{const n=e.includes("?")?"&":"?";return`${e}${n}format=webp&quality=80&width=${t}`}},l=e=>e?i.map(({imageWidth:t,descriptor:n})=>{const o=a(e,t);return o?`${o} ${n}w`:""}).filter(Boolean).join(", "):"";if(!t&&!n)return null;const c=t||n||"",s=a(c,800)||c,d=[];if(n&&n!==t){const t=l(n);t&&d.push(e.createElement("source",{key:"mobile",media:"(max-width: 768px)",srcSet:t}))}if(t){const n=l(t);n&&(d.length>0?d.push(e.createElement("source",{key:"desktop",media:"(min-width: 769px)",srcSet:n})):d.push(e.createElement("source",{key:"desktop",srcSet:n})))}else if(n){const t=l(n);t&&d.push(e.createElement("source",{key:"mobile",srcSet:t}))}return e.createElement("div",{style:{width:"100%",display:"block"}},e.createElement("picture",{style:{display:"block",width:"100%"}},d,e.createElement("img",{src:s,alt:o,style:{width:"100%",height:"auto",display:"block",...r},loading:"eager",fetchPriority:"high",sizes:"100vw"})))},cs=({title:t,isOpen:n,onToggle:o,children:r})=>e.createElement("div",{className:"yt-byob-filter-section",style:{borderBottom:"1px solid #eee",paddingBottom:n?"20px":"12px",marginBottom:"12px"}},e.createElement("div",{className:"yt-byob-filter-section-header",onClick:o,style:{display:"flex",justifyContent:"space-between",alignItems:"center",cursor:"pointer",padding:"8px 0"}},e.createElement("span",{className:"yt-byob-filter-section-title",style:{fontSize:"16px",fontWeight:500,color:"#111"}},t),n?e.createElement(Oe,{className:"yt-byob-icon-minus",size:20}):e.createElement(Ae,{className:"yt-byob-icon-plus",size:20})),n&&e.createElement("div",{className:"yt-byob-filter-section-body",style:{marginTop:"16px"}},r)),ss=({availableFilters:n,appliedFilters:o,toggleFilter:r,clearAllFilters:i,applyPriceFilter:a,priceMin:l,setPriceMin:c,priceMax:s,setPriceMax:d,maxPossiblePrice:p,styles:m,availableProductCount:u,products:g,unavailableProductCount:x,storeCurrencyCode:f,showActions:y=!0,openSections:b,toggleSection:h})=>{const[v,w]=t(null),C=im(m?.general?.currencySymbol,f)??f??"USD";return e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-byob-filters-content-wrapper",style:{overflowY:"auto",scrollbarWidth:"none",padding:"20px",flex:1,minHeight:0,overscrollBehavior:"contain"}},n.map(t=>e.createElement(cs,{key:t.id,title:t.label,isOpen:!!b[t.id],onToggle:()=>h(t.id)},"LIST"===t.type&&e.createElement("div",{className:"yt-byob-filter-list",style:{display:"flex",flexDirection:"column",gap:"14px"}},t.values.map(n=>{const i=o[t.id]?.includes(n.id)||!1;return"filter.v.availability.1"===n.id?u??g.length:"filter.v.availability.0"===n.id||n.count,e.createElement("label",{key:n.id,className:"yt-byob-filter-item-label",style:{display:"flex",alignItems:"center",justifyContent:"space-between",cursor:"pointer"}},e.createElement("div",{className:"yt-byob-filter-item-left",style:{display:"flex",alignItems:"center",gap:"10px"}},e.createElement("input",{className:"yt-byob-filter-checkbox",type:"checkbox",checked:i,onChange:()=>r(t.id,n.id),style:{width:"18px",height:"18px",accentColor:m?.general?.primaryColor||"#333",cursor:"pointer"}}),e.createElement("span",{className:"yt-byob-filter-item-text",style:{fontSize:"15px",color:"#333"}},n.label)))})),"PRICE_RANGE"===t.type&&e.createElement("div",{className:"yt-byob-price-filter",style:{padding:"0 4px"}},e.createElement("div",{className:"yt-byob-price-range-display",style:{fontSize:"15px",color:"#333",marginBottom:"24px",fontWeight:500}},C,l.toLocaleString()," – ",C,s.toLocaleString()),e.createElement("div",{className:"yt-byob-price-slider-container",style:{position:"relative",width:"100%",height:"4px",background:"#e5e7eb",borderRadius:"4px",marginBottom:"10px"}},e.createElement("div",{className:"yt-byob-price-slider-track",style:{position:"absolute",height:"100%",background:"#333",borderRadius:"4px",left:l/p*100+"%",right:100-s/p*100+"%"}}),e.createElement("input",{type:"range",min:0,max:p,value:l,onMouseDown:()=>w("min"),onTouchStart:()=>w("min"),onChange:e=>{const t=Math.min(Number(e.target.value),s-10);c(t)},style:{position:"absolute",width:"100%",height:"0px",top:"50%",transform:"translateY(-50%)",background:"none",pointerEvents:"none",appearance:"none",WebkitAppearance:"none",zIndex:"min"===v?11:5,margin:0},className:"yt-byob-dual-range-input-min"}),e.createElement("input",{type:"range",min:0,max:p,value:s,onMouseDown:()=>w("max"),onTouchStart:()=>w("max"),onChange:e=>{const t=Math.max(Number(e.target.value),l+10);d(t)},style:{position:"absolute",width:"100%",height:"0px",top:"50%",transform:"translateY(-50%)",background:"none",pointerEvents:"none",appearance:"none",WebkitAppearance:"none",zIndex:"max"===v?11:4,margin:0},className:"yt-byob-dual-range-input-max"})),e.createElement("style",null,"\n .yt-byob-dual-range-input-min::-webkit-slider-thumb,\n .yt-byob-dual-range-input-max::-webkit-slider-thumb {\n pointer-events: auto;\n appearance: none;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #444;\n border: 3px solid white;\n cursor: pointer;\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n position: relative;\n z-index: 20;\n }\n .yt-byob-dual-range-input-min::-moz-range-thumb,\n .yt-byob-dual-range-input-max::-moz-range-thumb {\n pointer-events: auto;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n background: #444;\n border: 3px solid white;\n cursor: pointer;\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n position: relative;\n z-index: 20;\n }\n "))))),y&&e.createElement("div",{className:"yt-byob-filter-actions",style:{display:"flex",gap:"12px",borderTop:"1px solid #eee",padding:"16px 0px",position:"sticky",bottom:"2px",paddingInline:"10px"}},e.createElement("button",{className:"yt-byob-filter-clear-button",onClick:i,style:{flex:1,padding:"8px",background:"#f3f4f6",border:"none",borderRadius:m?.byob?.borderRadius||"8px",cursor:"pointer",fontWeight:600,fontSize:"14px",color:"#333",fontFamily:"inherit"}},"Clear All"),e.createElement("button",{className:"yt-byob-filter-apply-button",onClick:a,style:{flex:1,padding:"8px",background:m?.general?.primaryColor||"#333",color:"white",border:"none",borderRadius:m?.byob?.borderRadius||"8px",cursor:"pointer",fontWeight:600,fontSize:"14px",fontFamily:"inherit"}},"Apply")))},ds=t=>{const{showFiltersDrawer:n,handleClose:o,isAnimating:r,isMobile:i}=t;return n?P(e.createElement("div",{className:"yt-byob-filter-drawer-overlay",style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.5)",zIndex:1e3,display:"flex",justifyContent:"flex-end",opacity:r?1:0,transition:"opacity 300ms ease-in-out"},onClick:o},e.createElement("div",{className:"yt-byob-filter-drawer-content",style:{width:i?"85%":"380px",height:"100%",background:"white",boxShadow:"-4px 0 12px rgba(0,0,0,0.15)",transform:r?"translateX(0)":"translateX(100%)",transition:"transform 300ms ease-in-out",display:"flex",flexDirection:"column",position:"relative"},onClick:e=>e.stopPropagation()},e.createElement(ss,{...t,applyPriceFilter:()=>{t.applyPriceFilter(),o()},openSections:t.openSections||{},toggleSection:t.toggleSection||(()=>{})}))),document.body):null},ps=t=>{const{showFiltersDrawer:n}=t;return n&&0!==t?.availableFilters?.length?e.createElement("div",{className:"yt-byob-filters-sidebar",style:{width:"280px",minWidth:"280px",padding:"0",height:"auto",maxHeight:"calc(100vh - 40px)",position:"sticky",top:"20px",display:"flex",flexDirection:"column",borderRight:"1px solid #eee",marginRight:"20px"}},e.createElement(ss,{...t,showActions:!0,openSections:t.openSections||{},toggleSection:t.toggleSection||(()=>{})})):null},ms=({enableSortAndFilter:o,isMobile:r,setSearchTerm:i,searchTerm:a,styles:l,setSortBy:c,appliedFilters:s,setAppliedFilters:d,availableFilters:p=[],products:m,availableProductCount:u,unavailableProductCount:g,maxPossiblePrice:x,storeCurrencyCode:f,sharedFiltersState:b,openSections:h,toggleSection:v,sortBy:w})=>{const[C,E]=t(!1),[k,T]=t(a),{showFilters:S,setShowFilters:$,priceMax:N,setPriceMax:B,priceMin:F,setPriceMin:z}=b,[I,D]=t(!1),P=l?.byob?.productFiltersDisplay||"drawer",A=!r&&"sidebar"===P,_="none"===P;n(()=>{s["filter.v.price"]||(B(x),z(0))},[x,s]);n(()=>{const e=setTimeout(()=>{i(k)},300);return()=>clearTimeout(e)},[k,i]),n(()=>(S&&!A?(document.body.style.overflow="hidden",D(!0)):(document.body.style.overflow="",D(!1)),()=>{document.body.style.overflow=""}),[S,A]);const R=Object.entries(s).reduce((e,[t,n])=>"filter.v.price"===t?F>0||N<x?e+1:e:e+(n?n.length:0),0);return e.createElement("div",{className:"yt-byob-sort-filter-container",style:{display:"flex",flexDirection:r?"column":"row",justifyContent:"space-between",alignItems:r?"flex-end":"center",marginBottom:"20px",width:"100%",gap:r?"10px":"0"}},e.createElement("div",{className:"yt-byob-search-filter-controls",style:{display:"flex",flexDirection:o?"row-reverse":"row",justifyContent:"space-between",alignItems:C?void 0:"center",gap:"12px",width:"100%"}},o&&e.createElement("div",{className:"yt-byob-search-wrapper",style:{position:"relative",display:"flex",alignItems:"center",width:r?C?"100%":"auto":"400px",transition:"width 0.3s ease-in-out"}},r&&!C?e.createElement(_e,{className:"yt-byob-search-icon-trigger",fontSize:"20px",color:"#555",style:{cursor:"pointer"},onClick:()=>E(!0)}):e.createElement(e.Fragment,null,e.createElement("input",{className:"yt-byob-search-input",style:{width:"100%",padding:r?"10px 12px":"10px 14px",fontSize:"14px",outline:"none",color:"#333",border:"1px solid #c7c7c7",borderRadius:l?.byob.borderRadius,boxShadow:l?.byob.borderColor?"0 2px 4px rgba(0,0,0,0.1)":"none"},placeholder:"Search by Product Name",value:k,onChange:e=>T(e.target.value)}),!C&&e.createElement(_e,{className:"yt-byob-search-icon",fontSize:"18px",style:{position:"absolute",right:"12px",color:"#aaa",pointerEvents:"none"}})),r&&C&&e.createElement("span",{className:"yt-byob-search-close",style:{position:"absolute",right:"12px",color:"#aaa",fontSize:"16px",cursor:"pointer"},onClick:()=>E(!1)},"X")),e.createElement("div",{className:"yt-byob-actions-wrapper",style:{display:"flex",flexDirection:"row",gap:"10px"}},p?.length>0&&e.createElement("button",{className:"yt-byob-filter-toggle-button",onClick:()=>$(!S),style:{display:_?"none":"flex",alignItems:"center",gap:r?"0px":"6px",background:S&&A?"#f3f4f6":"white",cursor:"pointer",fontSize:"14px",color:"#333",whiteSpace:"nowrap",border:"1px solid #d1d5db",padding:"8px 12px",borderRadius:l?.byob.borderRadius,boxShadow:"0 2px 4px rgba(0,0,0,0.1)"}},e.createElement(Re,{className:"yt-byob-filter-toggle-icon",size:18}),!r&&"Filters",R>0&&e.createElement("span",{className:"yt-byob-active-filter-badge",style:{background:l?.general?.primaryColor||"#ef4444",color:"white",borderRadius:"999px",padding:"2px 8px",fontSize:"12px",lineHeight:1}},R)),o&&e.createElement("div",{className:"yt-byob-sort-wrapper",style:{display:"flex",alignItems:"center",border:"1px solid #d1d5db",padding:"8px 12px",borderRadius:l?.byob.borderRadius,boxShadow:"0 2px 4px rgba(0,0,0,0.1)",position:"relative"}},!r&&e.createElement("span",{className:"yt-byob-sort-label",style:{fontSize:"14px",color:"#555",marginRight:"6px"}},"Sort:"),r&&e.createElement(Le,{className:"yt-byob-sort-icon",size:18,style:{color:"#555"}}),e.createElement("select",{className:"yt-byob-sort-select",style:{border:"none",background:"transparent",fontSize:"14px",color:"#333",cursor:"pointer",outline:"none",appearance:"none",WebkitAppearance:"none",paddingRight:"20px"},value:w,onChange:e=>c(e.target.value)},e.createElement("option",{className:"yt-byob-sort-option",value:""},"Featured"),e.createElement("option",{className:"yt-byob-sort-option",value:"price-low-to-high"},"Price: Low to High"),e.createElement("option",{className:"yt-byob-sort-option",value:"price-high-to-low"},"Price: High to Low"),e.createElement("option",{className:"yt-byob-sort-option",value:"title-asc"},"Alphabetical: A-Z"),e.createElement("option",{className:"yt-byob-sort-option",value:"title-desc"},"Alphabetical: Z-A")),e.createElement(y,{className:"yt-byob-sort-chevron",size:14,style:{position:"absolute",right:"10px",pointerEvents:"none",color:"#555"}})))),!A&&!_&&e.createElement(ds,{showFiltersDrawer:S,handleClose:()=>{A?$(!1):(document.body.style.overflow="",D(!1),setTimeout(()=>{$(!1)},300))},isAnimating:I,isMobile:r,availableFilters:p,appliedFilters:s,toggleFilter:(e,t)=>{d(n=>{const o=n[e]||[],r=o.includes(t)?o.filter(e=>e!==t):[...o,t],i={...n,[e]:r.length?r:void 0};return Object.fromEntries(Object.entries(i).filter(([,e])=>void 0!==e))})},clearAllFilters:()=>{B(x),z(0),d({})},applyPriceFilter:()=>{d(e=>{const t={...e};return t["filter.v.price"]=[`min:${F}-max:${N}`],t})},priceMin:F,setPriceMin:z,priceMax:N,setPriceMax:B,maxPossiblePrice:x,styles:l,availableProductCount:u,products:m,unavailableProductCount:g,storeCurrencyCode:f,openSections:h,toggleSection:v}))},us=()=>e.createElement(e.Fragment,null,e.createElement("style",null,"@keyframes spin { to { transform: rotate(360deg); } }"),e.createElement("div",{className:"yt-collection-bundle-loader-spinner",style:{width:"14px",height:"14px",border:"2px solid #f3f3f3",borderTop:"2px solid #007bff",borderRadius:"50%",animation:"spin 1s linear infinite",display:"block"}})),gs=({title:t,uploadState:n,onUpload:o,onRemove:r,onRetry:i})=>{const a="string"==typeof n?{url:n,name:"Attachment"}:n,l=a?.loading,c=a?.error,s=a?.url;return e.createElement("div",{className:"yt-personalization-upload-field",style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"14px 16px",border:"1px dashed #ccc",borderRadius:"10px",background:"#fff",gap:"12px"}},e.createElement("div",{style:{flex:1,minWidth:0}},e.createElement("div",{style:{fontWeight:600,fontSize:"14px",color:"#1a1a1a"}},t),!a&&!l&&!c&&e.createElement("div",{style:{fontSize:"12px",color:"#888",marginTop:"2px"}},"jpeg/png/img (max size: 5MB)"),l&&e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"6px",color:"#007bff",fontSize:"12px",marginTop:"4px"}},e.createElement(us,null)," Uploading ",a?.name||"image","..."),c&&e.createElement("div",{style:{fontSize:"12px",color:"#dc3545",marginTop:"2px"}},"Upload failed."),s&&!l&&!c&&e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"6px"}},e.createElement("img",{src:a.url,alt:"Uploaded",style:{width:"36px",height:"36px",objectFit:"cover",borderRadius:"4px",border:"1px solid #eee"}}),e.createElement("span",{style:{fontSize:"12px",color:"#28a745",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},a.name))),e.createElement("div",{style:{flexShrink:0}},c&&e.createElement("button",{type:"button",onClick:i,style:{fontSize:"13px",fontWeight:600,color:"#303030",background:"white",border:"1.5px solid #E3E3E3",borderRadius:"10px",padding:"8px 16px",cursor:"pointer",whiteSpace:"nowrap"}},"Retry"),s&&!l&&!c&&e.createElement("button",{type:"button",onClick:r,style:{fontSize:"13px",fontWeight:600,color:"#fff",background:"#dc3545",border:"none",borderRadius:"10px",padding:"8px 16px",cursor:"pointer",whiteSpace:"nowrap"}},"Remove"),!a&&!l&&e.createElement("button",{type:"button",onClick:o,style:{fontSize:"13px",fontWeight:600,color:"#303030",background:"white",border:"1.5px solid #E3E3E3",borderRadius:"10px",padding:"8px 16px",cursor:"pointer",whiteSpace:"nowrap"}},"Upload Image")))},xs=({form:o,formData:i,setFormData:a,barHeight:l=0,isUploading:c,setIsUploading:s})=>{const d=r(new Map),[p,m]=t(!1),u=s??m;n(()=>()=>{d.current.forEach(e=>{e.parentNode&&e.parentNode.removeChild(e)}),d.current.clear()},[]);const g=e=>{if(!d.current.has(e)){const t=document.createElement("input");t.type="file",t.accept="image/jpeg,image/png",t.style.display="none",t.multiple=!1,t.onchange=async t=>{const n=t.target.files?.[0];if(n){if(n.size>5242880)return alert("Max 5MB");if(!n.type.match(/^image\/(jpeg|png)$/i))return alert("JPEG/PNG only");a(t=>({...t,[e]:{loading:!0,name:n.name}}));try{const t=await(async e=>{const t=new FormData;t.append("file",e),u(!0);try{const e=window?.Shopify?.shop||"falah-devstore.myshopify.com",n=window?.Shopify?.shop?"https://products.yourtoken.io":"http://localhost:8000",o=await fetch(`${n}/shopify/upload?shop=${e}`,{method:"POST",headers:{"x-yourtoken-app-name":"bundles"},body:t});if(!o.ok)throw new Error("Upload failed");return(await o.json()).url}catch(e){throw alert("Upload failed. Try again."),e}finally{u(!1)}})(n);a(o=>({...o,[e]:{url:t,name:n.name}}))}catch{a(t=>({...t,[e]:{error:!0,name:n.name}}))}}},document.body.appendChild(t),d.current.set(e,t)}return d.current.get(e)};return e.createElement("div",{style:{width:"100%",padding:"8px 0",marginBottom:`${l}px`,boxSizing:"border-box"}},o.sections?.map((t,n)=>e.createElement("div",{key:`sec_${n}`,style:{marginBottom:"28px"}},e.createElement("label",{style:{display:"block",fontWeight:700,marginBottom:"10px",color:"#1a1a1a",fontSize:"15px",lineHeight:"normal"}},t?.title),"text"===t.type&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"12px"}},t.fields.map((t,n)=>{const o=t?.title??"Field "+n;return e.createElement("textarea",{key:o,placeholder:t?.title,rows:3,maxLength:500,value:i[o]||"",onChange:e=>a(t=>({...t,[o]:e.target.value})),style:{width:"100%",padding:"8px 0",border:"none",borderBottom:"1.5px solid #ddd",borderRadius:0,fontSize:"14px",color:"#1a1a1a",background:"transparent",resize:"none",outline:"none",lineHeight:"1.5",boxSizing:"border-box"}})})),"image"===t.type&&e.createElement("div",null,e.createElement("div",{style:{fontSize:"12px",color:"#888",marginBottom:"10px"}},"Supported formats - jpeg/png/img (max size: 5MB)"),e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"10px"}},t.fields.map((t,n)=>{const o=t?.title??"Field "+n;return e.createElement(gs,{key:o,title:t?.title,uploadState:i[o],onUpload:()=>g(o).click(),onRemove:()=>a(e=>{const{[o]:t,...n}=e;return n}),onRetry:()=>g(o).click()})}))))))};function fs({quantity:t,setQuantity:n,remainingQuantity:o,handleAddToBundle:r,variantId:i,product:a,handleRemoveItem:l,hideAddToBundle:c,selectedVariantInventoryQty:s}){const d={display:"flex",alignItems:"center",justifyContent:"center",width:"33%",cursor:"pointer",backgroundColor:"#f2f2f2",userSelect:"none",border:"none",padding:"8px",margin:"0",fontSize:"20px",color:"#333",textDecoration:"none",boxShadow:"none",outline:"none",borderRadius:"0",boxSizing:"border-box"},p=t<s;return e.createElement(ac,{className:"yt-byob-quantity-selector-container"},e.createElement("button",{className:"yt-byob-quantity-minus-button",onClick:e=>{e.stopPropagation();const o=Math.max(0,t-1);n(o),l&&i&&l(i,1)},style:d},"-"),e.createElement(lc,{className:"yt-byob-quantity-display"},t," added"),e.createElement("button",{className:"yt-byob-quantity-plus-button",onClick:e=>{e.stopPropagation();const l=Math.min(o,t+1,s);n(l),r&&i&&a&&r(i,a,1)},disabled:!p||c,style:{...d,cursor:!p||c?"not-allowed":"pointer",opacity:!p||c?.6:1}},"+"))}const ys=({product:r,styles:i,selectedVariant:a})=>{const[l,c]=t(!1),s=o(()=>am(a?.image?.url||r?.featuredMedia?.preview?.image?.url||r?.media?.edges?.[0]?.node?.image?.url)||"",[a?.image?.url,r?.featuredMedia?.preview?.image?.url,r?.media?.edges]),d=o(()=>r?.media?.edges?.map(e=>am(e?.node?.preview?.image?.url??e?.node?.image?.url)).filter(Boolean)??[],[r?.media?.edges]),p=o(()=>d?.[1]??s??"",[d,s]);n(()=>{if(s){(new Image).src=s}},[s]);const m=o(()=>s||d?.[0],[s,d]);return e.createElement("div",{className:"yt-byob-image-hover-container",style:{position:"relative",width:"100%",overflow:"hidden",aspectRatio:i.general.imageAspectRatio||"1/1"},onMouseEnter:()=>c(!0),onMouseLeave:()=>c(!1)},e.createElement("div",{className:"yt-byob-image-inner-container",style:{width:"100%",height:"100%",position:"relative"}},e.createElement("img",{className:"yt-byob-image-main",loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",objectPosition:"top",opacity:l&&m!==p?0:1,transition:d?.length>0?"opacity 300ms ease, transform 300ms ease":"",transform:l?"scale(1.1)":"scale(1)"},src:m,alt:r.title}),m!==p&&e.createElement("img",{className:"yt-byob-image-hover",loading:"lazy",style:{width:"100%",height:"100%",objectFit:"cover",opacity:l?1:0,transition:"opacity 400ms ease, transform 400ms ease",transform:l?"scale(1.1)":"scale(1)",position:"absolute",top:0,left:0,objectPosition:"top"},src:p,alt:r.title})))},bs=({product:o,bundle:r,handleAddToBundle:a,hideAddToBundle:l,remainingQuantity:c,themeColor:s,handleRemoveItem:d,transitionActive:p,idx:m,selecteditems:u,customVariantsQuantity:g,currentProductTier:x,showFreebieTierProductPrices:f,tierIndex:b})=>{const h=ce(Jc),v=r.customizations,w=v?.byob?.variantSelectorType,[C,E]=t(!1),k=v.general?.variantTitleSuffix?o?.variants?.edges:(e=>{if(!e||e.length<2)return e;const t=e.map(e=>e.node.title).map(e=>e.split(" "));let n=[...t[0]];for(let e=1;e<t.length;e++){const o=t[e];let r=0;for(;r<n.length&&r<o.length&&n[n.length-1-r]===o[o.length-1-r];)r++;n=n.slice(n.length-r)}return n.length<1?e:e.map(e=>{const t=e.node.title.split(" "),o=t.slice(0,t.length-n.length).join(" ");return{...e,node:{...e.node,title:o,commonSuffix:n.join(" ")}}})})(o?.variants?.edges);if(!k||!k.length)return e.createElement(e.Fragment,null);const T=i(e=>{const t=g?.find(t=>t.variantId===e)?.quantity;if(void 0!==t)return t;if(r?.customProductsQuantity)return r?.customProductsQuantity;const n=k?.find(t=>t.node.id===e),i=n?.node;return i?o.tracksInventory&&i.inventoryItem?.tracked?i.inventoryQuantity>0?i.inventoryQuantity:i.inventoryQuantity<=0&&"continue"===i.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[k,g,o.tracksInventory]),S=k?.find(e=>T(e.node.id)>0)?.node?.id;if(!S&&!v.general.showOutOfStockProducts)return e.createElement(e.Fragment,null);const[$,N]=t(k?.find(e=>T(e.node.id)>0)?.node?.id||k[0]?.node?.id),[B,F]=t(0),[z,I]=t(window.innerWidth<450),[D,P]=t("normal"),A=k?.find(e=>e?.node?.id===$)?.node,_=T($||"");n(()=>{const e=u.find(e=>e.variantId===$&&(void 0===b||e.tierIndex===b));F(e?e.quantity:0)},[u,$,b]),n(()=>{const e=()=>{I(window.innerWidth<450)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),n(()=>{CSS.supports("font-weight","500")?P("500"):CSS.supports("font-weight","400")?P("400"):CSS.supports("font-weight","600")&&P("600")},[]),n(()=>{document.documentElement.style.setProperty("--yt-bundle-font-weight",D)},[D]),n(()=>{if($&&!k?.some(e=>e.node.id===$)){const e=k.find(e=>T(e.node.id)>0)?.node.id||k[0]?.node?.id;e&&N(e)}},[$,k,T]);const R=o.variants&&o.variants.edges?.length>1&&"customOptions"!==w,L="undefined"!=typeof window?(window?.ytapp||window?.ytBundleApp)?.storeId:void 0,O="53933408435"===L,M="75851235630"===L,W=(e=>{if(e.metafield&&"yourtoken_bundles_app"===e.metafield.namespace&&"categories"===e.metafield.key){if(e.metafield.jsonValue&&Array.isArray(e.metafield.jsonValue))return e.metafield.jsonValue;if(e.metafield.value)try{const t=JSON.parse(e.metafield.value);if(Array.isArray(t))return t}catch(e){console.error("Failed to parse categories:",e)}}return[]})(o),V=W.length>0;return e.createElement(e.Fragment,null,e.createElement(dc,{borderRadius:v?.byob.borderRadius,borderColor:v?.byob.borderColor,shadowType:v?.byob.shadowType,backgroundColor:v?.byob.cardBackgroundColor,className:"yt-byob-product-container bundle-builder-product-container "+(p?"yt-product-card-transition-active":m%2==0?"yt-product-card-transition":"yt-product-card-transition-up"),onClick:()=>{if(_<=0)return;const e={...o,variants:{...o.variants,edges:k},selectedVariant:A};h(e)},onMouseEnter:e=>{e.currentTarget.style.transform="scale(1.01)"},onMouseLeave:e=>{e.currentTarget.style.transform="scale(1)"},style:{WebkitTapHighlightColor:"transparent",textAlign:v?.byob?.productCardDetailsAlignment||"left"}},e.createElement(pc,{className:"yt-byob-image-wrapper"},e.createElement(ys,{product:o,styles:v,selectedVariant:A}),r?.productCardBadgeText&&e.createElement("div",{className:"yt-byob-product-badge",style:{position:"absolute",top:"0px",left:"0px",backgroundColor:v?.general.primaryColor||"#111",color:v?.general.primaryContrastColor||"#fff",zIndex:1,margin:"0px",whiteSpace:"pre",padding:"4px 8px",fontSize:"12px",borderTopLeftRadius:v.byob.borderRadius}},r.productCardBadgeText),R&&e.createElement("div",{className:"yt-byob-variant-selector-wrapper",style:{position:"relative",width:"100%"}},e.createElement(mc,{className:"yt-byob-variant-selector",isCoralHaze:O,onClick:e=>{e.preventDefault(),e.stopPropagation()},value:$||"",onChange:e=>{e.stopPropagation(),e.preventDefault(),N(e.target.value)}},k?.map(t=>{const n=window.innerWidth<=320?10:window.innerWidth<=420?15:22,o=t.node.title.length>n?t.node.title.substring(0,n)+"...":t.node.title;return e.createElement("option",{key:t.node.id,value:t.node.id},o)})),e.createElement("div",{className:"yt-byob-variant-chevron",style:{position:"absolute",right:"16px",bottom:"10px",pointerEvents:"none"}},e.createElement(y,null)))),e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"8px",alignItems:"flex-start"},className:"yt-byob-product-details-wrapper"},e.createElement("div",{className:"yt-byob-product-content"},"enabled"===r?.customizations?.byob?.productCardCategoryVisibility&&V&&e.createElement("div",{className:"yt-byob-product-categories-wrapper",style:{padding:"2px 4px"}},e.createElement("div",{className:"yt-byob-product-categories",style:{display:"flex",flexWrap:"wrap",gap:"4px"}},W.slice(0,2).map((t,n)=>e.createElement("span",{className:"yt-byob-category-tag",key:n,style:{fontSize:z?"10px":"14px",color:"#666",fontWeight:"500",paddingBottom:"4px"}},t.charAt(0).toUpperCase()+t.slice(1))),W.length>2&&e.createElement("span",{className:"yt-byob-more-categories",style:{fontSize:"10px",padding:"2px 6px",backgroundColor:"rgba(0, 0, 0, 0.05)",borderRadius:"8px",color:"#666",fontWeight:"500"}},"+",W.length-2," more"))),e.createElement(uc,{isMobile:z,showBorder:r?.showBorder??!0,style:{...!v?.byob.productsPriceVisibility&&{padding:"8px"},...v?.byob.productTitleFontSize&&{fontSize:v?.byob.productTitleFontSize||"18px"}},className:"yt-byob-product-title-wrapper"},e.createElement("div",{style:{display:"-webkit-box",WebkitLineClamp:v?.byob?.productTitleWrapLines||2,WebkitBoxOrient:"vertical",overflow:"hidden",lineHeight:"normal"},className:"yt-byob-product-title"},M?String(A?.displayName).replace("- Default Title",""):o.title,A?.commonSuffix?" -"+A?.commonSuffix:""))),"Default Title"!==A?.title&&v?.byob?.showVariantTitleInCard&&e.createElement("p",{style:{padding:r?.showBorder??1?"0px 10px":"0 4px",fontSize:"12px",margin:"0",fontWeight:"600",color:"#888",lineHeight:"normal"},className:"yt-byob-product-variant-title"},A?.title),"ratingOnly"===r?.reviewRatingType&&(o?.rating?.averageRating??0)>0&&e.createElement("div",{className:"yt-byob-product-ratings",style:{display:"flex",alignItems:"center",justifyContent:"start",fontSize:"14px",color:"#333"}},e.createElement(Be,{color:"gold",size:14})," ",e.createElement("span",{style:{marginLeft:6}},o?.rating?.averageRating," rating")),"ratingAndReviewCount"===r?.reviewRatingType&&(o?.rating?.averageRating??0)>0&&e.createElement("div",{className:"yt-byob-product-ratings-count",style:{display:"flex",alignItems:"center",justifyContent:"start",fontSize:"14px",color:"#333"}},e.createElement(Be,{color:"gold",size:14})," ",o?.rating?.averageRating,e.createElement(Ce,{className:"yt-byob-verified-icon",size:14,style:{color:"dodgerblue",marginLeft:"4px"}})," ","(",o?.rating?.ratingCount," reviews)"),v?.byob.productsPriceVisibility&&e.createElement("div",{className:"yt-byob-product-price yt-bundle-builder-product-price",style:{marginBottom:"5px",padding:r?.showBorder?"0px 10px":"0 4px"}},x?.isFreebieTier&&!f?e.createElement(e.Fragment,null,e.createElement("span",{className:"yt-byob-compare-price yt-fixed-bundle-original-price",style:{fontSize:"14px",textDecoration:"line-through",color:"#888",marginRight:"6px"}},im(v.general.currencySymbol,r?.storeCurrencyCode)??"Rs.",rm(A?.price)),e.createElement("span",{className:"yt-byob-current-price",style:{color:v.general.primaryColor||"#d32f2f",fontWeight:"bold"}},"FREE")):parseFloat(A?.price??"0")>0?e.createElement("span",{className:"yt-byob-current-price"},im(v.general.currencySymbol,r?.storeCurrencyCode)??"Rs.",rm(A?.price)):e.createElement("span",{className:"yt-byob-free-price"},"Free"),(!x?.isFreebieTier||f)&&A?.compareAtPrice&&v?.byob.compareAtPriceVisibility&&parseFloat(A.compareAtPrice)>parseFloat(A?.price)&&e.createElement("span",{className:"yt-byob-compare-price yt-fixed-bundle-original-price",style:{fontSize:"14px"}},im(v.general.currencySymbol,r?.storeCurrencyCode)??"Rs.",rm(A.compareAtPrice)))),(_>0||_===1/0)&&e.createElement(gc,{borderRadius:v?.byob.borderRadius,className:"yt-byob-add-to-bundle-wrapper yt-product-atc-wrapper"},(0===B||void 0===B)&&e.createElement(cc,{style:{...!l&&{backgroundColor:v?.general.primaryColor||"#111",color:v?.general.primaryContrastColor||"#fff"}},disabled:l,onClick:e=>{e.stopPropagation(),e.preventDefault(),F(1),(()=>{if(!$)return;"customOptions"===w&&k.length>1?E(!0):a($,o,1)})()},className:"yt-byob-add-to-bundle-button yt-product-atc-button"},v?.byob.addToBundleCTAText),!r?.disableQuantitySelector&&B>0&&$&&e.createElement(sc,{className:"yt-byob-quantity-selector-container visible",style:{overflow:"hidden"}},e.createElement(fs,{remainingQuantity:c,setQuantity:F,quantity:B,handleAddToBundle:a,variantId:$,product:o,handleRemoveItem:d,hideAddToBundle:l,selectedVariantInventoryQty:_})),r?.disableQuantitySelector&&B>0&&$&&e.createElement(cc,{style:{backgroundColor:"#747474",color:v?.general.primaryContrastColor||"#fff",display:"flex",justifyContent:"space-between",overflow:"hidden",height:"40px"},className:"yt-byob-added-button yt-product-atc-single-qty-selector"},e.createElement(xc,{className:"yt-byob-added-text yt-product-atc-single-qty-selector-added"},"ADDED"),e.createElement(fc,{className:"yt-byob-single-qty-remove yt-product-atc-single-qty-selector-remove",onClick:e=>{e.stopPropagation();const t=Math.max(0,B-1);F(t),d&&$&&d($,b)}},e.createElement(Me,{style:{color:"#fff",fontSize:"20px"}})))),_<=0&&_!==1/0&&e.createElement(cc,{style:{backgroundColor:v.general.disabledButtonColor,color:"#fff",cursor:"not-allowed",transition:"transform 0.2s ease-in-out"},className:"yt-product-atc-disabled"},v?.general.outOfStockLabel||"Out of Stock")),"customOptions"===w&&C&&k.length>1&&e.createElement(is,{product:o,isOpen:C,onClose:()=>E(!1),variantOptions:r.variantOptions,cta:{textColor:v.general.ctaTextColor,backgroundColor:v.general.primaryColor},onConfirm:e=>{N(e),a(e,o,1)}}))},hs=({currentStep:t,setCurrentProductTier:n,totalSteps:o,tiers:r,isMobile:i,selectedProductsByTier:a,primaryColor:l="#000",primaryTextColorCta:c="#fff",tierNavigation:s})=>e.createElement("div",{className:"yt-byob-stepper-container",style:{textAlign:"center",fontSize:"20px"}},e.createElement("div",{className:"yt-byob-stepper-steps",style:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"center"}},Array.from({length:o}).map((c,d)=>{const p=d+1,m=!r[d].isFormStep&&r[d].minimumQuantity-(a[d]?.length??0)===0,u=d===t;return l="black"===l?"#000000":l,e.createElement(e.Fragment,{key:p},e.createElement("div",{className:"yt-byob-stepper-step-wrapper",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:"pointer",gap:i?"4px":"8px"},onClick:()=>!1===s?()=>{}:n(p-1)},e.createElement("div",{className:"yt-byob-stepper-step-number",style:{fontSize:"14px"}},"Step ",p),e.createElement("div",{className:"yt-byob-stepper-step-bar",style:{display:"flex",flexWrap:"wrap",alignItems:"center",justifyContent:"center",cursor:"pointer"}},e.createElement("div",{className:"yt-byob-stepper-step-left-bar",style:{height:"3px",width:i?"30px":"50px",backgroundColor:u?"#666666":m?l:"#CBD5E0",display:"block",borderTopLeftRadius:"5px",borderBottomLeftRadius:"5px"}}),e.createElement("div",{className:"yt-byob-stepper-step-circle",style:{width:"10px",height:"10px",borderRadius:"50%",backgroundColor:u?"white":m?`${l}50`:"white",border:`2px solid ${u?"#666666":m?l:"#CBD5E0"}`,display:"flex",alignItems:"center",justifyContent:"center"}}),e.createElement("div",{className:"yt-byob-stepper-step-right-bar",style:{height:"3px",width:i?"30px":"50px",backgroundColor:u?"#666666":m?l:"#CBD5E0",display:"block",marginRight:d<o?i?"4px":"6px":"",borderTopRightRadius:"5px",borderBottomRightRadius:"5px"}}))))})),e.createElement("div",{className:"yt-byob-stepper-title",style:{margin:i?"16px 0px":"15px 0px",fontSize:i?"16px":"18px",padding:"4px",background:"rgba(0, 0, 0, 0.03)",borderBottom:"1px solid rgba(130, 130, 130, 0.28)"}},r[t]?.title)),vs=({styles:t,isMobile:n,categories:o,activeCategory:r,onCategoryChange:i})=>{const a=e=>{i(e)},l=(e,t)=>{const n=e.replace("#","");return`rgba(${parseInt(n.substring(0,2),16)}, ${parseInt(n.substring(2,4),16)}, ${parseInt(n.substring(4,6),16)}, ${t})`};return"tabs"===t?.byob?.categoryFilterOnPage?e.createElement("div",{className:"yt-byob-category-filter-wrapper",style:{overflowX:"auto",scrollbarWidth:"none",msOverflowStyle:"none",marginBottom:"20px",width:"100%"}},e.createElement("div",{className:"yt-byob-category-tabs-container",style:{display:"flex",gap:"0px",minWidth:"max-content",paddingBottom:"1px",flexWrap:"nowrap",justifyContent:"center",borderBottom:"1px solid #e0e0e0",width:"auto",height:n?"28px":"45px"}},["All",...o].map(o=>{const i=r===o;return e.createElement("button",{key:o,onClick:()=>a(o),className:"yt-byob-category-tab-button",style:{background:"none",border:"none",padding:n?"12px 16px":"12px 20px",fontSize:n?"14px":"16px",fontWeight:i?"600":"400",color:i?t.general.primaryColor:"#666",cursor:"pointer",position:"relative",transition:"all 0.3s ease",backgroundColor:i?l(t.general.primaryColor,.07):"transparent",borderBottom:i?`2px solid ${t?.general.primaryColor}`:"2px solid transparent",marginBottom:"-1px",whiteSpace:"nowrap",minWidth:"fit-content"},onMouseEnter:e=>{i||(e.currentTarget.style.color=t?.general.primaryColor)},onMouseLeave:e=>{i||(e.currentTarget.style.color="#666")}},e.createElement("span",{style:{visibility:"hidden",height:0,display:"block",overflow:"hidden",fontWeight:600},"aria-hidden":"true"},o.charAt(0).toUpperCase()+o.slice(1)),e.createElement("span",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"100%",textAlign:"center"}},o.charAt(0).toUpperCase()+o.slice(1)))}))):e.createElement("div",{className:"yt-byob-category-filter-wrapper",style:{overflowX:n?"auto":"visible",scrollbarWidth:"none",msOverflowStyle:"none",marginBottom:"20px",paddingBottom:"5px"}},e.createElement("div",{className:"yt-byob-category-buttons-container",style:{display:"flex",gap:"8px",minWidth:"max-content",flexWrap:"nowrap",justifyContent:"center",paddingRight:n?"10px":"0px"}},["All",...o].map(o=>e.createElement("button",{key:o,onClick:()=>a(o),className:"yt-byob-category-button",style:{padding:n?"8px 16px":"10px 18px",fontSize:n?"13px":"14px",fontWeight:"500",border:`1px solid ${r===o?t?.general.primaryColor:"#e0e0e0"}`,borderRadius:t?.general.ctaBorderRadius,backgroundColor:r===o?t?.general.primaryColor:"white",color:r===o?"white":"#333",cursor:"pointer",transition:"all 0.3s ease",outline:"none",whiteSpace:"nowrap",minWidth:"fit-content",flexShrink:0},onMouseEnter:e=>{r!==o&&(e.currentTarget.style.borderColor=t?.general.primaryColor,e.currentTarget.style.color=t?.general.primaryColor)},onMouseLeave:e=>{r!==o&&(e.currentTarget.style.borderColor="#e0e0e0",e.currentTarget.style.color="#333")}},o.charAt(0).toUpperCase()+o.slice(1)))))},ws=({bundle:a,selectedItems:l,setSelectedItems:c,handleAddToCart:s,bundleAddToCartLoading:d,renderingOnPage:p,selectedItemsQuantity:m,handleRemoveItem:u,bundleSubtotal:g,dispatchAnalyticsEvent:x,fetchStoreDetails:f,productsPagination:y})=>{const[b,h]=t(void 0),[v,w]=t(window.innerWidth<450),[C,E]=t(0),[k,T]=t({}),S=!!a.personalizedForm?.title&&"productTier"===a.builderTiers?.type,[$,N]=t({}),[B,F]=t(!1),z=S&&C===(a.builderTiers?.productTier?.length||0),I=C===(a.builderTiers?.productTier?.length||0)-1,D=S&&I&&!z,[P,A]=t(a?.products),[_,R]=t(!1),[L,O]=t({}),[M,W]=t(a?.products),[V,j]=t({}),[H,q]=t(y?.cursorData),Q=a.builderTiers?.type,U=a.customizations,Y=a.builderTiers?.productTier??[],G=a.builderTiers?.offerTier??[],[X,Z]=t([]),[K,J]=t(!1),[ee,te]=t("All"),ne=r(null),[oe,re]=t({}),[ie,le]=t([]),[ce,se]=t(!1),[de,pe]=t(0),[me,ge]=t(0),[xe,fe]=t({}),ye=e=>{fe(t=>{const n=!1!==t[e];return{...t,[e]:!n}})};n(()=>{ie.length>0&&fe(e=>{const t={...e};return ie.forEach(e=>{void 0===t[e.id]&&(t[e.id]=!1)}),t})},[ie]),n(()=>{!(Object.values(oe).length>0)&&y?.cursorData&&q(y.cursorData)},[oe,y?.cursorData]);const be=a.customStoreDetails?.fixedInventoryDetails;n(()=>{const e=new Set;let t=!1;P?.forEach(n=>{const o=n?.productDetails;if(o.metafield&&"yourtoken_bundles_app"===o.metafield.namespace&&"categories"===o.metafield.key){let n=[];if(o.metafield.jsonValue&&Array.isArray(o.metafield.jsonValue))n=o.metafield.jsonValue;else if(o.metafield.value)try{const e=JSON.parse(o.metafield.value);Array.isArray(e)&&(n=e)}catch(e){console.error("Failed to parse categories:",e)}n.length>0&&(t=!0,n.forEach(t=>e.add(t)))}}),Z(Array.from(e)),J(t);U?.byob?.productFiltersDisplay&&"none"!==U?.byob?.productFiltersDisplay&&(async()=>{const e=U?.byob?.productFiltersDisplay??"none";if("drawer"===e||"sidebar"===e)try{const e=await(f?.());e?.productFilters&&le(e.productFilters??[])}catch(e){console.error("no filters data found")}})()},[U?.byob,f,P]),n(()=>{re({})},[C,ee]);const he=((e,t)=>"All"===t?e:e.filter(e=>{const n=e?.productDetails;if(n.metafield&&"yourtoken_bundles_app"===n.metafield.namespace&&"categories"===n.metafield.key){let e=[];if(n.metafield.jsonValue&&Array.isArray(n.metafield.jsonValue))e=n.metafield.jsonValue;else if(n.metafield.value)try{const t=JSON.parse(n.metafield.value);Array.isArray(t)&&(e=t)}catch(e){console.error("Failed to parse categories:",e)}return e.includes(t)}return!1}))(P.filter(e=>{const t=e.productDetails.status?.toLowerCase(),n="active"===t||"unlisted"===t||void 0===e.productDetails.status||""===e.productDetails.status,o="estailofashion.myshopify.com"!==window?.Shopify?.shop||null!==e?.productDetails?.publishedAt;return n&&o}),ee),ve="productTier"===Q?Y.reduce((e,t)=>e+t.minimumQuantity,0):"offerTier"===Q?G.reduce((e,t)=>e+t.minimumQuantity,0):a.minimumQuantity,we=i((e,t)=>{const n=be?.find(e=>e.variantId===t)?.quantity;if(void 0!==n)return n;const o=(e.variants?.edges||[]).find(e=>e.node.id===t),r=o?.node;return r?e.tracksInventory&&r.inventoryItem?.tracked?r.inventoryQuantity>0?r.inventoryQuantity:r.inventoryQuantity<=0&&"continue"===r.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[be]),[Ce,Ee]=t(3e3);n(()=>{const e=ie?.find(e=>"PRICE_RANGE"===e.type||"filter.v.price"===e.id);e&&e.values?.[0]?.input?.price?.max&&Ee(e.values[0].input.price.max)},[P,ie]);const[ke,Te]=t(""),[Se,$e]=t(""),Ne=((e,t)=>e.filter(e=>e?.productDetails?.title?.toLowerCase().includes(t?.toLowerCase())))(he,ke),Be=((e,t)=>[...e].sort((e,n)=>{const o=e?.productDetails?.title?.toLowerCase(),r=n?.productDetails?.title?.toLowerCase(),i=parseFloat(e?.productDetails?.variants?.edges?.[0]?.node?.price||"0"),a=parseFloat(n?.productDetails?.variants?.edges?.[0]?.node?.price||"0");switch(t){case"title-asc":return o.localeCompare(r);case"title-desc":return r.localeCompare(o);case"price-low-to-high":return i-a;case"price-high-to-low":return a-i;default:return 0}}))(Ne,Se);n(()=>{(async e=>{if(!y)return;const{initialCursorData:t,cursorData:n,fetchFn:o,setCursorData:r}=y,i="productTier"===Q?Y?.[C]?.tier:1;if(0===Object.values(e)?.length)return void("productTier"===Q?(O(e=>({...e,[C]:V?.[C]||[]})),r(H||{...n})):(A(M),r(H||{1:t?.[1]})));const a=await o(e,i,null);a&&("productTier"===Q?(O(e=>({...e,[C]:a})),A(e=>{const t=new Set(e.map(e=>e.productId)),n=a.filter(e=>!t.has(e.productId));return[...e,...n]})):A(a))})(oe)},[oe]);const[Fe,ze]=ae(Jc),[Ie,De]=t(!1);n(()=>{x?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:a?._id,bundleType:"byob-page-bundle",byobBundleType:a.builderTiers?.type??"builder"}}),setTimeout(()=>{De(!0)},100)},[]);const Pe=r(null);n(()=>{const e=()=>{w(window.innerWidth<450)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),n(()=>{if(a.coverImageUrl){const e=new Image;e.src=am(a.coverImageUrl)??"",e.onload=()=>{h(e.width/e.height)}}},[a.coverImageUrl]),n(()=>{De(!1),setTimeout(()=>De(!0),100)},[C]);const Ae=(e,t)=>{if("productTier"===Q){let n={...k},o=!1;if(n[t]){const r=n[t].indexOf(e);-1!==r&&(n[t]=[...n[t]],n[t].splice(r,1),o=!0)}if(!o)for(let t=Y.length;t>=0;t--){const o=n[t].indexOf(e);if(-1!==o){n[t]=[...n[t]],n[t].splice(o,1);break}}T(n);const r=Y.findIndex((e,t)=>n[t]?.length<e.minimumQuantity);-1!==r&&E(r)}u(e,t)},_e=()=>{const e=document.querySelector(".products-display");e&&e.scrollIntoView({behavior:"smooth"})};n(()=>{if(a)return"productTier"!==a?.builderTiers?.type?(A(a?.products??[]),void W(a?.products??[])):void("productTier"===a?.builderTiers?.type&&(O({0:a?.products}),j({0:a?.products})))},[a]),n(()=>{if("productTier"!==Q||!Y[C])return;if(ve===m)return;const e=Y.findIndex((e,t)=>{const n=k[t]||[];return t>=C&&n.length<e.minimumQuantity});if(-1!==e&&e!==C){E(e);const t=Y[C];t?.products?.length>1&&_e()}else if(-1===e&&S&&C<Y.length){Y.every((e,t)=>(k[t]?.length||0)>=e.minimumQuantity)&&E(Y.length)}},[k,Y,Q,S]),n(()=>{Te("")},[C]),n(()=>{function e(e){if(!Pe.current||!e.target)return;!Pe.current.contains(e.target)&&ze(void 0)}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const Re=(e,t,n)=>{var o;"productTier"===Q&&(o=e,T(e=>{const t={...e},n=Y.findIndex((e,n)=>{const o=t[n]||[];return n>=C&&o.length<e.minimumQuantity}),r=-1!==n?n:C;return-1!==n&&E(n),t[r]||(t[r]=[]),t[r].push(o),t}));const r=!0===Y[C]?.isFreebieTier;x?.({eventNameCustom:"byob_add_to_bundle",eventTypeCustom:"clicks",data:{bundleId:a._id,bundleType:"byob-page-bundle",byobBundleType:a.builderTiers?.type??"builder",addedProduct:{id:t?.id,title:t?.title}}}),lm(e,t,n,l,c,r,C)},Le=(()=>{if(!a?.builderTiers)return a.minimumQuantity;const{type:e,offerTier:t,productTier:n}=a.builderTiers,o="offerTier"===e?t:"productTier"===e?n:null;if(!o)return a.minimumQuantity;let r=0;return o.map(e=>{r+=e.minimumQuantity}),r})(),Oe=v&&a.mobileCoverImageUrl?am(a.mobileCoverImageUrl):am(a.coverImageUrl??"")||null,Me=i(e=>{const t=U?.general?.showOutOfStockProducts;if(t)return!0;const n=e?.productDetails,o=n?.variants?.edges||[];if(be){if(o.some(e=>be.some(t=>t.variantId===e.node.id&&t.quantity>0)))return!0}return o.some(e=>we(n,e.node.id)>0)},[U?.general?.showOutOfStockProducts,be,we]),We=o(()=>{if("productTier"===Q&&Y.length>0){const e=L?.[C]??[];return Se?Be.filter(t=>e.some(e=>e.productId===t.productId&&(e.variantIds.length<1||t.variantIds.includes(e.variantIds?.[0])))&&Me(t)):e.map(e=>Be.find(t=>t.productId===e.productId&&(e.variantIds.length<1||t.variantIds.includes(e.variantIds?.[0])))).filter(e=>e&&Me(e))}return Be.filter(Me)},[Q,Y,L,C,Be,Me,Se]),Ve=We;n(()=>{if("productTier"!==Q)return;const e=Y[C];if(!e)return;if(1!==e.minimumQuantity)return;if(1!==e.products.length)return;if(1!==L?.[C]?.length)return;const t=e.products[0],n=P.find(e=>e.productId===t.productId)?.productDetails;if(!n)return;if(n.variants?.edges?.length>1)return;const o=n.variants?.edges?.find(e=>we(n,e.node.id)>0)?.node;if(!o)return;const r=o.id,i=k[C]?.includes(r);if(!i&&(Re(r,n,1),C<Y.length-(S?0:1))){E(C+1);const e=Y?.[C];e?.products?.length>1&&_e()}},[Q,Y,C,P,k,we,Re]);const je=o(()=>he.filter(e=>{const t=e?.productDetails;return(t.variants?.edges||[]).some(e=>we(t,e.node.id)>0)}).length,[he,we]),He=o(()=>he.length-je,[he,je]),qe="bundles"==a.appName?a.pageHeader?.title:a?.title,Qe="bundles"==a.appName?a.pageHeader?.description:a?.subtitle;n(()=>{if(!y)return;const{cursorData:e,fetchFn:t}=y,n=Y[C]?.tier,o="productTier"===Q?n:1;if(e?.[o]&&!e?.[o]?.hasNext||!t)return;const r=new IntersectionObserver(async([n])=>{if(n.isIntersecting&&!_){R(!0);try{const n=await t(oe,o,e?.[o]?.cursor);if(n?.length>0){const e=Object.values(oe).length>0;"productTier"===Q?(O(e=>({...e,[C]:[...e[C]||[],...n]})),e||j(e=>({...e,[C]:[...e[C]||[],...n]})),A(e=>[...e,...n])):(A(e=>[...e,...n]),e||W(e=>[...e,...n]))}}catch(e){console.error("Pagination fetch failed:",e)}finally{R(!1)}}},{root:null,rootMargin:"300px",threshold:.01}),i=ne.current;return i&&r.observe(i),()=>{i&&r.unobserve(i)}},[y,_,Q,C,Y]);const Ue=()=>{x?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:a._id,bundleType:"byob-page-bundle",byobBundleType:a.builderTiers?.type??"builder",selectedProducts:l.map(e=>({id:e?.product?.id,title:e?.product?.title,quantity:e?.quantity}))}})};return e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-byob-builder-section",style:{display:"flex",flexDirection:"column",width:"100%",alignItems:"center",justifyContent:"center",rowGap:"15px",padding:"20px 0px",marginBottom:"20px",backgroundColor:U.byob.sectionBackgroundColor,..."transparent"!==U.fixedBundle.sectionBackgroundColor&&{padding:"20px"}}},Oe?e.createElement("div",{className:"yt-byob-cover-image-container",style:{position:"relative",width:"100%",display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",overflow:"hidden",...a?.coverImageVerticalMargin&&{marginBottom:a?.coverImageVerticalMargin,marginTop:a?.coverImageVerticalMargin}}},Oe&&e.createElement(ls,{coverImageUrl:Oe,alt:"Background",styles:{width:"100%",height:"auto",display:"block"}}),e.createElement("div",{className:"yt-byob-cover-image-overlay",style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",padding:"20px",width:"90%",maxWidth:"1000px",textShadow:"2px 2px 8px rgba(0, 0, 0, 0.4)"}},e.createElement("span",{style:{lineHeight:"normal",fontSize:U?.byob?.titleFontSize??"3rem",fontWeight:"700",color:U?.byob?.titleTextColor??"#000",marginBottom:"15px",backgroundColor:U?.byob?.titleBackgroundColor??"transparent",width:"100%",textAlign:"center"},className:"bundle-builder-title"},qe),e.createElement("span",{style:{lineHeight:"normal",fontSize:U?.byob?.subtitleFontSize??"1.5rem",color:U?.byob?.titleTextColor??"#000"},className:"bundle-builder-subtitle"},Qe))):(qe||Qe)&&e.createElement("div",{className:"yt-byob-header-content",style:{zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",padding:"20px",width:"90%",maxWidth:"1000px"}},qe&&e.createElement("span",{className:"bundle-builder-title",style:{lineHeight:"normal",fontSize:U?.byob?.titleFontSize??"3rem",fontWeight:"700",color:U?.byob?.titleTextColor??"#000",marginBottom:"15px",textAlign:"center",width:"100%",backgroundColor:U?.byob?.titleBackgroundColor??"transparent"}},qe),Qe&&e.createElement("span",{className:"bundle-builder-subtitle",style:{lineHeight:"normal",fontSize:U?.byob?.subtitleFontSize??"1.5rem",color:U?.byob?.titleTextColor??"#000"}},Qe)),e.createElement("div",{style:{fontSize:"20px",width:"100%"},className:"products-display"},"productTier"===Q&&Y.length>0&&U?.byob.productTiersVisibility&&e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-byob-stepper-wrapper"},e.createElement(hs,{currentStep:C,totalSteps:Y.length+(S?1:0),tiers:S?[...Y,{title:a.personalizedForm?.title||"Personalize",tier:Y.length,minimumQuantity:0,products:[],isFormStep:!0}]:Y,isMobile:v,primaryColor:U?.general?.primaryColor,primaryTextColorCta:U?.general?.primaryContrastColor,setCurrentProductTier:E,selectedProductsByTier:k,tierNavigation:U.byob.tierNavigation})))),e.createElement("div",{className:"yt-byob-layout-wrapper",style:{display:"flex",flexDirection:"row",width:v?"100%":"90%",marginInline:"auto"}},"sidebar"===U?.byob?.productFiltersDisplay&&!v&&!z&&e.createElement(ps,{showFiltersDrawer:ce,handleClose:()=>se(!1),isAnimating:!1,isMobile:!1,availableFilters:ie,appliedFilters:oe,toggleFilter:(e,t)=>{re(n=>{const o=n[e]||[],r=o.includes(t)?o.filter(e=>e!==t):[...o,t],i={...n,[e]:r.length?r:void 0};return Object.fromEntries(Object.entries(i).filter(([,e])=>void 0!==e))})},clearAllFilters:()=>{re({}),ge(0),pe(Ce)},applyPriceFilter:()=>{re(e=>{const t={...e};return t["filter.v.price"]=[`min:${me}-max:${de}`],t})},priceMin:me,setPriceMin:ge,priceMax:de,setPriceMax:pe,maxPossiblePrice:Ce,styles:U,products:P,unavailableProductCount:He,storeCurrencyCode:a?.storeCurrencyCode,openSections:xe,toggleSection:ye}),e.createElement("div",{className:"yt-byob-products-column",style:{display:"flex",flexDirection:"column",flex:1,minWidth:0}},!z&&e.createElement("div",{className:"yt-byob-filters-wrapper",style:{width:"100%",marginBottom:"20px",display:"flex",flexDirection:"column",gap:"20px"}},e.createElement(ms,{enableSortAndFilter:a?.enableSortAndFilter??!1,isMobile:v,searchTerm:ke,setSearchTerm:Te,setSortBy:$e,styles:U,appliedFilters:oe,setAppliedFilters:re,availableFilters:ie,products:P,availableProductCount:je,unavailableProductCount:He,maxPossiblePrice:Ce,storeCurrencyCode:a?.storeCurrencyCode,sharedFiltersState:{showFilters:ce,setShowFilters:se,priceMax:de,setPriceMax:pe,priceMin:me,setPriceMin:ge},openSections:xe,toggleSection:ye}),a?.customizations?.byob?.enableProductCategories&&K&&e.createElement("div",{className:"yt-byob-category-filter-container"},e.createElement(vs,{styles:U,isMobile:v,categories:X,activeCategory:ee,onCategoryChange:e=>{te(e)}}))),e.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"12px",justifyContent:ce&&"sidebar"===U?.byob?.productFiltersDisplay?"flex-start":"center",width:"100%",height:"fit-content",paddingBottom:p?"100px":"20px"},className:"products-display"},z&&a.personalizedForm?.title?e.createElement(xs,{form:a.personalizedForm,formData:$,setFormData:N,isUploading:B,setIsUploading:F}):0!==Ve?.length||_?We.map((t,n)=>{if("productTier"===Q){const o=(Y[C]?.minimumQuantity??0)>(k[C]?.length??0),r=Be.find(e=>e.productId===t.productId&&(t.variantIds.length<1||e.variantIds.includes(t.variantIds[0])));return r?e.createElement(bs,{bundle:a,idx:n,key:t?.variantIds?.[0]??t.productId,product:r?.productDetails,handleAddToBundle:Re,hideAddToBundle:!o,remainingQuantity:Le-m,themeColor:a?.dealTextColor,handleRemoveItem:e=>Ae(e,C),selecteditems:l,transitionActive:Ie,customVariantsQuantity:be,currentProductTier:Y[C],showFreebieTierProductPrices:a?.customStoreDetails?.showFreebieTierProductPrices,tierIndex:C}):null}return e.createElement(bs,{bundle:a,idx:n,key:t.productId,product:t?.productDetails,handleAddToBundle:Re,hideAddToBundle:m>=Le,remainingQuantity:Le-m,themeColor:a?.dealTextColor,handleRemoveItem:e=>u(e),selecteditems:l,transitionActive:Ie,customVariantsQuantity:be,tierIndex:C})}):e.createElement("div",{className:"yt-byob-empty-state",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"100%",padding:"40px 20px",gap:"16px"}},e.createElement("p",{style:{fontSize:"20px",color:"#333",textAlign:"center",margin:0}},Object.values(oe).length>0?"No products match your filters":"No products found"),Object.values(oe).length>0&&e.createElement("button",{onClick:()=>{re({}),ge(0),pe(Ce)},style:{padding:"8px 16px",background:U?.general?.primaryColor||"#333",color:"white",border:"none",borderRadius:U?.byob?.borderRadius||"8px",cursor:"pointer",fontWeight:600,fontSize:"14px"}},"Clear All Filters")),!z&&_&&e.createElement("div",{className:"yt-byob-loading-wrapper",style:{width:"100%",display:"flex",justifyContent:"center",padding:"20px"}},e.createElement(ue,{color:U?.general?.primaryColor||"#333",size:30})),e.createElement("div",{ref:ne,className:"yt-byob-pagination-observer",style:{height:"1px",width:"100%",display:"block"}},e.createElement("span",null))),!p&&e.createElement(Kc,{builderTiers:a?.builderTiers,showNextStep:D,handleAddToCart:async e=>{if(D)return E(C+1),void _e();const t={};S&&Object.entries($).forEach(([e,n])=>{const o=e.split("|").pop()?.replace(/^f_\d+$/,"")||e;"string"==typeof n&&n.trim()?t[o]=n:n&&"object"==typeof n&&"url"in n&&(t[o]=n.url)}),await s(e,t),Ue()},minimumQuantity:ve,selectedProducts:l,showProductDetailsInTracker:a.showProductDetailsInTracker,handleRemoveItem:u,handleRemoveItemProductTier:Ae,selectedItemsQuantity:m,percentageOff:a.percentageOff,loading:d,bundleSubtotal:g,amountOff:a.amountOff,styles:a.customizations,dealAmount:a.dealAmount,themeColor:a?.dealTextColor??"#333",primaryTextColorCta:a?.primaryTextColorCta??"#fff",cornerRadiusType:a?.cornerRadiusType??"",selectedProductsByTier:k,renderingOnPage:p,isUploading:B}),p&&e.createElement("div",{className:"yt-byob-sticky-tracker-wrapper",style:{width:"100%",marginTop:"20px",position:"sticky",bottom:"10px",zIndex:999}},e.createElement(Kc,{showNextStep:D,handleAddToCart:async e=>{if(D)return E(C+1),void _e();const t={};S&&Object.entries($).forEach(([e,n])=>{const o=e.split("|").pop()?.replace(/^f_\d+$/,"")||e;"string"==typeof n&&n.trim()?t[o]=n:n&&"object"==typeof n&&"url"in n&&(t[o]=n.url)}),await s(e,t),Ue()},minimumQuantity:ve,builderTiers:a?.builderTiers,selectedProducts:l,showProductDetailsInTracker:a.showProductDetailsInTracker,loading:d,handleRemoveItem:u,handleRemoveItemProductTier:Ae,percentageOff:a.percentageOff,selectedItemsQuantity:m??0,bundleSubtotal:g??{price:0,compareAtPrice:0},amountOff:a.amountOff,styles:a.customizations,dealAmount:a.dealAmount,themeColor:U?.general.primaryColor||"#000",primaryTextColorCta:U.general.primaryContrastColor??"#fff",cornerRadiusType:a?.cornerRadiusType??"",selectedProductsByTier:k,renderingOnPage:p,isUploading:B})))),Fe&&void 0!==m&&(()=>{let t=m<a.minimumQuantity;return"productTier"==Q?t=(Y[C]?.minimumQuantity??0)>(k[C]?.length??0):"offerTier"==Q&&(t=m<G.reduce((e,t)=>e+t.minimumQuantity,0)),e.createElement(as,{handleAddToBundle:Re,ref:Pe,remainingQuantity:a.minimumQuantity-m,hideAddToBundle:!t,disableQuantitySelector:a?.disableQuantitySelector??!1,selectedProducts:l,selectedProductsByTier:k,themeColor:U?.general.primaryColor||"#000",primaryTextColorCta:a?.customizations?.general.primaryContrastColor??"#fff",primaryBackgroundColorCta:U?.general.primaryColor||"#000",cornerRadius:a?.customizations.byob.borderRadius,styles:a.customizations,reviewRatingType:a?.reviewRatingType??"none",customVariantsQuantity:be,bundleProductsCustomQuantity:a?.customProductsQuantity,isFreebieTier:Y?.[C]?.isFreebieTier,showFreebieTierProductPrices:a?.customStoreDetails?.showFreebieTierProductPrices,bundleVariantOptions:a?.variantOptions})})()))},Cs=({isOpen:o,onClose:r,formConfig:i,onCheckout:a,cta:l,isMobile:c})=>{const[s,d]=t({}),[p,m]=t(!1);n(()=>{o||d({})},[o]);const u=e=>{if(p)return;const t={};Object.entries(s).forEach(([e,n])=>{const o=e.split("|").pop()?.replace(/^f_\d+$/,"")||e;"string"==typeof n&&n.trim()?t[o]=n:n&&"object"==typeof n&&"url"in n&&(t[o]=n.url)}),a(e?{}:t)};if(!o)return null;const g=e.createElement("div",{onClick:r,style:{position:"fixed",top:0,left:0,right:0,bottom:0,width:"100vw",height:"100vh",background:"rgba(0, 0, 0, 0.4)",zIndex:9999,display:"flex",alignItems:c?"flex-end":"center",justifyContent:"center"}},e.createElement("style",null,"\n @keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n @keyframes fadeIn {\n from { opacity: 0; transform: scale(0.95); }\n to { opacity: 1; transform: scale(1); }\n }\n "),e.createElement("div",{onClick:e=>e.stopPropagation(),style:{background:"white",width:c?"100vw":"500px",maxWidth:c?"100vw":"560px",height:c?"80vh":"auto",maxHeight:c?"80vh":"90vh",borderRadius:c?"20px 20px 0 0":"20px",display:"flex",flexDirection:"column",overflow:"hidden",zIndex:999,animation:c?"slideUp 0.3s ease-out":"fadeIn 0.2s ease-out"}},e.createElement("div",{style:{width:"100%",padding:c?"20px 20px 16px":"18px 20px",fontWeight:700,fontSize:c?"18px":"16px",textAlign:"center",position:"relative",borderBottom:"1px solid #eee",flexShrink:0,backgroundColor:"#ffffff",color:"#1a1a1a",boxSizing:"border-box",lineHeight:"1.4"}},i.title||"Personalization",!c&&e.createElement("button",{onClick:r,style:{position:"absolute",right:"16px",top:"50%",transform:"translateY(-50%)",background:"none",border:"none",fontSize:"24px",lineHeight:1,cursor:"pointer",color:"#666",padding:"4px"}},"×")),e.createElement("div",{style:{flex:1,overflowY:"auto",padding:c?"20px 20px":"16px 20px"}},e.createElement(xs,{form:i,formData:s,setFormData:d,isUploading:p,setIsUploading:m})),e.createElement("div",{style:{padding:c?"12px 16px":"12px 24px 16px",borderTop:"1px solid #eee",flexShrink:0,background:"white",display:"flex",flexDirection:"column",alignItems:"center",gap:"10px"}},e.createElement("button",{onClick:()=>{u(),r()},disabled:p,style:{width:"100%",fontSize:"15px",fontWeight:700,textAlign:"center",padding:"15px 0",border:"none",borderRadius:"10px",cursor:p?"not-allowed":"pointer",opacity:p?.7:1,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:l.backgroundColor,color:l.textColor,letterSpacing:"0.01em"}},p?e.createElement(ue,{color:l.textColor,size:15}):"Submit"),e.createElement("button",{onClick:()=>{u(!0),r()},style:{background:"none",border:"none",fontSize:"14px",fontWeight:600,color:"#1a1a1a",cursor:"pointer",padding:"4px 8px",textAlign:"center"}},"Add without customization"))));return D.createPortal(g,document.body)},Es=({product:t,selectedVariantId:n,onVariantChange:r,styles:i,originalPrice:a,dealPrice:l,totalPriceSum:c,isVertical:s=!1,variantOptions:d,storeCurrencyCode:p})=>{const m=o(()=>e=>{const n=t?.productDetails?.variants?.edges?.find(t=>t.node.id===e),o=n?.node;return o?t.productDetails.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLocaleLowerCase()?1/0:0:1/0:0},[t.productDetails]),u=t?.productDetails?.variants?.edges?.find(e=>e?.node?.id===n)?.node;m(n);const g=o(()=>{if(u?.title&&t.productDetails.options){const e=u.title.split(" / ");if(e.length===t.productDetails.options.length)return e}return t.productDetails.options?.map(e=>e.values[0])||[]},[u,t.productDetails.options]),x=e=>{r(e)};return s?e.createElement("div",{className:"yt-comboBundle-product-card-vertical",style:{display:"flex",flexDirection:"column",alignItems:"center",lineHeight:"normal",width:"165px",backgroundColor:"#F6F6F6",borderRadius:"20px",border:"1px solid #B3B3B3",boxShadow:"4px 4px 0px -1px #00000033",overflow:"hidden"}},e.createElement("div",{className:"yt-comboBundle-product-card-image-container-vertical",style:{position:"relative",width:"100%"}},i.comboBundle.subProductsImageVisibility&&e.createElement(e.Fragment,null,e.createElement("img",{className:"yt-comboBundle-product-image-vertical",src:am(u?.image?.url||t?.productDetails?.featuredMedia?.preview?.image?.url||"/placeholder.svg"),alt:t?.productDetails?.featuredMedia?.alt,width:165,height:165,style:{objectFit:"cover",borderRadius:"20px",borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px",height:"100%",aspectRatio:i.general?.imageAspectRatio||"1/1"}}),e.createElement("div",{className:"yt-comboBundle-product-variant-selector-container-vertical",style:{marginTop:"8px",position:"absolute",bottom:"10px",left:"5px",right:"5px"}},t?.productDetails?.variants?.edges?.filter(e=>"Default Title"!==e.node.title)?.length>0&&e.createElement(e.Fragment,null,e.createElement("select",{className:"yt-comboBundle-product-variant-select-vertical",value:n,onChange:e=>x(e.target.value),style:{padding:"6px",border:"1px solid #ddd",backgroundColor:"#fff",color:"#333",width:"100%",appearance:"none",marginRight:"30px",fontSize:"12px",fontWeight:600}},t?.productDetails?.variants?.edges.map(t=>{const n=m(t?.node?.id);return e.createElement("option",{key:t?.node?.id,value:t?.node?.id,disabled:0===n,className:"yt-comboBundle-product-variant-option"},t?.node?.title)})),e.createElement("div",{className:"yt-comboBundle-product-variant-select-icon-vertical",style:{position:"absolute",right:"1px",top:"2px",bottom:"0px",pointerEvents:"none",backgroundColor:"#F3F3F3",width:"15%",height:"calc(100% - 4px)",display:"flex",justifyContent:"center",alignItems:"center"}},e.createElement(y,null)))))),(i.comboBundle.subProductsProductTitleVisibility||i.comboBundle.subProductsProductPriceVisibility)&&e.createElement("div",{className:"yt-comboBundle-product-info-container-vertical",style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",minHeight:"40px",width:"100%",paddingBlock:"5px"}},i.comboBundle.subProductsProductTitleVisibility&&e.createElement("span",{className:"yt-comboBundle-product-title-vertical",style:{fontSize:"12px",color:"#333",fontWeight:"600",lineHeight:"normal",textAlign:"center",width:"fit-content"}},t?.productDetails?.title),i.comboBundle.subProductsProductPriceVisibility&&e.createElement("div",{className:"yt-comboBundle-product-price-container-vertical",style:{display:"flex",alignItems:"center",gap:"8px",lineHeight:"normal",fontSize:"14px"}},e.createElement("span",{className:"yt-comboBundle-product-deal-price-vertical",style:{lineHeight:"normal"}},im(i.general.currencySymbol,p),rm((Number(u?.price||0)/Number(c)*Number(l)).toFixed(2))),!1!==i.comboBundle.discountBadgeVisibility&&("discount-on-compare"===i.comboBundle.discountBadgeDisplay?e.createElement("span",{className:"yt-comboBundle-product-original-price-horizontal",style:{textDecoration:"line-through",color:"#999",fontSize:"14px",lineHeight:"normal"}},im(i.general.currencySymbol,p),rm(u?.compareAtPrice?u.compareAtPrice:u?.price)):Number(l)<Number(c)&&e.createElement("span",{className:"yt-comboBundle-product-original-price-horizontal",style:{textDecoration:"line-through",color:"#999",fontSize:"14px",lineHeight:"normal"}},im(i.general.currencySymbol,p),rm(u?.price)))))):e.createElement("div",{className:"yt-comboBundle-product-card-horizontal",style:{display:"flex",alignItems:"center",gap:"16px",padding:"4px",lineHeight:"normal",borderRadius:"8px",transition:"background-color 0.3s",width:"100%",border:"1px solid transparent",..."right"===i.comboBundle.infoAlignment&&{flexDirection:"row-reverse"},..."center"===i.comboBundle.infoAlignment&&{justifyContent:"center"}},onMouseEnter:e=>{e.currentTarget.style.backgroundColor="#fafafa",e.currentTarget.style.border="1px solid #DFDFDF"},onMouseLeave:e=>{e.currentTarget.style.backgroundColor="transparent",e.currentTarget.style.border="1px solid transparent"}},i.comboBundle.subProductsImageVisibility&&e.createElement("div",{className:"yt-comboBundle-product-image-wrapper-horizontal"},e.createElement("img",{className:"yt-comboBundle-product-image-horizontal",src:am(u?.image?.url||t?.productDetails?.featuredMedia?.preview?.image?.url||"/placeholder.svg"),alt:t?.productDetails?.featuredMedia?.alt,height:80,style:{objectFit:"cover",borderRadius:"10px",border:"1px solid #DEDEDE",aspectRatio:"1/1",width:"90px",height:"90px"}})),e.createElement("div",{className:"yt-comboBundle-product-info-horizontal",style:{display:"flex",flexDirection:"column",alignItems:"left"===i.comboBundle?.infoAlignment?"flex-start":"right"===i.comboBundle?.infoAlignment?"flex-end":"center"===i.comboBundle?.infoAlignment?"flex-start":void 0}},i.comboBundle.subProductsProductTitleVisibility&&e.createElement("span",{className:"yt-comboBundle-product-title-horizontal",style:{fontSize:"14px",fontWeight:"600",lineHeight:"normal",display:"flex",alignItems:"center",gap:"8px"}},e.createElement("span",{className:"yt-comboBundle-product-title-text"}," ",t?.productDetails?.title," "),"dropdown"!==i.comboBundle.comboVariantTypeSelector&&t.productDetails.variants.edges.filter(e=>"Default Title"!==e.node.title).length>0&&d&&g&&e.createElement("span",{className:"yt-comboBundle-product-variant-tag-horizontal",style:{fontSize:"10px",color:"#666",backgroundColor:"#F4F4F4",padding:"2px 8px",borderRadius:"10px",border:"1px solid #ddd"}},g.length>1?g.join(" / "):g)),i.comboBundle.subProductsProductPriceVisibility&&e.createElement("div",{className:"yt-comboBundle-product-price-wrapper-horizontal",style:{display:"flex",gap:"8px",marginTop:"5px",alignItems:"baseline"}},e.createElement("span",{className:"yt-comboBundle-product-deal-price-horizontal",style:{lineHeight:"normal"}},im(i.general.currencySymbol,p),rm((Number(u?.price||0)/Number(c)*Number(l)).toFixed(2))),!1!==i.comboBundle.discountBadgeVisibility&&("discount-on-compare"===i.comboBundle.discountBadgeDisplay?e.createElement("span",{className:"yt-comboBundle-product-original-price-horizontal",style:{textDecoration:"line-through",color:"#999",fontSize:"14px",lineHeight:"normal"}},im(i.general.currencySymbol,p),rm(u?.compareAtPrice?u?.compareAtPrice:u?.price)):Number(l)<Number(c)&&e.createElement("span",{className:"yt-comboBundle-product-original-price-horizontal",style:{textDecoration:"line-through",color:"#999",fontSize:"14px",lineHeight:"normal"}},im(i.general.currencySymbol,p),rm(u?.price)))),t.productDetails.variants.edges.length>1&&("dropdown"===i.comboBundle.comboVariantTypeSelector?e.createElement("div",{className:"yt-comboBundle-product-variant-dropdown-horizontal",style:{display:"flex",gap:"8px",flexWrap:"wrap",lineHeight:"normal",marginTop:"10px"}},e.createElement("select",{className:"yt-comboBundle-product-variant-select-horizontal",value:n,onChange:e=>x(e.target.value),style:{padding:"6px",border:"1px solid #ddd",backgroundColor:"#fff",color:"#333",fontSize:"12px",fontWeight:600,borderRadius:"4px"}},t.productDetails.variants.edges.map(t=>{const n=m(t?.node?.id);return e.createElement("option",{key:t?.node?.id,value:t?.node?.id,disabled:0===n,className:"yt-comboBundle-product-variant-option"},t?.node?.title)})),e.createElement("div",{className:"yt-comboBundle-product-variant-select-icon-horizontal",style:{position:"absolute",right:"1px",top:"2px",bottom:"0px",pointerEvents:"none",backgroundColor:"#F3F3F3",width:"15%",height:"calc(100% - 4px)",display:"flex",justifyContent:"center",alignItems:"center"}},e.createElement(y,null))):t.productDetails.options.length>0?e.createElement(e.Fragment,null,t.productDetails.options.map((n,o)=>e.createElement("div",{key:n.name,className:"yt-comboBundle-product-option-group-horizontal",style:{...n?.values?.length>1&&{marginTop:"10px"},display:"flex",flexDirection:"row",gap:"8px",alignItems:"center"}},t.productDetails.options.length>1&&n?.values?.length>1&&e.createElement("label",{className:"yt-comboBundle-product-option-label",style:{fontSize:"12px",fontWeight:"500",color:"#333"}},n.name,":"),n?.values?.length>1&&e.createElement("div",{className:"yt-comboBundle-product-option-values-horizontal",style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"8px",flexWrap:"wrap"}},n.values.map(r=>{const a=[...g];a[o]=r;const l=t.productDetails.options.length>0?a.join(" / "):a[o],c=t.productDetails.variants.edges.find(e=>e.node.title===l)?.node,s=0===(c?m(c.id):0),p=g[o]===r,u=d&&d?.options?.find(e=>e.name===n.name);return u&&"color"===u?.type?e.createElement("button",{key:r,className:`yt-comboBundle-product-option-button-color ${p?"yt-comboBundle-product-option-button-selected":""} ${s?"yt-comboBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&x(c.id)},disabled:s,style:{borderRadius:"50%",padding:"1px",backgroundColor:"white",border:p&&!s?`1px solid ${i.general?.ctaBackgroundColor}`:"1px solid transparent",opacity:s?.5:1,cursor:s?"not-allowed":"pointer"}},u?.values.find(e=>e.name===r)?.value?e.createElement("div",{className:"yt-comboBundle-product-option-color-swatch",style:{width:p&&!s?"26px":"24px",height:p&&!s?"26px":"24px",borderRadius:"50%",backgroundColor:u?.values.find(e=>e.name===r)?.value}},e.createElement("span",null)):e.createElement("span",{key:r,className:"yt-comboBundle-product-option-text",style:{padding:"4px 8px",border:p&&!s?`1px solid ${i.general?.ctaBackgroundColor}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:p&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",fontSize:"10px",fontWeight:"600"}},r)):u&&"image"===u?.type?e.createElement("button",{key:r,className:`yt-comboBundle-product-option-button-image ${p?"yt-comboBundle-product-option-button-selected":""} ${s?"yt-comboBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&x(c.id)},disabled:s,style:{border:p&&!s?`1px solid ${i.general?.ctaBackgroundColor}`:"1px solid #E4E4E4",borderRadius:"100%",backgroundColor:p&&!s?"#F7F7F7":"transparent",cursor:s?"not-allowed":"pointer",padding:"0px",width:p&&!s?"26px":"24px",height:p&&!s?"26px":"24px",overflow:"hidden",opacity:s?.5:1}},u?.values.find(e=>e.name===r)?.value?e.createElement("img",{className:"yt-comboBundle-product-option-image",src:am(u?.values.find(e=>e.name===r)?.value||"/placeholder.svg"),alt:r,style:{width:p&&!s?"26px":"24px",height:p&&!s?"26px":"24px",objectFit:"cover",borderRadius:"100%",aspectRatio:"1/1"}}):e.createElement("span",{key:r,className:"yt-comboBundle-product-option-text",style:{padding:"4px 8px",border:p&&!s?`1px solid ${i.general?.ctaBackgroundColor}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:p&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",fontSize:"10px",fontWeight:"600"}},r)):e.createElement("button",{key:r,className:`yt-comboBundle-product-option-button-text ${p?"yt-comboBundle-product-option-button-selected":""} ${s?"yt-comboBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&x(c.id)},disabled:s,style:{padding:"4px 8px",border:p&&!s?`1px solid ${i.general?.ctaBackgroundColor}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:p&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",cursor:s?"not-allowed":"pointer",fontSize:"10px",fontWeight:"600",opacity:s?.5:1}},r)}))))):e.createElement(e.Fragment,null,t?.productDetails?.variants?.edges?.length>1&&e.createElement("div",{className:"yt-comboBundle-product-variant-buttons-horizontal",style:{display:"flex",gap:"8px",flexWrap:"wrap",lineHeight:"normal",marginTop:"10px"}},t?.productDetails?.variants?.edges.map(t=>{const o=0===m(t?.node?.id);return e.createElement("button",{key:t?.node?.id,className:`yt-comboBundle-product-variant-button ${n===t?.node?.id?"yt-comboBundle-product-variant-button-selected":""} ${o?"yt-comboBundle-product-variant-button-disabled":""}`,onClick:()=>x(t?.node?.id),disabled:o,style:{padding:"4px 8px",border:n===t?.node?.id?`1px solid ${i.general?.ctaBackgroundColor}`:"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:n===t?.node?.id?"#F7F7F7":"transparent",color:o?"#ccc":"#707070",cursor:o?"not-allowed":"pointer",fontSize:"12px",fontWeight:"500",opacity:o?.5:1}},t?.node?.title)}))))))},ks=({bundle:r,addToCartFunction:i,dispatchAnalyticsEvent:a})=>{const[l,c]=t(!1),[s,d]=t(window.innerWidth<786),[p,m]=t(!1),u=o(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[]),[g,x]=t(()=>{const e={};return r.products.forEach((t,n)=>{const o=t.productDetails?.variants?.edges?.find(e=>u(t.productDetails,e?.node?.id)>0)?.node;e[n]=o?o.id:t?.productDetails?.variants?.edges[0]?.node?.id}),e}),f=r.products?.every((e,t)=>{const n=g[t];return u(e.productDetails,n)>0});n(()=>(i&&(window.ytComboBundle={bundle:r,addToCart:i,selectedVariants:g},window.dispatchEvent(new CustomEvent("yt-combo-bundle-updated",{detail:window.ytComboBundle}))),()=>{window.ytComboBundle=void 0,window.dispatchEvent(new CustomEvent("yt-combo-bundle-updated",{detail:void 0}))}),[r,i,g]);const y=(e,t)=>{x(n=>({...n,[e]:t}))},b=async e=>{const t=Object.entries(g).map(([e])=>({id:r.products[parseInt(e)].productId,title:r.products[parseInt(e)]?.productDetails?.title}));a?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:r._id,bundleType:"combo-bundle",selectedProducts:t}});try{if(c(!0),!i)return console.error("[ComboBundle.tsx] No addToCartFunction available"),void c(!1);const t=Object.entries(g).map(([e,t])=>{const n=r.products[parseInt(e)],o=n.productDetails.variants.edges.find(e=>e.node.id===t)?.node;return o?{variantId:t,price:Number(o.price)}:null}).filter(e=>null!==e),n=Object.values(g);await i(Number(h),n,Number(v),t,e)}catch(e){console.error("[ComboBundle.tsx] Error adding to cart:",e)}c(!1)},{originalPrice:h,dealPrice:v,offerValue:w,totalPriceSum:C,offerPercentage:E}=o(()=>{const{price:e,compareAtPrice:t}=Object.entries(g).reduce((e,[t,n])=>{const o=r.products[parseInt(t)],i=o.productDetails.variants.edges?.find(e=>e.node.id===n)?.node,a=parseFloat(i?.price??"0"),l=parseFloat(i?.compareAtPrice||a.toString());return e.price+=a,e.compareAtPrice+=l,e},{price:0,compareAtPrice:0}),n=r?.customizations?.comboBundle?.discountBadgeDisplay,o="discount-on-price"===n?e:t;let i=e;r?.percentageOff?i=e*(1-r.percentageOff/100):r?.dealAmount?i=r.dealAmount:r?.amountOff&&(i=e-r.amountOff);const a=o-i,l=o>0?Math.round((o-i)/o*100):0;return{originalPrice:o.toFixed(2),dealPrice:i.toFixed(2),offerValue:a.toFixed(2),totalPriceSum:e.toFixed(2),offerPercentage:l}},[g,r.products,r.percentageOff,r.dealAmount,r.amountOff,r?.customizations?.comboBundle?.discountBadgeDisplay]);n(()=>{a?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:r._id,bundleType:"combo-bundle"}});const e=()=>{d(window.innerWidth<786)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const k=r.customizations,T=k.comboBundle?.comboCardStyle||"auto",S="vertical"===T||"auto"===T&&!s,$=k.comboBundle?.embedContentVisibility,N="bundles"==r.appName?r.pageHeader?.title:r?.title,B="bundles"==r.appName?r.pageHeader?.description:r?.subtitle;return e.createElement("div",{className:`yt-comboBundle-bundle-container ${"left"===k.comboBundle?.infoAlignment?"yt-comboBundle-bundle-align-left":"right"===k.comboBundle?.infoAlignment?"yt-comboBundle-bundle-align-right":"center"===k.comboBundle?.infoAlignment?"yt-comboBundle-bundle-align-center":void 0}`,style:{lineHeight:"normal",maxWidth:"800px",marginBlock:k.comboBundle?.verticalMargin||"0px",display:"flex",flexDirection:"column",alignItems:"left"===k.comboBundle?.infoAlignment?"flex-start":"right"===k.comboBundle?.infoAlignment?"flex-end":"center"===k.comboBundle?.infoAlignment?"center":void 0,textAlign:k.comboBundle?.infoAlignment??"left",fontFamily:"system-ui, -apple-system, sans-serif"}},$&&k.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Title")&&e.createElement("div",{className:"yt-comboBundle-bundle-title-container",style:{display:"flex",alignItems:"center",gap:"8px",marginBottom:"10px"}},e.createElement("h2",{className:"yt-comboBundle-bundle-title",style:{fontSize:k.comboBundle?.productTitleFontSize||"28px",color:k.comboBundle?.titleTextColor||"#000",fontWeight:"bold",lineHeight:"1.6",margin:0}},N)),$&&k?.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Price")&&e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-comboBundle-bundle-price-container",style:{display:"flex",alignItems:"center",gap:"8px",color:k.comboBundle?.titleTextColor||"#000",fontSize:(parseInt(k.comboBundle?.productTitleFontSize?.replace("px",""))||28)-4+"px"}},e.createElement("div",{className:"yt-comboBundle-bundle-price-details",style:{display:"flex",alignItems:"center",gap:"5px",flexWrap:"wrap"}},e.createElement("span",{className:"yt-comboBundle-bundle-deal-price-text",style:{fontWeight:"bold",lineHeight:"1",minWidth:"fit-content"}},im(k.general.currencySymbol,r.storeCurrencyCode),rm(v)),!isNaN(Number(h))&&!isNaN(Number(v))&&Number(h)>Number(v)&&e.createElement("div",{className:"yt-comboBundle-bundle-original-price-text",style:{color:k.comboBundle?.titleTextColor||"#666",textDecoration:"line-through",verticalAlign:"middle",display:"inline-block",minWidth:"fit-content"}},im(k.general.currencySymbol,r.storeCurrencyCode),rm(h)),Number(w)>0&&e.createElement("span",{className:"yt-comboBundle-bundle-offer-badge",style:{backgroundColor:"#D3122A",color:"white",padding:"4px 8px",fontSize:"14px",borderRadius:"20px",fontWeight:"500",lineHeight:"1",minWidth:"fit-content"}},"discount-on-compare"===k.comboBundle.discountBadgeDisplay?`${E}% Off`:r?.percentageOff?`${r?.percentageOff}% Off`:r?.amountOff?`${im(k.general.currencySymbol,r.storeCurrencyCode)}${rm(r?.amountOff)} Off`:`Save ${im(k.general.currencySymbol,r.storeCurrencyCode)}${rm(w)}`))),e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px",margin:"15px 0px"},className:"yt-comboBundle-checkoutSpecific-container"},e.createElement("div",{style:{display:"flex",width:"12px",height:"12px",justifyContent:"center",alignItems:"center",alignContent:"center",borderRadius:"50%",backgroundColor:k.general?.ctaBackgroundColor||"#1e1e1e",flexShrink:0},className:"yt-comboBundle-checkoutSpecific-dot"},e.createElement("span",null)),e.createElement("p",{style:{fontSize:k.comboBundle.productDescriptionFontSize||"16px",color:k.comboBundle?.descriptionTextColor||"#000",alignItems:"center",margin:0,lineHeight:"1.2"},className:"yt-comboBundle-checkoutSpecific-text"},"Tax included. ",e.createElement("u",null,"Shipping")," calculated at checkout."))),k.comboBundle.subProductsSectionVisibility&&e.createElement(e.Fragment,null,S?e.createElement("div",{className:"yt-comboBundle-products-grid-vertical "+(s?"yt-comboBundle-products-grid-mobile":""),style:{display:"flex",flexDirection:"row",gap:"20px",marginTop:"10px",flexWrap:"wrap"}},r.products.map((t,n)=>{const o=t?.productDetails?.variants?.edges?.find(e=>e?.node?.id===g[n])?.node;return o?e.createElement(Es,{key:`combo-product-${n}-${t.productId}`,product:t,styles:k,originalPrice:h,dealPrice:v,totalPriceSum:C,selectedVariantId:g[n],onVariantChange:e=>y(n,e),isVertical:S,variantOptions:r.variantOptions,storeCurrencyCode:r.storeCurrencyCode}):null})):e.createElement("div",{className:"yt-comboBundle-products-list-horizontal "+(s?"yt-comboBundle-products-list-mobile":""),style:{display:"flex",flexDirection:"column",gap:"10px",width:"100%"}},k.comboBundle.subProductsSectionVisibility&&r.products.map((t,n)=>e.createElement(Es,{key:`combo-product-horizontal-${n}-${t.productId}`,product:t,styles:k,originalPrice:h,dealPrice:v,totalPriceSum:C,selectedVariantId:g[n],onVariantChange:e=>y(n,e),variantOptions:r.variantOptions})))),e.createElement("div",{className:"yt-comboBundle-bundle-cta-section",style:{borderTop:"1px solid #eee",display:"flex",flexDirection:"column",rowGap:"5px",marginTop:"20px",width:"100%"}},e.createElement("button",{className:`yt-comboBundle-bundle-cta-button ${f?"":"yt-comboBundle-bundle-cta-button-disabled"} ${s?"yt-comboBundle-bundle-cta-button-mobile":""}`,style:{backgroundColor:f?k.general?.ctaBackgroundColor||"#121212":k.general.disabledButtonColor,color:k.general?.ctaTextColor||"#FFFFFF",fontSize:"16px",borderRadius:k.general.ctaBorderRadius??"20px",fontWeight:"bold",cursor:f?"pointer":"not-allowed",border:`1px solid ${f?k.general?.ctaBackgroundColor||"#121212":k.general.disabledButtonColor}`,boxShadow:k.general.ctaShadowType,padding:k.general?.ctaPadding,width:k.general?.ctaWidth,margin:"0"},disabled:!f,onMouseOver:e=>{k.general.customizeHoverState&&f&&(e.currentTarget.style.backgroundColor=k.general?.ctaHoverBackgroundColor||"#F1F1F1",e.currentTarget.style.color=k.general?.ctaHoverTextColor||"#121212")},onMouseOut:e=>{k.general.customizeHoverState&&f&&(e.currentTarget.style.backgroundColor=k.general?.ctaBackgroundColor||"#121212",e.currentTarget.style.color=k.general?.ctaTextColor||"#FFFFFF")},onClick:async()=>{r?.personalizedForm?.title?m(!0):await b()}},l?e.createElement(ue,{color:"white",loading:l,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):e.createElement(e.Fragment,null,f?k.comboBundle?.ctaTitle??"Add Bundle to cart":k.general.outOfStockLabel||"Out of Stock"," "))),$&&k.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Description")&&e.createElement("div",{className:"yt-comboBundle-bundle-description-section",style:{margin:"20px 0px"}},e.createElement("h4",{className:"yt-comboBundle-bundle-description-header",style:{fontSize:"16px",color:k.comboBundle?.descriptionTextColor||"#000",lineHeight:"1.2",margin:0,padding:"8px",backgroundColor:k.general.primaryColor+"20"}},"Description"),e.createElement("div",{className:"yt-comboBundle-bundle-description-content",style:{fontSize:k.comboBundle.productDescriptionFontSize||"16px",color:k.comboBundle?.descriptionTextColor||"#000",lineHeight:"1.2",padding:"8px",backgroundColor:k.general.primaryColor+"08"}},e.createElement("p",null,B))),r?.personalizedForm?.title&&e.createElement(Cs,{isOpen:p,onClose:()=>m(!1),formConfig:r.personalizedForm,onCheckout:async e=>{await b(e),m(!1)},cta:{backgroundColor:k.general?.ctaBackgroundColor||"#121212",textColor:k.general?.ctaTextColor||"#FFFFFF"},isMobile:s}))},Ts=c.div`
|
|
3155
3155
|
max-width: 800px;
|
|
3156
3156
|
container-type: inline-size;
|
|
3157
3157
|
margin-top: ${e=>e.verticalMargin||"0px"};
|
|
@@ -3496,7 +3496,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
3496
3496
|
scrollbar-width: none;
|
|
3497
3497
|
|
|
3498
3498
|
-ms-overflow-style: none;
|
|
3499
|
-
`,ed=(e,t)=>{if(!t)return{};for(const n of t)if(n.productId==e)return n;return{}};function td({bundle:a,addToCartFunction:l,currentProductId:c,dispatchAnalyticsEvent:s}){const d=o(()=>{if(c){const e="gid://shopify/Product/"+c,t=a.products?.some(t=>t.productId===e);return t?e:a.products?.[0]?.productId}return a.products?.[0]?.productId},[c,a.products]),p=o(()=>ed(d,a.products),[d,a.products]),u=r(null),m=r(null);r({}),document.querySelector("#ProductSelect-product-template"),document.querySelector('form[action="/cart/add"]');const[g,x]=t(0),[f,y]=t(""),b=a.customizations??{},h=!1===b?.general?.showDecimalsInBundlePricing,v=o(()=>p?.productDetails?.tracksInventory??!0,[p?.productDetails?.tracksInventory]),w=i(e=>{if(!v)return 1/0;if(!e)return 0;if(!e.inventoryItem?.tracked)return 1/0;let t=e.inventoryQuantity??0;return t>0?t:"continue"===e.inventoryPolicy?.toLowerCase()?1/0:0},[v]),C=(o(()=>p?.productDetails?.variants?.edges?.reduce((e,{node:t})=>w(t)>0?e+1:e,0),[p,w]),o(()=>ed(d,a.products)?.id,[d,a.products]));o(()=>C?ed(d,a.products):void 0,[d,a.products,C]),o(()=>a.products?.some(e=>e.productDetails?.options?.some(e=>e.values.length>1))||!1,[a.products]),b.volumeBundle;const E=o(()=>a?.volumeTiers||[],[a?.volumeTiers]),k=E.findIndex(e=>e.isDefault),[T,S]=t(-1!==k?E[k].tier:E?.[0]?.tier||1),[$,N]=t(p?.productDetails?.variants?.edges?.find(e=>w(e?.node)>0)?.node?.id||p?.productDetails?.variants?.edges?.[0]?.node?.id||""),[B,F]=t({}),[z,I]=t(E.reduce((e,t,n)=>(e[t.tier-1]=Array.from({length:t.minimumQuantity},()=>p?.productDetails?.options?.map(e=>e.values[0])||[]),e),{})||{}),[D,P]=t(!1),[A,_]=t(!1),[R,L]=t(window.innerWidth<550),[O,M]=t(null),[W,V]=t(null);r([]);const j=r([]),H=r(T);n(()=>{if(s?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:a._id,bundleType:"volume-bundle"}}),"officialhouseofzelena.myshopify.com"===window?.Shopify?.shop||"791204-63.myshopify.com"===window?.Shopify?.shop){const e=document.querySelector('form[action="/cart/add"]');if(!e)return;const t=e.querySelectorAll('[type="submit"]');t&&t.forEach(e=>{e.setAttribute("style","display: none;")})}const e=()=>{L(window.innerWidth<550)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),n(()=>{const e=e=>{O&&j.current[O.index]&&j.current[O.index][O.optionIndex]&&!j.current[O.index][O.optionIndex]?.contains(e.target)&&M(null)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[O]),i(e=>{const t=E.find(t=>t.tier===e);if(!t)return null;const n=t.minimumQuantity,o=p?.productDetails?.variants?.edges||[];for(const e of o){const t=e.node;if(w(t)>=n){const e=t.title.split(" / ");return Array(n).fill(e)}}const r=[],i={},a=[...o].sort((e,t)=>{const n=w(e.node),o=w(t.node);return n===1/0&&o===1/0?0:n===1/0?-1:o===1/0?1:o-n});for(let e=0;e<n&&r.length<n;e++){let e=!1;for(const t of a){const n=t.node,o=i[n.id]||0;if(w(n)>o&&n.availableForSale){const t=n.title.split(" / ");r.push(t),i[n.id]=o+1,e=!0;break}}if(!e)return null}return r.length===n?r:null},[p,E,w]);const q=i(e=>{const t=E.find(t=>t.tier===e);if(!t)return!1;const n=t.minimumQuantity,o=p?.productDetails?.variants?.edges||[];let r=0;for(const e of o){const t=w(e.node);if(t===1/0){r=1/0;break}r+=t}return r>=n},[E,p,w]);n(()=>{const e={},t=p?.productDetails?.variants?.edges?.find(e=>w(e?.node)>0)?.node?.id||p?.productDetails?.variants?.edges?.[0]?.node?.id||"";t&&E.forEach(n=>{e[n.tier]={};for(let o=0;o<n.minimumQuantity;o++)e[n.tier][o]=t}),F(e)},[p?.id,E?.map(e=>`${e.tier}-${e.minimumQuantity}`).join("|"),w]);const Q=(e,t)=>e?.productDetails?.variants?.edges?.find(e=>e.node.id===t)?.node,U=i((e,t,n,o,r)=>{const i=E.find(t=>t.tier===e);if(!i)return!1;const a=i.minimumQuantity,l=[...n];l[o]=r;const c=l.join(" / "),s=p?.productDetails?.variants?.edges?.find(e=>e.node.title===c)?.node;if(!s||0===w(s))return!1;const d={},u=B[e]||{};for(let e=0;e<a;e++){let n;if(e===t)n=s.id;else{const t=u[e]||$,o=Q(p,t);if(!o)return!1;n=o.id}d[n]=(d[n]||0)+1}for(const[e,t]of Object.entries(d)){const n=Q(p,e),o=w(n);if(o!==1/0&&t>o)return!1}return!0},[E,p,z,z,B,$,w]),Y=i(e=>{const t=E.find(t=>t.tier===e);if(!t)return!1;const n=t.minimumQuantity,o=e-1,r={};for(let e=0;e<n;e++){const t=(z[o]?.[e]||p.productDetails.options.map(e=>e.values[0])).join(" / "),n=p?.productDetails?.variants?.edges?.find(e=>e.node.title===t);if(!n)return!1;const i=n.node.id;r[i]=(r[i]||0)+1}for(const[e,t]of Object.entries(r)){const n=Q(p,e),o=w(n);if(o!==1/0&&t>o)return!1}return!0},[E,p,z,w]);n(()=>{x(e=>e+1)},[B]);const G=(e,t,n)=>{F(o=>({...o,[e]:{...o[e]||{},[t]:n}}))},X=i(()=>p?.productDetails?.variants?.edges?.find(e=>w(e.node)>0)?.node||p?.productDetails?.variants?.edges?.[0]?.node,[p,w]),Z=i(()=>new URLSearchParams(window.location.search).get("variant")||"",[]);n(()=>{H.current=T},[T]),n(()=>{W?(V(null),K()):K()},[T]),n(()=>{if(a){const e=X();if(e)y(e.id),N(e.id);else{const e=p?.productDetails?.variants?.edges?.[0]?.node?.id||"";y(e),N(e)}}},[a,p,X]);const K=()=>{const e=Z();if(e){const t=p?.productDetails?.variants?.edges?.find(t=>String(t.node.id)==="gid://shopify/ProductVariant/"+String(e));let n=t?.node;if(n)N(String(n.id)),x(e=>e+1);else{const e=X();e&&(N(String(e.id)),n=e),x(e=>e+1)}if(n){0===w(n)?(V(null),setTimeout(()=>{V({tier:H.current,index:0,optionIndex:0,value:n.title})},0)):W&&V(null)}}};n(()=>{K();const e=new Event("urlChange");let t=!0;const n=window.history.pushState,o=window.history.replaceState;return window.history.pushState=function(){t&&(n.apply(this,arguments),window.dispatchEvent(e))},window.history.replaceState=function(){t&&(o.apply(this,arguments),window.dispatchEvent(e))},window.addEventListener("urlChange",K),()=>{t=!1,window.removeEventListener("urlChange",K),window.history.pushState=n,window.history.replaceState=o}},[Z,p?.id,X,w]);const J=e=>{const t=E.find(t=>t.tier===e);if(!t)return{original:0,discounted:0,discountedFromPrice:0,discountedFromCompare:0,diffAmountFromPrice:0,diffAmountFromCompare:0,diffPercentFromPrice:0,diffPercentFromCompare:0,discountValue:0};let n=0,o=0,r=0;const i=B[e]||{};for(let e=0;e<t.minimumQuantity;e++){const t=i[e]||$,a=Q(p,t);if(!a)continue;const l=Number.parseFloat(a.price);n+=a.compareAtPrice?Number.parseFloat(a.compareAtPrice):l,o+=l,r+=l}if("percentOff"===a?.discountType){r*=1-(t.discountValue??0)/100}else"amountOff"===a?.discountType&&(r-=t.discountValue??0);const l=Math.max(0,r),c=b?.volumeBundle?.discountBadgeDisplay,s=b?.volumeBundle?.discountBadgeVisibility;let d=n;"Disabled"===s?d=l:"discount-on-price"===c&&(d=o);const u=o-l,m=d-l,g=o>0?u/o*100:0,x=d>0?m/d*100:0;return{original:d,discounted:l,discountedFromPrice:l,discountedFromCompare:l,diffAmountFromPrice:u,diffAmountFromCompare:m,diffPercentFromPrice:Math.round(g),diffPercentFromCompare:Math.round(x),discountValue:t.discountValue??0}},ee=(e,t,n,o)=>{let r=Q(e,t);if(o){const i=B[o]?.[n||0]||t;r=Q(e,i)}return r?.image?.url?r.image.url:e.productDetails?.media?.edges[0]?.node?.preview?.image?.url||""},te=async e=>{if(Y(T))try{P(!0);const t=E.find(e=>e.tier===T);if(!t)return;const n={},o=B[t.tier]||{};for(let e=0;e<t.minimumQuantity;e++){const t=o[e]||$;n[t]?n[t].quantity+=1:n[t]={quantity:1}}s?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:a._id,bundleType:"volume-bundle",selectedProducts:p?[{id:p?.productId,title:p?.productDetails?.title}]:[],selectedVariants:Object.values(o)}});const r=J(t.tier),i=Array.from({length:t.minimumQuantity},(e,t)=>o[t]||$);l&&await l(r.original,i,void 0,void 0,e)}catch(e){console.error("VolumeBundle handleAddToCart error:",e)}finally{P(!1)}else console.error("Selected tier is out of stock")};function ne(e){if(e.startsWith("gid://")){const t=e.split("/");return t[t.length-1]}return e}n(()=>{const e=()=>{if(b.volumeBundle?.addtoCartMethod&&"shopify_atc_button"!==b.volumeBundle?.addtoCartMethod)return;const e=document.querySelector('form[action="/cart/add"]');if(!e)return;const t=e.querySelector(".sr-headless-checkout");t&&t?.setAttribute("style","display: none;");const n=document.querySelector("#Quantity-product-template")||document.querySelector('input[name="quantity"]')||document.querySelector('input[type="number"][min="1"]');let o=1;n&&n.value&&(o=parseInt(n.value,10)||1);const r=E.find(e=>e.tier===T);if(!r)return;e.querySelectorAll('.bundle-input-field, [name^="properties["], [name="id"], [name="quantity"], .t4s-quantity-wrapper').forEach(e=>e.remove());const i=r.minimumQuantity;let a={};const l=Math.max(i,o);if(o>i){const e=f||$;if(!e)return;a[e]=l}else{const e=B[r.tier]||{};for(let t=0;t<i;t++){let n=e[t];n||(n=$),n&&(a[n]=(a[n]||0)+1)}}const c=J(r.tier),s=Object.fromEntries(Object.entries(a).map(([e,t])=>[ne(e),Math.round(t)])),d=(t,n,o="bundle-input-field")=>{const r=document.createElement("input");r.type="hidden",r.name=t,r.value=n,r.className=o,e.appendChild(r)};if(o>i){const e=f||$;e&&d("id",ne(e))}d("properties[_bundle_price]",String(c.original)),d("properties[_bundle_tier]",String(r.tier)),d("properties[_bundle_items]",JSON.stringify(s));let p=0;Object.entries(s).forEach(([e,t])=>{t>0&&(d(`items[${p}][id]`,e),d(`items[${p}][quantity]`,String(t)),p++)}),requestAnimationFrame(()=>{const t=e.querySelector('[type="submit"]'),n=e.querySelector(".noti-btn-main-wrap"),r=(e,t,n)=>{if(!e)return;e.disabled=t,e.classList.toggle("disabled",t);const o=e.querySelector("[data-add-to-cart-text]")||e.querySelector("span");o&&(o.textContent=n)};o<=i&&(W?(r(t,!0,"Sold out"),t&&t.classList.add("btn--sold-out","hidden"),n&&(n.style.display="block",n.classList.remove("hidden"),n.classList.add("block"))):(r(t,!1,"Add to cart"),t&&t.classList.remove("btn--sold-out","hidden"),n&&(n.style.display="none",n.classList.add("hidden"))))})};e();const t=document.querySelector("#Quantity-product-template")||document.querySelector('input[name="quantity"]')||document.querySelector('input[type="number"][min="1"]');if(t){const n=()=>{requestAnimationFrame(()=>{e()})};return t.addEventListener("input",n),t.addEventListener("change",n),()=>{t.removeEventListener("input",n),t.removeEventListener("change",n)}}return()=>{}},[T,JSON.stringify(B),$,b.volumeBundle?.cardStyle,c,f,W]);const oe=o(()=>E.find(e=>e.tier===T),[E,T]),re=o(()=>oe?J(oe.tier):null,[oe,B,$]),ie=o(()=>{if(!oe||!re)return;const e=B[oe.tier]||{},t={};for(let n=0;n<oe.minimumQuantity;n++){const o=e[n]||$;t[o]=(t[o]||0)+1}return t},[oe?.minimumQuantity,$,B,re]),ae=o(()=>Object.entries(ie??{}).map(([e,t])=>({variantId:e,quantity:t})),[ie]);if(n(()=>{if(!oe||!re)return;const e={tier:T,items:oe.minimumQuantity,discountedPrice:re.discounted,originalPrice:re.original,variants:ae,productId:p?.id??null,tierMeta:{title:oe.title,subtitle:oe.subtitle,badgeTitle:oe.badgeTitle},productData:p,tierData:oe},t=m.current;return t&&JSON.stringify(t)===JSON.stringify(e)?void 0:(u.current&&clearTimeout(u.current),u.current=window.setTimeout(()=>{m.current=e;const t=new CustomEvent("ytBundleTierChange",{detail:e});window.dispatchEvent(t),l&&(window.ytVolumeBundle={bundle:a,addToCart:l,currentTier:oe,selectedVariants:ae},window.dispatchEvent(new CustomEvent("yt-volume-bundle-updated",{detail:{...e,addToCart:l}})))},50),()=>{u.current&&clearTimeout(u.current)})},[T,oe?.tier,oe?.minimumQuantity,re?.discounted,re?.original,p?.id,JSON.stringify(ae),l,a]),n(()=>()=>{window.ytVolumeBundle=void 0,window.dispatchEvent(new CustomEvent("yt-volume-bundle-updated",{detail:void 0}))},[]),n(()=>{if(!$||!p)return;const e=Q(p,$);if(!e)return;const t=e.title.split(" / "),n={},o={};E.forEach(e=>{const r=e.tier-1,i={};for(let t=0;t<e.minimumQuantity;t++)i[t]=$;n[e.tier]=i,o[r]=Array(e.minimumQuantity).fill(t)}),F(e=>({...e,...n})),I(e=>({...e,...o}))},[$,p?.id,E.length]),!l)return e.createElement(e.Fragment,null);const le=b.volumeBundle?.cardStyle,ce=b.general?.primaryColor,se=b.general?.secondaryColor,de=b.general.primaryContrastColor,pe=b.general.secondaryContrastColor,ue="high"===a.cornerRadiusType?"20px":"medium"===a.cornerRadiusType?"6px":"0px",ge="bundles"==a.appName?a.pageHeader?.title:a?.title,xe="bundles"==a.appName?a.pageHeader?.description:a?.subtitle;return n(()=>{const e=Y(T);e?V(null):e||V({tier:T,index:0,optionIndex:0,value:""})},[T,ae,Y]),e.createElement(Ts,{verticalMargin:b.volumeBundle?.verticalMargin,$backgroundColor:b.volumeBundle?.sectionBackgroundColor,className:"yt-bundle-container"},(ge||xe)&&e.createElement(Ss,{className:"yt-bundle-header"},ge&&ge.trim().length>0&&e.createElement($s,{fontSize:b.volumeBundle?.titleFontSize,$backgroundColor:b.volumeBundle?.titleBackgroundColor,textColor:b.volumeBundle?.titleTextColor,className:"yt-bundle-header-title"},ge),e.createElement(Ns,{className:"yt-bundle-header-subtitle",fontSize:b.volumeBundle?.subtitleFontSize},xe)),"vertical"===le?e.createElement("div",{style:{display:"grid",gridTemplateColumns:R||4===E.length?"repeat(2, 1fr)":E.length>4?"repeat(3, 1fr)":`repeat(${E.length}, 1fr)`,justifyItems:"center",gap:R?"10px":"16px",paddingTop:"10px"},className:"yt-bundle-vertical-container"},E.map(t=>{const n=J(t.tier),o=n.original-n.discounted,r=T===t.tier,i=!q(t.tier);return e.createElement(e.Fragment,{key:t.tier},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"8px",borderRadius:ue||"24px",...r?{border:`2px solid ${ce}`}:{border:`1px solid ${se}`},boxShadow:`6px 6px 0px -1px ${r?ce:se}20`,...t.badgeTitle&&{position:"relative"},zIndex:5,backgroundColor:i?"#f5f5f5":"white",cursor:i?"not-allowed":"pointer",position:"relative",height:"100%",maxHeight:"350px",width:"100%",opacity:i?.6:1},className:"yt-volume-vertical-tier-item "+(r?"yt-volume-vertical-tier-item-active":""),"data-tier":t.tier,"data-discount-value":n.discountValue,"data-discount-type":a?.discountType,"data-minimum-quantity":t.minimumQuantity,"data-original-price":n.original.toFixed(h?0:2),"data-discounted-price":n.discounted.toFixed(h?0:2),onClick:()=>!i&&S(t.tier)},t.badgeTitle&&e.createElement("div",{style:{position:"absolute",top:"-15px",zIndex:-1,left:"0",right:"0",width:"80%",textAlign:"center",margin:"0 auto",fontSize:"10px",clipPath:"polygon(2% 0%, 98% 0%, 100% 100%, 0% 100%)",backgroundColor:r?ce:se,color:r?de:pe,padding:"2px 0",borderRadius:"12px 12px 0px 0px",lineHeight:"normal"},className:r?"yt-volume-vertical-tier-badge-active":"yt-volume-vertical-tier-badge","data-tier":t.tier,"data-badge-title":t.badgeTitle},t.badgeTitle),e.createElement("div",{style:{position:"relative",width:"100%",display:"flex",justifyContent:"center",height:"fit-content"},className:"yt-volume-vertical-tier-save-badge-container"},"Enabled"===b.volumeBundle?.discountBadgeVisibility&&R&&(()=>{if(!((n?.diffAmountFromPrice>0||n?.diffAmountFromCompare>0)&&(n?.diffPercentFromPrice>0||n?.diffPercentFromCompare>0)))return null;const o=iu(b.general.currencySymbol,a.storeCurrencyCode);let i="";if(b?.volumeBundle?.discountBadgeDisplay&&b?.volumeBundle?.discountDisplayType){const{discountBadgeDisplay:e,discountDisplayType:t}=b.volumeBundle;"discount-on-compare"===e&&(i="percentage"===t?n.diffPercentFromCompare>0?`${Math.round(n.diffPercentFromCompare)}% Off`:"":n.diffAmountFromCompare>0?`Save ${o}${ru(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(i="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${o}${ru(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(i="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${o}${ru(n.discountValue)}`);return i?e.createElement("div",{style:{lineHeight:"normal",position:"absolute",right:"5px",top:"8px"}},e.createElement(Ds,{primaryBackgroundColorCta:r?ce:se,isSelected:r,style:{height:"fit-content",fontSize:"10px",lineHeight:"normal",color:r?de:pe},className:"yt-volume-vertical-tier-save-badge","data-tier":t.tier,"data-discount-value":n.discountValue,"data-discount-type":a?.discountType},i)):null})(),t.imageUrl&&e.createElement("img",{src:au(t.imageUrl),style:{objectFit:"cover",aspectRatio:"1/1",width:"100%",maxHeight:"160px",maxWidth:"160px",height:"fit-content",borderTopLeftRadius:ue||"24px",borderTopRightRadius:ue||"24px"},className:"yt-volume-vertical-tier-badge"})),e.createElement("div",{style:{padding:"8px",paddingTop:"0"}},e.createElement(Ps,{style:{display:"flex",width:"100%",gap:"4px"},className:"yt-volume-vertical-details-container"},e.createElement("div",{style:{display:"flex",alignItems:"center",position:"relative",width:"100%"},className:"yt-volume-vertical-details-title-container"},e.createElement(As,{style:{fontSize:R?"12px":"14px",lineHeight:"normal"},className:"yt-volume-vertical-details-title"},t.title?t.title:e.createElement(e.Fragment,null,"Buy ",t.minimumQuantity,", Get"," ",t.discountValue,"% Off")),"Enabled"===b.volumeBundle?.discountBadgeVisibility&&!R&&(()=>{if(!((n?.diffAmountFromPrice>0||n?.diffAmountFromCompare>0)&&(n?.diffPercentFromPrice>0||n?.diffPercentFromCompare>0)))return null;const o=iu(b.general.currencySymbol,a.storeCurrencyCode);let i="";if(b?.volumeBundle?.discountBadgeDisplay&&b?.volumeBundle?.discountDisplayType){const{discountBadgeDisplay:e,discountDisplayType:t}=b.volumeBundle;"discount-on-compare"===e&&(i="percentage"===t?n.diffPercentFromCompare>0?`${Math.round(n.diffPercentFromCompare)}% Off`:"":n.diffAmountFromCompare>0?`Save ${o}${ru(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(i="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${o}${ru(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(i="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${o}${ru(n.discountValue)}`);return i?e.createElement(Ds,{primaryBackgroundColorCta:r?ce:se,isSelected:r,style:{height:"fit-content",fontSize:"10px",lineHeight:"normal",color:r?de:pe},className:"yt-volume-vertical-tier-save-badge","data-tier":t.tier,"data-discount-value":n.discountValue,"data-discount-type":a?.discountType},i):null})(),r&&t.imageUrl&&e.createElement("div",{style:{lineHeight:"normal",position:"absolute",right:"0px"},className:"yt-volume-vertical-tier-selected-check"},e.createElement("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",borderRadius:"50%",backgroundColor:ce,color:de,padding:"2px"}},e.createElement(We,{style:{paddingBottom:"1px"},size:20,fontWeight:20})))),e.createElement(_s,{style:{lineHeight:"normal",fontSize:R?"10px":"14px",color:"#666"},className:"yt-volume-vertical-details-subtitle"},t.subtitle?t.subtitle:e.createElement(e.Fragment,null))),q(t.tier)?e.createElement(Rs,{style:{textAlign:"left",marginTop:"4px",display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},className:"yt-volume-vertical-details-price","data-tier":t.tier,"data-original-price":n.original.toFixed(h?0:2),"data-discounted-price":n.discounted.toFixed(h?0:2),"data-savings":o.toFixed(h?0:2)},(()=>{const r=b?.volumeBundle?.tierPriceType||"tier-price";if("none"===r)return;let i="",l="";if("unit-price"===r){const e=n.discounted/t.minimumQuantity;i=(n.original/t.minimumQuantity).toFixed(h?0:2),l=e.toFixed(h?0:2)}else"tier-price"===r&&(i=n.original.toFixed(h?0:2),l=n.discounted.toFixed(h?0:2));return e.createElement(e.Fragment,null,e.createElement(Ls,{style:{marginLeft:"0",lineHeight:"normal",marginRight:"8px"},className:"yt-volume-vertical-details-price-discount"},iu(b.general.currencySymbol,a.storeCurrencyCode),ru(l),"unit-price"===r?"/unit":""),o>0&&e.createElement(Os,{style:{lineHeight:"normal"},className:"yt-volume-vertical-details-price-original"},iu(b.general.currencySymbol,a.storeCurrencyCode),ru(i),"unit-price"===r?"/unit":""))})()):e.createElement("div",{style:{textAlign:"center",color:"#999",fontSize:"14px",fontWeight:"500",padding:"4px 0",lineHeight:"normal"}},"Out of Stock")),r&&!t.imageUrl&&e.createElement("div",{style:{lineHeight:"normal",position:"absolute",right:"10px",bottom:"10px"},className:"yt-volume-vertical-tier-selected-check"},e.createElement("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",borderRadius:"50%",backgroundColor:ce,color:de,padding:"2px"}},e.createElement(We,{style:{paddingBottom:"1px"},size:20,fontWeight:20})))))})):e.createElement(e.Fragment,null,E.map(t=>{const n=J(t.tier),o=n.original-n.discounted,r=!q(t.tier);return e.createElement(e.Fragment,{key:t.tier},e.createElement(Fs,{cornerRadiusType:a?.cornerRadiusType??"",key:t.tier,primaryBackgroundColorCta:ce??"",isSelected:T===t.tier,onClick:()=>S(t.tier),style:{borderRadius:ue,cursor:"pointer",backgroundColor:r?"#f5f5f5":"white",opacity:r?.6:1,...t?.badgeTitle&&{position:"relative",marginTop:"30px"}},className:"yt-volume-horizontal-tier-container "+(T===t.tier?"yt-volume-horizontal-tier-container-active":""),"data-tier":t.tier,"data-discount-value":n.discountValue,"data-discount-type":a?.discountType,"data-minimum-quantity":t.minimumQuantity,"data-original-price":n.original.toFixed(h?0:2),"data-discounted-price":n.discounted.toFixed(h?0:2)},t.badgeTitle&&e.createElement(Bs,{primaryTextColorCta:de,primaryBackgroundColorCta:ce,style:{lineHeight:"normal",position:"absolute",top:"-16.5px",left:"2%",right:"2%",marginInline:"auto"},className:"yt-volume-horizontal-tier-badge","data-tier":t.tier,"data-badge-title":t.badgeTitle},t.badgeTitle),e.createElement(zs,{cornerRadiusType:a?.cornerRadiusType??"",style:{borderRadius:ue,borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"},className:"yt-volume-horizontal-tier-header"},e.createElement(Is,{className:"yt-volume-horizontal-tier-info"},e.createElement(Hs,{"data-active":T===t.tier,accentColor:ce,className:"yt-volume-horizontal-tier-radio-wrapper"},e.createElement(qs,{name:"tier",checked:T===t.tier,onChange:()=>!r&&S(t.tier),disabled:r,className:"yt-volume-horizontal-tier-radio-hidden"}),e.createElement(Qs,{accentColor:ce,className:"yt-volume-horizontal-tier-radio-custom"})),e.createElement(Ps,{className:"yt-volume-horizontal-tier-details"},e.createElement("div",{style:{display:"flex"},className:"yt-volume-horizontal-tier-title-container"},e.createElement(As,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-title"},t.title?t.title:e.createElement(e.Fragment,null,"Buy ",t.minimumQuantity,", Get"," ",t.discountValue,"% Off")),"Enabled"===b.volumeBundle?.discountBadgeVisibility&&(()=>{if(!((n?.diffAmountFromPrice>0||n?.diffAmountFromCompare>0)&&(n?.diffPercentFromPrice>0||n?.diffPercentFromCompare>0)))return null;const o=iu(b.general.currencySymbol,a.storeCurrencyCode);let r="";if(b?.volumeBundle?.discountBadgeDisplay&&b?.volumeBundle?.discountDisplayType){const{discountBadgeDisplay:e,discountDisplayType:t}=b.volumeBundle;"discount-on-compare"===e&&(r="percentage"===t?n.diffPercentFromCompare>0?`${Math.round(n.diffPercentFromCompare)}% Off`:"":n.diffAmountFromCompare>0?`Save ${o}${ru(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(r="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${o}${ru(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(r="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${o}${ru(n.discountValue)}`);return r?e.createElement(Ds,{primaryBackgroundColorCta:ce,isSelected:T===t.tier,style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-save-badge","data-tier":t.tier,"data-discount-value":n.discountValue,"data-discount-type":a?.discountType},r):null})()),e.createElement(_s,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-subtitle"},t.subtitle?t.subtitle:e.createElement(e.Fragment,null)))),q(t.tier)?e.createElement(Rs,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-price","data-tier":t.tier,"data-original-price":n.original.toFixed(h?0:2),"data-discounted-price":n.discounted.toFixed(h?0:2),"data-savings":o.toFixed(0)},(()=>{const r=b?.volumeBundle?.tierPriceType||"tier-price";if("none"===r)return;let i="",l="";if("unit-price"===r){const e=n.discounted/t.minimumQuantity;i=(n.original/t.minimumQuantity).toFixed(h?0:2),l=e.toFixed(h?0:2)}else"tier-price"===r&&(i=n.original.toFixed(h?0:2),l=n.discounted.toFixed(h?0:2));return e.createElement(e.Fragment,null,o>0?e.createElement(Os,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-original-price"},iu(b.general.currencySymbol,a.storeCurrencyCode),ru(i),"unit-price"===r?"/unit":""):"",e.createElement(Ls,{className:"yt-volume-horizontal-tier-discounted-price"},iu(b.general.currencySymbol,a.storeCurrencyCode),ru(l),"unit-price"===r?"/unit":""))})()):e.createElement("div",{style:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"normal"}},e.createElement("span",{style:{color:"#999",fontSize:"14px",fontWeight:"500"}},"Out of Stock"))),T===t.tier&&e.createElement(Ms,{className:"yt-volume-horizontal-tier-product-grid",style:{padding:p.productDetails.variants.edges.length>1||1===p.productDetails.variants.edges.length&&"Default Title"!==p.productDetails.variants.edges[0].node.title?"10px 15px":"0",gap:p.productDetails.variants.edges.length>1||1===p.productDetails.variants.edges.length&&"Default Title"!==p.productDetails.variants.edges[0].node.title?"10px":"0"}},Array.from({length:t.minimumQuantity}).map((n,o)=>{const i=t.tier-1,l=(z[i]||[])[o]||p.productDetails.options?.map(e=>e.values[0])||[],c=p?.productDetails?.options.some(e=>e.values.length>1)||1===p?.productDetails?.variants?.edges?.length&&"Default Title"!==p?.productDetails?.variants?.edges[0]?.node?.title;return e.createElement("div",{key:o,style:{display:"flex",gap:"10px",alignItems:"center",position:"relative"},className:"yt-volume-horizontal-tier-product-item"},c&&e.createElement(Us,{src:au(ee(p,$,o,t.tier)),alt:p?.productDetails?.title||"Product",style:{height:"64px",width:"auto"},className:"yt-volume-horizontal-tier-product-image"}),("auto"===b?.volumeBundle?.variantSelectorType||"dropdown"===b?.volumeBundle?.variantSelectorType)&&e.createElement("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"}},p?.productDetails?.options?.map((n,c)=>{const s=n.values.filter(e=>p.productDetails.variants.edges.some(t=>t.node.title.split(" / ")[c]===e));if(0===s.length||1===s.length&&"Default Title"===s[0])return null;const d=O?.tier===t.tier&&O?.index===o&&O?.optionIndex===c,u=a?.variantOptions?.options?.find(e=>e.name===n.name);let m="";return"color"===u?.type&&(m=u?.values?.find(e=>e.name===l[c])?.value||""),e.createElement(Zs,{key:c,ref:e=>{j.current[o]||(j.current[o]=[]),j.current[o][c]=e},style:{zIndex:d?1e3:"auto",display:"flex",flexDirection:"column",gap:"4px"},isActive:d},b?.volumeBundle?.showVariantOptionsLabel&&n?.name&&e.createElement("p",{style:{lineHeight:"normal",fontSize:"14px",margin:0}},n?.name),e.createElement(Ks,{onClick:e=>{e.stopPropagation(),M(d?null:{tier:t.tier,index:o,optionIndex:c})},isActive:d,disabled:r},"color"===u?.type&&m&&e.createElement("div",{className:"yt-fixedBundle-product-card_color-swatch",style:{display:"inline-block",width:20,height:20,borderRadius:"50%",backgroundColor:m||"transparent",border:"1px solid #ddd"}}),l[c],e.createElement(Fe,{style:{display:"block"}})),d&&e.createElement(Js,{style:{zIndex:1001}},s.map((n,a)=>{const s=[...l];s[c]=n;const d=!U(t.tier,o,l,c,n)||r;p.productDetails.variants.edges.find(({node:e})=>e.title===s.join(" / "));const m=e=>{if(e.preventDefault(),e.stopPropagation(),I(e=>{const t={...e},n=[...t[i]||[]];return n[o]=s,t[i]=n,t}),d){V({tier:T,index:o,optionIndex:c,value:n}),M(null);const e=s.join(" / "),r=p.productDetails.variants.edges.find(t=>t.node.title===e)?.node.id||$;return void G(t.tier,o,r)}const r=s.join(" / "),a=p.productDetails.variants.edges.find(e=>e.node.title===r)?.node.id||$;G(t.tier,o,a),M(null)},g=u?.values.find(e=>e.name===n);return"image"===u?.type&&g?.value?e.createElement(Ys,{key:n,onClick:m,style:{cursor:"pointer"}},e.createElement(Gs,{src:g.value,alt:n}),n):"color"===u?.type&&g?.value?e.createElement(Ys,{key:n,onClick:m,style:{cursor:"pointer"}},e.createElement(Xs,{style:{backgroundColor:g.value}}),n):e.createElement(Ys,{key:n,onClick:m,style:{cursor:"pointer"}},n)})))})),"swatches"===b?.volumeBundle?.variantSelectorType&&e.createElement(Ws,{style:{display:"flex",flexDirection:"column",gap:"5px"},className:"yt-volume-horizontal-tier-variant-selector"},p?.productDetails?.options.map((n,c)=>{const s=n.values.filter(e=>p.productDetails.variants.edges.some(t=>t.node.title.split(" / ")[c]===e));if(0===s.length||1===s.length&&"Default Title"===s[0])return null;const d=a.variantOptions?.options?.find(e=>e.name===n.name)||null;return e.createElement("div",{key:n.name,style:{width:"100%",display:"flex",flexDirection:"row",gap:"8px",alignItems:"center"},className:"yt-volume-horizontal-tier-variant-option"},b?.volumeBundle?.showVariantOptionsLabel&&n?.name&&e.createElement("p",{style:{lineHeight:"normal",fontSize:"14px",margin:0}},n?.name),e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"8px",flexWrap:"wrap"},className:"yt-volume-horizontal-tier-variant-values"},s.map(n=>{const a=l[c]===n,s=!U(t.tier,o,l,c,n)||r,u=d?.values.find(e=>e.name===n),m=e=>{if(e.preventDefault(),e.stopPropagation(),s)return;const r=[...l];r[c]=n,I(e=>{const t={...e},n=[...t[i]||[]];return n[o]=r,t[i]=n,t});const a=r.join(" / "),d=p.productDetails.variants.edges.find(e=>e.node.title===a)?.node.id||$;G(t.tier,o,d)},g={opacity:s?.5:1,cursor:s?"not-allowed":"pointer"};return"color"===d?.type&&u?.value?e.createElement("button",{key:n,onClick:m,style:{...g,borderRadius:"50%",padding:"1px",backgroundColor:"white",border:a?`1px solid ${b.general?.ctaBackgroundColor||"#121212"}`:"1px solid transparent",lineHeight:"normal"},className:"yt-volume-horizontal-tier-variant-color-button"+(a?" yt-volume-horizontal-tier-variant-color-button--selected":""),disabled:s},e.createElement("div",{style:{width:a?"24px":"20px",height:a?"24px":"20px",borderRadius:"50%",backgroundColor:u.value,lineHeight:"normal",boxShadow:"rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 2px"}},e.createElement("span",null))):"image"===d?.type&&u?.value?e.createElement("button",{key:n,onClick:m,style:{...g,border:a?`1px solid ${b.general?.ctaBackgroundColor||"#121212"}`:"1px solid #E4E4E4",borderRadius:"100%",backgroundColor:a?"#F7F7F7":"transparent",padding:"0px",width:a?"20px":"18px",height:a?"20px":"18px",overflow:"hidden"},className:"yt-volume-horizontal-tier-variant-image-button"+(a?" yt-volume-horizontal-tier-variant-image-button--selected":""),disabled:s},e.createElement("img",{src:u.value,alt:n,style:{width:a?"26px":"24px",height:a?"26px":"24px",objectFit:"cover",borderRadius:"100%",aspectRatio:"1/1"}})):e.createElement(Vs,{key:n,isSelected:a,onClick:m,style:{...g,padding:"4px 8px",border:a?`1px solid ${b.general?.ctaBackgroundColor||"#121212"}`:"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:a?"#F7F7F7":"transparent",color:"#707070",cursor:"pointer",fontSize:"12px",fontWeight:"600",lineHeight:"normal"},className:"yt-volume-horizontal-tier-variant-button-default"+(a?" yt-volume-horizontal-tier-variant-button-default--selected":""),disabled:s},n)})))})))})),W&&W.tier===t.tier&&e.createElement("div",{style:{color:ce,textAlign:"center",fontSize:"14px",fontStyle:"normal",fontWeight:"500",lineHeight:"110%",background:`${ce}1A`,padding:"12px",borderBottomLeftRadius:ue,borderBottomRightRadius:ue}},"There aren’t enough items in our stock for select option, please select smaller bundle.")))})),a?.showCta&&"shopify_atc_button"!==b.volumeBundle?.addtoCartMethod&&e.createElement("div",{style:{position:"relative"}},e.createElement(js,{bgColor:Y(T)?b.general?.ctaBackgroundColor:"#ccc",textColor:Y(T)?b.general?.ctaTextColor:"#666",border:`1px solid ${Y(T)?b.general?.ctaBorderColor||"#121212":"#999"}`,shadow:b.general.ctaShadowType,padding:b.general?.ctaPadding,width:b.general?.ctaWidth,hoverProperties:{customizeHoverState:!!Y(T)&&b.general?.customizeHoverState,backgroundColor:b.general?.ctaHoverBackgroundColor,textColor:b.general?.ctaHoverTextColor},onClick:async()=>{a?.personalizedForm?.title?_(!0):await te()},borderRadius:b.general.ctaBorderRadius??"",disabled:D||!Y(T),className:"yt-volume-add-to-cart-button"},Y(T)?e.createElement(e.Fragment,null,D?e.createElement(me,{color:"white",loading:D,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):e.createElement("div",{style:{display:"flex",flexDirection:"row",gap:"8px",justifyContent:"center",alignItems:"center"}},e.createElement("span",null,b.volumeBundle?.ctaTitle??"Add Bundle to Cart")," ","•",e.createElement("div",{className:"yt-volume-add-to-cart-button-info"},(()=>{const t=J(T);return e.createElement(e.Fragment,null,iu(b.general.currencySymbol,a.storeCurrencyCode),ru(t.discounted.toFixed(h?0:2))," ",t?.original!==t.discounted&&t?.original>t.discounted&&e.createElement("span",{style:{lineHeight:"normal",textDecoration:"line-through",fontWeight:"550"}},iu(b.general.currencySymbol,a.storeCurrencyCode),ru(t?.original.toFixed(h?0:2))," "))})()))):e.createElement(e.Fragment,null,"Out of Stock"))),a?.personalizedForm?.title&&e.createElement(Cs,{isOpen:A,onClose:()=>_(!1),formConfig:a.personalizedForm,onCheckout:async e=>{await te(e),_(!1)},cta:{backgroundColor:b.general?.ctaBackgroundColor||"#121212",textColor:b.general?.ctaTextColor||"#FFFFFF"},isMobile:R}))}const nd=c.div`
|
|
3499
|
+
`,ed=(e,t)=>{if(!t)return{};for(const n of t)if(n.productId==e)return n;return{}};function td({bundle:a,addToCartFunction:l,currentProductId:c,dispatchAnalyticsEvent:s}){const d=o(()=>{if(c){const e="gid://shopify/Product/"+c,t=a.products?.some(t=>t.productId===e);return t?e:a.products?.[0]?.productId}return a.products?.[0]?.productId},[c,a.products]),p=o(()=>ed(d,a.products),[d,a.products]),m=r(null),u=r(null);r({}),document.querySelector("#ProductSelect-product-template"),document.querySelector('form[action="/cart/add"]');const[g,x]=t(0),[f,y]=t(""),b=a.customizations??{},h=!1===b?.general?.showDecimalsInBundlePricing,v=o(()=>p?.productDetails?.tracksInventory??!0,[p?.productDetails?.tracksInventory]),w=i(e=>{if(!v)return 1/0;if(!e)return 0;if(!e.inventoryItem?.tracked)return 1/0;let t=e.inventoryQuantity??0;return t>0?t:"continue"===e.inventoryPolicy?.toLowerCase()?1/0:0},[v]),C=(o(()=>p?.productDetails?.variants?.edges?.reduce((e,{node:t})=>w(t)>0?e+1:e,0),[p,w]),o(()=>ed(d,a.products)?.id,[d,a.products]));o(()=>C?ed(d,a.products):void 0,[d,a.products,C]),o(()=>a.products?.some(e=>e.productDetails?.options?.some(e=>e.values.length>1))||!1,[a.products]),b.volumeBundle;const E=o(()=>a?.volumeTiers||[],[a?.volumeTiers]),k=E.findIndex(e=>e.isDefault),[T,S]=t(-1!==k?E[k].tier:E?.[0]?.tier||1),[$,N]=t(p?.productDetails?.variants?.edges?.find(e=>w(e?.node)>0)?.node?.id||p?.productDetails?.variants?.edges?.[0]?.node?.id||""),[B,F]=t({}),[z,I]=t(E.reduce((e,t,n)=>(e[t.tier-1]=Array.from({length:t.minimumQuantity},()=>p?.productDetails?.options?.map(e=>e.values[0])||[]),e),{})||{}),[D,P]=t(!1),[A,_]=t(!1),[R,L]=t(window.innerWidth<550),[O,M]=t(null),[W,V]=t(null);r([]);const j=r([]),H=r(T);n(()=>{if(s?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:a._id,bundleType:"volume-bundle"}}),"officialhouseofzelena.myshopify.com"===window?.Shopify?.shop||"791204-63.myshopify.com"===window?.Shopify?.shop){const e=document.querySelector('form[action="/cart/add"]');if(!e)return;const t=e.querySelectorAll('[type="submit"]');t&&t.forEach(e=>{e.setAttribute("style","display: none;")})}const e=()=>{L(window.innerWidth<550)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),n(()=>{const e=e=>{O&&j.current[O.index]&&j.current[O.index][O.optionIndex]&&!j.current[O.index][O.optionIndex]?.contains(e.target)&&M(null)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[O]),i(e=>{const t=E.find(t=>t.tier===e);if(!t)return null;const n=t.minimumQuantity,o=p?.productDetails?.variants?.edges||[];for(const e of o){const t=e.node;if(w(t)>=n){const e=t.title.split(" / ");return Array(n).fill(e)}}const r=[],i={},a=[...o].sort((e,t)=>{const n=w(e.node),o=w(t.node);return n===1/0&&o===1/0?0:n===1/0?-1:o===1/0?1:o-n});for(let e=0;e<n&&r.length<n;e++){let e=!1;for(const t of a){const n=t.node,o=i[n.id]||0;if(w(n)>o&&n.availableForSale){const t=n.title.split(" / ");r.push(t),i[n.id]=o+1,e=!0;break}}if(!e)return null}return r.length===n?r:null},[p,E,w]);const q=i(e=>{const t=E.find(t=>t.tier===e);if(!t)return!1;const n=t.minimumQuantity,o=p?.productDetails?.variants?.edges||[];let r=0;for(const e of o){const t=w(e.node);if(t===1/0){r=1/0;break}r+=t}return r>=n},[E,p,w]);n(()=>{const e={},t=p?.productDetails?.variants?.edges?.find(e=>w(e?.node)>0)?.node?.id||p?.productDetails?.variants?.edges?.[0]?.node?.id||"";t&&E.forEach(n=>{e[n.tier]={};for(let o=0;o<n.minimumQuantity;o++)e[n.tier][o]=t}),F(e)},[p?.id,E?.map(e=>`${e.tier}-${e.minimumQuantity}`).join("|"),w]);const Q=(e,t)=>e?.productDetails?.variants?.edges?.find(e=>e.node.id===t)?.node,U=i((e,t,n,o,r)=>{const i=E.find(t=>t.tier===e);if(!i)return!1;const a=i.minimumQuantity,l=[...n];l[o]=r;const c=l.join(" / "),s=p?.productDetails?.variants?.edges?.find(e=>e.node.title===c)?.node;if(!s||0===w(s))return!1;const d={},m=B[e]||{};for(let e=0;e<a;e++){let n;if(e===t)n=s.id;else{const t=m[e]||$,o=Q(p,t);if(!o)return!1;n=o.id}d[n]=(d[n]||0)+1}for(const[e,t]of Object.entries(d)){const n=Q(p,e),o=w(n);if(o!==1/0&&t>o)return!1}return!0},[E,p,z,z,B,$,w]),Y=i(e=>{const t=E.find(t=>t.tier===e);if(!t)return!1;const n=t.minimumQuantity,o=e-1,r={};for(let e=0;e<n;e++){const t=(z[o]?.[e]||p.productDetails.options.map(e=>e.values[0])).join(" / "),n=p?.productDetails?.variants?.edges?.find(e=>e.node.title===t);if(!n)return!1;const i=n.node.id;r[i]=(r[i]||0)+1}for(const[e,t]of Object.entries(r)){const n=Q(p,e),o=w(n);if(o!==1/0&&t>o)return!1}return!0},[E,p,z,w]);n(()=>{x(e=>e+1)},[B]);const G=(e,t,n)=>{F(o=>({...o,[e]:{...o[e]||{},[t]:n}}))},X=i(()=>p?.productDetails?.variants?.edges?.find(e=>w(e.node)>0)?.node||p?.productDetails?.variants?.edges?.[0]?.node,[p,w]),Z=i(()=>new URLSearchParams(window.location.search).get("variant")||"",[]);n(()=>{H.current=T},[T]),n(()=>{W?(V(null),K()):K()},[T]),n(()=>{if(a){const e=X();if(e)y(e.id),N(e.id);else{const e=p?.productDetails?.variants?.edges?.[0]?.node?.id||"";y(e),N(e)}}},[a,p,X]);const K=()=>{const e=Z();if(e){const t=p?.productDetails?.variants?.edges?.find(t=>String(t.node.id)==="gid://shopify/ProductVariant/"+String(e));let n=t?.node;if(n)N(String(n.id)),x(e=>e+1);else{const e=X();e&&(N(String(e.id)),n=e),x(e=>e+1)}if(n){0===w(n)?(V(null),setTimeout(()=>{V({tier:H.current,index:0,optionIndex:0,value:n.title})},0)):W&&V(null)}}};n(()=>{K();const e=new Event("urlChange");let t=!0;const n=window.history.pushState,o=window.history.replaceState;return window.history.pushState=function(){t&&(n.apply(this,arguments),window.dispatchEvent(e))},window.history.replaceState=function(){t&&(o.apply(this,arguments),window.dispatchEvent(e))},window.addEventListener("urlChange",K),()=>{t=!1,window.removeEventListener("urlChange",K),window.history.pushState=n,window.history.replaceState=o}},[Z,p?.id,X,w]);const J=e=>{const t=E.find(t=>t.tier===e);if(!t)return{original:0,discounted:0,discountedFromPrice:0,discountedFromCompare:0,diffAmountFromPrice:0,diffAmountFromCompare:0,diffPercentFromPrice:0,diffPercentFromCompare:0,discountValue:0};let n=0,o=0,r=0;const i=B[e]||{};for(let e=0;e<t.minimumQuantity;e++){const t=i[e]||$,a=Q(p,t);if(!a)continue;const l=Number.parseFloat(a.price);n+=a.compareAtPrice?Number.parseFloat(a.compareAtPrice):l,o+=l,r+=l}if("percentOff"===a?.discountType){r*=1-(t.discountValue??0)/100}else"amountOff"===a?.discountType&&(r-=t.discountValue??0);const l=Math.max(0,r),c=b?.volumeBundle?.discountBadgeDisplay,s=b?.volumeBundle?.discountBadgeVisibility;let d=n;"Disabled"===s?d=l:"discount-on-price"===c&&(d=o);const m=o-l,u=d-l,g=o>0?m/o*100:0,x=d>0?u/d*100:0;return{original:d,discounted:l,discountedFromPrice:l,discountedFromCompare:l,diffAmountFromPrice:m,diffAmountFromCompare:u,diffPercentFromPrice:Math.round(g),diffPercentFromCompare:Math.round(x),discountValue:t.discountValue??0}},ee=(e,t,n,o)=>{let r=Q(e,t);if(o){const i=B[o]?.[n||0]||t;r=Q(e,i)}return r?.image?.url?r.image.url:e.productDetails?.media?.edges[0]?.node?.preview?.image?.url||""},te=async e=>{if(Y(T))try{P(!0);const t=E.find(e=>e.tier===T);if(!t)return;const n={},o=B[t.tier]||{};for(let e=0;e<t.minimumQuantity;e++){const t=o[e]||$;n[t]?n[t].quantity+=1:n[t]={quantity:1}}s?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:a._id,bundleType:"volume-bundle",selectedProducts:p?[{id:p?.productId,title:p?.productDetails?.title}]:[],selectedVariants:Object.values(o)}});const r=J(t.tier),i=Array.from({length:t.minimumQuantity},(e,t)=>o[t]||$);l&&await l(r.original,i,void 0,void 0,e)}catch(e){console.error("VolumeBundle handleAddToCart error:",e)}finally{P(!1)}else console.error("Selected tier is out of stock")};function ne(e){if(e.startsWith("gid://")){const t=e.split("/");return t[t.length-1]}return e}n(()=>{const e=()=>{if(b.volumeBundle?.addtoCartMethod&&"shopify_atc_button"!==b.volumeBundle?.addtoCartMethod)return;const e=document.querySelector('form[action="/cart/add"]');if(!e)return;const t=e.querySelector(".sr-headless-checkout");t&&t?.setAttribute("style","display: none;");const n=document.querySelector("#Quantity-product-template")||document.querySelector('input[name="quantity"]')||document.querySelector('input[type="number"][min="1"]');let o=1;n&&n.value&&(o=parseInt(n.value,10)||1);const r=E.find(e=>e.tier===T);if(!r)return;e.querySelectorAll('.bundle-input-field, [name^="properties["], [name="id"], [name="quantity"], .t4s-quantity-wrapper').forEach(e=>e.remove());const i=r.minimumQuantity;let a={};const l=Math.max(i,o);if(o>i){const e=f||$;if(!e)return;a[e]=l}else{const e=B[r.tier]||{};for(let t=0;t<i;t++){let n=e[t];n||(n=$),n&&(a[n]=(a[n]||0)+1)}}const c=J(r.tier),s=Object.fromEntries(Object.entries(a).map(([e,t])=>[ne(e),Math.round(t)])),d=(t,n,o="bundle-input-field")=>{const r=document.createElement("input");r.type="hidden",r.name=t,r.value=n,r.className=o,e.appendChild(r)};if(o>i){const e=f||$;e&&d("id",ne(e))}d("properties[_bundle_price]",String(c.original)),d("properties[_bundle_tier]",String(r.tier)),d("properties[_bundle_items]",JSON.stringify(s));let p=0;Object.entries(s).forEach(([e,t])=>{t>0&&(d(`items[${p}][id]`,e),d(`items[${p}][quantity]`,String(t)),p++)}),requestAnimationFrame(()=>{const t=e.querySelector('[type="submit"]'),n=e.querySelector(".noti-btn-main-wrap"),r=(e,t,n)=>{if(!e)return;e.disabled=t,e.classList.toggle("disabled",t);const o=e.querySelector("[data-add-to-cart-text]")||e.querySelector("span");o&&(o.textContent=n)};o<=i&&(W?(r(t,!0,"Sold out"),t&&t.classList.add("btn--sold-out","hidden"),n&&(n.style.display="block",n.classList.remove("hidden"),n.classList.add("block"))):(r(t,!1,"Add to cart"),t&&t.classList.remove("btn--sold-out","hidden"),n&&(n.style.display="none",n.classList.add("hidden"))))})};e();const t=document.querySelector("#Quantity-product-template")||document.querySelector('input[name="quantity"]')||document.querySelector('input[type="number"][min="1"]');if(t){const n=()=>{requestAnimationFrame(()=>{e()})};return t.addEventListener("input",n),t.addEventListener("change",n),()=>{t.removeEventListener("input",n),t.removeEventListener("change",n)}}return()=>{}},[T,JSON.stringify(B),$,b.volumeBundle?.cardStyle,c,f,W]);const oe=o(()=>E.find(e=>e.tier===T),[E,T]),re=o(()=>oe?J(oe.tier):null,[oe,B,$]),ie=o(()=>{if(!oe||!re)return;const e=B[oe.tier]||{},t={};for(let n=0;n<oe.minimumQuantity;n++){const o=e[n]||$;t[o]=(t[o]||0)+1}return t},[oe?.minimumQuantity,$,B,re]),ae=o(()=>Object.entries(ie??{}).map(([e,t])=>({variantId:e,quantity:t})),[ie]);if(n(()=>{if(!oe||!re)return;const e={tier:T,items:oe.minimumQuantity,discountedPrice:re.discounted,originalPrice:re.original,variants:ae,productId:p?.id??null,tierMeta:{title:oe.title,subtitle:oe.subtitle,badgeTitle:oe.badgeTitle},productData:p,tierData:oe},t=u.current;return t&&JSON.stringify(t)===JSON.stringify(e)?void 0:(m.current&&clearTimeout(m.current),m.current=window.setTimeout(()=>{u.current=e;const t=new CustomEvent("ytBundleTierChange",{detail:e});window.dispatchEvent(t),l&&(window.ytVolumeBundle={bundle:a,addToCart:l,currentTier:oe,selectedVariants:ae},window.dispatchEvent(new CustomEvent("yt-volume-bundle-updated",{detail:{...e,addToCart:l}})))},50),()=>{m.current&&clearTimeout(m.current)})},[T,oe?.tier,oe?.minimumQuantity,re?.discounted,re?.original,p?.id,JSON.stringify(ae),l,a]),n(()=>()=>{window.ytVolumeBundle=void 0,window.dispatchEvent(new CustomEvent("yt-volume-bundle-updated",{detail:void 0}))},[]),n(()=>{if(!$||!p)return;const e=Q(p,$);if(!e)return;const t=e.title.split(" / "),n={},o={};E.forEach(e=>{const r=e.tier-1,i={};for(let t=0;t<e.minimumQuantity;t++)i[t]=$;n[e.tier]=i,o[r]=Array(e.minimumQuantity).fill(t)}),F(e=>({...e,...n})),I(e=>({...e,...o}))},[$,p?.id,E.length]),!l)return e.createElement(e.Fragment,null);const le=b.volumeBundle?.cardStyle,ce=b.general?.primaryColor,se=b.general?.secondaryColor,de=b.general.primaryContrastColor,pe=b.general.secondaryContrastColor,me="high"===a.cornerRadiusType?"20px":"medium"===a.cornerRadiusType?"6px":"0px",ge="bundles"==a.appName?a.pageHeader?.title:a?.title,xe="bundles"==a.appName?a.pageHeader?.description:a?.subtitle;return n(()=>{const e=Y(T);e?V(null):e||V({tier:T,index:0,optionIndex:0,value:""})},[T,ae,Y]),e.createElement(Ts,{verticalMargin:b.volumeBundle?.verticalMargin,$backgroundColor:b.volumeBundle?.sectionBackgroundColor,className:"yt-bundle-container"},(ge||xe)&&e.createElement(Ss,{className:"yt-bundle-header"},ge&&ge.trim().length>0&&e.createElement($s,{fontSize:b.volumeBundle?.titleFontSize,$backgroundColor:b.volumeBundle?.titleBackgroundColor,textColor:b.volumeBundle?.titleTextColor,className:"yt-bundle-header-title"},ge),e.createElement(Ns,{className:"yt-bundle-header-subtitle",fontSize:b.volumeBundle?.subtitleFontSize},xe)),"vertical"===le?e.createElement("div",{style:{display:"grid",gridTemplateColumns:R||4===E.length?"repeat(2, 1fr)":E.length>4?"repeat(3, 1fr)":`repeat(${E.length}, 1fr)`,justifyItems:"center",gap:R?"10px":"16px",paddingTop:"10px"},className:"yt-bundle-vertical-container"},E.map(t=>{const n=J(t.tier),o=n.original-n.discounted,r=T===t.tier,i=!q(t.tier);return e.createElement(e.Fragment,{key:t.tier},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"8px",borderRadius:me||"24px",...r?{border:`2px solid ${ce}`}:{border:`1px solid ${se}`},boxShadow:`6px 6px 0px -1px ${r?ce:se}20`,...t.badgeTitle&&{position:"relative"},zIndex:5,backgroundColor:i?"#f5f5f5":"white",cursor:i?"not-allowed":"pointer",position:"relative",height:"100%",maxHeight:"350px",width:"100%",opacity:i?.6:1},className:"yt-volume-vertical-tier-item "+(r?"yt-volume-vertical-tier-item-active":""),"data-tier":t.tier,"data-discount-value":n.discountValue,"data-discount-type":a?.discountType,"data-minimum-quantity":t.minimumQuantity,"data-original-price":n.original.toFixed(h?0:2),"data-discounted-price":n.discounted.toFixed(h?0:2),onClick:()=>!i&&S(t.tier)},t.badgeTitle&&e.createElement("div",{style:{position:"absolute",top:"-15px",zIndex:-1,left:"0",right:"0",width:"80%",textAlign:"center",margin:"0 auto",fontSize:"10px",clipPath:"polygon(2% 0%, 98% 0%, 100% 100%, 0% 100%)",backgroundColor:r?ce:se,color:r?de:pe,padding:"2px 0",borderRadius:"12px 12px 0px 0px",lineHeight:"normal"},className:r?"yt-volume-vertical-tier-badge-active":"yt-volume-vertical-tier-badge","data-tier":t.tier,"data-badge-title":t.badgeTitle},t.badgeTitle),e.createElement("div",{style:{position:"relative",width:"100%",display:"flex",justifyContent:"center",height:"fit-content"},className:"yt-volume-vertical-tier-save-badge-container"},"Enabled"===b.volumeBundle?.discountBadgeVisibility&&R&&(()=>{if(!((n?.diffAmountFromPrice>0||n?.diffAmountFromCompare>0)&&(n?.diffPercentFromPrice>0||n?.diffPercentFromCompare>0)))return null;const o=im(b.general.currencySymbol,a.storeCurrencyCode);let i="";if(b?.volumeBundle?.discountBadgeDisplay&&b?.volumeBundle?.discountDisplayType){const{discountBadgeDisplay:e,discountDisplayType:t}=b.volumeBundle;"discount-on-compare"===e&&(i="percentage"===t?n.diffPercentFromCompare>0?`${Math.round(n.diffPercentFromCompare)}% Off`:"":n.diffAmountFromCompare>0?`Save ${o}${rm(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(i="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${o}${rm(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(i="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${o}${rm(n.discountValue)}`);return i?e.createElement("div",{style:{lineHeight:"normal",position:"absolute",right:"5px",top:"8px"}},e.createElement(Ds,{primaryBackgroundColorCta:r?ce:se,isSelected:r,style:{height:"fit-content",fontSize:"10px",lineHeight:"normal",color:r?de:pe},className:"yt-volume-vertical-tier-save-badge","data-tier":t.tier,"data-discount-value":n.discountValue,"data-discount-type":a?.discountType},i)):null})(),t.imageUrl&&e.createElement("img",{src:am(t.imageUrl),style:{objectFit:"cover",aspectRatio:"1/1",width:"100%",maxHeight:"160px",maxWidth:"160px",height:"fit-content",borderTopLeftRadius:me||"24px",borderTopRightRadius:me||"24px"},className:"yt-volume-vertical-tier-badge"})),e.createElement("div",{style:{padding:"8px",paddingTop:"0"}},e.createElement(Ps,{style:{display:"flex",width:"100%",gap:"4px"},className:"yt-volume-vertical-details-container"},e.createElement("div",{style:{display:"flex",alignItems:"center",position:"relative",width:"100%"},className:"yt-volume-vertical-details-title-container"},e.createElement(As,{style:{fontSize:R?"12px":"14px",lineHeight:"normal"},className:"yt-volume-vertical-details-title"},t.title?t.title:e.createElement(e.Fragment,null,"Buy ",t.minimumQuantity,", Get"," ",t.discountValue,"% Off")),"Enabled"===b.volumeBundle?.discountBadgeVisibility&&!R&&(()=>{if(!((n?.diffAmountFromPrice>0||n?.diffAmountFromCompare>0)&&(n?.diffPercentFromPrice>0||n?.diffPercentFromCompare>0)))return null;const o=im(b.general.currencySymbol,a.storeCurrencyCode);let i="";if(b?.volumeBundle?.discountBadgeDisplay&&b?.volumeBundle?.discountDisplayType){const{discountBadgeDisplay:e,discountDisplayType:t}=b.volumeBundle;"discount-on-compare"===e&&(i="percentage"===t?n.diffPercentFromCompare>0?`${Math.round(n.diffPercentFromCompare)}% Off`:"":n.diffAmountFromCompare>0?`Save ${o}${rm(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(i="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${o}${rm(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(i="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${o}${rm(n.discountValue)}`);return i?e.createElement(Ds,{primaryBackgroundColorCta:r?ce:se,isSelected:r,style:{height:"fit-content",fontSize:"10px",lineHeight:"normal",color:r?de:pe},className:"yt-volume-vertical-tier-save-badge","data-tier":t.tier,"data-discount-value":n.discountValue,"data-discount-type":a?.discountType},i):null})(),r&&t.imageUrl&&e.createElement("div",{style:{lineHeight:"normal",position:"absolute",right:"0px"},className:"yt-volume-vertical-tier-selected-check"},e.createElement("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",borderRadius:"50%",backgroundColor:ce,color:de,padding:"2px"}},e.createElement(We,{style:{paddingBottom:"1px"},size:20,fontWeight:20})))),e.createElement(_s,{style:{lineHeight:"normal",fontSize:R?"10px":"14px",color:"#666"},className:"yt-volume-vertical-details-subtitle"},t.subtitle?t.subtitle:e.createElement(e.Fragment,null))),q(t.tier)?e.createElement(Rs,{style:{textAlign:"left",marginTop:"4px",display:"flex",flexDirection:"row",flexWrap:"wrap",alignItems:"center"},className:"yt-volume-vertical-details-price","data-tier":t.tier,"data-original-price":n.original.toFixed(h?0:2),"data-discounted-price":n.discounted.toFixed(h?0:2),"data-savings":o.toFixed(h?0:2)},(()=>{const r=b?.volumeBundle?.tierPriceType||"tier-price";if("none"===r)return;let i="",l="";if("unit-price"===r){const e=n.discounted/t.minimumQuantity;i=(n.original/t.minimumQuantity).toFixed(h?0:2),l=e.toFixed(h?0:2)}else"tier-price"===r&&(i=n.original.toFixed(h?0:2),l=n.discounted.toFixed(h?0:2));return e.createElement(e.Fragment,null,e.createElement(Ls,{style:{marginLeft:"0",lineHeight:"normal",marginRight:"8px"},className:"yt-volume-vertical-details-price-discount"},im(b.general.currencySymbol,a.storeCurrencyCode),rm(l),"unit-price"===r?"/unit":""),o>0&&e.createElement(Os,{style:{lineHeight:"normal"},className:"yt-volume-vertical-details-price-original"},im(b.general.currencySymbol,a.storeCurrencyCode),rm(i),"unit-price"===r?"/unit":""))})()):e.createElement("div",{style:{textAlign:"center",color:"#999",fontSize:"14px",fontWeight:"500",padding:"4px 0",lineHeight:"normal"}},"Out of Stock")),r&&!t.imageUrl&&e.createElement("div",{style:{lineHeight:"normal",position:"absolute",right:"10px",bottom:"10px"},className:"yt-volume-vertical-tier-selected-check"},e.createElement("span",{style:{display:"flex",alignItems:"center",justifyContent:"center",width:"16px",height:"16px",borderRadius:"50%",backgroundColor:ce,color:de,padding:"2px"}},e.createElement(We,{style:{paddingBottom:"1px"},size:20,fontWeight:20})))))})):e.createElement(e.Fragment,null,E.map(t=>{const n=J(t.tier),o=n.original-n.discounted,r=!q(t.tier);return e.createElement(e.Fragment,{key:t.tier},e.createElement(Fs,{cornerRadiusType:a?.cornerRadiusType??"",key:t.tier,primaryBackgroundColorCta:ce??"",isSelected:T===t.tier,onClick:()=>S(t.tier),style:{borderRadius:me,cursor:"pointer",backgroundColor:r?"#f5f5f5":"white",opacity:r?.6:1,...t?.badgeTitle&&{position:"relative",marginTop:"30px"}},className:"yt-volume-horizontal-tier-container "+(T===t.tier?"yt-volume-horizontal-tier-container-active":""),"data-tier":t.tier,"data-discount-value":n.discountValue,"data-discount-type":a?.discountType,"data-minimum-quantity":t.minimumQuantity,"data-original-price":n.original.toFixed(h?0:2),"data-discounted-price":n.discounted.toFixed(h?0:2)},t.badgeTitle&&e.createElement(Bs,{primaryTextColorCta:de,primaryBackgroundColorCta:ce,style:{lineHeight:"normal",position:"absolute",top:"-16.5px",left:"2%",right:"2%",marginInline:"auto"},className:"yt-volume-horizontal-tier-badge","data-tier":t.tier,"data-badge-title":t.badgeTitle},t.badgeTitle),e.createElement(zs,{cornerRadiusType:a?.cornerRadiusType??"",style:{borderRadius:me,borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"},className:"yt-volume-horizontal-tier-header"},e.createElement(Is,{className:"yt-volume-horizontal-tier-info"},e.createElement(Hs,{"data-active":T===t.tier,accentColor:ce,className:"yt-volume-horizontal-tier-radio-wrapper"},e.createElement(qs,{name:"tier",checked:T===t.tier,onChange:()=>!r&&S(t.tier),disabled:r,className:"yt-volume-horizontal-tier-radio-hidden"}),e.createElement(Qs,{accentColor:ce,className:"yt-volume-horizontal-tier-radio-custom"})),e.createElement(Ps,{className:"yt-volume-horizontal-tier-details"},e.createElement("div",{style:{display:"flex"},className:"yt-volume-horizontal-tier-title-container"},e.createElement(As,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-title"},t.title?t.title:e.createElement(e.Fragment,null,"Buy ",t.minimumQuantity,", Get"," ",t.discountValue,"% Off")),"Enabled"===b.volumeBundle?.discountBadgeVisibility&&(()=>{if(!((n?.diffAmountFromPrice>0||n?.diffAmountFromCompare>0)&&(n?.diffPercentFromPrice>0||n?.diffPercentFromCompare>0)))return null;const o=im(b.general.currencySymbol,a.storeCurrencyCode);let r="";if(b?.volumeBundle?.discountBadgeDisplay&&b?.volumeBundle?.discountDisplayType){const{discountBadgeDisplay:e,discountDisplayType:t}=b.volumeBundle;"discount-on-compare"===e&&(r="percentage"===t?n.diffPercentFromCompare>0?`${Math.round(n.diffPercentFromCompare)}% Off`:"":n.diffAmountFromCompare>0?`Save ${o}${rm(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(r="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${o}${rm(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(r="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${o}${rm(n.discountValue)}`);return r?e.createElement(Ds,{primaryBackgroundColorCta:ce,isSelected:T===t.tier,style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-save-badge","data-tier":t.tier,"data-discount-value":n.discountValue,"data-discount-type":a?.discountType},r):null})()),e.createElement(_s,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-subtitle"},t.subtitle?t.subtitle:e.createElement(e.Fragment,null)))),q(t.tier)?e.createElement(Rs,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-price","data-tier":t.tier,"data-original-price":n.original.toFixed(h?0:2),"data-discounted-price":n.discounted.toFixed(h?0:2),"data-savings":o.toFixed(0)},(()=>{const r=b?.volumeBundle?.tierPriceType||"tier-price";if("none"===r)return;let i="",l="";if("unit-price"===r){const e=n.discounted/t.minimumQuantity;i=(n.original/t.minimumQuantity).toFixed(h?0:2),l=e.toFixed(h?0:2)}else"tier-price"===r&&(i=n.original.toFixed(h?0:2),l=n.discounted.toFixed(h?0:2));return e.createElement(e.Fragment,null,o>0?e.createElement(Os,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-original-price"},im(b.general.currencySymbol,a.storeCurrencyCode),rm(i),"unit-price"===r?"/unit":""):"",e.createElement(Ls,{className:"yt-volume-horizontal-tier-discounted-price"},im(b.general.currencySymbol,a.storeCurrencyCode),rm(l),"unit-price"===r?"/unit":""))})()):e.createElement("div",{style:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"normal"}},e.createElement("span",{style:{color:"#999",fontSize:"14px",fontWeight:"500"}},"Out of Stock"))),T===t.tier&&e.createElement(Ms,{className:"yt-volume-horizontal-tier-product-grid",style:{padding:p.productDetails.variants.edges.length>1||1===p.productDetails.variants.edges.length&&"Default Title"!==p.productDetails.variants.edges[0].node.title?"10px 15px":"0",gap:p.productDetails.variants.edges.length>1||1===p.productDetails.variants.edges.length&&"Default Title"!==p.productDetails.variants.edges[0].node.title?"10px":"0"}},Array.from({length:t.minimumQuantity}).map((n,o)=>{const i=t.tier-1,l=(z[i]||[])[o]||p.productDetails.options?.map(e=>e.values[0])||[],c=p?.productDetails?.options.some(e=>e.values.length>1)||1===p?.productDetails?.variants?.edges?.length&&"Default Title"!==p?.productDetails?.variants?.edges[0]?.node?.title;return e.createElement("div",{key:o,style:{display:"flex",gap:"10px",alignItems:"center",position:"relative"},className:"yt-volume-horizontal-tier-product-item"},c&&e.createElement(Us,{src:am(ee(p,$,o,t.tier)),alt:p?.productDetails?.title||"Product",style:{height:"64px",width:"auto"},className:"yt-volume-horizontal-tier-product-image"}),("auto"===b?.volumeBundle?.variantSelectorType||"dropdown"===b?.volumeBundle?.variantSelectorType)&&e.createElement("div",{style:{display:"flex",gap:"12px",flexWrap:"wrap"}},p?.productDetails?.options?.map((n,c)=>{const s=n.values.filter(e=>p.productDetails.variants.edges.some(t=>t.node.title.split(" / ")[c]===e));if(0===s.length||1===s.length&&"Default Title"===s[0])return null;const d=O?.tier===t.tier&&O?.index===o&&O?.optionIndex===c,m=a?.variantOptions?.options?.find(e=>e.name===n.name);let u="";return"color"===m?.type&&(u=m?.values?.find(e=>e.name===l[c])?.value||""),e.createElement(Zs,{key:c,ref:e=>{j.current[o]||(j.current[o]=[]),j.current[o][c]=e},style:{zIndex:d?1e3:"auto",display:"flex",flexDirection:"column",gap:"4px"},isActive:d},b?.volumeBundle?.showVariantOptionsLabel&&n?.name&&e.createElement("p",{style:{lineHeight:"normal",fontSize:"14px",margin:0}},n?.name),e.createElement(Ks,{onClick:e=>{e.stopPropagation(),M(d?null:{tier:t.tier,index:o,optionIndex:c})},isActive:d,disabled:r},"color"===m?.type&&u&&e.createElement("div",{className:"yt-fixedBundle-product-card_color-swatch",style:{display:"inline-block",width:20,height:20,borderRadius:"50%",backgroundColor:u||"transparent",border:"1px solid #ddd"}}),l[c],e.createElement(Fe,{style:{display:"block"}})),d&&e.createElement(Js,{style:{zIndex:1001}},s.map((n,a)=>{const s=[...l];s[c]=n;const d=!U(t.tier,o,l,c,n)||r;p.productDetails.variants.edges.find(({node:e})=>e.title===s.join(" / "));const u=e=>{if(e.preventDefault(),e.stopPropagation(),I(e=>{const t={...e},n=[...t[i]||[]];return n[o]=s,t[i]=n,t}),d){V({tier:T,index:o,optionIndex:c,value:n}),M(null);const e=s.join(" / "),r=p.productDetails.variants.edges.find(t=>t.node.title===e)?.node.id||$;return void G(t.tier,o,r)}const r=s.join(" / "),a=p.productDetails.variants.edges.find(e=>e.node.title===r)?.node.id||$;G(t.tier,o,a),M(null)},g=m?.values.find(e=>e.name===n);return"image"===m?.type&&g?.value?e.createElement(Ys,{key:n,onClick:u,style:{cursor:"pointer"}},e.createElement(Gs,{src:g.value,alt:n}),n):"color"===m?.type&&g?.value?e.createElement(Ys,{key:n,onClick:u,style:{cursor:"pointer"}},e.createElement(Xs,{style:{backgroundColor:g.value}}),n):e.createElement(Ys,{key:n,onClick:u,style:{cursor:"pointer"}},n)})))})),"swatches"===b?.volumeBundle?.variantSelectorType&&e.createElement(Ws,{style:{display:"flex",flexDirection:"column",gap:"5px"},className:"yt-volume-horizontal-tier-variant-selector"},p?.productDetails?.options.map((n,c)=>{const s=n.values.filter(e=>p.productDetails.variants.edges.some(t=>t.node.title.split(" / ")[c]===e));if(0===s.length||1===s.length&&"Default Title"===s[0])return null;const d=a.variantOptions?.options?.find(e=>e.name===n.name)||null;return e.createElement("div",{key:n.name,style:{width:"100%",display:"flex",flexDirection:"row",gap:"8px",alignItems:"center"},className:"yt-volume-horizontal-tier-variant-option"},b?.volumeBundle?.showVariantOptionsLabel&&n?.name&&e.createElement("p",{style:{lineHeight:"normal",fontSize:"14px",margin:0}},n?.name),e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"8px",flexWrap:"wrap"},className:"yt-volume-horizontal-tier-variant-values"},s.map(n=>{const a=l[c]===n,s=!U(t.tier,o,l,c,n)||r,m=d?.values.find(e=>e.name===n),u=e=>{if(e.preventDefault(),e.stopPropagation(),s)return;const r=[...l];r[c]=n,I(e=>{const t={...e},n=[...t[i]||[]];return n[o]=r,t[i]=n,t});const a=r.join(" / "),d=p.productDetails.variants.edges.find(e=>e.node.title===a)?.node.id||$;G(t.tier,o,d)},g={opacity:s?.5:1,cursor:s?"not-allowed":"pointer"};return"color"===d?.type&&m?.value?e.createElement("button",{key:n,onClick:u,style:{...g,borderRadius:"50%",padding:"1px",backgroundColor:"white",border:a?`1px solid ${b.general?.ctaBackgroundColor||"#121212"}`:"1px solid transparent",lineHeight:"normal"},className:"yt-volume-horizontal-tier-variant-color-button"+(a?" yt-volume-horizontal-tier-variant-color-button--selected":""),disabled:s},e.createElement("div",{style:{width:a?"24px":"20px",height:a?"24px":"20px",borderRadius:"50%",backgroundColor:m.value,lineHeight:"normal",boxShadow:"rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 2px"}},e.createElement("span",null))):"image"===d?.type&&m?.value?e.createElement("button",{key:n,onClick:u,style:{...g,border:a?`1px solid ${b.general?.ctaBackgroundColor||"#121212"}`:"1px solid #E4E4E4",borderRadius:"100%",backgroundColor:a?"#F7F7F7":"transparent",padding:"0px",width:a?"20px":"18px",height:a?"20px":"18px",overflow:"hidden"},className:"yt-volume-horizontal-tier-variant-image-button"+(a?" yt-volume-horizontal-tier-variant-image-button--selected":""),disabled:s},e.createElement("img",{src:m.value,alt:n,style:{width:a?"26px":"24px",height:a?"26px":"24px",objectFit:"cover",borderRadius:"100%",aspectRatio:"1/1"}})):e.createElement(Vs,{key:n,isSelected:a,onClick:u,style:{...g,padding:"4px 8px",border:a?`1px solid ${b.general?.ctaBackgroundColor||"#121212"}`:"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:a?"#F7F7F7":"transparent",color:"#707070",cursor:"pointer",fontSize:"12px",fontWeight:"600",lineHeight:"normal"},className:"yt-volume-horizontal-tier-variant-button-default"+(a?" yt-volume-horizontal-tier-variant-button-default--selected":""),disabled:s},n)})))})))})),W&&W.tier===t.tier&&e.createElement("div",{style:{color:ce,textAlign:"center",fontSize:"14px",fontStyle:"normal",fontWeight:"500",lineHeight:"110%",background:`${ce}1A`,padding:"12px",borderBottomLeftRadius:me,borderBottomRightRadius:me}},"There aren’t enough items in our stock for select option, please select smaller bundle.")))})),a?.showCta&&"shopify_atc_button"!==b.volumeBundle?.addtoCartMethod&&e.createElement("div",{style:{position:"relative"}},e.createElement(js,{bgColor:Y(T)?b.general?.ctaBackgroundColor:"#ccc",textColor:Y(T)?b.general?.ctaTextColor:"#666",border:`1px solid ${Y(T)?b.general?.ctaBorderColor||"#121212":"#999"}`,shadow:b.general.ctaShadowType,padding:b.general?.ctaPadding,width:b.general?.ctaWidth,hoverProperties:{customizeHoverState:!!Y(T)&&b.general?.customizeHoverState,backgroundColor:b.general?.ctaHoverBackgroundColor,textColor:b.general?.ctaHoverTextColor},onClick:async()=>{a?.personalizedForm?.title?_(!0):await te()},borderRadius:b.general.ctaBorderRadius??"",disabled:D||!Y(T),className:"yt-volume-add-to-cart-button"},Y(T)?e.createElement(e.Fragment,null,D?e.createElement(ue,{color:"white",loading:D,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):e.createElement("div",{style:{display:"flex",flexDirection:"row",gap:"8px",justifyContent:"center",alignItems:"center"}},e.createElement("span",null,b.volumeBundle?.ctaTitle??"Add Bundle to Cart")," ","•",e.createElement("div",{className:"yt-volume-add-to-cart-button-info"},(()=>{const t=J(T);return e.createElement(e.Fragment,null,im(b.general.currencySymbol,a.storeCurrencyCode),rm(t.discounted.toFixed(h?0:2))," ",t?.original!==t.discounted&&t?.original>t.discounted&&e.createElement("span",{style:{lineHeight:"normal",textDecoration:"line-through",fontWeight:"550"}},im(b.general.currencySymbol,a.storeCurrencyCode),rm(t?.original.toFixed(h?0:2))," "))})()))):e.createElement(e.Fragment,null,"Out of Stock"))),a?.personalizedForm?.title&&e.createElement(Cs,{isOpen:A,onClose:()=>_(!1),formConfig:a.personalizedForm,onCheckout:async e=>{await te(e),_(!1)},cta:{backgroundColor:b.general?.ctaBackgroundColor||"#121212",textColor:b.general?.ctaTextColor||"#FFFFFF"},isMobile:R}))}const nd=c.div`
|
|
3500
3500
|
container-type: inline-size;
|
|
3501
3501
|
border-radius: ${e=>e.borderRadius?e.borderRadius:"8px"};
|
|
3502
3502
|
max-width: 800px;
|
|
@@ -3618,7 +3618,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
3618
3618
|
border-radius: 12px;
|
|
3619
3619
|
min-height: 170px;
|
|
3620
3620
|
}
|
|
3621
|
-
`,
|
|
3621
|
+
`,md=c.img`
|
|
3622
3622
|
width: 100%;
|
|
3623
3623
|
height: 80%;
|
|
3624
3624
|
object-fit: cover;
|
|
@@ -3630,7 +3630,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
3630
3630
|
@media (max-width: 600px) {
|
|
3631
3631
|
height: 80%;
|
|
3632
3632
|
}
|
|
3633
|
-
`,
|
|
3633
|
+
`,ud=c.div`
|
|
3634
3634
|
display: flex;
|
|
3635
3635
|
flex-direction: column;
|
|
3636
3636
|
gap: 2px;
|
|
@@ -4020,7 +4020,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4020
4020
|
font-size: 11px;
|
|
4021
4021
|
padding: 4px 8px;
|
|
4022
4022
|
}
|
|
4023
|
-
`,Pd=({bundle:i,addToCartFunction:a,dispatchAnalyticsEvent:l})=>{const[c,s]=t({}),[d,p]=t(!1),[u,m]=t(!1),[g,x]=t(0),[f,y]=t(0),[b,h]=t(""),[v,w]=t([]),[C,E]=t({}),[k,T]=t(!1),[S,$]=t(window.innerWidth<450),N=i.builderTiers?.productTier||[],B=o(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[]),{originalPrice:F,dealPrice:z,offerValue:I}=o(()=>{const e=[];let t=0;Object.values(c).forEach(n=>{n.productId&&n.variantId&&(e.push({productId:n.productId,variantId:n.variantId}),t++)});let n=0,o=0;for(const{productId:t,variantId:r}of e){const e=i.products.find(e=>e.productId===t);if(!e)continue;const a=e?.productDetails?.variants?.edges?.find(e=>e?.node?.id===r)?.node;if(!a)continue;const l=Number.parseFloat(a?.price||"0"),c=Number.parseFloat(a?.compareAtPrice||"0");n+=l,o+=c>0?c:l}let r=n;(t===N.length||i?.dealAmount)&&(i?.percentageOff?r=n*(1-i.percentageOff/100):i?.dealAmount?r=i.dealAmount:i?.amountOff&&i.amountOff<n&&(r=n-i.amountOff));const a=o||n,l=a-r;return{originalPrice:a.toFixed(2),dealPrice:r.toFixed(2),offerValue:l.toFixed(2)}},[i,c,N.length]);n(()=>{x(N.length-Object.keys(c).length)},[c]),n(()=>{const e={};let t=!1;N.forEach((n,o)=>{if(n.isFixed&&n.products&&n.products.length>0){const r=n.products[0];if(r&&r.productId){const n=r?.variantIds?.[0]||A(r?.productId);n&&(e[o]={productId:r.productId,variantId:n},t=!0)}}}),t&&s(t=>({...t,...e}))},[N]),n(()=>{if(null===f||0===N.length)return;const e=N[f].products.map(e=>e.productId),t=new Map;i.products.forEach(n=>{e.includes(n.productId)&&!t.has(n.productId)&&t.set(n.productId,n)});let n=Array.from(t.values());if(""!==b.trim()){const e=b.toLowerCase();n=n.filter(t=>t.productDetails.title.toLowerCase().includes(e)||t.productDetails.selectedVariant?.displayName?.toLowerCase().includes(e)||t.productDetails.collections?.edges?.some(t=>t.node.title.toLowerCase().includes(e)))}w(n)},[b,i.products,f,N]);const D=e=>{const t=i.products.find(t=>t.productId===e);return t?.productDetails},A=e=>{const t=i.products.find(t=>t.productId===e);if(!t||!t.productDetails?.variants?.edges?.length)return"";const n=t.productDetails.variants.edges.find(e=>B(t.productDetails,e.node.id)>0)?.node;return n?n.id:t.productDetails.variants.edges[0].node.id},_=(e,t)=>{if(null==f)return;const n=t||A(e),o=i.products.find(t=>t.productId===e);if(o){if(0===B(o.productDetails,n))return void console.log("Cannot select out of stock variant")}s(t=>({...t,[f]:{productId:e,variantId:n}})),p(!1),h("")},R=e=>{s(t=>{const n={...t};return delete n[e],n}),E({})},L=e=>{const t=N[e];if(t.isFixed)return;y(e),p(!0),h("");const n=t.products.map(e=>e.productId),o=i.products.filter(e=>n.includes(e.productId)),r=new Map;o.forEach(e=>{r.has(e.productId)||r.set(e.productId,e)}),w(Array.from(r.values()))},O=async e=>{const t=Object.values(c).map(e=>{const t=i.products.find(t=>t.productId===e.productId);return{id:t?.productId,title:t?.productDetails?.title}});l?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:i._id,bundleType:"mixandmatch-bundle",byobBundleType:i.builderTiers?.type??"builder",selectedProducts:t}}),T(!0);try{if(g>0)return console.log("Please select all products"),void T(!1);const t=Object.values(c).map(e=>e.variantId),n=Object.values(c).map(e=>{const t=i.products.find(t=>t.productId===e.productId);if(!t)return null;const n=t?.productDetails?.variants?.edges?.find(t=>t.node.id===e.variantId)?.node;return n?{variantId:e.variantId,price:Number(n.price)}:null}).filter(Boolean);await a(t.length,t,Number(z),n,e)}catch(e){console.log("Add to cart error:",e)}finally{T(!1)}};n(()=>{l?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:i._id,bundleType:"mixandmatch-bundle"}});const e=()=>{$(window.innerWidth<450)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const M=i.customizations,W=S,V="bundles"===i.appName?i.pageHeader?.title:i?.title,j="bundles"===i.appName?i.pageHeader?.description:i?.subtitle;return e.createElement(e.Fragment,null,e.createElement(nd,{className:"yt-mixMatch-bundle-container",verticalMargin:M.comboBundle.verticalMargin,borderRadius:"20px"},M.comboBundle.embedContentVisibility&&e.createElement(od,{className:"yt-mixMatch-bundle-header"},M.comboBundle?.embedContentVisibility&&M.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Title")&&e.createElement("div",{className:"yt-mixMatch-title-wrapper",style:{display:"flex",flexDirection:"column",gap:"8px",marginBottom:"10px",width:"100%",textAlign:M.comboBundle.infoAlignment||"left"}},e.createElement("h2",{className:"yt-mixMatch-bundle-title",style:{fontSize:"28px",color:M.comboBundle?.titleTextColor||"#000",fontWeight:"bold",lineHeight:"1.6",margin:0}},V)),M.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Price")&&Number(z)>1&&e.createElement(e.Fragment,null,e.createElement(rd,{className:"yt-mixMatch-price-container",infoAlignment:M.comboBundle.infoAlignment},e.createElement(id,{className:"yt-mixMatch-current-price"},iu(M.general.currencySymbol,i.storeCurrencyCode),ru(z)),Number(z)<Number(F)&&e.createElement(ad,{className:"yt-mixMatch-original-price",style:{minWidth:"fit-content"}},iu(M.general.currencySymbol,i.storeCurrencyCode)," ",ru(F)),e.createElement(ld,{className:"yt-mixMatch-stock-label",style:{minWidth:"fit-content"}},"In Stock")),e.createElement(cd,{className:"yt-mixMatch-tax-info",style:{textAlign:M.comboBundle.infoAlignment||"left",fontSize:M.comboBundle.productDescriptionFontSize}},"Tax included. Shipping calculated at checkout."))),e.createElement(sd,{className:"yt-mixMatch-products-grid",gridSize:N.length,isHorizontal:W},N.map((t,o)=>{const i=(e=>!!c[e]&&!!c[e].productId)(o),{product:a,variantId:l}=(e=>{const t=c?.[e];return t?{product:D(t.productId),variantId:t.variantId}:{product:void 0,variantId:""}})(o),s=a?((e,t)=>{if(!e||!e.variants.edges)return null;const n=e.variants.edges.find(e=>e.node.id===t);return n?.node})(a,l):null,d=t.isFixed,p=r(null);return n(()=>{const e=p.current;if(!e)return;const t=e.querySelector("span");if(!t)return;const n=e.clientWidth,o=t.scrollWidth;if(o<=n)return e.setAttribute("data-overflow","false"),e.style.removeProperty("--scroll-end"),void e.style.removeProperty("--duration");const r=-(o-n);e.style.setProperty("--scroll-end",`${r}px`);const i=2*Math.max(1,Math.abs(r)/40)+3;e.style.setProperty("--duration",`${i}s`),e.setAttribute("data-overflow","true")},[s?.displayName,s?.title]),i&&a?e.createElement(dd,{className:"yt-mixMatch-product-box",key:`tier-${o}`,onClick:()=>!d&&L(o),style:{borderRadius:"20px",cursor:d?"default":"pointer"},isHorizontal:W,infoAlignment:M.comboBundle.infoAlignment},!d&&e.createElement(fd,{className:"yt-mixMatch-remove-button-icon",onClick:e=>{e.stopPropagation(),R(o)}},"×"),e.createElement(ud,{className:"yt-mixMatch-product-image",src:a?.featuredMedia?.preview?.image?.url||"/placeholder.svg?height=200&width=200",alt:a?.title,style:{aspectRatio:M?.general.imageAspectRatio||"1/1"},isHorizontal:W}),e.createElement(md,{className:"yt-mixMatch-product-info",style:{color:"#1e1e1e",textAlign:"center",...W&&"right"===M.comboBundle.infoAlignment&&{padding:"0 8px",textAlign:"right",alignItems:"flex-end"},...W&&"left"===M.comboBundle.infoAlignment&&{padding:"0 5px",textAlign:"left",alignItems:"flex-start"},...!W&&"left"===M.comboBundle.infoAlignment&&{padding:"0 10px"},...W&&"center"===M.comboBundle.infoAlignment&&{textAlign:"left",alignItems:"flex-start",padding:"0 5px"}},isHorizontal:W},e.createElement(xd,{className:"yt-mixMatch-product-variant",style:{fontSize:"15px",width:"100%",display:"flex",alignItems:"center",fontWeight:"600",textAlign:"center",lineHeight:"normal"},ref:p},e.createElement("span",null,a?.title," - ",s?.title)))):e.createElement(pd,{className:"yt-mixMatch-empty-product-box",key:`tier-${o}`,onClick:()=>!d&&L(o),isHorizontal:W,infoAlignment:M.comboBundle.infoAlignment,style:{cursor:d?"default":"pointer"}},d?e.createElement("div",{className:"yt-mixMatch-fixed-product-placeholder",style:{textAlign:"center",width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},e.createElement("div",{className:"yt-mixMatch-fixed-product-label",style:{fontSize:"12px",color:"#666",marginBottom:"8px"}},"Fixed Product"),e.createElement("div",{className:"yt-mixMatch-fixed-product-title",style:{fontSize:"14px",fontWeight:"600"}},t.title||`Product ${o+1}`)):e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-mixMatch-empty-icon-wrapper",style:{width:"100%",height:"80%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",borderTopLeftRadius:"18px",borderTopRightRadius:"18px",flexShrink:0,backgroundColor:"#f8f9fa"}},e.createElement(yd,{className:"yt-mixMatch-plus-icon"},"+")),e.createElement(gd,{className:"yt-mixMatch-select-text",style:{fontSize:"15px",fontWeight:"600",color:M.comboBundle.titleTextColor||"#1e1e1e",lineHeight:"normal",height:"20%",display:"flex",alignItems:"center",justifyContent:"center"},isHorizontal:W,infoAlignment:M.comboBundle.infoAlignment},e.createElement("p",{className:"yt-mixMatch-select-text-label",style:{width:"80%",margin:"0",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},t.title?`${t.title}`:`Select Product ${o+1}`))))})),e.createElement(bd,{className:"yt-mixMatch-add-to-cart-button",hoverProperties:{customizeHoverState:M.general.customizeHoverState,backgroundColor:M.general.ctaHoverBackgroundColor,textColor:M.general.ctaHoverTextColor},borderRadius:M.general.ctaBorderRadius,primaryBgColor:M.general.ctaBackgroundColor,onClick:async()=>{0===g&&i?.personalizedForm?.title?m(!0):await O()},textColor:M.general.ctaTextColor,borderColor:M.general.ctaBorderColor},0===g?k?e.createElement(me,{color:"white",loading:k,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):e.createElement(e.Fragment,null,M.comboBundle.ctaTitle||"Add Bundle to cart"):`Add ${g} more item(s)`),M.comboBundle?.embedContentVisibility&&M.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Description")&&e.createElement("div",{className:"yt-mixMatch-description-wrapper",style:{margin:"20px 0px"}},e.createElement("h4",{className:"yt-mixMatch-description-heading",style:{fontSize:"16px",color:M.comboBundle?.descriptionTextColor||"#000",lineHeight:"1.2",margin:0,padding:"8px",backgroundColor:M.general.primaryColor+"20",textAlign:M.comboBundle.infoAlignment||"left"}},"Description"),e.createElement("div",{className:"yt-mixMatch-description-body",style:{fontSize:M.comboBundle.productDescriptionFontSize||"16px",color:M.comboBundle?.descriptionTextColor||"#000",lineHeight:"1.2",padding:"8px",backgroundColor:M.general.primaryColor+"08",textAlign:M.comboBundle.infoAlignment||"left"},dangerouslySetInnerHTML:{__html:j}}))),d&&P(e.createElement(hd,{className:"yt-mixMatch-modal-overlay",onClick:()=>p(!1)},e.createElement(vd,{className:"yt-mixMatch-modal-content",onClick:e=>e.stopPropagation()},e.createElement(wd,{className:"yt-mixMatch-search-container",style:{position:"sticky",top:0,background:"#fff",zIndex:10}},e.createElement("div",{className:"yt-mixMatch-search-row",style:{display:"flex",width:"100%",gap:"2px",alignItems:"center",marginBottom:"8px"}},e.createElement(Cd,{className:"yt-mixMatch-search-input",placeholder:"Search",value:b,onChange:e=>{h(e.target.value)}}),e.createElement(Ed,{className:"yt-mixMatch-cancel-button",onClick:()=>p(!1)},"Cancel")),e.createElement("div",{className:"yt-mixMatch-search-divider",style:{height:"1px",width:"100%",backgroundColor:"#EBEBEB"}})),e.createElement("div",{className:"yt-mixMatch-product-list-wrapper",style:{marginBottom:S?"20px":"5px",flex:1,minHeight:0,overflow:"scroll"}},e.createElement(kd,{className:"yt-mixMatch-product-list",style:{height:"auto",flex:"unset"}},v?.length>0?v?.map(t=>{const n=t?.productDetails;if(!n)return null;const o=(e=>{if(null==f)return!1;const t=c?.[f];return!!t&&t.productId===e})(t.productId),r=A(t.productId);let a=r||"";return a=o&&null!==f?c?.[f]?.variantId||a:C[t.productId]||r,e.createElement(Td,{className:"mixAndMatch-product-item",primaryBgColor:M.general.primaryColor||"#1e1e1e",key:n.id,isSelected:o,onClick:()=>{_(t.productId,a)}},e.createElement(Sd,{className:"mixAndMatch-vendor-image",src:n.featuredMedia?.preview?.image?.url||"/placeholder.svg?height=50&width=50",alt:n.title}),e.createElement($d,{className:"mixAndMatch-vendor-info"},e.createElement(Nd,{className:"mixAndMatch-vendor-name"},n.title),e.createElement(Id,{className:"mixAndMatch-variant-options"},n.variants?.edges?.filter(({node:e})=>"Default Title"!==e.title)?.map(({node:r})=>{const i=0===B(n,r.id);return e.createElement(Dd,{className:"mixAndMatch-variant-button "+(a===r.id?"mixAndMatch-variant-button--selected":""),primaryBgColor:M.general?.primaryColor,disabled:!!o||i,key:r.id,isSelected:a===r.id,tierHasProductId:!!o,onClick:e=>{var n,o;e.stopPropagation(),i||(n=t.productId,o=r.id,E(e=>({...e,[n]:o})))},style:{opacity:i?.5:1,cursor:i?"not-allowed":"pointer"}},r.title)}))),e.createElement(Bd,{className:"yt-mixMatch-add-to-bundle",cornerRadiusType:i?.cornerRadiusType??"",primaryBgColor:M.general?.primaryColor||"#1e1e1e",onClick:()=>o?R(f||0):_(t.productId,a)},o?e.createElement(Fd,null,"Added"):" + Add"))}):e.createElement(zd,{className:"yt-mixMatch-no-results-message"},'No products found matching "',b,'"'))))),document.body),i?.personalizedForm?.title&&e.createElement(Cs,{isOpen:u,onClose:()=>m(!1),formConfig:i.personalizedForm,onCheckout:async e=>{await O(e),m(!1)},cta:{backgroundColor:M.general?.ctaBackgroundColor||"#121212",textColor:M.general?.ctaTextColor||"#FFFFFF"},isMobile:S}))},Ad=c.div`
|
|
4023
|
+
`,Pd=({bundle:i,addToCartFunction:a,dispatchAnalyticsEvent:l})=>{const[c,s]=t({}),[d,p]=t(!1),[m,u]=t(!1),[g,x]=t(0),[f,y]=t(0),[b,h]=t(""),[v,w]=t([]),[C,E]=t({}),[k,T]=t(!1),[S,$]=t(window.innerWidth<450),N=i.builderTiers?.productTier||[],B=o(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[]),{originalPrice:F,dealPrice:z,offerValue:I}=o(()=>{const e=[];let t=0;Object.values(c).forEach(n=>{n.productId&&n.variantId&&(e.push({productId:n.productId,variantId:n.variantId}),t++)});let n=0,o=0;for(const{productId:t,variantId:r}of e){const e=i.products.find(e=>e.productId===t);if(!e)continue;const a=e?.productDetails?.variants?.edges?.find(e=>e?.node?.id===r)?.node;if(!a)continue;const l=Number.parseFloat(a?.price||"0"),c=Number.parseFloat(a?.compareAtPrice||"0");n+=l,o+=c>0?c:l}let r=n;(t===N.length||i?.dealAmount)&&(i?.percentageOff?r=n*(1-i.percentageOff/100):i?.dealAmount?r=i.dealAmount:i?.amountOff&&i.amountOff<n&&(r=n-i.amountOff));const a=o||n,l=a-r;return{originalPrice:a.toFixed(2),dealPrice:r.toFixed(2),offerValue:l.toFixed(2)}},[i,c,N.length]);n(()=>{x(N.length-Object.keys(c).length)},[c]),n(()=>{const e={};let t=!1;N.forEach((n,o)=>{if(n.isFixed&&n.products&&n.products.length>0){const r=n.products[0];if(r&&r.productId){const n=r?.variantIds?.[0]||A(r?.productId);n&&(e[o]={productId:r.productId,variantId:n},t=!0)}}}),t&&s(t=>({...t,...e}))},[N]),n(()=>{if(null===f||0===N.length)return;const e=N[f].products.map(e=>e.productId),t=new Map;i.products.forEach(n=>{e.includes(n.productId)&&!t.has(n.productId)&&t.set(n.productId,n)});let n=Array.from(t.values());if(""!==b.trim()){const e=b.toLowerCase();n=n.filter(t=>t.productDetails.title.toLowerCase().includes(e)||t.productDetails.selectedVariant?.displayName?.toLowerCase().includes(e)||t.productDetails.collections?.edges?.some(t=>t.node.title.toLowerCase().includes(e)))}w(n)},[b,i.products,f,N]);const D=e=>{const t=i.products.find(t=>t.productId===e);return t?.productDetails},A=e=>{const t=i.products.find(t=>t.productId===e);if(!t||!t.productDetails?.variants?.edges?.length)return"";const n=t.productDetails.variants.edges.find(e=>B(t.productDetails,e.node.id)>0)?.node;return n?n.id:t.productDetails.variants.edges[0].node.id},_=(e,t)=>{if(null==f)return;const n=t||A(e),o=i.products.find(t=>t.productId===e);if(o){if(0===B(o.productDetails,n))return void console.log("Cannot select out of stock variant")}s(t=>({...t,[f]:{productId:e,variantId:n}})),p(!1),h("")},R=e=>{s(t=>{const n={...t};return delete n[e],n}),E({})},L=e=>{const t=N[e];if(t.isFixed)return;y(e),p(!0),h("");const n=t.products.map(e=>e.productId),o=i.products.filter(e=>n.includes(e.productId)),r=new Map;o.forEach(e=>{r.has(e.productId)||r.set(e.productId,e)}),w(Array.from(r.values()))},O=async e=>{const t=Object.values(c).map(e=>{const t=i.products.find(t=>t.productId===e.productId);return{id:t?.productId,title:t?.productDetails?.title}});l?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:i._id,bundleType:"mixandmatch-bundle",byobBundleType:i.builderTiers?.type??"builder",selectedProducts:t}}),T(!0);try{if(g>0)return console.log("Please select all products"),void T(!1);const t=Object.values(c).map(e=>e.variantId),n=Object.values(c).map(e=>{const t=i.products.find(t=>t.productId===e.productId);if(!t)return null;const n=t?.productDetails?.variants?.edges?.find(t=>t.node.id===e.variantId)?.node;return n?{variantId:e.variantId,price:Number(n.price)}:null}).filter(Boolean);await a(t.length,t,Number(z),n,e)}catch(e){console.log("Add to cart error:",e)}finally{T(!1)}};n(()=>{l?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:i._id,bundleType:"mixandmatch-bundle"}});const e=()=>{$(window.innerWidth<450)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const M=i.customizations,W=S,V="bundles"===i.appName?i.pageHeader?.title:i?.title,j="bundles"===i.appName?i.pageHeader?.description:i?.subtitle;return e.createElement(e.Fragment,null,e.createElement(nd,{className:"yt-mixMatch-bundle-container",verticalMargin:M.comboBundle.verticalMargin,borderRadius:"20px"},M.comboBundle.embedContentVisibility&&e.createElement(od,{className:"yt-mixMatch-bundle-header"},M.comboBundle?.embedContentVisibility&&M.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Title")&&e.createElement("div",{className:"yt-mixMatch-title-wrapper",style:{display:"flex",flexDirection:"column",gap:"8px",marginBottom:"10px",width:"100%",textAlign:M.comboBundle.infoAlignment||"left"}},e.createElement("h2",{className:"yt-mixMatch-bundle-title",style:{fontSize:"28px",color:M.comboBundle?.titleTextColor||"#000",fontWeight:"bold",lineHeight:"1.6",margin:0}},V)),M.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Price")&&Number(z)>1&&e.createElement(e.Fragment,null,e.createElement(rd,{className:"yt-mixMatch-price-container",infoAlignment:M.comboBundle.infoAlignment},e.createElement(id,{className:"yt-mixMatch-current-price"},im(M.general.currencySymbol,i.storeCurrencyCode),rm(z)),Number(z)<Number(F)&&e.createElement(ad,{className:"yt-mixMatch-original-price",style:{minWidth:"fit-content"}},im(M.general.currencySymbol,i.storeCurrencyCode)," ",rm(F)),e.createElement(ld,{className:"yt-mixMatch-stock-label",style:{minWidth:"fit-content"}},"In Stock")),e.createElement(cd,{className:"yt-mixMatch-tax-info",style:{textAlign:M.comboBundle.infoAlignment||"left",fontSize:M.comboBundle.productDescriptionFontSize}},"Tax included. Shipping calculated at checkout."))),e.createElement(sd,{className:"yt-mixMatch-products-grid",gridSize:N.length,isHorizontal:W},N.map((t,o)=>{const i=(e=>!!c[e]&&!!c[e].productId)(o),{product:a,variantId:l}=(e=>{const t=c?.[e];return t?{product:D(t.productId),variantId:t.variantId}:{product:void 0,variantId:""}})(o),s=a?((e,t)=>{if(!e||!e.variants.edges)return null;const n=e.variants.edges.find(e=>e.node.id===t);return n?.node})(a,l):null,d=t.isFixed,p=r(null);return n(()=>{const e=p.current;if(!e)return;const t=e.querySelector("span");if(!t)return;const n=e.clientWidth,o=t.scrollWidth;if(o<=n)return e.setAttribute("data-overflow","false"),e.style.removeProperty("--scroll-end"),void e.style.removeProperty("--duration");const r=-(o-n);e.style.setProperty("--scroll-end",`${r}px`);const i=2*Math.max(1,Math.abs(r)/40)+3;e.style.setProperty("--duration",`${i}s`),e.setAttribute("data-overflow","true")},[s?.displayName,s?.title]),i&&a?e.createElement(dd,{className:"yt-mixMatch-product-box",key:`tier-${o}`,onClick:()=>!d&&L(o),style:{borderRadius:"20px",cursor:d?"default":"pointer"},isHorizontal:W,infoAlignment:M.comboBundle.infoAlignment},!d&&e.createElement(fd,{className:"yt-mixMatch-remove-button-icon",onClick:e=>{e.stopPropagation(),R(o)}},"×"),e.createElement(md,{className:"yt-mixMatch-product-image",src:a?.featuredMedia?.preview?.image?.url||"/placeholder.svg?height=200&width=200",alt:a?.title,style:{aspectRatio:M?.general.imageAspectRatio||"1/1"},isHorizontal:W}),e.createElement(ud,{className:"yt-mixMatch-product-info",style:{color:"#1e1e1e",textAlign:"center",...W&&"right"===M.comboBundle.infoAlignment&&{padding:"0 8px",textAlign:"right",alignItems:"flex-end"},...W&&"left"===M.comboBundle.infoAlignment&&{padding:"0 5px",textAlign:"left",alignItems:"flex-start"},...!W&&"left"===M.comboBundle.infoAlignment&&{padding:"0 10px"},...W&&"center"===M.comboBundle.infoAlignment&&{textAlign:"left",alignItems:"flex-start",padding:"0 5px"}},isHorizontal:W},e.createElement(xd,{className:"yt-mixMatch-product-variant",style:{fontSize:"15px",width:"100%",display:"flex",alignItems:"center",fontWeight:"600",textAlign:"center",lineHeight:"normal"},ref:p},e.createElement("span",null,a?.title," - ",s?.title)))):e.createElement(pd,{className:"yt-mixMatch-empty-product-box",key:`tier-${o}`,onClick:()=>!d&&L(o),isHorizontal:W,infoAlignment:M.comboBundle.infoAlignment,style:{cursor:d?"default":"pointer"}},d?e.createElement("div",{className:"yt-mixMatch-fixed-product-placeholder",style:{textAlign:"center",width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},e.createElement("div",{className:"yt-mixMatch-fixed-product-label",style:{fontSize:"12px",color:"#666",marginBottom:"8px"}},"Fixed Product"),e.createElement("div",{className:"yt-mixMatch-fixed-product-title",style:{fontSize:"14px",fontWeight:"600"}},t.title||`Product ${o+1}`)):e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-mixMatch-empty-icon-wrapper",style:{width:"100%",height:"80%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",borderTopLeftRadius:"18px",borderTopRightRadius:"18px",flexShrink:0,backgroundColor:"#f8f9fa"}},e.createElement(yd,{className:"yt-mixMatch-plus-icon"},"+")),e.createElement(gd,{className:"yt-mixMatch-select-text",style:{fontSize:"15px",fontWeight:"600",color:M.comboBundle.titleTextColor||"#1e1e1e",lineHeight:"normal",height:"20%",display:"flex",alignItems:"center",justifyContent:"center"},isHorizontal:W,infoAlignment:M.comboBundle.infoAlignment},e.createElement("p",{className:"yt-mixMatch-select-text-label",style:{width:"80%",margin:"0",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},t.title?`${t.title}`:`Select Product ${o+1}`))))})),e.createElement(bd,{className:"yt-mixMatch-add-to-cart-button",hoverProperties:{customizeHoverState:M.general.customizeHoverState,backgroundColor:M.general.ctaHoverBackgroundColor,textColor:M.general.ctaHoverTextColor},borderRadius:M.general.ctaBorderRadius,primaryBgColor:M.general.ctaBackgroundColor,onClick:async()=>{0===g&&i?.personalizedForm?.title?u(!0):await O()},textColor:M.general.ctaTextColor,borderColor:M.general.ctaBorderColor},0===g?k?e.createElement(ue,{color:"white",loading:k,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):e.createElement(e.Fragment,null,M.comboBundle.ctaTitle||"Add Bundle to cart"):`Add ${g} more item(s)`),M.comboBundle?.embedContentVisibility&&M.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Description")&&e.createElement("div",{className:"yt-mixMatch-description-wrapper",style:{margin:"20px 0px"}},e.createElement("h4",{className:"yt-mixMatch-description-heading",style:{fontSize:"16px",color:M.comboBundle?.descriptionTextColor||"#000",lineHeight:"1.2",margin:0,padding:"8px",backgroundColor:M.general.primaryColor+"20",textAlign:M.comboBundle.infoAlignment||"left"}},"Description"),e.createElement("div",{className:"yt-mixMatch-description-body",style:{fontSize:M.comboBundle.productDescriptionFontSize||"16px",color:M.comboBundle?.descriptionTextColor||"#000",lineHeight:"1.2",padding:"8px",backgroundColor:M.general.primaryColor+"08",textAlign:M.comboBundle.infoAlignment||"left"},dangerouslySetInnerHTML:{__html:j}}))),d&&P(e.createElement(hd,{className:"yt-mixMatch-modal-overlay",onClick:()=>p(!1)},e.createElement(vd,{className:"yt-mixMatch-modal-content",onClick:e=>e.stopPropagation()},e.createElement(wd,{className:"yt-mixMatch-search-container",style:{position:"sticky",top:0,background:"#fff",zIndex:10}},e.createElement("div",{className:"yt-mixMatch-search-row",style:{display:"flex",width:"100%",gap:"2px",alignItems:"center",marginBottom:"8px"}},e.createElement(Cd,{className:"yt-mixMatch-search-input",placeholder:"Search",value:b,onChange:e=>{h(e.target.value)}}),e.createElement(Ed,{className:"yt-mixMatch-cancel-button",onClick:()=>p(!1)},"Cancel")),e.createElement("div",{className:"yt-mixMatch-search-divider",style:{height:"1px",width:"100%",backgroundColor:"#EBEBEB"}})),e.createElement("div",{className:"yt-mixMatch-product-list-wrapper",style:{marginBottom:S?"20px":"5px",flex:1,minHeight:0,overflow:"scroll"}},e.createElement(kd,{className:"yt-mixMatch-product-list",style:{height:"auto",flex:"unset"}},v?.length>0?v?.map(t=>{const n=t?.productDetails;if(!n)return null;const o=(e=>{if(null==f)return!1;const t=c?.[f];return!!t&&t.productId===e})(t.productId),r=A(t.productId);let a=r||"";return a=o&&null!==f?c?.[f]?.variantId||a:C[t.productId]||r,e.createElement(Td,{className:"mixAndMatch-product-item",primaryBgColor:M.general.primaryColor||"#1e1e1e",key:n.id,isSelected:o,onClick:()=>{_(t.productId,a)}},e.createElement(Sd,{className:"mixAndMatch-vendor-image",src:n.featuredMedia?.preview?.image?.url||"/placeholder.svg?height=50&width=50",alt:n.title}),e.createElement($d,{className:"mixAndMatch-vendor-info"},e.createElement(Nd,{className:"mixAndMatch-vendor-name"},n.title),e.createElement(Id,{className:"mixAndMatch-variant-options"},n.variants?.edges?.filter(({node:e})=>"Default Title"!==e.title)?.map(({node:r})=>{const i=0===B(n,r.id);return e.createElement(Dd,{className:"mixAndMatch-variant-button "+(a===r.id?"mixAndMatch-variant-button--selected":""),primaryBgColor:M.general?.primaryColor,disabled:!!o||i,key:r.id,isSelected:a===r.id,tierHasProductId:!!o,onClick:e=>{var n,o;e.stopPropagation(),i||(n=t.productId,o=r.id,E(e=>({...e,[n]:o})))},style:{opacity:i?.5:1,cursor:i?"not-allowed":"pointer"}},r.title)}))),e.createElement(Bd,{className:"yt-mixMatch-add-to-bundle",cornerRadiusType:i?.cornerRadiusType??"",primaryBgColor:M.general?.primaryColor||"#1e1e1e",onClick:()=>o?R(f||0):_(t.productId,a)},o?e.createElement(Fd,null,"Added"):" + Add"))}):e.createElement(zd,{className:"yt-mixMatch-no-results-message"},'No products found matching "',b,'"'))))),document.body),i?.personalizedForm?.title&&e.createElement(Cs,{isOpen:m,onClose:()=>u(!1),formConfig:i.personalizedForm,onCheckout:async e=>{await O(e),u(!1)},cta:{backgroundColor:M.general?.ctaBackgroundColor||"#121212",textColor:M.general?.ctaTextColor||"#FFFFFF"},isMobile:S}))},Ad=c.div`
|
|
4024
4024
|
border-radius: 8px;
|
|
4025
4025
|
container-type: inline-size;
|
|
4026
4026
|
`,_d=c.div`
|
|
@@ -4388,7 +4388,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4388
4388
|
display: none;
|
|
4389
4389
|
}
|
|
4390
4390
|
}
|
|
4391
|
-
`;const
|
|
4391
|
+
`;const mp=c.div`
|
|
4392
4392
|
flex: 0 0 auto;
|
|
4393
4393
|
max-width: 20px;
|
|
4394
4394
|
font-size: 32px;
|
|
@@ -4413,7 +4413,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4413
4413
|
color: #717171;
|
|
4414
4414
|
z-index: 2;
|
|
4415
4415
|
}
|
|
4416
|
-
`,
|
|
4416
|
+
`,up=c.div`
|
|
4417
4417
|
position: relative;
|
|
4418
4418
|
display: inline-block;
|
|
4419
4419
|
min-width: 100px;
|
|
@@ -4674,9 +4674,9 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4674
4674
|
}
|
|
4675
4675
|
`,Op=c.span`
|
|
4676
4676
|
font-size: 12px;
|
|
4677
|
-
`,Mp=({productsWithIndices:r,isOpen:i,onClose:a,cta:l,variantOptions:c,onVariantChange:s,handleAddToCart:d,primaryProductId:p,variantId:u})=>{const m=o(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e?.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[]),[g,x]=t({}),[f,y]=t({});n(()=>{const e={},t={};r?.forEach(({product:n,index:o})=>{let r,i=[];if(n.productId===p&&u){const e=n?.productDetails?.variants?.edges.find(e=>e?.node?.id?.includes(u))?.node;e&&m(n.productDetails,e.id)>0&&(i=e.title.split(" / "),r=e)}if(!i.length){const e=n.productDetails.variants.edges.find(e=>m(n.productDetails,e?.node?.id)>0)?.node||n?.productDetails?.variants?.edges?.[0]?.node;e?(i=e.title.split(" / "),r=e):i=n?.productDetails?.options?.map(e=>e.values[0]??"")}e[o]=i,r&&(t[o]={node:r},s(o,r.id))}),x(e),y(t)},[r,p,u,s,m]),n(()=>{if(!p||!u)return;const e=r?.find(({product:e})=>e?.productId===p);if(!e)return;const{product:t,index:n}=e,o=t?.productDetails?.variants?.edges?.find(e=>e.node.id.includes(u))?.node;if(o&&m(t.productDetails,o.id)>0){const e=o.title.split(" / ");x(t=>({...t,[n]:e})),y(e=>({...e,[n]:{node:o}})),s(n,o.id)}},[u,p,r,s,m]);const b=(e,t,n,o)=>{const r=[...g[e]||[]];r[t]=n;const i=r.join(" / "),a=o.productDetails.variants.edges.find(e=>e.node.title===i)?.node;return!!a&&m(o.productDetails,a.id)>0},h=(e,t,n)=>{const{product:o}=r?.find(t=>t.index===e)||{product:{productDetails:{variants:{edges:[]}}}};if(!o?.productDetails)return;if(!b(e,n,t,o))return;const i={...g};i[e][n]=t,x(i);const a=o?.productDetails?.variants?.edges?.find(t=>t.node.title===i[e].join(" / "))?.node;a&&(s(e,a.id),y(t=>({...t,[e]:{node:a}})))};if(!i)return null;const v=e.createElement(Tp,{className:"yt-fixedBundle-variant-modal_overlay",onClick:a},e.createElement(Sp,{className:"yt-fixedBundle-variant-modal_container",onClick:e=>e.stopPropagation()},e.createElement($p,{className:"yt-fixedBundle-variant-modal_header",style:{backgroundColor:l.backgroundColor,color:l.textColor}},"Select Options"),r?.map(({product:t,index:n},o)=>e.createElement(e.Fragment,null,e.createElement(Bp,{className:"yt-fixedBundle-variant-modal_product-block"},e.createElement(Fp,{className:"yt-fixedBundle-variant-modal_thumbnail",src:f[n]?.node?.image?.url||t.productDetails.featuredMedia?.preview?.image?.url,alt:t.productDetails.title}),e.createElement(zp,{className:"yt-fixedBundle-variant-modal_product-info"},e.createElement(Ip,{className:"yt-fixedBundle-variant-modal_product-name"},t.productDetails.title,t?.productDetails?.variants?.edges?.filter(e=>"Default Title"!==e.node.title)?.length>0&&e.createElement(Pp,{className:"yt-fixedBundle-variant-modal_selected-value"},g[n]?.join(" / "))),t.productDetails.options.map((o,r)=>{const i=c&&c?.options?.find(e=>e.name===o.name),a=o.values.filter(e=>t.productDetails.variants.edges.some(t=>t.node.title.split(" / ")[r]===e));return 0===a.length||1===a.length&&"Default Title"===a[0]?e.createElement(e.Fragment,null):i&&"color"===i?.type?e.createElement(Ap,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Op,{className:"yt-fixedBundle-variant-modal_option-name"},o.name," :"," "),a.map((o,a)=>{const l=!b(n,r,o,t);return e.createElement(e.Fragment,null,i.values.find(e=>e.name===o)?.value?e.createElement(_p,{className:"yt-fixedBundle-variant-modal_color-swatch",key:a,color:i.values.find(e=>e.name===o)?.value||o,selected:g[n]?.[r]==o,disabled:l,onClick:()=>{h(n,o,r)}},e.createElement("span",null)):e.createElement(Rp,{className:"yt-fixedBundle-variant-modal_text-swatch",key:a,selected:g[n]?.[r]==o,disabled:l,onClick:()=>{h(n,o,r)}},o))})):i&&"image"===i?.type?e.createElement(Ap,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Op,{className:"yt-fixedBundle-variant-modal_option-name"},o.name," :"," "),a.map((o,a)=>{const l=!b(n,r,o,t);return e.createElement(e.Fragment,null,i?.values.find(e=>e.name===o)?.value?e.createElement(Lp,{className:"yt-fixedBundle-variant-modal_image-swatch",key:a,selected:g[n]?.[r]==o,disabled:l,onClick:()=>{h(n,o,r)},src:i.values.find(e=>e.name===o)?.value},e.createElement("span",null)):e.createElement(Rp,{className:"yt-fixedBundle-variant-modal_text-swatch",key:a,selected:g[n]?.[r]==o,disabled:l,onClick:()=>{h(n,o,r)}},o))})):e.createElement(Ap,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Op,{className:"yt-fixedBundle-variant-modal_option-name"},o.name," :"," "),a.map((o,a)=>{const l=!b(n,r,o,t);return e.createElement(Rp,{className:"yt-fixedBundle-variant-modal_text-swatch",key:a,selected:g[n]?.[r]==o,disabled:l,onClick:()=>{h(n,o,r)}},"text"===i?.type&&i.values.find(e=>e.name===o)?.value||o)}))}))),o<r.length-1&&e.createElement(Dp,{className:"yt-fixedBundle-variant-modal_divider"}))),e.createElement(Np,{className:"yt-fixedBundle-variant-modal_confirm-button",style:{backgroundColor:l.backgroundColor,color:l.textColor},onClick:d},"Add bundle to cart")));return D.createPortal(v,document.body)},Wp=(e,t=64)=>{if(!e)return"/placeholder.svg";try{const n=new URL(e);return n.searchParams.set("width",String(t)),n.toString()}catch{return e}},Vp=({options:o,selectedValue:i,onChange:a,type:l="text"})=>{const[c,s]=t(!1),d=r(null);n(()=>{const e=e=>{d.current&&!d.current.contains(e.target)&&s(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const p=t=>"color"===l?e.createElement(vp,{className:"yt-fixedBundle-variant-dropdown-horizontal_color-swatch",$color:t.value},e.createElement("span",null)):"image"===l?e.createElement(wp,{className:"yt-fixedBundle-variant-dropdown-horizontal_image-swatch",src:t.value||"/placeholder.svg",alt:t.name},e.createElement("span",null)):null;return e.createElement(mp,{className:"yt-fixedBundle-variant-dropdown-horizontal_container",ref:d},e.createElement(gp,{className:"yt-fixedBundle-variant-dropdown-horizontal_header",onClick:()=>s(!c)},e.createElement(xp,{className:"yt-fixedBundle-variant-dropdown-horizontal_content"},i&&("color"===l||"image"===l)&&p(i),e.createElement("span",{className:"yt-fixedBundle-variant-dropdown-horizontal_selected-text"},i&&i.name)),e.createElement(fp,{className:"yt-fixedBundle-variant-dropdown-horizontal_chevron-icon",$isOpen:c})),c&&e.createElement(yp,{className:"yt-fixedBundle-variant-dropdown-horizontal_list"},o?.map(t=>e.createElement(bp,{className:"yt-fixedBundle-variant-selector_dropdown-item "+(i?.name===t.name?"yt-fixedBundle-variant-selector_dropdown-item--selected":""),key:t.name,$isSelected:i?.name===t.name,onClick:()=>{t.disabled||(a(t),s(!1))},style:{opacity:t.disabled?.5:1,cursor:t.disabled?"not-allowed":"pointer"}},("color"===l||"image"===l)&&p(t),e.createElement(hp,{className:"yt-fixedBundle-variant-dropdown-horizontal_item-text"},t.name)))))},jp=({product:o,variantOptions:r,selectedVariants:i,onVariantChange:a,variantId:l,primaryProductId:c,variantType:s="dropdown",accentColor:d="#000000"})=>{const p=(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e?.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLocaleLowerCase()?1/0:0:1/0:0},[u,m]=t(i||[]);n(()=>{i&&i.length>0&&m(i)},[i]),n(()=>{if(l&&o.variants.edges.some(e=>e.node.id.includes(l))){const e=o.variants.edges.find(e=>e.node.id.includes(l))?.node;if(e){const t=e.title.split(" / ");m(t)}}},[l,o]);const g=e=>{if(!r?.options)return"text";const t=r.options.find(t=>t.name===e);return t?.type||"text"},x=(e,t)=>{const n=u[t];if(!n)return null;return f(e,t).find(e=>e.name===n)||null},f=(e,t)=>{const n=r?.options?.find(t=>t.name===e.name);return e.values.filter(e=>o.variants.edges.some(n=>n.node.title.split(" / ")[t]===e)).map(e=>{const r=n?.values?.find(t=>t.name===e),i=!((e,t,n)=>{const o=[...u||[]];o[e]=t;const r=o.join(" / "),i=n.variants.edges.find(e=>e.node.title===r)?.node;return!!i&&p(n,i.id)>0})(t,e,o);return{name:e,value:r?.value||e,disabled:i}})},y=(e,t)=>e.values.filter(e=>o.variants.edges.some(n=>n.node.title.split(" / ")[t]===e));return"swatches"===s||"auto"===s?e.createElement(e.Fragment,null,o.options.map((t,n)=>{const i=r?.options?.find(e=>e.name===t.name);return e.createElement("div",{key:t.name,className:"yt-fixedBundle-product-option-group-horizontal",style:{...t?.values?.length>1&&{marginTop:"10px"},display:"flex",flexDirection:"row",gap:"8px",alignItems:"center"}},o.options.length>1&&y(t,n)?.length>1&&e.createElement("label",{className:"yt-fixedBundle-product-option-label",style:{fontSize:"12px",fontWeight:"500",color:"#333"}},t.name,":"),y(t,n)?.length>1&&e.createElement("div",{className:"yt-fixedBundle-product-option-values-horizontal",style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"8px",flexWrap:"wrap"}},y(t,n).map(t=>{const r=[...u];r[n]=t;const l=o.options.length>0?r.join(" / "):r[n],c=o.variants.edges.find(e=>e.node.title===l)?.node,s=0===(c?p(o,c.id):0),m=u[n]===t;if("color"===i?.type){const n=i.values.find(e=>e.name===t)?.value;return e.createElement("button",{key:t,className:`yt-fixedBundle-product-option-button-color${m?" yt-fixedBundle-product-option-button-selected":""}${s?" yt-fixedBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&a(c.id)},disabled:s,style:{borderRadius:"50%",padding:"1px",backgroundColor:"white",border:m&&!s?`1px solid ${d}`:"1px solid transparent",opacity:s?.5:1,cursor:s?"not-allowed":"pointer"}},n?e.createElement("div",{className:"yt-fixedBundle-product-option-color-swatch",style:{width:m&&!s?"26px":"24px",height:m&&!s?"26px":"24px",borderRadius:"50%",backgroundColor:n}},e.createElement("span",null)):e.createElement("span",{className:"yt-fixedBundle-product-option-text",style:{padding:"4px 8px",border:m&&!s?`1px solid ${d}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:m&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",fontSize:"10px",fontWeight:"600"}},t))}if("image"===i?.type){const n=i.values.find(e=>e.name===t)?.value;return e.createElement("button",{key:t,className:`yt-fixedBundle-product-option-button-image${m?" yt-fixedBundle-product-option-button-selected":""}${s?" yt-fixedBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&a(c.id)},disabled:s,style:{border:m&&!s?`1px solid ${d}`:"1px solid #E4E4E4",borderRadius:"100%",backgroundColor:m&&!s?"#F7F7F7":"transparent",cursor:s?"not-allowed":"pointer",padding:"0px",width:m&&!s?"26px":"24px",height:m&&!s?"26px":"24px",overflow:"hidden",opacity:s?.5:1}},n?e.createElement("img",{className:"yt-fixedBundle-product-option-image",src:Wp(n),alt:t,style:{width:m&&!s?"26px":"24px",height:m&&!s?"26px":"24px",objectFit:"cover",borderRadius:"100%",aspectRatio:"1/1"}}):e.createElement("span",{className:"yt-fixedBundle-product-option-text",style:{padding:"4px 8px",border:m&&!s?`1px solid ${d}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:m&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",fontSize:"10px",fontWeight:"600"}},t))}return e.createElement("button",{key:t,className:`yt-fixedBundle-product-option-button-text${m?" yt-fixedBundle-product-option-button-selected":""}${s?" yt-fixedBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&a(c.id)},disabled:s,style:{padding:"4px 8px",border:m&&!s?`1px solid ${d}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:m&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",cursor:s?"not-allowed":"pointer",fontSize:"10px",fontWeight:"600",opacity:s?.5:1}},"text"===i?.type&&i.values.find(e=>e.name===t)?.value||t)})))})):e.createElement(Cp,{className:"yt-fixedBundle-variant-selector-horizontal_container"},o.options.map((t,n)=>{const r=f(t,n);return 0===r.length||1===r.length&&"Default Title"===r[0].name?null:e.createElement(Ep,{className:"yt-fixedBundle-variant-selector-horizontal_option-row",key:t.name,$isFirst:0===n},e.createElement(Vp,{options:r,selectedValue:x(t,n),onChange:e=>{((e,t)=>{const n=[...u];n[e]=t.name,m(n);const r=o.variants.edges.find(t=>t.node.title===(o.options?.length>0?n.join(" / "):n[e]))?.node.id;a(r||"")})(n,e)},type:g(t.name)}))}))},Hp=({product:r,selectedVariantId:a,isChecked:l,canCustomize:c,styles:s,onVariantChange:d,onCheckChange:p,isMobile:u,isHorizontal:m,index:g,variantOptions:x,productsLength:f,handleOpenModal:y,storeCurrencyCode:b,primaryProductId:h,variantId:v,checkedProducts:w,bundleDiscountValue:C,bundleDiscountType:E,bundleProductsCount:k,totalSelectedOriginal:T})=>{const S="23e4dd-58.myshopify.com"!==window.Shopify?.shop,$=o(()=>e=>{const t=r?.variants?.edges?.find(t=>t.node.id===e),n=t?.node;return n?r?.tracksInventory&&n.inventoryItem?.tracked?n.inventoryQuantity>0?n.inventoryQuantity:n.inventoryQuantity<=0&&"continue"===n.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[r]),[N,B]=t(r?.variants?.edges.find(e=>$(e?.node?.id)>0)?.node||r?.variants?.edges?.[0]?.node),F=o(()=>N?.title?.split(" / ")||[],[N]),z=r?.id===h;n(()=>{if(r.id===h){const e=r?.variants?.edges?.find(e=>e?.node?.id?.includes(a))?.node;e&&$(e.id)>0&&(B(e),d(e.id))}else{const e=r?.variants?.edges?.find(e=>e?.node?.id===a)?.node||r?.variants?.edges?.find(e=>$(e?.node?.id)>0)?.node||r?.variants?.edges?.[0]?.node;B(e)}},[r,h,a,v,d,$]);const I=i(e=>{const t=r?.variants?.edges?.find(t=>t.node.id===e)?.node;t&&d(e)},[r,d]),D=s?.fixedBundle?.discountBadgeDisplay,P=parseFloat(N?.price??"0"),A=w?.size===k,_=((e,t,n,o,r,i)=>{if(0===o||!n)return e;if(o!==r)return e;switch(t){case"percentOff":case"percentageOff":case"percentage":case"Percentage":return e*(1-n/100);case"amountOff":case"amount":case"Amount Off":{if(i<=0)return e;const t=e/i*n;return Math.max(0,e-t)}case"fixedPrice":case"fixed":case"fixedPrice":return n*(e/i);default:return e}})(P,E,C??0,w?.size,k,T),R=A?_:parseFloat(N?.price??"0"),L="discount-on-compare"===D?parseFloat(N?.compareAtPrice||N?.price||"0"):parseFloat(N?.price??"0"),O=!1!==s?.fixedBundle?.discountBadgeVisibility&&(L>R&&s?.fixedBundle?.compareAtPriceVisibility||"discount-on-compare"===D&&s?.fixedBundle?.compareAtPriceVisibility),M=(e=>{const t="string"==typeof e?parseFloat(e):e;return S?t.toFixed(2):Math.round(t).toString()})(R),W="undefined"!=typeof window&&"usee-shop-app.myshopify.com"===window.ytBundleApp?.storeDomain,V=N?.image?.url||r.featuredMedia?.preview?.image?.url;return e.createElement(e.Fragment,null,m?e.createElement("div",{className:""+(r.id===h?"yt-fixedBundle-product-card--horizontal-primary":"yt-fixedBundle-product-card--horizontal-associated"),style:{display:"flex",alignItems:"center",gap:"10px"}},c&&e.createElement("div",{className:"yt-fixedBundle-product-card_checkbox-wrapper--horizontal"},e.createElement("input",{type:"checkbox",style:{display:"none"},className:"yt-fixedBundle-product-card_checkbox-hidden",id:`checkbox-${r.id}-${g}`,defaultChecked:l,onChange:e=>p(e.target.checked),disabled:z}),e.createElement("label",{className:"yt-fixed-bundle-checkbox-label yt-fixedBundle-product-card_checkbox-label",htmlFor:`checkbox-${r.id}-${g}`,style:{width:"18px",height:"18px",border:"1.5px solid "+((s.fixedBundle?.borderColor??"#ccc")+"80"),borderRadius:s.fixedBundle?.borderRadius??"4px",backgroundColor:l?s.general?.ctaBackgroundColor??"#d3122a":"transparent",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"all 0.2s ease",color:"white"}},e.createElement(G,{style:{fontSize:"14px",visibility:l?"visible":"hidden"}}))),e.createElement(Od,{className:"yt-fixedBundle-product-card-horizontal_item",style:{borderRadius:s.fixedBundle?.borderRadius,border:`1px solid ${s.fixedBundle?.borderColor}80`,backgroundColor:s.fixedBundle?.cardBackgroundColor,boxShadow:{none:"none",spread:`8px 8px 8px -6px ${s.fixedBundle.borderColor}`,"no-spread":`4px 4px 0px -1px ${s.fixedBundle.borderColor}80`}[s.fixedBundle.shadowType]||"none"},canCustomize:c},"undefined"!=typeof window&&"usee-shop-app.myshopify.com"!==window.ytBundleApp?.storeDomain&&e.createElement(Md,{className:"yt-fixedBundle-product-card-horizontal_image",src:au(V),alt:r.title,style:{borderRadius:s.fixedBundle?.borderRadius,borderColor:s.fixedBundle?.borderColor,aspectRatio:s.general.imageAspectRatio||"1/1",borderTopRightRadius:"0",borderBottomRightRadius:"0"}}),e.createElement(Wd,{className:"yt-fixedBundle-product-card-horizontal_details"},e.createElement(Vd,{className:"yt-fixedBundle-product-card-horizontal_title"},r.title),s.fixedBundle.productsPriceVisibility&&e.createElement(jd,{className:"yt-fixedBundle-product-card-horizontal_price-section"},e.createElement(Hd,{className:"yt-fixedBundle-product-card-horizontal_price--new"},iu(s.general.currencySymbol,b)," ",ru(M)),O&&L>R&&e.createElement(qd,{className:"yt-fixedBundle-product-card-horizontal_price--old"},iu(s.general.currencySymbol,b),ru(S?L.toFixed(2):Math.round(L).toString()))),e.createElement(jp,{product:r,variantOptions:x,selectedVariants:F,onVariantChange:I,variantId:v,primaryProductId:h,variantType:s?.fixedBundle?.variantSelectorType,accentColor:s?.general?.ctaBackgroundColor})))):e.createElement(e.Fragment,null,e.createElement(ep,{className:""+(r.id===h?"yt-fixedBundle-product-card--vertical-primary":"yt-fixedBundle-product-card--vertical-associated"),productsLength:f,style:{borderRadius:s.fixedBundle?.borderRadius,border:`1px solid ${s.fixedBundle?.borderColor}50`,backgroundColor:s.fixedBundle?.cardBackgroundColor,boxShadow:{none:"none",spread:`0 4px 10px -6px ${s.fixedBundle.borderColor}50`,"no-spread":`4px 4px 0px -1px ${s.fixedBundle.borderColor}50`}[s.fixedBundle.shadowType]||"none",...c&&{position:"relative"},...W&&{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",minWidth:"max-content",paddingLeft:"2px"}},borderRadius:s.fixedBundle?.borderRadius,borderColor:s.fixedBundle?.borderColor,backgroundColor:s.fixedBundle?.cardBackgroundColor},c&&e.createElement(kp,{className:"yt-fixedBundle-product-card_checkbox-wrapper--vertical",isImage:W},e.createElement("input",{className:"yt-fixedBundle-product-card_checkbox-hidden--vertical",style:{display:"none"},type:"checkbox",id:`checkbox-${r.id}-${g}`,defaultChecked:l,onChange:e=>p(e.target.checked),disabled:z}),e.createElement("label",{className:"yt-fixedBundle-product-card_checkbox-label--vertical",htmlFor:`checkbox-${r.id}-${g}`,style:{width:"18px",height:"18px",border:"1.5px solid "+((s.fixedBundle?.borderColor??"#ccc")+"80"),borderRadius:s.fixedBundle?.borderRadius??"4px",backgroundColor:l?s.general?.ctaBackgroundColor??"#d3122a":"transparent",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"all 0.2s ease",color:"white"}},e.createElement(G,{size:10,style:{fontSize:"14px",visibility:l?"visible":"hidden"}}))),"undefined"!=typeof window&&"usee-shop-app.myshopify.com"!==window.ytBundleApp?.storeDomain&&e.createElement(tp,{className:"yt-fixedBundle-product-card_image-wrapper--vertical",style:{aspectRatio:s.general.imageAspectRatio,height:"fit-content"}},e.createElement(np,{className:"yt-fixedBundle-product-card_image--vertical",src:au(V),style:{aspectRatio:s.general.imageAspectRatio},alt:r.title}),r.variants.edges.length>1&&e.createElement(op,{className:"yt-fixedBundle-product-card_badge-container"},e.createElement(rp,{className:"yt-fixedBundle-product-card_circle-button"},e.createElement("span",null)),e.createElement(ip,{className:"yt-fixedBundle-product-card_circle-button-two"},e.createElement("span",null)),e.createElement(ap,{className:"yt-fixedBundle-product-card_count-badge"},r.variants.edges.length,"+"))),e.createElement(lp,{className:"yt-fixedBundle-product-card-vertical_info"},e.createElement(cp,{className:"yt-fixedBundle-product-card-vertical_title"},r.title),s.fixedBundle.productsPriceVisibility&&e.createElement(dp,{className:"yt-fixedBundle-product-card-vertical_price-line"},e.createElement(sp,{className:"yt-fixedBundle-product-card-vertical_price--new"},iu(s.general.currencySymbol,b),ru(M)),s.fixedBundle.compareAtPriceVisibility&&O&&L>R&&e.createElement(qd,{className:"yt-fixedBundle-product-card-vertical_price--old"},iu(s.general.currencySymbol,b),ru(L))))),(f<=3||!u)&&g<f-1&&e.createElement(pp,{className:"yt-fixedBundle-plus-wrapper"}," ",e.createElement(up,{className:"yt-fixedBundle-plus-icon"},"+")," ")))},qp=({bundle:r,addToCartFunction:a,dispatchAnalyticsEvent:l})=>{const[c,s]=t(!1),[d,p]=t(window.innerWidth<786),[u,m]=t(null),[g,x]=t(!1),[f,y]=t(!1),b="undefined"!=typeof window?window.location.href:null,h=r?.products?.find(e=>e.productDetails?.handle===b?.split("/").pop()?.split("?")[0]),v=h?.productId,w=o(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e?.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[]),[C,E]=t(Object.fromEntries(r?.products?.map((e,t)=>[t.toString(),e?.productDetails?.variants?.edges?.find(t=>w(e.productDetails,t?.node?.id)>0)?.node?.id||e.productDetails?.variants?.edges?.[0]?.node?.id]))),k="undefined"!=typeof window&&("usee-shop-app.myshopify.com"===window.ytBundleApp?.storeDomain||"beautywiseshop.myshopify.com"===window.ytBundleApp?.storeDomain||"swashaa.myshopify.com"===window.ytBundleApp?.storeDomain),T=r?.showIndividualProductSelector??!0,[S,$]=t(new Set(r.products.reduce((e,t,n)=>(k&&t?.productId!==v&&!T||e.push(n),e),[])));n(()=>{l?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:r._id,bundleType:"fixed-bundle"}});const e=()=>{const e=new URL(window.location.href).searchParams.get("variant");m(e)},t=e=>{const t=history[e];return function(...n){const o=t.apply(this,n);return window.dispatchEvent(new Event(e.toLowerCase())),o}};return history.pushState=t("pushState"),history.replaceState=t("replaceState"),window.addEventListener("pushstate",e),window.addEventListener("replacestate",e),e(),()=>{window.removeEventListener("pushstate",e),window.removeEventListener("replacestate",e)}},[]),n(()=>{u&&v&&E(e=>{const t={...e};return r?.products?.forEach((e,n)=>{e.productId===v&&(t[n.toString()]=u)}),t})},[u,v,r?.products]),n(()=>{const e=()=>{p(window.innerWidth<600)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const N=i((e,t)=>{E(n=>({...n,[e.toString()]:t}))},[]),B=(e,t)=>{const n=r.products[t].productId;k&&n===v||$(n=>{const o=new Set(n);return e?o.add(t):o.delete(t),o})},F=o(()=>(e,t)=>w(e.productDetails,t)>0,[w]),z=o(()=>r.products.some((e,t)=>S.has(t)&&e.productDetails.variants.edges.length>1),[r.products,S]),I="23e4dd-58.myshopify.com"!==window.Shopify?.shop,D=e=>{const t="string"==typeof e?parseFloat(e):e;return I?t.toFixed(2):Math.round(t).toString()},{originalPrice:P,dealPrice:A,offerValue:_}=o(()=>{const{price:e,compareAtPrice:t}=r.products.reduce((e,t,n)=>{if(!S.has(n))return e;const o=C[n.toString()];if(!o)return e;const r=t.productDetails.variants.edges?.find(e=>e.node.id===o)?.node;if(!r)return e;const i=parseFloat(r?.price??"0"),a=parseFloat(r?.compareAtPrice||i.toString());return e.price+=i,e.compareAtPrice+=a,e},{price:0,compareAtPrice:0}),n="discount-on-compare"===(r?.customizations?.fixedBundle?.discountBadgeDisplay||"discount-on-price")?t:e;let o=e;S.size===r.products.length&&(r?.percentageOff?o=e*(1-r.percentageOff/100):r?.dealAmount?o=r.dealAmount:r?.amountOff&&(o=e-r.amountOff));const i=n-o;return{originalPrice:D(n),dealPrice:D(o),offerValue:D(i)}},[r.products,C,S,r.percentageOff,r.dealAmount,r.amountOff,r?.customizations?.fixedBundle?.discountBadgeDisplay]),R=o(()=>r.products.map((e,t)=>({product:e,index:t})).filter(({index:e})=>S.has(e)),[r.products,S]),L=R.every(({product:e,index:t})=>F(e,C[t.toString()])),O=o(()=>{let e=0;return r.products.forEach((t,n)=>{if(S.has(n)){const o=C[n.toString()],r=t.productDetails.variants.edges.find(e=>e.node.id===o)?.node;r&&(e+=parseFloat(r.price??"0"))}}),e},[r.products,S,C]),M=async e=>{s(!0),x(!1),l?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:r._id,bundleType:"fixed-bundle",selectedProducts:R?.map(e=>({id:e?.product?.productId,title:e?.product?.productDetails?.title}))}});try{const t=Object.entries(C).map(([e,t])=>{const n=parseInt(e);return isNaN(n)||!S.has(n)?null:t}).filter(Boolean);a&&await a(Number(P),t,void 0,void 0,e)}catch(e){console.error("Error adding to cart:",e)}s(!1)},W=async e=>{if(L){if(e&&(e.preventDefault(),e.stopPropagation()),r?.personalizedForm?.title)return x(!1),void y(!0);await M()}};if(!a)return e.createElement(e.Fragment,null);const V=r.customizations,j=V.fixedBundle?.cardLayoutStyle||"auto",H="horizontal"===j||"auto"===j&&d,q="bundles"==r.appName?r.pageHeader?.title:r?.title,Q="bundles"==r.appName?r.pageHeader?.description:r?.subtitle;return e.createElement(Ad,{id:"yt-fixedBundle-container",className:"yt-fixedBundle-container",style:{maxWidth:"800px",backgroundColor:V.fixedBundle.sectionBackgroundColor,..."transparent"!==V.fixedBundle.sectionBackgroundColor&&{padding:"20px"}}},q&&e.createElement(_d,{id:"yt-fixedBundle-header",className:"yt-fixedBundle-header",style:{backgroundColor:V.fixedBundle?.titleBackgroundColor||"none",color:V.fixedBundle?.titleTextColor||"black",textAlign:V.fixedBundle.infoAlignment??"center",fontSize:V.fixedBundle?.titleFontSize,..."transparent"!==V.fixedBundle.titleBackgroundColor&&{paddingBlock:"7px"},..."left"===V.fixedBundle.infoAlignment&&"transparent"!==V.fixedBundle.titleBackgroundColor&&{paddingLeft:"7px"},..."right"===V.fixedBundle.infoAlignment&&"transparent"!==V.fixedBundle.titleBackgroundColor&&{paddingRight:"7px"},..."left"===V.fixedBundle.infoAlignment&&"transparent"===V.fixedBundle.titleBackgroundColor&&{paddingLeft:"0px"}}},q),Q&&e.createElement(Rd,{id:"yt-fixedBundle-subheader",className:"yt-fixedBundle-subheader",style:{color:"#121212",fontSize:V.fixedBundle?.subtitleFontSize,textAlign:V.fixedBundle.infoAlignment??"center",..."left"===V.fixedBundle.infoAlignment&&"transparent"!==V.fixedBundle.titleBackgroundColor&&{paddingLeft:"7px"},..."right"===V.fixedBundle.infoAlignment&&"transparent"!==V.fixedBundle.titleBackgroundColor&&{paddingRight:"7px"},..."left"===V.fixedBundle.infoAlignment&&"transparent"===V.fixedBundle.titleBackgroundColor&&{paddingLeft:"0px"}}},Q),H?e.createElement(Ld,{id:"yt-fixedBundle-horizontal-container",className:"yt-fixedBundle-horizontal-container"},r?.products?.map((t,n,o)=>e.createElement(e.Fragment,{key:`${t.productId}-${n}`},e.createElement(Hp,{isChecked:S.has(n),product:t.productDetails,selectedVariantId:C[n.toString()]||"",canCustomize:r?.canCustomizeFixedBundle||!1,styles:V,onVariantChange:e=>N(n,e),onCheckChange:e=>{B(e,n)},isMobile:d,index:n,isHorizontal:H,variantOptions:r.variantOptions,productsLength:r.products.length,storeCurrencyCode:r.storeCurrencyCode,primaryProductId:v,variantId:u||void 0,bundleDiscountType:r.discountType??"none",checkedProducts:S,bundleProductsCount:r.products.length,bundleDiscountValue:r.percentageOff||r.amountOff||r.dealAmount,totalSelectedOriginal:O}),n<o.length-1&&e.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"center"},className:"yt-fixedBundle-plus-icon-container"},e.createElement("span",{style:{padding:d?"1px":"2px",background:"#0000000D",..."none"!==V?.fixedBundle?.shadowType&&{marginTop:"2px"},display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},className:"yt-fixedBundle-plus-icon-wrapper"},e.createElement(Ae,{color:"black",style:{height:d?"16px":"24px",width:d?"16px":"24px",color:"black",lineHeight:"nomal"},className:"yt-fixedBundle-plus-icon-svg"})))))):e.createElement(Kd,{id:"yt-fixedBundle-vertical-container",className:"yt-fixedBundle-vertical-container"},e.createElement(Jd,{id:"yt-fixedBundle-product-list",className:"yt-fixedBundle-product-list",style:{justifyContent:"left"===V.fixedBundle.infoAlignment?"flex-start":"right"===V.fixedBundle.infoAlignment?"flex-end":"center"}},r?.products?.map((t,n)=>e.createElement(Hp,{key:`${t.productId}-${n}`,isChecked:S.has(n),product:t.productDetails,selectedVariantId:C[n.toString()]||"",canCustomize:r?.canCustomizeFixedBundle||!1,styles:V,onVariantChange:e=>{N(n,e)},onCheckChange:e=>B(e,n),isMobile:d,index:n,isHorizontal:H,productsLength:r.products.length,storeCurrencyCode:r.storeCurrencyCode,primaryProductId:v,variantId:u||void 0,bundleDiscountType:r.discountType??"none",checkedProducts:S,bundleProductsCount:r.products.length,bundleDiscountValue:r.percentageOff||r.amountOff||r.dealAmount,totalSelectedOriginal:O})),z&&e.createElement(Mp,{productsWithIndices:R,isOpen:g,onClose:()=>x(!1),variantOptions:r.variantOptions,cta:{textColor:V.general.ctaTextColor,backgroundColor:V.general.ctaBackgroundColor},onVariantChange:N,handleAddToCart:W,primaryProductId:v,variantId:u||void 0}))),e.createElement(Qd,{id:"yt-fixedBundle-summary",className:"yt-fixedBundle-summary",style:{alignItems:"left"===V.fixedBundle.infoAlignment?"flex-start":"right"===V.fixedBundle.infoAlignment?"flex-end":"center"}},Number(P)>0&&Number(_)>0&&V.fixedBundle.compareAtPriceVisibility&&e.createElement(Ud,{className:"yt-fixedBundle-summary_original-price"},"Original Price:"," ",e.createElement(Gd,{className:"yt-fixedBundle-summary_price"},iu(V.general.currencySymbol,r?.storeCurrencyCode),ru(P))),0!==S.size&&e.createElement(Yd,{className:"yt-fixedBundle-summary_total-price"},"Total Price:"," ",e.createElement(Gd,{className:"yt-fixedBundle-summary_price"},iu(V.general.currencySymbol,r?.storeCurrencyCode),ru(A))," ",Number(_)>0&&e.createElement(Xd,{className:"yt-fixedBundle-summary_save-tag"},"Save:"," ",iu(V.general.currencySymbol,r?.storeCurrencyCode),ru(_)))),e.createElement(Zd,{id:"yt-fixedBundle-add-to-cart",className:"yt-fixedBundle-add-to-cart",onClick:e=>{e.preventDefault(),e.stopPropagation(),H||!z?W(e):x(!0)},disabled:S.size<1||c||!L,style:{backgroundColor:V.general?.ctaBackgroundColor||"#121212",color:V.general?.ctaTextColor||"#FFFFFF",border:`1px solid ${V.general?.ctaBackgroundColor||"#121212"}`,boxShadow:V.general.ctaShadowType,paddingTop:V.general?.ctaPadding,paddingBottom:V.general?.ctaPadding,borderRadius:V.general.ctaBorderRadius,width:V.general.ctaWidth||"100%",textAlign:"center"},onMouseOver:e=>{V.general.customizeHoverState&&(e.currentTarget.style.backgroundColor=V.general?.ctaHoverBackgroundColor||"#F1F1F1",e.currentTarget.style.color=V.general?.ctaHoverTextColor||"#121212")},onMouseOut:e=>{V.general.customizeHoverState&&(e.currentTarget.style.backgroundColor=V.general?.ctaBackgroundColor||"#121212",e.currentTarget.style.color=V.general?.ctaTextColor||"#FFFFFF")}},c?e.createElement(me,{color:"white",loading:c,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):L?e.createElement(e.Fragment,null,V.fixedBundle?.ctaTitle??"Add Bundle to cart"):e.createElement(e.Fragment,null,"Out of Stock")),r?.personalizedForm?.title&&e.createElement(Cs,{isOpen:f,onClose:()=>y(!1),formConfig:r.personalizedForm,onCheckout:async e=>{await M(e),y(!1)},cta:{backgroundColor:V.general?.ctaBackgroundColor||"#121212",textColor:V.general?.ctaTextColor||"#FFFFFF"},isMobile:d}))},Qp=()=>window?.ShopifyAnalytics?.meta?.currency||window?.Shopify?.currency?.active||"USD",Up=({product:o,tierIdx:r,isOpen:i,onClose:a,onAddToBundle:l,canAdd:c,isSelected:s,customizations:d,isMobile:p,splitVariants:u=!1})=>{const[m,g]=t(0),[x,f]=t(o.variants[0]?.id.toString()||""),[y,b]=t(!0),h=o.variants.find(e=>e.id.toString()===x)||o.variants[0],v=o.images.filter(Boolean),w=(e=>{try{const t=new Intl.NumberFormat(void 0,{style:"currency",currency:e}).resolvedOptions().maximumFractionDigits??2;return Math.pow(10,t)}catch{return 100}})(Qp()),C=(()=>{const e=Qp();return de(e)??e})(),E=()=>{v.length<=1||(g(e=>0===e?v.length-1:e-1),b(!0))},k=()=>{v.length<=1||(g(e=>e===v.length-1?0:e+1),b(!0))};if(n(()=>(i&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow=""}),[i]),n(()=>{if(h&&h?.featured_image?.src){const e=document.querySelector(".yt-collection-bundle-modal-image"),t=au(h?.featured_image?.src);e?.setAttribute("src",t)}},[h]),!i)return null;const T=v.length>1,S=e.createElement("div",{className:"yt-collection-bundle-modal-overlay",style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.75)",zIndex:9999,display:"flex"},onClick:a},e.createElement("div",{className:"yt-collection-bundle-modal-container",style:{background:"#fff",borderRadius:d?.borderRadius||"12px",maxWidth:1e3,width:"100%",height:"72dvh",margin:"auto",display:"flex",overflow:"hidden",position:"relative"},onClick:e=>e.stopPropagation()},e.createElement("button",{className:"yt-collection-bundle-modal-close-btn",onClick:a,style:{position:"absolute",top:12,right:12,zIndex:10,background:"#fff",border:"1px solid #ddd",borderRadius:"50%",width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"}},e.createElement(Y,{size:22})),e.createElement("div",{className:"yt-collection-bundle-modal-image-container",style:{flex:1,position:"relative",margin:"20px 0 20px 20px",borderRadius:d?.borderRadius||"12px",background:"#f5f5f5"}},v.length>0&&e.createElement(e.Fragment,null,y&&e.createElement("style",null,"\n @keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n "),y&&e.createElement("div",{style:{position:"absolute",inset:0,background:"linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)",backgroundSize:"200% 100%",animation:"shimmer 1.5s infinite",borderRadius:d?.borderRadius||"12px"}}),e.createElement("img",{className:"yt-collection-bundle-modal-image",src:au(v[m]||o.images[0]),alt:o.title,onLoad:()=>b(!1),style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:d?.borderRadius||"12px",opacity:y?0:1,transition:"opacity 0.3s"}}),T&&e.createElement(e.Fragment,null,e.createElement("button",{onClick:E,disabled:0===m,style:{position:"absolute",left:16,top:"50%",transform:"translateY(-50%)",background:0===m?"rgba(0,0,0,0.2)":"rgba(0,0,0,0.4)",border:"none",borderRadius:"50%",width:44,height:44,display:"flex",alignItems:"center",justifyContent:"center",cursor:0===m?"not-allowed":"pointer",color:"#fff",zIndex:5,opacity:0===m?.5:1}},e.createElement(X,{size:24})),e.createElement("button",{onClick:k,disabled:m===v.length-1,style:{position:"absolute",right:16,top:"50%",transform:"translateY(-50%)",background:m===v.length-1?"rgba(0,0,0,0.2)":"rgba(0,0,0,0.4)",border:"none",borderRadius:"50%",width:44,height:44,display:"flex",alignItems:"center",justifyContent:"center",cursor:m===v.length-1?"not-allowed":"pointer",color:"#fff",zIndex:5,opacity:m===v.length-1?.5:1}},e.createElement(L,{size:24}))))),e.createElement("div",{className:"yt-collection-bundle-modal-content",style:{flex:1,padding:"30px",overflowY:"auto",display:"flex",flexDirection:"column",scrollbarWidth:"none"}},e.createElement("h2",{className:"yt-collection-bundle-modal-title",style:{margin:"6px 0",fontSize:24,fontWeight:600,lineHeight:"normal"}},u&&h?.name||o.title),!u&&o.variants.length>1&&e.createElement("div",{className:"yt-collection-bundle-modal-variant-container",style:{position:"relative"}},e.createElement("div",{className:"yt-collection-bundle-modal-variant-label",style:{padding:"8px 0",borderBottom:"1px solid #eee",lineHeight:"normal"}},o?.options?.join(" & "),":"," ",e.createElement("strong",null,h.title)),e.createElement("select",{className:"yt-collection-bundle-modal-variant-select",value:x,onChange:e=>{f(e.target.value),b(!0)},style:{position:"absolute",inset:0,opacity:0,cursor:"pointer",lineHeight:"normal"}},o.variants.map(t=>e.createElement("option",{key:t.id,value:t.id,disabled:!t.available},t.title," ",!t.available&&"(Out of stock)")))),e.createElement("div",{className:"yt-collection-bundle-modal-price-container",style:{fontSize:28,fontWeight:"bold",margin:"10px 0",lineHeight:"normal"}},C,(h.price/w).toLocaleString(),h.compare_at_price&&h.compare_at_price>h.price?e.createElement("span",{className:"yt-collection-bundle-modal-compare-price",style:{marginLeft:12,fontSize:20,textDecoration:"line-through",color:"#999",lineHeight:"normal"}},C,(h.compare_at_price/w).toLocaleString()):null),e.createElement("div",{className:"yt-collection-bundle-modal-add-section",style:{position:"sticky",bottom:0,background:"white"}},e.createElement("button",{className:"yt-collection-bundle-modal-add-btn "+(s||!c?"yt-collection-bundle-modal-add-btn-added":""),onClick:()=>l(o,r),disabled:!c||!h.available,style:{width:"100%",padding:"12px",fontSize:17,fontWeight:600,border:"none",borderRadius:d?.borderRadius||"8px",background:h.available?s||!c?"#28a745":d?.atcBg||"#007bff":"rgb(204, 204, 204)",color:d?.atcText||"#fff",cursor:c&&h.available?"pointer":"not-allowed",textAlign:"center",lineHeight:"normal"}},s?"Added to Box":h.available?"Add to Box":"Out of Stock")),o.description&&e.createElement("div",{className:"yt-collection-bundle-modal-description",dangerouslySetInnerHTML:{__html:o.description},style:{lineHeight:"normal",color:"#444",marginTop:"10px"}})))),$=e.createElement("div",{className:"yt-collection-bundle-modal-overlay",style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.75)",zIndex:9999,display:"flex"},onClick:a},e.createElement("div",{className:"yt-collection-bundle-modal-container",style:{background:"#fff",width:"100%",height:"100dvh",display:"flex",flexDirection:"column",overflow:"hidden",position:"relative"},onClick:e=>e.stopPropagation()},e.createElement("button",{className:"yt-collection-bundle-modal-close-btn",onClick:a,style:{position:"absolute",top:12,right:12,zIndex:10,background:"#fff",border:"1px solid #ddd",borderRadius:"50%",width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center"}},e.createElement(Y,{size:22})),e.createElement("div",{className:"yt-collection-bundle-modal-scroll-container",style:{flex:1,overflowY:"auto",paddingBottom:100}},v.length>0&&e.createElement("div",{className:"yt-collection-bundle-modal-image-wrapper",style:{position:"relative",background:"#f5f5f5"}},y&&e.createElement("div",{style:{position:"absolute",inset:0,background:"linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)",backgroundSize:"200% 100%",animation:"shimmer 1.5s infinite"}}),e.createElement("img",{className:"yt-collection-bundle-modal-image",src:v[m]||o.images[0],alt:o.title,onLoad:()=>b(!1),style:{width:"100%",minWidth:"100%",display:"block",maxHeight:"50vh",minHeight:"50vh",objectFit:"cover",objectPosition:"center",opacity:y?0:1,transition:"opacity 0.3s"}}),T&&e.createElement(e.Fragment,null,e.createElement("button",{onClick:E,disabled:0===m,style:{position:"absolute",left:12,top:"50%",transform:"translateY(-50%)",background:0===m?"rgba(0,0,0,0.3)":"rgba(0,0,0,0.5)",border:"none",borderRadius:"50%",width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center",color:"#fff",zIndex:5,opacity:0===m?.5:1,cursor:0===m?"not-allowed":"pointer"}},e.createElement(X,{size:20})),e.createElement("button",{onClick:k,disabled:m===v.length-1,style:{position:"absolute",right:12,top:"50%",transform:"translateY(-50%)",background:m===v.length-1?"rgba(0,0,0,0.3)":"rgba(0,0,0,0.5)",border:"none",borderRadius:"50%",width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center",color:"#fff",zIndex:5,opacity:m===v.length-1?.5:1,cursor:m===v.length-1?"not-allowed":"pointer"}},e.createElement(L,{size:20})))),e.createElement("div",{className:"yt-collection-bundle-modal-content",style:{padding:"20px"}},e.createElement("h2",{className:"yt-collection-bundle-modal-title",style:{margin:"0 0 12px",fontSize:22,fontWeight:600}},o.title),!u&&o.variants.length>1&&e.createElement("div",{className:"yt-collection-bundle-modal-variant-container",style:{position:"relative",marginBottom:20}},e.createElement("div",{className:"yt-collection-bundle-modal-variant-label",style:{padding:"8px 0",borderBottom:"1px solid #eee"}},o?.options?.join(" & "),":"," ",e.createElement("strong",null,h.title)),e.createElement("select",{className:"yt-collection-bundle-modal-variant-select",value:x,onChange:e=>{f(e.target.value),b(!0)},style:{position:"absolute",inset:0,opacity:0,cursor:"pointer"}},o.variants.map(t=>e.createElement("option",{key:t.id,value:t.id,disabled:!t.available},t.title," ",!t.available&&"(Out of stock)")))),e.createElement("div",{className:"yt-collection-bundle-modal-price-container",style:{fontSize:28,fontWeight:"bold",margin:"10px 0"}},C,(h.price/w).toLocaleString(),h.compare_at_price?h.compare_at_price>h.price&&e.createElement("span",{className:"yt-collection-bundle-modal-compare-price",style:{marginLeft:12,fontSize:20,textDecoration:"line-through",color:"#999"}},C,(h.compare_at_price/w).toLocaleString()):null),o.description&&e.createElement("div",{className:"yt-collection-bundle-modal-description",dangerouslySetInnerHTML:{__html:o.description},style:{lineHeight:1.7,color:"#444"}}))),e.createElement("div",{className:"yt-collection-bundle-modal-add-section",style:{position:"sticky",bottom:0,background:"#fff",padding:"8px 10px",borderTop:"1px solid #eee",boxShadow:"0 -4px 10px rgba(0,0,0,0.05)"}},e.createElement("button",{className:"yt-collection-bundle-modal-add-btn "+(s||!c?"yt-collection-bundle-modal-add-btn-added":""),onClick:()=>l(o,r),disabled:!c||!h.available,style:{width:"100%",padding:"10px",fontSize:14,fontWeight:600,border:"none",borderRadius:d?.borderRadius||"8px",background:!s&&c&&h.available?d?.atcBg||"#007bff":"#28a745",color:d?.atcText||"#fff",cursor:c&&h.available?"pointer":"not-allowed"}},s?"Added to Box":h.available?"Add to Box":"Out of Stock"))));return D.createPortal(p?$:S,document.body)},Yp=({styles:t,isMobile:n,categories:o,activeCategory:r,onCategoryChange:i})=>{const a=e=>{i(e)},l=(e,t)=>{const n=e.replace("#","");return`rgba(${parseInt(n.substring(0,2),16)||0}, ${parseInt(n.substring(2,4),16)||0}, ${parseInt(n.substring(4,6),16)||0}, ${t})`};return"tabs"===t?.categoryFilterOnPage?e.createElement("div",{className:"yt-collection-bundle-category-filter-wrapper",style:{overflowX:"auto",scrollbarWidth:"none",msOverflowStyle:"none",marginBottom:"20px",width:"100%"}},e.createElement("div",{className:"yt-collection-bundle-category-tabs-container",style:{display:"flex",gap:"0px",minWidth:"max-content",paddingBottom:"1px",flexWrap:"nowrap",justifyContent:"center",borderBottom:"1px solid #e0e0e0",width:"auto",height:n?"28px":"45px"}},["All",...o].map(o=>{const i=r===o,c=t.btnPrimaryBg||"#111";return e.createElement("button",{key:o,onClick:()=>a(o),className:"yt-collection-bundle-category-tab-button",style:{background:"none",border:"none",padding:n?"12px 16px":"12px 20px",fontSize:n?"14px":"16px",fontWeight:i?"600":"400",color:i?c:"#666",cursor:"pointer",position:"relative",transition:"all 0.3s ease",backgroundColor:i?l(c,.07):"transparent",borderBottom:i?`2px solid ${c}`:"2px solid transparent",marginBottom:"-1px",whiteSpace:"nowrap",minWidth:"fit-content"},onMouseEnter:e=>{i||(e.currentTarget.style.color=c)},onMouseLeave:e=>{i||(e.currentTarget.style.color="#666")}},e.createElement("span",{style:{visibility:"hidden",height:0,display:"block",overflow:"hidden",fontWeight:600},"aria-hidden":"true"},o.charAt(0).toUpperCase()+o.slice(1)),e.createElement("span",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"100%",textAlign:"center"}},o.charAt(0).toUpperCase()+o.slice(1)))}))):e.createElement("div",{className:"yt-collection-bundle-category-filter-wrapper",style:{overflowX:n?"auto":"visible",scrollbarWidth:"none",msOverflowStyle:"none",marginBottom:"20px",paddingBottom:"5px"}},e.createElement("div",{className:"yt-collection-bundle-category-buttons-container",style:{display:"flex",gap:"8px",minWidth:"max-content",flexWrap:"nowrap",justifyContent:"center",paddingRight:n?"10px":"0px"}},["All",...o].map(o=>{const i=t.btnPrimaryBg||"#111",l=t.borderRadius||"8px";return e.createElement("button",{key:o,onClick:()=>a(o),className:"yt-collection-bundle-category-button",style:{padding:n?"8px 16px":"10px 18px",fontSize:n?"13px":"14px",fontWeight:"500",border:`1px solid ${r===o?i:"#e0e0e0"}`,borderRadius:l,backgroundColor:r===o?i:"white",color:r===o?"white":"#333",cursor:"pointer"}},o.charAt(0).toUpperCase()+o.slice(1))})))},Gp=e=>{if(e.metafields&&e.metafields.yourtoken_bundles_app&&e.metafields.yourtoken_bundles_app.categories){const t=e.metafields.yourtoken_bundles_app.categories;if(Array.isArray(t))return t;if("string"==typeof t)try{const e=JSON.parse(t);if(Array.isArray(e))return e}catch(e){console.error("Failed to parse categories:",e)}}return[]},Xp=()=>window?.ShopifyAnalytics?.meta?.currency||window?.Shopify?.currency?.active||"USD",Zp=e=>{try{const t=new Intl.NumberFormat(void 0,{style:"currency",currency:e}).resolvedOptions().maximumFractionDigits??2;return Math.pow(10,t)}catch{return 100}},Kp=()=>{const e=Xp();return de(e)??e},Jp=({config:o,bundleAddToCartLoading:a,addCustomBundleToCart:l})=>{const[c,s]=t(1),[d,p]=t("All"),[u,m]=t([]),[g,x]=t(null),[f,y]=t({}),[b,h]=t(!1),[v,w]=t(window.innerWidth<640),[C,E]=t({}),k=r(null),T=r(new Map),[S,$]=t(160),[N,B]=t(""),[F,z]=t(""),[I,D]=t(!1),[P,A]=t("none"),_=v?8:20,{customizations:R}=o,L=o.config.builderTiers.collectionTier.sort((e,t)=>e.tier-t.tier),O=!!o.config.form,W=L.length+(O?1:0),V=R.hideSelectedProducts,j=R.allowMultipleQty,H=R.hideOutOfStockProducts,q=o.config.splitVariants??!1,Q=r(new Set),U=i((e,t=d,n=F,o=P)=>{const r=L[e-1]?.products||[];let i="All"===t?r:r.filter(e=>Gp(e).includes(t));if(n.trim()){const e=n.toLowerCase();i=i.filter(t=>t.title.toLowerCase().includes(e))}return H&&(i=i.filter(e=>e.available)),"none"!==o&&(i=[...i].sort((e,t)=>{if("asc"===o||"desc"===o){const n=e.price||e.price_min||0,r=t.price||t.price_min||0;return"asc"===o?n-r:r-n}{const n=(e.title||"").toLowerCase(),r=(t.title||"").toLowerCase();return"alpha-asc"===o?n.localeCompare(r):r.localeCompare(n)}})),i},[L,d,F,P,H]),G=i(e=>{const t=U(e).length;E(n=>{const o=n[e]||0,r=Math.min(o+8,t);return r<=o?n:{...n,[e]:r}})},[8,U]);n(()=>(k.current=new IntersectionObserver(e=>{for(const t of e)if(t.isIntersecting){const e=parseInt(t.target.getAttribute("data-sentinel-step")||"0");e>0&&e===c&&G(e)}},{root:null,threshold:0,rootMargin:"100px 0px"}),()=>{k.current?.disconnect()}),[G,c]),n(()=>{p("All"),B(""),z(""),D(!1),A("none")},[c]),n(()=>{const e=setTimeout(()=>{z(N)},300);return()=>clearTimeout(e)},[N]),n(()=>{if(O&&c===W)return;const e=c-1;if(!L[e])return;if(Q.current.has(e))return;const t=U(c);if(console.log("filteredProducts",t),1!==t.length)return;const n=t[0],o=n.variants.filter(e=>e.available);if(1!==o.length)return;const r=o[0],i=ae(e),a=ce[e];if(i!==1/0&&a>=i)return;if(!u.some(t=>t.productId===n.id.toString()&&t.variantId===r.id.toString()&&t.tierIndex===e)&&(Q.current.add(e),m(t=>[...t,{productId:n.id.toString(),variantId:r.id.toString(),price:r.price,quantity:1,tierIndex:e}]),c<W)){const e=setTimeout(()=>{s(e=>e+1),window.scrollTo(0,0)},50);return()=>clearTimeout(e)}},[c]),n(()=>{if(O&&c===W)return;const e=c,t=U(e).length;E(n=>{const o=n[`${e}_category`]!==d;return 0===(n[e]||0)||o?{...n,[e]:Math.min(_,t),[`${e}_category`]:d}:n})},[c,_,d,U]),n(()=>{const e=document.querySelector(".box-loader-scene");e&&e.setAttribute("style","display: none;");const t=()=>w(window.innerWidth<640);return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);const X=i(e=>{$(e+10)},[]),J=Zp(Xp()),ee=u.reduce((e,t)=>e+t.quantity,0),te=u.reduce((e,t)=>e+t.price*t.quantity,0)/J,ne=u.reduce((e,t)=>{const n=L.flatMap(e=>e.products).find(e=>e.id.toString()===t.productId),o=n?.variants.find(e=>e.id.toString()===t.variantId);return e+(o?.compare_at_price??t.price)*t.quantity},0)/J,oe=e=>{for(let t=0;t<L.length;t++)if(L[t].products.some(t=>t.id.toString()===e))return t+1;return O?W:L.length},re=(e,t)=>{const n=e.variants.find(e=>e.id===parseInt(t));if(!n)return;const o=document.querySelector(`[data-product-id="${e.id}"]`);o&&(o.dataset.selectedVariant=t,o.dataset.currentPrice=n.price.toString())},ie=(e,t)=>{const n=document.querySelector(`[data-product-id="${e.id}"]`);if(!n)return;const o=n.dataset.selectedVariant||e.variants[0].id.toString(),r=parseInt(n.dataset.currentPrice||e.variants[0].price.toString());m(n=>{const i=`${e.id}-${o}-${t}`,a=n.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===i);if(a)return n.filter(e=>e!==a);const l=ce[t],c=ae(t);return c!==1/0&&l>=c?n:[...n,{productId:e.id.toString(),variantId:o,price:r,quantity:1,tierIndex:t}]})},ae=e=>{const t=L[e];return t.maximumQuantity>0?t.maximumQuantity:1/0},le=(e,t)=>{const n=ae(t);if(n===1/0)return!0;const o=ce[t];return!!u.some(n=>n.productId===e.id.toString()&&n.tierIndex===t)||o<n},ce=L.map((e,t)=>u.filter(e=>e.tierIndex===t).reduce((e,t)=>e+t.quantity,0)),se=(e,t,n)=>{const o=ae(n);if(o===1/0)return!0;return ce[n]<o},de=(e,t,n)=>{m(o=>o.filter(o=>!(o.productId===e&&o.variantId===t&&o.tierIndex===n)))},pe=async()=>{if(c!==W||!u.length)return;const e={};O&&Object.entries(f).forEach(([t,n])=>{const o=t.split("|").pop()?.replace(/^f_\d+$/,"")||t;"string"==typeof n&&n.trim()?e[o]=n:n&&"object"==typeof n&&"url"in n&&(e[o]=n.url)});const t=u.map(t=>({variantId:t.variantId,quantity:t.quantity,properties:e}));l(t)},ue=O&&c===W,me=(ue?null:L[c-1])?ae(c-1):0,ge=L.map((e,t)=>({tier:e,items:u.filter(e=>e.tierIndex===t).reduce((e,t)=>{const n=`${t.productId}-${t.variantId}`,o=e.find(e=>`${e.productId}-${e.variantId}`===n);return o?o.quantity+=t.quantity:e.push({...t,quantity:t.quantity}),e},[]),count:ce[t]}));return e.createElement("div",{className:"yt-collection-bundle-builder",style:{margin:"0 auto",maxWidth:"1600px"}},R.headerImage&&!R.headerImage.includes("Liquid error")&&e.createElement("img",{className:"yt-collection-bundle-header-img",src:R.headerImage,alt:"Collection Bundle header",style:{width:"100%"}}),R.showTierSteps&&e.createElement("div",{style:{paddingTop:R.headerImage&&!R.headerImage.includes("Liquid error")?"20px":"0"}},e.createElement(eu,{totalSteps:W,isFormStep:ue,currentStep:c,getStepTitle:e=>O&&e===W?"Customize Gift Details":L[e-1]?.title||`Step ${e}`,isMobile:v,formTitle:o?.config?.form?.title,hasForm:O,onStepClick:e=>{s(e),window.scrollTo(0,0)}})),Array.from({length:W},(e,t)=>t+1).map(t=>{const n=O&&t===W,r=n?[]:(e=>L[e-1]?.products||[])(t);let i=[];if(!n&&R.enableProductCategories){const e=new Set;r.forEach(t=>Gp(t).forEach(t=>e.add(t))),i=Array.from(e).sort()}const l=n?[]:U(t),w=t-1,E=l.slice(0,C[t]||0);return e.createElement("div",{key:t,className:"yt-collection-bundle-step-content "+(c===t?"yt-collection-bundle-step-content-active":""),style:{display:c===t?"block":"none",padding:"1.5rem 0",minHeight:"40vh"}},n&&o.config.form?e.createElement(xs,{form:o.config.form,formData:f,setFormData:y,barHeight:S,isUploading:b,setIsUploading:h}):e.createElement(e.Fragment,null,R.enableProductCategories&&i.length>0&&e.createElement(Yp,{styles:R,isMobile:v,categories:i,activeCategory:d,onCategoryChange:p}),(R.enableSearch||R.enableSort)&&e.createElement("div",{className:"yt-collection-bundle-controls",style:{display:"flex",alignItems:"center",justifyContent:v?"flex-end":"space-between",gap:"12px",padding:"0 16px",marginBottom:"16px",flexWrap:"nowrap",height:"45px"}},v?e.createElement(e.Fragment,null,I?e.createElement("div",{style:{position:"relative",flex:1,display:"flex",alignItems:"center",gap:"8px"}},e.createElement("input",{type:"text",autoFocus:!0,placeholder:"Search...",value:N,onChange:e=>B(e.target.value),style:{width:"100%",padding:"8px 12px",borderRadius:R.borderRadius||"8px",border:`1px solid ${R.bundleBorder||"#878787"}`,background:R.productCardBg||"#fff",color:"#333",fontSize:"14px",outline:"none"}}),e.createElement("button",{onClick:()=>{D(!1),B(""),z("")},style:{background:"none",border:"none",color:"#888",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center"}},e.createElement(Y,null))):e.createElement("div",{style:{display:"flex",gap:"20px",alignItems:"center"}},R.enableSearch&&e.createElement("button",{onClick:()=>D(!0),style:{background:"none",border:"none",color:"#333",fontSize:"20px",cursor:"pointer",display:"flex",alignItems:"center"},className:"yt-collection-bundle-search-btn-mobile"},e.createElement(Z,null)),R.enableSort&&e.createElement("div",{style:{position:"relative",display:"flex",alignItems:"center"},className:"yt-collection-bundle-sort-selecter-mobile-wrapper"},e.createElement("select",{value:P,onChange:e=>A(e.target.value),style:{position:"absolute",opacity:0,width:"100%",height:"100%",cursor:"pointer",left:0,top:0,zIndex:1},className:"yt-collection-bundle-sort-selecter-mobile"},e.createElement("option",{value:"none"},"Featured"),e.createElement("option",{value:"asc"},"Price: Low to High"),e.createElement("option",{value:"desc"},"Price: High to Low"),e.createElement("option",{value:"alpha-asc"},"Alphabetical: A-Z"),e.createElement("option",{value:"alpha-desc"},"Alphabetical: Z-A")),e.createElement("div",{style:{fontSize:"20px",color:"#333",pointerEvents:"none",display:"flex",alignItems:"center"}},e.createElement(K,null))))):e.createElement(e.Fragment,null,R.enableSort&&e.createElement("div",{style:{position:"relative",flex:"0 1 200px",marginLeft:"12px",padding:"10px 16px",borderRadius:R.borderRadius||"8px",border:"1px solid #878787",background:R.productCardBg||"#fff",display:"flex",flexDirection:"row",alignItems:"center",gap:"6px"},className:"yt-collection-bundle-sort-wrapper"},e.createElement("span",{style:{fontWeight:"500",minWidth:"fit-content",fontSize:"14px"}},"Sort By"),e.createElement("select",{value:P,onChange:e=>A(e.target.value),style:{width:"100%",color:"#333",fontSize:"14px",outline:"none",cursor:"pointer",appearance:"none",boxSizing:"border-box",lineHeight:"normal",border:"none",fontFamily:"inherit"},className:"yt-collection-bundle-sort-selector"},e.createElement("option",{value:"none"}," Featured"),e.createElement("option",{value:"asc"},"Price: Low to High"),e.createElement("option",{value:"desc"},"Price: High to Low"),e.createElement("option",{value:"alpha-asc"},"Alphabetical: A-Z"),e.createElement("option",{value:"alpha-desc"},"Alphabetical: Z-A")),e.createElement("div",{style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",color:"#888",pointerEvents:"none"}},e.createElement(M,null))),R.enableSearch&&e.createElement("div",{style:{position:"relative",flex:"0 1 300px"},className:"yt-collection-bundle-search-wrapper"},e.createElement("input",{type:"text",placeholder:"Search products...",value:N,onChange:e=>B(e.target.value),style:{width:"100%",padding:"10px 16px",paddingRight:"40px",borderRadius:R.borderRadius||"8px",border:"1px solid #878787",background:R.productCardBg||"#fff",color:"#333",fontSize:"14px",outline:"none",boxSizing:"border-box",lineHeight:"normal"},className:"yt-collection-bundle-search-input"}),e.createElement("div",{style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",color:"#888"}},e.createElement(Z,null))))),e.createElement("div",{className:"yt-collection-bundle-product-grid",style:{display:v?"grid":"flex",gridTemplateColumns:v?"repeat(2,1fr)":"",flexWrap:v?"unset":"wrap",justifyContent:"center",gap:"16px",padding:"16px",marginBottom:`${S}px`}},0===l.length&&""!==F.trim()?e.createElement("div",{style:{padding:"60px 20px",textAlign:"center",width:"100%",gridColumn:"1 / -1"}},e.createElement("div",{style:{fontSize:"18px",color:"#333",marginBottom:"8px",fontWeight:600}},'No results found for "',N,'"'),e.createElement("div",{style:{fontSize:"14px",color:"#666",marginBottom:"24px"}},"Try checking your spelling or using more general terms."),e.createElement("button",{onClick:()=>{B(""),z(""),D(!1)},style:{background:R.atcBg||"#000",color:R.atcText||"#fff",padding:"12px 32px",borderRadius:R.borderRadius||"8px",border:"none",cursor:"pointer",fontSize:"14px",fontWeight:600,transition:"opacity 0.2s"},onMouseEnter:e=>e.currentTarget.style.opacity="0.8",onMouseLeave:e=>e.currentTarget.style.opacity="1"},"Clear Search")):q?E.flatMap(t=>t.variants.filter(e=>!H||e.available).map(n=>e.createElement(tu,{key:`${t.id}-${n.id}`,product:{...t,variants:[n]},tierIdx:w,customizations:R,isMobile:v,hoveredCard:g,setHoveredCard:x,selectedProducts:u,handleAddToBundle:ie,canAddProduct:le,allowMultipleQty:j,handleVariantChange:re,canIncrement:se,setSelectedProducts:m,splitVariants:!0}))):E.map(t=>e.createElement(tu,{key:t.id,product:t,tierIdx:w,customizations:R,isMobile:v,hoveredCard:g,setHoveredCard:x,selectedProducts:u,handleAddToBundle:ie,canAddProduct:le,allowMultipleQty:j,handleVariantChange:re,canIncrement:se,setSelectedProducts:m,splitVariants:!1})),c===t&&(C[t]||0)<l.length&&e.createElement("div",{ref:e=>{const n=T.current.get(t);n&&k.current?.unobserve(n),e?(T.current.set(t,e),k.current?.observe(e)):T.current.delete(t)},"data-sentinel-step":t.toString(),style:{height:"20px",width:"100%",display:"block"}}))),c===t&&e.createElement(nu,{config:o,selectedProducts:u,selectedByTier:ge,totalItems:ee,totalPrice:te,totalCompareAtPrice:ne,currentStep:c,totalSteps:W,currentTierMax:me,tierSelectedCounts:ce,isMobile:v,bundleAddToCartLoading:a,isUploading:b,hoveredCard:g,setHoveredCard:x,hideSelectedProducts:V,getProductStep:oe,setCurrentStep:s,handleRemoveItem:de,handleCheckout:pe,hasForm:O,onHeightChange:X}))}))},eu=({totalSteps:t,isFormStep:o,currentStep:r,getStepTitle:i,isMobile:a,formTitle:l,hasForm:c,onStepClick:s})=>{const d=e.useRef(null);return n(()=>{if(!a||!d.current)return;const e=d.current.querySelector(".yt-collection-bundle-step-item-active");e&&e.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})},[r,a]),e.createElement("div",{className:"yt-collection-bundle-steps-nav-container",style:{display:"flex",justifyContent:"center",flexDirection:"column",gap:a?"0":"1rem",overflowX:"auto",scrollbarWidth:"none",borderBottom:"1px solid #878787",marginInline:a?"0":"2%",paddingBottom:"1rem",textAlign:"center"}},e.createElement("div",{ref:d,className:"yt-collection-bundle-steps-nav",style:{display:"flex",justifyContent:a?"flex-start":"center",gap:a?"1rem":"2rem",minWidth:a?100*t+"px":"auto",paddingInline:a?"calc(50% - 60px)":"0",scrollPaddingInline:a?"calc(50% - 60px)":"0",scrollBehavior:"smooth",overflowX:"auto",scrollbarWidth:"none"}},Array.from({length:t},(e,t)=>t+1).map(n=>e.createElement("div",{key:n,className:"yt-collection-bundle-step-item "+(r===n?"yt-collection-bundle-step-item-active":""),style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"0.5rem",minWidth:a?"100px":"120px",flexShrink:0,cursor:"pointer",opacity:r===n?1:.5,transition:"opacity 0.2s"},onClick:()=>s(n)},e.createElement("div",{className:"yt-collection-bundle-step-icon "+(r===n?"yt-collection-bundle-step-icon-active":""),style:{width:"40px",height:"40px",background:r===n?"#000":"#fff",border:"2px solid #ccc",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center"}},c&&n===t?e.createElement("svg",{viewBox:"0 0 24 24",style:{width:"20px",height:"20px",fill:r===n?"#fff":"#999"}},e.createElement("path",{d:"M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.67C10.96 2.54 10.05 2 9 2c-1.66 0-3 1.34-3 3 0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1h2zm-6 0c.55 0 1 .45 1 1s-.45 1-1 1H7c-.55 0-1-.45-1-1s.45-1 1-1h2zM20 19H4V8h16v11z"})):e.createElement("svg",{viewBox:"0 0 24 24",style:{width:"20px",height:"20px",fill:r===n?"#fff":"#999"}},e.createElement("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"}))),e.createElement("div",{className:"yt-collection-bundle-step-label",style:{fontSize:"14px",textAlign:"center",color:"#333",fontWeight:"600",lineHeight:"normal"}},i(n))))),l&&c&&o&&e.createElement("p",{className:"yt-collection-bundle-steps-nav-description",style:{fontSize:a?"14px":"16px",marginBottom:a?"0":"14px",fontWeight:"400",color:"#000",lineHeight:"normal"}},l))},tu=({product:n,tierIdx:o,customizations:r,isMobile:i,hoveredCard:a,setHoveredCard:l,selectedProducts:c,handleAddToBundle:s,canAddProduct:d,allowMultipleQty:p,handleVariantChange:u,canIncrement:m,setSelectedProducts:g,splitVariants:x=!1})=>{const[f,y]=t(!1),b=x?null:document.querySelector(`[data-product-id="${n.id}"]`),h=x?n.variants[0].id.toString():b?.dataset.selectedVariant??n.variants[0].id.toString(),v=n.variants.find(e=>e.id.toString()===h)||n.variants[0],w=Zp(Xp()),C=Kp(),E=x?`${n.id}-${v.id}`:n.id,k=c.some(e=>e.productId===n.id.toString()&&e.variantId===h&&e.tierIndex===o),T=a===E,S=c.filter(e=>e.productId===n.id.toString()&&e.variantId===v.id.toString()&&e.tierIndex===o).reduce((e,t)=>e+t.quantity,0);return e.createElement(e.Fragment,null,e.createElement("div",{key:E,className:"yt-collection-bundle-product-item","data-product-id":n.id,"data-selected-variant":v.id,"data-current-price":v.price,style:{display:"flex",flexDirection:"column",border:r?.productCardBorder||"1px solid #ddd",background:r?.productCardBg||"#fff",overflow:"hidden",transition:"all 0.2s ease",minWidth:i?0:"250px",maxWidth:i?"none":"250px",borderRadius:r?.borderRadius||"8px",boxShadow:"spread"===r?.productCardShadow?"8px 8px 8px -6px #0000004D":"no-spread"===r?.productCardShadow?"6px 6px 0px -1px #00000033":"none",width:i?"100%":""}},e.createElement("div",{className:"yt-collection-bundle-product-image",style:{position:"relative",width:"100%",aspectRatio:r?.productImageRatio||"1/1",overflow:"hidden",cursor:"pointer",background:"#f9f9f9"},onClick:()=>y(!0),onMouseEnter:()=>l(E),onMouseLeave:()=>l(null)},e.createElement("img",{src:au(n.images[0]||"https://cdn.shopify.com/s/files/1/0750/9937/3789/files/placeholder-thumbnail.png?width=250px"),style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",transition:"opacity 0.3s ease, transform 0.3s ease",opacity:T?0:1,transform:T?"scale(1.05)":"scale(1)"},alt:n.title}),e.createElement("img",{src:au(n.images[1]||n.images[0]),style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",transition:"opacity 0.3s ease, transform 0.3s ease",opacity:T?1:0,transform:"scale(1.05)"},alt:n.title}),!x&&n.variants.length>1&&e.createElement("select",{className:"yt-collection-bundle-variant-selector",style:{position:"absolute",bottom:"10px",left:"10px",right:"10px",background:"rgba(255,255,255,0.9)",border:"none",borderRadius:"4px",padding:"8px",fontSize:"12px",fontWeight:"600",zIndex:2,lineHeight:"normal"},onChange:e=>u(n,e.target.value),defaultValue:v.id,onClick:e=>{e.stopPropagation()}},n.variants.map(t=>e.createElement("option",{key:t.id,value:t.id,disabled:!t.available},t.title," ",!t.available&&"(Out of stock)")))),e.createElement("div",{className:"yt-collection-bundle-product-info",style:{padding:"12px",flexGrow:1,display:"flex",flexDirection:"column"}},r.productCardCategoryVisibility&&Gp(n).length>0&&e.createElement("div",{className:"yt-collection-bundle-product-categories-wrapper",style:{paddingBottom:"8px"}},e.createElement("div",{className:"yt-collection-bundle-product-categories",style:{display:"flex",flexWrap:"wrap",gap:"4px"}},Gp(n).slice(0,2).map((t,n)=>e.createElement("span",{className:"yt-collection-bundle-category-tag",key:n,style:{fontSize:i?"10px":"12px",color:"#666",fontWeight:"500"}},t.charAt(0).toUpperCase()+t.slice(1))),Gp(n).length>2&&e.createElement("span",{className:"yt-collection-bundle-more-categories",style:{fontSize:"10px",padding:"2px 6px",backgroundColor:"rgba(0, 0, 0, 0.05)",borderRadius:"8px",color:"#666",fontWeight:"500"}},"+",Gp(n).length-2," more"))),e.createElement("h3",{className:"yt-collection-bundle-product-title",style:{fontSize:i?"12px":"14px",fontWeight:600,margin:"0 0 4px",lineHeight:"normal",color:"#333",flexGrow:x?0:1}},n.title),x&&"Default Title"!==v.title&&e.createElement("p",{className:"yt-collection-bundle-variant-label",style:{fontSize:i?"10px":"12px",color:"#666",margin:"0 0 4px",lineHeight:"normal",flexGrow:1}},v.title),e.createElement("div",{className:"yt-collection-bundle-product-prices",style:{display:"flex",alignItems:"center",gap:"6px",flexWrap:"nowrap",whiteSpace:"nowrap",overflow:"hidden",lineHeight:"normal"}},e.createElement("span",{className:"yt-collection-bundle-product-price",style:{fontSize:i?"14px":"16px",fontWeight:"bold",color:"#000",flexShrink:0,lineHeight:"normal"}},C,(v.price/w).toLocaleString()),v.compare_at_price&&0!==v.compare_at_price&&v.compare_at_price>v.price?e.createElement("span",{className:"yt-collection-bundle-product-compare",style:{fontSize:"14px",textDecoration:"line-through",color:"#999",flexShrink:0,lineHeight:"normal"}},C,(v.compare_at_price/w).toLocaleString()):null)),p&&S>0?e.createElement("div",{className:"yt-collection-bundle-quantity-row",style:{display:"flex",alignItems:"center",flexWrap:"nowrap",background:"#cccccc"}},e.createElement("button",{className:"yt-collection-bundle-qty-btn yt-collection-bundle-qty-minus",style:{width:"40%",height:v.available?"fit-content":"36px",border:"1px solid #ddd",background:"#fff",fontWeight:"bold",cursor:"pointer",padding:i?"6px":"12px",fontSize:i?"12px":"14px",textAlign:"center",lineHeight:"normal"},onClick:()=>{g(e=>{const t=`${n.id}-${v.id}-${o}`,r=e.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===t);return r&&r.quantity>1?e.map(e=>e===r?{...e,quantity:e.quantity-1}:e):r?e.filter(e=>e!==r):e})}},"-"),e.createElement("span",{className:"yt-collection-bundle-qty-display",style:{minWidth:"24px",textAlign:"center",fontWeight:600,width:"100%",lineHeight:"normal"}},S),e.createElement("button",{className:"yt-collection-bundle-qty-btn yt-collection-bundle-qty-plus",style:{width:"40%",height:v.available?"fit-content":"36px",border:"1px solid #ddd",background:"#fff",fontWeight:"bold",cursor:"pointer",padding:i?"6px":"12px",fontSize:i?"12px":"14px",textAlign:"center",lineHeight:"normal"},onClick:()=>{v.available&&m(n,v.id.toString(),o)&&g(e=>{const t=`${n.id}-${v.id}-${o}`,r=e.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===t);return r?e.map(e=>e===r?{...e,quantity:e.quantity+1}:e):[...e,{productId:n.id.toString(),variantId:v.id.toString(),price:v.price,quantity:1,tierIndex:o}]})},disabled:!v.available||!m(n,v.id.toString(),o)},"+")):e.createElement("button",{className:"yt-collection-bundle-add-btn "+(k?"yt-collection-bundle-add-btn-added":""),style:{background:k?"#28a745":d(n,o)&&v.available?r?.atcBg||"#007bff":"#ccc",color:r?.atcText||"#fff",border:"none",padding:i?"6px":"12px",fontSize:i?"12px":"14px",fontWeight:600,cursor:"pointer",transition:"all 0.2s",opacity:v.available?1:.6,lineHeight:"normal",textAlign:"center"},onClick:()=>{if(x)v.available&&d(n,o)&&g(e=>{const t=`${n.id}-${v.id}-${o}`,r=e.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===t);return r?e.filter(e=>e!==r):[...e,{productId:n.id.toString(),variantId:v.id.toString(),price:v.price,quantity:1,tierIndex:o}]});else{if(!v.available||!d(n,o))return;s(n,o)}},disabled:!v.available||!d(n,o)},k?"Added":v.available?"ADD TO BOX":"Out of Stock")),f&&e.createElement(Up,{product:n,tierIdx:o,isOpen:f,onClose:()=>y(!1),onAddToBundle:(e,t)=>{s(e,t),y(!1)},canAdd:d(n,o),isSelected:k,customizations:r,isMobile:i,splitVariants:x}))},nu=o=>{const{config:i,selectedProducts:a,selectedByTier:l,totalItems:c,totalPrice:s,totalCompareAtPrice:d,currentStep:p,totalSteps:u,currentTierMax:m,tierSelectedCounts:g,isMobile:x,bundleAddToCartLoading:f,isUploading:y,hoveredCard:b,setHoveredCard:h,getProductStep:v,setCurrentStep:w,handleRemoveItem:C,handleCheckout:E,hasForm:k,onHeightChange:T}=o,{customizations:S}=i,[$,N]=t(!1),B=r(null),F=r(null),z=Zp(Xp()),I=Kp(),{totalOriginal:D,hasSavings:P,formattedSavings:A,totalAfterDiscount:_}=(e=>{let t=0,n=0;e.forEach(({items:e,tier:o})=>{const r=o?.discountData;let i=0;e.forEach(e=>{const t=(e.price||0)/z,n=e.quantity||1;i+=t*n}),t+=i;let a=i;if("mov_percentage"===r?.type&&r.tiers?.length){const e=[...r.tiers].sort((e,t)=>e.minimumQuantity-t.minimumQuantity).filter(e=>i>=e.minimumQuantity);if(e.length>0){const t=e.reduce((e,t)=>t.discountValue>e.discountValue?t:e).discountValue/100;a=i*(1-t)}}n+=a});const o=Math.round(t-n),r=o>0;return{savings:o,totalOriginal:t,totalAfterDiscount:n,hasSavings:r,formattedSavings:r?`${I}${o.toLocaleString()}`:"",calculatedDiscountedTotal:Math.round(n)}})(l),R=l.filter(({count:e})=>e>0).map(({tier:e,items:t})=>{const n=t.reduce((e,t)=>{if(!t)return e;return e+(t.price||0)*(t.quantity||1)},0)/z;return((e,t,n)=>{const o=e.discountData;if(!o||!o.tiers?.length)return null;const r=[...o.tiers].sort((e,t)=>e.minimumQuantity-t.minimumQuantity),i=[];if("mov_percentage"===o.type){if("number"!=typeof n)return null;const e=r.filter(e=>n>=e.minimumQuantity).pop();e&&i.push(`${e.discountValue}% OFF`);const t=r.find(e=>n<e.minimumQuantity);if(t){const e=t.minimumQuantity-n;i.push(`Add ${I}${e} more to get ${t.discountValue}% OFF`)}return i.length?i.join(" + "):null}const a=r.filter(e=>t>=e.minimumQuantity);if(a.length>0){const e=a.reduce((e,t)=>e.minimumQuantity>t.minimumQuantity?e:t);let t=null;switch(o.type){case"percentage_discount_coupon":t=`${e.discountValue}% OFF`;break;case"amount_discount_coupon":t=`${I}${e.discountValue} OFF`;break;case"fixed_price_collection":t=`Fixed ${I}${e.discountValue}`;break;case"dummy_coupon":t="Discount Applied"}t&&i.push(t)}const l=r.find(e=>t<e.minimumQuantity);if(l){const e=l.minimumQuantity-t;let n=null;switch(o.type){case"percentage_discount_coupon":n=`${l.discountValue}% OFF`;break;case"amount_discount_coupon":n=`${I}${l.discountValue} OFF`;break;case"fixed_price_collection":n=`Fixed ${I}${l.discountValue}`;break;case"dummy_coupon":n="Discount"}n&&i.push(`Add ${e} more item${1!==e?"s":""} to get ${n}`)}return i.length?i.join(" + "):null})(e,t.length,n)}).filter(Boolean);return n(()=>{const e=m!==1/0&&g[p-1]===m-2&&m>1;let t=null;return e?(N(!0),t=setTimeout(()=>{N(!1)},3e3)):N(!1),()=>{t&&clearTimeout(t)}},[m,g,p]),n(()=>{if(B.current&&T){const e=B.current.offsetHeight;T(e)}},[x,T,a]),n(()=>{const e=Math.max(...l.map(({tier:e,items:t})=>{if("mov_percentage"!==e?.discountData?.type)return 0;const n=t.reduce((e,t)=>e+(t.price||0)*(t.quantity||1),0)/100,o=(e?.discountData?.tiers||[]).filter(e=>n>=e.minimumQuantity).sort((e,t)=>t.discountValue-e.discountValue)[0];return o?.discountValue??0}));if(e<(F.current??0)&&(F.current=e),e>(F.current??0)){F.current=e;const t=document.querySelector(".yt-collection-bundle-next-btn");if(!t)return;const n=t.getBoundingClientRect(),o=(n.left+n.width/2)/window.innerWidth,r=(n.top+n.height/2)/window.innerHeight;Ee({particleCount:100,spread:70,origin:{x:o,y:r},zIndex:9999})}},[l]),e.createElement("div",{ref:B,className:"yt-collection-bundle-bar",style:{background:S?.bundleBg||"#fff",color:S?.bundleText||"#333",border:S?.bundleBorder||"1px solid #878787",display:"flex",flexDirection:"column",position:"sticky",bottom:"10px",left:"0",right:"0",marginInline:"auto",width:"compact"==S.stickyBarWidth?"600px":"90%",maxWidth:"95%",zIndex:899,boxShadow:"0 -2px 10px rgba(0,0,0,0.1)",transition:"bottom 0.3s ease",borderRadius:S?.borderRadius||"8px",overflow:"hidden"}},R.length>0&&e.createElement("div",{style:{padding:"4px 8px",background:"#dbdbdbc5",color:"#6c757d",textAlign:"center",fontSize:"12px",fontWeight:500}},R.join(" + ")),e.createElement("div",{className:"yt-collection-bundle-bar-header",style:{position:"relative",textAlign:"center"}},$&&e.createElement(e.Fragment,null,e.createElement("style",null,"\n @keyframes fadeIn {\n from { opacity: 0; transform: translateX(-50%) translateY(10px); }\n to { opacity: 1; transform: translateX(-50%) translateY(0); }\n }\n "),e.createElement("div",{className:"yt-collection-bundle-ctx",style:{position:"absolute",top:"-40px",left:"50%",transform:"translateX(-50%)",background:S?.atcBg||"#007bff",color:S?.atcText||"#fff",padding:"4px 8px",borderRadius:S?.borderRadius||"8px",fontSize:"14px",whiteSpace:"nowrap",zIndex:10,boxShadow:"0 4px 12px rgba(0,0,0,0.2)",animation:"fadeIn 0.3s ease-out",minWidth:"300px",textAlign:"center",border:"1px solid rgba(0,0,0,0.1)",lineHeight:"normal"}},"Add up to"," ",e.createElement("span",{style:{fontWeight:600}},m," item",m>1?"s":"")))),a.length>0&&e.createElement("div",{className:"yt-collection-bundle-bar-top",style:{display:"flex",alignItems:"center",padding:"8px 8px 0",position:"relative",borderRadius:S?.borderRadius||"8px"}},e.createElement("div",{className:"yt-collection-bundle-images",style:{display:"flex",flex:1,gap:"5px",justifyContent:"center",alignItems:"center",overflowX:"auto",padding:"4px 0",scrollbarWidth:"none"}},l.filter(({count:e})=>e>0).map(({items:t},n,o)=>e.createElement(e.Fragment,{key:n},e.createElement("div",{className:"yt-collection-bundle-tier-images",style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"6px",minWidth:"fit-content"}},e.createElement("div",{style:{display:"flex",gap:"4px"}},t.map((t,o)=>{const r=i.config.builderTiers.collectionTier.flatMap(e=>e.products).find(e=>e.id.toString()===t.productId);if(!r)return null;const a=v(t.productId),l=p===a;return e.createElement("div",{key:o,className:"yt-collection-bundle-img-wrapper",style:{position:"relative",flexShrink:0,height:"65px"}},e.createElement("div",{style:{position:"relative",width:"67px",height:"67px",borderRadius:`calc(${S?.borderRadius||"8px"} / 2)`,overflow:"hidden",cursor:l?"default":"pointer",transition:"transform 0.2s ease"},onMouseEnter:e=>!l&&(e.currentTarget.style.transform="scale(1.08)"),onMouseLeave:e=>e.currentTarget.style.transform="scale(1)",onClick:()=>!l&&w(a)},e.createElement("img",{src:au(r.images[0]),style:{width:"65px",height:"65px",objectFit:"cover",borderRadius:`calc(${S?.borderRadius||"8px"} / 2)`,transition:"opacity 0.2s",pointerEvents:"none",border:"1px solid #ddd"},alt:"Selected"}),t.quantity>1&&e.createElement("div",{className:"yt-collection-bundle-qty-badge",style:{position:"absolute",bottom:"4px",right:"4px",background:"rgba(0,0,0,0.7)",color:"#fff",borderRadius:"10px",padding:"2px 6px",fontSize:"10px",fontWeight:600,lineHeight:"normal"}},"x",t.quantity),e.createElement("button",{className:"yt-collection-bundle-remove-btn",style:{position:"absolute",top:"4px",right:"4px",width:"20px",height:"20px",background:"rgba(220,53,69,0.95)",color:"white",border:"none",borderRadius:"50%",fontSize:"12px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 3px rgba(0,0,0,0.3)",textAlign:"center",lineHeight:"normal"},onClick:e=>{e.stopPropagation(),C(t.productId,t.variantId,n)}},"×")))}))),n<o.length-1&&o[n+1].count>0&&e.createElement("div",{style:{color:"#666",paddingInline:"6px",lineHeight:"normal"}},e.createElement(Q,null)))))),x?e.createElement("div",{className:"yt-collection-bundle-mobile-bar-content",style:{display:"flex",flexDirection:c>0&&(k||i?.config?.builderTiers?.collectionTier?.length>1)?"column":"row",margin:"4px",gap:c>0?"10px":"0",background:"#dbdbdb",borderRadius:S?.borderRadius||"8px",overflow:"hidden"}},e.createElement("div",{className:"yt-collection-bundle-selected-info",style:{flex:1,textAlign:"center",display:"flex",flexDirection:"row",justifyContent:a.length>0?"space-between":"center",alignItems:"center",borderRadius:S?.borderRadius||"8px"}},e.createElement(e.Fragment,null,0===c&&e.createElement("div",{style:{fontSize:"14px",color:"#6c757d",lineHeight:"normal",...0===c&&{padding:"8px 0 12px 0",background:"#dbdbdb",color:"#6c757d",width:"100%",borderRadius:S?.borderRadius||"8px"}}},"Add Items to Checkout"),c>0&&e.createElement("div",{className:"yt-collection-bundle-price-display",style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"6px",width:"100%",justifyContent:"center",flexWrap:"wrap"}},e.createElement("div",{style:{fontSize:"14px",color:"#000",fontWeight:600}},I,(_??s).toLocaleString()),P?e.createElement(e.Fragment,null,e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},I,D.toLocaleString()),e.createElement("div",{style:{background:"#d32f2f",color:"#fff",padding:"2px 8px",borderRadius:S?.borderRadius||"8px",fontSize:"10px",fontWeight:600}},"SAVE ",A)):e.createElement(e.Fragment,null,d>s&&e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},I,d.toLocaleString())),e.createElement("span",{style:{fontSize:"12px",color:"#000",fontWeight:500}},"(",c," items)")))),e.createElement("div",{style:{display:"flex",flexWrap:"nowrap",gap:"4px"}},(i?.config?.builderTiers?.collectionTier?.length>1||k)&&c>0&&e.createElement("button",{className:"yt-collection-bundle-back-btn",style:{background:1===p?"#515151":"#000",color:"#fff",border:"none",padding:1===p?"not-allowed":"pointer",cursor:"pointer",fontWeight:600,width:"100%",transition:"background 0.2s",textAlign:"center",lineHeight:"normal"},onClick:()=>w(e=>Math.max(1,e-1)),onMouseEnter:()=>h(-1),onMouseLeave:()=>h(null),disabled:1===p},"Back"),c>0&&e.createElement("button",{className:"yt-collection-bundle-next-btn "+(p===u&&0===c||y?"yt-collection-bundle-next-btn-disabled":""),style:{background:S?.btnPrimaryBg||"#28a745",color:S?.btnPrimaryText||"#fff",border:"none",padding:"12px 24px",cursor:"pointer",fontWeight:600,width:"100%",transition:"background 0.2s",opacity:p===u&&0===c||y?.6:1,textAlign:"center",lineHeight:"normal"},onClick:p===u?E:()=>w(p+1),disabled:p===u&&0===c||f||y},f?e.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"center"}},e.createElement(ms,null)):p===u?"Checkout":"Next"))):e.createElement("div",{className:"yt-collection-bundle-bar-bottom",style:{display:"flex",alignItems:"center",padding:"0px",background:"#dbdbdb",margin:"8px",borderRadius:S?.borderRadius||"8px",overflow:"hidden",scrollbarWidth:"none"}},(i?.config?.builderTiers?.collectionTier?.length>1||k)&&c>0&&e.createElement("button",{className:"yt-collection-bundle-back-btn",style:{background:1===p?"#515151":"#000",color:"#fff",border:"none",padding:"12px 24px",cursor:1===p?"not-allowed":"pointer",fontWeight:600,width:"138px",transition:"all 0.2s",...-1===b&&{filter:"brightness(60%)"},textAlign:"center",lineHeight:"normal"},onClick:()=>w(e=>Math.max(1,e-1)),onMouseEnter:()=>h(-1),onMouseLeave:()=>h(null),disabled:1===p},"Back"),e.createElement("div",{className:"yt-collection-bundle-selected-info",style:{flex:1,textAlign:"center",display:"flex",flexDirection:"row",justifyContent:a.length>0?"space-between":"center",paddingInline:"6px",alignItems:"center",...0===c&&{padding:"12px 24px"}}},0===c&&e.createElement("div",{style:{fontSize:"16px",color:"#6c757d",lineHeight:"normal"}},"Add Items to Checkout"),c>0&&e.createElement("div",{className:"yt-collection-bundle-price-display",style:{display:"flex",alignItems:"center",gap:"8px",flexWrap:"wrap",justifyContent:"center"}},e.createElement("div",{style:{fontSize:"16px",color:"#000",fontWeight:600}},I,(_??s).toLocaleString()),P?e.createElement(e.Fragment,null,e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},I,D.toLocaleString()),e.createElement("div",{style:{background:"#d32f2f",color:"#fff",padding:"2px 8px",borderRadius:S?.borderRadius||"8px",fontSize:"10px",fontWeight:600}},"SAVE ",A)):e.createElement(e.Fragment,null,d>s&&e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},I,d.toLocaleString())),e.createElement("span",{style:{fontSize:"16px",color:"#000",fontWeight:500}},"(",c," items)"))),c>0&&e.createElement("button",{className:"yt-collection-bundle-next-btn "+(p===u&&0===c||y?"yt-collection-bundle-next-btn-disabled":""),style:{background:S?.btnPrimaryBg||"#28a745",color:S?.btnPrimaryText||"#fff",border:"none",padding:"12px 24px",cursor:"pointer",fontWeight:600,width:"138px",transition:"all 0.2s",opacity:p===u&&0===c||y?.6:1,...-2===b&&{filter:"brightness(90%)"},textAlign:"center",lineHeight:"normal"},onClick:p===u?E:()=>w(p+1),disabled:p===u&&0===c||f||y,onMouseEnter:()=>h(-2),onMouseLeave:()=>h(null)},f?e.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"center"}},e.createElement(ms,null)):p===u?"Checkout":"Next")))},ou=window?.Shopify?.currency||{rate:1,active:window?.ShopifyAnalytics?.meta?.currency||"USD"},ru=e=>{if(!e)return;const t=navigator.language||"en-US";return new Intl.NumberFormat(t).format(Number(e))},iu=(e,t)=>t==ou.active?e:de(ou.active)||ou.active,au=(e,t)=>{if(!e||!e.includes("cdn.shopify")&&!e.includes("/cdn/shop/files/"))return e;try{const n=new URL(e),o=n.searchParams;return o.has("format")||o.set("format","webp"),o.has("quality")||o.set("quality",t?.toString()||"70"),o.has("width")||o.set("width","600"),n.toString()}catch{const n=e.includes("?")?"&":"?";return e+n+`format=webp&quality=70&width=${t?.toString()||"600"}`}},lu=(e,t,n,o,r,i,a)=>{const l=o.findIndex(t=>t.variantId===e&&(void 0===a||t.tierIndex===a));r(0===n?e=>e.filter((e,t)=>t!==l):-1===l?o=>[...o,{product:t,variantId:e,quantity:n,isFree:i,tierIndex:a}]:e=>e.map((e,t)=>t===l?{...e,quantity:e.quantity+n,isFree:i,tierIndex:a}:e))},cu=({bundle:t,currentProductId:n,addToCartFunction:o,addCustomBundleToCart:r,selectedItems:i,setSelectedItems:a,bundleAddToCartLoading:l,handleRemoveItem:c,selectedItemsQuantity:s,renderingOnPage:d,bundleSubtotal:p,dispatchAnalyticsEvent:u,fetchStoreDetails:m,productsPagination:g})=>"fixed"!==t.type&&t.type&&0!==t?.type?.length?"builder"===t.type?e.createElement(ws,{bundleAddToCartLoading:l,bundle:t,selectedItems:i,setSelectedItems:a,handleAddToCart:r,handleRemoveItem:c,renderingOnPage:d,selectedItemsQuantity:s??0,bundleSubtotal:p??{price:0,compareAtPrice:0},dispatchAnalyticsEvent:u,fetchStoreDetails:m,productsPagination:g}):"combo"===t.type?e.createElement(ks,{bundle:t,addToCartFunction:o,dispatchAnalyticsEvent:u}):"mixAndMatch"===t.type?e.createElement(Pd,{bundle:t,addToCartFunction:o,dispatchAnalyticsEvent:u}):"collection"===t.type?e.createElement(Jp,{config:t,addCustomBundleToCart:r,bundleAddToCartLoading:l}):e.createElement(td,{bundle:t,currentProductId:n,addToCartFunction:o,dispatchAnalyticsEvent:u}):e.createElement(qp,{addToCartFunction:o,bundle:t,dispatchAnalyticsEvent:u}),su=c.div`
|
|
4677
|
+
`,Mp=({productsWithIndices:r,isOpen:i,onClose:a,cta:l,variantOptions:c,onVariantChange:s,handleAddToCart:d,primaryProductId:p,variantId:m})=>{const u=o(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e?.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[]),[g,x]=t({}),[f,y]=t({});n(()=>{const e={},t={};r?.forEach(({product:n,index:o})=>{let r,i=[];if(n.productId===p&&m){const e=n?.productDetails?.variants?.edges.find(e=>e?.node?.id?.includes(m))?.node;e&&u(n.productDetails,e.id)>0&&(i=e.title.split(" / "),r=e)}if(!i.length){const e=n.productDetails.variants.edges.find(e=>u(n.productDetails,e?.node?.id)>0)?.node||n?.productDetails?.variants?.edges?.[0]?.node;e?(i=e.title.split(" / "),r=e):i=n?.productDetails?.options?.map(e=>e.values[0]??"")}e[o]=i,r&&(t[o]={node:r},s(o,r.id))}),x(e),y(t)},[r,p,m,s,u]),n(()=>{if(!p||!m)return;const e=r?.find(({product:e})=>e?.productId===p);if(!e)return;const{product:t,index:n}=e,o=t?.productDetails?.variants?.edges?.find(e=>e.node.id.includes(m))?.node;if(o&&u(t.productDetails,o.id)>0){const e=o.title.split(" / ");x(t=>({...t,[n]:e})),y(e=>({...e,[n]:{node:o}})),s(n,o.id)}},[m,p,r,s,u]);const b=(e,t,n,o)=>{const r=[...g[e]||[]];r[t]=n;const i=r.join(" / "),a=o.productDetails.variants.edges.find(e=>e.node.title===i)?.node;return!!a&&u(o.productDetails,a.id)>0},h=(e,t,n)=>{const{product:o}=r?.find(t=>t.index===e)||{product:{productDetails:{variants:{edges:[]}}}};if(!o?.productDetails)return;if(!b(e,n,t,o))return;const i={...g};i[e][n]=t,x(i);const a=o?.productDetails?.variants?.edges?.find(t=>t.node.title===i[e].join(" / "))?.node;a&&(s(e,a.id),y(t=>({...t,[e]:{node:a}})))};if(!i)return null;const v=e.createElement(Tp,{className:"yt-fixedBundle-variant-modal_overlay",onClick:a},e.createElement(Sp,{className:"yt-fixedBundle-variant-modal_container",onClick:e=>e.stopPropagation()},e.createElement($p,{className:"yt-fixedBundle-variant-modal_header",style:{backgroundColor:l.backgroundColor,color:l.textColor}},"Select Options"),r?.map(({product:t,index:n},o)=>e.createElement(e.Fragment,null,e.createElement(Bp,{className:"yt-fixedBundle-variant-modal_product-block"},e.createElement(Fp,{className:"yt-fixedBundle-variant-modal_thumbnail",src:f[n]?.node?.image?.url||t.productDetails.featuredMedia?.preview?.image?.url,alt:t.productDetails.title}),e.createElement(zp,{className:"yt-fixedBundle-variant-modal_product-info"},e.createElement(Ip,{className:"yt-fixedBundle-variant-modal_product-name"},t.productDetails.title,t?.productDetails?.variants?.edges?.filter(e=>"Default Title"!==e.node.title)?.length>0&&e.createElement(Pp,{className:"yt-fixedBundle-variant-modal_selected-value"},g[n]?.join(" / "))),t.productDetails.options.map((o,r)=>{const i=c&&c?.options?.find(e=>e.name===o.name),a=o.values.filter(e=>t.productDetails.variants.edges.some(t=>t.node.title.split(" / ")[r]===e));return 0===a.length||1===a.length&&"Default Title"===a[0]?e.createElement(e.Fragment,null):i&&"color"===i?.type?e.createElement(Ap,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Op,{className:"yt-fixedBundle-variant-modal_option-name"},o.name," :"," "),a.map((o,a)=>{const l=!b(n,r,o,t);return e.createElement(e.Fragment,null,i.values.find(e=>e.name===o)?.value?e.createElement(_p,{className:"yt-fixedBundle-variant-modal_color-swatch",key:a,color:i.values.find(e=>e.name===o)?.value||o,selected:g[n]?.[r]==o,disabled:l,onClick:()=>{h(n,o,r)}},e.createElement("span",null)):e.createElement(Rp,{className:"yt-fixedBundle-variant-modal_text-swatch",key:a,selected:g[n]?.[r]==o,disabled:l,onClick:()=>{h(n,o,r)}},o))})):i&&"image"===i?.type?e.createElement(Ap,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Op,{className:"yt-fixedBundle-variant-modal_option-name"},o.name," :"," "),a.map((o,a)=>{const l=!b(n,r,o,t);return e.createElement(e.Fragment,null,i?.values.find(e=>e.name===o)?.value?e.createElement(Lp,{className:"yt-fixedBundle-variant-modal_image-swatch",key:a,selected:g[n]?.[r]==o,disabled:l,onClick:()=>{h(n,o,r)},src:i.values.find(e=>e.name===o)?.value},e.createElement("span",null)):e.createElement(Rp,{className:"yt-fixedBundle-variant-modal_text-swatch",key:a,selected:g[n]?.[r]==o,disabled:l,onClick:()=>{h(n,o,r)}},o))})):e.createElement(Ap,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Op,{className:"yt-fixedBundle-variant-modal_option-name"},o.name," :"," "),a.map((o,a)=>{const l=!b(n,r,o,t);return e.createElement(Rp,{className:"yt-fixedBundle-variant-modal_text-swatch",key:a,selected:g[n]?.[r]==o,disabled:l,onClick:()=>{h(n,o,r)}},"text"===i?.type&&i.values.find(e=>e.name===o)?.value||o)}))}))),o<r.length-1&&e.createElement(Dp,{className:"yt-fixedBundle-variant-modal_divider"}))),e.createElement(Np,{className:"yt-fixedBundle-variant-modal_confirm-button",style:{backgroundColor:l.backgroundColor,color:l.textColor},onClick:d},"Add bundle to cart")));return D.createPortal(v,document.body)},Wp=(e,t=64)=>{if(!e)return"/placeholder.svg";try{const n=new URL(e);return n.searchParams.set("width",String(t)),n.toString()}catch{return e}},Vp=({options:o,selectedValue:i,onChange:a,type:l="text"})=>{const[c,s]=t(!1),d=r(null);n(()=>{const e=e=>{d.current&&!d.current.contains(e.target)&&s(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);const p=t=>"color"===l?e.createElement(vp,{className:"yt-fixedBundle-variant-dropdown-horizontal_color-swatch",$color:t.value},e.createElement("span",null)):"image"===l?e.createElement(wp,{className:"yt-fixedBundle-variant-dropdown-horizontal_image-swatch",src:t.value||"/placeholder.svg",alt:t.name},e.createElement("span",null)):null;return e.createElement(up,{className:"yt-fixedBundle-variant-dropdown-horizontal_container",ref:d},e.createElement(gp,{className:"yt-fixedBundle-variant-dropdown-horizontal_header",onClick:()=>s(!c)},e.createElement(xp,{className:"yt-fixedBundle-variant-dropdown-horizontal_content"},i&&("color"===l||"image"===l)&&p(i),e.createElement("span",{className:"yt-fixedBundle-variant-dropdown-horizontal_selected-text"},i&&i.name)),e.createElement(fp,{className:"yt-fixedBundle-variant-dropdown-horizontal_chevron-icon",$isOpen:c})),c&&e.createElement(yp,{className:"yt-fixedBundle-variant-dropdown-horizontal_list"},o?.map(t=>e.createElement(bp,{className:"yt-fixedBundle-variant-selector_dropdown-item "+(i?.name===t.name?"yt-fixedBundle-variant-selector_dropdown-item--selected":""),key:t.name,$isSelected:i?.name===t.name,onClick:()=>{t.disabled||(a(t),s(!1))},style:{opacity:t.disabled?.5:1,cursor:t.disabled?"not-allowed":"pointer"}},("color"===l||"image"===l)&&p(t),e.createElement(hp,{className:"yt-fixedBundle-variant-dropdown-horizontal_item-text"},t.name)))))},jp=({product:o,variantOptions:r,selectedVariants:i,onVariantChange:a,variantId:l,primaryProductId:c,variantType:s="dropdown",accentColor:d="#000000"})=>{const p=(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e?.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLocaleLowerCase()?1/0:0:1/0:0},[m,u]=t(i||[]);n(()=>{i&&i.length>0&&u(i)},[i]),n(()=>{if(l&&o.variants.edges.some(e=>e.node.id.includes(l))){const e=o.variants.edges.find(e=>e.node.id.includes(l))?.node;if(e){const t=e.title.split(" / ");u(t)}}},[l,o]);const g=e=>{if(!r?.options)return"text";const t=r.options.find(t=>t.name===e);return t?.type||"text"},x=(e,t)=>{const n=m[t];if(!n)return null;return f(e,t).find(e=>e.name===n)||null},f=(e,t)=>{const n=r?.options?.find(t=>t.name===e.name);return e.values.filter(e=>o.variants.edges.some(n=>n.node.title.split(" / ")[t]===e)).map(e=>{const r=n?.values?.find(t=>t.name===e),i=!((e,t,n)=>{const o=[...m||[]];o[e]=t;const r=o.join(" / "),i=n.variants.edges.find(e=>e.node.title===r)?.node;return!!i&&p(n,i.id)>0})(t,e,o);return{name:e,value:r?.value||e,disabled:i}})},y=(e,t)=>e.values.filter(e=>o.variants.edges.some(n=>n.node.title.split(" / ")[t]===e));return"swatches"===s||"auto"===s?e.createElement(e.Fragment,null,o.options.map((t,n)=>{const i=r?.options?.find(e=>e.name===t.name);return e.createElement("div",{key:t.name,className:"yt-fixedBundle-product-option-group-horizontal",style:{...t?.values?.length>1&&{marginTop:"10px"},display:"flex",flexDirection:"row",gap:"8px",alignItems:"center"}},o.options.length>1&&y(t,n)?.length>1&&e.createElement("label",{className:"yt-fixedBundle-product-option-label",style:{fontSize:"12px",fontWeight:"500",color:"#333"}},t.name,":"),y(t,n)?.length>1&&e.createElement("div",{className:"yt-fixedBundle-product-option-values-horizontal",style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"8px",flexWrap:"wrap"}},y(t,n).map(t=>{const r=[...m];r[n]=t;const l=o.options.length>0?r.join(" / "):r[n],c=o.variants.edges.find(e=>e.node.title===l)?.node,s=0===(c?p(o,c.id):0),u=m[n]===t;if("color"===i?.type){const n=i.values.find(e=>e.name===t)?.value;return e.createElement("button",{key:t,className:`yt-fixedBundle-product-option-button-color${u?" yt-fixedBundle-product-option-button-selected":""}${s?" yt-fixedBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&a(c.id)},disabled:s,style:{borderRadius:"50%",padding:"1px",backgroundColor:"white",border:u&&!s?`1px solid ${d}`:"1px solid transparent",opacity:s?.5:1,cursor:s?"not-allowed":"pointer"}},n?e.createElement("div",{className:"yt-fixedBundle-product-option-color-swatch",style:{width:u&&!s?"26px":"24px",height:u&&!s?"26px":"24px",borderRadius:"50%",backgroundColor:n}},e.createElement("span",null)):e.createElement("span",{className:"yt-fixedBundle-product-option-text",style:{padding:"4px 8px",border:u&&!s?`1px solid ${d}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:u&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",fontSize:"10px",fontWeight:"600"}},t))}if("image"===i?.type){const n=i.values.find(e=>e.name===t)?.value;return e.createElement("button",{key:t,className:`yt-fixedBundle-product-option-button-image${u?" yt-fixedBundle-product-option-button-selected":""}${s?" yt-fixedBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&a(c.id)},disabled:s,style:{border:u&&!s?`1px solid ${d}`:"1px solid #E4E4E4",borderRadius:"100%",backgroundColor:u&&!s?"#F7F7F7":"transparent",cursor:s?"not-allowed":"pointer",padding:"0px",width:u&&!s?"26px":"24px",height:u&&!s?"26px":"24px",overflow:"hidden",opacity:s?.5:1}},n?e.createElement("img",{className:"yt-fixedBundle-product-option-image",src:Wp(n),alt:t,style:{width:u&&!s?"26px":"24px",height:u&&!s?"26px":"24px",objectFit:"cover",borderRadius:"100%",aspectRatio:"1/1"}}):e.createElement("span",{className:"yt-fixedBundle-product-option-text",style:{padding:"4px 8px",border:u&&!s?`1px solid ${d}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:u&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",fontSize:"10px",fontWeight:"600"}},t))}return e.createElement("button",{key:t,className:`yt-fixedBundle-product-option-button-text${u?" yt-fixedBundle-product-option-button-selected":""}${s?" yt-fixedBundle-product-option-button-disabled":""}`,onClick:()=>{!s&&c&&a(c.id)},disabled:s,style:{padding:"4px 8px",border:u&&!s?`1px solid ${d}`:s?"1px solid #ccc":"1px solid #E4E4E4",borderRadius:"16px",backgroundColor:u&&!s?"#F7F7F7":"transparent",color:s?"#ccc":"#707070",cursor:s?"not-allowed":"pointer",fontSize:"10px",fontWeight:"600",opacity:s?.5:1}},"text"===i?.type&&i.values.find(e=>e.name===t)?.value||t)})))})):e.createElement(Cp,{className:"yt-fixedBundle-variant-selector-horizontal_container"},o.options.map((t,n)=>{const r=f(t,n);return 0===r.length||1===r.length&&"Default Title"===r[0].name?null:e.createElement(Ep,{className:"yt-fixedBundle-variant-selector-horizontal_option-row",key:t.name,$isFirst:0===n},e.createElement(Vp,{options:r,selectedValue:x(t,n),onChange:e=>{((e,t)=>{const n=[...m];n[e]=t.name,u(n);const r=o.variants.edges.find(t=>t.node.title===(o.options?.length>0?n.join(" / "):n[e]))?.node.id;a(r||"")})(n,e)},type:g(t.name)}))}))},Hp=({product:r,selectedVariantId:a,isChecked:l,canCustomize:c,styles:s,onVariantChange:d,onCheckChange:p,isMobile:m,isHorizontal:u,index:g,variantOptions:x,productsLength:f,handleOpenModal:y,storeCurrencyCode:b,primaryProductId:h,variantId:v,checkedProducts:w,bundleDiscountValue:C,bundleDiscountType:E,bundleProductsCount:k,totalSelectedOriginal:T})=>{const S="23e4dd-58.myshopify.com"!==window.Shopify?.shop,$=o(()=>e=>{const t=r?.variants?.edges?.find(t=>t.node.id===e),n=t?.node;return n?r?.tracksInventory&&n.inventoryItem?.tracked?n.inventoryQuantity>0?n.inventoryQuantity:n.inventoryQuantity<=0&&"continue"===n.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[r]),[N,B]=t(r?.variants?.edges.find(e=>$(e?.node?.id)>0)?.node||r?.variants?.edges?.[0]?.node),F=o(()=>N?.title?.split(" / ")||[],[N]),z=r?.id===h;n(()=>{if(r.id===h){const e=r?.variants?.edges?.find(e=>e?.node?.id?.includes(a))?.node;e&&$(e.id)>0&&(B(e),d(e.id))}else{const e=r?.variants?.edges?.find(e=>e?.node?.id===a)?.node||r?.variants?.edges?.find(e=>$(e?.node?.id)>0)?.node||r?.variants?.edges?.[0]?.node;B(e)}},[r,h,a,v,d,$]);const I=i(e=>{const t=r?.variants?.edges?.find(t=>t.node.id===e)?.node;t&&d(e)},[r,d]),D=s?.fixedBundle?.discountBadgeDisplay,P=parseFloat(N?.price??"0"),A=w?.size===k,_=((e,t,n,o,r,i)=>{if(0===o||!n)return e;if(o!==r)return e;switch(t){case"percentOff":case"percentageOff":case"percentage":case"Percentage":return e*(1-n/100);case"amountOff":case"amount":case"Amount Off":{if(i<=0)return e;const t=e/i*n;return Math.max(0,e-t)}case"fixedPrice":case"fixed":case"fixedPrice":return n*(e/i);default:return e}})(P,E,C??0,w?.size,k,T),R=A?_:parseFloat(N?.price??"0"),L="discount-on-compare"===D?parseFloat(N?.compareAtPrice||N?.price||"0"):parseFloat(N?.price??"0"),O=!1!==s?.fixedBundle?.discountBadgeVisibility&&(L>R&&s?.fixedBundle?.compareAtPriceVisibility||"discount-on-compare"===D&&s?.fixedBundle?.compareAtPriceVisibility),M=(e=>{const t="string"==typeof e?parseFloat(e):e;return S?t.toFixed(2):Math.round(t).toString()})(R),W="undefined"!=typeof window&&"usee-shop-app.myshopify.com"===window.ytBundleApp?.storeDomain,V=N?.image?.url||r.featuredMedia?.preview?.image?.url;return e.createElement(e.Fragment,null,u?e.createElement("div",{className:""+(r.id===h?"yt-fixedBundle-product-card--horizontal-primary":"yt-fixedBundle-product-card--horizontal-associated"),style:{display:"flex",alignItems:"center",gap:"10px"}},c&&e.createElement("div",{className:"yt-fixedBundle-product-card_checkbox-wrapper--horizontal"},e.createElement("input",{type:"checkbox",style:{display:"none"},className:"yt-fixedBundle-product-card_checkbox-hidden",id:`checkbox-${r.id}-${g}`,defaultChecked:l,onChange:e=>p(e.target.checked),disabled:z}),e.createElement("label",{className:"yt-fixed-bundle-checkbox-label yt-fixedBundle-product-card_checkbox-label",htmlFor:`checkbox-${r.id}-${g}`,style:{width:"18px",height:"18px",border:"1.5px solid "+((s.fixedBundle?.borderColor??"#ccc")+"80"),borderRadius:s.fixedBundle?.borderRadius??"4px",backgroundColor:l?s.general?.ctaBackgroundColor??"#d3122a":"transparent",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"all 0.2s ease",color:"white"}},e.createElement(G,{style:{fontSize:"14px",visibility:l?"visible":"hidden"}}))),e.createElement(Od,{className:"yt-fixedBundle-product-card-horizontal_item",style:{borderRadius:s.fixedBundle?.borderRadius,border:`1px solid ${s.fixedBundle?.borderColor}80`,backgroundColor:s.fixedBundle?.cardBackgroundColor,boxShadow:{none:"none",spread:`8px 8px 8px -6px ${s.fixedBundle.borderColor}`,"no-spread":`4px 4px 0px -1px ${s.fixedBundle.borderColor}80`}[s.fixedBundle.shadowType]||"none"},canCustomize:c},"undefined"!=typeof window&&"usee-shop-app.myshopify.com"!==window.ytBundleApp?.storeDomain&&e.createElement(Md,{className:"yt-fixedBundle-product-card-horizontal_image",src:am(V),alt:r.title,style:{borderRadius:s.fixedBundle?.borderRadius,borderColor:s.fixedBundle?.borderColor,aspectRatio:s.general.imageAspectRatio||"1/1",borderTopRightRadius:"0",borderBottomRightRadius:"0"}}),e.createElement(Wd,{className:"yt-fixedBundle-product-card-horizontal_details"},e.createElement(Vd,{className:"yt-fixedBundle-product-card-horizontal_title"},r.title),s.fixedBundle.productsPriceVisibility&&e.createElement(jd,{className:"yt-fixedBundle-product-card-horizontal_price-section"},e.createElement(Hd,{className:"yt-fixedBundle-product-card-horizontal_price--new"},im(s.general.currencySymbol,b)," ",rm(M)),O&&L>R&&e.createElement(qd,{className:"yt-fixedBundle-product-card-horizontal_price--old"},im(s.general.currencySymbol,b),rm(S?L.toFixed(2):Math.round(L).toString()))),e.createElement(jp,{product:r,variantOptions:x,selectedVariants:F,onVariantChange:I,variantId:v,primaryProductId:h,variantType:s?.fixedBundle?.variantSelectorType,accentColor:s?.general?.ctaBackgroundColor})))):e.createElement(e.Fragment,null,e.createElement(ep,{className:""+(r.id===h?"yt-fixedBundle-product-card--vertical-primary":"yt-fixedBundle-product-card--vertical-associated"),productsLength:f,style:{borderRadius:s.fixedBundle?.borderRadius,border:`1px solid ${s.fixedBundle?.borderColor}50`,backgroundColor:s.fixedBundle?.cardBackgroundColor,boxShadow:{none:"none",spread:`0 4px 10px -6px ${s.fixedBundle.borderColor}50`,"no-spread":`4px 4px 0px -1px ${s.fixedBundle.borderColor}50`}[s.fixedBundle.shadowType]||"none",...c&&{position:"relative"},...W&&{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",minWidth:"max-content",paddingLeft:"2px"}},borderRadius:s.fixedBundle?.borderRadius,borderColor:s.fixedBundle?.borderColor,backgroundColor:s.fixedBundle?.cardBackgroundColor},c&&e.createElement(kp,{className:"yt-fixedBundle-product-card_checkbox-wrapper--vertical",isImage:W},e.createElement("input",{className:"yt-fixedBundle-product-card_checkbox-hidden--vertical",style:{display:"none"},type:"checkbox",id:`checkbox-${r.id}-${g}`,defaultChecked:l,onChange:e=>p(e.target.checked),disabled:z}),e.createElement("label",{className:"yt-fixedBundle-product-card_checkbox-label--vertical",htmlFor:`checkbox-${r.id}-${g}`,style:{width:"18px",height:"18px",border:"1.5px solid "+((s.fixedBundle?.borderColor??"#ccc")+"80"),borderRadius:s.fixedBundle?.borderRadius??"4px",backgroundColor:l?s.general?.ctaBackgroundColor??"#d3122a":"transparent",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",transition:"all 0.2s ease",color:"white"}},e.createElement(G,{size:10,style:{fontSize:"14px",visibility:l?"visible":"hidden"}}))),"undefined"!=typeof window&&"usee-shop-app.myshopify.com"!==window.ytBundleApp?.storeDomain&&e.createElement(tp,{className:"yt-fixedBundle-product-card_image-wrapper--vertical",style:{aspectRatio:s.general.imageAspectRatio,height:"fit-content"}},e.createElement(np,{className:"yt-fixedBundle-product-card_image--vertical",src:am(V),style:{aspectRatio:s.general.imageAspectRatio},alt:r.title}),r.variants.edges.length>1&&e.createElement(op,{className:"yt-fixedBundle-product-card_badge-container"},e.createElement(rp,{className:"yt-fixedBundle-product-card_circle-button"},e.createElement("span",null)),e.createElement(ip,{className:"yt-fixedBundle-product-card_circle-button-two"},e.createElement("span",null)),e.createElement(ap,{className:"yt-fixedBundle-product-card_count-badge"},r.variants.edges.length,"+"))),e.createElement(lp,{className:"yt-fixedBundle-product-card-vertical_info"},e.createElement(cp,{className:"yt-fixedBundle-product-card-vertical_title"},r.title),s.fixedBundle.productsPriceVisibility&&e.createElement(dp,{className:"yt-fixedBundle-product-card-vertical_price-line"},e.createElement(sp,{className:"yt-fixedBundle-product-card-vertical_price--new"},im(s.general.currencySymbol,b),rm(M)),s.fixedBundle.compareAtPriceVisibility&&O&&L>R&&e.createElement(qd,{className:"yt-fixedBundle-product-card-vertical_price--old"},im(s.general.currencySymbol,b),rm(L))))),(f<=3||!m)&&g<f-1&&e.createElement(pp,{className:"yt-fixedBundle-plus-wrapper"}," ",e.createElement(mp,{className:"yt-fixedBundle-plus-icon"},"+")," ")))},qp=({bundle:r,addToCartFunction:a,dispatchAnalyticsEvent:l})=>{const[c,s]=t(!1),[d,p]=t(window.innerWidth<786),[m,u]=t(null),[g,x]=t(!1),[f,y]=t(!1),b="undefined"!=typeof window?window.location.href:null,h=r?.products?.find(e=>e.productDetails?.handle===b?.split("/").pop()?.split("?")[0]),v=h?.productId,w=o(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e?.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[]),[C,E]=t(Object.fromEntries(r?.products?.map((e,t)=>[t.toString(),e?.productDetails?.variants?.edges?.find(t=>w(e.productDetails,t?.node?.id)>0)?.node?.id||e.productDetails?.variants?.edges?.[0]?.node?.id]))),k="undefined"!=typeof window&&("usee-shop-app.myshopify.com"===window.ytBundleApp?.storeDomain||"beautywiseshop.myshopify.com"===window.ytBundleApp?.storeDomain||"swashaa.myshopify.com"===window.ytBundleApp?.storeDomain),T=r?.showIndividualProductSelector??!0,[S,$]=t(new Set(r.products.reduce((e,t,n)=>(k&&t?.productId!==v&&!T||e.push(n),e),[])));n(()=>{l?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:r._id,bundleType:"fixed-bundle"}});const e=()=>{const e=new URL(window.location.href).searchParams.get("variant");u(e)},t=e=>{const t=history[e];return function(...n){const o=t.apply(this,n);return window.dispatchEvent(new Event(e.toLowerCase())),o}};return history.pushState=t("pushState"),history.replaceState=t("replaceState"),window.addEventListener("pushstate",e),window.addEventListener("replacestate",e),e(),()=>{window.removeEventListener("pushstate",e),window.removeEventListener("replacestate",e)}},[]),n(()=>{m&&v&&E(e=>{const t={...e};return r?.products?.forEach((e,n)=>{e.productId===v&&(t[n.toString()]=m)}),t})},[m,v,r?.products]),n(()=>{const e=()=>{p(window.innerWidth<600)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const N=i((e,t)=>{E(n=>({...n,[e.toString()]:t}))},[]),B=(e,t)=>{const n=r.products[t].productId;k&&n===v||$(n=>{const o=new Set(n);return e?o.add(t):o.delete(t),o})},F=o(()=>(e,t)=>w(e.productDetails,t)>0,[w]),z=o(()=>r.products.some((e,t)=>S.has(t)&&e.productDetails.variants.edges.length>1),[r.products,S]),I="23e4dd-58.myshopify.com"!==window.Shopify?.shop,D=e=>{const t="string"==typeof e?parseFloat(e):e;return I?t.toFixed(2):Math.round(t).toString()},{originalPrice:P,dealPrice:A,offerValue:_}=o(()=>{const{price:e,compareAtPrice:t}=r.products.reduce((e,t,n)=>{if(!S.has(n))return e;const o=C[n.toString()];if(!o)return e;const r=t.productDetails.variants.edges?.find(e=>e.node.id===o)?.node;if(!r)return e;const i=parseFloat(r?.price??"0"),a=parseFloat(r?.compareAtPrice||i.toString());return e.price+=i,e.compareAtPrice+=a,e},{price:0,compareAtPrice:0}),n="discount-on-compare"===(r?.customizations?.fixedBundle?.discountBadgeDisplay||"discount-on-price")?t:e;let o=e;S.size===r.products.length&&(r?.percentageOff?o=e*(1-r.percentageOff/100):r?.dealAmount?o=r.dealAmount:r?.amountOff&&(o=e-r.amountOff));const i=n-o;return{originalPrice:D(n),dealPrice:D(o),offerValue:D(i)}},[r.products,C,S,r.percentageOff,r.dealAmount,r.amountOff,r?.customizations?.fixedBundle?.discountBadgeDisplay]),R=o(()=>r.products.map((e,t)=>({product:e,index:t})).filter(({index:e})=>S.has(e)),[r.products,S]),L=R.every(({product:e,index:t})=>F(e,C[t.toString()])),O=o(()=>{let e=0;return r.products.forEach((t,n)=>{if(S.has(n)){const o=C[n.toString()],r=t.productDetails.variants.edges.find(e=>e.node.id===o)?.node;r&&(e+=parseFloat(r.price??"0"))}}),e},[r.products,S,C]),M=async e=>{s(!0),x(!1),l?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:r._id,bundleType:"fixed-bundle",selectedProducts:R?.map(e=>({id:e?.product?.productId,title:e?.product?.productDetails?.title}))}});try{const t=Object.entries(C).map(([e,t])=>{const n=parseInt(e);return isNaN(n)||!S.has(n)?null:t}).filter(Boolean);a&&await a(Number(P),t,void 0,void 0,e)}catch(e){console.error("Error adding to cart:",e)}s(!1)},W=async e=>{if(L){if(e&&(e.preventDefault(),e.stopPropagation()),r?.personalizedForm?.title)return x(!1),void y(!0);await M()}};if(!a)return e.createElement(e.Fragment,null);const V=r.customizations,j=V.fixedBundle?.cardLayoutStyle||"auto",H="horizontal"===j||"auto"===j&&d,q="bundles"==r.appName?r.pageHeader?.title:r?.title,Q="bundles"==r.appName?r.pageHeader?.description:r?.subtitle;return e.createElement(Ad,{id:"yt-fixedBundle-container",className:"yt-fixedBundle-container",style:{maxWidth:"800px",backgroundColor:V.fixedBundle.sectionBackgroundColor,..."transparent"!==V.fixedBundle.sectionBackgroundColor&&{padding:"20px"}}},q&&e.createElement(_d,{id:"yt-fixedBundle-header",className:"yt-fixedBundle-header",style:{backgroundColor:V.fixedBundle?.titleBackgroundColor||"none",color:V.fixedBundle?.titleTextColor||"black",textAlign:V.fixedBundle.infoAlignment??"center",fontSize:V.fixedBundle?.titleFontSize,..."transparent"!==V.fixedBundle.titleBackgroundColor&&{paddingBlock:"7px"},..."left"===V.fixedBundle.infoAlignment&&"transparent"!==V.fixedBundle.titleBackgroundColor&&{paddingLeft:"7px"},..."right"===V.fixedBundle.infoAlignment&&"transparent"!==V.fixedBundle.titleBackgroundColor&&{paddingRight:"7px"},..."left"===V.fixedBundle.infoAlignment&&"transparent"===V.fixedBundle.titleBackgroundColor&&{paddingLeft:"0px"}}},q),Q&&e.createElement(Rd,{id:"yt-fixedBundle-subheader",className:"yt-fixedBundle-subheader",style:{color:"#121212",fontSize:V.fixedBundle?.subtitleFontSize,textAlign:V.fixedBundle.infoAlignment??"center",..."left"===V.fixedBundle.infoAlignment&&"transparent"!==V.fixedBundle.titleBackgroundColor&&{paddingLeft:"7px"},..."right"===V.fixedBundle.infoAlignment&&"transparent"!==V.fixedBundle.titleBackgroundColor&&{paddingRight:"7px"},..."left"===V.fixedBundle.infoAlignment&&"transparent"===V.fixedBundle.titleBackgroundColor&&{paddingLeft:"0px"}}},Q),H?e.createElement(Ld,{id:"yt-fixedBundle-horizontal-container",className:"yt-fixedBundle-horizontal-container"},r?.products?.map((t,n,o)=>e.createElement(e.Fragment,{key:`${t.productId}-${n}`},e.createElement(Hp,{isChecked:S.has(n),product:t.productDetails,selectedVariantId:C[n.toString()]||"",canCustomize:r?.canCustomizeFixedBundle||!1,styles:V,onVariantChange:e=>N(n,e),onCheckChange:e=>{B(e,n)},isMobile:d,index:n,isHorizontal:H,variantOptions:r.variantOptions,productsLength:r.products.length,storeCurrencyCode:r.storeCurrencyCode,primaryProductId:v,variantId:m||void 0,bundleDiscountType:r.discountType??"none",checkedProducts:S,bundleProductsCount:r.products.length,bundleDiscountValue:r.percentageOff||r.amountOff||r.dealAmount,totalSelectedOriginal:O}),n<o.length-1&&e.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"center"},className:"yt-fixedBundle-plus-icon-container"},e.createElement("span",{style:{padding:d?"1px":"2px",background:"#0000000D",..."none"!==V?.fixedBundle?.shadowType&&{marginTop:"2px"},display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"},className:"yt-fixedBundle-plus-icon-wrapper"},e.createElement(Ae,{color:"black",style:{height:d?"16px":"24px",width:d?"16px":"24px",color:"black",lineHeight:"nomal"},className:"yt-fixedBundle-plus-icon-svg"})))))):e.createElement(Kd,{id:"yt-fixedBundle-vertical-container",className:"yt-fixedBundle-vertical-container"},e.createElement(Jd,{id:"yt-fixedBundle-product-list",className:"yt-fixedBundle-product-list",style:{justifyContent:"left"===V.fixedBundle.infoAlignment?"flex-start":"right"===V.fixedBundle.infoAlignment?"flex-end":"center"}},r?.products?.map((t,n)=>e.createElement(Hp,{key:`${t.productId}-${n}`,isChecked:S.has(n),product:t.productDetails,selectedVariantId:C[n.toString()]||"",canCustomize:r?.canCustomizeFixedBundle||!1,styles:V,onVariantChange:e=>{N(n,e)},onCheckChange:e=>B(e,n),isMobile:d,index:n,isHorizontal:H,productsLength:r.products.length,storeCurrencyCode:r.storeCurrencyCode,primaryProductId:v,variantId:m||void 0,bundleDiscountType:r.discountType??"none",checkedProducts:S,bundleProductsCount:r.products.length,bundleDiscountValue:r.percentageOff||r.amountOff||r.dealAmount,totalSelectedOriginal:O})),z&&e.createElement(Mp,{productsWithIndices:R,isOpen:g,onClose:()=>x(!1),variantOptions:r.variantOptions,cta:{textColor:V.general.ctaTextColor,backgroundColor:V.general.ctaBackgroundColor},onVariantChange:N,handleAddToCart:W,primaryProductId:v,variantId:m||void 0}))),e.createElement(Qd,{id:"yt-fixedBundle-summary",className:"yt-fixedBundle-summary",style:{alignItems:"left"===V.fixedBundle.infoAlignment?"flex-start":"right"===V.fixedBundle.infoAlignment?"flex-end":"center"}},Number(P)>0&&Number(_)>0&&V.fixedBundle.compareAtPriceVisibility&&e.createElement(Ud,{className:"yt-fixedBundle-summary_original-price"},"Original Price:"," ",e.createElement(Gd,{className:"yt-fixedBundle-summary_price"},im(V.general.currencySymbol,r?.storeCurrencyCode),rm(P))),0!==S.size&&e.createElement(Yd,{className:"yt-fixedBundle-summary_total-price"},"Total Price:"," ",e.createElement(Gd,{className:"yt-fixedBundle-summary_price"},im(V.general.currencySymbol,r?.storeCurrencyCode),rm(A))," ",Number(_)>0&&e.createElement(Xd,{className:"yt-fixedBundle-summary_save-tag"},"Save:"," ",im(V.general.currencySymbol,r?.storeCurrencyCode),rm(_)))),e.createElement(Zd,{id:"yt-fixedBundle-add-to-cart",className:"yt-fixedBundle-add-to-cart",onClick:e=>{e.preventDefault(),e.stopPropagation(),H||!z?W(e):x(!0)},disabled:S.size<1||c||!L,style:{backgroundColor:V.general?.ctaBackgroundColor||"#121212",color:V.general?.ctaTextColor||"#FFFFFF",border:`1px solid ${V.general?.ctaBackgroundColor||"#121212"}`,boxShadow:V.general.ctaShadowType,paddingTop:V.general?.ctaPadding,paddingBottom:V.general?.ctaPadding,borderRadius:V.general.ctaBorderRadius,width:V.general.ctaWidth||"100%",textAlign:"center"},onMouseOver:e=>{V.general.customizeHoverState&&(e.currentTarget.style.backgroundColor=V.general?.ctaHoverBackgroundColor||"#F1F1F1",e.currentTarget.style.color=V.general?.ctaHoverTextColor||"#121212")},onMouseOut:e=>{V.general.customizeHoverState&&(e.currentTarget.style.backgroundColor=V.general?.ctaBackgroundColor||"#121212",e.currentTarget.style.color=V.general?.ctaTextColor||"#FFFFFF")}},c?e.createElement(ue,{color:"white",loading:c,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):L?e.createElement(e.Fragment,null,V.fixedBundle?.ctaTitle??"Add Bundle to cart"):e.createElement(e.Fragment,null,"Out of Stock")),r?.personalizedForm?.title&&e.createElement(Cs,{isOpen:f,onClose:()=>y(!1),formConfig:r.personalizedForm,onCheckout:async e=>{await M(e),y(!1)},cta:{backgroundColor:V.general?.ctaBackgroundColor||"#121212",textColor:V.general?.ctaTextColor||"#FFFFFF"},isMobile:d}))},Qp=()=>window?.ShopifyAnalytics?.meta?.currency||window?.Shopify?.currency?.active||"USD",Up=({product:o,tierIdx:r,isOpen:i,onClose:a,onAddToBundle:l,canAdd:c,isSelected:s,customizations:d,isMobile:p,splitVariants:m=!1})=>{const[u,g]=t(0),[x,f]=t(o.variants[0]?.id.toString()||""),[y,b]=t(!0),h=o.variants.find(e=>e.id.toString()===x)||o.variants[0],v=o.images.filter(Boolean),w=(e=>{try{const t=new Intl.NumberFormat(void 0,{style:"currency",currency:e}).resolvedOptions().maximumFractionDigits??2;return Math.pow(10,t)}catch{return 100}})(Qp()),C=(()=>{const e=Qp();return de(e)??e})(),E=()=>{v.length<=1||(g(e=>0===e?v.length-1:e-1),b(!0))},k=()=>{v.length<=1||(g(e=>e===v.length-1?0:e+1),b(!0))};if(n(()=>(i&&(document.body.style.overflow="hidden"),()=>{document.body.style.overflow=""}),[i]),n(()=>{if(h&&h?.featured_image?.src){const e=document.querySelector(".yt-collection-bundle-modal-image"),t=am(h?.featured_image?.src);e?.setAttribute("src",t)}},[h]),!i)return null;const T=v.length>1,S=e.createElement("div",{className:"yt-collection-bundle-modal-overlay",style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.75)",zIndex:9999,display:"flex"},onClick:a},e.createElement("div",{className:"yt-collection-bundle-modal-container",style:{background:"#fff",borderRadius:d?.borderRadius||"12px",maxWidth:1e3,width:"100%",height:"72dvh",margin:"auto",display:"flex",overflow:"hidden",position:"relative"},onClick:e=>e.stopPropagation()},e.createElement("button",{className:"yt-collection-bundle-modal-close-btn",onClick:a,style:{position:"absolute",top:12,right:12,zIndex:10,background:"#fff",border:"1px solid #ddd",borderRadius:"50%",width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer"}},e.createElement(Y,{size:22})),e.createElement("div",{className:"yt-collection-bundle-modal-image-container",style:{flex:1,position:"relative",margin:"20px 0 20px 20px",borderRadius:d?.borderRadius||"12px",background:"#f5f5f5"}},v.length>0&&e.createElement(e.Fragment,null,y&&e.createElement("style",null,"\n @keyframes shimmer {\n 0% { background-position: 200% 0; }\n 100% { background-position: -200% 0; }\n }\n "),y&&e.createElement("div",{style:{position:"absolute",inset:0,background:"linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)",backgroundSize:"200% 100%",animation:"shimmer 1.5s infinite",borderRadius:d?.borderRadius||"12px"}}),e.createElement("img",{className:"yt-collection-bundle-modal-image",src:am(v[u]||o.images[0]),alt:o.title,onLoad:()=>b(!1),style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:d?.borderRadius||"12px",opacity:y?0:1,transition:"opacity 0.3s"}}),T&&e.createElement(e.Fragment,null,e.createElement("button",{onClick:E,disabled:0===u,style:{position:"absolute",left:16,top:"50%",transform:"translateY(-50%)",background:0===u?"rgba(0,0,0,0.2)":"rgba(0,0,0,0.4)",border:"none",borderRadius:"50%",width:44,height:44,display:"flex",alignItems:"center",justifyContent:"center",cursor:0===u?"not-allowed":"pointer",color:"#fff",zIndex:5,opacity:0===u?.5:1}},e.createElement(X,{size:24})),e.createElement("button",{onClick:k,disabled:u===v.length-1,style:{position:"absolute",right:16,top:"50%",transform:"translateY(-50%)",background:u===v.length-1?"rgba(0,0,0,0.2)":"rgba(0,0,0,0.4)",border:"none",borderRadius:"50%",width:44,height:44,display:"flex",alignItems:"center",justifyContent:"center",cursor:u===v.length-1?"not-allowed":"pointer",color:"#fff",zIndex:5,opacity:u===v.length-1?.5:1}},e.createElement(L,{size:24}))))),e.createElement("div",{className:"yt-collection-bundle-modal-content",style:{flex:1,padding:"30px",overflowY:"auto",display:"flex",flexDirection:"column",scrollbarWidth:"none"}},e.createElement("h2",{className:"yt-collection-bundle-modal-title",style:{margin:"6px 0",fontSize:24,fontWeight:600,lineHeight:"normal"}},m&&h?.name||o.title),!m&&o.variants.length>1&&e.createElement("div",{className:"yt-collection-bundle-modal-variant-container",style:{position:"relative"}},e.createElement("div",{className:"yt-collection-bundle-modal-variant-label",style:{padding:"8px 0",borderBottom:"1px solid #eee",lineHeight:"normal"}},o?.options?.join(" & "),":"," ",e.createElement("strong",null,h.title)),e.createElement("select",{className:"yt-collection-bundle-modal-variant-select",value:x,onChange:e=>{f(e.target.value),b(!0)},style:{position:"absolute",inset:0,opacity:0,cursor:"pointer",lineHeight:"normal"}},o.variants.map(t=>e.createElement("option",{key:t.id,value:t.id,disabled:!t.available},t.title," ",!t.available&&"(Out of stock)")))),e.createElement("div",{className:"yt-collection-bundle-modal-price-container",style:{fontSize:28,fontWeight:"bold",margin:"10px 0",lineHeight:"normal"}},C,(h.price/w).toLocaleString(),h.compare_at_price&&h.compare_at_price>h.price?e.createElement("span",{className:"yt-collection-bundle-modal-compare-price",style:{marginLeft:12,fontSize:20,textDecoration:"line-through",color:"#999",lineHeight:"normal"}},C,(h.compare_at_price/w).toLocaleString()):null),e.createElement("div",{className:"yt-collection-bundle-modal-add-section",style:{position:"sticky",bottom:0,background:"white"}},e.createElement("button",{className:"yt-collection-bundle-modal-add-btn "+(s||!c?"yt-collection-bundle-modal-add-btn-added":""),onClick:()=>l(o,r),disabled:!c||!h.available,style:{width:"100%",padding:"12px",fontSize:17,fontWeight:600,border:"none",borderRadius:d?.borderRadius||"8px",background:h.available?s||!c?"#28a745":d?.atcBg||"#007bff":"rgb(204, 204, 204)",color:d?.atcText||"#fff",cursor:c&&h.available?"pointer":"not-allowed",textAlign:"center",lineHeight:"normal"}},s?"Added to Box":h.available?"Add to Box":"Out of Stock")),o.description&&e.createElement("div",{className:"yt-collection-bundle-modal-description",dangerouslySetInnerHTML:{__html:o.description},style:{lineHeight:"normal",color:"#444",marginTop:"10px"}})))),$=e.createElement("div",{className:"yt-collection-bundle-modal-overlay",style:{position:"fixed",inset:0,background:"rgba(0,0,0,0.75)",zIndex:9999,display:"flex"},onClick:a},e.createElement("div",{className:"yt-collection-bundle-modal-container",style:{background:"#fff",width:"100%",height:"100dvh",display:"flex",flexDirection:"column",overflow:"hidden",position:"relative"},onClick:e=>e.stopPropagation()},e.createElement("button",{className:"yt-collection-bundle-modal-close-btn",onClick:a,style:{position:"absolute",top:12,right:12,zIndex:10,background:"#fff",border:"1px solid #ddd",borderRadius:"50%",width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center"}},e.createElement(Y,{size:22})),e.createElement("div",{className:"yt-collection-bundle-modal-scroll-container",style:{flex:1,overflowY:"auto",paddingBottom:100}},v.length>0&&e.createElement("div",{className:"yt-collection-bundle-modal-image-wrapper",style:{position:"relative",background:"#f5f5f5"}},y&&e.createElement("div",{style:{position:"absolute",inset:0,background:"linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)",backgroundSize:"200% 100%",animation:"shimmer 1.5s infinite"}}),e.createElement("img",{className:"yt-collection-bundle-modal-image",src:v[u]||o.images[0],alt:o.title,onLoad:()=>b(!1),style:{width:"100%",minWidth:"100%",display:"block",maxHeight:"50vh",minHeight:"50vh",objectFit:"cover",objectPosition:"center",opacity:y?0:1,transition:"opacity 0.3s"}}),T&&e.createElement(e.Fragment,null,e.createElement("button",{onClick:E,disabled:0===u,style:{position:"absolute",left:12,top:"50%",transform:"translateY(-50%)",background:0===u?"rgba(0,0,0,0.3)":"rgba(0,0,0,0.5)",border:"none",borderRadius:"50%",width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center",color:"#fff",zIndex:5,opacity:0===u?.5:1,cursor:0===u?"not-allowed":"pointer"}},e.createElement(X,{size:20})),e.createElement("button",{onClick:k,disabled:u===v.length-1,style:{position:"absolute",right:12,top:"50%",transform:"translateY(-50%)",background:u===v.length-1?"rgba(0,0,0,0.3)":"rgba(0,0,0,0.5)",border:"none",borderRadius:"50%",width:40,height:40,display:"flex",alignItems:"center",justifyContent:"center",color:"#fff",zIndex:5,opacity:u===v.length-1?.5:1,cursor:u===v.length-1?"not-allowed":"pointer"}},e.createElement(L,{size:20})))),e.createElement("div",{className:"yt-collection-bundle-modal-content",style:{padding:"20px"}},e.createElement("h2",{className:"yt-collection-bundle-modal-title",style:{margin:"0 0 12px",fontSize:22,fontWeight:600}},o.title),!m&&o.variants.length>1&&e.createElement("div",{className:"yt-collection-bundle-modal-variant-container",style:{position:"relative",marginBottom:20}},e.createElement("div",{className:"yt-collection-bundle-modal-variant-label",style:{padding:"8px 0",borderBottom:"1px solid #eee"}},o?.options?.join(" & "),":"," ",e.createElement("strong",null,h.title)),e.createElement("select",{className:"yt-collection-bundle-modal-variant-select",value:x,onChange:e=>{f(e.target.value),b(!0)},style:{position:"absolute",inset:0,opacity:0,cursor:"pointer"}},o.variants.map(t=>e.createElement("option",{key:t.id,value:t.id,disabled:!t.available},t.title," ",!t.available&&"(Out of stock)")))),e.createElement("div",{className:"yt-collection-bundle-modal-price-container",style:{fontSize:28,fontWeight:"bold",margin:"10px 0"}},C,(h.price/w).toLocaleString(),h.compare_at_price?h.compare_at_price>h.price&&e.createElement("span",{className:"yt-collection-bundle-modal-compare-price",style:{marginLeft:12,fontSize:20,textDecoration:"line-through",color:"#999"}},C,(h.compare_at_price/w).toLocaleString()):null),o.description&&e.createElement("div",{className:"yt-collection-bundle-modal-description",dangerouslySetInnerHTML:{__html:o.description},style:{lineHeight:1.7,color:"#444"}}))),e.createElement("div",{className:"yt-collection-bundle-modal-add-section",style:{position:"sticky",bottom:0,background:"#fff",padding:"8px 10px",borderTop:"1px solid #eee",boxShadow:"0 -4px 10px rgba(0,0,0,0.05)"}},e.createElement("button",{className:"yt-collection-bundle-modal-add-btn "+(s||!c?"yt-collection-bundle-modal-add-btn-added":""),onClick:()=>l(o,r),disabled:!c||!h.available,style:{width:"100%",padding:"10px",fontSize:14,fontWeight:600,border:"none",borderRadius:d?.borderRadius||"8px",background:!s&&c&&h.available?d?.atcBg||"#007bff":"#28a745",color:d?.atcText||"#fff",cursor:c&&h.available?"pointer":"not-allowed"}},s?"Added to Box":h.available?"Add to Box":"Out of Stock"))));return D.createPortal(p?$:S,document.body)},Yp=({styles:t,isMobile:n,categories:o,activeCategory:r,onCategoryChange:i})=>{const a=e=>{i(e)},l=(e,t)=>{const n=e.replace("#","");return`rgba(${parseInt(n.substring(0,2),16)||0}, ${parseInt(n.substring(2,4),16)||0}, ${parseInt(n.substring(4,6),16)||0}, ${t})`};return"tabs"===t?.categoryFilterOnPage?e.createElement("div",{className:"yt-collection-bundle-category-filter-wrapper",style:{overflowX:"auto",scrollbarWidth:"none",msOverflowStyle:"none",marginBottom:"20px",width:"100%"}},e.createElement("div",{className:"yt-collection-bundle-category-tabs-container",style:{display:"flex",gap:"0px",minWidth:"max-content",paddingBottom:"1px",flexWrap:"nowrap",justifyContent:"center",borderBottom:"1px solid #e0e0e0",width:"auto",height:n?"28px":"45px"}},["All",...o].map(o=>{const i=r===o,c=t.btnPrimaryBg||"#111";return e.createElement("button",{key:o,onClick:()=>a(o),className:"yt-collection-bundle-category-tab-button",style:{background:"none",border:"none",padding:n?"12px 16px":"12px 20px",fontSize:n?"14px":"16px",fontWeight:i?"600":"400",color:i?c:"#666",cursor:"pointer",position:"relative",transition:"all 0.3s ease",backgroundColor:i?l(c,.07):"transparent",borderBottom:i?`2px solid ${c}`:"2px solid transparent",marginBottom:"-1px",whiteSpace:"nowrap",minWidth:"fit-content"},onMouseEnter:e=>{i||(e.currentTarget.style.color=c)},onMouseLeave:e=>{i||(e.currentTarget.style.color="#666")}},e.createElement("span",{style:{visibility:"hidden",height:0,display:"block",overflow:"hidden",fontWeight:600},"aria-hidden":"true"},o.charAt(0).toUpperCase()+o.slice(1)),e.createElement("span",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"100%",textAlign:"center"}},o.charAt(0).toUpperCase()+o.slice(1)))}))):e.createElement("div",{className:"yt-collection-bundle-category-filter-wrapper",style:{overflowX:n?"auto":"visible",scrollbarWidth:"none",msOverflowStyle:"none",marginBottom:"20px",paddingBottom:"5px"}},e.createElement("div",{className:"yt-collection-bundle-category-buttons-container",style:{display:"flex",gap:"8px",minWidth:"max-content",flexWrap:"nowrap",justifyContent:"center",paddingRight:n?"10px":"0px"}},["All",...o].map(o=>{const i=t.btnPrimaryBg||"#111",l=t.borderRadius||"8px";return e.createElement("button",{key:o,onClick:()=>a(o),className:"yt-collection-bundle-category-button",style:{padding:n?"8px 16px":"10px 18px",fontSize:n?"13px":"14px",fontWeight:"500",border:`1px solid ${r===o?i:"#e0e0e0"}`,borderRadius:l,backgroundColor:r===o?i:"white",color:r===o?"white":"#333",cursor:"pointer"}},o.charAt(0).toUpperCase()+o.slice(1))})))},Gp=e=>{if(e.metafields&&e.metafields.yourtoken_bundles_app&&e.metafields.yourtoken_bundles_app.categories){const t=e.metafields.yourtoken_bundles_app.categories;if(Array.isArray(t))return t;if("string"==typeof t)try{const e=JSON.parse(t);if(Array.isArray(e))return e}catch(e){console.error("Failed to parse categories:",e)}}return[]},Xp=()=>window?.ShopifyAnalytics?.meta?.currency||window?.Shopify?.currency?.active||"USD",Zp=e=>{try{const t=new Intl.NumberFormat(void 0,{style:"currency",currency:e}).resolvedOptions().maximumFractionDigits??2;return Math.pow(10,t)}catch{return 100}},Kp=()=>{const e=Xp();return de(e)??e},Jp=({config:o,bundleAddToCartLoading:a,addCustomBundleToCart:l})=>{const[c,s]=t(1),[d,p]=t("All"),[m,u]=t([]),[g,x]=t(null),[f,y]=t({}),[b,h]=t(!1),[v,w]=t(window.innerWidth<640),[C,E]=t({}),k=r(null),T=r(new Map),[S,$]=t(160),[N,B]=t(""),[F,z]=t(""),[I,D]=t(!1),[P,A]=t("none"),_=v?8:20,{customizations:R}=o,L=o.config.builderTiers.collectionTier.sort((e,t)=>e.tier-t.tier),O=!!o.config.form,W=L.length+(O?1:0),V=R.hideSelectedProducts,j=R.allowMultipleQty,H=R.hideOutOfStockProducts,q=o.config.splitVariants??!1,Q=r(new Set),U=i((e,t=d,n=F,o=P)=>{const r=L[e-1]?.products||[];let i="All"===t?r:r.filter(e=>Gp(e).includes(t));if(n.trim()){const e=n.toLowerCase();i=i.filter(t=>t.title.toLowerCase().includes(e))}return H&&(i=i.filter(e=>e.available)),"none"!==o&&(i=[...i].sort((e,t)=>{if("asc"===o||"desc"===o){const n=e.price||e.price_min||0,r=t.price||t.price_min||0;return"asc"===o?n-r:r-n}{const n=(e.title||"").toLowerCase(),r=(t.title||"").toLowerCase();return"alpha-asc"===o?n.localeCompare(r):r.localeCompare(n)}})),i},[L,d,F,P,H]),G=i(e=>{const t=U(e).length;E(n=>{const o=n[e]||0,r=Math.min(o+8,t);return r<=o?n:{...n,[e]:r}})},[8,U]);n(()=>(k.current=new IntersectionObserver(e=>{for(const t of e)if(t.isIntersecting){const e=parseInt(t.target.getAttribute("data-sentinel-step")||"0");e>0&&e===c&&G(e)}},{root:null,threshold:0,rootMargin:"100px 0px"}),()=>{k.current?.disconnect()}),[G,c]),n(()=>{p("All"),B(""),z(""),D(!1),A("none")},[c]),n(()=>{const e=setTimeout(()=>{z(N)},300);return()=>clearTimeout(e)},[N]),n(()=>{if(O&&c===W)return;const e=c-1;if(!L[e])return;if(Q.current.has(e))return;const t=U(c);if(console.log("filteredProducts",t),1!==t.length)return;const n=t[0],o=n.variants.filter(e=>e.available);if(1!==o.length)return;const r=o[0],i=ae(e),a=ce[e];if(i!==1/0&&a>=i)return;if(!m.some(t=>t.productId===n.id.toString()&&t.variantId===r.id.toString()&&t.tierIndex===e)&&(Q.current.add(e),u(t=>[...t,{productId:n.id.toString(),variantId:r.id.toString(),price:r.price,quantity:1,tierIndex:e}]),c<W)){const e=setTimeout(()=>{s(e=>e+1),window.scrollTo(0,0)},50);return()=>clearTimeout(e)}},[c]),n(()=>{if(O&&c===W)return;const e=c,t=U(e).length;E(n=>{const o=n[`${e}_category`]!==d;return 0===(n[e]||0)||o?{...n,[e]:Math.min(_,t),[`${e}_category`]:d}:n})},[c,_,d,U]),n(()=>{const e=document.querySelector(".box-loader-scene");e&&e.setAttribute("style","display: none;");const t=()=>w(window.innerWidth<640);return window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);const X=i(e=>{$(e+10)},[]),J=Zp(Xp()),ee=m.reduce((e,t)=>e+t.quantity,0),te=m.reduce((e,t)=>e+t.price*t.quantity,0)/J,ne=m.reduce((e,t)=>{const n=L.flatMap(e=>e.products).find(e=>e.id.toString()===t.productId),o=n?.variants.find(e=>e.id.toString()===t.variantId);return e+(o?.compare_at_price??t.price)*t.quantity},0)/J,oe=e=>{for(let t=0;t<L.length;t++)if(L[t].products.some(t=>t.id.toString()===e))return t+1;return O?W:L.length},re=(e,t)=>{const n=e.variants.find(e=>e.id===parseInt(t));if(!n)return;const o=document.querySelector(`[data-product-id="${e.id}"]`);o&&(o.dataset.selectedVariant=t,o.dataset.currentPrice=n.price.toString())},ie=(e,t)=>{const n=document.querySelector(`[data-product-id="${e.id}"]`);if(!n)return;const o=n.dataset.selectedVariant||e.variants[0].id.toString(),r=parseInt(n.dataset.currentPrice||e.variants[0].price.toString());u(n=>{const i=`${e.id}-${o}-${t}`,a=n.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===i);if(a)return n.filter(e=>e!==a);const l=ce[t],c=ae(t);return c!==1/0&&l>=c?n:[...n,{productId:e.id.toString(),variantId:o,price:r,quantity:1,tierIndex:t}]})},ae=e=>{const t=L[e];return t.maximumQuantity>0?t.maximumQuantity:1/0},le=(e,t)=>{const n=ae(t);if(n===1/0)return!0;const o=ce[t];return!!m.some(n=>n.productId===e.id.toString()&&n.tierIndex===t)||o<n},ce=L.map((e,t)=>m.filter(e=>e.tierIndex===t).reduce((e,t)=>e+t.quantity,0)),se=(e,t,n)=>{const o=ae(n);if(o===1/0)return!0;return ce[n]<o},de=(e,t,n)=>{u(o=>o.filter(o=>!(o.productId===e&&o.variantId===t&&o.tierIndex===n)))},pe=async()=>{if(c!==W||!m.length)return;const e={};O&&Object.entries(f).forEach(([t,n])=>{const o=t.split("|").pop()?.replace(/^f_\d+$/,"")||t;"string"==typeof n&&n.trim()?e[o]=n:n&&"object"==typeof n&&"url"in n&&(e[o]=n.url)});const t=m.map(t=>({variantId:t.variantId,quantity:t.quantity,properties:e}));l(t)},me=O&&c===W,ue=(me?null:L[c-1])?ae(c-1):0,ge=L.map((e,t)=>({tier:e,items:m.filter(e=>e.tierIndex===t).reduce((e,t)=>{const n=`${t.productId}-${t.variantId}`,o=e.find(e=>`${e.productId}-${e.variantId}`===n);return o?o.quantity+=t.quantity:e.push({...t,quantity:t.quantity}),e},[]),count:ce[t]}));return e.createElement("div",{className:"yt-collection-bundle-builder",style:{margin:"0 auto",maxWidth:"1600px"}},R.headerImage&&!R.headerImage.includes("Liquid error")&&e.createElement("img",{className:"yt-collection-bundle-header-img",src:R.headerImage,alt:"Collection Bundle header",style:{width:"100%"}}),R.showTierSteps&&e.createElement("div",{style:{paddingTop:R.headerImage&&!R.headerImage.includes("Liquid error")?"20px":"0"}},e.createElement(em,{totalSteps:W,isFormStep:me,currentStep:c,getStepTitle:e=>O&&e===W?"Customize Gift Details":L[e-1]?.title||`Step ${e}`,isMobile:v,formTitle:o?.config?.form?.title,hasForm:O,onStepClick:e=>{s(e),window.scrollTo(0,0)}})),Array.from({length:W},(e,t)=>t+1).map(t=>{const n=O&&t===W,r=n?[]:(e=>L[e-1]?.products||[])(t);let i=[];if(!n&&R.enableProductCategories){const e=new Set;r.forEach(t=>Gp(t).forEach(t=>e.add(t))),i=Array.from(e).sort()}const l=n?[]:U(t),w=t-1,E=l.slice(0,C[t]||0);return e.createElement("div",{key:t,className:"yt-collection-bundle-step-content "+(c===t?"yt-collection-bundle-step-content-active":""),style:{display:c===t?"block":"none",padding:"1.5rem 0",minHeight:"40vh"}},n&&o.config.form?e.createElement(xs,{form:o.config.form,formData:f,setFormData:y,barHeight:S,isUploading:b,setIsUploading:h}):e.createElement(e.Fragment,null,R.enableProductCategories&&i.length>0&&e.createElement(Yp,{styles:R,isMobile:v,categories:i,activeCategory:d,onCategoryChange:p}),(R.enableSearch||R.enableSort)&&e.createElement("div",{className:"yt-collection-bundle-controls",style:{display:"flex",alignItems:"center",justifyContent:v?"flex-end":"space-between",gap:"12px",padding:"0 16px",marginBottom:"16px",flexWrap:"nowrap",height:"45px"}},v?e.createElement(e.Fragment,null,I?e.createElement("div",{style:{position:"relative",flex:1,display:"flex",alignItems:"center",gap:"8px"}},e.createElement("input",{type:"text",autoFocus:!0,placeholder:"Search...",value:N,onChange:e=>B(e.target.value),style:{width:"100%",padding:"8px 12px",borderRadius:R.borderRadius||"8px",border:`1px solid ${R.bundleBorder||"#878787"}`,background:R.productCardBg||"#fff",color:"#333",fontSize:"14px",outline:"none"}}),e.createElement("button",{onClick:()=>{D(!1),B(""),z("")},style:{background:"none",border:"none",color:"#888",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center"}},e.createElement(Y,null))):e.createElement("div",{style:{display:"flex",gap:"20px",alignItems:"center"}},R.enableSearch&&e.createElement("button",{onClick:()=>D(!0),style:{background:"none",border:"none",color:"#333",fontSize:"20px",cursor:"pointer",display:"flex",alignItems:"center"},className:"yt-collection-bundle-search-btn-mobile"},e.createElement(Z,null)),R.enableSort&&e.createElement("div",{style:{position:"relative",display:"flex",alignItems:"center"},className:"yt-collection-bundle-sort-selecter-mobile-wrapper"},e.createElement("select",{value:P,onChange:e=>A(e.target.value),style:{position:"absolute",opacity:0,width:"100%",height:"100%",cursor:"pointer",left:0,top:0,zIndex:1},className:"yt-collection-bundle-sort-selecter-mobile"},e.createElement("option",{value:"none"},"Featured"),e.createElement("option",{value:"asc"},"Price: Low to High"),e.createElement("option",{value:"desc"},"Price: High to Low"),e.createElement("option",{value:"alpha-asc"},"Alphabetical: A-Z"),e.createElement("option",{value:"alpha-desc"},"Alphabetical: Z-A")),e.createElement("div",{style:{fontSize:"20px",color:"#333",pointerEvents:"none",display:"flex",alignItems:"center"}},e.createElement(K,null))))):e.createElement(e.Fragment,null,R.enableSort&&e.createElement("div",{style:{position:"relative",flex:"0 1 200px",marginLeft:"12px",padding:"10px 16px",borderRadius:R.borderRadius||"8px",border:"1px solid #878787",background:R.productCardBg||"#fff",display:"flex",flexDirection:"row",alignItems:"center",gap:"6px"},className:"yt-collection-bundle-sort-wrapper"},e.createElement("span",{style:{fontWeight:"500",minWidth:"fit-content",fontSize:"14px"}},"Sort By"),e.createElement("select",{value:P,onChange:e=>A(e.target.value),style:{width:"100%",color:"#333",fontSize:"14px",outline:"none",cursor:"pointer",appearance:"none",boxSizing:"border-box",lineHeight:"normal",border:"none",fontFamily:"inherit"},className:"yt-collection-bundle-sort-selector"},e.createElement("option",{value:"none"}," Featured"),e.createElement("option",{value:"asc"},"Price: Low to High"),e.createElement("option",{value:"desc"},"Price: High to Low"),e.createElement("option",{value:"alpha-asc"},"Alphabetical: A-Z"),e.createElement("option",{value:"alpha-desc"},"Alphabetical: Z-A")),e.createElement("div",{style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",color:"#888",pointerEvents:"none"}},e.createElement(M,null))),R.enableSearch&&e.createElement("div",{style:{position:"relative",flex:"0 1 300px"},className:"yt-collection-bundle-search-wrapper"},e.createElement("input",{type:"text",placeholder:"Search products...",value:N,onChange:e=>B(e.target.value),style:{width:"100%",padding:"10px 16px",paddingRight:"40px",borderRadius:R.borderRadius||"8px",border:"1px solid #878787",background:R.productCardBg||"#fff",color:"#333",fontSize:"14px",outline:"none",boxSizing:"border-box",lineHeight:"normal"},className:"yt-collection-bundle-search-input"}),e.createElement("div",{style:{position:"absolute",right:"12px",top:"50%",transform:"translateY(-50%)",color:"#888"}},e.createElement(Z,null))))),e.createElement("div",{className:"yt-collection-bundle-product-grid",style:{display:v?"grid":"flex",gridTemplateColumns:v?"repeat(2,1fr)":"",flexWrap:v?"unset":"wrap",justifyContent:"center",gap:"16px",padding:"16px",marginBottom:`${S}px`}},0===l.length&&""!==F.trim()?e.createElement("div",{style:{padding:"60px 20px",textAlign:"center",width:"100%",gridColumn:"1 / -1"}},e.createElement("div",{style:{fontSize:"18px",color:"#333",marginBottom:"8px",fontWeight:600}},'No results found for "',N,'"'),e.createElement("div",{style:{fontSize:"14px",color:"#666",marginBottom:"24px"}},"Try checking your spelling or using more general terms."),e.createElement("button",{onClick:()=>{B(""),z(""),D(!1)},style:{background:R.atcBg||"#000",color:R.atcText||"#fff",padding:"12px 32px",borderRadius:R.borderRadius||"8px",border:"none",cursor:"pointer",fontSize:"14px",fontWeight:600,transition:"opacity 0.2s"},onMouseEnter:e=>e.currentTarget.style.opacity="0.8",onMouseLeave:e=>e.currentTarget.style.opacity="1"},"Clear Search")):q?E.flatMap(t=>t.variants.filter(e=>!H||e.available).map(n=>e.createElement(tm,{key:`${t.id}-${n.id}`,product:{...t,variants:[n]},tierIdx:w,customizations:R,isMobile:v,hoveredCard:g,setHoveredCard:x,selectedProducts:m,handleAddToBundle:ie,canAddProduct:le,allowMultipleQty:j,handleVariantChange:re,canIncrement:se,setSelectedProducts:u,splitVariants:!0}))):E.map(t=>e.createElement(tm,{key:t.id,product:t,tierIdx:w,customizations:R,isMobile:v,hoveredCard:g,setHoveredCard:x,selectedProducts:m,handleAddToBundle:ie,canAddProduct:le,allowMultipleQty:j,handleVariantChange:re,canIncrement:se,setSelectedProducts:u,splitVariants:!1})),c===t&&(C[t]||0)<l.length&&e.createElement("div",{ref:e=>{const n=T.current.get(t);n&&k.current?.unobserve(n),e?(T.current.set(t,e),k.current?.observe(e)):T.current.delete(t)},"data-sentinel-step":t.toString(),style:{height:"20px",width:"100%",display:"block"}}))),c===t&&e.createElement(nm,{config:o,selectedProducts:m,selectedByTier:ge,totalItems:ee,totalPrice:te,totalCompareAtPrice:ne,currentStep:c,totalSteps:W,currentTierMax:ue,tierSelectedCounts:ce,isMobile:v,bundleAddToCartLoading:a,isUploading:b,hoveredCard:g,setHoveredCard:x,hideSelectedProducts:V,getProductStep:oe,setCurrentStep:s,handleRemoveItem:de,handleCheckout:pe,hasForm:O,onHeightChange:X}))}))},em=({totalSteps:t,isFormStep:o,currentStep:r,getStepTitle:i,isMobile:a,formTitle:l,hasForm:c,onStepClick:s})=>{const d=e.useRef(null);return n(()=>{if(!a||!d.current)return;const e=d.current.querySelector(".yt-collection-bundle-step-item-active");e&&e.scrollIntoView({behavior:"smooth",inline:"center",block:"nearest"})},[r,a]),e.createElement("div",{className:"yt-collection-bundle-steps-nav-container",style:{display:"flex",justifyContent:"center",flexDirection:"column",gap:a?"0":"1rem",overflowX:"auto",scrollbarWidth:"none",borderBottom:"1px solid #878787",marginInline:a?"0":"2%",paddingBottom:"1rem",textAlign:"center"}},e.createElement("div",{ref:d,className:"yt-collection-bundle-steps-nav",style:{display:"flex",justifyContent:a?"flex-start":"center",gap:a?"1rem":"2rem",minWidth:a?100*t+"px":"auto",paddingInline:a?"calc(50% - 60px)":"0",scrollPaddingInline:a?"calc(50% - 60px)":"0",scrollBehavior:"smooth",overflowX:"auto",scrollbarWidth:"none"}},Array.from({length:t},(e,t)=>t+1).map(n=>e.createElement("div",{key:n,className:"yt-collection-bundle-step-item "+(r===n?"yt-collection-bundle-step-item-active":""),style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"0.5rem",minWidth:a?"100px":"120px",flexShrink:0,cursor:"pointer",opacity:r===n?1:.5,transition:"opacity 0.2s"},onClick:()=>s(n)},e.createElement("div",{className:"yt-collection-bundle-step-icon "+(r===n?"yt-collection-bundle-step-icon-active":""),style:{width:"40px",height:"40px",background:r===n?"#000":"#fff",border:"2px solid #ccc",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center"}},c&&n===t?e.createElement("svg",{viewBox:"0 0 24 24",style:{width:"20px",height:"20px",fill:r===n?"#fff":"#999"}},e.createElement("path",{d:"M20 6h-2.18c.11-.31.18-.65.18-1a2.996 2.996 0 0 0-5.5-1.65l-.5.67-.5-.67C10.96 2.54 10.05 2 9 2c-1.66 0-3 1.34-3 3 0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1h-2c-.55 0-1-.45-1-1s.45-1 1-1h2zm-6 0c.55 0 1 .45 1 1s-.45 1-1 1H7c-.55 0-1-.45-1-1s.45-1 1-1h2zM20 19H4V8h16v11z"})):e.createElement("svg",{viewBox:"0 0 24 24",style:{width:"20px",height:"20px",fill:r===n?"#fff":"#999"}},e.createElement("path",{d:"M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"}))),e.createElement("div",{className:"yt-collection-bundle-step-label",style:{fontSize:"14px",textAlign:"center",color:"#333",fontWeight:"600",lineHeight:"normal"}},i(n))))),l&&c&&o&&e.createElement("p",{className:"yt-collection-bundle-steps-nav-description",style:{fontSize:a?"14px":"16px",marginBottom:a?"0":"14px",fontWeight:"400",color:"#000",lineHeight:"normal"}},l))},tm=({product:n,tierIdx:o,customizations:r,isMobile:i,hoveredCard:a,setHoveredCard:l,selectedProducts:c,handleAddToBundle:s,canAddProduct:d,allowMultipleQty:p,handleVariantChange:m,canIncrement:u,setSelectedProducts:g,splitVariants:x=!1})=>{const[f,y]=t(!1),b=x?null:document.querySelector(`[data-product-id="${n.id}"]`),h=x?n.variants[0].id.toString():b?.dataset.selectedVariant??n.variants[0].id.toString(),v=n.variants.find(e=>e.id.toString()===h)||n.variants[0],w=Zp(Xp()),C=Kp(),E=x?`${n.id}-${v.id}`:n.id,k=c.some(e=>e.productId===n.id.toString()&&e.variantId===h&&e.tierIndex===o),T=a===E,S=c.filter(e=>e.productId===n.id.toString()&&e.variantId===v.id.toString()&&e.tierIndex===o).reduce((e,t)=>e+t.quantity,0);return e.createElement(e.Fragment,null,e.createElement("div",{key:E,className:"yt-collection-bundle-product-item","data-product-id":n.id,"data-selected-variant":v.id,"data-current-price":v.price,style:{display:"flex",flexDirection:"column",border:r?.productCardBorder||"1px solid #ddd",background:r?.productCardBg||"#fff",overflow:"hidden",transition:"all 0.2s ease",minWidth:i?0:"250px",maxWidth:i?"none":"250px",borderRadius:r?.borderRadius||"8px",boxShadow:"spread"===r?.productCardShadow?"8px 8px 8px -6px #0000004D":"no-spread"===r?.productCardShadow?"6px 6px 0px -1px #00000033":"none",width:i?"100%":""}},e.createElement("div",{className:"yt-collection-bundle-product-image",style:{position:"relative",width:"100%",aspectRatio:r?.productImageRatio||"1/1",overflow:"hidden",cursor:"pointer",background:"#f9f9f9"},onClick:()=>y(!0),onMouseEnter:()=>l(E),onMouseLeave:()=>l(null)},e.createElement("img",{src:am(n.images[0]||"https://cdn.shopify.com/s/files/1/0750/9937/3789/files/placeholder-thumbnail.png?width=250px"),style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",transition:"opacity 0.3s ease, transform 0.3s ease",opacity:T?0:1,transform:T?"scale(1.05)":"scale(1)"},alt:n.title}),e.createElement("img",{src:am(n.images[1]||n.images[0]),style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",transition:"opacity 0.3s ease, transform 0.3s ease",opacity:T?1:0,transform:"scale(1.05)"},alt:n.title}),!x&&n.variants.length>1&&e.createElement("select",{className:"yt-collection-bundle-variant-selector",style:{position:"absolute",bottom:"10px",left:"10px",right:"10px",background:"rgba(255,255,255,0.9)",border:"none",borderRadius:"4px",padding:"8px",fontSize:"12px",fontWeight:"600",zIndex:2,lineHeight:"normal"},onChange:e=>m(n,e.target.value),defaultValue:v.id,onClick:e=>{e.stopPropagation()}},n.variants.map(t=>e.createElement("option",{key:t.id,value:t.id,disabled:!t.available},t.title," ",!t.available&&"(Out of stock)")))),e.createElement("div",{className:"yt-collection-bundle-product-info",style:{padding:"12px",flexGrow:1,display:"flex",flexDirection:"column"}},r.productCardCategoryVisibility&&Gp(n).length>0&&e.createElement("div",{className:"yt-collection-bundle-product-categories-wrapper",style:{paddingBottom:"8px"}},e.createElement("div",{className:"yt-collection-bundle-product-categories",style:{display:"flex",flexWrap:"wrap",gap:"4px"}},Gp(n).slice(0,2).map((t,n)=>e.createElement("span",{className:"yt-collection-bundle-category-tag",key:n,style:{fontSize:i?"10px":"12px",color:"#666",fontWeight:"500"}},t.charAt(0).toUpperCase()+t.slice(1))),Gp(n).length>2&&e.createElement("span",{className:"yt-collection-bundle-more-categories",style:{fontSize:"10px",padding:"2px 6px",backgroundColor:"rgba(0, 0, 0, 0.05)",borderRadius:"8px",color:"#666",fontWeight:"500"}},"+",Gp(n).length-2," more"))),e.createElement("h3",{className:"yt-collection-bundle-product-title",style:{fontSize:i?"12px":"14px",fontWeight:600,margin:"0 0 4px",lineHeight:"normal",color:"#333",flexGrow:x?0:1}},n.title),x&&"Default Title"!==v.title&&e.createElement("p",{className:"yt-collection-bundle-variant-label",style:{fontSize:i?"10px":"12px",color:"#666",margin:"0 0 4px",lineHeight:"normal",flexGrow:1}},v.title),e.createElement("div",{className:"yt-collection-bundle-product-prices",style:{display:"flex",alignItems:"center",gap:"6px",flexWrap:"nowrap",whiteSpace:"nowrap",overflow:"hidden",lineHeight:"normal"}},e.createElement("span",{className:"yt-collection-bundle-product-price",style:{fontSize:i?"14px":"16px",fontWeight:"bold",color:"#000",flexShrink:0,lineHeight:"normal"}},C,(v.price/w).toLocaleString()),v.compare_at_price&&0!==v.compare_at_price&&v.compare_at_price>v.price?e.createElement("span",{className:"yt-collection-bundle-product-compare",style:{fontSize:"14px",textDecoration:"line-through",color:"#999",flexShrink:0,lineHeight:"normal"}},C,(v.compare_at_price/w).toLocaleString()):null)),p&&S>0?e.createElement("div",{className:"yt-collection-bundle-quantity-row",style:{display:"flex",alignItems:"center",flexWrap:"nowrap",background:"#cccccc"}},e.createElement("button",{className:"yt-collection-bundle-qty-btn yt-collection-bundle-qty-minus",style:{width:"40%",height:v.available?"fit-content":"36px",border:"1px solid #ddd",background:"#fff",fontWeight:"bold",cursor:"pointer",padding:i?"6px":"12px",fontSize:i?"12px":"14px",textAlign:"center",lineHeight:"normal"},onClick:()=>{g(e=>{const t=`${n.id}-${v.id}-${o}`,r=e.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===t);return r&&r.quantity>1?e.map(e=>e===r?{...e,quantity:e.quantity-1}:e):r?e.filter(e=>e!==r):e})}},"-"),e.createElement("span",{className:"yt-collection-bundle-qty-display",style:{minWidth:"24px",textAlign:"center",fontWeight:600,width:"100%",lineHeight:"normal"}},S),e.createElement("button",{className:"yt-collection-bundle-qty-btn yt-collection-bundle-qty-plus",style:{width:"40%",height:v.available?"fit-content":"36px",border:"1px solid #ddd",background:"#fff",fontWeight:"bold",cursor:"pointer",padding:i?"6px":"12px",fontSize:i?"12px":"14px",textAlign:"center",lineHeight:"normal"},onClick:()=>{v.available&&u(n,v.id.toString(),o)&&g(e=>{const t=`${n.id}-${v.id}-${o}`,r=e.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===t);return r?e.map(e=>e===r?{...e,quantity:e.quantity+1}:e):[...e,{productId:n.id.toString(),variantId:v.id.toString(),price:v.price,quantity:1,tierIndex:o}]})},disabled:!v.available||!u(n,v.id.toString(),o)},"+")):e.createElement("button",{className:"yt-collection-bundle-add-btn "+(k?"yt-collection-bundle-add-btn-added":""),style:{background:k?"#28a745":d(n,o)&&v.available?r?.atcBg||"#007bff":"#ccc",color:r?.atcText||"#fff",border:"none",padding:i?"6px":"12px",fontSize:i?"12px":"14px",fontWeight:600,cursor:"pointer",transition:"all 0.2s",opacity:v.available?1:.6,lineHeight:"normal",textAlign:"center"},onClick:()=>{if(x)v.available&&d(n,o)&&g(e=>{const t=`${n.id}-${v.id}-${o}`,r=e.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===t);return r?e.filter(e=>e!==r):[...e,{productId:n.id.toString(),variantId:v.id.toString(),price:v.price,quantity:1,tierIndex:o}]});else{if(!v.available||!d(n,o))return;s(n,o)}},disabled:!v.available||!d(n,o)},k?"Added":v.available?"ADD TO BOX":"Out of Stock")),f&&e.createElement(Up,{product:n,tierIdx:o,isOpen:f,onClose:()=>y(!1),onAddToBundle:(e,t)=>{s(e,t),y(!1)},canAdd:d(n,o),isSelected:k,customizations:r,isMobile:i,splitVariants:x}))},nm=o=>{const{config:i,selectedProducts:a,selectedByTier:l,totalItems:c,totalPrice:s,totalCompareAtPrice:d,currentStep:p,totalSteps:m,currentTierMax:u,tierSelectedCounts:g,isMobile:x,bundleAddToCartLoading:f,isUploading:y,hoveredCard:b,setHoveredCard:h,getProductStep:v,setCurrentStep:w,handleRemoveItem:C,handleCheckout:E,hasForm:k,onHeightChange:T}=o,{customizations:S}=i,[$,N]=t(!1),B=r(null),F=r(null),z=Zp(Xp()),I=Kp(),{totalOriginal:D,hasSavings:P,formattedSavings:A,totalAfterDiscount:_}=(e=>{let t=0,n=0;e.forEach(({items:e,tier:o})=>{const r=o?.discountData;let i=0;e.forEach(e=>{const t=(e.price||0)/z,n=e.quantity||1;i+=t*n}),t+=i;let a=i;if("mov_percentage"===r?.type&&r.tiers?.length){const e=[...r.tiers].sort((e,t)=>e.minimumQuantity-t.minimumQuantity).filter(e=>i>=e.minimumQuantity);if(e.length>0){const t=e.reduce((e,t)=>t.discountValue>e.discountValue?t:e).discountValue/100;a=i*(1-t)}}n+=a});const o=Math.round(t-n),r=o>0;return{savings:o,totalOriginal:t,totalAfterDiscount:n,hasSavings:r,formattedSavings:r?`${I}${o.toLocaleString()}`:"",calculatedDiscountedTotal:Math.round(n)}})(l),R=l.filter(({count:e})=>e>0).map(({tier:e,items:t})=>{const n=t.reduce((e,t)=>{if(!t)return e;return e+(t.price||0)*(t.quantity||1)},0)/z;return((e,t,n)=>{const o=e.discountData;if(!o||!o.tiers?.length)return null;const r=[...o.tiers].sort((e,t)=>e.minimumQuantity-t.minimumQuantity),i=[];if("mov_percentage"===o.type){if("number"!=typeof n)return null;const e=r.filter(e=>n>=e.minimumQuantity).pop();e&&i.push(`${e.discountValue}% OFF`);const t=r.find(e=>n<e.minimumQuantity);if(t){const e=t.minimumQuantity-n;i.push(`Add ${I}${e} more to get ${t.discountValue}% OFF`)}return i.length?i.join(" + "):null}const a=r.filter(e=>t>=e.minimumQuantity);if(a.length>0){const e=a.reduce((e,t)=>e.minimumQuantity>t.minimumQuantity?e:t);let t=null;switch(o.type){case"percentage_discount_coupon":t=`${e.discountValue}% OFF`;break;case"amount_discount_coupon":t=`${I}${e.discountValue} OFF`;break;case"fixed_price_collection":t=`Fixed ${I}${e.discountValue}`;break;case"dummy_coupon":t="Discount Applied"}t&&i.push(t)}const l=r.find(e=>t<e.minimumQuantity);if(l){const e=l.minimumQuantity-t;let n=null;switch(o.type){case"percentage_discount_coupon":n=`${l.discountValue}% OFF`;break;case"amount_discount_coupon":n=`${I}${l.discountValue} OFF`;break;case"fixed_price_collection":n=`Fixed ${I}${l.discountValue}`;break;case"dummy_coupon":n="Discount"}n&&i.push(`Add ${e} more item${1!==e?"s":""} to get ${n}`)}return i.length?i.join(" + "):null})(e,t.length,n)}).filter(Boolean);return n(()=>{const e=u!==1/0&&g[p-1]===u-2&&u>1;let t=null;return e?(N(!0),t=setTimeout(()=>{N(!1)},3e3)):N(!1),()=>{t&&clearTimeout(t)}},[u,g,p]),n(()=>{if(B.current&&T){const e=B.current.offsetHeight;T(e)}},[x,T,a]),n(()=>{const e=Math.max(...l.map(({tier:e,items:t})=>{if("mov_percentage"!==e?.discountData?.type)return 0;const n=t.reduce((e,t)=>e+(t.price||0)*(t.quantity||1),0)/100,o=(e?.discountData?.tiers||[]).filter(e=>n>=e.minimumQuantity).sort((e,t)=>t.discountValue-e.discountValue)[0];return o?.discountValue??0}));if(e<(F.current??0)&&(F.current=e),e>(F.current??0)){F.current=e;const t=document.querySelector(".yt-collection-bundle-next-btn");if(!t)return;const n=t.getBoundingClientRect(),o=(n.left+n.width/2)/window.innerWidth,r=(n.top+n.height/2)/window.innerHeight;Ee({particleCount:100,spread:70,origin:{x:o,y:r},zIndex:9999})}},[l]),e.createElement("div",{ref:B,className:"yt-collection-bundle-bar",style:{background:S?.bundleBg||"#fff",color:S?.bundleText||"#333",border:S?.bundleBorder||"1px solid #878787",display:"flex",flexDirection:"column",position:"sticky",bottom:"10px",left:"0",right:"0",marginInline:"auto",width:"compact"==S.stickyBarWidth?"600px":"90%",maxWidth:"95%",zIndex:899,boxShadow:"0 -2px 10px rgba(0,0,0,0.1)",transition:"bottom 0.3s ease",borderRadius:S?.borderRadius||"8px",overflow:"hidden"}},R.length>0&&e.createElement("div",{style:{padding:"4px 8px",background:"#dbdbdbc5",color:"#6c757d",textAlign:"center",fontSize:"12px",fontWeight:500}},R.join(" + ")),e.createElement("div",{className:"yt-collection-bundle-bar-header",style:{position:"relative",textAlign:"center"}},$&&e.createElement(e.Fragment,null,e.createElement("style",null,"\n @keyframes fadeIn {\n from { opacity: 0; transform: translateX(-50%) translateY(10px); }\n to { opacity: 1; transform: translateX(-50%) translateY(0); }\n }\n "),e.createElement("div",{className:"yt-collection-bundle-ctx",style:{position:"absolute",top:"-40px",left:"50%",transform:"translateX(-50%)",background:S?.atcBg||"#007bff",color:S?.atcText||"#fff",padding:"4px 8px",borderRadius:S?.borderRadius||"8px",fontSize:"14px",whiteSpace:"nowrap",zIndex:10,boxShadow:"0 4px 12px rgba(0,0,0,0.2)",animation:"fadeIn 0.3s ease-out",minWidth:"300px",textAlign:"center",border:"1px solid rgba(0,0,0,0.1)",lineHeight:"normal"}},"Add up to"," ",e.createElement("span",{style:{fontWeight:600}},u," item",u>1?"s":"")))),a.length>0&&e.createElement("div",{className:"yt-collection-bundle-bar-top",style:{display:"flex",alignItems:"center",padding:"8px 8px 0",position:"relative",borderRadius:S?.borderRadius||"8px"}},e.createElement("div",{className:"yt-collection-bundle-images",style:{display:"flex",flex:1,gap:"5px",justifyContent:"center",alignItems:"center",overflowX:"auto",padding:"4px 0",scrollbarWidth:"none"}},l.filter(({count:e})=>e>0).map(({items:t},n,o)=>e.createElement(e.Fragment,{key:n},e.createElement("div",{className:"yt-collection-bundle-tier-images",style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"6px",minWidth:"fit-content"}},e.createElement("div",{style:{display:"flex",gap:"4px"}},t.map((t,o)=>{const r=i.config.builderTiers.collectionTier.flatMap(e=>e.products).find(e=>e.id.toString()===t.productId);if(!r)return null;const a=v(t.productId),l=p===a;return e.createElement("div",{key:o,className:"yt-collection-bundle-img-wrapper",style:{position:"relative",flexShrink:0,height:"65px"}},e.createElement("div",{style:{position:"relative",width:"67px",height:"67px",borderRadius:`calc(${S?.borderRadius||"8px"} / 2)`,overflow:"hidden",cursor:l?"default":"pointer",transition:"transform 0.2s ease"},onMouseEnter:e=>!l&&(e.currentTarget.style.transform="scale(1.08)"),onMouseLeave:e=>e.currentTarget.style.transform="scale(1)",onClick:()=>!l&&w(a)},e.createElement("img",{src:am(r.images[0]),style:{width:"65px",height:"65px",objectFit:"cover",borderRadius:`calc(${S?.borderRadius||"8px"} / 2)`,transition:"opacity 0.2s",pointerEvents:"none",border:"1px solid #ddd"},alt:"Selected"}),t.quantity>1&&e.createElement("div",{className:"yt-collection-bundle-qty-badge",style:{position:"absolute",bottom:"4px",right:"4px",background:"rgba(0,0,0,0.7)",color:"#fff",borderRadius:"10px",padding:"2px 6px",fontSize:"10px",fontWeight:600,lineHeight:"normal"}},"x",t.quantity),e.createElement("button",{className:"yt-collection-bundle-remove-btn",style:{position:"absolute",top:"4px",right:"4px",width:"20px",height:"20px",background:"rgba(220,53,69,0.95)",color:"white",border:"none",borderRadius:"50%",fontSize:"12px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center",boxShadow:"0 1px 3px rgba(0,0,0,0.3)",textAlign:"center",lineHeight:"normal"},onClick:e=>{e.stopPropagation(),C(t.productId,t.variantId,n)}},"×")))}))),n<o.length-1&&o[n+1].count>0&&e.createElement("div",{style:{color:"#666",paddingInline:"6px",lineHeight:"normal"}},e.createElement(Q,null)))))),x?e.createElement("div",{className:"yt-collection-bundle-mobile-bar-content",style:{display:"flex",flexDirection:c>0&&(k||i?.config?.builderTiers?.collectionTier?.length>1)?"column":"row",margin:"4px",gap:c>0?"10px":"0",background:"#dbdbdb",borderRadius:S?.borderRadius||"8px",overflow:"hidden"}},e.createElement("div",{className:"yt-collection-bundle-selected-info",style:{flex:1,textAlign:"center",display:"flex",flexDirection:"row",justifyContent:a.length>0?"space-between":"center",alignItems:"center",borderRadius:S?.borderRadius||"8px"}},e.createElement(e.Fragment,null,0===c&&e.createElement("div",{style:{fontSize:"14px",color:"#6c757d",lineHeight:"normal",...0===c&&{padding:"8px 0 12px 0",background:"#dbdbdb",color:"#6c757d",width:"100%",borderRadius:S?.borderRadius||"8px"}}},"Add Items to Checkout"),c>0&&e.createElement("div",{className:"yt-collection-bundle-price-display",style:{display:"flex",alignItems:"center",gap:"8px",marginTop:"6px",width:"100%",justifyContent:"center",flexWrap:"wrap"}},e.createElement("div",{style:{fontSize:"14px",color:"#000",fontWeight:600}},I,(_??s).toLocaleString()),P?e.createElement(e.Fragment,null,e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},I,D.toLocaleString()),e.createElement("div",{style:{background:"#d32f2f",color:"#fff",padding:"2px 8px",borderRadius:S?.borderRadius||"8px",fontSize:"10px",fontWeight:600}},"SAVE ",A)):e.createElement(e.Fragment,null,d>s&&e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},I,d.toLocaleString())),e.createElement("span",{style:{fontSize:"12px",color:"#000",fontWeight:500}},"(",c," items)")))),e.createElement("div",{style:{display:"flex",flexWrap:"nowrap",gap:"4px"}},(i?.config?.builderTiers?.collectionTier?.length>1||k)&&c>0&&e.createElement("button",{className:"yt-collection-bundle-back-btn",style:{background:1===p?"#515151":"#000",color:"#fff",border:"none",padding:1===p?"not-allowed":"pointer",cursor:"pointer",fontWeight:600,width:"100%",transition:"background 0.2s",textAlign:"center",lineHeight:"normal"},onClick:()=>w(e=>Math.max(1,e-1)),onMouseEnter:()=>h(-1),onMouseLeave:()=>h(null),disabled:1===p},"Back"),c>0&&e.createElement("button",{className:"yt-collection-bundle-next-btn "+(p===m&&0===c||y?"yt-collection-bundle-next-btn-disabled":""),style:{background:S?.btnPrimaryBg||"#28a745",color:S?.btnPrimaryText||"#fff",border:"none",padding:"12px 24px",cursor:"pointer",fontWeight:600,width:"100%",transition:"background 0.2s",opacity:p===m&&0===c||y?.6:1,textAlign:"center",lineHeight:"normal"},onClick:p===m?E:()=>w(p+1),disabled:p===m&&0===c||f||y},f?e.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"center"}},e.createElement(us,null)):p===m?"Checkout":"Next"))):e.createElement("div",{className:"yt-collection-bundle-bar-bottom",style:{display:"flex",alignItems:"center",padding:"0px",background:"#dbdbdb",margin:"8px",borderRadius:S?.borderRadius||"8px",overflow:"hidden",scrollbarWidth:"none"}},(i?.config?.builderTiers?.collectionTier?.length>1||k)&&c>0&&e.createElement("button",{className:"yt-collection-bundle-back-btn",style:{background:1===p?"#515151":"#000",color:"#fff",border:"none",padding:"12px 24px",cursor:1===p?"not-allowed":"pointer",fontWeight:600,width:"138px",transition:"all 0.2s",...-1===b&&{filter:"brightness(60%)"},textAlign:"center",lineHeight:"normal"},onClick:()=>w(e=>Math.max(1,e-1)),onMouseEnter:()=>h(-1),onMouseLeave:()=>h(null),disabled:1===p},"Back"),e.createElement("div",{className:"yt-collection-bundle-selected-info",style:{flex:1,textAlign:"center",display:"flex",flexDirection:"row",justifyContent:a.length>0?"space-between":"center",paddingInline:"6px",alignItems:"center",...0===c&&{padding:"12px 24px"}}},0===c&&e.createElement("div",{style:{fontSize:"16px",color:"#6c757d",lineHeight:"normal"}},"Add Items to Checkout"),c>0&&e.createElement("div",{className:"yt-collection-bundle-price-display",style:{display:"flex",alignItems:"center",gap:"8px",flexWrap:"wrap",justifyContent:"center"}},e.createElement("div",{style:{fontSize:"16px",color:"#000",fontWeight:600}},I,(_??s).toLocaleString()),P?e.createElement(e.Fragment,null,e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},I,D.toLocaleString()),e.createElement("div",{style:{background:"#d32f2f",color:"#fff",padding:"2px 8px",borderRadius:S?.borderRadius||"8px",fontSize:"10px",fontWeight:600}},"SAVE ",A)):e.createElement(e.Fragment,null,d>s&&e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},I,d.toLocaleString())),e.createElement("span",{style:{fontSize:"16px",color:"#000",fontWeight:500}},"(",c," items)"))),c>0&&e.createElement("button",{className:"yt-collection-bundle-next-btn "+(p===m&&0===c||y?"yt-collection-bundle-next-btn-disabled":""),style:{background:S?.btnPrimaryBg||"#28a745",color:S?.btnPrimaryText||"#fff",border:"none",padding:"12px 24px",cursor:"pointer",fontWeight:600,width:"138px",transition:"all 0.2s",opacity:p===m&&0===c||y?.6:1,...-2===b&&{filter:"brightness(90%)"},textAlign:"center",lineHeight:"normal"},onClick:p===m?E:()=>w(p+1),disabled:p===m&&0===c||f||y,onMouseEnter:()=>h(-2),onMouseLeave:()=>h(null)},f?e.createElement("div",{style:{width:"100%",display:"flex",flexDirection:"row",justifyContent:"center"}},e.createElement(us,null)):p===m?"Checkout":"Next")))},om=window?.Shopify?.currency||{rate:1,active:window?.ShopifyAnalytics?.meta?.currency||"USD"},rm=e=>{if(!e)return;const t=navigator.language||"en-US";return new Intl.NumberFormat(t).format(Number(e))},im=(e,t)=>t==om.active?e:de(om.active)||om.active,am=(e,t)=>{if(!e||!e.includes("cdn.shopify")&&!e.includes("/cdn/shop/files/"))return e;try{const n=new URL(e),o=n.searchParams;return o.has("format")||o.set("format","webp"),o.has("quality")||o.set("quality",t?.toString()||"70"),o.has("width")||o.set("width","600"),n.toString()}catch{const n=e.includes("?")?"&":"?";return e+n+`format=webp&quality=70&width=${t?.toString()||"600"}`}},lm=(e,t,n,o,r,i,a)=>{const l=o.findIndex(t=>t.variantId===e&&(void 0===a||t.tierIndex===a));r(0===n?e=>e.filter((e,t)=>t!==l):-1===l?o=>[...o,{product:t,variantId:e,quantity:n,isFree:i,tierIndex:a}]:e=>e.map((e,t)=>t===l?{...e,quantity:e.quantity+n,isFree:i,tierIndex:a}:e))},cm=({bundle:t,currentProductId:n,addToCartFunction:o,addCustomBundleToCart:r,selectedItems:i,setSelectedItems:a,bundleAddToCartLoading:l,handleRemoveItem:c,selectedItemsQuantity:s,renderingOnPage:d,bundleSubtotal:p,dispatchAnalyticsEvent:m,fetchStoreDetails:u,productsPagination:g})=>"fixed"!==t.type&&t.type&&0!==t?.type?.length?"builder"===t.type?e.createElement(ws,{bundleAddToCartLoading:l,bundle:t,selectedItems:i,setSelectedItems:a,handleAddToCart:r,handleRemoveItem:c,renderingOnPage:d,selectedItemsQuantity:s??0,bundleSubtotal:p??{price:0,compareAtPrice:0},dispatchAnalyticsEvent:m,fetchStoreDetails:u,productsPagination:g}):"combo"===t.type?e.createElement(ks,{bundle:t,addToCartFunction:o,dispatchAnalyticsEvent:m}):"mixAndMatch"===t.type?e.createElement(Pd,{bundle:t,addToCartFunction:o,dispatchAnalyticsEvent:m}):"collection"===t.type?e.createElement(Jp,{config:t,addCustomBundleToCart:r,bundleAddToCartLoading:l}):e.createElement(td,{bundle:t,currentProductId:n,addToCartFunction:o,dispatchAnalyticsEvent:m}):e.createElement(qp,{addToCartFunction:o,bundle:t,dispatchAnalyticsEvent:m}),sm=c.div`
|
|
4678
4678
|
position: relative;
|
|
4679
|
-
`,
|
|
4679
|
+
`,dm=c.button`
|
|
4680
4680
|
border: 1px solid #ccc;
|
|
4681
4681
|
border-radius: 4px;
|
|
4682
4682
|
padding: 2px 8px;
|
|
@@ -4686,7 +4686,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4686
4686
|
font-size: 13px;
|
|
4687
4687
|
font-weight: 500;
|
|
4688
4688
|
cursor: pointer;
|
|
4689
|
-
`,
|
|
4689
|
+
`,pm=c.div`
|
|
4690
4690
|
position: absolute;
|
|
4691
4691
|
bottom: calc(100% + 5px);
|
|
4692
4692
|
left: 0;
|
|
@@ -4698,7 +4698,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4698
4698
|
min-width: 100px;
|
|
4699
4699
|
max-height: 150px;
|
|
4700
4700
|
overflow-y: auto;
|
|
4701
|
-
`,
|
|
4701
|
+
`,mm=c.div`
|
|
4702
4702
|
padding: 8px 12px;
|
|
4703
4703
|
display: flex;
|
|
4704
4704
|
align-items: center;
|
|
@@ -4708,31 +4708,31 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4708
4708
|
&:hover {
|
|
4709
4709
|
background-color: #f1f1f1;
|
|
4710
4710
|
}
|
|
4711
|
-
`,
|
|
4711
|
+
`,um=c.span`
|
|
4712
4712
|
width: 16px;
|
|
4713
4713
|
height: 16px;
|
|
4714
4714
|
border-radius: 50%;
|
|
4715
4715
|
background-color: ${({$colorValue:e})=>e};
|
|
4716
4716
|
border: 1px solid #eee;
|
|
4717
|
-
`,
|
|
4717
|
+
`,gm=c.img`
|
|
4718
4718
|
width: 20px;
|
|
4719
4719
|
height: 20px;
|
|
4720
4720
|
border-radius: 50%;
|
|
4721
4721
|
object-fit: cover;
|
|
4722
|
-
`,
|
|
4722
|
+
`,xm=c(M)`
|
|
4723
4723
|
transition: transform 0.2s ease-in-out;
|
|
4724
4724
|
transform: ${({$isOpen:e})=>e?"rotate(180deg)":"none"};
|
|
4725
|
-
`,
|
|
4725
|
+
`,fm=c.div`
|
|
4726
4726
|
display: flex;
|
|
4727
4727
|
align-items: center;
|
|
4728
4728
|
gap: 15px;
|
|
4729
4729
|
margin-top: 4px;
|
|
4730
4730
|
flex-wrap: wrap;
|
|
4731
|
-
`,
|
|
4731
|
+
`,ym=c.span`
|
|
4732
4732
|
font-size: 14px;
|
|
4733
4733
|
color: #666;
|
|
4734
4734
|
font-weight: 400;
|
|
4735
|
-
`,
|
|
4735
|
+
`,bm=c.div`
|
|
4736
4736
|
position: fixed;
|
|
4737
4737
|
bottom: 0;
|
|
4738
4738
|
left: 0;
|
|
@@ -4746,7 +4746,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4746
4746
|
transform: translateY(${e=>e.$translateY}px);
|
|
4747
4747
|
pointer-events: ${e=>0===e.$opacity?"none":"auto"};
|
|
4748
4748
|
background-color: ${e=>"stretch"===e.$desktopBarType?"white":"none"};
|
|
4749
|
-
`,
|
|
4749
|
+
`,hm=c.div`
|
|
4750
4750
|
display: flex;
|
|
4751
4751
|
align-items: center;
|
|
4752
4752
|
flex-direction: column;
|
|
@@ -4771,7 +4771,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4771
4771
|
|
|
4772
4772
|
${e=>e.$topRibbonText&&`&::before {\n content: "${e.$topRibbonText}";\n position: absolute;\n top: 0;\n left: 50%;\n transform: translate(-50%, -70%);\n background-color: ${e.$themeColor||"black"};\n color: ${e.$themeTextColor||"white"};\n padding-top: 2px;\n padding-bottom: 8px;\n font-size: 12px;\n line-height: normal;\n text-align: center;\n border-top-left-radius: ${"rounded"===e.$cornerType?"30px":"0px"};\n border-top-right-radius: ${"rounded"===e.$cornerType?"30px":"0px"};\n line-height: normal;\n width: ${"rounded"===e.$cornerType?"97%":"100%"};\n z-index: -1;\n }`}
|
|
4773
4773
|
${e=>"hover"===e.$desktopBarType&&"\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n &:hover {\n box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);\n }\n "}
|
|
4774
|
-
`,
|
|
4774
|
+
`,vm=c.div`
|
|
4775
4775
|
display: flex;
|
|
4776
4776
|
align-items: center;
|
|
4777
4777
|
justify-content: space-between;
|
|
@@ -4782,7 +4782,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4782
4782
|
flex-direction: row;
|
|
4783
4783
|
width: 498px;
|
|
4784
4784
|
}
|
|
4785
|
-
`,
|
|
4785
|
+
`,wm=c.img`
|
|
4786
4786
|
width: 80px;
|
|
4787
4787
|
// height: 50px;
|
|
4788
4788
|
object-fit: cover;
|
|
@@ -4790,7 +4790,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4790
4790
|
aspect-ratio: 1;
|
|
4791
4791
|
border-radius: 8px;
|
|
4792
4792
|
border: 1.55px solid var(--base-border, #dedede);
|
|
4793
|
-
`,
|
|
4793
|
+
`,Cm=c.div`
|
|
4794
4794
|
display: flex;
|
|
4795
4795
|
flex-direction: column;
|
|
4796
4796
|
align-items: flex-start;
|
|
@@ -4810,7 +4810,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4810
4810
|
@media (min-width: 768px) {
|
|
4811
4811
|
max-width: 200px;
|
|
4812
4812
|
}
|
|
4813
|
-
`;const
|
|
4813
|
+
`;const Em=c.div`
|
|
4814
4814
|
display: flex;
|
|
4815
4815
|
width: 100%;
|
|
4816
4816
|
justify-content: space-between;
|
|
@@ -4822,7 +4822,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4822
4822
|
width: auto;
|
|
4823
4823
|
flex-direction: row;
|
|
4824
4824
|
}
|
|
4825
|
-
`,
|
|
4825
|
+
`,km=c.button`
|
|
4826
4826
|
display: flex;
|
|
4827
4827
|
justify-content: center;
|
|
4828
4828
|
align-items: center;
|
|
@@ -4848,7 +4848,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4848
4848
|
transform: scale(1.01);
|
|
4849
4849
|
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
|
|
4850
4850
|
}
|
|
4851
|
-
`,
|
|
4851
|
+
`,Tm=c.button`
|
|
4852
4852
|
display: flex;
|
|
4853
4853
|
justify-content: center;
|
|
4854
4854
|
align-items: center;
|
|
@@ -4875,7 +4875,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4875
4875
|
transform: scale(1.01);
|
|
4876
4876
|
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
|
|
4877
4877
|
}
|
|
4878
|
-
`,Su={showPrice:!0,productImage:{id:"",path:""},buyNowCtaTitle:"BUY NOW",desktopBarType:"stretch",showProductName:!0,showBuyNowButton:!1,showProductImage:!0,addToCartCtaTitle:"ADD TO CART",showAddToCartButton:!0,showVariantSelector:!1,productInfoVisibility:!0,excludeProducts:[],showBarOnDesktop:!0,ctaButtonFontSize:18,startsAppearingAtHeight:200,fullyAppearsAtHeight:400,alwaysPersistent:!1},$u=({showStickyCart:o,product:a,addCartItem:l,onSetLoading:c,themeColor:s,cartData:d,isCartOpen:p,setIsCartOpen:u,ctaButtonBackgroundColor:m,ctaButtonTextColor:g,addToStickyCart:x,cartComponentsCornerType:f,cartComponentsCornerRadius:y,themeTextColor:b,stickyCartCustomizationData:h,checkoutFunction:v,backgroundColor:w,primaryTextColor:C,comboBundleData:E,comboBundleAddToCartFunction:k,volumeBundleCurrentTier:T,volumeBundleData:S,volumeBundleAddToCartFunction:$})=>{const[N,B]=t(""),[F,z]=t(null),[I,D]=t({}),P=cr(),[A,_]=t(null),R=r(null),{cartLoading:L,setLoading:O}=nn();n(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&_(null)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const M=i((e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[]),W=i(()=>E&&"combo"===E.type?E?.products?.[0]?.productDetails?.variants?.edges?.find(e=>M(E.products[0].productDetails,e?.node?.id)>0)?.node:a?.variants?.find(e=>e?.available),[E,a,M]),[V,j]=t(()=>{if(!E||"combo"!==E.type)return{};const e={};return E?.products?.forEach((t,n)=>{const o=t?.productDetails?.variants?.edges?.find(e=>M(t.productDetails,e?.node?.id)>0)?.node;o?e[n]=o.id:t?.productDetails?.variants?.edges?.length>0&&(e[n]=t.productDetails.variants.edges[0].node.id)}),e}),H=i(e=>{if(!E||"combo"!==E.type)return;const t={};E?.products?.forEach((n,o)=>{const r=n?.productDetails?.variants?.edges?.find(t=>{const o=t?.node;return n?.productDetails?.options?.every((t,n)=>{const r=e?.[t?.name],i=o?.title?.split(" / ")?.at(n);return!(!r||!i)&&r.trim().toLowerCase()===i.trim().toLowerCase()})});r?.node?.id&&(t[o]=r.node.id)}),Object.keys(t).length>0&&j(e=>({...e,...t}))},[E]);n(()=>{const e=W();if(e){B(String(e.id)),z(e);const t={};a?.options&&Array.isArray(a.options)&&a.options.forEach((n,o)=>{const r=`option${o+1}`;e?.[r]&&(t[n?.name]=e[r])}),D(t)}else if(a?.variants?.length>0){const e=a.variants[0];B(String(e.id)),z(e);const t={};a?.options&&Array.isArray(a.options)&&a.options.forEach((n,o)=>{const r=`option${o+1}`;e?.[r]&&(t[n?.name]=e[r])}),D(t)}},[a,W]);const q=i(()=>new URLSearchParams(window.location.search).get("variant")||"",[]),Q=()=>{const e=q();if(e){const t=a?.variants?.find(t=>String(t?.id)===String(e));if(t&&t?.available){B(String(t.id)),z(t);const e={};a?.options?.forEach((n,o)=>{const r=`option${o+1}`;t?.[r]&&(e[n?.name]=t[r])}),D(e)}else{const e=W();e?(B(String(e.id)),z(e)):a?.variants?.length>0&&(B(String(a.variants[0].id)),z(a.variants[0]))}}};n(()=>{Q();const e=new Event("urlChange");let t=!0;const n=window.history.pushState,o=window.history.replaceState;return window.history.pushState=function(){t&&(n.apply(this,arguments),window.dispatchEvent(e))},window.history.replaceState=function(){t&&(o.apply(this,arguments),window.dispatchEvent(e))},window.addEventListener("urlChange",Q),()=>{t=!1,window.removeEventListener("urlChange",Q),window.history.pushState=n,window.history.replaceState=o}},[q,a,W]);const U=r(null),[Y,G]=t(1),X=ln(d,d?.currency),Z=e.useMemo(()=>{if(!E||"combo"!==E.type)return null;const{price:e,compareAtPrice:t}=Object.entries(V).reduce((e,[t,n])=>{const o=E.products?.[Number(t)],r=o?.productDetails?.variants?.edges?.find(e=>e?.node?.id===n)?.node,i=parseFloat(r?.price??"0"),a=parseFloat(r?.compareAtPrice||i.toString());return e.price+=i,e.compareAtPrice+=a,e},{price:0,compareAtPrice:0}),n=Math.max(e,t);let o=Math.min(e,t);return E?.percentageOff?o=e*(1-E.percentageOff/100):E?.dealAmount?o=E.dealAmount:E?.amountOff&&(o=e-E.amountOff),{originalPrice:n.toFixed(2),dealPrice:o.toFixed(2),savings:(n-o).toFixed(2),hasSavings:n>o}},[E,V]),K=e.useMemo(()=>{if(!T||!F)return null;const e=parseFloat(F.price??"0"),t=parseFloat(F.compare_at_price||e.toString()),n=rn(e,d?.currency),o=rn(t,d?.currency),r=T.minimumQuantity,i=Math.max(n,o)*r;let a=n*r;const l=S?.discountType||T.discountType;"percentOff"===l?a*=1-T.discountValue/100:"amountOff"===l&&(a-=T.discountValue);const c=Math.max(0,a);return{originalPrice:i.toFixed(2),dealPrice:c.toFixed(2),savings:(i-c).toFixed(2),hasSavings:i>c&&void 0!==l}},[T,S,F,d]);n(()=>{(async()=>{try{if(E&&"combo"===E.type)return;a&&N&&z(a?.variants?.filter(e=>String(e?.id)===String(N))[0])}catch(e){console.error("Error getting selected product variant id")}})()},[a,N,E]),n(()=>{const e=e=>{const t=e;t.detail?.selectedVariants&&j(t.detail.selectedVariants)};return window.addEventListener("yt-combo-bundle-updated",e),()=>{window.removeEventListener("yt-combo-bundle-updated",e)}},[]);const J=r(null),[ee,te]=t(0);n(()=>{J.current&&te(J.current.offsetWidth)},[]);const ne=a?.options?.find(e=>e?.name?.toLowerCase()?.includes("color"))?.name,oe=ne?I?.[ne]:null,re=h&&(ie=h,0!==Object.keys(ie).length||ie.constructor!==Object)?h:Su;var ie;const{showProductName:ae,showPrice:le,showVariantSelector:ce,showBuyNowButton:se,showAddToCartButton:de,desktopBarType:pe,showProductImage:ue,buyNowCtaTitle:ge,addToCartCtaTitle:xe,productInfoVisibility:fe,showBarOnDesktop:ye,ctaButtonFontSize:be,startsAppearingAtHeight:he,fullyAppearsAtHeight:ve,topRibbonText:we,alwaysPersistent:Ce}=re,[Ee,ke]=t(Ce?1:0),[Te,Se]=t(Ce?0:100),[$e,Ne]=t(!1);if(n(()=>{if(Ce)return ke(1),void Se(0);const e=()=>{const e=window.scrollY;document.documentElement.scrollHeight;const t=he||200,n=ve||400;if(e>t){const o=Math.min((e-t)/(n-t),1);ke(o),Se(100-100*o)}else ke(0),Se(100)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[Ce,he,ve]),n(()=>{const e=()=>{const e=window.innerWidth<768;Ne(e||!1!==ye)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[ye]),a?.variants?.length<1)return null;const Be=W(),Fe=E&&"combo"===E.type?E?.products?.[0]?.productDetails?.variants?.edges?.find(e=>e?.node?.id===V?.[0])?.node?.price:F?.price??Be?.price??a?.variants?.[0]?.price;if(0===Number(Fe)&&(!E||"combo"!==E.type))return null;if(!o||!$e)return null;if(h?.excludeProducts?.includes(a?.handle))return null;const ze=E&&"combo"===E.type?E.products?.every((e,t)=>{const n=V[t];return!!n&&M(e.productDetails,n)>0})??!1:F?.available??!0;return e.createElement(bu,{className:"yt-sticky-bar-container",$opacity:Ee,$translateY:Te,$desktopBarType:pe||"stretch"},e.createElement(hu,{className:"yt-sticky-bar-inner-container",$desktopBarType:pe||"stretch",$themeColor:s,$cornerType:f??"sharp",$cornerRadius:y??20,$themeTextColor:b,$productInfoVisibility:fe,$topRibbonText:we,$backgroundColor:w},fe&&e.createElement(vu,null,ue&&e.createElement(wu,{className:"yt-sticky-bar-product-image",src:((e,t)=>"string"==typeof e?.featured_image?e.featured_image:e?.featured_image?.src?e.featured_image.src:t?.featured_image)(F,a),alt:F?.name}),e.createElement(Cu,{ref:J,className:"yt-sticky-bar-product-details"},ae&&e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},e.createElement("span",{style:{fontSize:"20px",fontWeight:"500",color:C,display:"-webkit-box",WebkitLineClamp:1,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis",lineHeight:"normal"}},`${a?.title}`),oe&&e.createElement("span",{style:{fontSize:"11px",color:"#666",backgroundColor:"#f1f1f1",padding:"2px 6px",borderRadius:"10px",border:"1px solid #ddd"}},oe)),a?.variants?.length>1&&ce&&e.createElement(fu,{className:"yt-sticky-bar-option-container",ref:R},a?.options?.map(t=>{const n=P?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase()),o=I[t.name],r=A===t.name,i=e=>{((e,t)=>{const n={...I,[e]:t};D(n);const o=a?.variants?.find(e=>a?.options?.every((t,o)=>{const r=n?.[t?.name],i=e?.[`option${o+1}`];return"string"==typeof r&&"string"==typeof i?r.trim().toLowerCase()===i.trim().toLowerCase():r===i}));o&&(B(String(o.id)),z(o)),E&&"combo"===E?.type&&H(n)})(t.name,e),_(null)},l=lr(n,o);return e.createElement("div",{key:t.name,style:{display:"flex",alignItems:"center",gap:"8px"}},e.createElement(yu,null,t.name),e.createElement(su,null,e.createElement(du,{onClick:()=>{_(r?null:t.name)},className:"yt-sticky-bar-dropdown-button"},"color"===n?.type&&l?.value?e.createElement(mu,{$colorValue:l.value}):"image"===n?.type&&l?.value?e.createElement(gu,{src:l.value}):null,o,e.createElement(xu,{size:8,$isOpen:r})),r&&e.createElement(pu,{$backgroundColor:w,className:"yt-sticky-bar-dropdown-panel"},t.values.map(t=>{const o=lr(n,t);return e.createElement(uu,{className:"yt-sticky-bar-dropdown-item",key:t,onClick:()=>i(t)},"color"===n?.type&&o?.value?e.createElement(mu,{$colorValue:o.value}):"image"===n?.type&&o?.value?e.createElement(gu,{src:o.value}):null,t)}))))})),le&&e.createElement(e.Fragment,null,Z?Z.hasSavings?e.createElement("div",{style:{display:"flex",flexDirection:"row",gap:5,alignItems:"center"}},e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,ru(Z.dealPrice)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${X}`,ru(Z.originalPrice)),e.createElement("span",{style:{backgroundColor:s??"black",color:b??"white",padding:"3px 9px",fontSize:"12px",borderRadius:"rounded"===f?`${y}px`:"0"},className:"yt-sticky-bar-product-discount"},"Save ",`${X}`,ru(Z.savings))):e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,ru(Z.dealPrice)):K?K.hasSavings?e.createElement("div",{style:{display:"flex",flexDirection:"row",gap:5,alignItems:"center"}},e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,ru(K.dealPrice)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${X}`,ru(K.originalPrice)),e.createElement("span",{style:{backgroundColor:s??"black",color:b??"white",padding:"3px 9px",fontSize:"12px",borderRadius:"rounded"===f?`${y}px`:"0"},className:"yt-sticky-bar-product-discount"},"Save ",`${X}`,ru(K.savings))):e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,ru(K.dealPrice)):F?.compare_at_price&&F?.compare_at_price>F?.price?e.createElement("div",{style:{display:"flex",flexDirection:"row",gap:5,alignItems:"center"}},e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,rn(F?.price,d?.currency)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${X}`,rn(F?.compare_at_price,d?.currency)),e.createElement("span",{style:{backgroundColor:s??"black",color:b??"white",padding:"3px 9px",fontSize:"12px",borderRadius:"rounded"===f?`${y}px`:"0"},className:"yt-sticky-bar-product-discount"},"Save ",`${X}`,rn(F?.compare_at_price-F?.price,d?.currency))):e.createElement(e.Fragment,null,e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,rn(F?.price,d?.currency)))),e.createElement("span",{style:{color:"#6E747B",fontSize:10},className:"yt-sticky-bar-product-tax-inclusion"},"Inclusive of all taxes"))),e.createElement(Eu,{className:"yt-sticky-bar-product-line-item-control",$flexDirection:fe?"row":"column"},de&&e.createElement(Tu,{ref:U,onClick:async()=>{if(E&&"combo"===E.type){if(!k)return void console.error("[StickyCart.tsx] comboBundleAddToCartFunction is undefined");const e=Object.entries(V);if(0===e.length)return;const t=e.map(([,e])=>e),n=e.map(([e,t])=>{const n=E?.products?.[Number(e)],o=n?.productDetails?.variants?.edges?.find(e=>e?.node?.id===t)?.node;return o?{variantId:t,price:Number(o?.price),compareAtPrice:Number(o?.compareAtPrice||o?.price)}:null}).filter(e=>null!==e),o=n.reduce((e,t)=>e+Math.max(t.compareAtPrice,t.price),0),r=n.reduce((e,t)=>e+t.price,0);let i=Math.min(o,r);E?.percentageOff?i=r*(1-E.percentageOff/100):E?.dealAmount?i=E.dealAmount:E?.amountOff&&(i=r-E.amountOff);const a=n.map(({variantId:e,price:t})=>({variantId:e,price:t}));O(!0,!1);try{await k(Number(o.toFixed(2)),t,Number(i.toFixed(2)),a)}catch(e){console.error("[StickyCart.tsx] Error adding combo bundle to cart:",e)}finally{O(!1,!1)}return}if(T&&T.minimumQuantity>1){if(!$)return void console.error("[StickyCart.tsx] volumeBundleAddToCartFunction is undefined");const e=String(N)??String(a?.variants[0]?.id),t=Array(T.minimumQuantity).fill(e),n=K?Number(K.originalPrice):0;O(!0,!1);try{await $(n,t)}catch(e){console.error("[StickyCart.tsx] Error adding volume bundle to cart:",e)}finally{O(!1,!1)}return}x&&await x(String(N)??String(a?.variants[0]?.id),Y)},disabled:L.cartLoading||!ze,$bgColor:ze?m:"#d1d5db",$textColor:ze?g:"#6b7280",className:"yt-sticky-add-to-cart-button",$cornerType:f??"sharp",$cornerRadius:y??20,$fontSize:be,style:{cursor:ze?"pointer":"not-allowed",opacity:ze?1:.6}},L.cartLoading?e.createElement(me,{color:"white",loading:L.cartLoading,size:15}):e.createElement(e.Fragment,null,ze?xe??"Add to Cart":"Out of Stock")),se&&e.createElement(ku,{onClick:async()=>{try{v&&await v(String(N)??String(a?.variants[0]?.id),Y)}catch(e){console.error("Error checking out from sticky bar")}},id:"yt-checkout-button",className:"yt-checkout-button",disabled:L.cartLoading||!ze,$bgColor:ze?s:"#d1d5db",$textColor:ze?b:"#6b7280",$cornerType:f??"sharp",$cornerRadius:y??20,$fontSize:be,style:{cursor:ze?"pointer":"not-allowed",opacity:ze?1:.6}},L.cartLoading?e.createElement(me,{color:"white",loading:L.cartLoading,size:15}):e.createElement(e.Fragment,null,ze?ge??"Buy Now":"Out of Stock")))))},Nu=c.div`
|
|
4878
|
+
`,Sm={showPrice:!0,productImage:{id:"",path:""},buyNowCtaTitle:"BUY NOW",desktopBarType:"stretch",showProductName:!0,showBuyNowButton:!1,showProductImage:!0,addToCartCtaTitle:"ADD TO CART",showAddToCartButton:!0,showVariantSelector:!1,productInfoVisibility:!0,excludeProducts:[],showBarOnDesktop:!0,ctaButtonFontSize:18,startsAppearingAtHeight:200,fullyAppearsAtHeight:400,alwaysPersistent:!1},$m=({showStickyCart:o,product:a,addCartItem:l,onSetLoading:c,themeColor:s,cartData:d,isCartOpen:p,setIsCartOpen:m,ctaButtonBackgroundColor:u,ctaButtonTextColor:g,addToStickyCart:x,cartComponentsCornerType:f,cartComponentsCornerRadius:y,themeTextColor:b,stickyCartCustomizationData:h,checkoutFunction:v,backgroundColor:w,primaryTextColor:C,comboBundleData:E,comboBundleAddToCartFunction:k,volumeBundleCurrentTier:T,volumeBundleData:S,volumeBundleAddToCartFunction:$})=>{const[N,B]=t(""),[F,z]=t(null),[I,D]=t({}),P=cr(),[A,_]=t(null),R=r(null),{cartLoading:L,setLoading:O}=nn();n(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&_(null)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const M=i((e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),o=n?.node;return o?e.tracksInventory&&o.inventoryItem?.tracked?o.inventoryQuantity>0?o.inventoryQuantity:o.inventoryQuantity<=0&&"continue"===o.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[]),W=i(()=>E&&"combo"===E.type?E?.products?.[0]?.productDetails?.variants?.edges?.find(e=>M(E.products[0].productDetails,e?.node?.id)>0)?.node:a?.variants?.find(e=>e?.available),[E,a,M]),[V,j]=t(()=>{if(!E||"combo"!==E.type)return{};const e={};return E?.products?.forEach((t,n)=>{const o=t?.productDetails?.variants?.edges?.find(e=>M(t.productDetails,e?.node?.id)>0)?.node;o?e[n]=o.id:t?.productDetails?.variants?.edges?.length>0&&(e[n]=t.productDetails.variants.edges[0].node.id)}),e}),H=i(e=>{if(!E||"combo"!==E.type)return;const t={};E?.products?.forEach((n,o)=>{const r=n?.productDetails?.variants?.edges?.find(t=>{const o=t?.node;return n?.productDetails?.options?.every((t,n)=>{const r=e?.[t?.name],i=o?.title?.split(" / ")?.at(n);return!(!r||!i)&&r.trim().toLowerCase()===i.trim().toLowerCase()})});r?.node?.id&&(t[o]=r.node.id)}),Object.keys(t).length>0&&j(e=>({...e,...t}))},[E]);n(()=>{const e=W();if(e){B(String(e.id)),z(e);const t={};a?.options&&Array.isArray(a.options)&&a.options.forEach((n,o)=>{const r=`option${o+1}`;e?.[r]&&(t[n?.name]=e[r])}),D(t)}else if(a?.variants?.length>0){const e=a.variants[0];B(String(e.id)),z(e);const t={};a?.options&&Array.isArray(a.options)&&a.options.forEach((n,o)=>{const r=`option${o+1}`;e?.[r]&&(t[n?.name]=e[r])}),D(t)}},[a,W]);const q=i(()=>new URLSearchParams(window.location.search).get("variant")||"",[]),Q=()=>{const e=q();if(e){const t=a?.variants?.find(t=>String(t?.id)===String(e));if(t&&t?.available){B(String(t.id)),z(t);const e={};a?.options?.forEach((n,o)=>{const r=`option${o+1}`;t?.[r]&&(e[n?.name]=t[r])}),D(e)}else{const e=W();e?(B(String(e.id)),z(e)):a?.variants?.length>0&&(B(String(a.variants[0].id)),z(a.variants[0]))}}};n(()=>{Q();const e=new Event("urlChange");let t=!0;const n=window.history.pushState,o=window.history.replaceState;return window.history.pushState=function(){t&&(n.apply(this,arguments),window.dispatchEvent(e))},window.history.replaceState=function(){t&&(o.apply(this,arguments),window.dispatchEvent(e))},window.addEventListener("urlChange",Q),()=>{t=!1,window.removeEventListener("urlChange",Q),window.history.pushState=n,window.history.replaceState=o}},[q,a,W]);const U=r(null),[Y,G]=t(1),X=ln(d,d?.currency),Z=e.useMemo(()=>{if(!E||"combo"!==E.type)return null;const{price:e,compareAtPrice:t}=Object.entries(V).reduce((e,[t,n])=>{const o=E.products?.[Number(t)],r=o?.productDetails?.variants?.edges?.find(e=>e?.node?.id===n)?.node,i=parseFloat(r?.price??"0"),a=parseFloat(r?.compareAtPrice||i.toString());return e.price+=i,e.compareAtPrice+=a,e},{price:0,compareAtPrice:0}),n=Math.max(e,t);let o=Math.min(e,t);return E?.percentageOff?o=e*(1-E.percentageOff/100):E?.dealAmount?o=E.dealAmount:E?.amountOff&&(o=e-E.amountOff),{originalPrice:n.toFixed(2),dealPrice:o.toFixed(2),savings:(n-o).toFixed(2),hasSavings:n>o}},[E,V]),K=e.useMemo(()=>{if(!T||!F)return null;const e=parseFloat(F.price??"0"),t=parseFloat(F.compare_at_price||e.toString()),n=rn(e,d?.currency),o=rn(t,d?.currency),r=T.minimumQuantity,i=Math.max(n,o)*r;let a=n*r;const l=S?.discountType||T.discountType;"percentOff"===l?a*=1-T.discountValue/100:"amountOff"===l&&(a-=T.discountValue);const c=Math.max(0,a);return{originalPrice:i.toFixed(2),dealPrice:c.toFixed(2),savings:(i-c).toFixed(2),hasSavings:i>c&&void 0!==l}},[T,S,F,d]);n(()=>{(async()=>{try{if(E&&"combo"===E.type)return;a&&N&&z(a?.variants?.filter(e=>String(e?.id)===String(N))[0])}catch(e){console.error("Error getting selected product variant id")}})()},[a,N,E]),n(()=>{const e=e=>{const t=e;t.detail?.selectedVariants&&j(t.detail.selectedVariants)};return window.addEventListener("yt-combo-bundle-updated",e),()=>{window.removeEventListener("yt-combo-bundle-updated",e)}},[]);const J=r(null),[ee,te]=t(0);n(()=>{J.current&&te(J.current.offsetWidth)},[]);const ne=a?.options?.find(e=>e?.name?.toLowerCase()?.includes("color"))?.name,oe=ne?I?.[ne]:null,re=h&&(ie=h,0!==Object.keys(ie).length||ie.constructor!==Object)?h:Sm;var ie;const{showProductName:ae,showPrice:le,showVariantSelector:ce,showBuyNowButton:se,showAddToCartButton:de,desktopBarType:pe,showProductImage:me,buyNowCtaTitle:ge,addToCartCtaTitle:xe,productInfoVisibility:fe,showBarOnDesktop:ye,ctaButtonFontSize:be,startsAppearingAtHeight:he,fullyAppearsAtHeight:ve,topRibbonText:we,alwaysPersistent:Ce}=re,[Ee,ke]=t(Ce?1:0),[Te,Se]=t(Ce?0:100),[$e,Ne]=t(!1);if(n(()=>{if(Ce)return ke(1),void Se(0);const e=()=>{const e=window.scrollY;document.documentElement.scrollHeight;const t=he||200,n=ve||400;if(e>t){const o=Math.min((e-t)/(n-t),1);ke(o),Se(100-100*o)}else ke(0),Se(100)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[Ce,he,ve]),n(()=>{const e=()=>{const e=window.innerWidth<768;Ne(e||!1!==ye)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[ye]),a?.variants?.length<1)return null;const Be=W(),Fe=E&&"combo"===E.type?E?.products?.[0]?.productDetails?.variants?.edges?.find(e=>e?.node?.id===V?.[0])?.node?.price:F?.price??Be?.price??a?.variants?.[0]?.price;if(0===Number(Fe)&&(!E||"combo"!==E.type))return null;if(!o||!$e)return null;if(h?.excludeProducts?.includes(a?.handle))return null;const ze=E&&"combo"===E.type?E.products?.every((e,t)=>{const n=V[t];return!!n&&M(e.productDetails,n)>0})??!1:F?.available??!0;return e.createElement(bm,{className:"yt-sticky-bar-container",$opacity:Ee,$translateY:Te,$desktopBarType:pe||"stretch"},e.createElement(hm,{className:"yt-sticky-bar-inner-container",$desktopBarType:pe||"stretch",$themeColor:s,$cornerType:f??"sharp",$cornerRadius:y??20,$themeTextColor:b,$productInfoVisibility:fe,$topRibbonText:we,$backgroundColor:w},fe&&e.createElement(vm,null,me&&e.createElement(wm,{className:"yt-sticky-bar-product-image",src:((e,t)=>"string"==typeof e?.featured_image?e.featured_image:e?.featured_image?.src?e.featured_image.src:t?.featured_image)(F,a),alt:F?.name}),e.createElement(Cm,{ref:J,className:"yt-sticky-bar-product-details"},ae&&e.createElement("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},e.createElement("span",{style:{fontSize:"20px",fontWeight:"500",color:C,display:"-webkit-box",WebkitLineClamp:1,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis",lineHeight:"normal"}},`${a?.title}`),oe&&e.createElement("span",{style:{fontSize:"11px",color:"#666",backgroundColor:"#f1f1f1",padding:"2px 6px",borderRadius:"10px",border:"1px solid #ddd"}},oe)),a?.variants?.length>1&&ce&&e.createElement(fm,{className:"yt-sticky-bar-option-container",ref:R},a?.options?.map(t=>{const n=P?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase()),o=I[t.name],r=A===t.name,i=e=>{((e,t)=>{const n={...I,[e]:t};D(n);const o=a?.variants?.find(e=>a?.options?.every((t,o)=>{const r=n?.[t?.name],i=e?.[`option${o+1}`];return"string"==typeof r&&"string"==typeof i?r.trim().toLowerCase()===i.trim().toLowerCase():r===i}));o&&(B(String(o.id)),z(o)),E&&"combo"===E?.type&&H(n)})(t.name,e),_(null)},l=lr(n,o);return e.createElement("div",{key:t.name,style:{display:"flex",alignItems:"center",gap:"8px"}},e.createElement(ym,null,t.name),e.createElement(sm,null,e.createElement(dm,{onClick:()=>{_(r?null:t.name)},className:"yt-sticky-bar-dropdown-button"},"color"===n?.type&&l?.value?e.createElement(um,{$colorValue:l.value}):"image"===n?.type&&l?.value?e.createElement(gm,{src:l.value}):null,o,e.createElement(xm,{size:8,$isOpen:r})),r&&e.createElement(pm,{$backgroundColor:w,className:"yt-sticky-bar-dropdown-panel"},t.values.map(t=>{const o=lr(n,t);return e.createElement(mm,{className:"yt-sticky-bar-dropdown-item",key:t,onClick:()=>i(t)},"color"===n?.type&&o?.value?e.createElement(um,{$colorValue:o.value}):"image"===n?.type&&o?.value?e.createElement(gm,{src:o.value}):null,t)}))))})),le&&e.createElement(e.Fragment,null,Z?Z.hasSavings?e.createElement("div",{style:{display:"flex",flexDirection:"row",gap:5,alignItems:"center"}},e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,rm(Z.dealPrice)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${X}`,rm(Z.originalPrice)),e.createElement("span",{style:{backgroundColor:s??"black",color:b??"white",padding:"3px 9px",fontSize:"12px",borderRadius:"rounded"===f?`${y}px`:"0"},className:"yt-sticky-bar-product-discount"},"Save ",`${X}`,rm(Z.savings))):e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,rm(Z.dealPrice)):K?K.hasSavings?e.createElement("div",{style:{display:"flex",flexDirection:"row",gap:5,alignItems:"center"}},e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,rm(K.dealPrice)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${X}`,rm(K.originalPrice)),e.createElement("span",{style:{backgroundColor:s??"black",color:b??"white",padding:"3px 9px",fontSize:"12px",borderRadius:"rounded"===f?`${y}px`:"0"},className:"yt-sticky-bar-product-discount"},"Save ",`${X}`,rm(K.savings))):e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,rm(K.dealPrice)):F?.compare_at_price&&F?.compare_at_price>F?.price?e.createElement("div",{style:{display:"flex",flexDirection:"row",gap:5,alignItems:"center"}},e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,rn(F?.price,d?.currency)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${X}`,rn(F?.compare_at_price,d?.currency)),e.createElement("span",{style:{backgroundColor:s??"black",color:b??"white",padding:"3px 9px",fontSize:"12px",borderRadius:"rounded"===f?`${y}px`:"0"},className:"yt-sticky-bar-product-discount"},"Save ",`${X}`,rn(F?.compare_at_price-F?.price,d?.currency))):e.createElement(e.Fragment,null,e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${X}`,rn(F?.price,d?.currency)))),e.createElement("span",{style:{color:"#6E747B",fontSize:10},className:"yt-sticky-bar-product-tax-inclusion"},"Inclusive of all taxes"))),e.createElement(Em,{className:"yt-sticky-bar-product-line-item-control",$flexDirection:fe?"row":"column"},de&&e.createElement(Tm,{ref:U,onClick:async()=>{if(E&&"combo"===E.type){if(!k)return void console.error("[StickyCart.tsx] comboBundleAddToCartFunction is undefined");const e=Object.entries(V);if(0===e.length)return;const t=e.map(([,e])=>e),n=e.map(([e,t])=>{const n=E?.products?.[Number(e)],o=n?.productDetails?.variants?.edges?.find(e=>e?.node?.id===t)?.node;return o?{variantId:t,price:Number(o?.price),compareAtPrice:Number(o?.compareAtPrice||o?.price)}:null}).filter(e=>null!==e),o=n.reduce((e,t)=>e+Math.max(t.compareAtPrice,t.price),0),r=n.reduce((e,t)=>e+t.price,0);let i=Math.min(o,r);E?.percentageOff?i=r*(1-E.percentageOff/100):E?.dealAmount?i=E.dealAmount:E?.amountOff&&(i=r-E.amountOff);const a=n.map(({variantId:e,price:t})=>({variantId:e,price:t}));O(!0,!1);try{await k(Number(o.toFixed(2)),t,Number(i.toFixed(2)),a)}catch(e){console.error("[StickyCart.tsx] Error adding combo bundle to cart:",e)}finally{O(!1,!1)}return}if(T&&T.minimumQuantity>1){if(!$)return void console.error("[StickyCart.tsx] volumeBundleAddToCartFunction is undefined");const e=String(N)??String(a?.variants[0]?.id),t=Array(T.minimumQuantity).fill(e),n=K?Number(K.originalPrice):0;O(!0,!1);try{await $(n,t)}catch(e){console.error("[StickyCart.tsx] Error adding volume bundle to cart:",e)}finally{O(!1,!1)}return}x&&await x(String(N)??String(a?.variants[0]?.id),Y)},disabled:L.cartLoading||!ze,$bgColor:ze?u:"#d1d5db",$textColor:ze?g:"#6b7280",className:"yt-sticky-add-to-cart-button",$cornerType:f??"sharp",$cornerRadius:y??20,$fontSize:be,style:{cursor:ze?"pointer":"not-allowed",opacity:ze?1:.6}},L.cartLoading?e.createElement(ue,{color:"white",loading:L.cartLoading,size:15}):e.createElement(e.Fragment,null,ze?xe??"Add to Cart":"Out of Stock")),se&&e.createElement(km,{onClick:async()=>{try{v&&await v(String(N)??String(a?.variants[0]?.id),Y)}catch(e){console.error("Error checking out from sticky bar")}},id:"yt-checkout-button",className:"yt-checkout-button",disabled:L.cartLoading||!ze,$bgColor:ze?s:"#d1d5db",$textColor:ze?b:"#6b7280",$cornerType:f??"sharp",$cornerRadius:y??20,$fontSize:be,style:{cursor:ze?"pointer":"not-allowed",opacity:ze?1:.6}},L.cartLoading?e.createElement(ue,{color:"white",loading:L.cartLoading,size:15}):e.createElement(e.Fragment,null,ze?ge??"Buy Now":"Out of Stock")))))},Nm=c.div`
|
|
4879
4879
|
width: 100%;
|
|
4880
4880
|
height: 100%;
|
|
4881
4881
|
display: flex;
|
|
@@ -4888,7 +4888,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4888
4888
|
bottom: 0;
|
|
4889
4889
|
z-index: 2147483644;
|
|
4890
4890
|
pointer-events: none; /* Allow clicks to pass through to overlay */
|
|
4891
|
-
`,
|
|
4891
|
+
`,Bm=c.div`
|
|
4892
4892
|
width: 100%;
|
|
4893
4893
|
text-align: center;
|
|
4894
4894
|
font-size: 18px;
|
|
@@ -4906,7 +4906,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4906
4906
|
padding: 5px 0;
|
|
4907
4907
|
font-size: 14px;
|
|
4908
4908
|
}
|
|
4909
|
-
`,
|
|
4909
|
+
`,Fm=c.div`
|
|
4910
4910
|
position: relative;
|
|
4911
4911
|
display: flex;
|
|
4912
4912
|
flex-direction: column;
|
|
@@ -4954,13 +4954,13 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4954
4954
|
`,c.label`
|
|
4955
4955
|
font-size: 14px;
|
|
4956
4956
|
color: #2d2d2d;
|
|
4957
|
-
`;const
|
|
4957
|
+
`;const zm=c.div`
|
|
4958
4958
|
display: flex;
|
|
4959
4959
|
justify-content: center;
|
|
4960
4960
|
align-items: center;
|
|
4961
4961
|
width: 100%;
|
|
4962
4962
|
height: 150px;
|
|
4963
|
-
`,
|
|
4963
|
+
`,Im=c.div`
|
|
4964
4964
|
display: flex;
|
|
4965
4965
|
flex-direction: column;
|
|
4966
4966
|
row-gap: 12px;
|
|
@@ -4979,7 +4979,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4979
4979
|
padding: 12px 15px;
|
|
4980
4980
|
row-gap: 10px;
|
|
4981
4981
|
}
|
|
4982
|
-
`,
|
|
4982
|
+
`,Dm=c.div`
|
|
4983
4983
|
display: flex;
|
|
4984
4984
|
flex-direction: row;
|
|
4985
4985
|
width: 100%;
|
|
@@ -4997,7 +4997,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4997
4997
|
gap: 10px;
|
|
4998
4998
|
margin-bottom: 8px;
|
|
4999
4999
|
}
|
|
5000
|
-
`,
|
|
5000
|
+
`,Pm=c.div`
|
|
5001
5001
|
flex-shrink: 0;
|
|
5002
5002
|
width: 90px;
|
|
5003
5003
|
|
|
@@ -5009,7 +5009,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5009
5009
|
@media (max-width: 480px) {
|
|
5010
5010
|
width: 75px;
|
|
5011
5011
|
}
|
|
5012
|
-
`,
|
|
5012
|
+
`,Am=c.img`
|
|
5013
5013
|
width: 90px;
|
|
5014
5014
|
height: 90px;
|
|
5015
5015
|
border-radius: 8px;
|
|
@@ -5026,12 +5026,12 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5026
5026
|
width: 75px;
|
|
5027
5027
|
height: 75px;
|
|
5028
5028
|
}
|
|
5029
|
-
`,
|
|
5029
|
+
`,_m=c.div`
|
|
5030
5030
|
display: flex;
|
|
5031
5031
|
flex-direction: column;
|
|
5032
5032
|
flex: 1;
|
|
5033
5033
|
gap: 5px;
|
|
5034
|
-
`,
|
|
5034
|
+
`,Rm=c.a`
|
|
5035
5035
|
margin: 0 0 5px 0;
|
|
5036
5036
|
font-size: 16px;
|
|
5037
5037
|
font-weight: 500;
|
|
@@ -5058,12 +5058,12 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5058
5058
|
font-size: 14px;
|
|
5059
5059
|
margin: 0 0 3px 0;
|
|
5060
5060
|
}
|
|
5061
|
-
`,
|
|
5061
|
+
`,Lm=c.div`
|
|
5062
5062
|
display: flex;
|
|
5063
5063
|
flex-direction: row;
|
|
5064
5064
|
align-items: center;
|
|
5065
5065
|
gap: 4px;
|
|
5066
|
-
`,
|
|
5066
|
+
`,Om=c.span`
|
|
5067
5067
|
font-weight: 600;
|
|
5068
5068
|
font-size: 16px;
|
|
5069
5069
|
color: ${e=>e.$primaryTextColor??"#1a1a1a"};
|
|
@@ -5076,7 +5076,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5076
5076
|
@media (max-width: 480px) {
|
|
5077
5077
|
font-size: 14px;
|
|
5078
5078
|
}
|
|
5079
|
-
`,
|
|
5079
|
+
`,Mm=c.span`
|
|
5080
5080
|
text-decoration-line: line-through;
|
|
5081
5081
|
color: #9b9c9d;
|
|
5082
5082
|
font-size: 14px;
|
|
@@ -5110,7 +5110,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5110
5110
|
justify-content: space-between;
|
|
5111
5111
|
align-items: center;
|
|
5112
5112
|
margin-top: 15px;
|
|
5113
|
-
`;const
|
|
5113
|
+
`;const Wm=c.button`
|
|
5114
5114
|
width: 100%;
|
|
5115
5115
|
padding: 16px;
|
|
5116
5116
|
background: ${e=>e.$themeColor||"#C33"};
|
|
@@ -5152,7 +5152,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5152
5152
|
align-items: flex-start;
|
|
5153
5153
|
gap: 24px;
|
|
5154
5154
|
width: 100%;
|
|
5155
|
-
`;const
|
|
5155
|
+
`;const Vm=c.div`
|
|
5156
5156
|
display: flex;
|
|
5157
5157
|
flex-direction: column;
|
|
5158
5158
|
align-items: flex-start;
|
|
@@ -5176,7 +5176,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5176
5176
|
`,c.div`
|
|
5177
5177
|
display: flex;
|
|
5178
5178
|
flex-wrap: wrap;
|
|
5179
|
-
`;const
|
|
5179
|
+
`;const jm=c.button`
|
|
5180
5180
|
height: 23px;
|
|
5181
5181
|
min-width: 35px;
|
|
5182
5182
|
padding: 0 15px;
|
|
@@ -5211,7 +5211,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5211
5211
|
min-width: 32px;
|
|
5212
5212
|
font-size: 12px;
|
|
5213
5213
|
}
|
|
5214
|
-
`,
|
|
5214
|
+
`,Hm=c.div`
|
|
5215
5215
|
font-family: inherit;
|
|
5216
5216
|
font-weight: 500;
|
|
5217
5217
|
font-size: 13px;
|
|
@@ -5229,7 +5229,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5229
5229
|
@media (max-width: 480px) {
|
|
5230
5230
|
font-size: 12px;
|
|
5231
5231
|
}
|
|
5232
|
-
`,
|
|
5232
|
+
`,qm=c.span`
|
|
5233
5233
|
font-weight: 400;
|
|
5234
5234
|
font-size: 12px;
|
|
5235
5235
|
color: #333;
|
|
@@ -5252,13 +5252,13 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5252
5252
|
@media (max-width: 480px) {
|
|
5253
5253
|
font-size: 12px;
|
|
5254
5254
|
}
|
|
5255
|
-
`;const
|
|
5255
|
+
`;const Qm=c.div`
|
|
5256
5256
|
display: flex;
|
|
5257
5257
|
flex-wrap: wrap;
|
|
5258
5258
|
width: 100%;
|
|
5259
5259
|
gap: 2px;
|
|
5260
5260
|
margin-top: 8px;
|
|
5261
|
-
`,
|
|
5261
|
+
`,Um=c.div`
|
|
5262
5262
|
width: 100%;
|
|
5263
5263
|
margin-top: 5px;
|
|
5264
5264
|
|
|
@@ -5270,7 +5270,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5270
5270
|
@media (max-width: 480px) {
|
|
5271
5271
|
margin-top: 3px;
|
|
5272
5272
|
}
|
|
5273
|
-
`,
|
|
5273
|
+
`,Ym=c.button`
|
|
5274
5274
|
border-radius: 50%;
|
|
5275
5275
|
padding: 2px;
|
|
5276
5276
|
background-color: ${({$colorValue:e})=>e||"transparent"};
|
|
@@ -5285,7 +5285,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5285
5285
|
&:hover {
|
|
5286
5286
|
border-color: ${({$themeColor:e})=>e||"#000"};
|
|
5287
5287
|
}
|
|
5288
|
-
`,
|
|
5288
|
+
`,Gm=c.button`
|
|
5289
5289
|
border-radius: 50%;
|
|
5290
5290
|
padding: 2px;
|
|
5291
5291
|
background-color: transparent;
|
|
@@ -5301,4 +5301,4 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5301
5301
|
&:hover {
|
|
5302
5302
|
border-color: ${({$themeColor:e})=>e||"#000"};
|
|
5303
5303
|
}
|
|
5304
|
-
`,Xu=l(({removeCartItem:i,addCartItem:a,getProductDetailsByVariantId:l,themeColor:c,cartComponentsCornerRadius:s,cartComponentsCornerType:d,backgroundColor:p,removeFreebieFromCart:u,freebieClaimAddToCart:m,stealDealAddToCart:g,productClaimCtaButtonText:x,backgroundSubdued:f,primaryTextColor:y},b)=>{const[h,v]=ae(on),w=le(Xt),C=r(null),[E,k]=t(null),[T,S]=t(!1),[$,N]=t({}),[B,F]=t(h?.variantId),[z]=t(h?.quantity||1),[I,D]=t(!1),P=cr();n(()=>{h?.open?setTimeout(()=>{D(!0)},10):D(!1)},[h?.open]);n(()=>{(async()=>{if(!E&&l&&h?.variantId&&h?.handle){const e=await l(h.handle,h.variantId);if(e&&e.variants&&e.options){let t;const n=h.allowedVariantIds,o=Array.isArray(n)&&n.length>0;if(t=o?e.variants.find(e=>e.available&&n.includes(String(e.id))&&String(e.id)===String(h.variantId))||e.variants.find(e=>e.available&&n.includes(String(e.id))):e.variants.find(e=>e.available&&String(e.id)===String(h.variantId)),t){F(String(t.id));const n={};e.options.forEach((e,o)=>{n[e.name]=t[`option${o+1}`]}),N(n)}else F(void 0),N({})}k(e)}})()},[E,l,h]);const A=(e,t)=>{const n={...$,[e]:t};N(n);const o=E?.variants?.find(e=>E.options.every((t,o)=>e[`option${o+1}`]===n[t.name]));if(o){const e=h?.allowedVariantIds;if(Array.isArray(e)&&e.length>0&&!e.includes(String(o.id)))return;o.available&&F(String(o.id))}},_=E?.variants?.find(e=>String(e.id)===String(B)),R=ln(w,w?.currency),L=o(()=>{const e={};if(!E)return e;const t=Array.isArray(h?.allowedVariantIds)&&h.allowedVariantIds.length>0;return E.options.forEach(n=>{e[n.name]=n.values.filter(e=>E.variants.filter(o=>{const r=E.options.indexOf(n);if(o[`option${r+1}`]!==e)return!1;return!!E.options.every((e,t)=>{if(e.name===n.name)return!0;const r=$[e.name];return!r||o[`option${t+1}`]===r})&&(!!(!t||Array.isArray(h.allowedVariantIds)&&h.allowedVariantIds.includes(String(o.id)))&&!!o.available)}).some(e=>!!(!t||Array.isArray(h.allowedVariantIds)&&h.allowedVariantIds.includes(String(e.id)))&&e.available))}),e},[E,$,h]);return E?e.createElement(e.Fragment,null,e.createElement("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:2147483643,display:h?.open?"flex":"none",justifyContent:"center",alignItems:"center",opacity:I?1:0,transition:"opacity 0.3s ease"},onClick:()=>{D(!1),setTimeout(()=>{v({open:!1,variantId:void 0,handle:void 0,quantity:void 0})},300)}}),e.createElement(Nu,{ref:b,className:"yt-variant-selection-popup"},e.createElement(Fu,{ref:C,style:{backgroundColor:p||"white",opacity:I?1:0,transform:I?"translateY(0)":"translateY(20px)"},$themeColor:c,onClick:e=>e.stopPropagation()},h?.freebieSelection&&e.createElement(Bu,null,h?.stealDealSelection?"Unlocked Steal Deal":"Unlocked Freebie"),e.createElement(Iu,null,e.createElement(Du,null,e.createElement(Pu,null,e.createElement(Au,{src:_?.featured_image?.src??E?.featured_image,alt:_?.featured_image?.alt??E?.title})),e.createElement(_u,null,e.createElement(Ru,{$themeColor:c,$primaryTextColor:y,href:`${E?.url}?variant=${_?.id}`},E?.title),e.createElement(Uu,null,e.createElement(Lu,null,e.createElement(Ou,{$primaryTextColor:y},R,rn(_?.price,w?.currency??"INR")),null!=_?.compare_at_price&&null!=_?.price&&_.compare_at_price>_.price&&e.createElement(Mu,null,R,rn(_?.compare_at_price,w?.currency??"INR")))))),E?.options?.map(t=>{const n=P?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase());return e.createElement(Vu,{key:t.name},e.createElement(Hu,null,e.createElement("span",null,"Select ",t.name),$[t.name]&&e.createElement(qu,null,$[t.name])),e.createElement(Qu,null,L[t.name]?.map(o=>{const r=$[t.name]===o,i=lr(n,o);return"color"===n?.type&&i?.value?e.createElement(Yu,{key:o,$isSelected:r,$themeColor:c,onClick:()=>A(t.name,o),$colorValue:i.value}):"image"===n?.type&&i?.value?e.createElement(Gu,{key:o,$isSelected:r,$themeColor:c,onClick:()=>A(t.name,o),$imageUrl:i.value}):e.createElement(ju,{$themeColor:c,key:o,$isSelected:r,backgroundColor:r?c:void 0,onClick:()=>A(t.name,o)},o)})))})),e.createElement(Wu,{className:"yt-cart-variant-popup-ATC-button",$themeColor:c??"#C33",onClick:h?.productRec?async()=>{if(B&&a){S(!0);try{await a(B,z,"product-recommendation-variant-selector",!1,h.handle),v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,productRec:!1})}catch(e){console.error("Error adding item from product recommendation:",e)}S(!1)}}:async()=>{if(!B)return;const e=!!h?.lineItemKey,t=String(B)!==String(h?.variantId);if(!e||t){S(!0);try{const e=h?.freebieSelection;e&&!h?.lineItemKey||(e&&u&&h?.lineItemKey?await u(h.lineItemKey):await i(h?.lineItemKey||h?.variantId,"variant-selector",!0)),e&&h?.stealDealSelection&&g?await g(B,h.allowedVariantIds):e&&m?await m(B,h.allowedVariantIds):a&&B&&await a(B,z,"variant-selector",!1,h.handle),v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,lineItemKey:void 0})}catch(e){}S(!1)}else v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,lineItemKey:void 0})},disabled:!B||T},T?e.createElement(me,{color:"white",size:13}):h?.productRec?"ADD TO BAG":h?.stealDealSelection?"CLAIM DEAL":h?.freebieSelection?x||"CLAIM FREEBIE":"GET IN BAG")))):e.createElement(Nu,{ref:b},e.createElement(Fu,{style:{backgroundColor:p||"white"}},e.createElement(zu,null,e.createElement(ge,{color:c||"#868E96"}))))});Xu.displayName="DesktopVariantPopup";const Zu=l(({removeCartItem:i,addCartItem:a,getProductDetailsByVariantId:l,themeColor:c,cartComponentsCornerRadius:s,cartComponentsCornerType:d,backgroundColor:p,removeFreebieFromCart:u,freebieClaimAddToCart:m,stealDealAddToCart:g,productClaimCtaButtonText:x,backgroundSubdued:f,primaryTextColor:y},b)=>{const[h,v]=ae(on),w=le(Xt),[C,E]=t(null),[k,T]=t(!1),[S,$]=t({}),[N,B]=t(h?.variantId),[F]=t(h?.quantity||1),z=r(null),I=cr(),[D,P]=t(!1);n(()=>{h?.open?setTimeout(()=>{P(!0)},10):P(!1)},[h?.open]);n(()=>{(async()=>{if(!C&&l&&h?.variantId&&h?.handle)try{const e=await l(h.handle,h.variantId);if(!e)return;if(!e.variants||!Array.isArray(e.variants))return;if(e&&e.variants&&e.options){let t;const n=h.allowedVariantIds,o=Array.isArray(n)&&n.length>0;if(t=o?e.variants.find(e=>e.available&&n.includes(String(e.id))&&String(e.id)===String(h.variantId))||e.variants.find(e=>e.available&&n.includes(String(e.id))):e.variants.find(e=>e.available&&String(e.id)===String(h.variantId)),t){B(String(t.id));const n={};e.options.forEach((e,o)=>{n[e.name]=t[`option${o+1}`]}),$(n)}else B(void 0),$({})}E(e)}catch(e){}})()},[C,l,h]),n(()=>{},[p,i,a,l]);const A=(e,t)=>{const n={...S,[e]:t};$(n);const o=C?.variants?.find(e=>C.options.every((t,o)=>e[`option${o+1}`]===n[t.name]));if(o){const e=h?.allowedVariantIds;if(Array.isArray(e)&&e.length>0&&!e.includes(String(o.id)))return;o.available&&B(String(o.id))}},_=C?.variants?.find(e=>String(e.id)===String(N)),R=ln(w,w?.currency),L=o(()=>{const e={};if(!C)return e;const t=Array.isArray(h?.allowedVariantIds)&&h.allowedVariantIds.length>0;return C.options.forEach(n=>{e[n.name]=n.values.filter(e=>C.variants.filter(o=>{const r=C.options.indexOf(n);if(o[`option${r+1}`]!==e)return!1;return!!C.options.every((e,t)=>{if(e.name===n.name)return!0;const r=S[e.name];return!r||o[`option${t+1}`]===r})&&(!!(!t||Array.isArray(h.allowedVariantIds)&&h.allowedVariantIds.includes(String(o.id)))&&!!o.available)}).some(e=>!!(!t||Array.isArray(h.allowedVariantIds)&&h.allowedVariantIds.includes(String(e.id)))&&e.available))}),e},[C,S,h]);return C?e.createElement(e.Fragment,null,e.createElement("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:2147483643,display:h?.open?"flex":"none",justifyContent:"center",alignItems:"center",opacity:D?1:0,transition:"opacity 0.3s ease"},onClick:()=>{P(!1),setTimeout(()=>{v({open:!1,variantId:void 0,handle:void 0,quantity:void 0})},300)}}),e.createElement(Nu,{ref:b,className:"yt-variant-selection-popup"},e.createElement(Fu,{ref:z,style:{backgroundColor:p||"white",opacity:D?1:0,transform:D?"translateY(0)":"translateY(20px)"},$themeColor:c,onClick:e=>e.stopPropagation()},h?.freebieSelection&&e.createElement(Bu,null,h?.stealDealSelection?"Unlocked Steal Deal":"Unlocked Freebie"),e.createElement(Iu,null,e.createElement(Du,null,e.createElement(Pu,null,e.createElement(Au,{src:_?.featured_image?.src??C?.featured_image,alt:_?.featured_image?.alt??C?.title})),e.createElement(_u,null,e.createElement(Ru,{$themeColor:c,$primaryTextColor:y,href:`${C?.url}?variant=${_?.id}`},C?.title),e.createElement(Uu,null,e.createElement(Lu,null,e.createElement(Ou,{$primaryTextColor:y},R,rn(_?.price,w?.currency??"INR")),null!=_?.compare_at_price&&null!=_?.price&&_.compare_at_price>_.price&&e.createElement(Mu,null,R,rn(_?.compare_at_price,w?.currency??"INR")))))),C?.options?.map(t=>{const n=I?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase());return e.createElement(Vu,{key:t.name},e.createElement(Hu,null,e.createElement("span",null,"Select ",t.name,":"),S[t.name]&&e.createElement(qu,null,S[t.name])),e.createElement(Qu,null,L[t.name]?.map(o=>{const r=S[t.name]===o,i=lr(n,o);return"color"===n?.type&&i?.value?e.createElement(Yu,{key:o,$isSelected:r,$themeColor:c,onClick:()=>A(t.name,o),$colorValue:i.value}):"image"===n?.type&&i?.value?e.createElement(Gu,{key:o,$isSelected:r,$themeColor:c,onClick:()=>A(t.name,o),$imageUrl:i.value}):e.createElement(ju,{$themeColor:c,key:o,$isSelected:r,backgroundColor:r?c:void 0,onClick:()=>A(t.name,o)},o)})))})),e.createElement(Wu,{className:"yt-cart-variant-popup-ATC-button",$themeColor:c??"#C33",onClick:h?.productRec?async()=>{if(N&&a){T(!0);try{await a(N,F,"product-recommendation-variant-selector",!1,h.handle),v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,productRec:!1})}catch(e){console.error("Error adding item from product recommendation:",e)}T(!1)}}:async()=>{if(!N)return;const e=!!h?.lineItemKey,t=String(N)!==String(h?.variantId);if(!e||t){T(!0);try{const e=h?.freebieSelection;e&&!h?.lineItemKey||(e&&u&&h?.lineItemKey?await u(h.lineItemKey):await i(h?.lineItemKey||h?.variantId,"variant-selector",!0)),e&&h?.stealDealSelection&&g?await g(N,h.allowedVariantIds):e&&m?await m(N,h.allowedVariantIds):a&&N&&await a(N,F,"variant-selector",!1,h.handle),v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,lineItemKey:void 0})}catch(e){}T(!1)}else v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,lineItemKey:void 0})},disabled:!N||k},k?e.createElement(me,{color:"white",size:13}):h?.productRec?"ADD TO BAG":h?.stealDealSelection?"CLAIM DEAL":h?.freebieSelection?x||"CLAIM FREEBIE":"GET IN BAG")))):e.createElement(Nu,{ref:b},e.createElement(Fu,{style:{backgroundColor:p||"white"}},e.createElement(zu,null,e.createElement(ge,{color:c||"#868E96"}))))});const Ku=({setIsCartOpen:t,isCartOpen:n,cartCheckpoints:o,customCartProgressBarCriteria:r,floatingCartData:i,effectiveQuantityForProgressBar:a,cartComponentsCornerType:l,cartComponentsCornerRadius:c})=>{const s=le(Xt),d=i?.bannerFooterText,p="string"==typeof d&&d.trim().length>0,u=!n&&(e=>{try{if("undefined"==typeof window)return!1;const t=window.location.pathname||"/";if("/"===t||""===t)return!0;const n=e?.showOnPages;if(!Array.isArray(n)||0===n.length)return!1;const o=t.toLowerCase(),r=o.endsWith("/")?o:`${o}/`;return n.some(e=>{if(!e||"string"!=typeof e)return!1;const t=e.trim().toLowerCase().replace(/^\/|\/$/g,"");if(!t)return!1;const n=`/${t}/`;return r.includes(n)})}catch{return!1}})(i),m=s?.item_count??0,g=rn(s?.items_subtotal_price??0,s?.currency??"INR"),x=ln(s),f=function(e,t,n,o,r){if(!e||0===e.length)return{deltaValue:0,show:!1};const i=(t??"minimum_order_value").toLowerCase(),a="quantity_threshold"===i?"number"==typeof r?r:o:n,l=[...e].sort((e,t)=>("quantity_threshold"===i?e.quantityThreshold:e.minimumOrderValue)-("quantity_threshold"===i?t.quantityThreshold:t.minimumOrderValue)).find(e=>("quantity_threshold"===i?e.quantityThreshold:e.minimumOrderValue)>a);if(!l)return{deltaValue:0,show:!1};const c="quantity_threshold"===i?l.quantityThreshold:l.minimumOrderValue,s=Math.max(0,c-a);return{deltaValue:s,show:s>0,isQuantity:"quantity_threshold"===i}}(o,r,g,m,a),y="sharp"===l?0:c??12,h=i?.textColor??"#111",v=i?.backgroundColor??"#FF7E6E",w=i?.bannerBackgroundColor??"#FFE0DC",C=i?.buttonColor??"#E8513F",E=e.useRef(null);e.useEffect(()=>{gn(E.current)},[C]);const k={position:"fixed",width:"100%",bottom:0,zIndex:2147483642,paddingBottom:"env(safe-area-inset-bottom)"},T={background:"#FFFFFF",color:"#111",padding:"5px",fontSize:12,fontFamily:"Poppins",fontWeight:600,textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",gap:8},S={background:"#fff",color:h,borderRadius:y,boxShadow:"0 10px 24px rgba(0,0,0,0.15)",overflow:"hidden",fontFamily:"Poppins"},$={position:"absolute",top:0,left:"50%",transform:"translate(-50%, -70%)",backgroundColor:w,color:h,padding:8,fontSize:12,lineHeight:"normal",borderTopLeftRadius:13,borderTopRightRadius:13,width:"97%",display:"flex",alignItems:"center",justifyContent:"center",gap:6,zIndex:-1},N={display:"flex",alignItems:"center",gap:12,padding:"10px 12px",backgroundColor:v,cursor:"pointer"},B={display:"flex",alignItems:"center",gap:8,fontWeight:700,fontSize:16,color:h},F={fontSize:12,color:h,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},z={padding:"5px 10px",background:C,color:"#fff",borderRadius:8,fontSize:15,fontWeight:700,border:"none",outline:"none",flexShrink:0};if(!u)return null;if(0===m){if(!f.show)return null;const t=f.isQuantity?`${f.deltaValue} more items to get freebie`:`Add items worth ${x}${xn(f.deltaValue.toFixed(0))} to get freebie`;return e.createElement("div",{style:k},e.createElement("div",{className:"yt-cart-floating-ribbon",style:T},e.createElement(b,{"aria-hidden":!0}),e.createElement("span",null,t)))}const I=1===m?"1 item":`${m} items`,D=i?.lastTierUnlockedText||"Best tier unlocked",P=f.show?f.isQuantity?`${f.deltaValue} more items to get freebie`:`Add items worth ${x}${xn(f.deltaValue.toFixed(0))} more to get freebie`:D;return e.createElement("div",{style:{position:"fixed",left:12,right:12,bottom:12,zIndex:2147483642,paddingBottom:"env(safe-area-inset-bottom)"}},e.createElement("div",{style:{position:"relative"}},(f.show||o&&o.length>0)&&e.createElement("div",{className:"yt-cart-floating-banner",style:$},e.createElement(b,{"aria-hidden":!0,style:{marginBottom:7}}),e.createElement("span",{style:{display:"inline-block",marginBottom:7}},P)),e.createElement("div",{style:S},e.createElement("div",{className:"yt-cart-floating-body",style:N,onClick:()=>t(!0)},e.createElement(A,{width:24,height:24,color:h}),e.createElement("div",{style:{display:"flex",flexDirection:"column",minWidth:0,flex:1,lineHeight:"normal"}},e.createElement("div",{style:B},e.createElement("span",null,x,xn(g.toFixed(0))),e.createElement("span",{style:{fontSize:9,fontWeight:600,color:"#fff",backgroundColor:"#828282",marginBottom:5,paddingInline:5}},I)),p?e.createElement("span",{style:F,title:d},d):null),e.createElement("button",{ref:E,style:z,onClick:()=>t(!0),"aria-label":"View Cart"},"View Cart")))))},Ju=({exploreCTAColor:o,checkoutFontSize:i,handleDecrement:l,handleIncrement:c,removeCartItem:s,addCartItem:d,cartTitle:p,emptyCartTitle:u,emptyCartDescription:m,emptyCartButtons:g,backgroundColor:x,backgroundSubdued:f,tertiaryColor:y,tertiaryTextColor:b,backdrop:h=!0,cartData:v,isUserSignedIn:w,showBundle:C,bundleProducts:E,discountAmountOff:k,loyaltyIcon:T,pointsToBeUsed:S,rewardMultiplier:$,redemptionMultiplier:N,removeDiscount:B,applyDiscount:F,discountApplied:z,checkoutFunction:I,joinNowFunction:D,guestLoyaltyPercentage:P,showToggleButton:A,isOpen:_,setIsOpen:R,isDev:L,switchWidthVariant:O,recProductsList:M,showMultiStepProgressBar:W,cartCheckpoints:V,redemptionRate:j,pointsRewardRate:H,showCartLevelAltPay:q,exploreCtaRedirectLink:Q,discountAmountApplied:U,minimumCartValue:Y,discountInCheckoutButton:G,isStickyCheckout:X,handleCheckpointCrossed:Z,customCartProgressBarCriteria:K,checkoutButtonColor:J,ctaButtonBackgroundColor:ee,ctaButtonTextColor:te,primaryTextColor:ne,productRecsCtaButtonText:oe,productRecsTitleText:re,secondaryTextColor:ie,showProductRecsOnDesktop:le,showProductRecsOnMobile:se,themeColor:de,themeTextColor:pe,companyName:ue,gstNumber:me,showGSTOption:ge,applyGSTToCart:xe,showMOVForProgressTiers:fe,freeProduct:ye,showLoyaltyCta:be,freeProductAdjustedCartTotal:he,minimumOrderValueToAvailDiscount:ve,signinCTAButtonVisible:we,cartSigninCTAMainText:Ce,showNoteOption:Ee,applyNoteToCart:ke,note:Te,inlineCartOfferInfoText:Se,inlineCartOfferInfoRedirectLink:$e,cartOfferTermsAndConditionsText:Ne,showEditOptionOnProducts:Be,getProductDetailsByVariantId:Fe,onSetLoading:ze,showVariantSelectionDropdownInProductRecs:Ie,originalCartSubtotal:De,currentTier:Pe,freebieProductsInCart:Ae,showFreebieClaim:_e,addFreebieToCart:Re,freebiesInCart:Le,effectiveQuantityForProgressBar:Oe,productPercentageOffMapping:Me,removeFreebieFromCart:We,postalCodeList:Ve,enableGeoLocationDeliveryRestriction:je,applyPostalCodeAndDeliverySlotToCart:He,showDeleteOnFreebies:qe,freebieCouponTemplates:Qe,freebieFlowCheckpoints:Ue,freebieClaimData:Ye,showStickyAddToCart:Ge,stickyCartLineItem:Xe,postalCodeBasedItemTrackingParameter:Ze,enableSlotPicker:Ke,deliveryHeaderTitle:Je,deliveryAvailableText:et,deliveryNotAvailableText:tt,giftWrapSetupData:nt,giftWrapProductDetail:ot,enableCustomCartOnCartPage:rt,isCartPage:it,progressBarFreeProductIconType:at,addToStickyCart:lt,productRecsCardLayout:ct,productRecsCardListVariant:st,showCartTimer:dt,showFreebieMilestone:pt,showFloatingCart:ut,floatingCartData:mt,freebieMilestoneData:gt,cartTimerInMinutes:xt,cartTimerCustomText:ft,imageAspectSelector:yt,cartComponentsCornerType:bt,cartComponentsCornerRadius:ht,stickyCartCustomizationData:vt,cartOffersCarousalData:wt,stickyBarBuyNowFunction:Ct,gstSectionCustomizationData:Et,noteSectionTitle:kt,checkoutSectionMessage:Tt,checkoutSectionMessageRedirectLink:St,checkoutSectionMessageDisplay:$t,showVariantSelectionDropdownInProductClaim:Nt,loyaltyDiscount:Bt,brandTokenName:Ft,showDiscountOnMRP:zt,prefixMessageText:It,suffixMessageText:Dt,successMessageText:Pt,toggleDecimal:At,cartOffersCarouselHeight:_t,disableCheckoutButton:Rt,showEmptyCartRecommendations:Lt,emptyProductRecsTitleText:Ot,checkoutButtonBottomSpacing:Mt,applyCouponCode:Wt,showApplyCoupon:Vt,enableConfetti:jt,showCheckoutButtonPaymentIcons:Ht=!0,showCouponOptions:qt,rewardCoupons:Qt,couponSelectionData:Ut,comboBundleData:Yt,comboBundleAddToCartFunction:Gt,stealDealCheckpoints:Zt,stealDealProducts:Kt,stealDealAddToCart:Jt,useCartShell:en,showTrustedBadge:tn,trustedBadgeData:nn,drawerLayoutData:rn})=>{const an=ce(Xt),[ln,cn]=ae(on),[sn,dn]=ae(ua),pn=()=>R(!_),[un,mn]=t(()=>{const e=window.ytComboBundle;return{comboBundleData:e?.bundle??null,comboBundleAddToCartFunction:e?.addToCart??null}});n(()=>{const e=e=>{const t=e.detail;mn({comboBundleData:t?.bundle??null,comboBundleAddToCartFunction:t?.addToCart??null})};return window.addEventListener("yt-combo-bundle-updated",e),()=>window.removeEventListener("yt-combo-bundle-updated",e)},[]);const gn=un.comboBundleData??Yt,xn=un.comboBundleAddToCartFunction??Gt,[fn,yn]=t(()=>{const e=window.ytVolumeBundle;return{bundle:e?.bundle??void 0,currentTier:e?.currentTier??void 0,volumeBundleAddToCartFunction:e?.addToCart??void 0}});n(()=>{const e=e=>{const t=e.detail;yn({bundle:t?.bundle??void 0,currentTier:t?.tierData??void 0,volumeBundleAddToCartFunction:t?.addToCart??void 0})};return window.addEventListener("yt-volume-bundle-updated",e),()=>window.removeEventListener("yt-volume-bundle-updated",e)},[]);const bn=r(null),hn=r(0);a(()=>{if(v){const e=v?.token??null,t="number"==typeof v?.cartUpdatedAtMs?v.cartUpdatedAtMs:void 0;e!==bn.current&&(bn.current=e,hn.current=t??0);const n=hn.current;if(!(void 0===t||t>=n))return;void 0!==t&&(hn.current=t),an(v)}},[v]);const vn=r(null);n(()=>{function e(e){vn.current&&!vn.current.contains(e.target)&&(cn({open:!1,variantId:void 0,quantity:void 0,handle:void 0}),dn({isOpen:!1}))}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const[wn,Cn]=t(!1);return n(()=>{const e=()=>{Cn(window.innerWidth>=768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),n(()=>{if(!en)return;const e=window.ytCartShell;if(!e)return;const t=e.getDrawerElement?.(),n=e.getOverlayElement?.();t&&(!_||rt&&it?(t.style.setProperty("transform","translateX(100%)","important"),t.style.boxShadow="none",n&&(n.style.display="none"),document.body.classList.remove("drawer-open")):(t.style.setProperty("transform","translateX(0)","important"),t.style.boxShadow="-14px 8px 14.4px 0px rgba(0, 0, 0, 0.35)",h&&n&&(n.style.display="block"),document.body.classList.add("drawer-open")))},[_,en,rt,it,h]),n(()=>{if(!en)return;const e=window.ytCartShell,t=e?.getOverlayElement?.();if(!t)return;const n=()=>R(!1);return t.addEventListener("click",n),()=>t.removeEventListener("click",n)},[en,R]),e.createElement(e.Fragment,null,e.createElement("div",{style:{position:rt&&it?"relative":"absolute",width:"100%",display:rt&&it?"flex":"block",alignItems:"center",justifyContent:"center"}},A&&!(rt&&it)&&e.createElement("button",{style:{margin:"16px"},onClick:pn},_?"Close Drawer":"Open Drawer"),!en&&_&&h&&!(rt&&it)&&e.createElement("div",{onClick:pn,id:"custom-cart-yt-overlay",style:{position:"fixed",top:0,right:0,zIndex:1e4,transform:"translateX(0)",backgroundColor:"rgba(0,0,0,0.5)",inset:0,height:"100%",width:"100%"}},""),e.createElement(ic,{useCartShell:en,isCartPage:it,enableCustomCartOnCartPage:rt,isOpen:_,setIsOpen:R,backgroundColor:x,backgroundSubdued:f??"#F5F5F5",tertiaryColor:y,tertiaryTextColor:b,exploreCTAColor:o,checkoutFontSize:i,cartTitle:p,handleDecrement:l,handleIncrement:c,removeCartItem:s,addCartItem:d,emptyCartTitle:u,emptyCartButtons:g,emptyCartDescription:m,showBundle:C,isUserSignedIn:w,bundleProducts:E,discountAmountOff:k,loyaltyIcon:T,pointsToBeUsed:S,rewardMultiplier:$,redemptionMultiplier:N,removeDiscount:B,applyDiscount:F,discountApplied:z,checkoutFunction:I,joinNowFunction:D,guestLoyaltyPercentage:P,isDev:L,switchWidthVariant:O,recProductsList:M,showMultiStepProgressBar:W,cartCheckpoints:V,redemptionRate:j,pointsRewardRate:H,showCartLevelAltPay:q,exploreCtaRedirectLink:Q,discountAmountApplied:U,minimumCartValue:Y,discountInCheckoutButton:G,isStickyCheckout:X,handleCheckpointCrossed:Z,customCartProgressBarCriteria:K??"minimum_order_value",checkoutButtonColor:J,ctaButtonBackgroundColor:ee,ctaButtonTextColor:te,primaryTextColor:ne,productRecsCtaButtonText:oe,productRecsTitleText:re,secondaryTextColor:ie,showProductRecsOnDesktop:le,showProductRecsOnMobile:se,themeColor:de,themeTextColor:pe,companyName:ue,gstNumber:me,showGSTOption:ge,applyGSTToCart:xe,showMOVForProgressTiers:fe,freeProduct:ye,showLoyaltyCta:be,freeProductAdjustedCartTotal:he,minimumOrderValueToAvailDiscount:ve,signinCTAButtonVisible:we,cartSigninCTAMainText:Ce,applyNoteToCart:ke,note:Te,showNoteOption:Ee,inlineCartOfferInfoText:Se,inlineCartOfferInfoRedirectLink:$e,cartOfferTermsAndConditionsText:Ne,showEditOptionOnProducts:Be,onSetLoading:ze,showVariantSelectionDropdownInProductRecs:Ie,originalCartSubtotal:De,currentTier:Pe,freebieProductsInCart:Ae,cartOffersCarousalData:wt,showFreebieClaim:_e,addFreebieToCart:Re,freebiesInCart:Le,effectiveQuantityForProgressBar:Oe,productPercentageOffMapping:Me,removeFreebieFromCart:We,postalCodeList:Ve,enableGeoLocationDeliveryRestriction:je,applyPostalCodeAndDeliverySlotToCart:He,showDeleteOnFreebies:qe,freebieCouponTemplates:Qe,freebieFlowCheckpoints:Ue,freebieClaimData:Ye,postalCodeBasedItemTrackingParameter:Ze,enableSlotPicker:Ke,deliveryHeaderTitle:Je,deliveryAvailableText:et,deliveryNotAvailableText:tt,giftWrapSetupData:nt,giftWrapProductDetail:ot,progressBarFreeProductIconType:at,productRecsCardLayout:ct,productRecsCardListVariant:st,showCartTimer:dt,showFreebieMilestone:pt,freebieMilestoneData:gt,cartTimerCustomText:ft,cartTimerInMinutes:xt,imageAspectSelector:yt,cartComponentsCornerType:bt,cartComponentsCornerRadius:ht,gstSectionCustomizationData:Et,noteSectionTitle:kt,checkoutSectionMessage:Tt,checkoutSectionMessageRedirectLink:St,checkoutSectionMessageDisplay:$t,showVariantSelectionDropdownInProductClaim:Nt,loyaltyDiscount:Bt,getProductDetailsByVariantId:Fe,brandTokenName:Ft,showDiscountOnMRP:zt??!0,prefixMessageText:It,suffixMessageText:Dt,successMessageText:Pt,toggleDecimal:At,cartOffersCarouselHeight:_t,disableCheckoutButton:Rt,showEmptyCartRecommendations:Lt,emptyProductRecsTitleText:Ot,checkoutButtonBottomSpacing:Mt,applyCouponCode:Wt,showApplyCoupon:Vt,enableConfetti:jt,showCheckoutButtonPaymentIcons:Ht,stealDealCheckpoints:Zt,stealDealProducts:Kt,stealDealAddToCart:Jt,showCouponOptions:qt,rewardCoupons:Qt,couponSelectionData:Ut,showTrustedBadge:tn,trustedBadgeData:nn,drawerLayoutData:rn}),Ge&&Xe&&d&&e.createElement($u,{showStickyCart:Ge,stickyCartCustomizationData:vt,product:Xe,addCartItem:d,onSetLoading:ze,themeColor:de,themeTextColor:pe,cartData:v,isCartOpen:_,setIsCartOpen:R,ctaButtonBackgroundColor:ee,ctaButtonTextColor:te,addToStickyCart:lt,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt,checkoutFunction:Ct,backgroundColor:x,primaryTextColor:ne,comboBundleData:gn,comboBundleAddToCartFunction:xn,volumeBundleCurrentTier:fn.currentTier,volumeBundleData:fn.bundle,volumeBundleAddToCartFunction:fn.volumeBundleAddToCartFunction}),wn&&ln.open&&e.createElement(Xu,{backgroundColor:x,ref:vn,isDev:L,removeCartItem:s,addCartItem:d,getProductDetailsByVariantId:Fe,themeColor:de,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt,removeFreebieFromCart:We,freebieClaimAddToCart:Re,stealDealAddToCart:Jt,productClaimCtaButtonText:Ye?.productClaimCtaButtonText,backgroundSubdued:f??"#F5F5F5",primaryTextColor:ne}),!wn&&ln.open&&e.createElement(Zu,{ref:vn,isDev:L,removeCartItem:s,addCartItem:d,getProductDetailsByVariantId:Fe,themeColor:de,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt,backgroundColor:x,removeFreebieFromCart:We,freebieClaimAddToCart:Re,stealDealAddToCart:Jt,productClaimCtaButtonText:Ye?.productClaimCtaButtonText,backgroundSubdued:f??"#F5F5F5",primaryTextColor:ne})),!wn&&ut&&e.createElement(Ku,{isCartOpen:_,setIsCartOpen:R,cartCheckpoints:V,customCartProgressBarCriteria:K,floatingCartData:mt,effectiveQuantityForProgressBar:Oe,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt}))};yt(".scene {\n width: 100%;\n height: 60vh;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.floating {\n animation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-10px);\n }\n}\n.cube {\n position: relative;\n width: 50px;\n height: 50px;\n transform-style: preserve-3d;\n transform: rotateX(-45deg) rotateY(50deg) rotateZ(0deg);\n}\n\n.side,\n.lid,\n.flap {\n position: absolute;\n width: 100px;\n height: 100px;\n border: 4px solid #333366;\n background: transparent;\n box-sizing: border-box;\n}\n\n.side {\n background: #fff;\n backface-visibility: hidden;\n}\n\n.side.front {\n transform: translateZ(50px);\n}\n\n.side.back {\n transform: rotateY(180deg) translateZ(50px);\n}\n\n.side.left {\n transform: rotateY(-90deg) translateZ(50px);\n}\n\n.side.right {\n transform: rotateY(90deg) translateZ(50px);\n}\n\n.side.bottom {\n transform: rotateX(-90deg) translateZ(50px);\n}\n\n.lid {\n transform: rotateX(90deg) translateZ(50px);\n transform-style: preserve-3d;\n}\n\n.flap.north {\n top: 0;\n left: 0;\n width: 100%;\n height: 50%;\n transform-origin: top center;\n animation: openNorth 3s ease-in-out infinite;\n}\n\n.flap.south {\n bottom: 0;\n left: 0;\n width: 100%;\n height: 50%;\n transform-origin: bottom center;\n animation: openSouth 3s ease-in-out infinite;\n}\n\n.flap.east {\n top: 0;\n right: 0;\n width: 50%;\n height: 100%;\n transform-origin: right center;\n animation: openEast 3s ease-in-out infinite;\n}\n\n.flap.west {\n top: 0;\n left: 0;\n width: 50%;\n height: 100%;\n transform-origin: left center;\n animation: openWest 3s ease-in-out infinite;\n}\n\n@keyframes openNorth {\n 0%, 100% {\n transform: rotateX(0deg);\n }\n 50% {\n transform: rotateX(180deg);\n }\n}\n@keyframes openSouth {\n 0%, 100% {\n transform: rotateX(0deg);\n }\n 50% {\n transform: rotateX(-180deg);\n }\n}\n@keyframes openEast {\n 0%, 100% {\n transform: rotateY(0deg);\n }\n 50% {\n transform: rotateY(180deg);\n }\n}\n@keyframes openWest {\n 0%, 100% {\n transform: rotateY(0deg);\n }\n 50% {\n transform: rotateY(-180deg);\n }\n}");const em=()=>e.createElement("div",{className:"scene"},e.createElement("div",{className:"floating"},e.createElement("div",{className:"cube"},e.createElement("div",{className:"side front"},""),e.createElement("div",{className:"side back"},""),e.createElement("div",{className:"side left"},""),e.createElement("div",{className:"side right"},""),e.createElement("div",{className:"side bottom"},""),e.createElement("div",{className:"lid"},e.createElement("div",{className:"flap north"},""),e.createElement("div",{className:"flap south"},""),e.createElement("div",{className:"flap east"},""),e.createElement("div",{className:"flap west"},"")))));yt("\n@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Urbanist:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');\n\n@font-face {\n font-family: 'Circular Std';\n src: local('Circular Std Book'), local('Circular Std');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n@font-face {\n font-family: 'Circular Std';\n src: local('Circular Std Medium'), local('Circular Std');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n@font-face {\n font-family: 'Circular Std';\n src: local('Circular Std Bold'), local('Circular Std');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-Regular.ttf') format('truetype');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-Bold.ttf') format('truetype');\n font-weight: 700;\n font-style: normal;\n}\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-Light.ttf') format('truetype');\n font-weight: 300;\n font-style: normal;\n}\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-Italic.ttf') format('truetype');\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-BoldItalic.ttf') format('truetype');\n font-weight: 700;\n font-style: italic;\n}\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-LightItalic.ttf') format('truetype');\n font-weight: 300;\n font-style: italic;\n}\n\n\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-Regular.otf') format('opentype');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-RegularOblique.otf') format('opentype');\n font-weight: 400;\n font-style: oblique;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-RegularSlanted.otf') format('opentype');\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-Ultralight.otf') format('opentype');\n font-weight: 200;\n font-style: normal;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltralightOblique.otf') format('opentype');\n font-weight: 200;\n font-style: oblique;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltralightSlanted.otf') format('opentype');\n font-weight: 200;\n font-style: italic;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-Ultrabold.otf') format('opentype');\n font-weight: 800;\n font-style: normal;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltraboldOblique.otf') format('opentype');\n font-weight: 800;\n font-style: oblique;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltraboldSlanted.otf') format('opentype');\n font-weight: 800;\n font-style: italic;\n}\n\n:root {\n --font-primary: 'Poppins', sans-serif;\n --font-secondary: 'Urbanist', sans-serif;\n --font-tertiary: 'Inter', sans-serif;\n --font-alt: 'Sansation', sans-serif;\n --font-brand: 'PP Telegraf', sans-serif;\n}\n");yt('.lpc-root {\n width: 100%;\n background: #ffffff;\n overflow: hidden;\n font-family: var(--font-primary, "Poppins", sans-serif);\n}\n\n.lpc-header {\n background: #ffffff;\n padding: 56px 16px 28px;\n}\n\n.lpc-banner {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 0 auto 20px;\n}\n\n.lpc-align-left {\n text-align: left;\n}\n\n.lpc-align-center {\n text-align: center;\n}\n\n.lpc-align-right {\n text-align: right;\n}\n\n.lpc-heading {\n margin: 0px;\n color: rgba(0, 0, 0, 0.87);\ntext-align: center;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 32px;\nfont-style: normal;\nfont-weight: 600;\nline-height: 38.78px; /* 121.187% */\nletter-spacing: -0.16px;\n}\n\n.lpc-subheading {\n margin-top: 12px;\n color: #292C77;\ntext-align: center;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 112%; /* 17.92px */\n}\n\n.lpc-sectionTitle {\n margin: 10px 0 0;\n color: #636381;\n font-size: 14px;\n line-height: 1.4;\n}\n\n.lpc-tierBar {\n width: 100%;\n}\n\n.lpc-tierRow {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0;\n}\n\n.lpc-tierButton {\n border: 0;\n outline: none;\n appearance: none;\n cursor: pointer;\n min-width: 108px;\n padding: 20px 18px;\n color: rgba(0, 0, 0, 0.87);\ntext-align: center;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 24px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 36px; /* 150% */\n border-bottom: 4px solid transparent;\n transition: background-color 0.2s ease, border-color 0.2s ease;\n}\n\n.lpc-filterBar {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 12px;\n width: 100%;\n max-width: 1200px;\n margin: 24px auto 8px;\n padding: 0 24px;\n box-sizing: border-box;\n}\n\n.lpc-filterTab {\n appearance: none;\n cursor: pointer;\n border: 1px solid #E2E2E8;\n background: transparent;\n padding: 10px 24px;\n border-radius: 999px;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 16px;\n font-weight: 500;\n line-height: 1.2;\n color: inherit;\n transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n white-space: nowrap;\n}\n\n.lpc-filterTab:not(.lpc-filterTab--active):hover {\n background: var(--lpc-filter-hover-bg, #25262D) !important;\n color: var(--lpc-filter-hover-text, #FFFFFF) !important;\n border-color: var(--lpc-filter-hover-bg, #25262D) !important;\n}\n\n.lpc-filterTab--active {\n background: #1C1C1D;\n color: #FFFFFF;\n border-color: #1C1C1D;\n}\n\n.lpc-filterTab--active:hover {\n opacity: 0.92;\n}\n\n.lpc-balanceBar {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n margin: 20px 60px 8px;\n padding: 10px 14px;\n background: #d9e4eb;\n}\n\n.lpc-balanceLabel {\n color: #000;\nfont-family: Poppins;\nfont-size: 18px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 31.9px; \n}\n\n.lpc-balanceValue {\n color: #000;\ntext-align: center;\nfont-family: Poppins;\nfont-size: 18px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 31.9px; \n}\n\n.lpc-cardList {\n margin: 0;\n padding: 20px 60px 50px;\n gap: 36px;\n}\n\n.lpc-cardList--scroll {\n display: flex;\n overflow-x: auto;\n overflow-y: hidden;\n scroll-behavior: smooth;\n}\n\n.lpc-cardList--scroll::-webkit-scrollbar {\n height: 0;\n}\n\n.lpc-cardList--grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n}\n\n.lpc-cardList--wrap {\n display: flex;\n flex-wrap: wrap;\n}\n\n.lpc-emptyState {\n grid-column: 1 / -1;\n min-height: 240px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #25262D;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 18px;\n font-weight: 500;\n}\n\n.lpc-card {\n flex: 0 0 360px;\n min-height: 430px;\n border: 1px solid;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.lpc-cardList--grid .lpc-card {\n flex: unset;\n}\n\n.lpc-cardList--wrap .lpc-card {\n flex: 0 0 360px;\n}\n\n.lpc-imageWrap {\n width: 100%;\n aspect-ratio: 1 / 1;\n background: #ffffff;\n overflow: hidden;\n}\n\n.lpc-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center;\n display: block;\n}\n\n.lpc-meta {\n padding: 14px 10px 12px;\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n}\n\n.lpc-coins {\n color: #A5A5A5;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 11px;\nfont-style: normal;\nfont-weight: 600;\nline-height: 110%; /* 12.1px */\nletter-spacing: 0.109px;\npadding: 3px 0px;\n}\n\n.lpc-title {\n overflow: hidden;\ncolor: var(--Text-color, #252B42);\ntext-overflow: ellipsis;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 120%;\nletter-spacing: 0.109px;\ndisplay: -webkit-box;\n-webkit-line-clamp: 2;\n-webkit-box-orient: vertical;\n min-height: 40px;\n margin: 0;\n}\n\n.lpc-description {\n margin: 6px 0 0;\n color: #E4A8BD;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 112%;\n}\n\n.lpc-ratingRow {\n padding: 5px 0px;\n display: flex;\n align-items: center;\n gap: 6px;\n color: #4b4d60;\n font-size: 16px;\n line-height: 1.2;\n}\n\n.lpc-star {\n color: #f6a623;\n font-size: 14px;\n}\n\n.lpc-ratingText {\n color: #3A3A3A;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 11px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 150%; /* 16.5px */\n}\n\n.lpc-priceRow {\n margin-top: auto;\n padding: 10px 0 5px;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #1f1f1f;\n}\n\n.lpc-priceMuted {\n color: #767676;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 120%;\n}\n\n.lpc-priceStrikethrough {\n color: #767676;\n text-decoration: line-through;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 120%;\n}\n\n.lpc-priceNow {\n color: #111111;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 120%;\n}\n\n.lpc-pricePlus {\n color: #111111;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 120%;\n}\n\n.lpc-priceCoins {\n color: #111111;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 120%;\n}\n\n.lpc-coinIcon {\n width: 14px;\n height: 14px;\n object-fit: contain;\n display: inline-block;\n}\n\n.lpc-cta {\n margin-top: 8px;\n border: 1px solid transparent;\n outline: none;\n width: 100%;\n padding: 12px 14px;\n cursor: pointer;\n background: #DC8EAB;\n color: var(--Theme-Text-Color, #FFF);\ntext-align: center;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 14px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 180%; /* 25.2px */\n/* text-transform: uppercase; */\n box-shadow: var(--lpc-cta-shadow);\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n}\n\n.lpc-cta:hover:not(:disabled) {\n transform: translateY(-1px);\n}\n\n.lpc-cta:active:not(:disabled) {\n transform: translateY(1px);\n box-shadow: var(--lpc-cta-shadow-active);\n}\n\n.lpc-cta:disabled {\n cursor: not-allowed;\n}\n\n.lpc-nav {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0px;\n padding: 0px 0 30px;\n}\n\n.lpc-navBtn {\n padding: 9px;\n border: none;\n background: transparent;\n color: #bcbcc7;\n font-size: 37px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;\n}\n\n.lpc-navBtn:disabled {\n color: #bcbcc7;\n opacity: 0.75;\n cursor: not-allowed;\n}\n\n.lpc-navBtn--enabled {\n background: #ececef;\n color: #3b3c4b;\n}\n\n@media (max-width: 1024px) {\n .lpc-heading {\n font-size: 32px !important;\n }\n\n .lpc-tierButton {\n min-width: 84px;\n padding: 16px 14px;\n font-size: 14px;\n }\n\n .lpc-cardList {\n padding: 20px 16px;\n gap: 12px;\n }\n\n .lpc-balanceBar {\n margin: 0 16px 8px;\n padding: 8px 10px;\n }\n\n .lpc-filterBar {\n gap: 8px;\n padding: 0 16px;\n margin-top: 16px;\n }\n\n .lpc-filterTab {\n padding: 8px 16px;\n font-size: 14px;\n }\n\n .lpc-balanceLabel,\n .lpc-balanceValue {\n font-size: 14px;\n }\n\n .lpc-card {\n flex-basis: 260px;\n min-height: 360px;\n }\n\n .lpc-coins {\n font-size: 11px;\n }\n\n .lpc-title {\n font-size: 16px;\n }\n\n .lpc-ratingRow {\n font-size: 12px;\n }\n\n .lpc-cta {\n padding: 12px;\n font-size: 13px;\n }\n\n .lpc-navBtn {\n width: 42px;\n height: 42px;\n font-size: 24px;\n }\n}\n');function tm({size:t=20,color:n="#000",thickness:o=2,centered:r=!1}){const i=e.createElement("div",{className:"yt-loader",style:{width:`${t}px`,height:`${t}px`,border:`${o}px solid rgba(0,0,0,0.15)`,borderTop:`${o}px solid ${n}`}}," ");return r?e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"}},i):i}yt(".yt-loader {\n border-radius: 50%;\n animation: yt-spin 0.8s linear infinite;\n }\n \n @keyframes yt-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n ");const nm={sectionTitle:"Get your favorites for free",subheading:"Earn more and unlock Freebies",display:"scroll",alignment:"center",titleFontSize:46,titleColor:"#25262D",subtitleColor:"#41439A",tabBackgroundColor:"#FFFFFF",tabActiveColor:"#FFFFFF",tabActiveTextColor:"#25262D",tabTextColor:"#25262D",cardBackgroundColor:"#FFFFFF",buttonColor:"#DC8EAB",buttonTextColor:"#FFFFFF",borderColor:"#E2E2E8",roundness:0,ctaText:"Sign in to access",coinBalanceLabel:"Balance:"},om=e=>{if(null==e||""===e)return null;const t="number"==typeof e?e.toString():e;return t.includes("₹")?t:`₹${t}`},rm=({config:i})=>{const a={...nm,...i},{sectionTitle:l,catalogBanner:c,coinBalance:s,coinBalanceLabel:d,coinIconUrl:p,display:u,alignment:m,titleFontSize:g,titleColor:x,tabBackgroundColor:f,tabActiveColor:y,tabActiveTextColor:b,tabTextColor:h,cardBackgroundColor:v,buttonColor:w,buttonTextColor:C,borderColor:E,roundness:k,tiers:T,selectedTierId:S,filters:$,selectedFilterId:N,onFilterChange:B,products:F,ctaText:z}=a,I=r(null),[D,P]=t(!1),[A,_]=t(!1),[R,L]=t(null),O=o(()=>F,[F]),M=e=>{if(!I.current)return;const t=.8*I.current.clientWidth;I.current.scrollBy({left:"left"===e?-t:t,behavior:"smooth"})};n(()=>{const e=I.current;if(!e)return;const t=()=>{const t=e.scrollWidth-e.clientWidth;P(e.scrollLeft>1),_(e.scrollLeft<t-1)};return t(),e.addEventListener("scroll",t,{passive:!0}),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[O.length]);const W="grid"===u?"lpc-cardList lpc-cardList--grid":"wrap"===u?"lpc-cardList lpc-cardList--wrap":"lpc-cardList lpc-cardList--scroll";return e.createElement("section",{className:"lpc-root"},e.createElement("div",{className:`lpc-header lpc-align-${m||"center"}`},c?e.createElement("img",{className:"lpc-banner",src:c,alt:"Catalog banner"}):null,l?e.createElement("h2",{className:"lpc-heading",style:{color:x,fontSize:`${g}px`}},l):null),null!=s&&""!==s?e.createElement("div",{className:"lpc-balanceBar"},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 19 19",fill:"none"},e.createElement("path",{d:"M1.53613 6.91208H16.1281C16.3318 6.91208 16.5272 6.99299 16.6712 7.13702C16.8152 7.28105 16.8961 7.47639 16.8961 7.68008V15.3601C16.8961 15.5638 16.8152 15.7591 16.6712 15.9031C16.5272 16.0472 16.3318 16.1281 16.1281 16.1281H2.30413C2.10045 16.1281 1.9051 16.0472 1.76107 15.9031C1.61705 15.7591 1.53613 15.5638 1.53613 15.3601V6.91208ZM2.30413 2.30408H13.8241V5.37608H1.53613V3.07208C1.53613 2.86839 1.61705 2.67305 1.76107 2.52902C1.9051 2.38499 2.10045 2.30408 2.30413 2.30408ZM11.5201 10.7521V12.2881H13.8241V10.7521H11.5201Z",fill:"black"})),e.createElement("span",{className:"lpc-balanceLabel"},d),p?e.createElement("img",{className:"lpc-coinIcon",src:p,alt:"Coin icon"}):null,e.createElement("span",{className:"lpc-balanceValue"},s," coins")):null,$&&$.length>0?e.createElement("div",{className:"lpc-filterBar",style:{background:f},role:"tablist"},$.map(t=>{const n=N===t.id;return e.createElement("button",{key:t.id,type:"button",role:"tab","aria-selected":n,className:"lpc-filterTab "+(n?"lpc-filterTab--active":""),style:{background:n?y:"transparent",color:n?b:h,borderColor:n?y:E||"#E2E2E8","--lpc-filter-hover-bg":h||"#25262D","--lpc-filter-hover-text":f||"#FFFFFF"},onClick:()=>B?.(t)},t.label)})):null,e.createElement("div",{className:W,ref:I},0===O.length?e.createElement("div",{className:"lpc-emptyState"},"No products found"):O.map(t=>{const n=R===t.id,o=`${k||0}px`,r=Boolean(t.productUrl),i="fixed_price_product"!==t.couponType&&null!==t.coinsRequired&&void 0!==t.coinsRequired;return e.createElement("article",{key:t.id,className:"lpc-card",style:{background:v,borderColor:E,borderRadius:o,cursor:r?"pointer":void 0},onClick:()=>{t.productUrl&&"undefined"!=typeof window&&(window.location.href=t.productUrl)}},e.createElement("div",{className:"lpc-imageWrap",style:{borderTopLeftRadius:o,borderTopRightRadius:o}},e.createElement("img",{className:"lpc-image",src:t.imageUrl,alt:t.title})),e.createElement("div",{className:"lpc-meta"},e.createElement("h3",{className:"lpc-title"},t.title),t.description?e.createElement("p",{className:"lpc-description"},t.description):null,e.createElement("div",{className:"lpc-priceRow"},om(t.mrp)?e.createElement(e.Fragment,null,e.createElement("span",{className:"lpc-priceMuted"},"MRP:"),e.createElement("span",{className:"lpc-priceStrikethrough"},om(t.mrp))):null,om(t.price)?e.createElement("span",{className:"lpc-priceNow"},om(t.price)):null,om(t.price)&&i?e.createElement("span",{className:"lpc-pricePlus"},"+"):null,p&&i?e.createElement("img",{className:"lpc-coinIcon",src:p,alt:"Coin icon"}):null,i?e.createElement("span",{className:"lpc-priceCoins"},t.coinsRequired," coins"):null)),e.createElement("button",{className:"lpc-cta",style:{background:w,color:C,borderColor:w,borderBottomLeftRadius:o,borderBottomRightRadius:o,boxShadow:"0 3px 0 rgba(0, 0, 0, 0.18)","--lpc-cta-shadow":"0 3px 0 rgba(0, 0, 0, 0.18)","--lpc-cta-shadow-active":"0 1px 0 rgba(0, 0, 0, 0.18)",opacity:t.disabled?.55:1},type:"button","aria-busy":n,disabled:Boolean(t.disabled)||null!==R,onClick:async e=>{if(e.stopPropagation(),t.onButtonClick&&!t.disabled&&null===R)try{L(t.id),await t.onButtonClick(t)}finally{L(null)}}},n?e.createElement(tm,{size:18,color:"#fff",centered:!0}):t.buttonText||z))})),"scroll"===u?e.createElement("div",{className:"lpc-nav"},e.createElement("button",{className:"lpc-navBtn "+(D?"lpc-navBtn--enabled":""),type:"button",onClick:()=>M("left"),disabled:!D},e.createElement(st,null)),e.createElement("button",{className:"lpc-navBtn "+(A?"lpc-navBtn--enabled":""),type:"button",onClick:()=>M("right"),disabled:!A},e.createElement(dt,null))):null)},im=["banner","referrals","gettingStarted","waysToEarn","customImage","customHtml","vipTiers","rewards"],am=({config:t,signedIn:n=!1,userData:o,onBannerButtonClick:r,onReferralButtonClick:i,onReferralCopyClick:a,onRewardsButtonClick:l})=>{const{sectionOrder:c,banner:s,referrals:d,gettingStarted:p,waysToEarn:u,vipTiers:m,rewards:g,customImage:x,customHtml:f,primaryColor:y="#1C1C1D",primaryContrastColor:b="#FFFFFF",secondaryColor:N="#FFFFFF",secondaryContrastColor:B="#000000"}=t||{},F="undefined"!=typeof window&&window.innerWidth<=768,z=()=>{"undefined"!=typeof window&&window.ytapp&&(window.ytapp.loyaltyWidgetOpen=!0,window.dispatchEvent(new Event("loyaltyWidgetOpenChanged")))},I={...{padding:"12px 32px",borderRadius:"30px",fontSize:"14px",fontWeight:600,cursor:"pointer",textTransform:"uppercase",border:`1px solid ${y}`,transition:"all 0.3s ease"},backgroundColor:y,color:b,borderColor:y},D=n?s?.signedInView:s?.guestView,P={visibility:s?.visibility??"show",backgroundColor:s?.backgroundColor??"#F3F3F3",fontColor:s?.fontColor??"#000000",alignment:s?.alignment??"center",imageUrl:s?.imageUrl,badgeTitle:s?.badge?.enabled?s.badge.title?.trim():void 0,title:D?.title,subtitle:D?.subtitle,buttonText:s?.guestView?.buttonText,balanceCoins:s?.signedInView?.balanceCoins??o?.balanceCoins??(null!=o?.currentBalance?String(o.currentBalance):void 0),currentTier:s?.signedInView?.currentTier,nextTier:s?.signedInView?.nextTier,currentLtv:s?.signedInView?.currentLtv,nextTierLtv:s?.signedInView?.nextTierLtv,tierIcon:s?.signedInView?.tierIcon,showTierProgress:s?.showTierProgress??!1},A=Number(P.currentLtv),_=Number(P.nextTierLtv),R=P.showTierProgress&&Number.isFinite(A)&&Number.isFinite(_)&&_>0,L=R?Math.min(100,Math.max(0,A/_*100)):0,O=R?Math.max(0,_-A):0,M=n?d?.signedInView:d?.guestView,W={visibility:d?.visibility??"show",backgroundColor:d?.backgroundColor??"#FFFFFF",fontColor:d?.fontColor??"#111111",badgeTitle:d?.badge?.enabled?d.badge.title?.trim():void 0,imageUrl:d?.imageUrl,imagePosition:d?.imagePosition??"left",guestVisibility:d?.guestVisibility??!0,title:M?.title,subtitle:M?.subtitle,buttonText:d?.guestView?.buttonText,referralLinkValue:d?.signedInView?.referralLinkValue??o?.referralLink},V={visibility:p?.visibility??"show",backgroundColor:p?.backgroundColor??"#FFFFFF",fontColor:p?.fontColor??"#111111",badgeTitle:p?.badge?.enabled?p.badge.title?.trim():void 0,title:p?.title,subtitle:p?.subtitle,steps:p?.steps},j={visibility:u?.visibility??"show",backgroundColor:u?.backgroundColor??"#FFFFFF",fontColor:u?.fontColor??"#111111",badgeTitle:u?.badge?.enabled?u.badge.title?.trim():void 0,title:u?.title,subtitle:u?.subtitle,guestVisibility:u?.guestVisibility??!0,showIcons:u?.showIcons??!0,ctaBg:u?.ctaBg??"#4E7E80",ctaFontColor:u?.ctaFontColor??"#FFFFFF",items:u?.items},H={visibility:g?.visibility??"show",backgroundColor:g?.backgroundColor??"#FFFFFF",fontColor:g?.fontColor??"#111111",badgeTitle:g?.badge?.enabled?g.badge.title?.trim():void 0,imageUrl:g?.imageUrl,imagePosition:g?.imagePosition??"left",title:g?.title,description:g?.description,disclaimerText:g?.disclaimerText,buttonText:g?.buttonText,bottomCtaTitle:g?.bottomCtaTitle,bottomCtaSubtitle:g?.bottomCtaSubtitle},q={visibility:x?.visibility??"show",imageUrl:x?.imageUrl},Q={visibility:f?.visibility??"show",htmlText:f?.htmlText},U={visibility:m?.visibility??"show",backgroundColor:m?.backgroundColor??"#FFFFFF",fontColor:m?.fontColor??"#111111",badgeTitle:m?.badge?.enabled?m.badge.title?.trim():void 0,title:m?.title,subtitle:m?.subtitle,benefitHeaderLabel:m?.benefitHeaderLabel,tiers:m?.tiers,rows:m?.rows,signedInView:{benefitHeaderLabel:m?.signedInView?.benefitHeaderLabel??m?.benefitHeaderLabel,statusLabel:m?.signedInView?.statusLabel,statuses:m?.signedInView?.statuses}},Y=Array.isArray(c)?c:[],G=Array.from(new Set(Y.filter(e=>im.includes(e)))),X=[...G,...im.filter(e=>!G.includes(e))],Z=e=>X.indexOf(e);return e.createElement("div",{className:"yt-loyalty-page-container",style:{fontFamily:"'Poppins', sans-serif",display:"flex",flexDirection:"column",width:"100%",maxWidth:"1440px",margin:"0 auto",overflow:"hidden",boxSizing:"border-box"}},"show"===P.visibility&&e.createElement("div",{className:"yt-loyalty-page-banner",style:{order:Z("banner"),display:"flex",alignItems:"center",justifyContent:"left"===P.alignment?"flex-start":"right"===P.alignment?"flex-end":"center",width:"100%",backgroundColor:P.backgroundColor,backgroundImage:P.imageUrl?`url(${P.imageUrl})`:void 0,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",border:"1px solid #E1E1E1",padding:F?"72px 20px":"120px 32px"}},e.createElement("div",{className:"yt-loyalty-page-banner-content",style:{width:"100%",maxWidth:"760px",textAlign:P.alignment,display:"flex",flexDirection:"column",alignItems:"left"===P.alignment?"flex-start":"right"===P.alignment?"flex-end":"center",gap:F?"18px":"20px"}},P.badgeTitle?e.createElement("div",{className:"yt-loyalty-page-banner-badge",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",minHeight:"28px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:"#111111",fontSize:"14px",lineHeight:1,fontWeight:600}},P.badgeTitle):null,e.createElement("h1",{className:"yt-loyalty-page-banner-title",style:{margin:0,fontSize:F?"40px":"56px",lineHeight:F?1.05:1.08,letterSpacing:"-0.03em",fontWeight:700,color:P.fontColor}},P.title),e.createElement("p",{className:"yt-loyalty-page-banner-subtitle",style:{margin:0,maxWidth:"620px",fontSize:F?"22px":"28px",lineHeight:1.18,fontWeight:400,color:P.fontColor}},P.subtitle),n?e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-loyalty-page-banner-balance-card",style:{display:"flex",flexDirection:"column",alignItems:"center",marginTop:F?"8px":"10px",minWidth:F?"280px":"288px",padding:F?"18px 24px":"18px 28px",borderRadius:"20px",border:"1px solid rgba(255,255,255,0.72)",background:"linear-gradient(180deg, rgba(255,255,255,0.66) 0%, rgba(238,238,238,0.92) 100%)",boxShadow:"0 18px 50px rgba(17, 17, 17, 0.08), inset 0 1px 0 rgba(255,255,255,0.75)",backdropFilter:"blur(12px)"}},e.createElement("div",{style:{marginBottom:"6px",fontSize:"14px",lineHeight:1.2,color:P.fontColor}},"Current Balance"),e.createElement("div",{style:{fontSize:F?"56px":"64px",lineHeight:.95,letterSpacing:"-0.05em",fontWeight:700,color:P.fontColor}},P.balanceCoins)),P.showTierProgress&&P.currentTier?e.createElement("div",{className:"yt-loyalty-page-banner-tier",style:{display:"inline-flex",alignItems:"center",gap:"10px",marginTop:"4px",color:P.fontColor,fontFamily:"Inter",fontSize:F?"18px":"20px",fontWeight:700,lineHeight:1.1,letterSpacing:"0.08em",textTransform:"uppercase"}},P.tierIcon?e.createElement("img",{src:P.tierIcon,alt:"",style:{width:"28px",height:"28px",objectFit:"contain",display:"block"}}):e.createElement("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e.createElement("path",{d:"M12 2L20 7V17L12 22L4 17V7L12 2Z",fill:y,stroke:y,strokeWidth:"1.2",strokeLinejoin:"round"}),e.createElement("path",{d:"M12 2L20 7L12 12L4 7L12 2Z",fill:"rgba(255,255,255,0.3)",strokeLinejoin:"round"})),P.currentTier):null,R?e.createElement("div",{className:"yt-loyalty-page-banner-progress",style:{marginTop:"10px",width:"100%",maxWidth:"640px",padding:F?"14px 18px":"16px 24px",borderRadius:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 8px 22px rgba(17, 17, 17, 0.06)",boxSizing:"border-box"}},e.createElement("div",{className:"yt-loyalty-page-banner-progress-track",style:{width:"100%",height:"8px",borderRadius:"999px",backgroundColor:"#E5E5E5",overflow:"hidden"}},e.createElement("div",{className:"yt-loyalty-page-banner-progress-fill",style:{width:`${L}%`,height:"100%",backgroundColor:y||P.fontColor||"#1C1C1D",borderRadius:"999px",transition:"width 0.3s ease"}})),e.createElement("div",{className:"yt-loyalty-page-banner-progress-meta",style:{marginTop:"10px",display:"flex",justifyContent:"space-between",alignItems:"center",gap:"12px",fontSize:F?"13px":"14px",lineHeight:1.2,fontWeight:500,color:P.fontColor}},e.createElement("span",null,A," ltv"),P.nextTier?e.createElement("span",null,O," ltv to ",P.nextTier):null)):null):e.createElement("button",{className:"yt-loyalty-page-banner-button",style:{...I,marginTop:F?"8px":"10px",padding:F?"14px 26px":"16px 30px",border:"none",borderRadius:"14px",boxShadow:"0 8px 20px rgba(0, 0, 0, 0.2)",fontSize:F?"16px":"18px",fontWeight:500,textTransform:"none"},onClick:async()=>{r?await r():z()}},P.buttonText))),"show"===W.visibility&&(n||W.guestVisibility)&&e.createElement("div",{className:"yt-loyalty-page-referrals",style:{order:Z("referrals"),width:"100%",backgroundColor:W.backgroundColor,boxSizing:"border-box"}},e.createElement("div",{className:"yt-loyalty-page-referrals-content",style:{width:"100%",boxSizing:"border-box"}},e.createElement("div",{className:"yt-loyalty-page-referrals-card",style:{width:"100%",boxSizing:"border-box",display:"flex",flexDirection:F?"column":"row",alignItems:"stretch",overflow:"hidden",border:"1px solid #E1E1E1"}},e.createElement("div",{className:"yt-loyalty-page-referrals-image-wrapper",style:{flex:F?"1 1 auto":"0 0 50%",minWidth:0,boxSizing:"border-box",order:F||"left"===W.imagePosition?0:1,minHeight:F?"320px":"560px"}},e.createElement("div",{className:"yt-loyalty-page-referrals-image",style:{display:"block",width:"100%",height:"100%",minHeight:F?"320px":"560px",backgroundImage:W.imageUrl?`url(${W.imageUrl})`:void 0,backgroundSize:"cover",backgroundPosition:"center center",backgroundRepeat:"no-repeat"}})),e.createElement("div",{className:"yt-loyalty-page-referrals-copy",style:{flex:F?"1 1 auto":"0 0 50%",minWidth:0,boxSizing:"border-box",order:F||"left"===W.imagePosition?1:0,padding:F?"32px 24px 40px":"72px 48px",display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}},W.badgeTitle?e.createElement("div",{className:"yt-loyalty-page-referrals-badge",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",minHeight:"28px",marginBottom:"44px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:"#111111",fontSize:"14px",lineHeight:1,fontWeight:600}},W.badgeTitle):null,e.createElement("h2",{className:"yt-loyalty-page-referrals-title",style:{margin:0,maxWidth:"520px",fontSize:F?"28px":n?"34px":"36px",lineHeight:1.1,letterSpacing:"-0.03em",fontWeight:400,color:W.fontColor}},W.title),e.createElement("p",{className:"yt-loyalty-page-referrals-subtitle",style:{margin:"18px 0 0",maxWidth:"580px",fontSize:F?"16px":"18px",lineHeight:1.24,fontWeight:400,color:W.fontColor}},W.subtitle),n?e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-loyalty-page-referrals-link-row",style:{width:"100%",minWidth:0,marginTop:"34px",display:"flex",alignItems:"center",gap:"10px"}},e.createElement("div",{className:"yt-loyalty-page-referrals-link-pill",style:{flex:1,minWidth:0,display:"flex",alignItems:"center",gap:"10px",minHeight:"38px",padding:"0 14px",border:"1px solid #D7D7D7",borderRadius:"999px",backgroundColor:"#FFFFFF"}},e.createElement("span",{style:{fontSize:"16px",lineHeight:1,color:"#222222"}},"↗"),e.createElement("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"14px",lineHeight:1.2,fontWeight:600,color:W.fontColor}},W.referralLinkValue)),e.createElement("button",{type:"button",onClick:async()=>{a&&W.referralLinkValue?await a(W.referralLinkValue):"undefined"!=typeof navigator&&navigator.clipboard&&W.referralLinkValue&&await navigator.clipboard.writeText(W.referralLinkValue)},style:{width:"38px",height:"38px",borderRadius:"999px",border:"1px solid #CFCDE8",backgroundColor:"#DFDCF4",color:"#6F68A7",fontSize:"14px",lineHeight:1,fontWeight:600,cursor:"pointer",flexShrink:0}},"⧉")),e.createElement("p",{style:{margin:"12px 0 0",fontSize:"14px",lineHeight:1.2,fontWeight:400,color:"#8A8A8A"}},"Share your referral link with your friend")):e.createElement("button",{className:"yt-loyalty-page-referrals-button",style:{...I,marginTop:"34px",padding:F?"14px 26px":"16px 30px",border:"none",borderRadius:"14px",boxShadow:"0 8px 20px rgba(0, 0, 0, 0.2)",fontSize:F?"16px":"18px",fontWeight:500,textTransform:"none"},onClick:async()=>{i?await i():z()}},W.buttonText))))),"show"===V.visibility&&e.createElement("div",{className:"yt-loyalty-page-getting-started",style:{order:Z("gettingStarted"),backgroundColor:V.backgroundColor,border:"1px solid #E1E1E1",padding:F?"56px 20px":"72px 32px 88px"}},e.createElement("div",{className:"yt-loyalty-page-getting-started-content",style:{maxWidth:"1120px",margin:"0 auto",textAlign:"center"}},V.badgeTitle?e.createElement("div",{className:"yt-loyalty-page-getting-started-badge",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",minHeight:"28px",marginBottom:"22px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:"#111111",fontSize:"14px",lineHeight:1,fontWeight:600}},V.badgeTitle):null,e.createElement("h2",{className:"yt-loyalty-page-getting-started-title",style:{margin:0,fontSize:F?"28px":"36px",lineHeight:1.12,letterSpacing:"-0.03em",fontWeight:400,color:V.fontColor}},V.title),e.createElement("p",{className:"yt-loyalty-page-getting-started-subtitle",style:{margin:F?"14px auto 0":"16px auto 0",maxWidth:"620px",color:V.fontColor,fontSize:F?"16px":"18px",lineHeight:1.22,fontWeight:400}},V.subtitle),e.createElement("div",{className:"yt-loyalty-page-getting-started-grid",style:{marginTop:F?"40px":"64px",display:"flex",flexDirection:F?"column":"row",justifyContent:"space-between",alignItems:"stretch",gap:F?"28px":"24px"}},V.steps?.map((t,n)=>e.createElement("div",{key:n,className:"yt-loyalty-page-getting-started-step",style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",padding:F?"0":"0 18px"}},e.createElement("div",{className:"yt-loyalty-page-getting-started-step-number",style:{marginBottom:"10px",fontSize:F?"52px":"68px",lineHeight:.95,letterSpacing:"-0.04em",fontWeight:700,color:V.fontColor}},String(n+1)),e.createElement("div",{className:"yt-loyalty-page-getting-started-step-title",style:{marginBottom:"8px",fontSize:F?"24px":"28px",lineHeight:1.08,letterSpacing:"-0.03em",fontWeight:400,color:V.fontColor}},t.title),e.createElement("p",{className:"yt-loyalty-page-getting-started-step-description",style:{margin:0,maxWidth:"240px",fontSize:F?"16px":"18px",lineHeight:1.21,fontWeight:400,color:V.fontColor}},t.description)))))),"show"===j.visibility&&(n||j.guestVisibility)&&e.createElement("div",{className:"yt-loyalty-page-ways-to-earn",style:{order:Z("waysToEarn"),backgroundColor:j.backgroundColor,border:"1px solid #E1E1E1",padding:F?"56px 20px":"72px 32px 64px"}},e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-content",style:{maxWidth:"1120px",margin:"0 auto",textAlign:"center"}},j.badgeTitle?e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-badge",style:{alignItems:"center",justifyContent:"center",display:"inline-flex",minHeight:"28px",marginBottom:"22px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:"#111111",fontSize:"14px",lineHeight:1,fontWeight:600}},j.badgeTitle):null,e.createElement("h2",{className:"yt-loyalty-page-ways-to-earn-title",style:{margin:0,fontSize:F?"28px":"36px",lineHeight:1.12,letterSpacing:"-0.03em",fontWeight:400,color:j.fontColor}},j.title),e.createElement("p",{className:"yt-loyalty-page-ways-to-earn-subtitle",style:{margin:F?"14px auto 0":"16px auto 0",maxWidth:"680px",color:j.fontColor,fontSize:F?"16px":"18px",lineHeight:1.22,fontWeight:400}},j.subtitle),e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-grid",style:{marginTop:F?"40px":"56px",display:"flex",flexWrap:"wrap",justifyContent:"center",columnGap:F?"28px":"24px",rowGap:"36px"}},j.items?.map((t,o)=>{const r=t.ctaTitle??t.signedInActionLabel,i=t.ctaVisible??Boolean(r),a=t.ctaDisabled??!1,l=j.ctaBg,c=j.ctaFontColor;return e.createElement("div",{key:o,className:"yt-loyalty-page-ways-to-earn-item",style:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",width:F?"100%":"calc((100% - 48px) / 3)",maxWidth:F?"100%":"calc((100% - 48px) / 3)",padding:F?"0":"0 18px"}},j.showIcons?e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-item-icon",style:{fontSize:"32px",lineHeight:1,color:j?.fontColor??"#5A5A5A",marginBottom:"5px"}},(t=>{if(t&&"string"!=typeof t)return t;switch(t){case"birthday":return e.createElement($,null);case"feedback":return e.createElement(S,null);case"wallet":return e.createElement(T,null);case"referral":return e.createElement(k,null);case"instagram":return e.createElement(E,null);case"facebook":return e.createElement(C,null);case"twitter":return e.createElement(w,null);case"youtube":return e.createElement(v,null);default:return e.createElement(h,null)}})(t.icon)):null,e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-item-title",style:{marginBottom:"4px",fontSize:F?"24px":"28px",lineHeight:1.16,letterSpacing:"-0.03em",fontWeight:400,color:j.fontColor,minHeight:F?"56px":"72px",display:"flex",alignItems:"flex-start",justifyContent:"center"}},t.title),e.createElement("p",{className:"yt-loyalty-page-ways-to-earn-item-description",style:{margin:0,maxWidth:"240px",fontSize:F?"16px":"18px",lineHeight:1.21,fontWeight:400,color:j.fontColor,minHeight:F?"40px":"52px"}},t.description),e.createElement("div",{style:{marginTop:"4px",minHeight:"42px",width:"100%",display:"flex",justifyContent:"center"}},n&&i&&r?e.createElement("button",{className:"yt-loyalty-page-ways-to-earn-item-action",style:{minWidth:F?"180px":"188px",minHeight:"42px",padding:"9px 20px",border:"none",borderRadius:"0px",backgroundColor:l,color:c,fontSize:"16px",lineHeight:1,fontWeight:600,cursor:a?"not-allowed":"pointer",opacity:a?.6:1},disabled:a,onClick:t.onClick},r):null))})))),"show"===q.visibility&&q.imageUrl?e.createElement("div",{className:"yt-loyalty-page-custom-image",style:{order:Z("customImage"),backgroundColor:"#FFFFFF",border:"1px solid #E1E1E1"}},e.createElement("div",{style:{margin:"0 auto"}},e.createElement("img",{src:q.imageUrl,alt:"",style:{display:"block",width:"100%",height:"auto",objectFit:"cover"}}))):null,"show"===Q.visibility&&Q.htmlText?e.createElement("div",{className:"yt-loyalty-page-custom-html",style:{order:Z("customHtml"),backgroundColor:"#FFFFFF",border:"1px solid #E1E1E1",padding:F?"32px 20px":"40px 32px",color:"#111111"}},e.createElement("div",{style:{maxWidth:"1200px",margin:"0 auto"},dangerouslySetInnerHTML:{__html:Q.htmlText}})):null,"show"===U.visibility&&e.createElement("div",{className:"yt-loyalty-page-vip-tiers",style:{order:Z("vipTiers"),backgroundColor:U.backgroundColor,border:"1px solid #E1E1E1",padding:F?"56px 20px":"72px 32px 56px"}},e.createElement("div",{className:"yt-loyalty-page-vip-tiers-content",style:{maxWidth:"1200px",margin:"0 auto"}},e.createElement("div",{style:{textAlign:"center",marginBottom:F?"32px":"40px"}},U.badgeTitle?e.createElement("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",minHeight:"28px",marginBottom:"22px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:U.fontColor,fontSize:"14px",lineHeight:1,fontWeight:600}},U.badgeTitle):null,e.createElement("h2",{style:{margin:0,fontSize:F?"28px":"36px",lineHeight:1.12,letterSpacing:"-0.03em",fontWeight:400,color:U.fontColor}},U.title),e.createElement("p",{style:{margin:"16px auto 0",maxWidth:"760px",fontSize:F?"16px":"18px",lineHeight:1.22,fontWeight:400,color:U.fontColor}},U.subtitle)),e.createElement("div",{style:{overflowX:"auto",border:"1px solid #D7D7D7",backgroundColor:"#FFFFFF"}},e.createElement("table",{style:{width:"100%",minWidth:F?"760px":"100%",borderCollapse:"collapse",tableLayout:"fixed"}},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",{style:{width:F?"240px":"28%",padding:"16px 14px",borderBottom:"1px solid #D7D7D7",textAlign:"left",color:U.fontColor,fontFamily:"Inter",fontSize:"15.654px",fontStyle:"normal",fontWeight:"700",lineHeight:"17.313px",letterSpacing:"0.693px",textTransform:"uppercase",backgroundColor:"#FFFFFF"}},U.benefitHeaderLabel),U.tiers?.map(t=>e.createElement("th",{key:t.id,style:{padding:"14px 12px",borderBottom:"1px solid #D7D7D7",backgroundColor:t.headerBackgroundColor??"#EFEFEF",textAlign:"center",color:"#FFFFFF"}},e.createElement("div",{style:{fontFamily:"Inter",fontSize:"15.654px",fontStyle:"normal",fontWeight:"700",lineHeight:"17.313px",letterSpacing:"0.693px",textTransform:"uppercase"}},t.title),t.pointsLabel?e.createElement("div",{style:{marginTop:"4px",fontSize:"12px",lineHeight:1.2,fontWeight:400,letterSpacing:"0.06em"}},t.pointsLabel):null))),n?e.createElement("tr",null,e.createElement("th",{style:{padding:"12px 14px",borderBottom:"1px solid #D7D7D7",textAlign:"left",fontSize:"14px",lineHeight:1.2,fontWeight:700,color:U.fontColor,textTransform:"uppercase",backgroundColor:"#FFFFFF"}},U.signedInView.statusLabel),U.tiers?.map(t=>{const n=U.signedInView.statuses?.find(e=>e.tierId===t.id),o="achieved"===n?.text?.trim().toLowerCase();return e.createElement("th",{key:`${t.id}-status`,style:{padding:"12px 10px",borderBottom:"1px solid #D7D7D7",textAlign:"center",backgroundColor:o?"#FFFFFF":"#F6F6F6",color:U.fontColor,fontSize:"12px",lineHeight:1.2,fontWeight:o?700:500,textTransform:"uppercase",letterSpacing:"0.04em"}},n?.text??"")})):null),e.createElement("tbody",null,U.rows?.map((t,n)=>e.createElement("tr",{key:`${t.title}-${n}`},e.createElement("td",{style:{padding:"14px 14px",borderBottom:n===(U.rows?.length??0)-1?"none":"1px solid #D7D7D7",verticalAlign:"middle"}},e.createElement("div",{style:{color:U.fontColor,fontFamily:"Poppins",fontSize:"15.023px",fontStyle:"normal",fontWeight:"600",lineHeight:"17.313px",letterSpacing:"0.693px"}},t.title),t.description?e.createElement("div",{style:{color:U.fontColor,fontFamily:"Inter",fontSize:"12.552px",fontStyle:"normal",fontWeight:300,lineHeight:"22.161px",letterSpacing:"0.693px"}},t.description):null),U.tiers?.map(o=>e.createElement("td",{key:`${t.title}-${o.id}`,style:{padding:"14px 10px",borderBottom:n===(U.rows?.length??0)-1?"none":"1px solid #D7D7D7",textAlign:"center",verticalAlign:"middle"}},t.tierIds.includes(o.id)?e.createElement("span",{style:{display:"inline-block",width:"10px",height:"10px",borderRadius:"999px",backgroundColor:o.indicatorColor??"#666666"}}):null))))))))),"show"===H.visibility&&!n&&e.createElement("div",{className:"yt-loyalty-page-rewards",style:{order:Z("rewards"),backgroundColor:H.backgroundColor,border:"1px solid #E1E1E1",padding:F?"40px 20px":"48px 32px 56px"}},e.createElement("div",{className:"yt-loyalty-page-rewards-content",style:{maxWidth:"1200px",margin:"0 auto"}},e.createElement("div",{className:"yt-loyalty-page-rewards-hero",style:{display:"flex",flexDirection:F?"column":"row",alignItems:"stretch",overflow:"hidden",border:"1px solid #E1E1E1"}},e.createElement("div",{className:"yt-loyalty-page-rewards-image-wrapper",style:{flex:1,order:F||"left"===H.imagePosition?0:1,minHeight:F?"280px":"340px"}},e.createElement("div",{className:"yt-loyalty-page-rewards-image",style:{display:"block",width:"100%",height:"100%",minHeight:F?"280px":"340px",backgroundImage:H.imageUrl?`url(${H.imageUrl})`:void 0,backgroundSize:"cover",backgroundPosition:"center"}})),e.createElement("div",{className:"yt-loyalty-page-rewards-copy",style:{flex:1,order:F||"left"===H.imagePosition?1:0,padding:F?"28px 24px":"32px 40px",display:"flex",flexDirection:"column",justifyContent:"start"}},H.badgeTitle?e.createElement("div",{className:"yt-loyalty-page-rewards-badge",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",minHeight:"28px",marginBottom:"22px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:"#111111",fontSize:"14px",lineHeight:1,fontWeight:600,alignSelf:F?"center":"flex-start"}},H.badgeTitle):null,e.createElement("h2",{className:"yt-loyalty-page-rewards-title",style:{margin:0,maxWidth:"420px",fontSize:F?"20px":"25px",lineHeight:1.06,letterSpacing:"-0.03em",fontWeight:700,color:H?.fontColor??"#111111"}},H.title),e.createElement("p",{className:"yt-loyalty-page-rewards-description",style:{margin:"20px 0 0",maxWidth:"470px",fontSize:F?"12px":"14px",lineHeight:1.35,fontWeight:400,color:H.fontColor,whiteSpace:"pre-line"}},H.description))),e.createElement("div",{className:"yt-loyalty-page-rewards-disclaimer",style:{marginTop:"14px",backgroundColor:"#1F232B",color:"#FFFFFF",padding:"15px 20px",textAlign:"center",fontSize:"15px",lineHeight:1.3,fontWeight:400,fontStyle:"italic"}},H.disclaimerText),e.createElement("div",{className:"yt-loyalty-page-rewards-cta",style:{display:"flex",flexDirection:F?"column":"row",justifyContent:"space-between",alignItems:"center",marginTop:"20px",padding:F?"24px":"26px 28px",border:"1px solid #D4D4D4",gap:"18px",textAlign:F?"center":"left"}},e.createElement("div",{className:"yt-loyalty-page-rewards-cta-copy"},e.createElement("h3",{style:{margin:0,fontSize:F?"28px":"32px",lineHeight:1.05,fontWeight:700,letterSpacing:"-0.03em",color:H.fontColor}},H.bottomCtaTitle),e.createElement("p",{style:{margin:"8px 0 0",fontSize:"18px",lineHeight:1.25,fontWeight:400,color:H.fontColor}},H.bottomCtaSubtitle)),e.createElement("button",{className:"yt-loyalty-page-rewards-cta-button",style:{...I,minWidth:F?"100%":"220px",padding:"14px 28px",borderRadius:"0px",border:"none",boxShadow:"none",fontSize:"18px",fontWeight:700},onClick:async()=>{l?await l():z()}},H.buttonText)))))},lm=({showPopup:n,selectedOffer:o,selectedOfferTerms:r,onClose:i,offersConfig:a})=>{const[l,c]=t(!1);if(!n||!o||!r)return null;const s=o._customOffer,d=s?.code||o.code,p=e.createElement("div",{className:"yt-product-offers-isolated",style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:2147483647},onClick:i},e.createElement("div",{style:{width:"90vw",minWidth:"375px",maxWidth:"480px",maxHeight:"90vh",backgroundColor:"#fff",borderRadius:"12px",padding:"16px",boxShadow:"0 4px 15px rgba(0,0,0,0.3)",position:"relative",flexDirection:"column",display:"flex"},onClick:e=>e.stopPropagation()},e.createElement("div",{style:{fontSize:"clamp(32px, 8vw, 40px)",color:"#4C4C4C",marginTop:"16px",marginBottom:"8px",display:"flex",justifyContent:"center",position:"relative"}},um(o)?e.createElement(b,null):e.createElement(He,null)),e.createElement("div",{style:{fontSize:"clamp(16px, 4vw, 20px)",fontWeight:500,color:"#4C4C4C",lineHeight:"normal",textAlign:"center"}},pm(o)),e.createElement("div",{style:{fontSize:"clamp(28px, 7vw, 40px)",fontWeight:"600",color:a?.textColor||"#EE8E35",lineHeight:"normal",textAlign:"center"}},o.name),e.createElement("div",{style:{fontSize:"clamp(16px, 4vw, 20px)",color:"#000000",textAlign:"center",fontWeight:500}},r.offerMessage),d&&e.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",marginTop:"16px",padding:"12px 20px",backgroundColor:a?.cardBackgroundColor||"#F5F5F5",borderRadius:`${a?.roundness||8}px`,border:`1px dashed ${a?.accentColor||"#EE8E35"}`}},e.createElement("span",{style:{fontSize:"clamp(16px, 4vw, 18px)",fontWeight:"600",color:a?.textColor||"#333",letterSpacing:"1px"}},d),e.createElement("button",{onClick:async()=>{if(d)try{await navigator.clipboard.writeText(d),c(!0),setTimeout(()=>c(!1),2e3)}catch(e){console.error("Failed to copy:",e)}},style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center",justifyContent:"center",color:l?"#22c55e":a?.accentColor||"#EE8E35",fontSize:"20px",transition:"color 0.2s ease"},title:l?"Copied!":"Copy code"},l?e.createElement(N,null):e.createElement(B,null))),r.terms.length>0&&e.createElement(e.Fragment,null,e.createElement("hr",{style:{border:"none",height:"2px",width:"100%",margin:"10px 0 18px 0",backgroundColor:"transparent",backgroundImage:"repeating-linear-gradient(to right, #ccc 0, #ccc 12px, transparent 12px, transparent 20px)",backgroundSize:"100% 2px",backgroundPosition:"0 0",backgroundRepeat:"repeat-x"}}),e.createElement("div",{style:{marginTop:"15px",fontSize:"clamp(14px, 3.5vw, 16px)",textAlign:"center",display:"flex",flexDirection:"column"}},e.createElement("strong",{style:{color:"#888"}},"Terms & Conditions"),e.createElement("ul",{style:{marginTop:"5px",paddingLeft:"20px",textAlign:"left",display:"inline-block",color:"#000",lineHeight:"1.3",marginBottom:"0"}},r.terms.map((t,n)=>e.createElement("li",{key:n,style:{marginBottom:"4px"}},t))))),e.createElement("button",{onClick:i,style:{width:"100%",padding:"10px 20px",marginTop:"10px",backgroundColor:"#fff",border:"none",borderTop:"1px solid #ddd",borderRadius:"0",fontSize:"16px",fontWeight:"600",color:"#333",cursor:"pointer",textAlign:"center",flexShrink:0}},"Close")));return P(p,document.body)},cm=({showPopup:n,selectedOffer:o,selectedOfferTerms:r,onClose:i,offersConfig:a})=>{const[l,c]=t(!1);if(!n||!o||!r)return null;const s=o._customOffer,d=s?.code||o.code,p=e.createElement("div",{className:"yt-product-offers-isolated",style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"flex-end",justifyContent:"center",zIndex:2147483647,animation:"fadeIn 0.3s ease"},onClick:i},e.createElement("style",null,"\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n "),e.createElement("div",{style:{width:"100%",maxHeight:"85vh",backgroundColor:"#fff",borderTopLeftRadius:"20px",borderTopRightRadius:"20px",borderTop:"1px solid #E5E5E5",position:"relative",flexDirection:"column",display:"flex",animation:"slideUp 0.3s ease",overflow:"hidden"},onClick:e=>e.stopPropagation()},e.createElement("div",{style:{width:"40px",height:"4px",backgroundColor:"#ddd",borderRadius:"2px",margin:"12px auto 16px",flexShrink:0}}),e.createElement("div",{style:{overflowY:"auto",flex:1}},e.createElement("div",{style:{padding:"0 20px 20px",backgroundColor:"#fff"}},e.createElement("div",{style:{fontSize:"48px",color:"#4C4C4C",display:"flex",justifyContent:"center",margin:"16px"}},um(o)?e.createElement(b,null):e.createElement(He,null)),e.createElement("div",{style:{fontSize:"14px",fontWeight:500,color:"#888",textAlign:"center"}},pm(o)),e.createElement("div",{style:{fontSize:"32px",fontWeight:"700",color:a?.textColor||"#EE8E35",textAlign:"center",lineHeight:"1.2"}},o.name),e.createElement("div",{style:{fontSize:"18px",color:"#000000",textAlign:"center",fontWeight:500}},r.offerMessage),d&&e.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",marginTop:"20px",padding:"14px 20px",backgroundColor:a?.cardBackgroundColor||"#F5F5F5",borderRadius:`${a?.roundness||8}px`,border:`1px dashed ${a?.accentColor||"#EE8E35"}`}},e.createElement("span",{style:{fontSize:"18px",fontWeight:"600",color:a?.textColor||"#333",letterSpacing:"1px"}},d),e.createElement("button",{onClick:async()=>{if(d)try{await navigator.clipboard.writeText(d),c(!0),setTimeout(()=>c(!1),2e3)}catch(e){console.error("Failed to copy:",e)}},style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center",justifyContent:"center",color:l?"#22c55e":a?.accentColor||"#EE8E35",fontSize:"22px",transition:"color 0.2s ease"},title:l?"Copied!":"Copy code"},l?e.createElement(N,null):e.createElement(B,null)))),r.terms.length>0&&e.createElement(e.Fragment,null,e.createElement("div",{style:{backgroundColor:"#F5F5F5",padding:"16px 20px"}},e.createElement("div",{style:{fontSize:"16px",fontWeight:"600",color:"#333",textAlign:"center"}},"Terms & Conditions")),e.createElement("div",{style:{padding:"20px",backgroundColor:"#fff"}},e.createElement("ul",{style:{margin:"0",paddingLeft:"20px",color:"#333",lineHeight:"1.6",fontSize:"14px"}},r.terms.map((t,n)=>e.createElement("li",{key:n,style:{marginBottom:"4px"}},t)))))),e.createElement("button",{onClick:i,style:{width:"100%",padding:"18px 20px",backgroundColor:"#F5F5F5",border:"none",borderTop:"1px solid #E5E5E5",fontSize:"16px",fontWeight:"600",color:"#333",cursor:"pointer",textAlign:"center",fontFamily:"'Poppins', sans-serif",flexShrink:0}},"Close")));return P(p,document.body)},sm=({offersToShow:o,offersConfig:i,getOfferCardMessage:a,setSelectedOffer:l,setShowPopup:c})=>{const s=r(null),[d,p]=t(!1),[u,m]=t(!0),[g,x]=t("undefined"!=typeof window&&window.innerWidth<=768),f=()=>{if(s.current){const{scrollLeft:e,scrollWidth:t,clientWidth:n}=s.current;p(e>0),m(e<t-n-10)}};n(()=>{f();const e=s.current;if(e)return e.addEventListener("scroll",f),()=>e.removeEventListener("scroll",f)},[o]),n(()=>{const e=()=>{x(window.innerWidth<=768)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const y=e=>{if(s.current){const t=g?280:365,n=16,o="right"===e?t+n:-(t+n);s.current.scrollBy({left:o,behavior:"smooth"})}};return e.createElement("div",{style:{position:"relative"}},e.createElement("svg",{style:{position:"absolute",width:0,height:0}},e.createElement("defs",null,e.createElement("mask",{id:"coupon-cut-mask-desktop"},e.createElement("rect",{width:"365",height:"138",fill:"white"}),e.createElement("circle",{cx:"80",cy:"0",r:"12",fill:"black"}),e.createElement("circle",{cx:"80",cy:"138",r:"12",fill:"black"})),e.createElement("mask",{id:"coupon-cut-mask-mobile"},e.createElement("rect",{width:"280",height:"120",fill:"white"}),e.createElement("circle",{cx:"60",cy:"0",r:"10",fill:"black"}),e.createElement("circle",{cx:"60",cy:"120",r:"10",fill:"black"})))),d&&e.createElement("button",{onClick:()=>y("left"),style:{position:"absolute",left:"5px",top:"50%",transform:"translateY(-50%)",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"50%",width:"clamp(28px, 5vw, 38px)",height:"clamp(28px, 5vw, 38px)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:10,boxShadow:"0 2px 8px rgba(0,0,0,0.1)",color:"#333"}},e.createElement(F,{size:20})),u&&e.createElement("button",{onClick:()=>y("right"),style:{position:"absolute",right:"5px",top:"50%",transform:"translateY(-50%)",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"50%",width:"clamp(28px, 5vw, 38px)",height:"clamp(28px, 5vw, 38px)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:10,boxShadow:"0 2px 8px rgba(0,0,0,0.1)",color:"#333"}},e.createElement(z,{size:20})),e.createElement("div",{ref:s,className:"hide-scrollbar",style:{display:"flex",alignItems:"stretch",overflowX:"auto",gap:"16px",scrollbarWidth:"none",msOverflowStyle:"none",minHeight:g?"110px":"128px"}},o?.map(t=>e.createElement("div",{key:t.discountId,style:{flexShrink:0,width:g?"280px":"365px",minWidth:g?"280px":"365px",minHeight:g?"110px":"128px",backgroundColor:"transparent",borderRadius:`${i?.roundness||0}px`,border:"1px solid #e0e0e0",display:"flex",position:"relative",overflow:"visible",mask:`url(#${g?"coupon-cut-mask-mobile":"coupon-cut-mask-desktop"})`,WebkitMask:`url(#${g?"coupon-cut-mask-mobile":"coupon-cut-mask-desktop"})`,maskImage:`url(#${g?"coupon-cut-mask-mobile":"coupon-cut-mask-desktop"})`,WebkitMaskImage:`url(#${g?"coupon-cut-mask-mobile":"coupon-cut-mask-desktop"})`}},e.createElement("div",{style:{width:g?"60px":"80px",minHeight:g?"110px":"128px",backgroundColor:i?.accentColor||"#EE8E35",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:g?"10px 6px":"12px 8px",position:"relative",borderTopLeftRadius:`${i?.roundness||0}px`,borderBottomLeftRadius:`${i?.roundness||0}px`}},e.createElement("div",{style:{position:"absolute",right:"-2px",top:"12px",bottom:"12px",width:"2px",borderLeft:"2px dashed #FFFFFF"}})),i?.iconVisibility&&e.createElement("div",{style:{position:"absolute",left:g?"42.5px":"57.5px",top:"35%",transform:"translateY(-50%)",width:g?"32px":"40px",height:g?"32px":"40px",backgroundColor:"#FFFFFF",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:g?"16px":"20px",color:"#333333",zIndex:10,boxShadow:"0 2px 5px rgba(0,0,0,0.1)",border:"1px solid #E0E0E0"}},um(t)?e.createElement(b,null):e.createElement(He,null)),e.createElement("div",{style:{flex:1,padding:g?"12px 12px":"15px 15px",paddingLeft:g?"25px":"35px",display:"flex",flexDirection:"column",justifyContent:"space-between",borderTopRightRadius:`${i?.roundness||0}px`,borderBottomRightRadius:`${i?.roundness||0}px`,overflow:"hidden",backgroundColor:i?.cardBackgroundColor||"#ffffff",minWidth:0}},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:g?"4px":"6px",lineHeight:"normal"}},e.createElement("div",{style:{fontSize:g?"9px":"10px",color:"#666666",fontWeight:"400"}},pm(t)),e.createElement("div",{style:{fontSize:g?"13px":"15px",fontWeight:"600",color:i?.textColor||"#2c3e50"}},t.name),e.createElement("div",{style:{fontSize:g?"11px":"12px",color:i?.accentColor||"#EE8E35",wordWrap:"break-word",overflowWrap:"break-word",whiteSpace:"normal",minHeight:g?"28px":"32px"}},a(t))),e.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"}},e.createElement("div",{style:{borderTop:"1px solid #999999",marginTop:"4px",width:"100%",height:"0",display:"block"}}),e.createElement("a",{href:"#",onClick:e=>{e.preventDefault(),l(t),c(!0)},style:{fontSize:g?"11px":"12px",color:"#2c3e50",fontWeight:"500",textDecoration:"none",cursor:"pointer",textAlign:"center",marginTop:"0"}},i?.viewDetailsTitle||"View Details")))))),e.createElement("style",null,"\n .hide-scrollbar::-webkit-scrollbar {\n display: none;\n }\n .hide-scrollbar {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n "))},dm=({offersToShow:o,offersConfig:r,getOfferCardMessage:i,setSelectedOffer:a,setShowPopup:l})=>{const[c,s]=t("undefined"!=typeof window&&window.innerWidth<=768);return n(()=>{const e=()=>{s(window.innerWidth<=768)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e.createElement("div",{style:{borderRadius:`${r?.roundness||8}px`}},o?.map((t,n)=>e.createElement("div",{key:t.discountId,style:{display:"flex",alignItems:"flex-start",gap:c?"8px":"12px",padding:c?"12px 0":"16px 0",paddingLeft:c?"10px":"20px",backgroundColor:!0===r?.cardBackgroundTransparent||"true"===String(r?.cardBackgroundTransparent)?"transparent":r?.cardBackgroundColor||"#ffffff",borderBottom:n<(o?.length||0)-1?"1px solid rgb(225 218 218)":"none",marginBottom:"4px",borderRadius:`${r?.roundness||0}px`}},r?.iconVisibility&&e.createElement("div",{style:{width:c?"40px":"50px",height:c?"40px":"50px",backgroundColor:"#f8f9fa",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:c?"20px":"25px",marginTop:c?"5px":"10px",border:"2px solid #4a4a4a",color:"#4a4a4a"}},um(t)?e.createElement(b,null):e.createElement(He,null)),e.createElement("div",{style:{flex:1}},e.createElement("div",{style:{fontSize:c?"14px":"15px",fontWeight:600,color:"#000000",lineHeight:"1"}},pm(t),":"," ",e.createElement("span",{style:{fontWeight:600,color:r?.textColor||"#34495e"}},t.name)),e.createElement("div",{style:{fontSize:c?"12px":"13px",color:"#7f8c8d",marginBottom:"6px"}},i(t)),e.createElement("div",{style:{fontSize:c?"11px":"12px",color:"#000000"}},"offer auto applied",e.createElement("a",{href:"#",onClick:e=>{e.preventDefault(),a(t),l(!0)},style:{color:r?.accentColor||"#7f8c8d",fontWeight:700,textDecoration:"none",marginLeft:"2px"}},r?.viewDetailsTitle||"T&C"))))))},pm=e=>"free_product"===e.couponType?"deal_amount"===e.freebieType?"Deal":"percentage_off"===e.freebieType?"% Off":"Free Gift":e._customOffer?.code?"Coupon":"Special Deal",um=e=>"free_product"===e.couponType&&"deal_amount"!==e.freebieType&&"percentage_off"!==e.freebieType,mm=({offersConfig:o,offers:i})=>{const[a,l]=t(!1),[c,s]=t(null),[d,p]=t(null),[u,m]=t("undefined"!=typeof window&&window.innerWidth<=768),[g,x]=t("undefined"!=typeof window&&window.innerWidth<=450),f=r(null);n(()=>{const e=()=>{m(window.innerWidth<=768),x(window.innerWidth<=450)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),n(()=>{f.current&&gn(f.current)},[o?.sectionBgContrastColor]);const y=(e=>{if(!e||0===e.length)return e;const t={};e.forEach(e=>{const n=e.customCartProgressBarCriteria||"none";t[n]=(t[n]||0)+1});let n="none",o=-1;Object.keys(t).forEach(e=>{t[e]>o&&(o=t[e],n=e)});const r=e.map((e,t)=>({o:e,idx:t})),i=e=>"minimum_order_value"===n?void 0!==e.minimumOrderValue&&null!==e.minimumOrderValue?Number(e.minimumOrderValue):1/0:"quantity"===n&&void 0!==e.quantityThreshold&&null!==e.quantityThreshold?Number(e.quantityThreshold):1/0;return r.sort((e,t)=>{const o=e.o.customCartProgressBarCriteria===n,r=t.o.customCartProgressBarCriteria===n;if(o&&r){const n=i(e.o),o=i(t.o);return n!==o?n-o:e.idx-t.idx}return o&&!r?-1:!o&&r?1:e.idx-t.idx}),r.map(e=>e.o)})((!1===o?.showBackendOffers&&o?.customOffers&&o.customOffers.length>0?o.customOffers.map((e,t)=>{return{discountId:-(t+1),name:(n=e).title,couponType:n.code?"discount_code":"special_deal",customCartProgressBarCriteria:null,discountPercentage:null,couponTemplateId:0,minimumOrderValue:0,quantityThreshold:0,_allVariantIds:[],description:n.description,_customOffer:n};var n}):i)||[]),b=e=>{if(s(e),e){const t=e._customOffer;p(t?(e=>({offerMessage:e.description||"Special offer available",terms:e.terms?e.terms.split("\n").filter(e=>""!==e.trim()):[]}))(t):(e=>{const t="free_product"===e.couponType;let n="";if(t){const t="deal_amount"===e.freebieType?`at ${e.discountValue}`:"percentage_off"===e.freebieType?`at ${e.discountPercentage}% off`:"free"===e.freebieType?"for free!":"";t&&(n=`Get the product ${t}`)}else e.discountPercentage?n=`Get ${e.discountPercentage}% off`:e.discountValue&&(n=`Get ${e.discountValue} off`);const o=["Limited Time Offer","Applies automatically when criteria is met"];return"quantity"===e.customCartProgressBarCriteria&&e.quantityThreshold?o.push(`Unlock when you add ${e.quantityThreshold} ${e.quantityThreshold>1?"items":"item"} to cart`):"minimum_order_value"===e.customCartProgressBarCriteria&&e.minimumOrderValue&&o.push(`Unlock at order value of ${e.minimumOrderValue}`),t||o.push("Not applicable if other offer with higher discount applied on same product"),{offerMessage:n,terms:o}})(e))}},h=e=>{const t=e._customOffer;return t?t.description||"Special offer available":(e=>"quantity"===e.customCartProgressBarCriteria&&e.quantityThreshold?`add ${e.quantityThreshold} ${e.quantityThreshold>1?"items":"item"} to unlock`:"minimum_order_value"===e.customCartProgressBarCriteria&&e.minimumOrderValue?`unlocks on orders above ${e.minimumOrderValue}`:"Special offer available")(e)};return e.createElement("div",null,e.createElement("div",{style:{position:"relative",width:"100%",maxWidth:"450px",borderRadius:"list"===o?.sectionType?`${o?.roundness||0}px`:"0px",boxSizing:"border-box",backgroundColor:o?.sectionBackgroundColor||"#fff"}},e.createElement("div",{style:{border:"coupon"===o?.sectionType?"none":"1px solid rgb(169, 163, 163)",borderTop:"1px solid rgb(169, 163, 163)",padding:null!=o?.cardPadding?`${o.cardPadding}px`:u?"20px 10px 15px":"30px 15px 20px",position:"relative",borderRadius:"list"===o?.sectionType?`${o?.roundness||8}px`:"0px"}},e.createElement("span",{ref:f,className:"yt-product-offers-section-title",style:{position:"absolute",top:"0",left:"left"===o?.alignment?"coupon"===o?.sectionType?"0px":u?"10px":"20px":"right"===o?.alignment?"auto":"50%",right:"right"===o?.alignment?"coupon"===o?.sectionType?"0px":u?"10px":"20px":"auto",transform:"middle"===o?.alignment?"translateX(-50%) translateY(-50%)":"translateY(-50%)",background:o?.sectionBgContrastColor||"#fff",padding:u?"0 8px":"0 10px",fontWeight:"500",fontSize:u?"14px":"16px",textTransform:"uppercase",textAlign:"center"}},o?.sectionTitle||"Available Deals and Offers"),(()=>{const t=o?.sectionType;return"list"===t?e.createElement(dm,{offersToShow:y,offersConfig:o||{},getOfferCardMessage:h,setSelectedOffer:b,setShowPopup:l}):"coupon"===t?e.createElement(sm,{offersToShow:y,offersConfig:o||{},getOfferCardMessage:h,setSelectedOffer:b,setShowPopup:l}):null})(),g?e.createElement(cm,{selectedOffer:c,selectedOfferTerms:d,showPopup:a,offersConfig:o,onClose:()=>{l(!1),s(null),p(null)}}):e.createElement(lm,{selectedOffer:c,selectedOfferTerms:d,showPopup:a,offersConfig:o,onClose:()=>{l(!1),s(null),p(null)}}))))};export{cu as Bundle,em as BundleLoader,Ju as Cart,am as LoyaltyPageBlock,rm as LoyaltyProductCatalog,Vt as Nudge,mm as ProductOffers,Gt as SpinnerWheel};
|
|
5304
|
+
`,Xm=l(({removeCartItem:i,addCartItem:a,getProductDetailsByVariantId:l,themeColor:c,cartComponentsCornerRadius:s,cartComponentsCornerType:d,backgroundColor:p,removeFreebieFromCart:m,freebieClaimAddToCart:u,stealDealAddToCart:g,productClaimCtaButtonText:x,backgroundSubdued:f,primaryTextColor:y},b)=>{const[h,v]=ae(on),w=le(Xt),C=r(null),[E,k]=t(null),[T,S]=t(!1),[$,N]=t({}),[B,F]=t(h?.variantId),[z]=t(h?.quantity||1),[I,D]=t(!1),P=cr();n(()=>{h?.open?setTimeout(()=>{D(!0)},10):D(!1)},[h?.open]);n(()=>{(async()=>{if(!E&&l&&h?.variantId&&h?.handle){const e=await l(h.handle,h.variantId);if(e&&e.variants&&e.options){let t;const n=h.allowedVariantIds,o=Array.isArray(n)&&n.length>0;if(t=o?e.variants.find(e=>e.available&&n.includes(String(e.id))&&String(e.id)===String(h.variantId))||e.variants.find(e=>e.available&&n.includes(String(e.id))):e.variants.find(e=>e.available&&String(e.id)===String(h.variantId)),t){F(String(t.id));const n={};e.options.forEach((e,o)=>{n[e.name]=t[`option${o+1}`]}),N(n)}else F(void 0),N({})}k(e)}})()},[E,l,h]);const A=(e,t)=>{const n={...$,[e]:t};N(n);const o=E?.variants?.find(e=>E.options.every((t,o)=>e[`option${o+1}`]===n[t.name]));if(o){const e=h?.allowedVariantIds;if(Array.isArray(e)&&e.length>0&&!e.includes(String(o.id)))return;o.available&&F(String(o.id))}},_=E?.variants?.find(e=>String(e.id)===String(B)),R=ln(w,w?.currency),L=o(()=>{const e={};if(!E)return e;const t=Array.isArray(h?.allowedVariantIds)&&h.allowedVariantIds.length>0;return E.options.forEach(n=>{e[n.name]=n.values.filter(e=>E.variants.filter(o=>{const r=E.options.indexOf(n);if(o[`option${r+1}`]!==e)return!1;return!!E.options.every((e,t)=>{if(e.name===n.name)return!0;const r=$[e.name];return!r||o[`option${t+1}`]===r})&&(!!(!t||Array.isArray(h.allowedVariantIds)&&h.allowedVariantIds.includes(String(o.id)))&&!!o.available)}).some(e=>!!(!t||Array.isArray(h.allowedVariantIds)&&h.allowedVariantIds.includes(String(e.id)))&&e.available))}),e},[E,$,h]);return E?e.createElement(e.Fragment,null,e.createElement("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:2147483643,display:h?.open?"flex":"none",justifyContent:"center",alignItems:"center",opacity:I?1:0,transition:"opacity 0.3s ease"},onClick:()=>{D(!1),setTimeout(()=>{v({open:!1,variantId:void 0,handle:void 0,quantity:void 0})},300)}}),e.createElement(Nm,{ref:b,className:"yt-variant-selection-popup"},e.createElement(Fm,{ref:C,style:{backgroundColor:p||"white",opacity:I?1:0,transform:I?"translateY(0)":"translateY(20px)"},$themeColor:c,onClick:e=>e.stopPropagation()},h?.freebieSelection&&e.createElement(Bm,null,h?.stealDealSelection?"Unlocked Steal Deal":"Unlocked Freebie"),e.createElement(Im,null,e.createElement(Dm,null,e.createElement(Pm,null,e.createElement(Am,{src:_?.featured_image?.src??E?.featured_image,alt:_?.featured_image?.alt??E?.title})),e.createElement(_m,null,e.createElement(Rm,{$themeColor:c,$primaryTextColor:y,href:`${E?.url}?variant=${_?.id}`},E?.title),e.createElement(Um,null,e.createElement(Lm,null,e.createElement(Om,{$primaryTextColor:y},R,rn(_?.price,w?.currency??"INR")),null!=_?.compare_at_price&&null!=_?.price&&_.compare_at_price>_.price&&e.createElement(Mm,null,R,rn(_?.compare_at_price,w?.currency??"INR")))))),E?.options?.map(t=>{const n=P?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase());return e.createElement(Vm,{key:t.name},e.createElement(Hm,null,e.createElement("span",null,"Select ",t.name),$[t.name]&&e.createElement(qm,null,$[t.name])),e.createElement(Qm,null,L[t.name]?.map(o=>{const r=$[t.name]===o,i=lr(n,o);return"color"===n?.type&&i?.value?e.createElement(Ym,{key:o,$isSelected:r,$themeColor:c,onClick:()=>A(t.name,o),$colorValue:i.value}):"image"===n?.type&&i?.value?e.createElement(Gm,{key:o,$isSelected:r,$themeColor:c,onClick:()=>A(t.name,o),$imageUrl:i.value}):e.createElement(jm,{$themeColor:c,key:o,$isSelected:r,backgroundColor:r?c:void 0,onClick:()=>A(t.name,o)},o)})))})),e.createElement(Wm,{className:"yt-cart-variant-popup-ATC-button",$themeColor:c??"#C33",onClick:h?.productRec?async()=>{if(B&&a){S(!0);try{await a(B,z,"product-recommendation-variant-selector",!1,h.handle),v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,productRec:!1})}catch(e){console.error("Error adding item from product recommendation:",e)}S(!1)}}:async()=>{if(!B)return;const e=!!h?.lineItemKey,t=String(B)!==String(h?.variantId);if(!e||t){S(!0);try{const e=h?.freebieSelection;e&&!h?.lineItemKey||(e&&m&&h?.lineItemKey?await m(h.lineItemKey):await i(h?.lineItemKey||h?.variantId,"variant-selector",!0)),e&&h?.stealDealSelection&&g?await g(B,h.allowedVariantIds):e&&u?await u(B,h.allowedVariantIds):a&&B&&await a(B,z,"variant-selector",!1,h.handle),v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,lineItemKey:void 0})}catch(e){}S(!1)}else v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,lineItemKey:void 0})},disabled:!B||T},T?e.createElement(ue,{color:"white",size:13}):h?.productRec?"ADD TO BAG":h?.stealDealSelection?"CLAIM DEAL":h?.freebieSelection?x||"CLAIM FREEBIE":"GET IN BAG")))):e.createElement(Nm,{ref:b},e.createElement(Fm,{style:{backgroundColor:p||"white"}},e.createElement(zm,null,e.createElement(ge,{color:c||"#868E96"}))))});Xm.displayName="DesktopVariantPopup";const Zm=l(({removeCartItem:i,addCartItem:a,getProductDetailsByVariantId:l,themeColor:c,cartComponentsCornerRadius:s,cartComponentsCornerType:d,backgroundColor:p,removeFreebieFromCart:m,freebieClaimAddToCart:u,stealDealAddToCart:g,productClaimCtaButtonText:x,backgroundSubdued:f,primaryTextColor:y},b)=>{const[h,v]=ae(on),w=le(Xt),[C,E]=t(null),[k,T]=t(!1),[S,$]=t({}),[N,B]=t(h?.variantId),[F]=t(h?.quantity||1),z=r(null),I=cr(),[D,P]=t(!1);n(()=>{h?.open?setTimeout(()=>{P(!0)},10):P(!1)},[h?.open]);n(()=>{(async()=>{if(!C&&l&&h?.variantId&&h?.handle)try{const e=await l(h.handle,h.variantId);if(!e)return;if(!e.variants||!Array.isArray(e.variants))return;if(e&&e.variants&&e.options){let t;const n=h.allowedVariantIds,o=Array.isArray(n)&&n.length>0;if(t=o?e.variants.find(e=>e.available&&n.includes(String(e.id))&&String(e.id)===String(h.variantId))||e.variants.find(e=>e.available&&n.includes(String(e.id))):e.variants.find(e=>e.available&&String(e.id)===String(h.variantId)),t){B(String(t.id));const n={};e.options.forEach((e,o)=>{n[e.name]=t[`option${o+1}`]}),$(n)}else B(void 0),$({})}E(e)}catch(e){}})()},[C,l,h]),n(()=>{},[p,i,a,l]);const A=(e,t)=>{const n={...S,[e]:t};$(n);const o=C?.variants?.find(e=>C.options.every((t,o)=>e[`option${o+1}`]===n[t.name]));if(o){const e=h?.allowedVariantIds;if(Array.isArray(e)&&e.length>0&&!e.includes(String(o.id)))return;o.available&&B(String(o.id))}},_=C?.variants?.find(e=>String(e.id)===String(N)),R=ln(w,w?.currency),L=o(()=>{const e={};if(!C)return e;const t=Array.isArray(h?.allowedVariantIds)&&h.allowedVariantIds.length>0;return C.options.forEach(n=>{e[n.name]=n.values.filter(e=>C.variants.filter(o=>{const r=C.options.indexOf(n);if(o[`option${r+1}`]!==e)return!1;return!!C.options.every((e,t)=>{if(e.name===n.name)return!0;const r=S[e.name];return!r||o[`option${t+1}`]===r})&&(!!(!t||Array.isArray(h.allowedVariantIds)&&h.allowedVariantIds.includes(String(o.id)))&&!!o.available)}).some(e=>!!(!t||Array.isArray(h.allowedVariantIds)&&h.allowedVariantIds.includes(String(e.id)))&&e.available))}),e},[C,S,h]);return C?e.createElement(e.Fragment,null,e.createElement("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",zIndex:2147483643,display:h?.open?"flex":"none",justifyContent:"center",alignItems:"center",opacity:D?1:0,transition:"opacity 0.3s ease"},onClick:()=>{P(!1),setTimeout(()=>{v({open:!1,variantId:void 0,handle:void 0,quantity:void 0})},300)}}),e.createElement(Nm,{ref:b,className:"yt-variant-selection-popup"},e.createElement(Fm,{ref:z,style:{backgroundColor:p||"white",opacity:D?1:0,transform:D?"translateY(0)":"translateY(20px)"},$themeColor:c,onClick:e=>e.stopPropagation()},h?.freebieSelection&&e.createElement(Bm,null,h?.stealDealSelection?"Unlocked Steal Deal":"Unlocked Freebie"),e.createElement(Im,null,e.createElement(Dm,null,e.createElement(Pm,null,e.createElement(Am,{src:_?.featured_image?.src??C?.featured_image,alt:_?.featured_image?.alt??C?.title})),e.createElement(_m,null,e.createElement(Rm,{$themeColor:c,$primaryTextColor:y,href:`${C?.url}?variant=${_?.id}`},C?.title),e.createElement(Um,null,e.createElement(Lm,null,e.createElement(Om,{$primaryTextColor:y},R,rn(_?.price,w?.currency??"INR")),null!=_?.compare_at_price&&null!=_?.price&&_.compare_at_price>_.price&&e.createElement(Mm,null,R,rn(_?.compare_at_price,w?.currency??"INR")))))),C?.options?.map(t=>{const n=I?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase());return e.createElement(Vm,{key:t.name},e.createElement(Hm,null,e.createElement("span",null,"Select ",t.name,":"),S[t.name]&&e.createElement(qm,null,S[t.name])),e.createElement(Qm,null,L[t.name]?.map(o=>{const r=S[t.name]===o,i=lr(n,o);return"color"===n?.type&&i?.value?e.createElement(Ym,{key:o,$isSelected:r,$themeColor:c,onClick:()=>A(t.name,o),$colorValue:i.value}):"image"===n?.type&&i?.value?e.createElement(Gm,{key:o,$isSelected:r,$themeColor:c,onClick:()=>A(t.name,o),$imageUrl:i.value}):e.createElement(jm,{$themeColor:c,key:o,$isSelected:r,backgroundColor:r?c:void 0,onClick:()=>A(t.name,o)},o)})))})),e.createElement(Wm,{className:"yt-cart-variant-popup-ATC-button",$themeColor:c??"#C33",onClick:h?.productRec?async()=>{if(N&&a){T(!0);try{await a(N,F,"product-recommendation-variant-selector",!1,h.handle),v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,productRec:!1})}catch(e){console.error("Error adding item from product recommendation:",e)}T(!1)}}:async()=>{if(!N)return;const e=!!h?.lineItemKey,t=String(N)!==String(h?.variantId);if(!e||t){T(!0);try{const e=h?.freebieSelection;e&&!h?.lineItemKey||(e&&m&&h?.lineItemKey?await m(h.lineItemKey):await i(h?.lineItemKey||h?.variantId,"variant-selector",!0)),e&&h?.stealDealSelection&&g?await g(N,h.allowedVariantIds):e&&u?await u(N,h.allowedVariantIds):a&&N&&await a(N,F,"variant-selector",!1,h.handle),v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,lineItemKey:void 0})}catch(e){}T(!1)}else v({open:!1,variantId:void 0,quantity:void 0,handle:void 0,lineItemKey:void 0})},disabled:!N||k},k?e.createElement(ue,{color:"white",size:13}):h?.productRec?"ADD TO BAG":h?.stealDealSelection?"CLAIM DEAL":h?.freebieSelection?x||"CLAIM FREEBIE":"GET IN BAG")))):e.createElement(Nm,{ref:b},e.createElement(Fm,{style:{backgroundColor:p||"white"}},e.createElement(zm,null,e.createElement(ge,{color:c||"#868E96"}))))});const Km=({setIsCartOpen:t,isCartOpen:n,cartCheckpoints:o,customCartProgressBarCriteria:r,floatingCartData:i,effectiveQuantityForProgressBar:a,cartComponentsCornerType:l,cartComponentsCornerRadius:c})=>{const s=le(Xt),d=i?.bannerFooterText,p="string"==typeof d&&d.trim().length>0,m=!n&&(e=>{try{if("undefined"==typeof window)return!1;const t=window.location.pathname||"/";if("/"===t||""===t)return!0;const n=e?.showOnPages;if(!Array.isArray(n)||0===n.length)return!1;const o=t.toLowerCase(),r=o.endsWith("/")?o:`${o}/`;return n.some(e=>{if(!e||"string"!=typeof e)return!1;const t=e.trim().toLowerCase().replace(/^\/|\/$/g,"");if(!t)return!1;const n=`/${t}/`;return r.includes(n)})}catch{return!1}})(i),u=s?.item_count??0,g=rn(s?.items_subtotal_price??0,s?.currency??"INR"),x=ln(s),f=function(e,t,n,o,r){if(!e||0===e.length)return{deltaValue:0,show:!1};const i=(t??"minimum_order_value").toLowerCase(),a="quantity_threshold"===i?"number"==typeof r?r:o:n,l=[...e].sort((e,t)=>("quantity_threshold"===i?e.quantityThreshold:e.minimumOrderValue)-("quantity_threshold"===i?t.quantityThreshold:t.minimumOrderValue)).find(e=>("quantity_threshold"===i?e.quantityThreshold:e.minimumOrderValue)>a);if(!l)return{deltaValue:0,show:!1};const c="quantity_threshold"===i?l.quantityThreshold:l.minimumOrderValue,s=Math.max(0,c-a);return{deltaValue:s,show:s>0,isQuantity:"quantity_threshold"===i}}(o,r,g,u,a),y="sharp"===l?0:c??12,h=i?.textColor??"#111",v=i?.backgroundColor??"#FF7E6E",w=i?.bannerBackgroundColor??"#FFE0DC",C=i?.buttonColor??"#E8513F",E=e.useRef(null);e.useEffect(()=>{gn(E.current)},[C]);const k={position:"fixed",width:"100%",bottom:0,zIndex:2147483642,paddingBottom:"env(safe-area-inset-bottom)"},T={background:"#FFFFFF",color:"#111",padding:"5px",fontSize:12,fontFamily:"Poppins",fontWeight:600,textAlign:"center",display:"flex",alignItems:"center",justifyContent:"center",gap:8},S={background:"#fff",color:h,borderRadius:y,boxShadow:"0 10px 24px rgba(0,0,0,0.15)",overflow:"hidden",fontFamily:"Poppins"},$={position:"absolute",top:0,left:"50%",transform:"translate(-50%, -70%)",backgroundColor:w,color:h,padding:8,fontSize:12,lineHeight:"normal",borderTopLeftRadius:13,borderTopRightRadius:13,width:"97%",display:"flex",alignItems:"center",justifyContent:"center",gap:6,zIndex:-1},N={display:"flex",alignItems:"center",gap:12,padding:"10px 12px",backgroundColor:v,cursor:"pointer"},B={display:"flex",alignItems:"center",gap:8,fontWeight:700,fontSize:16,color:h},F={fontSize:12,color:h,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},z={padding:"5px 10px",background:C,color:"#fff",borderRadius:8,fontSize:15,fontWeight:700,border:"none",outline:"none",flexShrink:0};if(!m)return null;if(0===u){if(!f.show)return null;const t=f.isQuantity?`${f.deltaValue} more items to get freebie`:`Add items worth ${x}${xn(f.deltaValue.toFixed(0))} to get freebie`;return e.createElement("div",{style:k},e.createElement("div",{className:"yt-cart-floating-ribbon",style:T},e.createElement(b,{"aria-hidden":!0}),e.createElement("span",null,t)))}const I=1===u?"1 item":`${u} items`,D=i?.lastTierUnlockedText||"Best tier unlocked",P=f.show?f.isQuantity?`${f.deltaValue} more items to get freebie`:`Add items worth ${x}${xn(f.deltaValue.toFixed(0))} more to get freebie`:D;return e.createElement("div",{style:{position:"fixed",left:12,right:12,bottom:12,zIndex:2147483642,paddingBottom:"env(safe-area-inset-bottom)"}},e.createElement("div",{style:{position:"relative"}},(f.show||o&&o.length>0)&&e.createElement("div",{className:"yt-cart-floating-banner",style:$},e.createElement(b,{"aria-hidden":!0,style:{marginBottom:7}}),e.createElement("span",{style:{display:"inline-block",marginBottom:7}},P)),e.createElement("div",{style:S},e.createElement("div",{className:"yt-cart-floating-body",style:N,onClick:()=>t(!0)},e.createElement(A,{width:24,height:24,color:h}),e.createElement("div",{style:{display:"flex",flexDirection:"column",minWidth:0,flex:1,lineHeight:"normal"}},e.createElement("div",{style:B},e.createElement("span",null,x,xn(g.toFixed(0))),e.createElement("span",{style:{fontSize:9,fontWeight:600,color:"#fff",backgroundColor:"#828282",marginBottom:5,paddingInline:5}},I)),p?e.createElement("span",{style:F,title:d},d):null),e.createElement("button",{ref:E,style:z,onClick:()=>t(!0),"aria-label":"View Cart"},"View Cart")))))},Jm=({exploreCTAColor:o,checkoutFontSize:i,handleDecrement:l,handleIncrement:c,removeCartItem:s,addCartItem:d,cartTitle:p,emptyCartTitle:m,emptyCartDescription:u,emptyCartButtons:g,backgroundColor:x,backgroundSubdued:f,tertiaryColor:y,tertiaryTextColor:b,backdrop:h=!0,cartData:v,isUserSignedIn:w,showBundle:C,bundleProducts:E,discountAmountOff:k,loyaltyIcon:T,pointsToBeUsed:S,rewardMultiplier:$,redemptionMultiplier:N,removeDiscount:B,applyDiscount:F,discountApplied:z,checkoutFunction:I,joinNowFunction:D,guestLoyaltyPercentage:P,showToggleButton:A,isOpen:_,setIsOpen:R,isDev:L,switchWidthVariant:O,recProductsList:M,showMultiStepProgressBar:W,cartCheckpoints:V,redemptionRate:j,pointsRewardRate:H,showCartLevelAltPay:q,exploreCtaRedirectLink:Q,discountAmountApplied:U,minimumCartValue:Y,discountInCheckoutButton:G,isStickyCheckout:X,handleCheckpointCrossed:Z,customCartProgressBarCriteria:K,checkoutButtonColor:J,ctaButtonBackgroundColor:ee,ctaButtonTextColor:te,primaryTextColor:ne,productRecsCtaButtonText:oe,productRecsTitleText:re,secondaryTextColor:ie,showProductRecsOnDesktop:le,showProductRecsOnMobile:se,themeColor:de,themeTextColor:pe,companyName:me,gstNumber:ue,showGSTOption:ge,applyGSTToCart:xe,showMOVForProgressTiers:fe,freeProduct:ye,showLoyaltyCta:be,freeProductAdjustedCartTotal:he,minimumOrderValueToAvailDiscount:ve,signinCTAButtonVisible:we,cartSigninCTAMainText:Ce,showNoteOption:Ee,applyNoteToCart:ke,note:Te,inlineCartOfferInfoText:Se,inlineCartOfferInfoRedirectLink:$e,cartOfferTermsAndConditionsText:Ne,showEditOptionOnProducts:Be,getProductDetailsByVariantId:Fe,onSetLoading:ze,showVariantSelectionDropdownInProductRecs:Ie,originalCartSubtotal:De,currentTier:Pe,freebieProductsInCart:Ae,showFreebieClaim:_e,addFreebieToCart:Re,freebiesInCart:Le,effectiveQuantityForProgressBar:Oe,productPercentageOffMapping:Me,removeFreebieFromCart:We,postalCodeList:Ve,enableGeoLocationDeliveryRestriction:je,applyPostalCodeAndDeliverySlotToCart:He,showDeleteOnFreebies:qe,freebieCouponTemplates:Qe,freebieFlowCheckpoints:Ue,freebieClaimData:Ye,showStickyAddToCart:Ge,stickyCartLineItem:Xe,postalCodeBasedItemTrackingParameter:Ze,enableSlotPicker:Ke,deliveryHeaderTitle:Je,deliveryAvailableText:et,deliveryNotAvailableText:tt,giftWrapSetupData:nt,giftWrapProductDetail:ot,enableCustomCartOnCartPage:rt,isCartPage:it,progressBarFreeProductIconType:at,addToStickyCart:lt,productRecsCardLayout:ct,productRecsCardListVariant:st,showCartTimer:dt,showFreebieMilestone:pt,showFloatingCart:mt,floatingCartData:ut,freebieMilestoneData:gt,cartTimerInMinutes:xt,cartTimerCustomText:ft,imageAspectSelector:yt,cartComponentsCornerType:bt,cartComponentsCornerRadius:ht,stickyCartCustomizationData:vt,cartOffersCarousalData:wt,stickyBarBuyNowFunction:Ct,gstSectionCustomizationData:Et,noteSectionTitle:kt,checkoutSectionMessage:Tt,checkoutSectionMessageRedirectLink:St,checkoutSectionMessageDisplay:$t,showVariantSelectionDropdownInProductClaim:Nt,loyaltyDiscount:Bt,brandTokenName:Ft,showDiscountOnMRP:zt,prefixMessageText:It,suffixMessageText:Dt,successMessageText:Pt,toggleDecimal:At,cartOffersCarouselHeight:_t,disableCheckoutButton:Rt,showEmptyCartRecommendations:Lt,emptyProductRecsTitleText:Ot,checkoutButtonBottomSpacing:Mt,applyCouponCode:Wt,showApplyCoupon:Vt,enableConfetti:jt,showCheckoutButtonPaymentIcons:Ht=!0,showCouponOptions:qt,rewardCoupons:Qt,couponSelectionData:Ut,comboBundleData:Yt,comboBundleAddToCartFunction:Gt,stealDealCheckpoints:Zt,stealDealProducts:Kt,stealDealAddToCart:Jt,useCartShell:en,showTrustedBadge:tn,trustedBadgeData:nn,drawerLayoutData:rn})=>{const an=ce(Xt),[ln,cn]=ae(on),[sn,dn]=ae(ma),pn=()=>R(!_),[mn,un]=t(()=>{const e=window.ytComboBundle;return{comboBundleData:e?.bundle??null,comboBundleAddToCartFunction:e?.addToCart??null}});n(()=>{const e=e=>{const t=e.detail;un({comboBundleData:t?.bundle??null,comboBundleAddToCartFunction:t?.addToCart??null})};return window.addEventListener("yt-combo-bundle-updated",e),()=>window.removeEventListener("yt-combo-bundle-updated",e)},[]);const gn=mn.comboBundleData??Yt,xn=mn.comboBundleAddToCartFunction??Gt,[fn,yn]=t(()=>{const e=window.ytVolumeBundle;return{bundle:e?.bundle??void 0,currentTier:e?.currentTier??void 0,volumeBundleAddToCartFunction:e?.addToCart??void 0}});n(()=>{const e=e=>{const t=e.detail;yn({bundle:t?.bundle??void 0,currentTier:t?.tierData??void 0,volumeBundleAddToCartFunction:t?.addToCart??void 0})};return window.addEventListener("yt-volume-bundle-updated",e),()=>window.removeEventListener("yt-volume-bundle-updated",e)},[]);const bn=r(null),hn=r(0);a(()=>{if(v){const e=v?.token??null,t="number"==typeof v?.cartUpdatedAtMs?v.cartUpdatedAtMs:void 0;e!==bn.current&&(bn.current=e,hn.current=t??0);const n=hn.current;if(!(void 0===t||t>=n))return;void 0!==t&&(hn.current=t),an(v)}},[v]);const vn=r(null);n(()=>{function e(e){vn.current&&!vn.current.contains(e.target)&&(cn({open:!1,variantId:void 0,quantity:void 0,handle:void 0}),dn({isOpen:!1}))}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const[wn,Cn]=t(!1);return n(()=>{const e=()=>{Cn(window.innerWidth>=768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),n(()=>{if(!en)return;const e=window.ytCartShell;if(!e)return;const t=e.getDrawerElement?.(),n=e.getOverlayElement?.();t&&(!_||rt&&it?(t.style.setProperty("transform","translateX(100%)","important"),t.style.boxShadow="none",n&&(n.style.display="none"),document.body.classList.remove("drawer-open")):(t.style.setProperty("transform","translateX(0)","important"),t.style.boxShadow="-14px 8px 14.4px 0px rgba(0, 0, 0, 0.35)",h&&n&&(n.style.display="block"),document.body.classList.add("drawer-open")))},[_,en,rt,it,h]),n(()=>{if(!en)return;const e=window.ytCartShell,t=e?.getOverlayElement?.();if(!t)return;const n=()=>R(!1);return t.addEventListener("click",n),()=>t.removeEventListener("click",n)},[en,R]),e.createElement(e.Fragment,null,e.createElement("div",{style:{position:rt&&it?"relative":"absolute",width:"100%",display:rt&&it?"flex":"block",alignItems:"center",justifyContent:"center"}},A&&!(rt&&it)&&e.createElement("button",{style:{margin:"16px"},onClick:pn},_?"Close Drawer":"Open Drawer"),!en&&_&&h&&!(rt&&it)&&e.createElement("div",{onClick:pn,id:"custom-cart-yt-overlay",style:{position:"fixed",top:0,right:0,zIndex:1e4,transform:"translateX(0)",backgroundColor:"rgba(0,0,0,0.5)",inset:0,height:"100%",width:"100%"}},""),e.createElement(ic,{useCartShell:en,isCartPage:it,enableCustomCartOnCartPage:rt,isOpen:_,setIsOpen:R,backgroundColor:x,backgroundSubdued:f??"#F5F5F5",tertiaryColor:y,tertiaryTextColor:b,exploreCTAColor:o,checkoutFontSize:i,cartTitle:p,handleDecrement:l,handleIncrement:c,removeCartItem:s,addCartItem:d,emptyCartTitle:m,emptyCartButtons:g,emptyCartDescription:u,showBundle:C,isUserSignedIn:w,bundleProducts:E,discountAmountOff:k,loyaltyIcon:T,pointsToBeUsed:S,rewardMultiplier:$,redemptionMultiplier:N,removeDiscount:B,applyDiscount:F,discountApplied:z,checkoutFunction:I,joinNowFunction:D,guestLoyaltyPercentage:P,isDev:L,switchWidthVariant:O,recProductsList:M,showMultiStepProgressBar:W,cartCheckpoints:V,redemptionRate:j,pointsRewardRate:H,showCartLevelAltPay:q,exploreCtaRedirectLink:Q,discountAmountApplied:U,minimumCartValue:Y,discountInCheckoutButton:G,isStickyCheckout:X,handleCheckpointCrossed:Z,customCartProgressBarCriteria:K??"minimum_order_value",checkoutButtonColor:J,ctaButtonBackgroundColor:ee,ctaButtonTextColor:te,primaryTextColor:ne,productRecsCtaButtonText:oe,productRecsTitleText:re,secondaryTextColor:ie,showProductRecsOnDesktop:le,showProductRecsOnMobile:se,themeColor:de,themeTextColor:pe,companyName:me,gstNumber:ue,showGSTOption:ge,applyGSTToCart:xe,showMOVForProgressTiers:fe,freeProduct:ye,showLoyaltyCta:be,freeProductAdjustedCartTotal:he,minimumOrderValueToAvailDiscount:ve,signinCTAButtonVisible:we,cartSigninCTAMainText:Ce,applyNoteToCart:ke,note:Te,showNoteOption:Ee,inlineCartOfferInfoText:Se,inlineCartOfferInfoRedirectLink:$e,cartOfferTermsAndConditionsText:Ne,showEditOptionOnProducts:Be,onSetLoading:ze,showVariantSelectionDropdownInProductRecs:Ie,originalCartSubtotal:De,currentTier:Pe,freebieProductsInCart:Ae,cartOffersCarousalData:wt,showFreebieClaim:_e,addFreebieToCart:Re,freebiesInCart:Le,effectiveQuantityForProgressBar:Oe,productPercentageOffMapping:Me,removeFreebieFromCart:We,postalCodeList:Ve,enableGeoLocationDeliveryRestriction:je,applyPostalCodeAndDeliverySlotToCart:He,showDeleteOnFreebies:qe,freebieCouponTemplates:Qe,freebieFlowCheckpoints:Ue,freebieClaimData:Ye,postalCodeBasedItemTrackingParameter:Ze,enableSlotPicker:Ke,deliveryHeaderTitle:Je,deliveryAvailableText:et,deliveryNotAvailableText:tt,giftWrapSetupData:nt,giftWrapProductDetail:ot,progressBarFreeProductIconType:at,productRecsCardLayout:ct,productRecsCardListVariant:st,showCartTimer:dt,showFreebieMilestone:pt,freebieMilestoneData:gt,cartTimerCustomText:ft,cartTimerInMinutes:xt,imageAspectSelector:yt,cartComponentsCornerType:bt,cartComponentsCornerRadius:ht,gstSectionCustomizationData:Et,noteSectionTitle:kt,checkoutSectionMessage:Tt,checkoutSectionMessageRedirectLink:St,checkoutSectionMessageDisplay:$t,showVariantSelectionDropdownInProductClaim:Nt,loyaltyDiscount:Bt,getProductDetailsByVariantId:Fe,brandTokenName:Ft,showDiscountOnMRP:zt??!0,prefixMessageText:It,suffixMessageText:Dt,successMessageText:Pt,toggleDecimal:At,cartOffersCarouselHeight:_t,disableCheckoutButton:Rt,showEmptyCartRecommendations:Lt,emptyProductRecsTitleText:Ot,checkoutButtonBottomSpacing:Mt,applyCouponCode:Wt,showApplyCoupon:Vt,enableConfetti:jt,showCheckoutButtonPaymentIcons:Ht,stealDealCheckpoints:Zt,stealDealProducts:Kt,stealDealAddToCart:Jt,showCouponOptions:qt,rewardCoupons:Qt,couponSelectionData:Ut,showTrustedBadge:tn,trustedBadgeData:nn,drawerLayoutData:rn}),Ge&&Xe&&d&&e.createElement($m,{showStickyCart:Ge,stickyCartCustomizationData:vt,product:Xe,addCartItem:d,onSetLoading:ze,themeColor:de,themeTextColor:pe,cartData:v,isCartOpen:_,setIsCartOpen:R,ctaButtonBackgroundColor:ee,ctaButtonTextColor:te,addToStickyCart:lt,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt,checkoutFunction:Ct,backgroundColor:x,primaryTextColor:ne,comboBundleData:gn,comboBundleAddToCartFunction:xn,volumeBundleCurrentTier:fn.currentTier,volumeBundleData:fn.bundle,volumeBundleAddToCartFunction:fn.volumeBundleAddToCartFunction}),wn&&ln.open&&e.createElement(Xm,{backgroundColor:x,ref:vn,isDev:L,removeCartItem:s,addCartItem:d,getProductDetailsByVariantId:Fe,themeColor:de,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt,removeFreebieFromCart:We,freebieClaimAddToCart:Re,stealDealAddToCart:Jt,productClaimCtaButtonText:Ye?.productClaimCtaButtonText,backgroundSubdued:f??"#F5F5F5",primaryTextColor:ne}),!wn&&ln.open&&e.createElement(Zm,{ref:vn,isDev:L,removeCartItem:s,addCartItem:d,getProductDetailsByVariantId:Fe,themeColor:de,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt,backgroundColor:x,removeFreebieFromCart:We,freebieClaimAddToCart:Re,stealDealAddToCart:Jt,productClaimCtaButtonText:Ye?.productClaimCtaButtonText,backgroundSubdued:f??"#F5F5F5",primaryTextColor:ne})),!wn&&mt&&e.createElement(Km,{isCartOpen:_,setIsCartOpen:R,cartCheckpoints:V,customCartProgressBarCriteria:K,floatingCartData:ut,effectiveQuantityForProgressBar:Oe,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt}))};yt(".scene {\n width: 100%;\n height: 60vh;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.floating {\n animation: float 3s ease-in-out infinite;\n}\n\n@keyframes float {\n 0%, 100% {\n transform: translateY(0);\n }\n 50% {\n transform: translateY(-10px);\n }\n}\n.cube {\n position: relative;\n width: 50px;\n height: 50px;\n transform-style: preserve-3d;\n transform: rotateX(-45deg) rotateY(50deg) rotateZ(0deg);\n}\n\n.side,\n.lid,\n.flap {\n position: absolute;\n width: 100px;\n height: 100px;\n border: 4px solid #333366;\n background: transparent;\n box-sizing: border-box;\n}\n\n.side {\n background: #fff;\n backface-visibility: hidden;\n}\n\n.side.front {\n transform: translateZ(50px);\n}\n\n.side.back {\n transform: rotateY(180deg) translateZ(50px);\n}\n\n.side.left {\n transform: rotateY(-90deg) translateZ(50px);\n}\n\n.side.right {\n transform: rotateY(90deg) translateZ(50px);\n}\n\n.side.bottom {\n transform: rotateX(-90deg) translateZ(50px);\n}\n\n.lid {\n transform: rotateX(90deg) translateZ(50px);\n transform-style: preserve-3d;\n}\n\n.flap.north {\n top: 0;\n left: 0;\n width: 100%;\n height: 50%;\n transform-origin: top center;\n animation: openNorth 3s ease-in-out infinite;\n}\n\n.flap.south {\n bottom: 0;\n left: 0;\n width: 100%;\n height: 50%;\n transform-origin: bottom center;\n animation: openSouth 3s ease-in-out infinite;\n}\n\n.flap.east {\n top: 0;\n right: 0;\n width: 50%;\n height: 100%;\n transform-origin: right center;\n animation: openEast 3s ease-in-out infinite;\n}\n\n.flap.west {\n top: 0;\n left: 0;\n width: 50%;\n height: 100%;\n transform-origin: left center;\n animation: openWest 3s ease-in-out infinite;\n}\n\n@keyframes openNorth {\n 0%, 100% {\n transform: rotateX(0deg);\n }\n 50% {\n transform: rotateX(180deg);\n }\n}\n@keyframes openSouth {\n 0%, 100% {\n transform: rotateX(0deg);\n }\n 50% {\n transform: rotateX(-180deg);\n }\n}\n@keyframes openEast {\n 0%, 100% {\n transform: rotateY(0deg);\n }\n 50% {\n transform: rotateY(180deg);\n }\n}\n@keyframes openWest {\n 0%, 100% {\n transform: rotateY(0deg);\n }\n 50% {\n transform: rotateY(-180deg);\n }\n}");const eu=()=>e.createElement("div",{className:"scene"},e.createElement("div",{className:"floating"},e.createElement("div",{className:"cube"},e.createElement("div",{className:"side front"},""),e.createElement("div",{className:"side back"},""),e.createElement("div",{className:"side left"},""),e.createElement("div",{className:"side right"},""),e.createElement("div",{className:"side bottom"},""),e.createElement("div",{className:"lid"},e.createElement("div",{className:"flap north"},""),e.createElement("div",{className:"flap south"},""),e.createElement("div",{className:"flap east"},""),e.createElement("div",{className:"flap west"},"")))));yt("\n@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Urbanist:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');\n\n@font-face {\n font-family: 'Circular Std';\n src: local('Circular Std Book'), local('Circular Std');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n@font-face {\n font-family: 'Circular Std';\n src: local('Circular Std Medium'), local('Circular Std');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n@font-face {\n font-family: 'Circular Std';\n src: local('Circular Std Bold'), local('Circular Std');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-Regular.ttf') format('truetype');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-Bold.ttf') format('truetype');\n font-weight: 700;\n font-style: normal;\n}\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-Light.ttf') format('truetype');\n font-weight: 300;\n font-style: normal;\n}\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-Italic.ttf') format('truetype');\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-BoldItalic.ttf') format('truetype');\n font-weight: 700;\n font-style: italic;\n}\n@font-face {\n font-family: 'Sansation';\n src: url('/public/fonts/sansation/Sansation-LightItalic.ttf') format('truetype');\n font-weight: 300;\n font-style: italic;\n}\n\n\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-Regular.otf') format('opentype');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-RegularOblique.otf') format('opentype');\n font-weight: 400;\n font-style: oblique;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-RegularSlanted.otf') format('opentype');\n font-weight: 400;\n font-style: italic;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-Ultralight.otf') format('opentype');\n font-weight: 200;\n font-style: normal;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltralightOblique.otf') format('opentype');\n font-weight: 200;\n font-style: oblique;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltralightSlanted.otf') format('opentype');\n font-weight: 200;\n font-style: italic;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-Ultrabold.otf') format('opentype');\n font-weight: 800;\n font-style: normal;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltraboldOblique.otf') format('opentype');\n font-weight: 800;\n font-style: oblique;\n}\n@font-face {\n font-family: 'PP Telegraf';\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltraboldSlanted.otf') format('opentype');\n font-weight: 800;\n font-style: italic;\n}\n\n:root {\n --font-primary: 'Poppins', sans-serif;\n --font-secondary: 'Urbanist', sans-serif;\n --font-tertiary: 'Inter', sans-serif;\n --font-alt: 'Sansation', sans-serif;\n --font-brand: 'PP Telegraf', sans-serif;\n}\n");yt('.lpc-root {\n width: 100%;\n background: #ffffff;\n overflow: hidden;\n font-family: var(--font-primary, "Poppins", sans-serif);\n}\n\n.lpc-header {\n background: #ffffff;\n padding: 56px 16px 28px;\n}\n\n.lpc-banner {\n max-width: 100%;\n height: auto;\n display: block;\n margin: 0 auto 20px;\n}\n\n.lpc-align-left {\n text-align: left;\n}\n\n.lpc-align-center {\n text-align: center;\n}\n\n.lpc-align-right {\n text-align: right;\n}\n\n.lpc-heading {\n margin: 0px;\n color: rgba(0, 0, 0, 0.87);\ntext-align: center;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 32px;\nfont-style: normal;\nfont-weight: 600;\nline-height: 38.78px; /* 121.187% */\nletter-spacing: -0.16px;\n}\n\n.lpc-subheading {\n margin-top: 12px;\n color: #292C77;\ntext-align: center;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 112%; /* 17.92px */\n}\n\n.lpc-sectionTitle {\n margin: 10px 0 0;\n color: #636381;\n font-size: 14px;\n line-height: 1.4;\n}\n\n.lpc-tierBar {\n width: 100%;\n}\n\n.lpc-tierRow {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0;\n}\n\n.lpc-tierButton {\n border: 0;\n outline: none;\n appearance: none;\n cursor: pointer;\n min-width: 108px;\n padding: 20px 18px;\n color: rgba(0, 0, 0, 0.87);\ntext-align: center;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 24px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 36px; /* 150% */\n border-bottom: 4px solid transparent;\n transition: background-color 0.2s ease, border-color 0.2s ease;\n}\n\n.lpc-filterBar {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n gap: 12px;\n width: 100%;\n max-width: 1200px;\n margin: 24px auto 8px;\n padding: 0 24px;\n box-sizing: border-box;\n}\n\n.lpc-filterTab {\n appearance: none;\n cursor: pointer;\n border: 1px solid #E2E2E8;\n background: transparent;\n padding: 10px 24px;\n border-radius: 999px;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 16px;\n font-weight: 500;\n line-height: 1.2;\n color: inherit;\n transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;\n white-space: nowrap;\n}\n\n.lpc-filterTab:not(.lpc-filterTab--active):hover {\n background: var(--lpc-filter-hover-bg, #25262D) !important;\n color: var(--lpc-filter-hover-text, #FFFFFF) !important;\n border-color: var(--lpc-filter-hover-bg, #25262D) !important;\n}\n\n.lpc-filterTab--active {\n background: #1C1C1D;\n color: #FFFFFF;\n border-color: #1C1C1D;\n}\n\n.lpc-filterTab--active:hover {\n opacity: 0.92;\n}\n\n.lpc-balanceBar {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n margin: 20px 60px 8px;\n padding: 10px 14px;\n background: #d9e4eb;\n}\n\n.lpc-balanceLabel {\n color: #000;\nfont-family: Poppins;\nfont-size: 18px;\nfont-style: normal;\nfont-weight: 500;\nline-height: 31.9px; \n}\n\n.lpc-balanceValue {\n color: #000;\ntext-align: center;\nfont-family: Poppins;\nfont-size: 18px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 31.9px; \n}\n\n.lpc-cardList {\n margin: 0;\n padding: 20px 60px 50px;\n gap: 36px;\n}\n\n.lpc-cardList--scroll {\n display: flex;\n overflow-x: auto;\n overflow-y: hidden;\n scroll-behavior: smooth;\n}\n\n.lpc-cardList--scroll::-webkit-scrollbar {\n height: 0;\n}\n\n.lpc-cardList--grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n}\n\n.lpc-cardList--wrap {\n display: flex;\n flex-wrap: wrap;\n}\n\n.lpc-emptyState {\n grid-column: 1 / -1;\n min-height: 240px;\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n color: #25262D;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 18px;\n font-weight: 500;\n}\n\n.lpc-card {\n flex: 0 0 360px;\n min-height: 430px;\n border: 1px solid;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.lpc-cardList--grid .lpc-card {\n flex: unset;\n}\n\n.lpc-cardList--wrap .lpc-card {\n flex: 0 0 360px;\n}\n\n.lpc-imageWrap {\n width: 100%;\n aspect-ratio: 1 / 1;\n background: #ffffff;\n overflow: hidden;\n}\n\n.lpc-image {\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center;\n display: block;\n}\n\n.lpc-meta {\n padding: 14px 10px 12px;\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n}\n\n.lpc-coins {\n color: #A5A5A5;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 11px;\nfont-style: normal;\nfont-weight: 600;\nline-height: 110%; /* 12.1px */\nletter-spacing: 0.109px;\npadding: 3px 0px;\n}\n\n.lpc-title {\n overflow: hidden;\ncolor: var(--Text-color, #252B42);\ntext-overflow: ellipsis;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 16px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 120%;\nletter-spacing: 0.109px;\ndisplay: -webkit-box;\n-webkit-line-clamp: 2;\n-webkit-box-orient: vertical;\n min-height: 40px;\n margin: 0;\n}\n\n.lpc-description {\n margin: 6px 0 0;\n color: #E4A8BD;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 112%;\n}\n\n.lpc-ratingRow {\n padding: 5px 0px;\n display: flex;\n align-items: center;\n gap: 6px;\n color: #4b4d60;\n font-size: 16px;\n line-height: 1.2;\n}\n\n.lpc-star {\n color: #f6a623;\n font-size: 14px;\n}\n\n.lpc-ratingText {\n color: #3A3A3A;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 11px;\nfont-style: normal;\nfont-weight: 400;\nline-height: 150%; /* 16.5px */\n}\n\n.lpc-priceRow {\n margin-top: auto;\n padding: 10px 0 5px;\n display: flex;\n align-items: center;\n gap: 8px;\n color: #1f1f1f;\n}\n\n.lpc-priceMuted {\n color: #767676;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 120%;\n}\n\n.lpc-priceStrikethrough {\n color: #767676;\n text-decoration: line-through;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 120%;\n}\n\n.lpc-priceNow {\n color: #111111;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 120%;\n}\n\n.lpc-pricePlus {\n color: #111111;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: 120%;\n}\n\n.lpc-priceCoins {\n color: #111111;\n font-family: var(--font-primary, "Poppins", sans-serif);\n font-size: 14px;\n font-style: normal;\n font-weight: 700;\n line-height: 120%;\n}\n\n.lpc-coinIcon {\n width: 14px;\n height: 14px;\n object-fit: contain;\n display: inline-block;\n}\n\n.lpc-cta {\n margin-top: 8px;\n border: 1px solid transparent;\n outline: none;\n width: 100%;\n padding: 12px 14px;\n cursor: pointer;\n background: #DC8EAB;\n color: var(--Theme-Text-Color, #FFF);\ntext-align: center;\nfont-family: var(--font-primary, "Poppins", sans-serif);\nfont-size: 14px;\nfont-style: normal;\nfont-weight: 700;\nline-height: 180%; /* 25.2px */\n/* text-transform: uppercase; */\n box-shadow: var(--lpc-cta-shadow);\n transition: transform 0.15s ease, box-shadow 0.15s ease;\n}\n\n.lpc-cta:hover:not(:disabled) {\n transform: translateY(-1px);\n}\n\n.lpc-cta:active:not(:disabled) {\n transform: translateY(1px);\n box-shadow: var(--lpc-cta-shadow-active);\n}\n\n.lpc-cta:disabled {\n cursor: not-allowed;\n}\n\n.lpc-nav {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0px;\n padding: 0px 0 30px;\n}\n\n.lpc-navBtn {\n padding: 9px;\n border: none;\n background: transparent;\n color: #bcbcc7;\n font-size: 37px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;\n}\n\n.lpc-navBtn:disabled {\n color: #bcbcc7;\n opacity: 0.75;\n cursor: not-allowed;\n}\n\n.lpc-navBtn--enabled {\n background: #ececef;\n color: #3b3c4b;\n}\n\n@media (max-width: 1024px) {\n .lpc-heading {\n font-size: 32px !important;\n }\n\n .lpc-tierButton {\n min-width: 84px;\n padding: 16px 14px;\n font-size: 14px;\n }\n\n .lpc-cardList {\n padding: 20px 16px;\n gap: 12px;\n }\n\n .lpc-balanceBar {\n margin: 0 16px 8px;\n padding: 8px 10px;\n }\n\n .lpc-filterBar {\n gap: 8px;\n padding: 0 16px;\n margin-top: 16px;\n }\n\n .lpc-filterTab {\n padding: 8px 16px;\n font-size: 14px;\n }\n\n .lpc-balanceLabel,\n .lpc-balanceValue {\n font-size: 14px;\n }\n\n .lpc-card {\n flex-basis: 260px;\n min-height: 360px;\n }\n\n .lpc-coins {\n font-size: 11px;\n }\n\n .lpc-title {\n font-size: 16px;\n }\n\n .lpc-ratingRow {\n font-size: 12px;\n }\n\n .lpc-cta {\n padding: 12px;\n font-size: 13px;\n }\n\n .lpc-navBtn {\n width: 42px;\n height: 42px;\n font-size: 24px;\n }\n}\n');function tu({size:t=20,color:n="#000",thickness:o=2,centered:r=!1}){const i=e.createElement("div",{className:"yt-loader",style:{width:`${t}px`,height:`${t}px`,border:`${o}px solid rgba(0,0,0,0.15)`,borderTop:`${o}px solid ${n}`}}," ");return r?e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"}},i):i}yt(".yt-loader {\n border-radius: 50%;\n animation: yt-spin 0.8s linear infinite;\n }\n \n @keyframes yt-spin {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n }\n ");const nu={sectionTitle:"Get your favorites for free",subheading:"Earn more and unlock Freebies",display:"scroll",alignment:"center",titleFontSize:46,titleColor:"#25262D",subtitleColor:"#41439A",tabBackgroundColor:"#FFFFFF",tabActiveColor:"#FFFFFF",tabActiveTextColor:"#25262D",tabTextColor:"#25262D",cardBackgroundColor:"#FFFFFF",buttonColor:"#DC8EAB",buttonTextColor:"#FFFFFF",borderColor:"#E2E2E8",roundness:0,ctaText:"Sign in to access",coinBalanceLabel:"Balance:"},ou=e=>{if(null==e||""===e)return null;const t="number"==typeof e?e.toString():e;return t.includes("₹")?t:`₹${t}`},ru=({config:i})=>{const a={...nu,...i},{sectionTitle:l,catalogBanner:c,coinBalance:s,coinBalanceLabel:d,coinIconUrl:p,display:m,alignment:u,titleFontSize:g,titleColor:x,tabBackgroundColor:f,tabActiveColor:y,tabActiveTextColor:b,tabTextColor:h,cardBackgroundColor:v,buttonColor:w,buttonTextColor:C,borderColor:E,roundness:k,tiers:T,selectedTierId:S,filters:$,selectedFilterId:N,onFilterChange:B,products:F,ctaText:z}=a,I=r(null),[D,P]=t(!1),[A,_]=t(!1),[R,L]=t(null),O=o(()=>F,[F]),M=e=>{if(!I.current)return;const t=.8*I.current.clientWidth;I.current.scrollBy({left:"left"===e?-t:t,behavior:"smooth"})};n(()=>{const e=I.current;if(!e)return;const t=()=>{const t=e.scrollWidth-e.clientWidth;P(e.scrollLeft>1),_(e.scrollLeft<t-1)};return t(),e.addEventListener("scroll",t,{passive:!0}),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[O.length]);const W="grid"===m?"lpc-cardList lpc-cardList--grid":"wrap"===m?"lpc-cardList lpc-cardList--wrap":"lpc-cardList lpc-cardList--scroll";return e.createElement("section",{className:"lpc-root"},e.createElement("div",{className:`lpc-header lpc-align-${u||"center"}`},c?e.createElement("img",{className:"lpc-banner",src:c,alt:"Catalog banner"}):null,l?e.createElement("h2",{className:"lpc-heading",style:{color:x,fontSize:`${g}px`}},l):null),null!=s&&""!==s?e.createElement("div",{className:"lpc-balanceBar"},e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"19",height:"19",viewBox:"0 0 19 19",fill:"none"},e.createElement("path",{d:"M1.53613 6.91208H16.1281C16.3318 6.91208 16.5272 6.99299 16.6712 7.13702C16.8152 7.28105 16.8961 7.47639 16.8961 7.68008V15.3601C16.8961 15.5638 16.8152 15.7591 16.6712 15.9031C16.5272 16.0472 16.3318 16.1281 16.1281 16.1281H2.30413C2.10045 16.1281 1.9051 16.0472 1.76107 15.9031C1.61705 15.7591 1.53613 15.5638 1.53613 15.3601V6.91208ZM2.30413 2.30408H13.8241V5.37608H1.53613V3.07208C1.53613 2.86839 1.61705 2.67305 1.76107 2.52902C1.9051 2.38499 2.10045 2.30408 2.30413 2.30408ZM11.5201 10.7521V12.2881H13.8241V10.7521H11.5201Z",fill:"black"})),e.createElement("span",{className:"lpc-balanceLabel"},d),p?e.createElement("img",{className:"lpc-coinIcon",src:p,alt:"Coin icon"}):null,e.createElement("span",{className:"lpc-balanceValue"},s," coins")):null,$&&$.length>0?e.createElement("div",{className:"lpc-filterBar",style:{background:f},role:"tablist"},$.map(t=>{const n=N===t.id;return e.createElement("button",{key:t.id,type:"button",role:"tab","aria-selected":n,className:"lpc-filterTab "+(n?"lpc-filterTab--active":""),style:{background:n?y:"transparent",color:n?b:h,borderColor:n?y:E||"#E2E2E8","--lpc-filter-hover-bg":h||"#25262D","--lpc-filter-hover-text":f||"#FFFFFF"},onClick:()=>B?.(t)},t.label)})):null,e.createElement("div",{className:W,ref:I},0===O.length?e.createElement("div",{className:"lpc-emptyState"},"No products found"):O.map(t=>{const n=R===t.id,o=`${k||0}px`,r=Boolean(t.productUrl),i="fixed_price_product"!==t.couponType&&null!==t.coinsRequired&&void 0!==t.coinsRequired;return e.createElement("article",{key:t.id,className:"lpc-card",style:{background:v,borderColor:E,borderRadius:o,cursor:r?"pointer":void 0},onClick:()=>{t.productUrl&&"undefined"!=typeof window&&(window.location.href=t.productUrl)}},e.createElement("div",{className:"lpc-imageWrap",style:{borderTopLeftRadius:o,borderTopRightRadius:o}},e.createElement("img",{className:"lpc-image",src:t.imageUrl,alt:t.title})),e.createElement("div",{className:"lpc-meta"},e.createElement("h3",{className:"lpc-title"},t.title),t.description?e.createElement("p",{className:"lpc-description"},t.description):null,e.createElement("div",{className:"lpc-priceRow"},ou(t.mrp)?e.createElement(e.Fragment,null,e.createElement("span",{className:"lpc-priceMuted"},"MRP:"),e.createElement("span",{className:"lpc-priceStrikethrough"},ou(t.mrp))):null,ou(t.price)?e.createElement("span",{className:"lpc-priceNow"},ou(t.price)):null,ou(t.price)&&i?e.createElement("span",{className:"lpc-pricePlus"},"+"):null,p&&i?e.createElement("img",{className:"lpc-coinIcon",src:p,alt:"Coin icon"}):null,i?e.createElement("span",{className:"lpc-priceCoins"},t.coinsRequired," coins"):null)),e.createElement("button",{className:"lpc-cta",style:{background:w,color:C,borderColor:w,borderBottomLeftRadius:o,borderBottomRightRadius:o,boxShadow:"0 3px 0 rgba(0, 0, 0, 0.18)","--lpc-cta-shadow":"0 3px 0 rgba(0, 0, 0, 0.18)","--lpc-cta-shadow-active":"0 1px 0 rgba(0, 0, 0, 0.18)",opacity:t.disabled?.55:1},type:"button","aria-busy":n,disabled:Boolean(t.disabled)||null!==R,onClick:async e=>{if(e.stopPropagation(),t.onButtonClick&&!t.disabled&&null===R)try{L(t.id),await t.onButtonClick(t)}finally{L(null)}}},n?e.createElement(tu,{size:18,color:"#fff",centered:!0}):t.buttonText||z))})),"scroll"===m?e.createElement("div",{className:"lpc-nav"},e.createElement("button",{className:"lpc-navBtn "+(D?"lpc-navBtn--enabled":""),type:"button",onClick:()=>M("left"),disabled:!D},e.createElement(st,null)),e.createElement("button",{className:"lpc-navBtn "+(A?"lpc-navBtn--enabled":""),type:"button",onClick:()=>M("right"),disabled:!A},e.createElement(dt,null))):null)},iu=["banner","referrals","gettingStarted","waysToEarn","customImage","customHtml","vipTiers","rewards"],au=({config:t,signedIn:n=!1,userData:o,onBannerButtonClick:r,onReferralButtonClick:i,onReferralCopyClick:a,onRewardsButtonClick:l})=>{const{sectionOrder:c,banner:s,referrals:d,gettingStarted:p,waysToEarn:m,vipTiers:u,rewards:g,customImage:x,customHtml:f,primaryColor:y="#1C1C1D",primaryContrastColor:b="#FFFFFF",secondaryColor:N="#FFFFFF",secondaryContrastColor:B="#000000"}=t||{},F="undefined"!=typeof window&&window.innerWidth<=768,z=()=>{"undefined"!=typeof window&&window.ytapp&&(window.ytapp.loyaltyWidgetOpen=!0,window.dispatchEvent(new Event("loyaltyWidgetOpenChanged")))},I={...{padding:"12px 32px",borderRadius:"30px",fontSize:"14px",fontWeight:600,cursor:"pointer",textTransform:"uppercase",border:`1px solid ${y}`,transition:"all 0.3s ease"},backgroundColor:y,color:b,borderColor:y},D=n?s?.signedInView:s?.guestView,P={visibility:s?.visibility??"show",backgroundColor:s?.backgroundColor??"#F3F3F3",fontColor:s?.fontColor??"#000000",alignment:s?.alignment??"center",imageUrl:s?.imageUrl,badgeTitle:s?.badge?.enabled?s.badge.title?.trim():void 0,title:D?.title,subtitle:D?.subtitle,buttonText:s?.guestView?.buttonText,balanceCoins:s?.signedInView?.balanceCoins??o?.balanceCoins??(null!=o?.currentBalance?String(o.currentBalance):void 0),currentTier:s?.signedInView?.currentTier,nextTier:s?.signedInView?.nextTier,currentLtv:s?.signedInView?.currentLtv,nextTierLtv:s?.signedInView?.nextTierLtv,tierIcon:s?.signedInView?.tierIcon,showTierProgress:s?.showTierProgress??!1},A=Number(P.currentLtv),_=Number(P.nextTierLtv),R=P.showTierProgress&&Number.isFinite(A)&&Number.isFinite(_)&&_>0,L=R?Math.min(100,Math.max(0,A/_*100)):0,O=R?Math.max(0,_-A):0,M=n?d?.signedInView:d?.guestView,W={visibility:d?.visibility??"show",backgroundColor:d?.backgroundColor??"#FFFFFF",fontColor:d?.fontColor??"#111111",badgeTitle:d?.badge?.enabled?d.badge.title?.trim():void 0,imageUrl:d?.imageUrl,imagePosition:d?.imagePosition??"left",guestVisibility:d?.guestVisibility??!0,title:M?.title,subtitle:M?.subtitle,buttonText:d?.guestView?.buttonText,referralLinkValue:d?.signedInView?.referralLinkValue??o?.referralLink},V={visibility:p?.visibility??"show",backgroundColor:p?.backgroundColor??"#FFFFFF",fontColor:p?.fontColor??"#111111",badgeTitle:p?.badge?.enabled?p.badge.title?.trim():void 0,title:p?.title,subtitle:p?.subtitle,steps:p?.steps},j={visibility:m?.visibility??"show",backgroundColor:m?.backgroundColor??"#FFFFFF",fontColor:m?.fontColor??"#111111",badgeTitle:m?.badge?.enabled?m.badge.title?.trim():void 0,title:m?.title,subtitle:m?.subtitle,guestVisibility:m?.guestVisibility??!0,showIcons:m?.showIcons??!0,ctaBg:m?.ctaBg??"#4E7E80",ctaFontColor:m?.ctaFontColor??"#FFFFFF",items:m?.items},H={visibility:g?.visibility??"show",backgroundColor:g?.backgroundColor??"#FFFFFF",fontColor:g?.fontColor??"#111111",badgeTitle:g?.badge?.enabled?g.badge.title?.trim():void 0,imageUrl:g?.imageUrl,imagePosition:g?.imagePosition??"left",title:g?.title,description:g?.description,disclaimerText:g?.disclaimerText,buttonText:g?.buttonText,bottomCtaTitle:g?.bottomCtaTitle,bottomCtaSubtitle:g?.bottomCtaSubtitle},q={visibility:x?.visibility??"show",imageUrl:x?.imageUrl},Q={visibility:f?.visibility??"show",htmlText:f?.htmlText},U={visibility:u?.visibility??"show",backgroundColor:u?.backgroundColor??"#FFFFFF",fontColor:u?.fontColor??"#111111",badgeTitle:u?.badge?.enabled?u.badge.title?.trim():void 0,title:u?.title,subtitle:u?.subtitle,benefitHeaderLabel:u?.benefitHeaderLabel,tiers:u?.tiers,rows:u?.rows,signedInView:{benefitHeaderLabel:u?.signedInView?.benefitHeaderLabel??u?.benefitHeaderLabel,statusLabel:u?.signedInView?.statusLabel,statuses:u?.signedInView?.statuses}},Y=Array.isArray(c)?c:[],G=Array.from(new Set(Y.filter(e=>iu.includes(e)))),X=[...G,...iu.filter(e=>!G.includes(e))],Z=e=>X.indexOf(e);return e.createElement("div",{className:"yt-loyalty-page-container",style:{fontFamily:"'Poppins', sans-serif",display:"flex",flexDirection:"column",width:"100%",maxWidth:"1440px",margin:"0 auto",overflow:"hidden",boxSizing:"border-box"}},"show"===P.visibility&&e.createElement("div",{className:"yt-loyalty-page-banner",style:{order:Z("banner"),display:"flex",alignItems:"center",justifyContent:"left"===P.alignment?"flex-start":"right"===P.alignment?"flex-end":"center",width:"100%",backgroundColor:P.backgroundColor,backgroundImage:P.imageUrl?`url(${P.imageUrl})`:void 0,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat",border:"1px solid #E1E1E1",padding:F?"72px 20px":"120px 32px"}},e.createElement("div",{className:"yt-loyalty-page-banner-content",style:{width:"100%",maxWidth:"760px",textAlign:P.alignment,display:"flex",flexDirection:"column",alignItems:"left"===P.alignment?"flex-start":"right"===P.alignment?"flex-end":"center",gap:F?"18px":"20px"}},P.badgeTitle?e.createElement("div",{className:"yt-loyalty-page-banner-badge",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",minHeight:"28px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:"#111111",fontSize:"14px",lineHeight:1,fontWeight:600}},P.badgeTitle):null,e.createElement("h1",{className:"yt-loyalty-page-banner-title",style:{margin:0,fontSize:F?"40px":"56px",lineHeight:F?1.05:1.08,letterSpacing:"-0.03em",fontWeight:700,color:P.fontColor}},P.title),e.createElement("p",{className:"yt-loyalty-page-banner-subtitle",style:{margin:0,maxWidth:"620px",fontSize:F?"22px":"28px",lineHeight:1.18,fontWeight:400,color:P.fontColor}},P.subtitle),n?e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-loyalty-page-banner-balance-card",style:{display:"flex",flexDirection:"column",alignItems:"center",marginTop:F?"8px":"10px",minWidth:F?"280px":"288px",padding:F?"18px 24px":"18px 28px",borderRadius:"20px",border:"1px solid rgba(255,255,255,0.72)",background:"linear-gradient(180deg, rgba(255,255,255,0.66) 0%, rgba(238,238,238,0.92) 100%)",boxShadow:"0 18px 50px rgba(17, 17, 17, 0.08), inset 0 1px 0 rgba(255,255,255,0.75)",backdropFilter:"blur(12px)"}},e.createElement("div",{style:{marginBottom:"6px",fontSize:"14px",lineHeight:1.2,color:P.fontColor}},"Current Balance"),e.createElement("div",{style:{fontSize:F?"56px":"64px",lineHeight:.95,letterSpacing:"-0.05em",fontWeight:700,color:P.fontColor}},P.balanceCoins)),P.showTierProgress&&P.currentTier?e.createElement("div",{className:"yt-loyalty-page-banner-tier",style:{display:"inline-flex",alignItems:"center",gap:"10px",marginTop:"4px",color:P.fontColor,fontFamily:"Inter",fontSize:F?"18px":"20px",fontWeight:700,lineHeight:1.1,letterSpacing:"0.08em",textTransform:"uppercase"}},P.tierIcon?e.createElement("img",{src:P.tierIcon,alt:"",style:{width:"28px",height:"28px",objectFit:"contain",display:"block"}}):e.createElement("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true"},e.createElement("path",{d:"M12 2L20 7V17L12 22L4 17V7L12 2Z",fill:y,stroke:y,strokeWidth:"1.2",strokeLinejoin:"round"}),e.createElement("path",{d:"M12 2L20 7L12 12L4 7L12 2Z",fill:"rgba(255,255,255,0.3)",strokeLinejoin:"round"})),P.currentTier):null,R?e.createElement("div",{className:"yt-loyalty-page-banner-progress",style:{marginTop:"10px",width:"100%",maxWidth:"640px",padding:F?"14px 18px":"16px 24px",borderRadius:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 8px 22px rgba(17, 17, 17, 0.06)",boxSizing:"border-box"}},e.createElement("div",{className:"yt-loyalty-page-banner-progress-track",style:{width:"100%",height:"8px",borderRadius:"999px",backgroundColor:"#E5E5E5",overflow:"hidden"}},e.createElement("div",{className:"yt-loyalty-page-banner-progress-fill",style:{width:`${L}%`,height:"100%",backgroundColor:y||P.fontColor||"#1C1C1D",borderRadius:"999px",transition:"width 0.3s ease"}})),e.createElement("div",{className:"yt-loyalty-page-banner-progress-meta",style:{marginTop:"10px",display:"flex",justifyContent:"space-between",alignItems:"center",gap:"12px",fontSize:F?"13px":"14px",lineHeight:1.2,fontWeight:500,color:P.fontColor}},e.createElement("span",null,A," ltv"),P.nextTier?e.createElement("span",null,O," ltv to ",P.nextTier):null)):null):e.createElement("button",{className:"yt-loyalty-page-banner-button",style:{...I,marginTop:F?"8px":"10px",padding:F?"14px 26px":"16px 30px",border:"none",borderRadius:"14px",boxShadow:"0 8px 20px rgba(0, 0, 0, 0.2)",fontSize:F?"16px":"18px",fontWeight:500,textTransform:"none"},onClick:async()=>{r?await r():z()}},P.buttonText))),"show"===W.visibility&&(n||W.guestVisibility)&&e.createElement("div",{className:"yt-loyalty-page-referrals",style:{order:Z("referrals"),width:"100%",backgroundColor:W.backgroundColor,boxSizing:"border-box"}},e.createElement("div",{className:"yt-loyalty-page-referrals-content",style:{width:"100%",boxSizing:"border-box"}},e.createElement("div",{className:"yt-loyalty-page-referrals-card",style:{width:"100%",boxSizing:"border-box",display:"flex",flexDirection:F?"column":"row",alignItems:"stretch",overflow:"hidden",border:"1px solid #E1E1E1"}},e.createElement("div",{className:"yt-loyalty-page-referrals-image-wrapper",style:{flex:F?"1 1 auto":"0 0 50%",minWidth:0,boxSizing:"border-box",order:F||"left"===W.imagePosition?0:1,minHeight:F?"320px":"560px"}},e.createElement("div",{className:"yt-loyalty-page-referrals-image",style:{display:"block",width:"100%",height:"100%",minHeight:F?"320px":"560px",backgroundImage:W.imageUrl?`url(${W.imageUrl})`:void 0,backgroundSize:"cover",backgroundPosition:"center center",backgroundRepeat:"no-repeat"}})),e.createElement("div",{className:"yt-loyalty-page-referrals-copy",style:{flex:F?"1 1 auto":"0 0 50%",minWidth:0,boxSizing:"border-box",order:F||"left"===W.imagePosition?1:0,padding:F?"32px 24px 40px":"72px 48px",display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center"}},W.badgeTitle?e.createElement("div",{className:"yt-loyalty-page-referrals-badge",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",minHeight:"28px",marginBottom:"44px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:"#111111",fontSize:"14px",lineHeight:1,fontWeight:600}},W.badgeTitle):null,e.createElement("h2",{className:"yt-loyalty-page-referrals-title",style:{margin:0,maxWidth:"520px",fontSize:F?"28px":n?"34px":"36px",lineHeight:1.1,letterSpacing:"-0.03em",fontWeight:400,color:W.fontColor}},W.title),e.createElement("p",{className:"yt-loyalty-page-referrals-subtitle",style:{margin:"18px 0 0",maxWidth:"580px",fontSize:F?"16px":"18px",lineHeight:1.24,fontWeight:400,color:W.fontColor}},W.subtitle),n?e.createElement(e.Fragment,null,e.createElement("div",{className:"yt-loyalty-page-referrals-link-row",style:{width:"100%",minWidth:0,marginTop:"34px",display:"flex",alignItems:"center",gap:"10px"}},e.createElement("div",{className:"yt-loyalty-page-referrals-link-pill",style:{flex:1,minWidth:0,display:"flex",alignItems:"center",gap:"10px",minHeight:"38px",padding:"0 14px",border:"1px solid #D7D7D7",borderRadius:"999px",backgroundColor:"#FFFFFF"}},e.createElement("span",{style:{fontSize:"16px",lineHeight:1,color:"#222222"}},"↗"),e.createElement("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:"14px",lineHeight:1.2,fontWeight:600,color:W.fontColor}},W.referralLinkValue)),e.createElement("button",{type:"button",onClick:async()=>{a&&W.referralLinkValue?await a(W.referralLinkValue):"undefined"!=typeof navigator&&navigator.clipboard&&W.referralLinkValue&&await navigator.clipboard.writeText(W.referralLinkValue)},style:{width:"38px",height:"38px",borderRadius:"999px",border:"1px solid #CFCDE8",backgroundColor:"#DFDCF4",color:"#6F68A7",fontSize:"14px",lineHeight:1,fontWeight:600,cursor:"pointer",flexShrink:0}},"⧉")),e.createElement("p",{style:{margin:"12px 0 0",fontSize:"14px",lineHeight:1.2,fontWeight:400,color:"#8A8A8A"}},"Share your referral link with your friend")):e.createElement("button",{className:"yt-loyalty-page-referrals-button",style:{...I,marginTop:"34px",padding:F?"14px 26px":"16px 30px",border:"none",borderRadius:"14px",boxShadow:"0 8px 20px rgba(0, 0, 0, 0.2)",fontSize:F?"16px":"18px",fontWeight:500,textTransform:"none"},onClick:async()=>{i?await i():z()}},W.buttonText))))),"show"===V.visibility&&e.createElement("div",{className:"yt-loyalty-page-getting-started",style:{order:Z("gettingStarted"),backgroundColor:V.backgroundColor,border:"1px solid #E1E1E1",padding:F?"56px 20px":"72px 32px 88px"}},e.createElement("div",{className:"yt-loyalty-page-getting-started-content",style:{maxWidth:"1120px",margin:"0 auto",textAlign:"center"}},V.badgeTitle?e.createElement("div",{className:"yt-loyalty-page-getting-started-badge",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",minHeight:"28px",marginBottom:"22px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:"#111111",fontSize:"14px",lineHeight:1,fontWeight:600}},V.badgeTitle):null,e.createElement("h2",{className:"yt-loyalty-page-getting-started-title",style:{margin:0,fontSize:F?"28px":"36px",lineHeight:1.12,letterSpacing:"-0.03em",fontWeight:400,color:V.fontColor}},V.title),e.createElement("p",{className:"yt-loyalty-page-getting-started-subtitle",style:{margin:F?"14px auto 0":"16px auto 0",maxWidth:"620px",color:V.fontColor,fontSize:F?"16px":"18px",lineHeight:1.22,fontWeight:400}},V.subtitle),e.createElement("div",{className:"yt-loyalty-page-getting-started-grid",style:{marginTop:F?"40px":"64px",display:"flex",flexDirection:F?"column":"row",justifyContent:"space-between",alignItems:"stretch",gap:F?"28px":"24px"}},V.steps?.map((t,n)=>e.createElement("div",{key:n,className:"yt-loyalty-page-getting-started-step",style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",padding:F?"0":"0 18px"}},e.createElement("div",{className:"yt-loyalty-page-getting-started-step-number",style:{marginBottom:"10px",fontSize:F?"52px":"68px",lineHeight:.95,letterSpacing:"-0.04em",fontWeight:700,color:V.fontColor}},String(n+1)),e.createElement("div",{className:"yt-loyalty-page-getting-started-step-title",style:{marginBottom:"8px",fontSize:F?"24px":"28px",lineHeight:1.08,letterSpacing:"-0.03em",fontWeight:400,color:V.fontColor}},t.title),e.createElement("p",{className:"yt-loyalty-page-getting-started-step-description",style:{margin:0,maxWidth:"240px",fontSize:F?"16px":"18px",lineHeight:1.21,fontWeight:400,color:V.fontColor}},t.description)))))),"show"===j.visibility&&(n||j.guestVisibility)&&e.createElement("div",{className:"yt-loyalty-page-ways-to-earn",style:{order:Z("waysToEarn"),backgroundColor:j.backgroundColor,border:"1px solid #E1E1E1",padding:F?"56px 20px":"72px 32px 64px"}},e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-content",style:{maxWidth:"1120px",margin:"0 auto",textAlign:"center"}},j.badgeTitle?e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-badge",style:{alignItems:"center",justifyContent:"center",display:"inline-flex",minHeight:"28px",marginBottom:"22px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:"#111111",fontSize:"14px",lineHeight:1,fontWeight:600}},j.badgeTitle):null,e.createElement("h2",{className:"yt-loyalty-page-ways-to-earn-title",style:{margin:0,fontSize:F?"28px":"36px",lineHeight:1.12,letterSpacing:"-0.03em",fontWeight:400,color:j.fontColor}},j.title),e.createElement("p",{className:"yt-loyalty-page-ways-to-earn-subtitle",style:{margin:F?"14px auto 0":"16px auto 0",maxWidth:"680px",color:j.fontColor,fontSize:F?"16px":"18px",lineHeight:1.22,fontWeight:400}},j.subtitle),e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-grid",style:{marginTop:F?"40px":"56px",display:"flex",flexWrap:"wrap",justifyContent:"center",columnGap:F?"28px":"24px",rowGap:"36px"}},j.items?.map((t,o)=>{const r=t.ctaTitle??t.signedInActionLabel,i=t.ctaVisible??Boolean(r),a=t.ctaDisabled??!1,l=j.ctaBg,c=j.ctaFontColor;return e.createElement("div",{key:o,className:"yt-loyalty-page-ways-to-earn-item",style:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",width:F?"100%":"calc((100% - 48px) / 3)",maxWidth:F?"100%":"calc((100% - 48px) / 3)",padding:F?"0":"0 18px"}},j.showIcons?e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-item-icon",style:{fontSize:"32px",lineHeight:1,color:j?.fontColor??"#5A5A5A",marginBottom:"5px"}},(t=>{if(t&&"string"!=typeof t)return t;switch(t){case"birthday":return e.createElement($,null);case"feedback":return e.createElement(S,null);case"wallet":return e.createElement(T,null);case"referral":return e.createElement(k,null);case"instagram":return e.createElement(E,null);case"facebook":return e.createElement(C,null);case"twitter":return e.createElement(w,null);case"youtube":return e.createElement(v,null);default:return e.createElement(h,null)}})(t.icon)):null,e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-item-title",style:{marginBottom:"4px",fontSize:F?"24px":"28px",lineHeight:1.16,letterSpacing:"-0.03em",fontWeight:400,color:j.fontColor,minHeight:F?"56px":"72px",display:"flex",alignItems:"flex-start",justifyContent:"center"}},t.title),e.createElement("p",{className:"yt-loyalty-page-ways-to-earn-item-description",style:{margin:0,maxWidth:"240px",fontSize:F?"16px":"18px",lineHeight:1.21,fontWeight:400,color:j.fontColor,minHeight:F?"40px":"52px"}},t.description),e.createElement("div",{style:{marginTop:"4px",minHeight:"42px",width:"100%",display:"flex",justifyContent:"center"}},n&&i&&r?e.createElement("button",{className:"yt-loyalty-page-ways-to-earn-item-action",style:{minWidth:F?"180px":"188px",minHeight:"42px",padding:"9px 20px",border:"none",borderRadius:"0px",backgroundColor:l,color:c,fontSize:"16px",lineHeight:1,fontWeight:600,cursor:a?"not-allowed":"pointer",opacity:a?.6:1},disabled:a,onClick:t.onClick},r):null))})))),"show"===q.visibility&&q.imageUrl?e.createElement("div",{className:"yt-loyalty-page-custom-image",style:{order:Z("customImage"),backgroundColor:"#FFFFFF",border:"1px solid #E1E1E1"}},e.createElement("div",{style:{margin:"0 auto"}},e.createElement("img",{src:q.imageUrl,alt:"",style:{display:"block",width:"100%",height:"auto",objectFit:"cover"}}))):null,"show"===Q.visibility&&Q.htmlText?e.createElement("div",{className:"yt-loyalty-page-custom-html",style:{order:Z("customHtml"),backgroundColor:"#FFFFFF",border:"1px solid #E1E1E1",padding:F?"32px 20px":"40px 32px",color:"#111111"}},e.createElement("div",{style:{maxWidth:"1200px",margin:"0 auto"},dangerouslySetInnerHTML:{__html:Q.htmlText}})):null,"show"===U.visibility&&e.createElement("div",{className:"yt-loyalty-page-vip-tiers",style:{order:Z("vipTiers"),backgroundColor:U.backgroundColor,border:"1px solid #E1E1E1",padding:F?"56px 20px":"72px 32px 56px"}},e.createElement("div",{className:"yt-loyalty-page-vip-tiers-content",style:{maxWidth:"1200px",margin:"0 auto"}},e.createElement("div",{style:{textAlign:"center",marginBottom:F?"32px":"40px"}},U.badgeTitle?e.createElement("div",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",minHeight:"28px",marginBottom:"22px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:U.fontColor,fontSize:"14px",lineHeight:1,fontWeight:600}},U.badgeTitle):null,e.createElement("h2",{style:{margin:0,fontSize:F?"28px":"36px",lineHeight:1.12,letterSpacing:"-0.03em",fontWeight:400,color:U.fontColor}},U.title),e.createElement("p",{style:{margin:"16px auto 0",maxWidth:"760px",fontSize:F?"16px":"18px",lineHeight:1.22,fontWeight:400,color:U.fontColor}},U.subtitle)),e.createElement("div",{style:{overflowX:"auto",border:"1px solid #D7D7D7",backgroundColor:"#FFFFFF"}},e.createElement("table",{style:{width:"100%",minWidth:F?"760px":"100%",borderCollapse:"collapse",tableLayout:"fixed"}},e.createElement("thead",null,e.createElement("tr",null,e.createElement("th",{style:{width:F?"240px":"28%",padding:"16px 14px",borderBottom:"1px solid #D7D7D7",textAlign:"left",color:U.fontColor,fontFamily:"Inter",fontSize:"15.654px",fontStyle:"normal",fontWeight:"700",lineHeight:"17.313px",letterSpacing:"0.693px",textTransform:"uppercase",backgroundColor:"#FFFFFF"}},U.benefitHeaderLabel),U.tiers?.map(t=>e.createElement("th",{key:t.id,style:{padding:"14px 12px",borderBottom:"1px solid #D7D7D7",backgroundColor:t.headerBackgroundColor??"#EFEFEF",textAlign:"center",color:"#FFFFFF"}},e.createElement("div",{style:{fontFamily:"Inter",fontSize:"15.654px",fontStyle:"normal",fontWeight:"700",lineHeight:"17.313px",letterSpacing:"0.693px",textTransform:"uppercase"}},t.title),t.pointsLabel?e.createElement("div",{style:{marginTop:"4px",fontSize:"12px",lineHeight:1.2,fontWeight:400,letterSpacing:"0.06em"}},t.pointsLabel):null))),n?e.createElement("tr",null,e.createElement("th",{style:{padding:"12px 14px",borderBottom:"1px solid #D7D7D7",textAlign:"left",fontSize:"14px",lineHeight:1.2,fontWeight:700,color:U.fontColor,textTransform:"uppercase",backgroundColor:"#FFFFFF"}},U.signedInView.statusLabel),U.tiers?.map(t=>{const n=U.signedInView.statuses?.find(e=>e.tierId===t.id),o="achieved"===n?.text?.trim().toLowerCase();return e.createElement("th",{key:`${t.id}-status`,style:{padding:"12px 10px",borderBottom:"1px solid #D7D7D7",textAlign:"center",backgroundColor:o?"#FFFFFF":"#F6F6F6",color:U.fontColor,fontSize:"12px",lineHeight:1.2,fontWeight:o?700:500,textTransform:"uppercase",letterSpacing:"0.04em"}},n?.text??"")})):null),e.createElement("tbody",null,U.rows?.map((t,n)=>e.createElement("tr",{key:`${t.title}-${n}`},e.createElement("td",{style:{padding:"14px 14px",borderBottom:n===(U.rows?.length??0)-1?"none":"1px solid #D7D7D7",verticalAlign:"middle"}},e.createElement("div",{style:{color:U.fontColor,fontFamily:"Poppins",fontSize:"15.023px",fontStyle:"normal",fontWeight:"600",lineHeight:"17.313px",letterSpacing:"0.693px"}},t.title),t.description?e.createElement("div",{style:{color:U.fontColor,fontFamily:"Inter",fontSize:"12.552px",fontStyle:"normal",fontWeight:300,lineHeight:"22.161px",letterSpacing:"0.693px"}},t.description):null),U.tiers?.map(o=>e.createElement("td",{key:`${t.title}-${o.id}`,style:{padding:"14px 10px",borderBottom:n===(U.rows?.length??0)-1?"none":"1px solid #D7D7D7",textAlign:"center",verticalAlign:"middle"}},t.tierIds.includes(o.id)?e.createElement("span",{style:{display:"inline-block",width:"10px",height:"10px",borderRadius:"999px",backgroundColor:o.indicatorColor??"#666666"}}):null))))))))),"show"===H.visibility&&!n&&e.createElement("div",{className:"yt-loyalty-page-rewards",style:{order:Z("rewards"),backgroundColor:H.backgroundColor,border:"1px solid #E1E1E1",padding:F?"40px 20px":"48px 32px 56px"}},e.createElement("div",{className:"yt-loyalty-page-rewards-content",style:{maxWidth:"1200px",margin:"0 auto"}},e.createElement("div",{className:"yt-loyalty-page-rewards-hero",style:{display:"flex",flexDirection:F?"column":"row",alignItems:"stretch",overflow:"hidden",border:"1px solid #E1E1E1"}},e.createElement("div",{className:"yt-loyalty-page-rewards-image-wrapper",style:{flex:1,order:F||"left"===H.imagePosition?0:1,minHeight:F?"280px":"340px"}},e.createElement("div",{className:"yt-loyalty-page-rewards-image",style:{display:"block",width:"100%",height:"100%",minHeight:F?"280px":"340px",backgroundImage:H.imageUrl?`url(${H.imageUrl})`:void 0,backgroundSize:"cover",backgroundPosition:"center"}})),e.createElement("div",{className:"yt-loyalty-page-rewards-copy",style:{flex:1,order:F||"left"===H.imagePosition?1:0,padding:F?"28px 24px":"32px 40px",display:"flex",flexDirection:"column",justifyContent:"start"}},H.badgeTitle?e.createElement("div",{className:"yt-loyalty-page-rewards-badge",style:{display:"inline-flex",alignItems:"center",justifyContent:"center",minHeight:"28px",marginBottom:"22px",padding:"6px 14px",borderRadius:"999px",border:"1px solid #D9D9D9",backgroundColor:"#F7F7F7",color:"#111111",fontSize:"14px",lineHeight:1,fontWeight:600,alignSelf:F?"center":"flex-start"}},H.badgeTitle):null,e.createElement("h2",{className:"yt-loyalty-page-rewards-title",style:{margin:0,maxWidth:"420px",fontSize:F?"20px":"25px",lineHeight:1.06,letterSpacing:"-0.03em",fontWeight:700,color:H?.fontColor??"#111111"}},H.title),e.createElement("p",{className:"yt-loyalty-page-rewards-description",style:{margin:"20px 0 0",maxWidth:"470px",fontSize:F?"12px":"14px",lineHeight:1.35,fontWeight:400,color:H.fontColor,whiteSpace:"pre-line"}},H.description))),e.createElement("div",{className:"yt-loyalty-page-rewards-disclaimer",style:{marginTop:"14px",backgroundColor:"#1F232B",color:"#FFFFFF",padding:"15px 20px",textAlign:"center",fontSize:"15px",lineHeight:1.3,fontWeight:400,fontStyle:"italic"}},H.disclaimerText),e.createElement("div",{className:"yt-loyalty-page-rewards-cta",style:{display:"flex",flexDirection:F?"column":"row",justifyContent:"space-between",alignItems:"center",marginTop:"20px",padding:F?"24px":"26px 28px",border:"1px solid #D4D4D4",gap:"18px",textAlign:F?"center":"left"}},e.createElement("div",{className:"yt-loyalty-page-rewards-cta-copy"},e.createElement("h3",{style:{margin:0,fontSize:F?"28px":"32px",lineHeight:1.05,fontWeight:700,letterSpacing:"-0.03em",color:H.fontColor}},H.bottomCtaTitle),e.createElement("p",{style:{margin:"8px 0 0",fontSize:"18px",lineHeight:1.25,fontWeight:400,color:H.fontColor}},H.bottomCtaSubtitle)),e.createElement("button",{className:"yt-loyalty-page-rewards-cta-button",style:{...I,minWidth:F?"100%":"220px",padding:"14px 28px",borderRadius:"0px",border:"none",boxShadow:"none",fontSize:"18px",fontWeight:700},onClick:async()=>{l?await l():z()}},H.buttonText)))))},lu=({showPopup:n,selectedOffer:o,selectedOfferTerms:r,onClose:i,offersConfig:a})=>{const[l,c]=t(!1);if(!n||!o||!r)return null;const s=o._customOffer,d=s?.code||o.code,p=e.createElement("div",{className:"yt-product-offers-isolated",style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:2147483647},onClick:i},e.createElement("div",{style:{width:"90vw",minWidth:"375px",maxWidth:"480px",maxHeight:"90vh",backgroundColor:"#fff",borderRadius:"12px",padding:"16px",boxShadow:"0 4px 15px rgba(0,0,0,0.3)",position:"relative",flexDirection:"column",display:"flex"},onClick:e=>e.stopPropagation()},e.createElement("div",{style:{fontSize:"clamp(32px, 8vw, 40px)",color:"#4C4C4C",marginTop:"16px",marginBottom:"8px",display:"flex",justifyContent:"center",position:"relative"}},mu(o)?e.createElement(b,null):e.createElement(He,null)),e.createElement("div",{style:{fontSize:"clamp(16px, 4vw, 20px)",fontWeight:500,color:"#4C4C4C",lineHeight:"normal",textAlign:"center"}},pu(o)),e.createElement("div",{style:{fontSize:"clamp(28px, 7vw, 40px)",fontWeight:"600",color:a?.textColor||"#EE8E35",lineHeight:"normal",textAlign:"center"}},o.name),e.createElement("div",{style:{fontSize:"clamp(16px, 4vw, 20px)",color:"#000000",textAlign:"center",fontWeight:500}},r.offerMessage),d&&e.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",marginTop:"16px",padding:"12px 20px",backgroundColor:a?.cardBackgroundColor||"#F5F5F5",borderRadius:`${a?.roundness||8}px`,border:`1px dashed ${a?.accentColor||"#EE8E35"}`}},e.createElement("span",{style:{fontSize:"clamp(16px, 4vw, 18px)",fontWeight:"600",color:a?.textColor||"#333",letterSpacing:"1px"}},d),e.createElement("button",{onClick:async()=>{if(d)try{await navigator.clipboard.writeText(d),c(!0),setTimeout(()=>c(!1),2e3)}catch(e){console.error("Failed to copy:",e)}},style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center",justifyContent:"center",color:l?"#22c55e":a?.accentColor||"#EE8E35",fontSize:"20px",transition:"color 0.2s ease"},title:l?"Copied!":"Copy code"},l?e.createElement(N,null):e.createElement(B,null))),r.terms.length>0&&e.createElement(e.Fragment,null,e.createElement("hr",{style:{border:"none",height:"2px",width:"100%",margin:"10px 0 18px 0",backgroundColor:"transparent",backgroundImage:"repeating-linear-gradient(to right, #ccc 0, #ccc 12px, transparent 12px, transparent 20px)",backgroundSize:"100% 2px",backgroundPosition:"0 0",backgroundRepeat:"repeat-x"}}),e.createElement("div",{style:{marginTop:"15px",fontSize:"clamp(14px, 3.5vw, 16px)",textAlign:"center",display:"flex",flexDirection:"column"}},e.createElement("strong",{style:{color:"#888"}},"Terms & Conditions"),e.createElement("ul",{style:{marginTop:"5px",paddingLeft:"20px",textAlign:"left",display:"inline-block",color:"#000",lineHeight:"1.3",marginBottom:"0"}},r.terms.map((t,n)=>e.createElement("li",{key:n,style:{marginBottom:"4px"}},t))))),e.createElement("button",{onClick:i,style:{width:"100%",padding:"10px 20px",marginTop:"10px",backgroundColor:"#fff",border:"none",borderTop:"1px solid #ddd",borderRadius:"0",fontSize:"16px",fontWeight:"600",color:"#333",cursor:"pointer",textAlign:"center",flexShrink:0}},"Close")));return P(p,document.body)},cu=({showPopup:n,selectedOffer:o,selectedOfferTerms:r,onClose:i,offersConfig:a})=>{const[l,c]=t(!1);if(!n||!o||!r)return null;const s=o._customOffer,d=s?.code||o.code,p=e.createElement("div",{className:"yt-product-offers-isolated",style:{position:"fixed",top:0,left:0,width:"100vw",height:"100vh",backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"flex-end",justifyContent:"center",zIndex:2147483647,animation:"fadeIn 0.3s ease"},onClick:i},e.createElement("style",null,"\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n @keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n }\n "),e.createElement("div",{style:{width:"100%",maxHeight:"85vh",backgroundColor:"#fff",borderTopLeftRadius:"20px",borderTopRightRadius:"20px",borderTop:"1px solid #E5E5E5",position:"relative",flexDirection:"column",display:"flex",animation:"slideUp 0.3s ease",overflow:"hidden"},onClick:e=>e.stopPropagation()},e.createElement("div",{style:{width:"40px",height:"4px",backgroundColor:"#ddd",borderRadius:"2px",margin:"12px auto 16px",flexShrink:0}}),e.createElement("div",{style:{overflowY:"auto",flex:1}},e.createElement("div",{style:{padding:"0 20px 20px",backgroundColor:"#fff"}},e.createElement("div",{style:{fontSize:"48px",color:"#4C4C4C",display:"flex",justifyContent:"center",margin:"16px"}},mu(o)?e.createElement(b,null):e.createElement(He,null)),e.createElement("div",{style:{fontSize:"14px",fontWeight:500,color:"#888",textAlign:"center"}},pu(o)),e.createElement("div",{style:{fontSize:"32px",fontWeight:"700",color:a?.textColor||"#EE8E35",textAlign:"center",lineHeight:"1.2"}},o.name),e.createElement("div",{style:{fontSize:"18px",color:"#000000",textAlign:"center",fontWeight:500}},r.offerMessage),d&&e.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",marginTop:"20px",padding:"14px 20px",backgroundColor:a?.cardBackgroundColor||"#F5F5F5",borderRadius:`${a?.roundness||8}px`,border:`1px dashed ${a?.accentColor||"#EE8E35"}`}},e.createElement("span",{style:{fontSize:"18px",fontWeight:"600",color:a?.textColor||"#333",letterSpacing:"1px"}},d),e.createElement("button",{onClick:async()=>{if(d)try{await navigator.clipboard.writeText(d),c(!0),setTimeout(()=>c(!1),2e3)}catch(e){console.error("Failed to copy:",e)}},style:{background:"none",border:"none",cursor:"pointer",padding:"4px",display:"flex",alignItems:"center",justifyContent:"center",color:l?"#22c55e":a?.accentColor||"#EE8E35",fontSize:"22px",transition:"color 0.2s ease"},title:l?"Copied!":"Copy code"},l?e.createElement(N,null):e.createElement(B,null)))),r.terms.length>0&&e.createElement(e.Fragment,null,e.createElement("div",{style:{backgroundColor:"#F5F5F5",padding:"16px 20px"}},e.createElement("div",{style:{fontSize:"16px",fontWeight:"600",color:"#333",textAlign:"center"}},"Terms & Conditions")),e.createElement("div",{style:{padding:"20px",backgroundColor:"#fff"}},e.createElement("ul",{style:{margin:"0",paddingLeft:"20px",color:"#333",lineHeight:"1.6",fontSize:"14px"}},r.terms.map((t,n)=>e.createElement("li",{key:n,style:{marginBottom:"4px"}},t)))))),e.createElement("button",{onClick:i,style:{width:"100%",padding:"18px 20px",backgroundColor:"#F5F5F5",border:"none",borderTop:"1px solid #E5E5E5",fontSize:"16px",fontWeight:"600",color:"#333",cursor:"pointer",textAlign:"center",fontFamily:"'Poppins', sans-serif",flexShrink:0}},"Close")));return P(p,document.body)},su=({offersToShow:o,offersConfig:i,getOfferCardMessage:a,setSelectedOffer:l,setShowPopup:c})=>{const s=r(null),[d,p]=t(!1),[m,u]=t(!0),[g,x]=t("undefined"!=typeof window&&window.innerWidth<=768),f=()=>{if(s.current){const{scrollLeft:e,scrollWidth:t,clientWidth:n}=s.current;p(e>0),u(e<t-n-10)}};n(()=>{f();const e=s.current;if(e)return e.addEventListener("scroll",f),()=>e.removeEventListener("scroll",f)},[o]),n(()=>{const e=()=>{x(window.innerWidth<=768)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const y=e=>{if(s.current){const t=g?280:365,n=16,o="right"===e?t+n:-(t+n);s.current.scrollBy({left:o,behavior:"smooth"})}};return e.createElement("div",{style:{position:"relative"}},e.createElement("svg",{style:{position:"absolute",width:0,height:0}},e.createElement("defs",null,e.createElement("mask",{id:"coupon-cut-mask-desktop"},e.createElement("rect",{width:"365",height:"138",fill:"white"}),e.createElement("circle",{cx:"80",cy:"0",r:"12",fill:"black"}),e.createElement("circle",{cx:"80",cy:"138",r:"12",fill:"black"})),e.createElement("mask",{id:"coupon-cut-mask-mobile"},e.createElement("rect",{width:"280",height:"120",fill:"white"}),e.createElement("circle",{cx:"60",cy:"0",r:"10",fill:"black"}),e.createElement("circle",{cx:"60",cy:"120",r:"10",fill:"black"})))),d&&e.createElement("button",{onClick:()=>y("left"),style:{position:"absolute",left:"5px",top:"50%",transform:"translateY(-50%)",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"50%",width:"clamp(28px, 5vw, 38px)",height:"clamp(28px, 5vw, 38px)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:10,boxShadow:"0 2px 8px rgba(0,0,0,0.1)",color:"#333"}},e.createElement(F,{size:20})),m&&e.createElement("button",{onClick:()=>y("right"),style:{position:"absolute",right:"5px",top:"50%",transform:"translateY(-50%)",background:"#fff",border:"1px solid #e0e0e0",borderRadius:"50%",width:"clamp(28px, 5vw, 38px)",height:"clamp(28px, 5vw, 38px)",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",zIndex:10,boxShadow:"0 2px 8px rgba(0,0,0,0.1)",color:"#333"}},e.createElement(z,{size:20})),e.createElement("div",{ref:s,className:"hide-scrollbar",style:{display:"flex",alignItems:"stretch",overflowX:"auto",gap:"16px",scrollbarWidth:"none",msOverflowStyle:"none",minHeight:g?"110px":"128px"}},o?.map(t=>e.createElement("div",{key:t.discountId,style:{flexShrink:0,width:g?"280px":"365px",minWidth:g?"280px":"365px",minHeight:g?"110px":"128px",backgroundColor:"transparent",borderRadius:`${i?.roundness||0}px`,border:"1px solid #e0e0e0",display:"flex",position:"relative",overflow:"visible",mask:`url(#${g?"coupon-cut-mask-mobile":"coupon-cut-mask-desktop"})`,WebkitMask:`url(#${g?"coupon-cut-mask-mobile":"coupon-cut-mask-desktop"})`,maskImage:`url(#${g?"coupon-cut-mask-mobile":"coupon-cut-mask-desktop"})`,WebkitMaskImage:`url(#${g?"coupon-cut-mask-mobile":"coupon-cut-mask-desktop"})`}},e.createElement("div",{style:{width:g?"60px":"80px",minHeight:g?"110px":"128px",backgroundColor:i?.accentColor||"#EE8E35",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:g?"10px 6px":"12px 8px",position:"relative",borderTopLeftRadius:`${i?.roundness||0}px`,borderBottomLeftRadius:`${i?.roundness||0}px`}},e.createElement("div",{style:{position:"absolute",right:"-2px",top:"12px",bottom:"12px",width:"2px",borderLeft:"2px dashed #FFFFFF"}})),i?.iconVisibility&&e.createElement("div",{style:{position:"absolute",left:g?"42.5px":"57.5px",top:"35%",transform:"translateY(-50%)",width:g?"32px":"40px",height:g?"32px":"40px",backgroundColor:"#FFFFFF",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:g?"16px":"20px",color:"#333333",zIndex:10,boxShadow:"0 2px 5px rgba(0,0,0,0.1)",border:"1px solid #E0E0E0"}},mu(t)?e.createElement(b,null):e.createElement(He,null)),e.createElement("div",{style:{flex:1,padding:g?"12px 12px":"15px 15px",paddingLeft:g?"25px":"35px",display:"flex",flexDirection:"column",justifyContent:"space-between",borderTopRightRadius:`${i?.roundness||0}px`,borderBottomRightRadius:`${i?.roundness||0}px`,overflow:"hidden",backgroundColor:i?.cardBackgroundColor||"#ffffff",minWidth:0}},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:g?"4px":"6px",lineHeight:"normal"}},e.createElement("div",{style:{fontSize:g?"9px":"10px",color:"#666666",fontWeight:"400"}},pu(t)),e.createElement("div",{style:{fontSize:g?"13px":"15px",fontWeight:"600",color:i?.textColor||"#2c3e50"}},t.name),e.createElement("div",{style:{fontSize:g?"11px":"12px",color:i?.accentColor||"#EE8E35",wordWrap:"break-word",overflowWrap:"break-word",whiteSpace:"normal",minHeight:g?"28px":"32px"}},a(t))),e.createElement("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"}},e.createElement("div",{style:{borderTop:"1px solid #999999",marginTop:"4px",width:"100%",height:"0",display:"block"}}),e.createElement("a",{href:"#",onClick:e=>{e.preventDefault(),l(t),c(!0)},style:{fontSize:g?"11px":"12px",color:"#2c3e50",fontWeight:"500",textDecoration:"none",cursor:"pointer",textAlign:"center",marginTop:"0"}},i?.viewDetailsTitle||"View Details")))))),e.createElement("style",null,"\n .hide-scrollbar::-webkit-scrollbar {\n display: none;\n }\n .hide-scrollbar {\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n "))},du=({offersToShow:o,offersConfig:r,getOfferCardMessage:i,setSelectedOffer:a,setShowPopup:l})=>{const[c,s]=t("undefined"!=typeof window&&window.innerWidth<=768);return n(()=>{const e=()=>{s(window.innerWidth<=768)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e.createElement("div",{style:{borderRadius:`${r?.roundness||8}px`}},o?.map((t,n)=>e.createElement("div",{key:t.discountId,style:{display:"flex",alignItems:"flex-start",gap:c?"8px":"12px",padding:c?"12px 0":"16px 0",paddingLeft:c?"10px":"20px",backgroundColor:!0===r?.cardBackgroundTransparent||"true"===String(r?.cardBackgroundTransparent)?"transparent":r?.cardBackgroundColor||"#ffffff",borderBottom:n<(o?.length||0)-1?"1px solid rgb(225 218 218)":"none",marginBottom:"4px",borderRadius:`${r?.roundness||0}px`}},r?.iconVisibility&&e.createElement("div",{style:{width:c?"40px":"50px",height:c?"40px":"50px",backgroundColor:"#f8f9fa",borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:c?"20px":"25px",marginTop:c?"5px":"10px",border:"2px solid #4a4a4a",color:"#4a4a4a"}},mu(t)?e.createElement(b,null):e.createElement(He,null)),e.createElement("div",{style:{flex:1}},e.createElement("div",{style:{fontSize:c?"14px":"15px",fontWeight:600,color:"#000000",lineHeight:"1"}},pu(t),":"," ",e.createElement("span",{style:{fontWeight:600,color:r?.textColor||"#34495e"}},t.name)),e.createElement("div",{style:{fontSize:c?"12px":"13px",color:"#7f8c8d",marginBottom:"6px"}},i(t)),e.createElement("div",{style:{fontSize:c?"11px":"12px",color:"#000000"}},"offer auto applied",e.createElement("a",{href:"#",onClick:e=>{e.preventDefault(),a(t),l(!0)},style:{color:r?.accentColor||"#7f8c8d",fontWeight:700,textDecoration:"none",marginLeft:"2px"}},r?.viewDetailsTitle||"T&C"))))))},pu=e=>"free_product"===e.couponType?"deal_amount"===e.freebieType?"Deal":"percentage_off"===e.freebieType?"% Off":"Free Gift":e._customOffer?.code?"Coupon":"Special Deal",mu=e=>"free_product"===e.couponType&&"deal_amount"!==e.freebieType&&"percentage_off"!==e.freebieType,uu=({offersConfig:o,offers:i})=>{const[a,l]=t(!1),[c,s]=t(null),[d,p]=t(null),[m,u]=t("undefined"!=typeof window&&window.innerWidth<=768),[g,x]=t("undefined"!=typeof window&&window.innerWidth<=450),f=r(null);n(()=>{const e=()=>{u(window.innerWidth<=768),x(window.innerWidth<=450)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),n(()=>{f.current&&gn(f.current)},[o?.sectionBgContrastColor]);const y=(e=>{if(!e||0===e.length)return e;const t={};e.forEach(e=>{const n=e.customCartProgressBarCriteria||"none";t[n]=(t[n]||0)+1});let n="none",o=-1;Object.keys(t).forEach(e=>{t[e]>o&&(o=t[e],n=e)});const r=e.map((e,t)=>({o:e,idx:t})),i=e=>"minimum_order_value"===n?void 0!==e.minimumOrderValue&&null!==e.minimumOrderValue?Number(e.minimumOrderValue):1/0:"quantity"===n&&void 0!==e.quantityThreshold&&null!==e.quantityThreshold?Number(e.quantityThreshold):1/0;return r.sort((e,t)=>{const o=e.o.customCartProgressBarCriteria===n,r=t.o.customCartProgressBarCriteria===n;if(o&&r){const n=i(e.o),o=i(t.o);return n!==o?n-o:e.idx-t.idx}return o&&!r?-1:!o&&r?1:e.idx-t.idx}),r.map(e=>e.o)})((!1===o?.showBackendOffers&&o?.customOffers&&o.customOffers.length>0?o.customOffers.map((e,t)=>{return{discountId:-(t+1),name:(n=e).title,couponType:n.code?"discount_code":"special_deal",customCartProgressBarCriteria:null,discountPercentage:null,couponTemplateId:0,minimumOrderValue:0,quantityThreshold:0,_allVariantIds:[],description:n.description,_customOffer:n};var n}):i)||[]),b=e=>{if(s(e),e){const t=e._customOffer;p(t?(e=>({offerMessage:e.description||"Special offer available",terms:e.terms?e.terms.split("\n").filter(e=>""!==e.trim()):[]}))(t):(e=>{const t="free_product"===e.couponType;let n="";if(t){const t="deal_amount"===e.freebieType?`at ${e.discountValue}`:"percentage_off"===e.freebieType?`at ${e.discountPercentage}% off`:"free"===e.freebieType?"for free!":"";t&&(n=`Get the product ${t}`)}else e.discountPercentage?n=`Get ${e.discountPercentage}% off`:e.discountValue&&(n=`Get ${e.discountValue} off`);const o=["Limited Time Offer","Applies automatically when criteria is met"];return"quantity"===e.customCartProgressBarCriteria&&e.quantityThreshold?o.push(`Unlock when you add ${e.quantityThreshold} ${e.quantityThreshold>1?"items":"item"} to cart`):"minimum_order_value"===e.customCartProgressBarCriteria&&e.minimumOrderValue&&o.push(`Unlock at order value of ${e.minimumOrderValue}`),t||o.push("Not applicable if other offer with higher discount applied on same product"),{offerMessage:n,terms:o}})(e))}},h=e=>{const t=e._customOffer;return t?t.description||"Special offer available":(e=>"quantity"===e.customCartProgressBarCriteria&&e.quantityThreshold?`add ${e.quantityThreshold} ${e.quantityThreshold>1?"items":"item"} to unlock`:"minimum_order_value"===e.customCartProgressBarCriteria&&e.minimumOrderValue?`unlocks on orders above ${e.minimumOrderValue}`:"Special offer available")(e)};return e.createElement("div",null,e.createElement("div",{style:{position:"relative",width:"100%",maxWidth:"450px",borderRadius:"list"===o?.sectionType?`${o?.roundness||0}px`:"0px",boxSizing:"border-box",backgroundColor:o?.sectionBackgroundColor||"#fff"}},e.createElement("div",{style:{border:"coupon"===o?.sectionType?"none":"1px solid rgb(169, 163, 163)",borderTop:"1px solid rgb(169, 163, 163)",padding:null!=o?.cardPadding?`${o.cardPadding}px`:m?"20px 10px 15px":"30px 15px 20px",position:"relative",borderRadius:"list"===o?.sectionType?`${o?.roundness||8}px`:"0px"}},e.createElement("span",{ref:f,className:"yt-product-offers-section-title",style:{position:"absolute",top:"0",left:"left"===o?.alignment?"coupon"===o?.sectionType?"0px":m?"10px":"20px":"right"===o?.alignment?"auto":"50%",right:"right"===o?.alignment?"coupon"===o?.sectionType?"0px":m?"10px":"20px":"auto",transform:"middle"===o?.alignment?"translateX(-50%) translateY(-50%)":"translateY(-50%)",background:o?.sectionBgContrastColor||"#fff",padding:m?"0 8px":"0 10px",fontWeight:"500",fontSize:m?"14px":"16px",textTransform:"uppercase",textAlign:"center"}},o?.sectionTitle||"Available Deals and Offers"),(()=>{const t=o?.sectionType;return"list"===t?e.createElement(du,{offersToShow:y,offersConfig:o||{},getOfferCardMessage:h,setSelectedOffer:b,setShowPopup:l}):"coupon"===t?e.createElement(su,{offersToShow:y,offersConfig:o||{},getOfferCardMessage:h,setSelectedOffer:b,setShowPopup:l}):null})(),g?e.createElement(cu,{selectedOffer:c,selectedOfferTerms:d,showPopup:a,offersConfig:o,onClose:()=>{l(!1),s(null),p(null)}}):e.createElement(lu,{selectedOffer:c,selectedOfferTerms:d,showPopup:a,offersConfig:o,onClose:()=>{l(!1),s(null),p(null)}}))))};export{cm as Bundle,eu as BundleLoader,Jm as Cart,au as LoyaltyPageBlock,ru as LoyaltyProductCatalog,Vt as Nudge,uu as ProductOffers,Gt as SpinnerWheel};
|