@ikas/code-components-mcp 0.115.0 → 0.117.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/data/section-templates/account-info-section/children/AccountAddresses/components/AddressModal/index.tsx +6 -9
- package/data/section-templates/account-info-section/children/AccountAddresses/components/AddressModal/styles.css +1 -0
- package/data/section-templates/account-info-section/children/AccountAddresses/ikas-config-snippet.json +30 -30
- package/data/section-templates/account-info-section/children/AccountAddresses/index.tsx +12 -12
- package/data/section-templates/account-info-section/children/AccountAddresses/types.ts +1 -0
- package/data/section-templates/account-info-section/children/AccountFavorites/ikas-config-snippet.json +9 -9
- package/data/section-templates/account-info-section/children/AccountFavorites/index.tsx +3 -3
- package/data/section-templates/account-info-section/children/AccountFavorites/types.ts +1 -0
- package/data/section-templates/account-info-section/children/AccountInfoContent/ikas-config-snippet.json +16 -16
- package/data/section-templates/account-info-section/children/AccountInfoContent/index.tsx +5 -5
- package/data/section-templates/account-info-section/children/AccountInfoContent/types.ts +1 -0
- package/data/section-templates/account-info-section/children/AccountOrderDetail/ikas-config-snippet.json +74 -74
- package/data/section-templates/account-info-section/children/AccountOrderDetail/index.tsx +29 -29
- package/data/section-templates/account-info-section/children/AccountOrderDetail/types.ts +1 -0
- package/data/section-templates/account-info-section/children/AccountOrders/ikas-config-snippet.json +20 -20
- package/data/section-templates/account-info-section/children/AccountOrders/index.tsx +8 -8
- package/data/section-templates/account-info-section/children/AccountOrders/types.ts +1 -0
- package/data/section-templates/account-info-section/global-types.ts +0 -2
- package/data/section-templates/account-info-section/hooks/useScrollLock.ts +0 -4
- package/data/section-templates/account-info-section/ikas-config-snippet.json +13 -13
- package/data/section-templates/account-info-section/index.tsx +5 -5
- package/data/section-templates/account-info-section/sub-components/Modal/index.tsx +4 -2
- package/data/section-templates/account-info-section/sub-components/ProductCard/index.tsx +4 -4
- package/data/section-templates/account-info-section/types.ts +1 -0
- package/data/section-templates/add-to-cart/ikas-config-snippet.json +30 -30
- package/data/section-templates/add-to-cart/index.tsx +7 -7
- package/data/section-templates/add-to-cart/types.ts +1 -0
- package/data/section-templates/blog-home-section/global-types.ts +0 -2
- package/data/section-templates/blog-home-section/ikas-config-snippet.json +18 -18
- package/data/section-templates/blog-home-section/index.tsx +3 -3
- package/data/section-templates/blog-home-section/types.ts +1 -0
- package/data/section-templates/blog-post-section/global-types.ts +0 -2
- package/data/section-templates/blog-post-section/ikas-config-snippet.json +15 -15
- package/data/section-templates/blog-post-section/index.tsx +3 -3
- package/data/section-templates/blog-post-section/types.ts +1 -0
- package/data/section-templates/bundle-products/global-types.ts +0 -2
- package/data/section-templates/bundle-products/ikas-config-snippet.json +25 -25
- package/data/section-templates/bundle-products/index.tsx +3 -3
- package/data/section-templates/bundle-products/types.ts +1 -0
- package/data/section-templates/cart-section/global-types.ts +0 -2
- package/data/section-templates/cart-section/ikas-config-snippet.json +32 -32
- package/data/section-templates/cart-section/index.tsx +13 -13
- package/data/section-templates/cart-section/sub-components/CartItem/components/BundleProducts/index.tsx +1 -1
- package/data/section-templates/cart-section/types.ts +1 -0
- package/data/section-templates/category-images-section/children/CategoryImageItem/ikas-config-snippet.json +12 -12
- package/data/section-templates/category-images-section/children/CategoryImageItem/types.ts +1 -0
- package/data/section-templates/category-images-section/global-types.ts +0 -2
- package/data/section-templates/category-images-section/ikas-config-snippet.json +11 -11
- package/data/section-templates/category-images-section/types.ts +1 -0
- package/data/section-templates/category-list-section/children/CardProductName/ikas-config-snippet.json +2 -2
- package/data/section-templates/category-list-section/children/CardProductName/types.ts +1 -0
- package/data/section-templates/category-list-section/children/CardProductPrice/ikas-config-snippet.json +1 -1
- package/data/section-templates/category-list-section/children/CardProductPrice/types.ts +1 -0
- package/data/section-templates/category-list-section/children/CardProductVariants/ikas-config-snippet.json +1 -1
- package/data/section-templates/category-list-section/children/CardProductVariants/types.ts +1 -0
- package/data/section-templates/category-list-section/components/CategoryListControls/index.tsx +1 -1
- package/data/section-templates/category-list-section/global-types.ts +0 -2
- package/data/section-templates/category-list-section/hooks/useScrollLock.ts +0 -4
- package/data/section-templates/category-list-section/ikas-config-snippet.json +50 -50
- package/data/section-templates/category-list-section/index.tsx +13 -13
- package/data/section-templates/category-list-section/sub-components/ProductCard/index.tsx +4 -4
- package/data/section-templates/category-list-section/types.ts +1 -0
- package/data/section-templates/component-renderer/additional/Features/types.ts +1 -0
- package/data/section-templates/component-renderer/additional/ProductDetail/index.tsx +1 -1
- package/data/section-templates/component-renderer/additional/ProductDetail/types.ts +1 -0
- package/data/section-templates/component-renderer/global-types.ts +0 -2
- package/data/section-templates/component-renderer/ikas-config-snippet.json +5 -5
- package/data/section-templates/component-renderer/types.ts +1 -0
- package/data/section-templates/email-verification-section/ikas-config-snippet.json +36 -36
- package/data/section-templates/email-verification-section/index.tsx +14 -14
- package/data/section-templates/email-verification-section/types.ts +1 -0
- package/data/section-templates/favorites/ikas-config-snippet.json +12 -12
- package/data/section-templates/favorites/types.ts +1 -0
- package/data/section-templates/features-section/children/FeatureItem/ikas-config-snippet.json +2 -2
- package/data/section-templates/features-section/children/FeatureItem/types.ts +1 -0
- package/data/section-templates/features-section/ikas-config-snippet.json +2 -2
- package/data/section-templates/features-section/types.ts +1 -0
- package/data/section-templates/footer-section/children/SocialMediaIcon/ikas-config-snippet.json +1 -1
- package/data/section-templates/footer-section/children/SocialMediaIcon/types.ts +1 -0
- package/data/section-templates/footer-section/ikas-config-snippet.json +19 -19
- package/data/section-templates/footer-section/index.tsx +3 -3
- package/data/section-templates/footer-section/types.ts +1 -0
- package/data/section-templates/forgot-password-section/components/ForgotPasswordForm/index.tsx +10 -10
- package/data/section-templates/forgot-password-section/ikas-config-snippet.json +29 -29
- package/data/section-templates/forgot-password-section/types.ts +1 -0
- package/data/section-templates/header-section/children/Announcements/ikas-config-snippet.json +9 -9
- package/data/section-templates/header-section/children/Announcements/types.ts +1 -0
- package/data/section-templates/header-section/children/CookieBar/ikas-config-snippet.json +15 -15
- package/data/section-templates/header-section/children/CookieBar/types.ts +1 -0
- package/data/section-templates/header-section/children/Navbar/components/MobileMenu/index.tsx +1 -1
- package/data/section-templates/header-section/children/Navbar/ikas-config-snippet.json +68 -68
- package/data/section-templates/header-section/children/Navbar/index.tsx +19 -19
- package/data/section-templates/header-section/children/Navbar/types.ts +1 -0
- package/data/section-templates/header-section/global-types.ts +0 -2
- package/data/section-templates/header-section/hooks/useScrollLock.ts +0 -4
- package/data/section-templates/header-section/ikas-config-snippet.json +5 -5
- package/data/section-templates/header-section/sub-components/CartItem/components/BundleProducts/index.tsx +1 -1
- package/data/section-templates/header-section/sub-components/ProductCard/index.tsx +4 -4
- package/data/section-templates/header-section/types.ts +1 -0
- package/data/section-templates/hero-slider-section/children/HeroSliderItem/ikas-config-snippet.json +34 -34
- package/data/section-templates/hero-slider-section/children/HeroSliderItem/types.ts +1 -0
- package/data/section-templates/hero-slider-section/global-types.ts +0 -2
- package/data/section-templates/hero-slider-section/ikas-config-snippet.json +10 -10
- package/data/section-templates/hero-slider-section/types.ts +1 -0
- package/data/section-templates/image-handling/global-types.ts +0 -2
- package/data/section-templates/image-handling/ikas-config-snippet.json +16 -16
- package/data/section-templates/image-handling/index.tsx +1 -1
- package/data/section-templates/image-handling/types.ts +1 -0
- package/data/section-templates/login-section/components/LoginForm/index.tsx +13 -13
- package/data/section-templates/login-section/ikas-config-snippet.json +38 -38
- package/data/section-templates/login-section/types.ts +1 -0
- package/data/section-templates/navigation/components/MobileMenu/index.tsx +1 -1
- package/data/section-templates/navigation/global-types.ts +0 -2
- package/data/section-templates/navigation/hooks/useScrollLock.ts +0 -4
- package/data/section-templates/navigation/ikas-config-snippet.json +68 -68
- package/data/section-templates/navigation/index.tsx +19 -19
- package/data/section-templates/navigation/sub-components/CartItem/components/BundleProducts/index.tsx +1 -1
- package/data/section-templates/navigation/sub-components/ProductCard/index.tsx +4 -4
- package/data/section-templates/navigation/types.ts +1 -0
- package/data/section-templates/not-found-section/ikas-config-snippet.json +9 -9
- package/data/section-templates/not-found-section/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailAddToCart/ikas-config-snippet.json +30 -30
- package/data/section-templates/product-detail-section/children/ProductDetailAddToCart/index.tsx +7 -7
- package/data/section-templates/product-detail-section/children/ProductDetailAddToCart/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailBundleFurniture/ikas-config-snippet.json +33 -33
- package/data/section-templates/product-detail-section/children/ProductDetailBundleFurniture/index.tsx +8 -8
- package/data/section-templates/product-detail-section/children/ProductDetailBundleFurniture/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailBundleProduct/ikas-config-snippet.json +25 -25
- package/data/section-templates/product-detail-section/children/ProductDetailBundleProduct/index.tsx +3 -3
- package/data/section-templates/product-detail-section/children/ProductDetailBundleProduct/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailDescription/ikas-config-snippet.json +19 -19
- package/data/section-templates/product-detail-section/children/ProductDetailDescription/index.tsx +1 -1
- package/data/section-templates/product-detail-section/children/ProductDetailDescription/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailFeatures/ikas-config-snippet.json +11 -11
- package/data/section-templates/product-detail-section/children/ProductDetailFeatures/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailNameFavorite/ikas-config-snippet.json +12 -12
- package/data/section-templates/product-detail-section/children/ProductDetailNameFavorite/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailOffer/components/OfferCard/index.tsx +2 -2
- package/data/section-templates/product-detail-section/children/ProductDetailOffer/ikas-config-snippet.json +39 -39
- package/data/section-templates/product-detail-section/children/ProductDetailOffer/index.tsx +9 -9
- package/data/section-templates/product-detail-section/children/ProductDetailOffer/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailOptionSet/ikas-config-snippet.json +31 -31
- package/data/section-templates/product-detail-section/children/ProductDetailOptionSet/index.tsx +7 -7
- package/data/section-templates/product-detail-section/children/ProductDetailOptionSet/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailPrices/ikas-config-snippet.json +11 -11
- package/data/section-templates/product-detail-section/children/ProductDetailPrices/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailProductGroup/ikas-config-snippet.json +11 -11
- package/data/section-templates/product-detail-section/children/ProductDetailProductGroup/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailSku/ikas-config-snippet.json +15 -15
- package/data/section-templates/product-detail-section/children/ProductDetailSku/index.tsx +1 -1
- package/data/section-templates/product-detail-section/children/ProductDetailSku/types.ts +1 -0
- package/data/section-templates/product-detail-section/children/ProductDetailVariant/ikas-config-snippet.json +13 -13
- package/data/section-templates/product-detail-section/children/ProductDetailVariant/types.ts +2 -1
- package/data/section-templates/product-detail-section/global-types.ts +0 -2
- package/data/section-templates/product-detail-section/hooks/useScrollLock.ts +0 -4
- package/data/section-templates/product-detail-section/ikas-config-snippet.json +16 -16
- package/data/section-templates/product-detail-section/index.tsx +1 -1
- package/data/section-templates/product-detail-section/types.ts +1 -0
- package/data/section-templates/product-pricing/ikas-config-snippet.json +11 -11
- package/data/section-templates/product-pricing/types.ts +1 -0
- package/data/section-templates/product-reviews-section/hooks/useScrollLock.ts +0 -4
- package/data/section-templates/product-reviews-section/ikas-config-snippet.json +6 -6
- package/data/section-templates/product-reviews-section/sub-components/Modal/index.tsx +4 -2
- package/data/section-templates/product-reviews-section/types.ts +1 -0
- package/data/section-templates/product-slider-section/children/CardProductName/ikas-config-snippet.json +2 -2
- package/data/section-templates/product-slider-section/children/CardProductName/types.ts +1 -0
- package/data/section-templates/product-slider-section/children/CardProductPrice/ikas-config-snippet.json +1 -1
- package/data/section-templates/product-slider-section/children/CardProductPrice/types.ts +1 -0
- package/data/section-templates/product-slider-section/children/CardProductVariants/ikas-config-snippet.json +1 -1
- package/data/section-templates/product-slider-section/children/CardProductVariants/types.ts +1 -0
- package/data/section-templates/product-slider-section/global-types.ts +0 -2
- package/data/section-templates/product-slider-section/ikas-config-snippet.json +22 -22
- package/data/section-templates/product-slider-section/index.tsx +4 -4
- package/data/section-templates/product-slider-section/sub-components/ProductCard/index.tsx +4 -4
- package/data/section-templates/product-slider-section/types.ts +1 -0
- package/data/section-templates/recover-password-section/components/RecoverPasswordForm/index.tsx +10 -10
- package/data/section-templates/recover-password-section/ikas-config-snippet.json +42 -42
- package/data/section-templates/recover-password-section/types.ts +1 -0
- package/data/section-templates/register-section/components/RegisterForm/index.tsx +15 -15
- package/data/section-templates/register-section/ikas-config-snippet.json +54 -54
- package/data/section-templates/register-section/types.ts +1 -0
- package/data/section-templates/rich-text-section/ikas-config-snippet.json +3 -3
- package/data/section-templates/rich-text-section/types.ts +1 -0
- package/data/section-templates/variant-selection/ikas-config-snippet.json +13 -13
- package/data/section-templates/variant-selection/types.ts +2 -1
- package/data/storefront-api.json +1 -1
- package/data/storefront-types.json +1 -1
- package/package.json +1 -1
|
@@ -7,47 +7,47 @@
|
|
|
7
7
|
"props": [
|
|
8
8
|
{
|
|
9
9
|
"name": "accountInfoLabel",
|
|
10
|
-
"displayName": "
|
|
10
|
+
"displayName": "Account Info",
|
|
11
11
|
"type": "TEXT",
|
|
12
12
|
"required": false,
|
|
13
|
-
"defaultValue": "
|
|
13
|
+
"defaultValue": "My Account",
|
|
14
14
|
"groupId": "sidebar"
|
|
15
15
|
},
|
|
16
16
|
{
|
|
17
17
|
"name": "ordersLabel",
|
|
18
|
-
"displayName": "
|
|
18
|
+
"displayName": "Orders",
|
|
19
19
|
"type": "TEXT",
|
|
20
20
|
"required": false,
|
|
21
|
-
"defaultValue": "
|
|
21
|
+
"defaultValue": "My Orders",
|
|
22
22
|
"groupId": "sidebar"
|
|
23
23
|
},
|
|
24
24
|
{
|
|
25
25
|
"name": "addressesLabel",
|
|
26
|
-
"displayName": "
|
|
26
|
+
"displayName": "Addresses",
|
|
27
27
|
"type": "TEXT",
|
|
28
28
|
"required": false,
|
|
29
|
-
"defaultValue": "
|
|
29
|
+
"defaultValue": "My Addresses",
|
|
30
30
|
"groupId": "sidebar"
|
|
31
31
|
},
|
|
32
32
|
{
|
|
33
33
|
"name": "favoritesLabel",
|
|
34
|
-
"displayName": "
|
|
34
|
+
"displayName": "Favorites",
|
|
35
35
|
"type": "TEXT",
|
|
36
36
|
"required": false,
|
|
37
|
-
"defaultValue": "
|
|
37
|
+
"defaultValue": "My Favorites",
|
|
38
38
|
"groupId": "sidebar"
|
|
39
39
|
},
|
|
40
40
|
{
|
|
41
41
|
"name": "logoutLabel",
|
|
42
|
-
"displayName": "
|
|
42
|
+
"displayName": "Sign Out",
|
|
43
43
|
"type": "TEXT",
|
|
44
44
|
"required": false,
|
|
45
|
-
"defaultValue": "
|
|
45
|
+
"defaultValue": "Sign Out",
|
|
46
46
|
"groupId": "sidebar"
|
|
47
47
|
},
|
|
48
48
|
{
|
|
49
49
|
"name": "components",
|
|
50
|
-
"displayName": "
|
|
50
|
+
"displayName": "Components",
|
|
51
51
|
"type": "COMPONENT_LIST",
|
|
52
52
|
"required": false,
|
|
53
53
|
"filteredComponentIds": [
|
|
@@ -69,8 +69,8 @@
|
|
|
69
69
|
"propGroups": [
|
|
70
70
|
{
|
|
71
71
|
"id": "sidebar",
|
|
72
|
-
"name": "
|
|
73
|
-
"description": "
|
|
72
|
+
"name": "Sidebar Menu",
|
|
73
|
+
"description": "Tab labels in the sidebar menu"
|
|
74
74
|
}
|
|
75
75
|
]
|
|
76
76
|
}
|
|
@@ -41,11 +41,11 @@ export function AccountInfo(props: Props) {
|
|
|
41
41
|
}, []);
|
|
42
42
|
|
|
43
43
|
const {
|
|
44
|
-
accountInfoLabel = "
|
|
45
|
-
ordersLabel = "
|
|
46
|
-
addressesLabel = "
|
|
47
|
-
favoritesLabel = "
|
|
48
|
-
logoutLabel = "
|
|
44
|
+
accountInfoLabel = "My Account",
|
|
45
|
+
ordersLabel = "My Orders",
|
|
46
|
+
addressesLabel = "My Addresses",
|
|
47
|
+
favoritesLabel = "My Favorites",
|
|
48
|
+
logoutLabel = "Sign Out",
|
|
49
49
|
components,
|
|
50
50
|
} = props;
|
|
51
51
|
const activeTab = getActiveTabFromPath();
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { useState, useEffect, useRef, useId } from "preact/hooks";
|
|
2
|
+
import { createPortal } from "preact/compat";
|
|
2
3
|
import type { ComponentChildren } from "preact";
|
|
3
4
|
import { useScrollLock } from "../../hooks/useScrollLock";
|
|
4
5
|
import { cx } from "../../utils/cx";
|
|
@@ -58,7 +59,7 @@ export default function Modal({
|
|
|
58
59
|
return () => document.removeEventListener("keydown", handleKeyDown);
|
|
59
60
|
}, []);
|
|
60
61
|
|
|
61
|
-
return (
|
|
62
|
+
return createPortal(
|
|
62
63
|
<div
|
|
63
64
|
className={cx("kombos-modal", visible && "kombos-modal--open", className)}
|
|
64
65
|
role="dialog"
|
|
@@ -113,6 +114,7 @@ export default function Modal({
|
|
|
113
114
|
)
|
|
114
115
|
))}
|
|
115
116
|
</div>
|
|
116
|
-
</div
|
|
117
|
+
</div>,
|
|
118
|
+
document.body,
|
|
117
119
|
);
|
|
118
120
|
}
|
|
@@ -49,9 +49,9 @@ interface Props {
|
|
|
49
49
|
const ProductCard = observer(function ProductCard({
|
|
50
50
|
product,
|
|
51
51
|
addToCartText,
|
|
52
|
-
addedToCartText = "
|
|
53
|
-
outOfStockText = "
|
|
54
|
-
goToProductText = "
|
|
52
|
+
addedToCartText = "Added to Cart",
|
|
53
|
+
outOfStockText = "Sold Out",
|
|
54
|
+
goToProductText = "View Product",
|
|
55
55
|
showFavorite = true,
|
|
56
56
|
hideAddToCartButton = false,
|
|
57
57
|
badgeText,
|
|
@@ -60,7 +60,7 @@ const ProductCard = observer(function ProductCard({
|
|
|
60
60
|
dataPage,
|
|
61
61
|
sizes = "(max-width: 767px) calc(50vw - 24px), (max-width: 1023px) calc(50vw - 44px), 300px",
|
|
62
62
|
openCartOnAdd = true,
|
|
63
|
-
errorMessage = "
|
|
63
|
+
errorMessage = "Failed to add product to cart",
|
|
64
64
|
onFavoriteRemove,
|
|
65
65
|
priority = false,
|
|
66
66
|
}: Props) {
|
|
@@ -7,37 +7,37 @@
|
|
|
7
7
|
"props": [
|
|
8
8
|
{
|
|
9
9
|
"name": "product",
|
|
10
|
-
"displayName": "
|
|
10
|
+
"displayName": "Product",
|
|
11
11
|
"type": "PRODUCT",
|
|
12
12
|
"required": false
|
|
13
13
|
},
|
|
14
14
|
{
|
|
15
15
|
"name": "addToCartButtonText",
|
|
16
|
-
"displayName": "
|
|
16
|
+
"displayName": "Add to Cart Button Text",
|
|
17
17
|
"type": "TEXT",
|
|
18
18
|
"required": false,
|
|
19
|
-
"defaultValue": "
|
|
19
|
+
"defaultValue": "Add to Cart",
|
|
20
20
|
"groupId": "texts"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"name": "addingToCartText",
|
|
24
|
-
"displayName": "
|
|
24
|
+
"displayName": "Adding to Cart Text",
|
|
25
25
|
"type": "TEXT",
|
|
26
26
|
"required": false,
|
|
27
|
-
"defaultValue": "
|
|
27
|
+
"defaultValue": "Adding...",
|
|
28
28
|
"groupId": "texts"
|
|
29
29
|
},
|
|
30
30
|
{
|
|
31
31
|
"name": "outOfStockText",
|
|
32
|
-
"displayName": "
|
|
32
|
+
"displayName": "Sold Out Text",
|
|
33
33
|
"type": "TEXT",
|
|
34
34
|
"required": false,
|
|
35
|
-
"defaultValue": "
|
|
35
|
+
"defaultValue": "Sold Out",
|
|
36
36
|
"groupId": "texts"
|
|
37
37
|
},
|
|
38
38
|
{
|
|
39
39
|
"name": "mobileMarginTop",
|
|
40
|
-
"displayName": "
|
|
40
|
+
"displayName": "Top Spacing",
|
|
41
41
|
"type": "TYPE",
|
|
42
42
|
"required": false,
|
|
43
43
|
"groupId": "mobile",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
47
|
"name": "mobileMarginBottom",
|
|
48
|
-
"displayName": "
|
|
48
|
+
"displayName": "Bottom Spacing",
|
|
49
49
|
"type": "TYPE",
|
|
50
50
|
"required": false,
|
|
51
51
|
"groupId": "mobile",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
},
|
|
54
54
|
{
|
|
55
55
|
"name": "desktopMarginTop",
|
|
56
|
-
"displayName": "
|
|
56
|
+
"displayName": "Top Spacing",
|
|
57
57
|
"type": "TYPE",
|
|
58
58
|
"required": false,
|
|
59
59
|
"groupId": "desktop",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
},
|
|
62
62
|
{
|
|
63
63
|
"name": "desktopMarginBottom",
|
|
64
|
-
"displayName": "
|
|
64
|
+
"displayName": "Bottom Spacing",
|
|
65
65
|
"type": "TYPE",
|
|
66
66
|
"required": false,
|
|
67
67
|
"groupId": "desktop",
|
|
@@ -69,71 +69,71 @@
|
|
|
69
69
|
},
|
|
70
70
|
{
|
|
71
71
|
"name": "hideQuantityInput",
|
|
72
|
-
"displayName": "
|
|
72
|
+
"displayName": "Hide Quantity Selector",
|
|
73
73
|
"type": "BOOLEAN",
|
|
74
74
|
"required": false,
|
|
75
75
|
"groupId": "settings"
|
|
76
76
|
},
|
|
77
77
|
{
|
|
78
78
|
"name": "errorMessage",
|
|
79
|
-
"displayName": "
|
|
79
|
+
"displayName": "Error Message",
|
|
80
80
|
"type": "TEXT",
|
|
81
81
|
"required": false,
|
|
82
|
-
"defaultValue": "
|
|
82
|
+
"defaultValue": "Failed to add product to cart",
|
|
83
83
|
"groupId": "texts"
|
|
84
84
|
},
|
|
85
85
|
{
|
|
86
86
|
"name": "optionSetErrorMessage",
|
|
87
|
-
"displayName": "
|
|
87
|
+
"displayName": "Option Set Error Message",
|
|
88
88
|
"type": "TEXT",
|
|
89
89
|
"required": false,
|
|
90
|
-
"defaultValue": "
|
|
90
|
+
"defaultValue": "Please fill in the required options",
|
|
91
91
|
"groupId": "texts"
|
|
92
92
|
},
|
|
93
93
|
{
|
|
94
94
|
"name": "updateCartButtonText",
|
|
95
|
-
"displayName": "
|
|
95
|
+
"displayName": "Update Cart Button Text",
|
|
96
96
|
"type": "TEXT",
|
|
97
97
|
"required": false,
|
|
98
|
-
"defaultValue": "
|
|
98
|
+
"defaultValue": "Update",
|
|
99
99
|
"groupId": "texts"
|
|
100
100
|
},
|
|
101
101
|
{
|
|
102
102
|
"name": "updatingCartText",
|
|
103
|
-
"displayName": "
|
|
103
|
+
"displayName": "Updating Cart Text",
|
|
104
104
|
"type": "TEXT",
|
|
105
105
|
"required": false,
|
|
106
|
-
"defaultValue": "
|
|
106
|
+
"defaultValue": "Updating...",
|
|
107
107
|
"groupId": "texts"
|
|
108
108
|
}
|
|
109
109
|
],
|
|
110
110
|
"propGroups": [
|
|
111
111
|
{
|
|
112
112
|
"id": "appearance",
|
|
113
|
-
"name": "
|
|
113
|
+
"name": "Appearance Settings",
|
|
114
114
|
"children": [
|
|
115
115
|
{
|
|
116
116
|
"id": "mobile",
|
|
117
|
-
"name": "
|
|
118
|
-
"description": "
|
|
117
|
+
"name": "Mobile View",
|
|
118
|
+
"description": "Margin settings for mobile devices"
|
|
119
119
|
},
|
|
120
120
|
{
|
|
121
121
|
"id": "desktop",
|
|
122
|
-
"name": "
|
|
123
|
-
"description": "
|
|
122
|
+
"name": "Desktop View",
|
|
123
|
+
"description": "Margin settings for desktop devices"
|
|
124
124
|
}
|
|
125
125
|
],
|
|
126
|
-
"description": "
|
|
126
|
+
"description": "Component mobile and desktop view settings"
|
|
127
127
|
},
|
|
128
128
|
{
|
|
129
129
|
"id": "texts",
|
|
130
|
-
"name": "
|
|
131
|
-
"description": "
|
|
130
|
+
"name": "Texts",
|
|
131
|
+
"description": "Button and status texts"
|
|
132
132
|
},
|
|
133
133
|
{
|
|
134
134
|
"id": "settings",
|
|
135
|
-
"name": "
|
|
136
|
-
"description": "
|
|
135
|
+
"name": "Settings",
|
|
136
|
+
"description": "Settings that control component behavior"
|
|
137
137
|
}
|
|
138
138
|
]
|
|
139
139
|
}
|
|
@@ -21,13 +21,13 @@ import { showToast } from "../../utils/toast";
|
|
|
21
21
|
|
|
22
22
|
export function ProductDetailAddToCart({
|
|
23
23
|
product,
|
|
24
|
-
addToCartButtonText = "
|
|
25
|
-
addingToCartText = "
|
|
26
|
-
outOfStockText = "
|
|
27
|
-
errorMessage = "
|
|
28
|
-
optionSetErrorMessage = "
|
|
29
|
-
updateCartButtonText = "
|
|
30
|
-
updatingCartText = "
|
|
24
|
+
addToCartButtonText = "Add to Cart",
|
|
25
|
+
addingToCartText = "Adding...",
|
|
26
|
+
outOfStockText = "Sold Out",
|
|
27
|
+
errorMessage = "Failed to add product to cart",
|
|
28
|
+
optionSetErrorMessage = "Please fill in the required options",
|
|
29
|
+
updateCartButtonText = "Update",
|
|
30
|
+
updatingCartText = "Updating...",
|
|
31
31
|
hideQuantityInput = false,
|
|
32
32
|
mobileMarginTop,
|
|
33
33
|
mobileMarginBottom,
|
|
@@ -3,8 +3,6 @@
|
|
|
3
3
|
|
|
4
4
|
/** Enum type: {{ENUM_ID:AspectRatio}} */
|
|
5
5
|
export type AspectRatio = "Square" | "Portrait" | "Landscape" | "Video";
|
|
6
|
-
/** Enum type: __breakpointsEnum__ */
|
|
7
|
-
export type Breakpoints = "desktop";
|
|
8
6
|
/** Enum type: {{ENUM_ID:NumberOfColumns}} */
|
|
9
7
|
export type NumberOfColumns = "One" | "Two" | "Three" | "Four" | "Five";
|
|
10
8
|
/** Enum type: {{ENUM_ID:ObjectFit}} */
|
|
@@ -7,21 +7,21 @@
|
|
|
7
7
|
"props": [
|
|
8
8
|
{
|
|
9
9
|
"name": "blogList",
|
|
10
|
-
"displayName": "Blog
|
|
10
|
+
"displayName": "Blog Posts",
|
|
11
11
|
"type": "BLOG_LIST",
|
|
12
12
|
"required": true,
|
|
13
13
|
"groupId": "content"
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
16
|
"name": "blogCategoryList",
|
|
17
|
-
"displayName": "Blog
|
|
17
|
+
"displayName": "Blog Categories",
|
|
18
18
|
"type": "BLOG_CATEGORY_LIST",
|
|
19
19
|
"required": false,
|
|
20
20
|
"groupId": "content"
|
|
21
21
|
},
|
|
22
22
|
{
|
|
23
23
|
"name": "title",
|
|
24
|
-
"displayName": "
|
|
24
|
+
"displayName": "Title",
|
|
25
25
|
"type": "TEXT",
|
|
26
26
|
"required": false,
|
|
27
27
|
"defaultValue": "Blog",
|
|
@@ -29,31 +29,31 @@
|
|
|
29
29
|
},
|
|
30
30
|
{
|
|
31
31
|
"name": "allCategoriesText",
|
|
32
|
-
"displayName": "
|
|
32
|
+
"displayName": "View All Button Text",
|
|
33
33
|
"type": "TEXT",
|
|
34
34
|
"required": false,
|
|
35
|
-
"defaultValue": "
|
|
35
|
+
"defaultValue": "View All",
|
|
36
36
|
"groupId": "texts"
|
|
37
37
|
},
|
|
38
38
|
{
|
|
39
39
|
"name": "readMoreText",
|
|
40
|
-
"displayName": "
|
|
40
|
+
"displayName": "Read More Text",
|
|
41
41
|
"type": "TEXT",
|
|
42
42
|
"required": false,
|
|
43
|
-
"defaultValue": "
|
|
43
|
+
"defaultValue": "Read More",
|
|
44
44
|
"groupId": "texts"
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
47
|
"name": "emptyMessage",
|
|
48
|
-
"displayName": "
|
|
48
|
+
"displayName": "Empty State Message",
|
|
49
49
|
"type": "TEXT",
|
|
50
50
|
"required": false,
|
|
51
|
-
"defaultValue": "
|
|
51
|
+
"defaultValue": "No blog posts found yet.",
|
|
52
52
|
"groupId": "texts"
|
|
53
53
|
},
|
|
54
54
|
{
|
|
55
55
|
"name": "aspectRatio",
|
|
56
|
-
"displayName": "
|
|
56
|
+
"displayName": "Aspect Ratio",
|
|
57
57
|
"type": "ENUM",
|
|
58
58
|
"required": false,
|
|
59
59
|
"groupId": "image-settings",
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
},
|
|
62
62
|
{
|
|
63
63
|
"name": "objectFit",
|
|
64
|
-
"displayName": "
|
|
64
|
+
"displayName": "Image Fit",
|
|
65
65
|
"type": "ENUM",
|
|
66
66
|
"required": false,
|
|
67
67
|
"groupId": "image-settings",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
},
|
|
70
70
|
{
|
|
71
71
|
"name": "description",
|
|
72
|
-
"displayName": "
|
|
72
|
+
"displayName": "Description",
|
|
73
73
|
"type": "TEXT",
|
|
74
74
|
"required": false,
|
|
75
75
|
"groupId": "content"
|
|
@@ -85,18 +85,18 @@
|
|
|
85
85
|
"propGroups": [
|
|
86
86
|
{
|
|
87
87
|
"id": "content",
|
|
88
|
-
"name": "
|
|
89
|
-
"description": "Blog
|
|
88
|
+
"name": "Content",
|
|
89
|
+
"description": "Blog posts, categories, and page title"
|
|
90
90
|
},
|
|
91
91
|
{
|
|
92
92
|
"id": "texts",
|
|
93
|
-
"name": "
|
|
94
|
-
"description": "
|
|
93
|
+
"name": "Texts",
|
|
94
|
+
"description": "Button, label, and empty state texts"
|
|
95
95
|
},
|
|
96
96
|
{
|
|
97
97
|
"id": "image-settings",
|
|
98
|
-
"name": "
|
|
99
|
-
"description": "
|
|
98
|
+
"name": "Image Settings",
|
|
99
|
+
"description": "Aspect ratio and fit for blog card images"
|
|
100
100
|
}
|
|
101
101
|
]
|
|
102
102
|
}
|
|
@@ -18,9 +18,9 @@ export function BlogHome({
|
|
|
18
18
|
blogCategoryList,
|
|
19
19
|
title = "Blog",
|
|
20
20
|
description,
|
|
21
|
-
allCategoriesText = "
|
|
22
|
-
readMoreText = "
|
|
23
|
-
emptyMessage = "
|
|
21
|
+
allCategoriesText = "View All",
|
|
22
|
+
readMoreText = "Read More",
|
|
23
|
+
emptyMessage = "No blog posts found yet.",
|
|
24
24
|
aspectRatio,
|
|
25
25
|
objectFit,
|
|
26
26
|
}: Props) {
|
|
@@ -3,8 +3,6 @@
|
|
|
3
3
|
|
|
4
4
|
/** Enum type: {{ENUM_ID:AspectRatio}} */
|
|
5
5
|
export type AspectRatio = "Square" | "Portrait" | "Landscape" | "Video";
|
|
6
|
-
/** Enum type: __breakpointsEnum__ */
|
|
7
|
-
export type Breakpoints = "desktop";
|
|
8
6
|
/** Enum type: {{ENUM_ID:NumberOfColumns}} */
|
|
9
7
|
export type NumberOfColumns = "One" | "Two" | "Three" | "Four" | "Five";
|
|
10
8
|
/** Enum type: {{ENUM_ID:ObjectFit}} */
|
|
@@ -7,38 +7,38 @@
|
|
|
7
7
|
"props": [
|
|
8
8
|
{
|
|
9
9
|
"name": "blogPost",
|
|
10
|
-
"displayName": "Blog
|
|
10
|
+
"displayName": "Blog Post",
|
|
11
11
|
"type": "BLOG",
|
|
12
12
|
"required": true,
|
|
13
13
|
"groupId": "content"
|
|
14
14
|
},
|
|
15
15
|
{
|
|
16
16
|
"name": "homeText",
|
|
17
|
-
"displayName": "
|
|
17
|
+
"displayName": "Home Text",
|
|
18
18
|
"type": "TEXT",
|
|
19
19
|
"required": false,
|
|
20
|
-
"defaultValue": "
|
|
20
|
+
"defaultValue": "Home",
|
|
21
21
|
"groupId": "texts"
|
|
22
22
|
},
|
|
23
23
|
{
|
|
24
24
|
"name": "blogText",
|
|
25
|
-
"displayName": "Blog
|
|
25
|
+
"displayName": "Blog Text",
|
|
26
26
|
"type": "TEXT",
|
|
27
27
|
"required": false,
|
|
28
|
-
"defaultValue": "Blog
|
|
28
|
+
"defaultValue": "Blog Posts",
|
|
29
29
|
"groupId": "texts"
|
|
30
30
|
},
|
|
31
31
|
{
|
|
32
32
|
"name": "tagsTitle",
|
|
33
|
-
"displayName": "
|
|
33
|
+
"displayName": "Tags Title",
|
|
34
34
|
"type": "TEXT",
|
|
35
35
|
"required": false,
|
|
36
|
-
"defaultValue": "
|
|
36
|
+
"defaultValue": "Tags",
|
|
37
37
|
"groupId": "texts"
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
40
|
"name": "aspectRatio",
|
|
41
|
-
"displayName": "
|
|
41
|
+
"displayName": "Aspect Ratio",
|
|
42
42
|
"type": "ENUM",
|
|
43
43
|
"required": false,
|
|
44
44
|
"groupId": "appearance",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
{
|
|
48
48
|
"name": "objectFit",
|
|
49
|
-
"displayName": "
|
|
49
|
+
"displayName": "Image Fit",
|
|
50
50
|
"type": "ENUM",
|
|
51
51
|
"required": false,
|
|
52
52
|
"groupId": "appearance",
|
|
@@ -63,20 +63,20 @@
|
|
|
63
63
|
"propGroups": [
|
|
64
64
|
{
|
|
65
65
|
"id": "content",
|
|
66
|
-
"name": "
|
|
67
|
-
"description": "Blog
|
|
66
|
+
"name": "Content",
|
|
67
|
+
"description": "Blog post data source"
|
|
68
68
|
},
|
|
69
69
|
{
|
|
70
70
|
"id": "texts",
|
|
71
|
-
"name": "
|
|
72
|
-
"description": "
|
|
71
|
+
"name": "Texts",
|
|
72
|
+
"description": "Text labels used across the section",
|
|
73
73
|
"children": []
|
|
74
74
|
},
|
|
75
75
|
{
|
|
76
76
|
"id": "appearance",
|
|
77
|
-
"name": "
|
|
77
|
+
"name": "Appearance",
|
|
78
78
|
"children": [],
|
|
79
|
-
"description": "
|
|
79
|
+
"description": "Image and style settings"
|
|
80
80
|
}
|
|
81
81
|
]
|
|
82
82
|
}
|
|
@@ -11,9 +11,9 @@ import { getFullName } from "../../utils/fullName";
|
|
|
11
11
|
|
|
12
12
|
export function BlogPost({
|
|
13
13
|
blogPost,
|
|
14
|
-
homeText = "
|
|
15
|
-
blogText = "Blog
|
|
16
|
-
tagsTitle = "
|
|
14
|
+
homeText = "Home",
|
|
15
|
+
blogText = "Blog Posts",
|
|
16
|
+
tagsTitle = "Tags",
|
|
17
17
|
aspectRatio,
|
|
18
18
|
objectFit,
|
|
19
19
|
}: Props) {
|
|
@@ -3,8 +3,6 @@
|
|
|
3
3
|
|
|
4
4
|
/** Enum type: {{ENUM_ID:AspectRatio}} */
|
|
5
5
|
export type AspectRatio = "Square" | "Portrait" | "Landscape" | "Video";
|
|
6
|
-
/** Enum type: __breakpointsEnum__ */
|
|
7
|
-
export type Breakpoints = "desktop";
|
|
8
6
|
/** Enum type: {{ENUM_ID:NumberOfColumns}} */
|
|
9
7
|
export type NumberOfColumns = "One" | "Two" | "Three" | "Four" | "Five";
|
|
10
8
|
/** Enum type: {{ENUM_ID:ObjectFit}} */
|