@brytdesigns/shopify-ajax-cart-components 1.0.0

package/dist/main/index.js

@@ -0,0 +1,72 @@
+import { customShadowlessElement, correctElementType } from '@brytdesigns/web-component-utils';
+import { CartContext, CartDataArrayItem, CartDataArray, CartData, CartDataConditions, CartDataInjection, CartDataListener, CartDataListenerStatus, CartLoadingState } from './components/index.js';
+export * from './hooks/index.js';
+
+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)
+);
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/main/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAiBA,uBAAA;AAAA,EACE,cAAA;AAAA,EACA,EAAE,OAAO,KAAM,EAAA;AAAA,EACf,mBAAmB,WAAW;AAChC,CAAA;AAEA,uBAAA;AAAA,EACE,sBAAA;AAAA;AAAA,EAEA,EAAE,WAAW,GAAI,EAAA;AAAA,EACjB,mBAAmB,iBAAiB;AACtC,CAAA;AAEA,uBAAA;AAAA,EACE,iBAAA;AAAA,EACA;AAAA,IACE,MAAQ,EAAA,EAAA;AAAA,IACR,SAAW,EAAA;AAAA,GACb;AAAA,EACA,mBAAmB,aAAa;AAClC,CAAA;AAEA,uBAAA;AAAA,EACE,WAAA;AAAA,EACA;AAAA,IACE,MAAQ,EAAA,EAAA;AAAA,IACR,YAAc,EAAA;AAAA,GAChB;AAAA,EACA,mBAAmB,QAAQ;AAC7B,CAAA;AAEA,uBAAA;AAAA,EACE,sBAAA;AAAA,EACA,EAAC;AAAA,EACD,mBAAmB,kBAAkB;AACvC,CAAA;AAEA,uBAAA;AAAA,EACE,qBAAA;AAAA,EACA;AAAA,IACE,YAAc,EAAA,YAAA;AAAA,IACd,aAAe,EAAA,iBAAA;AAAA,IACf,aAAe,EAAA,WAAA;AAAA,IACf,MAAQ,EAAA,EAAA;AAAA,IACR,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,mBAAmB,iBAAiB;AACtC,CAAA;AAEA,uBAAA;AAAA,EACE,oBAAA;AAAA,EACA;AAAA,IACE,MAAQ,EAAA,SAAA;AAAA,IACR,EAAI,EAAA,QAAA;AAAA,IACJ,MAAQ,EAAA,YAAA;AAAA,IACR,SAAW,EAAA,IAAA;AAAA,IACX,aAAe,EAAA,CAAA;AAAA,IACf,gBAAkB,EAAA,CAAA;AAAA,IAClB,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,mBAAmB,gBAAgB;AACrC,CAAA;AAEA,uBAAA;AAAA,EACE,2BAAA;AAAA,EACA,EAAC;AAAA,EACD,mBAAmB,sBAAsB;AAC3C,CAAA;AAEA,uBAAA;AAAA,EACE,oBAAA;AAAA,EACA,EAAE,aAAe,EAAA,EAAG,EAAA;AAAA,EACpB,mBAAmB,gBAAgB;AACrC,CAAA","file":"index.js","sourcesContent":["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/dist/main/utils/formatValue.js

@@ -0,0 +1,22 @@
+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;
+  }
+}
+
+export { formatValue };
+//# sourceMappingURL=formatValue.js.map
+//# sourceMappingURL=formatValue.js.map

package/dist/main/utils/formatValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/formatValue.ts"],"names":[],"mappings":"AAOO,SAAS,WAAA,CAAY,QAAgB,KAAgB,EAAA;AAC1D,EAAA,QAAQ,MAAQ;AAAA,IACd,KAAK,UAAA;AACH,MAAA,IAAI,OAAO,KAAU,KAAA,QAAA,SAAiB,MAAO,CAAA,OAAA,CAAQ,YAAY,KAAK,CAAA;AACtE,MAAA,IAAI,OAAO,KAAU,KAAA,QAAA;AACnB,QAAA,OAAO,MAAO,CAAA,OAAA,CAAQ,WAAY,CAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AACrD,MAAA,OAAA,CAAQ,KAAK,0DAA0D,CAAA;AACvE,MAAO,OAAA,MAAA,CAAO,OAAQ,CAAA,WAAA,CAAY,CAAC,CAAA;AAAA,IACrC,KAAK,QAAA;AACH,MAAA,OAAO,OAAO,KAAK,CAAA;AAAA,IACrB,KAAK,SAAA;AACH,MAAO,OAAA,OAAO,UAAU,QACpB,GAAA,KAAA,CAAM,aAAkB,KAAA,MAAA,GACxB,QAAQ,KAAK,CAAA;AAAA,IACnB,KAAK,gBAAA;AACH,MAAO,OAAA,OAAO,UAAU,QACpB,GAAA,KAAA,CAAM,aAAkB,KAAA,OAAA,GACxB,CAAC,OAAA,CAAQ,KAAK,CAAA;AAAA,IACpB;AACE,MAAO,OAAA,KAAA;AAAA;AAEb","file":"formatValue.js","sourcesContent":["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"]}

