@tapcart/mobile-components 0.8.13 → 0.8.15
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/components/hooks/use-block-conditional-rendering.d.ts.map +1 -1
- package/dist/components/hooks/use-block-conditional-rendering.js +10 -8
- package/dist/components/hooks/use-shop.d.ts +3 -1
- package/dist/components/hooks/use-shop.d.ts.map +1 -1
- package/dist/components/hooks/use-shop.js +1 -1
- package/dist/components/libs/loyalty/LoyaltyAdapter.d.ts +1 -1
- package/dist/components/libs/loyalty/LoyaltyAdapter.d.ts.map +1 -1
- package/dist/components/libs/loyalty/YotpoLoyalty.d.ts.map +1 -1
- package/dist/components/libs/loyalty/YotpoLoyalty.js +15 -20
- package/dist/components/ui/animate-number.d.ts +15 -0
- package/dist/components/ui/animate-number.d.ts.map +1 -0
- package/dist/components/ui/animate-number.js +52 -0
- package/dist/components/ui/circular-progress.d.ts +11 -3
- package/dist/components/ui/circular-progress.d.ts.map +1 -1
- package/dist/components/ui/circular-progress.js +21 -4
- package/dist/components/ui/progress-bar.d.ts +15 -0
- package/dist/components/ui/progress-bar.d.ts.map +1 -0
- package/dist/components/ui/progress-bar.js +19 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/styles.css +14 -3
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-block-conditional-rendering.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-block-conditional-rendering.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EAGb,MAAM,kBAAkB,CAAA;AAgBzB,eAAO,MAAM,4BAA4B,WAC/B;IACN,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,UACO,YAAY;;;
|
|
1
|
+
{"version":3,"file":"use-block-conditional-rendering.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-block-conditional-rendering.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,YAAY,EAGb,MAAM,kBAAkB,CAAA;AAgBzB,eAAO,MAAM,4BAA4B,WAC/B;IACN,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf,UACO,YAAY;;;CAgLrB,CAAA"}
|
|
@@ -45,14 +45,16 @@ export const useBlockConditionalRendering = (_props, _block) => {
|
|
|
45
45
|
};
|
|
46
46
|
}), [blockProductMetafields]);
|
|
47
47
|
// Fetch product if productId is present
|
|
48
|
-
const { products, error: useProductsError, isLoading: isProductsLoading, } = useProducts(
|
|
49
|
-
?
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
48
|
+
const { products, error: useProductsError, isLoading: isProductsLoading, } = useProducts({
|
|
49
|
+
productIds: productId !== undefined ? [gidFromId(productId)] : [],
|
|
50
|
+
baseURL: apiUrl,
|
|
51
|
+
productHandles: [],
|
|
52
|
+
metafields: productMetafieldsQuery,
|
|
53
|
+
queryVariables: {
|
|
54
|
+
language,
|
|
55
|
+
country,
|
|
56
|
+
},
|
|
57
|
+
});
|
|
56
58
|
const blockCollectionMetafields = useMemo(() => blockState && blockState.collectionMetafield
|
|
57
59
|
? blockState.collectionMetafield
|
|
58
60
|
: [], [blockState]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-shop.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-shop.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,KAAK,GAAG,GAAG,MAAM,CAAA;AACjB,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,GAAG,CAAA;IACZ,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;CACxC,CAAA;AACD,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"use-shop.d.ts","sourceRoot":"","sources":["../../../components/hooks/use-shop.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,KAAK,GAAG,GAAG,MAAM,CAAA;AACjB,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,GAAG,CAAA;IACZ,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;CACxC,CAAA;AACD,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,IAAI,GAAG;QAAE,eAAe,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,KAAK,EAAE,GAAG,CAAA;IACV,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,GAAG,aAAa,CAkBjE"}
|
|
@@ -8,7 +8,7 @@ export function useShop(props) {
|
|
|
8
8
|
const fetcher = (props === null || props === void 0 ? void 0 : props.fetcher) || ((url) => fetch(url).then((res) => res.json()));
|
|
9
9
|
const { data, error } = useSWR(url, fetcher);
|
|
10
10
|
return {
|
|
11
|
-
shop: data ||
|
|
11
|
+
shop: data || {},
|
|
12
12
|
error,
|
|
13
13
|
isLoading: !data && !error,
|
|
14
14
|
};
|
|
@@ -44,7 +44,7 @@ export interface LoyaltyActivity<T = Record<string, any>> {
|
|
|
44
44
|
customAttributes?: T;
|
|
45
45
|
}
|
|
46
46
|
export interface LoyaltyTierRequirement {
|
|
47
|
-
type: "orders" | "points";
|
|
47
|
+
type: "orders" | "points" | "referrals" | "amountSpent";
|
|
48
48
|
threshold: number;
|
|
49
49
|
progress: number;
|
|
50
50
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoyaltyAdapter.d.ts","sourceRoot":"","sources":["../../../../components/libs/loyalty/LoyaltyAdapter.tsx"],"names":[],"mappings":"AAUA,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACtD,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,gBAAgB,CAAC,EAAE,CAAC,CAAA;CACrB;AAGD,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACpD,OAAO,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE;QACf,MAAM,EAAE,MAAM,CAAA;QACd,UAAU,EAAE,IAAI,CAAA;KACjB,EAAE,CAAA;IACH,WAAW,CAAC,EAAE,IAAI,CAAA;IAClB,gBAAgB,CAAC,EAAE,CAAC,CAAA;CACrB;AAQD,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACpD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,UAAU,GAAG,QAAQ,GAAG,aAAa,GAAG,QAAQ,CAAA;IACtD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,IAAI,CAAA;IAChB,WAAW,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,gBAAgB,CAAC,EAAE,CAAC,CAAA;CACrB;AAeD,MAAM,WAAW,eAAe,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACtD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,CAAA;IAC7C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC9B,SAAS,EAAE,IAAI,CAAA;IACf,gBAAgB,CAAC,EAAE,CAAC,CAAA;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;
|
|
1
|
+
{"version":3,"file":"LoyaltyAdapter.d.ts","sourceRoot":"","sources":["../../../../components/libs/loyalty/LoyaltyAdapter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"YotpoLoyalty.d.ts","sourceRoot":"","sources":["../../../../components/libs/loyalty/YotpoLoyalty.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,EAAE,EACrB,eAAe,EACf,aAAa,EACb,aAAa,EACb,eAAe,EACf,WAAW,EACX,eAAe,EAChB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,cAAc;IACtD,OAAO,EAAE,MAAM,CAAU;;IAOnB,cAAc,IAAI,OAAO,CAAC,eAAe,CAAC;IAa1C,WAAW,IAAI,OAAO,CAAC,eAAe,CAAC;IAQvC,cAAc,IAAI,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC;IAajD,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;IAoBjD,SAAS,IAAI,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;IAa1C,UAAU,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;IA2DtC,YAAY,IAAI,OAAO,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC;IAgE/C,sBAAsB,IAAI,OAAO,CAAC,eAAe,EAAE,CAAC;IA0BpD,cAAc,IAAI,OAAO,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC;IAyBnD,kBAAkB,IAAI,OAAO,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC;IAkBvD,eAAe,IAAI,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;IA2B9C,QAAQ,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"YotpoLoyalty.d.ts","sourceRoot":"","sources":["../../../../components/libs/loyalty/YotpoLoyalty.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,EAAE,EACrB,eAAe,EACf,aAAa,EACb,aAAa,EACb,eAAe,EACf,WAAW,EACX,eAAe,EAChB,MAAM,kBAAkB,CAAA;AAEzB,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,cAAc;IACtD,OAAO,EAAE,MAAM,CAAU;;IAOnB,cAAc,IAAI,OAAO,CAAC,eAAe,CAAC;IAa1C,WAAW,IAAI,OAAO,CAAC,eAAe,CAAC;IAQvC,cAAc,IAAI,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC;IAajD,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;IAoBjD,SAAS,IAAI,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;IAa1C,UAAU,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;IA2DtC,YAAY,IAAI,OAAO,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC;IAgE/C,sBAAsB,IAAI,OAAO,CAAC,eAAe,EAAE,CAAC;IA0BpD,cAAc,IAAI,OAAO,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC;IAyBnD,kBAAkB,IAAI,OAAO,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC;IAkBvD,eAAe,IAAI,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;IA2B9C,QAAQ,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC;IAsDlC,cAAc,IAAI,OAAO,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC;IAiCnD,YAAY,IAAI,OAAO,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC;CAqBxD"}
|
|
@@ -332,14 +332,9 @@ export default class YotpoLoyalty extends LoyaltyAdapter {
|
|
|
332
332
|
requirements: [
|
|
333
333
|
{
|
|
334
334
|
type: "points",
|
|
335
|
-
threshold:
|
|
335
|
+
threshold: 1000,
|
|
336
336
|
progress: 200,
|
|
337
337
|
},
|
|
338
|
-
{
|
|
339
|
-
type: "orders",
|
|
340
|
-
threshold: 1,
|
|
341
|
-
progress: 3,
|
|
342
|
-
},
|
|
343
338
|
],
|
|
344
339
|
isActive: true,
|
|
345
340
|
},
|
|
@@ -349,17 +344,22 @@ export default class YotpoLoyalty extends LoyaltyAdapter {
|
|
|
349
344
|
level: 2,
|
|
350
345
|
requirements: [
|
|
351
346
|
{
|
|
352
|
-
type: "
|
|
353
|
-
threshold:
|
|
354
|
-
progress:
|
|
347
|
+
type: "orders",
|
|
348
|
+
threshold: 10,
|
|
349
|
+
progress: 3,
|
|
355
350
|
},
|
|
356
351
|
{
|
|
357
|
-
type: "
|
|
352
|
+
type: "referrals",
|
|
358
353
|
threshold: 5,
|
|
359
|
-
progress:
|
|
354
|
+
progress: 2,
|
|
355
|
+
},
|
|
356
|
+
{
|
|
357
|
+
type: "amountSpent",
|
|
358
|
+
threshold: 100,
|
|
359
|
+
progress: 50,
|
|
360
360
|
},
|
|
361
361
|
],
|
|
362
|
-
isActive:
|
|
362
|
+
isActive: false,
|
|
363
363
|
},
|
|
364
364
|
{
|
|
365
365
|
id: "tier-3",
|
|
@@ -368,16 +368,11 @@ export default class YotpoLoyalty extends LoyaltyAdapter {
|
|
|
368
368
|
requirements: [
|
|
369
369
|
{
|
|
370
370
|
type: "points",
|
|
371
|
-
threshold:
|
|
372
|
-
progress:
|
|
373
|
-
},
|
|
374
|
-
{
|
|
375
|
-
type: "orders",
|
|
376
|
-
threshold: 20,
|
|
377
|
-
progress: 3,
|
|
371
|
+
threshold: 5000,
|
|
372
|
+
progress: 2000,
|
|
378
373
|
},
|
|
379
374
|
],
|
|
380
|
-
isActive:
|
|
375
|
+
isActive: false,
|
|
381
376
|
},
|
|
382
377
|
];
|
|
383
378
|
});
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
interface AnimateNumberProps {
|
|
2
|
+
start: number;
|
|
3
|
+
end: number;
|
|
4
|
+
duration?: number;
|
|
5
|
+
easing?: "linear" | "easeIn" | "easeOut" | "easeInOut";
|
|
6
|
+
currency?: {
|
|
7
|
+
code: string;
|
|
8
|
+
locale: string;
|
|
9
|
+
minimumFractionDigits?: number;
|
|
10
|
+
};
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare function AnimateNumber({ start, end, duration, easing, currency, className, }: AnimateNumberProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=animate-number.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animate-number.d.ts","sourceRoot":"","sources":["../../../components/ui/animate-number.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;IACtD,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;QACd,qBAAqB,CAAC,EAAE,MAAM,CAAA;KAC/B,CAAA;IACD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,GAAG,EACH,QAAe,EACf,MAAkB,EAClB,QAAQ,EACR,SAAS,GACV,EAAE,kBAAkB,2CAqDpB"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useState, useEffect, useRef } from "react";
|
|
4
|
+
const easingFunctions = {
|
|
5
|
+
linear: (t) => t,
|
|
6
|
+
easeIn: (t) => t * t,
|
|
7
|
+
easeOut: (t) => t * (2 - t),
|
|
8
|
+
easeInOut: (t) => (t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t),
|
|
9
|
+
};
|
|
10
|
+
export function AnimateNumber({ start, end, duration = 1000, easing = "easeOut", currency, className, }) {
|
|
11
|
+
const [currentValue, setCurrentValue] = useState(start);
|
|
12
|
+
const animationRef = useRef(null);
|
|
13
|
+
const startTimeRef = useRef(null);
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
// Reset animation when end value changes
|
|
16
|
+
setCurrentValue(start);
|
|
17
|
+
startTimeRef.current = null;
|
|
18
|
+
if (animationRef.current) {
|
|
19
|
+
cancelAnimationFrame(animationRef.current);
|
|
20
|
+
}
|
|
21
|
+
const animate = (timestamp) => {
|
|
22
|
+
if (!startTimeRef.current) {
|
|
23
|
+
startTimeRef.current = timestamp;
|
|
24
|
+
}
|
|
25
|
+
const elapsed = timestamp - startTimeRef.current;
|
|
26
|
+
const progress = Math.min(elapsed / duration, 1);
|
|
27
|
+
const easedProgress = easingFunctions[easing](progress);
|
|
28
|
+
const newValue = start + (end - start) * easedProgress;
|
|
29
|
+
setCurrentValue(newValue);
|
|
30
|
+
if (progress < 1) {
|
|
31
|
+
animationRef.current = requestAnimationFrame(animate);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
animationRef.current = requestAnimationFrame(animate);
|
|
35
|
+
return () => {
|
|
36
|
+
if (animationRef.current) {
|
|
37
|
+
cancelAnimationFrame(animationRef.current);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
}, [start, end, duration, easing]);
|
|
41
|
+
const formatValue = () => {
|
|
42
|
+
if (currency) {
|
|
43
|
+
return currentValue.toLocaleString(currency.locale || "en-US", {
|
|
44
|
+
style: "currency",
|
|
45
|
+
currency: currency.code,
|
|
46
|
+
maximumSignificantDigits: 1,
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
return Math.round(currentValue).toLocaleString();
|
|
50
|
+
};
|
|
51
|
+
return _jsx("span", Object.assign({ className: className }, { children: formatValue() }));
|
|
52
|
+
}
|
|
@@ -1,6 +1,14 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
import "react-circular-progressbar/dist/styles.css";
|
|
2
|
-
|
|
3
|
-
|
|
3
|
+
import { CircularProgressbarProps } from "react-circular-progressbar/dist/types";
|
|
4
|
+
declare function AnimationProgressProvider({ valueStart, valueEnd, children, }: {
|
|
5
|
+
valueStart: number;
|
|
6
|
+
valueEnd: number;
|
|
7
|
+
children: React.ReactNode | ((value: number) => React.ReactNode);
|
|
8
|
+
}): React.ReactNode;
|
|
9
|
+
declare function CircularProgress({ children, ...props }: CircularProgressbarProps & {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
buildStyles?: any;
|
|
4
12
|
}): import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export { CircularProgress };
|
|
13
|
+
export { CircularProgress, AnimationProgressProvider };
|
|
6
14
|
//# sourceMappingURL=circular-progress.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"circular-progress.d.ts","sourceRoot":"","sources":["../../../components/ui/circular-progress.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"circular-progress.d.ts","sourceRoot":"","sources":["../../../components/ui/circular-progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,4CAA4C,CAAA;AACnD,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAA;AAGhF,iBAAS,yBAAyB,CAAC,EACjC,UAAU,EACV,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;CACjE,mBAQA;AAeD,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAA;CAClB,2CASA;AAED,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,CAAA"}
|
|
@@ -11,10 +11,27 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
return t;
|
|
12
12
|
};
|
|
13
13
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import
|
|
14
|
+
import * as React from "react";
|
|
15
|
+
import { CircularProgressbar, CircularProgressbarWithChildren, buildStyles, } from "react-circular-progressbar";
|
|
15
16
|
import "react-circular-progressbar/dist/styles.css";
|
|
17
|
+
// This is a helper component to animate the progress bar
|
|
18
|
+
function AnimationProgressProvider({ valueStart, valueEnd, children, }) {
|
|
19
|
+
const [value, setValue] = React.useState(valueStart);
|
|
20
|
+
React.useEffect(() => {
|
|
21
|
+
setValue(valueEnd);
|
|
22
|
+
}, [valueEnd]);
|
|
23
|
+
return typeof children === "function" ? children(value) : children;
|
|
24
|
+
}
|
|
25
|
+
const buildProps = (props) => {
|
|
26
|
+
const { buildStyles: buildStylesInput } = props, restProps = __rest(props, ["buildStyles"]);
|
|
27
|
+
const styles = Object.assign(Object.assign({}, (buildStylesInput ? buildStyles(buildStylesInput) : {})), props.styles);
|
|
28
|
+
return Object.assign(Object.assign({}, restProps), { styles });
|
|
29
|
+
};
|
|
16
30
|
function CircularProgress(_a) {
|
|
17
|
-
var props = __rest(_a, []);
|
|
18
|
-
|
|
31
|
+
var { children } = _a, props = __rest(_a, ["children"]);
|
|
32
|
+
if (children) {
|
|
33
|
+
return (_jsx(CircularProgressbarWithChildren, Object.assign({}, buildProps(props), { children: children })));
|
|
34
|
+
}
|
|
35
|
+
return _jsx(CircularProgressbar, Object.assign({}, buildProps(props)));
|
|
19
36
|
}
|
|
20
|
-
export { CircularProgress };
|
|
37
|
+
export { CircularProgress, AnimationProgressProvider };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { getBorderStyle } from "../../lib/utils";
|
|
3
|
+
interface ProgressBarProps {
|
|
4
|
+
progress: number;
|
|
5
|
+
borderStyle?: ReturnType<typeof getBorderStyle>;
|
|
6
|
+
emptyColor?: string;
|
|
7
|
+
corners?: number;
|
|
8
|
+
fillColor?: string;
|
|
9
|
+
height?: number;
|
|
10
|
+
animationDuration?: number;
|
|
11
|
+
animationEasing?: "easeInOut" | "easeIn" | "easeOut";
|
|
12
|
+
}
|
|
13
|
+
declare const ProgressBar: React.FC<ProgressBarProps>;
|
|
14
|
+
export { ProgressBar };
|
|
15
|
+
//# sourceMappingURL=progress-bar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress-bar.d.ts","sourceRoot":"","sources":["../../../components/ui/progress-bar.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAEhD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;IAC/C,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAA;CACrD;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6C3C,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useEffect, useState } from "react";
|
|
4
|
+
const ProgressBar = ({ progress, borderStyle, emptyColor, corners, fillColor, animationDuration = 300, animationEasing = "easeInOut", height = 8, }) => {
|
|
5
|
+
const [clampedProgress, setClampedProgress] = useState(0);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
setTimeout(() => {
|
|
8
|
+
setClampedProgress(Math.max(0, Math.min(progress, 100)));
|
|
9
|
+
}, 100);
|
|
10
|
+
}, [progress]);
|
|
11
|
+
return (_jsx("div", Object.assign({ className: "w-full flex-grow", style: Object.assign({ height: `${height}px`, backgroundColor: emptyColor, borderRadius: `${corners !== null && corners !== void 0 ? corners : 0}px`, overflow: "hidden" }, borderStyle), "aria-valuenow": clampedProgress, "aria-valuemin": 0, "aria-valuemax": 100, role: "progressbar" }, { children: _jsx("div", { className: "h-full transition-all", style: {
|
|
12
|
+
width: `${clampedProgress}%`,
|
|
13
|
+
backgroundColor: fillColor,
|
|
14
|
+
borderRadius: `${corners !== null && corners !== void 0 ? corners : 0}px`,
|
|
15
|
+
transitionTimingFunction: animationEasing,
|
|
16
|
+
transitionDuration: `${animationDuration}ms`,
|
|
17
|
+
} }) })));
|
|
18
|
+
};
|
|
19
|
+
export { ProgressBar };
|
package/dist/index.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ export * from "./components/hooks/use-block-conditional-rendering";
|
|
|
16
16
|
export * from "./components/hooks/use-mock-cart";
|
|
17
17
|
export * from "./components/ui/accordion";
|
|
18
18
|
export * from "./components/ui/animate-container";
|
|
19
|
+
export * from "./components/ui/animate-number";
|
|
19
20
|
export * from "./components/ui/apple-pay-button";
|
|
20
21
|
export * from "./components/ui/aspect-ratio";
|
|
21
22
|
export * from "./components/ui/badge";
|
|
@@ -42,6 +43,7 @@ export * from "./components/ui/portal";
|
|
|
42
43
|
export * from "./components/ui/price";
|
|
43
44
|
export * from "./components/ui/product-card";
|
|
44
45
|
export * from "./components/ui/quantity-picker";
|
|
46
|
+
export * from "./components/ui/progress-bar";
|
|
45
47
|
export * from "./components/ui/radio-group";
|
|
46
48
|
export * from "./components/ui/scroll-area";
|
|
47
49
|
export * from "./components/ui/selectors";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -17,6 +17,7 @@ export * from "./components/hooks/use-block-conditional-rendering";
|
|
|
17
17
|
export * from "./components/hooks/use-mock-cart";
|
|
18
18
|
export * from "./components/ui/accordion";
|
|
19
19
|
export * from "./components/ui/animate-container";
|
|
20
|
+
export * from "./components/ui/animate-number";
|
|
20
21
|
export * from "./components/ui/apple-pay-button";
|
|
21
22
|
export * from "./components/ui/aspect-ratio";
|
|
22
23
|
export * from "./components/ui/badge";
|
|
@@ -43,6 +44,7 @@ export * from "./components/ui/portal";
|
|
|
43
44
|
export * from "./components/ui/price";
|
|
44
45
|
export * from "./components/ui/product-card";
|
|
45
46
|
export * from "./components/ui/quantity-picker";
|
|
47
|
+
export * from "./components/ui/progress-bar";
|
|
46
48
|
export * from "./components/ui/radio-group";
|
|
47
49
|
export * from "./components/ui/scroll-area";
|
|
48
50
|
export * from "./components/ui/selectors";
|
package/dist/styles.css
CHANGED
|
@@ -724,6 +724,9 @@ video {
|
|
|
724
724
|
.bottom-2 {
|
|
725
725
|
bottom: 0.5rem;
|
|
726
726
|
}
|
|
727
|
+
.bottom-3 {
|
|
728
|
+
bottom: 0.75rem;
|
|
729
|
+
}
|
|
727
730
|
.bottom-\[18px\] {
|
|
728
731
|
bottom: 18px;
|
|
729
732
|
}
|
|
@@ -983,9 +986,6 @@ video {
|
|
|
983
986
|
.h-20 {
|
|
984
987
|
height: 5rem;
|
|
985
988
|
}
|
|
986
|
-
.h-24 {
|
|
987
|
-
height: 6rem;
|
|
988
|
-
}
|
|
989
989
|
.h-4 {
|
|
990
990
|
height: 1rem;
|
|
991
991
|
}
|
|
@@ -1037,6 +1037,10 @@ video {
|
|
|
1037
1037
|
.h-auto {
|
|
1038
1038
|
height: auto;
|
|
1039
1039
|
}
|
|
1040
|
+
.h-fit {
|
|
1041
|
+
height: -moz-fit-content;
|
|
1042
|
+
height: fit-content;
|
|
1043
|
+
}
|
|
1040
1044
|
.h-full {
|
|
1041
1045
|
height: 100%;
|
|
1042
1046
|
}
|
|
@@ -1118,6 +1122,9 @@ video {
|
|
|
1118
1122
|
.w-\[138px\] {
|
|
1119
1123
|
width: 138px;
|
|
1120
1124
|
}
|
|
1125
|
+
.w-\[150px\] {
|
|
1126
|
+
width: 150px;
|
|
1127
|
+
}
|
|
1121
1128
|
.w-\[1px\] {
|
|
1122
1129
|
width: 1px;
|
|
1123
1130
|
}
|
|
@@ -1201,6 +1208,10 @@ video {
|
|
|
1201
1208
|
--tw-translate-y: -50%;
|
|
1202
1209
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1203
1210
|
}
|
|
1211
|
+
.translate-x-1\/2 {
|
|
1212
|
+
--tw-translate-x: 50%;
|
|
1213
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1214
|
+
}
|
|
1204
1215
|
.translate-x-\[-50\%\] {
|
|
1205
1216
|
--tw-translate-x: -50%;
|
|
1206
1217
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|