@wise/dynamic-flow-client-internal 5.29.0 → 5.30.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/build/main.js CHANGED
@@ -146,7 +146,7 @@ var import_dynamic_flow_client4 = require("@wise/dynamic-flow-client");
146
146
  // src/dynamicFlow/telemetry/app-version.ts
147
147
  var appVersion = (
148
148
  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
149
- typeof process !== "undefined" ? "5.29.0" : "0.0.0"
149
+ typeof process !== "undefined" ? "5.30.0" : "0.0.0"
150
150
  );
151
151
 
152
152
  // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -626,11 +626,16 @@ var LegacyMedia = ({ image, icon, preferAvatar, size }) => {
626
626
  // ../renderers/src/components/Media/Media.tsx
627
627
  var import_jsx_runtime10 = require("react/jsx-runtime");
628
628
  var Media = ({ media, preferAvatar = false, size }) => {
629
+ var _a, _b;
629
630
  switch (media == null ? void 0 : media.type) {
630
631
  case "avatar":
631
- return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AvatarMedia, __spreadProps(__spreadValues({}, media), { size }));
632
+ return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AvatarMedia, __spreadProps(__spreadValues({}, media), { size: (_a = media.size && mediaSizeTokenMappings[media.size]) != null ? _a : size }));
632
633
  case "image": {
633
- const { asset, icon } = resolveMediaFromUri(media.uri, size, media.accessibilityDescription);
634
+ const { asset, icon } = resolveMediaFromUri(
635
+ media.uri,
636
+ (_b = media.size && mediaSizeTokenMappings[media.size]) != null ? _b : size,
637
+ media.accessibilityDescription
638
+ );
634
639
  return icon != null ? icon : asset;
635
640
  }
636
641
  case "legacy": {
@@ -669,6 +674,13 @@ function extractFirstImageFromAvatar(avatar) {
669
674
  accessibilityDescription: avatar.accessibilityDescription
670
675
  };
671
676
  }
677
+ var mediaSizeTokenMappings = {
678
+ xs: 24,
679
+ sm: 32,
680
+ md: 48,
681
+ lg: 56,
682
+ xl: 72
683
+ };
672
684
 
673
685
  // ../renderers/src/components/Media/OptionMedia.tsx
674
686
  var import_jsx_runtime11 = require("react/jsx-runtime");
@@ -4774,11 +4786,28 @@ var AvatarMediaRendererComponent = ({
4774
4786
  };
4775
4787
  var ImageMediaRendererComponent = (_a) => {
4776
4788
  var _b = _a, {
4777
- media
4789
+ media,
4790
+ size
4778
4791
  } = _b, rest = __objRest(_b, [
4779
- "media"
4792
+ "media",
4793
+ "size"
4780
4794
  ]);
4781
- return isUrnImage(media.uri) ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(UrnImage, __spreadValues({ uri: media.uri, accessibilityDescription: media.accessibilityDescription }, rest)) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(UrlImage, __spreadValues({ uri: media.uri, accessibilityDescription: media.accessibilityDescription }, rest));
4795
+ var _a2, _b2;
4796
+ return isUrnImage(media.uri) ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4797
+ UrnImage,
4798
+ __spreadValues({
4799
+ uri: media.uri,
4800
+ size: (_a2 = media.size) != null ? _a2 : size,
4801
+ accessibilityDescription: media.accessibilityDescription
4802
+ }, rest)
4803
+ ) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
4804
+ UrlImage,
4805
+ __spreadValues({
4806
+ uri: media.uri,
4807
+ size: (_b2 = media.size) != null ? _b2 : size,
4808
+ accessibilityDescription: media.accessibilityDescription
4809
+ }, rest)
4810
+ );
4782
4811
  };
