@brytdesigns/shopify-ajax-cart-components 1.2.19 → 1.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brytdesigns/shopify-ajax-cart-components",
-  "version": "1.2.19",
+  "version": "1.3.2",
   "description": "Headless web components for the Ajax Cart Library",
   "main": "./dist/main/index.js",
   "types": "./dist/main/index.d.ts",
@@ -18,9 +18,9 @@
   "dependencies": {
     "component-register": "^0.8.7",
     "lodash.debounce": "^4.0.8",
-    "solid-js": "^1.9.7",
-    "@brytdesigns/shopify-ajax-cart": "1.0.46",
-    "@brytdesigns/web-component-core": "1.1.2"
+    "solid-js": "^1.9.9",
+    "@brytdesigns/shopify-ajax-cart": "1.1.1",
+    "@brytdesigns/web-component-core": "1.1.4"
   },
   "author": "Bryt Designs",
   "license": "ISC",

package/dist/main/hooks/useCartValue.js

@@ -1,23 +0,0 @@
-import { createMemo } from 'solid-js';
-import 'component-register';
-import './useFullPropertyPath.js';
-import { useAjaxCart } from './useAjaxCart.js';
-import { getValueFromPath } from '../utils/index.js';
-
-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;
-}
-
-export { useCartValue };
-//# sourceMappingURL=useCartValue.js.map
-//# sourceMappingURL=useCartValue.js.map

package/dist/main/hooks/useCartValue.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useCartValue.ts"],"names":[],"mappings":";;;;;;AAYO,SAAS,aAAa,OAAkB,EAAA;AAC7C,EAAM,MAAA,IAAA,GAAO,WAAY,CAAA,OAAA,CAAQ,OAAO,CAAA;AAExC,EAAM,MAAA,KAAA,GAAQ,WAAW,MAAM;AAC7B,IAAA,MAAM,IAAI,IAAK,EAAA;AACf,IAAA,IAAI,OAAO,OAAA,CAAQ,IAAS,KAAA,UAAA,EAAmB,OAAA,CAAA;AAC/C,IAAM,MAAA,IAAA,GAAO,QAAQ,IAAK,EAAA;AAC1B,IAAI,IAAA,CAAC,MAAa,OAAA,CAAA;AAClB,IAAM,MAAA,CAAA,GAAI,gBAAiB,CAAA,CAAA,EAAG,IAAI,CAAA;AAClC,IAAA,IAAI,CAAM,KAAA,MAAA,IAAa,CAAM,KAAA,IAAA,EAAa,OAAA,IAAA;AAC1C,IAAO,OAAA,CAAA;AAAA,GACR,CAAA;AAED,EAAO,OAAA,KAAA;AACT","file":"useCartValue.js","sourcesContent":["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"]}

package/dist/main/hooks/useFormattedValue.js

@@ -1,27 +0,0 @@
-import { createMemo } from 'solid-js';
-import 'component-register';
-import './useFullPropertyPath.js';
-import { formatValue } from '../utils/index.js';
-import { useCartValue } from './useCartValue.js';
-
-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;
-}
-
-export { useFormattedValue };
-//# sourceMappingURL=useFormattedValue.js.map
-//# sourceMappingURL=useFormattedValue.js.map

package/dist/main/hooks/useFormattedValue.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useFormattedValue.ts"],"names":[],"mappings":";;;;;;AAaO,SAAS,kBAAkB,OAAkB,EAAA;AAClD,EAAM,MAAA,KAAA,GAAQ,aAAa,EAAE,IAAA,EAAM,QAAQ,IAAM,EAAA,OAAA,EAAS,OAAQ,CAAA,OAAA,EAAS,CAAA;AAE3E,EAAM,MAAA,cAAA,GAAiB,WAAW,MAAM;AACtC,IAAA,MAAM,IAAI,KAAM,EAAA;AAChB,IAAI,IAAA,CAAA,KAAM,MAAa,OAAA,IAAA;AACvB,IACE,IAAA,OAAO,MAAM,QACb,IAAA,OAAO,MAAM,QACb,IAAA,OAAO,MAAM,SACb,EAAA;AACA,MAAA,OAAO,WAAY,CAAA,OAAA,CAAQ,MAAU,IAAA,EAAA,EAAI,CAAC,CAAA;AAAA;AAE5C,IAAQ,OAAA,CAAA,IAAA;AAAA,MACN,OAAQ,CAAA,OAAA;AAAA,MACR,CAAA,0FAAA,EAA6F,OAAO,CAAC,CAAA,CAAA,CAAA;AAAA,MACrG;AAAA,KACF;AACA,IAAO,OAAA,IAAA;AAAA,GACR,CAAA;AAED,EAAO,OAAA,cAAA;AACT","file":"useFormattedValue.js","sourcesContent":["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"]}

package/dist/main/hooks/useFullPropertyPath.js

@@ -1,35 +0,0 @@
-import '@brytdesigns/shopify-ajax-cart';
-import { createMemo } from 'solid-js';
-import { createContext, provide, consume } from 'component-register';
-
-function createFullPathPropertyContext(options) {
-  return options.path;
-}
-const 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 "";
-  });
-}
-
-export { provideFullPropertyPathContext, useFullPropertyPath, useFullPropertyPathContext };
-//# sourceMappingURL=useFullPropertyPath.js.map
-//# sourceMappingURL=useFullPropertyPath.js.map

package/dist/main/hooks/useFullPropertyPath.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useFullPropertyPath.ts"],"names":[],"mappings":";;;;AA0BA,SAAS,8BACP,OACyB,EAAA;AACzB,EAAA,OAAO,OAAQ,CAAA,IAAA;AACjB;AAEA,MAAM,uBAAA,GAA0B,cAAc,6BAA6B,CAAA;AAEpE,SAAS,8BAA+B,CAAA;AAAA,EAC7C,OAAA;AAAA,EACA;AACF,CAGgC,EAAA;AAC9B,EAAA,OAAO,OAAQ,CAAA,uBAAA,EAAyB,EAAE,IAAA,IAAQ,OAAO,CAAA;AAC3D;AAEO,SAAS,2BACd,OACA,EAAA;AACA,EAAO,OAAA,OAAA;AACT;AAEO,SAAS,oBAAoB,KAGjC,EAAA;AACD,EAAA,MAAM,OAAU,GAAA,OAAA,CAAQ,uBAAyB,EAAA,KAAA,CAAM,OAAO,CAAA;AAC9D,EAAM,MAAA,QAAA,GAAW,2BAA2B,OAAO,CAAA;AACnD,EAAA,OAAO,WAAW,MAAM;AACtB,IAAA,IAAI,OAAO,QAAa,KAAA,UAAA,IAAc,OAAO,KAAA,CAAM,SAAS,UAAY,EAAA;AACtE,MAAA,OAAO,MAAM,IAAK,EAAA;AAAA,eAElB,OAAO,QAAA,KAAa,cACpB,OAAO,KAAA,CAAM,SAAS,UACtB,EAAA;AACA,MAAA,OAAO,QAAS,EAAA;AAAA,eAEhB,OAAO,QAAA,KAAa,cACpB,OAAO,KAAA,CAAM,SAAS,UACtB,EAAA;AACA,MAAA,OAAO,GAAG,QAAS,EAAC,CAAI,CAAA,EAAA,KAAA,CAAM,MAAM,CAAA,CAAA;AAAA;AAEtC,IAAO,OAAA,EAAA;AAAA,GACR,CAAA;AACH","file":"useFullPropertyPath.js","sourcesContent":["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"]}