package/dist/main/utils/getTargetElement.js

@@ -0,0 +1,13 @@
+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;
+}
+
+export { getTargetElement };
+//# sourceMappingURL=getTargetElement.js.map
+//# sourceMappingURL=getTargetElement.js.map

package/dist/main/utils/getTargetElement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/getTargetElement.ts"],"names":[],"mappings":"AAAO,SAAS,gBAAA,CAAiB,aAA0B,MAAgB,EAAA;AACzE,EAAI,IAAA,CAAC,QAAe,OAAA,WAAA;AACpB,EAAM,MAAA,CAAA,GAAI,WAAY,CAAA,aAAA,CAAc,MAAM,CAAA;AAC1C,EAAA,IAAI,CAAC,CAAG,EAAA;AACN,IAAQ,OAAA,CAAA,KAAA,CAAM,CAA6B,0BAAA,EAAA,MAAM,CAAE,CAAA,CAAA;AACnD,IAAO,OAAA,IAAA;AAAA;AAET,EAAO,OAAA,CAAA;AACT","file":"getTargetElement.js","sourcesContent":["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"]}

package/dist/main/utils/getTemplateContent.js

@@ -0,0 +1,11 @@
+function getTemplateContent(element, state) {
+  const tmpl = element.querySelector(
+    `template[${state}]`
+  );
+  if (!tmpl) return null;
+  return tmpl.content;
+}
+
+export { getTemplateContent };
+//# sourceMappingURL=getTemplateContent.js.map
+//# sourceMappingURL=getTemplateContent.js.map

package/dist/main/utils/getTemplateContent.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/getTemplateContent.ts"],"names":[],"mappings":"AAAO,SAAS,kBAAA,CAAmB,SAAsB,KAAe,EAAA;AACtE,EAAA,MAAM,OAAO,OAAQ,CAAA,aAAA;AAAA,IACnB,YAAY,KAAK,CAAA,CAAA;AAAA,GACnB;AACA,EAAI,IAAA,CAAC,MAAa,OAAA,IAAA;AAClB,EAAA,OAAO,IAAK,CAAA,OAAA;AACd","file":"getTemplateContent.js","sourcesContent":["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"]}

package/dist/main/utils/getValueFromPath.js

@@ -0,0 +1,14 @@
+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);
+}
+
+export { getValueFromPath };
+//# sourceMappingURL=getValueFromPath.js.map
+//# sourceMappingURL=getValueFromPath.js.map

package/dist/main/utils/getValueFromPath.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/getValueFromPath.ts"],"names":[],"mappings":"AA+BO,SAAS,gBAAA,CACd,KACA,IACiB,EAAA;AACjB,EAAA,OAAO,KAAK,KAAM,CAAA,GAAG,EAAE,MAAY,CAAA,CAAC,KAAK,GAAQ,KAAA;AAC/C,IAAA,IAAI,GAAQ,KAAA,IAAA,IAAQ,GAAQ,KAAA,MAAA,EAAkB,OAAA,MAAA;AAG9C,IAAM,MAAA,YAAA,GAAe,CAAC,KAAM,CAAA,MAAA,CAAO,GAAG,CAAC,CAAA,IAAK,GAAI,CAAA,IAAA,EAAW,KAAA,EAAA;AAC3D,IAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,GAAG,CAAA,IAAK,YAAc,EAAA;AACtC,MAAO,OAAA,GAAA,CAAI,MAAO,CAAA,GAAG,CAAC,CAAA;AAAA;AAIxB,IAAA,OAAO,IAAI,GAAG,CAAA;AAAA,KACb,GAAG,CAAA;AACR","file":"getValueFromPath.js","sourcesContent":["// 🔥 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"]}

