@agentiffai/design 0.1.12 → 0.1.13

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/index.js CHANGED
@@ -8041,7 +8041,14 @@ var PostPreviewCard = ({
8041
8041
  hashtag.replace(/^#/, "")
8042
8042
  ] }, hashtag)) })
8043
8043
  ] }),
8044
- post.imageUrl && /* @__PURE__ */ jsx(ImagePreviewContainer, { children: /* @__PURE__ */ jsx(ImagePreview, { src: post.imageUrl, alt: "Post image preview" }) }),
8044
+ post.imageUrl ? /* @__PURE__ */ jsx(ImagePreviewContainer, { children: /* @__PURE__ */ jsx(ImagePreview, { src: post.imageUrl, alt: "Post image preview" }) }) : post.platform === "instagram" && /* @__PURE__ */ jsxs(ImagePlaceholder, { children: [
8045
+ /* @__PURE__ */ jsx(PlaceholderIcon, { children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
8046
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
8047
+ /* @__PURE__ */ jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
8048
+ /* @__PURE__ */ jsx("polyline", { points: "21 15 16 10 5 21" })
8049
+ ] }) }),
8050
+ /* @__PURE__ */ jsx("span", { children: "No image attached" })
8051
+ ] }),
8045
8052
  /* @__PURE__ */ jsx(ProgressBarContainer, { children: /* @__PURE__ */ jsx(ProgressBarTrack, { children: /* @__PURE__ */ jsx(
8046
8053
  ProgressBarFill2,
8047
8054
  {
@@ -8215,6 +8222,42 @@ var ImagePreview = styled11.img`
8215
8222
  object-fit: cover;
8216
8223
  display: block;
8217
8224
  `;
8225
+ var ImagePlaceholder = styled11.div`
8226
+ width: 100%;
8227
+ height: 200px;
8228
+ background: linear-gradient(
8229
+ 45deg,
8230
+ #f09433 0%,
8231
+ #e6683c 25%,
8232
+ #dc2743 50%,
8233
+ #cc2366 75%,
8234
+ #bc1888 100%
8235
+ );
8236
+ border-radius: ${tokens.borderRadius.md};
8237
+ display: flex;
8238
+ flex-direction: column;
8239
+ align-items: center;
8240
+ justify-content: center;
8241
+ gap: ${tokens.spacing.sm};
8242
+ color: white;
8243
+ font-size: ${tokens.typography.fontSize.sm};
8244
+ opacity: 0.8;
8245
+ margin-bottom: ${tokens.spacing.sm};
8246
+ `;
8247
+ var PlaceholderIcon = styled11.div`
8248
+ width: 48px;
8249
+ height: 48px;
8250
+ border: 2px solid white;
8251
+ border-radius: ${tokens.borderRadius.md};
8252
+ display: flex;
8253
+ align-items: center;
8254
+ justify-content: center;
8255
+
8256
+ svg {
8257
+ width: 24px;
8258
+ height: 24px;
8259
+ }
8260
+ `;
8218
8261
  var shimmer = keyframes`
8219
8262
  0% {
8220
8263
  background-position: -200% 0;