{
  "version": 3,
  "sources": ["../../javascript/components/QuantityPicker.tsx", "../../javascript/components/AddToBasket.tsx"],
  "sourcesContent": ["import React, { useState, useEffect, useRef } from \"react\"\n\ninterface QuantityPickerProps {\n  quantity: number\n  setQuantity: (quantity: number) => void\n  variantId: number | null\n  setCartQuantity?: (quantityValue: number) => void\n  disabled?: boolean\n}\n\nconst QuantityPicker: React.FC<QuantityPickerProps> = ({\n  quantity,\n  setQuantity,\n  variantId,\n  disabled = false,\n  setCartQuantity = () => {}\n}) => {\n  const updateQuantity = (amount: number) => {\n    if (disabled) return\n    const newAmount = quantity + amount\n    setQuantity(newAmount >= 0 ? newAmount : 0)\n  }\n\n  const ref = useRef<HTMLDivElement>(null)\n\n  const [isFreeForm, setIsFreeForm] = useState(false)\n\n  const variantQuantityFormId = `variant-${variantId}`\n\n  const inputClasses = disabled\n    ? \"quantity-picker__amount--input quantity-picker__amount--input--disabled\"\n    : \"quantity-picker__amount--input\"\n\n  const buttonClasses = disabled\n    ? \"quantity-picker__button quantity-picker__button--disabled\"\n    : \"quantity-picker__button\"\n\n  const freeFormQuantity = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newQuantity = parseInt(event.target.value)\n    setQuantity(newQuantity)\n    setIsFreeForm(true)\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    // Only applies to non-selected variants on CPP\n    if (event.key === \"Enter\" && quantity > 0) {\n      setCartQuantity(quantity)\n      setIsFreeForm(false)\n    }\n  }\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      // Only applies to non-selected variants on CPP\n      if (ref?.current?.contains(event.target as Node)) return\n      if (isFreeForm && quantity > 0) {\n        setCartQuantity(quantity)\n        setIsFreeForm(false)\n      }\n    }\n    document.addEventListener(\"click\", handleClickOutside)\n    return () => {\n      document.removeEventListener(\"click\", handleClickOutside)\n    }\n  }, [quantity, setCartQuantity, isFreeForm])\n\n  return (\n    <div className=\"quantity-picker\" ref={ref}>\n      <button\n        className={buttonClasses + \" quantity-picker__button--minus\"}\n        onClick={() => {\n          updateQuantity(-1)\n\n          if (isFreeForm) {\n            setCartQuantity(quantity - 1)\n            setIsFreeForm(false)\n          } else {\n            setCartQuantity(quantity - 1)\n          }\n        }}\n      >\n        <span>\u2212</span>\n      </button>\n      <div className=\"quantity-picker__amount\">\n        <input\n          className={inputClasses}\n          id={variantId ? variantQuantityFormId : undefined}\n          type=\"number\"\n          value={quantity}\n          onChange={freeFormQuantity}\n          onKeyDown={handleKeyPress}\n        />\n      </div>\n      <button\n        className={buttonClasses + \" quantity-picker__button--plus\"}\n        onClick={() => {\n          updateQuantity(1)\n          if (isFreeForm) {\n            setCartQuantity(quantity + 1)\n            setIsFreeForm(false)\n          } else {\n            setCartQuantity(quantity + 1)\n          }\n        }}\n      >\n        <span>+</span>\n      </button>\n    </div>\n  )\n}\n\nexport default QuantityPicker\n", "import React, { useState } from \"react\"\n\nimport TranslationContext, { Translations } from \"./TranslationContext\"\nimport ActionButton from \"./ActionButton\"\n\nconst AddToBasket = ({\n  onClick = () => {},\n  disabled = false,\n  fullWidth = false,\n  inStock = true,\n  hoverable = false,\n  disabledText = null\n}) => {\n  const [buttonText, setButtonText] = useState<string>()\n\n  const handleClick = async (translations: Translations) => {\n    onClick()\n    setButtonText(translations.added)\n    await new Promise((resolve) => setTimeout(resolve, 1500))\n    setButtonText(translations.add_to_basket)\n  }\n\n  const getButtonText = (translations: Translations) => {\n    if (!inStock) return translations.out_of_stock\n    return buttonText ? buttonText : translations.add_to_basket\n  }\n\n  return (\n    <TranslationContext.Consumer>\n      {(translations: Translations) => (\n        <div className=\"add-to-basket--button-container\">\n          <ActionButton\n            text={\n              disabled && !!disabledText\n                ? disabledText\n                : getButtonText(translations)\n            }\n            darkGoldColour\n            onClick={() => handleClick(translations)}\n            disabled={disabled}\n            fullWidth={fullWidth}\n            hoverable={hoverable}\n          />\n        </div>\n      )}\n    </TranslationContext.Consumer>\n  )\n}\n\nexport default AddToBasket\n"],
  "mappings": "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",
  "names": ["import_react", "QuantityPicker", "quantity", "setQuantity", "variantId", "disabled", "setCartQuantity", "updateQuantity", "amount", "newAmount", "ref", "isFreeForm", "setIsFreeForm", "variantQuantityFormId", "inputClasses", "buttonClasses", "freeFormQuantity", "event", "newQuantity", "handleKeyPress", "handleClickOutside", "_a", "React", "QuantityPicker_default", "import_react", "AddToBasket", "onClick", "disabled", "fullWidth", "inStock", "hoverable", "disabledText", "buttonText", "setButtonText", "handleClick", "translations", "__async", "resolve", "getButtonText", "React", "TranslationContext", "ActionButton_default", "AddToBasket_default"]
}