package/dist/main/utils/index.js

@@ -0,0 +1,7 @@
+export * from './getValueFromPath.js';
+export * from './formatValue.js';
+export * from './getTemplateContent.js';
+export * from './getTargetElement.js';
+export * from './parseNestedObject.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/main/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/main/utils/parseNestedObject.js

@@ -0,0 +1,32 @@
+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;
+}
+
+export { parseNestedObject };
+//# sourceMappingURL=parseNestedObject.js.map
+//# sourceMappingURL=parseNestedObject.js.map

package/dist/main/utils/parseNestedObject.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/parseNestedObject.ts"],"names":[],"mappings":"AAAO,SAAS,kBACd,IACqB,EAAA;AACrB,EAAA,MAAM,SAA8B,EAAC;AAErC,EAAA,KAAA,MAAW,OAAO,IAAM,EAAA;AACtB,IAAM,MAAA,KAAA,GAAQ,KAAK,GAAG,CAAA;AACtB,IAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,KAAA,CAAM,gBAAgB,CAAA;AAExC,IAAA,IAAI,CAAC,KAAO,EAAA;AAEZ,IAAA,IAAI,OAAe,GAAA,MAAA;AACnB,IAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,KAAA,CAAM,QAAQ,CAAK,EAAA,EAAA;AACrC,MAAI,IAAA,IAAA,GAAoC,MAAM,CAAC,CAAA;AAC/C,MAAI,IAAA,QAAA,GAAwC,KAAM,CAAA,CAAA,GAAI,CAAC,CAAA;AAEvD,MAAA,IAAI,CAAC,IAAM,EAAA;AAGX,MAAI,IAAA,IAAA,CAAK,UAAW,CAAA,GAAG,CAAG,EAAA;AACxB,QAAA,IAAA,GAAO,SAAS,IAAK,CAAA,KAAA,CAAM,CAAG,EAAA,EAAE,GAAG,EAAE,CAAA;AAAA;AAGvC,MAAI,IAAA,CAAA,KAAM,KAAM,CAAA,MAAA,GAAS,CAAG,EAAA;AAC1B,QAAA,OAAA,CAAQ,IAAI,CAAI,GAAA,KAAA;AAAA,OACX,MAAA;AACL,QACE,IAAA,OAAO,KAAM,CAAA,CAAA,GAAI,CAAC,CAAA,KAAM,YACvB,QAAY,IAAA,QAAA,CAAS,UAAW,CAAA,GAAG,CACpC,EAAA;AACA,UAAA,OAAA,CAAQ,IAAI,CAAA,GAAI,OAAQ,CAAA,IAAI,KAAK,EAAC;AAAA,SAC7B,MAAA;AACL,UAAA,OAAA,CAAQ,IAAI,CAAA,GAAI,OAAQ,CAAA,IAAI,KAAK,EAAC;AAAA;AAEpC,QAAA,OAAA,GAAU,QAAQ,IAAI,CAAA;AAAA;AACxB;AACF;AAGF,EAAO,OAAA,MAAA;AACT","file":"parseNestedObject.js","sourcesContent":["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"]}

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@brytdesigns/shopify-ajax-cart-components",
+  "version": "1.0.0",
+  "description": "Headless web components for the Ajax Cart Library",
+  "main": "./dist/main/index.js",
+  "types": "./dist/main/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/main/index.d.ts",
+      "module": "./dist/main/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "keywords": [],
+  "dependencies": {
+    "component-register": "^0.8.7",
+    "lodash.debounce": "^4.0.8",
+    "solid-js": "^1.9.7",
+    "@brytdesigns/shopify-ajax-cart": "1.0.0",
+    "@brytdesigns/web-component-utils": "0.1.12"
+  },
+  "author": "Bryt Designs",
+  "license": "ISC",
+  "devDependencies": {
+    "@types/lodash.debounce": "^4.0.9",
+    "dts-bundle-generator": "^9.5.1",
+    "tsup": "^8.4.0"
+  },
+  "scripts": {
+    "build": "tsup --clean",
+    "typecheck": "tsc --noEmit"
+  }
+}