yt-uikit 0.9.13 → 0.9.15-loyalty-patch.0
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/README.md +94 -94
- package/dist/esm/atoms/bundleBuilderProductDetailsAtom.d.ts +4 -4
- package/dist/esm/atoms/cartDataAtom.d.ts +3 -3
- package/dist/esm/atoms/cartLoadingAtom.d.ts +22 -22
- package/dist/esm/atoms/cartTimer.d.ts +2 -2
- package/dist/esm/atoms/dateAtom.d.ts +1 -1
- package/dist/esm/atoms/freebieClaimModalAtom.d.ts +7 -7
- package/dist/esm/atoms/giftWrap.d.ts +2 -2
- package/dist/esm/atoms/gstCompanyNameAtom.d.ts +1 -1
- package/dist/esm/atoms/gstInputAtom.d.ts +1 -1
- package/dist/esm/atoms/maxQtyErrorAtom.d.ts +3 -3
- package/dist/esm/atoms/multiClaimSelectionAtom.d.ts +25 -25
- package/dist/esm/atoms/noteInputAtom.d.ts +3 -3
- package/dist/esm/atoms/postalCodeAtom.d.ts +1 -1
- package/dist/esm/atoms/shippingAtom.d.ts +8 -8
- package/dist/esm/atoms/showGSTInputAtom.d.ts +1 -1
- package/dist/esm/atoms/variantSelectionModalAtom.d.ts +25 -25
- package/dist/esm/components/BundleBlock/Bundle.d.ts +446 -446
- package/dist/esm/components/BundleBlock/BundleBuilder/BundleBuilder.d.ts +50 -50
- package/dist/esm/components/BundleBlock/BundleBuilder/ResponsiveBgImage.d.ts +9 -9
- package/dist/esm/components/BundleBlock/BundleBuilder/SortAndFilter.d.ts +74 -74
- package/dist/esm/components/BundleBlock/BundleBuilder/VariantOptionsModal.d.ts +28 -28
- package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts +37 -37
- package/dist/esm/components/BundleBlock/BundleBuilderTracker/BundleBuilderTracker.d.ts +55 -55
- package/dist/esm/components/BundleBlock/BundleBuilderTracker/bundleBuilderTracker.style.d.ts +77 -77
- package/dist/esm/components/BundleBlock/BundleProductDetailsModal/BundleProductDetailsModal.d.ts +37 -37
- package/dist/esm/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts +10 -10
- package/dist/esm/components/BundleBlock/CollectionBundle/CategoryFilter.d.ts +10 -10
- package/dist/esm/components/BundleBlock/CollectionBundle/ColllectionBundle.d.ts +127 -127
- package/dist/esm/components/BundleBlock/CollectionBundle/ProductDetailsModal.d.ts +16 -16
- package/dist/esm/components/BundleBlock/ComboBundle.d.ts +17 -17
- package/dist/esm/components/BundleBlock/FixedBundle/FixedBundle.d.ts +4 -4
- package/dist/esm/components/BundleBlock/FixedBundle/SeparateVariantOptions.d.ts +45 -45
- package/dist/esm/components/BundleBlock/FixedBundle/VariantSelectorModal.d.ts +22 -22
- package/dist/esm/components/BundleBlock/FixedBundle/fixedBundle.style.d.ts +80 -80
- package/dist/esm/components/BundleBlock/Loader.d.ts +5 -5
- package/dist/esm/components/BundleBlock/MixAndMatchBundle/MixAndMatchBundle.d.ts +9 -9
- package/dist/esm/components/BundleBlock/MixAndMatchBundle/mixAndMatchBundle.style.d.ts +86 -86
- package/dist/esm/components/BundleBlock/PersonalizationForm/PersonalizationForm.d.ts +35 -35
- package/dist/esm/components/BundleBlock/PersonalizationForm/PersonalizationFormModal.d.ts +24 -24
- package/dist/esm/components/BundleBlock/VolumeBundle/VolumeBundle.d.ts +27 -27
- package/dist/esm/components/BundleBlock/VolumeBundle/volumeBundle.style.d.ts +80 -80
- package/dist/esm/components/BundleBlock/index.d.ts +1 -1
- package/dist/esm/components/Cart/ApplyCoupon.d.ts +13 -13
- package/dist/esm/components/Cart/Bundle.d.ts +6 -6
- package/dist/esm/components/Cart/Cart.d.ts +246 -246
- package/dist/esm/components/Cart/CartDrawer.d.ts +26 -26
- package/dist/esm/components/Cart/CartOffersCarousel.d.ts +48 -48
- package/dist/esm/components/Cart/CartProductsList.d.ts +45 -45
- package/dist/esm/components/Cart/CartTimer.d.ts +8 -8
- package/dist/esm/components/Cart/CheckoutSection.d.ts +47 -47
- package/dist/esm/components/Cart/CouponSelection.d.ts +17 -17
- package/dist/esm/components/Cart/DatePicker.d.ts +10 -10
- package/dist/esm/components/Cart/EmptyCart.d.ts +33 -33
- package/dist/esm/components/Cart/FloatingCart.d.ts +24 -24
- package/dist/esm/components/Cart/FooterSections.d.ts +6 -6
- package/dist/esm/components/Cart/FreebieClaimManager.d.ts +17 -17
- package/dist/esm/components/Cart/FreebieClaimOverlay.d.ts +17 -17
- package/dist/esm/components/Cart/FreebieClaimOverlayCard.d.ts +10 -10
- package/dist/esm/components/Cart/FreebieClaimSection.d.ts +17 -17
- package/dist/esm/components/Cart/FreebieClaimSectionCard.d.ts +16 -16
- package/dist/esm/components/Cart/GSTSection.d.ts +15 -15
- package/dist/esm/components/Cart/GiftWrap.d.ts +15 -15
- package/dist/esm/components/Cart/InlineCartOfferInfoText.d.ts +10 -10
- package/dist/esm/components/Cart/LoyaltyAppliedCTA.d.ts +19 -19
- package/dist/esm/components/Cart/LoyaltyApplyCTA.d.ts +18 -18
- package/dist/esm/components/Cart/LoyaltyBadge.d.ts +10 -10
- package/dist/esm/components/Cart/LoyaltyGuestCTA.d.ts +17 -17
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointConfetti.d.ts +11 -11
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointIcon.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/CheckpointTooltip.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepIcon.d.ts +9 -9
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.d.ts +5 -5
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +45 -45
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepUtils.d.ts +6 -6
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiTierProgressBar.d.ts +4 -4
- package/dist/esm/components/Cart/MultiStepProgressBar/MutiTierNextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/NextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.d.ts +4 -4
- package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +22 -22
- package/dist/esm/components/Cart/MultiStepProgressBar/SingletTierNextRewardMessage.d.ts +3 -3
- package/dist/esm/components/Cart/MultiStepProgressBar/types.d.ts +55 -55
- package/dist/esm/components/Cart/NextFreebieRow.d.ts +19 -19
- package/dist/esm/components/Cart/NoteSection.d.ts +8 -8
- package/dist/esm/components/Cart/ProductCard.d.ts +30 -30
- package/dist/esm/components/Cart/ProductRecCard.d.ts +20 -20
- package/dist/esm/components/Cart/ProductRecList.d.ts +23 -23
- package/dist/esm/components/Cart/ProgressBarCartLoader.d.ts +7 -7
- package/dist/esm/components/Cart/QuantitySelector.d.ts +12 -12
- package/dist/esm/components/Cart/RegionSpecificDelivery.d.ts +17 -17
- package/dist/esm/components/Cart/RewardPointsPreview.d.ts +10 -10
- package/dist/esm/components/Cart/StandardDelivery.d.ts +11 -11
- package/dist/esm/components/Cart/StealDealSection.d.ts +14 -14
- package/dist/esm/components/Cart/StickyCart.d.ts +64 -64
- package/dist/esm/components/Cart/SubtotalSection.d.ts +13 -13
- package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +19 -19
- package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts +60 -60
- package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +19 -19
- package/dist/esm/components/Cart/index.d.ts +1 -1
- package/dist/esm/components/Loyalty/Loader.d.ts +10 -10
- package/dist/esm/components/Loyalty/LoyaltyProductCatalog.d.ts +60 -60
- package/dist/esm/components/Loyalty/index.d.ts +2 -2
- package/dist/esm/components/LoyaltyPageBlock/LoyaltyPageBlock.d.ts +64 -64
- package/dist/esm/components/Nudge/LeadGenerationNudge.d.ts +15 -15
- package/dist/esm/components/Nudge/Nudge.d.ts +40 -40
- package/dist/esm/components/Nudge/index.d.ts +1 -1
- package/dist/esm/components/ProductOffersBlock/ProductOffersCoupon.d.ts +12 -12
- package/dist/esm/components/ProductOffersBlock/ProductOffersList.d.ts +12 -12
- package/dist/esm/components/ProductOffersBlock/ProductOffersTermsMobilePopover.d.ts +10 -10
- package/dist/esm/components/ProductOffersBlock/ProductOffersTermsPopup.d.ts +10 -10
- package/dist/esm/components/ProductOffersBlock/ProductsOffers.d.ts +42 -42
- package/dist/esm/components/SpinnerWheel/SpinnerWheel.d.ts +23 -23
- package/dist/esm/components/SpinnerWheel/WheelSection.d.ts +9 -9
- package/dist/esm/components/SpinnerWheel/index.d.ts +1 -1
- package/dist/esm/components/index.d.ts +9 -9
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +97 -97
- package/dist/esm/utils/converter.d.ts +2 -2
- package/dist/esm/utils/customVariantOptions.d.ts +20 -20
- package/dist/esm/utils/freebieProductUtils.d.ts +28 -28
- package/dist/esm/utils/freebieUtils.d.ts +5 -5
- package/dist/esm/utils/index.d.ts +14 -14
- package/package.json +96 -96
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,IoWalletOutline as v,IoShareSocialOutline as w,IoGiftOutline as C,IoCreateOutline as E,IoLogoFacebook as k,IoLogoInstagram as T,IoLogoTwitter as S,IoLogoYoutube as $,IoDiamondOutline as B,IoCheckmark as z,IoCopy as N,IoChevronBack as I,IoChevronForward as F}from"react-icons/io5";import{PhoneInput as P}from"react-international-phone";import D,{createPortal as A}from"react-dom";import{FaShoppingCart as _,FaAngleUp as R,FaAngleDown as O,FaChevronRight as L,FaArrowLeft as M,FaChevronDown as V,FaChevronUp as j,FaGift as W,FaRegQuestionCircle as H,FaCheckCircle as q,FaLockOpen as Q,FaPlus as U,FaLock as Y,FaTimes as G,FaCheck as X,FaChevronLeft as Z}from"react-icons/fa";import{RxInfoCircled as K,RxMinus as J}from"react-icons/rx";import{RiDeleteBinLine as ee,RiDeleteBinFill as te,RiCouponLine as ne,RiCloseLine as oe}from"react-icons/ri";import{atom as re,useAtom as ie,useAtomValue as ae,useSetAtom as le}from"jotai";import{atomWithStorage as ce}from"jotai/utils";import se from"currency-symbol-map";import{FaBagShopping as de,FaRegCopy as pe}from"react-icons/fa6";import{ClipLoader as ue,ScaleLoader as me}from"react-spinners";import{TbShoppingBagEdit as ge,TbTrashXFilled as xe,TbTrashX as fe}from"react-icons/tb";import{MdChevronLeft as ye,MdChevronRight as be,MdDiscount as he,MdClose as ve,MdVerified as we}from"react-icons/md";import Ce from"canvas-confetti";import{IoMdCheckmark as Ee,IoIosCart as ke,IoMdPricetags as Te,IoMdArrowDropleft as Se,IoMdArrowDropright as $e,IoIosStar as Be,IoIosArrowDown as ze}from"react-icons/io";import{AiFillGift as Ne,AiOutlineEdit as Ie}from"react-icons/ai";import{BiSolidTShirt as Fe,BiCube as Pe,BiPlus as De,BiSearch as Ae,BiFilterAlt as _e,BiSortAlt2 as Re,BiMinus as Oe,BiTrash as Le,BiCheck as Me,BiPencil as Ve,BiChevronDown as je,BiSolidDiscount as We}from"react-icons/bi";import{BsCupHotFill as He,BsReceiptCutoff as qe,BsInfoCircle as Qe,BsCheck as Ue,BsX as Ye,BsArrowRight as Ge,BsXLg as Xe,BsChevronDown as Ze}from"react-icons/bs";import{PiPercentDuotone as Ke}from"react-icons/pi";import{HiOutlineShoppingBag as Je,HiTag as et}from"react-icons/hi";import{LuZap as tt}from"react-icons/lu";import{GrFormNext as nt,GrFormSubtract as ot,GrFormAdd as rt,GrGift as it}from"react-icons/gr";import{FiLock as at,FiTrash as lt,FiArrowLeft as ct,FiArrowRight as st}from"react-icons/fi";import{HiOutlineShoppingBag as dt}from"react-icons/hi2";import{ImCheckboxChecked as pt,ImCheckboxUnchecked as ut}from"react-icons/im";import mt from"react-calendar";import gt from"react-modal-image";var xt='<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 ft(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))}}ft('@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");');ft(".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 yt=c.div`
|
|
1
|
+
import e,{useState as t,useEffect as n,useMemo as r,useRef as o,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,IoWalletOutline as v,IoShareSocialOutline as w,IoGiftOutline as C,IoCreateOutline as E,IoLogoFacebook as k,IoLogoInstagram as T,IoLogoTwitter as S,IoLogoYoutube as $,IoDiamondOutline as B,IoCheckmark as z,IoCopy as N,IoChevronBack as I,IoChevronForward as F}from"react-icons/io5";import{PhoneInput as P}from"react-international-phone";import D,{createPortal as A}from"react-dom";import{FaShoppingCart as _,FaAngleUp as R,FaAngleDown as O,FaChevronRight as L,FaArrowLeft as M,FaChevronDown as V,FaChevronUp as j,FaGift as W,FaRegQuestionCircle as H,FaCheckCircle as q,FaLockOpen as Q,FaPlus as U,FaLock as Y,FaTimes as G,FaCheck as X,FaChevronLeft as Z}from"react-icons/fa";import{RxInfoCircled as K,RxMinus as J}from"react-icons/rx";import{RiDeleteBinLine as ee,RiDeleteBinFill as te,RiCouponLine as ne,RiCloseLine as re}from"react-icons/ri";import{atom as oe,useAtom as ie,useAtomValue as ae,useSetAtom as le}from"jotai";import{atomWithStorage as ce}from"jotai/utils";import se from"currency-symbol-map";import{FaBagShopping as de,FaRegCopy as pe}from"react-icons/fa6";import{ClipLoader as ue,ScaleLoader as me}from"react-spinners";import{TbShoppingBagEdit as ge,TbTrashXFilled as xe,TbTrashX as fe}from"react-icons/tb";import{MdChevronLeft as ye,MdChevronRight as be,MdDiscount as he,MdClose as ve,MdVerified as we}from"react-icons/md";import Ce from"canvas-confetti";import{IoMdCheckmark as Ee,IoIosCart as ke,IoMdPricetags as Te,IoMdArrowDropleft as Se,IoMdArrowDropright as $e,IoIosStar as Be,IoIosArrowDown as ze}from"react-icons/io";import{AiFillGift as Ne,AiOutlineEdit as Ie}from"react-icons/ai";import{BiSolidTShirt as Fe,BiCube as Pe,BiPlus as De,BiSearch as Ae,BiFilterAlt as _e,BiSortAlt2 as Re,BiMinus as Oe,BiTrash as Le,BiCheck as Me,BiPencil as Ve,BiChevronDown as je,BiSolidDiscount as We}from"react-icons/bi";import{BsCupHotFill as He,BsReceiptCutoff as qe,BsInfoCircle as Qe,BsCheck as Ue,BsX as Ye,BsArrowRight as Ge,BsXLg as Xe,BsChevronDown as Ze}from"react-icons/bs";import{PiPercentDuotone as Ke}from"react-icons/pi";import{HiOutlineShoppingBag as Je,HiTag as et}from"react-icons/hi";import{LuZap as tt}from"react-icons/lu";import{GrFormNext as nt,GrFormSubtract as rt,GrFormAdd as ot,GrGift as it}from"react-icons/gr";import{FiLock as at,FiTrash as lt,FiArrowLeft as ct,FiArrowRight as st}from"react-icons/fi";import{HiOutlineShoppingBag as dt}from"react-icons/hi2";import{ImCheckboxChecked as pt,ImCheckboxUnchecked as ut}from"react-icons/im";import mt from"react-calendar";import gt from"react-modal-image";var xt='<svg width="29" height="23" viewBox="0 0 29 23" fill="none" xmlns="http://www.w3.org/2000/svg">\r\n<path d="M3.58718 11.5427H14.229V12.9247H3.58718V11.5427Z" fill="#FF4E4E"/>\r\n<path d="M1.81354 8.08752H10.6818V9.46959H1.81354V8.08752Z" fill="#FF4E4E"/>\r\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"/>\r\n</svg>';function ft(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===n&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=e:o.appendChild(document.createTextNode(e))}}ft('@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");');ft(".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 yt=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:
|
|
149
|
+
`,It=({ctaButtonColor:r="black",headerColor:o="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,m]=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),[B,z]=t(!1);n(()=>{let e;return C&&S>0?e=setInterval(()=>{$(e=>e-1)},1e3):0===S&&z(!0),()=>clearInterval(e)},[C,S]),n(()=>{const e=()=>{T(window.innerWidth<540)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const N=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),z(!1)}catch(e){h(e?.message||"An error occurred. Please try again.")}finally{w(!1)}};return e.createElement(e.Fragment,null,e.createElement(bt,{onClick:e=>{e.stopPropagation(),s&&s()}},e.createElement(ht,{onClick:e=>e.stopPropagation()},e.createElement(yt,{onClick:e=>{e.stopPropagation(),s&&s()}},e.createElement(u,{size:k?20:24,color:d})),e.createElement(vt,null,e.createElement(wt,{$headerColor:o},e.createElement(Ct,{className:"yt-lead-generation-nudge-title"},l),e.createElement(Et,{className:"yt-lead-generation-nudge-subtitle"},c)),e.createElement(kt,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(zt,{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($t,{type:"submit",$ctaButtonColor:r,disabled:v},v?"Verifying...":"Verify OTP"),S>0?e.createElement(Nt,null,"Resend OTP in 00:",S.toString().padStart(2,"0")):e.createElement(Nt,{$clickable:B,onClick:()=>{B&&N(new Event("submit"))}},"Resend OTP")):e.createElement("form",{onSubmit:N},e.createElement(St,null,e.createElement(P,{defaultCountry:"in",value:p,onChange:e=>m(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(Tt,{type:"email",value:g,onChange:e=>x(e.target.value),placeholder:"Email Address",required:!0}),b&&e.createElement(Bt,null,b),e.createElement($t,{type:"submit",$ctaButtonColor:r,disabled:v},v?"Loading...":"Submit")))))))},Ft=c.div`
|
|
150
150
|
font-family: sans-serif;
|
|
151
151
|
z-index: 12345;
|
|
152
152
|
position: fixed;
|
|
@@ -190,7 +190,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
190
190
|
right: 50%;
|
|
191
191
|
transform: translateX(50%);
|
|
192
192
|
}
|
|
193
|
-
`,Pt=e=>new Promise((t,n)=>{const
|
|
193
|
+
`,Pt=e=>new Promise((t,n)=>{const r=new Image;r.src=e,r.onload=()=>t({width:r.width,height:r.height}),r.onerror=n}),Dt=c.div`
|
|
194
194
|
font-family: sans-serif;
|
|
195
195
|
position: fixed;
|
|
196
196
|
z-index: 12345;
|
|
@@ -255,7 +255,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
255
255
|
padding: 5px 10px;
|
|
256
256
|
background-color: ${e=>e.$bgColor||"transparent"};
|
|
257
257
|
font-family: ${e=>e.$fontFamily||"initial"};
|
|
258
|
-
`,Rt=({onClose:t,margin:n,color:
|
|
258
|
+
`,Rt=({onClose:t,margin:n,color:r})=>{let o=320;return"undefined"!=typeof window&&(o=window.innerWidth),e.createElement("div",{onClick:t,style:{width:"100%",display:"flex",justifyContent:"flex-end",margin:n??"5px 15px 0 0"}},e.createElement("svg",{style:{cursor:"pointer",marginRight:o<=320?"-20px":"0"},stroke:r??"#000000",fill:"none",strokeWidth:"2",viewBox:"0 0 24 24",strokeLinecap:"round",strokeLinejoin:"round",height:"1em",width:"1em"},e.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18",stroke:r??"#000000"}),e.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18",stroke:r??"#000000"})))},Ot=c.div`
|
|
259
259
|
display: flex;
|
|
260
260
|
height: 100%;
|
|
261
261
|
align-items: flex-end;
|
|
@@ -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
|
-
`,Mt=({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=
|
|
292
|
+
`,Mt=({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=r=>{const{variant:o,title:i,text:a,highlightColor:l,backgroundColor:c,cartValue:s,freeDeliveryValue:d,onClickCheckout:p,onClose:u,isDev:m,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:B,padding:z,ctaButtonText:N,onClickCtaButton:I,position:F,nudgeImageUrl:P,closeIconColor:D,handleLoginOrSignup:A,handleSubmit:_}=r,[R,O]=t(!0),[L,M]=t(void 0),[V,j]=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),j(e)};return t(),O(!1),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[]);const[W,H]=t(!1);switch(n(()=>{const e=setTimeout(()=>{H(!0)},1e3);return()=>clearTimeout(e)},[]),o){case"leadGeneration":return e.createElement(It,{ctaButtonColor:h,headerColor:c,title:i,subtitle:a,handleLoginOrSignup:A,handleSubmit:_,onClose:u});case"campaign":return e.createElement(e.Fragment,null,e.createElement(At,{onClick:e=>{console.log("Backdrop clicked"),console.log("Target is backdrop:",e.target===e.currentTarget),u?(console.log("Calling onClose function"),u()):console.log("onClose function is not defined")}}),e.createElement(Dt,{onClick:$?x:void 0,style:{top:"50%",left:"50%",transform:"translate(-50%, -50%)"},$width:`${L?.width}px`,$height:`${L?.height}px`,$largeScreenImageUrl:E??"",$smallScreenImageUrl:k??""},e.createElement("div",{onClick:e=>{e.stopPropagation(),u?.()},style:{position:"absolute",top:"10px",right:"10px",zIndex:12346}},e.createElement(Rt,{margin:"0",color:`${D??"black"}`,onClose:void 0})),!R&&$&&S&&W&&e.createElement(Ot,{$ctaButtonPosition:w},e.createElement(Lt,{onClick:e=>{e.stopPropagation(),x?.()},$backgroundColor:h??"rgb(203, 242, 51)",$textColor:v},f))));case"delivery":return s&&d?e.createElement(Ft,{$minHeight:"none",$backgroundColor:c??"white"},e.createElement(Rt,{onClose:u}),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:m?xt:`data:image/svg+xml;utf8,${encodeURIComponent(xt)}`,alt:"Delivery Truck",height:"80px",width:"80px"}))):e.createElement(e.Fragment,null);case"postPurchase":return e.createElement(Ft,{$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:u},"Continue Shopping")));case"registration":return e.createElement(Ft,{$minHeight:"80px",$minWidth:"450px",$backgroundColor:c??"white",$borderRadius:B??"10px",$padding:z??"0 20px 20px 20px",$position:F},e.createElement("div",{style:{display:"flex",gap:"10px",justifyContent:"space-between",minHeight:"80px"}},e.createElement("img",{src:P||"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(Mt,{onClose:u})),e.createElement("div",{style:{fontSize:"13px",marginTop:"5px",lineHeight:"16px"}},a)),e.createElement(_t,{onClick:I,color:"white",$bgColor:h??"#5F5478",$borderRadius:"0px",$fontFamily:"Montserrat"},N??"Unlock Rewards!"))));default:return e.createElement(Ft,{$minHeight:"120px",$backgroundColor:c??"white"},e.createElement(Rt,{onClose:u}),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(_t,{onClick:p,color:"white",$bgColor:"black"},"Checkout Now"),e.createElement(_t,{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
|
`,Wt=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
|
-
`,Ut=({buttonColor:t,children:n,onClick:
|
|
384
|
+
`,Ut=({buttonColor:t,children:n,onClick:r})=>e.createElement(Wt,{onClick:r,buttonColor:t},n),Yt=({segments:n,setWinningSegment:r,brandGameDefaultThemeColor:o,brandThemeColor:i,ctaButtonText:a,wheelSectionColor1:l,wheelSectionColor2:c,wheelCenterLogo:s,isStatic:d})=>{const[p,u]=t(!1),[m,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(Ht,null,e.createElement(Qt,{$isDisabled:x,$brandThemeColor:i,$brandGameDefaultThemeColor:o},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(Ut,{buttonColor:i??o??"black",onClick:()=>!(d&&!0===d)&&(()=>{if(!x&&!y){b(!0),u(!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 r=0;n.forEach(n=>{n?.probability&&n.probability>0?(r+=n.probability/e*100,t.push(r)):t.push(r)})}const r=100*Math.random();let o;for(let e=0;e<t.length;e++)if(r<=t[e]){o=e;break}const i=360/n.length;if(void 0===o){let e=0,t=0;n.forEach((n,r)=>{n?.probability&&n.probability>t&&(t=n.probability,e=r)}),o=e}const a=(o+.5)*i,l=360*Math.floor(5*Math.random()+5);g(l-a)}})()},a??"Spin Now!")))},Gt=oe(void 0),Xt=ce("deliveryOptionStateValidity",{isPostalCodeValid:!1,isDateValid:!1}),Zt=oe(e=>{const t=e(Xt);return t.isPostalCodeValid&&t.isDateValid}),Kt=ce("deliveryType","standard"),Jt=ce("deliverySlotDate",null),en=oe({cartLoading:!1,showLoader:!1,showSkeletonLoader:!1,showLoyaltyCtaLoading:!1});function tn(){const[e,t]=ie(en);return{cartLoading:e,setLoading:(e,n,r,o)=>{t({cartLoading:e,showLoader:n,showSkeletonLoader:void 0!==r&&r,showLoyaltyCtaLoading:void 0!==o&&o})}}}const nn=oe({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)=>"INR"===t||"₹"===t||"Rs"===t||"Rs."===t||"rs"===t||"rs."===t||"RS."===t?Number((e/100).toFixed(2)):e,on={79:"Rs. "},an=(e,t)=>{const n=t??e?.currency??"INR";return"undefined"!=typeof window&&window.ytapp?.brandId?on[window.ytapp.brandId]??se(n)??"₹":se(n)??"₹"},ln=(e,t=15)=>e.length>t?e.substring(0,t)+"...":e,cn=(e,t,n,r="",o="16px")=>{const i=document.createElement("canvas").getContext("2d"),a=e.replace(/'/g,"'").replace(/"/g,'"').replace(/&/g,"&");if(i){const e=r?`${o} ${r}`:o;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 sn(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 dn(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 pn=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 mn(e,t="#FFFFFF",n="#000000",r=.5){if(!e)return;const o=window.getComputedStyle(e).backgroundColor;let i=0,a=0,l=0;if("transparent"===o||"rgba(0, 0, 0, 0)"===o)return void(e.style.color=n);const c=o.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=o,document.body.appendChild(t);const r=window.getComputedStyle(t).color;document.body.removeChild(t);const c=r.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*[\d.]+)?\)$/);if(!c)return console.warn("setContrastTextColor: Could not parse background color:",o,"Resolved to:",r),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>r?n:t}const gn=e=>{if(null==e)return"";const t=e.toString().split(".");return t[0]=t[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),t.join(".")},xn=()=>{const e=window.ytapp?.storeDomain;return!!e&&["veeba-sauces.myshopify.com"].includes(e)},fn=(e,t=150,n=85,r="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 o=e.split("?")[0];const i=o.lastIndexOf(".");if(-1===i)return e;const a=o.substring(i),l=o.substring(0,i).replace(/_\d+x\d*$|_x\d+$|_\d+x$/,""),c=`${l}${`_${t}x${t}`}${a}`,s=new URLSearchParams;"auto"!==r&&s.append("format",r),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}},yn=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 r=e.match(/^(YTA-|YTP-|YT-)(.+)$/);return r&&r[2]?r[2].trim():e},bn=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
|
-
`,_n=({product:n,addCartItem:
|
|
630
|
+
`,_n=({product:n,addCartItem:o,productRecsCtaButtonText:i,ctaButtonBackgroundColor:a,ctaButtonTextColor:l,primaryTextColor:c,secondaryTextColor:s,showVariantSelectionDropdownInProductRecs:d,layout:p,cartComponentsCornerRadius:u,cartComponentsCornerType:m,isVerticalList:g,backgroundColor:x,tertiaryColor:f,tertiaryTextColor:y})=>{const b=ae(Gt),h=le(nn),[v,w]=t(!1),C=r(()=>{const e=n?._ytAllowedVariantIds??n?.ytAllowedVariantIds;if(!Array.isArray(e)||0===e.length)return;const t=e.map(e=>zn(e)).filter(e=>Boolean(e));return t.length>0?t:void 0},[n]),E=r(()=>Array.isArray(n?.variants)?n.variants.filter(e=>{if(!C?.length)return!0;const t=zn(e?.id);return!!t&&C.includes(t)}):[],[n,C]),k=r(()=>{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 o(zn(k?.id)??zn(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)}}},B=()=>{const e=zn(n?.id),t=C&&C.length>0?C:n?.variants?.map(e=>zn(e.id)).filter(e=>Boolean(e));h({open:!0,variantId:zn(k?.id)??zn(E?.[0]?.id)??void 0,handle:n?.handle,freebieSelection:!1,productId:e,allowedVariantIds:t,productRec:!0})},z=d&&E.length>1,N=(n?.title??"").replace(/'/g,"'").replace(/"/g,'"').replace(/&/g,"&");const I=(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 fn(n,"vertical"===p?300:200,85,"webp")},F={flexDirection:"horizontal"===p?"row":"column",width:"horizontal"===p?"325px":"145px",justifyContent:"flex-start",gap:"horizontal"===p?"10px":""},P={width:"horizontal"===p?"100px":"auto"},D={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(Tn,{className:"yt-cart-product-rec-vertical-card"},e.createElement(Sn,{className:"yt-cart-product-rec-vertical-image",src:I(null,n),onClick:()=>{window.location.href=`${window.location.origin}${n?.url}`}}),e.createElement($n,{className:"yt-cart-product-rec-vertical-info"},e.createElement(Bn,{href:`${window.location.origin}${n?.url}`,$primaryTextColor:c},N),e.createElement(Nn,null,e.createElement(In,{$secondaryTextColor:s},an(b,b?.currency),gn(rn(T,b?.currency))),S&&e.createElement(Fn,null,an(b,b?.currency),gn(rn(S,b?.currency))),A&&e.createElement(An,{$background:f,$color:y},A))),e.createElement(Pn,{className:"yt-cart-product-rec-vertical-button",onClick:z?B:$,disabled:v,$ctaButtonBackgroundColor:a,$ctaButtonTextColor:l,$cartComponentsCornerType:m,$cartComponentsCornerRadius:u,style:{width:z?"auto":"36px",padding:z?"0 8px":"0"}},v?e.createElement(ue,{color:l??"white",size:14}):z?e.createElement(ge,null):e.createElement(de,null))):e.createElement(bn,{className:"yt-cart-product-rec-card-container",style:F,$variant:p??"horizontal",$cartComponentsCornerType:m,$cartComponentsCornerRadius:u,$backgroundColor:x},A&&e.createElement(Dn,{$background:f,$color:y},A),e.createElement(hn,{className:"yt-cart-product-rec-image",src:I(null,n),style:P,$variant:p??"horizontal",$cartComponentsCornerType:m,$cartComponentsCornerRadius:u,onClick:()=>{window.location.href=`${window.location.origin}${n?.url}`}}),e.createElement(vn,{className:"yt-cart-product-rec-info"},e.createElement("div",null,e.createElement(wn,{href:`${window.location.origin}${n?.url}`,style:{color:c??"black"}},N),e.createElement("div",{style:{display:"flex"}},e.createElement(Cn,{style:D},an(b,b?.currency),gn(rn(T,b?.currency))),e.createElement(kn,null,Number(S)>Number(T)&&e.createElement(e.Fragment,null," ",an(b,b?.currency),gn(rn(S,b?.currency)))))),e.createElement(En,{className:"yt-cart-product-rec-button",onClick:z?B:$,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:m,$cartComponentsCornerRadius:u},v?e.createElement(ue,{color:l??"white",size:16}):i??"Add to Cart")))},Rn=c.div`
|
|
631
631
|
display: flex;
|
|
632
632
|
flex-direction: column;
|
|
633
633
|
row-gap: 8px;
|
|
@@ -751,21 +751,21 @@ 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
|
-
`,Xn=({products:
|
|
754
|
+
`,Xn=({products:r,addCartItem:i,productRecsCtaButtonText:a,ctaButtonBackgroundColor:l,ctaButtonTextColor:c,productRecsTitleText:s,themeColor:d,primaryTextColor:p,secondaryTextColor:u,showVariantSelectionDropdownInProductRecs:m,variant:g,cardLayout:x,cartComponentsCornerRadius:f,cartComponentsCornerType:y,backgroundSubdued:b,backgroundColor:h,tertiaryColor:v,tertiaryTextColor:w})=>{const C=o(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)},[r]);const[E,k]=t(0),T=o(null),S=o(null),$=o(!1),B=()=>{k(e=>{const t=Math.max((N?.length||1)-1,0);return 0===e?t:e-1})},z=()=>{k(e=>e===Math.max((N?.length||1)-1,0)?0:e+1)},N=r?.filter(e=>e&&e.available&&"8627886358748"!==String(e?.id)&&"8627886358748"!==String(e?.product_id)),I=t=>N.map(n=>e.createElement(_n,{key:n?.id,addCartItem:i,product:n,productRecsCtaButtonText:a,ctaButtonBackgroundColor:l,ctaButtonTextColor:c,primaryTextColor:p,secondaryTextColor:u,showVariantSelectionDropdownInProductRecs:m,layout:x,cartComponentsCornerRadius:f,cartComponentsCornerType:y,isVerticalList:"vertical"===t,backgroundColor:h,tertiaryColor:v,tertiaryTextColor:w}));return"vertical"===g?e.createElement(Un,{className:"yt-cart-product-recs-vertical-container"},s&&e.createElement(Yn,{$primaryTextColor:p,$themeColor:d,$backgroundSubdued:b},s),e.createElement(Gn,{className:"yt-cart-product-recs-vertical-list"},I("vertical"))):e.createElement(Rn,{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(Ln,{className:"yt-cart-product-recs-scroll"},e.createElement(Mn,{ref:C},I())):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,r=t.clientY-S.current;Math.abs(n)>10&&Math.abs(n)>Math.abs(r)&&($.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?z():B()),T.current=null,S.current=null,$.current=!1}},e.createElement(qn,{onClick:B},e.createElement(ye,null)),e.createElement(Wn,{style:{transform:`translateX(-${E*(100/N.length)}%)`}},I()),e.createElement(Qn,{onClick:z},e.createElement(be,null)))))};ft('.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 Zn=e=>100/e,Kn=e=>{switch(e){case 1:case 2:case 3:case 4:default:return 22;case 5:return 17}},Jn=c.div`
|
|
755
755
|
display: flex;
|
|
756
756
|
align-items: center;
|
|
757
757
|
// padding: 0 10px;
|
|
758
758
|
justify-content: space-between;
|
|
759
759
|
align-self: center;
|
|
760
760
|
width: 90%;
|
|
761
|
-
`,
|
|
761
|
+
`,er=c.div`
|
|
762
762
|
position: relative;
|
|
763
763
|
display: flex;
|
|
764
764
|
flex-direction: column;
|
|
765
765
|
align-items: center;
|
|
766
766
|
// visibility: ${e=>e?.$isDummy?"hidden":"visible"};
|
|
767
767
|
/* width: ${e=>e?.$isDummy?"1px":"initial"}; */
|
|
768
|
-
`,
|
|
768
|
+
`,tr=c.div`
|
|
769
769
|
display: flex;
|
|
770
770
|
height: 12.5px;
|
|
771
771
|
background-color: ${e=>e?.$isCompleted?e?.$ctaButtonBackgroundColor??"#000000":sn(e?.$ctaButtonBackgroundColor??"#000000",.2)};
|
|
@@ -803,12 +803,12 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
803
803
|
border-top-right-radius: ${e=>1===e?.$numberOfCheckpoints?"9999px":e?.$isCompleted?"0px":"9999px"};
|
|
804
804
|
border-bottom-right-radius: ${e=>1===e?.$numberOfCheckpoints?"9999px":e?.$isCompleted?"0px":"9999px"};
|
|
805
805
|
}
|
|
806
|
-
`,
|
|
806
|
+
`,nr=c.div`
|
|
807
807
|
position: absolute;
|
|
808
808
|
top: auto;
|
|
809
809
|
bottom: calc(100% + 6px);
|
|
810
810
|
background-color: ${e=>e?.$isCompleted?e?.$ctaButtonBackgroundColor??"#000000":sn(e?.$ctaButtonBackgroundColor??"#000000",.2)};
|
|
811
|
-
color: ${e=>e?.$isCompleted?`${e?.$ctaButtonTextColor}
|
|
811
|
+
color: ${e=>e?.$isCompleted?`${e?.$ctaButtonTextColor}`:`${e.$primaryTextColor}`};
|
|
812
812
|
padding: 2px 4px;
|
|
813
813
|
font-size: 9px;
|
|
814
814
|
text-transform: uppercase;
|
|
@@ -827,7 +827,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
827
827
|
font-size: 7px;
|
|
828
828
|
max-width: 75px;
|
|
829
829
|
}
|
|
830
|
-
`,
|
|
830
|
+
`,rr=c.div`
|
|
831
831
|
position: absolute;
|
|
832
832
|
bottom: -22px;
|
|
833
833
|
background-color: ${e=>e.$ctaButtonBackgroundColor??"#383f42"};
|
|
@@ -851,7 +851,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
851
851
|
border-color: transparent transparent
|
|
852
852
|
${e=>e.$ctaButtonBackgroundColor??"#383f42"} transparent;
|
|
853
853
|
}
|
|
854
|
-
`,
|
|
854
|
+
`,or=c.span`
|
|
855
855
|
font-size: 14px;
|
|
856
856
|
line-height: normal;
|
|
857
857
|
font-weight: 400;
|
|
@@ -873,29 +873,29 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
873
873
|
}
|
|
874
874
|
`;c.span`
|
|
875
875
|
color: ${({$ctaButtonBackgroundColor:e})=>e};
|
|
876
|
-
`;const
|
|
876
|
+
`;const ir=c.div`
|
|
877
877
|
// border-radius: 10px;
|
|
878
878
|
// margin: 0 0 1rem;
|
|
879
879
|
// border: 1px solid #e5e7eb;
|
|
880
880
|
margin-bottom: ${e=>e.$showMOVForProgressTiers?"27px":"5px"};
|
|
881
881
|
margin-right: ${e=>`${5+(e.$rightMarginOffsetPx??0)}px`};
|
|
882
|
-
`,
|
|
882
|
+
`,ar=c.div`
|
|
883
883
|
display: flex;
|
|
884
884
|
flex-direction: column;
|
|
885
885
|
row-gap: 6px;
|
|
886
886
|
margin-top: ${({$tagWrapOffsetPx:e=0})=>`${24+e}px`};
|
|
887
|
-
`,
|
|
887
|
+
`,lr=c.div`
|
|
888
888
|
display: flex;
|
|
889
889
|
flex-direction: column;
|
|
890
890
|
width: ${e=>`${Zn(e.$numberOfCheckpoints)}%`};
|
|
891
|
-
`,
|
|
891
|
+
`,cr=c.div`
|
|
892
892
|
display: flex;
|
|
893
893
|
flex-direction: row;
|
|
894
894
|
width: 100%;
|
|
895
895
|
align-items: center;
|
|
896
896
|
`;c.span`
|
|
897
897
|
color: ${({$ctaButtonBackgroundColor:e})=>e};
|
|
898
|
-
`;const
|
|
898
|
+
`;const sr=c.div`
|
|
899
899
|
display: flex;
|
|
900
900
|
height: 12.5px;
|
|
901
901
|
background-color: ${e=>e?.$isCompleted?e?.$ctaButtonBackgroundColor??"#000000":sn(e?.$ctaButtonBackgroundColor??"#000000",.2)};
|
|
@@ -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
|
+
`,dr=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
|
+
`,pr=c.span`
|
|
945
945
|
font-size: 14px;
|
|
946
946
|
line-height: normal;
|
|
947
947
|
font-weight: 400;
|
|
@@ -957,26 +957,26 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
957
957
|
@media (max-width: 374px) {
|
|
958
958
|
font-size: 12px;
|
|
959
959
|
}
|
|
960
|
-
`,
|
|
960
|
+
`,ur=c.div`
|
|
961
961
|
// border-radius: 10px;
|
|
962
962
|
// margin: 0 0 1rem;
|
|
963
963
|
// border: 1px solid #e5e7eb;
|
|
964
964
|
margin-bottom: 5px;
|
|
965
965
|
margin-top: 8px;
|
|
966
|
-
`,
|
|
966
|
+
`,mr=c.div`
|
|
967
967
|
display: flex;
|
|
968
968
|
flex-direction: column;
|
|
969
969
|
row-gap: 6px;
|
|
970
|
-
`,
|
|
970
|
+
`,gr=c.div`
|
|
971
971
|
display: flex;
|
|
972
972
|
flex-direction: column;
|
|
973
973
|
width: ${e=>`${Zn(e.$numberOfCheckpoints)}%`};
|
|
974
|
-
`,
|
|
974
|
+
`,xr=c.div`
|
|
975
975
|
display: flex;
|
|
976
976
|
flex-direction: row;
|
|
977
977
|
width: 100%;
|
|
978
978
|
align-items: center;
|
|
979
|
-
`;const
|
|
979
|
+
`;const fr=e=>"minimum_order_value"===e?"minimumOrderValue":"quantityThreshold";function yr(e,t,n,r,o){const i=(a="minimum_order_value"===o.customCartProgressBarCriteria?o.currentCartAmount:void 0===o.effectiveQuantityForProgressBar?r:o.effectiveQuantityForProgressBar,l=e?.[fr(o.customCartProgressBarCriteria)],c=0===t?0:n?.[t-1]?.[fr(o.customCartProgressBarCriteria)],a>=l?100:a>c?(a-c)/(l-c)*100:0);var a,l,c;return{...e,progressPercentage:i}}const br=c.span`
|
|
980
980
|
&& {
|
|
981
981
|
display: flex !important;
|
|
982
982
|
justify-content: center !important;
|
|
@@ -985,18 +985,18 @@ 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
|
-
`,
|
|
988
|
+
`,hr=({prefixMessageText:t="You are",suffixMessageText:n="away from",successMessageText:r="Best reward unlocked",...o})=>{const i=(r,o)=>e.createElement(br,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"}},r)," ",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"}},o));let a=-1;const l=void 0!==o.currentCartAmount?o.currentCartAmount:o.cartData?.items_subtotal_price,c=void 0!==o.effectiveQuantityForProgressBar?o.effectiveQuantityForProgressBar:o.cartData?.item_count,s=an(o.cartData,o.cartData?.currency)??"Rs .";if("minimum_order_value"===o.customCartProgressBarCriteria){if(0===l&&o.cartData?.items_subtotal_price>0)return null;for(let e=0;e<o.checkpoints?.length;e++)if(l<o.checkpoints?.[e]?.minimumOrderValue){a=e;break}if(-1===a)return e.createElement("span",{className:"yt-cart-progress-bar-success-span"},r);const t=o.checkpoints?.[a];return i(`${s}${gn((t?.minimumOrderValue-l).toFixed(0))}`,t?.name)}if(0===c&&o.cartData?.item_count>0)return null;for(let e=0;e<o.checkpoints?.length;e++)if(c<o.checkpoints?.[e]?.quantityThreshold){a=e;break}if(-1===a)return e.createElement("span",{className:"yt-cart-progress-bar-success-span"},r);const d=o.checkpoints?.[a];return i(`${d?.quantityThreshold-c}`,d?.name)},vr=t=>e.createElement(pr,{className:"yt-cart-single-tier-reward-message",$ctaButtonTextColor:t.ctaButtonTextColor,$ctaButtonBackgroundColor:t.ctaButtonBackgroundColor},e.createElement(hr,{...t})),wr=({particleCount:t,spread:r,origin:i,checkpointPosition:a=.5})=>{const l=o(null),c=o(!1);return n(()=>{if(l.current&&!c.current){Ce.create(l.current,{resize:!0})({particleCount:10*t,spread:r,origin:{x:1,y:.8}}),c.current=!0}},[t,r,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"}})},Cr=({prefixMessageText:r,suffixMessageText:i,successMessageText:a,enableConfetti:l,...c})=>{const{currentCartAmount:s,checkpoints:d,themeColor:p,customCartProgressBarCriteria:u,primaryTextColor:m,effectiveQuantityForProgressBar:g,ctaButtonBackgroundColor:x,ctaButtonTextColor:f}=c,y=ae(Gt),[b,h]=t(!1),[v,w]=t(-1),C=o({});return n(()=>{d?.forEach((e,t)=>{const n=yr(e,0,d??[],y?.item_count,c),r=String(e.couponTemplateId);(C.current[r]||0)<100&&n.progressPercentage>=100&&(w(t),h(!0),setTimeout(()=>h(!1),5e3)),C.current[r]=n.progressPercentage})},[y,d]),e.createElement(e.Fragment,null,e.createElement(vr,{currentCartAmount:s,checkpoints:d,cartData:y,customCartProgressBarCriteria:u,effectiveQuantityForProgressBar:g,themeColor:p,primaryTextColor:m,showMOVForProgressTiers:!1,prefixMessageText:r,suffixMessageText:i,successMessageText:a,ctaButtonBackgroundColor:x,ctaButtonTextColor:f}),e.createElement(ur,null,b&&l&&e.createElement(wr,{particleCount:50,spread:90,origin:{y:.3},checkpointPosition:(v+1)/(d?.length??1)}),e.createElement(mr,null,e.createElement(dr,null,d?.sort((e,t)=>"minimum_order_value"===u?e?.minimumOrderValue-t?.minimumOrderValue:e?.quantityThreshold-t?.quantityThreshold)?.filter(e=>0!==e?.[fr(u)]&&("minimum_order_value"!==u||1!==e?.[fr(u)]))?.map((...e)=>yr(...e,y?.item_count,c))?.map((t,n)=>e.createElement(gr,{key:t?.couponTemplateId,$numberOfCheckpoints:d?.length??1},e.createElement(xr,null,n<d?.length&&e.createElement(sr,{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}))))))))},Er=t=>e.createElement(or,{className:"yt-cart-multi-tier-reward-message",$ctaButtonTextColor:t.ctaButtonTextColor,$ctaButtonBackgroundColor:t.ctaButtonBackgroundColor},e.createElement(hr,{...t})),kr=(t,n,r,o,i)=>{let a;if(a="free_product"===t?Tr?.[o]:Sr?.[t],!a)return e.createElement(Ee,{style:{padding:"4px",border:"2px solid black",backgroundColor:"grey",color:"white",borderRadius:"9999px",fontSize:`${Kn(r)}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:`${Kn(r??3)}px`,marginLeft:"-2px"}})},Tr={tshirt:Fe,box:Pe,cup:He,gift:Ne,emptyCircle:Ke},Sr={percentage_discount_coupon:he,amount_discount_coupon:he,free_delivery:_,free_gift:Ne,dummy_coupon:Ke},$r=({checkpointWithProgress:t,themeColor:n,checkpointsLength:r,progressBarFreeProductIconType:o,themeTextColor:i,ctaButtonTextColor:a})=>t?.progressPercentage>=100?e.createElement(Ee,{style:{padding:"4px",border:"2px solid black",backgroundColor:n,color:a,borderColor:n,borderRadius:"9999px",fontSize:`${Kn(r)}px`,width:"24px",height:"24px",marginLeft:"-2px",boxShadow:"0 2px 4px rgba(0, 0, 0, 0.3)"}}):kr(t?.couponType,"#707070",r,o??"tshirt"),Br=({showMOVForProgressTiers:t,minimumOrderValue:n,customCartProgressBarCriteria:r,cartData:o,quantityThreshold:i,ctaButtonBackgroundColor:a,ctaButtonTextColor:l})=>t?e.createElement(rr,{$visible:n>1||i>0,$ctaButtonTextColor:l,$ctaButtonBackgroundColor:a},"minimum_order_value"===r?`${an(o,o?.currency)} ${gn(n)}`:`${i} item${i>1?"s":""}`):null,zr="undefined"!=typeof window?a:n,Nr=({prefixMessageText:r,suffixMessageText:a,successMessageText:l,enableConfetti:c,...s})=>{const{currentCartAmount:d,checkpoints:p,themeColor:u,themeTextColor:m,customCartProgressBarCriteria:g,primaryTextColor:x,effectiveQuantityForProgressBar:f,progressBarFreeProductIconType:y,ctaButtonBackgroundColor:b,showMOVForProgressTiers:h,ctaButtonTextColor:v}=s,w=ae(Gt),[C,E]=t(!1),[k,T]=t(-1),S=o({}),[$,B]=t(0),[z,N]=t(0),I=o(null),F=o([]);F.current.length=0;const P=i(()=>{if("undefined"==typeof window)return;const e=F.current.filter(e=>Boolean(e&&null!==e.offsetParent));if(!e.length)return B(e=>0!==e?0:e),void N(e=>0!==e?0:e);let t=0;e.forEach(e=>{const n=window.getComputedStyle(e),r=parseFloat(n.lineHeight||""),o=parseFloat(n.fontSize||""),i=Number.isNaN(r)?Number.isNaN(o)?0:1.2*o:r,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;B(e=>e!==n?n:e);const r=I.current,o=e[e.length-1];if(!r||!o)return void N(e=>0!==e?0:e);const i=r.getBoundingClientRect(),a=o.getBoundingClientRect(),l=Math.ceil(a.right-i.right),c=l>0?l:0;N(e=>e!==c?c:e)},[]);return zr(()=>{P()}),n(()=>{if("undefined"==typeof window)return;const e=()=>{P()};window.addEventListener("resize",e);const t=I.current,n="undefined"!=typeof ResizeObserver&&t?new ResizeObserver(()=>P()):null;return n&&t&&n.observe(t),()=>{window.removeEventListener("resize",e),n?.disconnect()}},[P]),n(()=>{s.checkpoints?.forEach((e,t)=>{const n=yr(e,0,s.checkpoints??[],w?.item_count,s),r=String(e.couponTemplateId);(S.current[r]||0)<100&&n.progressPercentage>=100&&(T(t),E(!0),setTimeout(()=>E(!1),5e3)),S.current[r]=n.progressPercentage})},[w,s.checkpoints]),e.createElement(e.Fragment,null,e.createElement(Er,{currentCartAmount:d,checkpoints:s.checkpoints,cartData:w,customCartProgressBarCriteria:s.customCartProgressBarCriteria,effectiveQuantityForProgressBar:s.effectiveQuantityForProgressBar,themeColor:u,primaryTextColor:x,showMOVForProgressTiers:s.showMOVForProgressTiers??!1,ctaButtonBackgroundColor:b,prefixMessageText:r,suffixMessageText:a,successMessageText:l,ctaButtonTextColor:v}),e.createElement(ir,{className:"yt-cart-progress-bar-wrapper",$showMOVForProgressTiers:s.showMOVForProgressTiers??!1,$rightMarginOffsetPx:z,ref:I},C&&c&&e.createElement(wr,{particleCount:50,spread:90,origin:{y:.3},checkpointPosition:(k+1)/(s.checkpoints?.length??1)}),e.createElement(ar,{$tagWrapOffsetPx:$},e.createElement(Jn,null,s.checkpoints?.sort((e,t)=>"minimum_order_value"===s.customCartProgressBarCriteria?e?.minimumOrderValue-t?.minimumOrderValue:e?.quantityThreshold-t?.quantityThreshold)?.filter(e=>0!==e?.[fr(s.customCartProgressBarCriteria)])?.map((...e)=>yr(...e,w?.item_count,s))?.map((t,n)=>e.createElement(lr,{key:t?.couponTemplateId,$numberOfCheckpoints:s.checkpoints?.length??1},e.createElement(cr,null,n<s.checkpoints?.length&&e.createElement(tr,{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(er,{$isDummy:t?.isDummyCouponTemplate},e.createElement(nr,{className:"yt-cart-progress-bar-tier-name-tag",ref:e=>{F.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($r,{checkpointWithProgress:t,themeColor:b,themeTextColor:m,checkpointsLength:s.checkpoints?.length,progressBarFreeProductIconType:y,ctaButtonTextColor:v}),e.createElement(Br,{showMOVForProgressTiers:s.showMOVForProgressTiers,minimumOrderValue:t?.minimumOrderValue,customCartProgressBarCriteria:s.customCartProgressBarCriteria,cartData:w,quantityThreshold:t?.quantityThreshold,ctaButtonBackgroundColor:b,ctaButtonTextColor:v})))))))))},Ir=t=>t?.checkpoints&&t.checkpoints.length>0?1===t.checkpoints.length?e.createElement(Cr,{...t}):e.createElement(Nr,{...t}):null,Fr=c(c.span`
|
|
989
989
|
display: flex !important;
|
|
990
990
|
gap: 4px;
|
|
991
991
|
`)`
|
|
992
992
|
font-size: 13px;
|
|
993
|
-
`,
|
|
993
|
+
`,Pr=c.div`
|
|
994
994
|
display: flex;
|
|
995
995
|
flex-direction: column;
|
|
996
996
|
width: 100%;
|
|
997
997
|
gap: 10px;
|
|
998
998
|
margin-top: 16px;
|
|
999
|
-
`;function Ao({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",recProductsList:g,addCartItem:x,productRecsCtaButtonText:f,ctaButtonBackgroundColor:y,ctaButtonTextColor:b,primaryTextColor:h,secondaryTextColor:v,showVariantSelectionDropdownInProductRecs:w,productRecsTitleText:C,emptyProductRecsTitleText:E="Empty cart Recommendations",backgroundSubdued:k,showEmptyCartRecommendations:T=!1,tertiaryColor:S,tertiaryTextColor:$}){const[B,z]=t(!1),[N,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:v??"#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:S??"#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:$??"black"})),e.createElement("span",{className:"yt-cart-empty-title",style:{color:h,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(tt,{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(Do,null,d.map((t,n)=>e.createElement("button",{key:`empty-cart-button-${n}`,onMouseEnter:()=>I(n),onMouseLeave:()=>I(null),onClick:()=>window.location.href=t.link,style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:N===n?s||"#73DABB":"#CACACA30",color:N===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)))),T&&g&&g.length>0&&x&&e.createElement("div",{className:"yt-cart-empty-recommendations",style:{width:"100%",marginTop:"20px",marginBottom:"20px"}},e.createElement(Xn,{products:g,addCartItem:x,productRecsTitleText:E,productRecsCtaButtonText:f,ctaButtonBackgroundColor:y,ctaButtonTextColor:b,primaryTextColor:h,secondaryTextColor:v,showVariantSelectionDropdownInProductRecs:w,variant:"scroll",cardLayout:"vertical",cartComponentsCornerRadius:p,cartComponentsCornerType:u,backgroundSubdued:k,tertiaryColor:S,tertiaryTextColor:$}))),e.createElement("button",{className:"yt-cart-empty-continue-shopping",onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!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(Je,{color:h}),e.createElement("span",{style:{textTransform:"uppercase",fontSize:"12px",fontWeight:600,color:h,cursor:"pointer"}},"Continue Shopping")))}const _o=ce("gstNumber",""),Ro=ce("gstCompanyName",""),Oo=re("");ft("/* 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 Lo=ce("postalCode",void 0);function Mo({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:B,cartCheckpoints:z,toggleDecimal:N,disableCheckoutButton:I,checkoutButtonBottomSpacing:F=8,showCheckoutButtonPaymentIcons:P,primaryTextColor:D,hideSubtotalAndBadge:A=!1,showTrustedBadge:_,trustedBadgeData:R}){const O=ae(Gt),L=ae(_o),M=ae(Ro),V=ae(Oo),j=ae(Zt),W=ae(Xt),H=ae(Lo),q=ae(Jt),Q=ae(Kt),[U,Y]=t(!1),G=an(O,O?.currency),[X,Z]=t("closed"),K=r(null),[J,ee]=t(!1),te=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),[$]),ne=o(()=>on(p??0,O?.currency??"INR"),[p,O?.currency]),oe=o(()=>gn(N?ne.toFixed(2):ne.toFixed(0)),[ne,N]),re=r(null),ie=r(null),le=r(null),ce=()=>{Z("closing"),setTimeout(()=>{Z("closed")},300)},se=on(O?.original_total_price,O?.currency),de=o(()=>z?.find(e=>"free_delivery"===e.couponType&&void 0!==e.discountValue),[z]),pe=o(()=>!(!de||!de.minimumOrderValue)&&se>=de.minimumOrderValue,[de,se]),ue=pe&&de&&de.discountValue||0,me=d?on(d,O?.currency??"INR"):0,ge=Number((se-me).toFixed(2)),xe=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 on(e,O?.currency)},[O?.items,S]),fe=o(()=>pe?xe+ue:xe,[pe,xe,ue]),ye=o(()=>ne&&ne>0?`Add products worth more than ${G}${oe}`:"",[ne,G,oe]),be=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]),he=on(be,O?.currency??"INR");n(()=>{re.current&&mn(re.current),ie.current&&mn(ie.current),le.current&&mn(le.current)},[i,me,S,he,X,ue]);const ve=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]),we=o(()=>{const e=[];for(const t in ve)if(Object.prototype.hasOwnProperty.call(ve,t)){const n=ve[t],o=on(n,O?.currency??"INR"),r=yn(t);e.push({title:r,amount:o})}return e},[ve,O?.currency]),Ce=o(()=>{let e=0;return e+=S?me+he:me,pe&&(e+=ue),e},[me,he,S,pe,ue]),Ee=async e=>{if(Y(!0),ge<=0)Y(!1);else{if(y){if("standard"!==Q&&(h?!j:!W.isPostalCodeValid))return void Y(!1);if(b)try{"standard"===Q?await b(Q):await b(Q,String(H)||"",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&&""!==M&&""!==L&&await m(L,M),f&&x&&""!==V&&await x(V),await l(e),Y(!1)}},[Te,Se]=t(!1);n(()=>{Se(ge<=0||(!!I||!!y&&("standard"!==Q&&(h?!j:!W.isPostalCodeValid))))},[W,Q,y,h,j,q,I,ge]);const[$e,Be]=t(!1),ze=r(null),[Ne,Ie]=t("0px");n(()=>{ze.current&&Ie($e?`${ze.current.scrollHeight}px`:"0px")},[$e,we,pe]);const Fe=()=>{Be(!$e)};n(()=>{function e(e){K.current&&!K.current.contains(e.target)&&ce()}return"open"!==X&&"opening"!==X||document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[X]);const Pe=(t,n="Checkout")=>t?e.createElement("span",{style:{fontSize:"13px",width:"100%",textAlign:"center"}},"Redirecting to Checkout..."):P?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(nt,{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(ke,{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&&!xn()&&(()=>{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:B,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:"max-content",padding:"0 55px",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:te}),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:B,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:te}),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:te}),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:B,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:te}),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"!==X&&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"===X?1:0,transition:"opacity 0.3s ease-in-out",display:"block",zIndex:2147483643},onClick:ce}),e.createElement("div",{className:"yt-cart-checkout-popout",ref:K,style:{position:"fixed",bottom:0,left:0,right:0,zIndex:2147483644,transform:"open"===X?"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:ce,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&&he>0||c&&we.length>0||pe&&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"}},G,gn(pe?N?fe.toFixed(2):fe.toFixed(0):N?xe.toFixed(2):xe.toFixed(0)))),(me>0||S&&he>0||pe&&ue>0)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",paddingBottom:"5px",marginTop:"5px",fontWeight:"600"}},S&&he>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"}},"-",G,gn(N?he.toFixed(2):he.toFixed(0)))),pe&&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"}},"-",G,gn(N?ue.toFixed(2):ue.toFixed(0)))),we.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"}},"-",G,gn(N?t.amount.toFixed(2):t.amount.toFixed(0))))),Ce>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"}},"-",G,gn(N?Ce.toFixed(2):Ce.toFixed(0))))),(me>0||S&&he>0||pe&&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:me>0||S&&he>0||pe&&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)"}},G,gn(N?ge.toFixed(2):ge.toFixed(0)))),e.createElement("div",{style:{display:"flex",background:$,color:B,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,G,gn(N?Ce.toFixed(2):Ce.toFixed(0)))," ","on your order")),e.createElement("button",{ref:ie,id:"yt-checkout-button-popout",className:"yt-checkout-button",onClick:Ee,disabled:Te,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:Te?.5:1,cursor:Te?"not-allowed":"pointer",borderRadius:"0px",boxShadow:"none",width:"100%"}},Pe(U)))),(!0===s||"true"===s)&&I&&Te&&ye&&e.createElement("div",{style:{display:"flex",justifyContent:"center",textAlign:"center",fontSize:"13px",color:"red"}},ye),!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 ${F}px 8px`}},e.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",justifyContent:"center",alignItems:"flex-start",paddingRight:"2rem",overflowWrap:"normal"}},(me>0||S&&he>0||pe&&ue>0)&&e.createElement("div",{className:"yt-cart-checkout-save-badge",ref:le,style:{fontSize:"9px",backgroundColor:i,width:"max-content",padding:"2px 8px"}},"Saving ",G,gn(N?Ce.toFixed(2):Ce.toFixed(0))),U?e.createElement("div",{style:{fontSize:"12px",color:"#4a4a4a"}},"Redirecting to Checkout..."):c||pe&&de?e.createElement("div",null,e.createElement("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"center"}},e.createElement("span",{style:{fontSize:"15px",color:"#1E1E1E",fontWeight:"600"}},G,gn(N?ge.toFixed(2):ge.toFixed(0))),(me>0||he>0||pe&&ue>0)&&e.createElement("span",{style:{fontSize:"14px",color:"#8C8C8C",textDecoration:"line-through",marginLeft:"4px",fontWeight:"normal"}},G,gn(pe?fe.toFixed(0):xe.toFixed(0))))):e.createElement("div",{style:{fontSize:"18px",color:"#1E1E1E",fontWeight:"600"}},G,gn(N?ge.toFixed(2):ge.toFixed(0))),S&&he>0||c&&me>0||pe&&ue>0?e.createElement("div",{style:{fontSize:"11px",color:"#4A5157",width:"max-content",cursor:"pointer",textDecoration:"underline"},onClick:e=>{e.stopPropagation(),Z("opening"),requestAnimationFrame(()=>{Z("open")}),ee(!J)}},"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:re,id:"yt-checkout-button",className:"yt-checkout-button",onClick:Ee,disabled:Te,style:{backgroundColor:i,border:0,textTransform:"uppercase",letterSpacing:"1px",fontSize:"12px",padding:"10px 15px",opacity:Te?.5:1,cursor:Te?"not-allowed":"pointer",borderRadius:"rounded"===w?`${C}px`:"0px",width:"100%",margin:"0 auto",boxShadow:"none"}},P?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(nt,{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,I&&Te&&ye&&e.createElement("div",{className:"yt-cart-checkout-disabled-message",style:{display:"flex",justifyContent:"center",textAlign:"center",fontSize:"13px",color:"red"}},ye),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:D}},(he>0||c&&we.length>0||pe&&ue>0)&&Ce>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"}},G,gn(pe?N?fe.toFixed(2):fe.toFixed(0):N?xe.toFixed(2):xe.toFixed(0)))),(me>0||he>0||pe&&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:Fe,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"}},$e?"Hide details":"See details")),e.createElement("span",{className:"yt-cart-discounts-total",style:{fontSize:"14px",color:"#D3122A",fontWeight:"600"}},"-",G,gn(N?Ce.toFixed(2):Ce.toFixed(0)))),e.createElement("div",{className:"yt-cart-discounts-details",ref:ze,style:{height:Ne,overflow:"hidden",transition:"height 0.3s ease, opacity 0.3s ease",opacity:$e?1:0,marginTop:$e?"5px":"0",borderTop:$e?"1px solid #E5E7EB":"none",paddingTop:$e?"5px":"0",fontWeight:"600"}},S&&he>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"}},"-",G,gn(N?he.toFixed(2):he.toFixed(0)))),pe&&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"}},"-",G,gn(N?ue.toFixed(2):ue.toFixed(0)))),we.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"}},"-",G,gn(N?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)"}},G,gn(N?ge.toFixed(2):ge.toFixed(0))))),e.createElement("button",{ref:re,id:"yt-checkout-button",className:"yt-checkout-button",onClick:Ee,disabled:Te,style:{display:"flex",flexDirection:"row",alignItems:"center",margin:"closed"!==X||v?"0":`4px 1rem ${F}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:Te?.5:1,cursor:Te?"not-allowed":"pointer",borderRadius:"closed"!==X?"0px":"rounded"===w?`${C}px`:"0px",boxShadow:"none"}},Pe(U,P?"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 Dr({showLoyaltyCta:n,exploreCTAColor:r="#73DABB",emptyCartTitle:o="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",recProductsList:g,addCartItem:x,productRecsCtaButtonText:f,ctaButtonBackgroundColor:y,ctaButtonTextColor:b,primaryTextColor:h,secondaryTextColor:v,showVariantSelectionDropdownInProductRecs:w,productRecsTitleText:C,emptyProductRecsTitleText:E="Empty cart Recommendations",backgroundSubdued:k,showEmptyCartRecommendations:T=!1,tertiaryColor:S,tertiaryTextColor:$}){const[B,z]=t(!1),[N,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:v??"#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:S??"#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:$??"black"})),e.createElement("span",{className:"yt-cart-empty-title",style:{color:h,fontWeight:"semibold"}},o),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(tt,{color:r,fontSize:"14px",strokeWidth:2}),e.createElement(Fr,null,e.createElement("span",{className:"yt-cart-empty-signin-link",onClick:l,style:{color:r,textDecorationLine:"underline",cursor:"pointer"}},"Sign-in")," ",e.createElement("span",{style:{color:"black"}},"to avail offers"))),d&&d.length>0&&e.createElement(Pr,null,d.map((t,n)=>e.createElement("button",{key:`empty-cart-button-${n}`,onMouseEnter:()=>I(n),onMouseLeave:()=>I(null),onClick:()=>window.location.href=t.link,style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:N===n?s||"#73DABB":"#CACACA30",color:N===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)))),T&&g&&g.length>0&&x&&e.createElement("div",{className:"yt-cart-empty-recommendations",style:{width:"100%",marginTop:"20px",marginBottom:"20px"}},e.createElement(Xn,{products:g,addCartItem:x,productRecsTitleText:E,productRecsCtaButtonText:f,ctaButtonBackgroundColor:y,ctaButtonTextColor:b,primaryTextColor:h,secondaryTextColor:v,showVariantSelectionDropdownInProductRecs:w,variant:"scroll",cardLayout:"vertical",cartComponentsCornerRadius:p,cartComponentsCornerType:u,backgroundSubdued:k,tertiaryColor:S,tertiaryTextColor:$}))),e.createElement("button",{className:"yt-cart-empty-continue-shopping",onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!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(Je,{color:h}),e.createElement("span",{style:{textTransform:"uppercase",fontSize:"12px",fontWeight:600,color:h,cursor:"pointer"}},"Continue Shopping")))}const Ar=ce("gstNumber",""),_r=ce("gstCompanyName",""),Rr=oe("");ft("/* 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 Or=ce("postalCode",void 0);function Lr({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:B,cartCheckpoints:z,toggleDecimal:N,disableCheckoutButton:I,checkoutButtonBottomSpacing:F=8,showCheckoutButtonPaymentIcons:P,primaryTextColor:D,hideSubtotalAndBadge:A=!1,showTrustedBadge:_,trustedBadgeData:R}){const O=ae(Gt),L=ae(Ar),M=ae(_r),V=ae(Rr),j=ae(Zt),W=ae(Xt),H=ae(Or),q=ae(Jt),Q=ae(Kt),[U,Y]=t(!1),G=an(O,O?.currency),[X,Z]=t("closed"),K=o(null),[J,ee]=t(!1),te=r(()=>((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),r=parseInt(n.slice(3,5),16),o=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(r*(1-t)))),c=Math.max(0,Math.min(255,Math.floor(o*(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),[$]),ne=r(()=>rn(p??0,O?.currency??"INR"),[p,O?.currency]),re=r(()=>gn(N?ne.toFixed(2):ne.toFixed(0)),[ne,N]),oe=o(null),ie=o(null),le=o(null),ce=()=>{Z("closing"),setTimeout(()=>{Z("closed")},300)},se=rn(O?.original_total_price,O?.currency),de=r(()=>z?.find(e=>"free_delivery"===e.couponType&&void 0!==e.discountValue),[z]),pe=r(()=>!(!de||!de.minimumOrderValue)&&se>=de.minimumOrderValue,[de,se]),ue=pe&&de&&de.discountValue||0,me=d?rn(d,O?.currency??"INR"):0,ge=Number((se-me).toFixed(2)),xe=r(()=>{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]),fe=r(()=>pe?xe+ue:xe,[pe,xe,ue]),ye=r(()=>ne&&ne>0?`Add products worth more than ${G}${re}`:"",[ne,G,re]),be=r(()=>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]),he=rn(be,O?.currency??"INR");n(()=>{oe.current&&mn(oe.current),ie.current&&mn(ie.current),le.current&&mn(le.current)},[i,me,S,he,X,ue]);const ve=r(()=>{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]),we=r(()=>{const e=[];for(const t in ve)if(Object.prototype.hasOwnProperty.call(ve,t)){const n=ve[t],r=rn(n,O?.currency??"INR"),o=yn(t);e.push({title:o,amount:r})}return e},[ve,O?.currency]),Ce=r(()=>{let e=0;return e+=S?me+he:me,pe&&(e+=ue),e},[me,he,S,pe,ue]),Ee=async e=>{if(Y(!0),ge<=0)Y(!1);else{if(y){if("standard"!==Q&&(h?!j:!W.isPostalCodeValid))return void Y(!1);if(b)try{"standard"===Q?await b(Q):await b(Q,String(H)||"",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&&""!==M&&""!==L&&await m(L,M),f&&x&&""!==V&&await x(V),await l(e),Y(!1)}},[Te,Se]=t(!1);n(()=>{Se(ge<=0||(!!I||!!y&&("standard"!==Q&&(h?!j:!W.isPostalCodeValid))))},[W,Q,y,h,j,q,I,ge]);const[$e,Be]=t(!1),ze=o(null),[Ne,Ie]=t("0px");n(()=>{ze.current&&Ie($e?`${ze.current.scrollHeight}px`:"0px")},[$e,we,pe]);const Fe=()=>{Be(!$e)};n(()=>{function e(e){K.current&&!K.current.contains(e.target)&&ce()}return"open"!==X&&"opening"!==X||document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[X]);const Pe=(t,n="Checkout")=>t?e.createElement("span",{style:{fontSize:"13px",width:"100%",textAlign:"center"}},"Redirecting to Checkout..."):P?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(nt,{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(ke,{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&&!xn()&&(()=>{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:B,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:"max-content",padding:"0 55px",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:te}),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:B,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:te}),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:te}),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:B,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:te}),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"!==X&&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"===X?1:0,transition:"opacity 0.3s ease-in-out",display:"block",zIndex:2147483643},onClick:ce}),e.createElement("div",{className:"yt-cart-checkout-popout",ref:K,style:{position:"fixed",bottom:0,left:0,right:0,zIndex:2147483644,transform:"open"===X?"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:ce,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&&he>0||c&&we.length>0||pe&&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"}},G,gn(pe?N?fe.toFixed(2):fe.toFixed(0):N?xe.toFixed(2):xe.toFixed(0)))),(me>0||S&&he>0||pe&&ue>0)&&e.createElement("div",{style:{display:"flex",flexDirection:"column",paddingBottom:"5px",marginTop:"5px",fontWeight:"600"}},S&&he>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"}},"-",G,gn(N?he.toFixed(2):he.toFixed(0)))),pe&&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"}},"-",G,gn(N?ue.toFixed(2):ue.toFixed(0)))),we.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"}},"-",G,gn(N?t.amount.toFixed(2):t.amount.toFixed(0))))),Ce>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"}},"-",G,gn(N?Ce.toFixed(2):Ce.toFixed(0))))),(me>0||S&&he>0||pe&&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:me>0||S&&he>0||pe&&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)"}},G,gn(N?ge.toFixed(2):ge.toFixed(0)))),e.createElement("div",{style:{display:"flex",background:$,color:B,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,G,gn(N?Ce.toFixed(2):Ce.toFixed(0)))," ","on your order")),e.createElement("button",{ref:ie,id:"yt-checkout-button-popout",className:"yt-checkout-button",onClick:Ee,disabled:Te,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:Te?.5:1,cursor:Te?"not-allowed":"pointer",borderRadius:"0px",boxShadow:"none",width:"100%"}},Pe(U)))),(!0===s||"true"===s)&&I&&Te&&ye&&e.createElement("div",{style:{display:"flex",justifyContent:"center",textAlign:"center",fontSize:"13px",color:"red"}},ye),!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 ${F}px 8px`}},e.createElement("div",{style:{display:"flex",flexDirection:"column",textAlign:"center",justifyContent:"center",alignItems:"flex-start",paddingRight:"2rem",overflowWrap:"normal"}},(me>0||S&&he>0||pe&&ue>0)&&e.createElement("div",{className:"yt-cart-checkout-save-badge",ref:le,style:{fontSize:"9px",backgroundColor:i,width:"max-content",padding:"2px 8px"}},"Saving ",G,gn(N?Ce.toFixed(2):Ce.toFixed(0))),U?e.createElement("div",{style:{fontSize:"12px",color:"#4a4a4a"}},"Redirecting to Checkout..."):c||pe&&de?e.createElement("div",null,e.createElement("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"center"}},e.createElement("span",{style:{fontSize:"15px",color:"#1E1E1E",fontWeight:"600"}},G,gn(N?ge.toFixed(2):ge.toFixed(0))),(me>0||he>0||pe&&ue>0)&&e.createElement("span",{style:{fontSize:"14px",color:"#8C8C8C",textDecoration:"line-through",marginLeft:"4px",fontWeight:"normal"}},G,gn(pe?fe.toFixed(0):xe.toFixed(0))))):e.createElement("div",{style:{fontSize:"18px",color:"#1E1E1E",fontWeight:"600"}},G,gn(N?ge.toFixed(2):ge.toFixed(0))),S&&he>0||c&&me>0||pe&&ue>0?e.createElement("div",{style:{fontSize:"11px",color:"#4A5157",width:"max-content",cursor:"pointer",textDecoration:"underline"},onClick:e=>{e.stopPropagation(),Z("opening"),requestAnimationFrame(()=>{Z("open")}),ee(!J)}},"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:oe,id:"yt-checkout-button",className:"yt-checkout-button",onClick:Ee,disabled:Te,style:{backgroundColor:i,border:0,textTransform:"uppercase",letterSpacing:"1px",fontSize:"12px",padding:"10px 15px",opacity:Te?.5:1,cursor:Te?"not-allowed":"pointer",borderRadius:"rounded"===w?`${C}px`:"0px",width:"100%",margin:"0 auto",boxShadow:"none"}},P?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(nt,{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,I&&Te&&ye&&e.createElement("div",{className:"yt-cart-checkout-disabled-message",style:{display:"flex",justifyContent:"center",textAlign:"center",fontSize:"13px",color:"red"}},ye),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:D}},(he>0||c&&we.length>0||pe&&ue>0)&&Ce>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"}},G,gn(pe?N?fe.toFixed(2):fe.toFixed(0):N?xe.toFixed(2):xe.toFixed(0)))),(me>0||he>0||pe&&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:Fe,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"}},$e?"Hide details":"See details")),e.createElement("span",{className:"yt-cart-discounts-total",style:{fontSize:"14px",color:"#D3122A",fontWeight:"600"}},"-",G,gn(N?Ce.toFixed(2):Ce.toFixed(0)))),e.createElement("div",{className:"yt-cart-discounts-details",ref:ze,style:{height:Ne,overflow:"hidden",transition:"height 0.3s ease, opacity 0.3s ease",opacity:$e?1:0,marginTop:$e?"5px":"0",borderTop:$e?"1px solid #E5E7EB":"none",paddingTop:$e?"5px":"0",fontWeight:"600"}},S&&he>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"}},"-",G,gn(N?he.toFixed(2):he.toFixed(0)))),pe&&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"}},"-",G,gn(N?ue.toFixed(2):ue.toFixed(0)))),we.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"}},"-",G,gn(N?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)"}},G,gn(N?ge.toFixed(2):ge.toFixed(0))))),e.createElement("button",{ref:oe,id:"yt-checkout-button",className:"yt-checkout-button",onClick:Ee,disabled:Te,style:{display:"flex",flexDirection:"row",alignItems:"center",margin:"closed"!==X||v?"0":`4px 1rem ${F}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:Te?.5:1,cursor:Te?"not-allowed":"pointer",borderRadius:"closed"!==X?"0px":"rounded"===w?`${C}px`:"0px",boxShadow:"none"}},Pe(U,P?"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 Mr=c.button`
|
|
1000
1000
|
background-color: ${e=>e.$ctaButtonBackgroundColor||"#BEB8EC"};
|
|
1001
1001
|
color: ${e=>e.$ctaButtonTextColor||"black"};
|
|
1002
1002
|
font-size: 11px;
|
|
@@ -1019,17 +1019,17 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1019
1019
|
padding-right: 6px;
|
|
1020
1020
|
font-size: 10px;
|
|
1021
1021
|
}
|
|
1022
|
-
`,
|
|
1022
|
+
`,Vr=c.span`
|
|
1023
1023
|
display: flex !important;
|
|
1024
1024
|
justify-content: center;
|
|
1025
1025
|
gap: 2px;
|
|
1026
|
-
`,
|
|
1026
|
+
`,jr=c(Vr)`
|
|
1027
1027
|
font-size: 12px;
|
|
1028
1028
|
color: ${e=>e.color||"black"};
|
|
1029
|
-
`,
|
|
1029
|
+
`,Wr=c(Vr)`
|
|
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:u})=>e.createElement("div",{className:"yt-cart-guest-loyalty-container",style:{display:"flex",flexDirection:"row",justifyContent:"space-between",padding:"10px",borderTopLeftRadius:"10px",borderTopRightRadius:"10px",borderBottomLeftRadius:u?"0px":"10px",borderBottomRightRadius:u?"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(Wo,{className:"yt-cart-guest-loyalty-text",color:c},t??"Sign-in to avail Reward Points"),e.createElement(Ho,{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 Qo 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 Uo=({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(Qo,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))},Yo=()=>{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}%`}},""))},Go=({removeDiscount:n,isDev:o,themeColor:r,ctaButtonBackgroundColor:i,ctaButtonTextColor:a,primaryTextColor:l,secondaryTextColor:c,loyaltyDiscount:s,pointsToBeUsed:d,brandTokenName:p,showCartLevelAltPay:u})=>{const m=ae(Gt),{cartLoading:g,setLoading:x}=tn(),[f,y]=t(!1),b=g.showLoyaltyCtaLoading,h=on(s?.total_allocated_amount??0,m?.currency);return b?e.createElement("div",{className:"yt-loyalty-apply-cta-loading-container",style:{marginBottom:u?"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(Yo,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"}},an(m,m?.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: ",function(e){try{const t=e+"=",n=(()=>{try{return decodeURIComponent(document.cookie)}catch(e){return console.warn("Cookie decode failed, using raw cookie string"),document.cookie}})().split(";");for(let o=0;o<n.length;o++){let r=n[o].trim();if(0===r.indexOf(t)){const n=r.substring(t.length);try{return decodeURIComponent(n)}catch(t){return console.warn(`Failed to decode cookie value for ${e}`),n}}}return""}catch(t){return console.error(`Cookie parsing error for ${e}:`,t),""}}("discount_code")))),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(xe,{className:"yt-loyalty-cta-applied-delete-btn",color:"#9CA3AF",fontSize:"16px"}):e.createElement(fe,{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")))},Xo=c.span`
|
|
1032
|
+
`,Hr=({cartSigninCTAMainText:t,signinCTAButtonVisible:n=!0,guestLoyaltyPercentage:r,joinNowFunction:o,themeColor:i,ctaButtonBackgroundColor:a,ctaButtonTextColor:l,primaryTextColor:c,secondaryTextColor:s,cartComponentsCornerType:d,cartComponentsCornerRadius:p,showCartLevelAltPay:u})=>e.createElement("div",{className:"yt-cart-guest-loyalty-container",style:{display:"flex",flexDirection:"row",justifyContent:"space-between",padding:"10px",borderTopLeftRadius:"10px",borderTopRightRadius:"10px",borderBottomLeftRadius:u?"0px":"10px",borderBottomRightRadius:u?"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(jr,{className:"yt-cart-guest-loyalty-text",color:c},t??"Sign-in to avail Reward Points"),e.createElement(Wr,{className:"yt-cart-guest-loyalty-text",color:s},"Get"," ",e.createElement("span",{style:{fontWeight:"bold"}},"upto ",r,"% Off")," ","on all orders")),e.createElement(Mr,{className:"yt-cart-guest-loyalty-signin-button",$ctaButtonBackgroundColor:a,$ctaButtonTextColor:l,$cartComponentsCornerType:d,$cartComponentsCornerRadius:p,onClick:o},"Sign in Now"));class qr 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 Qr=({children:r})=>{const[o,i]=t("0px");return n(()=>{const e=navigator.userAgent.toLowerCase(),t=e.indexOf("brave")>-1,n=/iphone|ipad|ipod/.test(e)&&!window.MSStream,r=e.includes("safari")&&!e.includes("chrome"),o=/android/.test(e);t?i("56px"):n?i(r?"44px":"34px"):o&&i("24px")},[]),e.createElement(qr,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"}},r))},Ur=()=>{const[r,o]=t(0);return n(()=>{const e=setTimeout(()=>{o(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:`${r}%`}},""))},Yr=({removeDiscount:n,isDev:r,themeColor:o,ctaButtonBackgroundColor:i,ctaButtonTextColor:a,primaryTextColor:l,secondaryTextColor:c,loyaltyDiscount:s,pointsToBeUsed:d,brandTokenName:p,showCartLevelAltPay:u})=>{const m=ae(Gt),{cartLoading:g,setLoading:x}=tn(),[f,y]=t(!1),b=g.showLoyaltyCtaLoading,h=rn(s?.total_allocated_amount??0,m?.currency),v=m?.discount_codes?.find(e=>!0===e?.applicable)?.code;return b?e.createElement("div",{className:"yt-loyalty-apply-cta-loading-container",style:{marginBottom:u?"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(Ur,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:o})),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"}},an(m,m?.currency),Number(h?.toFixed(1))??0," Off Coupon Applied!"),e.createElement("span",{className:"yt-loyalty-cta-applied-code-text",style:{fontSize:"9px",color:o??"#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(xe,{className:"yt-loyalty-cta-applied-delete-btn",color:"#9CA3AF",fontSize:"16px"}):e.createElement(fe,{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")))},Gr=c.span`
|
|
1033
1033
|
display: flex !important;
|
|
1034
1034
|
flex-direction: row;
|
|
1035
1035
|
align-items: center;
|
|
@@ -1038,7 +1038,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1038
1038
|
font-weight: 600;
|
|
1039
1039
|
padding-bottom: 2px;
|
|
1040
1040
|
color: ${e=>e.$primaryTextColor||"black"};
|
|
1041
|
-
`,
|
|
1041
|
+
`,Xr=c.button`
|
|
1042
1042
|
background: transparent;
|
|
1043
1043
|
padding: 8px;
|
|
1044
1044
|
border: 0;
|
|
@@ -1047,7 +1047,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1047
1047
|
display: flex;
|
|
1048
1048
|
align-items: center;
|
|
1049
1049
|
justify-content: center;
|
|
1050
|
-
`,
|
|
1050
|
+
`,Zr=c.div`
|
|
1051
1051
|
width: 16px;
|
|
1052
1052
|
height: 16px;
|
|
1053
1053
|
border: 0.72px solid #737373;
|
|
@@ -1063,24 +1063,24 @@ 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
|
-
`,
|
|
1066
|
+
`,Kr=({discountAmountOff:t,loyaltyIcon:n,pointsToBeUsed:r,applyDiscount:o,themeColor:i,ctaButtonTextColor:a,ctaButtonBackgroundColor:l,primaryTextColor:c,secondaryTextColor:s,minimumOrderValueToAvailDiscount:d=0,brandTokenName:p,showCartLevelAltPay:u,redemptionMultiplier:m})=>{const g=ae(Gt),{cartLoading:x,setLoading:f}=tn(),y=0===r||r<0,b="number"==typeof m&&m>0?r*m:r,h=rn(g?.items_subtotal_price,g?.currency);return x.showLoyaltyCtaLoading?e.createElement("div",{className:"yt-loyalty-apply-cta-loading-container",style:{marginBottom:u?"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(Ur,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(Gr,{className:"yt-loyalty-cta-text",$primaryTextColor:c},0===r?"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===r?"Place order to earn coins":e.createElement(e.Fragment,null,"Auto Applied on checkout")))),e.createElement(Xr,{$insufficientPoints:y,$opacity:h<d?.2:1,onClick:async()=>{if(!(y||h<d)){f&&f(!0,!1,!1,!0);try{await o()}catch(e){}f&&f(!1,!1,!1,!1)}}},e.createElement(Zr,{className:"yt-loyalty-cta-radio-button",$insufficientPoints:y,$opacity:h<d?.2:1})))},Jr=({value:t,handleItemQuantityDecrement:n,handleItemQuantityIncrement:r,isDev:o,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??dn(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:()=>r(),type:"button",id:"increment-button",className:"yt-cart-quantity-increment qty-selector-decrement-button",style:{backgroundColor:c??dn(i,.1)}},"+"))),eo=oe(void 0),to="yt_variant_options",no="yt-variant-options-updated",ro=e=>e?e.trim().toLowerCase().replace(/[^a-z0-9#]+/g,""):"",oo=()=>{if("undefined"==typeof window)return null;let e=null;try{e=window.localStorage.getItem(to)}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)},io=(e,t)=>{if(!e||!t)return;const n=ro(t),r=(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=ro(e.name);if(n&&t&&t===n)return!0;if(r&&"string"==typeof e.value){if(e.value.trim().toLowerCase()===r)return!0}return!1})},ao=()=>{const[e,r]=t(null);return n(()=>{const e=()=>{const e=oo();r(e)};e();const t=(e=>{if("undefined"==typeof window)return()=>{};const t=t=>{t.key&&t.key!==to||e()},n=()=>e();return window.addEventListener("storage",t),window.addEventListener(no,n),()=>{window.removeEventListener("storage",t),window.removeEventListener(no,n)}})(e);return()=>{t()}},[]),e},lo=c.div`
|
|
1067
1067
|
display: flex;
|
|
1068
1068
|
flex-wrap: wrap;
|
|
1069
1069
|
align-items: center;
|
|
1070
1070
|
gap: 4px;
|
|
1071
|
-
`,
|
|
1071
|
+
`,co=c.div`
|
|
1072
1072
|
width: 14px;
|
|
1073
1073
|
height: 14px;
|
|
1074
1074
|
border-radius: 50%;
|
|
1075
1075
|
background-color: ${({$colorValue:e})=>e};
|
|
1076
1076
|
border: 1px solid #ccc;
|
|
1077
|
-
`,
|
|
1077
|
+
`,so=c.img`
|
|
1078
1078
|
width: 18px;
|
|
1079
1079
|
height: 18px;
|
|
1080
1080
|
border-radius: 50%;
|
|
1081
1081
|
object-fit: cover;
|
|
1082
1082
|
border: 1px solid #eee;
|
|
1083
|
-
`,
|
|
1083
|
+
`,po="480px",uo="768px",mo=c.a`
|
|
1084
1084
|
font-size: 14px;
|
|
1085
1085
|
font-weight: 500;
|
|
1086
1086
|
line-height: 1.4;
|
|
@@ -1109,10 +1109,10 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1109
1109
|
color: ${e=>e.$themeColor??"#6fd9b9"} !important;
|
|
1110
1110
|
}
|
|
1111
1111
|
|
|
1112
|
-
// @media (max-width: ${
|
|
1112
|
+
// @media (max-width: ${po}) {
|
|
1113
1113
|
// font-size: 12px;
|
|
1114
1114
|
// }
|
|
1115
|
-
`,
|
|
1115
|
+
`,go=c.div`
|
|
1116
1116
|
display: flex;
|
|
1117
1117
|
padding: ${e=>e.$hasVariantInfo?"6px 0":"4px 0"};
|
|
1118
1118
|
background: ${e=>e.$backgroundColor??"#ffffff"};
|
|
@@ -1133,16 +1133,16 @@ 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: ${uo}) {
|
|
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: ${po}) {
|
|
1142
1142
|
padding: ${e=>e.$hasVariantInfo?"6px 0":"4px 0"};
|
|
1143
1143
|
gap: 12px;
|
|
1144
1144
|
}
|
|
1145
|
-
`,
|
|
1145
|
+
`,xo=c.div`
|
|
1146
1146
|
width: 75px;
|
|
1147
1147
|
aspect-ratio: ${e=>"portrait"===e.$imageAspectSelector?"5/6":"1"};
|
|
1148
1148
|
border-radius: 8px;
|
|
@@ -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: ${po}) {
|
|
1156
1156
|
width: 65px;
|
|
1157
1157
|
aspect-ratio: ${e=>"portrait"===e.$imageAspectSelector?"5/6":"1"};
|
|
1158
1158
|
}
|
|
@@ -1162,7 +1162,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1162
1162
|
height: 100%;
|
|
1163
1163
|
object-fit: cover;
|
|
1164
1164
|
}
|
|
1165
|
-
`,
|
|
1165
|
+
`,fo=c.div`
|
|
1166
1166
|
position: relative;
|
|
1167
1167
|
display: inline-block;
|
|
1168
1168
|
margin-right: auto;
|
|
@@ -1189,7 +1189,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1189
1189
|
left: -7px;
|
|
1190
1190
|
z-index: 1;
|
|
1191
1191
|
}
|
|
1192
|
-
`,
|
|
1192
|
+
`,yo=c.div`
|
|
1193
1193
|
position: absolute;
|
|
1194
1194
|
top: -8px;
|
|
1195
1195
|
right: -8px;
|
|
@@ -1205,7 +1205,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1205
1205
|
justify-content: center;
|
|
1206
1206
|
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
|
|
1207
1207
|
z-index: 4;
|
|
1208
|
-
`,
|
|
1208
|
+
`,bo=c.div`
|
|
1209
1209
|
position: relative !important;
|
|
1210
1210
|
width: 18px !important;
|
|
1211
1211
|
height: 18px !important;
|
|
@@ -1241,11 +1241,11 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1241
1241
|
background-color: transparent !important;
|
|
1242
1242
|
border: none !important;
|
|
1243
1243
|
}
|
|
1244
|
-
`,
|
|
1244
|
+
`,ho=c.span`
|
|
1245
1245
|
font-size: 10px;
|
|
1246
1246
|
color: ${e=>e.$secondaryTextColor??"#868E96"};
|
|
1247
1247
|
letter-spacing: 0.2px;
|
|
1248
|
-
`,
|
|
1248
|
+
`,vo=c.button`
|
|
1249
1249
|
display: flex;
|
|
1250
1250
|
align-items: center;
|
|
1251
1251
|
justify-content: center;
|
|
@@ -1272,22 +1272,22 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1272
1272
|
width: 14px;
|
|
1273
1273
|
height: 14px;
|
|
1274
1274
|
}
|
|
1275
|
-
`,
|
|
1275
|
+
`,wo=c.div`
|
|
1276
1276
|
display: flex;
|
|
1277
1277
|
justify-content: space-between;
|
|
1278
1278
|
align-items: center;
|
|
1279
1279
|
gap: 16px;
|
|
1280
1280
|
margin-top: 2px;
|
|
1281
|
-
`,
|
|
1281
|
+
`,Co=c.div`
|
|
1282
1282
|
display: flex;
|
|
1283
1283
|
flex-direction: row;
|
|
1284
1284
|
gap: 4px;
|
|
1285
|
-
`,
|
|
1285
|
+
`,Eo=c.span`
|
|
1286
1286
|
color: ${e=>e.$primaryTextColor??"#1a1a1a"};
|
|
1287
1287
|
font-size: 13px;
|
|
1288
1288
|
font-weight: 400;
|
|
1289
1289
|
letter-spacing: 0.2px;
|
|
1290
|
-
`,
|
|
1290
|
+
`,ko=c.span`
|
|
1291
1291
|
font-size: 12px;
|
|
1292
1292
|
color: #6b7280;
|
|
1293
1293
|
text-decoration: line-through !important;
|
|
@@ -1297,12 +1297,12 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1297
1297
|
@media (max-width: 480px) {
|
|
1298
1298
|
font-size: 12px;
|
|
1299
1299
|
}
|
|
1300
|
-
`,
|
|
1300
|
+
`,To=c.div`
|
|
1301
1301
|
display: flex;
|
|
1302
1302
|
align-items: center;
|
|
1303
1303
|
gap: 8px;
|
|
1304
1304
|
margin-right: 10px;
|
|
1305
|
-
`,
|
|
1305
|
+
`,So=c.div`
|
|
1306
1306
|
display: inline-flex;
|
|
1307
1307
|
align-items: center;
|
|
1308
1308
|
background: ${e=>e.$tertiaryColor??"white"};
|
|
@@ -1314,20 +1314,20 @@ 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: ${po}) {
|
|
1318
1318
|
max-width: 110px;
|
|
1319
1319
|
}
|
|
1320
|
-
`,$
|
|
1320
|
+
`,$o=c.span`
|
|
1321
1321
|
margin-left: 4px;
|
|
1322
1322
|
font-weight: 500;
|
|
1323
1323
|
letter-spacing: 0.2px;
|
|
1324
1324
|
color: ${e=>e.$tertiaryTextColor??"#000"};
|
|
1325
1325
|
overflow: hidden;
|
|
1326
1326
|
text-overflow: ellipsis;
|
|
1327
|
-
@media (max-width: ${
|
|
1327
|
+
@media (max-width: ${po}) {
|
|
1328
1328
|
font-size: 9px;
|
|
1329
1329
|
}
|
|
1330
|
-
`,
|
|
1330
|
+
`,Bo=c.span`
|
|
1331
1331
|
font-size: 10px;
|
|
1332
1332
|
font-weight: 600;
|
|
1333
1333
|
color: ${e=>e.$primaryColor??"white"};
|
|
@@ -1340,7 +1340,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1340
1340
|
font-size: 12px;
|
|
1341
1341
|
padding: 3px 6px;
|
|
1342
1342
|
}
|
|
1343
|
-
`,
|
|
1343
|
+
`,zo=c.div`
|
|
1344
1344
|
position: absolute;
|
|
1345
1345
|
bottom: 0;
|
|
1346
1346
|
width: 100%;
|
|
@@ -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
|
-
`,Nr=({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"}}),e.createElement(zr,{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:B}=tn(),z=ae(Gt),[N,I]=ie(tr),[F,P]=t(!1),D=le(nn),A=lr(),_=!!o.properties?._isYtFreebie,L=!!o.properties?._isStealDeal,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;n(()=>{function e(){const e=window.innerWidth;P(e>=450)}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const V=r(null),[j,W]=t(0);n(()=>{let e=null;return V.current&&(e=new ResizeObserver(e=>{e[0]&&W(e[0].contentRect.width)}),e.observe(V.current)),()=>{e&&e.disconnect()}},[]),n(()=>{const e=setTimeout(()=>{V.current&&W(V.current.offsetWidth)},100);return()=>clearTimeout(e)},[]);const H=cn(o.product_title,j<200?100:120,j,"","16px"),q=()=>{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=yn(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""}}};let Q=an(z,z?.currency);const U=["__Added with Frequently Bought Together button","_has_gpo","_y"],Y=o?.options_with_values&&o.options_with_values.filter(e=>"Title"!==e.name).length>0||o?.properties&&Object.keys(o.properties).filter(e=>!U.includes(e)&&!e.startsWith("_")&&!e.startsWith("__")).length>0||y,G=j?70/j*100:100,X=q(),Z=X&&(X.length>25||!F)?cn(X,G,j,"","10px"):X,K=(()=>{const e=o?.properties?._bundleImage;if(!e||"string"!=typeof e)return;const t=e.trim();return t.length>0?t:void 0})(),J=!!K,ne=(()=>{const e=o?.properties?.itemsInBundle;return"string"!=typeof e?[]:e.split(/,\s*/).map(e=>e.trim()).filter(e=>e.length>0)})(),oe=(()=>{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 ne){const n=e.match(/^(\d+)\s*x\s*/i);t+=n?parseInt(n[1],10)||0:1}return t})(),re=(()=>{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})(),[ce,se]=t(!0),de=F?"250px":"190px";return e.createElement(gr,{className:"yt-cart-product-card",$hasVariantInfo:Y||J,$backgroundColor:T,style:{display:"flex",flexDirection:"row",alignItems:"center",margin:"0 1rem"}},e.createElement("a",{href:`${window.location.origin}${o.url}`,style:{textDecoration:"none",display:"contents"}},e.createElement(fr,{className:"yt-cart-product-image-wrapper",$isBundle:J},e.createElement(xr,{className:"yt-cart-product-image",$imageAspectSelector:w,$isBundle:J},x?e.createElement("img",{style:{height:"100%",width:"100%",opacity:0===o.quantity?.5:1},src:fn(K??o.image,200,85,"webp"),alt:(e=>e.title?`Product image - ${e.title}`:"Product image")(o),loading:"lazy"}):e.createElement(Nr,{imageUrl:fn(K??o.image??o?.featuredImage?.url??"/placeholder.svg",200,85,"webp"),overlayText:L?"Steal Deal":M||b?"Special Offer":"Free Gift",themeColor:d,themeTextColor:f})),(x||o?.quantity>1)&&e.createElement(yr,{className:"yt-cart-product-quantity-badge"},o.quantity))),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(mr,{className:"yt-cart-product-title",$themeColor:d,$primaryTextColor:p,href:`${window.location.origin}${o.url}`,ref:V},H),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(vr,{onClick:x?async()=>{B&&B(!0,!0);try{l&&await l(o.key)}catch(e){}B&&B(!1,!1)}:async()=>{B&&B(!0,!0);try{h&&await h(o.key)}catch(e){}B&&B(!1,!1)}},e.createElement(br,null,e.createElement(ee,{className:"outline"}),e.createElement(te,{className:"filled"})))))),J?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:()=>se(!ce),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 ${oe} Items`),ce?e.createElement(R,null):e.createElement(O,null)),ce&&ne.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:de,width:"fit-content"}},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"4px",maxWidth:de}},ne.map((t,n)=>e.createElement("div",{key:`${t}-${n}`,style:{color:u??"#1a1a1a",fontSize:"12px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:de},title:t},t))))):Y&&e.createElement("div",{className:"yt-cart-product-variant-info",style:{display:"flex",flexDirection:"column",marginBottom:"4px"}},e.createElement(cr,{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=ar(n,t.value);return"color"===n?.type?.toLowerCase()&&o?e.createElement(sr,{key:t.name,$colorValue:o.value,style:{display:"block"}}):"image"===n?.type?.toLowerCase()&&o?e.createElement(dr,{key:t.name,src:fn(o.value,36,85,"webp"),alt:t.value}):t.value.length>15||t.value.includes("#")?null:e.createElement(hr,{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])=>!U.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(hr,{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(vr,{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)]}D({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(ar(n,t.value)&&["color","image"].includes((n?.type??"").toLowerCase()))return null;if(t.value.includes("#"))return null;const o=F?t.value:cn(t.value,j?120/j*100:100,j,"","10px");return e.createElement(hr,{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(wr,{className:"yt-cart-product-bottom-row"},e.createElement("div",{className:"yt-cart-product-pricing-row",style:{display:"flex",flexDirection:F?"row":"column",alignItems:F?"center":"flex-start",gap:F?"0px":"4px"}},e.createElement(Cr,{className:"yt-cart-product-price-container"},J?e.createElement(e.Fragment,null,e.createElement(Er,{$primaryTextColor:p},Q,gn(on(o.final_line_price,z?.currency))),re&&re>Number(o.final_line_price)&&S&&e.createElement(kr,null,Q,gn(on(re,z?.currency)))):e.createElement(Er,{$primaryTextColor:p},0===on(o.final_line_price,z?.currency)?e.createElement(Br,{$primaryColor:p,$themeColor:d,$backgroundSubdued:k},$||"FREE"):e.createElement(e.Fragment,null,Q,gn(on(o.final_line_price,z?.currency)))),!J&&(o.compare_at_price&&Number(o.compare_at_price)*o.quantity>Number(o.final_line_price)||!o.compare_at_price&&q()&&o.original_line_price)&&S&&e.createElement(kr,null,Q,o.compare_at_price?gn(on(Number(o.compare_at_price)*o.quantity,z?.currency)):gn(on(o.original_line_price,z?.currency))),F&&(x||M)&&q()&&e.createElement(Sr,{className:"yt-cart-product-discount",$tertiaryColor:m},e.createElement(Te,{size:14,color:g}),e.createElement($r,{$tertiaryTextColor:g},Z))),!F&&(x||M)&&q()&&e.createElement(Sr,{className:"yt-cart-product-discount",$tertiaryColor:m},e.createElement(Te,{size:12,color:g}),e.createElement($r,{$tertiaryTextColor:g},Z))),e.createElement(Tr,{className:"yt-cart-product-quantity-controls"},x?e.createElement(er,{handleItemQuantityDecrement:async()=>{B&&B(!0,!0);try{i&&await i(o.key,o.quantity-1)}catch(e){}B&&B(!1,!1)},handleItemQuantityIncrement:async()=>{B&&B(!0,!0);try{if(a){-1===await a(o.key,o.quantity+1,o.properties)&&(I(o?.key),setTimeout(()=>I(void 0),3e3))}}catch(e){}B&&B(!1,!1)},value:o.quantity,isDev:s,themeColor:d,cartComponentsCornerType:C,cartComponentsCornerRadius:E,backgroundSubdued:k}):!L||M||b?e.createElement("span",{className:"yt-cart-line-item-freebie-badge",style:{padding:"2px 8px",fontSize:"10px",backgroundColor:m,color:g??"#000",borderRadius:"4px"}},M&&o.original_line_price?`${((o.original_line_price-o.final_line_price)/o.original_line_price*100).toFixed(0)}% off`:b&&o?.properties?._isYtFreebie?`${b}% Off`:"Freebie"):null)),N&&N===o?.key&&e.createElement("span",{style:{fontSize:"10px",color:"red",marginTop:"4px"}},"⚠️You've reached the maximum quantity for this item")))},Fr=c.div`
|
|
1355
|
+
`,No=({imageUrl:t,overlayText:n,themeColor:r,themeTextColor:o})=>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"}}),e.createElement(zo,{className:"yt-cart-product-freebie-overlay-text",$themeColor:r,$themeTextColor:o},n)),Io=({product:r,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:B}=tn(),z=ae(Gt),[N,I]=ie(eo),[F,P]=t(!1),D=le(nn),A=ao(),_=!!r.properties?._isYtFreebie,L=!!r.properties?._isStealDeal,M=_&&"number"==typeof r.final_line_price&&r.final_line_price>0&&"number"==typeof r.original_line_price&&r.original_line_price>r.final_line_price;n(()=>{function e(){const e=window.innerWidth;P(e>=450)}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const V=o(null),[j,W]=t(0);n(()=>{let e=null;return V.current&&(e=new ResizeObserver(e=>{e[0]&&W(e[0].contentRect.width)}),e.observe(V.current)),()=>{e&&e.disconnect()}},[]),n(()=>{const e=setTimeout(()=>{V.current&&W(V.current.offsetWidth)},100);return()=>clearTimeout(e)},[]);const H=cn(r.product_title,j<200?100:120,j,"","16px"),q=()=>{if(r.line_level_discount_allocations&&r.line_level_discount_allocations.length>0&&r.line_level_discount_allocations[0].discount_application){const e=r.line_level_discount_allocations[0].discount_application.title,t=yn(e);switch(r.line_level_discount_allocations[0].discount_application.value_type){case"amount":return`${t})`;case"percentage":case"fixed_amount":return t;default:return""}}};let Q=an(z,z?.currency);const U=["__Added with Frequently Bought Together button","_has_gpo","_y"],Y=r?.options_with_values&&r.options_with_values.filter(e=>"Title"!==e.name).length>0||r?.properties&&Object.keys(r.properties).filter(e=>!U.includes(e)&&!e.startsWith("_")&&!e.startsWith("__")).length>0||y,G=j?70/j*100:100,X=q(),Z=X&&(X.length>25||!F)?cn(X,G,j,"","10px"):X,K=(()=>{const e=r?.properties?._bundleImage;if(!e||"string"!=typeof e)return;const t=e.trim();return t.length>0?t:void 0})(),J=!!K,ne=(()=>{const e=r?.properties?.itemsInBundle;return"string"!=typeof e?[]:e.split(/,\s*/).map(e=>e.trim()).filter(e=>e.length>0)})(),re=(()=>{const e=r?.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 ne){const n=e.match(/^(\d+)\s*x\s*/i);t+=n?parseInt(n[1],10)||0:1}return t})(),oe=(()=>{try{const e=Number(r?.compare_at_price),t=Number(r?.quantity)||1;if(Number.isFinite(e)&&e>0)return e*t}catch(e){}return null})(),[ce,se]=t(!0),de=F?"250px":"190px";return e.createElement(go,{className:"yt-cart-product-card",$hasVariantInfo:Y||J,$backgroundColor:T,style:{display:"flex",flexDirection:"row",alignItems:"center",margin:"0 1rem"}},e.createElement("a",{href:`${window.location.origin}${r.url}`,style:{textDecoration:"none",display:"contents"}},e.createElement(fo,{className:"yt-cart-product-image-wrapper",$isBundle:J},e.createElement(xo,{className:"yt-cart-product-image",$imageAspectSelector:w,$isBundle:J},x?e.createElement("img",{style:{height:"100%",width:"100%",opacity:0===r.quantity?.5:1},src:fn(K??r.image,200,85,"webp"),alt:(e=>e.title?`Product image - ${e.title}`:"Product image")(r),loading:"lazy"}):e.createElement(No,{imageUrl:fn(K??r.image??r?.featuredImage?.url??"/placeholder.svg",200,85,"webp"),overlayText:L?"Steal Deal":M||b?"Special Offer":"Free Gift",themeColor:d,themeTextColor:f})),(x||r?.quantity>1)&&e.createElement(yo,{className:"yt-cart-product-quantity-badge"},r.quantity))),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(mo,{className:"yt-cart-product-title",$themeColor:d,$primaryTextColor:p,href:`${window.location.origin}${r.url}`,ref:V},H),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(vo,{onClick:x?async()=>{B&&B(!0,!0);try{l&&await l(r.key)}catch(e){}B&&B(!1,!1)}:async()=>{B&&B(!0,!0);try{h&&await h(r.key)}catch(e){}B&&B(!1,!1)}},e.createElement(bo,null,e.createElement(ee,{className:"outline"}),e.createElement(te,{className:"filled"})))))),J?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:()=>se(!ce),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 ${re} Items`),ce?e.createElement(R,null):e.createElement(O,null)),ce&&ne.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:de,width:"fit-content"}},e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"4px",maxWidth:de}},ne.map((t,n)=>e.createElement("div",{key:`${t}-${n}`,style:{color:u??"#1a1a1a",fontSize:"12px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:de},title:t},t))))):Y&&e.createElement("div",{className:"yt-cart-product-variant-info",style:{display:"flex",flexDirection:"column",marginBottom:"4px"}},e.createElement(lo,{className:"yt-cart-product-variant-container"},r?.options_with_values?.filter(e=>"Title"!==e.name).map(t=>{const n=A?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase()),r=io(n,t.value);return"color"===n?.type?.toLowerCase()&&r?e.createElement(co,{key:t.name,$colorValue:r.value,style:{display:"block"}}):"image"===n?.type?.toLowerCase()&&r?e.createElement(so,{key:t.name,src:fn(r.value,36,85,"webp"),alt:t.value}):t.value.length>15||t.value.includes("#")?null:e.createElement(ho,{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)}),r?.properties&&Object.entries(r.properties).filter(([e])=>!U.includes(e)&&!e.startsWith("_")&&!e.startsWith("__")).map(([t,n])=>{const r=String(n);return r.includes("#")||(A?.options??[]).some(e=>e.name.trim().toLowerCase()===t.trim().toLowerCase()&&e.values.some(e=>e.name.trim().toLowerCase()===r.trim().toLowerCase()))?null:e.createElement(ho,{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"}},r)}),y&&!r?.product_has_only_default_variant&&e.createElement(vo,{onClick:()=>{const e=!!r.properties?._isYtFreebie;let t;if(e){const e=r.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 ${r.key}:`,e,n),t=[String(r.variant_id)]}else console.warn(`ProductCard: No allowed variants property found for freebie ${r.key}. Defaulting to current variant.`),t=[String(r.variant_id)]}D({open:!0,variantId:String(r.variant_id),quantity:r.quantity,handle:r.handle,lineItemKey:r.key,freebieSelection:e,productId:String(r.product_id),allowedVariantIds:t})},style:{display:"flex",alignItems:"center"}},e.createElement(Ie,null))),r?.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(io(n,t.value)&&["color","image"].includes((n?.type??"").toLowerCase()))return null;if(t.value.includes("#"))return null;const r=F?t.value:cn(t.value,j?120/j*100:100,j,"","10px");return e.createElement(ho,{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"}},r)})),e.createElement(wo,{className:"yt-cart-product-bottom-row"},e.createElement("div",{className:"yt-cart-product-pricing-row",style:{display:"flex",flexDirection:F?"row":"column",alignItems:F?"center":"flex-start",gap:F?"0px":"4px"}},e.createElement(Co,{className:"yt-cart-product-price-container"},J?e.createElement(e.Fragment,null,e.createElement(Eo,{$primaryTextColor:p},0===rn(r.final_line_price,z?.currency)?e.createElement(Bo,{$primaryColor:p,$themeColor:d,$backgroundSubdued:k},$||"FREE"):e.createElement(e.Fragment,null,Q,gn(rn(r.final_line_price,z?.currency)))),oe&&oe>Number(r.final_line_price)&&S&&e.createElement(ko,null,Q,gn(rn(oe,z?.currency)))):e.createElement(Eo,{$primaryTextColor:p},0===rn(r.final_line_price,z?.currency)?e.createElement(Bo,{$primaryColor:p,$themeColor:d,$backgroundSubdued:k},$||"FREE"):e.createElement(e.Fragment,null,Q,gn(rn(r.final_line_price,z?.currency)))),!J&&(r.compare_at_price&&Number(r.compare_at_price)*r.quantity>Number(r.final_line_price)||!r.compare_at_price&&q()&&r.original_line_price)&&S&&e.createElement(ko,null,Q,r.compare_at_price?gn(rn(Number(r.compare_at_price)*r.quantity,z?.currency)):gn(rn(r.original_line_price,z?.currency))),F&&(x||M)&&q()&&e.createElement(So,{className:"yt-cart-product-discount",$tertiaryColor:m},e.createElement(Te,{size:14,color:g}),e.createElement($o,{$tertiaryTextColor:g},Z))),!F&&(x||M)&&q()&&e.createElement(So,{className:"yt-cart-product-discount",$tertiaryColor:m},e.createElement(Te,{size:12,color:g}),e.createElement($o,{$tertiaryTextColor:g},Z))),e.createElement(To,{className:"yt-cart-product-quantity-controls"},x?e.createElement(Jr,{handleItemQuantityDecrement:async()=>{B&&B(!0,!0);try{i&&await i(r.key,r.quantity-1)}catch(e){}B&&B(!1,!1)},handleItemQuantityIncrement:async()=>{B&&B(!0,!0);try{if(a){-1===await a(r.key,r.quantity+1,r.properties)&&(I(r?.key),setTimeout(()=>I(void 0),3e3))}}catch(e){}B&&B(!1,!1)},value:r.quantity,isDev:s,themeColor:d,cartComponentsCornerType:C,cartComponentsCornerRadius:E,backgroundSubdued:k}):!L||M||b?e.createElement("span",{className:"yt-cart-line-item-freebie-badge",style:{padding:"2px 8px",fontSize:"10px",backgroundColor:m,color:g??"#000",borderRadius:"4px"}},M&&r.original_line_price?`${((r.original_line_price-r.final_line_price)/r.original_line_price*100).toFixed(0)}% off`:b&&r?.properties?._isYtFreebie?`${b}% Off`:"Freebie"):null)),N&&N===r?.key&&e.createElement("span",{style:{fontSize:"10px",color:"red",marginTop:"4px"}},"⚠️You've reached the maximum quantity for this item")))},Fo=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)"};
|
|
@@ -1376,7 +1376,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1376
1376
|
.yt_subtitle { font-size: 11px; opacity: 0.9; }
|
|
1377
1377
|
|
|
1378
1378
|
.lock { margin-left: auto; width: 30px; height: 30px; border-radius: 999px; background: rgba(0,0,0,0.08); display: inline-flex; align-items: center; justify-content: center; }
|
|
1379
|
-
`,
|
|
1379
|
+
`,Po=({name:t,minimumOrderValue:n,currency:r,themeColor:o,tertiaryColor:i,imageUrl:a})=>{const l=i?`${i}22`:o?`${o}22`:void 0;return e.createElement(Fo,{className:"yt-cart-next-freebie-row",$backgroundColor:l},e.createElement("div",{className:"image-wrapper"},e.createElement("img",{src:a||"https://r2.yourtoken.io/image.png",alt:"Next freebie",style:{width:"100%",height:"100%",objectFit:"cover"},loading:"lazy"})),e.createElement("div",{className:"content"},e.createElement("span",{className:"yt_title"},`Unlock ${t}`),e.createElement("span",{className:"yt_subtitle"},`Buy items worth ${r}${n.toLocaleString()} or above`)),e.createElement("div",{className:"lock"},e.createElement(at,{size:16})))},Do=()=>e.createElement("div",{className:"yt-cart-skeleton-loader-container"},e.createElement("div",{className:"yt-cart-skeleton-loader-item"},e.createElement("div",{className:"yt-cart-skeleton-loader-media"},""),e.createElement("div",{className:"yt-cart-skeleton-loader-line"},""),e.createElement("div",{className:"yt-cart-skeleton-loader-line"},"")),e.createElement("div",{className:"yt-cart-skeleton-loader-item"},e.createElement("div",{className:"yt-cart-skeleton-loader-media"},""),e.createElement("div",{className:"yt-cart-skeleton-loader-line"},""),e.createElement("div",{className:"yt-cart-skeleton-loader-line"},"")),e.createElement("div",{className:"yt-cart-skeleton-loader-item"},e.createElement("div",{className:"yt-cart-skeleton-loader-media"},""),e.createElement("div",{className:"yt-cart-skeleton-loader-line"},""),e.createElement("div",{className:"yt-cart-skeleton-loader-line"},""))),Ao=c.div`
|
|
1380
1380
|
padding: 5px 0;
|
|
1381
1381
|
position: relative;
|
|
1382
1382
|
|
|
@@ -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
|
-
`,_r=({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:B,showDiscountOnMRP:z,checkoutSectionMessage:N,checkoutSectionMessageRedirectLink:I,showFreebieMilestone:F,freebieMilestoneData:P,freeLabelText:D})=>{const A=ae(Gt),{cartLoading:_}=tn(),R=!_.cartLoading&&A?.items,O=(x??Number(A?.items_subtotal_price))/100;let L=!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&&(L=!1),!R&&0===A?.item_count)return e.createElement(Dr,null);if(!(R&&0!==A?.item_count||A?.items))return null;const V=P?.campaignFilter??"all_campaigns";let j=[];"all_campaigns"===V?j=f??[]:"progress_bar_tiers"===V?j=y??[]:"freebie_campaigns"===V&&(j=b??[]);const W=Array.isArray(j)?j.filter(e=>"free_product"===e?.couponType).slice().sort((e,t)=>e.minimumOrderValue-t.minimumOrderValue).find(e=>e.minimumOrderValue>O):void 0,H=an(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=u?.[s?.key],y=f?.find(e=>e?._allVariantIds?.includes(String(s.id)));let b=!1;if(y&&O>=y.minimumOrderValue&&0===s?.line_price&&(b=!0),!k&&(String(s?.id)===un(String(C))||un(String(E))===String(s?.id)))return null;const N=s.discounts&&s.discounts.length>0;return s.properties?._isYtFreebie&&(x||b)&&N&&L?e.createElement(e.Fragment,null,e.createElement(Ar,{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:B,showDiscountOnMRP:!0,freeLabelText:D}))):e.createElement(Ar,{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:B,showDiscountOnMRP:z,freeLabelText:D}))}),F&&L&&W&&e.createElement(Pr,{name:W.name,minimumOrderValue:W.minimumOrderValue,currency:H,themeColor:a,tertiaryColor:S,imageUrl:P?.milestoneImage?.path}),xn()&&N&&N.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:I?"pointer":"default"},onClick:()=>{I&&(window.location.href=I)}},N):e.createElement("div",{className:"yt-cart-products-list-separator",style:{display:"list-item",height:"12px",background:"#87878717"}}))};const Rr=({bundleProducts:t})=>{const n=ae(Gt);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"},ln(t[0].title)),e.createElement("div",null,e.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},an(n,n?.currency),t[0].original_price)," ",e.createElement("span",{className:"line-through text-[#667085] text-[12px]"},an(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"},ln(t[0].title)),e.createElement("div",null,e.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},an(n,n?.currency),t[1].original_price)," ",e.createElement("span",{className:"line-through text-[#667085] text-[12px]"},an(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"},an(n,n?.currency),t[0].price+t[1].price)," ",e.createElement("span",{className:"text-[#868E96] text-[12px] line-through"},an(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"},an(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(dt,{color:"white"}),e.createElement("span",{className:"text-white uppercase text-[14px]"},"Buy Bundle at"," ",e.createElement("span",{className:"font-semibold"},an(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=ae(Gt),[g,x]=t(""),[f,y]=t(null),[b,h]=t(!1),[v,w]=t(!1),[C,E]=t(!1),{setLoading:k}=tn(),[T,S]=t(null),[$,B]=t(!1),[z,N]=t(!1),I=r(null);n(()=>{if(T){B(!0);const e=setTimeout(()=>{B(!1)},4e3),t=setTimeout(()=>{S(null)},4500);return()=>{clearTimeout(e),clearTimeout(t)}}B(!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&&(N(!0),setTimeout(()=>N(!1),5e3))):S({message:"Coupon not applicable",type:"error"}),y(null))}},[m,f]);const F=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)}}},P=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)}}},D="error"===T?.type,A=m?.discount_codes?.filter(e=>!1!==e?.applicable);return e.createElement("div",{className:"yt-cart-apply-container",ref:I,style:{marginTop:"10px",padding:"0 16px",marginBottom:"10px"}},z&&p&&e.createElement(Co,{particleCount:100,spread:160,origin:{y:.6},checkpointPosition:.5}),e.createElement("div",{className:"yt-cart-apply-input-wrapper",style:{display:"flex",alignItems:"stretch",border:D?"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(()=>{I.current&&window.innerWidth<=768&&I.current.scrollIntoView({behavior:"smooth",block:"nearest"})},300)},onBlur:()=>w(!1),onChange:e=>{x(e.target.value),T&&S(null)},onKeyDown:e=>{"Enter"===e.key&&F()},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:F,disabled:!g||b,style:{padding:"10px 15px",border:"none",backgroundColor:D?"#D98181":g?i||"#007bff":"#cccccc",color:g||D?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),!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(et,{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:P,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(ve,{size:16})))))))},Lr="yt-coupon-selection-animations",Mr=e=>{e.current&&(clearTimeout(e.current),e.current=null)},Vr=e=>e?.trim().toLowerCase()??"",jr=e=>e.couponType?.toLowerCase()??"",Wr=e=>"percentage_discount_coupon"===jr(e),Hr=e=>"amount_discount_coupon"===jr(e),qr=e=>"free_delivery"===jr(e),Qr=e=>{const t=Number(e);return Number.isFinite(t)&&t>0?t:0},Ur=e=>{const t=Number(e.toFixed(2)),n=Number.isInteger(t)?t.toFixed(0):t.toFixed(2);return gn(n)},Yr=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"},Gr=(e,t,n)=>{const o=((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:Qr(t);return Wr(e)?i*(Qr(e.discountPercentage)/100):Hr(e)?Math.min(Qr(e.discountValue),i):qr(e)?Qr(e.discountValue):0})(e,n),r=`${t}${Ur(o)}`,i=!1!==e.isEligible;let a=e.name;Wr(e)&&e.discountPercentage?a=`Get an additional ${e.discountPercentage}% off`:Hr(e)&&e.discountValue?a=`Get an additional ${t}${Ur(e.discountValue)} off`:qr(e)&&(a="Get free shipping");let l="";return"minimum_quantity"===e.customCartProgressBarCriteria?e.quantityThreshold&&(l=`On orders with ${e.quantityThreshold}+ items.`):e.minimumOrderValue&&(l=`On purchases above ${t}${Ur(e.minimumOrderValue)}.`),{coupon:e,isUnlocked:i,estimatedSavings:o,title:a,subtitle:l,bannerTitle:o>0?`Save extra ${r} on this order`:qr(e)?"Claim free shipping on this order":a,appliedSavingsText:o>0?`saved extra ${r} off`:qr(e)?"saved extra on shipping":Wr(e)&&e.discountPercentage?`saved extra ${e.discountPercentage}% off`:"",bannerSavingsText:o>0?`saved additional ${r} on your purchase`:qr(e)?"saved additional shipping on your purchase":"coupon applied on your purchase",applicabilityText:Yr(e)}},Xr=({rewardCoupons:i,applyCouponCode:a,removeDiscount:l,enableConfetti:c,backgroundSubdued:s,themeColor:d,themeTextColor:p,primaryTextColor:u,ctaButtonBackgroundColor:m,ctaButtonTextColor:g,cartComponentsCornerRadius:x})=>{const f=ae(Gt),y=r(null),b=r(null),h=r(null),v=r(!1),w=r(null),[C,E]=t(!1),[k,T]=t(!1),[S,$]=t(null),[B,z]=t(null),[N,I]=t(null),[F,P]=t(!1),[D,A]=t(null);n(()=>((()=>{if(document.getElementById(Lr))return;const e=document.createElement("style");e.id=Lr,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)})(),()=>{Mr(y),Mr(b),Mr(h)}),[]);const _=o(()=>f?.discount_codes?.filter(e=>!1!==e?.applicable)??[],[f?.discount_codes]),R=_[0],O=an(f,f?.currency),V=on(f?.items_subtotal_price??f?.original_total_price??f?.total_price??0,f?.currency??"INR"),j=o(()=>((e,t,n,o)=>{const r=new Set(t.map(e=>Vr(e?.code)).filter(Boolean)),i=e.map(e=>Gr(e,n,o));let a;const l=[];let c;for(const e of i)!a&&r.has(Vr(e.coupon.name))&&(a=e),e.isUnlocked&&(l.push(e),(!c||e.estimatedSavings>c.estimatedSavings)&&(c=e));return{couponDisplayModels:i,collectedCouponDisplay:a,unlockedCouponDisplays:l,bestUnlockedCouponDisplay:c,eligibleCouponCountText:1===l.length?"1 coupon eligible for your order":`${l.length}+ coupons eligible for your order`}})(i,_,O,V),[_,V,O,i]),W=()=>{w.current=null,z(null),$(null),Mr(h)},H=()=>{T(!1),E(!0)},q=()=>{k||(Mr(y),T(!0),y.current=setTimeout(()=>{y.current=null,v.current?window.history.back():(E(!1),T(!1))},280))};n(()=>{const e=j.collectedCouponDisplay;e&&w.current===e.coupon.couponTemplateId&&(W(),I(null),A(e.coupon.couponTemplateId),Mr(b),b.current=setTimeout(()=>{A(null),q(),b.current=null},1200))},[j.collectedCouponDisplay,k]),n(()=>{if(!C)return;v.current||(window.history.pushState({couponSelectionOpen:!0},""),v.current=!0);const e=()=>{v.current=!1,Mr(y),E(!1),T(!1)};return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[C]);const Q=async e=>{if(null===S&&!F&&!1!==e.isEligible&&e.name)if(a){Mr(h),I(null),$(e.couponTemplateId),z(e.couponTemplateId),w.current=e.couponTemplateId;try{await a(e.name),w.current===e.couponTemplateId&&(h.current=setTimeout(()=>{w.current===e.couponTemplateId&&(w.current=null,z(null),$(null),I(e.couponTemplateId)),h.current=null},2500))}catch(t){console.error("Failed to collect coupon:",t),w.current=null,z(null),$(null),I(e.couponTemplateId)}}else I(e.couponTemplateId)},U=async()=>{if(l&&!F){P(!0);try{await l(),A(null),I(null),W()}catch(e){console.error("Failed to remove coupon:",e)}finally{P(!1)}}},Y=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),H())},G=t=>{const{coupon:n}=t,o=n.couponTemplateId===j.collectedCouponDisplay?.coupon.couponTemplateId,r=S===n.couponTemplateId,i=B===n.couponTemplateId,a=D===n.couponTemplateId,c=!o&&!t.isUnlocked,s=N===n.couponTemplateId,p=r||F||c||o&&!l,m=o?"Remove":i?"Applying":"Collect";return e.createElement("div",{className:`yt-cart-coupon-selection-card${o?" yt-cart-coupon-selection-card-selected":""}${c?" yt-cart-coupon-selection-card-ineligible":""}`,key:n.couponTemplateId,style:{border:o?`1.5px solid ${d||"#4A7C59"}`:"1px solid #E8E8E8",borderRadius:x??8,overflow:"hidden",marginBottom:"12px",backgroundColor:"#FFFFFF",boxShadow:"0 1px 3px rgba(0,0,0,0.06)",animation:a?"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"}},a&&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(ne,{size:18,color:c?"#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:c?"#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:x??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}`:`Collect ${n.name}`,onClick:e=>{e.stopPropagation(),o?U():Q(n)},disabled:p,style:{background:"none",border:"none",color:c?"#6b7280":"#8B0000",fontSize:"14px",fontWeight:600,cursor:p?"not-allowed":"pointer",padding:0,display:"flex",alignItems:"center",gap:"4px"}},r||o&&F?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:c?"#6b7280":"#8B0000",borderTop:"1px solid #FECACA"}},t.applicabilityText))};return e.createElement(e.Fragment,null,(()=>{const t=j.collectedCouponDisplay,n=j.bestUnlockedCouponDisplay,o=!!t||!!R,r=j.unlockedCouponDisplays.length>0,i=!o&&!!n,a=n?.coupon,l=a&&S===a.couponTemplateId,c=t?.coupon.name??R?.code??"",s=t?"#2E7D32":"#8B0000",f=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:H,onKeyDown:Y,role:"button",tabIndex:0,"aria-label":"Open coupons and offers",style:{display:"flex",alignItems:"center",padding:"12px 14px",border:"1px dashed #E8E8E8",borderRadius:x??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(et,{size:20,color:s}):e.createElement(ne,{size:20,color:s})),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}},c),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:f,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&&a?e.createElement("button",{className:"yt-cart-coupon-selection-banner-collect","aria-label":`Collect ${a.name}`,onClick:e=>{e.stopPropagation(),Q(a)},disabled:!!l||F,style:{borderRadius:x??8,border:`1.5px solid ${m||d||"#315A9F"}`,backgroundColor:m||d||"#EEF4FF",color:g||p||"#FFFFFF",fontSize:"16px",fontWeight:700,cursor:l||F?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",marginLeft:"12px",flexShrink:0,padding:l?"6px":"5px 9px"}},l?e.createElement(ue,{color:g||p||"#FFFFFF",size:16}):"Collect"):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 ${x??8}px ${x??8}px`,marginTop:"-1px",border:"1px dashed #FECACA",borderTop:"none"}},j.eligibleCouponCountText))})(),C&&(()=>{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:k?"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(M,{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"}},R&&e.createElement("div",{className:"yt-cart-coupon-selection-applied-badge",style:{display:"flex",alignItems:"center",padding:"12px 16px",gap:"8px",flexWrap:"wrap"}},e.createElement(et,{size:16,color:"#333333"}),e.createElement("span",{className:"yt-cart-coupon-selection-applied-code",style:{fontWeight:700,fontSize:"14px",color:u||"#1A1A1A"}},R.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 ${R.code}`,onClick:U,disabled:F||!l,style:{background:"none",border:"none",cursor:F||!l?"not-allowed":"pointer",padding:"2px",display:"flex",alignItems:"center"}},F?e.createElement(ue,{color:"#666",size:14}):e.createElement(ve,{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:s,themeColor:d,themeTextColor:p,primaryTextColor:u,cartComponentsCornerRadius:x,applyCouponCode:a,removeDiscount:l,enableConfetti:c,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(G)))))})())},Zr=ce("showGSTInput",!1),Kr=c.div`
|
|
1392
|
+
`,_o=({addCartItem:t,handleDecrement:n,handleIncrement:r,removeCartItem:o,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:B,showDiscountOnMRP:z,checkoutSectionMessage:N,checkoutSectionMessageRedirectLink:I,showFreebieMilestone:F,freebieMilestoneData:P,freeLabelText:D})=>{const A=ae(Gt),{cartLoading:_}=tn(),R=!_.cartLoading&&A?.items,O=(x??Number(A?.items_subtotal_price))/100;let L=!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&&(L=!1),!R&&0===A?.item_count)return e.createElement(Do,null);if(!(R&&0!==A?.item_count||A?.items))return null;const V=P?.campaignFilter??"all_campaigns";let j=[];"all_campaigns"===V?j=f??[]:"progress_bar_tiers"===V?j=y??[]:"freebie_campaigns"===V&&(j=b??[]);const W=Array.isArray(j)?j.filter(e=>"free_product"===e?.couponType).slice().sort((e,t)=>e.minimumOrderValue-t.minimumOrderValue).find(e=>e.minimumOrderValue>O):void 0,H=an(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=u?.[s?.key],y=f?.find(e=>e?._allVariantIds?.includes(String(s.id)));let b=!1;if(y&&O>=y.minimumOrderValue&&0===s?.line_price&&(b=!0),!k&&(String(s?.id)===un(String(C))||un(String(E))===String(s?.id)))return null;const N=s.discounts&&s.discounts.length>0;return s.properties?._isYtFreebie&&(x||b)&&N&&L?e.createElement(e.Fragment,null,e.createElement(Ao,{className:"yt-cart-product-card-wrapper",key:s?.key??s?.id},e.createElement(Io,{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:B,showDiscountOnMRP:!0,freeLabelText:D}))):e.createElement(Ao,{className:"yt-cart-product-card-wrapper",key:s?.key??s?.id},e.createElement(Io,{themeColor:a,handleDecrement:n,handleIncrement:r,removeCartItem:o,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:B,showDiscountOnMRP:z,freeLabelText:D}))}),F&&L&&W&&e.createElement(Po,{name:W.name,minimumOrderValue:W.minimumOrderValue,currency:H,themeColor:a,tertiaryColor:S,imageUrl:P?.milestoneImage?.path}),xn()&&N&&N.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:I?"pointer":"default"},onClick:()=>{I&&(window.location.href=I)}},N):e.createElement("div",{className:"yt-cart-products-list-separator",style:{display:"list-item",height:"12px",background:"#87878717"}}))};const Ro=({bundleProducts:t})=>{const n=ae(Gt);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"},ln(t[0].title)),e.createElement("div",null,e.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},an(n,n?.currency),t[0].original_price)," ",e.createElement("span",{className:"line-through text-[#667085] text-[12px]"},an(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"},ln(t[0].title)),e.createElement("div",null,e.createElement("span",{className:"text-[#344054] text-[14px] font-bold"},an(n,n?.currency),t[1].original_price)," ",e.createElement("span",{className:"line-through text-[#667085] text-[12px]"},an(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">\r\n<circle cx="17.2797" cy="18.7208" r="15.5219" fill="#3A3A3A" stroke="#767676" stroke-width="1.51433"/>\r\n<path d="M15.5903 25.9172V12.1037H19.0827V25.9172H15.5903ZM10.4297 20.7566V17.2642H24.2433V20.7566H10.4297Z" fill="white"/>\r\n</svg>',alt:"Delivery Truck",height:"25px",width:"42px"}))),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"},an(n,n?.currency),t[0].price+t[1].price)," ",e.createElement("span",{className:"text-[#868E96] text-[12px] line-through"},an(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"},an(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(dt,{color:"white"}),e.createElement("span",{className:"text-white uppercase text-[14px]"},"Buy Bundle at"," ",e.createElement("span",{className:"font-semibold"},an(n,n?.currency),t[0].price+t[1].price))))},Oo=({backgroundSubdued:r,themeColor:i,themeTextColor:a,primaryTextColor:l,cartComponentsCornerRadius:c,applyCouponCode:s,removeDiscount:d,enableConfetti:p,hideAppliedCodes:u})=>{const m=ae(Gt),[g,x]=t(""),[f,y]=t(null),[b,h]=t(!1),[v,w]=t(!1),[C,E]=t(!1),{setLoading:k}=tn(),[T,S]=t(null),[$,B]=t(!1),[z,N]=t(!1),I=o(null);n(()=>{if(T){B(!0);const e=setTimeout(()=>{B(!1)},4e3),t=setTimeout(()=>{S(null)},4500);return()=>{clearTimeout(e),clearTimeout(t)}}B(!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&&(N(!0),setTimeout(()=>N(!1),5e3))):S({message:"Coupon not applicable",type:"error"}),y(null))}},[m,f]);const F=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)}}},P=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)}}},D="error"===T?.type,A=m?.discount_codes?.filter(e=>!1!==e?.applicable);return e.createElement("div",{className:"yt-cart-apply-container",ref:I,style:{marginTop:"10px",padding:"0 16px",marginBottom:"10px"}},z&&p&&e.createElement(wr,{particleCount:100,spread:160,origin:{y:.6},checkpointPosition:.5}),e.createElement("div",{className:"yt-cart-apply-input-wrapper",style:{display:"flex",alignItems:"stretch",border:D?"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(()=>{I.current&&window.innerWidth<=768&&I.current.scrollIntoView({behavior:"smooth",block:"nearest"})},300)},onBlur:()=>w(!1),onChange:e=>{x(e.target.value),T&&S(null)},onKeyDown:e=>{"Enter"===e.key&&F()},style:{flexGrow:1,border:"none",padding:"10px",outline:"none",fontSize:"14px",fontWeight:"bold",borderTopLeftRadius:c??4,borderBottomLeftRadius:c??4,backgroundColor:r,color:l,boxShadow:"none",cursor:b?"not-allowed":"auto",margin:"0"}}),e.createElement("button",{className:"yt-cart-apply-button",onClick:F,disabled:!g||b,style:{padding:"10px 15px",border:"none",backgroundColor:D?"#D98181":g?i||"#007bff":"#cccccc",color:g||D?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),!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:r,paddingInlineStart:"6px",gap:"4px"}},e.createElement(et,{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:P,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(ve,{size:16})))))))},Lo="yt-coupon-selection-animations",Mo=e=>{e.current&&(clearTimeout(e.current),e.current=null)},Vo=e=>e?.trim().toLowerCase()??"",jo=e=>e.couponType?.toLowerCase()??"",Wo=e=>"percentage_discount_coupon"===jo(e),Ho=e=>"amount_discount_coupon"===jo(e),qo=e=>"free_delivery"===jo(e),Qo=e=>{const t=Number(e);return Number.isFinite(t)&&t>0?t:0},Uo=e=>{const t=Number(e.toFixed(2)),n=Number.isInteger(t)?t.toFixed(0):t.toFixed(2);return gn(n)},Yo=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"},Go=(e,t,n)=>{const r=((e,t)=>{const n=Number(e.estimatedSavings);if(Number.isFinite(n)&&n>=0)return n;const r=(e.allowedCollections?.ids?.length??0)>0,o=Number(e.applicableSubtotal),i=Number.isFinite(o)&&o>=0?o:r?0:Qo(t);return Wo(e)?i*(Qo(e.discountPercentage)/100):Ho(e)?Math.min(Qo(e.discountValue),i):qo(e)?Qo(e.discountValue):0})(e,n),o=`${t}${Uo(r)}`,i=!1!==e.isEligible;let a=e.name;Wo(e)&&e.discountPercentage?a=`Get an additional ${e.discountPercentage}% off`:Ho(e)&&e.discountValue?a=`Get an additional ${t}${Uo(e.discountValue)} off`:qo(e)&&(a="Get free shipping");let l="";return"minimum_quantity"===e.customCartProgressBarCriteria?e.quantityThreshold&&(l=`On orders with ${e.quantityThreshold}+ items.`):e.minimumOrderValue&&(l=`On purchases above ${t}${Uo(e.minimumOrderValue)}.`),{coupon:e,isUnlocked:i,estimatedSavings:r,title:a,subtitle:l,bannerTitle:r>0?`Save extra ${o} on this order`:qo(e)?"Claim free shipping on this order":a,appliedSavingsText:r>0?`saved extra ${o} off`:qo(e)?"saved extra on shipping":Wo(e)&&e.discountPercentage?`saved extra ${e.discountPercentage}% off`:"",bannerSavingsText:r>0?`saved additional ${o} on your purchase`:qo(e)?"saved additional shipping on your purchase":"coupon applied on your purchase",applicabilityText:Yo(e)}},Xo=({rewardCoupons:i,applyCouponCode:a,removeDiscount:l,enableConfetti:c,backgroundSubdued:s,themeColor:d,themeTextColor:p,primaryTextColor:u,ctaButtonBackgroundColor:m,ctaButtonTextColor:g,cartComponentsCornerRadius:x})=>{const f=ae(Gt),y=o(null),b=o(null),h=o(null),v=o(!1),w=o(null),[C,E]=t(!1),[k,T]=t(!1),[S,$]=t(null),[B,z]=t(null),[N,I]=t(null),[F,P]=t(!1),[D,A]=t(null);n(()=>((()=>{if(document.getElementById(Lo))return;const e=document.createElement("style");e.id=Lo,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)})(),()=>{Mo(y),Mo(b),Mo(h)}),[]);const _=r(()=>f?.discount_codes?.filter(e=>!1!==e?.applicable)??[],[f?.discount_codes]),R=_[0],O=an(f,f?.currency),V=rn(f?.items_subtotal_price??f?.original_total_price??f?.total_price??0,f?.currency??"INR"),j=r(()=>((e,t,n,r)=>{const o=new Set(t.map(e=>Vo(e?.code)).filter(Boolean)),i=e.map(e=>Go(e,n,r));let a;const l=[];let c;for(const e of i)!a&&o.has(Vo(e.coupon.name))&&(a=e),e.isUnlocked&&(l.push(e),(!c||e.estimatedSavings>c.estimatedSavings)&&(c=e));return{couponDisplayModels:i,collectedCouponDisplay:a,unlockedCouponDisplays:l,bestUnlockedCouponDisplay:c,eligibleCouponCountText:1===l.length?"1 coupon eligible for your order":`${l.length}+ coupons eligible for your order`}})(i,_,O,V),[_,V,O,i]),W=()=>{w.current=null,z(null),$(null),Mo(h)},H=()=>{T(!1),E(!0)},q=()=>{k||(Mo(y),T(!0),y.current=setTimeout(()=>{y.current=null,v.current?window.history.back():(E(!1),T(!1))},280))};n(()=>{const e=j.collectedCouponDisplay;e&&w.current===e.coupon.couponTemplateId&&(W(),I(null),A(e.coupon.couponTemplateId),Mo(b),b.current=setTimeout(()=>{A(null),q(),b.current=null},1200))},[j.collectedCouponDisplay,k]),n(()=>{if(!C)return;v.current||(window.history.pushState({couponSelectionOpen:!0},""),v.current=!0);const e=()=>{v.current=!1,Mo(y),E(!1),T(!1)};return window.addEventListener("popstate",e),()=>window.removeEventListener("popstate",e)},[C]);const Q=async e=>{if(null===S&&!F&&!1!==e.isEligible&&e.name)if(a){Mo(h),I(null),$(e.couponTemplateId),z(e.couponTemplateId),w.current=e.couponTemplateId;try{await a(e.name),w.current===e.couponTemplateId&&(h.current=setTimeout(()=>{w.current===e.couponTemplateId&&(w.current=null,z(null),$(null),I(e.couponTemplateId)),h.current=null},2500))}catch(t){console.error("Failed to collect coupon:",t),w.current=null,z(null),$(null),I(e.couponTemplateId)}}else I(e.couponTemplateId)},U=async()=>{if(l&&!F){P(!0);try{await l(),A(null),I(null),W()}catch(e){console.error("Failed to remove coupon:",e)}finally{P(!1)}}},Y=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),H())},G=t=>{const{coupon:n}=t,r=n.couponTemplateId===j.collectedCouponDisplay?.coupon.couponTemplateId,o=S===n.couponTemplateId,i=B===n.couponTemplateId,a=D===n.couponTemplateId,c=!r&&!t.isUnlocked,s=N===n.couponTemplateId,p=o||F||c||r&&!l,m=r?"Remove":i?"Applying":"Collect";return e.createElement("div",{className:`yt-cart-coupon-selection-card${r?" yt-cart-coupon-selection-card-selected":""}${c?" yt-cart-coupon-selection-card-ineligible":""}`,key:n.couponTemplateId,style:{border:r?`1.5px solid ${d||"#4A7C59"}`:"1px solid #E8E8E8",borderRadius:x??8,overflow:"hidden",marginBottom:"12px",backgroundColor:"#FFFFFF",boxShadow:"0 1px 3px rgba(0,0,0,0.06)",animation:a?"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"}},a&&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(ne,{size:18,color:c?"#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:c?"#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:x??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":r?`Remove ${n.name}`:`Collect ${n.name}`,onClick:e=>{e.stopPropagation(),r?U():Q(n)},disabled:p,style:{background:"none",border:"none",color:c?"#6b7280":"#8B0000",fontSize:"14px",fontWeight:600,cursor:p?"not-allowed":"pointer",padding:0,display:"flex",alignItems:"center",gap:"4px"}},o||r&&F?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:c?"#6b7280":"#8B0000",borderTop:"1px solid #FECACA"}},t.applicabilityText))};return e.createElement(e.Fragment,null,(()=>{const t=j.collectedCouponDisplay,n=j.bestUnlockedCouponDisplay,r=!!t||!!R,o=j.unlockedCouponDisplays.length>0,i=!r&&!!n,a=n?.coupon,l=a&&S===a.couponTemplateId,c=t?.coupon.name??R?.code??"",s=t?"#2E7D32":"#8B0000",f=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:H,onKeyDown:Y,role:"button",tabIndex:0,"aria-label":"Open coupons and offers",style:{display:"flex",alignItems:"center",padding:"12px 14px",border:"1px dashed #E8E8E8",borderRadius:x??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(et,{size:20,color:s}):e.createElement(ne,{size:20,color:s})),e.createElement("div",{className:"yt-cart-coupon-selection-banner-content",style:{flex:1,minWidth:0}},r?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}},c),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:f,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&&a?e.createElement("button",{className:"yt-cart-coupon-selection-banner-collect","aria-label":`Collect ${a.name}`,onClick:e=>{e.stopPropagation(),Q(a)},disabled:!!l||F,style:{borderRadius:x??8,border:`1.5px solid ${m||d||"#315A9F"}`,backgroundColor:m||d||"#EEF4FF",color:g||p||"#FFFFFF",fontSize:"16px",fontWeight:700,cursor:l||F?"not-allowed":"pointer",display:"flex",alignItems:"center",justifyContent:"center",marginLeft:"12px",flexShrink:0,padding:l?"6px":"5px 9px"}},l?e.createElement(ue,{color:g||p||"#FFFFFF",size:16}):"Collect"):e.createElement(L,{className:"yt-cart-coupon-selection-banner-arrow",size:14,color:"#888888"})),!r&&o&&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 ${x??8}px ${x??8}px`,marginTop:"-1px",border:"1px dashed #FECACA",borderTop:"none"}},j.eligibleCouponCountText))})(),C&&(()=>{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:k?"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(M,{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"}},R&&e.createElement("div",{className:"yt-cart-coupon-selection-applied-badge",style:{display:"flex",alignItems:"center",padding:"12px 16px",gap:"8px",flexWrap:"wrap"}},e.createElement(et,{size:16,color:"#333333"}),e.createElement("span",{className:"yt-cart-coupon-selection-applied-code",style:{fontWeight:700,fontSize:"14px",color:u||"#1A1A1A"}},R.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 ${R.code}`,onClick:U,disabled:F||!l,style:{background:"none",border:"none",cursor:F||!l?"not-allowed":"pointer",padding:"2px",display:"flex",alignItems:"center"}},F?e.createElement(ue,{color:"#666",size:14}):e.createElement(ve,{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(Oo,{backgroundSubdued:s,themeColor:d,themeTextColor:p,primaryTextColor:u,cartComponentsCornerRadius:x,applyCouponCode:a,removeDiscount:l,enableConfetti:c,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(G)))))})())},Zo=ce("showGSTInput",!1),Ko=c.div`
|
|
1393
1393
|
width: 95%;
|
|
1394
1394
|
background: white;
|
|
1395
1395
|
border-radius: 2px;
|
|
@@ -1398,7 +1398,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1398
1398
|
z-index: 1;
|
|
1399
1399
|
margin: 0 1rem;
|
|
1400
1400
|
padding-right: 1rem;
|
|
1401
|
-
`,
|
|
1401
|
+
`,Jo=c.button`
|
|
1402
1402
|
width: 100%;
|
|
1403
1403
|
padding: 10px;
|
|
1404
1404
|
display: flex;
|
|
@@ -1421,14 +1421,14 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1421
1421
|
color: ${e=>e.$textColor};
|
|
1422
1422
|
font-size: 15px;
|
|
1423
1423
|
font-weight: 500;
|
|
1424
|
-
`,
|
|
1424
|
+
`,ri=c.div`
|
|
1425
1425
|
display: flex;
|
|
1426
1426
|
align-items: center;
|
|
1427
1427
|
gap: 8px;
|
|
1428
1428
|
`;c(Qe)`
|
|
1429
1429
|
color: #8c8c8c;
|
|
1430
1430
|
font-size: 16px;
|
|
1431
|
-
`;const
|
|
1431
|
+
`;const oi=c.div`
|
|
1432
1432
|
width: 24px;
|
|
1433
1433
|
height: 24px;
|
|
1434
1434
|
display: flex;
|
|
@@ -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
|
-
`,si=({companyName:
|
|
1468
|
+
`,si=({companyName:r,gstNumber:o,themeColor:a,iconColor:l=a||"#1a1a1a",showIcon:c=!0,backgroundColor:s="white",textColor:d="#1A1A1A",title:p})=>{const[u,m]=ie(_r),[g,x]=ie(Ar),[f,y]=ie(Zo),[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(()=>{o&&r&&!g&&!u&&(x(o),m(r));const e=g||o||"";if(e){const t=k(e);h(t),w(!t),t&&y(!1)}},[g,u,o,r]);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(Ko,{className:"yt-cart-gst-container",$bgColor:s},e.createElement(Jo,{className:"yt-cart-gst-button",onClick:()=>{if(f&&(g||u)){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(ei,{className:"yt-cart-gst-left"},c&&e.createElement(ti,{color:l}),e.createElement(ni,{$textColor:d},p||"Get GST Invoice")),e.createElement(ri,{className:"yt-cart-gst-right"},e.createElement(oi,{$bgColor:"white"!==s?"rgba(245, 245, 245, 0.4)":"rgba(245, 245, 245, 1)"},b&&!f?e.createElement(Ue,{size:18,color:d??"#4A4A4A"}):f?e.createElement(Ye,{size:18,color:d??"#4A4A4A"}):e.createElement(Ge,{size:18,color:d??"#4A4A4A",strokeWidth:"0.1"})))),f&&e.createElement(ii,{className:"yt-cart-gst-form"},e.createElement(li,{className:"yt-cart-gst-company-input",placeholder:"Company Name",value:u,onChange:e=>m(e.target.value)}),e.createElement(ai,{className:"yt-cart-gst-input-wrapper"},e.createElement(li,{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(ci,null,"Please enter a valid GST number"))))};ft('.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 di=({note:r,noteSectionTitle:o="Order Note"})=>{const[i,a]=ie(Rr),[l,c]=t(!1);return n(()=>{""===i&&r&&""!==r&&a(r)},[r]),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"}},o," ",e.createElement(K,null)),e.createElement("div",{className:"yt-cart-note-toggle icon-transition"},l?e.createElement(V,null):e.createElement(j,null))),l&&e.createElement("textarea",{className:"yt-cart-note-textarea floating-input-note",value:i,onChange:e=>{a(e.target.value)}}))},pi=(e,t)=>!!t&&(!e?.tracksInventory||(!t?.inventoryItem?.tracked||("continue"===t.inventoryPolicy||t.inventoryQuantity>0))),ui=(e,t,n)=>{const r=e?.variants?.edges?.filter(t=>pi(e,t?.node))||[];if(0===r.length)return{selectedVariantId:void 0,selectedVariantGid:void 0,selectedVariantPrice:0,availableVariants:[],displayVariantCount:0,effectiveDiscount:1,effectivePrice:0,dealAmount:0,showOptions:!1,isFree:!0};let o;n&&(o=r.find(e=>String(e?.node?.id)===`gid://shopify/ProductVariant/${n}`)),o||(o=r[0]);const i=o?.node?.id,a=n||pn(i),l=Number(o?.node?.price)||0,c=e?.percentageOffOnCustomerGetsProducts?.01*e.percentageOffOnCustomerGetsProducts:1;let s=0;if(t&&t.length>0&&i){const e=pn(i),n=t.find(t=>"deal_amount"===t.freebieType&&t.discountValue&&(t.customerGetsProductIds?.ids?.includes(e)||t._allVariantIds?.includes(e)));n&&(s=n.discountValue)}const d=1===c?0:(1-c)*l;return{selectedVariantId:a,selectedVariantGid:i,selectedVariantPrice:l,availableVariants:r,displayVariantCount:e?._claim_allowed_variants?.length||1,effectiveDiscount:c,effectivePrice:d,dealAmount:s,showOptions:e?.variants?.edges?.length>1,isFree:0===d}},mi=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
|
-
`,bi=({product:n,themeColor:
|
|
1534
|
+
`,bi=({product:n,themeColor:o,themeTextColor:i,addFreebieToCart:a,productClaimCtaButtonText:l,imageAspectSelector:c,freebieCouponTemplates:s,isMultiClaim:d=!1,isSelected:p=!1,isDisabled:u=!1,onToggleSelection:m})=>{const{setLoading:g}=tn(),x=le(nn),f=r(()=>{const e=n?.variants?.edges?.filter(e=>pi(n,e?.node));return((e,t,n)=>{if(e?.length){if(t?.length)for(const n of e){const e=pn(String(n?.node?.id));if(t.find(t=>"deal_amount"===t.freebieType&&t.discountValue&&(t.customerGetsProductIds?.ids?.includes(e)||t._allVariantIds?.includes(e))))return e}if(n?.length){const t=e.find(e=>{const t=pn(String(e?.node?.id));return t&&n.includes(t)});if(t)return pn(String(t?.node?.id))}return pn(String(e[0]?.node?.id))}})(e,s,n?._claim_allowed_variants)},[n,s]),[y,b]=t({variantId:f}),h=r(()=>ui(n,s,y?.variantId),[n,s,y?.variantId]);if(!h.availableVariants?.length)return null;const v=d?()=>{!u&&m&&m(n.id)}:()=>{(async(e,t,n,r)=>{e(!0,!0);try{const o=t._claim_allowed_variants||[],i=o[0];if(!i)return console.error("No allowed variant ID found for claiming freebie:",t),void e(!1,!1);if(o.length<=1)n&&await n(i,o);else if(r){const e=t?.id?.split("/").pop();r({open:!0,variantId:i,handle:t?.handle,freebieSelection:!0,productId:e,allowedVariantIds:o})}else console.error("Cannot open variant modal: setVariantSelectionModal not provided.")}catch(e){console.error("yt::uikit handleFreebieClaim error:",e)}finally{e(!1,!1)}})(g,n,a,x)};return e.createElement(mi,{className:"yt-cart-freebie-card",$isDisabled:u,$isSelected:p},e.createElement(gi,{className:"yt-cart-freebie-card-image",src:n?.featuredMedia?.preview?.image?.url,alt:n?.title,$imageAspectSelector:c}),e.createElement(xi,{className:"yt-cart-freebie-card-content"},e.createElement(fi,null,e.createElement(yi,{href:`/products/${n?.handle}?variant=${y?.variantId}`},n?.title),h.showOptions&&h.displayVariantCount>1&&e.createElement("div",{style:{fontSize:"10px",marginBottom:"5px"}},`${h.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"}},h.dealAmount>0?`₹${h.dealAmount.toFixed(2)}`:h.isFree?"FREE":`₹${h.effectivePrice.toFixed(2)}`),e.createElement("span",{style:{color:"gray",textDecorationLine:"line-through"}},"₹",h.selectedVariantPrice),h.effectivePrice>0?e.createElement("span",{style:{padding:"2px",background:"#FFEAF2",color:"#E2454B",fontSize:"8px",fontWeight:"bold"}},"Save ",n?.percentageOffOnCustomerGetsProducts,"%"):"")),e.createElement("button",{className:"yt-cart-freebie-card-button",style:{cursor:u?"not-allowed":"pointer",border:d?p?"1px solid #51B286":"1px solid #888888":"none",color:d?p?"#ffffff":"#000000":i||"#ffffff",backgroundColor:d?p?"#51B286":"#ffffff":o||"#000000",fontSize:"12px",padding:"5px 7px",width:"80%",borderRadius:"14px",fontWeight:d?p?"600":"normal":"600",display:"flex",alignItems:"center",justifyContent:"center",gap:"4px",fontFamily:"Poppins"},onClick:v,disabled:u},e.createElement("span",{style:{display:"flex",alignItems:"center",gap:"4px"}},d&&e.createElement("span",{style:{display:"inline-flex"}},p?e.createElement(rt,{size:16}):e.createElement(ot,{size:16})),e.createElement("span",null,d?p?"Added":"Add":l||"Add")))))},hi=async(e,t,n)=>{if(n&&0!==e.length)for(const r of e){const e=t.find(e=>e.id===r);if(!e){console.error("Product not found for ID:",r);continue}const o=e._claim_allowed_variants||[],i=o[0];i?await n(i,o):console.error("No allowed variant ID found for claiming freebie:",e)}},vi=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
|
-
`,Di=({freebieProductsInCart:i,themeColor:a,themeTextColor:l,primaryTextColor:c,addFreebieToCart:s,freebiesInCart:d,imageAspectSelector:p,freebieCouponTemplates:u,maxFreebiesInTier:f=1,tierName:y="Freebie",freebieClaimData:b})=>{const[h,v]=t(0),[w,C]=t(0),[E,k]=t([]),[T,S]=t(!1),[$,B]=t(!1),z=
|
|
1631
|
+
`,Di=({freebieProductsInCart:i,themeColor:a,themeTextColor:l,primaryTextColor:c,addFreebieToCart:s,freebiesInCart:d,imageAspectSelector:p,freebieCouponTemplates:u,maxFreebiesInTier:f=1,tierName:y="Freebie",freebieClaimData:b})=>{const[h,v]=t(0),[w,C]=t(0),[E,k]=t([]),[T,S]=t(!1),[$,B]=t(!1),z=o(null),N=o(null),I=o(null),F=o(!1),P=r(()=>i?.length?i.filter(e=>(e?.variants?.edges||[]).some(t=>pi(e,t?.node))):[],[i]),D=f>1||(u?.some(e=>(e.maxFreebiesInTier??1)>1)??!1),A=e=>u?.find(t=>t.couponTemplateId===e?.couponTemplateId),_=e=>{const t=A(e);if(!t)return E.length>=f;const n=t.maxFreebiesInTier??1,r=(o=t.couponTemplateId)?E.filter(e=>{const t=P.find(t=>String(t?.id)===e);return t?.couponTemplateId===o}).length:0;var o;return r>=n},R=r(()=>{const e=new Set;P.forEach(t=>{t?.couponTemplateId&&e.add(t.couponTemplateId)});let t=0;return e.forEach(e=>{const n=u?.find(t=>t.couponTemplateId===e);t+=n?.maxFreebiesInTier??1}),t>0?t:f},[P,u,f]),O=E.length,L=`${O}/${R} selected`,M=O===R&&O>0,V=b?.freebieSectionTitle,j=b?.productClaimCtaButtonText??"Claim Freebie";n(()=>{k(e=>e.filter(e=>P.some(t=>String(t?.id)===e)))},[P]);n(()=>{if(z.current){const e=z.current.offsetWidth,t=window.innerWidth<=768;C(t?Math.min(.95*e,280):Math.min(.8*e,320))}},[P.length]);const W=Math.max(0,(P.length||0)-1);n(()=>{h>W&&v(W)},[W,h]);const H=()=>{v(e=>0===e?W:e-1)},q=()=>{v(e=>e===W?0:e+1)};return 0===P.length?null:e.createElement("div",{className:"yt-cart-freebie-claim-section",style:{display:"flex",flexDirection:"column",marginTop:"5px"}},e.createElement($i,{className:"yt-cart-freebie-claim-header",onClick:()=>S(e=>!e)},e.createElement(Bi,{$primaryTextColor:c},e.createElement(zi,{$isCollapsed:T},e.createElement(m,{size:16})),V??"Freebies",D&&!M&&` • ${L}`),e.createElement(Ni,null)),e.createElement(Ii,{className:"yt-cart-freebie-claim-list",$isCollapsed:T},e.createElement(vi,{className:"yt-cart-freebie-claim-carousel",ref:z,onTouchStart:e=>{const t=e.touches[0];N.current=t.clientX,I.current=t.clientY,F.current=!1},onTouchMove:e=>{if(null===N.current||null===I.current)return;const t=e.touches[0],n=t.clientX-N.current,r=t.clientY-I.current;Math.abs(n)>10&&Math.abs(n)>Math.abs(r)&&(F.current=!0,e.preventDefault())},onTouchEnd:e=>{if(null===N.current)return;const t=e.changedTouches[0].clientX-N.current;Math.abs(t)>50&&(t<0?q():H()),N.current=null,I.current=null,F.current=!1}},P.length>1&&e.createElement(Ti,{className:"yt-cart-freebie-carousel-nav-left",onClick:H},e.createElement(g,{size:30,color:"#4D4D4D",className:"yt-freebie-carousel-icon"})),e.createElement(Ci,{position:"left",style:{display:"flex"}}),e.createElement(Ci,{position:"right",style:{display:"flex"}}),e.createElement(wi,{$cardWidth:w},e.createElement(Ei,{$translate:h*(w+10)},P.map((t,n)=>e.createElement("div",{key:`${t?.id}-${E.includes(String(t.id))?"selected":"unselected"}`,style:{width:`${w}px`,flexShrink:0}},e.createElement(bi,{addFreebieToCart:s,product:t,themeColor:a,themeTextColor:l,productClaimCtaButtonText:j,imageAspectSelector:p,freebieCouponTemplates:u,isMultiClaim:D,isSelected:E.includes(String(t.id)),isDisabled:D&&!E.includes(String(t.id))&&_(t),onToggleSelection:D?e=>{k(t=>{const n=String(e);if(t.includes(n))return t.filter(e=>e!==n);const r=P.find(e=>String(e?.id)===n),o=A(r),i=o?.maxFreebiesInTier??f,a=o?.couponTemplateId;if((a?t.filter(e=>{const t=P.find(t=>String(t?.id)===e);return t?.couponTemplateId===a}).length:t.length)<i){return t.length+1<R&&setTimeout(()=>{q()},600),[...t,n]}return t})}:void 0}))))),P.length>1&&e.createElement(Si,{className:"yt-cart-freebie-carousel-nav-right",onClick:q},e.createElement(x,{size:30,color:"#4D4D4D",className:"yt-freebie-carousel-icon"})))),D&&M&&e.createElement(Fi,{className:"yt-cart-freebie-claim-button-container"},e.createElement(Pi,{className:"yt-cart-freebie-claim-button",$themeColor:a,$themeTextColor:l,$disabled:$,onClick:async()=>{if(s&&0!==E.length&&!$){B(!0);try{await hi(E,i,s),k([])}catch(e){console.error("Failed to claim gifts:",e)}finally{B(!1)}}},disabled:$},$?"Adding to Cart...":`${j} • ${O}/${R} added`)))},Ai="yt-multiclaim-selection",_i=e=>{try{if("undefined"==typeof window||!window.sessionStorage)return;sessionStorage.setItem(Ai,JSON.stringify(e))}catch{}},Ri=oe((()=>{try{if("undefined"==typeof window||!window.sessionStorage)return null;const e=sessionStorage.getItem(Ai);return e?JSON.parse(e):null}catch{return null}})()??{selectedProducts:[],maxAllowed:1,tierName:""}),Oi=oe(e=>{const t=e(Ri);return t.selectedProducts.length>=t.maxAllowed}),Li=oe(e=>e(Ri).selectedProducts.length),Mi=oe(null,(e,t,n)=>{const r=e(Ri),o="string"==typeof n?n:n.productId,i="object"==typeof n?n:void 0;let a;if(r.selectedProducts.includes(o))a={...r,selectedProducts:r.selectedProducts.filter(e=>e!==o)};else{if(void 0!==i?.tierId&&void 0!==i?.tierMax&&i?.getProductTierId){if(r.selectedProducts.filter(e=>i.getProductTierId(e)===i.tierId).length>=i.tierMax)return}else if(r.selectedProducts.length>=r.maxAllowed)return;a={...r,selectedProducts:[...r.selectedProducts,o]}}t(Ri,a),_i(a)}),Vi=oe(null,(e,t)=>{const n={...e(Ri),selectedProducts:[]};t(Ri,n),_i(n)}),ji=oe(null,(e,t,n,r)=>{const o={selectedProducts:[],maxAllowed:n,tierName:r};t(Ri,o),_i(o)}),Wi=c.div`
|
|
1632
1632
|
display: flex;
|
|
1633
1633
|
flex-direction: row;
|
|
1634
1634
|
align-items: center;
|
|
@@ -1694,7 +1694,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1694
1694
|
align-items: center;
|
|
1695
1695
|
justify-content: center;
|
|
1696
1696
|
margin-left: 12px;
|
|
1697
|
-
`,Ki=({product:t,imageAspectSelector:n="square",freebieCouponTemplates:
|
|
1697
|
+
`,Ki=({product:t,imageAspectSelector:n="square",freebieCouponTemplates:o=[],accentColor:i,freebieProductsInCart:a=[]})=>{const[l]=ie(Ri),[c]=ie(Oi),s=le(Mi),d=l.selectedProducts.includes(t.id),p=e=>o?.find(t=>t.couponTemplateId===e?.couponTemplateId),u=!d&&(()=>{const e=p(t);if(!e)return c;const n=e.maxFreebiesInTier??1;return l.selectedProducts.filter(t=>{const n=a.find(e=>String(e?.id)===t);return n?.couponTemplateId===e.couponTemplateId}).length>=n})(),m=r(()=>ui(t,o),[t,o]);if(!m.availableVariants?.length)return null;const g=e=>{const t=a.find(t=>String(t?.id)===e);return t?.couponTemplateId};return e.createElement(Wi,{className:`yt-cart-freebie-overlay-card${d?" yt-cart-freebie-overlay-card-selected":""}${u?" yt-cart-freebie-overlay-card-disabled":""}`,$isSelected:d,$isDisabled:u,$accentColor:i,onClick:()=>{if(!u){const e=p(t);s({productId:t.id,tierId:e?.couponTemplateId,tierMax:e?.maxFreebiesInTier??1,getProductTierId:g})}},onKeyDown:e=>{if(!u&&("Enter"===e.key||" "===e.key)){e.preventDefault();const n=p(t);s({productId:t.id,tierId:n?.couponTemplateId,tierMax:n?.maxFreebiesInTier??1,getProductTierId:g})}},role:"checkbox","aria-checked":d,tabIndex:u?-1:0,"aria-disabled":u},e.createElement(Hi,{src:t.featuredMedia?.preview?.image?.url,alt:t.title,$imageAspectSelector:n}),e.createElement(qi,null,e.createElement(Qi,null,t.title),e.createElement(Ui,null,m.dealAmount>0?e.createElement(e.Fragment,null,e.createElement(Yi,null,"₹",m.dealAmount.toFixed(0)),e.createElement(Gi,null,"₹",m.selectedVariantPrice.toFixed(0))):m.isFree?e.createElement(e.Fragment,null,e.createElement(Yi,null,"₹",m.selectedVariantPrice.toFixed(0)),e.createElement(Xi,null,"Free")):e.createElement(e.Fragment,null,e.createElement(Yi,null,"₹",m.effectivePrice.toFixed(0)),e.createElement(Gi,null,"₹",m.selectedVariantPrice.toFixed(0))))),e.createElement(Zi,{$isSelected:d,$accentColor:i,"aria-hidden":"true"},d?e.createElement(pt,{color:"#000",size:18}):e.createElement(ut,{color:"#777",size:18})))},Ji=oe({isOpen:!1}),ea=c.div`
|
|
1698
1698
|
position: fixed;
|
|
1699
1699
|
top: 0;
|
|
1700
1700
|
left: 0;
|
|
@@ -1722,14 +1722,14 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1722
1722
|
padding: 16px 16px 10px;
|
|
1723
1723
|
text-align: center;
|
|
1724
1724
|
border-bottom: 1px solid #D8D8D8;
|
|
1725
|
-
`,
|
|
1725
|
+
`,ra=c.div`
|
|
1726
1726
|
width: 24px;
|
|
1727
1727
|
height: 24px;
|
|
1728
1728
|
display: flex;
|
|
1729
1729
|
align-items: center;
|
|
1730
1730
|
justify-content: center;
|
|
1731
1731
|
margin: 0 auto;
|
|
1732
|
-
`,
|
|
1732
|
+
`,oa=c.div`
|
|
1733
1733
|
font-size: 15px;
|
|
1734
1734
|
color: #000;
|
|
1735
1735
|
letter-spacing: 0.2px;
|
|
@@ -1803,7 +1803,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1803
1803
|
border: none;
|
|
1804
1804
|
max-width: unset;
|
|
1805
1805
|
margin-left: 10px;
|
|
1806
|
-
`,ma=({freebieProductsInCart:t,maxFreebiesInTier:
|
|
1806
|
+
`,ma=({freebieProductsInCart:t,maxFreebiesInTier:o,tierName:i,themeColor:a,themeTextColor:l,primaryTextColor:c,addFreebieToCart:s,imageAspectSelector:d="square",freebieCouponTemplates:p=[],freebieClaimData:u,isCartDrawerOpen:g=!0})=>{const[x]=ie(Ri),[f]=ie(Li),y=le(Vi),b=le(ji),[h,v]=ie(Ji),[w,C]=e.useState(!1),E=u?.allowOverlayClose??!0,k=u?.freebieSectionTitle,T=r(()=>{const e=new Set;t.forEach(t=>{t?.couponTemplateId&&e.add(t.couponTemplateId)});let n=0;return e.forEach(e=>{const t=p?.find(t=>t.couponTemplateId===e);n+=t?.maxFreebiesInTier??1}),n>0?n:o},[t,p,o]);n(()=>g?(b(T,i),v({isOpen:!0}),()=>{y(),v({isOpen:!1})}):(v({isOpen:!1}),void y()),[g,T,i,b,y,v]);const S=()=>{v({isOpen:!1}),y()},$=()=>{v({isOpen:!0})};n(()=>{const e=e=>{"Escape"===e.key&&S()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[]);x.selectedProducts.length;const B=f>=T,z=w?"Adding to Cart...":B?`Claim Gifts • ${f}/${T} added`:`${f}/${T} added`;if(!h.isOpen)return e.createElement("div",{style:{display:"flex",flexDirection:"column",marginTop:"5px"}},e.createElement(da,{onClick:$},e.createElement(pa,{$primaryTextColor:c},e.createElement(m,{size:16}),k??"Freebies"," • ",T," items available"),e.createElement(ua,null)));const N=e.createElement(ea,{role:"dialog","aria-modal":"true",onClick:E?S:void 0},e.createElement(ta,{onClick:e=>e.stopPropagation(),"aria-labelledby":"freebie-modal-title"},e.createElement(na,null,e.createElement(ra,null,e.createElement(W,{color:"#4D4D4D",size:22})),e.createElement(oa,{id:"freebie-modal-title"},e.createElement("span",{className:"bold"},"Freebie")," Unlocked!"),e.createElement(ia,null,"claim up to ",e.createElement("span",{className:"bold"},T," items")," for free")),e.createElement(aa,null,e.createElement(la,null,t.map(n=>e.createElement(Ki,{key:n.id,product:n,imageAspectSelector:d,freebieCouponTemplates:p,accentColor:a,freebieProductsInCart:t})))),e.createElement(ca,null,e.createElement(sa,{$themeColor:a||"#000",$themeTextColor:l,$disabled:!B||w,onClick:async()=>{if(x.selectedProducts.length>0&&!w){C(!0);try{await s(x.selectedProducts),S()}catch(e){console.error("Failed to add freebies:",e)}finally{C(!1)}}},disabled:!B||w},z))));return"undefined"!=typeof document&&document.body?D.createPortal(N,document.body):null},ga=({freebieProductsInCart:t,themeColor:n,themeTextColor:r,primaryTextColor:o,addFreebieToCart:i,freebiesInCart:a,freebieClaimData:l,imageAspectSelector:c,freebieCouponTemplates:s,cartCheckpoints:d,isCartDrawerOpen:p})=>{const u=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]),m=e.useMemo(()=>{const e=u?.maxFreebiesInTier;return"number"!=typeof e||isNaN(e)?1:e},[u]),g=e.useMemo(()=>u?.name??"Freebie",[u]),x=async e=>{try{await hi(e,t,i)}catch(e){console.error("Failed to add multiclaim freebies:",e)}},f=l?.type||"section";return"section"===f?e.createElement(Di,{freebieProductsInCart:t,themeColor:n,themeTextColor:r,primaryTextColor:o,addFreebieToCart:i,freebiesInCart:a,imageAspectSelector:c,freebieCouponTemplates:s,maxFreebiesInTier:m,tierName:g,freebieClaimData:l}):"overlay"===f?e.createElement(ma,{freebieProductsInCart:t,maxFreebiesInTier:m,tierName:g,themeColor:n,themeTextColor:r,primaryTextColor:o,addFreebieToCart:x,imageAspectSelector:c,freebieCouponTemplates:s,freebieClaimData:l,isCartDrawerOpen:p}):(console.warn(`Unknown claimDisplayType: ${f}`),null)};function xa({inlineCartOfferInfoText:n,inlineCartOfferInfoRedirectLink:r,themeColor:o,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:dn(o,1),color:a,fontWeight:"var(--yt-cart-font-weight)",padding:"3px",cursor:r?"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(H,{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 r?e.createElement("a",{href:r,style:{textDecoration:"none",color:"inherit"}},d):d}ft(".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");ft(".custom-date-picker {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.date-display {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n}\r\n\r\n.date-display span {\r\n color: black;\r\n}\r\n\r\n.date-display svg {\r\n width: 20px;\r\n height: 20px;\r\n color: rgb(73, 69, 69);\r\n}\r\n\r\n.calendar-container {\r\n position: absolute;\r\n bottom: 100%;\r\n left: -10%;\r\n z-index: 10;\r\n margin-top: 10px;\r\n}\r\n\r\n.custom-calendar {\r\n background-color: white;\r\n border-radius: 6px;\r\n box-shadow: 0 4px 6px rgba(10, 8, 8, 0.1);\r\n border: 1px solid darken(#674918, 50%);\r\n}\r\n");const fa=c(mt)`
|
|
1807
1807
|
.react-calendar {
|
|
1808
1808
|
font-family: Arial, sans-serif;
|
|
1809
1809
|
color: ${e=>e.tileTextColor||"#374151"} !important;
|
|
@@ -1900,7 +1900,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1900
1900
|
.active-date abbr {
|
|
1901
1901
|
color: ${e=>e.tileTextColor||"#374151"} !important;
|
|
1902
1902
|
}
|
|
1903
|
-
`,ya=({themeColor:
|
|
1903
|
+
`,ya=({themeColor:r,themeTextColor:o,disabledDates:a=[]})=>{const[l,c]=t(!1),[s,d]=ie(Jt),p=le(Xt),u=e.useRef(null),m=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=>{u.current&&!u.current.contains(e.target)&&c(!1)};return l&&document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[l]),n(()=>{const e=b(m);p(t=>t.isDateValid!==e?{...t,isDateValid:e}:t)},[m,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:u},e.createElement(fa,{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:r,tileTextColor:o,tileHoverColor:dn(r,.2),tileClassName:h,tileDisabled:({date:e,view:t})=>"month"===t&&y(e)})));var v};ft(".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 ba=({title:r="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:u,deliveryAvailableText:m,deliveryNotAvailableText:g,disabledDates:x})=>{const[f,y]=t(!1),[b,h]=ie(Or),[v,w]=ie(Xt),[C,E]=ie(Kt),k=ae(Zt),T=o(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,u&&e.createElement("div",{className:"shipment-header"},e.createElement("h2",{className:"shipment-header-text"},u)),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(ya,{themeColor:s,themeTextColor:d,disabledDates:x})),k&&e.createElement("div",{className:"success-message"},m||"Voila! Local delivery is available")))},ha=({postalCodeList:r=[110001,110002,110003,110004,110005],themeColor:a,themeTextColor:l,enableSlotPicker:c,disabledDates:s})=>{const[d,p]=t("standard"),[u,m]=t(!1),[g,x]=ie(Or),[f,y]=ie(Xt),[b,h]=ie(Kt),v=ae(Zt),w=o(null),C=i(e=>{const t=r.includes(e);e?(m(!t),y(e=>({...e,isPostalCodeValid:t}))):y(e=>({...e,isPostalCodeValid:!1}))},[r,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(q,{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(q,{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),m(!1),void y(e=>({...e,isPostalCodeValid:!1}));if(!/^\d+$/.test(t))return;const n=Number(t);x(n),m(!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)}}),u&&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(ya,{themeColor:a,themeTextColor:l,disabledDates:s})),v&&e.createElement("div",{className:"success-message"},"Voila! Local delivery is available"))))},va=ce("gift_wrap",!1);ce("gift_wrap_id","");const wa=c.img`
|
|
1904
1904
|
width: 24px !important;
|
|
1905
1905
|
height: 24px !important;
|
|
1906
1906
|
min-width: 24px !important;
|
|
@@ -1947,7 +1947,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1947
1947
|
font-size: 12px;
|
|
1948
1948
|
margin-top: 5px;
|
|
1949
1949
|
padding: 0 20px;
|
|
1950
|
-
`,$a=e=>{if("string"!=typeof e)return e;const t=e.match(/^gid:\/\/shopify\/\w+\/(\d+)$/);return t?t[1]:e};function Ba({themeColor:
|
|
1950
|
+
`,$a=e=>{if("string"!=typeof e)return e;const t=e.match(/^gid:\/\/shopify\/\w+\/(\d+)$/);return t?t[1]:e};function Ba({themeColor:r,id:o,showPrice:i,detail:a,errorText:l,customText:c,showGiftIcon:s,showProductImage:d,addCartItem:p,removeCartItem:u}){const[m,g]=ie(va),[x,f]=t(null),[y,b]=t(!1),[h,v]=t(null),{setLoading:w}=tn();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(!m),!m&&p&&x?await p($a(x?.id),1):m&&u&&x&&await u($a(x?.id),"giftWrap"),w(!1,!1)}catch(e){w(!1,!1),v("Failed to add to cart"),g(m),console.error("Error updating gift wrap:",e)}},E=x?.price?.amount,k=x?.image?.url||a?.featuredImage?.url;return y?e.createElement(Ca,{className:"yt-cart-gift-wrap-container"},e.createElement(Ea,{className:"yt-cart-gift-wrap-row",onClick:C},e.createElement(ka,{className:"yt-cart-gift-wrap-text-container"},d&&k?e.createElement(wa,{className:"yt-cart-gift-wrap-product-image",src:k,alt:"Gift wrap"}):s?e.createElement(W,{className:"yt-cart-gift-wrap-icon",size:24,color:r,style:{height:"24px",width:"24px"}}):null,c||"+ Gift-Wrap",i?e.createElement("span",{className:"yt-cart-gift-wrap-price",style:{color:r}},"₹",Number(E).toFixed(0)):""),e.createElement(Ta,{className:"yt-cart-gift-wrap-checkbox",type:"checkbox",checked:m,onChange:C,onClick:e=>e.stopPropagation(),$themeColor:r,disabled:!y})),h&&e.createElement(Sa,{className:"yt-cart-gift-wrap-error-message"},h)):null}const za=c.div`
|
|
1951
1951
|
margin-top: 10px;
|
|
1952
1952
|
margin-bottom: 5px;
|
|
1953
1953
|
margin-left: 1rem;
|
|
@@ -1966,7 +1966,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
1966
1966
|
`,Na=c.span`
|
|
1967
1967
|
font-size: 12px;
|
|
1968
1968
|
color: #333;
|
|
1969
|
-
`,Ia=({minutes:
|
|
1969
|
+
`,Ia=({minutes:r=5,customText:o="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*r}),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(za,{className:"yt-cart-timer-container"},e.createElement(Na,{className:"yt-cart-timer-text"},o," ",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))))},Fa=c.div`
|
|
1970
1970
|
display: flex;
|
|
1971
1971
|
height: 49px;
|
|
1972
1972
|
padding: 15px var(--spacing-none, 0px);
|
|
@@ -2155,7 +2155,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2155
2155
|
object-fit: cover;
|
|
2156
2156
|
display: block;
|
|
2157
2157
|
}
|
|
2158
|
-
`,Ya=({imageUrls:
|
|
2158
|
+
`,Ya=({imageUrls:r,redirectionLink:a,cartOffersCarouselHeight:l,enableMarquee:c=!0})=>{const s=o(null),d=o(null),p=o(null),[u,m]=t({containerWidth:0,trackWidth:0}),g=r.join("\n"),x=()=>{a&&(window.location.href=a)},f=i(()=>{const e=s.current?.getBoundingClientRect().width??0,t=d.current?.getBoundingClientRect().width??0;m(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||!r||0===r.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(!r||0===r.length)return null;if(!c)return e.createElement(Ua,{onClick:x,style:{cursor:a?"pointer":"default"},$cartOffersCarouselHeight:l},e.createElement("img",{src:r[0],alt:"banner"}));const h=u.trackWidth,v=h>0?Math.max(2,Math.ceil((u.containerWidth+h)/h)):2;return e.createElement(Qa,{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},r.map((t,n)=>e.createElement("img",{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}`},r.map((t,r)=>e.createElement("img",{key:`marquee-img-repeat-${n}-${r}`,src:t,alt:""}))))))},Ga=({backgroundColor:r,titleText:o,descriptionText:i,criteria:a=[],pauseTimer:l,textAlignment:c="center",redirectionUrl:s,enableCustomCriteria:d=!0,cartData:p})=>{const[u,m]=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(o&&o.trim()||i&&i.trim()),b=[...y?[{type:"default",titleText:o,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[u]??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&&m(e)}}x.current=f},[f,b,y]),n(()=>{h>0&&u>=h&&m(h-1)},[u,h]),n(()=>{g.current&&mn(g.current)},[r,b,u]),n(()=>{if(!w)return void m(0);const e=setInterval(()=>{m(e=>(e+1)%h)},1e3*l);return()=>clearInterval(e)},[w,h,l]);return v?e.createElement(Pa,{ref:g,$backgroundColor:r},e.createElement(Aa,null,w?e.createElement(Va,null,e.createElement(Ha,{$position:"left",onClick:()=>{m(e=>0===e?h-1:e-1)}},e.createElement(Se,null)),e.createElement(ja,{$currentIndex:u},b.map((t,n)=>e.createElement(Wa,{key:n,onClick:()=>C(t),style:{cursor:"criteria"===t.type&&t.redirectionUrl||"default"===t.type&&s?"pointer":"default"}},e.createElement(Ra,null,e.createElement(Oa,{style:{textAlign:"center"}},t.titleText),t.descriptionText&&e.createElement(La,{style:{textAlign:"center"}},t.descriptionText))))),e.createElement(Ha,{$position:"right",onClick:()=>{m(e=>(e+1)%h)}},e.createElement($e,null))):e.createElement(Ra,{onClick:()=>E&&C(E),style:{cursor:k?"pointer":"default"}},(()=>{const t=b[u]??b[0];return e.createElement(e.Fragment,null,e.createElement(Oa,{style:{textAlign:"center"}},t.titleText),t.descriptionText&&e.createElement(La,{style:{textAlign:"center"}},t.descriptionText))})()))):null},Xa=({backgroundColor:t,imageUrl:r,titleText:o,descriptionText:i,textAlignment:a,redirectionUrl:l})=>{const c=e.useRef(null);n(()=>{c.current&&mn(c.current)},[t]);return e.createElement(Fa,{ref:c,$backgroundColor:t,onClick:()=>{l&&(window.location.href=l)},style:{cursor:l?"pointer":"default"}},e.createElement(Da,null,e.createElement(_a,{$imageUrl:r}),e.createElement(Ra,null,e.createElement(Oa,{style:{textAlign:"center"}},o),e.createElement(La,{style:{textAlign:"center"}},i))))},Za=({backgroundColor:t,couponCode:r,copySuccess:o,setCopySuccess:i,titleText:a,descriptionText:l,textAlignment:c="center"})=>{const s=e.useRef(null);n(()=>{s.current&&mn(s.current)},[t]);return e.createElement(Fa,{ref:s,$backgroundColor:t,style:{position:"relative"}},e.createElement(Da,{style:{filter:o?"blur(5px)":"none",zIndex:1}},e.createElement(Ra,{style:{borderRight:"1px solid #d9d9d9",paddingRight:"5px"}},e.createElement(Oa,{style:{textAlign:"center"}},a),e.createElement(La,{style:{textAlign:"center"}},l)),e.createElement(Ma,null,e.createElement(pe,{className:"copy-icon",size:24,onClick:()=>(e=>{navigator.clipboard.writeText(e).then(()=>{i(!0)},e=>{i(!1)}),setTimeout(()=>{i(!1)},3e3)})(r),style:{height:"24px",width:"24px"}}))))},Ka=({children:r,autoSlide:o=!0,autoSlideInterval:i,copySuccess:a,themeColor:l})=>{const[c,s]=t(0),d=e.Children.count(r),[p,u]=t(!1),[m,g]=t(o),x=()=>{s(e=>e===d-1?0:e+1)};return n(()=>{if(!m)return;const e=setInterval(x,i);return()=>clearInterval(e)},[m,i]),e.createElement(qa,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(q,{size:20,color:"white",style:{height:"24px",width:"24px"}}),"Coupon Code Copied"),e.createElement("div",{onMouseEnter:()=>{u(!0),g(!1)},onMouseLeave:()=>{u(!1),g(!0)},style:{display:"flex",transition:p?"none":"transform 0.5s ease",transform:`translateX(-${100*c}%)`,cursor:"pointer"}},e.Children.toArray(r)))};function Ja({cartOffersCarousalData:n,themeColor:r,cartOffersCarouselHeight:o,cartData:i}){const[a,l]=t(!1),{enableCartOffersCarousel:c,pauseTimer:s,backgroundColor:d,slides:p}=n,u=p.filter(e=>"ImageOnly"===e.slideType).map(e=>e.imageUrl).filter(e=>!!e),m=p.findIndex(e=>"ImageOnly"===e.slideType),g=[];let x=!1;return p.forEach((t,n)=>{if("ImageOnly"===t.slideType)n===m&&u.length>0&&!x&&(g.push(e.createElement(Ya,{key:`image-only-marquee-${t.slideNumber}`,imageUrls:u,redirectionLink:t.redirectionUrl||t.carouselRedirectionLink,cartOffersCarouselHeight:o,enableMarquee:!1!==t.enableMarquee})),x=!0);else switch(t.slideType){case"TextFieldOnly":g.push(e.createElement(Ga,{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(Xa,{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(Za,{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(Ka,{copySuccess:a,autoSlideInterval:1e3*s,themeColor:r},g):null}const el=s`
|
|
2159
2159
|
0% {
|
|
2160
2160
|
background-position: 200% 0;
|
|
2161
2161
|
}
|
|
@@ -2178,11 +2178,11 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2178
2178
|
${({$show:e})=>e&&d`
|
|
2179
2179
|
animation: ${el} 1.5s linear infinite;
|
|
2180
2180
|
`}
|
|
2181
|
-
`,
|
|
2181
|
+
`,rl=({$themeColor:t,show:n})=>e.createElement(tl,{className:"yt-cart-progress-loader"},e.createElement(nl,{$themeColor:t,$show:n})),ol=c.span`
|
|
2182
2182
|
display: flex !important;
|
|
2183
2183
|
align-items: center !important;
|
|
2184
2184
|
column-gap: 3px !important;
|
|
2185
|
-
`,il=({loyaltyIcon:t,backgroundSubdued:n,primaryTextColor:
|
|
2185
|
+
`,il=({loyaltyIcon:t,backgroundSubdued:n,primaryTextColor:r,pointsRewardRate:o,rewardMultiplier:i})=>{const a=ae(Gt),l=.01*o*rn(a?.total_price,a?.currency),c="number"==typeof i&&i>0?l*i:l;return e.createElement("div",{className:"yt-cart-reward-points-preview",style:{paddingTop:"10px",paddingBottom:"5px",justifyContent:"center",display:"flex",fontSize:"11px",alignItems:"center",margin:"0px 1rem",borderBottomLeftRadius:"10px",borderBottomRightRadius:"10px",border:"0.2px solid #00000040",borderTop:"none",transform:"translateY(-5px)",background:n??"#9090901F",color:r??"#000000"}},e.createElement(ol,{className:"yt-cart-reward-points-text"},"you earn"," ",e.createElement("img",{style:{alignSelf:"center",height:"18px",width:"18px"},src:t,height:"18px",width:"18px"})," ",e.createElement("span",{style:{fontWeight:600}},c.toFixed(2)," points")," ","on this order"))},al=c.span`
|
|
2186
2186
|
position: relative;
|
|
2187
2187
|
overflow: hidden;
|
|
2188
2188
|
border-radius: 9999px;
|
|
@@ -2230,7 +2230,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2230
2230
|
left: 150%;
|
|
2231
2231
|
}
|
|
2232
2232
|
}
|
|
2233
|
-
`,ll=({loyaltyIcon:t,pointsRewardRate:n=0,brandTokenName:
|
|
2233
|
+
`,ll=({loyaltyIcon:t,pointsRewardRate:n=0,brandTokenName:r,themeColor:o,themeTextColor:i,rewardMultiplier:a})=>{const l=ae(Gt),c=.01*n*rn(l?.total_price,l?.currency),s="number"==typeof a&&a>0?c*a:c;return n<=0?null:e.createElement(al,{className:"yt-cart-loyalty-badge",$themeColor:o,$themeTextColor:i},"Get"," ",t&&e.createElement("img",{src:t,height:"18px",width:"18px",style:{width:"18px",height:"18px"}}),Number(s.toFixed(0))," ",r??"points"," ",e.createElement("div",{className:"yt-cart-loyalty-badge-shine shine-container"},e.createElement("div",{className:"shine-element"})))};function cl({showDiscountOnMRP:i,cartCheckpoints:a,toggleDecimal:l,primaryTextColor:c,discountApplied:s,discountAmountApplied:d,showTrustedBadge:p=!0}){const u=ae(Gt),m=an(u,u?.currency),[g,x]=t(!1),f=o(null),[y,b]=t("0px"),h=rn(u?.original_total_price,u?.currency),v=r(()=>a?.find(e=>"free_delivery"===e.couponType&&void 0!==e.discountValue),[a]),w=r(()=>!(!v||!v.minimumOrderValue)&&h>=v.minimumOrderValue,[v,h]),C=w&&v&&v.discountValue||0,E=r(()=>{if(!u?.items?.length)return 0;const e=u.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,u?.currency)},[u?.items,i]),k=r(()=>w?E+C:E,[w,E,C]),T=r(()=>u?.items?.length?u.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,[u?.items]),S=rn(T,u?.currency??"INR"),$=r(()=>{const e={};return u?.items?.length?(u.items.forEach(t=>{t.discounts&&Array.isArray(t.discounts)&&t.discounts.forEach(t=>{e[t.title]=(e[t.title]||0)+t.amount})}),e):e},[u?.items]),B=r(()=>{const e=[];for(const t in $)if(Object.prototype.hasOwnProperty.call($,t)){const n=$[t],r=rn(n,u?.currency??"INR"),o=yn(t);e.push({title:o,amount:r})}return e},[$,u?.currency]),z=r(()=>{let e=0;return i&&(e+=S),B.forEach(t=>{e+=t.amount}),w&&(e+=C),e},[S,B,i,w,C]),N=d?rn(d,u?.currency??"INR"):0,I=Number((h-N).toFixed(2));n(()=>{f.current&&b(g?`${f.current.scrollHeight}px`:"0px")},[g,B,w]);const F=S>0||s&&B.length>0||w&&C>0;return u?.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}},F&&z>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"}},m,gn(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"}},"-",m,gn(l?z.toFixed(2):z.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"}},"-",m,gn(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"}},"-",m,gn(l?C.toFixed(2):C.toFixed(0)))),B.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"}},"-",m,gn(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)"}},m,gn(l?I.toFixed(2):I.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 sl=c.div`
|
|
2234
2234
|
padding: 8px 0 12px;
|
|
2235
2235
|
`,dl=c.div`
|
|
2236
2236
|
display: flex;
|
|
@@ -2430,7 +2430,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2430
2430
|
&:hover {
|
|
2431
2431
|
opacity: ${e=>e.$locked?.5:.85};
|
|
2432
2432
|
}
|
|
2433
|
-
`,_l=e=>{const t=Number(e?.amount??e??0);return Number.isFinite(t)?t:0},Rl=(e,t)=>e.find(e=>(e?.variants?.edges??e?.variants?.nodes??[]).some(e=>{const n=e?.node??e,
|
|
2433
|
+
`,_l=e=>{const t=Number(e?.amount??e??0);return Number.isFinite(t)?t:0},Rl=(e,t)=>e.find(e=>(e?.variants?.edges??e?.variants?.nodes??[]).some(e=>{const n=e?.node??e,r=String(n?.id??"");return r.includes(t)||r.split("/").pop()===t})),Ol=(e,t)=>{const n=(e?.variants?.edges??e?.variants?.nodes??[]).find(e=>{const n=e?.node??e,r=String(n?.id??"");return r.includes(t)||r.split("/").pop()===t});return n?.node??n},Ll=({stealDealCheckpoints:i,stealDealProducts:a,freeProductAdjustedCartTotal:l,effectiveQuantityForProgressBar:c,addFreebieToCart:s,freebiesInCart:d,primaryTextColor:p})=>{const u=ae(Gt),{setLoading:m}=tn(),f=le(nn),y=i?.[0],[b,h]=t(0),[v,w]=t(0),C=o(null),E=o(null),k=o(null),T=r(()=>(l||Number(u?.items_subtotal_price))/100,[l,u?.items_subtotal_price]),S=an(u,u?.currency),$=r(()=>{if(!y)return!1;return"minimum_order_value"===(y.customCartProgressBarCriteria??"minimum_order_value")?T>=y.minimumOrderValue:(u?.item_count??0)>=y.quantityThreshold},[y,T,u?.item_count]),B=y?.maxFreebiesInTier??1,z=r(()=>{if(!y)return 0;return(y.customerGetsProductIds?.ids??[]).filter(e=>d.includes(e)).length},[y,d])>=B,N=r(()=>{if(!y||!a?.length)return[];const e=y.customerGetsProductIds?.ids??[],t=[];for(const n of e){const e=Rl(a,n);if(!e)continue;const r=Ol(e,n),o=_l(r?.price),i=_l(r?.compareAtPrice);let l,c;"no_discount"===y.freebieType?(l=o,c=0):"percentage_off"===y.freebieType&&y.discountPercentage?(c=y.discountPercentage,l=o*(1-c/100)):(l=y.discountValue??o,c=o>0?Math.round((o-l)/o*100):0);const s=d.includes(n),p=e?._claim_allowed_variants??[n],u=i>l?i:o>l?o:null;t.push({product:e,variantId:n,isUnlocked:$,isClaimed:s,discountPercent:c,dealPrice:l,originalPrice:o,strikeThroughPrice:u,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))}},[N.length]);const I=Math.max(0,N.length-1);n(()=>{b>I&&h(I)},[I,b]);const F=()=>{h(e=>0===e?I:e-1)},P=()=>{h(e=>e===I?0:e+1)};if(!y||!N.length)return null;return e.createElement(sl,null,e.createElement(dl,null,e.createElement(pl,{style:{color:p}},e.createElement(ul,null,"STEAL"),e.createElement(ml,null,"DEALS")),z?e.createElement(yl,null,"Max ",B," claims reached"):$?e.createElement(fl,null,e.createElement(Q,{size:10}),"UNLOCKED"):e.createElement(gl,null,e.createElement(xl,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(bl,{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?P():F()),E.current=null,k.current=null}},N.length>1&&e.createElement(El,{onClick:F},e.createElement(g,{size:30,color:"#4D4D4D"})),e.createElement(wl,{position:"left",style:{display:"flex"}}),e.createElement(wl,{position:"right",style:{display:"flex"}}),e.createElement(hl,{$cardWidth:v},e.createElement(vl,{$translate:b*(v+10)},N.map(t=>{return e.createElement("div",{key:t.variantId,style:{width:`${v}px`,flexShrink:0},className:"yt-steal-deal-card"},e.createElement(Tl,null,e.createElement(Sl,null,e.createElement($l,{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??""}),t.discountPercent>0&&e.createElement(Bl,null,"-",t.discountPercent,"% OFF")),e.createElement(zl,null,e.createElement(Nl,null,t.product?.title??""),e.createElement(Dl,null,e.createElement(Il,null,e.createElement(Fl,null,S,t.dealPrice.toLocaleString()),null!==t.strikeThroughPrice&&e.createElement(Pl,null,S,t.strikeThroughPrice.toLocaleString())),e.createElement(Al,{$locked:!t.isUnlocked||t.isClaimed||z,onClick:()=>(async e=>{if(e.isUnlocked&&!e.isClaimed&&!z&&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 r=t?.node??t;return(String(r?.id??"").split("/").pop()===n||String(r?.id??"").includes(n))&&pi(e.product,r)}))){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})}}m(!0,!0);try{await s(e.variantId,e.allowedVariantIds),window.dispatchEvent(new CustomEvent("yt:autoFreebieAdded"))}catch(e){}finally{m(!1,!1)}}})(t),disabled:!t.isUnlocked||t.isClaimed||z},t.isUnlocked?e.createElement(U,{size:12}):e.createElement(Y,{size:12}))))));var n}))),N.length>1&&e.createElement(kl,{onClick:P},e.createElement(x,{size:30,color:"#4D4D4D"}))))},Ml=c.div`
|
|
2434
2434
|
line-height: normal;
|
|
2435
2435
|
position: ${e=>e.$enableCustomCartOnCartPage&&e.$isCartPage?"relative":"fixed"};
|
|
2436
2436
|
top: ${e=>e.$enableCustomCartOnCartPage&&e.$isCartPage?"auto":"0"};
|
|
@@ -2465,7 +2465,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2465
2465
|
font-weight: 400;
|
|
2466
2466
|
min-width: 14px;
|
|
2467
2467
|
line-height: 14px;
|
|
2468
|
-
`,jl=({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:B,removeDiscount:z,applyDiscount:N,checkoutFunction:I,joinNowFunction:F,guestLoyaltyPercentage:P,isDev:D,recProductsList:_,showMultiStepProgressBar:R,cartCheckpoints:O,redemptionRate:L,pointsRewardRate:M,showCartLevelAltPay:W,exploreCtaRedirectLink:H,discountAmountApplied:q,minimumCartValue:Q,discountInCheckoutButton:U,isStickyCheckout:Y,handleCheckpointCrossed:G,customCartProgressBarCriteria:X,checkoutButtonColor:Z="#252E69",ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,productRecsCtaButtonText:re,productRecsTitleText:le,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:Be,cartOfferTermsAndConditionsText:ze,showEditOptionOnProducts:Ne,onSetLoading:Ie,showVariantSelectionDropdownInProductRecs:Fe,originalCartSubtotal:Pe,freebieProductsInCart:De,showFreebieClaim:Ae,addFreebieToCart:_e,freebiesInCart:Re,effectiveQuantityForProgressBar:Oe,productPercentageOffMapping:Le,removeFreebieFromCart:Me,postalCodeList:Ve,enableGeoLocationDeliveryRestriction:je=!1,getProductDetailsByVariantId:We,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:Bt,cartOffersCarouselHeight:zt,disableCheckoutButton:Nt,showEmptyCartRecommendations:It=!1,checkoutButtonBottomSpacing:Ft,applyCouponCode:Pt,showApplyCoupon:Dt,enableConfetti:At,checkoutSectionMessageRedirectLink:_t,showCheckoutButtonPaymentIcons:Rt,stealDealCheckpoints:Ot,stealDealProducts:Lt,stealDealAddToCart:Mt,showCouponOptions:Vt,rewardCoupons:jt,applyTemplateDiscount:Wt,useCartShell:Ht,showTrustedBadge:qt,trustedBadgeData:Qt})=>{const Ut=ae(Gt),Yt=ae(en),[Zt,rn]=t(!1),[an,ln]=t(!1),[cn,sn]=t(!0),{setLoading:dn}=tn();e.useEffect(()=>{Ie&&Ie(dn)},[Ie]);const pn=r(!!Ht&&(window.ytCartShellState?.isOpen??!1)),un=r(null),mn=r(null);n(()=>{const e=e=>{"open"!==e.state?.ytCustomCartDrawer&&i(!1)};return o?(pn.current||(un.current=window.history.state,mn.current=window.location.href,window.history.pushState({ytCustomCartDrawer:"open"},"")),window.addEventListener("popstate",e),pn.current=!0):(pn.current&&"open"===window.history.state?.ytCustomCartDrawer&&window.history.replaceState(un.current,"",mn.current??window.location.href),pn.current=!1),()=>{window.removeEventListener("popstate",e)}},[o,i]);const[gn,xn]=t(!1);n(()=>{const e=document.querySelector("body");e&&(ot&&rt?e.classList.remove("drawer-open"):!gn&&o?e.classList.add("drawer-open"):e.classList.remove("drawer-open"))},[o,ot,rt,gn]),n(()=>{function e(){const e=window.innerWidth;xn(e>=450)}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const fn=Ut?.items?.reduce((e,t)=>e+t?.quantity,0);n(()=>{const e=()=>{rn(!0),window.setTimeout(()=>rn(!1),3e3)};return window.addEventListener("yt:autoFreebieAdded",e),()=>window.removeEventListener("yt:autoFreebieAdded",e)},[]);const[yn,bn]=t("normal"),[hn,vn]=t("normal"),[wn,Cn]=t("auto");n(()=>{CSS.supports("font-weight","500")?bn("500"):CSS.supports("font-weight","400")?bn("400"):CSS.supports("font-weight","600")&&bn("600"),CSS.supports("font-weight","400")?vn("400"):CSS.supports("font-weight","300")?vn("300"):CSS.supports("font-weight","200")&&vn("200"),CSS.supports("width","-webkit-fill-available")?Cn("-webkit-fill-available"):CSS.supports("width","-moz-available")&&Cn("-moz-available")},[]),n(()=>{document.documentElement.style.setProperty("--yt-cart-font-weight",yn),document.documentElement.style.setProperty("--yt-cart-product-rec-price-font-weight",hn),document.documentElement.style.setProperty("--yt-cart-custom-fill-width",wn)},[yn,hn]);const[En]=ie(Xt),[kn]=ie(Jt),[Tn]=ie(Kt);n(()=>{sn(!("all-products"!==Ge&&("specific-tags"!==Ge||En.isPostalCodeValid||Xe)&&("specific-tags"!==Ge||En.isPostalCodeValid||kn||!Xe)&&("specific-tags"===Ge&&"standard"===Tn||an&&(Xe?En.isPostalCodeValid&&kn:En.isPostalCodeValid))))},[En.isPostalCodeValid,kn,an,Ge,Xe]),ie(nn);const[Sn,$n]=t(!0);n(()=>{"true"===localStorage.getItem("cartTimerRanOnce")&&$n(!1);const e=localStorage.getItem("cartTimerTimeLeft");e&&parseInt(e,10)<=0&&$n(!1)},[]);const Bn=new Date("2024-11-01");on(Ut?.items_subtotal_price,Ut?.currency);const zn=Ht?document.getElementById("yt-cart-shell-content"):null,Nn=e.createElement(e.Fragment,null,Yt.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}},Yt.showLoader&&!Yt.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),Ut?.item_count>0&&W&&!(he&&W)&&M>0&&e.createElement(ll,{pointsRewardRate:M,loyaltyIcon:k,brandTokenName:Ct,themeColor:pe,themeTextColor:ue,rewardMultiplier:S}),fn>0&&e.createElement(Vl,{className:"yt-cart-item-count-badge",$backgroundSubdued:l},fn)),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(oe,{style:{height:"auto",width:"auto",color:te},fontSize:24,cursor:"pointer",onClick:()=>{i(!o)}})))),Yt&&e.createElement(ol,{$themeColor:pe,show:Yt.showLoader}),xt?.enableCartOffersCarousel&&e.createElement(Ja,{themeColor:pe,cartOffersCarousalData:xt,cartOffersCarouselHeight:zt,cartData:Ut}),it&&Sn&&Ut?.item_count?e.createElement(Ia,{minutes:ct,customText:st,onTimerComplete:()=>{$n(!1),localStorage.setItem("cartTimerRanOnce","true"),localStorage.removeItem("timeLeft"),localStorage.removeItem("lastUpdate")}}):null,Zt&&At&&e.createElement(Co,{particleCount:50,spread:90,origin:{y:.3}}),$e?e.createElement(xa,{inlineCartOfferInfoText:$e,inlineCartOfferInfoRedirectLink:Be,themeColor:pe,tooltipText:ze,themeTextColor:ue}):null),R&&Ut?.items_subtotal_price>0&&Ut?.currency&&!!O&&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?.[yo(o)]&&("minimum_order_value"!==o||1!==e?.[yo(o)])).some((e,a)=>bo(e,a,i,r,{currentCartAmount:t,effectiveQuantityForProgressBar:n,customCartProgressBarCriteria:o,checkpoints:i}).progressPercentage>0)}(O,on(void 0!==Pe?Pe:Ut?.items_subtotal_price,Ut.currency),void 0===Oe?Ut?.item_count:Oe,X??"minimum_order_value",Ut?.item_count)&&e.createElement(e.Fragment,null,e.createElement(Fo,{customCartProgressBarCriteria:X??"minimum_order_value",handleCheckpointCrossed:G,checkpoints:O,effectiveQuantityForProgressBar:void 0===Oe?Ut?.item_count:Oe,currentCartAmount:on(void 0!==Pe?Pe:Ut?.items_subtotal_price,Ut.currency),themeColor:pe,themeTextColor:ue,primaryTextColor:te,secondaryTextColor:ne,showMOVForProgressTiers:ye,progressBarFreeProductIconType:nt,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,prefixMessageText:Tt,suffixMessageText:St,successMessageText:$t,enableConfetti:At})),Ut?.item_count>0&&e.createElement("div",{className:"yt-cart-divider",style:{display:"flex",height:"12px",background:"#87878717"}}),0===Ut?.items?.length&&0===Ut?.item_count&&!1===Yt?.showSkeletonLoader?e.createElement(Ao,{showLoyaltyCta:he,joinNowFunction:F,emptyCartTitle:m,emptyCartDescription:g,exploreCTAColor:d,isUserSignedIn:v,exploreCtaRedirectLink:H,themeColor:pe,emptyCartButtons:x,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,themeTextColor:ue,recProductsList:_,addCartItem:h,productRecsCtaButtonText:re,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Fe,emptyProductRecsTitleText:ce,backgroundSubdued:l,showEmptyCartRecommendations:It,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"}},e.createElement(_r,{isDev:D,themeColor:pe,handleDecrement:b,handleIncrement:y,removeCartItem:f,addCartItem:h,primaryTextColor:te,secondaryTextColor:ne,freeProduct:be,themeTextColor:ue,showEditOptionOnProducts:Ne,productPercentageOffMapping:Le,removeFreebieFromCart:Me,showDeleteOnFreebies:qe,freebieCouponTemplates:Qe??[],freebieFlowCheckpoints:Ue??[],cartCheckpoints:O,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}),Ot&&Ot.length>0&&Lt&&Lt.length>0&&Ut?.item_count>0&&e.createElement(Ll,{stealDealCheckpoints:Ot,stealDealProducts:Lt,freeProductAdjustedCartTotal:ve,effectiveQuantityForProgressBar:Oe,addFreebieToCart:Mt??_e,freebiesInCart:Re??[],themeColor:pe,primaryTextColor:te,secondaryTextColor:ne}),gn&&se&&!!_&&_?.length>0&&Ut?.item_count>0&&h&&e.createElement(Xn,{addCartItem:h,products:_,productRecsCtaButtonText:re,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,productRecsTitleText:le,themeColor:pe,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Fe,cardLayout:dt,variant:pt,cartComponentsCornerType:mt,cartComponentsCornerRadius:gt,backgroundSubdued:l,backgroundColor:a,tertiaryColor:c,tertiaryTextColor:s}),!gn&&de&&!!_&&_?.length>0&&Ut?.item_count>0&&h&&e.createElement(Xn,{addCartItem:h,products:_,productRecsCtaButtonText:re,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,productRecsTitleText:le,themeColor:pe,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Fe,cardLayout:dt,variant:pt,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,backgroundSubdued:l,tertiaryColor:c,tertiaryTextColor:s}),"devlhok.myshopify.com"===window.ytapp?.storeDomain&&e.createElement(cl,{showDiscountOnMRP:Et,cartCheckpoints:O,toggleDecimal:Bt,primaryTextColor:te,discountApplied:B,showTrustedBadge:qt,discountAmountApplied:q})),e.createElement(Uo,null,Ut?.item_count>0&&w&&C&&e.createElement(Rr,{bundleProducts:C}),xe&&!!fe&&Ut?.item_count>0&&e.createElement(si,{companyName:me,gstNumber:ge,themeColor:pe,iconColor:ft?.iconColor,showIcon:ft?.showIcon,backgroundColor:ft?.backgroundColor,textColor:ft?.textColor,title:ft?.title}),!!Ut&&Ut?.item_count>0&&!!_e&&!!De&&!!Re&&De.length>0&&e.createElement(ga,{freebieProductsInCart:De,themeColor:pe,themeTextColor:ue,primaryTextColor:te,addFreebieToCart:_e,freebiesInCart:Re,imageAspectSelector:ut,freebieCouponTemplates:Qe,freebieClaimData:Ye,cartCheckpoints:O,isCartDrawerOpen:o}),je&&(Ve?.length??0)>0&&!!He&&Ut?.item_count>0&&e.createElement("div",{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:()=>sn(!cn)},e.createElement("span",{className:"yt-cart-shipping-label",style:{fontSize:"12px",display:"flex",gap:"5px",alignItems:"center"}},"Shipping ",e.createElement(K,null)),e.createElement("div",{className:"yt-cart-shipping-toggle-icon icon-transition"},cn?e.createElement(V,null):e.createElement(j,null))),"all-products"===Ge&&cn?e.createElement(ba,{postalCodeList:Ve,themeColor:pe,themeTextColor:ue,enableSlotPicker:Xe,deliveryHeaderTitle:Ze,deliveryAvailableText:Ke,deliveryNotAvailableText:Je,disabledDates:Bn}):cn&&(an?e.createElement(ba,{postalCodeList:Ve,themeColor:pe,themeTextColor:ue,enableSlotPicker:Xe,deliveryHeaderTitle:Ze,deliveryAvailableText:Ke,deliveryNotAvailableText:Je,disabledDates:Bn}):e.createElement(ha,{postalCodeList:Ve,themeColor:pe,themeTextColor:ue,enableSlotPicker:Xe,disabledDates:Bn}))),Se&&!!ke&&Ut?.item_count>0&&e.createElement(di,{note:Te,noteSectionTitle:yt}),et?.showGiftWrapOption&&Ut?.item_count>0&&e.createElement(Ba,{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}),Ut?.item_count>0&&Vt&&jt&&Pt&&!he&&e.createElement(Xr,{rewardCoupons:jt,applyCouponCode:Pt,removeDiscount:z,enableConfetti:At,backgroundSubdued:l,themeColor:pe,themeTextColor:ue,primaryTextColor:te,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,cartComponentsCornerRadius:gt}),Ut?.item_count>0&&Dt&&!Vt&&!he&&Pt&&e.createElement(Or,{backgroundSubdued:l,themeColor:pe,themeTextColor:ue,primaryTextColor:te,cartComponentsCornerRadius:gt,applyCouponCode:Pt,removeDiscount:z,enableConfetti:At}),e.createElement("div",null,Ut?.item_count>0&&e.createElement(e.Fragment,null,v||!he||wt?!wt&&void 0!==E&&void 0!==T&&!!k&&he&&!!N&&e.createElement(Jo,{themeColor:pe,applyDiscount:N,discountAmountOff:E,loyaltyIcon:k,pointsToBeUsed:T,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,minimumOrderValueToAvailDiscount:we,brandTokenName:Ct,showCartLevelAltPay:W,redemptionMultiplier:$}):!!P&&!!F&&e.createElement(qo,{cartSigninCTAMainText:Ee,signinCTAButtonVisible:Ce,themeColor:pe,joinNowFunction:F,guestLoyaltyPercentage:P,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,showCartLevelAltPay:W})),Ut?.item_count>0&&!!wt&&!!z&&he&&wt&&void 0!==T&&e.createElement(Go,{themeColor:pe,removeDiscount:z,loyaltyDiscount:wt,isDev:D,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,pointsToBeUsed:T,brandTokenName:Ct,showCartLevelAltPay:W}),he&&W&&L&&k&&Ut?.item_count>0&&e.createElement(il,{loyaltyIcon:k,backgroundSubdued:l,primaryTextColor:te,pointsRewardRate:M,rewardMultiplier:S})),he&&Ut&&Ut.item_count>0&&!!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),Ut&&I&&Ut?.item_count>0&&e.createElement("div",{className:"yt-cart-checkout-wrapper"},e.createElement(Mo,{disableCheckoutButton:!!Nt||Yt.cartLoading,discountApplied:B,checkoutFunction:I,checkoutButtonColor:Z,checkoutFontSize:p,discountInCheckoutButton:U,isStickyCheckout:Y,discountAmountApplied:q,minimumCartValue:Q,themeTextColor:ue,applyGSTToCart:fe,showGSTOption:xe,applyNoteToCart:ke,showNoteOption:Se,enableGeoLocationDeliveryRestriction:je,applyPostalCodeAndDeliverySlotToCart:He,enableSlotPicker:Xe,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,checkoutSectionMessage:bt,checkoutSectionMessageDisplay:ht,checkoutSectionMessageRedirectLink:_t,showDiscountOnMRP:Et,tertiaryColor:c,tertiaryTextColor:s,cartCheckpoints:O,toggleDecimal:Bt,checkoutButtonBottomSpacing:Ft,showCheckoutButtonPaymentIcons:Rt,primaryTextColor:te,hideSubtotalAndBadge:"devlhok.myshopify.com"===window.ytapp?.storeDomain,showTrustedBadge:qt,trustedBadgeData:Qt}))))));return Ht&&zn?A(Nn,zn):e.createElement(Ml,{className:"yt-cart-drawer",$isDev:D,$isOpen:o,$backgroundColor:a,$enableCustomCartOnCartPage:ot,$isCartPage:rt,$isLargeScreen:gn,$switchWidthVariant:kt},Nn)};ft('@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}');const Wl=c.div`
|
|
2468
|
+
`,jl=({isOpen:r,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:B,removeDiscount:z,applyDiscount:N,checkoutFunction:I,joinNowFunction:F,guestLoyaltyPercentage:P,isDev:D,recProductsList:_,showMultiStepProgressBar:R,cartCheckpoints:O,redemptionRate:L,pointsRewardRate:M,showCartLevelAltPay:W,exploreCtaRedirectLink:H,discountAmountApplied:q,minimumCartValue:Q,discountInCheckoutButton:U,isStickyCheckout:Y,handleCheckpointCrossed:G,customCartProgressBarCriteria:X,checkoutButtonColor:Z="#252E69",ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,productRecsCtaButtonText:oe,productRecsTitleText:le,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:Be,cartOfferTermsAndConditionsText:ze,showEditOptionOnProducts:Ne,onSetLoading:Ie,showVariantSelectionDropdownInProductRecs:Fe,originalCartSubtotal:Pe,freebieProductsInCart:De,showFreebieClaim:Ae,addFreebieToCart:_e,freebiesInCart:Re,effectiveQuantityForProgressBar:Oe,productPercentageOffMapping:Le,removeFreebieFromCart:Me,postalCodeList:Ve,enableGeoLocationDeliveryRestriction:je=!1,getProductDetailsByVariantId:We,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:rt,isCartPage:ot,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:Bt,cartOffersCarouselHeight:zt,disableCheckoutButton:Nt,showEmptyCartRecommendations:It=!1,checkoutButtonBottomSpacing:Ft,applyCouponCode:Pt,showApplyCoupon:Dt,enableConfetti:At,checkoutSectionMessageRedirectLink:_t,showCheckoutButtonPaymentIcons:Rt,stealDealCheckpoints:Ot,stealDealProducts:Lt,stealDealAddToCart:Mt,showCouponOptions:Vt,rewardCoupons:jt,applyTemplateDiscount:Wt,useCartShell:Ht,showTrustedBadge:qt,trustedBadgeData:Qt})=>{const Ut=ae(Gt),Yt=ae(en),[Zt,on]=t(!1),[an,ln]=t(!1),[cn,sn]=t(!0),{setLoading:dn}=tn();e.useEffect(()=>{Ie&&Ie(dn)},[Ie]);const pn=o(!!Ht&&(window.ytCartShellState?.isOpen??!1)),un=o(null),mn=o(null);n(()=>{const e=e=>{"open"!==e.state?.ytCustomCartDrawer&&i(!1)};return r?(pn.current||(un.current=window.history.state,mn.current=window.location.href,window.history.pushState({ytCustomCartDrawer:"open"},"")),window.addEventListener("popstate",e),pn.current=!0):(pn.current&&"open"===window.history.state?.ytCustomCartDrawer&&window.history.replaceState(un.current,"",mn.current??window.location.href),pn.current=!1),()=>{window.removeEventListener("popstate",e)}},[r,i]);const[gn,xn]=t(!1);n(()=>{const e=document.querySelector("body");e&&(rt&&ot?e.classList.remove("drawer-open"):!gn&&r?e.classList.add("drawer-open"):e.classList.remove("drawer-open"))},[r,rt,ot,gn]),n(()=>{function e(){const e=window.innerWidth;xn(e>=450)}return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const fn=Ut?.items?.reduce((e,t)=>e+t?.quantity,0);n(()=>{const e=()=>{on(!0),window.setTimeout(()=>on(!1),3e3)};return window.addEventListener("yt:autoFreebieAdded",e),()=>window.removeEventListener("yt:autoFreebieAdded",e)},[]);const[yn,bn]=t("normal"),[hn,vn]=t("normal"),[wn,Cn]=t("auto");n(()=>{CSS.supports("font-weight","500")?bn("500"):CSS.supports("font-weight","400")?bn("400"):CSS.supports("font-weight","600")&&bn("600"),CSS.supports("font-weight","400")?vn("400"):CSS.supports("font-weight","300")?vn("300"):CSS.supports("font-weight","200")&&vn("200"),CSS.supports("width","-webkit-fill-available")?Cn("-webkit-fill-available"):CSS.supports("width","-moz-available")&&Cn("-moz-available")},[]),n(()=>{document.documentElement.style.setProperty("--yt-cart-font-weight",yn),document.documentElement.style.setProperty("--yt-cart-product-rec-price-font-weight",hn),document.documentElement.style.setProperty("--yt-cart-custom-fill-width",wn)},[yn,hn]);const[En]=ie(Xt),[kn]=ie(Jt),[Tn]=ie(Kt);n(()=>{sn(!("all-products"!==Ge&&("specific-tags"!==Ge||En.isPostalCodeValid||Xe)&&("specific-tags"!==Ge||En.isPostalCodeValid||kn||!Xe)&&("specific-tags"===Ge&&"standard"===Tn||an&&(Xe?En.isPostalCodeValid&&kn:En.isPostalCodeValid))))},[En.isPostalCodeValid,kn,an,Ge,Xe]),ie(nn);const[Sn,$n]=t(!0);n(()=>{"true"===localStorage.getItem("cartTimerRanOnce")&&$n(!1);const e=localStorage.getItem("cartTimerTimeLeft");e&&parseInt(e,10)<=0&&$n(!1)},[]);const Bn=new Date("2024-11-01");rn(Ut?.items_subtotal_price,Ut?.currency);const zn=Ht?document.getElementById("yt-cart-shell-content"):null,Nn=e.createElement(e.Fragment,null,Yt.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}},Yt.showLoader&&!Yt.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),Ut?.item_count>0&&W&&!(he&&W)&&M>0&&e.createElement(ll,{pointsRewardRate:M,loyaltyIcon:k,brandTokenName:Ct,themeColor:pe,themeTextColor:ue,rewardMultiplier:S}),fn>0&&e.createElement(Vl,{className:"yt-cart-item-count-badge",$backgroundSubdued:l},fn)),e.createElement("div",{className:"yt-cart-header-actions",style:{display:"flex",gap:"8px",flexDirection:"row",alignItems:"center"}},!(rt&&ot)&&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(!r)}})))),Yt&&e.createElement(rl,{$themeColor:pe,show:Yt.showLoader}),xt?.enableCartOffersCarousel&&e.createElement(Ja,{themeColor:pe,cartOffersCarousalData:xt,cartOffersCarouselHeight:zt,cartData:Ut}),it&&Sn&&Ut?.item_count?e.createElement(Ia,{minutes:ct,customText:st,onTimerComplete:()=>{$n(!1),localStorage.setItem("cartTimerRanOnce","true"),localStorage.removeItem("timeLeft"),localStorage.removeItem("lastUpdate")}}):null,Zt&&At&&e.createElement(wr,{particleCount:50,spread:90,origin:{y:.3}}),$e?e.createElement(xa,{inlineCartOfferInfoText:$e,inlineCartOfferInfoRedirectLink:Be,themeColor:pe,tooltipText:ze,themeTextColor:ue}):null),R&&Ut?.items_subtotal_price>0&&Ut?.currency&&!!O&&function(e,t,n,r,o){if(!e||0===e.length)return!1;const i=[...e].sort((e,t)=>"minimum_order_value"===r?e?.minimumOrderValue-t?.minimumOrderValue:e?.quantityThreshold-t?.quantityThreshold);return i.filter(e=>0!==e?.[fr(r)]&&("minimum_order_value"!==r||1!==e?.[fr(r)])).some((e,a)=>yr(e,a,i,o,{currentCartAmount:t,effectiveQuantityForProgressBar:n,customCartProgressBarCriteria:r,checkpoints:i}).progressPercentage>0)}(O,rn(void 0!==Pe?Pe:Ut?.items_subtotal_price,Ut.currency),void 0===Oe?Ut?.item_count:Oe,X??"minimum_order_value",Ut?.item_count)&&e.createElement(e.Fragment,null,e.createElement(Ir,{customCartProgressBarCriteria:X??"minimum_order_value",handleCheckpointCrossed:G,checkpoints:O,effectiveQuantityForProgressBar:void 0===Oe?Ut?.item_count:Oe,currentCartAmount:rn(void 0!==Pe?Pe:Ut?.items_subtotal_price,Ut.currency),themeColor:pe,themeTextColor:ue,primaryTextColor:te,secondaryTextColor:ne,showMOVForProgressTiers:ye,progressBarFreeProductIconType:nt,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,prefixMessageText:Tt,suffixMessageText:St,successMessageText:$t,enableConfetti:At})),Ut?.item_count>0&&e.createElement("div",{className:"yt-cart-divider",style:{display:"flex",height:"12px",background:"#87878717"}}),0===Ut?.items?.length&&0===Ut?.item_count&&!1===Yt?.showSkeletonLoader?e.createElement(Dr,{showLoyaltyCta:he,joinNowFunction:F,emptyCartTitle:m,emptyCartDescription:g,exploreCTAColor:d,isUserSignedIn:v,exploreCtaRedirectLink:H,themeColor:pe,emptyCartButtons:x,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,themeTextColor:ue,recProductsList:_,addCartItem:h,productRecsCtaButtonText:oe,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Fe,emptyProductRecsTitleText:ce,backgroundSubdued:l,showEmptyCartRecommendations:It,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"}},e.createElement(_o,{isDev:D,themeColor:pe,handleDecrement:b,handleIncrement:y,removeCartItem:f,addCartItem:h,primaryTextColor:te,secondaryTextColor:ne,freeProduct:be,themeTextColor:ue,showEditOptionOnProducts:Ne,productPercentageOffMapping:Le,removeFreebieFromCart:Me,showDeleteOnFreebies:qe,freebieCouponTemplates:Qe??[],freebieFlowCheckpoints:Ue??[],cartCheckpoints:O,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}),Ot&&Ot.length>0&&Lt&&Lt.length>0&&Ut?.item_count>0&&e.createElement(Ll,{stealDealCheckpoints:Ot,stealDealProducts:Lt,freeProductAdjustedCartTotal:ve,effectiveQuantityForProgressBar:Oe,addFreebieToCart:Mt??_e,freebiesInCart:Re??[],themeColor:pe,primaryTextColor:te,secondaryTextColor:ne}),gn&&se&&!!_&&_?.length>0&&Ut?.item_count>0&&h&&e.createElement(Xn,{addCartItem:h,products:_,productRecsCtaButtonText:oe,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,productRecsTitleText:le,themeColor:pe,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Fe,cardLayout:dt,variant:pt,cartComponentsCornerType:mt,cartComponentsCornerRadius:gt,backgroundSubdued:l,backgroundColor:a,tertiaryColor:c,tertiaryTextColor:s}),!gn&&de&&!!_&&_?.length>0&&Ut?.item_count>0&&h&&e.createElement(Xn,{addCartItem:h,products:_,productRecsCtaButtonText:oe,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,productRecsTitleText:le,themeColor:pe,primaryTextColor:te,secondaryTextColor:ne,showVariantSelectionDropdownInProductRecs:Fe,cardLayout:dt,variant:pt,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,backgroundSubdued:l,tertiaryColor:c,tertiaryTextColor:s}),"devlhok.myshopify.com"===window.ytapp?.storeDomain&&e.createElement(cl,{showDiscountOnMRP:Et,cartCheckpoints:O,toggleDecimal:Bt,primaryTextColor:te,discountApplied:B,showTrustedBadge:qt,discountAmountApplied:q})),e.createElement(Qr,null,Ut?.item_count>0&&w&&C&&e.createElement(Ro,{bundleProducts:C}),xe&&!!fe&&Ut?.item_count>0&&e.createElement(si,{companyName:me,gstNumber:ge,themeColor:pe,iconColor:ft?.iconColor,showIcon:ft?.showIcon,backgroundColor:ft?.backgroundColor,textColor:ft?.textColor,title:ft?.title}),!!Ut&&Ut?.item_count>0&&!!_e&&!!De&&!!Re&&De.length>0&&e.createElement(ga,{freebieProductsInCart:De,themeColor:pe,themeTextColor:ue,primaryTextColor:te,addFreebieToCart:_e,freebiesInCart:Re,imageAspectSelector:ut,freebieCouponTemplates:Qe,freebieClaimData:Ye,cartCheckpoints:O,isCartDrawerOpen:r}),je&&(Ve?.length??0)>0&&!!He&&Ut?.item_count>0&&e.createElement("div",{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:()=>sn(!cn)},e.createElement("span",{className:"yt-cart-shipping-label",style:{fontSize:"12px",display:"flex",gap:"5px",alignItems:"center"}},"Shipping ",e.createElement(K,null)),e.createElement("div",{className:"yt-cart-shipping-toggle-icon icon-transition"},cn?e.createElement(V,null):e.createElement(j,null))),"all-products"===Ge&&cn?e.createElement(ba,{postalCodeList:Ve,themeColor:pe,themeTextColor:ue,enableSlotPicker:Xe,deliveryHeaderTitle:Ze,deliveryAvailableText:Ke,deliveryNotAvailableText:Je,disabledDates:Bn}):cn&&(an?e.createElement(ba,{postalCodeList:Ve,themeColor:pe,themeTextColor:ue,enableSlotPicker:Xe,deliveryHeaderTitle:Ze,deliveryAvailableText:Ke,deliveryNotAvailableText:Je,disabledDates:Bn}):e.createElement(ha,{postalCodeList:Ve,themeColor:pe,themeTextColor:ue,enableSlotPicker:Xe,disabledDates:Bn}))),Se&&!!ke&&Ut?.item_count>0&&e.createElement(di,{note:Te,noteSectionTitle:yt}),et?.showGiftWrapOption&&Ut?.item_count>0&&e.createElement(Ba,{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}),Ut?.item_count>0&&Vt&&jt&&Pt&&!he&&e.createElement(Xo,{rewardCoupons:jt,applyCouponCode:Pt,removeDiscount:z,enableConfetti:At,backgroundSubdued:l,themeColor:pe,themeTextColor:ue,primaryTextColor:te,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,cartComponentsCornerRadius:gt}),Ut?.item_count>0&&Dt&&!Vt&&!he&&Pt&&e.createElement(Oo,{backgroundSubdued:l,themeColor:pe,themeTextColor:ue,primaryTextColor:te,cartComponentsCornerRadius:gt,applyCouponCode:Pt,removeDiscount:z,enableConfetti:At}),e.createElement("div",null,Ut?.item_count>0&&e.createElement(e.Fragment,null,v||!he||wt?!wt&&void 0!==E&&void 0!==T&&!!k&&he&&!!N&&e.createElement(Kr,{themeColor:pe,applyDiscount:N,discountAmountOff:E,loyaltyIcon:k,pointsToBeUsed:T,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,minimumOrderValueToAvailDiscount:we,brandTokenName:Ct,showCartLevelAltPay:W,redemptionMultiplier:$}):!!P&&!!F&&e.createElement(Hr,{cartSigninCTAMainText:Ee,signinCTAButtonVisible:Ce,themeColor:pe,joinNowFunction:F,guestLoyaltyPercentage:P,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,showCartLevelAltPay:W})),Ut?.item_count>0&&!!wt&&!!z&&he&&wt&&void 0!==T&&e.createElement(Yr,{themeColor:pe,removeDiscount:z,loyaltyDiscount:wt,isDev:D,ctaButtonBackgroundColor:J,ctaButtonTextColor:ee,primaryTextColor:te,secondaryTextColor:ne,pointsToBeUsed:T,brandTokenName:Ct,showCartLevelAltPay:W}),he&&W&&L&&k&&Ut?.item_count>0&&e.createElement(il,{loyaltyIcon:k,backgroundSubdued:l,primaryTextColor:te,pointsRewardRate:M,rewardMultiplier:S})),he&&Ut&&Ut.item_count>0&&!!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),Ut&&I&&Ut?.item_count>0&&e.createElement("div",{className:"yt-cart-checkout-wrapper"},e.createElement(Lr,{disableCheckoutButton:!!Nt||Yt.cartLoading,discountApplied:B,checkoutFunction:I,checkoutButtonColor:Z,checkoutFontSize:p,discountInCheckoutButton:U,isStickyCheckout:Y,discountAmountApplied:q,minimumCartValue:Q,themeTextColor:ue,applyGSTToCart:fe,showGSTOption:xe,applyNoteToCart:ke,showNoteOption:Se,enableGeoLocationDeliveryRestriction:je,applyPostalCodeAndDeliverySlotToCart:He,enableSlotPicker:Xe,cartComponentsCornerRadius:gt,cartComponentsCornerType:mt,checkoutSectionMessage:bt,checkoutSectionMessageDisplay:ht,checkoutSectionMessageRedirectLink:_t,showDiscountOnMRP:Et,tertiaryColor:c,tertiaryTextColor:s,cartCheckpoints:O,toggleDecimal:Bt,checkoutButtonBottomSpacing:Ft,showCheckoutButtonPaymentIcons:Rt,primaryTextColor:te,hideSubtotalAndBadge:"devlhok.myshopify.com"===window.ytapp?.storeDomain,showTrustedBadge:qt,trustedBadgeData:Qt}))))));return Ht&&zn?A(Nn,zn):e.createElement(Ml,{className:"yt-cart-drawer",$isDev:D,$isOpen:r,$backgroundColor:a,$enableCustomCartOnCartPage:rt,$isCartPage:ot,$isLargeScreen:gn,$switchWidthVariant:kt},Nn)};ft('@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}');const Wl=c.div`
|
|
2469
2469
|
display: flex;
|
|
2470
2470
|
flex-direction: row;
|
|
2471
2471
|
height: 100%;
|
|
@@ -2667,10 +2667,10 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2667
2667
|
/* heigh: 80px; */
|
|
2668
2668
|
margin: 10px 0px;
|
|
2669
2669
|
border: 1px solid #d3d3d3;
|
|
2670
|
-
`,oc=c.div`
|
|
2671
|
-
width: 100%;
|
|
2672
2670
|
`,rc=c.div`
|
|
2673
2671
|
width: 100%;
|
|
2672
|
+
`,oc=c.div`
|
|
2673
|
+
width: 100%;
|
|
2674
2674
|
font-size: 14px;
|
|
2675
2675
|
background-color: #e0e0e0;
|
|
2676
2676
|
border-radius: 0;
|
|
@@ -2923,7 +2923,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
2923
2923
|
text-align: center;
|
|
2924
2924
|
display: flex;
|
|
2925
2925
|
flex-shrink: 0;
|
|
2926
|
-
`,Ic=({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(zc,{className:"yt-byob-tracker-detailed-product-item",key:t.variantId},e.createElement(uc,{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(gc,{className:"yt-byob-tracker-info-block"},e.createElement(xc,{className:"yt-byob-tracker-product-title"},t.product.title),e.createElement(fc,{className:"yt-byob-tracker-product-price"},s,_p(r?.node?.price)),e.createElement(dc,{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(lt,null),e.createElement("span",null,"Remove")))):e.createElement("div",{className:"yt-byob-tracker-product-item",key:t.variantId},e.createElement(Bc,{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(it,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(dc,{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(J,{fontSize:"12px"}))))}),p>=1&&[...Array(p)].map((t,o)=>e.createElement(bc,{className:"yt-byob-tracker-placeholder-box",isMobile:n,borderRadius:c,key:o},e.createElement(De,{size:40,color:"#A0A0A0"}))))),d<t.length-1&&e.createElement(Nc,{className:"yt-byob-tracker-plus-icon-container"},e.createElement(De,{size:"16px",style:{backgroundColor:"#f2f2f2"}})))})),Fc=({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),[$,B]=t(0),[z,N]=t([]),[I,F]=t(0),[P,D]=t(0),[A,_]=t(!1),[R,O]=t(null),L=u?.price||0,M=o?.type,V=e=>{if(e<0||!z[e])return L;const t=z[e].discountValue??0;return d?L*(1-t/100):x?t:m?L-t:L};n(()=>{if(o&&"none"!==o.type)if("productTier"===M&&o.productTier){const e=o.productTier||[];N(e);let t=0;o.productTier.map(e=>{t+=e.minimumQuantity}),D(t-p)}else if(z.length)I>0&&p<z[I-1]?.minimumQuantity?(F(I-1),O(I-1)):p<z[I]?.minimumQuantity&&O(I-1),B(V(I));else{const e=o.offerTier||[];N(e),F(0),D(e[0]?.minimumQuantity-p||i-p)}else N([]),D(i-p),F(0)},[o,i,p]),n(()=>{z.length&&"productTier"!=M?(()=>{if(!z?.length)return;let e=-1,t=null,n=0;if("offerTier"===M)for(let o=0;o<z.length&&(n+=z[o].minimumQuantity,p>=n);o++)t=o,e=o+1<z.length?o+1:o;if(F(e),O(t),null!==t){let e=z.slice(0,t+1).reduce((e,t)=>e+t.minimumQuantity,0);_(e===p),S(!0),B(V(t))}else _(!1),S(!1),B(L);const o=e>=0&&e<z.length?z.slice(0,e+1).reduce((e,t)=>e+t.minimumQuantity,0)-p:z[0].minimumQuantity-p;D(o)})():p===i?(S(!0),B(d?L*(1-d/100):x||(m?L-m:L)),_(!0)):(_(!1),S(!1))},[p,z]);const j=T?Math.max(u?.compareAtPrice,u?.price):u?.compareAtPrice>u?.price?u?.compareAtPrice:null,W=T?$.toFixed(2):u?.price?.toFixed(2),H=j&&W?(j-Number(W)).toFixed(2):0,q=o&&"none"!==M&&o.offerTier?"offerTier"===M?Math.min(p/(p+P)*100,100):void 0:p/i*100;n(()=>{if(T&&g.byob.enableConfetti){console.log("remainingItems",P);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;Ce({particleCount:100,spread:70,origin:{x:n,y:o},zIndex:9999})}},[T,g]),I>=0&&I<z.length&&z[I].tier;const Q=e.useMemo(()=>null!==R&&z[R+1]?z[R+1]?.customText||"":o?.offerTier?.[0]?.customText||"",[R,z,o]),U="number"==typeof R?z[R]?.customText:void 0,Y="string"==typeof U&&""!==U.trim();return e.createElement(ec,{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"==M&&null!==R&&R>=0&&e.createElement(tc,{className:"yt-byob-tracker-offer-tier-tag"},Y?e.createElement(e.Fragment,null,U," unlocked"):e.createElement(e.Fragment,null,e.createElement(e.Fragment,null,"Buy"," ",z.slice(0,R+1).reduce((e,t)=>e+t.minimumQuantity,0)," ","at",m||x?e.createElement(e.Fragment,null," ",Rp(g.general.currencySymbol,C)):""," ",_p(z[R]?.discountValue),d?e.createElement(e.Fragment,null,"% "):_p(x)?e.createElement(e.Fragment,null):"",d||m?e.createElement(e.Fragment,null," Off"):""),e.createElement("span",{style:{fontStyle:"italic"}}," applied"))),f&&P>=1&&!A&&"offerTier"!==M?e.createElement(nc,{className:"yt-byob-tracker-mobile-remaining",style:{margin:"0"}},0===z.length?e.createElement(e.Fragment,null,"Select ",P," more item(s)"," ",0!==x||0!==d?"to get the bundle at":"",0!==x&&e.createElement(e.Fragment,null,` ${Rp(g.general.currencySymbol,C)}${x}`),!!d&&0!==d&&e.createElement(e.Fragment,null," ",` ${d}% Off`)):e.createElement(e.Fragment,null," Select ",P," more item(s)")):e.createElement(e.Fragment,null),"productTier"!==M&&e.createElement(oc,{className:"yt-byob-tracker-tier-progress-container"},e.createElement(rc,{className:"yt-byob-tracker-tier-progress-text"},"offerTier"==M&&z.length>0&&P>0&&e.createElement(e.Fragment,null,Q?e.createElement("div",{className:"yt-byob-tracker-add-more-text",style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",P," more to unlock ",Q):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 ",P," More Item(s)",e.createElement("span",{style:{fontWeight:"500"}}," to "),"Buy ",p+P," at"," ",m||x?e.createElement(e.Fragment,null,Rp(g.general.currencySymbol,C)):""," ",_p(z[I>=0?I:0]?.discountValue),d?e.createElement(e.Fragment,null,"% "):_p(x)?e.createElement(e.Fragment,null):"",d||m?e.createElement(e.Fragment,null," Off"):"")))),e.createElement(ic,{className:"yt-byob-tracker-progress-bar-bg"},e.createElement(ac,{className:"yt-byob-tracker-progress-bar-fill bundle-builder-tracker-progress",progressPercentage:q??0,primaryColor:y??g?.general.primaryColor}," "))),g.byob.selectedProductsVisibility&&e.createElement(lc,{className:"yt-byob-tracker-product-list-wrapper hide-tracker-scrollbar "+(f?"yt-byob-tracker-mobile-product-list":"yt-byob-tracker-desktop-product-list"),tierType:M??"",isMobile:f},"productTier"===M?e.createElement(Ic,{tiers:z,isMobile:f,selectedProductsByTier:w??{},selectedProducts:a,themeColor:g.general.primaryColor,showProductDetailsInTracker:l,handleRemoveItemProductTier:v,cornerRadius:g.byob.borderRadius,currencySymbol:Rp(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(pc,{className:"yt-byob-tracker-detailed-item-container",borderRadius:g.byob.borderRadius,key:t.variantId},e.createElement(uc,{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(mc,{className:"yt-byob-tracker-badge"},t.quantity,"x")),e.createElement(gc,{className:"yt-byob-tracker-info-block"},e.createElement(xc,{className:"yt-byob-tracker-product-title"},t.product.title),e.createElement(fc,{className:"yt-byob-tracker-product-price"},g.general.currencySymbol,n?.node?.price),e.createElement(yc,{className:"yt-byob-tracker-remove-link",onClick:()=>s(t.variantId)},e.createElement(lt,null),e.createElement("span",null,"Remove")))):e.createElement("div",{className:"yt-byob-tracker-product-item",key:t.variantId},e.createElement($c,{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(dc,{className:"yt-byob-tracker-remove-btn",onClick:()=>s(t.variantId)},e.createElement(J,{fontSize:"12px"}))))}),P>=1&&[...Array(P)].map((t,n)=>e.createElement(bc,{className:"yt-byob-tracker-placeholder-box",isMobile:f,borderRadius:g.byob.borderRadius,key:n},e.createElement(De,{size:40,color:"#A0A0A0"}))))),(!f||A)&&e.createElement(cc,{className:"yt-byob-tracker-summary-container bundle-summary "+(f?"yt-byob-tracker-mobile-summary":"yt-byob-tracker-desktop-summary"),isMobile:f},Number(W)>0&&e.createElement(hc,{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(vc,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(H)>0&&e.createElement(wc,{className:"yt-byob-tracker-save-label",style:{}},"Save:"," ",Rp(g.general.currencySymbol,C),_p(H))):e.createElement(e.Fragment,null,e.createElement(vc,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(H)>0&&!f&&e.createElement(wc,{className:"yt-byob-tracker-save-label"},"Save:"," ",Rp(g.general.currencySymbol,C),_p(H)))),e.createElement(Cc,{className:"yt-byob-tracker-subtotal-row"},e.createElement(Ec,{className:"yt-byob-tracker-final-price"},Rp(g.general.currencySymbol,C),Number(W)>=0?_p(Number(W).toFixed(2)):0),j&&g.byob.compareAtPriceVisibility&&Number(j)>Number(W)&&e.createElement(kc,{className:"yt-byob-tracker-line-through-price"},Rp(g.general.currencySymbol,C),_p(Number(j).toFixed(2))))),e.createElement(Tc,{className:"yt-byob-tracker-checkout-button yt-tracking-bar-checkout-button",canCheckout:A,progressPercentage:q??0,ctaColors:{ctaBackgroundColor:g.general.ctaBackgroundColor,ctaBorderColor:g.general.ctaBorderColor,ctaHoverBackgroundColor:g.general.ctaHoverBackgroundColor,ctaHoverTextColor:g.general.ctaHoverTextColor},borderRadius:g.general.ctaBorderRadius,disabled:!A&&P>=1||E,onClick:e=>{c||console.log("saving"),r(e.target??e.currentTarget)},id:"checkoutButton"},c?e.createElement(ue,{color:"black",loading:c,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):P>=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 ",P," More Item(s)"):e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center"}},e.createElement(Sc,{className:"yt-byob-tracker-checkout-text yt-tracking-bar-checkout-button-text",ctaTextColor:g.general.ctaTextColor,ctaHoverTextColor:h??g.general.ctaHoverTextColor},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"})))))))},Pc={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"}}},Dc={position:"sticky",bottom:"10px",zIndex:999,width:"96%"},Ac=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&&Pc[e]?Pc[e]:{},o={...Dc,...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(Fc,{...o,isMobile:r}))},_c=re(void 0),Rc=c.div`
|
|
2926
|
+
`,Ic=({tiers:t,isMobile:n=!1,selectedProductsByTier:r,selectedProducts:o,themeColor:i,showProductDetailsInTracker:a,handleRemoveItemProductTier:l,cornerRadius:c,currencySymbol:s})=>e.createElement(e.Fragment,null,t.map((i,d)=>{const p=i.minimumQuantity-(r[d]?.length??0),u=o?.filter(e=>e.tierIndex===d);return Math.min(r[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 o=t.product.variants?.edges?.find(e=>e.node.id===t.variantId),p=r[d]?.filter(e=>e===o?.node.id).length||0;return a?e.createElement(zc,{className:"yt-byob-tracker-detailed-product-item",key:t.variantId},e.createElement(uc,{className:"yt-byob-tracker-detailed-image",style:{backgroundImage:`url(${o?.node.image?.url&&o?.node.image?.url?.length>0?o?.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(gc,{className:"yt-byob-tracker-info-block"},e.createElement(xc,{className:"yt-byob-tracker-product-title"},t.product.title),e.createElement(fc,{className:"yt-byob-tracker-product-price"},s,_p(o?.node?.price)),e.createElement(dc,{className:"yt-byob-tracker-remove-detailed-btn",onClick:()=>l(t.variantId,d),style:{...1===i.minimumQuantity&&1===i.products.length&&1===r[d]?.length?{display:"none"}:{}}},e.createElement(lt,null),e.createElement("span",null,"Remove")))):e.createElement("div",{className:"yt-byob-tracker-product-item",key:t.variantId},e.createElement(Bc,{className:"yt-byob-tracker-product-list-item",isMobile:n,borderRadius:c,imageUrl:o?.node.image?.url&&o?.node.image?.url?.length>0?o?.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(it,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(dc,{className:"yt-byob-tracker-remove-btn",onClick:()=>l(t.variantId,d),style:{...1===i.minimumQuantity&&1===i.products.length&&1===r[d]?.length?{display:"none"}:{}}},e.createElement(J,{fontSize:"12px"}))))}),p>=1&&[...Array(p)].map((t,r)=>e.createElement(bc,{className:"yt-byob-tracker-placeholder-box",isMobile:n,borderRadius:c,key:r},e.createElement(De,{size:40,color:"#A0A0A0"}))))),d<t.length-1&&e.createElement(Nc,{className:"yt-byob-tracker-plus-icon-container"},e.createElement(De,{size:"16px",style:{backgroundColor:"#f2f2f2"}})))})),Fc=({builderTiers:r,handleAddToCart:o,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),[$,B]=t(0),[z,N]=t([]),[I,F]=t(0),[P,D]=t(0),[A,_]=t(!1),[R,O]=t(null),L=u?.price||0,M=r?.type,V=e=>{if(e<0||!z[e])return L;const t=z[e].discountValue??0;return d?L*(1-t/100):x?t:m?L-t:L};n(()=>{if(r&&"none"!==r.type)if("productTier"===M&&r.productTier){const e=r.productTier||[];N(e);let t=0;r.productTier.map(e=>{t+=e.minimumQuantity}),D(t-p)}else if(z.length)I>0&&p<z[I-1]?.minimumQuantity?(F(I-1),O(I-1)):p<z[I]?.minimumQuantity&&O(I-1),B(V(I));else{const e=r.offerTier||[];N(e),F(0),D(e[0]?.minimumQuantity-p||i-p)}else N([]),D(i-p),F(0)},[r,i,p]),n(()=>{z.length&&"productTier"!=M?(()=>{if(!z?.length)return;let e=-1,t=null,n=0;if("offerTier"===M)for(let r=0;r<z.length&&(n+=z[r].minimumQuantity,p>=n);r++)t=r,e=r+1<z.length?r+1:r;if(F(e),O(t),null!==t){let e=z.slice(0,t+1).reduce((e,t)=>e+t.minimumQuantity,0);_(e===p),S(!0),B(V(t))}else _(!1),S(!1),B(L);const r=e>=0&&e<z.length?z.slice(0,e+1).reduce((e,t)=>e+t.minimumQuantity,0)-p:z[0].minimumQuantity-p;D(r)})():p===i?(S(!0),B(d?L*(1-d/100):x||(m?L-m:L)),_(!0)):(_(!1),S(!1))},[p,z]);const j=T?Math.max(u?.compareAtPrice,u?.price):u?.compareAtPrice>u?.price?u?.compareAtPrice:null,W=T?$.toFixed(2):u?.price?.toFixed(2),H=j&&W?(j-Number(W)).toFixed(2):0,q=r&&"none"!==M&&r.offerTier?"offerTier"===M?Math.min(p/(p+P)*100,100):void 0:p/i*100;n(()=>{if(T&&g.byob.enableConfetti){console.log("remainingItems",P);const e=document.getElementById("checkoutButton");if(!e)return;const t=e.getBoundingClientRect(),n=(t.left+t.width/2)/window.innerWidth,r=(t.top+t.height/2)/window.innerHeight;Ce({particleCount:100,spread:70,origin:{x:n,y:r},zIndex:9999})}},[T,g]),I>=0&&I<z.length&&z[I].tier;const Q=e.useMemo(()=>null!==R&&z[R+1]?z[R+1]?.customText||"":r?.offerTier?.[0]?.customText||"",[R,z,r]),U="number"==typeof R?z[R]?.customText:void 0,Y="string"==typeof U&&""!==U.trim();return e.createElement(ec,{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"==M&&null!==R&&R>=0&&e.createElement(tc,{className:"yt-byob-tracker-offer-tier-tag"},Y?e.createElement(e.Fragment,null,U," unlocked"):e.createElement(e.Fragment,null,e.createElement(e.Fragment,null,"Buy"," ",z.slice(0,R+1).reduce((e,t)=>e+t.minimumQuantity,0)," ","at",m||x?e.createElement(e.Fragment,null," ",Rp(g.general.currencySymbol,C)):""," ",_p(z[R]?.discountValue),d?e.createElement(e.Fragment,null,"% "):_p(x)?e.createElement(e.Fragment,null):"",d||m?e.createElement(e.Fragment,null," Off"):""),e.createElement("span",{style:{fontStyle:"italic"}}," applied"))),f&&P>=1&&!A&&"offerTier"!==M?e.createElement(nc,{className:"yt-byob-tracker-mobile-remaining",style:{margin:"0"}},0===z.length?e.createElement(e.Fragment,null,"Select ",P," more item(s)"," ",0!==x||0!==d?"to get the bundle at":"",0!==x&&e.createElement(e.Fragment,null,` ${Rp(g.general.currencySymbol,C)}${x}`),!!d&&0!==d&&e.createElement(e.Fragment,null," ",` ${d}% Off`)):e.createElement(e.Fragment,null," Select ",P," more item(s)")):e.createElement(e.Fragment,null),"productTier"!==M&&e.createElement(rc,{className:"yt-byob-tracker-tier-progress-container"},e.createElement(oc,{className:"yt-byob-tracker-tier-progress-text"},"offerTier"==M&&z.length>0&&P>0&&e.createElement(e.Fragment,null,Q?e.createElement("div",{className:"yt-byob-tracker-add-more-text",style:{padding:"4px",fontWeight:"600",...window.innerWidth<=768&&{fontSize:"12px"},color:"#121212"}},"Add ",P," more to unlock ",Q):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 ",P," More Item(s)",e.createElement("span",{style:{fontWeight:"500"}}," to "),"Buy ",p+P," at"," ",m||x?e.createElement(e.Fragment,null,Rp(g.general.currencySymbol,C)):""," ",_p(z[I>=0?I:0]?.discountValue),d?e.createElement(e.Fragment,null,"% "):_p(x)?e.createElement(e.Fragment,null):"",d||m?e.createElement(e.Fragment,null," Off"):"")))),e.createElement(ic,{className:"yt-byob-tracker-progress-bar-bg"},e.createElement(ac,{className:"yt-byob-tracker-progress-bar-fill bundle-builder-tracker-progress",progressPercentage:q??0,primaryColor:y??g?.general.primaryColor}," "))),g.byob.selectedProductsVisibility&&e.createElement(lc,{className:"yt-byob-tracker-product-list-wrapper hide-tracker-scrollbar "+(f?"yt-byob-tracker-mobile-product-list":"yt-byob-tracker-desktop-product-list"),tierType:M??"",isMobile:f},"productTier"===M?e.createElement(Ic,{tiers:z,isMobile:f,selectedProductsByTier:w??{},selectedProducts:a,themeColor:g.general.primaryColor,showProductDetailsInTracker:l,handleRemoveItemProductTier:v,cornerRadius:g.byob.borderRadius,currencySymbol:Rp(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(pc,{className:"yt-byob-tracker-detailed-item-container",borderRadius:g.byob.borderRadius,key:t.variantId},e.createElement(uc,{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(mc,{className:"yt-byob-tracker-badge"},t.quantity,"x")),e.createElement(gc,{className:"yt-byob-tracker-info-block"},e.createElement(xc,{className:"yt-byob-tracker-product-title"},t.product.title),e.createElement(fc,{className:"yt-byob-tracker-product-price"},g.general.currencySymbol,n?.node?.price),e.createElement(yc,{className:"yt-byob-tracker-remove-link",onClick:()=>s(t.variantId)},e.createElement(lt,null),e.createElement("span",null,"Remove")))):e.createElement("div",{className:"yt-byob-tracker-product-item",key:t.variantId},e.createElement($c,{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(dc,{className:"yt-byob-tracker-remove-btn",onClick:()=>s(t.variantId)},e.createElement(J,{fontSize:"12px"}))))}),P>=1&&[...Array(P)].map((t,n)=>e.createElement(bc,{className:"yt-byob-tracker-placeholder-box",isMobile:f,borderRadius:g.byob.borderRadius,key:n},e.createElement(De,{size:40,color:"#A0A0A0"}))))),(!f||A)&&e.createElement(cc,{className:"yt-byob-tracker-summary-container bundle-summary "+(f?"yt-byob-tracker-mobile-summary":"yt-byob-tracker-desktop-summary"),isMobile:f},Number(W)>0&&e.createElement(hc,{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(vc,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(H)>0&&e.createElement(wc,{className:"yt-byob-tracker-save-label",style:{}},"Save:"," ",Rp(g.general.currencySymbol,C),_p(H))):e.createElement(e.Fragment,null,e.createElement(vc,{className:"yt-byob-tracker-subtotal-label"},"Subtotal"),Number(H)>0&&!f&&e.createElement(wc,{className:"yt-byob-tracker-save-label"},"Save:"," ",Rp(g.general.currencySymbol,C),_p(H)))),e.createElement(Cc,{className:"yt-byob-tracker-subtotal-row"},e.createElement(Ec,{className:"yt-byob-tracker-final-price"},Rp(g.general.currencySymbol,C),Number(W)>=0?_p(Number(W).toFixed(2)):0),j&&g.byob.compareAtPriceVisibility&&Number(j)>Number(W)&&e.createElement(kc,{className:"yt-byob-tracker-line-through-price"},Rp(g.general.currencySymbol,C),_p(Number(j).toFixed(2))))),e.createElement(Tc,{className:"yt-byob-tracker-checkout-button yt-tracking-bar-checkout-button",canCheckout:A,progressPercentage:q??0,ctaColors:{ctaBackgroundColor:g.general.ctaBackgroundColor,ctaBorderColor:g.general.ctaBorderColor,ctaHoverBackgroundColor:g.general.ctaHoverBackgroundColor,ctaHoverTextColor:g.general.ctaHoverTextColor},borderRadius:g.general.ctaBorderRadius,disabled:!A&&P>=1||E,onClick:e=>{c||console.log("saving"),o(e.target??e.currentTarget)},id:"checkoutButton"},c?e.createElement(ue,{color:"black",loading:c,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):P>=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 ",P," More Item(s)"):e.createElement("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center"}},e.createElement(Sc,{className:"yt-byob-tracker-checkout-text yt-tracking-bar-checkout-button-text",ctaTextColor:g.general.ctaTextColor,ctaHoverTextColor:h??g.general.ctaHoverTextColor},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"})))))))},Pc={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"}}},Dc={position:"sticky",bottom:"10px",zIndex:999,width:"96%"},Ac=r=>{const[o,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&&Pc[e]?Pc[e]:{},r={...Dc,...n};return t&&n.mobile?{...r,...n.mobile}:r})(String(a),o);r.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 "+(o?"yt-byob-tracker-mobile-bar":"yt-byob-tracker-desktop-bar"),style:{...c,width:o?"100%":l.width,...!r.styles.byob.selectedProductsVisibility&&{width:o?"96%":"fit-content",paddingInline:"10px"},...o&&{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(Fc,{...r,isMobile:o}))},_c=oe(void 0),Rc=c.div`
|
|
2927
2927
|
position: absolute;
|
|
2928
2928
|
top: 0px;
|
|
2929
2929
|
right: 0px;
|
|
@@ -3142,7 +3142,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
3142
3142
|
font-size: 1em;
|
|
3143
3143
|
justify-content: center;
|
|
3144
3144
|
align-items: center;
|
|
3145
|
-
`;const Vc=({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:fn(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))})),jc=({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=fn(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(Vc,{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)},Wc=l((a,l)=>{const[c,s]=ie(_c),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),$=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]),[B,z]=t($);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:N,descriptionHtml:I,media:F,variants:P}=c,A=F.edges.map(e=>e?.node.preview.image??e?.node.image).filter(e=>e?.url?.length>0),_=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.title&&"Default Title"!==n.title&&z(n.title.split(" / ")))},[p,d]),R=i(e=>{if(!a.bundleVariantOptions?.options)return"text";const t=a.bundleVariantOptions?.options.find(t=>t.name===e);return t?.type||"text"},[a.bundleVariantOptions]),O=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]),L=i((e,t)=>{const n=[...B];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;r&&d(r)>0&&(k.current=!0,m(r))},[B,c,d]),M=i((e,t)=>{const n=B[t];if(!n)return null;return O(e).find(e=>e.name===n)||null},[B,O]),V=i((e,t)=>{const n=[...B];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},[B,c,d]);n(()=>{if(c&&u?.image?.url&&Array.isArray(A)){const e=A.findIndex(e=>e?.url===u?.image?.url);-1!==e&&e!==g&&x(e)}},[u,g,A]),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 j=a.selectedProducts.filter(e=>e.variantId===u?.id).reduce((e,t)=>e+t.quantity,0),W=a.customVariantsQuantity?.find(e=>e.variantId===u?.id)?.quantity??a.bundleProductsCustomQuantity??1/0,H=W!==1/0&&j>=W,q=a.hideAddToBundle||!u||d(u)<=0||H||"idle"!==v||a?.disableQuantitySelector&&1===b,Q=({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(we,{size:14,style:{color:"dodgerblue",marginLeft:"4px"}}),"(",o," reviews)"))},U=({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"}},A.length>1&&A.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(gt,{small:Op(t?.url),medium:Op(t?.url),large:Op(t?.url),alt:t.altText||`${N} - Image ${n+1}`,hideDownload:!0,imageBackgroundColor:"#000",className:"yt-byob-modal-desktop-main-image"})))):e.createElement(e.Fragment,null,e.createElement(gt,{small:Op(A[g]?.url),medium:Op(A[g]?.url),large:Op(A[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"}},A.length>1&&A.filter(e=>e?.url?.length>0).map((n,o)=>e.createElement("img",{key:o,src:Op(n?.url),alt:n.altText||`${N} - 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"})))))),Y=({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:_,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(Ze,null)))),X=({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"}},B[o]||n.values[0])),e.createElement(Vc,{options:O(n),selectedValue:M(n,o),onChange:e=>{L(o,e)},type:R(n.name),isOptionAvailable:e=>V(o,e),isMobile:t}))))),Z=({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"}},Rp(a.styles.general.currencySymbol,a.styles.general.currencySymbol),_p(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"}},Rp(a.styles.general.currencySymbol,a.styles.general.currencySymbol),_p(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"}},Rp(a.styles.general.currencySymbol,a.styles.general.currencySymbol),_p(u?.price))))),K=({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:q?.5:1,cursor:q?"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:q},a.styles.byob.addToBundleCTAText??"Add to bundle")),J=e.createElement(Oc,{className:"yt-byob-modal-desktop-overlay"},e.createElement(Lc,{$isSmallScreen:f,ref:l},e.createElement(Mc,{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(Rc,{className:"yt-byob-modal-desktop-close",onClick:()=>{s(void 0)},style:{backgroundColor:"white"}},e.createElement(G,{size:"25"})),e.createElement("div",{className:"yt-byob-modal-desktop-image-section image-section"},e.createElement(U,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(Q,{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(Y,{className:"yt-byob-modal-desktop-variant-selector"}),"customOptions"===a?.styles?.byob.variantSelectorType&&e.createElement(X,null),e.createElement("div",{className:"yt-byob-modal-desktop-price-atc-wrapper",style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"}},e.createElement(Z,{isMobile:!1}),e.createElement(K,{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:I}})))))),ee=e.createElement(Oc,{className:"yt-byob-modal-mobile-overlay"},e.createElement(Lc,{className:"yt-byob-modal-mobile-content",style:{padding:"0px",position:"relative"},$isSmallScreen:f,ref:l},e.createElement(Mc,{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(Xe,{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(U,{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(Q,{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:I}})))),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(X,{isMobile:!0}):e.createElement(Y,{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(Z,{isMobile:!0}),e.createElement(K,{isMobile:!0})))));return D.createPortal(f?ee:J,document.body)}),Hc=({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"})))},qc=({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(De,{className:"yt-byob-icon-plus",size:20})),n&&e.createElement("div",{className:"yt-byob-filter-section-body",style:{marginTop:"16px"}},r)),Qc=({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=Rp(u?.general?.currencySymbol,f)??"₹";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(qc,{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")))},Uc=t=>{const{showFiltersDrawer:n,handleClose:o,isAnimating:r,isMobile:i}=t;return n?A(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(Qc,{...t,applyPriceFilter:()=>{t.applyPriceFilter(),o()},openSections:t.openSections||{},toggleSection:t.toggleSection||(()=>{})}))),document.body):null},Yc=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(Qc,{...t,showActions:!0,openSections:t.openSections||{},toggleSection:t.toggleSection||(()=>{})})):null},Gc=({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:B,setPriceMax:z,priceMin:N,setPriceMin:I}=b,[F,P]=t(!1),D=l?.byob?.productFiltersDisplay||"drawer",A=!r&&"sidebar"===D,_="none"===D;n(()=>{s["filter.v.price"]||(z(x),I(0))},[x,s]);n(()=>{const e=setTimeout(()=>{i(k)},300);return()=>clearTimeout(e)},[k,i]),n(()=>(S&&!A?(document.body.style.overflow="hidden",P(!0)):(document.body.style.overflow="",P(!1)),()=>{document.body.style.overflow=""}),[S,A]);const R=Object.entries(s).reduce((e,[t,n])=>"filter.v.price"===t?N>0||B<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(Ae,{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(Ae,{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(_e,{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(Re,{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(Uc,{showFiltersDrawer:S,handleClose:()=>{A?$(!1):(document.body.style.overflow="",P(!1),setTimeout(()=>{$(!1)},300))},isAnimating:F,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:()=>{z(x),I(0),d({})},applyPriceFilter:()=>{d(e=>{const t={...e};return t["filter.v.price"]=[`min:${N}-max:${B}`],t})},priceMin:N,setPriceMin:I,priceMax:B,setPriceMax:z,maxPossiblePrice:x,styles:l,availableProductCount:m,products:u,unavailableProductCount:g,storeCurrencyCode:f,openSections:h,toggleSection:v}))},Xc=()=>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"}})),Zc=({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(Xc,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")))},Kc=({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(Zc,{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 Jc({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(Wl,{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(Hl,{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 es=({product:r,styles:i,selectedVariant:a})=>{const[l,c]=t(!1),s=o(()=>Op(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=>Op(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})))},ts=({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=le(_c),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[$,B]=t(k?.find(e=>T(e.node.id)>0)?.node?.id||k[0]?.node?.id),[z,N]=t(0),[I,F]=t(window.innerWidth<450),[P,D]=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));N(e?e.quantity:0)},[m,$,b]),n(()=>{const e=()=>{F(window.innerWidth<450)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),n(()=>{CSS.supports("font-weight","500")?D("500"):CSS.supports("font-weight","400")?D("400"):CSS.supports("font-weight","600")&&D("600")},[]),n(()=>{document.documentElement.style.setProperty("--yt-bundle-font-weight",P)},[P]),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&&B(e)}},[$,k,T]);const R=o.variants&&o.variants.edges?.length>1&&"customOptions"!==w,O="undefined"!=typeof window?(window?.ytapp||window?.ytBundleApp)?.storeId:void 0,L="53933408435"===O,M="75851235630"===O,V=(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),j=V.length>0;return e.createElement(e.Fragment,null,e.createElement(Ul,{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(Yl,{className:"yt-byob-image-wrapper"},e.createElement(es,{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(Gl,{className:"yt-byob-variant-selector",isCoralHaze:L,onClick:e=>{e.preventDefault(),e.stopPropagation()},value:$||"",onChange:e=>{e.stopPropagation(),e.preventDefault(),B(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",{className:"yt-byob-product-content"},"enabled"===r?.customizations?.byob?.productCardCategoryVisibility&&j&&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"}},V.slice(0,2).map((t,n)=>e.createElement("span",{className:"yt-byob-category-tag",key:n,style:{fontSize:I?"8px":"12px",color:"#666",fontWeight:"500"}},t.charAt(0).toUpperCase()+t.slice(1))),V.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"}},"+",V.length-2," more"))),e.createElement(Xl,{isMobile:I,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(we,{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"}},Rp(v.general.currencySymbol,r?.storeCurrencyCode)??"Rs.",_p(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"},Rp(v.general.currencySymbol,r?.storeCurrencyCode)??"Rs.",_p(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"}},Rp(v.general.currencySymbol,r?.storeCurrencyCode)??"Rs.",_p(A.compareAtPrice))),(_>0||_===1/0)&&e.createElement(Zl,{borderRadius:v?.byob.borderRadius,className:"yt-byob-add-to-bundle-wrapper yt-product-atc-wrapper"},(0===z||void 0===z)&&e.createElement(ql,{style:{...!l&&{backgroundColor:v?.general.primaryColor||"#111",color:v?.general.primaryContrastColor||"#fff"}},disabled:l,onClick:e=>{e.stopPropagation(),e.preventDefault(),N(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&&z>0&&$&&e.createElement(Ql,{className:"yt-byob-quantity-selector-container visible",style:{overflow:"hidden"}},e.createElement(Jc,{remainingQuantity:c,setQuantity:N,quantity:z,handleAddToBundle:a,variantId:$,product:o,handleRemoveItem:d,hideAddToBundle:l,selectedVariantInventoryQty:_})),r?.disableQuantitySelector&&z>0&&$&&e.createElement(ql,{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(Kl,{className:"yt-byob-added-text yt-product-atc-single-qty-selector-added"},"ADDED"),e.createElement(Jl,{className:"yt-byob-single-qty-remove yt-product-atc-single-qty-selector-remove",onClick:e=>{e.stopPropagation();const t=Math.max(0,z-1);N(t),d&&$&&d($,b)}},e.createElement(Le,{style:{color:"#fff",fontSize:"20px"}})))),_<=0&&_!==1/0&&e.createElement(ql,{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(jc,{product:o,isOpen:C,onClose:()=>E(!1),variantOptions:r.variantOptions,cta:{textColor:v.general.ctaTextColor,backgroundColor:v.general.primaryColor},onConfirm:e=>{B(e),a(e,o,1)}}))},ns=({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)),os=({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)))))},rs=({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&&"productTier"===a.builderTiers?.type,[$,B]=t({}),[z,N]=t(!1),I=S&&C===(a.builderTiers?.productTier?.length||0),F=C===(a.builderTiers?.productTier?.length||0)-1,P=S&&F&&!I,[D,A]=t(a?.products),[_,R]=t(!1),[O,L]=t({}),[M,V]=t(a?.products),[j,W]=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({}),[ae,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(()=>{ae.length>0&&fe(e=>{const t={...e};return ae.forEach(e=>{void 0===t[e.id]&&(t[e.id]=!1)}),t})},[ae]),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;D?.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,D]),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}))(D.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=ae?.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)},[D,ae]);const[ke,Te]=t(""),[Se,$e]=t(""),Be=((e,t)=>e.filter(e=>e?.productDetails?.title?.toLowerCase().includes(t?.toLowerCase())))(he,ke),ze=((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}}))(Be,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?(L(e=>({...e,[C]:j?.[C]||[]})),r(H||{...n})):(A(M),r(H||{1:t?.[1]})));const a=await o(e,i,null);a&&("productTier"===Q?(L(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[Ne,Ie]=ie(_c),[Fe,Pe]=t(!1);n(()=>{x?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:a?._id,bundleType:"byob-page-bundle",byobBundleType:a.builderTiers?.type??"builder"}}),setTimeout(()=>{Pe(!0)},100)},[]);const De=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=Op(a.coverImageUrl)??"",e.onload=()=>{h(e.width/e.height)}}},[a.coverImageUrl]),n(()=>{Pe(!1),setTimeout(()=>Pe(!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 V(a?.products??[])):void("productTier"===a?.builderTiers?.type&&(L({0:a?.products}),W({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(!De.current||!e.target)return;!De.current.contains(e.target)&&Ie(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}}}),Lp(e,t,n,l,c,r,C)},Oe=(()=>{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})(),Le=v&&a.mobileCoverImageUrl?Op(a.mobileCoverImageUrl):Op(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]),Ve=o(()=>{if("productTier"===Q&&Y.length>0){const e=O?.[C]??[];return Se?ze.filter(t=>e.some(e=>e.productId===t.productId&&(e.variantIds.length<1||t.variantIds.includes(e.variantIds?.[0])))&&Me(t)):e.map(e=>ze.find(t=>t.productId===e.productId&&(e.variantIds.length<1||t.variantIds.includes(e.variantIds?.[0])))).filter(e=>e&&Me(e))}return ze.filter(Me)},[Q,Y,O,C,ze,Me,Se]),je=Ve;n(()=>{if("productTier"!==Q)return;const e=Y[C];if(!e)return;if(1!==e.minimumQuantity)return;if(1!==e.products.length)return;const t=e.products[0],n=D.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,D,k,we,Re]);const We=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-We,[he,We]),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?(L(e=>({...e,[C]:[...e[C]||[],...n]})),e||W(e=>({...e,[C]:[...e[C]||[],...n]})),A(e=>[...e,...n])):(A(e=>[...e,...n]),e||V(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",{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"}}},Le?e.createElement("div",{style:{position:"relative",width:"100%",display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",overflow:"hidden",...a?.coverImageVerticalMargin&&{marginBottom:a?.coverImageVerticalMargin,marginTop:a?.coverImageVerticalMargin}}},Le&&e.createElement(Hc,{coverImageUrl:Le,alt:"Background",styles:{width:"100%",height:"auto",display:"block"}}),e.createElement("div",{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",{style:{zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",padding:"20px",width:"90%",maxWidth:"1000px"}},qe&&e.createElement("span",{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",{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",null,e.createElement(ns,{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",{style:{display:"flex",flexDirection:"row",width:v?"100%":"90%",marginInline:"auto"}},"sidebar"===U?.byob?.productFiltersDisplay&&!v&&!I&&e.createElement(Yc,{showFiltersDrawer:ce,handleClose:()=>se(!1),isAnimating:!1,isMobile:!1,availableFilters:ae,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:D,unavailableProductCount:He,storeCurrencyCode:a?.storeCurrencyCode,openSections:xe,toggleSection:ye}),e.createElement("div",{style:{display:"flex",flexDirection:"column",flex:1,minWidth:0}},!I&&e.createElement("div",{style:{width:"100%",marginBottom:"20px",display:"flex",flexDirection:"column",gap:"20px"}},e.createElement(Gc,{enableSortAndFilter:a?.enableSortAndFilter??!1,isMobile:v,searchTerm:ke,setSearchTerm:Te,setSortBy:$e,styles:U,appliedFilters:oe,setAppliedFilters:re,availableFilters:ae,products:D,availableProductCount:We,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",null,e.createElement(os,{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"},I&&a.personalizedForm?e.createElement(Kc,{form:a.personalizedForm,formData:$,setFormData:B,isUploading:z,setIsUploading:N}):0!==je?.length||_?Ve.map((t,n)=>{if("productTier"===Q){const o=(Y[C]?.minimumQuantity??0)>(k[C]?.length??0),r=ze.find(e=>e.productId===t.productId&&(t.variantIds.length<1||e.variantIds.includes(t.variantIds[0])));return r?e.createElement(ts,{bundle:a,idx:n,key:t?.variantIds?.[0]??t.productId,product:r?.productDetails,handleAddToBundle:Re,hideAddToBundle:!o,remainingQuantity:Oe-u,themeColor:a?.dealTextColor,handleRemoveItem:e=>Ae(e,C),selecteditems:l,transitionActive:Fe,customVariantsQuantity:be,currentProductTier:Y[C],showFreebieTierProductPrices:a?.customStoreDetails?.showFreebieTierProductPrices,tierIndex:C}):null}return e.createElement(ts,{bundle:a,idx:n,key:t.productId,product:t?.productDetails,handleAddToBundle:Re,hideAddToBundle:u>=Oe,remainingQuantity:Oe-u,themeColor:a?.dealTextColor,handleRemoveItem:m,selecteditems:l,transitionActive:Fe,customVariantsQuantity:be,tierIndex:C})}):e.createElement("div",{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")),!I&&_&&e.createElement("div",{style:{width:"100%",display:"flex",justifyContent:"center",padding:"20px"}},e.createElement(ue,{color:U?.general?.primaryColor||"#333",size:30})),e.createElement("div",{ref:ne,style:{height:"1px",width:"100%",display:"block"}})),!p&&e.createElement(Ac,{builderTiers:a?.builderTiers,showNextStep:P,handleAddToCart:async e=>{if(P)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:z}),p&&e.createElement("div",{style:{width:"100%",marginTop:"20px",position:"sticky",bottom:"10px",zIndex:999}},e.createElement(Ac,{showNextStep:P,handleAddToCart:async e=>{if(P)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:z})))),Ne&&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(Wc,{handleAddToBundle:Re,ref:De,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})})()))},is=({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(Kc,{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(ue,{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)},as=({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:Op(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"}},Rp(i.general.currencySymbol,p),_p((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"}},Rp(i.general.currencySymbol,p),_p(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"}},Rp(i.general.currencySymbol,p),_p(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:Op(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"}},Rp(i.general.currencySymbol,p),_p((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"}},Rp(i.general.currencySymbol,p),_p(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"}},Rp(i.general.currencySymbol,p),_p(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:Op(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)}))))))},ls=({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});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 f=r.products?.every((e,t)=>{const n=g[t];return m(e.productDetails,n)>0}),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,B="bundles"==r.appName?r.pageHeader?.title:r?.title,z="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}},B)),$&&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"}},Rp(k.general.currencySymbol,r.storeCurrencyCode),_p(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"}},Rp(k.general.currencySymbol,r.storeCurrencyCode),_p(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?`${Rp(k.general.currencySymbol,r.storeCurrencyCode)}${_p(r?.amountOff)} Off`:`Save ${Rp(k.general.currencySymbol,r.storeCurrencyCode)}${_p(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(as,{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(as,{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?u(!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,z))),r.personalizedForm&&e.createElement(is,{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}))},cs=c.div`
|
|
3145
|
+
`;const Vc=({options:t,selectedValue:n,onChange:r,type:o="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&&r(t)},style:{cursor:a?"pointer":"not-allowed"}},((t,n)=>{const r=!i||i(t.name),a={cursor:r?"pointer":"not-allowed",border:n?"2px solid #333":"1px solid #d1d5db",transition:"all 0.2s ease",opacity:r?1:.5};if("color"===o)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"===o?e.createElement("img",{src:fn(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))})),jc=({product:o,isOpen:i,onClose:a,variantOptions:l,cta:c,onConfirm:s})=>{const d=r(()=>e=>e?o?.tracksInventory&&e?.inventoryItem?.tracked?e.inventoryQuantity>0?e?.inventoryQuantity:e.inventoryQuantity<=0&&"continue"===e.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0,[o?.tracksInventory]),p=r(()=>{const e=o.variants.edges.find(e=>{const t=e.node;return d(t)>0})?.node;return e?.title&&"Default Title"!==e.title?e.title.split(" / "):o.options?.map(e=>e.values[0])||[]},[o,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=o.variants.edges.find(e=>e.node.title===(o.options?.length>0?u.join(" / "):u[0]))?.node,y=f?.image?.url||o.featuredMedia?.preview?.image?.url,b=fn(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:o.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"}},o.title))),e.createElement("div",{style:{padding:"20px"}},o.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(Vc,{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 r=o.options?.length>0?n.join(" / "):n[0],i=o.variants.edges.find(e=>e.node.title===r)?.node;return!!i&&d(i)>0})(n,e),isMobile:g}))))),e.createElement("button",{onClick:()=>{const e=o.variants.edges.find(e=>e.node.title===(o.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=o.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)},Wc=l((a,l)=>{const[c,s]=ie(_c),d=r(()=>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=o(null),E=o(null),k=o(!1),[T,S]=t(0),$=r(()=>{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]),[B,z]=t($);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:N,descriptionHtml:I,media:F,variants:P}=c,A=F.edges.map(e=>e?.node.preview.image??e?.node.image).filter(e=>e?.url?.length>0),_=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.title&&"Default Title"!==n.title&&z(n.title.split(" / ")))},[p,d]),R=i(e=>{if(!a.bundleVariantOptions?.options)return"text";const t=a.bundleVariantOptions?.options.find(t=>t.name===e);return t?.type||"text"},[a.bundleVariantOptions]),O=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]),L=i((e,t)=>{const n=[...B];n[e]=t.name,z(n);const r=c?.options?.length>0?n.join(" / "):n[0],o=c?.variants.edges.find(e=>e.node.title===r)?.node;o&&d(o)>0&&(k.current=!0,m(o))},[B,c,d]),M=i((e,t)=>{const n=B[t];if(!n)return null;return O(e).find(e=>e.name===n)||null},[B,O]),V=i((e,t)=>{const n=[...B];n[e]=t;const r=c?.options?.length>0?n.join(" / "):n[0],o=c?.variants.edges.find(e=>e.node.title===r)?.node;return!!o&&d(o)>0},[B,c,d]);n(()=>{if(c&&u?.image?.url&&Array.isArray(A)){const e=A.findIndex(e=>e?.url===u?.image?.url);-1!==e&&e!==g&&x(e)}},[u,g,A]),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 j=a.selectedProducts.filter(e=>e.variantId===u?.id).reduce((e,t)=>e+t.quantity,0),W=a.customVariantsQuantity?.find(e=>e.variantId===u?.id)?.quantity??a.bundleProductsCustomQuantity??1/0,H=W!==1/0&&j>=W,q=a.hideAddToBundle||!u||d(u)<=0||H||"idle"!==v||a?.disableQuantitySelector&&1===b,Q=({className:t})=>{const n=c?.rating?.averageRating??a?.rating?.averageRating??0,r=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(we,{size:14,style:{color:"dodgerblue",marginLeft:"4px"}}),"(",r," reviews)"))},U=({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"}},A.length>1&&A.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(gt,{small:Op(t?.url),medium:Op(t?.url),large:Op(t?.url),alt:t.altText||`${N} - Image ${n+1}`,hideDownload:!0,imageBackgroundColor:"#000",className:"yt-byob-modal-desktop-main-image"})))):e.createElement(e.Fragment,null,e.createElement(gt,{small:Op(A[g]?.url),medium:Op(A[g]?.url),large:Op(A[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"}},A.length>1&&A.filter(e=>e?.url?.length>0).map((n,r)=>e.createElement("img",{key:r,src:Op(n?.url),alt:n.altText||`${N} - Image ${r+1}`,onClick:()=>x(r),style:{width:t?"60px":"73px",height:t?"60px":"73px",flex:"0 0 auto",scrollSnapAlign:"center",borderRadius:"7px",border:g===r?`2px solid ${a.themeColor||"#111"}`:"1px solid lightgray",objectFit:"cover",cursor:"pointer"},loading:"lazy"})))))),Y=({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:_,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(Ze,null)))),X=({isMobile:t})=>e.createElement(e.Fragment,null,c.options.map((n,r)=>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"}},B[r]||n.values[0])),e.createElement(Vc,{options:O(n),selectedValue:M(n,r),onChange:e=>{L(r,e)},type:R(n.name),isOptionAvailable:e=>V(r,e),isMobile:t}))))),Z=({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"}},Rp(a.styles.general.currencySymbol,a.styles.general.currencySymbol),_p(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"}},Rp(a.styles.general.currencySymbol,a.styles.general.currencySymbol),_p(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"}},Rp(a.styles.general.currencySymbol,a.styles.general.currencySymbol),_p(u?.price))))),K=({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:q?.5:1,cursor:q?"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:q},a.styles.byob.addToBundleCTAText??"Add to bundle")),J=e.createElement(Oc,{className:"yt-byob-modal-desktop-overlay"},e.createElement(Lc,{$isSmallScreen:f,ref:l},e.createElement(Mc,{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(Rc,{className:"yt-byob-modal-desktop-close",onClick:()=>{s(void 0)},style:{backgroundColor:"white"}},e.createElement(G,{size:"25"})),e.createElement("div",{className:"yt-byob-modal-desktop-image-section image-section"},e.createElement(U,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(Q,{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(Y,{className:"yt-byob-modal-desktop-variant-selector"}),"customOptions"===a?.styles?.byob.variantSelectorType&&e.createElement(X,null),e.createElement("div",{className:"yt-byob-modal-desktop-price-atc-wrapper",style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"}},e.createElement(Z,{isMobile:!1}),e.createElement(K,{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:I}})))))),ee=e.createElement(Oc,{className:"yt-byob-modal-mobile-overlay"},e.createElement(Lc,{className:"yt-byob-modal-mobile-content",style:{padding:"0px",position:"relative"},$isSmallScreen:f,ref:l},e.createElement(Mc,{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(Xe,{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(U,{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(Q,{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:I}})))),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(X,{isMobile:!0}):e.createElement(Y,{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(Z,{isMobile:!0}),e.createElement(K,{isMobile:!0})))));return D.createPortal(f?ee:J,document.body)}),Hc=({coverImageUrl:t,mobileCoverImageUrl:n,alt:r="Background",styles:o})=>{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),r=n.searchParams;return r.has("format")||r.set("format","webp"),r.has("quality")||r.set("quality","80"),r.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 r=a(e,t);return r?`${r} ${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:r,style:{width:"100%",height:"auto",display:"block",...o},loading:"eager",fetchPriority:"high",sizes:"100vw"})))},qc=({title:t,isOpen:n,onToggle:r,children:o})=>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:r,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(De,{className:"yt-byob-icon-plus",size:20})),n&&e.createElement("div",{className:"yt-byob-filter-section-body",style:{marginTop:"16px"}},o)),Qc=({availableFilters:n,appliedFilters:r,toggleFilter:o,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=Rp(u?.general?.currencySymbol,f)??"₹";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(qc,{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=r[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:()=>o(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")))},Uc=t=>{const{showFiltersDrawer:n,handleClose:r,isAnimating:o,isMobile:i}=t;return n?A(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:o?1:0,transition:"opacity 300ms ease-in-out"},onClick:r},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:o?"translateX(0)":"translateX(100%)",transition:"transform 300ms ease-in-out",display:"flex",flexDirection:"column",position:"relative"},onClick:e=>e.stopPropagation()},e.createElement(Qc,{...t,applyPriceFilter:()=>{t.applyPriceFilter(),r()},openSections:t.openSections||{},toggleSection:t.toggleSection||(()=>{})}))),document.body):null},Yc=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(Qc,{...t,showActions:!0,openSections:t.openSections||{},toggleSection:t.toggleSection||(()=>{})})):null},Gc=({enableSortAndFilter:r,isMobile:o,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:B,setPriceMax:z,priceMin:N,setPriceMin:I}=b,[F,P]=t(!1),D=l?.byob?.productFiltersDisplay||"drawer",A=!o&&"sidebar"===D,_="none"===D;n(()=>{s["filter.v.price"]||(z(x),I(0))},[x,s]);n(()=>{const e=setTimeout(()=>{i(k)},300);return()=>clearTimeout(e)},[k,i]),n(()=>(S&&!A?(document.body.style.overflow="hidden",P(!0)):(document.body.style.overflow="",P(!1)),()=>{document.body.style.overflow=""}),[S,A]);const R=Object.entries(s).reduce((e,[t,n])=>"filter.v.price"===t?N>0||B<x?e+1:e:e+(n?n.length:0),0);return e.createElement("div",{className:"yt-byob-sort-filter-container",style:{display:"flex",flexDirection:o?"column":"row",justifyContent:"space-between",alignItems:o?"flex-end":"center",marginBottom:"20px",width:"100%",gap:o?"10px":"0"}},e.createElement("div",{className:"yt-byob-search-filter-controls",style:{display:"flex",flexDirection:r?"row-reverse":"row",justifyContent:"space-between",alignItems:C?void 0:"center",gap:"12px",width:"100%"}},r&&e.createElement("div",{className:"yt-byob-search-wrapper",style:{position:"relative",display:"flex",alignItems:"center",width:o?C?"100%":"auto":"400px",transition:"width 0.3s ease-in-out"}},o&&!C?e.createElement(Ae,{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:o?"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(Ae,{className:"yt-byob-search-icon",fontSize:"18px",style:{position:"absolute",right:"12px",color:"#aaa",pointerEvents:"none"}})),o&&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:o?"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(_e,{className:"yt-byob-filter-toggle-icon",size:18}),!o&&"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)),r&&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"}},!o&&e.createElement("span",{className:"yt-byob-sort-label",style:{fontSize:"14px",color:"#555",marginRight:"6px"}},"Sort:"),o&&e.createElement(Re,{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(Uc,{showFiltersDrawer:S,handleClose:()=>{A?$(!1):(document.body.style.overflow="",P(!1),setTimeout(()=>{$(!1)},300))},isAnimating:F,isMobile:o,availableFilters:p,appliedFilters:s,toggleFilter:(e,t)=>{d(n=>{const r=n[e]||[],o=r.includes(t)?r.filter(e=>e!==t):[...r,t],i={...n,[e]:o.length?o:void 0};return Object.fromEntries(Object.entries(i).filter(([,e])=>void 0!==e))})},clearAllFilters:()=>{z(x),I(0),d({})},applyPriceFilter:()=>{d(e=>{const t={...e};return t["filter.v.price"]=[`min:${N}-max:${B}`],t})},priceMin:N,setPriceMin:I,priceMax:B,setPriceMax:z,maxPossiblePrice:x,styles:l,availableProductCount:m,products:u,unavailableProductCount:g,storeCurrencyCode:f,openSections:h,toggleSection:v}))},Xc=()=>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"}})),Zc=({title:t,uploadState:n,onUpload:r,onRemove:o,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(Xc,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:o,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:r,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")))},Kc=({form:r,formData:i,setFormData:a,barHeight:l=0,isUploading:c,setIsUploading:s})=>{const d=o(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",r=await fetch(`${n}/shopify/upload?shop=${e}`,{method:"POST",headers:{"x-yourtoken-app-name":"bundles"},body:t});if(!r.ok)throw new Error("Upload failed");return(await r.json()).url}catch(e){throw alert("Upload failed. Try again."),e}finally{m(!1)}})(n);a(r=>({...r,[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"}},r.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 r=t?.title??"Field "+n;return e.createElement("textarea",{key:r,placeholder:t?.title,rows:3,maxLength:500,value:i[r]||"",onChange:e=>a(t=>({...t,[r]: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 r=t?.title??"Field "+n;return e.createElement(Zc,{key:r,title:t?.title,uploadState:i[r],onUpload:()=>g(r).click(),onRemove:()=>a(e=>{const{[r]:t,...n}=e;return n}),onRetry:()=>g(r).click()})}))))))};function Jc({quantity:t,setQuantity:n,remainingQuantity:r,handleAddToBundle:o,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(Wl,{className:"yt-byob-quantity-selector-container"},e.createElement("button",{className:"yt-byob-quantity-minus-button",onClick:e=>{e.stopPropagation();const r=Math.max(0,t-1);n(r),l&&i&&l(i,1)},style:d},"-"),e.createElement(Hl,{className:"yt-byob-quantity-display"},t," added"),e.createElement("button",{className:"yt-byob-quantity-plus-button",onClick:e=>{e.stopPropagation();const l=Math.min(r,t+1,s);n(l),o&&i&&a&&o(i,a,1)},disabled:!p||c,style:{...d,cursor:!p||c?"not-allowed":"pointer",opacity:!p||c?.6:1}},"+"))}const es=({product:o,styles:i,selectedVariant:a})=>{const[l,c]=t(!1),s=r(()=>Op(a?.image?.url||o?.featuredMedia?.preview?.image?.url||o?.media?.edges?.[0]?.node?.image?.url)||"",[a?.image?.url,o?.featuredMedia?.preview?.image?.url,o?.media?.edges]),d=r(()=>o?.media?.edges?.map(e=>Op(e?.node?.preview?.image?.url??e?.node?.image?.url)).filter(Boolean)??[],[o?.media?.edges]),p=r(()=>d?.[1]??s??"",[d,s]);n(()=>{if(s){(new Image).src=s}},[s]);const u=r(()=>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:o.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:o.title})))},ts=({product:r,bundle:o,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=le(_c),v=o.customizations,w=v?.byob?.variantSelectorType,[C,E]=t(!1),k=v.general?.variantTitleSuffix?r?.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 r=t[e];let o=0;for(;o<n.length&&o<r.length&&n[n.length-1-o]===r[r.length-1-o];)o++;n=n.slice(n.length-o)}return n.length<1?e:e.map(e=>{const t=e.node.title.split(" "),r=t.slice(0,t.length-n.length).join(" ");return{...e,node:{...e.node,title:r,commonSuffix:n.join(" ")}}})})(r?.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(o?.customProductsQuantity)return o?.customProductsQuantity;const n=k?.find(t=>t.node.id===e),i=n?.node;return i?r.tracksInventory&&i.inventoryItem?.tracked?i.inventoryQuantity>0?i.inventoryQuantity:i.inventoryQuantity<=0&&"continue"===i.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[k,g,r.tracksInventory]),S=k?.find(e=>T(e.node.id)>0)?.node?.id;if(!S&&!v.general.showOutOfStockProducts)return e.createElement(e.Fragment,null);const[$,B]=t(k?.find(e=>T(e.node.id)>0)?.node?.id||k[0]?.node?.id),[z,N]=t(0),[I,F]=t(window.innerWidth<450),[P,D]=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));N(e?e.quantity:0)},[m,$,b]),n(()=>{const e=()=>{F(window.innerWidth<450)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),n(()=>{CSS.supports("font-weight","500")?D("500"):CSS.supports("font-weight","400")?D("400"):CSS.supports("font-weight","600")&&D("600")},[]),n(()=>{document.documentElement.style.setProperty("--yt-bundle-font-weight",P)},[P]),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&&B(e)}},[$,k,T]);const R=r.variants&&r.variants.edges?.length>1&&"customOptions"!==w,O="undefined"!=typeof window?(window?.ytapp||window?.ytBundleApp)?.storeId:void 0,L="53933408435"===O,M="75851235630"===O,V=(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[]})(r),j=V.length>0;return e.createElement(e.Fragment,null,e.createElement(Ul,{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={...r,variants:{...r.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(Yl,{className:"yt-byob-image-wrapper"},e.createElement(es,{product:r,styles:v,selectedVariant:A}),o?.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}},o.productCardBadgeText),R&&e.createElement("div",{className:"yt-byob-variant-selector-wrapper",style:{position:"relative",width:"100%"}},e.createElement(Gl,{className:"yt-byob-variant-selector",isCoralHaze:L,onClick:e=>{e.preventDefault(),e.stopPropagation()},value:$||"",onChange:e=>{e.stopPropagation(),e.preventDefault(),B(e.target.value)}},k?.map(t=>{const n=window.innerWidth<=320?10:window.innerWidth<=420?15:22,r=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},r)})),e.createElement("div",{className:"yt-byob-variant-chevron",style:{position:"absolute",right:"16px",bottom:"10px",pointerEvents:"none"}},e.createElement(y,null)))),e.createElement("div",{className:"yt-byob-product-content"},"enabled"===o?.customizations?.byob?.productCardCategoryVisibility&&j&&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"}},V.slice(0,2).map((t,n)=>e.createElement("span",{className:"yt-byob-category-tag",key:n,style:{fontSize:I?"8px":"12px",color:"#666",fontWeight:"500"}},t.charAt(0).toUpperCase()+t.slice(1))),V.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"}},"+",V.length-2," more"))),e.createElement(Xl,{isMobile:I,showBorder:o?.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",""):r.title,A?.commonSuffix?" -"+A?.commonSuffix:""))),"Default Title"!==A?.title&&v?.byob?.showVariantTitleInCard&&e.createElement("p",{style:{padding:o?.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"===o?.reviewRatingType&&(r?.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}},r?.rating?.averageRating," rating")),"ratingAndReviewCount"===o?.reviewRatingType&&(r?.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})," ",r?.rating?.averageRating,e.createElement(we,{className:"yt-byob-verified-icon",size:14,style:{color:"dodgerblue",marginLeft:"4px"}})," ","(",r?.rating?.ratingCount," reviews)"),v?.byob.productsPriceVisibility&&e.createElement("div",{className:"yt-byob-product-price yt-bundle-builder-product-price",style:{marginBottom:"5px",padding:o?.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"}},Rp(v.general.currencySymbol,o?.storeCurrencyCode)??"Rs.",_p(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"},Rp(v.general.currencySymbol,o?.storeCurrencyCode)??"Rs.",_p(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"}},Rp(v.general.currencySymbol,o?.storeCurrencyCode)??"Rs.",_p(A.compareAtPrice))),(_>0||_===1/0)&&e.createElement(Zl,{borderRadius:v?.byob.borderRadius,className:"yt-byob-add-to-bundle-wrapper yt-product-atc-wrapper"},(0===z||void 0===z)&&e.createElement(ql,{style:{...!l&&{backgroundColor:v?.general.primaryColor||"#111",color:v?.general.primaryContrastColor||"#fff"}},disabled:l,onClick:e=>{e.stopPropagation(),e.preventDefault(),N(1),(()=>{if(!$)return;"customOptions"===w&&k.length>1?E(!0):a($,r,1)})()},className:"yt-byob-add-to-bundle-button yt-product-atc-button"},v?.byob.addToBundleCTAText),!o?.disableQuantitySelector&&z>0&&$&&e.createElement(Ql,{className:"yt-byob-quantity-selector-container visible",style:{overflow:"hidden"}},e.createElement(Jc,{remainingQuantity:c,setQuantity:N,quantity:z,handleAddToBundle:a,variantId:$,product:r,handleRemoveItem:d,hideAddToBundle:l,selectedVariantInventoryQty:_})),o?.disableQuantitySelector&&z>0&&$&&e.createElement(ql,{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(Kl,{className:"yt-byob-added-text yt-product-atc-single-qty-selector-added"},"ADDED"),e.createElement(Jl,{className:"yt-byob-single-qty-remove yt-product-atc-single-qty-selector-remove",onClick:e=>{e.stopPropagation();const t=Math.max(0,z-1);N(t),d&&$&&d($,b)}},e.createElement(Le,{style:{color:"#fff",fontSize:"20px"}})))),_<=0&&_!==1/0&&e.createElement(ql,{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(jc,{product:r,isOpen:C,onClose:()=>E(!1),variantOptions:o.variantOptions,cta:{textColor:v.general.ctaTextColor,backgroundColor:v.general.primaryColor},onConfirm:e=>{B(e),a(e,r,1)}}))},ns=({currentStep:t,setCurrentProductTier:n,totalSteps:r,tiers:o,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:r}).map((c,d)=>{const p=d+1,u=!o[d].isFormStep&&o[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<r?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)"}},o[t]?.title)),rs=({styles:t,isMobile:n,categories:r,activeCategory:o,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",...r].map(r=>{const i=o===r;return e.createElement("button",{key:r,onClick:()=>a(r),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"},r.charAt(0).toUpperCase()+r.slice(1)),e.createElement("span",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"100%",textAlign:"center"}},r.charAt(0).toUpperCase()+r.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",...r].map(r=>e.createElement("button",{key:r,onClick:()=>a(r),className:"yt-byob-category-button",style:{padding:n?"8px 16px":"10px 18px",fontSize:n?"13px":"14px",fontWeight:"500",border:`1px solid ${o===r?t?.general.primaryColor:"#e0e0e0"}`,borderRadius:t?.general.ctaBorderRadius,backgroundColor:o===r?t?.general.primaryColor:"white",color:o===r?"white":"#333",cursor:"pointer",transition:"all 0.3s ease",outline:"none",whiteSpace:"nowrap",minWidth:"fit-content",flexShrink:0},onMouseEnter:e=>{o!==r&&(e.currentTarget.style.borderColor=t?.general.primaryColor,e.currentTarget.style.color=t?.general.primaryColor)},onMouseLeave:e=>{o!==r&&(e.currentTarget.style.borderColor="#e0e0e0",e.currentTarget.style.color="#333")}},r.charAt(0).toUpperCase()+r.slice(1)))))},os=({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&&"productTier"===a.builderTiers?.type,[$,B]=t({}),[z,N]=t(!1),I=S&&C===(a.builderTiers?.productTier?.length||0),F=C===(a.builderTiers?.productTier?.length||0)-1,P=S&&F&&!I,[D,A]=t(a?.products),[_,R]=t(!1),[O,L]=t({}),[M,V]=t(a?.products),[j,W]=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=o(null),[re,oe]=t({}),[ae,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(()=>{ae.length>0&&fe(e=>{const t={...e};return ae.forEach(e=>{void 0===t[e.id]&&(t[e.id]=!1)}),t})},[ae]),n(()=>{!(Object.values(re).length>0)&&y?.cursorData&&q(y.cursorData)},[re,y?.cursorData]);const be=a.customStoreDetails?.fixedInventoryDetails;n(()=>{const e=new Set;let t=!1;D?.forEach(n=>{const r=n?.productDetails;if(r.metafield&&"yourtoken_bundles_app"===r.metafield.namespace&&"categories"===r.metafield.key){let n=[];if(r.metafield.jsonValue&&Array.isArray(r.metafield.jsonValue))n=r.metafield.jsonValue;else if(r.metafield.value)try{const e=JSON.parse(r.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,D]),n(()=>{oe({})},[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}))(D.filter(e=>{const t=e.productDetails.status?.toLowerCase(),n="active"===t||"unlisted"===t||void 0===e.productDetails.status||""===e.productDetails.status,r="estailofashion.myshopify.com"!==window?.Shopify?.shop||null!==e?.productDetails?.publishedAt;return n&&r}),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 r=(e.variants?.edges||[]).find(e=>e.node.id===t),o=r?.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},[be]),[Ce,Ee]=t(3e3);n(()=>{const e=ae?.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)},[D,ae]);const[ke,Te]=t(""),[Se,$e]=t(""),Be=((e,t)=>e.filter(e=>e?.productDetails?.title?.toLowerCase().includes(t?.toLowerCase())))(he,ke),ze=((e,t)=>[...e].sort((e,n)=>{const r=e?.productDetails?.title?.toLowerCase(),o=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 r.localeCompare(o);case"title-desc":return o.localeCompare(r);case"price-low-to-high":return i-a;case"price-high-to-low":return a-i;default:return 0}}))(Be,Se);n(()=>{(async e=>{if(!y)return;const{initialCursorData:t,cursorData:n,fetchFn:r,setCursorData:o}=y,i="productTier"===Q?Y?.[C]?.tier:1;if(0===Object.values(e)?.length)return void("productTier"===Q?(L(e=>({...e,[C]:j?.[C]||[]})),o(H||{...n})):(A(M),o(H||{1:t?.[1]})));const a=await r(e,i,null);a&&("productTier"===Q?(L(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))})(re)},[re]);const[Ne,Ie]=ie(_c),[Fe,Pe]=t(!1);n(()=>{x?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:a?._id,bundleType:"byob-page-bundle",byobBundleType:a.builderTiers?.type??"builder"}}),setTimeout(()=>{Pe(!0)},100)},[]);const De=o(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=Op(a.coverImageUrl)??"",e.onload=()=>{h(e.width/e.height)}}},[a.coverImageUrl]),n(()=>{Pe(!1),setTimeout(()=>Pe(!0),100)},[C]);const Ae=(e,t)=>{if("productTier"===Q){let n={...k},r=!1;if(n[t]){const o=n[t].indexOf(e);-1!==o&&(n[t]=[...n[t]],n[t].splice(o,1),r=!0)}if(!r)for(let t=Y.length;t>=0;t--){const r=n[t].indexOf(e);if(-1!==r){n[t]=[...n[t]],n[t].splice(r,1);break}}T(n);const o=Y.findIndex((e,t)=>n[t]?.length<e.minimumQuantity);-1!==o&&E(o)}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 V(a?.products??[])):void("productTier"===a?.builderTiers?.type&&(L({0:a?.products}),W({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(!De.current||!e.target)return;!De.current.contains(e.target)&&Ie(void 0)}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const Re=(e,t,n)=>{var r;"productTier"===Q&&(r=e,T(e=>{const t={...e},n=Y.findIndex((e,n)=>{const r=t[n]||[];return n>=C&&r.length<e.minimumQuantity}),o=-1!==n?n:C;return-1!==n&&E(n),t[o]||(t[o]=[]),t[o].push(r),t}));const o=!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}}}),Lp(e,t,n,l,c,o,C)},Oe=(()=>{if(!a?.builderTiers)return a.minimumQuantity;const{type:e,offerTier:t,productTier:n}=a.builderTiers,r="offerTier"===e?t:"productTier"===e?n:null;if(!r)return a.minimumQuantity;let o=0;return r.map(e=>{o+=e.minimumQuantity}),o})(),Le=v&&a.mobileCoverImageUrl?Op(a.mobileCoverImageUrl):Op(a.coverImageUrl??"")||null,Me=i(e=>{const t=U?.general?.showOutOfStockProducts;if(t)return!0;const n=e?.productDetails,r=n?.variants?.edges||[];if(be){if(r.some(e=>be.some(t=>t.variantId===e.node.id&&t.quantity>0)))return!0}return r.some(e=>we(n,e.node.id)>0)},[U?.general?.showOutOfStockProducts,be,we]),Ve=r(()=>{if("productTier"===Q&&Y.length>0){const e=O?.[C]??[];return Se?ze.filter(t=>e.some(e=>e.productId===t.productId&&(e.variantIds.length<1||t.variantIds.includes(e.variantIds?.[0])))&&Me(t)):e.map(e=>ze.find(t=>t.productId===e.productId&&(e.variantIds.length<1||t.variantIds.includes(e.variantIds?.[0])))).filter(e=>e&&Me(e))}return ze.filter(Me)},[Q,Y,O,C,ze,Me,Se]),je=Ve;n(()=>{if("productTier"!==Q)return;const e=Y[C];if(!e)return;if(1!==e.minimumQuantity)return;if(1!==e.products.length)return;const t=e.products[0],n=D.find(e=>e.productId===t.productId)?.productDetails;if(!n)return;if(n.variants?.edges?.length>1)return;const r=n.variants?.edges?.find(e=>we(n,e.node.id)>0)?.node;if(!r)return;const o=r.id,i=k[C]?.includes(o);if(!i&&(Re(o,n,1),C<Y.length-(S?0:1))){E(C+1);const e=Y?.[C];e?.products?.length>1&&_e()}},[Q,Y,C,D,k,we,Re]);const We=r(()=>he.filter(e=>{const t=e?.productDetails;return(t.variants?.edges||[]).some(e=>we(t,e.node.id)>0)}).length,[he,we]),He=r(()=>he.length-We,[he,We]),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,r="productTier"===Q?n:1;if(e?.[r]&&!e?.[r]?.hasNext||!t)return;const o=new IntersectionObserver(async([n])=>{if(n.isIntersecting&&!_){R(!0);try{const n=await t(re,r,e?.[r]?.cursor);if(n?.length>0){const e=Object.values(re).length>0;"productTier"===Q?(L(e=>({...e,[C]:[...e[C]||[],...n]})),e||W(e=>({...e,[C]:[...e[C]||[],...n]})),A(e=>[...e,...n])):(A(e=>[...e,...n]),e||V(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&&o.observe(i),()=>{i&&o.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",{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"}}},Le?e.createElement("div",{style:{position:"relative",width:"100%",display:"flex",justifyContent:"center",alignItems:"center",textAlign:"center",overflow:"hidden",...a?.coverImageVerticalMargin&&{marginBottom:a?.coverImageVerticalMargin,marginTop:a?.coverImageVerticalMargin}}},Le&&e.createElement(Hc,{coverImageUrl:Le,alt:"Background",styles:{width:"100%",height:"auto",display:"block"}}),e.createElement("div",{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",{style:{zIndex:1,display:"flex",flexDirection:"column",alignItems:"center",padding:"20px",width:"90%",maxWidth:"1000px"}},qe&&e.createElement("span",{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",{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",null,e.createElement(ns,{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",{style:{display:"flex",flexDirection:"row",width:v?"100%":"90%",marginInline:"auto"}},"sidebar"===U?.byob?.productFiltersDisplay&&!v&&!I&&e.createElement(Yc,{showFiltersDrawer:ce,handleClose:()=>se(!1),isAnimating:!1,isMobile:!1,availableFilters:ae,appliedFilters:re,toggleFilter:(e,t)=>{oe(n=>{const r=n[e]||[],o=r.includes(t)?r.filter(e=>e!==t):[...r,t],i={...n,[e]:o.length?o:void 0};return Object.fromEntries(Object.entries(i).filter(([,e])=>void 0!==e))})},clearAllFilters:()=>{oe({}),ge(0),pe(Ce)},applyPriceFilter:()=>{oe(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:D,unavailableProductCount:He,storeCurrencyCode:a?.storeCurrencyCode,openSections:xe,toggleSection:ye}),e.createElement("div",{style:{display:"flex",flexDirection:"column",flex:1,minWidth:0}},!I&&e.createElement("div",{style:{width:"100%",marginBottom:"20px",display:"flex",flexDirection:"column",gap:"20px"}},e.createElement(Gc,{enableSortAndFilter:a?.enableSortAndFilter??!1,isMobile:v,searchTerm:ke,setSearchTerm:Te,setSortBy:$e,styles:U,appliedFilters:re,setAppliedFilters:oe,availableFilters:ae,products:D,availableProductCount:We,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",null,e.createElement(rs,{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"},I&&a.personalizedForm?e.createElement(Kc,{form:a.personalizedForm,formData:$,setFormData:B,isUploading:z,setIsUploading:N}):0!==je?.length||_?Ve.map((t,n)=>{if("productTier"===Q){const r=(Y[C]?.minimumQuantity??0)>(k[C]?.length??0),o=ze.find(e=>e.productId===t.productId&&(t.variantIds.length<1||e.variantIds.includes(t.variantIds[0])));return o?e.createElement(ts,{bundle:a,idx:n,key:t?.variantIds?.[0]??t.productId,product:o?.productDetails,handleAddToBundle:Re,hideAddToBundle:!r,remainingQuantity:Oe-u,themeColor:a?.dealTextColor,handleRemoveItem:e=>Ae(e,C),selecteditems:l,transitionActive:Fe,customVariantsQuantity:be,currentProductTier:Y[C],showFreebieTierProductPrices:a?.customStoreDetails?.showFreebieTierProductPrices,tierIndex:C}):null}return e.createElement(ts,{bundle:a,idx:n,key:t.productId,product:t?.productDetails,handleAddToBundle:Re,hideAddToBundle:u>=Oe,remainingQuantity:Oe-u,themeColor:a?.dealTextColor,handleRemoveItem:m,selecteditems:l,transitionActive:Fe,customVariantsQuantity:be,tierIndex:C})}):e.createElement("div",{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(re).length>0?"No products match your filters":"No products found"),Object.values(re).length>0&&e.createElement("button",{onClick:()=>{oe({}),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")),!I&&_&&e.createElement("div",{style:{width:"100%",display:"flex",justifyContent:"center",padding:"20px"}},e.createElement(ue,{color:U?.general?.primaryColor||"#333",size:30})),e.createElement("div",{ref:ne,style:{height:"1px",width:"100%",display:"block"}})),!p&&e.createElement(Ac,{builderTiers:a?.builderTiers,showNextStep:P,handleAddToCart:async e=>{if(P)return E(C+1),void _e();const t={};S&&Object.entries($).forEach(([e,n])=>{const r=e.split("|").pop()?.replace(/^f_\d+$/,"")||e;"string"==typeof n&&n.trim()?t[r]=n:n&&"object"==typeof n&&"url"in n&&(t[r]=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:z}),p&&e.createElement("div",{style:{width:"100%",marginTop:"20px",position:"sticky",bottom:"10px",zIndex:999}},e.createElement(Ac,{showNextStep:P,handleAddToCart:async e=>{if(P)return E(C+1),void _e();const t={};S&&Object.entries($).forEach(([e,n])=>{const r=e.split("|").pop()?.replace(/^f_\d+$/,"")||e;"string"==typeof n&&n.trim()?t[r]=n:n&&"object"==typeof n&&"url"in n&&(t[r]=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:z})))),Ne&&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(Wc,{handleAddToBundle:Re,ref:De,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})})()))},is=({isOpen:r,onClose:o,formConfig:i,onCheckout:a,cta:l,isMobile:c})=>{const[s,d]=t({}),[p,u]=t(!1);n(()=>{r||d({})},[r]);const m=e=>{if(p)return;const t={};Object.entries(s).forEach(([e,n])=>{const r=e.split("|").pop()?.replace(/^f_\d+$/,"")||e;"string"==typeof n&&n.trim()?t[r]=n:n&&"object"==typeof n&&"url"in n&&(t[r]=n.url)}),a(e?{}:t)};if(!r)return null;const g=e.createElement("div",{onClick:o,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:o,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(Kc,{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(),o()},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:()=>{m(!0),o()},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)},as=({product:t,selectedVariantId:n,onVariantChange:o,styles:i,originalPrice:a,dealPrice:l,totalPriceSum:c,isVertical:s=!1,variantOptions:d,storeCurrencyCode:p})=>{const u=r(()=>e=>{const n=t?.productDetails?.variants?.edges?.find(t=>t.node.id===e),r=n?.node;return r?t.productDetails.tracksInventory&&r.inventoryItem?.tracked?r.inventoryQuantity>0?r.inventoryQuantity:r.inventoryQuantity<=0&&"continue"===r.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=r(()=>{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=>{o(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:Op(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"}},Rp(i.general.currencySymbol,p),_p((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"}},Rp(i.general.currencySymbol,p),_p(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"}},Rp(i.general.currencySymbol,p),_p(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:Op(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"}},Rp(i.general.currencySymbol,p),_p((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"}},Rp(i.general.currencySymbol,p),_p(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"}},Rp(i.general.currencySymbol,p),_p(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,r)=>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(o=>{const a=[...g];a[r]=o;const l=t.productDetails.options.length>0?a.join(" / "):a[r],c=t.productDetails.variants.edges.find(e=>e.node.title===l)?.node,s=0===(c?u(c.id):0),p=g[r]===o,m=d&&d?.options?.find(e=>e.name===n.name);return m&&"color"===m?.type?e.createElement("button",{key:o,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===o)?.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===o)?.value}},e.createElement("span",null)):e.createElement("span",{key:o,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"}},o)):m&&"image"===m?.type?e.createElement("button",{key:o,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===o)?.value?e.createElement("img",{className:"yt-comboBundle-product-option-image",src:Op(m?.values.find(e=>e.name===o)?.value||"/placeholder.svg"),alt:o,style:{width:p&&!s?"26px":"24px",height:p&&!s?"26px":"24px",objectFit:"cover",borderRadius:"100%",aspectRatio:"1/1"}}):e.createElement("span",{key:o,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"}},o)):e.createElement("button",{key:o,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}},o)}))))):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 r=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":""} ${r?"yt-comboBundle-product-variant-button-disabled":""}`,onClick:()=>x(t?.node?.id),disabled:r,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:r?"#ccc":"#707070",cursor:r?"not-allowed":"pointer",fontSize:"12px",fontWeight:"500",opacity:r?.5:1}},t?.node?.title)}))))))},ls=({bundle:o,addToCartFunction:i,dispatchAnalyticsEvent:a})=>{const[l,c]=t(!1),[s,d]=t(window.innerWidth<786),[p,u]=t(!1),m=r(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),r=n?.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},[]),[g,x]=t(()=>{const e={};return o.products.forEach((t,n)=>{const r=t.productDetails?.variants?.edges?.find(e=>m(t.productDetails,e?.node?.id)>0)?.node;e[n]=r?r.id:t?.productDetails?.variants?.edges[0]?.node?.id}),e});n(()=>(i&&(window.ytComboBundle={bundle:o,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}))}),[o,i,g]);const f=o.products?.every((e,t)=>{const n=g[t];return m(e.productDetails,n)>0}),y=(e,t)=>{x(n=>({...n,[e]:t}))},b=async e=>{const t=Object.entries(g).map(([e])=>({id:o.products[parseInt(e)].productId,title:o.products[parseInt(e)]?.productDetails?.title}));a?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:o._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=o.products[parseInt(e)],r=n.productDetails.variants.edges.find(e=>e.node.id===t)?.node;return r?{variantId:t,price:Number(r.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}=r(()=>{const{price:e,compareAtPrice:t}=Object.entries(g).reduce((e,[t,n])=>{const r=o.products[parseInt(t)],i=r.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=o?.customizations?.comboBundle?.discountBadgeDisplay,r="discount-on-price"===n?e:t;let i=e;o?.percentageOff?i=e*(1-o.percentageOff/100):o?.dealAmount?i=o.dealAmount:o?.amountOff&&(i=e-o.amountOff);const a=r-i,l=r>0?Math.round((r-i)/r*100):0;return{originalPrice:r.toFixed(2),dealPrice:i.toFixed(2),offerValue:a.toFixed(2),totalPriceSum:e.toFixed(2),offerPercentage:l}},[g,o.products,o.percentageOff,o.dealAmount,o.amountOff,o?.customizations?.comboBundle?.discountBadgeDisplay]);n(()=>{a?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:o._id,bundleType:"combo-bundle"}});const e=()=>{d(window.innerWidth<786)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const k=o.customizations,T=k.comboBundle?.comboCardStyle||"auto",S="vertical"===T||"auto"===T&&!s,$=k.comboBundle?.embedContentVisibility,B="bundles"==o.appName?o.pageHeader?.title:o?.title,z="bundles"==o.appName?o.pageHeader?.description:o?.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}},B)),$&&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"}},Rp(k.general.currencySymbol,o.storeCurrencyCode),_p(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"}},Rp(k.general.currencySymbol,o.storeCurrencyCode),_p(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`:o?.percentageOff?`${o?.percentageOff}% Off`:o?.amountOff?`${Rp(k.general.currencySymbol,o.storeCurrencyCode)}${_p(o?.amountOff)} Off`:`Save ${Rp(k.general.currencySymbol,o.storeCurrencyCode)}${_p(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"}},o.products.map((t,n)=>{const r=t?.productDetails?.variants?.edges?.find(e=>e?.node?.id===g[n])?.node;return r?e.createElement(as,{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:o.variantOptions,storeCurrencyCode:o.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&&o.products.map((t,n)=>e.createElement(as,{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:o.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()=>{o.personalizedForm?u(!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,z))),o.personalizedForm&&e.createElement(is,{isOpen:p,onClose:()=>u(!1),formConfig:o.personalizedForm,onCheckout:async e=>{await b(e),u(!1)},cta:{backgroundColor:k.general?.ctaBackgroundColor||"#121212",textColor:k.general?.ctaTextColor||"#FFFFFF"},isMobile:s}))},cs=c.div`
|
|
3146
3146
|
max-width: 800px;
|
|
3147
3147
|
container-type: inline-size;
|
|
3148
3148
|
margin-top: ${e=>e.verticalMargin||"0px"};
|
|
@@ -3487,7 +3487,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
3487
3487
|
scrollbar-width: none;
|
|
3488
3488
|
|
|
3489
3489
|
-ms-overflow-style: none;
|
|
3490
|
-
`,Rs=(e,t)=>{if(!t)return{};for(const n of t)if(n.productId==e)return n;return{}};function Os({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(()=>Rs(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(()=>Rs(d,a.products)?.id,[d,a.products]));o(()=>C?Rs(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),[$,B]=t(p?.productDetails?.variants?.edges?.find(e=>w(e?.node)>0)?.node?.id||p?.productDetails?.variants?.edges?.[0]?.node?.id||""),[z,N]=t({}),[I,F]=t(E.reduce((e,t,n)=>(e[t.tier-1]=Array.from({length:t.minimumQuantity},()=>p?.productDetails?.options?.map(e=>e.values[0])||[]),e),{})||{}),[P,D]=t(!1),[A,_]=t(!1),[R,O]=t(window.innerWidth<550),[L,M]=t(null),[V,j]=t(null);r([]);const W=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=()=>{O(window.innerWidth<550)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),n(()=>{const e=e=>{L&&W.current[L.index]&&W.current[L.index][L.optionIndex]&&!W.current[L.index][L.optionIndex]?.contains(e.target)&&M(null)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[L]),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}),N(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=z[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,I,I,z,$,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=(I[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,I,w]);n(()=>{x(e=>e+1)},[z]);const G=(e,t,n)=>{N(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(()=>{V?(j(null),K()):K()},[T]),n(()=>{if(a){const e=X();if(e)y(e.id),B(e.id);else{const e=p?.productDetails?.variants?.edges?.[0]?.node?.id||"";y(e),B(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)B(String(n.id)),x(e=>e+1);else{const e=X();e&&(B(String(e.id)),n=e),x(e=>e+1)}if(n){0===w(n)?(j(null),setTimeout(()=>{j({tier:H.current,index:0,optionIndex:0,value:n.title})},0)):V&&j(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=z[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=z[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{D(!0);const t=E.find(e=>e.tier===T);if(!t)return;const n={},o=z[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{D(!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=z[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&&(V?(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(z),$,b.volumeBundle?.cardStyle,c,f,V]);const oe=o(()=>E.find(e=>e.tier===T),[E,T]),re=o(()=>oe?J(oe.tier):null,[oe,z,$]),ie=o(()=>{if(!oe||!re)return;const e=z[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,$,z,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)}),N(e=>({...e,...n})),F(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?j(null):e||j({tier:T,index:0,optionIndex:0,value:""})},[T,ae,Y]),e.createElement(cs,{verticalMargin:b.volumeBundle?.verticalMargin,$backgroundColor:b.volumeBundle?.sectionBackgroundColor,className:"yt-bundle-container"},e.createElement(ss,{className:"yt-bundle-header"},ge&&ge.trim().length>0&&e.createElement(ds,{fontSize:b.volumeBundle?.titleFontSize,$backgroundColor:b.volumeBundle?.titleBackgroundColor,textColor:b.volumeBundle?.titleTextColor,className:"yt-bundle-header-title"},ge),e.createElement(ps,{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=Rp(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}${_p(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(i="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${o}${_p(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(i="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${o}${_p(n.discountValue)}`);return i?e.createElement("div",{style:{lineHeight:"normal",position:"absolute",right:"5px",top:"8px"}},e.createElement(fs,{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:Op(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(ys,{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(bs,{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=Rp(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}${_p(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(i="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${o}${_p(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(i="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${o}${_p(n.discountValue)}`);return i?e.createElement(fs,{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(Me,{style:{paddingBottom:"1px"},size:20,fontWeight:20})))),e.createElement(hs,{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(vs,{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(ws,{style:{marginLeft:"0",lineHeight:"normal",marginRight:"8px"},className:"yt-volume-vertical-details-price-discount"},Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(l),"unit-price"===r?"/unit":""),o>0&&e.createElement(Cs,{style:{lineHeight:"normal"},className:"yt-volume-vertical-details-price-original"},Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(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(Me,{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},t.badgeTitle&&e.createElement(us,{primaryTextColorCta:de,primaryBackgroundColorCta:ce,style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-badge","data-tier":t.tier,"data-badge-title":t.badgeTitle},t.badgeTitle),e.createElement(ms,{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},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)},e.createElement(gs,{cornerRadiusType:a?.cornerRadiusType??"",style:{borderRadius:me,borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"},className:"yt-volume-horizontal-tier-header"},e.createElement(xs,{className:"yt-volume-horizontal-tier-info"},e.createElement($s,{"data-active":T===t.tier,accentColor:ce,className:"yt-volume-horizontal-tier-radio-wrapper"},e.createElement(Bs,{name:"tier",checked:T===t.tier,onChange:()=>!r&&S(t.tier),disabled:r,className:"yt-volume-horizontal-tier-radio-hidden"}),e.createElement(zs,{accentColor:ce,className:"yt-volume-horizontal-tier-radio-custom"})),e.createElement(ys,{className:"yt-volume-horizontal-tier-details"},e.createElement("div",{style:{display:"flex"},className:"yt-volume-horizontal-tier-title-container"},e.createElement(bs,{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=Rp(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}${_p(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(r="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${o}${_p(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(r="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${o}${_p(n.discountValue)}`);return r?e.createElement(fs,{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(hs,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-subtitle"},t.subtitle?t.subtitle:e.createElement(e.Fragment,null)))),q(t.tier)?e.createElement(vs,{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(Cs,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-original-price"},Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(i),"unit-price"===r?"/unit":""):"",e.createElement(ws,{className:"yt-volume-horizontal-tier-discounted-price"},Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(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(Es,{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=(I[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(Ns,{src:Op(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=L?.tier===t.tier&&L?.index===o&&L?.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(Ds,{key:c,ref:e=>{W.current[o]||(W.current[o]=[]),W.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(As,{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(ze,{style:{display:"block"}})),d&&e.createElement(_s,{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(),F(e=>{const t={...e},n=[...t[i]||[]];return n[o]=s,t[i]=n,t}),d){j({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(Is,{key:n,onClick:m,style:{cursor:"pointer"}},e.createElement(Fs,{src:g.value,alt:n}),n):"color"===u?.type&&g?.value?e.createElement(Is,{key:n,onClick:m,style:{cursor:"pointer"}},e.createElement(Ps,{style:{backgroundColor:g.value}}),n):e.createElement(Is,{key:n,onClick:m,style:{cursor:"pointer"}},n)})))})),"swatches"===b?.volumeBundle?.variantSelectorType&&e.createElement(ks,{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,F(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",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",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(Ts,{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",disabled:s},n)})))})))})),V&&V.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(Ss,{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?_(!0):await te()},borderRadius:b.general.ctaBorderRadius??"",disabled:P||!Y(T),className:"yt-volume-add-to-cart-button"},Y(T)?e.createElement(e.Fragment,null,P?e.createElement(ue,{color:"white",loading:P,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,Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(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"}},Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(t?.original.toFixed(h?0:2))," "))})()))):e.createElement(e.Fragment,null,"Out of Stock"))),a.personalizedForm&&e.createElement(is,{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 Ls=c.div`
|
|
3490
|
+
`,Rs=(e,t)=>{if(!t)return{};for(const n of t)if(n.productId==e)return n;return{}};function Os({bundle:a,addToCartFunction:l,currentProductId:c,dispatchAnalyticsEvent:s}){const d=r(()=>{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=r(()=>Rs(d,a.products),[d,a.products]),u=o(null),m=o(null);o({}),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=r(()=>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=(r(()=>p?.productDetails?.variants?.edges?.reduce((e,{node:t})=>w(t)>0?e+1:e,0),[p,w]),r(()=>Rs(d,a.products)?.id,[d,a.products]));r(()=>C?Rs(d,a.products):void 0,[d,a.products,C]),r(()=>a.products?.some(e=>e.productDetails?.options?.some(e=>e.values.length>1))||!1,[a.products]),b.volumeBundle;const E=r(()=>a?.volumeTiers||[],[a?.volumeTiers]),k=E.findIndex(e=>e.isDefault),[T,S]=t(-1!==k?E[k].tier:E?.[0]?.tier||1),[$,B]=t(p?.productDetails?.variants?.edges?.find(e=>w(e?.node)>0)?.node?.id||p?.productDetails?.variants?.edges?.[0]?.node?.id||""),[z,N]=t({}),[I,F]=t(E.reduce((e,t,n)=>(e[t.tier-1]=Array.from({length:t.minimumQuantity},()=>p?.productDetails?.options?.map(e=>e.values[0])||[]),e),{})||{}),[P,D]=t(!1),[A,_]=t(!1),[R,O]=t(window.innerWidth<550),[L,M]=t(null),[V,j]=t(null);o([]);const W=o([]),H=o(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=()=>{O(window.innerWidth<550)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),n(()=>{const e=e=>{L&&W.current[L.index]&&W.current[L.index][L.optionIndex]&&!W.current[L.index][L.optionIndex]?.contains(e.target)&&M(null)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[L]),i(e=>{const t=E.find(t=>t.tier===e);if(!t)return null;const n=t.minimumQuantity,r=p?.productDetails?.variants?.edges||[];for(const e of r){const t=e.node;if(w(t)>=n){const e=t.title.split(" / ");return Array(n).fill(e)}}const o=[],i={},a=[...r].sort((e,t)=>{const n=w(e.node),r=w(t.node);return n===1/0&&r===1/0?0:n===1/0?-1:r===1/0?1:r-n});for(let e=0;e<n&&o.length<n;e++){let e=!1;for(const t of a){const n=t.node,r=i[n.id]||0;if(w(n)>r&&n.availableForSale){const t=n.title.split(" / ");o.push(t),i[n.id]=r+1,e=!0;break}}if(!e)return null}return o.length===n?o:null},[p,E,w]);const q=i(e=>{const t=E.find(t=>t.tier===e);if(!t)return!1;const n=t.minimumQuantity,r=p?.productDetails?.variants?.edges||[];let o=0;for(const e of r){const t=w(e.node);if(t===1/0){o=1/0;break}o+=t}return o>=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 r=0;r<n.minimumQuantity;r++)e[n.tier][r]=t}),N(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,r,o)=>{const i=E.find(t=>t.tier===e);if(!i)return!1;const a=i.minimumQuantity,l=[...n];l[r]=o;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=z[e]||{};for(let e=0;e<a;e++){let n;if(e===t)n=s.id;else{const t=u[e]||$,r=Q(p,t);if(!r)return!1;n=r.id}d[n]=(d[n]||0)+1}for(const[e,t]of Object.entries(d)){const n=Q(p,e),r=w(n);if(r!==1/0&&t>r)return!1}return!0},[E,p,I,I,z,$,w]),Y=i(e=>{const t=E.find(t=>t.tier===e);if(!t)return!1;const n=t.minimumQuantity,r=e-1,o={};for(let e=0;e<n;e++){const t=(I[r]?.[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;o[i]=(o[i]||0)+1}for(const[e,t]of Object.entries(o)){const n=Q(p,e),r=w(n);if(r!==1/0&&t>r)return!1}return!0},[E,p,I,w]);n(()=>{x(e=>e+1)},[z]);const G=(e,t,n)=>{N(r=>({...r,[e]:{...r[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(()=>{V?(j(null),K()):K()},[T]),n(()=>{if(a){const e=X();if(e)y(e.id),B(e.id);else{const e=p?.productDetails?.variants?.edges?.[0]?.node?.id||"";y(e),B(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)B(String(n.id)),x(e=>e+1);else{const e=X();e&&(B(String(e.id)),n=e),x(e=>e+1)}if(n){0===w(n)?(j(null),setTimeout(()=>{j({tier:H.current,index:0,optionIndex:0,value:n.title})},0)):V&&j(null)}}};n(()=>{K();const e=new Event("urlChange");let t=!0;const n=window.history.pushState,r=window.history.replaceState;return window.history.pushState=function(){t&&(n.apply(this,arguments),window.dispatchEvent(e))},window.history.replaceState=function(){t&&(r.apply(this,arguments),window.dispatchEvent(e))},window.addEventListener("urlChange",K),()=>{t=!1,window.removeEventListener("urlChange",K),window.history.pushState=n,window.history.replaceState=r}},[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,r=0,o=0;const i=z[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,r+=l,o+=l}if("percentOff"===a?.discountType){o*=1-(t.discountValue??0)/100}else"amountOff"===a?.discountType&&(o-=t.discountValue??0);const l=Math.max(0,o),c=b?.volumeBundle?.discountBadgeDisplay,s=b?.volumeBundle?.discountBadgeVisibility;let d=n;"Disabled"===s?d=l:"discount-on-price"===c&&(d=r);const u=r-l,m=d-l,g=r>0?u/r*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,r)=>{let o=Q(e,t);if(r){const i=z[r]?.[n||0]||t;o=Q(e,i)}return o?.image?.url?o.image.url:e.productDetails?.media?.edges[0]?.node?.preview?.image?.url||""},te=async e=>{if(Y(T))try{D(!0);const t=E.find(e=>e.tier===T);if(!t)return;const n={},r=z[t.tier]||{};for(let e=0;e<t.minimumQuantity;e++){const t=r[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(r)}});const o=J(t.tier),i=Array.from({length:t.minimumQuantity},(e,t)=>r[t]||$);l&&await l(o.original,i,void 0,void 0,e)}catch(e){console.error("VolumeBundle handleAddToCart error:",e)}finally{D(!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 r=1;n&&n.value&&(r=parseInt(n.value,10)||1);const o=E.find(e=>e.tier===T);if(!o)return;e.querySelectorAll('.bundle-input-field, [name^="properties["], [name="id"], [name="quantity"], .t4s-quantity-wrapper').forEach(e=>e.remove());const i=o.minimumQuantity;let a={};const l=Math.max(i,r);if(r>i){const e=f||$;if(!e)return;a[e]=l}else{const e=z[o.tier]||{};for(let t=0;t<i;t++){let n=e[t];n||(n=$),n&&(a[n]=(a[n]||0)+1)}}const c=J(o.tier),s=Object.fromEntries(Object.entries(a).map(([e,t])=>[ne(e),Math.round(t)])),d=(t,n,r="bundle-input-field")=>{const o=document.createElement("input");o.type="hidden",o.name=t,o.value=n,o.className=r,e.appendChild(o)};if(r>i){const e=f||$;e&&d("id",ne(e))}d("properties[_bundle_price]",String(c.original)),d("properties[_bundle_tier]",String(o.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"),o=(e,t,n)=>{if(!e)return;e.disabled=t,e.classList.toggle("disabled",t);const r=e.querySelector("[data-add-to-cart-text]")||e.querySelector("span");r&&(r.textContent=n)};r<=i&&(V?(o(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"))):(o(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(z),$,b.volumeBundle?.cardStyle,c,f,V]);const re=r(()=>E.find(e=>e.tier===T),[E,T]),oe=r(()=>re?J(re.tier):null,[re,z,$]),ie=r(()=>{if(!re||!oe)return;const e=z[re.tier]||{},t={};for(let n=0;n<re.minimumQuantity;n++){const r=e[n]||$;t[r]=(t[r]||0)+1}return t},[re?.minimumQuantity,$,z,oe]),ae=r(()=>Object.entries(ie??{}).map(([e,t])=>({variantId:e,quantity:t})),[ie]);if(n(()=>{if(!re||!oe)return;const e={tier:T,items:re.minimumQuantity,discountedPrice:oe.discounted,originalPrice:oe.original,variants:ae,productId:p?.id??null,tierMeta:{title:re.title,subtitle:re.subtitle,badgeTitle:re.badgeTitle},productData:p,tierData:re},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:re,selectedVariants:ae},window.dispatchEvent(new CustomEvent("yt-volume-bundle-updated",{detail:{...e,addToCart:l}})))},50),()=>{u.current&&clearTimeout(u.current)})},[T,re?.tier,re?.minimumQuantity,oe?.discounted,oe?.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={},r={};E.forEach(e=>{const o=e.tier-1,i={};for(let t=0;t<e.minimumQuantity;t++)i[t]=$;n[e.tier]=i,r[o]=Array(e.minimumQuantity).fill(t)}),N(e=>({...e,...n})),F(e=>({...e,...r}))},[$,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?j(null):e||j({tier:T,index:0,optionIndex:0,value:""})},[T,ae,Y]),e.createElement(cs,{verticalMargin:b.volumeBundle?.verticalMargin,$backgroundColor:b.volumeBundle?.sectionBackgroundColor,className:"yt-bundle-container"},e.createElement(ss,{className:"yt-bundle-header"},ge&&ge.trim().length>0&&e.createElement(ds,{fontSize:b.volumeBundle?.titleFontSize,$backgroundColor:b.volumeBundle?.titleBackgroundColor,textColor:b.volumeBundle?.titleTextColor,className:"yt-bundle-header-title"},ge),e.createElement(ps,{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),r=n.original-n.discounted,o=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",...o?{border:`2px solid ${ce}`}:{border:`1px solid ${se}`},boxShadow:`6px 6px 0px -1px ${o?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 "+(o?"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:o?ce:se,color:o?de:pe,padding:"2px 0",borderRadius:"12px 12px 0px 0px",lineHeight:"normal"},className:o?"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 r=Rp(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 ${r}${_p(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(i="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${r}${_p(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(i="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${r}${_p(n.discountValue)}`);return i?e.createElement("div",{style:{lineHeight:"normal",position:"absolute",right:"5px",top:"8px"}},e.createElement(fs,{primaryBackgroundColorCta:o?ce:se,isSelected:o,style:{height:"fit-content",fontSize:"10px",lineHeight:"normal",color:o?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:Op(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(ys,{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(bs,{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 r=Rp(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 ${r}${_p(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(i="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${r}${_p(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(i="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${r}${_p(n.discountValue)}`);return i?e.createElement(fs,{primaryBackgroundColorCta:o?ce:se,isSelected:o,style:{height:"fit-content",fontSize:"10px",lineHeight:"normal",color:o?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})(),o&&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(Me,{style:{paddingBottom:"1px"},size:20,fontWeight:20})))),e.createElement(hs,{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(vs,{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":r.toFixed(h?0:2)},(()=>{const o=b?.volumeBundle?.tierPriceType||"tier-price";if("none"===o)return;let i="",l="";if("unit-price"===o){const e=n.discounted/t.minimumQuantity;i=(n.original/t.minimumQuantity).toFixed(h?0:2),l=e.toFixed(h?0:2)}else"tier-price"===o&&(i=n.original.toFixed(h?0:2),l=n.discounted.toFixed(h?0:2));return e.createElement(e.Fragment,null,e.createElement(ws,{style:{marginLeft:"0",lineHeight:"normal",marginRight:"8px"},className:"yt-volume-vertical-details-price-discount"},Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(l),"unit-price"===o?"/unit":""),r>0&&e.createElement(Cs,{style:{lineHeight:"normal"},className:"yt-volume-vertical-details-price-original"},Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(i),"unit-price"===o?"/unit":""))})()):e.createElement("div",{style:{textAlign:"center",color:"#999",fontSize:"14px",fontWeight:"500",padding:"4px 0",lineHeight:"normal"}},"Out of Stock")),o&&!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(Me,{style:{paddingBottom:"1px"},size:20,fontWeight:20})))))})):e.createElement(e.Fragment,null,E.map(t=>{const n=J(t.tier),r=n.original-n.discounted,o=!q(t.tier);return e.createElement(e.Fragment,{key:t.tier},t.badgeTitle&&e.createElement(us,{primaryTextColorCta:de,primaryBackgroundColorCta:ce,style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-badge","data-tier":t.tier,"data-badge-title":t.badgeTitle},t.badgeTitle),e.createElement(ms,{cornerRadiusType:a?.cornerRadiusType??"",key:t.tier,primaryBackgroundColorCta:ce??"",isSelected:T===t.tier,onClick:()=>S(t.tier),style:{borderRadius:me,cursor:"pointer",backgroundColor:o?"#f5f5f5":"white",opacity:o?.6:1},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)},e.createElement(gs,{cornerRadiusType:a?.cornerRadiusType??"",style:{borderRadius:me,borderBottomLeftRadius:"0px",borderBottomRightRadius:"0px"},className:"yt-volume-horizontal-tier-header"},e.createElement(xs,{className:"yt-volume-horizontal-tier-info"},e.createElement($s,{"data-active":T===t.tier,accentColor:ce,className:"yt-volume-horizontal-tier-radio-wrapper"},e.createElement(Bs,{name:"tier",checked:T===t.tier,onChange:()=>!o&&S(t.tier),disabled:o,className:"yt-volume-horizontal-tier-radio-hidden"}),e.createElement(zs,{accentColor:ce,className:"yt-volume-horizontal-tier-radio-custom"})),e.createElement(ys,{className:"yt-volume-horizontal-tier-details"},e.createElement("div",{style:{display:"flex"},className:"yt-volume-horizontal-tier-title-container"},e.createElement(bs,{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 r=Rp(b.general.currencySymbol,a.storeCurrencyCode);let o="";if(b?.volumeBundle?.discountBadgeDisplay&&b?.volumeBundle?.discountDisplayType){const{discountBadgeDisplay:e,discountDisplayType:t}=b.volumeBundle;"discount-on-compare"===e&&(o="percentage"===t?n.diffPercentFromCompare>0?`${Math.round(n.diffPercentFromCompare)}% Off`:"":n.diffAmountFromCompare>0?`Save ${r}${_p(n.diffAmountFromCompare)}`:""),"discount-on-price"===e&&(o="percentage"===t?n.diffPercentFromPrice>0?`${Math.round(n.diffPercentFromPrice)}% Off`:"":n.diffAmountFromPrice>0?`Save ${r}${_p(n.diffAmountFromPrice)}`:"")}else n?.discountValue>0&&(o="percentOff"===a?.discountType?`${n.discountValue}% Off`:`Save ${r}${_p(n.discountValue)}`);return o?e.createElement(fs,{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},o):null})()),e.createElement(hs,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-subtitle"},t.subtitle?t.subtitle:e.createElement(e.Fragment,null)))),q(t.tier)?e.createElement(vs,{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":r.toFixed(0)},(()=>{const o=b?.volumeBundle?.tierPriceType||"tier-price";if("none"===o)return;let i="",l="";if("unit-price"===o){const e=n.discounted/t.minimumQuantity;i=(n.original/t.minimumQuantity).toFixed(h?0:2),l=e.toFixed(h?0:2)}else"tier-price"===o&&(i=n.original.toFixed(h?0:2),l=n.discounted.toFixed(h?0:2));return e.createElement(e.Fragment,null,r>0?e.createElement(Cs,{style:{lineHeight:"normal"},className:"yt-volume-horizontal-tier-original-price"},Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(i),"unit-price"===o?"/unit":""):"",e.createElement(ws,{className:"yt-volume-horizontal-tier-discounted-price"},Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(l),"unit-price"===o?"/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(Es,{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,r)=>{const i=t.tier-1,l=(I[i]||[])[r]||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:r,style:{display:"flex",gap:"10px",alignItems:"center",position:"relative"},className:"yt-volume-horizontal-tier-product-item"},c&&e.createElement(Ns,{src:Op(ee(p,$,r,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=L?.tier===t.tier&&L?.index===r&&L?.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(Ds,{key:c,ref:e=>{W.current[r]||(W.current[r]=[]),W.current[r][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(As,{onClick:e=>{e.stopPropagation(),M(d?null:{tier:t.tier,index:r,optionIndex:c})},isActive:d,disabled:o},"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(ze,{style:{display:"block"}})),d&&e.createElement(_s,{style:{zIndex:1001}},s.map((n,a)=>{const s=[...l];s[c]=n;const d=!U(t.tier,r,l,c,n)||o;p.productDetails.variants.edges.find(({node:e})=>e.title===s.join(" / "));const m=e=>{if(e.preventDefault(),e.stopPropagation(),F(e=>{const t={...e},n=[...t[i]||[]];return n[r]=s,t[i]=n,t}),d){j({tier:T,index:r,optionIndex:c,value:n}),M(null);const e=s.join(" / "),o=p.productDetails.variants.edges.find(t=>t.node.title===e)?.node.id||$;return void G(t.tier,r,o)}const o=s.join(" / "),a=p.productDetails.variants.edges.find(e=>e.node.title===o)?.node.id||$;G(t.tier,r,a),M(null)},g=u?.values.find(e=>e.name===n);return"image"===u?.type&&g?.value?e.createElement(Is,{key:n,onClick:m,style:{cursor:"pointer"}},e.createElement(Fs,{src:g.value,alt:n}),n):"color"===u?.type&&g?.value?e.createElement(Is,{key:n,onClick:m,style:{cursor:"pointer"}},e.createElement(Ps,{style:{backgroundColor:g.value}}),n):e.createElement(Is,{key:n,onClick:m,style:{cursor:"pointer"}},n)})))})),"swatches"===b?.volumeBundle?.variantSelectorType&&e.createElement(ks,{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,r,l,c,n)||o,u=d?.values.find(e=>e.name===n),m=e=>{if(e.preventDefault(),e.stopPropagation(),s)return;const o=[...l];o[c]=n,F(e=>{const t={...e},n=[...t[i]||[]];return n[r]=o,t[i]=n,t});const a=o.join(" / "),d=p.productDetails.variants.edges.find(e=>e.node.title===a)?.node.id||$;G(t.tier,r,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",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",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(Ts,{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",disabled:s},n)})))})))})),V&&V.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(Ss,{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?_(!0):await te()},borderRadius:b.general.ctaBorderRadius??"",disabled:P||!Y(T),className:"yt-volume-add-to-cart-button"},Y(T)?e.createElement(e.Fragment,null,P?e.createElement(ue,{color:"white",loading:P,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,Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(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"}},Rp(b.general.currencySymbol,a.storeCurrencyCode),_p(t?.original.toFixed(h?0:2))," "))})()))):e.createElement(e.Fragment,null,"Out of Stock"))),a.personalizedForm&&e.createElement(is,{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 Ls=c.div`
|
|
3491
3491
|
container-type: inline-size;
|
|
3492
3492
|
border-radius: ${e=>e.borderRadius?e.borderRadius:"8px"};
|
|
3493
3493
|
max-width: 800px;
|
|
@@ -3830,7 +3830,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
3830
3830
|
align-items: center;
|
|
3831
3831
|
justify-content: center;
|
|
3832
3832
|
z-index: 1000;
|
|
3833
|
-
`,
|
|
3833
|
+
`,rd=c.div`
|
|
3834
3834
|
position: relative;
|
|
3835
3835
|
width: 90%;
|
|
3836
3836
|
max-height: 57vh;
|
|
@@ -3853,7 +3853,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
3853
3853
|
border-bottom-left-radius: 0;
|
|
3854
3854
|
border-bottom-right-radius: 0;
|
|
3855
3855
|
}
|
|
3856
|
-
`,
|
|
3856
|
+
`,od=c.div`
|
|
3857
3857
|
display: flex;
|
|
3858
3858
|
flex-direction: column;
|
|
3859
3859
|
align-items: center;
|
|
@@ -4011,7 +4011,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4011
4011
|
font-size: 11px;
|
|
4012
4012
|
padding: 4px 8px;
|
|
4013
4013
|
}
|
|
4014
|
-
`,yd=({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),B=i.builderTiers?.productTier||[],z=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:N,dealPrice:I,offerValue:F}=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===B.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,B.length]);n(()=>{x(B.length-Object.keys(c).length)},[c]),n(()=>{const e={};let t=!1;B.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]||D(r?.productId);n&&(e[o]={productId:r.productId,variantId:n},t=!0)}}}),t&&s(t=>({...t,...e}))},[B]),n(()=>{if(null===f||0===B.length)return;const e=B[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,B]);const P=e=>{const t=i.products.find(t=>t.productId===e);return t?.productDetails},D=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=>z(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||D(e),o=i.products.find(t=>t.productId===e);if(o){if(0===z(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({})},O=e=>{const t=B[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()))},L=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(I),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,V=S,j="bundles"===i.appName?i.pageHeader?.title:i?.title,W="bundles"===i.appName?i.pageHeader?.description:i?.subtitle;return e.createElement(e.Fragment,null,e.createElement(Ls,{verticalMargin:M.comboBundle.verticalMargin,borderRadius:"20px"},M.comboBundle.embedContentVisibility&&e.createElement(Ms,null,M.comboBundle?.embedContentVisibility&&M.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Title")&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"8px",marginBottom:"10px",width:"100%",textAlign:M.comboBundle.infoAlignment||"left"}},e.createElement("h2",{style:{fontSize:"28px",color:M.comboBundle?.titleTextColor||"#000",fontWeight:"bold",lineHeight:"1.6",margin:0}},j)),M.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Price")&&Number(I)>1&&e.createElement(e.Fragment,null,e.createElement(Vs,{infoAlignment:M.comboBundle.infoAlignment},e.createElement(js,null,Rp(M.general.currencySymbol,i.storeCurrencyCode),_p(I)),Number(I)<Number(N)&&e.createElement(Ws,{style:{minWidth:"fit-content"}},Rp(M.general.currencySymbol,i.storeCurrencyCode)," ",_p(N)),e.createElement(Hs,{style:{minWidth:"fit-content"}},"In Stock")),e.createElement(qs,{style:{textAlign:M.comboBundle.infoAlignment||"left",fontSize:M.comboBundle.productDescriptionFontSize}},"Tax included. Shipping calculated at checkout."))),e.createElement(Qs,{gridSize:B.length,isHorizontal:V},B.map((t,o)=>{const i=(e=>!!c[e]&&!!c[e].productId)(o),{product:a,variantId:l}=(e=>{const t=c?.[e];return t?{product:P(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(Us,{key:`tier-${o}`,onClick:()=>!d&&O(o),style:{borderRadius:"20px",cursor:d?"default":"pointer"},isHorizontal:V,infoAlignment:M.comboBundle.infoAlignment},!d&&e.createElement(Js,{onClick:e=>{e.stopPropagation(),R(o)}},"×"),e.createElement(Gs,{src:a?.featuredMedia?.preview?.image?.url||"/placeholder.svg?height=200&width=200",alt:a?.title,style:{aspectRatio:M?.general.imageAspectRatio||"1/1"},isHorizontal:V}),e.createElement(Xs,{style:{color:"#1e1e1e",textAlign:"center",...V&&"right"===M.comboBundle.infoAlignment&&{padding:"0 8px",textAlign:"right",alignItems:"flex-end"},...V&&"left"===M.comboBundle.infoAlignment&&{padding:"0 5px",textAlign:"left",alignItems:"flex-start"},...!V&&"left"===M.comboBundle.infoAlignment&&{padding:"0 10px"},...V&&"center"===M.comboBundle.infoAlignment&&{textAlign:"left",alignItems:"flex-start",padding:"0 5px"}},isHorizontal:V},e.createElement(Ks,{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(Ys,{key:`tier-${o}`,onClick:()=>!d&&O(o),isHorizontal:V,infoAlignment:M.comboBundle.infoAlignment,style:{cursor:d?"default":"pointer"}},d?e.createElement("div",{style:{textAlign:"center",width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},e.createElement("div",{style:{fontSize:"12px",color:"#666",marginBottom:"8px"}},"Fixed Product"),e.createElement("div",{style:{fontSize:"14px",fontWeight:"600"}},t.title||`Product ${o+1}`)):e.createElement(e.Fragment,null,e.createElement("div",{style:{width:"100%",height:"80%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",borderTopLeftRadius:"18px",borderTopRightRadius:"18px",flexShrink:0,backgroundColor:"#f8f9fa"}},e.createElement(ed,null,"+")),e.createElement(Zs,{style:{fontSize:"15px",fontWeight:"600",color:M.comboBundle.titleTextColor||"#1e1e1e",lineHeight:"normal",height:"20%",display:"flex",alignItems:"center",justifyContent:"center"},isHorizontal:V,infoAlignment:M.comboBundle.infoAlignment},e.createElement("p",{style:{width:"80%",margin:"0",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},t.title?`${t.title}`:`Select Product ${o+1}`))))})),e.createElement(td,{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?m(!0):await L()},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",{style:{margin:"20px 0px"}},e.createElement("h4",{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",{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:W}}))),d&&A(e.createElement(nd,{onClick:()=>p(!1)},e.createElement(od,{onClick:e=>e.stopPropagation()},e.createElement(rd,{style:{position:"sticky",top:0,background:"#fff",zIndex:10}},e.createElement("div",{style:{display:"flex",width:"100%",gap:"2px",alignItems:"center",marginBottom:"8px"}},e.createElement(id,{placeholder:"Search",value:b,onChange:e=>{h(e.target.value)}}),e.createElement(ad,{onClick:()=>p(!1)},"Cancel")),e.createElement("div",{style:{height:"1px",width:"100%",backgroundColor:"#EBEBEB"}})),e.createElement("div",{style:{marginBottom:S?"20px":"5px",flex:1,minHeight:0,overflow:"scroll"}},e.createElement(ld,{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=D(t.productId);let a=r||"";return a=o&&null!==f?c?.[f]?.variantId||a:C[t.productId]||r,e.createElement(cd,{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(dd,{className:"mixAndMatch-vendor-info"},e.createElement(pd,{className:"mixAndMatch-vendor-name"},n.title),e.createElement(xd,{className:"mixAndMatch-variant-options"},n.variants?.edges?.filter(({node:e})=>"Default Title"!==e.title)?.map(({node:r})=>{const i=0===z(n,r.id);return e.createElement(fd,{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(ud,{cornerRadiusType:i?.cornerRadiusType??"",primaryBgColor:M.general?.primaryColor||"#1e1e1e",onClick:()=>o?R(f||0):_(t.productId,a)},o?e.createElement(md,null,"Added"):" + Add"))}):e.createElement(gd,null,'No products found matching "',b,'"'))))),document.body),i.personalizedForm&&e.createElement(is,{isOpen:u,onClose:()=>m(!1),formConfig:i.personalizedForm,onCheckout:async e=>{await L(e),m(!1)},cta:{backgroundColor:M.general?.ctaBackgroundColor||"#121212",textColor:M.general?.ctaTextColor||"#FFFFFF"},isMobile:S}))},bd=c.div`
|
|
4014
|
+
`,yd=({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),B=i.builderTiers?.productTier||[],z=r(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),r=n?.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},[]),{originalPrice:N,dealPrice:I,offerValue:F}=r(()=>{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,r=0;for(const{productId:t,variantId:o}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===o)?.node;if(!a)continue;const l=Number.parseFloat(a?.price||"0"),c=Number.parseFloat(a?.compareAtPrice||"0");n+=l,r+=c>0?c:l}let o=n;(t===B.length||i?.dealAmount)&&(i?.percentageOff?o=n*(1-i.percentageOff/100):i?.dealAmount?o=i.dealAmount:i?.amountOff&&i.amountOff<n&&(o=n-i.amountOff));const a=r||n,l=a-o;return{originalPrice:a.toFixed(2),dealPrice:o.toFixed(2),offerValue:l.toFixed(2)}},[i,c,B.length]);n(()=>{x(B.length-Object.keys(c).length)},[c]),n(()=>{const e={};let t=!1;B.forEach((n,r)=>{if(n.isFixed&&n.products&&n.products.length>0){const o=n.products[0];if(o&&o.productId){const n=o?.variantIds?.[0]||D(o?.productId);n&&(e[r]={productId:o.productId,variantId:n},t=!0)}}}),t&&s(t=>({...t,...e}))},[B]),n(()=>{if(null===f||0===B.length)return;const e=B[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,B]);const P=e=>{const t=i.products.find(t=>t.productId===e);return t?.productDetails},D=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=>z(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||D(e),r=i.products.find(t=>t.productId===e);if(r){if(0===z(r.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({})},O=e=>{const t=B[e];if(t.isFixed)return;y(e),p(!0),h("");const n=t.products.map(e=>e.productId),r=i.products.filter(e=>n.includes(e.productId)),o=new Map;r.forEach(e=>{o.has(e.productId)||o.set(e.productId,e)}),w(Array.from(o.values()))},L=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(I),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,V=S,j="bundles"===i.appName?i.pageHeader?.title:i?.title,W="bundles"===i.appName?i.pageHeader?.description:i?.subtitle;return e.createElement(e.Fragment,null,e.createElement(Ls,{verticalMargin:M.comboBundle.verticalMargin,borderRadius:"20px"},M.comboBundle.embedContentVisibility&&e.createElement(Ms,null,M.comboBundle?.embedContentVisibility&&M.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Title")&&e.createElement("div",{style:{display:"flex",flexDirection:"column",gap:"8px",marginBottom:"10px",width:"100%",textAlign:M.comboBundle.infoAlignment||"left"}},e.createElement("h2",{style:{fontSize:"28px",color:M.comboBundle?.titleTextColor||"#000",fontWeight:"bold",lineHeight:"1.6",margin:0}},j)),M.comboBundle?.selectedEmbedContentVisibilityOptions?.includes("Combo Price")&&Number(I)>1&&e.createElement(e.Fragment,null,e.createElement(Vs,{infoAlignment:M.comboBundle.infoAlignment},e.createElement(js,null,Rp(M.general.currencySymbol,i.storeCurrencyCode),_p(I)),Number(I)<Number(N)&&e.createElement(Ws,{style:{minWidth:"fit-content"}},Rp(M.general.currencySymbol,i.storeCurrencyCode)," ",_p(N)),e.createElement(Hs,{style:{minWidth:"fit-content"}},"In Stock")),e.createElement(qs,{style:{textAlign:M.comboBundle.infoAlignment||"left",fontSize:M.comboBundle.productDescriptionFontSize}},"Tax included. Shipping calculated at checkout."))),e.createElement(Qs,{gridSize:B.length,isHorizontal:V},B.map((t,r)=>{const i=(e=>!!c[e]&&!!c[e].productId)(r),{product:a,variantId:l}=(e=>{const t=c?.[e];return t?{product:P(t.productId),variantId:t.variantId}:{product:void 0,variantId:""}})(r),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=o(null);return n(()=>{const e=p.current;if(!e)return;const t=e.querySelector("span");if(!t)return;const n=e.clientWidth,r=t.scrollWidth;if(r<=n)return e.setAttribute("data-overflow","false"),e.style.removeProperty("--scroll-end"),void e.style.removeProperty("--duration");const o=-(r-n);e.style.setProperty("--scroll-end",`${o}px`);const i=2*Math.max(1,Math.abs(o)/40)+3;e.style.setProperty("--duration",`${i}s`),e.setAttribute("data-overflow","true")},[s?.displayName,s?.title]),i&&a?e.createElement(Us,{key:`tier-${r}`,onClick:()=>!d&&O(r),style:{borderRadius:"20px",cursor:d?"default":"pointer"},isHorizontal:V,infoAlignment:M.comboBundle.infoAlignment},!d&&e.createElement(Js,{onClick:e=>{e.stopPropagation(),R(r)}},"×"),e.createElement(Gs,{src:a?.featuredMedia?.preview?.image?.url||"/placeholder.svg?height=200&width=200",alt:a?.title,style:{aspectRatio:M?.general.imageAspectRatio||"1/1"},isHorizontal:V}),e.createElement(Xs,{style:{color:"#1e1e1e",textAlign:"center",...V&&"right"===M.comboBundle.infoAlignment&&{padding:"0 8px",textAlign:"right",alignItems:"flex-end"},...V&&"left"===M.comboBundle.infoAlignment&&{padding:"0 5px",textAlign:"left",alignItems:"flex-start"},...!V&&"left"===M.comboBundle.infoAlignment&&{padding:"0 10px"},...V&&"center"===M.comboBundle.infoAlignment&&{textAlign:"left",alignItems:"flex-start",padding:"0 5px"}},isHorizontal:V},e.createElement(Ks,{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(Ys,{key:`tier-${r}`,onClick:()=>!d&&O(r),isHorizontal:V,infoAlignment:M.comboBundle.infoAlignment,style:{cursor:d?"default":"pointer"}},d?e.createElement("div",{style:{textAlign:"center",width:"100%",height:"100%",display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},e.createElement("div",{style:{fontSize:"12px",color:"#666",marginBottom:"8px"}},"Fixed Product"),e.createElement("div",{style:{fontSize:"14px",fontWeight:"600"}},t.title||`Product ${r+1}`)):e.createElement(e.Fragment,null,e.createElement("div",{style:{width:"100%",height:"80%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",borderTopLeftRadius:"18px",borderTopRightRadius:"18px",flexShrink:0,backgroundColor:"#f8f9fa"}},e.createElement(ed,null,"+")),e.createElement(Zs,{style:{fontSize:"15px",fontWeight:"600",color:M.comboBundle.titleTextColor||"#1e1e1e",lineHeight:"normal",height:"20%",display:"flex",alignItems:"center",justifyContent:"center"},isHorizontal:V,infoAlignment:M.comboBundle.infoAlignment},e.createElement("p",{style:{width:"80%",margin:"0",height:"100%",display:"flex",justifyContent:"center",alignItems:"center"}},t.title?`${t.title}`:`Select Product ${r+1}`))))})),e.createElement(td,{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?m(!0):await L()},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",{style:{margin:"20px 0px"}},e.createElement("h4",{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",{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:W}}))),d&&A(e.createElement(nd,{onClick:()=>p(!1)},e.createElement(rd,{onClick:e=>e.stopPropagation()},e.createElement(od,{style:{position:"sticky",top:0,background:"#fff",zIndex:10}},e.createElement("div",{style:{display:"flex",width:"100%",gap:"2px",alignItems:"center",marginBottom:"8px"}},e.createElement(id,{placeholder:"Search",value:b,onChange:e=>{h(e.target.value)}}),e.createElement(ad,{onClick:()=>p(!1)},"Cancel")),e.createElement("div",{style:{height:"1px",width:"100%",backgroundColor:"#EBEBEB"}})),e.createElement("div",{style:{marginBottom:S?"20px":"5px",flex:1,minHeight:0,overflow:"scroll"}},e.createElement(ld,{style:{height:"auto",flex:"unset"}},v?.length>0?v?.map(t=>{const n=t?.productDetails;if(!n)return null;const r=(e=>{if(null==f)return!1;const t=c?.[f];return!!t&&t.productId===e})(t.productId),o=D(t.productId);let a=o||"";return a=r&&null!==f?c?.[f]?.variantId||a:C[t.productId]||o,e.createElement(cd,{className:"mixAndMatch-product-item",primaryBgColor:M.general.primaryColor||"#1e1e1e",key:n.id,isSelected:r,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(dd,{className:"mixAndMatch-vendor-info"},e.createElement(pd,{className:"mixAndMatch-vendor-name"},n.title),e.createElement(xd,{className:"mixAndMatch-variant-options"},n.variants?.edges?.filter(({node:e})=>"Default Title"!==e.title)?.map(({node:o})=>{const i=0===z(n,o.id);return e.createElement(fd,{className:"mixAndMatch-variant-button "+(a===o.id?"mixAndMatch-variant-button--selected":""),primaryBgColor:M.general?.primaryColor,disabled:!!r||i,key:o.id,isSelected:a===o.id,tierHasProductId:!!r,onClick:e=>{var n,r;e.stopPropagation(),i||(n=t.productId,r=o.id,E(e=>({...e,[n]:r})))},style:{opacity:i?.5:1,cursor:i?"not-allowed":"pointer"}},o.title)}))),e.createElement(ud,{cornerRadiusType:i?.cornerRadiusType??"",primaryBgColor:M.general?.primaryColor||"#1e1e1e",onClick:()=>r?R(f||0):_(t.productId,a)},r?e.createElement(md,null,"Added"):" + Add"))}):e.createElement(gd,null,'No products found matching "',b,'"'))))),document.body),i.personalizedForm&&e.createElement(is,{isOpen:u,onClose:()=>m(!1),formConfig:i.personalizedForm,onCheckout:async e=>{await L(e),m(!1)},cta:{backgroundColor:M.general?.ctaBackgroundColor||"#121212",textColor:M.general?.ctaTextColor||"#FFFFFF"},isMobile:S}))},bd=c.div`
|
|
4015
4015
|
border-radius: 8px;
|
|
4016
4016
|
container-type: inline-size;
|
|
4017
4017
|
`,hd=c.div`
|
|
@@ -4467,7 +4467,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4467
4467
|
}
|
|
4468
4468
|
`,np=c.span`
|
|
4469
4469
|
font-weight: 500;
|
|
4470
|
-
`,
|
|
4470
|
+
`,rp=c.div`
|
|
4471
4471
|
width: 14px;
|
|
4472
4472
|
height: 14px;
|
|
4473
4473
|
border-radius: 50%;
|
|
@@ -4475,7 +4475,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4475
4475
|
border: 1px solid #e4e4e4;
|
|
4476
4476
|
flex-shrink: 0;
|
|
4477
4477
|
line-height: normal;
|
|
4478
|
-
`,
|
|
4478
|
+
`,op=c.img`
|
|
4479
4479
|
width: 16px;
|
|
4480
4480
|
height: 16px;
|
|
4481
4481
|
border-radius: 50%;
|
|
@@ -4665,7 +4665,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4665
4665
|
}
|
|
4666
4666
|
`,Cp=c.span`
|
|
4667
4667
|
font-size: 12px;
|
|
4668
|
-
`,Ep=({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(cp,{className:"yt-fixedBundle-variant-modal_overlay",onClick:a},e.createElement(sp,{className:"yt-fixedBundle-variant-modal_container",onClick:e=>e.stopPropagation()},e.createElement(dp,{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(up,{className:"yt-fixedBundle-variant-modal_product-block"},e.createElement(mp,{className:"yt-fixedBundle-variant-modal_thumbnail",src:f[n]?.node?.image?.url||t.productDetails.featuredMedia?.preview?.image?.url,alt:t.productDetails.title}),e.createElement(gp,{className:"yt-fixedBundle-variant-modal_product-info"},e.createElement(xp,{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(yp,{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(bp,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Cp,{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(hp,{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(vp,{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(bp,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Cp,{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(wp,{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(vp,{className:"yt-fixedBundle-variant-modal_text-swatch",key:a,selected:g[n]?.[r]==o,disabled:l,onClick:()=>{h(n,o,r)}},o))})):e.createElement(bp,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Cp,{className:"yt-fixedBundle-variant-modal_option-name"},o.name," :"," "),a.map((o,i)=>{const a=!b(n,r,o,t);return e.createElement(vp,{className:"yt-fixedBundle-variant-modal_text-swatch",key:i,selected:g[n]?.[r]==o,disabled:a,onClick:()=>{h(n,o,r)}},o)}))}))),o<r.length-1&&e.createElement(fp,{className:"yt-fixedBundle-variant-modal_divider"}))),e.createElement(pp,{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)},kp=({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(op,{className:"yt-fixedBundle-variant-dropdown-horizontal_color-swatch",$color:t.value},e.createElement("span",null)):"image"===l?e.createElement(rp,{className:"yt-fixedBundle-variant-dropdown-horizontal_image-swatch",src:t.value||"/placeholder.svg",alt:t.name},e.createElement("span",null)):null;return e.createElement(Xd,{className:"yt-fixedBundle-variant-dropdown-horizontal_container",ref:d},e.createElement(Zd,{className:"yt-fixedBundle-variant-dropdown-horizontal_header",onClick:()=>s(!c)},e.createElement(Kd,{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(Jd,{className:"yt-fixedBundle-variant-dropdown-horizontal_chevron-icon",$isOpen:c})),c&&e.createElement(ep,{className:"yt-fixedBundle-variant-dropdown-horizontal_list"},o?.map(t=>e.createElement(tp,{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(np,{className:"yt-fixedBundle-variant-dropdown-horizontal_item-text"},t.name)))))},Tp=({product:o,variantOptions:r,selectedVariants:i,onVariantChange:a,variantId:l,primaryProductId:c,variantType:s="dropdown"})=>{const[d,p]=t(i||[]);n(()=>{i&&i.length>0&&p(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(" / ");p(t)}}},[l,o]);const u=e=>{if(!r?.options)return"text";const t=r.options.find(t=>t.name===e);return t?.type||"text"},m=(e,t)=>{const n=d[t];if(!n)return null;return g(e,t).find(e=>e.name===n)||null},g=(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=[...d||[]];o[e]=t;const r=o.join(" / "),i=n.variants.edges.find(e=>e.node.title===r)?.node;return!!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?.toLocaleLowerCase()?1/0:0:1/0:0})(n,i.id)>0})(t,e,o);return{name:e,value:r?.value||e,disabled:i}})};return e.createElement(ip,{className:"yt-fixedBundle-variant-selector-horizontal_container"},o.options.map((t,n)=>{const r=g(t,n);return 0===r.length||1===r.length&&"Default Title"===r[0].name?null:e.createElement(ap,{className:"yt-fixedBundle-variant-selector-horizontal_option-row",key:t.name,$isFirst:0===n},e.createElement(kp,{options:r,selectedValue:m(t,n),onChange:e=>{((e,t)=>{const n=[...d];n[e]=t.name,p(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:u(t.name)}))}))},Sp=({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=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]),[$,B]=t(r?.variants?.edges.find(e=>S(e?.node?.id)>0)?.node||r?.variants?.edges?.[0]?.node),z=o(()=>$?.title?.split(" / ")||[],[$]),N=r?.id===h;n(()=>{if(r.id===h){const e=r?.variants?.edges?.find(e=>e?.node?.id?.includes(a))?.node;e&&S(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=>S(e?.node?.id)>0)?.node||r?.variants?.edges?.[0]?.node;B(e)}},[r,h,a,v,d,S]);const I=i(e=>{const t=r?.variants?.edges?.find(t=>t.node.id===e)?.node;t&&d(e)},[r,d]),F=s?.fixedBundle?.discountBadgeDisplay,P=parseFloat($?.price??"0"),D=w?.size===k,A=((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),_=D?A:parseFloat($?.price??"0"),R="discount-on-compare"===F?parseFloat($?.compareAtPrice||$?.price||"0"):parseFloat($?.price??"0"),O=!1!==s?.fixedBundle?.discountBadgeVisibility&&(R>_&&s?.fixedBundle?.compareAtPriceVisibility||"discount-on-compare"===F&&s?.fixedBundle?.compareAtPriceVisibility),L=_.toFixed(2),M="undefined"!=typeof window&&"usee-shop-app.myshopify.com"===window.ytBundleApp?.storeDomain,V=$?.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:N}),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(X,{style:{fontSize:"14px",visibility:l?"visible":"hidden"}}))),e.createElement(Cd,{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(Ed,{className:"yt-fixedBundle-product-card-horizontal_image",src:Op(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(kd,{className:"yt-fixedBundle-product-card-horizontal_details"},e.createElement(Td,{className:"yt-fixedBundle-product-card-horizontal_title"},r.title),s.fixedBundle.productsPriceVisibility&&e.createElement(Sd,{className:"yt-fixedBundle-product-card-horizontal_price-section"},e.createElement($d,{className:"yt-fixedBundle-product-card-horizontal_price--new"},Rp(s.general.currencySymbol,b)," ",_p(L)),O&&R>_&&e.createElement(Bd,{className:"yt-fixedBundle-product-card-horizontal_price--old"},Rp(s.general.currencySymbol,b),_p(R))),e.createElement(Tp,{product:r,variantOptions:x,selectedVariants:z,onVariantChange:I,variantId:v,primaryProductId:h})))):e.createElement(e.Fragment,null,e.createElement(Rd,{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"},...M&&{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(lp,{className:"yt-fixedBundle-product-card_checkbox-wrapper--vertical",isImage:M},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:N}),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(X,{size:10,style:{fontSize:"14px",visibility:l?"visible":"hidden"}}))),"undefined"!=typeof window&&"usee-shop-app.myshopify.com"!==window.ytBundleApp?.storeDomain&&e.createElement(Od,{className:"yt-fixedBundle-product-card_image-wrapper--vertical",style:{aspectRatio:s.general.imageAspectRatio,height:"fit-content"}},e.createElement(Ld,{className:"yt-fixedBundle-product-card_image--vertical",src:Op(V),style:{aspectRatio:s.general.imageAspectRatio},alt:r.title}),r.variants.edges.length>1&&e.createElement(Md,{className:"yt-fixedBundle-product-card_badge-container"},e.createElement(Vd,{className:"yt-fixedBundle-product-card_circle-button"},e.createElement("span",null)),e.createElement(jd,{className:"yt-fixedBundle-product-card_circle-button-two"},e.createElement("span",null)),e.createElement(Wd,{className:"yt-fixedBundle-product-card_count-badge"},r.variants.edges.length,"+"))),e.createElement(Hd,{className:"yt-fixedBundle-product-card-vertical_info"},e.createElement(qd,{className:"yt-fixedBundle-product-card-vertical_title"},r.title),s.fixedBundle.productsPriceVisibility&&e.createElement(Ud,{className:"yt-fixedBundle-product-card-vertical_price-line"},e.createElement(Qd,{className:"yt-fixedBundle-product-card-vertical_price--new"},Rp(s.general.currencySymbol,b),_p(L)),s.fixedBundle.compareAtPriceVisibility&&O&&R>_&&e.createElement(Bd,{className:"yt-fixedBundle-product-card-vertical_price--old"},Rp(s.general.currencySymbol,b),_p(R))))),(f<=3||!u)&&g<f-1&&e.createElement(Yd,{className:"yt-fixedBundle-plus-wrapper"}," ",e.createElement(Gd,{className:"yt-fixedBundle-plus-icon"},"+")," ")))},$p=({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 B=i((e,t)=>{E(n=>({...n,[e.toString()]:t}))},[]),z=(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})},N=o(()=>(e,t)=>w(e.productDetails,t)>0,[w]),I=o(()=>r.products.some((e,t)=>S.has(t)&&e.productDetails.variants.edges.length>1),[r.products,S]),{originalPrice:F,dealPrice:P,offerValue:D}=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:n.toFixed(2),dealPrice:o.toFixed(2),offerValue:i.toFixed(2)}},[r.products,C,S,r.percentageOff,r.dealAmount,r.amountOff,r?.customizations?.fixedBundle?.discountBadgeDisplay]),A=o(()=>r.products.map((e,t)=>({product:e,index:t})).filter(({index:e})=>S.has(e)),[r.products,S]),_=A.every(({product:e,index:t})=>N(e,C[t.toString()])),R=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]),O=async e=>{s(!0),x(!1),l?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:r._id,bundleType:"fixed-bundle",selectedProducts:A?.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(F),t,void 0,void 0,e)}catch(e){console.error("Error adding to cart:",e)}s(!1)},L=async e=>{if(_){if(e&&(e.preventDefault(),e.stopPropagation()),r.personalizedForm)return x(!1),void y(!0);await O()}};if(!a)return e.createElement(e.Fragment,null);const M=r.customizations,V=M.fixedBundle?.cardLayoutStyle||"auto",j="horizontal"===V||"auto"===V&&d,W="bundles"==r.appName?r.pageHeader?.title:r?.title,H="bundles"==r.appName?r.pageHeader?.description:r?.subtitle;return e.createElement(bd,{id:"yt-fixedBundle-container",className:"yt-fixedBundle-container",style:{maxWidth:"800px",backgroundColor:M.fixedBundle.sectionBackgroundColor,..."transparent"!==M.fixedBundle.sectionBackgroundColor&&{padding:"20px"}}},W&&e.createElement(hd,{id:"yt-fixedBundle-header",className:"yt-fixedBundle-header",style:{backgroundColor:M.fixedBundle?.titleBackgroundColor||"none",color:M.fixedBundle?.titleTextColor||"black",textAlign:M.fixedBundle.infoAlignment??"center",fontSize:M.fixedBundle?.titleFontSize,..."transparent"!==M.fixedBundle.titleBackgroundColor&&{paddingBlock:"7px"},..."left"===M.fixedBundle.infoAlignment&&"transparent"!==M.fixedBundle.titleBackgroundColor&&{paddingLeft:"7px"},..."right"===M.fixedBundle.infoAlignment&&"transparent"!==M.fixedBundle.titleBackgroundColor&&{paddingRight:"7px"},..."left"===M.fixedBundle.infoAlignment&&"transparent"===M.fixedBundle.titleBackgroundColor&&{paddingLeft:"0px"}}},W),H&&e.createElement(vd,{id:"yt-fixedBundle-subheader",className:"yt-fixedBundle-subheader",style:{color:"#121212",fontSize:M.fixedBundle?.subtitleFontSize,textAlign:M.fixedBundle.infoAlignment??"center",..."left"===M.fixedBundle.infoAlignment&&"transparent"!==M.fixedBundle.titleBackgroundColor&&{paddingLeft:"7px"},..."right"===M.fixedBundle.infoAlignment&&"transparent"!==M.fixedBundle.titleBackgroundColor&&{paddingRight:"7px"},..."left"===M.fixedBundle.infoAlignment&&"transparent"===M.fixedBundle.titleBackgroundColor&&{paddingLeft:"0px"}}},H),j?e.createElement(wd,{id:"yt-fixedBundle-horizontal-container",className:"yt-fixedBundle-horizontal-container"},r?.products?.map((t,n)=>e.createElement(e.Fragment,{key:`${t.productId}-${n}`},e.createElement(Sp,{isChecked:S.has(n),product:t.productDetails,selectedVariantId:C[n.toString()]||"",canCustomize:r?.canCustomizeFixedBundle||!1,styles:M,onVariantChange:e=>B(n,e),onCheckChange:e=>{z(e,n)},isMobile:d,index:n,isHorizontal:j,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:R})))):e.createElement(Ad,{id:"yt-fixedBundle-vertical-container",className:"yt-fixedBundle-vertical-container"},e.createElement(_d,{id:"yt-fixedBundle-product-list",className:"yt-fixedBundle-product-list",style:{justifyContent:"left"===M.fixedBundle.infoAlignment?"flex-start":"right"===M.fixedBundle.infoAlignment?"flex-end":"center"}},r?.products?.map((t,n)=>e.createElement(Sp,{key:`${t.productId}-${n}`,isChecked:S.has(n),product:t.productDetails,selectedVariantId:C[n.toString()]||"",canCustomize:r?.canCustomizeFixedBundle||!1,styles:M,onVariantChange:e=>{B(n,e)},onCheckChange:e=>z(e,n),isMobile:d,index:n,isHorizontal:j,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:R})),I&&e.createElement(Ep,{productsWithIndices:A,isOpen:g,onClose:()=>x(!1),variantOptions:r.variantOptions,cta:{textColor:M.general.ctaTextColor,backgroundColor:M.general.ctaBackgroundColor},onVariantChange:B,handleAddToCart:L,primaryProductId:v,variantId:u||void 0}))),e.createElement(zd,{id:"yt-fixedBundle-summary",className:"yt-fixedBundle-summary",style:{alignItems:"left"===M.fixedBundle.infoAlignment?"flex-start":"right"===M.fixedBundle.infoAlignment?"flex-end":"center"}},Number(F)>0&&Number(D)>0&&M.fixedBundle.compareAtPriceVisibility&&e.createElement(Nd,{className:"yt-fixedBundle-summary_original-price"},"Original Price:"," ",e.createElement(Fd,{className:"yt-fixedBundle-summary_price"},Rp(M.general.currencySymbol,r?.storeCurrencyCode),_p(F))),0!==S.size&&e.createElement(Id,{className:"yt-fixedBundle-summary_total-price"},"Total Price:"," ",e.createElement(Fd,{className:"yt-fixedBundle-summary_price"},Rp(M.general.currencySymbol,r?.storeCurrencyCode),_p(P))," ",Number(D)>0&&e.createElement(Pd,{className:"yt-fixedBundle-summary_save-tag"},"Save:"," ",Rp(M.general.currencySymbol,r?.storeCurrencyCode),_p(D)))),e.createElement(Dd,{id:"yt-fixedBundle-add-to-cart",className:"yt-fixedBundle-add-to-cart",onClick:e=>{e.preventDefault(),e.stopPropagation(),j||!I?L(e):x(!0)},disabled:S.size<1||c||!_,style:{backgroundColor:M.general?.ctaBackgroundColor||"#121212",color:M.general?.ctaTextColor||"#FFFFFF",border:`1px solid ${M.general?.ctaBackgroundColor||"#121212"}`,boxShadow:M.general.ctaShadowType,paddingTop:M.general?.ctaPadding,paddingBottom:M.general?.ctaPadding,borderRadius:M.general.ctaBorderRadius,width:M.general.ctaWidth||"100%",textAlign:"center"},onMouseOver:e=>{M.general.customizeHoverState&&(e.currentTarget.style.backgroundColor=M.general?.ctaHoverBackgroundColor||"#F1F1F1",e.currentTarget.style.color=M.general?.ctaHoverTextColor||"#121212")},onMouseOut:e=>{M.general.customizeHoverState&&(e.currentTarget.style.backgroundColor=M.general?.ctaBackgroundColor||"#121212",e.currentTarget.style.color=M.general?.ctaTextColor||"#FFFFFF")}},c?e.createElement(ue,{color:"white",loading:c,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):_?e.createElement(e.Fragment,null,M.fixedBundle?.ctaTitle??"Add Bundle to cart"):e.createElement(e.Fragment,null,"Out of Stock")),r?.personalizedForm&&e.createElement(is,{isOpen:f,onClose:()=>y(!1),formConfig:r.personalizedForm,onCheckout:async e=>{await O(e),y(!1)},cta:{backgroundColor:M.general?.ctaBackgroundColor||"#121212",textColor:M.general?.ctaTextColor||"#FFFFFF"},isMobile:d}))},Bp=({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=()=>{v.length<=1||(g(e=>0===e?v.length-1:e-1),b(!0))},C=()=>{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=Op(h?.featured_image?.src);e?.setAttribute("src",t)}},[h]),!i)return null;const E=v.length>1,k=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(G,{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:Op(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"}}),E&&e.createElement(e.Fragment,null,e.createElement("button",{onClick:w,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(Z,{size:24})),e.createElement("button",{onClick:C,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"}},"₹",(h.price/100).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"}},"₹",(h.compare_at_price/100).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"}})))),T=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(G,{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"}}),E&&e.createElement(e.Fragment,null,e.createElement("button",{onClick:w,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(Z,{size:20})),e.createElement("button",{onClick:C,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"}},"₹",(h.price/100).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"}},"₹",(h.compare_at_price/100).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?T:k,document.body)},zp=({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))})))},Np=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[]},Ip=({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),B=v?8:20,{customizations:z}=o,N=o.config.builderTiers.collectionTier.sort((e,t)=>e.tier-t.tier),I=!!o.config.form,F=N.length+(I?1:0),P=z.hideSelectedProducts,D=z.allowMultipleQty,A=z.hideOutOfStockProducts,_=o.config.splitVariants??!1,R=r(new Set),O=i((e,t=d)=>{const n=N[e-1]?.products||[],o="All"===t?n:n.filter(e=>Np(e).includes(t));return A?o.filter(e=>e.available):o},[N,d,A]),L=i(e=>{const t=O(e).length;E(n=>{const o=n[e]||0,r=Math.min(o+8,t);return r<=o?n:{...n,[e]:r}})},[8,O]);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&&L(e)}},{root:null,threshold:0,rootMargin:"100px 0px"}),()=>{k.current?.disconnect()}),[L,c]),n(()=>{p("All")},[c]),n(()=>{if(I&&c===F)return;const e=c-1;if(!N[e])return;if(R.current.has(e))return;const t=O(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=Q(e),a=Y[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)&&(R.current.add(e),m(t=>[...t,{productId:n.id.toString(),variantId:r.id.toString(),price:r.price,quantity:1,tierIndex:e}]),c<F)){const e=setTimeout(()=>{s(e=>e+1),window.scrollTo(0,0)},50);return()=>clearTimeout(e)}},[c]),n(()=>{if(I&&c===F)return;const e=c,t=O(e).length;E(n=>{const o=n[`${e}_category`]!==d;return 0===(n[e]||0)||o?{...n,[e]:Math.min(B,t),[`${e}_category`]:d}:n})},[c,B,d,O]),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 M=i(e=>{$(e+10)},[]),V=u.reduce((e,t)=>e+t.quantity,0),j=u.reduce((e,t)=>e+t.price*t.quantity,0)/100,W=u.reduce((e,t)=>{const n=N.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)/100,H=(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())},q=(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=Y[t],c=Q(t);return c!==1/0&&l>=c?n:[...n,{productId:e.id.toString(),variantId:o,price:r,quantity:1,tierIndex:t}]})},Q=e=>{const t=N[e];return t.maximumQuantity>0?t.maximumQuantity:1/0},U=(e,t)=>{const n=Q(t);if(n===1/0)return!0;const o=Y[t];return!!u.some(n=>n.productId===e.id.toString()&&n.tierIndex===t)||o<n},Y=N.map((e,t)=>u.filter(e=>e.tierIndex===t).reduce((e,t)=>e+t.quantity,0)),G=(e,t,n)=>{const o=Q(n);if(o===1/0)return!0;return Y[n]<o},X=I&&c===F,Z=(X?null:N[c-1])?Q(c-1):0,K=N.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:Y[t]}));return e.createElement("div",{className:"yt-collection-bundle-builder",style:{margin:"0 auto",maxWidth:"1600px"}},z.headerImage&&!z.headerImage.includes("Liquid error")&&e.createElement("img",{className:"yt-collection-bundle-header-img",src:z.headerImage,alt:"Collection Bundle header",style:{width:"100%"}}),z.showTierSteps&&e.createElement("div",{style:{paddingTop:z.headerImage&&!z.headerImage.includes("Liquid error")?"20px":"0"}},e.createElement(Fp,{totalSteps:F,isFormStep:X,currentStep:c,getStepTitle:e=>I&&e===F?"Customize Gift Details":N[e-1]?.title||`Step ${e}`,isMobile:v,formTitle:o?.config?.form?.title,hasForm:I,onStepClick:e=>{if(e>1&&!u.length)return alert("Add at least one product first");s(e),window.scrollTo(0,0)}})),Array.from({length:F},(e,t)=>t+1).map(t=>{const n=I&&t===F,r=n?[]:(e=>N[e-1]?.products||[])(t);let i=[];if(!n&&z.enableProductCategories){const e=new Set;r.forEach(t=>Np(t).forEach(t=>e.add(t))),i=Array.from(e).sort()}const a=n?[]:O(t),l=t-1,s=a.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(Kc,{form:o.config.form,formData:f,setFormData:y,barHeight:S,isUploading:b,setIsUploading:h}):e.createElement(e.Fragment,null,z.enableProductCategories&&i.length>0&&e.createElement(zp,{styles:z,isMobile:v,categories:i,activeCategory:d,onCategoryChange:p}),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`}},_?s.flatMap(t=>t.variants.filter(e=>!A||e.available).map(n=>e.createElement(Pp,{key:`${t.id}-${n.id}`,product:{...t,variants:[n]},tierIdx:l,customizations:z,isMobile:v,hoveredCard:g,setHoveredCard:x,selectedProducts:u,handleAddToBundle:q,canAddProduct:U,allowMultipleQty:D,handleVariantChange:H,canIncrement:G,setSelectedProducts:m,splitVariants:!0}))):s.map(t=>e.createElement(Pp,{key:t.id,product:t,tierIdx:l,customizations:z,isMobile:v,hoveredCard:g,setHoveredCard:x,selectedProducts:u,handleAddToBundle:q,canAddProduct:U,allowMultipleQty:D,handleVariantChange:H,canIncrement:G,setSelectedProducts:m,splitVariants:!1})),c===t&&(C[t]||0)<a.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"}}))))}),e.createElement(Dp,{config:o,selectedProducts:u,selectedByTier:K,totalItems:V,totalPrice:j,totalCompareAtPrice:W,currentStep:c,totalSteps:F,currentTierMax:Z,tierSelectedCounts:Y,isMobile:v,bundleAddToCartLoading:a,isUploading:b,hoveredCard:g,setHoveredCard:x,hideSelectedProducts:P,getProductStep:e=>{for(let t=0;t<N.length;t++)if(N[t].products.some(t=>t.id.toString()===e))return t+1;return I?F:N.length},setCurrentStep:s,handleRemoveItem:(e,t,n)=>{m(o=>o.filter(o=>!(o.productId===e&&o.variantId===t&&o.tierIndex===n)))},handleCheckout:async()=>{if(c!==F||!u.length)return;const e={};I&&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)},hasForm:I,onHeightChange:M}))},Fp=({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))},Pp=({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=x?`${n.id}-${v.id}`:n.id,C=c.some(e=>e.productId===n.id.toString()&&e.variantId===h&&e.tierIndex===o),E=a===w,k=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:w,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(w),onMouseLeave:()=>l(null)},e.createElement("img",{src:Op(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:E?0:1,transform:E?"scale(1.05)":"scale(1)"},alt:n.title}),e.createElement("img",{src:Op(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:E?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&&Np(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"}},Np(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))),Np(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"}},"+",Np(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"}},"₹",(v.price/100).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"}},"₹",(v.compare_at_price/100).toLocaleString()):null)),p&&k>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"}},k),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 "+(C?"yt-collection-bundle-add-btn-added":""),style:{background:C?"#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)},C?"Added":v.available?"ADD TO BOX":"Out of Stock")),f&&e.createElement(Bp,{product:n,tierIdx:o,isOpen:f,onClose:()=>y(!1),onAddToBundle:(e,t)=>{s(e,t),y(!1)},canAdd:d(n,o),isSelected:C,customizations:r,isMobile:i,splitVariants:x}))},Dp=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,[$,B]=t(!1),z=r(null),N=r(null),{totalOriginal:I,hasSavings:F,formattedSavings:P,totalAfterDiscount:D}=(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)/100,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?`₹${o.toLocaleString()}`:"",calculatedDiscountedTotal:Math.round(n)}})(l),A=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)/100;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 ₹${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=`₹${e.discountValue} OFF`;break;case"fixed_price_collection":t=`Fixed ₹${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=`₹${l.discountValue} OFF`;break;case"fixed_price_collection":n=`Fixed ₹${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?(B(!0),t=setTimeout(()=>{B(!1)},3e3)):B(!1),()=>{t&&clearTimeout(t)}},[m,g,p]),n(()=>{if(z.current&&T){const e=z.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<(N.current??0)&&(N.current=e),e>(N.current??0)){N.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;Ce({particleCount:100,spread:70,origin:{x:o,y:r},zIndex:9999})}},[l]),e.createElement("div",{ref:z,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:"fixed",bottom:"10px",left:"50%",transform:"translateX(-50%)",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"}},A.length>0&&e.createElement("div",{style:{padding:"4px 8px",background:"#dbdbdbc5",color:"#6c757d",textAlign:"center",fontSize:"12px",fontWeight:500}},A.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:Op(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(U,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}},"₹",(D??s).toLocaleString()),F?e.createElement(e.Fragment,null,e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},"₹",I.toLocaleString()),e.createElement("div",{style:{background:"#d32f2f",color:"#fff",padding:"2px 8px",borderRadius:S?.borderRadius||"8px",fontSize:"10px",fontWeight:600}},"SAVE ",P)):e.createElement(e.Fragment,null,d>s&&e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},"₹",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(Xc,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}},"₹",(D??s).toLocaleString()),F?e.createElement(e.Fragment,null,e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},"₹",I.toLocaleString()),e.createElement("div",{style:{background:"#d32f2f",color:"#fff",padding:"2px 8px",borderRadius:S?.borderRadius||"8px",fontSize:"10px",fontWeight:600}},"SAVE ",P)):e.createElement(e.Fragment,null,d>s&&e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},"₹",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(Xc,null)):p===u?"Checkout":"Next")))},Ap=window?.Shopify?.currency||{rate:1,active:"INR"},_p=e=>{if(!e)return;const t=navigator.language||"en-US",n=Number((Number(e)*Ap.rate).toFixed(2));return new Intl.NumberFormat(t).format(n)},Rp=(e,t)=>t==Ap.active?e:se(Ap.active)||Ap.active,Op=(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"}`}},Lp=(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))},Mp=({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(rs,{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(ls,{bundle:t,addToCartFunction:o,dispatchAnalyticsEvent:u}):"mixAndMatch"===t.type?e.createElement(yd,{bundle:t,addToCartFunction:o,dispatchAnalyticsEvent:u}):"collection"===t.type?e.createElement(Ip,{config:t,addCustomBundleToCart:r,bundleAddToCartLoading:l}):e.createElement(Os,{bundle:t,currentProductId:n,addToCartFunction:o,dispatchAnalyticsEvent:u}):e.createElement($p,{addToCartFunction:o,bundle:t,dispatchAnalyticsEvent:u}),Vp=c.div`
|
|
4668
|
+
`,Ep=({productsWithIndices:o,isOpen:i,onClose:a,cta:l,variantOptions:c,onVariantChange:s,handleAddToCart:d,primaryProductId:p,variantId:u})=>{const m=r(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),r=n?.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},[]),[g,x]=t({}),[f,y]=t({});n(()=>{const e={},t={};o?.forEach(({product:n,index:r})=>{let o,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(" / "),o=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(" / "),o=e):i=n?.productDetails?.options?.map(e=>e.values[0]??"")}e[r]=i,o&&(t[r]={node:o},s(r,o.id))}),x(e),y(t)},[o,p,u,s,m]),n(()=>{if(!p||!u)return;const e=o?.find(({product:e})=>e?.productId===p);if(!e)return;const{product:t,index:n}=e,r=t?.productDetails?.variants?.edges?.find(e=>e.node.id.includes(u))?.node;if(r&&m(t.productDetails,r.id)>0){const e=r.title.split(" / ");x(t=>({...t,[n]:e})),y(e=>({...e,[n]:{node:r}})),s(n,r.id)}},[u,p,o,s,m]);const b=(e,t,n,r)=>{const o=[...g[e]||[]];o[t]=n;const i=o.join(" / "),a=r.productDetails.variants.edges.find(e=>e.node.title===i)?.node;return!!a&&m(r.productDetails,a.id)>0},h=(e,t,n)=>{const{product:r}=o?.find(t=>t.index===e)||{product:{productDetails:{variants:{edges:[]}}}};if(!r?.productDetails)return;if(!b(e,n,t,r))return;const i={...g};i[e][n]=t,x(i);const a=r?.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(cp,{className:"yt-fixedBundle-variant-modal_overlay",onClick:a},e.createElement(sp,{className:"yt-fixedBundle-variant-modal_container",onClick:e=>e.stopPropagation()},e.createElement(dp,{className:"yt-fixedBundle-variant-modal_header",style:{backgroundColor:l.backgroundColor,color:l.textColor}},"Select Options"),o?.map(({product:t,index:n},r)=>e.createElement(e.Fragment,null,e.createElement(up,{className:"yt-fixedBundle-variant-modal_product-block"},e.createElement(mp,{className:"yt-fixedBundle-variant-modal_thumbnail",src:f[n]?.node?.image?.url||t.productDetails.featuredMedia?.preview?.image?.url,alt:t.productDetails.title}),e.createElement(gp,{className:"yt-fixedBundle-variant-modal_product-info"},e.createElement(xp,{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(yp,{className:"yt-fixedBundle-variant-modal_selected-value"},g[n]?.join(" / "))),t.productDetails.options.map((r,o)=>{const i=c&&c?.options?.find(e=>e.name===r.name),a=r.values.filter(e=>t.productDetails.variants.edges.some(t=>t.node.title.split(" / ")[o]===e));return 0===a.length||1===a.length&&"Default Title"===a[0]?e.createElement(e.Fragment,null):i&&"color"===i?.type?e.createElement(bp,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Cp,{className:"yt-fixedBundle-variant-modal_option-name"},r.name," :"," "),a.map((r,a)=>{const l=!b(n,o,r,t);return e.createElement(e.Fragment,null,i.values.find(e=>e.name===r)?.value?e.createElement(hp,{className:"yt-fixedBundle-variant-modal_color-swatch",key:a,color:i.values.find(e=>e.name===r)?.value||r,selected:g[n]?.[o]==r,disabled:l,onClick:()=>{h(n,r,o)}},e.createElement("span",null)):e.createElement(vp,{className:"yt-fixedBundle-variant-modal_text-swatch",key:a,selected:g[n]?.[o]==r,disabled:l,onClick:()=>{h(n,r,o)}},r))})):i&&"image"===i?.type?e.createElement(bp,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Cp,{className:"yt-fixedBundle-variant-modal_option-name"},r.name," :"," "),a.map((r,a)=>{const l=!b(n,o,r,t);return e.createElement(e.Fragment,null,i?.values.find(e=>e.name===r)?.value?e.createElement(wp,{className:"yt-fixedBundle-variant-modal_image-swatch",key:a,selected:g[n]?.[o]==r,disabled:l,onClick:()=>{h(n,r,o)},src:i.values.find(e=>e.name===r)?.value},e.createElement("span",null)):e.createElement(vp,{className:"yt-fixedBundle-variant-modal_text-swatch",key:a,selected:g[n]?.[o]==r,disabled:l,onClick:()=>{h(n,r,o)}},r))})):e.createElement(bp,{className:"yt-fixedBundle-variant-modal_options-row"},e.createElement(Cp,{className:"yt-fixedBundle-variant-modal_option-name"},r.name," :"," "),a.map((r,i)=>{const a=!b(n,o,r,t);return e.createElement(vp,{className:"yt-fixedBundle-variant-modal_text-swatch",key:i,selected:g[n]?.[o]==r,disabled:a,onClick:()=>{h(n,r,o)}},r)}))}))),r<o.length-1&&e.createElement(fp,{className:"yt-fixedBundle-variant-modal_divider"}))),e.createElement(pp,{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)},kp=({options:r,selectedValue:i,onChange:a,type:l="text"})=>{const[c,s]=t(!1),d=o(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(rp,{className:"yt-fixedBundle-variant-dropdown-horizontal_color-swatch",$color:t.value},e.createElement("span",null)):"image"===l?e.createElement(op,{className:"yt-fixedBundle-variant-dropdown-horizontal_image-swatch",src:t.value||"/placeholder.svg",alt:t.name},e.createElement("span",null)):null;return e.createElement(Xd,{className:"yt-fixedBundle-variant-dropdown-horizontal_container",ref:d},e.createElement(Zd,{className:"yt-fixedBundle-variant-dropdown-horizontal_header",onClick:()=>s(!c)},e.createElement(Kd,{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(Jd,{className:"yt-fixedBundle-variant-dropdown-horizontal_chevron-icon",$isOpen:c})),c&&e.createElement(ep,{className:"yt-fixedBundle-variant-dropdown-horizontal_list"},r?.map(t=>e.createElement(tp,{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(np,{className:"yt-fixedBundle-variant-dropdown-horizontal_item-text"},t.name)))))},Tp=({product:r,variantOptions:o,selectedVariants:i,onVariantChange:a,variantId:l,primaryProductId:c,variantType:s="dropdown"})=>{const[d,p]=t(i||[]);n(()=>{i&&i.length>0&&p(i)},[i]),n(()=>{if(l&&r.variants.edges.some(e=>e.node.id.includes(l))){const e=r.variants.edges.find(e=>e.node.id.includes(l))?.node;if(e){const t=e.title.split(" / ");p(t)}}},[l,r]);const u=e=>{if(!o?.options)return"text";const t=o.options.find(t=>t.name===e);return t?.type||"text"},m=(e,t)=>{const n=d[t];if(!n)return null;return g(e,t).find(e=>e.name===n)||null},g=(e,t)=>{const n=o?.options?.find(t=>t.name===e.name);return e.values.filter(e=>r.variants.edges.some(n=>n.node.title.split(" / ")[t]===e)).map(e=>{const o=n?.values?.find(t=>t.name===e),i=!((e,t,n)=>{const r=[...d||[]];r[e]=t;const o=r.join(" / "),i=n.variants.edges.find(e=>e.node.title===o)?.node;return!!i&&((e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),r=n?.node;return r?e?.tracksInventory&&r.inventoryItem?.tracked?r.inventoryQuantity>0?r.inventoryQuantity:r.inventoryQuantity<=0&&"continue"===r.inventoryPolicy?.toLocaleLowerCase()?1/0:0:1/0:0})(n,i.id)>0})(t,e,r);return{name:e,value:o?.value||e,disabled:i}})};return e.createElement(ip,{className:"yt-fixedBundle-variant-selector-horizontal_container"},r.options.map((t,n)=>{const o=g(t,n);return 0===o.length||1===o.length&&"Default Title"===o[0].name?null:e.createElement(ap,{className:"yt-fixedBundle-variant-selector-horizontal_option-row",key:t.name,$isFirst:0===n},e.createElement(kp,{options:o,selectedValue:m(t,n),onChange:e=>{((e,t)=>{const n=[...d];n[e]=t.name,p(n);const o=r.variants.edges.find(t=>t.node.title===(r.options?.length>0?n.join(" / "):n[e]))?.node.id;a(o||"")})(n,e)},type:u(t.name)}))}))},Sp=({product:o,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=r(()=>e=>{const t=o?.variants?.edges?.find(t=>t.node.id===e),n=t?.node;return n?o?.tracksInventory&&n.inventoryItem?.tracked?n.inventoryQuantity>0?n.inventoryQuantity:n.inventoryQuantity<=0&&"continue"===n.inventoryPolicy?.toLowerCase()?1/0:0:1/0:0},[o]),[$,B]=t(o?.variants?.edges.find(e=>S(e?.node?.id)>0)?.node||o?.variants?.edges?.[0]?.node),z=r(()=>$?.title?.split(" / ")||[],[$]),N=o?.id===h;n(()=>{if(o.id===h){const e=o?.variants?.edges?.find(e=>e?.node?.id?.includes(a))?.node;e&&S(e.id)>0&&(B(e),d(e.id))}else{const e=o?.variants?.edges?.find(e=>e?.node?.id===a)?.node||o?.variants?.edges?.find(e=>S(e?.node?.id)>0)?.node||o?.variants?.edges?.[0]?.node;B(e)}},[o,h,a,v,d,S]);const I=i(e=>{const t=o?.variants?.edges?.find(t=>t.node.id===e)?.node;t&&d(e)},[o,d]),F=s?.fixedBundle?.discountBadgeDisplay,P=parseFloat($?.price??"0"),D=w?.size===k,A=((e,t,n,r,o,i)=>{if(0===r||!n)return e;if(r!==o)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),_=D?A:parseFloat($?.price??"0"),R="discount-on-compare"===F?parseFloat($?.compareAtPrice||$?.price||"0"):parseFloat($?.price??"0"),O=!1!==s?.fixedBundle?.discountBadgeVisibility&&(R>_&&s?.fixedBundle?.compareAtPriceVisibility||"discount-on-compare"===F&&s?.fixedBundle?.compareAtPriceVisibility),L=_.toFixed(2),M="undefined"!=typeof window&&"usee-shop-app.myshopify.com"===window.ytBundleApp?.storeDomain,V=$?.image?.url||o.featuredMedia?.preview?.image?.url;return e.createElement(e.Fragment,null,m?e.createElement("div",{className:""+(o.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-${o.id}-${g}`,defaultChecked:l,onChange:e=>p(e.target.checked),disabled:N}),e.createElement("label",{className:"yt-fixed-bundle-checkbox-label yt-fixedBundle-product-card_checkbox-label",htmlFor:`checkbox-${o.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(X,{style:{fontSize:"14px",visibility:l?"visible":"hidden"}}))),e.createElement(Cd,{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(Ed,{className:"yt-fixedBundle-product-card-horizontal_image",src:Op(V),alt:o.title,style:{borderRadius:s.fixedBundle?.borderRadius,borderColor:s.fixedBundle?.borderColor,aspectRatio:s.general.imageAspectRatio||"1/1",borderTopRightRadius:"0",borderBottomRightRadius:"0"}}),e.createElement(kd,{className:"yt-fixedBundle-product-card-horizontal_details"},e.createElement(Td,{className:"yt-fixedBundle-product-card-horizontal_title"},o.title),s.fixedBundle.productsPriceVisibility&&e.createElement(Sd,{className:"yt-fixedBundle-product-card-horizontal_price-section"},e.createElement($d,{className:"yt-fixedBundle-product-card-horizontal_price--new"},Rp(s.general.currencySymbol,b)," ",_p(L)),O&&R>_&&e.createElement(Bd,{className:"yt-fixedBundle-product-card-horizontal_price--old"},Rp(s.general.currencySymbol,b),_p(R))),e.createElement(Tp,{product:o,variantOptions:x,selectedVariants:z,onVariantChange:I,variantId:v,primaryProductId:h})))):e.createElement(e.Fragment,null,e.createElement(Rd,{className:""+(o.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"},...M&&{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(lp,{className:"yt-fixedBundle-product-card_checkbox-wrapper--vertical",isImage:M},e.createElement("input",{className:"yt-fixedBundle-product-card_checkbox-hidden--vertical",style:{display:"none"},type:"checkbox",id:`checkbox-${o.id}-${g}`,defaultChecked:l,onChange:e=>p(e.target.checked),disabled:N}),e.createElement("label",{className:"yt-fixedBundle-product-card_checkbox-label--vertical",htmlFor:`checkbox-${o.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(X,{size:10,style:{fontSize:"14px",visibility:l?"visible":"hidden"}}))),"undefined"!=typeof window&&"usee-shop-app.myshopify.com"!==window.ytBundleApp?.storeDomain&&e.createElement(Od,{className:"yt-fixedBundle-product-card_image-wrapper--vertical",style:{aspectRatio:s.general.imageAspectRatio,height:"fit-content"}},e.createElement(Ld,{className:"yt-fixedBundle-product-card_image--vertical",src:Op(V),style:{aspectRatio:s.general.imageAspectRatio},alt:o.title}),o.variants.edges.length>1&&e.createElement(Md,{className:"yt-fixedBundle-product-card_badge-container"},e.createElement(Vd,{className:"yt-fixedBundle-product-card_circle-button"},e.createElement("span",null)),e.createElement(jd,{className:"yt-fixedBundle-product-card_circle-button-two"},e.createElement("span",null)),e.createElement(Wd,{className:"yt-fixedBundle-product-card_count-badge"},o.variants.edges.length,"+"))),e.createElement(Hd,{className:"yt-fixedBundle-product-card-vertical_info"},e.createElement(qd,{className:"yt-fixedBundle-product-card-vertical_title"},o.title),s.fixedBundle.productsPriceVisibility&&e.createElement(Ud,{className:"yt-fixedBundle-product-card-vertical_price-line"},e.createElement(Qd,{className:"yt-fixedBundle-product-card-vertical_price--new"},Rp(s.general.currencySymbol,b),_p(L)),s.fixedBundle.compareAtPriceVisibility&&O&&R>_&&e.createElement(Bd,{className:"yt-fixedBundle-product-card-vertical_price--old"},Rp(s.general.currencySymbol,b),_p(R))))),(f<=3||!u)&&g<f-1&&e.createElement(Yd,{className:"yt-fixedBundle-plus-wrapper"}," ",e.createElement(Gd,{className:"yt-fixedBundle-plus-icon"},"+")," ")))},$p=({bundle:o,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=o?.products?.find(e=>e.productDetails?.handle===b?.split("/").pop()?.split("?")[0]),v=h?.productId,w=r(()=>(e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),r=n?.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},[]),[C,E]=t(Object.fromEntries(o?.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=o?.showIndividualProductSelector??!0,[S,$]=t(new Set(o.products.reduce((e,t,n)=>(k&&t?.productId!==v&&!T||e.push(n),e),[])));n(()=>{l?.({eventNameCustom:"block_visibility",eventTypeCustom:"views",data:{bundleId:o._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 r=t.apply(this,n);return window.dispatchEvent(new Event(e.toLowerCase())),r}};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 o?.products?.forEach((e,n)=>{e.productId===v&&(t[n.toString()]=u)}),t})},[u,v,o?.products]),n(()=>{const e=()=>{p(window.innerWidth<600)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]);const B=i((e,t)=>{E(n=>({...n,[e.toString()]:t}))},[]),z=(e,t)=>{const n=o.products[t].productId;k&&n===v||$(n=>{const r=new Set(n);return e?r.add(t):r.delete(t),r})},N=r(()=>(e,t)=>w(e.productDetails,t)>0,[w]),I=r(()=>o.products.some((e,t)=>S.has(t)&&e.productDetails.variants.edges.length>1),[o.products,S]),{originalPrice:F,dealPrice:P,offerValue:D}=r(()=>{const{price:e,compareAtPrice:t}=o.products.reduce((e,t,n)=>{if(!S.has(n))return e;const r=C[n.toString()];if(!r)return e;const o=t.productDetails.variants.edges?.find(e=>e.node.id===r)?.node;if(!o)return e;const i=parseFloat(o?.price??"0"),a=parseFloat(o?.compareAtPrice||i.toString());return e.price+=i,e.compareAtPrice+=a,e},{price:0,compareAtPrice:0}),n="discount-on-compare"===(o?.customizations?.fixedBundle?.discountBadgeDisplay||"discount-on-price")?t:e;let r=e;S.size===o.products.length&&(o?.percentageOff?r=e*(1-o.percentageOff/100):o?.dealAmount?r=o.dealAmount:o?.amountOff&&(r=e-o.amountOff));const i=n-r;return{originalPrice:n.toFixed(2),dealPrice:r.toFixed(2),offerValue:i.toFixed(2)}},[o.products,C,S,o.percentageOff,o.dealAmount,o.amountOff,o?.customizations?.fixedBundle?.discountBadgeDisplay]),A=r(()=>o.products.map((e,t)=>({product:e,index:t})).filter(({index:e})=>S.has(e)),[o.products,S]),_=A.every(({product:e,index:t})=>N(e,C[t.toString()])),R=r(()=>{let e=0;return o.products.forEach((t,n)=>{if(S.has(n)){const r=C[n.toString()],o=t.productDetails.variants.edges.find(e=>e.node.id===r)?.node;o&&(e+=parseFloat(o.price??"0"))}}),e},[o.products,S,C]),O=async e=>{s(!0),x(!1),l?.({eventNameCustom:"bundle_add_to_cart",eventTypeCustom:"clicks",data:{bundleId:o._id,bundleType:"fixed-bundle",selectedProducts:A?.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(F),t,void 0,void 0,e)}catch(e){console.error("Error adding to cart:",e)}s(!1)},L=async e=>{if(_){if(e&&(e.preventDefault(),e.stopPropagation()),o.personalizedForm)return x(!1),void y(!0);await O()}};if(!a)return e.createElement(e.Fragment,null);const M=o.customizations,V=M.fixedBundle?.cardLayoutStyle||"auto",j="horizontal"===V||"auto"===V&&d,W="bundles"==o.appName?o.pageHeader?.title:o?.title,H="bundles"==o.appName?o.pageHeader?.description:o?.subtitle;return e.createElement(bd,{id:"yt-fixedBundle-container",className:"yt-fixedBundle-container",style:{maxWidth:"800px",backgroundColor:M.fixedBundle.sectionBackgroundColor,..."transparent"!==M.fixedBundle.sectionBackgroundColor&&{padding:"20px"}}},W&&e.createElement(hd,{id:"yt-fixedBundle-header",className:"yt-fixedBundle-header",style:{backgroundColor:M.fixedBundle?.titleBackgroundColor||"none",color:M.fixedBundle?.titleTextColor||"black",textAlign:M.fixedBundle.infoAlignment??"center",fontSize:M.fixedBundle?.titleFontSize,..."transparent"!==M.fixedBundle.titleBackgroundColor&&{paddingBlock:"7px"},..."left"===M.fixedBundle.infoAlignment&&"transparent"!==M.fixedBundle.titleBackgroundColor&&{paddingLeft:"7px"},..."right"===M.fixedBundle.infoAlignment&&"transparent"!==M.fixedBundle.titleBackgroundColor&&{paddingRight:"7px"},..."left"===M.fixedBundle.infoAlignment&&"transparent"===M.fixedBundle.titleBackgroundColor&&{paddingLeft:"0px"}}},W),H&&e.createElement(vd,{id:"yt-fixedBundle-subheader",className:"yt-fixedBundle-subheader",style:{color:"#121212",fontSize:M.fixedBundle?.subtitleFontSize,textAlign:M.fixedBundle.infoAlignment??"center",..."left"===M.fixedBundle.infoAlignment&&"transparent"!==M.fixedBundle.titleBackgroundColor&&{paddingLeft:"7px"},..."right"===M.fixedBundle.infoAlignment&&"transparent"!==M.fixedBundle.titleBackgroundColor&&{paddingRight:"7px"},..."left"===M.fixedBundle.infoAlignment&&"transparent"===M.fixedBundle.titleBackgroundColor&&{paddingLeft:"0px"}}},H),j?e.createElement(wd,{id:"yt-fixedBundle-horizontal-container",className:"yt-fixedBundle-horizontal-container"},o?.products?.map((t,n)=>e.createElement(e.Fragment,{key:`${t.productId}-${n}`},e.createElement(Sp,{isChecked:S.has(n),product:t.productDetails,selectedVariantId:C[n.toString()]||"",canCustomize:o?.canCustomizeFixedBundle||!1,styles:M,onVariantChange:e=>B(n,e),onCheckChange:e=>{z(e,n)},isMobile:d,index:n,isHorizontal:j,variantOptions:o.variantOptions,productsLength:o.products.length,storeCurrencyCode:o.storeCurrencyCode,primaryProductId:v,variantId:u||void 0,bundleDiscountType:o.discountType??"none",checkedProducts:S,bundleProductsCount:o.products.length,bundleDiscountValue:o.percentageOff||o.amountOff||o.dealAmount,totalSelectedOriginal:R})))):e.createElement(Ad,{id:"yt-fixedBundle-vertical-container",className:"yt-fixedBundle-vertical-container"},e.createElement(_d,{id:"yt-fixedBundle-product-list",className:"yt-fixedBundle-product-list",style:{justifyContent:"left"===M.fixedBundle.infoAlignment?"flex-start":"right"===M.fixedBundle.infoAlignment?"flex-end":"center"}},o?.products?.map((t,n)=>e.createElement(Sp,{key:`${t.productId}-${n}`,isChecked:S.has(n),product:t.productDetails,selectedVariantId:C[n.toString()]||"",canCustomize:o?.canCustomizeFixedBundle||!1,styles:M,onVariantChange:e=>{B(n,e)},onCheckChange:e=>z(e,n),isMobile:d,index:n,isHorizontal:j,productsLength:o.products.length,storeCurrencyCode:o.storeCurrencyCode,primaryProductId:v,variantId:u||void 0,bundleDiscountType:o.discountType??"none",checkedProducts:S,bundleProductsCount:o.products.length,bundleDiscountValue:o.percentageOff||o.amountOff||o.dealAmount,totalSelectedOriginal:R})),I&&e.createElement(Ep,{productsWithIndices:A,isOpen:g,onClose:()=>x(!1),variantOptions:o.variantOptions,cta:{textColor:M.general.ctaTextColor,backgroundColor:M.general.ctaBackgroundColor},onVariantChange:B,handleAddToCart:L,primaryProductId:v,variantId:u||void 0}))),e.createElement(zd,{id:"yt-fixedBundle-summary",className:"yt-fixedBundle-summary",style:{alignItems:"left"===M.fixedBundle.infoAlignment?"flex-start":"right"===M.fixedBundle.infoAlignment?"flex-end":"center"}},Number(F)>0&&Number(D)>0&&M.fixedBundle.compareAtPriceVisibility&&e.createElement(Nd,{className:"yt-fixedBundle-summary_original-price"},"Original Price:"," ",e.createElement(Fd,{className:"yt-fixedBundle-summary_price"},Rp(M.general.currencySymbol,o?.storeCurrencyCode),_p(F))),0!==S.size&&e.createElement(Id,{className:"yt-fixedBundle-summary_total-price"},"Total Price:"," ",e.createElement(Fd,{className:"yt-fixedBundle-summary_price"},Rp(M.general.currencySymbol,o?.storeCurrencyCode),_p(P))," ",Number(D)>0&&e.createElement(Pd,{className:"yt-fixedBundle-summary_save-tag"},"Save:"," ",Rp(M.general.currencySymbol,o?.storeCurrencyCode),_p(D)))),e.createElement(Dd,{id:"yt-fixedBundle-add-to-cart",className:"yt-fixedBundle-add-to-cart",onClick:e=>{e.preventDefault(),e.stopPropagation(),j||!I?L(e):x(!0)},disabled:S.size<1||c||!_,style:{backgroundColor:M.general?.ctaBackgroundColor||"#121212",color:M.general?.ctaTextColor||"#FFFFFF",border:`1px solid ${M.general?.ctaBackgroundColor||"#121212"}`,boxShadow:M.general.ctaShadowType,paddingTop:M.general?.ctaPadding,paddingBottom:M.general?.ctaPadding,borderRadius:M.general.ctaBorderRadius,width:M.general.ctaWidth||"100%",textAlign:"center"},onMouseOver:e=>{M.general.customizeHoverState&&(e.currentTarget.style.backgroundColor=M.general?.ctaHoverBackgroundColor||"#F1F1F1",e.currentTarget.style.color=M.general?.ctaHoverTextColor||"#121212")},onMouseOut:e=>{M.general.customizeHoverState&&(e.currentTarget.style.backgroundColor=M.general?.ctaBackgroundColor||"#121212",e.currentTarget.style.color=M.general?.ctaTextColor||"#FFFFFF")}},c?e.createElement(ue,{color:"white",loading:c,size:15,"aria-label":"Loading Spinner","data-testid":"loader"}):_?e.createElement(e.Fragment,null,M.fixedBundle?.ctaTitle??"Add Bundle to cart"):e.createElement(e.Fragment,null,"Out of Stock")),o?.personalizedForm&&e.createElement(is,{isOpen:f,onClose:()=>y(!1),formConfig:o.personalizedForm,onCheckout:async e=>{await O(e),y(!1)},cta:{backgroundColor:M.general?.ctaBackgroundColor||"#121212",textColor:M.general?.ctaTextColor||"#FFFFFF"},isMobile:d}))},Bp=({product:r,tierIdx:o,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(r.variants[0]?.id.toString()||""),[y,b]=t(!0),h=r.variants.find(e=>e.id.toString()===x)||r.variants[0],v=r.images.filter(Boolean),w=()=>{v.length<=1||(g(e=>0===e?v.length-1:e-1),b(!0))},C=()=>{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=Op(h?.featured_image?.src);e?.setAttribute("src",t)}},[h]),!i)return null;const E=v.length>1,k=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(G,{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:Op(v[m]||r.images[0]),alt:r.title,onLoad:()=>b(!1),style:{width:"100%",height:"100%",objectFit:"cover",borderRadius:d?.borderRadius||"12px",opacity:y?0:1,transition:"opacity 0.3s"}}),E&&e.createElement(e.Fragment,null,e.createElement("button",{onClick:w,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(Z,{size:24})),e.createElement("button",{onClick:C,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||r.title),!u&&r.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"}},r?.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"}},r.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"}},"₹",(h.price/100).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"}},"₹",(h.compare_at_price/100).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(r,o),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")),r.description&&e.createElement("div",{className:"yt-collection-bundle-modal-description",dangerouslySetInnerHTML:{__html:r.description},style:{lineHeight:"normal",color:"#444",marginTop:"10px"}})))),T=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(G,{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]||r.images[0],alt:r.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"}}),E&&e.createElement(e.Fragment,null,e.createElement("button",{onClick:w,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(Z,{size:20})),e.createElement("button",{onClick:C,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}},r.title),!u&&r.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"}},r?.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"}},r.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"}},"₹",(h.price/100).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"}},"₹",(h.compare_at_price/100).toLocaleString()):null),r.description&&e.createElement("div",{className:"yt-collection-bundle-modal-description",dangerouslySetInnerHTML:{__html:r.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(r,o),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?T:k,document.body)},zp=({styles:t,isMobile:n,categories:r,activeCategory:o,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",...r].map(r=>{const i=o===r,c=t.btnPrimaryBg||"#111";return e.createElement("button",{key:r,onClick:()=>a(r),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"},r.charAt(0).toUpperCase()+r.slice(1)),e.createElement("span",{style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"100%",textAlign:"center"}},r.charAt(0).toUpperCase()+r.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",...r].map(r=>{const i=t.btnPrimaryBg||"#111",l=t.borderRadius||"8px";return e.createElement("button",{key:r,onClick:()=>a(r),className:"yt-collection-bundle-category-button",style:{padding:n?"8px 16px":"10px 18px",fontSize:n?"13px":"14px",fontWeight:"500",border:`1px solid ${o===r?i:"#e0e0e0"}`,borderRadius:l,backgroundColor:o===r?i:"white",color:o===r?"white":"#333",cursor:"pointer"}},r.charAt(0).toUpperCase()+r.slice(1))})))},Np=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[]},Ip=({config:r,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=o(null),T=o(new Map),[S,$]=t(160),B=v?8:20,{customizations:z}=r,N=r.config.builderTiers.collectionTier.sort((e,t)=>e.tier-t.tier),I=!!r.config.form,F=N.length+(I?1:0),P=z.hideSelectedProducts,D=z.allowMultipleQty,A=z.hideOutOfStockProducts,_=r.config.splitVariants??!1,R=o(new Set),O=i((e,t=d)=>{const n=N[e-1]?.products||[],r="All"===t?n:n.filter(e=>Np(e).includes(t));return A?r.filter(e=>e.available):r},[N,d,A]),L=i(e=>{const t=O(e).length;E(n=>{const r=n[e]||0,o=Math.min(r+8,t);return o<=r?n:{...n,[e]:o}})},[8,O]);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&&L(e)}},{root:null,threshold:0,rootMargin:"100px 0px"}),()=>{k.current?.disconnect()}),[L,c]),n(()=>{p("All")},[c]),n(()=>{if(I&&c===F)return;const e=c-1;if(!N[e])return;if(R.current.has(e))return;const t=O(c);if(console.log("filteredProducts",t),1!==t.length)return;const n=t[0],r=n.variants.filter(e=>e.available);if(1!==r.length)return;const o=r[0],i=Q(e),a=Y[e];if(i!==1/0&&a>=i)return;if(!u.some(t=>t.productId===n.id.toString()&&t.variantId===o.id.toString()&&t.tierIndex===e)&&(R.current.add(e),m(t=>[...t,{productId:n.id.toString(),variantId:o.id.toString(),price:o.price,quantity:1,tierIndex:e}]),c<F)){const e=setTimeout(()=>{s(e=>e+1),window.scrollTo(0,0)},50);return()=>clearTimeout(e)}},[c]),n(()=>{if(I&&c===F)return;const e=c,t=O(e).length;E(n=>{const r=n[`${e}_category`]!==d;return 0===(n[e]||0)||r?{...n,[e]:Math.min(B,t),[`${e}_category`]:d}:n})},[c,B,d,O]),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 M=i(e=>{$(e+10)},[]),V=u.reduce((e,t)=>e+t.quantity,0),j=u.reduce((e,t)=>e+t.price*t.quantity,0)/100,W=u.reduce((e,t)=>{const n=N.flatMap(e=>e.products).find(e=>e.id.toString()===t.productId),r=n?.variants.find(e=>e.id.toString()===t.variantId);return e+(r?.compare_at_price??t.price)*t.quantity},0)/100,H=(e,t)=>{const n=e.variants.find(e=>e.id===parseInt(t));if(!n)return;const r=document.querySelector(`[data-product-id="${e.id}"]`);r&&(r.dataset.selectedVariant=t,r.dataset.currentPrice=n.price.toString())},q=(e,t)=>{const n=document.querySelector(`[data-product-id="${e.id}"]`);if(!n)return;const r=n.dataset.selectedVariant||e.variants[0].id.toString(),o=parseInt(n.dataset.currentPrice||e.variants[0].price.toString());m(n=>{const i=`${e.id}-${r}-${t}`,a=n.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===i);if(a)return n.filter(e=>e!==a);const l=Y[t],c=Q(t);return c!==1/0&&l>=c?n:[...n,{productId:e.id.toString(),variantId:r,price:o,quantity:1,tierIndex:t}]})},Q=e=>{const t=N[e];return t.maximumQuantity>0?t.maximumQuantity:1/0},U=(e,t)=>{const n=Q(t);if(n===1/0)return!0;const r=Y[t];return!!u.some(n=>n.productId===e.id.toString()&&n.tierIndex===t)||r<n},Y=N.map((e,t)=>u.filter(e=>e.tierIndex===t).reduce((e,t)=>e+t.quantity,0)),G=(e,t,n)=>{const r=Q(n);if(r===1/0)return!0;return Y[n]<r},X=I&&c===F,Z=(X?null:N[c-1])?Q(c-1):0,K=N.map((e,t)=>({tier:e,items:u.filter(e=>e.tierIndex===t).reduce((e,t)=>{const n=`${t.productId}-${t.variantId}`,r=e.find(e=>`${e.productId}-${e.variantId}`===n);return r?r.quantity+=t.quantity:e.push({...t,quantity:t.quantity}),e},[]),count:Y[t]}));return e.createElement("div",{className:"yt-collection-bundle-builder",style:{margin:"0 auto",maxWidth:"1600px"}},z.headerImage&&!z.headerImage.includes("Liquid error")&&e.createElement("img",{className:"yt-collection-bundle-header-img",src:z.headerImage,alt:"Collection Bundle header",style:{width:"100%"}}),z.showTierSteps&&e.createElement("div",{style:{paddingTop:z.headerImage&&!z.headerImage.includes("Liquid error")?"20px":"0"}},e.createElement(Fp,{totalSteps:F,isFormStep:X,currentStep:c,getStepTitle:e=>I&&e===F?"Customize Gift Details":N[e-1]?.title||`Step ${e}`,isMobile:v,formTitle:r?.config?.form?.title,hasForm:I,onStepClick:e=>{if(e>1&&!u.length)return alert("Add at least one product first");s(e),window.scrollTo(0,0)}})),Array.from({length:F},(e,t)=>t+1).map(t=>{const n=I&&t===F,o=n?[]:(e=>N[e-1]?.products||[])(t);let i=[];if(!n&&z.enableProductCategories){const e=new Set;o.forEach(t=>Np(t).forEach(t=>e.add(t))),i=Array.from(e).sort()}const a=n?[]:O(t),l=t-1,s=a.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&&r.config.form?e.createElement(Kc,{form:r.config.form,formData:f,setFormData:y,barHeight:S,isUploading:b,setIsUploading:h}):e.createElement(e.Fragment,null,z.enableProductCategories&&i.length>0&&e.createElement(zp,{styles:z,isMobile:v,categories:i,activeCategory:d,onCategoryChange:p}),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`}},_?s.flatMap(t=>t.variants.filter(e=>!A||e.available).map(n=>e.createElement(Pp,{key:`${t.id}-${n.id}`,product:{...t,variants:[n]},tierIdx:l,customizations:z,isMobile:v,hoveredCard:g,setHoveredCard:x,selectedProducts:u,handleAddToBundle:q,canAddProduct:U,allowMultipleQty:D,handleVariantChange:H,canIncrement:G,setSelectedProducts:m,splitVariants:!0}))):s.map(t=>e.createElement(Pp,{key:t.id,product:t,tierIdx:l,customizations:z,isMobile:v,hoveredCard:g,setHoveredCard:x,selectedProducts:u,handleAddToBundle:q,canAddProduct:U,allowMultipleQty:D,handleVariantChange:H,canIncrement:G,setSelectedProducts:m,splitVariants:!1})),c===t&&(C[t]||0)<a.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"}}))))}),e.createElement(Dp,{config:r,selectedProducts:u,selectedByTier:K,totalItems:V,totalPrice:j,totalCompareAtPrice:W,currentStep:c,totalSteps:F,currentTierMax:Z,tierSelectedCounts:Y,isMobile:v,bundleAddToCartLoading:a,isUploading:b,hoveredCard:g,setHoveredCard:x,hideSelectedProducts:P,getProductStep:e=>{for(let t=0;t<N.length;t++)if(N[t].products.some(t=>t.id.toString()===e))return t+1;return I?F:N.length},setCurrentStep:s,handleRemoveItem:(e,t,n)=>{m(r=>r.filter(r=>!(r.productId===e&&r.variantId===t&&r.tierIndex===n)))},handleCheckout:async()=>{if(c!==F||!u.length)return;const e={};I&&Object.entries(f).forEach(([t,n])=>{const r=t.split("|").pop()?.replace(/^f_\d+$/,"")||t;"string"==typeof n&&n.trim()?e[r]=n:n&&"object"==typeof n&&"url"in n&&(e[r]=n.url)});const t=u.map(t=>({variantId:t.variantId,quantity:t.quantity,properties:e}));l(t)},hasForm:I,onHeightChange:M}))},Fp=({totalSteps:t,isFormStep:r,currentStep:o,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"})},[o,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 "+(o===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:o===n?1:.5,transition:"opacity 0.2s"},onClick:()=>s(n)},e.createElement("div",{className:"yt-collection-bundle-step-icon "+(o===n?"yt-collection-bundle-step-icon-active":""),style:{width:"40px",height:"40px",background:o===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:o===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:o===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&&r&&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))},Pp=({product:n,tierIdx:r,customizations:o,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=x?`${n.id}-${v.id}`:n.id,C=c.some(e=>e.productId===n.id.toString()&&e.variantId===h&&e.tierIndex===r),E=a===w,k=c.filter(e=>e.productId===n.id.toString()&&e.variantId===v.id.toString()&&e.tierIndex===r).reduce((e,t)=>e+t.quantity,0);return e.createElement(e.Fragment,null,e.createElement("div",{key:w,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:o?.productCardBorder||"1px solid #ddd",background:o?.productCardBg||"#fff",overflow:"hidden",transition:"all 0.2s ease",minWidth:i?0:"250px",maxWidth:i?"none":"250px",borderRadius:o?.borderRadius||"8px",boxShadow:"spread"===o?.productCardShadow?"8px 8px 8px -6px #0000004D":"no-spread"===o?.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:o?.productImageRatio||"1/1",overflow:"hidden",cursor:"pointer",background:"#f9f9f9"},onClick:()=>y(!0),onMouseEnter:()=>l(w),onMouseLeave:()=>l(null)},e.createElement("img",{src:Op(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:E?0:1,transform:E?"scale(1.05)":"scale(1)"},alt:n.title}),e.createElement("img",{src:Op(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:E?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"}},o.productCardCategoryVisibility&&Np(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"}},Np(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))),Np(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"}},"+",Np(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"}},"₹",(v.price/100).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"}},"₹",(v.compare_at_price/100).toLocaleString()):null)),p&&k>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}-${r}`,o=e.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===t);return o&&o.quantity>1?e.map(e=>e===o?{...e,quantity:e.quantity-1}:e):o?e.filter(e=>e!==o):e})}},"-"),e.createElement("span",{className:"yt-collection-bundle-qty-display",style:{minWidth:"24px",textAlign:"center",fontWeight:600,width:"100%",lineHeight:"normal"}},k),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(),r)&&g(e=>{const t=`${n.id}-${v.id}-${r}`,o=e.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===t);return o?e.map(e=>e===o?{...e,quantity:e.quantity+1}:e):[...e,{productId:n.id.toString(),variantId:v.id.toString(),price:v.price,quantity:1,tierIndex:r}]})},disabled:!v.available||!m(n,v.id.toString(),r)},"+")):e.createElement("button",{className:"yt-collection-bundle-add-btn "+(C?"yt-collection-bundle-add-btn-added":""),style:{background:C?"#28a745":d(n,r)&&v.available?o?.atcBg||"#007bff":"#ccc",color:o?.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,r)&&g(e=>{const t=`${n.id}-${v.id}-${r}`,o=e.find(e=>`${e.productId}-${e.variantId}-${e.tierIndex}`===t);return o?e.filter(e=>e!==o):[...e,{productId:n.id.toString(),variantId:v.id.toString(),price:v.price,quantity:1,tierIndex:r}]});else{if(!v.available||!d(n,r))return;s(n,r)}},disabled:!v.available||!d(n,r)},C?"Added":v.available?"ADD TO BOX":"Out of Stock")),f&&e.createElement(Bp,{product:n,tierIdx:r,isOpen:f,onClose:()=>y(!1),onAddToBundle:(e,t)=>{s(e,t),y(!1)},canAdd:d(n,r),isSelected:C,customizations:o,isMobile:i,splitVariants:x}))},Dp=r=>{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}=r,{customizations:S}=i,[$,B]=t(!1),z=o(null),N=o(null),{totalOriginal:I,hasSavings:F,formattedSavings:P,totalAfterDiscount:D}=(e=>{let t=0,n=0;e.forEach(({items:e,tier:r})=>{const o=r?.discountData;let i=0;e.forEach(e=>{const t=(e.price||0)/100,n=e.quantity||1;i+=t*n}),t+=i;let a=i;if("mov_percentage"===o?.type&&o.tiers?.length){const e=[...o.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 r=Math.round(t-n),o=r>0;return{savings:r,totalOriginal:t,totalAfterDiscount:n,hasSavings:o,formattedSavings:o?`₹${r.toLocaleString()}`:"",calculatedDiscountedTotal:Math.round(n)}})(l),A=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)/100;return((e,t,n)=>{const r=e.discountData;if(!r||!r.tiers?.length)return null;const o=[...r.tiers].sort((e,t)=>e.minimumQuantity-t.minimumQuantity),i=[];if("mov_percentage"===r.type){if("number"!=typeof n)return null;const e=o.filter(e=>n>=e.minimumQuantity).pop();e&&i.push(`${e.discountValue}% OFF`);const t=o.find(e=>n<e.minimumQuantity);if(t){const e=t.minimumQuantity-n;i.push(`Add ₹${e} more to get ${t.discountValue}% OFF`)}return i.length?i.join(" + "):null}const a=o.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(r.type){case"percentage_discount_coupon":t=`${e.discountValue}% OFF`;break;case"amount_discount_coupon":t=`₹${e.discountValue} OFF`;break;case"fixed_price_collection":t=`Fixed ₹${e.discountValue}`;break;case"dummy_coupon":t="Discount Applied"}t&&i.push(t)}const l=o.find(e=>t<e.minimumQuantity);if(l){const e=l.minimumQuantity-t;let n=null;switch(r.type){case"percentage_discount_coupon":n=`${l.discountValue}% OFF`;break;case"amount_discount_coupon":n=`₹${l.discountValue} OFF`;break;case"fixed_price_collection":n=`Fixed ₹${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?(B(!0),t=setTimeout(()=>{B(!1)},3e3)):B(!1),()=>{t&&clearTimeout(t)}},[m,g,p]),n(()=>{if(z.current&&T){const e=z.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,r=(e?.discountData?.tiers||[]).filter(e=>n>=e.minimumQuantity).sort((e,t)=>t.discountValue-e.discountValue)[0];return r?.discountValue??0}));if(e<(N.current??0)&&(N.current=e),e>(N.current??0)){N.current=e;const t=document.querySelector(".yt-collection-bundle-next-btn");if(!t)return;const n=t.getBoundingClientRect(),r=(n.left+n.width/2)/window.innerWidth,o=(n.top+n.height/2)/window.innerHeight;Ce({particleCount:100,spread:70,origin:{x:r,y:o},zIndex:9999})}},[l]),e.createElement("div",{ref:z,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:"fixed",bottom:"10px",left:"50%",transform:"translateX(-50%)",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"}},A.length>0&&e.createElement("div",{style:{padding:"4px 8px",background:"#dbdbdbc5",color:"#6c757d",textAlign:"center",fontSize:"12px",fontWeight:500}},A.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,r)=>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,r)=>{const o=i.config.builderTiers.collectionTier.flatMap(e=>e.products).find(e=>e.id.toString()===t.productId);if(!o)return null;const a=v(t.productId),l=p===a;return e.createElement("div",{key:r,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:Op(o.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<r.length-1&&r[n+1].count>0&&e.createElement("div",{style:{color:"#666",paddingInline:"6px",lineHeight:"normal"}},e.createElement(U,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}},"₹",(D??s).toLocaleString()),F?e.createElement(e.Fragment,null,e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},"₹",I.toLocaleString()),e.createElement("div",{style:{background:"#d32f2f",color:"#fff",padding:"2px 8px",borderRadius:S?.borderRadius||"8px",fontSize:"10px",fontWeight:600}},"SAVE ",P)):e.createElement(e.Fragment,null,d>s&&e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},"₹",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(Xc,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}},"₹",(D??s).toLocaleString()),F?e.createElement(e.Fragment,null,e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},"₹",I.toLocaleString()),e.createElement("div",{style:{background:"#d32f2f",color:"#fff",padding:"2px 8px",borderRadius:S?.borderRadius||"8px",fontSize:"10px",fontWeight:600}},"SAVE ",P)):e.createElement(e.Fragment,null,d>s&&e.createElement("div",{style:{fontSize:"14px",color:"#787878",textDecoration:"line-through"}},"₹",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(Xc,null)):p===u?"Checkout":"Next")))},Ap=window?.Shopify?.currency||{rate:1,active:"INR"},_p=e=>{if(!e)return;const t=navigator.language||"en-US",n=Number((Number(e)*Ap.rate).toFixed(2));return new Intl.NumberFormat(t).format(n)},Rp=(e,t)=>t==Ap.active?e:se(Ap.active)||Ap.active,Op=(e,t)=>{if(!e||!e.includes("cdn.shopify")&&!e.includes("/cdn/shop/files/"))return e;try{const n=new URL(e),r=n.searchParams;return r.has("format")||r.set("format","webp"),r.has("quality")||r.set("quality",t?.toString()||"70"),r.has("width")||r.set("width","600"),n.toString()}catch{const n=e.includes("?")?"&":"?";return e+n+`format=webp&quality=70&width=${t?.toString()||"600"}`}},Lp=(e,t,n,r,o,i,a)=>{const l=r.findIndex(t=>t.variantId===e&&(void 0===a||t.tierIndex===a));o(0===n?e=>e.filter((e,t)=>t!==l):-1===l?r=>[...r,{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))},Mp=({bundle:t,currentProductId:n,addToCartFunction:r,addCustomBundleToCart:o,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(os,{bundleAddToCartLoading:l,bundle:t,selectedItems:i,setSelectedItems:a,handleAddToCart:o,handleRemoveItem:c,renderingOnPage:d,selectedItemsQuantity:s??0,bundleSubtotal:p??{price:0,compareAtPrice:0},dispatchAnalyticsEvent:u,fetchStoreDetails:m,productsPagination:g}):"combo"===t.type?e.createElement(ls,{bundle:t,addToCartFunction:r,dispatchAnalyticsEvent:u}):"mixAndMatch"===t.type?e.createElement(yd,{bundle:t,addToCartFunction:r,dispatchAnalyticsEvent:u}):"collection"===t.type?e.createElement(Ip,{config:t,addCustomBundleToCart:o,bundleAddToCartLoading:l}):e.createElement(Os,{bundle:t,currentProductId:n,addToCartFunction:r,dispatchAnalyticsEvent:u}):e.createElement($p,{addToCartFunction:r,bundle:t,dispatchAnalyticsEvent:u}),Vp=c.div`
|
|
4669
4669
|
position: relative;
|
|
4670
4670
|
`,jp=c.button`
|
|
4671
4671
|
border: 1px solid #ccc;
|
|
@@ -4839,7 +4839,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4839
4839
|
transform: scale(1.01);
|
|
4840
4840
|
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
|
|
4841
4841
|
}
|
|
4842
|
-
`,
|
|
4842
|
+
`,ru=c.button`
|
|
4843
4843
|
display: flex;
|
|
4844
4844
|
justify-content: center;
|
|
4845
4845
|
align-items: center;
|
|
@@ -4866,7 +4866,7 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
4866
4866
|
transform: scale(1.01);
|
|
4867
4867
|
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
|
|
4868
4868
|
}
|
|
4869
|
-
`,ru={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},iu=({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[B,z]=t(""),[N,I]=t(null),[F,P]=t({}),D=lr(),[A,_]=t(null),R=r(null);n(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&_(null)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const O=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},[]),L=i(()=>E&&"combo"===E.type?E?.products?.[0]?.productDetails?.variants?.edges?.find(e=>O(E.products[0].productDetails,e?.node?.id)>0)?.node:a?.variants?.find(e=>e?.available),[E,a,O]),[M,V]=t(()=>{if(!E||"combo"!==E.type)return{};const e={};return E?.products?.forEach((t,n)=>{const o=t?.productDetails?.variants?.edges?.find(e=>O(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}),j=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&&V(e=>({...e,...t}))},[E]);n(()=>{const e=L();if(e){z(String(e.id)),I(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])}),P(t)}else if(a?.variants?.length>0){const e=a.variants[0];z(String(e.id)),I(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])}),P(t)}},[a,L]);const W=i(()=>new URLSearchParams(window.location.search).get("variant")||"",[]),H=()=>{const e=W();if(e){const t=a?.variants?.find(t=>String(t?.id)===String(e));if(t&&t?.available){z(String(t.id)),I(t);const e={};a?.options?.forEach((n,o)=>{const r=`option${o+1}`;t?.[r]&&(e[n?.name]=t[r])}),P(e)}else{const e=L();e?(z(String(e.id)),I(e)):a?.variants?.length>0&&(z(String(a.variants[0].id)),I(a.variants[0]))}}};n(()=>{H();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",H),()=>{t=!1,window.removeEventListener("urlChange",H),window.history.pushState=n,window.history.replaceState=o}},[W,a,L]);const q=r(null),[Q,U]=t(1),Y=an(d,d?.currency),G=e.useMemo(()=>{if(!E||"combo"!==E.type)return null;const{price:e,compareAtPrice:t}=Object.entries(M).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,M]),X=e.useMemo(()=>{if(!T||!N)return null;const e=parseFloat(N.price??"0"),t=parseFloat(N.compare_at_price||e.toString()),n=on(e,d?.currency),o=on(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,N,d]);n(()=>{(async()=>{try{if(E&&"combo"===E.type)return;a&&B&&I(a?.variants?.filter(e=>String(e?.id)===String(B))[0])}catch(e){console.error("Error getting selected product variant id")}})()},[a,B,E]),n(()=>{const e=e=>{const t=e;t.detail?.selectedVariants&&V(t.detail.selectedVariants)};return window.addEventListener("yt-combo-bundle-updated",e),()=>{window.removeEventListener("yt-combo-bundle-updated",e)}},[]);const{cartLoading:Z}=tn(),K=r(null),[J,ee]=t(0);n(()=>{K.current&&ee(K.current.offsetWidth)},[]);const te=a?.options?.find(e=>e?.name?.toLowerCase()?.includes("color"))?.name,ne=te?F?.[te]:null,oe=h&&(re=h,0!==Object.keys(re).length||re.constructor!==Object)?h:ru;var re;const{showProductName:ie,showPrice:ae,showVariantSelector:le,showBuyNowButton:ce,showAddToCartButton:se,desktopBarType:de,showProductImage:pe,buyNowCtaTitle:me,addToCartCtaTitle:ge,productInfoVisibility:xe,showBarOnDesktop:fe,ctaButtonFontSize:ye,startsAppearingAtHeight:be,fullyAppearsAtHeight:he,topRibbonText:ve,alwaysPersistent:we}=oe,[Ce,Ee]=t(we?1:0),[ke,Te]=t(we?0:100),[Se,$e]=t(!1);if(n(()=>{if(we)return Ee(1),void Te(0);const e=()=>{const e=window.scrollY;document.documentElement.scrollHeight;const t=be||200,n=he||400;if(e>t){const o=Math.min((e-t)/(n-t),1);Ee(o),Te(100-100*o)}else Ee(0),Te(100)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[we,be,he]),n(()=>{const e=()=>{const e=window.innerWidth<768;$e(e||!1!==fe)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[fe]),a?.variants?.length<1)return null;const Be=a?.available??!0,ze=L(),Ne=E&&"combo"===E.type?E?.products?.[0]?.productDetails?.variants?.edges?.find(e=>e?.node?.id===M?.[0])?.node?.price:N?.price??ze?.price??a?.variants?.[0]?.price;if(0===Number(Ne)&&(!E||"combo"!==E.type))return null;if(!o||!Se)return null;if(h?.excludeProducts?.includes(a?.handle))return null;const Ie=E&&"combo"===E.type?E.products?.every((e,t)=>{const n=M[t];return!!n&&O(e.productDetails,n)>0})??!1:N?.available??!0;return e.createElement(Xp,{className:"yt-sticky-bar-container",$opacity:Ce,$translateY:ke,$desktopBarType:de||"stretch"},e.createElement(Zp,{className:"yt-sticky-bar-inner-container",$desktopBarType:de||"stretch",$themeColor:s,$cornerType:f??"sharp",$cornerRadius:y??20,$themeTextColor:b,$productInfoVisibility:xe,$topRibbonText:ve,$backgroundColor:w},xe&&e.createElement(Kp,null,pe&&e.createElement(Jp,{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)(N,a),alt:N?.name}),e.createElement(eu,{ref:K,className:"yt-sticky-bar-product-details"},ie&&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}`),ne&&e.createElement("span",{style:{fontSize:"11px",color:"#666",backgroundColor:"#f1f1f1",padding:"2px 6px",borderRadius:"10px",border:"1px solid #ddd"}},ne)),a?.variants?.length>1&&le&&e.createElement(Yp,{className:"yt-sticky-bar-option-container",ref:R},a?.options?.map(t=>{const n=D?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase()),o=F[t.name],r=A===t.name,i=e=>{((e,t)=>{const n={...F,[e]:t};P(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&&(z(String(o.id)),I(o)),E&&"combo"===E?.type&&j(n)})(t.name,e),_(null)},l=ar(n,o);return e.createElement("div",{key:t.name,style:{display:"flex",alignItems:"center",gap:"8px"}},e.createElement(Gp,null,t.name),e.createElement(Vp,null,e.createElement(jp,{onClick:()=>{_(r?null:t.name)},className:"yt-sticky-bar-dropdown-button"},"color"===n?.type&&l?.value?e.createElement(qp,{$colorValue:l.value}):"image"===n?.type&&l?.value?e.createElement(Qp,{src:l.value}):null,o,e.createElement(Up,{size:8,$isOpen:r})),r&&e.createElement(Wp,{$backgroundColor:w,className:"yt-sticky-bar-dropdown-panel"},t.values.map(t=>{const o=ar(n,t);return e.createElement(Hp,{className:"yt-sticky-bar-dropdown-item",key:t,onClick:()=>i(t)},"color"===n?.type&&o?.value?e.createElement(qp,{$colorValue:o.value}):"image"===n?.type&&o?.value?e.createElement(Qp,{src:o.value}):null,t)}))))})),ae&&e.createElement(e.Fragment,null,G?G.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"},`${Y}`,_p(G.dealPrice)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${Y}`,_p(G.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 ",`${Y}`,_p(G.savings))):e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${Y}`,_p(G.dealPrice)):X?X.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"},`${Y}`,_p(X.dealPrice)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${Y}`,_p(X.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 ",`${Y}`,_p(X.savings))):e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${Y}`,_p(X.dealPrice)):N?.compare_at_price&&N?.compare_at_price>N?.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"},`${Y}`,on(N?.price,d?.currency)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${Y}`,on(N?.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 ",`${Y}`,on(N?.compare_at_price-N?.price,d?.currency))):e.createElement(e.Fragment,null,e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${Y}`,on(N?.price,d?.currency)))),e.createElement("span",{style:{color:"#6E747B",fontSize:10},className:"yt-sticky-bar-product-tax-inclusion"},"Inclusive of all taxes"))),Be&&e.createElement(tu,{className:"yt-sticky-bar-product-line-item-control",$flexDirection:xe?"row":"column"},se&&e.createElement(ou,{ref:q,onClick:async()=>{if(E&&"combo"===E.type){if(!k)return void console.error("[StickyCart.tsx] comboBundleAddToCartFunction is undefined");const e=Object.entries(M);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}));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)}return}if(T&&T.minimumQuantity>1){if(!$)return void console.error("[StickyCart.tsx] volumeBundleAddToCartFunction is undefined");const e=String(B)??String(a?.variants[0]?.id),t=Array(T.minimumQuantity).fill(e),n=X?Number(X.originalPrice):0;try{await $(n,t)}catch(e){console.error("[StickyCart.tsx] Error adding volume bundle to cart:",e)}return}x&&await x(String(B)??String(a?.variants[0]?.id),Q)},disabled:Z.cartLoading||!Ie,$bgColor:Ie?m:"#d1d5db",$textColor:Ie?g:"#6b7280",className:"yt-sticky-add-to-cart-button",$cornerType:f??"sharp",$cornerRadius:y??20,$fontSize:ye,style:{cursor:Ie?"pointer":"not-allowed",opacity:Ie?1:.6}},Z.cartLoading?e.createElement(ue,{color:"white",loading:Z.cartLoading,size:15}):e.createElement(e.Fragment,null,Ie?ge??"Add to Cart":"Out of Stock")),ce&&e.createElement(nu,{onClick:async()=>{try{v&&await v(String(B)??String(a?.variants[0]?.id),Q)}catch(e){console.error("Error checking out from sticky bar")}},id:"yt-checkout-button",className:"yt-checkout-button",disabled:Z.cartLoading||!Ie,$bgColor:Ie?s:"#d1d5db",$textColor:Ie?b:"#6b7280",$cornerType:f??"sharp",$cornerRadius:y??20,$fontSize:ye,style:{cursor:Ie?"pointer":"not-allowed",opacity:Ie?1:.6}},Z.cartLoading?e.createElement(ue,{color:"white",loading:Z.cartLoading,size:15}):e.createElement(e.Fragment,null,Ie?me??"Buy Now":"Out of Stock")))))},au=c.div`
|
|
4869
|
+
`,ou={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},iu=({showStickyCart:r,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[B,z]=t(""),[N,I]=t(null),[F,P]=t({}),D=ao(),[A,_]=t(null),R=o(null);n(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&_(null)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const O=i((e,t)=>{const n=e?.variants?.edges?.find(e=>e.node.id===t),r=n?.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},[]),L=i(()=>E&&"combo"===E.type?E?.products?.[0]?.productDetails?.variants?.edges?.find(e=>O(E.products[0].productDetails,e?.node?.id)>0)?.node:a?.variants?.find(e=>e?.available),[E,a,O]),[M,V]=t(()=>{if(!E||"combo"!==E.type)return{};const e={};return E?.products?.forEach((t,n)=>{const r=t?.productDetails?.variants?.edges?.find(e=>O(t.productDetails,e?.node?.id)>0)?.node;r?e[n]=r.id:t?.productDetails?.variants?.edges?.length>0&&(e[n]=t.productDetails.variants.edges[0].node.id)}),e}),j=i(e=>{if(!E||"combo"!==E.type)return;const t={};E?.products?.forEach((n,r)=>{const o=n?.productDetails?.variants?.edges?.find(t=>{const r=t?.node;return n?.productDetails?.options?.every((t,n)=>{const o=e?.[t?.name],i=r?.title?.split(" / ")?.at(n);return!(!o||!i)&&o.trim().toLowerCase()===i.trim().toLowerCase()})});o?.node?.id&&(t[r]=o.node.id)}),Object.keys(t).length>0&&V(e=>({...e,...t}))},[E]);n(()=>{const e=L();if(e){z(String(e.id)),I(e);const t={};a?.options&&Array.isArray(a.options)&&a.options.forEach((n,r)=>{const o=`option${r+1}`;e?.[o]&&(t[n?.name]=e[o])}),P(t)}else if(a?.variants?.length>0){const e=a.variants[0];z(String(e.id)),I(e);const t={};a?.options&&Array.isArray(a.options)&&a.options.forEach((n,r)=>{const o=`option${r+1}`;e?.[o]&&(t[n?.name]=e[o])}),P(t)}},[a,L]);const W=i(()=>new URLSearchParams(window.location.search).get("variant")||"",[]),H=()=>{const e=W();if(e){const t=a?.variants?.find(t=>String(t?.id)===String(e));if(t&&t?.available){z(String(t.id)),I(t);const e={};a?.options?.forEach((n,r)=>{const o=`option${r+1}`;t?.[o]&&(e[n?.name]=t[o])}),P(e)}else{const e=L();e?(z(String(e.id)),I(e)):a?.variants?.length>0&&(z(String(a.variants[0].id)),I(a.variants[0]))}}};n(()=>{H();const e=new Event("urlChange");let t=!0;const n=window.history.pushState,r=window.history.replaceState;return window.history.pushState=function(){t&&(n.apply(this,arguments),window.dispatchEvent(e))},window.history.replaceState=function(){t&&(r.apply(this,arguments),window.dispatchEvent(e))},window.addEventListener("urlChange",H),()=>{t=!1,window.removeEventListener("urlChange",H),window.history.pushState=n,window.history.replaceState=r}},[W,a,L]);const q=o(null),[Q,U]=t(1),Y=an(d,d?.currency),G=e.useMemo(()=>{if(!E||"combo"!==E.type)return null;const{price:e,compareAtPrice:t}=Object.entries(M).reduce((e,[t,n])=>{const r=E.products?.[Number(t)],o=r?.productDetails?.variants?.edges?.find(e=>e?.node?.id===n)?.node,i=parseFloat(o?.price??"0"),a=parseFloat(o?.compareAtPrice||i.toString());return e.price+=i,e.compareAtPrice+=a,e},{price:0,compareAtPrice:0}),n=Math.max(e,t);let r=Math.min(e,t);return E?.percentageOff?r=e*(1-E.percentageOff/100):E?.dealAmount?r=E.dealAmount:E?.amountOff&&(r=e-E.amountOff),{originalPrice:n.toFixed(2),dealPrice:r.toFixed(2),savings:(n-r).toFixed(2),hasSavings:n>r}},[E,M]),X=e.useMemo(()=>{if(!T||!N)return null;const e=parseFloat(N.price??"0"),t=parseFloat(N.compare_at_price||e.toString()),n=rn(e,d?.currency),r=rn(t,d?.currency),o=T.minimumQuantity,i=Math.max(n,r)*o;let a=n*o;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,N,d]);n(()=>{(async()=>{try{if(E&&"combo"===E.type)return;a&&B&&I(a?.variants?.filter(e=>String(e?.id)===String(B))[0])}catch(e){console.error("Error getting selected product variant id")}})()},[a,B,E]),n(()=>{const e=e=>{const t=e;t.detail?.selectedVariants&&V(t.detail.selectedVariants)};return window.addEventListener("yt-combo-bundle-updated",e),()=>{window.removeEventListener("yt-combo-bundle-updated",e)}},[]);const{cartLoading:Z}=tn(),K=o(null),[J,ee]=t(0);n(()=>{K.current&&ee(K.current.offsetWidth)},[]);const te=a?.options?.find(e=>e?.name?.toLowerCase()?.includes("color"))?.name,ne=te?F?.[te]:null,re=h&&(oe=h,0!==Object.keys(oe).length||oe.constructor!==Object)?h:ou;var oe;const{showProductName:ie,showPrice:ae,showVariantSelector:le,showBuyNowButton:ce,showAddToCartButton:se,desktopBarType:de,showProductImage:pe,buyNowCtaTitle:me,addToCartCtaTitle:ge,productInfoVisibility:xe,showBarOnDesktop:fe,ctaButtonFontSize:ye,startsAppearingAtHeight:be,fullyAppearsAtHeight:he,topRibbonText:ve,alwaysPersistent:we}=re,[Ce,Ee]=t(we?1:0),[ke,Te]=t(we?0:100),[Se,$e]=t(!1);if(n(()=>{if(we)return Ee(1),void Te(0);const e=()=>{const e=window.scrollY;document.documentElement.scrollHeight;const t=be||200,n=he||400;if(e>t){const r=Math.min((e-t)/(n-t),1);Ee(r),Te(100-100*r)}else Ee(0),Te(100)};return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}},[we,be,he]),n(()=>{const e=()=>{const e=window.innerWidth<768;$e(e||!1!==fe)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[fe]),a?.variants?.length<1)return null;const Be=a?.available??!0,ze=L(),Ne=E&&"combo"===E.type?E?.products?.[0]?.productDetails?.variants?.edges?.find(e=>e?.node?.id===M?.[0])?.node?.price:N?.price??ze?.price??a?.variants?.[0]?.price;if(0===Number(Ne)&&(!E||"combo"!==E.type))return null;if(!r||!Se)return null;if(h?.excludeProducts?.includes(a?.handle))return null;const Ie=E&&"combo"===E.type?E.products?.every((e,t)=>{const n=M[t];return!!n&&O(e.productDetails,n)>0})??!1:N?.available??!0;return e.createElement(Xp,{className:"yt-sticky-bar-container",$opacity:Ce,$translateY:ke,$desktopBarType:de||"stretch"},e.createElement(Zp,{className:"yt-sticky-bar-inner-container",$desktopBarType:de||"stretch",$themeColor:s,$cornerType:f??"sharp",$cornerRadius:y??20,$themeTextColor:b,$productInfoVisibility:xe,$topRibbonText:ve,$backgroundColor:w},xe&&e.createElement(Kp,null,pe&&e.createElement(Jp,{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)(N,a),alt:N?.name}),e.createElement(eu,{ref:K,className:"yt-sticky-bar-product-details"},ie&&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}`),ne&&e.createElement("span",{style:{fontSize:"11px",color:"#666",backgroundColor:"#f1f1f1",padding:"2px 6px",borderRadius:"10px",border:"1px solid #ddd"}},ne)),a?.variants?.length>1&&le&&e.createElement(Yp,{className:"yt-sticky-bar-option-container",ref:R},a?.options?.map(t=>{const n=D?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase()),r=F[t.name],o=A===t.name,i=e=>{((e,t)=>{const n={...F,[e]:t};P(n);const r=a?.variants?.find(e=>a?.options?.every((t,r)=>{const o=n?.[t?.name],i=e?.[`option${r+1}`];return"string"==typeof o&&"string"==typeof i?o.trim().toLowerCase()===i.trim().toLowerCase():o===i}));r&&(z(String(r.id)),I(r)),E&&"combo"===E?.type&&j(n)})(t.name,e),_(null)},l=io(n,r);return e.createElement("div",{key:t.name,style:{display:"flex",alignItems:"center",gap:"8px"}},e.createElement(Gp,null,t.name),e.createElement(Vp,null,e.createElement(jp,{onClick:()=>{_(o?null:t.name)},className:"yt-sticky-bar-dropdown-button"},"color"===n?.type&&l?.value?e.createElement(qp,{$colorValue:l.value}):"image"===n?.type&&l?.value?e.createElement(Qp,{src:l.value}):null,r,e.createElement(Up,{size:8,$isOpen:o})),o&&e.createElement(Wp,{$backgroundColor:w,className:"yt-sticky-bar-dropdown-panel"},t.values.map(t=>{const r=io(n,t);return e.createElement(Hp,{className:"yt-sticky-bar-dropdown-item",key:t,onClick:()=>i(t)},"color"===n?.type&&r?.value?e.createElement(qp,{$colorValue:r.value}):"image"===n?.type&&r?.value?e.createElement(Qp,{src:r.value}):null,t)}))))})),ae&&e.createElement(e.Fragment,null,G?G.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"},`${Y}`,_p(G.dealPrice)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${Y}`,_p(G.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 ",`${Y}`,_p(G.savings))):e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${Y}`,_p(G.dealPrice)):X?X.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"},`${Y}`,_p(X.dealPrice)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${Y}`,_p(X.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 ",`${Y}`,_p(X.savings))):e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${Y}`,_p(X.dealPrice)):N?.compare_at_price&&N?.compare_at_price>N?.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"},`${Y}`,rn(N?.price,d?.currency)),e.createElement("span",{style:{textDecoration:"line-through",color:"#6b7280",fontSize:14},className:"yt-sticky-bar-product-compare-price"},`${Y}`,rn(N?.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 ",`${Y}`,rn(N?.compare_at_price-N?.price,d?.currency))):e.createElement(e.Fragment,null,e.createElement("span",{style:{fontWeight:"500",fontSize:18,color:C},className:"yt-sticky-bar-product-price"},`${Y}`,rn(N?.price,d?.currency)))),e.createElement("span",{style:{color:"#6E747B",fontSize:10},className:"yt-sticky-bar-product-tax-inclusion"},"Inclusive of all taxes"))),Be&&e.createElement(tu,{className:"yt-sticky-bar-product-line-item-control",$flexDirection:xe?"row":"column"},se&&e.createElement(ru,{ref:q,onClick:async()=>{if(E&&"combo"===E.type){if(!k)return void console.error("[StickyCart.tsx] comboBundleAddToCartFunction is undefined");const e=Object.entries(M);if(0===e.length)return;const t=e.map(([,e])=>e),n=e.map(([e,t])=>{const n=E?.products?.[Number(e)],r=n?.productDetails?.variants?.edges?.find(e=>e?.node?.id===t)?.node;return r?{variantId:t,price:Number(r?.price),compareAtPrice:Number(r?.compareAtPrice||r?.price)}:null}).filter(e=>null!==e),r=n.reduce((e,t)=>e+Math.max(t.compareAtPrice,t.price),0),o=n.reduce((e,t)=>e+t.price,0);let i=Math.min(r,o);E?.percentageOff?i=o*(1-E.percentageOff/100):E?.dealAmount?i=E.dealAmount:E?.amountOff&&(i=o-E.amountOff);const a=n.map(({variantId:e,price:t})=>({variantId:e,price:t}));try{await k(Number(r.toFixed(2)),t,Number(i.toFixed(2)),a)}catch(e){console.error("[StickyCart.tsx] Error adding combo bundle to cart:",e)}return}if(T&&T.minimumQuantity>1){if(!$)return void console.error("[StickyCart.tsx] volumeBundleAddToCartFunction is undefined");const e=String(B)??String(a?.variants[0]?.id),t=Array(T.minimumQuantity).fill(e),n=X?Number(X.originalPrice):0;try{await $(n,t)}catch(e){console.error("[StickyCart.tsx] Error adding volume bundle to cart:",e)}return}x&&await x(String(B)??String(a?.variants[0]?.id),Q)},disabled:Z.cartLoading||!Ie,$bgColor:Ie?m:"#d1d5db",$textColor:Ie?g:"#6b7280",className:"yt-sticky-add-to-cart-button",$cornerType:f??"sharp",$cornerRadius:y??20,$fontSize:ye,style:{cursor:Ie?"pointer":"not-allowed",opacity:Ie?1:.6}},Z.cartLoading?e.createElement(ue,{color:"white",loading:Z.cartLoading,size:15}):e.createElement(e.Fragment,null,Ie?ge??"Add to Cart":"Out of Stock")),ce&&e.createElement(nu,{onClick:async()=>{try{v&&await v(String(B)??String(a?.variants[0]?.id),Q)}catch(e){console.error("Error checking out from sticky bar")}},id:"yt-checkout-button",className:"yt-checkout-button",disabled:Z.cartLoading||!Ie,$bgColor:Ie?s:"#d1d5db",$textColor:Ie?b:"#6b7280",$cornerType:f??"sharp",$cornerRadius:y??20,$fontSize:ye,style:{cursor:Ie?"pointer":"not-allowed",opacity:Ie?1:.6}},Z.cartLoading?e.createElement(ue,{color:"white",loading:Z.cartLoading,size:15}):e.createElement(e.Fragment,null,Ie?me??"Buy Now":"Out of Stock")))))},au=c.div`
|
|
4870
4870
|
width: 100%;
|
|
4871
4871
|
height: 100%;
|
|
4872
4872
|
display: flex;
|
|
@@ -5297,4 +5297,4 @@ import e,{useState as t,useEffect as n,useMemo as o,useRef as r,useCallback as i
|
|
|
5297
5297
|
&:hover {
|
|
5298
5298
|
border-color: ${({$themeColor:e})=>e||"#000"};
|
|
5299
5299
|
}
|
|
5300
|
-
`,Bu=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]=ie(nn),w=ae(Gt),C=r(null),[E,k]=t(null),[T,S]=t(!1),[$,B]=t({}),[z,N]=t(h?.variantId),[I,F]=t(h?.quantity||1),[P,D]=t(!1),A=lr();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){N(String(t.id));const n={};e.options.forEach((e,o)=>{n[e.name]=t[`option${o+1}`]}),B(n)}else N(void 0),B({})}k(e)}})()},[E,l,h]);const _=(e,t)=>{const n={...$,[e]:t};B(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&&N(String(o.id))}},R=E?.variants?.find(e=>String(e.id)===String(z)),O=an(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:P?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(au,{ref:b,className:"yt-variant-selection-popup"},e.createElement(cu,{ref:C,style:{backgroundColor:p||"white",opacity:P?1:0,transform:P?"translateY(0)":"translateY(20px)"},$themeColor:c,onClick:e=>e.stopPropagation()},h?.freebieSelection&&e.createElement(lu,null,h?.stealDealSelection?"Unlocked Steal Deal":"Unlocked Freebie"),e.createElement(du,null,e.createElement(pu,null,e.createElement(uu,null,e.createElement(mu,{src:R?.featured_image?.src??E?.featured_image,alt:R?.featured_image?.alt??E?.title})),e.createElement(gu,null,e.createElement(xu,{$themeColor:c,$primaryTextColor:y,href:`${E?.url}?variant=${R?.id}`},E?.title),e.createElement(Tu,null,e.createElement(fu,null,e.createElement(yu,{$primaryTextColor:y},O,on(R?.price,w?.currency??"INR")),null!=R?.compare_at_price&&null!=R?.price&&R.compare_at_price>R.price&&e.createElement(bu,null,O,on(R?.compare_at_price,w?.currency??"INR"))),!h?.freebieSelection&&e.createElement(er,{value:I,handleItemQuantityIncrement:async()=>{F(e=>e+1)},handleItemQuantityDecrement:async()=>{I>1&&F(e=>e-1)},cartComponentsCornerRadius:s,cartComponentsCornerType:d,backgroundSubdued:f})))),E?.options?.map(t=>{const n=A?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase());return e.createElement(vu,{key:t.name},e.createElement(Cu,null,e.createElement("span",null,"Select ",t.name),$[t.name]&&e.createElement(Eu,null,$[t.name])),e.createElement(ku,null,L[t.name]?.map(o=>{const r=$[t.name]===o,i=ar(n,o);return"color"===n?.type&&i?.value?e.createElement(Su,{key:o,$isSelected:r,$themeColor:c,onClick:()=>_(t.name,o),$colorValue:i.value}):"image"===n?.type&&i?.value?e.createElement($u,{key:o,$isSelected:r,$themeColor:c,onClick:()=>_(t.name,o),$imageUrl:i.value}):e.createElement(wu,{$themeColor:c,key:o,$isSelected:r,backgroundColor:r?c:void 0,onClick:()=>_(t.name,o)},o)})))})),e.createElement(hu,{className:"yt-cart-variant-popup-ATC-button",$themeColor:c??"#C33",onClick:h?.productRec?async()=>{if(z&&a){S(!0);try{await a(z,I,"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(!z)return;const e=!!h?.lineItemKey,t=String(z)!==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(z,h.allowedVariantIds):e&&m?await m(z,h.allowedVariantIds):a&&z&&await a(z,I,"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:!z||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(au,{ref:b},e.createElement(cu,{style:{backgroundColor:p||"white"}},e.createElement(su,null,e.createElement(me,{color:c||"#868E96"}))))});Bu.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]=ie(nn),w=ae(Gt),[C,E]=t(null),[k,T]=t(!1),[S,$]=t({}),[B,z]=t(h?.variantId),[N,I]=t(h?.quantity||1),F=r(null),P=lr(),[D,A]=t(!1);n(()=>{h?.open?setTimeout(()=>{A(!0)},10):A(!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){z(String(t.id));const n={};e.options.forEach((e,o)=>{n[e.name]=t[`option${o+1}`]}),$(n)}else z(void 0),$({})}E(e)}catch(e){}})()},[C,l,h]),n(()=>{},[p,i,a,l]);const _=(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&&z(String(o.id))}},R=C?.variants?.find(e=>String(e.id)===String(B)),O=an(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:()=>{A(!1),setTimeout(()=>{v({open:!1,variantId:void 0,handle:void 0,quantity:void 0})},300)}}),e.createElement(au,{ref:b,className:"yt-variant-selection-popup"},e.createElement(cu,{ref:F,style:{backgroundColor:p||"white",opacity:D?1:0,transform:D?"translateY(0)":"translateY(20px)"},$themeColor:c,onClick:e=>e.stopPropagation()},h?.freebieSelection&&e.createElement(lu,null,h?.stealDealSelection?"Unlocked Steal Deal":"Unlocked Freebie"),e.createElement(du,null,e.createElement(pu,null,e.createElement(uu,null,e.createElement(mu,{src:R?.featured_image?.src??C?.featured_image,alt:R?.featured_image?.alt??C?.title})),e.createElement(gu,null,e.createElement(xu,{$themeColor:c,$primaryTextColor:y,href:`${C?.url}?variant=${R?.id}`},C?.title),e.createElement(Tu,null,e.createElement(fu,null,e.createElement(yu,{$primaryTextColor:y},O,on(R?.price,w?.currency??"INR")),null!=R?.compare_at_price&&null!=R?.price&&R.compare_at_price>R.price&&e.createElement(bu,null,O,on(R?.compare_at_price,w?.currency??"INR"))),!h?.freebieSelection&&e.createElement(er,{value:N,handleItemQuantityIncrement:async()=>{I(e=>e+1)},handleItemQuantityDecrement:async()=>{N>1&&I(e=>e-1)},cartComponentsCornerRadius:s,cartComponentsCornerType:d,backgroundSubdued:f})))),C?.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(Cu,null,e.createElement("span",null,"Select ",t.name,":"),S[t.name]&&e.createElement(Eu,null,S[t.name])),e.createElement(ku,null,L[t.name]?.map(o=>{const r=S[t.name]===o,i=ar(n,o);return"color"===n?.type&&i?.value?e.createElement(Su,{key:o,$isSelected:r,$themeColor:c,onClick:()=>_(t.name,o),$colorValue:i.value}):"image"===n?.type&&i?.value?e.createElement($u,{key:o,$isSelected:r,$themeColor:c,onClick:()=>_(t.name,o),$imageUrl:i.value}):e.createElement(wu,{$themeColor:c,key:o,$isSelected:r,backgroundColor:r?c:void 0,onClick:()=>_(t.name,o)},o)})))})),e.createElement(hu,{className:"yt-cart-variant-popup-ATC-button",$themeColor:c??"#C33",onClick:h?.productRec?async()=>{if(B&&a){T(!0);try{await a(B,N,"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(!B)return;const e=!!h?.lineItemKey,t=String(B)!==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(B,h.allowedVariantIds):e&&m?await m(B,h.allowedVariantIds):a&&B&&await a(B,N,"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:!B||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(au,{ref:b},e.createElement(cu,{style:{backgroundColor:p||"white"}},e.createElement(su,null,e.createElement(me,{color:c||"#868E96"}))))});const Nu=({setIsCartOpen:t,isCartOpen:n,cartCheckpoints:o,customCartProgressBarCriteria:r,floatingCartData:i,effectiveQuantityForProgressBar:a,cartComponentsCornerType:l,cartComponentsCornerRadius:c})=>{const s=ae(Gt),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=on(s?.items_subtotal_price??0,s?.currency??"INR"),x=an(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(()=>{mn(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},B={display:"flex",alignItems:"center",gap:12,padding:"10px 12px",backgroundColor:v,cursor:"pointer"},z={display:"flex",alignItems:"center",gap:8,fontWeight:700,fontSize:16,color:h},N={fontSize:12,color:h,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},I={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}${gn(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 F=1===m?"1 item":`${m} items`,P=i?.lastTierUnlockedText||"Best tier unlocked",D=f.show?f.isQuantity?`${f.deltaValue} more items to get freebie`:`Add items worth ${x}${gn(f.deltaValue.toFixed(0))} more to get freebie`:P;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}},D)),e.createElement("div",{style:S},e.createElement("div",{className:"yt-cart-floating-body",style:B,onClick:()=>t(!0)},e.createElement(_,{width:24,height:24,color:h}),e.createElement("div",{style:{display:"flex",flexDirection:"column",minWidth:0,flex:1,lineHeight:"normal"}},e.createElement("div",{style:z},e.createElement("span",null,x,gn(g.toFixed(0))),e.createElement("span",{style:{fontSize:9,fontWeight:600,color:"#fff",backgroundColor:"#828282",marginBottom:5,paddingInline:5}},F)),p?e.createElement("span",{style:N,title:d},d):null),e.createElement("button",{ref:E,style:I,onClick:()=>t(!0),"aria-label":"View Cart"},"View Cart")))))},Iu=({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:B,removeDiscount:z,applyDiscount:N,discountApplied:I,checkoutFunction:F,joinNowFunction:P,guestLoyaltyPercentage:D,showToggleButton:A,isOpen:_,setIsOpen:R,isDev:O,switchWidthVariant:L,recProductsList:M,showMultiStepProgressBar:V,cartCheckpoints:j,redemptionRate:W,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:ae,showProductRecsOnDesktop:ce,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:Be,showEditOptionOnProducts:ze,getProductDetailsByVariantId:Ne,onSetLoading:Ie,showVariantSelectionDropdownInProductRecs:Fe,originalCartSubtotal:Pe,currentTier:De,freebieProductsInCart:Ae,showFreebieClaim:_e,addFreebieToCart:Re,freebiesInCart:Oe,effectiveQuantityForProgressBar:Le,productPercentageOffMapping:Me,removeFreebieFromCart:Ve,postalCodeList:je,enableGeoLocationDeliveryRestriction:We,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:Bt,loyaltyDiscount:zt,brandTokenName:Nt,showDiscountOnMRP:It,prefixMessageText:Ft,suffixMessageText:Pt,successMessageText:Dt,toggleDecimal:At,cartOffersCarouselHeight:_t,disableCheckoutButton:Rt,showEmptyCartRecommendations:Ot,emptyProductRecsTitleText:Lt,checkoutButtonBottomSpacing:Mt,applyCouponCode:Vt,showApplyCoupon:jt,enableConfetti:Wt,showCheckoutButtonPaymentIcons:Ht=!0,showCouponOptions:qt,rewardCoupons:Qt,comboBundleData:Ut,comboBundleAddToCartFunction:Yt,stealDealCheckpoints:Xt,stealDealProducts:Zt,stealDealAddToCart:Kt,useCartShell:Jt,showTrustedBadge:en,trustedBadgeData:tn})=>{const on=le(Gt),[rn,an]=ie(nn),[ln,cn]=ie(Ji),sn=()=>R(!_),[dn,pn]=t(()=>{const e=window.ytComboBundle;return{comboBundleData:e?.bundle??null,comboBundleAddToCartFunction:e?.addToCart??null}});n(()=>{const e=e=>{const t=e.detail;pn({comboBundleData:t?.bundle??null,comboBundleAddToCartFunction:t?.addToCart??null})};return window.addEventListener("yt-combo-bundle-updated",e),()=>window.removeEventListener("yt-combo-bundle-updated",e)},[]);const un=dn.comboBundleData??Ut,mn=dn.comboBundleAddToCartFunction??Yt,[gn,xn]=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;xn({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 fn=r(null),yn=r(0);a(()=>{if(v){const e=v?.token??null,t="number"==typeof v?.cartUpdatedAtMs?v.cartUpdatedAtMs:void 0;e!==fn.current&&(fn.current=e,yn.current=t??0);const n=yn.current;if(!(void 0===t||t>=n))return;void 0!==t&&(yn.current=t),on(v)}},[v]);const bn=r(null);n(()=>{function e(e){bn.current&&!bn.current.contains(e.target)&&(an({open:!1,variantId:void 0,quantity:void 0,handle:void 0}),cn({isOpen:!1}))}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const[hn,vn]=t(!1);return n(()=>{const e=()=>{vn(window.innerWidth>=768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),n(()=>{if(!Jt)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")))},[_,Jt,rt,it,h]),n(()=>{if(!Jt)return;const e=window.ytCartShell,t=e?.getOverlayElement?.();if(!t)return;const n=()=>R(!1);return t.addEventListener("click",n),()=>t.removeEventListener("click",n)},[Jt,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:sn},_?"Close Drawer":"Open Drawer"),!Jt&&_&&h&&!(rt&&it)&&e.createElement("div",{onClick:sn,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(jl,{useCartShell:Jt,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:B,removeDiscount:z,applyDiscount:N,discountApplied:I,checkoutFunction:F,joinNowFunction:P,guestLoyaltyPercentage:D,isDev:O,switchWidthVariant:L,recProductsList:M,showMultiStepProgressBar:V,cartCheckpoints:j,redemptionRate:W,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:ae,showProductRecsOnDesktop:ce,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:Be,showEditOptionOnProducts:ze,onSetLoading:Ie,showVariantSelectionDropdownInProductRecs:Fe,originalCartSubtotal:Pe,currentTier:De,freebieProductsInCart:Ae,cartOffersCarousalData:wt,showFreebieClaim:_e,addFreebieToCart:Re,freebiesInCart:Oe,effectiveQuantityForProgressBar:Le,productPercentageOffMapping:Me,removeFreebieFromCart:Ve,postalCodeList:je,enableGeoLocationDeliveryRestriction:We,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:Bt,loyaltyDiscount:zt,getProductDetailsByVariantId:Ne,brandTokenName:Nt,showDiscountOnMRP:It??!0,prefixMessageText:Ft,suffixMessageText:Pt,successMessageText:Dt,toggleDecimal:At,cartOffersCarouselHeight:_t,disableCheckoutButton:Rt,showEmptyCartRecommendations:Ot,emptyProductRecsTitleText:Lt,checkoutButtonBottomSpacing:Mt,applyCouponCode:Vt,showApplyCoupon:jt,enableConfetti:Wt,showCheckoutButtonPaymentIcons:Ht,stealDealCheckpoints:Xt,stealDealProducts:Zt,stealDealAddToCart:Kt,showCouponOptions:qt,rewardCoupons:Qt,showTrustedBadge:en,trustedBadgeData:tn}),Ge&&Xe&&d&&e.createElement(iu,{showStickyCart:Ge,stickyCartCustomizationData:vt,product:Xe,addCartItem:d,onSetLoading:Ie,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:un,comboBundleAddToCartFunction:mn,volumeBundleCurrentTier:gn.currentTier,volumeBundleData:gn.bundle,volumeBundleAddToCartFunction:gn.volumeBundleAddToCartFunction}),hn&&rn.open&&e.createElement(Bu,{backgroundColor:x,ref:bn,isDev:O,removeCartItem:s,addCartItem:d,getProductDetailsByVariantId:Ne,themeColor:de,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt,removeFreebieFromCart:Ve,freebieClaimAddToCart:Re,stealDealAddToCart:Kt,productClaimCtaButtonText:Ye?.productClaimCtaButtonText,backgroundSubdued:f??"#F5F5F5",primaryTextColor:ne}),!hn&&rn.open&&e.createElement(zu,{ref:bn,isDev:O,removeCartItem:s,addCartItem:d,getProductDetailsByVariantId:Ne,themeColor:de,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt,backgroundColor:x,removeFreebieFromCart:Ve,freebieClaimAddToCart:Re,stealDealAddToCart:Kt,productClaimCtaButtonText:Ye?.productClaimCtaButtonText,backgroundSubdued:f??"#F5F5F5",primaryTextColor:ne})),!hn&&ut&&e.createElement(Nu,{isCartOpen:_,setIsCartOpen:R,cartCheckpoints:j,customCartProgressBarCriteria:K,floatingCartData:mt,effectiveQuantityForProgressBar:Le,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt}))};ft(".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 Fu=()=>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"},"")))));ft("\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");ft('.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-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-card {\n flex: 0 0 360px;\n min-height: 430px;\n border: 1px solid;\n display: flex;\n flex-direction: column;\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 border-right: 2px solid #AA5E81;\nborder-bottom: 3px solid #AA5E81;\n\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-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 Pu({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}ft(".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 Du={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",buttonBorderColor:"#AA5E81",borderColor:"#E2E2E8",roundness:0,ctaText:"Sign in to access",coinBalanceLabel:"Balance:"},Au=e=>{if(null==e||""===e)return null;const t="number"==typeof e?e.toString():e;return t.includes("₹")?t:`₹${t}`},_u=({config:i})=>{const a={...Du,...i},{sectionTitle:l,catalogBanner:c,coinBalance:s,coinBalanceLabel:d,coinIconUrl:p,display:u,alignment:m,titleFontSize:g,titleColor:x,cardBackgroundColor:f,buttonColor:y,buttonTextColor:b,buttonBorderColor:h,borderColor:v,roundness:w,tiers:C,selectedTierId:E,products:k,ctaText:T}=a,S=r(null),[$,B]=t(!1),[z,N]=t(!1),[I,F]=t(null),P=o(()=>k,[k]),D=e=>{if(!S.current)return;const t=.8*S.current.clientWidth;S.current.scrollBy({left:"left"===e?-t:t,behavior:"smooth"})};n(()=>{const e=S.current;if(!e)return;const t=()=>{const t=e.scrollWidth-e.clientWidth;B(e.scrollLeft>1),N(e.scrollLeft<t-1)};return t(),e.addEventListener("scroll",t,{passive:!0}),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[P.length]);const A="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,e.createElement("div",{className:A,ref:S},P.map(t=>{const n=I===t.id;return e.createElement("article",{key:t.id,className:"lpc-card",style:{background:f,borderColor:v,borderRadius:`${w||0}px`}},e.createElement("div",{className:"lpc-imageWrap"},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"},Au(t.mrp)?e.createElement(e.Fragment,null,e.createElement("span",{className:"lpc-priceMuted"},"MRP:"),e.createElement("span",{className:"lpc-priceStrikethrough"},Au(t.mrp))):null,Au(t.price)?e.createElement("span",{className:"lpc-priceNow"},Au(t.price)):null,Au(t.price)?e.createElement("span",{className:"lpc-pricePlus"},"+"):null,p?e.createElement("img",{className:"lpc-coinIcon",src:p,alt:"Coin icon"}):null,e.createElement("span",{className:"lpc-priceCoins"},t.coinsRequired," coins"))),e.createElement("button",{className:"lpc-cta",style:{background:y,color:b,borderColor:h,opacity:t.disabled?.55:1},type:"button","aria-busy":n,disabled:Boolean(t.disabled)||null!==I,onClick:async()=>{if(t.onButtonClick&&!t.disabled&&null===I)try{F(t.id),await t.onButtonClick(t)}finally{F(null)}}},n?e.createElement(Pu,{size:18,color:"#fff",centered:!0}):t.buttonText||T))})),"scroll"===u?e.createElement("div",{className:"lpc-nav"},e.createElement("button",{className:"lpc-navBtn "+($?"lpc-navBtn--enabled":""),type:"button",onClick:()=>D("left"),disabled:!$},e.createElement(ct,null)),e.createElement("button",{className:"lpc-navBtn "+(z?"lpc-navBtn--enabled":""),type:"button",onClick:()=>D("right"),disabled:!z},e.createElement(st,null))):null)},Ru=({config:t,brandConfig:n})=>{const{heroDesktopImage:o,heroMobileImage:r,heroTitle:i="ZERO WASTE PREMIUM PET CARE",heroSubtitle:a="Earn Doglycoins for exclusive rewards every time you shop.",heroTextAlignment:l="left",heroSubtitleFontSize:c="18px",heroSubtitleColor:s="#000000",heroSubtitleFontWeight:d="400",heroTitleFontSize:p="48px",heroTitleColor:u="#000000",heroRegistrationCTAVisibility:m=!0,primaryColor:g="#1C1C1D",primaryContrastColor:x="#FFFFFF",secondaryColor:f="#FFFFFF",secondaryContrastColor:y="#000000",accentColor:b="#FFFFFF",borderColor:z="#E5E5E5",themeRoundness:N="0px",heroBannerVisibility:I="show",stepsVisibility:F="show",waysToEarnVisibility:P="show",waysToEarnCustomText:D="Individual rewards of 750 points or more ship FREE. No merchandise purchase required.",customSectionVisibility:A="show",footerSignupVisibility:_="show",customSectionImagePosition:R="left",customSectionTitle:O="Earn Doglycoins every time you shop",customSectionSubtitle:L="Collect more Doglycoins by entering your birthday, following us on social or referring a friend (details below)\n\nRedeem your Doglycoins for cash off at checkout by signing in or creating an account. Did you shop without registering? No worries, your Credits have been saved for you",customSectionTitleFontSize:M="36px",customSectionSubtitleFontSize:V="18px",customSectionImage:j,customSectionTextAlignment:W="left",customSectionTitleColor:H="#000000",customSectionSubtitleColor:q="#000000",stepsTitle:Q="Getting started is easy",stepsSubtitle:U="Earn Stars and get rewarded in a few easy steps.",step1Title:Y="CREATE AN ACCOUNT",step1Description:G="To get started, Join Now. You can also register on the mobile app to get access to the full range of reward benefits",step2Title:X="ORDER AND EARN REWARDS POINTS",step2Description:Z="Use cash, credit/debit card or save some time and pay right through the app. You'll collect Stars all ways.",step3Title:K="UNLOCK REWARDS AND OFFERS",step3Description:J="As you earn Stars, you can redeem them for Rewards—like free food, drinks, and more. Start redeeming with as little as 25 Stars!",footerCustomText:ee="Individual rewards of 750 points or more ship FREE. No merchandise purchase required.",footerSignupSubtext:te="Use your points to redeem samples and more."}=t||{},ne="undefined"!=typeof window&&window.innerWidth<=768,oe=e=>e&&e.startsWith("//")?`https:${e}`:e,re={padding:"12px 32px",borderRadius:"30px",fontSize:"14px",fontWeight:600,cursor:"pointer",textTransform:"uppercase",border:`1px solid ${g}`,transition:"all 0.3s ease"},ie={...re,backgroundColor:g,color:x,borderColor:g},ae={...re,backgroundColor:f,color:y,borderColor:z},{newSignupTokens:le,firstOrderTokens:ce,instagramFollowPoints:se,twitterFollowPoints:de,facebookFollowPoints:pe,youtubeSubscriptionPoints:ue,rewardToLeaveReview:me,birthdayPoints:ge,referralPointsForReferrer:xe,tokenCreditPercentage:fe,brandTokenName:ye}=n||{},be=[...le?[{icon:e.createElement(h,null),title:`${le} ${ye}`,subtitle:"Create an account"}]:[],...ce?[{icon:e.createElement(v,null),title:`${ce} ${ye}`,subtitle:"Place your first order"}]:[],...fe?[{icon:e.createElement(v,null),title:`${fe}% ${ye}`,subtitle:`Earn ${fe}% back on every order`}]:[],...xe?[{icon:e.createElement(w,null),title:`${xe} ${ye}`,subtitle:"Refer a friend and get"}]:[],...ge?[{icon:e.createElement(C,null),title:`${ge} ${ye}`,subtitle:"Get on your birthday to spend"}]:[],...me?[{icon:e.createElement(E,null),title:`${me} ${ye}`,subtitle:"Write a Review"}]:[],...pe?[{icon:e.createElement(k,null),title:`${pe} ${ye}`,subtitle:"Like on Facebook"}]:[],...se?[{icon:e.createElement(T,null),title:`${se} ${ye}`,subtitle:"Follow on Instagram"}]:[],...de?[{icon:e.createElement(S,null),title:`${de} ${ye}`,subtitle:"Follow on Twitter"}]:[],...ue?[{icon:e.createElement($,null),title:`${ue} ${ye}`,subtitle:"Subscribe on YouTube"}]:[]];return e.createElement("div",{className:"yt-loyalty-page-container",style:{fontFamily:"'Poppins', sans-serif",width:"100%",overflow:"hidden"}},"show"===I&&e.createElement("div",{className:"yt-loyalty-page-hero",style:{position:"relative",minHeight:"500px",display:"flex",alignItems:"center",justifyContent:"center"===l?"center":"right"===l?"flex-end":"flex-start",backgroundImage:`url(${oe(ne&&r?r:o)})`,backgroundSize:"cover",backgroundPosition:"center",padding:ne?"40px 20px":"60px 80px"}},e.createElement("div",{className:"yt-loyalty-page-hero-content",style:{maxWidth:"600px",zIndex:2,textAlign:l}},e.createElement("h1",{className:"yt-loyalty-page-hero-title",style:{fontSize:ne?"32px":p,color:u,marginBottom:"16px",lineHeight:1.1,fontWeight:800,textTransform:"uppercase"}},i),e.createElement("p",{className:"yt-loyalty-page-hero-subtitle",style:{fontSize:c,color:s,fontWeight:Number(d)||400,marginBottom:"32px"}},a),m&&e.createElement("div",{className:"yt-loyalty-page-hero-button-wrapper",style:{display:"flex",gap:"16px",justifyContent:"center"===l?"center":"right"===l?"flex-end":"flex-start"}},e.createElement("button",{className:"yt-loyalty-page-hero-button",style:ie,onClick:()=>{"undefined"!=typeof window&&window.ytapp&&(window.ytapp.loyaltyWidgetOpen=!0,window.dispatchEvent(new Event("loyaltyWidgetOpenChanged")))}},"Join Now")))),"show"===F&&e.createElement("div",{className:"yt-loyalty-page-steps",style:{padding:"40px 20px",position:"relative",textAlign:"center"}},e.createElement("div",{className:"yt-loyalty-page-steps-background-text",style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:"12vw",fontWeight:900,color:"#F5F5F5",zIndex:0,whiteSpace:"nowrap",pointerEvents:"none",opacity:.5}},"GETTING STARTED"),e.createElement("div",{className:"yt-loyalty-page-steps-content",style:{position:"relative",zIndex:1}},e.createElement("h2",{className:"yt-loyalty-page-steps-title",style:{fontSize:"32px",fontWeight:700,marginBottom:"8px",color:"#000"}},Q),e.createElement("p",{className:"yt-loyalty-page-steps-subtitle",style:{color:g,marginBottom:"24px"}},U),e.createElement("div",{className:"yt-loyalty-page-steps-grid",style:{display:"flex",flexDirection:ne?"column":"row",justifyContent:"center",gap:"40px",maxWidth:"1200px",margin:"0 auto"}},[{icon:e.createElement(v,null),title:Y,desc:G},{icon:e.createElement(B,null),title:X,desc:Z},{icon:e.createElement(C,null),title:K,desc:J}].map((t,n)=>e.createElement("div",{key:n,className:"yt-loyalty-page-step-item",style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center"}},e.createElement("div",{className:"yt-loyalty-page-step-icon",style:{width:"80px",height:"80px",borderRadius:"50%",border:"4px solid #ccc",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"32px",color:"#666",marginBottom:"12px"}},t.icon),e.createElement("div",{className:"yt-loyalty-page-step-title",style:{fontSize:"16px",fontWeight:700,color:g,textTransform:"uppercase",lineHeight:"normal"}},t.title),e.createElement("p",{className:"yt-loyalty-page-step-description",style:{fontSize:"13px",color:g,lineHeight:1.2,maxWidth:"300px"}},t.desc)))))),"show"===P&&e.createElement("div",{className:"yt-loyalty-page-ways-to-earn",style:{padding:"40px 20px",position:"relative",borderTop:"1px solid #eee"}},e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-background-text",style:{position:"absolute",top:ne?"10%":"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:"12vw",fontWeight:900,color:"#F5F5F5",zIndex:0,whiteSpace:"nowrap",pointerEvents:"none",opacity:.5}},"WAYS TO EARN"),e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-grid",style:{position:"relative",zIndex:1,maxWidth:"1000px",margin:"0 auto",display:"flex",flexWrap:"wrap",justifyContent:"center",gap:"12px"}},be.map((t,n)=>e.createElement("div",{key:n,className:"yt-loyalty-page-ways-to-earn-item",style:{width:ne?"100%":"220px",border:"2px solid #ddd",padding:"12px 8px",display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",borderRadius:N,boxShadow:"-1px 2px 3px rgba(0,0,0,0.1)"}},e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-icon",style:{fontSize:"32px",marginBottom:"4px",color:"#1a1a2e"}},t.icon),e.createElement("h3",{className:"yt-loyalty-page-ways-to-earn-title",style:{fontSize:"13px",fontWeight:700,marginBottom:"2px",textTransform:"uppercase",color:"#000"}},t.title),e.createElement("p",{className:"yt-loyalty-page-ways-to-earn-subtitle",style:{fontSize:"11px",color:"#666"}},t.subtitle)))),D&&e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-custom-text",style:{maxWidth:"1000px",margin:"24px auto 0",backgroundColor:b,color:"#fff",padding:"16px",textAlign:"center",fontSize:"12px",fontStyle:"italic",borderRadius:"4px"}},D)),"show"===A&&e.createElement("div",{className:"yt-loyalty-page-custom-section",style:{padding:ne?"40px 0px":"40px 20px",borderTop:"1px solid #eee"}},e.createElement("div",{className:"yt-loyalty-page-custom-section-container",style:{maxWidth:"1200px",margin:"0 auto",display:"flex",flexDirection:ne?"column":"row",alignItems:"center",gap:"40px",borderRadius:N,overflow:"hidden",backgroundColor:"#F9F9F9"}},e.createElement("div",{className:"yt-loyalty-page-custom-section-image-wrapper",style:{flex:1,width:"100%",order:ne||"left"===R?0:1}},e.createElement("div",{className:"yt-loyalty-page-custom-section-image",style:{display:"flex",width:"100%",height:"300px",backgroundColor:"#ddd",backgroundImage:j?`url(${oe(j)})`:o?`url(${oe(o)})`:void 0,backgroundSize:"cover",backgroundPosition:"center"}})),e.createElement("div",{className:"yt-loyalty-page-custom-section-content",style:{flex:1,paddingInline:ne?"20px":"10px",textAlign:ne?"center":W,order:ne||"left"===R?1:0,marginBottom:ne?"20px":"0px"}},e.createElement("h2",{className:"yt-loyalty-page-custom-section-title",style:{fontSize:M,fontWeight:700,marginBottom:"16px",color:H}},O),e.createElement("p",{className:"yt-loyalty-page-custom-section-subtitle",style:{fontSize:V,color:q,marginBottom:"24px",lineHeight:1.6,whiteSpace:"pre-line"}},L)))),"show"===_&&e.createElement("div",{className:"yt-loyalty-page-footer",style:{marginBottom:"20px"}},e.createElement("div",{className:"yt-loyalty-page-footer-container",style:{maxWidth:"1200px",margin:"0 auto"}},e.createElement("div",{className:"yt-loyalty-page-footer-custom-text",style:{backgroundColor:b,color:"#fff",padding:"16px",textAlign:"center",fontSize:"12px",fontStyle:"italic",borderRadius:"4px"}},ee),e.createElement("div",{className:"yt-loyalty-page-footer-signup",style:{display:"flex",flexDirection:ne?"column":"row",justifyContent:"space-between",alignItems:"center",marginTop:"40px",padding:"20px",border:"1px solid #eee",borderRadius:"4px",gap:"20px",textAlign:ne?"center":"left"}},e.createElement("div",{className:"yt-loyalty-page-footer-signup-content"},e.createElement("h3",{style:{fontSize:"20px",fontWeight:700,marginBottom:"4px",color:"#000",textAlign:ne?"center":"left"}},"Rewards Program"),e.createElement("p",{style:{fontSize:"14px",color:"#666"}},te)),e.createElement("button",{className:"yt-loyalty-page-footer-signup-button",style:ae,onClick:()=>{"undefined"!=typeof window&&window.ytapp&&(window.ytapp.loyaltyWidgetOpen=!0,window.dispatchEvent(new Event("loyaltyWidgetOpenChanged")))}},"JOIN NOW")))))},Ou=({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"}},Wu(o)?e.createElement(b,null):e.createElement(We,null)),e.createElement("div",{style:{fontSize:"clamp(16px, 4vw, 20px)",fontWeight:500,color:"#4C4C4C",lineHeight:"normal",textAlign:"center"}},ju(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(z,null):e.createElement(N,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 A(p,document.body)},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:"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"}},Wu(o)?e.createElement(b,null):e.createElement(We,null)),e.createElement("div",{style:{fontSize:"14px",fontWeight:500,color:"#888",textAlign:"center"}},ju(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(z,null):e.createElement(N,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 A(p,document.body)},Mu=({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(I,{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(F,{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"}},Wu(t)?e.createElement(b,null):e.createElement(We,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"}},ju(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 "))},Vu=({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"}},Wu(t)?e.createElement(b,null):e.createElement(We,null)),e.createElement("div",{style:{flex:1}},e.createElement("div",{style:{fontSize:c?"14px":"15px",fontWeight:600,color:"#000000",lineHeight:"1"}},ju(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"))))))},ju=e=>"free_product"===e.couponType?"deal_amount"===e.freebieType?"Deal":"percentage_off"===e.freebieType?"% Off":"Free Gift":e._customOffer?.code?"Coupon":"Special Deal",Wu=e=>"free_product"===e.couponType&&"deal_amount"!==e.freebieType&&"percentage_off"!==e.freebieType,Hu=({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&&mn(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("Combines with other order discounts"),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(Vu,{offersToShow:y,offersConfig:o||{},getOfferCardMessage:h,setSelectedOffer:b,setShowPopup:l}):"coupon"===t?e.createElement(Mu,{offersToShow:y,offersConfig:o||{},getOfferCardMessage:h,setSelectedOffer:b,setShowPopup:l}):null})(),g?e.createElement(Lu,{selectedOffer:c,selectedOfferTerms:d,showPopup:a,offersConfig:o,onClose:()=>{l(!1),s(null),p(null)}}):e.createElement(Ou,{selectedOffer:c,selectedOfferTerms:d,showPopup:a,offersConfig:o,onClose:()=>{l(!1),s(null),p(null)}}))))};export{Mp as Bundle,Fu as BundleLoader,Iu as Cart,Ru as LoyaltyPageBlock,_u as LoyaltyProductCatalog,Vt as Nudge,Hu as ProductOffers,Yt as SpinnerWheel};
|
|
5300
|
+
`,Bu=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]=ie(nn),w=ae(Gt),C=o(null),[E,k]=t(null),[T,S]=t(!1),[$,B]=t({}),[z,N]=t(h?.variantId),[I,F]=t(h?.quantity||1),[P,D]=t(!1),A=ao();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,r=Array.isArray(n)&&n.length>0;if(t=r?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){N(String(t.id));const n={};e.options.forEach((e,r)=>{n[e.name]=t[`option${r+1}`]}),B(n)}else N(void 0),B({})}k(e)}})()},[E,l,h]);const _=(e,t)=>{const n={...$,[e]:t};B(n);const r=E?.variants?.find(e=>E.options.every((t,r)=>e[`option${r+1}`]===n[t.name]));if(r){const e=h?.allowedVariantIds;if(Array.isArray(e)&&e.length>0&&!e.includes(String(r.id)))return;r.available&&N(String(r.id))}},R=E?.variants?.find(e=>String(e.id)===String(z)),O=an(w,w?.currency),L=r(()=>{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(r=>{const o=E.options.indexOf(n);if(r[`option${o+1}`]!==e)return!1;return!!E.options.every((e,t)=>{if(e.name===n.name)return!0;const o=$[e.name];return!o||r[`option${t+1}`]===o})&&(!!(!t||Array.isArray(h.allowedVariantIds)&&h.allowedVariantIds.includes(String(r.id)))&&!!r.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:P?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(au,{ref:b,className:"yt-variant-selection-popup"},e.createElement(cu,{ref:C,style:{backgroundColor:p||"white",opacity:P?1:0,transform:P?"translateY(0)":"translateY(20px)"},$themeColor:c,onClick:e=>e.stopPropagation()},h?.freebieSelection&&e.createElement(lu,null,h?.stealDealSelection?"Unlocked Steal Deal":"Unlocked Freebie"),e.createElement(du,null,e.createElement(pu,null,e.createElement(uu,null,e.createElement(mu,{src:R?.featured_image?.src??E?.featured_image,alt:R?.featured_image?.alt??E?.title})),e.createElement(gu,null,e.createElement(xu,{$themeColor:c,$primaryTextColor:y,href:`${E?.url}?variant=${R?.id}`},E?.title),e.createElement(Tu,null,e.createElement(fu,null,e.createElement(yu,{$primaryTextColor:y},O,rn(R?.price,w?.currency??"INR")),null!=R?.compare_at_price&&null!=R?.price&&R.compare_at_price>R.price&&e.createElement(bu,null,O,rn(R?.compare_at_price,w?.currency??"INR"))),!h?.freebieSelection&&e.createElement(Jr,{value:I,handleItemQuantityIncrement:async()=>{F(e=>e+1)},handleItemQuantityDecrement:async()=>{I>1&&F(e=>e-1)},cartComponentsCornerRadius:s,cartComponentsCornerType:d,backgroundSubdued:f})))),E?.options?.map(t=>{const n=A?.options?.find(e=>e.name.trim().toLowerCase()===t.name.trim().toLowerCase());return e.createElement(vu,{key:t.name},e.createElement(Cu,null,e.createElement("span",null,"Select ",t.name),$[t.name]&&e.createElement(Eu,null,$[t.name])),e.createElement(ku,null,L[t.name]?.map(r=>{const o=$[t.name]===r,i=io(n,r);return"color"===n?.type&&i?.value?e.createElement(Su,{key:r,$isSelected:o,$themeColor:c,onClick:()=>_(t.name,r),$colorValue:i.value}):"image"===n?.type&&i?.value?e.createElement($u,{key:r,$isSelected:o,$themeColor:c,onClick:()=>_(t.name,r),$imageUrl:i.value}):e.createElement(wu,{$themeColor:c,key:r,$isSelected:o,backgroundColor:o?c:void 0,onClick:()=>_(t.name,r)},r)})))})),e.createElement(hu,{className:"yt-cart-variant-popup-ATC-button",$themeColor:c??"#C33",onClick:h?.productRec?async()=>{if(z&&a){S(!0);try{await a(z,I,"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(!z)return;const e=!!h?.lineItemKey,t=String(z)!==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(z,h.allowedVariantIds):e&&m?await m(z,h.allowedVariantIds):a&&z&&await a(z,I,"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:!z||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(au,{ref:b},e.createElement(cu,{style:{backgroundColor:p||"white"}},e.createElement(su,null,e.createElement(me,{color:c||"#868E96"}))))});Bu.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]=ie(nn),w=ae(Gt),[C,E]=t(null),[k,T]=t(!1),[S,$]=t({}),[B,z]=t(h?.variantId),[N,I]=t(h?.quantity||1),F=o(null),P=ao(),[D,A]=t(!1);n(()=>{h?.open?setTimeout(()=>{A(!0)},10):A(!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,r=Array.isArray(n)&&n.length>0;if(t=r?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){z(String(t.id));const n={};e.options.forEach((e,r)=>{n[e.name]=t[`option${r+1}`]}),$(n)}else z(void 0),$({})}E(e)}catch(e){}})()},[C,l,h]),n(()=>{},[p,i,a,l]);const _=(e,t)=>{const n={...S,[e]:t};$(n);const r=C?.variants?.find(e=>C.options.every((t,r)=>e[`option${r+1}`]===n[t.name]));if(r){const e=h?.allowedVariantIds;if(Array.isArray(e)&&e.length>0&&!e.includes(String(r.id)))return;r.available&&z(String(r.id))}},R=C?.variants?.find(e=>String(e.id)===String(B)),O=an(w,w?.currency),L=r(()=>{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(r=>{const o=C.options.indexOf(n);if(r[`option${o+1}`]!==e)return!1;return!!C.options.every((e,t)=>{if(e.name===n.name)return!0;const o=S[e.name];return!o||r[`option${t+1}`]===o})&&(!!(!t||Array.isArray(h.allowedVariantIds)&&h.allowedVariantIds.includes(String(r.id)))&&!!r.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:()=>{A(!1),setTimeout(()=>{v({open:!1,variantId:void 0,handle:void 0,quantity:void 0})},300)}}),e.createElement(au,{ref:b,className:"yt-variant-selection-popup"},e.createElement(cu,{ref:F,style:{backgroundColor:p||"white",opacity:D?1:0,transform:D?"translateY(0)":"translateY(20px)"},$themeColor:c,onClick:e=>e.stopPropagation()},h?.freebieSelection&&e.createElement(lu,null,h?.stealDealSelection?"Unlocked Steal Deal":"Unlocked Freebie"),e.createElement(du,null,e.createElement(pu,null,e.createElement(uu,null,e.createElement(mu,{src:R?.featured_image?.src??C?.featured_image,alt:R?.featured_image?.alt??C?.title})),e.createElement(gu,null,e.createElement(xu,{$themeColor:c,$primaryTextColor:y,href:`${C?.url}?variant=${R?.id}`},C?.title),e.createElement(Tu,null,e.createElement(fu,null,e.createElement(yu,{$primaryTextColor:y},O,rn(R?.price,w?.currency??"INR")),null!=R?.compare_at_price&&null!=R?.price&&R.compare_at_price>R.price&&e.createElement(bu,null,O,rn(R?.compare_at_price,w?.currency??"INR"))),!h?.freebieSelection&&e.createElement(Jr,{value:N,handleItemQuantityIncrement:async()=>{I(e=>e+1)},handleItemQuantityDecrement:async()=>{N>1&&I(e=>e-1)},cartComponentsCornerRadius:s,cartComponentsCornerType:d,backgroundSubdued:f})))),C?.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(Cu,null,e.createElement("span",null,"Select ",t.name,":"),S[t.name]&&e.createElement(Eu,null,S[t.name])),e.createElement(ku,null,L[t.name]?.map(r=>{const o=S[t.name]===r,i=io(n,r);return"color"===n?.type&&i?.value?e.createElement(Su,{key:r,$isSelected:o,$themeColor:c,onClick:()=>_(t.name,r),$colorValue:i.value}):"image"===n?.type&&i?.value?e.createElement($u,{key:r,$isSelected:o,$themeColor:c,onClick:()=>_(t.name,r),$imageUrl:i.value}):e.createElement(wu,{$themeColor:c,key:r,$isSelected:o,backgroundColor:o?c:void 0,onClick:()=>_(t.name,r)},r)})))})),e.createElement(hu,{className:"yt-cart-variant-popup-ATC-button",$themeColor:c??"#C33",onClick:h?.productRec?async()=>{if(B&&a){T(!0);try{await a(B,N,"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(!B)return;const e=!!h?.lineItemKey,t=String(B)!==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(B,h.allowedVariantIds):e&&m?await m(B,h.allowedVariantIds):a&&B&&await a(B,N,"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:!B||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(au,{ref:b},e.createElement(cu,{style:{backgroundColor:p||"white"}},e.createElement(su,null,e.createElement(me,{color:c||"#868E96"}))))});const Nu=({setIsCartOpen:t,isCartOpen:n,cartCheckpoints:r,customCartProgressBarCriteria:o,floatingCartData:i,effectiveQuantityForProgressBar:a,cartComponentsCornerType:l,cartComponentsCornerRadius:c})=>{const s=ae(Gt),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 r=t.toLowerCase(),o=r.endsWith("/")?r:`${r}/`;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 o.includes(n)})}catch{return!1}})(i),m=s?.item_count??0,g=rn(s?.items_subtotal_price??0,s?.currency??"INR"),x=an(s),f=function(e,t,n,r,o){if(!e||0===e.length)return{deltaValue:0,show:!1};const i=(t??"minimum_order_value").toLowerCase(),a="quantity_threshold"===i?"number"==typeof o?o:r: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}}(r,o,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(()=>{mn(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},B={display:"flex",alignItems:"center",gap:12,padding:"10px 12px",backgroundColor:v,cursor:"pointer"},z={display:"flex",alignItems:"center",gap:8,fontWeight:700,fontSize:16,color:h},N={fontSize:12,color:h,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},I={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}${gn(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 F=1===m?"1 item":`${m} items`,P=i?.lastTierUnlockedText||"Best tier unlocked",D=f.show?f.isQuantity?`${f.deltaValue} more items to get freebie`:`Add items worth ${x}${gn(f.deltaValue.toFixed(0))} more to get freebie`:P;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||r&&r.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}},D)),e.createElement("div",{style:S},e.createElement("div",{className:"yt-cart-floating-body",style:B,onClick:()=>t(!0)},e.createElement(_,{width:24,height:24,color:h}),e.createElement("div",{style:{display:"flex",flexDirection:"column",minWidth:0,flex:1,lineHeight:"normal"}},e.createElement("div",{style:z},e.createElement("span",null,x,gn(g.toFixed(0))),e.createElement("span",{style:{fontSize:9,fontWeight:600,color:"#fff",backgroundColor:"#828282",marginBottom:5,paddingInline:5}},F)),p?e.createElement("span",{style:N,title:d},d):null),e.createElement("button",{ref:E,style:I,onClick:()=>t(!0),"aria-label":"View Cart"},"View Cart")))))},Iu=({exploreCTAColor:r,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:B,removeDiscount:z,applyDiscount:N,discountApplied:I,checkoutFunction:F,joinNowFunction:P,guestLoyaltyPercentage:D,showToggleButton:A,isOpen:_,setIsOpen:R,isDev:O,switchWidthVariant:L,recProductsList:M,showMultiStepProgressBar:V,cartCheckpoints:j,redemptionRate:W,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:re,productRecsTitleText:oe,secondaryTextColor:ae,showProductRecsOnDesktop:ce,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:Be,showEditOptionOnProducts:ze,getProductDetailsByVariantId:Ne,onSetLoading:Ie,showVariantSelectionDropdownInProductRecs:Fe,originalCartSubtotal:Pe,currentTier:De,freebieProductsInCart:Ae,showFreebieClaim:_e,addFreebieToCart:Re,freebiesInCart:Oe,effectiveQuantityForProgressBar:Le,productPercentageOffMapping:Me,removeFreebieFromCart:Ve,postalCodeList:je,enableGeoLocationDeliveryRestriction:We,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:rt,enableCustomCartOnCartPage:ot,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:Bt,loyaltyDiscount:zt,brandTokenName:Nt,showDiscountOnMRP:It,prefixMessageText:Ft,suffixMessageText:Pt,successMessageText:Dt,toggleDecimal:At,cartOffersCarouselHeight:_t,disableCheckoutButton:Rt,showEmptyCartRecommendations:Ot,emptyProductRecsTitleText:Lt,checkoutButtonBottomSpacing:Mt,applyCouponCode:Vt,showApplyCoupon:jt,enableConfetti:Wt,showCheckoutButtonPaymentIcons:Ht=!0,showCouponOptions:qt,rewardCoupons:Qt,comboBundleData:Ut,comboBundleAddToCartFunction:Yt,stealDealCheckpoints:Xt,stealDealProducts:Zt,stealDealAddToCart:Kt,useCartShell:Jt,showTrustedBadge:en,trustedBadgeData:tn})=>{const rn=le(Gt),[on,an]=ie(nn),[ln,cn]=ie(Ji),sn=()=>R(!_),[dn,pn]=t(()=>{const e=window.ytComboBundle;return{comboBundleData:e?.bundle??null,comboBundleAddToCartFunction:e?.addToCart??null}});n(()=>{const e=e=>{const t=e.detail;pn({comboBundleData:t?.bundle??null,comboBundleAddToCartFunction:t?.addToCart??null})};return window.addEventListener("yt-combo-bundle-updated",e),()=>window.removeEventListener("yt-combo-bundle-updated",e)},[]);const un=dn.comboBundleData??Ut,mn=dn.comboBundleAddToCartFunction??Yt,[gn,xn]=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;xn({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 fn=o(null),yn=o(0);a(()=>{if(v){const e=v?.token??null,t="number"==typeof v?.cartUpdatedAtMs?v.cartUpdatedAtMs:void 0;e!==fn.current&&(fn.current=e,yn.current=t??0);const n=yn.current;if(!(void 0===t||t>=n))return;void 0!==t&&(yn.current=t),rn(v)}},[v]);const bn=o(null);n(()=>{function e(e){bn.current&&!bn.current.contains(e.target)&&(an({open:!1,variantId:void 0,quantity:void 0,handle:void 0}),cn({isOpen:!1}))}return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]);const[hn,vn]=t(!1);return n(()=>{const e=()=>{vn(window.innerWidth>=768)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),n(()=>{if(!Jt)return;const e=window.ytCartShell;if(!e)return;const t=e.getDrawerElement?.(),n=e.getOverlayElement?.();t&&(!_||ot&&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")))},[_,Jt,ot,it,h]),n(()=>{if(!Jt)return;const e=window.ytCartShell,t=e?.getOverlayElement?.();if(!t)return;const n=()=>R(!1);return t.addEventListener("click",n),()=>t.removeEventListener("click",n)},[Jt,R]),e.createElement(e.Fragment,null,e.createElement("div",{style:{position:ot&&it?"relative":"absolute",width:"100%",display:ot&&it?"flex":"block",alignItems:"center",justifyContent:"center"}},A&&!(ot&&it)&&e.createElement("button",{style:{margin:"16px"},onClick:sn},_?"Close Drawer":"Open Drawer"),!Jt&&_&&h&&!(ot&&it)&&e.createElement("div",{onClick:sn,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(jl,{useCartShell:Jt,isCartPage:it,enableCustomCartOnCartPage:ot,isOpen:_,setIsOpen:R,backgroundColor:x,backgroundSubdued:f??"#F5F5F5",tertiaryColor:y,tertiaryTextColor:b,exploreCTAColor:r,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:B,removeDiscount:z,applyDiscount:N,discountApplied:I,checkoutFunction:F,joinNowFunction:P,guestLoyaltyPercentage:D,isDev:O,switchWidthVariant:L,recProductsList:M,showMultiStepProgressBar:V,cartCheckpoints:j,redemptionRate:W,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:re,productRecsTitleText:oe,secondaryTextColor:ae,showProductRecsOnDesktop:ce,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:Be,showEditOptionOnProducts:ze,onSetLoading:Ie,showVariantSelectionDropdownInProductRecs:Fe,originalCartSubtotal:Pe,currentTier:De,freebieProductsInCart:Ae,cartOffersCarousalData:wt,showFreebieClaim:_e,addFreebieToCart:Re,freebiesInCart:Oe,effectiveQuantityForProgressBar:Le,productPercentageOffMapping:Me,removeFreebieFromCart:Ve,postalCodeList:je,enableGeoLocationDeliveryRestriction:We,applyPostalCodeAndDeliverySlotToCart:He,showDeleteOnFreebies:qe,freebieCouponTemplates:Qe,freebieFlowCheckpoints:Ue,freebieClaimData:Ye,postalCodeBasedItemTrackingParameter:Ze,enableSlotPicker:Ke,deliveryHeaderTitle:Je,deliveryAvailableText:et,deliveryNotAvailableText:tt,giftWrapSetupData:nt,giftWrapProductDetail:rt,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:Bt,loyaltyDiscount:zt,getProductDetailsByVariantId:Ne,brandTokenName:Nt,showDiscountOnMRP:It??!0,prefixMessageText:Ft,suffixMessageText:Pt,successMessageText:Dt,toggleDecimal:At,cartOffersCarouselHeight:_t,disableCheckoutButton:Rt,showEmptyCartRecommendations:Ot,emptyProductRecsTitleText:Lt,checkoutButtonBottomSpacing:Mt,applyCouponCode:Vt,showApplyCoupon:jt,enableConfetti:Wt,showCheckoutButtonPaymentIcons:Ht,stealDealCheckpoints:Xt,stealDealProducts:Zt,stealDealAddToCart:Kt,showCouponOptions:qt,rewardCoupons:Qt,showTrustedBadge:en,trustedBadgeData:tn}),Ge&&Xe&&d&&e.createElement(iu,{showStickyCart:Ge,stickyCartCustomizationData:vt,product:Xe,addCartItem:d,onSetLoading:Ie,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:un,comboBundleAddToCartFunction:mn,volumeBundleCurrentTier:gn.currentTier,volumeBundleData:gn.bundle,volumeBundleAddToCartFunction:gn.volumeBundleAddToCartFunction}),hn&&on.open&&e.createElement(Bu,{backgroundColor:x,ref:bn,isDev:O,removeCartItem:s,addCartItem:d,getProductDetailsByVariantId:Ne,themeColor:de,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt,removeFreebieFromCart:Ve,freebieClaimAddToCart:Re,stealDealAddToCart:Kt,productClaimCtaButtonText:Ye?.productClaimCtaButtonText,backgroundSubdued:f??"#F5F5F5",primaryTextColor:ne}),!hn&&on.open&&e.createElement(zu,{ref:bn,isDev:O,removeCartItem:s,addCartItem:d,getProductDetailsByVariantId:Ne,themeColor:de,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt,backgroundColor:x,removeFreebieFromCart:Ve,freebieClaimAddToCart:Re,stealDealAddToCart:Kt,productClaimCtaButtonText:Ye?.productClaimCtaButtonText,backgroundSubdued:f??"#F5F5F5",primaryTextColor:ne})),!hn&&ut&&e.createElement(Nu,{isCartOpen:_,setIsCartOpen:R,cartCheckpoints:j,customCartProgressBarCriteria:K,floatingCartData:mt,effectiveQuantityForProgressBar:Le,cartComponentsCornerRadius:ht,cartComponentsCornerType:bt}))};ft(".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 Fu=()=>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"},"")))));ft("\r\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');\r\n\r\n@font-face {\r\n font-family: 'Circular Std';\r\n src: local('Circular Std Book'), local('Circular Std');\r\n font-weight: 400;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'Circular Std';\r\n src: local('Circular Std Medium'), local('Circular Std');\r\n font-weight: 500;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n@font-face {\r\n font-family: 'Circular Std';\r\n src: local('Circular Std Bold'), local('Circular Std');\r\n font-weight: 700;\r\n font-style: normal;\r\n font-display: swap;\r\n}\r\n\r\n\r\n@font-face {\r\n font-family: 'Sansation';\r\n src: url('/public/fonts/sansation/Sansation-Regular.ttf') format('truetype');\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n@font-face {\r\n font-family: 'Sansation';\r\n src: url('/public/fonts/sansation/Sansation-Bold.ttf') format('truetype');\r\n font-weight: 700;\r\n font-style: normal;\r\n}\r\n@font-face {\r\n font-family: 'Sansation';\r\n src: url('/public/fonts/sansation/Sansation-Light.ttf') format('truetype');\r\n font-weight: 300;\r\n font-style: normal;\r\n}\r\n@font-face {\r\n font-family: 'Sansation';\r\n src: url('/public/fonts/sansation/Sansation-Italic.ttf') format('truetype');\r\n font-weight: 400;\r\n font-style: italic;\r\n}\r\n@font-face {\r\n font-family: 'Sansation';\r\n src: url('/public/fonts/sansation/Sansation-BoldItalic.ttf') format('truetype');\r\n font-weight: 700;\r\n font-style: italic;\r\n}\r\n@font-face {\r\n font-family: 'Sansation';\r\n src: url('/public/fonts/sansation/Sansation-LightItalic.ttf') format('truetype');\r\n font-weight: 300;\r\n font-style: italic;\r\n}\r\n\r\n\r\n@font-face {\r\n font-family: 'PP Telegraf';\r\n src: url('/public/fonts/pp-telegraf/PPTelegraf-Regular.otf') format('opentype');\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n@font-face {\r\n font-family: 'PP Telegraf';\r\n src: url('/public/fonts/pp-telegraf/PPTelegraf-RegularOblique.otf') format('opentype');\r\n font-weight: 400;\r\n font-style: oblique;\r\n}\r\n@font-face {\r\n font-family: 'PP Telegraf';\r\n src: url('/public/fonts/pp-telegraf/PPTelegraf-RegularSlanted.otf') format('opentype');\r\n font-weight: 400;\r\n font-style: italic;\r\n}\r\n@font-face {\r\n font-family: 'PP Telegraf';\r\n src: url('/public/fonts/pp-telegraf/PPTelegraf-Ultralight.otf') format('opentype');\r\n font-weight: 200;\r\n font-style: normal;\r\n}\r\n@font-face {\r\n font-family: 'PP Telegraf';\r\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltralightOblique.otf') format('opentype');\r\n font-weight: 200;\r\n font-style: oblique;\r\n}\r\n@font-face {\r\n font-family: 'PP Telegraf';\r\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltralightSlanted.otf') format('opentype');\r\n font-weight: 200;\r\n font-style: italic;\r\n}\r\n@font-face {\r\n font-family: 'PP Telegraf';\r\n src: url('/public/fonts/pp-telegraf/PPTelegraf-Ultrabold.otf') format('opentype');\r\n font-weight: 800;\r\n font-style: normal;\r\n}\r\n@font-face {\r\n font-family: 'PP Telegraf';\r\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltraboldOblique.otf') format('opentype');\r\n font-weight: 800;\r\n font-style: oblique;\r\n}\r\n@font-face {\r\n font-family: 'PP Telegraf';\r\n src: url('/public/fonts/pp-telegraf/PPTelegraf-UltraboldSlanted.otf') format('opentype');\r\n font-weight: 800;\r\n font-style: italic;\r\n}\r\n\r\n:root {\r\n --font-primary: 'Poppins', sans-serif;\r\n --font-secondary: 'Urbanist', sans-serif;\r\n --font-tertiary: 'Inter', sans-serif;\r\n --font-alt: 'Sansation', sans-serif;\r\n --font-brand: 'PP Telegraf', sans-serif;\r\n}\r\n");ft('.lpc-root {\r\n width: 100%;\r\n background: #ffffff;\r\n overflow: hidden;\r\n font-family: var(--font-primary, "Poppins", sans-serif);\r\n}\r\n\r\n.lpc-header {\r\n background: #ffffff;\r\n padding: 56px 16px 28px;\r\n}\r\n\r\n.lpc-banner {\r\n max-width: 100%;\r\n height: auto;\r\n display: block;\r\n margin: 0 auto 20px;\r\n}\r\n\r\n.lpc-align-left {\r\n text-align: left;\r\n}\r\n\r\n.lpc-align-center {\r\n text-align: center;\r\n}\r\n\r\n.lpc-align-right {\r\n text-align: right;\r\n}\r\n\r\n.lpc-heading {\r\n margin: 0px;\r\n color: rgba(0, 0, 0, 0.87);\r\ntext-align: center;\r\nfont-family: var(--font-primary, "Poppins", sans-serif);\r\nfont-size: 32px;\r\nfont-style: normal;\r\nfont-weight: 600;\r\nline-height: 38.78px; /* 121.187% */\r\nletter-spacing: -0.16px;\r\n}\r\n\r\n.lpc-subheading {\r\n margin-top: 12px;\r\n color: #292C77;\r\ntext-align: center;\r\nfont-family: var(--font-primary, "Poppins", sans-serif);\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 112%; /* 17.92px */\r\n}\r\n\r\n.lpc-sectionTitle {\r\n margin: 10px 0 0;\r\n color: #636381;\r\n font-size: 14px;\r\n line-height: 1.4;\r\n}\r\n\r\n.lpc-tierBar {\r\n width: 100%;\r\n}\r\n\r\n.lpc-tierRow {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0;\r\n}\r\n\r\n.lpc-tierButton {\r\n border: 0;\r\n outline: none;\r\n appearance: none;\r\n cursor: pointer;\r\n min-width: 108px;\r\n padding: 20px 18px;\r\n color: rgba(0, 0, 0, 0.87);\r\ntext-align: center;\r\nfont-family: var(--font-primary, "Poppins", sans-serif);\r\nfont-size: 24px;\r\nfont-style: normal;\r\nfont-weight: 700;\r\nline-height: 36px; /* 150% */\r\n border-bottom: 4px solid transparent;\r\n transition: background-color 0.2s ease, border-color 0.2s ease;\r\n}\r\n\r\n.lpc-balanceBar {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n margin: 20px 60px 8px;\r\n padding: 10px 14px;\r\n background: #d9e4eb;\r\n}\r\n\r\n.lpc-balanceLabel {\r\n color: #000;\r\nfont-family: Poppins;\r\nfont-size: 18px;\r\nfont-style: normal;\r\nfont-weight: 500;\r\nline-height: 31.9px; \r\n}\r\n\r\n.lpc-balanceValue {\r\n color: #000;\r\ntext-align: center;\r\nfont-family: Poppins;\r\nfont-size: 18px;\r\nfont-style: normal;\r\nfont-weight: 700;\r\nline-height: 31.9px; \r\n}\r\n\r\n.lpc-cardList {\r\n margin: 0;\r\n padding: 20px 60px 50px;\r\n gap: 36px;\r\n}\r\n\r\n.lpc-cardList--scroll {\r\n display: flex;\r\n overflow-x: auto;\r\n overflow-y: hidden;\r\n scroll-behavior: smooth;\r\n}\r\n\r\n.lpc-cardList--scroll::-webkit-scrollbar {\r\n height: 0;\r\n}\r\n\r\n.lpc-cardList--grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\r\n}\r\n\r\n.lpc-cardList--wrap {\r\n display: flex;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.lpc-card {\r\n flex: 0 0 360px;\r\n min-height: 430px;\r\n border: 1px solid;\r\n display: flex;\r\n flex-direction: column;\r\n overflow: hidden;\r\n}\r\n\r\n.lpc-cardList--grid .lpc-card {\r\n flex: unset;\r\n}\r\n\r\n.lpc-cardList--wrap .lpc-card {\r\n flex: 0 0 360px;\r\n}\r\n\r\n.lpc-imageWrap {\r\n width: 100%;\r\n aspect-ratio: 1 / 1;\r\n background: #ffffff;\r\n overflow: hidden;\r\n}\r\n\r\n.lpc-image {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain;\r\n object-position: center;\r\n display: block;\r\n}\r\n\r\n.lpc-meta {\r\n padding: 14px 10px 12px;\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1 1 auto;\r\n}\r\n\r\n.lpc-coins {\r\n color: #A5A5A5;\r\nfont-family: var(--font-primary, "Poppins", sans-serif);\r\nfont-size: 11px;\r\nfont-style: normal;\r\nfont-weight: 600;\r\nline-height: 110%; /* 12.1px */\r\nletter-spacing: 0.109px;\r\npadding: 3px 0px;\r\n}\r\n\r\n.lpc-title {\r\n overflow: hidden;\r\ncolor: var(--Text-color, #252B42);\r\ntext-overflow: ellipsis;\r\nfont-family: var(--font-primary, "Poppins", sans-serif);\r\nfont-size: 16px;\r\nfont-style: normal;\r\nfont-weight: 700;\r\nline-height: 120%;\r\nletter-spacing: 0.109px;\r\ndisplay: -webkit-box;\r\n-webkit-line-clamp: 2;\r\n-webkit-box-orient: vertical;\r\n min-height: 40px;\r\n margin: 0;\r\n}\r\n\r\n.lpc-description {\r\n margin: 6px 0 0;\r\n color: #E4A8BD;\r\n font-family: var(--font-primary, "Poppins", sans-serif);\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 112%;\r\n}\r\n\r\n.lpc-ratingRow {\r\n padding: 5px 0px;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n color: #4b4d60;\r\n font-size: 16px;\r\n line-height: 1.2;\r\n}\r\n\r\n.lpc-star {\r\n color: #f6a623;\r\n font-size: 14px;\r\n}\r\n\r\n.lpc-ratingText {\r\n color: #3A3A3A;\r\nfont-family: var(--font-primary, "Poppins", sans-serif);\r\nfont-size: 11px;\r\nfont-style: normal;\r\nfont-weight: 400;\r\nline-height: 150%; /* 16.5px */\r\n}\r\n\r\n.lpc-priceRow {\r\n margin-top: auto;\r\n padding: 10px 0 5px;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #1f1f1f;\r\n}\r\n\r\n.lpc-priceMuted {\r\n color: #767676;\r\n font-family: var(--font-primary, "Poppins", sans-serif);\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 120%;\r\n}\r\n\r\n.lpc-priceStrikethrough {\r\n color: #767676;\r\n text-decoration: line-through;\r\n font-family: var(--font-primary, "Poppins", sans-serif);\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 120%;\r\n}\r\n\r\n.lpc-priceNow {\r\n color: #111111;\r\n font-family: var(--font-primary, "Poppins", sans-serif);\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 120%;\r\n}\r\n\r\n.lpc-pricePlus {\r\n color: #111111;\r\n font-family: var(--font-primary, "Poppins", sans-serif);\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 500;\r\n line-height: 120%;\r\n}\r\n\r\n.lpc-priceCoins {\r\n color: #111111;\r\n font-family: var(--font-primary, "Poppins", sans-serif);\r\n font-size: 14px;\r\n font-style: normal;\r\n font-weight: 700;\r\n line-height: 120%;\r\n}\r\n\r\n.lpc-coinIcon {\r\n width: 14px;\r\n height: 14px;\r\n object-fit: contain;\r\n display: inline-block;\r\n}\r\n\r\n.lpc-cta {\r\n margin-top: 8px;\r\n border: 1px solid transparent;\r\n outline: none;\r\n width: 100%;\r\n padding: 12px 14px;\r\n cursor: pointer;\r\n background: #DC8EAB;\r\n color: var(--Theme-Text-Color, #FFF);\r\ntext-align: center;\r\nfont-family: var(--font-primary, "Poppins", sans-serif);\r\nfont-size: 14px;\r\nfont-style: normal;\r\nfont-weight: 700;\r\nline-height: 180%; /* 25.2px */\r\n/* text-transform: uppercase; */\r\n box-shadow: var(--lpc-cta-shadow);\r\n transition: transform 0.15s ease, box-shadow 0.15s ease;\r\n}\r\n\r\n.lpc-cta:hover:not(:disabled) {\r\n transform: translateY(-1px);\r\n}\r\n\r\n.lpc-cta:active:not(:disabled) {\r\n transform: translateY(1px);\r\n box-shadow: var(--lpc-cta-shadow-active);\r\n}\r\n\r\n.lpc-cta:disabled {\r\n cursor: not-allowed;\r\n}\r\n\r\n.lpc-nav {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 0px;\r\n padding: 0px 0 30px;\r\n}\r\n\r\n.lpc-navBtn {\r\n padding: 9px;\r\n border: none;\r\n background: transparent;\r\n color: #bcbcc7;\r\n font-size: 37px;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;\r\n}\r\n\r\n.lpc-navBtn:disabled {\r\n color: #bcbcc7;\r\n opacity: 0.75;\r\n cursor: not-allowed;\r\n}\r\n\r\n.lpc-navBtn--enabled {\r\n background: #ececef;\r\n color: #3b3c4b;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .lpc-heading {\r\n font-size: 32px !important;\r\n }\r\n\r\n .lpc-tierButton {\r\n min-width: 84px;\r\n padding: 16px 14px;\r\n font-size: 14px;\r\n }\r\n\r\n .lpc-cardList {\r\n padding: 20px 16px;\r\n gap: 12px;\r\n }\r\n\r\n .lpc-balanceBar {\r\n margin: 0 16px 8px;\r\n padding: 8px 10px;\r\n }\r\n\r\n .lpc-balanceLabel,\r\n .lpc-balanceValue {\r\n font-size: 14px;\r\n }\r\n\r\n .lpc-card {\r\n flex-basis: 260px;\r\n min-height: 360px;\r\n }\r\n\r\n .lpc-coins {\r\n font-size: 11px;\r\n }\r\n\r\n .lpc-title {\r\n font-size: 16px;\r\n }\r\n\r\n .lpc-ratingRow {\r\n font-size: 12px;\r\n }\r\n\r\n .lpc-cta {\r\n padding: 12px;\r\n font-size: 13px;\r\n }\r\n\r\n .lpc-navBtn {\r\n width: 42px;\r\n height: 42px;\r\n font-size: 24px;\r\n }\r\n}\r\n');function Pu({size:t=20,color:n="#000",thickness:r=2,centered:o=!1}){const i=e.createElement("div",{className:"yt-loader",style:{width:`${t}px`,height:`${t}px`,border:`${r}px solid rgba(0,0,0,0.15)`,borderTop:`${r}px solid ${n}`}}," ");return o?e.createElement("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"}},i):i}ft(".yt-loader {\r\n border-radius: 50%;\r\n animation: yt-spin 0.8s linear infinite;\r\n }\r\n \r\n @keyframes yt-spin {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n ");const Du={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:"},Au=e=>{if(null==e||""===e)return null;const t="number"==typeof e?e.toString():e;return t.includes("₹")?t:`₹${t}`},_u=({config:i})=>{const a={...Du,...i},{sectionTitle:l,catalogBanner:c,coinBalance:s,coinBalanceLabel:d,coinIconUrl:p,display:u,alignment:m,titleFontSize:g,titleColor:x,cardBackgroundColor:f,buttonColor:y,buttonTextColor:b,borderColor:h,roundness:v,tiers:w,selectedTierId:C,products:E,ctaText:k}=a,T=o(null),[S,$]=t(!1),[B,z]=t(!1),[N,I]=t(null),F=r(()=>E,[E]),P=e=>{if(!T.current)return;const t=.8*T.current.clientWidth;T.current.scrollBy({left:"left"===e?-t:t,behavior:"smooth"})};n(()=>{const e=T.current;if(!e)return;const t=()=>{const t=e.scrollWidth-e.clientWidth;$(e.scrollLeft>1),z(e.scrollLeft<t-1)};return t(),e.addEventListener("scroll",t,{passive:!0}),window.addEventListener("resize",t),()=>{e.removeEventListener("scroll",t),window.removeEventListener("resize",t)}},[F.length]);const D="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,e.createElement("div",{className:D,ref:T},F.map(t=>{const n=N===t.id,r=`${v||0}px`,o=Boolean(t.productUrl);return e.createElement("article",{key:t.id,className:"lpc-card",style:{background:f,borderColor:h,borderRadius:r,cursor:o?"pointer":void 0},onClick:()=>{t.productUrl&&"undefined"!=typeof window&&(window.location.href=t.productUrl)}},e.createElement("div",{className:"lpc-imageWrap",style:{borderTopLeftRadius:r,borderTopRightRadius:r}},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"},Au(t.mrp)?e.createElement(e.Fragment,null,e.createElement("span",{className:"lpc-priceMuted"},"MRP:"),e.createElement("span",{className:"lpc-priceStrikethrough"},Au(t.mrp))):null,Au(t.price)?e.createElement("span",{className:"lpc-priceNow"},Au(t.price)):null,Au(t.price)?e.createElement("span",{className:"lpc-pricePlus"},"+"):null,p?e.createElement("img",{className:"lpc-coinIcon",src:p,alt:"Coin icon"}):null,e.createElement("span",{className:"lpc-priceCoins"},t.coinsRequired," coins"))),e.createElement("button",{className:"lpc-cta",style:{background:y,color:b,borderColor:y,borderBottomLeftRadius:r,borderBottomRightRadius:r,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!==N,onClick:async e=>{if(e.stopPropagation(),t.onButtonClick&&!t.disabled&&null===N)try{I(t.id),await t.onButtonClick(t)}finally{I(null)}}},n?e.createElement(Pu,{size:18,color:"#fff",centered:!0}):t.buttonText||k))})),"scroll"===u?e.createElement("div",{className:"lpc-nav"},e.createElement("button",{className:"lpc-navBtn "+(S?"lpc-navBtn--enabled":""),type:"button",onClick:()=>P("left"),disabled:!S},e.createElement(ct,null)),e.createElement("button",{className:"lpc-navBtn "+(B?"lpc-navBtn--enabled":""),type:"button",onClick:()=>P("right"),disabled:!B},e.createElement(st,null))):null)},Ru=({config:t,brandConfig:n})=>{const{heroDesktopImage:r,heroMobileImage:o,heroTitle:i="ZERO WASTE PREMIUM PET CARE",heroSubtitle:a="Earn Doglycoins for exclusive rewards every time you shop.",heroTextAlignment:l="left",heroSubtitleFontSize:c="18px",heroSubtitleColor:s="#000000",heroSubtitleFontWeight:d="400",heroTitleFontSize:p="48px",heroTitleColor:u="#000000",heroRegistrationCTAVisibility:m=!0,primaryColor:g="#1C1C1D",primaryContrastColor:x="#FFFFFF",secondaryColor:f="#FFFFFF",secondaryContrastColor:y="#000000",accentColor:b="#FFFFFF",borderColor:z="#E5E5E5",themeRoundness:N="0px",heroBannerVisibility:I="show",stepsVisibility:F="show",waysToEarnVisibility:P="show",waysToEarnCustomText:D="Individual rewards of 750 points or more ship FREE. No merchandise purchase required.",customSectionVisibility:A="show",footerSignupVisibility:_="show",customSectionImagePosition:R="left",customSectionTitle:O="Earn Doglycoins every time you shop",customSectionSubtitle:L="Collect more Doglycoins by entering your birthday, following us on social or referring a friend (details below)\n\nRedeem your Doglycoins for cash off at checkout by signing in or creating an account. Did you shop without registering? No worries, your Credits have been saved for you",customSectionTitleFontSize:M="36px",customSectionSubtitleFontSize:V="18px",customSectionImage:j,customSectionTextAlignment:W="left",customSectionTitleColor:H="#000000",customSectionSubtitleColor:q="#000000",stepsTitle:Q="Getting started is easy",stepsSubtitle:U="Earn Stars and get rewarded in a few easy steps.",step1Title:Y="CREATE AN ACCOUNT",step1Description:G="To get started, Join Now. You can also register on the mobile app to get access to the full range of reward benefits",step2Title:X="ORDER AND EARN REWARDS POINTS",step2Description:Z="Use cash, credit/debit card or save some time and pay right through the app. You'll collect Stars all ways.",step3Title:K="UNLOCK REWARDS AND OFFERS",step3Description:J="As you earn Stars, you can redeem them for Rewards—like free food, drinks, and more. Start redeeming with as little as 25 Stars!",footerCustomText:ee="Individual rewards of 750 points or more ship FREE. No merchandise purchase required.",footerSignupSubtext:te="Use your points to redeem samples and more."}=t||{},ne="undefined"!=typeof window&&window.innerWidth<=768,re=e=>e&&e.startsWith("//")?`https:${e}`:e,oe={padding:"12px 32px",borderRadius:"30px",fontSize:"14px",fontWeight:600,cursor:"pointer",textTransform:"uppercase",border:`1px solid ${g}`,transition:"all 0.3s ease"},ie={...oe,backgroundColor:g,color:x,borderColor:g},ae={...oe,backgroundColor:f,color:y,borderColor:z},{newSignupTokens:le,firstOrderTokens:ce,instagramFollowPoints:se,twitterFollowPoints:de,facebookFollowPoints:pe,youtubeSubscriptionPoints:ue,rewardToLeaveReview:me,birthdayPoints:ge,referralPointsForReferrer:xe,tokenCreditPercentage:fe,brandTokenName:ye}=n||{},be=[...le?[{icon:e.createElement(h,null),title:`${le} ${ye}`,subtitle:"Create an account"}]:[],...ce?[{icon:e.createElement(v,null),title:`${ce} ${ye}`,subtitle:"Place your first order"}]:[],...fe?[{icon:e.createElement(v,null),title:`${fe}% ${ye}`,subtitle:`Earn ${fe}% back on every order`}]:[],...xe?[{icon:e.createElement(w,null),title:`${xe} ${ye}`,subtitle:"Refer a friend and get"}]:[],...ge?[{icon:e.createElement(C,null),title:`${ge} ${ye}`,subtitle:"Get on your birthday to spend"}]:[],...me?[{icon:e.createElement(E,null),title:`${me} ${ye}`,subtitle:"Write a Review"}]:[],...pe?[{icon:e.createElement(k,null),title:`${pe} ${ye}`,subtitle:"Like on Facebook"}]:[],...se?[{icon:e.createElement(T,null),title:`${se} ${ye}`,subtitle:"Follow on Instagram"}]:[],...de?[{icon:e.createElement(S,null),title:`${de} ${ye}`,subtitle:"Follow on Twitter"}]:[],...ue?[{icon:e.createElement($,null),title:`${ue} ${ye}`,subtitle:"Subscribe on YouTube"}]:[]];return e.createElement("div",{className:"yt-loyalty-page-container",style:{fontFamily:"'Poppins', sans-serif",width:"100%",overflow:"hidden"}},"show"===I&&e.createElement("div",{className:"yt-loyalty-page-hero",style:{position:"relative",minHeight:"500px",display:"flex",alignItems:"center",justifyContent:"center"===l?"center":"right"===l?"flex-end":"flex-start",backgroundImage:`url(${re(ne&&o?o:r)})`,backgroundSize:"cover",backgroundPosition:"center",padding:ne?"40px 20px":"60px 80px"}},e.createElement("div",{className:"yt-loyalty-page-hero-content",style:{maxWidth:"600px",zIndex:2,textAlign:l}},e.createElement("h1",{className:"yt-loyalty-page-hero-title",style:{fontSize:ne?"32px":p,color:u,marginBottom:"16px",lineHeight:1.1,fontWeight:800,textTransform:"uppercase"}},i),e.createElement("p",{className:"yt-loyalty-page-hero-subtitle",style:{fontSize:c,color:s,fontWeight:Number(d)||400,marginBottom:"32px"}},a),m&&e.createElement("div",{className:"yt-loyalty-page-hero-button-wrapper",style:{display:"flex",gap:"16px",justifyContent:"center"===l?"center":"right"===l?"flex-end":"flex-start"}},e.createElement("button",{className:"yt-loyalty-page-hero-button",style:ie,onClick:()=>{"undefined"!=typeof window&&window.ytapp&&(window.ytapp.loyaltyWidgetOpen=!0,window.dispatchEvent(new Event("loyaltyWidgetOpenChanged")))}},"Join Now")))),"show"===F&&e.createElement("div",{className:"yt-loyalty-page-steps",style:{padding:"40px 20px",position:"relative",textAlign:"center"}},e.createElement("div",{className:"yt-loyalty-page-steps-background-text",style:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:"12vw",fontWeight:900,color:"#F5F5F5",zIndex:0,whiteSpace:"nowrap",pointerEvents:"none",opacity:.5}},"GETTING STARTED"),e.createElement("div",{className:"yt-loyalty-page-steps-content",style:{position:"relative",zIndex:1}},e.createElement("h2",{className:"yt-loyalty-page-steps-title",style:{fontSize:"32px",fontWeight:700,marginBottom:"8px",color:"#000"}},Q),e.createElement("p",{className:"yt-loyalty-page-steps-subtitle",style:{color:g,marginBottom:"24px"}},U),e.createElement("div",{className:"yt-loyalty-page-steps-grid",style:{display:"flex",flexDirection:ne?"column":"row",justifyContent:"center",gap:"40px",maxWidth:"1200px",margin:"0 auto"}},[{icon:e.createElement(v,null),title:Y,desc:G},{icon:e.createElement(B,null),title:X,desc:Z},{icon:e.createElement(C,null),title:K,desc:J}].map((t,n)=>e.createElement("div",{key:n,className:"yt-loyalty-page-step-item",style:{flex:1,display:"flex",flexDirection:"column",alignItems:"center"}},e.createElement("div",{className:"yt-loyalty-page-step-icon",style:{width:"80px",height:"80px",borderRadius:"50%",border:"4px solid #ccc",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"32px",color:"#666",marginBottom:"12px"}},t.icon),e.createElement("div",{className:"yt-loyalty-page-step-title",style:{fontSize:"16px",fontWeight:700,color:g,textTransform:"uppercase",lineHeight:"normal"}},t.title),e.createElement("p",{className:"yt-loyalty-page-step-description",style:{fontSize:"13px",color:g,lineHeight:1.2,maxWidth:"300px"}},t.desc)))))),"show"===P&&e.createElement("div",{className:"yt-loyalty-page-ways-to-earn",style:{padding:"40px 20px",position:"relative",borderTop:"1px solid #eee"}},e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-background-text",style:{position:"absolute",top:ne?"10%":"50%",left:"50%",transform:"translate(-50%, -50%)",fontSize:"12vw",fontWeight:900,color:"#F5F5F5",zIndex:0,whiteSpace:"nowrap",pointerEvents:"none",opacity:.5}},"WAYS TO EARN"),e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-grid",style:{position:"relative",zIndex:1,maxWidth:"1000px",margin:"0 auto",display:"flex",flexWrap:"wrap",justifyContent:"center",gap:"12px"}},be.map((t,n)=>e.createElement("div",{key:n,className:"yt-loyalty-page-ways-to-earn-item",style:{width:ne?"100%":"220px",border:"2px solid #ddd",padding:"12px 8px",display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",borderRadius:N,boxShadow:"-1px 2px 3px rgba(0,0,0,0.1)"}},e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-icon",style:{fontSize:"32px",marginBottom:"4px",color:"#1a1a2e"}},t.icon),e.createElement("h3",{className:"yt-loyalty-page-ways-to-earn-title",style:{fontSize:"13px",fontWeight:700,marginBottom:"2px",textTransform:"uppercase",color:"#000"}},t.title),e.createElement("p",{className:"yt-loyalty-page-ways-to-earn-subtitle",style:{fontSize:"11px",color:"#666"}},t.subtitle)))),D&&e.createElement("div",{className:"yt-loyalty-page-ways-to-earn-custom-text",style:{maxWidth:"1000px",margin:"24px auto 0",backgroundColor:b,color:"#fff",padding:"16px",textAlign:"center",fontSize:"12px",fontStyle:"italic",borderRadius:"4px"}},D)),"show"===A&&e.createElement("div",{className:"yt-loyalty-page-custom-section",style:{padding:ne?"40px 0px":"40px 20px",borderTop:"1px solid #eee"}},e.createElement("div",{className:"yt-loyalty-page-custom-section-container",style:{maxWidth:"1200px",margin:"0 auto",display:"flex",flexDirection:ne?"column":"row",alignItems:"center",gap:"40px",borderRadius:N,overflow:"hidden",backgroundColor:"#F9F9F9"}},e.createElement("div",{className:"yt-loyalty-page-custom-section-image-wrapper",style:{flex:1,width:"100%",order:ne||"left"===R?0:1}},e.createElement("div",{className:"yt-loyalty-page-custom-section-image",style:{display:"flex",width:"100%",height:"300px",backgroundColor:"#ddd",backgroundImage:j?`url(${re(j)})`:r?`url(${re(r)})`:void 0,backgroundSize:"cover",backgroundPosition:"center"}})),e.createElement("div",{className:"yt-loyalty-page-custom-section-content",style:{flex:1,paddingInline:ne?"20px":"10px",textAlign:ne?"center":W,order:ne||"left"===R?1:0,marginBottom:ne?"20px":"0px"}},e.createElement("h2",{className:"yt-loyalty-page-custom-section-title",style:{fontSize:M,fontWeight:700,marginBottom:"16px",color:H}},O),e.createElement("p",{className:"yt-loyalty-page-custom-section-subtitle",style:{fontSize:V,color:q,marginBottom:"24px",lineHeight:1.6,whiteSpace:"pre-line"}},L)))),"show"===_&&e.createElement("div",{className:"yt-loyalty-page-footer",style:{marginBottom:"20px"}},e.createElement("div",{className:"yt-loyalty-page-footer-container",style:{maxWidth:"1200px",margin:"0 auto"}},e.createElement("div",{className:"yt-loyalty-page-footer-custom-text",style:{backgroundColor:b,color:"#fff",padding:"16px",textAlign:"center",fontSize:"12px",fontStyle:"italic",borderRadius:"4px"}},ee),e.createElement("div",{className:"yt-loyalty-page-footer-signup",style:{display:"flex",flexDirection:ne?"column":"row",justifyContent:"space-between",alignItems:"center",marginTop:"40px",padding:"20px",border:"1px solid #eee",borderRadius:"4px",gap:"20px",textAlign:ne?"center":"left"}},e.createElement("div",{className:"yt-loyalty-page-footer-signup-content"},e.createElement("h3",{style:{fontSize:"20px",fontWeight:700,marginBottom:"4px",color:"#000",textAlign:ne?"center":"left"}},"Rewards Program"),e.createElement("p",{style:{fontSize:"14px",color:"#666"}},te)),e.createElement("button",{className:"yt-loyalty-page-footer-signup-button",style:ae,onClick:()=>{"undefined"!=typeof window&&window.ytapp&&(window.ytapp.loyaltyWidgetOpen=!0,window.dispatchEvent(new Event("loyaltyWidgetOpenChanged")))}},"JOIN NOW")))))},Ou=({showPopup:n,selectedOffer:r,selectedOfferTerms:o,onClose:i,offersConfig:a})=>{const[l,c]=t(!1);if(!n||!r||!o)return null;const s=r._customOffer,d=s?.code||r.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"}},Wu(r)?e.createElement(b,null):e.createElement(We,null)),e.createElement("div",{style:{fontSize:"clamp(16px, 4vw, 20px)",fontWeight:500,color:"#4C4C4C",lineHeight:"normal",textAlign:"center"}},ju(r)),e.createElement("div",{style:{fontSize:"clamp(28px, 7vw, 40px)",fontWeight:"600",color:a?.textColor||"#EE8E35",lineHeight:"normal",textAlign:"center"}},r.name),e.createElement("div",{style:{fontSize:"clamp(16px, 4vw, 20px)",color:"#000000",textAlign:"center",fontWeight:500}},o.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(z,null):e.createElement(N,null))),o.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"}},o.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 A(p,document.body)},Lu=({showPopup:n,selectedOffer:r,selectedOfferTerms:o,onClose:i,offersConfig:a})=>{const[l,c]=t(!1);if(!n||!r||!o)return null;const s=r._customOffer,d=s?.code||r.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"}},Wu(r)?e.createElement(b,null):e.createElement(We,null)),e.createElement("div",{style:{fontSize:"14px",fontWeight:500,color:"#888",textAlign:"center"}},ju(r)),e.createElement("div",{style:{fontSize:"32px",fontWeight:"700",color:a?.textColor||"#EE8E35",textAlign:"center",lineHeight:"1.2"}},r.name),e.createElement("div",{style:{fontSize:"18px",color:"#000000",textAlign:"center",fontWeight:500}},o.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(z,null):e.createElement(N,null)))),o.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"}},o.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 A(p,document.body)},Mu=({offersToShow:r,offersConfig:i,getOfferCardMessage:a,setSelectedOffer:l,setShowPopup:c})=>{const s=o(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)},[r]),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,r="right"===e?t+n:-(t+n);s.current.scrollBy({left:r,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(I,{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(F,{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"}},r?.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"}},Wu(t)?e.createElement(b,null):e.createElement(We,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"}},ju(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 "))},Vu=({offersToShow:r,offersConfig:o,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:`${o?.roundness||8}px`}},r?.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===o?.cardBackgroundTransparent||"true"===String(o?.cardBackgroundTransparent)?"transparent":o?.cardBackgroundColor||"#ffffff",borderBottom:n<(r?.length||0)-1?"1px solid rgb(225 218 218)":"none",marginBottom:"4px",borderRadius:`${o?.roundness||0}px`}},o?.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"}},Wu(t)?e.createElement(b,null):e.createElement(We,null)),e.createElement("div",{style:{flex:1}},e.createElement("div",{style:{fontSize:c?"14px":"15px",fontWeight:600,color:"#000000",lineHeight:"1"}},ju(t),":"," ",e.createElement("span",{style:{fontWeight:600,color:o?.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:o?.accentColor||"#7f8c8d",fontWeight:700,textDecoration:"none",marginLeft:"2px"}},o?.viewDetailsTitle||"T&C"))))))},ju=e=>"free_product"===e.couponType?"deal_amount"===e.freebieType?"Deal":"percentage_off"===e.freebieType?"% Off":"Free Gift":e._customOffer?.code?"Coupon":"Special Deal",Wu=e=>"free_product"===e.couponType&&"deal_amount"!==e.freebieType&&"percentage_off"!==e.freebieType,Hu=({offersConfig:r,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=o(null);n(()=>{const e=()=>{m(window.innerWidth<=768),x(window.innerWidth<=450)};return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),n(()=>{f.current&&mn(f.current)},[r?.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",r=-1;Object.keys(t).forEach(e=>{t[e]>r&&(r=t[e],n=e)});const o=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 o.sort((e,t)=>{const r=e.o.customCartProgressBarCriteria===n,o=t.o.customCartProgressBarCriteria===n;if(r&&o){const n=i(e.o),r=i(t.o);return n!==r?n-r:e.idx-t.idx}return r&&!o?-1:!r&&o?1:e.idx-t.idx}),o.map(e=>e.o)})((!1===r?.showBackendOffers&&r?.customOffers&&r.customOffers.length>0?r.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 r=["Limited Time Offer","Applies automatically when criteria is met"];return"quantity"===e.customCartProgressBarCriteria&&e.quantityThreshold?r.push(`Unlock when you add ${e.quantityThreshold} ${e.quantityThreshold>1?"items":"item"} to cart`):"minimum_order_value"===e.customCartProgressBarCriteria&&e.minimumOrderValue&&r.push(`Unlock at order value of ${e.minimumOrderValue}`),t&&r.push("Combines with other order discounts"),t||r.push("Not applicable if other offer with higher discount applied on same product"),{offerMessage:n,terms:r}})(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"===r?.sectionType?`${r?.roundness||0}px`:"0px",boxSizing:"border-box",backgroundColor:r?.sectionBackgroundColor||"#fff"}},e.createElement("div",{style:{border:"coupon"===r?.sectionType?"none":"1px solid rgb(169, 163, 163)",borderTop:"1px solid rgb(169, 163, 163)",padding:null!=r?.cardPadding?`${r.cardPadding}px`:u?"20px 10px 15px":"30px 15px 20px",position:"relative",borderRadius:"list"===r?.sectionType?`${r?.roundness||8}px`:"0px"}},e.createElement("span",{ref:f,className:"yt-product-offers-section-title",style:{position:"absolute",top:"0",left:"left"===r?.alignment?"coupon"===r?.sectionType?"0px":u?"10px":"20px":"right"===r?.alignment?"auto":"50%",right:"right"===r?.alignment?"coupon"===r?.sectionType?"0px":u?"10px":"20px":"auto",transform:"middle"===r?.alignment?"translateX(-50%) translateY(-50%)":"translateY(-50%)",background:r?.sectionBgContrastColor||"#fff",padding:u?"0 8px":"0 10px",fontWeight:"500",fontSize:u?"14px":"16px",textTransform:"uppercase",textAlign:"center"}},r?.sectionTitle||"Available Deals and Offers"),(()=>{const t=r?.sectionType;return"list"===t?e.createElement(Vu,{offersToShow:y,offersConfig:r||{},getOfferCardMessage:h,setSelectedOffer:b,setShowPopup:l}):"coupon"===t?e.createElement(Mu,{offersToShow:y,offersConfig:r||{},getOfferCardMessage:h,setSelectedOffer:b,setShowPopup:l}):null})(),g?e.createElement(Lu,{selectedOffer:c,selectedOfferTerms:d,showPopup:a,offersConfig:r,onClose:()=>{l(!1),s(null),p(null)}}):e.createElement(Ou,{selectedOffer:c,selectedOfferTerms:d,showPopup:a,offersConfig:r,onClose:()=>{l(!1),s(null),p(null)}}))))};export{Mp as Bundle,Fu as BundleLoader,Iu as Cart,Ru as LoyaltyPageBlock,_u as LoyaltyProductCatalog,Vt as Nudge,Hu as ProductOffers,Yt as SpinnerWheel};
|