@axos-web-dev/shared-components 2.0.0-dev.31.insights → 2.0.0-dev.31.insights.1

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.
@@ -74,8 +74,8 @@ import "../Carousel/index.js";
74
74
  /* empty css */
75
75
  import "../Chatbot/store/chat.js";
76
76
  import "../Chatbot/Chatbot.js";
77
- import "../LoadingIndicator/LoadingIndicator.css.js";
78
77
  import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
78
+ import "../LoadingIndicator/LoadingIndicator.css.js";
79
79
  /* empty css */
80
80
  import "../Chatbot/store/messages.js";
81
81
  import { Hyperlink } from "../Hyperlink/index.js";
@@ -54,9 +54,9 @@ import "../Carousel/index.js";
54
54
  /* empty css */
55
55
  import "../Chatbot/store/chat.js";
56
56
  import "../Chatbot/Chatbot.js";
57
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
57
58
  import "../LoadingIndicator/LoadingIndicator.css.js";
58
59
  import "react-use";
59
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
60
60
  /* empty css */
61
61
  import "../Chatbot/store/messages.js";
62
62
  /* empty css */
@@ -3,7 +3,6 @@ import '../assets/Chatbot/ChatWindow.css';import '../assets/Typography/Typograph
3
3
  /* empty css */
4
4
  /* empty css */
5
5
  /* empty css */
6
- import "./Chatbot.css.ts.vanilla.css.js";
7
6
  /* empty css */
8
7
  var windowStyle = "_13n1jqk1";
9
8
  var windowExpandedStyle = "_13n1jqk2";
@@ -1,3 +1,4 @@
1
+ import "./Chatbot.css.ts.vanilla.css.js";
1
2
  var chatbotAXB = "_1hpv6vm0";
2
3
  var chatbotUFB = "_1hpv6vm1";
3
4
  export {
@@ -69,9 +69,9 @@ import "../Carousel/index.js";
69
69
  /* empty css */
70
70
  import "../Chatbot/store/chat.js";
71
71
  import "../Chatbot/Chatbot.js";
72
+ import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
72
73
  import "../LoadingIndicator/LoadingIndicator.css.js";
73
74
  import "react-use";
74
- import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
75
75
  /* empty css */
76
76
  import "../Chatbot/store/messages.js";
77
77
  /* empty css */
@@ -143,22 +143,23 @@ const FeaturedItem = (props) => {
143
143
  image
144
144
  } = props;
145
145
  const variant = getVariant(fullVariant);
146
+ const imageUrl = image?.url ? `https:${image.url}` : void 0;
146
147
  return /* @__PURE__ */ jsx("a", { href: url ?? "/", className: featured_subgrid_item, children: /* @__PURE__ */ jsxs("div", { className: "flex", style: { gap: "16px" }, children: [
147
- /* @__PURE__ */ jsxs("picture", { className: ratio, children: [
148
- /* @__PURE__ */ jsx("source", { srcSet: `https:${image?.url}?fm=avif`, type: "image/avif" }),
149
- /* @__PURE__ */ jsx("source", { srcSet: `https:${image?.url}?fm=webp`, type: "image/webp" }),
148
+ imageUrl ? /* @__PURE__ */ jsxs("picture", { className: ratio, children: [
149
+ /* @__PURE__ */ jsx("source", { srcSet: `${imageUrl}?fm=avif`, type: "image/avif" }),
150
+ /* @__PURE__ */ jsx("source", { srcSet: `${imageUrl}?fm=webp`, type: "image/webp" }),
150
151
  /* @__PURE__ */ jsx(
151
152
  Image,
152
153
  {
153
- src: `https:${image?.url}`,
154
+ src: imageUrl,
154
155
  className: clsx(featured_maingrid_img, ratio),
155
156
  height: 159,
156
157
  width: 269,
157
158
  priority: true,
158
- alt: ""
159
+ alt: image?.alt ?? ""
159
160
  }
160
161
  )
161
- ] }),
162
+ ] }) : null,
162
163
  /* @__PURE__ */ jsxs("div", { className: "flex gap_24", children: [
163
164
  /* @__PURE__ */ jsx("h3", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
164
165
  /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { gap: "4px" }, children: [
@@ -184,37 +185,26 @@ const Featured = (props) => {
184
185
  const { id, variant: fullVariant, featured, headline } = props;
185
186
  const variant = getVariant(fullVariant);
186
187
  const [main, ...restFeatured] = featured;
188
+ const mainImageUrl = main?.image?.url ? `https:${main.image.url}` : void 0;
187
189
  return /* @__PURE__ */ jsx("section", { id, className: featured_section, children: /* @__PURE__ */ jsxs("div", { className: insight_wrap, children: [
188
190
  headline && /* @__PURE__ */ jsx("h2", { className: featured_title, children: headline }),
189
191
  /* @__PURE__ */ jsxs("div", { className: featured_grid, children: [
190
192
  /* @__PURE__ */ jsxs("a", { href: main?.url, className: featured_maingrid, children: [
191
- /* @__PURE__ */ jsxs("picture", { className: clsx(ratio, "rounded"), children: [
192
- /* @__PURE__ */ jsx(
193
- "source",
194
- {
195
- srcSet: `https:${main?.image?.url}?fm=avif`,
196
- type: "image/avif"
197
- }
198
- ),
199
- /* @__PURE__ */ jsx(
200
- "source",
201
- {
202
- srcSet: `https:${main?.image?.url}?fm=webp`,
203
- type: "image/webp"
204
- }
205
- ),
193
+ mainImageUrl ? /* @__PURE__ */ jsxs("picture", { className: clsx(ratio, "rounded"), children: [
194
+ /* @__PURE__ */ jsx("source", { srcSet: `${mainImageUrl}?fm=avif`, type: "image/avif" }),
195
+ /* @__PURE__ */ jsx("source", { srcSet: `${mainImageUrl}?fm=webp`, type: "image/webp" }),
206
196
  /* @__PURE__ */ jsx(
207
197
  Image,
208
198
  {
209
- src: `https:${main?.image?.url}`,
199
+ src: mainImageUrl,
210
200
  className: clsx(featured_maingrid_img, ratio),
211
201
  height: 346,
212
202
  width: 586,
213
203
  priority: true,
214
- alt: ""
204
+ alt: main?.image?.alt ?? ""
215
205
  }
216
206
  )
217
- ] }),
207
+ ] }) : null,
218
208
  /* @__PURE__ */ jsxs("div", { className: featured_main_wrapper, children: [
219
209
  /* @__PURE__ */ jsx("h3", { className: featured_maingrid_title, children: main?.title ?? "" }),
220
210
  /* @__PURE__ */ jsx("p", { className: featured_maingrid_text, children: main?.text ?? "" }),
@@ -242,6 +232,7 @@ const Featured = (props) => {
242
232
  FeaturedItem,
243
233
  {
244
234
  variant: variant ?? "secondary",
235
+ image: item.image,
245
236
  readingTime: item.readingTime,
246
237
  supertag: item.supertag,
247
238
  title: item.title,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "2.0.0-dev.31.insights",
4
+ "version": "2.0.0-dev.31.insights.1",
5
5
  "type": "module",
6
6
  "main": "index.js",
7
7
  "module": "dist/main.js",