@magic-spells/gift-with-purchase 0.2.0

package/dist/gift-with-purchase.esm.js

@@ -0,0 +1,337 @@
+/**
+ * Gift With Purchase Component - automatically adds/removes gift when cart threshold is met
+ * Emits gwp:added/gwp:removed/gwp:error events and broadcasts cart updates
+ */
+class GiftWithPurchase extends HTMLElement {
+	// private fields
+	#threshold = 0;
+	#currentAmount = 0;
+	#variantId = null;
+	#isActive = false;
+	#isAdded = false;
+	#promoEnded = false;
+	#cartDialog = null;
+	#boundHandleCartDataChange = null; // pre-bound listener ref for clean-up
+	#debounceTimer = null; // debouncing cart updates
+	#messageAbove = null; // message when threshold is met
+	#messageBelow = null; // message when below threshold
+
+	static get observedAttributes() {
+		return ['threshold', 'current', 'variant-id', 'promo-ended', 'message-above', 'message-below'];
+	}
+
+	constructor() {
+		super();
+		// read initial attributes once
+		this.#threshold = parseFloat(this.getAttribute('threshold')) || 0;
+		this.#currentAmount = parseFloat(this.getAttribute('current')) || 0;
+		this.#variantId = this.getAttribute('variant-id');
+		this.#promoEnded = this.hasAttribute('promo-ended');
+		this.#messageAbove = this.getAttribute('message-above');
+		this.#messageBelow = this.getAttribute('message-below');
+		this.#boundHandleCartDataChange = this.#handleCartDataChange.bind(this);
+	}
+
+	connectedCallback() {
+		this.#render();
+		this.#attachListeners();
+	}
+
+	disconnectedCallback() {
+		if (this.#debounceTimer) clearTimeout(this.#debounceTimer);
+		if (this.#cartDialog)
+			this.#cartDialog.removeEventListener(
+				'cart-dialog:data-changed',
+				this.#boundHandleCartDataChange
+			);
+	}
+
+	#render() {
+		this.classList.add('gift-with-purchase');
+		this.#renderMessages();
+	}
+
+	#renderMessages() {
+		// Look for existing message element with data-content-gwp-message
+		this.#updateMessages();
+	}
+
+	#updateMessages() {
+		const messageEl = this.querySelector('[data-content-gwp-message]');
+		if (!messageEl) return;
+
+		let message = '';
+
+		// console.log('updateMessages - this.#isActive', this.#isActive);
+
+		if (this.#isActive && this.#messageAbove) {
+			// set message to above threshold message
+			message = this.#messageAbove;
+		} else if (!this.#isActive && this.#messageBelow) {
+			// set message to below threshold message
+			const remaining = this.#threshold - this.#currentAmount;
+			const formattedAmount = remaining.toFixed(2).replace(/\.00$/, '');
+			message = this.#messageBelow
+				.replace(/\{\s*amount\s*\}/g, formattedAmount)
+				.replace(/\{amount\}/g, formattedAmount);
+		}
+
+		messageEl.textContent = message;
+		messageEl.style.display = message ? 'block' : 'none';
+	}
+
+	#attachListeners() {
+		// Look for cart-dialog element when attaching listeners (more reliable timing)
+		this.#cartDialog = this.closest('cart-dialog');
+
+		if (this.#cartDialog) {
+			// console.log('cartDialog exists and is attaching events');
+			this.#cartDialog.addEventListener(
+				'cart-dialog:data-changed',
+				this.#boundHandleCartDataChange
+			);
+		} else {
+			// Try again after a short delay in case the DOM isn't fully ready
+			setTimeout(() => {
+				// console.log('cartDialog DIDNT exist and we waited to attach events');
+				this.#cartDialog = this.closest('cart-dialog');
+				if (this.#cartDialog) {
+					this.#cartDialog.addEventListener(
+						'cart-dialog:data-changed',
+						this.#boundHandleCartDataChange
+					);
+				} else {
+					console.error('GWP - cart-dialog still not found after delay');
+				}
+			}, 100);
+		}
+	}
+
+	#handleCartDataChange(event) {
+		const cart = event.detail;
+		// console.log('GWP - handleCartDataChange cart: ', cart.calculated_subtotal, cart);
+
+		if (!cart || typeof cart.calculated_subtotal === 'undefined') return;
+		if (this.#debounceTimer) clearTimeout(this.#debounceTimer);
+
+		this.#debounceTimer = setTimeout(() => {
+			this.#debounceTimer = null;
+			this.#currentAmount = parseFloat(cart.calculated_subtotal / 100) || 0;
+			this.#checkGiftInCart(cart);
+			this.#updateState(cart);
+		}, 300);
+	}
+
+	// checks to see if the gift is already in the cart
+	#checkGiftInCart(cart) {
+		if (!cart.items || !this.#variantId) {
+			this.#isAdded = false;
+			return;
+		}
+		const giftLines = cart.items.filter(
+			(lineItem) =>
+				lineItem.variant_id.toString() === this.#variantId.toString() &&
+				lineItem.properties?._gwp_item === 'true'
+		);
+		this.#isAdded = giftLines.length > 0;
+		if (this.#promoEnded && giftLines.length) this.#removeAllGiftItems(giftLines);
+	}
+
+	#updateState(cart) {
+		// console.log('********** ----------   Updating state....');
+		const wasActive = this.#isActive;
+		this.#isActive = this.#currentAmount >= this.#threshold && !this.#promoEnded;
+
+		// console.log('********** ----------   this.#isActive', this.#isActive);
+
+		if (this.#promoEnded) {
+			// remove GWP from cart
+			this.#removeGiftFromCart(cart);
+		}
+
+		if (this.#isActive && !wasActive && !this.#isAdded && this.#variantId) {
+			this.#addGiftToCart();
+		} else if (!this.#isActive && wasActive && this.#isAdded && this.#variantId) {
+			this.#removeGiftFromCart(cart);
+		}
+
+		this.#updateVisualState();
+		this.#updateMessages();
+	}
+
+	#updateVisualState() {
+		if (this.#promoEnded) {
+			this.setAttribute('state', 'ended');
+			this.style.display = 'none';
+			return;
+		}
+
+		this.style.display = '';
+		if (this.#isAdded) {
+			this.setAttribute('state', 'added');
+		} else if (this.#isActive) {
+			this.setAttribute('state', 'active');
+		}
+		// Note: no 'inactive' state since component wouldn't be loaded if inactive
+	}
+
+	async #addGiftToCart() {
+		try {
+			const res = await fetch('/cart/add.js', {
+				method: 'POST',
+				credentials: 'same-origin',
+				headers: {
+					'Content-Type': 'application/json',
+					'X-Requested-With': 'XMLHttpRequest',
+				},
+				body: JSON.stringify({
+					items: [
+						{
+							id: this.#variantId,
+							quantity: 1,
+							properties: {
+								_gwp_item: 'true',
+								_hide_in_cart: 'true',
+								_ignore_price_in_subtotal: 'true',
+							},
+						},
+					],
+				}),
+			});
+			if (!res.ok) throw new Error(`http ${res.status}`);
+			await res.json();
+			this.#isAdded = true;
+			this.dispatchEvent(
+				new CustomEvent('gwp:added', {
+					detail: { variantId: this.#variantId },
+					bubbles: true,
+				})
+			);
+		} catch (err) {
+			console.error('giftwithpurchase: add error', err);
+			this.dispatchEvent(
+				new CustomEvent('gwp:error', {
+					detail: { action: 'add', error: err.message },
+					bubbles: true,
+				})
+			);
+		}
+	}
+
+	async #removeGiftFromCart(cart) {
+		try {
+			// get all GWP items in the cart
+			const giftLines = cart.items.filter(
+				(lineItem) =>
+					lineItem.variant_id.toString() === this.#variantId.toString() &&
+					lineItem.properties?._gwp_item === 'true'
+			);
+
+			// exit if no items in the cart
+			if (!giftLines.length) {
+				this.#isAdded = false;
+				return;
+			}
+
+			// remove all GWP items from the cart
+			await this.#removeAllGiftItems(giftLines);
+		} catch (err) {
+			console.error('giftwithpurchase: remove error', err);
+			this.dispatchEvent(
+				new CustomEvent('gwp:error', {
+					detail: { action: 'remove', error: err.message },
+					bubbles: true,
+				})
+			);
+		}
+	}
+
+	async #removeAllGiftItems(giftLines) {
+		try {
+			await Promise.all(
+				giftLines.map((giftItem) =>
+					fetch('/cart/change.js', {
+						method: 'POST',
+						credentials: 'same-origin',
+						headers: {
+							'Content-Type': 'application/json',
+							'X-Requested-With': 'XMLHttpRequest',
+						},
+						body: JSON.stringify({ id: giftItem.key, quantity: 0 }),
+					})
+				)
+			);
+			this.#isAdded = false;
+			// note: you can broadcast cart again here if you want real-time re-render after remove
+			this.dispatchEvent(
+				new CustomEvent('gwp:removed', {
+					detail: { variantId: this.#variantId },
+					bubbles: true,
+				})
+			);
+		} catch (err) {
+			console.error('giftwithpurchase: bulk remove error', err);
+			this.dispatchEvent(
+				new CustomEvent('gwp:error', {
+					detail: { action: 'remove', error: err.message },
+					bubbles: true,
+				})
+			);
+		}
+	}
+
+	getState() {
+		return {
+			currentAmount: this.#currentAmount,
+			threshold: this.#threshold,
+			variantId: this.#variantId,
+			isActive: this.#isActive,
+			isAdded: this.#isAdded,
+			promoEnded: this.#promoEnded,
+			remainingAmount: Math.max(0, this.#threshold - this.#currentAmount),
+		};
+	}
+
+	get currentAmount() {
+		return this.#currentAmount;
+	}
+	get threshold() {
+		return this.#threshold;
+	}
+	get variantId() {
+		return this.#variantId;
+	}
+	get isActive() {
+		return this.#isActive;
+	}
+	get isAdded() {
+		return this.#isAdded;
+	}
+	get promoEnded() {
+		return this.#promoEnded;
+	}
+
+	// Public setter methods for programmatic control
+	setCurrentAmount(amount) {
+		this.#currentAmount = parseFloat(amount) || 0;
+		this.#updateState({ items: [] }); // Pass empty cart to avoid cart operations
+		this.#updateMessages();
+	}
+
+	setThreshold(threshold) {
+		this.#threshold = parseFloat(threshold) || 0;
+		this.#updateState({ items: [] }); // Pass empty cart to avoid cart operations
+		this.#updateMessages();
+	}
+
+	setVariantId(variantId) {
+		this.#variantId = variantId;
+	}
+}
+
+if (!customElements.get('gift-with-purchase')) {
+	customElements.define('gift-with-purchase', GiftWithPurchase);
+}
+
+export { GiftWithPurchase };
+//# sourceMappingURL=gift-with-purchase.esm.js.map

