@brytdesigns/shopify-ajax-cart-components 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (94) hide show
  1. package/dist/jsdelivr/components/cart-context.js +22 -0
  2. package/dist/jsdelivr/components/cart-context.js.map +1 -0
  3. package/dist/jsdelivr/components/cart-data-array-item.js +19 -0
  4. package/dist/jsdelivr/components/cart-data-array-item.js.map +1 -0
  5. package/dist/jsdelivr/components/cart-data-array.js +58 -0
  6. package/dist/jsdelivr/components/cart-data-array.js.map +1 -0
  7. package/dist/jsdelivr/components/cart-data-conditions.js +97 -0
  8. package/dist/jsdelivr/components/cart-data-conditions.js.map +1 -0
  9. package/dist/jsdelivr/components/cart-data-injection.js +89 -0
  10. package/dist/jsdelivr/components/cart-data-injection.js.map +1 -0
  11. package/dist/jsdelivr/components/cart-data-listener-status.js +35 -0
  12. package/dist/jsdelivr/components/cart-data-listener-status.js.map +1 -0
  13. package/dist/jsdelivr/components/cart-data-listener.js +163 -0
  14. package/dist/jsdelivr/components/cart-data-listener.js.map +1 -0
  15. package/dist/jsdelivr/components/cart-data.js +29 -0
  16. package/dist/jsdelivr/components/cart-data.js.map +1 -0
  17. package/dist/jsdelivr/components/cart-loading-state.js +39 -0
  18. package/dist/jsdelivr/components/cart-loading-state.js.map +1 -0
  19. package/dist/jsdelivr/components/index.js +11 -0
  20. package/dist/jsdelivr/components/index.js.map +1 -0
  21. package/dist/jsdelivr/hooks/index.js +7 -0
  22. package/dist/jsdelivr/hooks/index.js.map +1 -0
  23. package/dist/jsdelivr/hooks/useCartValue.js +23 -0
  24. package/dist/jsdelivr/hooks/useCartValue.js.map +1 -0
  25. package/dist/jsdelivr/hooks/useFormattedValue.js +27 -0
  26. package/dist/jsdelivr/hooks/useFormattedValue.js.map +1 -0
  27. package/dist/jsdelivr/hooks/useFullPropertyPath.js +35 -0
  28. package/dist/jsdelivr/hooks/useFullPropertyPath.js.map +1 -0
  29. package/dist/jsdelivr/hooks/useHybridCart.js +23 -0
  30. package/dist/jsdelivr/hooks/useHybridCart.js.map +1 -0
  31. package/dist/jsdelivr/hooks/useListenerStatus.js +33 -0
  32. package/dist/jsdelivr/hooks/useListenerStatus.js.map +1 -0
  33. package/dist/jsdelivr/index.js +72 -0
  34. package/dist/jsdelivr/index.js.map +1 -0
  35. package/dist/jsdelivr/utils/formatValue.js +22 -0
  36. package/dist/jsdelivr/utils/formatValue.js.map +1 -0
  37. package/dist/jsdelivr/utils/getTargetElement.js +13 -0
  38. package/dist/jsdelivr/utils/getTargetElement.js.map +1 -0
  39. package/dist/jsdelivr/utils/getTemplateContent.js +11 -0
  40. package/dist/jsdelivr/utils/getTemplateContent.js.map +1 -0
  41. package/dist/jsdelivr/utils/getValueFromPath.js +14 -0
  42. package/dist/jsdelivr/utils/getValueFromPath.js.map +1 -0
  43. package/dist/jsdelivr/utils/index.js +7 -0
  44. package/dist/jsdelivr/utils/index.js.map +1 -0
  45. package/dist/jsdelivr/utils/parseNestedObject.js +32 -0
  46. package/dist/jsdelivr/utils/parseNestedObject.js.map +1 -0
  47. package/dist/main/components/cart-context.js +22 -0
  48. package/dist/main/components/cart-context.js.map +1 -0
  49. package/dist/main/components/cart-data-array-item.js +19 -0
  50. package/dist/main/components/cart-data-array-item.js.map +1 -0
  51. package/dist/main/components/cart-data-array.js +59 -0
  52. package/dist/main/components/cart-data-array.js.map +1 -0
  53. package/dist/main/components/cart-data-conditions.js +98 -0
  54. package/dist/main/components/cart-data-conditions.js.map +1 -0
  55. package/dist/main/components/cart-data-injection.js +89 -0
  56. package/dist/main/components/cart-data-injection.js.map +1 -0
  57. package/dist/main/components/cart-data-listener-status.js +36 -0
  58. package/dist/main/components/cart-data-listener-status.js.map +1 -0
  59. package/dist/main/components/cart-data-listener.js +163 -0
  60. package/dist/main/components/cart-data-listener.js.map +1 -0
  61. package/dist/main/components/cart-data.js +29 -0
  62. package/dist/main/components/cart-data.js.map +1 -0
  63. package/dist/main/components/cart-loading-state.js +39 -0
  64. package/dist/main/components/cart-loading-state.js.map +1 -0
  65. package/dist/main/components/index.js +11 -0
  66. package/dist/main/components/index.js.map +1 -0
  67. package/dist/main/hooks/index.js +7 -0
  68. package/dist/main/hooks/index.js.map +1 -0
  69. package/dist/main/hooks/useAjaxCart.js +23 -0
  70. package/dist/main/hooks/useAjaxCart.js.map +1 -0
  71. package/dist/main/hooks/useCartValue.js +23 -0
  72. package/dist/main/hooks/useCartValue.js.map +1 -0
  73. package/dist/main/hooks/useFormattedValue.js +27 -0
  74. package/dist/main/hooks/useFormattedValue.js.map +1 -0
  75. package/dist/main/hooks/useFullPropertyPath.js +35 -0
  76. package/dist/main/hooks/useFullPropertyPath.js.map +1 -0
  77. package/dist/main/hooks/useListenerStatus.js +33 -0
  78. package/dist/main/hooks/useListenerStatus.js.map +1 -0
  79. package/dist/main/index.d.ts +14996 -0
  80. package/dist/main/index.js +72 -0
  81. package/dist/main/index.js.map +1 -0
  82. package/dist/main/utils/formatValue.js +22 -0
  83. package/dist/main/utils/formatValue.js.map +1 -0
  84. package/dist/main/utils/getTargetElement.js +13 -0
  85. package/dist/main/utils/getTargetElement.js.map +1 -0
  86. package/dist/main/utils/getTemplateContent.js +11 -0
  87. package/dist/main/utils/getTemplateContent.js.map +1 -0
  88. package/dist/main/utils/getValueFromPath.js +14 -0
  89. package/dist/main/utils/getValueFromPath.js.map +1 -0
  90. package/dist/main/utils/index.js +7 -0
  91. package/dist/main/utils/index.js.map +1 -0
  92. package/dist/main/utils/parseNestedObject.js +32 -0
  93. package/dist/main/utils/parseNestedObject.js.map +1 -0
  94. package/package.json +36 -0
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/cart-loading-state.ts"],"names":[],"mappings":";;;;;;AAmBO,MAAM,gBAAgE,GAAA,CAC3E,KACA,EAAA,EAAE,SACC,KAAA;AACH,EAAA,MAAM,IAAO,GAAA,UAAA;AAEb,EAAA,MAAM,SAAY,GAAA;AAAA,IAChB,OAAA,EAAS,kBAAmB,CAAA,OAAA,EAAS,SAAS,CAAA;AAAA,IAC9C,KAAA,EAAO,kBAAmB,CAAA,OAAA,EAAS,OAAO,CAAA;AAAA,IAC1C,OAAA,EAAS,kBAAmB,CAAA,OAAA,EAAS,SAAS;AAAA,GAChD;AAEA,EAAA,IAAI,aAA+B,GAAA,IAAA;AAEnC,EAAM,MAAA,SAAA,GAAY,WAAW,MAAM;AACjC,IAAA,MAAM,QAAQ,IAAM,EAAA,MAAA;AACpB,IAAA,IAAI,CAAC,SAAU,CAAA,KAAK,KAAK,KAAM,CAAA,aAAA,CAAc,SAAS,KAAK,CAAA;AACzD,MAAO,OAAA,aAAA;AACT,IAAgB,aAAA,GAAA,KAAA;AAChB,IAAO,OAAA,KAAA;AAAA,GACR,CAAA;AAED,EAAO,OAAA,IAAA;AAAA,KACF,EAAA,IAAI,CAAS,MAAA,EAAA,MAAM,IAAI,CAAA;AAAA,MAAA,EACtB,MAAM;AACR,IAAA,MAAM,QAAQ,SAAU,EAAA;AACxB,IAAI,IAAA,CAAC,OAAc,OAAA,IAAA;AACnB,IAAA,IAAI,CAAC,SAAA,CAAU,KAAK,CAAA,EAAU,OAAA,IAAA;AAC9B,IAAA,MAAM,WAAW,KAAM,CAAA,IAAA;AAAA,MACrB,SAAU,CAAA,KAAK,CAAE,CAAA,SAAA,CAAU,IAAI,CAAE,CAAA;AAAA,KACnC;AACA,IAAO,OAAA,QAAA;AAAA,GACR;AAAA;AAAA,EAAA,CAAA;AAGL","file":"cart-loading-state.js","sourcesContent":["import type { CorrectComponentType } from \"/npm/@brytdesigns/web-component-utils@0.1.7\";\n\nimport { Show, createMemo } from \"/npm/solid-js@^1.9.5/+esm\";\n\nimport {\n type ValidHybridPath,\n useFullPropertyPath,\n useFormattedValue,\n} from \"/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/index.js\";\nimport { getTemplateContent } from \"/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/utils/index.js\";\nimport html from \"/npm/solid-js@^1.9.5/html/+esm\";\nimport HybridCart from \"/npm/@brytdesigns/shopify-hybrid-cart@0.1.29\";\n\ntype Status = (typeof HybridCart)[\"status\"];\n\ntype CartLoadingStateProps = {\n ignoredStates: Array<Status>;\n};\n\nexport const CartLoadingState: CorrectComponentType<CartLoadingStateProps> = (\n props,\n { element },\n) => {\n const cart = HybridCart;\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 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"]}
@@ -0,0 +1,11 @@
1
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/components/cart-context.js';
2
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/components/cart-data.js';
3
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/components/cart-data-conditions.js';
4
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/components/cart-data-array.js';
5
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/components/cart-data-array-item.js';
6
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/components/cart-data-listener.js';
7
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/components/cart-data-listener-status.js';
8
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/components/cart-data-injection.js';
9
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/components/cart-loading-state.js';
10
+ //# sourceMappingURL=index.js.map
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
@@ -0,0 +1,7 @@
1
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useHybridCart.js';
2
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useFullPropertyPath.js';
3
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useCartValue.js';
4
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useFormattedValue.js';
5
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useListenerStatus.js';
6
+ //# sourceMappingURL=index.js.map
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
@@ -0,0 +1,23 @@
1
+ import { createMemo } from '/npm/solid-js@^1.9.5/+esm';
2
+ import '/npm/component-register@^0.8.7/+esm';
3
+ import '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useFullPropertyPath.js';
4
+ import { useHybridCart } from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useHybridCart.js';
5
+ import { getValueFromPath } from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/utils/index.js';
6
+
7
+ function useCartValue(options) {
8
+ const cart = useHybridCart(options.element);
9
+ const value = createMemo(() => {
10
+ const c = cart();
11
+ if (typeof options.path !== "function") return c;
12
+ const path = options.path();
13
+ if (!path) return c;
14
+ const v = getValueFromPath(c, path);
15
+ if (v === void 0 || v === null) return null;
16
+ return v;
17
+ });
18
+ return value;
19
+ }
20
+
21
+ export { useCartValue };
22
+ //# sourceMappingURL=useCartValue.js.map
23
+ //# sourceMappingURL=useCartValue.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/hooks/useCartValue.ts"],"names":[],"mappings":";;;;;;AAYO,SAAS,aAAa,OAAkB,EAAA;AAC7C,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,OAAA,CAAQ,OAAO,CAAA;AAE1C,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 \"/npm/solid-js@^1.9.5/+esm\";\nimport { type ICustomElement } from \"/npm/component-register@^0.8.7/+esm\";\n\nimport { type ValidHybridPath } from \"/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useFullPropertyPath.js\";\nimport { useHybridCart } from \"/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useHybridCart.js\";\nimport { getValueFromPath } from \"/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/utils/index.js\";\n\ntype Options = {\n path: Accessor<ValidHybridPath>;\n element: HTMLElement & ICustomElement;\n};\n\nexport function useCartValue(options: Options) {\n const cart = useHybridCart(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"]}
@@ -0,0 +1,27 @@
1
+ import { createMemo } from '/npm/solid-js@^1.9.5/+esm';
2
+ import '/npm/component-register@^0.8.7/+esm';
3
+ import '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useFullPropertyPath.js';
4
+ import { formatValue } from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/utils/index.js';
5
+ import { useCartValue } from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useCartValue.js';
6
+
7
+ function useFormattedValue(options) {
8
+ const value = useCartValue({ path: options.path, element: options.element });
9
+ const formattedValue = createMemo(() => {
10
+ const v = value();
11
+ if (v === null) return null;
12
+ if (typeof v === "string" || typeof v === "number" || typeof v === "boolean") {
13
+ return formatValue(options.format || "", v);
14
+ }
15
+ console.warn(
16
+ options.element,
17
+ `useFormattedValue: Unsupported value type. Expected string, number, or boolean. Received: ${typeof v}.`,
18
+ v
19
+ );
20
+ return null;
21
+ });
22
+ return formattedValue;
23
+ }
24
+
25
+ export { useFormattedValue };
26
+ //# sourceMappingURL=useFormattedValue.js.map
27
+ //# sourceMappingURL=useFormattedValue.js.map
@@ -0,0 +1 @@
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 \"/npm/solid-js@^1.9.5/+esm\";\nimport { type ICustomElement } from \"/npm/component-register@^0.8.7/+esm\";\n\nimport { type ValidHybridPath } from \"/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useFullPropertyPath.js\";\nimport { formatValue, type Format } from \"/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/utils/index.js\";\nimport { useCartValue } from \"/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/useCartValue.js\";\n\ntype Options = {\n path: Accessor<ValidHybridPath>;\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"]}
@@ -0,0 +1,35 @@
1
+ import '/npm/@brytdesigns/shopify-hybrid-cart@0.1.29';
2
+ import { createMemo } from '/npm/solid-js@^1.9.5/+esm';
3
+ import { createContext, provide, consume } from '/npm/component-register@^0.8.7/+esm';
4
+
5
+ function createFullPathPropertyContext(options) {
6
+ return options.path;
7
+ }
8
+ const FullPropertyPathContext = createContext(createFullPathPropertyContext);
9
+ function provideFullPropertyPathContext({
10
+ element,
11
+ path
12
+ }) {
13
+ return provide(FullPropertyPathContext, { path }, element);
14
+ }
15
+ function useFullPropertyPathContext(context) {
16
+ return context;
17
+ }
18
+ function useFullPropertyPath(props) {
19
+ const context = consume(FullPropertyPathContext, props.element);
20
+ const basePath = useFullPropertyPathContext(context);
21
+ return createMemo(() => {
22
+ if (typeof basePath !== "function" && typeof props.path === "function") {
23
+ return props.path();
24
+ } else if (typeof basePath === "function" && typeof props.path !== "function") {
25
+ return basePath();
26
+ } else if (typeof basePath === "function" && typeof props.path === "function") {
27
+ return `${basePath()}.${props.path()}`;
28
+ }
29
+ return "";
30
+ });
31
+ }
32
+
33
+ export { provideFullPropertyPathContext, useFullPropertyPath, useFullPropertyPathContext };
34
+ //# sourceMappingURL=useFullPropertyPath.js.map
35
+ //# sourceMappingURL=useFullPropertyPath.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/hooks/useFullPropertyPath.ts"],"names":[],"mappings":";;;;AA0BA,SAAS,8BACP,OAC2B,EAAA;AAC3B,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 \"/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/utils\";\n\nimport HybridCart from \"/npm/@brytdesigns/shopify-hybrid-cart@0.1.29\";\nimport { createMemo, type Accessor } from \"/npm/solid-js@^1.9.5/+esm\";\nimport {\n createContext,\n consume,\n provide,\n type ICustomElement,\n} from \"/npm/component-register@^0.8.7/+esm\";\n\ntype HybridCartData = (typeof HybridCart)[\"data\"];\n\nexport type ValidHybridPath = Path<HybridCartData>;\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype FullPropertyPathContextType = ReturnType<\n typeof createFullPathPropertyContext\n>;\n\ntype Options = {\n path: Accessor<ValidHybridPath>;\n element: HTMLElement & ICustomElement;\n};\n\nfunction createFullPathPropertyContext(\n options: Options,\n): Accessor<ValidHybridPath> {\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<ValidHybridPath>;\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<ValidHybridPath>;\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 ValidHybridPath;\n }\n return \"\" as ValidHybridPath;\n });\n}\n"]}
@@ -0,0 +1,23 @@
1
+ import HybridCart from '/npm/@brytdesigns/shopify-hybrid-cart@0.1.29';
2
+ import { createContext, provide, consume } from '/npm/component-register@^0.8.7/+esm';
3
+
4
+ const HybridCartContext = createContext(() => () => HybridCart.data);
5
+ const provideHybridCartContext = (element) => {
6
+ return provide(HybridCartContext, {}, element);
7
+ };
8
+ const useHybridCartContext = (context) => {
9
+ return context;
10
+ };
11
+ const useHybridCart = (element) => {
12
+ const context = consume(HybridCartContext, element);
13
+ if (!context) {
14
+ throw console.error(
15
+ "CartContext not found! Please ensure to wrap your custom element with hybrid-cart element."
16
+ );
17
+ }
18
+ return useHybridCartContext(context);
19
+ };
20
+
21
+ export { provideHybridCartContext, useHybridCart, useHybridCartContext };
22
+ //# sourceMappingURL=useHybridCart.js.map
23
+ //# sourceMappingURL=useHybridCart.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/hooks/useHybridCart.ts"],"names":[],"mappings":";;;AAYA,MAAM,iBAAoB,GAAA,aAAA,CAAc,MAAM,MAAM,WAAW,IAAI,CAAA;AAEtD,MAAA,wBAAA,GAA2B,CACtC,OAC0B,KAAA;AAC1B,EAAA,OAAO,OAAQ,CAAA,iBAAA,EAAmB,EAAC,EAAG,OAAO,CAAA;AAC/C;AAEa,MAAA,oBAAA,GAAuB,CAAC,OAAmC,KAAA;AACtE,EAAO,OAAA,OAAA;AACT;AAEa,MAAA,aAAA,GAAgB,CAAC,OAA0C,KAAA;AACtE,EAAM,MAAA,OAAA,GAAU,OAAQ,CAAA,iBAAA,EAAmB,OAAO,CAAA;AAElD,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAA,MAAM,OAAQ,CAAA,KAAA;AAAA,MACZ;AAAA,KACF;AAAA;AAGF,EAAA,OAAO,qBAAqB,OAAO,CAAA;AACrC","file":"useHybridCart.js","sourcesContent":["import HybridCart from \"/npm/@brytdesigns/shopify-hybrid-cart@0.1.29\";\nimport {\n createContext,\n consume,\n provide,\n type ICustomElement,\n} from \"/npm/component-register@^0.8.7/+esm\";\n\ntype WalkableNode = Parameters<typeof provide>[2];\n\ntype HybridCartContextType = () => (typeof HybridCart)[\"data\"];\n\nconst HybridCartContext = createContext(() => () => HybridCart.data);\n\nexport const provideHybridCartContext = (\n element: WalkableNode,\n): HybridCartContextType => {\n return provide(HybridCartContext, {}, element);\n};\n\nexport const useHybridCartContext = (context: HybridCartContextType) => {\n return context;\n};\n\nexport const useHybridCart = (element: HTMLElement & ICustomElement) => {\n const context = consume(HybridCartContext, element);\n\n if (!context) {\n throw console.error(\n \"CartContext not found! Please ensure to wrap your custom element with hybrid-cart element.\",\n );\n }\n\n return useHybridCartContext(context);\n};\n"]}
@@ -0,0 +1,33 @@
1
+ import { createContext, provide, consume } from '/npm/component-register@^0.8.7/+esm';
2
+ import { splitProps } from '/npm/solid-js@^1.9.5/+esm';
3
+
4
+ function createListenerStatusContext(options) {
5
+ const [privateProps, publicProps] = splitProps(options, ["element"]);
6
+ function setStatus(status) {
7
+ const currentStatus = privateProps.element.getAttribute("status");
8
+ if (currentStatus === status) return;
9
+ privateProps.element.setAttribute("status", status);
10
+ return status;
11
+ }
12
+ return [() => publicProps.status, setStatus];
13
+ }
14
+ const ListenerStatusContext = createContext(createListenerStatusContext);
15
+ const provideListenerStatusContext = (options) => {
16
+ return provide(ListenerStatusContext, options, options.element);
17
+ };
18
+ const useListenerStatusContext = (context) => {
19
+ return context;
20
+ };
21
+ const useListenerStatus = (element) => {
22
+ const context = consume(ListenerStatusContext, element);
23
+ if (!context) {
24
+ throw console.error(
25
+ "cart-data-listener context not found! Please ensure to wrap your custom element with cart-data-listener element."
26
+ );
27
+ }
28
+ return useListenerStatusContext(context);
29
+ };
30
+
31
+ export { provideListenerStatusContext, useListenerStatus, useListenerStatusContext };
32
+ //# sourceMappingURL=useListenerStatus.js.map
33
+ //# sourceMappingURL=useListenerStatus.js.map
@@ -0,0 +1 @@
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 \"/npm/component-register@^0.8.7/+esm\";\nimport { splitProps } from \"/npm/solid-js@^1.9.5/+esm\";\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 \"cart-data-listener context not found! Please ensure to wrap your custom element with cart-data-listener element.\",\n );\n }\n\n return useListenerStatusContext(context);\n};\n"]}
@@ -0,0 +1,72 @@
1
+ import { customShadowlessElement, correctElementType } from '/npm/@brytdesigns/web-component-utils@0.1.7';
2
+ import { CartContext, CartDataArrayItem, CartDataArray, CartData, CartDataConditions, CartDataInjection, CartDataListener, CartDataListenerStatus, CartLoadingState } from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/components/index.js';
3
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/index.js';
4
+
5
+ customShadowlessElement(
6
+ "cart-context",
7
+ { debug: false },
8
+ correctElementType(CartContext)
9
+ );
10
+ customShadowlessElement(
11
+ "cart-data-array-item",
12
+ //@ts-ignore
13
+ { itemIndex: "0" },
14
+ correctElementType(CartDataArrayItem)
15
+ );
16
+ customShadowlessElement(
17
+ "cart-data-array",
18
+ {
19
+ format: "",
20
+ arrayPath: "items"
21
+ },
22
+ correctElementType(CartDataArray)
23
+ );
24
+ customShadowlessElement(
25
+ "cart-data",
26
+ {
27
+ format: "",
28
+ propertyName: "item_count"
29
+ },
30
+ correctElementType(CartData)
31
+ );
32
+ customShadowlessElement(
33
+ "cart-data-conditions",
34
+ {},
35
+ correctElementType(CartDataConditions)
36
+ );
37
+ customShadowlessElement(
38
+ "cart-data-injection",
39
+ {
40
+ propertyName: "item_count",
41
+ attributeName: "data-item-count",
42
+ injectionType: "attribute",
43
+ target: "",
44
+ format: ""
45
+ },
46
+ correctElementType(CartDataInjection)
47
+ );
48
+ customShadowlessElement(
49
+ "cart-data-listener",
50
+ {
51
+ status: "default",
52
+ on: "submit",
53
+ method: "updateItem",
54
+ resetForm: true,
55
+ debounceDelay: 0,
56
+ resetStatusDelay: 0,
57
+ preventDefault: true
58
+ },
59
+ correctElementType(CartDataListener)
60
+ );
61
+ customShadowlessElement(
62
+ "cart-data-listener-status",
63
+ {},
64
+ correctElementType(CartDataListenerStatus)
65
+ );
66
+ customShadowlessElement(
67
+ "cart-loading-state",
68
+ { ignoredStates: [] },
69
+ correctElementType(CartLoadingState)
70
+ );
71
+ //# sourceMappingURL=index.js.map
72
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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 \"/npm/@brytdesigns/web-component-utils@0.1.7\";\n\nimport {\n CartContext,\n CartData,\n CartDataArray,\n CartDataArrayItem,\n CartDataConditions,\n CartDataInjection,\n CartDataListener,\n CartDataListenerStatus,\n CartLoadingState,\n} from \"/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/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 \"/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/hooks/index.js\";\n"]}
@@ -0,0 +1,22 @@
1
+ function formatValue(format, value) {
2
+ switch (format) {
3
+ case "currency":
4
+ if (typeof value === "number") return window.Shopify.formatMoney(value);
5
+ if (typeof value === "string")
6
+ return window.Shopify.formatMoney(parseFloat(value));
7
+ console.warn("formatValue: Unsupported value type for currency format.");
8
+ return window.Shopify.formatMoney(0);
9
+ case "number":
10
+ return Number(value);
11
+ case "boolean":
12
+ return typeof value === "string" ? value.toLowerCase() === "true" : Boolean(value);
13
+ case "invert_boolean":
14
+ return typeof value === "string" ? value.toLowerCase() === "false" : !Boolean(value);
15
+ default:
16
+ return value;
17
+ }
18
+ }
19
+
20
+ export { formatValue };
21
+ //# sourceMappingURL=formatValue.js.map
22
+ //# sourceMappingURL=formatValue.js.map
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,13 @@
1
+ function getTargetElement(rootElement, target) {
2
+ if (!target) return rootElement;
3
+ const t = rootElement.querySelector(target);
4
+ if (!t) {
5
+ console.error(`target element not found: ${target}`);
6
+ return null;
7
+ }
8
+ return t;
9
+ }
10
+
11
+ export { getTargetElement };
12
+ //# sourceMappingURL=getTargetElement.js.map
13
+ //# sourceMappingURL=getTargetElement.js.map
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,11 @@
1
+ function getTemplateContent(element, state) {
2
+ const tmpl = element.querySelector(
3
+ `template[${state}]`
4
+ );
5
+ if (!tmpl) return null;
6
+ return tmpl.content;
7
+ }
8
+
9
+ export { getTemplateContent };
10
+ //# sourceMappingURL=getTemplateContent.js.map
11
+ //# sourceMappingURL=getTemplateContent.js.map
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,14 @@
1
+ function getValueFromPath(obj, path) {
2
+ return path.split(".").reduce((acc, key) => {
3
+ if (acc === null || acc === void 0) return void 0;
4
+ const isArrayIndex = !isNaN(Number(key)) && key.trim() !== "";
5
+ if (Array.isArray(acc) && isArrayIndex) {
6
+ return acc[Number(key)];
7
+ }
8
+ return acc[key];
9
+ }, obj);
10
+ }
11
+
12
+ export { getValueFromPath };
13
+ //# sourceMappingURL=getValueFromPath.js.map
14
+ //# sourceMappingURL=getValueFromPath.js.map
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,7 @@
1
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/utils/getValueFromPath.js';
2
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/utils/formatValue.js';
3
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/utils/getTemplateContent.js';
4
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/utils/getTargetElement.js';
5
+ export * from '/npm/@brytdesigns/shopify-hybrid-cart-components@0.2.19/dist/jsdelivr/utils/parseNestedObject.js';
6
+ //# sourceMappingURL=index.js.map
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}
@@ -0,0 +1,32 @@
1
+ function parseNestedObject(data) {
2
+ const result = {};
3
+ for (const key in data) {
4
+ const value = data[key];
5
+ const parts = key.match(/(\w+|\[\d+\])/g);
6
+ if (!parts) continue;
7
+ let current = result;
8
+ for (let i = 0; i < parts.length; i++) {
9
+ let part = parts[i];
10
+ let nextPart = parts[i + 1];
11
+ if (!part) continue;
12
+ if (part.startsWith("[")) {
13
+ part = parseInt(part.slice(1, -1), 10);
14
+ }
15
+ if (i === parts.length - 1) {
16
+ current[part] = value;
17
+ } else {
18
+ if (typeof parts[i + 1] === "number" || nextPart && nextPart.startsWith("[")) {
19
+ current[part] = current[part] || [];
20
+ } else {
21
+ current[part] = current[part] || {};
22
+ }
23
+ current = current[part];
24
+ }
25
+ }
26
+ }
27
+ return result;
28
+ }
29
+
30
+ export { parseNestedObject };
31
+ //# sourceMappingURL=parseNestedObject.js.map
32
+ //# sourceMappingURL=parseNestedObject.js.map
@@ -0,0 +1 @@
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"]}
@@ -0,0 +1,22 @@
1
+ import { createEffect, on } from 'solid-js';
2
+ import { provideAjaxCartContext } from '../hooks/useAjaxCart.js';
3
+
4
+ const CartContext = (props, { element }) => {
5
+ const cart = provideAjaxCartContext(element);
6
+ createEffect(
7
+ on(
8
+ () => ({
9
+ cart: cart(),
10
+ debug: props.debug
11
+ }),
12
+ ({ cart: cart2, debug }) => {
13
+ if (!debug) return;
14
+ console.log("Cart updated:", cart2);
15
+ }
16
+ )
17
+ );
18
+ };
19
+
20
+ export { CartContext };
21
+ //# sourceMappingURL=cart-context.js.map
22
+ //# sourceMappingURL=cart-context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/cart-context.ts"],"names":["cart"],"mappings":";;;AASO,MAAM,WAAsD,GAAA,CACjE,KACA,EAAA,EAAE,SACC,KAAA;AACH,EAAM,MAAA,IAAA,GAAO,uBAAuB,OAAO,CAAA;AAC3C,EAAA,YAAA;AAAA,IACE,EAAA;AAAA,MACE,OAAO;AAAA,QACL,MAAM,IAAK,EAAA;AAAA,QACX,OAAO,KAAM,CAAA;AAAA,OACf,CAAA;AAAA,MACA,CAAC,EAAE,IAAAA,EAAAA,KAAAA,EAAM,OAAY,KAAA;AACnB,QAAA,IAAI,CAAC,KAAO,EAAA;AACZ,QAAQ,OAAA,CAAA,GAAA,CAAI,iBAAiBA,KAAI,CAAA;AAAA;AACnC;AACF,GACF;AACF","file":"cart-context.js","sourcesContent":["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"]}
@@ -0,0 +1,19 @@
1
+ import { useFullPropertyPath, provideFullPropertyPathContext } from '../hooks/index.js';
2
+
3
+ const CartDataArrayItem = (props, { element }) => {
4
+ if (!props.itemIndex)
5
+ return console.warn("cart-data-array-item: No path attribute provided.");
6
+ const mergedProps = {
7
+ element,
8
+ path: () => props.itemIndex
9
+ };
10
+ const fullPath = useFullPropertyPath(mergedProps);
11
+ provideFullPropertyPathContext({
12
+ element,
13
+ path: fullPath
14
+ });
15
+ };
16
+
17
+ export { CartDataArrayItem };
18
+ //# sourceMappingURL=cart-data-array-item.js.map
19
+ //# sourceMappingURL=cart-data-array-item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/cart-data-array-item.ts"],"names":[],"mappings":";;AAYO,MAAM,iBAAkE,GAAA,CAC7E,KACA,EAAA,EAAE,SACC,KAAA;AACH,EAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AACT,IAAO,OAAA,OAAA,CAAQ,KAAK,mDAAmD,CAAA;AACzE,EAAA,MAAM,WAAc,GAAA;AAAA,IAClB,OAAA;AAAA,IACA,IAAA,EAAM,MAAM,KAAM,CAAA;AAAA,GACpB;AACA,EAAM,MAAA,QAAA,GAAW,oBAAoB,WAAW,CAAA;AAChD,EAA+B,8BAAA,CAAA;AAAA,IAC7B,OAAA;AAAA,IACA,IAAM,EAAA;AAAA,GACP,CAAA;AACH","file":"cart-data-array-item.js","sourcesContent":["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"]}
@@ -0,0 +1,59 @@
1
+ import { getTemplateContent } from '../utils/index.js';
2
+ import { Show, For } from 'solid-js';
3
+ import { useFullPropertyPath, provideFullPropertyPathContext, useCartValue } from '../hooks/index.js';
4
+ import html from 'solid-js/html';
5
+
6
+ const CartDataArray = (props, { element }) => {
7
+ const itemTemplate = getTemplateContent(element, "item");
8
+ if (!itemTemplate)
9
+ return console.warn(
10
+ "cart-data-array: No template found with a property of 'item'."
11
+ );
12
+ if (!props.arrayPath)
13
+ return console.warn("cart-data-array: No array path provided.");
14
+ const mergedProps = {
15
+ element,
16
+ path: () => props.arrayPath
17
+ };
18
+ const fullPath = useFullPropertyPath(mergedProps);
19
+ provideFullPropertyPathContext({
20
+ element,
21
+ path: fullPath
22
+ });
23
+ const value = useCartValue({
24
+ element,
25
+ path: fullPath
26
+ });
27
+ const arrayValue = () => {
28
+ const v = value();
29
+ if (!v) {
30
+ console.warn(
31
+ `cart-data-array: value is null or undefined at path ${fullPath()}`
32
+ );
33
+ return null;
34
+ }
35
+ if (!Array.isArray(v)) {
36
+ console.warn(
37
+ `cart-data-array: value is not an array at path ${fullPath()}`
38
+ );
39
+ return null;
40
+ }
41
+ return v;
42
+ };
43
+ element.replaceChildren(...[]);
44
+ return html`
45
+ <${Show} when=${() => arrayValue() && arrayValue().length > 0}>
46
+ <${For} each=${arrayValue}>
47
+ ${(_, idx) => html`
48
+ <cart-data-array-item item-index=${() => `${idx()}`}>
49
+ ${() => Array.from(itemTemplate.cloneNode(true).childNodes)}
50
+ </cart-data-array-item>
51
+ `}
52
+ <//>
53
+ <//>
54
+ `;
55
+ };
56
+
57
+ export { CartDataArray };
58
+ //# sourceMappingURL=cart-data-array.js.map
59
+ //# sourceMappingURL=cart-data-array.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/cart-data-array.ts"],"names":[],"mappings":";;;;;AAkBO,MAAM,aAA0D,GAAA,CACrE,KACA,EAAA,EAAE,SACC,KAAA;AACH,EAAM,MAAA,YAAA,GAAe,kBAAmB,CAAA,OAAA,EAAS,MAAM,CAAA;AACvD,EAAA,IAAI,CAAC,YAAA;AACH,IAAA,OAAO,OAAQ,CAAA,IAAA;AAAA,MACb;AAAA,KACF;AACF,EAAA,IAAI,CAAC,KAAM,CAAA,SAAA;AACT,IAAO,OAAA,OAAA,CAAQ,KAAK,0CAA0C,CAAA;AAChE,EAAA,MAAM,WAAc,GAAA;AAAA,IAClB,OAAA;AAAA,IACA,IAAA,EAAM,MAAM,KAAM,CAAA;AAAA,GACpB;AACA,EAAM,MAAA,QAAA,GAAW,oBAAoB,WAAW,CAAA;AAChD,EAA+B,8BAAA,CAAA;AAAA,IAC7B,OAAA;AAAA,IACA,IAAM,EAAA;AAAA,GACP,CAAA;AAED,EAAA,MAAM,QAAQ,YAAa,CAAA;AAAA,IACzB,OAAA;AAAA,IACA,IAAM,EAAA;AAAA,GACP,CAAA;AAED,EAAA,MAAM,aAAa,MAAM;AACvB,IAAA,MAAM,IAAI,KAAM,EAAA;AAEhB,IAAA,IAAI,CAAC,CAAG,EAAA;AACN,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,CAAA,oDAAA,EAAuD,UAAU,CAAA;AAAA,OACnE;AACA,MAAO,OAAA,IAAA;AAAA;AAGT,IAAA,IAAI,CAAC,KAAA,CAAM,OAAQ,CAAA,CAAC,CAAG,EAAA;AACrB,MAAQ,OAAA,CAAA,IAAA;AAAA,QACN,CAAA,+CAAA,EAAkD,UAAU,CAAA;AAAA,OAC9D;AACA,MAAO,OAAA,IAAA;AAAA;AAGT,IAAO,OAAA,CAAA;AAAA,GACT;AAEA,EAAQ,OAAA,CAAA,eAAA,CAAgB,GAAG,EAAE,CAAA;AAE7B,EAAO,OAAA,IAAA;AAAA,KACF,EAAA,IAAI,SAAS,MAAM,UAAA,MAAgB,UAAW,EAAA,CAAG,SAAS,CAAC,CAAA;AAAA,OACzD,EAAA,GAAG,SAAS,UAAU,CAAA;AAAA,QACrB,EAAA,CAAC,GAAQ,GAA0B,KAAA,IAAA;AAAA,2CAAA,EACA,MAAM,CAAA,EAAG,GAAI,EAAC,CAAE,CAAA,CAAA;AAAA,YAC/C,EAAA,MAAM,MAAM,IAAK,CAAA,YAAA,CAAa,UAAU,IAAI,CAAA,CAAE,UAAU,CAAC;AAAA;AAAA,QAE9D,CAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAIT","file":"cart-data-array.js","sourcesContent":["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"]}