@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.
- package/dist/jsdelivr/components/cart-context.js +22 -0
- package/dist/jsdelivr/components/cart-context.js.map +1 -0
- package/dist/jsdelivr/components/cart-data-array-item.js +19 -0
- package/dist/jsdelivr/components/cart-data-array-item.js.map +1 -0
- package/dist/jsdelivr/components/cart-data-array.js +58 -0
- package/dist/jsdelivr/components/cart-data-array.js.map +1 -0
- package/dist/jsdelivr/components/cart-data-conditions.js +97 -0
- package/dist/jsdelivr/components/cart-data-conditions.js.map +1 -0
- package/dist/jsdelivr/components/cart-data-injection.js +89 -0
- package/dist/jsdelivr/components/cart-data-injection.js.map +1 -0
- package/dist/jsdelivr/components/cart-data-listener-status.js +35 -0
- package/dist/jsdelivr/components/cart-data-listener-status.js.map +1 -0
- package/dist/jsdelivr/components/cart-data-listener.js +163 -0
- package/dist/jsdelivr/components/cart-data-listener.js.map +1 -0
- package/dist/jsdelivr/components/cart-data.js +29 -0
- package/dist/jsdelivr/components/cart-data.js.map +1 -0
- package/dist/jsdelivr/components/cart-loading-state.js +39 -0
- package/dist/jsdelivr/components/cart-loading-state.js.map +1 -0
- package/dist/jsdelivr/components/index.js +11 -0
- package/dist/jsdelivr/components/index.js.map +1 -0
- package/dist/jsdelivr/hooks/index.js +7 -0
- package/dist/jsdelivr/hooks/index.js.map +1 -0
- package/dist/jsdelivr/hooks/useCartValue.js +23 -0
- package/dist/jsdelivr/hooks/useCartValue.js.map +1 -0
- package/dist/jsdelivr/hooks/useFormattedValue.js +27 -0
- package/dist/jsdelivr/hooks/useFormattedValue.js.map +1 -0
- package/dist/jsdelivr/hooks/useFullPropertyPath.js +35 -0
- package/dist/jsdelivr/hooks/useFullPropertyPath.js.map +1 -0
- package/dist/jsdelivr/hooks/useHybridCart.js +23 -0
- package/dist/jsdelivr/hooks/useHybridCart.js.map +1 -0
- package/dist/jsdelivr/hooks/useListenerStatus.js +33 -0
- package/dist/jsdelivr/hooks/useListenerStatus.js.map +1 -0
- package/dist/jsdelivr/index.js +72 -0
- package/dist/jsdelivr/index.js.map +1 -0
- package/dist/jsdelivr/utils/formatValue.js +22 -0
- package/dist/jsdelivr/utils/formatValue.js.map +1 -0
- package/dist/jsdelivr/utils/getTargetElement.js +13 -0
- package/dist/jsdelivr/utils/getTargetElement.js.map +1 -0
- package/dist/jsdelivr/utils/getTemplateContent.js +11 -0
- package/dist/jsdelivr/utils/getTemplateContent.js.map +1 -0
- package/dist/jsdelivr/utils/getValueFromPath.js +14 -0
- package/dist/jsdelivr/utils/getValueFromPath.js.map +1 -0
- package/dist/jsdelivr/utils/index.js +7 -0
- package/dist/jsdelivr/utils/index.js.map +1 -0
- package/dist/jsdelivr/utils/parseNestedObject.js +32 -0
- package/dist/jsdelivr/utils/parseNestedObject.js.map +1 -0
- package/dist/main/components/cart-context.js +22 -0
- package/dist/main/components/cart-context.js.map +1 -0
- package/dist/main/components/cart-data-array-item.js +19 -0
- package/dist/main/components/cart-data-array-item.js.map +1 -0
- package/dist/main/components/cart-data-array.js +59 -0
- package/dist/main/components/cart-data-array.js.map +1 -0
- package/dist/main/components/cart-data-conditions.js +98 -0
- package/dist/main/components/cart-data-conditions.js.map +1 -0
- package/dist/main/components/cart-data-injection.js +89 -0
- package/dist/main/components/cart-data-injection.js.map +1 -0
- package/dist/main/components/cart-data-listener-status.js +36 -0
- package/dist/main/components/cart-data-listener-status.js.map +1 -0
- package/dist/main/components/cart-data-listener.js +163 -0
- package/dist/main/components/cart-data-listener.js.map +1 -0
- package/dist/main/components/cart-data.js +29 -0
- package/dist/main/components/cart-data.js.map +1 -0
- package/dist/main/components/cart-loading-state.js +39 -0
- package/dist/main/components/cart-loading-state.js.map +1 -0
- package/dist/main/components/index.js +11 -0
- package/dist/main/components/index.js.map +1 -0
- package/dist/main/hooks/index.js +7 -0
- package/dist/main/hooks/index.js.map +1 -0
- package/dist/main/hooks/useAjaxCart.js +23 -0
- package/dist/main/hooks/useAjaxCart.js.map +1 -0
- package/dist/main/hooks/useCartValue.js +23 -0
- package/dist/main/hooks/useCartValue.js.map +1 -0
- package/dist/main/hooks/useFormattedValue.js +27 -0
- package/dist/main/hooks/useFormattedValue.js.map +1 -0
- package/dist/main/hooks/useFullPropertyPath.js +35 -0
- package/dist/main/hooks/useFullPropertyPath.js.map +1 -0
- package/dist/main/hooks/useListenerStatus.js +33 -0
- package/dist/main/hooks/useListenerStatus.js.map +1 -0
- package/dist/main/index.d.ts +14996 -0
- package/dist/main/index.js +72 -0
- package/dist/main/index.js.map +1 -0
- package/dist/main/utils/formatValue.js +22 -0
- package/dist/main/utils/formatValue.js.map +1 -0
- package/dist/main/utils/getTargetElement.js +13 -0
- package/dist/main/utils/getTargetElement.js.map +1 -0
- package/dist/main/utils/getTemplateContent.js +11 -0
- package/dist/main/utils/getTemplateContent.js.map +1 -0
- package/dist/main/utils/getValueFromPath.js +14 -0
- package/dist/main/utils/getValueFromPath.js.map +1 -0
- package/dist/main/utils/index.js +7 -0
- package/dist/main/utils/index.js.map +1 -0
- package/dist/main/utils/parseNestedObject.js +32 -0
- package/dist/main/utils/parseNestedObject.js.map +1 -0
- 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"]}
|