4783
4812
  var mapAvatarMediaSize = (size) => {
4784
4813
  switch (size) {
package/build/main.mjs CHANGED
@@ -127,7 +127,7 @@ import { useDynamicFlow } from "@wise/dynamic-flow-client";
127
127
  // src/dynamicFlow/telemetry/app-version.ts
128
128
  var appVersion = (
129
129
  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
130
- typeof process !== "undefined" ? "5.29.0" : "0.0.0"
130
+ typeof process !== "undefined" ? "5.30.0" : "0.0.0"
131
131
  );
132
132
 
133
133
  // src/dynamicFlow/context-menu/useContextMenu.tsx
@@ -607,11 +607,16 @@ var LegacyMedia = ({ image, icon, preferAvatar, size }) => {
607
607
  // ../renderers/src/components/Media/Media.tsx
608
608
  import { jsx as jsx10 } from "react/jsx-runtime";
609
609
  var Media = ({ media, preferAvatar = false, size }) => {
610
+ var _a, _b;
610
611
  switch (media == null ? void 0 : media.type) {
611
612
  case "avatar":
612
- return /* @__PURE__ */ jsx10(AvatarMedia, __spreadProps(__spreadValues({}, media), { size }));
613
+ return /* @__PURE__ */ jsx10(AvatarMedia, __spreadProps(__spreadValues({}, media), { size: (_a = media.size && mediaSizeTokenMappings[media.size]) != null ? _a : size }));
613
614
  case "image": {
614
- const { asset, icon } = resolveMediaFromUri(media.uri, size, media.accessibilityDescription);
615
+ const { asset, icon } = resolveMediaFromUri(
616
+ media.uri,
617
+ (_b = media.size && mediaSizeTokenMappings[media.size]) != null ? _b : size,
618
+ media.accessibilityDescription
619
+ );
615
620
  return icon != null ? icon : asset;
616
621
  }
617
622
  case "legacy": {
@@ -650,6 +655,13 @@ function extractFirstImageFromAvatar(avatar) {
650
655
  accessibilityDescription: avatar.accessibilityDescription
651
656
  };
652
657
  }
658
+ var mediaSizeTokenMappings = {
659
+ xs: 24,
660
+ sm: 32,
661
+ md: 48,
662
+ lg: 56,
663
+ xl: 72
664
+ };
653
665
 
654
666
  // ../renderers/src/components/Media/OptionMedia.tsx
655
667
  import { jsx as jsx11 } from "react/jsx-runtime";
@@ -4763,11 +4775,28 @@ var AvatarMediaRendererComponent = ({
4763
4775
  };
4764
4776
  var ImageMediaRendererComponent = (_a) => {
4765
4777
  var _b = _a, {
4766
- media
4778
+ media,
4779
+ size
4767
4780
  } = _b, rest = __objRest(_b, [
4768
- "media"
4781
+ "media",
4782
+ "size"
4769
4783
  ]);
4770
- return isUrnImage(media.uri) ? /* @__PURE__ */ jsx64(UrnImage, __spreadValues({ uri: media.uri, accessibilityDescription: media.accessibilityDescription }, rest)) : /* @__PURE__ */ jsx64(UrlImage, __spreadValues({ uri: media.uri, accessibilityDescription: media.accessibilityDescription }, rest));
4784
+ var _a2, _b2;
4785
+ return isUrnImage(media.uri) ? /* @__PURE__ */ jsx64(
4786
+ UrnImage,
4787
+ __spreadValues({
4788
+ uri: media.uri,
4789
+ size: (_a2 = media.size) != null ? _a2 : size,
4790
+ accessibilityDescription: media.accessibilityDescription
4791
+ }, rest)
4792
+ ) : /* @__PURE__ */ jsx64(
4793
+ UrlImage,
4794
+ __spreadValues({
4795
+ uri: media.uri,
4796
+ size: (_b2 = media.size) != null ? _b2 : size,
4797
+ accessibilityDescription: media.accessibilityDescription
4798
+ }, rest)
4799
+ );
4771
4800
  };
4772
4801
  var mapAvatarMediaSize = (size) => {
4773
4802
  switch (size) {