@brytdesigns/shopify-ajax-cart-components 1.0.0

package/dist/main/hooks/useFormattedValue.js

@@ -0,0 +1,27 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,35 @@
+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

@@ -0,0 +1 @@
+{"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"]}

package/dist/main/hooks/useListenerStatus.js

@@ -0,0 +1,33 @@
+import { createContext, provide, consume } from 'component-register';
+import { splitProps } from 'solid-js';
+
+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];
+}
+const ListenerStatusContext = createContext(createListenerStatusContext);
+const provideListenerStatusContext = (options) => {
+  return provide(ListenerStatusContext, options, options.element);
+};
+const useListenerStatusContext = (context) => {
+  return context;
+};
+const 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);
+};
+
+export { provideListenerStatusContext, useListenerStatus, useListenerStatusContext };
+//# sourceMappingURL=useListenerStatus.js.map
+//# sourceMappingURL=useListenerStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useListenerStatus.ts"],"names":[],"mappings":";;;AAkBA,SAAS,4BAA4B,OAAkB,EAAA;AACrD,EAAM,MAAA,CAAC,cAAc,WAAW,CAAA,GAAI,WAAW,OAAS,EAAA,CAAC,SAAS,CAAC,CAAA;AAEnE,EAAA,SAAS,UAAU,MAAgB,EAAA;AACjC,IAAA,MAAM,aAAgB,GAAA,YAAA,CAAa,OAAQ,CAAA,YAAA,CAAa,QAAQ,CAAA;AAChE,IAAA,IAAI,kBAAkB,MAAQ,EAAA;AAC9B,IAAa,YAAA,CAAA,OAAA,CAAQ,YAAa,CAAA,QAAA,EAAU,MAAM,CAAA;AAClD,IAAO,OAAA,MAAA;AAAA;AAGT,EAAA,OAAO,CAAC,MAAM,WAAY,CAAA,MAAA,EAAQ,SAAS,CAAA;AAC7C;AAEA,MAAM,qBAAA,GAAwB,cAAc,2BAA2B,CAAA;AAE1D,MAAA,4BAAA,GAA+B,CAAC,OAGZ,KAAA;AAC/B,EAAA,OAAO,OAAQ,CAAA,qBAAA,EAAuB,OAAS,EAAA,OAAA,CAAQ,OAAO,CAAA;AAChE;AAEa,MAAA,wBAAA,GAA2B,CACtC,OACG,KAAA;AACH,EAAO,OAAA,OAAA;AACT;AAEa,MAAA,iBAAA,GAAoB,CAAC,OAA0C,KAAA;AAC1E,EAAM,MAAA,OAAA,GAAU,OAAQ,CAAA,qBAAA,EAAuB,OAAO,CAAA;AAEtD,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,MAAM,OAAQ,CAAA,KAAA;AAAA,MACZ;AAAA,KACF;AAAA;AAGF,EAAA,OAAO,yBAAyB,OAAO,CAAA;AACzC","file":"useListenerStatus.js","sourcesContent":["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"]}