package/dist/gift-with-purchase.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gift-with-purchase.esm.js","sources":["../src/gift-with-purchase.js"],"sourcesContent":["import './gift-with-purchase.scss';\n\n/**\n * Gift With Purchase Component - automatically adds/removes gift when cart threshold is met\n * Emits gwp:added/gwp:removed/gwp:error events and broadcasts cart updates\n */\nclass GiftWithPurchase extends HTMLElement {\n\t// private fields\n\t#threshold = 0;\n\t#currentAmount = 0;\n\t#variantId = null;\n\t#isActive = false;\n\t#isAdded = false;\n\t#promoEnded = false;\n\t#cartDialog = null;\n\t#boundHandleCartDataChange = null; // pre-bound listener ref for clean-up\n\t#debounceTimer = null; // debouncing cart updates\n\t#messageAbove = null; // message when threshold is met\n\t#messageBelow = null; // message when below threshold\n\n\tstatic get observedAttributes() {\n\t\treturn ['threshold', 'current', 'variant-id', 'promo-ended', 'message-above', 'message-below'];\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\t// read initial attributes once\n\t\tthis.#threshold = parseFloat(this.getAttribute('threshold')) || 0;\n\t\tthis.#currentAmount = parseFloat(this.getAttribute('current')) || 0;\n\t\tthis.#variantId = this.getAttribute('variant-id');\n\t\tthis.#promoEnded = this.hasAttribute('promo-ended');\n\t\tthis.#messageAbove = this.getAttribute('message-above');\n\t\tthis.#messageBelow = this.getAttribute('message-below');\n\t\tthis.#boundHandleCartDataChange = this.#handleCartDataChange.bind(this);\n\t}\n\n\tconnectedCallback() {\n\t\tthis.#render();\n\t\tthis.#attachListeners();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.#debounceTimer) clearTimeout(this.#debounceTimer);\n\t\tif (this.#cartDialog)\n\t\t\tthis.#cartDialog.removeEventListener(\n\t\t\t\t'cart-dialog:data-changed',\n\t\t\t\tthis.#boundHandleCartDataChange\n\t\t\t);\n\t}\n\n\t#render() {\n\t\tthis.classList.add('gift-with-purchase');\n\t\tthis.#renderMessages();\n\t}\n\n\t#renderMessages() {\n\t\t// Look for existing message element with data-content-gwp-message\n\t\tthis.#updateMessages();\n\t}\n\n\t#updateMessages() {\n\t\tconst messageEl = this.querySelector('[data-content-gwp-message]');\n\t\tif (!messageEl) return;\n\n\t\tlet message = '';\n\n\t\t// console.log('updateMessages - this.#isActive', this.#isActive);\n\n\t\tif (this.#isActive && this.#messageAbove) {\n\t\t\t// set message to above threshold message\n\t\t\tmessage = this.#messageAbove;\n\t\t} else if (!this.#isActive && this.#messageBelow) {\n\t\t\t// set message to below threshold message\n\t\t\tconst remaining = this.#threshold - this.#currentAmount;\n\t\t\tconst formattedAmount = remaining.toFixed(2).replace(/\\.00$/, '');\n\t\t\tmessage = this.#messageBelow\n\t\t\t\t.replace(/\\{\\s*amount\\s*\\}/g, formattedAmount)\n\t\t\t\t.replace(/\\{amount\\}/g, formattedAmount);\n\t\t}\n\n\t\tmessageEl.textContent = message;\n\t\tmessageEl.style.display = message ? 'block' : 'none';\n\t}\n\n\t#attachListeners() {\n\t\t// Look for cart-dialog element when attaching listeners (more reliable timing)\n\t\tthis.#cartDialog = this.closest('cart-dialog');\n\n\t\tif (this.#cartDialog) {\n\t\t\t// console.log('cartDialog exists and is attaching events');\n\t\t\tthis.#cartDialog.addEventListener(\n\t\t\t\t'cart-dialog:data-changed',\n\t\t\t\tthis.#boundHandleCartDataChange\n\t\t\t);\n\t\t} else {\n\t\t\t// Try again after a short delay in case the DOM isn't fully ready\n\t\t\tsetTimeout(() => {\n\t\t\t\t// console.log('cartDialog DIDNT exist and we waited to attach events');\n\t\t\t\tthis.#cartDialog = this.closest('cart-dialog');\n\t\t\t\tif (this.#cartDialog) {\n\t\t\t\t\tthis.#cartDialog.addEventListener(\n\t\t\t\t\t\t'cart-dialog:data-changed',\n\t\t\t\t\t\tthis.#boundHandleCartDataChange\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tconsole.error('GWP - cart-dialog still not found after delay');\n\t\t\t\t}\n\t\t\t}, 100);\n\t\t}\n\t}\n\n\t#handleCartDataChange(event) {\n\t\tconst cart = event.detail;\n\t\t// console.log('GWP - handleCartDataChange cart: ', cart.calculated_subtotal, cart);\n\n\t\tif (!cart || typeof cart.calculated_subtotal === 'undefined') return;\n\t\tif (this.#debounceTimer) clearTimeout(this.#debounceTimer);\n\n\t\tthis.#debounceTimer = setTimeout(() => {\n\t\t\tthis.#debounceTimer = null;\n\t\t\tthis.#currentAmount = parseFloat(cart.calculated_subtotal / 100) || 0;\n\t\t\tthis.#checkGiftInCart(cart);\n\t\t\tthis.#updateState(cart);\n\t\t}, 300);\n\t}\n\n\t// checks to see if the gift is already in the cart\n\t#checkGiftInCart(cart) {\n\t\tif (!cart.items || !this.#variantId) {\n\t\t\tthis.#isAdded = false;\n\t\t\treturn;\n\t\t}\n\t\tconst giftLines = cart.items.filter(\n\t\t\t(lineItem) =>\n\t\t\t\tlineItem.variant_id.toString() === this.#variantId.toString() &&\n\t\t\t\tlineItem.properties?._gwp_item === 'true'\n\t\t);\n\t\tthis.#isAdded = giftLines.length > 0;\n\t\tif (this.#promoEnded && giftLines.length) this.#removeAllGiftItems(giftLines);\n\t}\n\n\t#updateState(cart) {\n\t\t// console.log('********** ----------   Updating state....');\n\t\tconst wasActive = this.#isActive;\n\t\tthis.#isActive = this.#currentAmount >= this.#threshold && !this.#promoEnded;\n\n\t\t// console.log('********** ----------   this.#isActive', this.#isActive);\n\n\t\tif (this.#promoEnded) {\n\t\t\t// remove GWP from cart\n\t\t\tthis.#removeGiftFromCart(cart);\n\t\t}\n\n\t\tif (this.#isActive && !wasActive && !this.#isAdded && this.#variantId) {\n\t\t\tthis.#addGiftToCart();\n\t\t} else if (!this.#isActive && wasActive && this.#isAdded && this.#variantId) {\n\t\t\tthis.#removeGiftFromCart(cart);\n\t\t}\n\n\t\tthis.#updateVisualState();\n\t\tthis.#updateMessages();\n\t}\n\n\t#updateVisualState() {\n\t\tif (this.#promoEnded) {\n\t\t\tthis.setAttribute('state', 'ended');\n\t\t\tthis.style.display = 'none';\n\t\t\treturn;\n\t\t}\n\n\t\tthis.style.display = '';\n\t\tif (this.#isAdded) {\n\t\t\tthis.setAttribute('state', 'added');\n\t\t} else if (this.#isActive) {\n\t\t\tthis.setAttribute('state', 'active');\n\t\t}\n\t\t// Note: no 'inactive' state since component wouldn't be loaded if inactive\n\t}\n\n\tasync #addGiftToCart() {\n\t\ttry {\n\t\t\tconst res = await fetch('/cart/add.js', {\n\t\t\t\tmethod: 'POST',\n\t\t\t\tcredentials: 'same-origin',\n\t\t\t\theaders: {\n\t\t\t\t\t'Content-Type': 'application/json',\n\t\t\t\t\t'X-Requested-With': 'XMLHttpRequest',\n\t\t\t\t},\n\t\t\t\tbody: JSON.stringify({\n\t\t\t\t\titems: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: this.#variantId,\n\t\t\t\t\t\t\tquantity: 1,\n\t\t\t\t\t\t\tproperties: {\n\t\t\t\t\t\t\t\t_gwp_item: 'true',\n\t\t\t\t\t\t\t\t_hide_in_cart: 'true',\n\t\t\t\t\t\t\t\t_ignore_price_in_subtotal: 'true',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t}),\n\t\t\t});\n\t\t\tif (!res.ok) throw new Error(`http ${res.status}`);\n\t\t\tawait res.json();\n\t\t\tthis.#isAdded = true;\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('gwp:added', {\n\t\t\t\t\tdetail: { variantId: this.#variantId },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t})\n\t\t\t);\n\t\t} catch (err) {\n\t\t\tconsole.error('giftwithpurchase: add error', err);\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('gwp:error', {\n\t\t\t\t\tdetail: { action: 'add', error: err.message },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t}\n\n\tasync #removeGiftFromCart(cart) {\n\t\ttry {\n\t\t\t// get all GWP items in the cart\n\t\t\tconst giftLines = cart.items.filter(\n\t\t\t\t(lineItem) =>\n\t\t\t\t\tlineItem.variant_id.toString() === this.#variantId.toString() &&\n\t\t\t\t\tlineItem.properties?._gwp_item === 'true'\n\t\t\t);\n\n\t\t\t// exit if no items in the cart\n\t\t\tif (!giftLines.length) {\n\t\t\t\tthis.#isAdded = false;\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// remove all GWP items from the cart\n\t\t\tawait this.#removeAllGiftItems(giftLines);\n\t\t} catch (err) {\n\t\t\tconsole.error('giftwithpurchase: remove error', err);\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('gwp:error', {\n\t\t\t\t\tdetail: { action: 'remove', error: err.message },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t}\n\n\tasync #removeAllGiftItems(giftLines) {\n\t\ttry {\n\t\t\tawait Promise.all(\n\t\t\t\tgiftLines.map((giftItem) =>\n\t\t\t\t\tfetch('/cart/change.js', {\n\t\t\t\t\t\tmethod: 'POST',\n\t\t\t\t\t\tcredentials: 'same-origin',\n\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t'Content-Type': 'application/json',\n\t\t\t\t\t\t\t'X-Requested-With': 'XMLHttpRequest',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbody: JSON.stringify({ id: giftItem.key, quantity: 0 }),\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t);\n\t\t\tthis.#isAdded = false;\n\t\t\t// note: you can broadcast cart again here if you want real-time re-render after remove\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('gwp:removed', {\n\t\t\t\t\tdetail: { variantId: this.#variantId },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t})\n\t\t\t);\n\t\t} catch (err) {\n\t\t\tconsole.error('giftwithpurchase: bulk remove error', err);\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('gwp:error', {\n\t\t\t\t\tdetail: { action: 'remove', error: err.message },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t}\n\n\tgetState() {\n\t\treturn {\n\t\t\tcurrentAmount: this.#currentAmount,\n\t\t\tthreshold: this.#threshold,\n\t\t\tvariantId: this.#variantId,\n\t\t\tisActive: this.#isActive,\n\t\t\tisAdded: this.#isAdded,\n\t\t\tpromoEnded: this.#promoEnded,\n\t\t\tremainingAmount: Math.max(0, this.#threshold - this.#currentAmount),\n\t\t};\n\t}\n\n\tget currentAmount() {\n\t\treturn this.#currentAmount;\n\t}\n\tget threshold() {\n\t\treturn this.#threshold;\n\t}\n\tget variantId() {\n\t\treturn this.#variantId;\n\t}\n\tget isActive() {\n\t\treturn this.#isActive;\n\t}\n\tget isAdded() {\n\t\treturn this.#isAdded;\n\t}\n\tget promoEnded() {\n\t\treturn this.#promoEnded;\n\t}\n\n\t// Public setter methods for programmatic control\n\tsetCurrentAmount(amount) {\n\t\tthis.#currentAmount = parseFloat(amount) || 0;\n\t\tthis.#updateState({ items: [] }); // Pass empty cart to avoid cart operations\n\t\tthis.#updateMessages();\n\t}\n\n\tsetThreshold(threshold) {\n\t\tthis.#threshold = parseFloat(threshold) || 0;\n\t\tthis.#updateState({ items: [] }); // Pass empty cart to avoid cart operations\n\t\tthis.#updateMessages();\n\t}\n\n\tsetVariantId(variantId) {\n\t\tthis.#variantId = variantId;\n\t}\n}\n\nif (!customElements.get('gift-with-purchase')) {\n\tcustomElements.define('gift-with-purchase', GiftWithPurchase);\n}\n\nexport { GiftWithPurchase };\n"],"names":[],"mappings":"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"}

package/dist/gift-with-purchase.min.css

@@ -0,0 +1,2 @@
+gift-with-purchase{--gwp-border-radius:8px;--gwp-padding:1rem;--gwp-gap:1rem;--gwp-bg-active:#e8f5e8;--gwp-bg-added:#d4edda;--gwp-border-active:#28a745;--gwp-border-added:#155724;--gwp-text-active:#155724;--gwp-text-added:#155724;background-color:var(--gwp-bg-active);border:2px solid var(--gwp-border-active);border-radius:var(--gwp-border-radius);color:var(--gwp-text-active);display:block;padding:var(--gwp-padding)}gift-with-purchase .gwp-product{align-items:flex-start;display:flex;gap:var(--gwp-gap)}gift-with-purchase [data-gwp-image]{flex-shrink:0}gift-with-purchase .gwp-content{flex:1;min-width:0}gift-with-purchase[state=active]{background-color:var(--gwp-bg-active);border-color:var(--gwp-border-active);color:var(--gwp-text-active)}gift-with-purchase[state=added]{background-color:var(--gwp-bg-added);border-color:var(--gwp-border-added);color:var(--gwp-text-added)}gift-with-purchase[state=ended]{display:none}
+/*# sourceMappingURL=gift-with-purchase.min.css.map */

package/dist/gift-with-purchase.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["gift-with-purchase.scss"],"names":[],"mappings":"AAAA,mBACE,uBAAwB,CACxB,kBAAmB,CACnB,cAAe,CACf,uBAAwB,CACxB,sBAAuB,CACvB,2BAA4B,CAC5B,0BAA2B,CAC3B,yBAA0B,CAC1B,wBAAyB,CAKzB,qCAAsC,CAHtC,yCAA0C,CAC1C,sCAAuC,CAGvC,4BAA6B,CAL7B,aAAc,CAGd,0BAGF,CACA,gCAEE,sBAAuB,CADvB,YAAa,CAEb,kBACF,CACA,oCACE,aACF,CACA,gCACE,MAAO,CACP,WACF,CACA,iCACE,qCAAsC,CACtC,qCAAsC,CACtC,4BACF,CACA,gCACE,oCAAqC,CACrC,oCAAqC,CACrC,2BACF,CACA,gCACE,YACF","file":"gift-with-purchase.min.css","sourcesContent":["gift-with-purchase {\n  --gwp-border-radius: 8px;\n  --gwp-padding: 1rem;\n  --gwp-gap: 1rem;\n  --gwp-bg-active: #e8f5e8;\n  --gwp-bg-added: #d4edda;\n  --gwp-border-active: #28a745;\n  --gwp-border-added: #155724;\n  --gwp-text-active: #155724;\n  --gwp-text-added: #155724;\n  display: block;\n  border: 2px solid var(--gwp-border-active);\n  border-radius: var(--gwp-border-radius);\n  padding: var(--gwp-padding);\n  background-color: var(--gwp-bg-active);\n  color: var(--gwp-text-active);\n}\ngift-with-purchase .gwp-product {\n  display: flex;\n  align-items: flex-start;\n  gap: var(--gwp-gap);\n}\ngift-with-purchase [data-gwp-image] {\n  flex-shrink: 0;\n}\ngift-with-purchase .gwp-content {\n  flex: 1;\n  min-width: 0;\n}\ngift-with-purchase[state=active] {\n  background-color: var(--gwp-bg-active);\n  border-color: var(--gwp-border-active);\n  color: var(--gwp-text-active);\n}\ngift-with-purchase[state=added] {\n  background-color: var(--gwp-bg-added);\n  border-color: var(--gwp-border-added);\n  color: var(--gwp-text-added);\n}\ngift-with-purchase[state=ended] {\n  display: none;\n}"]}

package/dist/gift-with-purchase.min.js

@@ -0,0 +1,2 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports):"function"==typeof define&&define.amd?define(["exports"],e):e((t="undefined"!=typeof globalThis?globalThis:t||self).GiftWithPurchase={})}(this,function(t){"use strict";class e extends HTMLElement{#t=0;#e=0;#i=null;#s=!1;#a=!1;#r=!1;#n=null;#d=null;#o=null;#h=null;#l=null;static get observedAttributes(){return["threshold","current","variant-id","promo-ended","message-above","message-below"]}constructor(){super(),this.#t=parseFloat(this.getAttribute("threshold"))||0,this.#e=parseFloat(this.getAttribute("current"))||0,this.#i=this.getAttribute("variant-id"),this.#r=this.hasAttribute("promo-ended"),this.#h=this.getAttribute("message-above"),this.#l=this.getAttribute("message-below"),this.#d=this.#c.bind(this)}connectedCallback(){this.#u(),this.#m()}disconnectedCallback(){this.#o&&clearTimeout(this.#o),this.#n&&this.#n.removeEventListener("cart-dialog:data-changed",this.#d)}#u(){this.classList.add("gift-with-purchase"),this.#g()}#g(){this.#p()}#p(){const t=this.querySelector("[data-content-gwp-message]");if(!t)return;let e="";if(this.#s&&this.#h)e=this.#h;else if(!this.#s&&this.#l){const t=(this.#t-this.#e).toFixed(2).replace(/\.00$/,"");e=this.#l.replace(/\{\s*amount\s*\}/g,t).replace(/\{amount\}/g,t)}t.textContent=e,t.style.display=e?"block":"none"}#m(){this.#n=this.closest("cart-dialog"),this.#n?this.#n.addEventListener("cart-dialog:data-changed",this.#d):setTimeout(()=>{this.#n=this.closest("cart-dialog"),this.#n?this.#n.addEventListener("cart-dialog:data-changed",this.#d):console.error("GWP - cart-dialog still not found after delay")},100)}#c(t){const e=t.detail;e&&void 0!==e.calculated_subtotal&&(this.#o&&clearTimeout(this.#o),this.#o=setTimeout(()=>{this.#o=null,this.#e=parseFloat(e.calculated_subtotal/100)||0,this.#v(e),this.#b(e)},300))}#v(t){if(!t.items||!this.#i)return void(this.#a=!1);const e=t.items.filter(t=>t.variant_id.toString()===this.#i.toString()&&"true"===t.properties?._gwp_item);this.#a=e.length>0,this.#r&&e.length&&this.#A(e)}#b(t){const e=this.#s;this.#s=this.#e>=this.#t&&!this.#r,this.#r&&this.#f(t),this.#s&&!e&&!this.#a&&this.#i?this.#w():!this.#s&&e&&this.#a&&this.#i&&this.#f(t),this.#C(),this.#p()}#C(){if(this.#r)return this.setAttribute("state","ended"),void(this.style.display="none");this.style.display="",this.#a?this.setAttribute("state","added"):this.#s&&this.setAttribute("state","active")}async#w(){try{const t=await fetch("/cart/add.js",{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"},body:JSON.stringify({items:[{id:this.#i,quantity:1,properties:{_gwp_item:"true",_hide_in_cart:"true",_ignore_price_in_subtotal:"true"}}]})});if(!t.ok)throw new Error(`http ${t.status}`);await t.json(),this.#a=!0,this.dispatchEvent(new CustomEvent("gwp:added",{detail:{variantId:this.#i},bubbles:!0}))}catch(t){console.error("giftwithpurchase: add error",t),this.dispatchEvent(new CustomEvent("gwp:error",{detail:{action:"add",error:t.message},bubbles:!0}))}}async#f(t){try{const e=t.items.filter(t=>t.variant_id.toString()===this.#i.toString()&&"true"===t.properties?._gwp_item);if(!e.length)return void(this.#a=!1);await this.#A(e)}catch(t){console.error("giftwithpurchase: remove error",t),this.dispatchEvent(new CustomEvent("gwp:error",{detail:{action:"remove",error:t.message},bubbles:!0}))}}async#A(t){try{await Promise.all(t.map(t=>fetch("/cart/change.js",{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json","X-Requested-With":"XMLHttpRequest"},body:JSON.stringify({id:t.key,quantity:0})}))),this.#a=!1,this.dispatchEvent(new CustomEvent("gwp:removed",{detail:{variantId:this.#i},bubbles:!0}))}catch(t){console.error("giftwithpurchase: bulk remove error",t),this.dispatchEvent(new CustomEvent("gwp:error",{detail:{action:"remove",error:t.message},bubbles:!0}))}}getState(){return{currentAmount:this.#e,threshold:this.#t,variantId:this.#i,isActive:this.#s,isAdded:this.#a,promoEnded:this.#r,remainingAmount:Math.max(0,this.#t-this.#e)}}get currentAmount(){return this.#e}get threshold(){return this.#t}get variantId(){return this.#i}get isActive(){return this.#s}get isAdded(){return this.#a}get promoEnded(){return this.#r}setCurrentAmount(t){this.#e=parseFloat(t)||0,this.#b({items:[]}),this.#p()}setThreshold(t){this.#t=parseFloat(t)||0,this.#b({items:[]}),this.#p()}setVariantId(t){this.#i=t}}customElements.get("gift-with-purchase")||customElements.define("gift-with-purchase",e),t.GiftWithPurchase=e});
+//# sourceMappingURL=gift-with-purchase.min.js.map

package/dist/gift-with-purchase.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gift-with-purchase.min.js","sources":["../src/gift-with-purchase.js"],"sourcesContent":["import './gift-with-purchase.scss';\n\n/**\n * Gift With Purchase Component - automatically adds/removes gift when cart threshold is met\n * Emits gwp:added/gwp:removed/gwp:error events and broadcasts cart updates\n */\nclass GiftWithPurchase extends HTMLElement {\n\t// private fields\n\t#threshold = 0;\n\t#currentAmount = 0;\n\t#variantId = null;\n\t#isActive = false;\n\t#isAdded = false;\n\t#promoEnded = false;\n\t#cartDialog = null;\n\t#boundHandleCartDataChange = null; // pre-bound listener ref for clean-up\n\t#debounceTimer = null; // debouncing cart updates\n\t#messageAbove = null; // message when threshold is met\n\t#messageBelow = null; // message when below threshold\n\n\tstatic get observedAttributes() {\n\t\treturn ['threshold', 'current', 'variant-id', 'promo-ended', 'message-above', 'message-below'];\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\t// read initial attributes once\n\t\tthis.#threshold = parseFloat(this.getAttribute('threshold')) || 0;\n\t\tthis.#currentAmount = parseFloat(this.getAttribute('current')) || 0;\n\t\tthis.#variantId = this.getAttribute('variant-id');\n\t\tthis.#promoEnded = this.hasAttribute('promo-ended');\n\t\tthis.#messageAbove = this.getAttribute('message-above');\n\t\tthis.#messageBelow = this.getAttribute('message-below');\n\t\tthis.#boundHandleCartDataChange = this.#handleCartDataChange.bind(this);\n\t}\n\n\tconnectedCallback() {\n\t\tthis.#render();\n\t\tthis.#attachListeners();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this.#debounceTimer) clearTimeout(this.#debounceTimer);\n\t\tif (this.#cartDialog)\n\t\t\tthis.#cartDialog.removeEventListener(\n\t\t\t\t'cart-dialog:data-changed',\n\t\t\t\tthis.#boundHandleCartDataChange\n\t\t\t);\n\t}\n\n\t#render() {\n\t\tthis.classList.add('gift-with-purchase');\n\t\tthis.#renderMessages();\n\t}\n\n\t#renderMessages() {\n\t\t// Look for existing message element with data-content-gwp-message\n\t\tthis.#updateMessages();\n\t}\n\n\t#updateMessages() {\n\t\tconst messageEl = this.querySelector('[data-content-gwp-message]');\n\t\tif (!messageEl) return;\n\n\t\tlet message = '';\n\n\t\t// console.log('updateMessages - this.#isActive', this.#isActive);\n\n\t\tif (this.#isActive && this.#messageAbove) {\n\t\t\t// set message to above threshold message\n\t\t\tmessage = this.#messageAbove;\n\t\t} else if (!this.#isActive && this.#messageBelow) {\n\t\t\t// set message to below threshold message\n\t\t\tconst remaining = this.#threshold - this.#currentAmount;\n\t\t\tconst formattedAmount = remaining.toFixed(2).replace(/\\.00$/, '');\n\t\t\tmessage = this.#messageBelow\n\t\t\t\t.replace(/\\{\\s*amount\\s*\\}/g, formattedAmount)\n\t\t\t\t.replace(/\\{amount\\}/g, formattedAmount);\n\t\t}\n\n\t\tmessageEl.textContent = message;\n\t\tmessageEl.style.display = message ? 'block' : 'none';\n\t}\n\n\t#attachListeners() {\n\t\t// Look for cart-dialog element when attaching listeners (more reliable timing)\n\t\tthis.#cartDialog = this.closest('cart-dialog');\n\n\t\tif (this.#cartDialog) {\n\t\t\t// console.log('cartDialog exists and is attaching events');\n\t\t\tthis.#cartDialog.addEventListener(\n\t\t\t\t'cart-dialog:data-changed',\n\t\t\t\tthis.#boundHandleCartDataChange\n\t\t\t);\n\t\t} else {\n\t\t\t// Try again after a short delay in case the DOM isn't fully ready\n\t\t\tsetTimeout(() => {\n\t\t\t\t// console.log('cartDialog DIDNT exist and we waited to attach events');\n\t\t\t\tthis.#cartDialog = this.closest('cart-dialog');\n\t\t\t\tif (this.#cartDialog) {\n\t\t\t\t\tthis.#cartDialog.addEventListener(\n\t\t\t\t\t\t'cart-dialog:data-changed',\n\t\t\t\t\t\tthis.#boundHandleCartDataChange\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tconsole.error('GWP - cart-dialog still not found after delay');\n\t\t\t\t}\n\t\t\t}, 100);\n\t\t}\n\t}\n\n\t#handleCartDataChange(event) {\n\t\tconst cart = event.detail;\n\t\t// console.log('GWP - handleCartDataChange cart: ', cart.calculated_subtotal, cart);\n\n\t\tif (!cart || typeof cart.calculated_subtotal === 'undefined') return;\n\t\tif (this.#debounceTimer) clearTimeout(this.#debounceTimer);\n\n\t\tthis.#debounceTimer = setTimeout(() => {\n\t\t\tthis.#debounceTimer = null;\n\t\t\tthis.#currentAmount = parseFloat(cart.calculated_subtotal / 100) || 0;\n\t\t\tthis.#checkGiftInCart(cart);\n\t\t\tthis.#updateState(cart);\n\t\t}, 300);\n\t}\n\n\t// checks to see if the gift is already in the cart\n\t#checkGiftInCart(cart) {\n\t\tif (!cart.items || !this.#variantId) {\n\t\t\tthis.#isAdded = false;\n\t\t\treturn;\n\t\t}\n\t\tconst giftLines = cart.items.filter(\n\t\t\t(lineItem) =>\n\t\t\t\tlineItem.variant_id.toString() === this.#variantId.toString() &&\n\t\t\t\tlineItem.properties?._gwp_item === 'true'\n\t\t);\n\t\tthis.#isAdded = giftLines.length > 0;\n\t\tif (this.#promoEnded && giftLines.length) this.#removeAllGiftItems(giftLines);\n\t}\n\n\t#updateState(cart) {\n\t\t// console.log('********** ----------   Updating state....');\n\t\tconst wasActive = this.#isActive;\n\t\tthis.#isActive = this.#currentAmount >= this.#threshold && !this.#promoEnded;\n\n\t\t// console.log('********** ----------   this.#isActive', this.#isActive);\n\n\t\tif (this.#promoEnded) {\n\t\t\t// remove GWP from cart\n\t\t\tthis.#removeGiftFromCart(cart);\n\t\t}\n\n\t\tif (this.#isActive && !wasActive && !this.#isAdded && this.#variantId) {\n\t\t\tthis.#addGiftToCart();\n\t\t} else if (!this.#isActive && wasActive && this.#isAdded && this.#variantId) {\n\t\t\tthis.#removeGiftFromCart(cart);\n\t\t}\n\n\t\tthis.#updateVisualState();\n\t\tthis.#updateMessages();\n\t}\n\n\t#updateVisualState() {\n\t\tif (this.#promoEnded) {\n\t\t\tthis.setAttribute('state', 'ended');\n\t\t\tthis.style.display = 'none';\n\t\t\treturn;\n\t\t}\n\n\t\tthis.style.display = '';\n\t\tif (this.#isAdded) {\n\t\t\tthis.setAttribute('state', 'added');\n\t\t} else if (this.#isActive) {\n\t\t\tthis.setAttribute('state', 'active');\n\t\t}\n\t\t// Note: no 'inactive' state since component wouldn't be loaded if inactive\n\t}\n\n\tasync #addGiftToCart() {\n\t\ttry {\n\t\t\tconst res = await fetch('/cart/add.js', {\n\t\t\t\tmethod: 'POST',\n\t\t\t\tcredentials: 'same-origin',\n\t\t\t\theaders: {\n\t\t\t\t\t'Content-Type': 'application/json',\n\t\t\t\t\t'X-Requested-With': 'XMLHttpRequest',\n\t\t\t\t},\n\t\t\t\tbody: JSON.stringify({\n\t\t\t\t\titems: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tid: this.#variantId,\n\t\t\t\t\t\t\tquantity: 1,\n\t\t\t\t\t\t\tproperties: {\n\t\t\t\t\t\t\t\t_gwp_item: 'true',\n\t\t\t\t\t\t\t\t_hide_in_cart: 'true',\n\t\t\t\t\t\t\t\t_ignore_price_in_subtotal: 'true',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t}),\n\t\t\t});\n\t\t\tif (!res.ok) throw new Error(`http ${res.status}`);\n\t\t\tawait res.json();\n\t\t\tthis.#isAdded = true;\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('gwp:added', {\n\t\t\t\t\tdetail: { variantId: this.#variantId },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t})\n\t\t\t);\n\t\t} catch (err) {\n\t\t\tconsole.error('giftwithpurchase: add error', err);\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('gwp:error', {\n\t\t\t\t\tdetail: { action: 'add', error: err.message },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t}\n\n\tasync #removeGiftFromCart(cart) {\n\t\ttry {\n\t\t\t// get all GWP items in the cart\n\t\t\tconst giftLines = cart.items.filter(\n\t\t\t\t(lineItem) =>\n\t\t\t\t\tlineItem.variant_id.toString() === this.#variantId.toString() &&\n\t\t\t\t\tlineItem.properties?._gwp_item === 'true'\n\t\t\t);\n\n\t\t\t// exit if no items in the cart\n\t\t\tif (!giftLines.length) {\n\t\t\t\tthis.#isAdded = false;\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// remove all GWP items from the cart\n\t\t\tawait this.#removeAllGiftItems(giftLines);\n\t\t} catch (err) {\n\t\t\tconsole.error('giftwithpurchase: remove error', err);\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('gwp:error', {\n\t\t\t\t\tdetail: { action: 'remove', error: err.message },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t}\n\n\tasync #removeAllGiftItems(giftLines) {\n\t\ttry {\n\t\t\tawait Promise.all(\n\t\t\t\tgiftLines.map((giftItem) =>\n\t\t\t\t\tfetch('/cart/change.js', {\n\t\t\t\t\t\tmethod: 'POST',\n\t\t\t\t\t\tcredentials: 'same-origin',\n\t\t\t\t\t\theaders: {\n\t\t\t\t\t\t\t'Content-Type': 'application/json',\n\t\t\t\t\t\t\t'X-Requested-With': 'XMLHttpRequest',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbody: JSON.stringify({ id: giftItem.key, quantity: 0 }),\n\t\t\t\t\t})\n\t\t\t\t)\n\t\t\t);\n\t\t\tthis.#isAdded = false;\n\t\t\t// note: you can broadcast cart again here if you want real-time re-render after remove\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('gwp:removed', {\n\t\t\t\t\tdetail: { variantId: this.#variantId },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t})\n\t\t\t);\n\t\t} catch (err) {\n\t\t\tconsole.error('giftwithpurchase: bulk remove error', err);\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('gwp:error', {\n\t\t\t\t\tdetail: { action: 'remove', error: err.message },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t})\n\t\t\t);\n\t\t}\n\t}\n\n\tgetState() {\n\t\treturn {\n\t\t\tcurrentAmount: this.#currentAmount,\n\t\t\tthreshold: this.#threshold,\n\t\t\tvariantId: this.#variantId,\n\t\t\tisActive: this.#isActive,\n\t\t\tisAdded: this.#isAdded,\n\t\t\tpromoEnded: this.#promoEnded,\n\t\t\tremainingAmount: Math.max(0, this.#threshold - this.#currentAmount),\n\t\t};\n\t}\n\n\tget currentAmount() {\n\t\treturn this.#currentAmount;\n\t}\n\tget threshold() {\n\t\treturn this.#threshold;\n\t}\n\tget variantId() {\n\t\treturn this.#variantId;\n\t}\n\tget isActive() {\n\t\treturn this.#isActive;\n\t}\n\tget isAdded() {\n\t\treturn this.#isAdded;\n\t}\n\tget promoEnded() {\n\t\treturn this.#promoEnded;\n\t}\n\n\t// Public setter methods for programmatic control\n\tsetCurrentAmount(amount) {\n\t\tthis.#currentAmount = parseFloat(amount) || 0;\n\t\tthis.#updateState({ items: [] }); // Pass empty cart to avoid cart operations\n\t\tthis.#updateMessages();\n\t}\n\n\tsetThreshold(threshold) {\n\t\tthis.#threshold = parseFloat(threshold) || 0;\n\t\tthis.#updateState({ items: [] }); // Pass empty cart to avoid cart operations\n\t\tthis.#updateMessages();\n\t}\n\n\tsetVariantId(variantId) {\n\t\tthis.#variantId = variantId;\n\t}\n}\n\nif (!customElements.get('gift-with-purchase')) {\n\tcustomElements.define('gift-with-purchase', GiftWithPurchase);\n}\n\nexport { GiftWithPurchase };\n"],"names":["GiftWithPurchase","HTMLElement","threshold","currentAmount","variantId","isActive","isAdded","promoEnded","cartDialog","boundHandleCartDataChange","debounceTimer","messageAbove","messageBelow","observedAttributes","constructor","super","this","parseFloat","getAttribute","hasAttribute","handleCartDataChange","bind","connectedCallback","render","attachListeners","disconnectedCallback","clearTimeout","removeEventListener","classList","add","renderMessages","updateMessages","messageEl","querySelector","message","formattedAmount","toFixed","replace","textContent","style","display","closest","addEventListener","setTimeout","console","error","event","cart","detail","calculated_subtotal","checkGiftInCart","updateState","items","giftLines","filter","lineItem","variant_id","toString","properties","_gwp_item","length","removeAllGiftItems","wasActive","removeGiftFromCart","addGiftToCart","updateVisualState","setAttribute","res","fetch","method","credentials","headers","body","JSON","stringify","id","quantity","_hide_in_cart","_ignore_price_in_subtotal","ok","Error","status","json","dispatchEvent","CustomEvent","bubbles","err","action","Promise","all","map","giftItem","key","getState","remainingAmount","Math","max","setCurrentAmount","amount","setThreshold","setVariantId","customElements","get","define"],"mappings":"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"}

package/dist/gift-with-purchase.scss

@@ -0,0 +1,70 @@
+// SCSS Variables (can be overridden before import)
+$gwp-border-radius: 8px !default;
+$gwp-padding: 1rem !default;
+$gwp-gap: 1rem !default;
+
+// Colors
+$gwp-bg-active: #e8f5e8 !default;
+$gwp-bg-added: #d4edda !default;
+$gwp-border-active: #28a745 !default;
+$gwp-border-added: #155724 !default;
+$gwp-text-active: #155724 !default;
+$gwp-text-added: #155724 !default;
+
+// Gift with purchase component styles
+gift-with-purchase {
+	// CSS Custom Properties for customization
+	--gwp-border-radius: #{$gwp-border-radius};
+	--gwp-padding: #{$gwp-padding};
+	--gwp-gap: #{$gwp-gap};
+	--gwp-bg-active: #{$gwp-bg-active};
+	--gwp-bg-added: #{$gwp-bg-added};
+	--gwp-border-active: #{$gwp-border-active};
+	--gwp-border-added: #{$gwp-border-added};
+	--gwp-text-active: #{$gwp-text-active};
+	--gwp-text-added: #{$gwp-text-added};
+
+	display: block;
+	border: 2px solid var(--gwp-border-active);
+	border-radius: var(--gwp-border-radius);
+	padding: var(--gwp-padding);
+	background-color: var(--gwp-bg-active);
+	color: var(--gwp-text-active);
+
+	// Basic product layout - image left, content right
+	.gwp-product {
+		display: flex;
+		align-items: flex-start;
+		gap: var(--gwp-gap);
+	}
+
+	// Basic image styling
+	[data-gwp-image] {
+		flex-shrink: 0;
+	}
+
+	// Content takes remaining space
+	.gwp-content {
+		flex: 1;
+		min-width: 0;
+	}
+
+	// State: Active (threshold reached, gift not yet added)
+	&[state='active'] {
+		background-color: var(--gwp-bg-active);
+		border-color: var(--gwp-border-active);
+		color: var(--gwp-text-active);
+	}
+
+	// State: Added (gift in cart)
+	&[state='added'] {
+		background-color: var(--gwp-bg-added);
+		border-color: var(--gwp-border-added);
+		color: var(--gwp-text-added);
+	}
+
+	// State: Ended (promo ended - component hidden)
+	&[state='ended'] {
+		display: none;
+	}
+}

package/package.json

@@ -0,0 +1,75 @@
+{
+	"name": "@magic-spells/gift-with-purchase",
+	"version": "0.2.0",
+	"description": "Gift with purchase web component for e-commerce threshold promotions.",
+	"author": "Cory Schulz",
+	"license": "MIT",
+	"type": "module",
+	"main": "dist/gift-with-purchase.cjs.js",
+	"module": "dist/gift-with-purchase.esm.js",
+	"unpkg": "dist/gift-with-purchase.min.js",
+	"style": "dist/gift-with-purchase.min.css",
+	"sass": "dist/gift-with-purchase.scss",
+	"exports": {
+		".": {
+			"import": "./dist/gift-with-purchase.esm.js",
+			"require": "./dist/gift-with-purchase.cjs.js",
+			"default": "./dist/gift-with-purchase.esm.js"
+		},
+		"./css": "./dist/gift-with-purchase.css",
+		"./css/min": "./dist/gift-with-purchase.min.css",
+		"./scss": "./dist/gift-with-purchase.scss"
+	},
+	"sideEffects": true,
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/magic-spells/gift-with-purchase"
+	},
+	"homepage": "https://github.com/magic-spells/gift-with-purchase#readme",
+	"bugs": {
+		"url": "https://github.com/magic-spells/gift-with-purchase/issues"
+	},
+	"keywords": [
+		"gift-with-purchase",
+		"e-commerce",
+		"web-components",
+		"shopify",
+		"custom-elements",
+		"threshold-promotion",
+		"cart-promotion"
+	],
+	"files": [
+		"dist/",
+		"src/"
+	],
+	"scripts": {
+		"build": "rollup -c",
+		"lint": "eslint src/ rollup.config.mjs",
+		"format": "prettier --write .",
+		"prepublishOnly": "npm run build",
+		"serve": "rollup -c --watch",
+		"dev": "rollup -c --watch"
+	},
+	"publishConfig": {
+		"access": "public",
+		"registry": "https://registry.npmjs.org/"
+	},
+	"browserslist": [
+		"last 2 versions",
+		"not dead",
+		"not ie <= 11"
+	],
+	"devDependencies": {
+		"@eslint/js": "^8.57.0",
+		"@rollup/plugin-node-resolve": "^15.2.3",
+		"@rollup/plugin-terser": "^0.4.4",
+		"eslint": "^8.0.0",
+		"globals": "^13.24.0",
+		"prettier": "^3.3.3",
+		"rollup": "^3.0.0",
+		"rollup-plugin-copy": "^3.5.0",
+		"rollup-plugin-postcss": "^4.0.2",
+		"rollup-plugin-serve": "^1.1.1",
+		"sass": "^1.86.3"
+	}
+}