@brytdesigns/shopify-ajax-cart-components 1.0.0 → 1.0.2

package/dist/esm/index.js

@@ -0,0 +1,744 @@
+import { customShadowlessElement, correctElementType } from '@brytdesigns/web-component-utils';
+import { splitProps, createEffect, on, Show, For, createMemo, onCleanup, createUniqueId } from 'solid-js';
+import AjaxCart from '@brytdesigns/shopify-ajax-cart';
+import { createContext, provide, consume } from 'component-register';
+import html2 from 'solid-js/html';
+import debounce from 'lodash.debounce';
+
+// src/index.ts
+var AjaxCartContext = createContext(() => () => AjaxCart.data);
+var provideAjaxCartContext = (element) => {
+  return provide(AjaxCartContext, {}, element);
+};
+var useAjaxCartContext = (context) => {
+  return context;
+};
+var useAjaxCart = (element) => {
+  const context = consume(AjaxCartContext, element);
+  if (!context) {
+    throw console.error(
+      "CartContext not found! Please ensure to wrap your custom element with cart-context element."
+    );
+  }
+  return useAjaxCartContext(context);
+};
+
+// src/components/cart-context.ts
+var CartContext = (props, { element }) => {
+  const cart = provideAjaxCartContext(element);
+  createEffect(
+    on(
+      () => ({
+        cart: cart(),
+        debug: props.debug
+      }),
+      ({ cart: cart2, debug }) => {
+        if (!debug) return;
+        console.log("Cart updated:", cart2);
+      }
+    )
+  );
+};
+
+// src/utils/getValueFromPath.ts
+function getValueFromPath(obj, path) {
+  return path.split(".").reduce((acc, key) => {
+    if (acc === null || acc === void 0) return void 0;
+    const isArrayIndex = !isNaN(Number(key)) && key.trim() !== "";
+    if (Array.isArray(acc) && isArrayIndex) {
+      return acc[Number(key)];
+    }
+    return acc[key];
+  }, obj);
+}
+
+// src/utils/formatValue.ts
+function formatValue(format, value) {
+  switch (format) {
+    case "currency":
+      if (typeof value === "number") return window.Shopify.formatMoney(value);
+      if (typeof value === "string")
+        return window.Shopify.formatMoney(parseFloat(value));
+      console.warn("formatValue: Unsupported value type for currency format.");
+      return window.Shopify.formatMoney(0);
+    case "number":
+      return Number(value);
+    case "boolean":
+      return typeof value === "string" ? value.toLowerCase() === "true" : Boolean(value);
+    case "invert_boolean":
+      return typeof value === "string" ? value.toLowerCase() === "false" : !Boolean(value);
+    default:
+      return value;
+  }
+}
+
+// src/utils/getTemplateContent.ts
+function getTemplateContent(element, state) {
+  const tmpl = element.querySelector(
+    `template[${state}]`
+  );
+  if (!tmpl) return null;
+  return tmpl.content;
+}
+
+// src/utils/getTargetElement.ts
+function getTargetElement(rootElement, target) {
+  if (!target) return rootElement;
+  const t = rootElement.querySelector(target);
+  if (!t) {
+    console.error(`target element not found: ${target}`);
+    return null;
+  }
+  return t;
+}
+
+// src/utils/parseNestedObject.ts
+function parseNestedObject(data) {
+  const result = {};
+  for (const key in data) {
+    const value = data[key];
+    const parts = key.match(/(\w+|\[\d+\])/g);
+    if (!parts) continue;
+    let current = result;
+    for (let i = 0; i < parts.length; i++) {
+      let part = parts[i];
+      let nextPart = parts[i + 1];
+      if (!part) continue;
+      if (part.startsWith("[")) {
+        part = parseInt(part.slice(1, -1), 10);
+      }
+      if (i === parts.length - 1) {
+        current[part] = value;
+      } else {
+        if (typeof parts[i + 1] === "number" || nextPart && nextPart.startsWith("[")) {
+          current[part] = current[part] || [];
+        } else {
+          current[part] = current[part] || {};
+        }
+        current = current[part];
+      }
+    }
+  }
+  return result;
+}
+function createFullPathPropertyContext(options) {
+  return options.path;
+}
+var FullPropertyPathContext = createContext(createFullPathPropertyContext);
+function provideFullPropertyPathContext({
+  element,
+  path
+}) {
+  return provide(FullPropertyPathContext, { path }, element);
+}
+function useFullPropertyPathContext(context) {
+  return context;
+}
+function useFullPropertyPath(props) {
+  const context = consume(FullPropertyPathContext, props.element);
+  const basePath = useFullPropertyPathContext(context);
+  return createMemo(() => {
+    if (typeof basePath !== "function" && typeof props.path === "function") {
+      return props.path();
+    } else if (typeof basePath === "function" && typeof props.path !== "function") {
+      return basePath();
+    } else if (typeof basePath === "function" && typeof props.path === "function") {
+      return `${basePath()}.${props.path()}`;
+    }
+    return "";
+  });
+}
+function useCartValue(options) {
+  const cart = useAjaxCart(options.element);
+  const value = createMemo(() => {
+    const c = cart();
+    if (typeof options.path !== "function") return c;
+    const path = options.path();
+    if (!path) return c;
+    const v = getValueFromPath(c, path);
+    if (v === void 0 || v === null) return null;
+    return v;
+  });
+  return value;
+}
+function useFormattedValue(options) {
+  const value = useCartValue({ path: options.path, element: options.element });
+  const formattedValue = createMemo(() => {
+    const v = value();
+    if (v === null) return null;
+    if (typeof v === "string" || typeof v === "number" || typeof v === "boolean") {
+      return formatValue(options.format || "", v);
+    }
+    console.warn(
+      options.element,
+      `useFormattedValue: Unsupported value type. Expected string, number, or boolean. Received: ${typeof v}.`,
+      v
+    );
+    return null;
+  });
+  return formattedValue;
+}
+function createListenerStatusContext(options) {
+  const [privateProps, publicProps] = splitProps(options, ["element"]);
+  function setStatus(status) {
+    const currentStatus = privateProps.element.getAttribute("status");
+    if (currentStatus === status) return;
+    privateProps.element.setAttribute("status", status);
+    return status;
+  }
+  return [() => publicProps.status, setStatus];
+}
+var ListenerStatusContext = createContext(createListenerStatusContext);
+var provideListenerStatusContext = (options) => {
+  return provide(ListenerStatusContext, options, options.element);
+};
+var useListenerStatusContext = (context) => {
+  return context;
+};
+var useListenerStatus = (element) => {
+  const context = consume(ListenerStatusContext, element);
+  if (!context) {
+    throw console.error(
+      "CartListenerContext not found! Please ensure to wrap your custom element with cart-data-listener element."
+    );
+  }
+  return useListenerStatusContext(context);
+};
+var CartData = (props, { element }) => {
+  if (!props.propertyName)
+    return console.warn(
+      "No property-name attribute provided for cart-data component."
+    );
+  const fullPath = useFullPropertyPath({
+    element,
+    path: () => props.propertyName
+  });
+  const formattedValue = useFormattedValue({
+    get format() {
+      return props.format;
+    },
+    path: fullPath,
+    element
+  });
+  return html2`
+    <${Show} when=${() => formattedValue() !== null}> ${formattedValue} <//>
+  `;
+};
+function getValue(data, value) {
+  if (typeof value === "undefined" || !data) return void 0;
+  if (value.type === "primitive") {
+    return value.value;
+  }
+  if (value.type === "property" && value.name) {
+    return getValueFromPath(data, value.name);
+  }
+  return null;
+}
+function invertResult(result, invert = false) {
+  if (invert) return !result;
+  return result;
+}
+function validateConditions(conditions, data) {
+  if (!data) return false;
+  const result = conditions.every((condition) => {
+    let valueA = getValue(data, condition.valueA), valueB = getValue(data, condition.valueB), result2 = false;
+    if (typeof valueA === "undefined" && typeof valueB === "undefined")
+      return false;
+    if (condition.type === "typeof") {
+      result2 = typeof valueA === valueB;
+    }
+    if (condition.type === "includes_property") {
+      result2 = valueA.some(
+        (v) => v[condition.valueA?.property_name || ""] === valueB
+      );
+    }
+    if (condition.type === "equals") {
+      result2 = formatValue(condition.format || "", valueA) === formatValue(condition.format || "", valueB);
+    }
+    if (condition.type === "not_equals") {
+      result2 = formatValue(condition.format || "", valueA) !== formatValue(condition.format || "", valueB);
+    }
+    if (condition.type === "lt") {
+      result2 = formatValue(condition.format || "", valueA) < formatValue(condition.format || "", valueB);
+    }
+    if (condition.type === "lte") {
+      result2 = formatValue(condition.format || "", valueA) <= formatValue(condition.format || "", valueB);
+    }
+    if (condition.type === "gt") {
+      result2 = formatValue(condition.format || "", valueA) > formatValue(condition.format || "", valueB);
+    }
+    if (condition.type === "gte") {
+      result2 = formatValue(condition.format || "", valueA) >= formatValue(condition.format || "", valueB);
+    }
+    return invertResult(result2, condition.invert);
+  });
+  return result;
+}
+var CartDataConditions = (_, { element }) => {
+  const conditionTemplates = Array.from(element.children).filter(
+    (child) => child.tagName === "TEMPLATE" && child.hasAttribute("conditions")
+  );
+  if (!conditionTemplates.length)
+    return console.error(
+      "cart-data-conditions: no templates found with any conditions attribute!"
+    );
+  const allConditions = createMemo(
+    () => conditionTemplates.map((tmpl) => {
+      const conditions = tmpl.getAttribute("conditions");
+      if (!conditions)
+        console.warn("cart-data-conditions: conditions attribute is required!");
+      try {
+        return JSON.parse(conditions);
+      } catch (e) {
+        return [];
+      }
+    })
+  );
+  const fullPath = useFullPropertyPath({ element });
+  const data = useCartValue({
+    path: fullPath,
+    element
+  });
+  element.replaceChildren(...[]);
+  return html2`
+    <${For} each=${() => conditionTemplates}>
+      ${(tmpl, idx) => {
+    const conditions = allConditions()[idx()];
+    return html2`
+          <${Show} when=${() => validateConditions(conditions, data())}>
+            ${() => Array.from(tmpl.content.cloneNode(true).childNodes)}
+          <//>
+        `;
+  }}
+    <//>
+  `;
+};
+var CartDataArray = (props, { element }) => {
+  const itemTemplate = getTemplateContent(element, "item");
+  if (!itemTemplate)
+    return console.warn(
+      "cart-data-array: No template found with a property of 'item'."
+    );
+  if (!props.arrayPath)
+    return console.warn("cart-data-array: No array path provided.");
+  const mergedProps = {
+    element,
+    path: () => props.arrayPath
+  };
+  const fullPath = useFullPropertyPath(mergedProps);
+  provideFullPropertyPathContext({
+    element,
+    path: fullPath
+  });
+  const value = useCartValue({
+    element,
+    path: fullPath
+  });
+  const arrayValue = () => {
+    const v = value();
+    if (!v) {
+      console.warn(
+        `cart-data-array: value is null or undefined at path ${fullPath()}`
+      );
+      return null;
+    }
+    if (!Array.isArray(v)) {
+      console.warn(
+        `cart-data-array: value is not an array at path ${fullPath()}`
+      );
+      return null;
+    }
+    return v;
+  };
+  element.replaceChildren(...[]);
+  return html2`
+    <${Show} when=${() => arrayValue() && arrayValue().length > 0}>
+      <${For} each=${arrayValue}>
+        ${(_, idx) => html2`
+          <cart-data-array-item item-index=${() => `${idx()}`}>
+            ${() => Array.from(itemTemplate.cloneNode(true).childNodes)}
+          </cart-data-array-item>
+        `}
+      <//>
+    <//>
+  `;
+};
+
+// src/components/cart-data-array-item.ts
+var CartDataArrayItem = (props, { element }) => {
+  if (!props.itemIndex)
+    return console.warn("cart-data-array-item: No path attribute provided.");
+  const mergedProps = {
+    element,
+    path: () => props.itemIndex
+  };
+  const fullPath = useFullPropertyPath(mergedProps);
+  provideFullPropertyPathContext({
+    element,
+    path: fullPath
+  });
+};
+var CartDataListener = (props, { element }) => {
+  const [_, setStatus] = provideListenerStatusContext({
+    element,
+    get status() {
+      return props.status;
+    }
+  });
+  const path = useFullPropertyPath({
+    element
+  });
+  const data = useCartValue({
+    element,
+    path
+  });
+  let currentEventId = null;
+  createEffect(
+    on(
+      () => ({
+        method: props.method,
+        on: props.on,
+        preventDefault: props.preventDefault,
+        data: data(),
+        debounceDelay: props.debounceDelay,
+        resetForm: props.resetForm,
+        resetStatusDelay: props.resetStatusDelay
+      }),
+      ({
+        method,
+        on: on4,
+        preventDefault,
+        data: data2,
+        debounceDelay,
+        resetForm,
+        resetStatusDelay
+      }) => {
+        if (!method)
+          return console.error(
+            "cart-item-listener: method property is required!"
+          );
+        if (!on4)
+          return console.error("cart-item-listener: on property is required!");
+        let resetStatusId = null, tempEventId = null;
+        function onEvent(e) {
+          const cart = AjaxCart;
+          currentEventId = createUniqueId(), tempEventId = currentEventId;
+          if (preventDefault) e.preventDefault();
+          async function handleStatus(promise) {
+            setStatus("loading");
+            return promise.then((data3) => {
+              setStatus("success");
+              return data3;
+            }).catch((error) => {
+              setStatus("error");
+              return error;
+            }).finally(() => {
+              if (resetStatusDelay > 0) {
+                resetStatusId = setTimeout(() => {
+                  setStatus("default");
+                  resetStatusId = null;
+                }, resetStatusDelay);
+              } else {
+                setStatus("default");
+              }
+            });
+          }
+          if (on4 === "submit") {
+            let reset2 = function() {
+              if (resetForm) form.reset();
+            };
+            const form = e.target;
+            const formData = new FormData(form);
+            const formObj = parseNestedObject(
+              //@ts-ignore
+              Object.fromEntries(formData.entries())
+            );
+            if (method === "replaceItem") {
+              return handleStatus(
+                cart.replaceItem({
+                  key: formObj.key,
+                  id: formObj.id
+                })
+              ).finally(reset2);
+            }
+            if (method === "updateItem") {
+              return handleStatus(
+                cart.updateItem({
+                  id: formObj.id,
+                  quantity: formObj?.quantity || void 0,
+                  properties: formObj?.properties || {},
+                  selling_plan: formObj?.selling_plan || void 0
+                })
+              ).finally(reset2);
+            }
+            if (method === "removeItem") {
+              return handleStatus(cart.removeItem(formObj.key)).finally(reset2);
+            }
+            if (method === "addDiscount") {
+              return handleStatus(cart.addDiscount(formObj.code)).finally(
+                reset2
+              );
+            }
+            if (method === "removeDiscount") {
+              return handleStatus(cart.removeDiscount(formObj.code)).finally(
+                reset2
+              );
+            }
+            if (method === "updateNote") {
+              return handleStatus(cart.updateNote(formObj.note)).finally(reset2);
+            }
+            return;
+          }
+          const input = e.target;
+          if (method === "removeItem") {
+            return handleStatus(cart.removeItem(data2.key));
+          }
+          if (method === "updateQuantity") {
+            return handleStatus(
+              cart.updateItem({
+                id: data2.key,
+                quantity: input.valueAsNumber
+              })
+            );
+          }
+          if (method === "updateItemVariant") {
+            return handleStatus(
+              cart.replaceItem({
+                key: data2.key,
+                id: input.value
+              })
+            );
+          }
+          if (method === "updateNote") {
+            return handleStatus(cart.updateNote(input.value));
+          }
+        }
+        const handleEvent = debounce(onEvent, debounceDelay), controller = new AbortController();
+        element.addEventListener(
+          on4,
+          (e) => {
+            if (preventDefault) e.preventDefault();
+            handleEvent(e);
+          },
+          { signal: controller.signal }
+        );
+        return onCleanup(() => {
+          controller.abort();
+          if (resetStatusId && currentEventId !== tempEventId)
+            clearTimeout(resetStatusId);
+        });
+      }
+    )
+  );
+};
+var CartDataListenerStatus = (_, { element }) => {
+  const [status] = useListenerStatus(element);
+  if (!status)
+    return console.error(
+      "cart-data-listener-status: no listener context provided!"
+    );
+  const templates = {
+    default: getTemplateContent(element, "default"),
+    loading: getTemplateContent(element, "loading"),
+    success: getTemplateContent(element, "success"),
+    error: getTemplateContent(element, "error")
+  };
+  let previousState = null;
+  const currentStatus = () => {
+    const s = status();
+    if (!templates[s]) return previousState;
+    previousState = s;
+    return s;
+  };
+  element.replaceChildren(...[]);
+  return createMemo(() => {
+    const state = currentStatus();
+    if (!state) return null;
+    const template = templates[state];
+    if (!template) return null;
+    return Array.from(template.cloneNode(true).childNodes);
+  });
+};
+var VALID_INJECTION_TYPES = ["attribute", "property", "template"];
+var CartDataInjection = (props, { element }) => {
+  if (!props.propertyName)
+    return console.warn("cart-data-injection: No path attribute provided.");
+  if (!props.target)
+    return console.warn("cart-data-injection: No target attribute found!");
+  if (!props.attributeName)
+    return console.warn(
+      "cart-data-injection: No attribute-name attribute found!"
+    );
+  if (!props.injectionType || props.injectionType && !VALID_INJECTION_TYPES.includes(props.injectionType))
+    return console.warn(
+      "cart-data-injection: Invalid injection-type attribute provided."
+    );
+  const mergedProps = {
+    element,
+    path: () => props.propertyName
+  };
+  const fullPath = useFullPropertyPath(mergedProps);
+  const value = useFormattedValue({
+    path: fullPath,
+    element,
+    get format() {
+      return props.format;
+    }
+  });
+  createEffect(
+    on(
+      () => {
+        return {
+          target: getTargetElement(element, props.target),
+          value: value(),
+          attributeName: props.attributeName,
+          injectionType: props.injectionType,
+          propertyName: props.propertyName
+        };
+      },
+      ({ target, value: value2, attributeName, injectionType, propertyName }) => {
+        if (!target)
+          return console.warn(
+            `cart-data-injection: Unable to find element with selector of: ${props.target}`
+          );
+        if (injectionType === "attribute" && value2) {
+          target.setAttribute(attributeName, value2);
+          return;
+        }
+        if (injectionType === "property" && value2) {
+          target[attributeName] = value2;
+          return;
+        }
+        if (injectionType === "template" && value2) {
+          if (attributeName === "style") {
+            const styleTmpl = target[attributeName].cssText;
+            setTimeout(() => {
+              target[attributeName].cssText = styleTmpl.replace(
+                //@ts-ignore
+                `{${propertyName}}`,
+                value2
+              );
+            });
+            return onCleanup(() => {
+              target[attributeName].cssText = styleTmpl;
+            });
+          }
+          const tmpValue = target.getAttribute(attributeName);
+          if (!tmpValue || !value2)
+            return console.warn("Unable to inject value into template");
+          setTimeout(() => {
+            target.setAttribute(
+              attributeName,
+              tmpValue.replace(`{${propertyName}}`, value2)
+            );
+          });
+          return onCleanup(() => {
+            target.setAttribute(attributeName, tmpValue);
+          });
+        }
+      }
+    )
+  );
+};
+var CartLoadingState = (props, { element }) => {
+  const cart = AjaxCart;
+  const templates = {
+    pending: getTemplateContent(element, "pending"),
+    error: getTemplateContent(element, "error"),
+    success: getTemplateContent(element, "success")
+  };
+  let previousState = null;
+  const cartState = createMemo(() => {
+    const state = cart?.status;
+    if (!templates[state] || props.ignoredStates.includes(state))
+      return previousState;
+    previousState = state;
+    return state;
+  });
+  element.replaceChildren(...[]);
+  return html2`
+    <${Show} when=${() => cart}>
+      ${() => {
+    const state = cartState();
+    if (!state) return null;
+    if (!templates[state]) return null;
+    const children = Array.from(
+      templates[state].cloneNode(true).childNodes
+    );
+    return children;
+  }}
+    <//>
+  `;
+};
+
+// src/index.ts
+customShadowlessElement(
+  "cart-context",
+  { debug: false },
+  correctElementType(CartContext)
+);
+customShadowlessElement(
+  "cart-data-array-item",
+  //@ts-ignore
+  { itemIndex: "0" },
+  correctElementType(CartDataArrayItem)
+);
+customShadowlessElement(
+  "cart-data-array",
+  {
+    format: "",
+    arrayPath: "items"
+  },
+  correctElementType(CartDataArray)
+);
+customShadowlessElement(
+  "cart-data",
+  {
+    format: "",
+    propertyName: "item_count"
+  },
+  correctElementType(CartData)
+);
+customShadowlessElement(
+  "cart-data-conditions",
+  {},
+  correctElementType(CartDataConditions)
+);
+customShadowlessElement(
+  "cart-data-injection",
+  {
+    propertyName: "item_count",
+    attributeName: "data-item-count",
+    injectionType: "attribute",
+    target: "",
+    format: ""
+  },
+  correctElementType(CartDataInjection)
+);
+customShadowlessElement(
+  "cart-data-listener",
+  {
+    status: "default",
+    on: "submit",
+    method: "updateItem",
+    resetForm: true,
+    debounceDelay: 0,
+    resetStatusDelay: 0,
+    preventDefault: true
+  },
+  correctElementType(CartDataListener)
+);
+customShadowlessElement(
+  "cart-data-listener-status",
+  {},
+  correctElementType(CartDataListenerStatus)
+);
+customShadowlessElement(
+  "cart-loading-state",
+  { ignoredStates: [] },
+  correctElementType(CartLoadingState)
+);
+
+export { provideAjaxCartContext, provideFullPropertyPathContext, provideListenerStatusContext, useAjaxCart, useAjaxCartContext, useCartValue, useFormattedValue, useFullPropertyPath, useFullPropertyPathContext, useListenerStatus, useListenerStatusContext };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/hooks/useAjaxCart.ts","../../src/components/cart-context.ts","../../src/utils/getValueFromPath.ts","../../src/utils/formatValue.ts","../../src/utils/getTemplateContent.ts","../../src/utils/getTargetElement.ts","../../src/utils/parseNestedObject.ts","../../src/hooks/useFullPropertyPath.ts","../../src/hooks/useCartValue.ts","../../src/hooks/useFormattedValue.ts","../../src/hooks/useListenerStatus.ts","../../src/components/cart-data.ts","../../src/components/cart-data-conditions.ts","../../src/components/cart-data-array.ts","../../src/components/cart-data-array-item.ts","../../src/components/cart-data-listener.ts","../../src/components/cart-data-listener-status.ts","../../src/components/cart-data-injection.ts","../../src/components/cart-loading-state.ts","../../src/index.ts"],"names":["cart","createContext","provide","consume","createMemo","html","result","Show","For","createEffect","on","data","AjaxCart","reset","value","onCleanup"],"mappings":"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","file":"index.js","sourcesContent":["import AjaxCart from \"@brytdesigns/shopify-ajax-cart\";\nimport {\n  createContext,\n  consume,\n  provide,\n  type ICustomElement,\n} from \"component-register\";\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype AjaxCartContextType = () => (typeof AjaxCart)[\"data\"];\n\nconst AjaxCartContext = createContext(() => () => AjaxCart.data);\n\nexport const provideAjaxCartContext = (\n  element: WalkableNode,\n): AjaxCartContextType => {\n  return provide(AjaxCartContext, {}, element);\n};\n\nexport const useAjaxCartContext = (context: AjaxCartContextType) => {\n  return context;\n};\n\nexport const useAjaxCart = (element: HTMLElement & ICustomElement) => {\n  const context = consume(AjaxCartContext, element);\n\n  if (!context) {\n    throw console.error(\n      \"CartContext not found! Please ensure to wrap your custom element with cart-context element.\",\n    );\n  }\n\n  return useAjaxCartContext(context);\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\n\nimport { createEffect, on } from \"solid-js\";\nimport { provideAjaxCartContext } from \"../hooks/useAjaxCart.js\";\n\ntype CartContextProps = {\n  debug?: boolean;\n};\n\nexport const CartContext: CorrectComponentType<CartContextProps> = (\n  props,\n  { element },\n) => {\n  const cart = provideAjaxCartContext(element);\n  createEffect(\n    on(\n      () => ({\n        cart: cart(),\n        debug: props.debug,\n      }),\n      ({ cart, debug }) => {\n        if (!debug) return;\n        console.log(\"Cart updated:\", cart);\n      },\n    ),\n  );\n};\n","// 🔥 Recursively Constructs All Possible Paths for an Object or Array\nexport type Path<T> = T extends readonly (infer U)[]\n  ? `${number}` | `${number}.${Path<U>}` // Allows indexing into readonly arrays\n  : T extends object\n  ? {\n    [K in keyof T & (string | number)]: T[K] extends object | any[]\n    ? `${K}` | `${K}.${Path<T[K]>}`\n    : `${K}`;\n  }[keyof T & (string | number)]\n  : never;\n\n// 🔥 Correctly Extracts the Value at the Given Path\nexport type PathValue<\n  T,\n  P extends string,\n> = P extends `${infer Key}.${infer Rest}`\n  ? Key extends keyof T\n  ? PathValue<T[Key], Rest>\n  : Key extends `${number}`\n  ? T extends readonly (infer U)[]\n  ? PathValue<U, Rest>\n  : undefined\n  : undefined\n  : P extends keyof T\n  ? T[P]\n  : P extends `${number}`\n  ? T extends readonly (infer U)[]\n  ? U\n  : undefined\n  : undefined;\n\nexport function getValueFromPath<T, P extends Path<T>>(\n  obj: T,\n  path: P,\n): PathValue<T, P> {\n  return path.split(\".\").reduce<any>((acc, key) => {\n    if (acc === null || acc === undefined) return undefined;\n\n    // 🔥 Convert numeric keys for proper array indexing\n    const isArrayIndex = !isNaN(Number(key)) && key.trim() !== \"\";\n    if (Array.isArray(acc) && isArrayIndex) {\n      return acc[Number(key)];\n    }\n\n    // Normal object property access\n    return acc[key];\n  }, obj) as PathValue<T, P>;\n}\n","export type Format =\n  | \"currency\"\n  | \"number\"\n  | \"boolean\"\n  | \"invert_boolean\"\n  | string;\n\nexport function formatValue(format: Format, value: unknown) {\n  switch (format) {\n    case \"currency\":\n      if (typeof value === \"number\") return window.Shopify.formatMoney(value);\n      if (typeof value === \"string\")\n        return window.Shopify.formatMoney(parseFloat(value));\n      console.warn(\"formatValue: Unsupported value type for currency format.\");\n      return window.Shopify.formatMoney(0);\n    case \"number\":\n      return Number(value);\n    case \"boolean\":\n      return typeof value === \"string\"\n        ? value.toLowerCase() === \"true\"\n        : Boolean(value);\n    case \"invert_boolean\":\n      return typeof value === \"string\"\n        ? value.toLowerCase() === \"false\"\n        : !Boolean(value);\n    default:\n      return value as any;\n  }\n}\n\ndeclare global {\n  interface Window {\n    Shopify: {\n      formatMoney(value: number, currency?: string): string;\n    };\n  }\n}\n","export function getTemplateContent(element: HTMLElement, state: string) {\n  const tmpl = element.querySelector(\n    `template[${state}]`,\n  ) as HTMLTemplateElement;\n  if (!tmpl) return null;\n  return tmpl.content;\n}\n","export function getTargetElement(rootElement: HTMLElement, target: string) {\n  if (!target) return rootElement;\n  const t = rootElement.querySelector(target);\n  if (!t) {\n    console.error(`target element not found: ${target}`);\n    return null;\n  }\n  return t;\n}\n","export function parseNestedObject<T extends Record<string, any>>(\n  data: T,\n): Record<string, any> {\n  const result: Record<string, any> = {};\n\n  for (const key in data) {\n    const value = data[key];\n    const parts = key.match(/(\\w+|\\[\\d+\\])/g);\n\n    if (!parts) continue;\n\n    let current: any = result;\n    for (let i = 0; i < parts.length; i++) {\n      let part: string | number | undefined = parts[i];\n      let nextPart: string | number | undefined = parts[i + 1];\n\n      if (!part) continue;\n\n      // Convert array-like keys to numbers\n      if (part.startsWith(\"[\")) {\n        part = parseInt(part.slice(1, -1), 10);\n      }\n\n      if (i === parts.length - 1) {\n        current[part] = value;\n      } else {\n        if (\n          typeof parts[i + 1] === \"number\" ||\n          (nextPart && nextPart.startsWith(\"[\"))\n        ) {\n          current[part] = current[part] || [];\n        } else {\n          current[part] = current[part] || {};\n        }\n        current = current[part];\n      }\n    }\n  }\n\n  return result;\n}\n","import type { Path } from \"../utils\";\n\nimport AjaxCart from \"@brytdesigns/shopify-ajax-cart\";\nimport { createMemo, type Accessor } from \"solid-js\";\nimport {\n  createContext,\n  consume,\n  provide,\n  type ICustomElement,\n} from \"component-register\";\n\ntype AjaxCartData = (typeof AjaxCart)[\"data\"];\n\nexport type ValidAjaxPath = Path<AjaxCartData>;\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype FullPropertyPathContextType = ReturnType<\n  typeof createFullPathPropertyContext\n>;\n\ntype Options = {\n  path: Accessor<ValidAjaxPath>;\n  element: HTMLElement & ICustomElement;\n};\n\nfunction createFullPathPropertyContext(\n  options: Options,\n): Accessor<ValidAjaxPath> {\n  return options.path;\n}\n\nconst FullPropertyPathContext = createContext(createFullPathPropertyContext);\n\nexport function provideFullPropertyPathContext({\n  element,\n  path,\n}: {\n  element: WalkableNode;\n  path: Accessor<ValidAjaxPath>;\n}): FullPropertyPathContextType {\n  return provide(FullPropertyPathContext, { path }, element);\n}\n\nexport function useFullPropertyPathContext(\n  context: FullPropertyPathContextType,\n) {\n  return context;\n}\n\nexport function useFullPropertyPath(props: {\n  element: HTMLElement & ICustomElement;\n  path?: Accessor<ValidAjaxPath>;\n}) {\n  const context = consume(FullPropertyPathContext, props.element);\n  const basePath = useFullPropertyPathContext(context);\n  return createMemo(() => {\n    if (typeof basePath !== \"function\" && typeof props.path === \"function\") {\n      return props.path();\n    } else if (\n      typeof basePath === \"function\" &&\n      typeof props.path !== \"function\"\n    ) {\n      return basePath();\n    } else if (\n      typeof basePath === \"function\" &&\n      typeof props.path === \"function\"\n    ) {\n      return `${basePath()}.${props.path()}` as ValidAjaxPath;\n    }\n    return \"\" as ValidAjaxPath;\n  });\n}\n","import { type Accessor, createMemo } from \"solid-js\";\nimport { type ICustomElement } from \"component-register\";\n\nimport { type ValidAjaxPath } from \"./useFullPropertyPath.js\";\nimport { useAjaxCart } from \"./useAjaxCart.js\";\nimport { getValueFromPath } from \"../utils/index.js\";\n\ntype Options = {\n  path: Accessor<ValidAjaxPath>;\n  element: HTMLElement & ICustomElement;\n};\n\nexport function useCartValue(options: Options) {\n  const cart = useAjaxCart(options.element);\n\n  const value = createMemo(() => {\n    const c = cart();\n    if (typeof options.path !== \"function\") return c;\n    const path = options.path();\n    if (!path) return c;\n    const v = getValueFromPath(c, path);\n    if (v === undefined || v === null) return null;\n    return v;\n  });\n\n  return value;\n}\n","import { type Accessor, createMemo } from \"solid-js\";\nimport { type ICustomElement } from \"component-register\";\n\nimport { type ValidAjaxPath } from \"./useFullPropertyPath.js\";\nimport { formatValue, type Format } from \"../utils/index.js\";\nimport { useCartValue } from \"./useCartValue.js\";\n\ntype Options = {\n  path: Accessor<ValidAjaxPath>;\n  format?: Format;\n  element: HTMLElement & ICustomElement;\n};\n\nexport function useFormattedValue(options: Options) {\n  const value = useCartValue({ path: options.path, element: options.element });\n\n  const formattedValue = createMemo(() => {\n    const v = value();\n    if (v === null) return null;\n    if (\n      typeof v === \"string\" ||\n      typeof v === \"number\" ||\n      typeof v === \"boolean\"\n    ) {\n      return formatValue(options.format || \"\", v);\n    }\n    console.warn(\n      options.element,\n      `useFormattedValue: Unsupported value type. Expected string, number, or boolean. Received: ${typeof v}.`,\n      v,\n    );\n    return null;\n  });\n\n  return formattedValue;\n}\n","import {\n  createContext,\n  consume,\n  provide,\n  type ICustomElement,\n} from \"component-register\";\nimport { splitProps } from \"solid-js\";\n\ntype WalkableNode = Parameters<typeof provide>[2];\nexport type Status = \"default\" | \"loading\" | \"success\" | \"error\";\n\ntype ListenerStatusContextType = ReturnType<typeof createListenerStatusContext>;\n\ntype Options = {\n  element: HTMLElement & ICustomElement;\n  status: Status;\n};\n\nfunction createListenerStatusContext(options: Options) {\n  const [privateProps, publicProps] = splitProps(options, [\"element\"]);\n\n  function setStatus(status: Status) {\n    const currentStatus = privateProps.element.getAttribute(\"status\");\n    if (currentStatus === status) return;\n    privateProps.element.setAttribute(\"status\", status);\n    return status;\n  }\n\n  return [() => publicProps.status, setStatus] as const;\n}\n\nconst ListenerStatusContext = createContext(createListenerStatusContext);\n\nexport const provideListenerStatusContext = (options: {\n  element: WalkableNode;\n  status: Status;\n}): ListenerStatusContextType => {\n  return provide(ListenerStatusContext, options, options.element);\n};\n\nexport const useListenerStatusContext = (\n  context: ListenerStatusContextType\n) => {\n  return context;\n};\n\nexport const useListenerStatus = (element: HTMLElement & ICustomElement) => {\n  const context = consume(ListenerStatusContext, element);\n\n  if (!context) {\n    throw console.error(\n      \"CartListenerContext not found! Please ensure to wrap your custom element with cart-data-listener element.\"\n    );\n  }\n\n  return useListenerStatusContext(context);\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\nimport { type Format } from \"../utils/index.js\";\n\nimport { Show } from \"solid-js\";\n\nimport {\n  type ValidAjaxPath,\n  useFullPropertyPath,\n  useFormattedValue,\n} from \"../hooks/index.js\";\nimport html from \"solid-js/html\";\n\ntype CartDataProps = {\n  propertyName: ValidAjaxPath;\n  format?: Format;\n};\n\nexport const CartData: CorrectComponentType<CartDataProps> = (\n  props,\n  { element },\n) => {\n  if (!props.propertyName)\n    return console.warn(\n      \"No property-name attribute provided for cart-data component.\",\n    );\n  const fullPath = useFullPropertyPath({\n    element,\n    path: () => props.propertyName,\n  });\n  const formattedValue = useFormattedValue({\n    get format() {\n      return props.format;\n    },\n    path: fullPath,\n    element,\n  });\n\n  return html`\n    <${Show} when=${() => formattedValue() !== null}> ${formattedValue} <//>\n  `;\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\n\nimport { Show, createMemo, For, type Accessor, createEffect } from \"solid-js\";\nimport html from \"solid-js/html\";\n\nimport { useFullPropertyPath, useCartValue } from \"../hooks/index.js\";\nimport { getValueFromPath, formatValue, type Format } from \"../utils/index.js\";\n\ntype CartDataConditionsProps = {};\n\ntype ConditionValue = {\n  type: \"primitive\" | \"property\";\n  name?: string;\n  value?: string | number | boolean | null;\n  property_name?: string;\n};\n\ntype Condition = {\n  type:\n    | \"typeof\"\n    | \"includes_property\"\n    | \"equals\"\n    | \"not_equals\"\n    | \"lt\"\n    | \"lte\"\n    | \"gt\"\n    | \"gte\";\n  format?: Format;\n  invert?: boolean;\n  valueA: ConditionValue;\n  valueB: ConditionValue;\n};\n\nfunction getValue<T>(data: T, value: ConditionValue): any {\n  if (typeof value === \"undefined\" || !data) return undefined;\n\n  if (value.type === \"primitive\") {\n    return value.value;\n  }\n\n  if (value.type === \"property\" && value.name) {\n    //@ts-ignore\n    return getValueFromPath<T>(data, value.name);\n  }\n\n  return null;\n}\n\nfunction invertResult(result: boolean, invert = false) {\n  if (invert) return !result;\n  return result;\n}\n\nfunction validateConditions<T>(conditions: Condition[], data: T) {\n  if (!data) return false;\n  const result = conditions.every((condition) => {\n    let valueA = getValue(data, condition.valueA),\n      valueB = getValue(data, condition.valueB),\n      result = false;\n\n    if (typeof valueA === \"undefined\" && typeof valueB === \"undefined\")\n      return false;\n\n    if (condition.type === \"typeof\") {\n      result = typeof valueA === valueB;\n    }\n\n    if (condition.type === \"includes_property\") {\n      result = valueA.some(\n        (v: any) => v[condition.valueA?.property_name || \"\"] === valueB,\n      );\n    }\n\n    if (condition.type === \"equals\") {\n      result =\n        formatValue(condition.format || \"\", valueA) ===\n        formatValue(condition.format || \"\", valueB);\n    }\n\n    if (condition.type === \"not_equals\") {\n      result =\n        formatValue(condition.format || \"\", valueA) !==\n        formatValue(condition.format || \"\", valueB);\n    }\n\n    if (condition.type === \"lt\") {\n      result =\n        formatValue(condition.format || \"\", valueA) <\n        formatValue(condition.format || \"\", valueB);\n    }\n\n    if (condition.type === \"lte\") {\n      result =\n        formatValue(condition.format || \"\", valueA) <=\n        formatValue(condition.format || \"\", valueB);\n    }\n\n    if (condition.type === \"gt\") {\n      result =\n        formatValue(condition.format || \"\", valueA) >\n        formatValue(condition.format || \"\", valueB);\n    }\n\n    if (condition.type === \"gte\") {\n      result =\n        formatValue(condition.format || \"\", valueA) >=\n        formatValue(condition.format || \"\", valueB);\n    }\n\n    return invertResult(result, condition.invert);\n  });\n\n  return result;\n}\n\nexport const CartDataConditions: CorrectComponentType<\n  CartDataConditionsProps\n> = (_, { element }) => {\n  const conditionTemplates = Array.from(element.children).filter(\n    (child) => child.tagName === \"TEMPLATE\" && child.hasAttribute(\"conditions\"),\n  );\n  if (!conditionTemplates.length)\n    return console.error(\n      \"cart-data-conditions: no templates found with any conditions attribute!\",\n    );\n\n  const allConditions = createMemo(() =>\n    conditionTemplates.map((tmpl) => {\n      const conditions = tmpl.getAttribute(\"conditions\");\n      if (!conditions)\n        console.warn(\"cart-data-conditions: conditions attribute is required!\");\n\n      try {\n        return JSON.parse(conditions!);\n      } catch (e) {\n        return [];\n      }\n    }),\n  );\n\n  const fullPath = useFullPropertyPath({ element });\n  const data = useCartValue({\n    path: fullPath,\n    element,\n  });\n\n  element.replaceChildren(...[]);\n\n  return html`\n    <${For} each=${() => conditionTemplates}>\n      ${(tmpl: HTMLTemplateElement, idx: Accessor<number>) => {\n        const conditions = allConditions()[idx()];\n        return html`\n          <${Show} when=${() => validateConditions(conditions, data())}>\n            ${() => Array.from(tmpl.content.cloneNode(true).childNodes)}\n          <//>\n        `;\n      }}\n    <//>\n  `;\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\nimport { getTemplateContent, type Format } from \"../utils/index.js\";\n\nimport { Show, For, type Accessor } from \"solid-js\";\n\nimport {\n  type ValidAjaxPath,\n  useFullPropertyPath,\n  useCartValue,\n  provideFullPropertyPathContext,\n} from \"../hooks/index.js\";\nimport html from \"solid-js/html\";\n\ntype CartDataArrayProps = {\n  arrayPath: ValidAjaxPath;\n  format?: Format;\n};\n\nexport const CartDataArray: CorrectComponentType<CartDataArrayProps> = (\n  props,\n  { element },\n) => {\n  const itemTemplate = getTemplateContent(element, \"item\");\n  if (!itemTemplate)\n    return console.warn(\n      \"cart-data-array: No template found with a property of 'item'.\",\n    );\n  if (!props.arrayPath)\n    return console.warn(\"cart-data-array: No array path provided.\");\n  const mergedProps = {\n    element,\n    path: () => props.arrayPath,\n  };\n  const fullPath = useFullPropertyPath(mergedProps);\n  provideFullPropertyPathContext({\n    element,\n    path: fullPath,\n  });\n\n  const value = useCartValue({\n    element,\n    path: fullPath,\n  });\n\n  const arrayValue = () => {\n    const v = value();\n\n    if (!v) {\n      console.warn(\n        `cart-data-array: value is null or undefined at path ${fullPath()}`,\n      );\n      return null;\n    }\n\n    if (!Array.isArray(v)) {\n      console.warn(\n        `cart-data-array: value is not an array at path ${fullPath()}`,\n      );\n      return null;\n    }\n\n    return v;\n  };\n\n  element.replaceChildren(...[]);\n\n  return html`\n    <${Show} when=${() => arrayValue() && arrayValue()!.length > 0}>\n      <${For} each=${arrayValue}>\n        ${(_: any, idx: Accessor<number>) => html`\n          <cart-data-array-item item-index=${() => `${idx()}`}>\n            ${() => Array.from(itemTemplate.cloneNode(true).childNodes)}\n          </cart-data-array-item>\n        `}\n      <//>\n    <//>\n  `;\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\n\nimport {\n  type ValidAjaxPath,\n  provideFullPropertyPathContext,\n  useFullPropertyPath,\n} from \"../hooks/index.js\";\n\ntype CartDataArrayItemProps = {\n  itemIndex: ValidAjaxPath;\n};\n\nexport const CartDataArrayItem: CorrectComponentType<CartDataArrayItemProps> = (\n  props,\n  { element },\n) => {\n  if (!props.itemIndex)\n    return console.warn(\"cart-data-array-item: No path attribute provided.\");\n  const mergedProps = {\n    element,\n    path: () => props.itemIndex,\n  };\n  const fullPath = useFullPropertyPath(mergedProps);\n  provideFullPropertyPathContext({\n    element,\n    path: fullPath,\n  });\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\n\nimport { createEffect, createUniqueId, on, onCleanup } from \"solid-js\";\nimport debounce from \"lodash.debounce\";\n\nimport {\n  type Status,\n  provideListenerStatusContext,\n  useCartValue,\n  useFullPropertyPath,\n} from \"../hooks/index.js\";\nimport AjaxCart from \"@brytdesigns/shopify-ajax-cart\";\nimport { parseNestedObject } from \"../utils/index.js\";\n\ntype CartDataListenerProps = {\n  status: Status;\n  on: string;\n  method: string;\n  debounceDelay: number;\n  resetForm: boolean;\n  resetStatusDelay: number;\n  preventDefault: boolean;\n};\n\nexport const CartDataListener: CorrectComponentType<CartDataListenerProps> = (\n  props,\n  { element },\n) => {\n  const [_, setStatus] = provideListenerStatusContext({\n    element,\n    get status() {\n      return props.status;\n    },\n  });\n\n  const path = useFullPropertyPath({\n    element,\n  });\n  const data = useCartValue({\n    element,\n    path,\n  });\n\n  let currentEventId: string | null = null;\n\n  createEffect(\n    on(\n      () => ({\n        method: props.method,\n        on: props.on,\n        preventDefault: props.preventDefault,\n        data: data() as any,\n        debounceDelay: props.debounceDelay,\n        resetForm: props.resetForm,\n        resetStatusDelay: props.resetStatusDelay,\n      }),\n      ({\n        method,\n        on,\n        preventDefault,\n        data,\n        debounceDelay,\n        resetForm,\n        resetStatusDelay,\n      }) => {\n        if (!method)\n          return console.error(\n            \"cart-item-listener: method property is required!\",\n          );\n        if (!on)\n          return console.error(\"cart-item-listener: on property is required!\");\n\n        let resetStatusId: number | null = null,\n          tempEventId: string | null = null;\n\n        function onEvent(e: Event) {\n          const cart = AjaxCart;\n\n          (currentEventId = createUniqueId()), (tempEventId = currentEventId);\n\n          if (preventDefault) e.preventDefault();\n\n          async function handleStatus<T>(promise: Promise<T>) {\n            setStatus(\"loading\");\n            return promise\n              .then((data) => {\n                setStatus(\"success\");\n                return data;\n              })\n              .catch((error) => {\n                setStatus(\"error\");\n                return error;\n              })\n              .finally(() => {\n                if (resetStatusDelay > 0) {\n                  //@ts-ignore\n                  resetStatusId = setTimeout(() => {\n                    setStatus(\"default\");\n                    resetStatusId = null;\n                  }, resetStatusDelay);\n                } else {\n                  setStatus(\"default\");\n                }\n              });\n          }\n\n          if (on === \"submit\") {\n            const form = e.target as HTMLFormElement;\n            const formData = new FormData(form);\n            const formObj = parseNestedObject(\n              //@ts-ignore\n              Object.fromEntries(formData.entries()),\n            );\n\n            function reset() {\n              if (resetForm) form.reset();\n            }\n\n            if (method === \"replaceItem\") {\n              return handleStatus(\n                cart.replaceItem({\n                  key: formObj.key,\n                  id: formObj.id,\n                }),\n              ).finally(reset);\n            }\n\n            if (method === \"updateItem\") {\n              return handleStatus(\n                cart.updateItem({\n                  id: formObj.id,\n                  quantity: formObj?.quantity || undefined,\n                  properties: formObj?.properties || {},\n                  selling_plan: formObj?.selling_plan || undefined,\n                }),\n              ).finally(reset);\n            }\n\n            if (method === \"removeItem\") {\n              return handleStatus(cart.removeItem(formObj.key)).finally(reset);\n            }\n\n            if (method === \"addDiscount\") {\n              return handleStatus(cart.addDiscount(formObj.code)).finally(\n                reset,\n              );\n            }\n\n            if (method === \"removeDiscount\") {\n              return handleStatus(cart.removeDiscount(formObj.code)).finally(\n                reset,\n              );\n            }\n\n            if (method === \"updateNote\") {\n              return handleStatus(cart.updateNote(formObj.note)).finally(reset);\n            }\n\n            return;\n          }\n\n          const input = e.target as HTMLInputElement;\n\n          if (method === \"removeItem\") {\n            return handleStatus(cart.removeItem(data.key));\n          }\n\n          if (method === \"updateQuantity\") {\n            return handleStatus(\n              cart.updateItem({\n                id: data.key,\n                quantity: input.valueAsNumber,\n              }),\n            );\n          }\n\n          if (method === \"updateItemVariant\") {\n            return handleStatus(\n              cart.replaceItem({\n                key: data.key,\n                id: input.value,\n              }),\n            );\n          }\n\n          if (method === \"updateNote\") {\n            return handleStatus(cart.updateNote(input.value));\n          }\n        }\n        const handleEvent = debounce(onEvent, debounceDelay),\n          controller = new AbortController();\n\n        element.addEventListener(\n          on,\n          (e) => {\n            if (preventDefault) e.preventDefault();\n            handleEvent(e);\n          },\n          { signal: controller.signal },\n        );\n\n        return onCleanup(() => {\n          controller.abort();\n          if (resetStatusId && currentEventId !== tempEventId)\n            clearTimeout(resetStatusId);\n        });\n      },\n    ),\n  );\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\n\nimport { createMemo } from \"solid-js\";\n\nimport { type Status, useListenerStatus } from \"../hooks/index.js\";\nimport { getTemplateContent } from \"../utils/index.js\";\n\nexport const CartDataListenerStatus: CorrectComponentType<{}> = (\n  _,\n  { element },\n) => {\n  const [status] = useListenerStatus(element);\n  if (!status)\n    return console.error(\n      \"cart-data-listener-status: no listener context provided!\",\n    );\n\n  const templates = {\n    default: getTemplateContent(element, \"default\"),\n    loading: getTemplateContent(element, \"loading\"),\n    success: getTemplateContent(element, \"success\"),\n    error: getTemplateContent(element, \"error\"),\n  };\n\n  let previousState: Status | null = null;\n\n  const currentStatus = () => {\n    const s = status();\n    if (!templates[s]) return previousState;\n    previousState = s;\n    return s;\n  };\n\n  element.replaceChildren(...[]);\n\n  return createMemo(() => {\n    const state = currentStatus();\n    if (!state) return null;\n    const template = templates[state];\n    if (!template) return null;\n    return Array.from(template.cloneNode(true).childNodes);\n  });\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\n\nimport {\n  type ValidAjaxPath,\n  useFormattedValue,\n  useFullPropertyPath,\n} from \"../hooks/index.js\";\nimport { type Format, getTargetElement } from \"../utils/index.js\";\nimport { createEffect, on, onCleanup } from \"solid-js\";\n\ntype CartDataInjectionProps = {\n  propertyName: ValidAjaxPath;\n  format?: Format;\n  target: string;\n  attributeName: string;\n  injectionType: \"attribute\" | \"property\" | \"template\";\n};\n\nconst VALID_INJECTION_TYPES = [\"attribute\", \"property\", \"template\"];\n\nexport const CartDataInjection: CorrectComponentType<CartDataInjectionProps> = (\n  props,\n  { element },\n) => {\n  if (!props.propertyName)\n    return console.warn(\"cart-data-injection: No path attribute provided.\");\n  if (!props.target)\n    return console.warn(\"cart-data-injection: No target attribute found!\");\n  if (!props.attributeName)\n    return console.warn(\n      \"cart-data-injection: No attribute-name attribute found!\",\n    );\n\n  if (\n    !props.injectionType ||\n    (props.injectionType &&\n      !VALID_INJECTION_TYPES.includes(props.injectionType))\n  )\n    return console.warn(\n      \"cart-data-injection: Invalid injection-type attribute provided.\",\n    );\n\n  const mergedProps = {\n    element,\n    path: () => props.propertyName,\n  };\n  const fullPath = useFullPropertyPath(mergedProps);\n  const value = useFormattedValue({\n    path: fullPath,\n    element,\n    get format() {\n      return props.format;\n    },\n  });\n\n  createEffect(\n    on(\n      () => {\n        return {\n          target: getTargetElement(element, props.target),\n          value: value(),\n          attributeName: props.attributeName,\n          injectionType: props.injectionType,\n          propertyName: props.propertyName,\n        };\n      },\n      ({ target, value, attributeName, injectionType, propertyName }) => {\n        if (!target)\n          return console.warn(\n            `cart-data-injection: Unable to find element with selector of: ${props.target}`,\n          );\n\n        if (injectionType === \"attribute\" && value) {\n          target.setAttribute(attributeName, value);\n          return;\n        }\n\n        if (injectionType === \"property\" && value) {\n          //@ts-ignore\n          target[attributeName] = value;\n          return;\n        }\n\n        if (injectionType === \"template\" && value) {\n          if (attributeName === \"style\") {\n            //@ts-ignore\n            const styleTmpl = target[attributeName].cssText;\n            setTimeout(() => {\n              //@ts-ignore\n              target[attributeName].cssText = styleTmpl.replace(\n                //@ts-ignore\n                `{${propertyName}}`,\n                value,\n              );\n            });\n            return onCleanup(() => {\n              //@ts-ignore\n              target[attributeName].cssText = styleTmpl;\n            });\n          }\n          const tmpValue = target.getAttribute(attributeName);\n          if (!tmpValue || !value)\n            return console.warn(\"Unable to inject value into template\");\n          setTimeout(() => {\n            target.setAttribute(\n              attributeName,\n\n              tmpValue.replace(`{${propertyName}}`, value),\n            );\n          });\n          return onCleanup(() => {\n            target.setAttribute(attributeName, tmpValue);\n          });\n        }\n      },\n    ),\n  );\n};\n","import type { CorrectComponentType } from \"@brytdesigns/web-component-utils\";\n\nimport { Show, createMemo } from \"solid-js\";\n\nimport { getTemplateContent } from \"../utils/index.js\";\nimport html from \"solid-js/html\";\nimport AjaxCart from \"@brytdesigns/shopify-ajax-cart\";\n\ntype Status = (typeof AjaxCart)[\"status\"];\n\ntype CartLoadingStateProps = {\n  ignoredStates: Array<Status>;\n};\n\nexport const CartLoadingState: CorrectComponentType<CartLoadingStateProps> = (\n  props,\n  { element },\n) => {\n  const cart = AjaxCart;\n\n  const templates = {\n    pending: getTemplateContent(element, \"pending\"),\n    error: getTemplateContent(element, \"error\"),\n    success: getTemplateContent(element, \"success\"),\n  };\n\n  let previousState: Status | null = null;\n\n  const cartState = createMemo(() => {\n    const state = cart?.status;\n    if (!templates[state] || props.ignoredStates.includes(state))\n      return previousState;\n    previousState = state;\n    return state;\n  });\n\n  element.replaceChildren(...[]);\n\n  return html`\n    <${Show} when=${() => cart}>\n      ${() => {\n      const state = cartState();\n      if (!state) return null;\n      if (!templates[state]) return null;\n      const children = Array.from(\n        templates[state].cloneNode(true).childNodes,\n      );\n      return children;\n    }}\n    <//>\n  `;\n};\n","import {\n  customShadowlessElement,\n  correctElementType,\n} from \"@brytdesigns/web-component-utils\";\n\nimport {\n  CartContext,\n  CartData,\n  CartDataArray,\n  CartDataArrayItem,\n  CartDataConditions,\n  CartDataInjection,\n  CartDataListener,\n  CartDataListenerStatus,\n  CartLoadingState,\n} from \"./components/index.js\";\n\ncustomShadowlessElement(\n  \"cart-context\",\n  { debug: false },\n  correctElementType(CartContext),\n);\n\ncustomShadowlessElement(\n  \"cart-data-array-item\",\n  //@ts-ignore\n  { itemIndex: \"0\" },\n  correctElementType(CartDataArrayItem),\n);\n\ncustomShadowlessElement(\n  \"cart-data-array\",\n  {\n    format: \"\",\n    arrayPath: \"items\",\n  },\n  correctElementType(CartDataArray),\n);\n\ncustomShadowlessElement(\n  \"cart-data\",\n  {\n    format: \"\",\n    propertyName: \"item_count\",\n  },\n  correctElementType(CartData),\n);\n\ncustomShadowlessElement(\n  \"cart-data-conditions\",\n  {},\n  correctElementType(CartDataConditions),\n);\n\ncustomShadowlessElement(\n  \"cart-data-injection\",\n  {\n    propertyName: \"item_count\",\n    attributeName: \"data-item-count\",\n    injectionType: \"attribute\",\n    target: \"\",\n    format: \"\",\n  },\n  correctElementType(CartDataInjection),\n);\n\ncustomShadowlessElement(\n  \"cart-data-listener\",\n  {\n    status: \"default\",\n    on: \"submit\",\n    method: \"updateItem\",\n    resetForm: true,\n    debounceDelay: 0,\n    resetStatusDelay: 0,\n    preventDefault: true,\n  },\n  correctElementType(CartDataListener),\n);\n\ncustomShadowlessElement(\n  \"cart-data-listener-status\",\n  {},\n  correctElementType(CartDataListenerStatus),\n);\n\ncustomShadowlessElement(\n  \"cart-loading-state\",\n  { ignoredStates: [] },\n  correctElementType(CartLoadingState),\n);\n\nexport * from \"./hooks/index.js\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brytdesigns/shopify-ajax-cart-components",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Headless web components for the Ajax Cart Library",
   "main": "./dist/main/index.js",
   "types": "./dist/main/index.d.ts",
@@ -19,7 +19,7 @@
     "component-register": "^0.8.7",
     "lodash.debounce": "^4.0.8",
     "solid-js": "^1.9.7",
-    "@brytdesigns/shopify-ajax-cart": "1.0.0",
+    "@brytdesigns/shopify-ajax-cart": "1.0.2",
     "@brytdesigns/web-component-utils": "0.1.12"
   },
   "author": "Bryt Designs",