@datlv-trustshop/shopify-inapp-components 0.1.15 → 0.1.16
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.
|
@@ -151,13 +151,7 @@ export const PartnerIntegration = ({ className = "", onManage, onInstall, onOpen
|
|
|
151
151
|
};
|
|
152
152
|
// Loading state
|
|
153
153
|
if (loading) {
|
|
154
|
-
return (_jsx("div", { className: className, children: _jsx(BlockStack, { gap: "600", children: [1, 2, 3].map((groupIndex) => (_jsxs(BlockStack, { gap: "400", children: [_jsx(Box, { paddingInlineStart: { xs: "200", md: "0" }, children: _jsx(SkeletonBodyText, { lines: 1 }) }), _jsx(Grid, { children: [1, 2].map((cardIndex) => (_jsx(Grid.Cell, {
|
|
155
|
-
xs: 6,
|
|
156
|
-
sm: 6,
|
|
157
|
-
md: 3,
|
|
158
|
-
lg: 3,
|
|
159
|
-
xl: 3,
|
|
160
|
-
}, children: _jsx(Card, { children: _jsx(BlockStack, { gap: "300", children: _jsx(SkeletonBodyText, { lines: 3 }) }) }) }, `skeleton-card-${groupIndex}-${cardIndex}`))) })] }, `skeleton-group-${groupIndex}`))) }) }));
|
|
154
|
+
return (_jsx("div", { className: className, children: _jsx(BlockStack, { gap: "600", children: [1, 2, 3].map((groupIndex) => (_jsxs(BlockStack, { gap: "400", children: [_jsx(Box, { paddingInlineStart: { xs: "200", md: "0" }, children: _jsx(SkeletonBodyText, { lines: 1 }) }), _jsx(Grid, { columns: { xs: 1, sm: 1, md: 2, lg: 2, xl: 2 }, children: [1, 2].map((cardIndex) => (_jsx(Grid.Cell, { children: _jsx(Card, { children: _jsx(BlockStack, { gap: "300", children: _jsx(SkeletonBodyText, { lines: 3 }) }) }) }, `skeleton-card-${groupIndex}-${cardIndex}`))) })] }, `skeleton-group-${groupIndex}`))) }) }));
|
|
161
155
|
}
|
|
162
156
|
// Error state
|
|
163
157
|
if (error) {
|
|
@@ -174,12 +168,6 @@ export const PartnerIntegration = ({ className = "", onManage, onInstall, onOpen
|
|
|
174
168
|
"Check back later for available integrations" }) }) }) }));
|
|
175
169
|
}
|
|
176
170
|
// Render groups
|
|
177
|
-
return (_jsx("div", { className: className, children: _jsx(BlockStack, { gap: "600", children: groups.map((group) => (_jsxs(BlockStack, { gap: "400", children: [_jsx(Box, { paddingInlineStart: { xs: "200", md: "0" }, children: _jsx(Text, { as: "h3", variant: "headingMd", fontWeight: "semibold", children: group.title }) }), _jsx(Grid, { children: group.items.map((item) => (_jsx(Grid.Cell, {
|
|
178
|
-
xs: 6,
|
|
179
|
-
sm: 6,
|
|
180
|
-
md: 3,
|
|
181
|
-
lg: 3,
|
|
182
|
-
xl: 3,
|
|
183
|
-
}, children: renderIntegrationCard(item) }, `integration-cell--${item.id || item.key}`))) })] }, `integration-group--${group.key}`))) }) }));
|
|
171
|
+
return (_jsx("div", { className: className, children: _jsx(BlockStack, { gap: "600", children: groups.map((group) => (_jsxs(BlockStack, { gap: "400", children: [_jsx(Box, { paddingInlineStart: { xs: "200", md: "0" }, children: _jsx(Text, { as: "h3", variant: "headingMd", fontWeight: "semibold", children: group.title }) }), _jsx(Grid, { columns: { xs: 1, sm: 1, md: 2, lg: 2, xl: 2 }, children: group.items.map((item) => (_jsx(Grid.Cell, { children: renderIntegrationCard(item) }, `integration-cell--${item.id || item.key}`))) })] }, `integration-group--${group.key}`))) }) }));
|
|
184
172
|
};
|
|
185
173
|
export default PartnerIntegration;
|