@moneylion/react-native-offer-carousel 1.0.0 → 1.0.2

package/lib/module/capabilities/offers/pipeline/src/sources/ratetables/withDeviceSignals.js

@@ -0,0 +1,65 @@
+import defu from "defu";
+import { get, mapValues } from "radash";
+import { createDerivedBrands } from "../../../../../configuration/src/brands/createDerivedBrands";
+const UUID_V4_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+
+/**
+ * Checks if a value is a string that matches the UUIDv4 format
+ *
+ * @param x some unknown value
+ * @returns true iff x is a string that matches the UUIDv4 format
+ */
+export const isUUIDv4 = x => typeof x === "string" && UUID_V4_REGEX.test(x);
+const removePrefixFromAppName = appName => {
+  if (appName.startsWith("@")) {
+    return appName.substring(1);
+  }
+  return appName;
+};
+const getBrand = context => {
+  try {
+    return context.brand;
+  } catch (e) {
+    console.log(e);
+  }
+  throw new Error("Brand not found");
+};
+export function withDeviceSignals(context, payload) {
+  const maybeDeviceId = get(context, "signals.deviceSignals.id", undefined);
+  const ipAddress = get(context, "signals.deviceSignals.ipAddress", undefined);
+  const os = get(context, "signals.deviceSignals.os", "");
+  const isMobile = get(context, "signals.deviceSignals.isMobile", false);
+  const evReferrer = get(context, "request.referer", "");
+  const cnfEnvironment = get(process, "env.ENVIRONMENT", "local");
+  const [licensedBrand] = createDerivedBrands(getBrand(context));
+  const consumerBrand = get(licensedBrand, "domain", undefined);
+  const userAgent = get(context, "signals.deviceSignals.userAgent", undefined);
+  const system = "cnf-apps";
+  const app = removePrefixFromAppName(get(context, "configuration.app.name", "unknown"));
+  const clientTags = {
+    ...get(context, "signals.partnerSignals.clientTags", {}),
+    os,
+    isMobile,
+    evReferrer,
+    consumerBrand,
+    app,
+    system,
+    cnfEnvironment
+  };
+  return defu(payload, {
+    /**
+     * The leads API required device ID's be in the UUID format. If the string
+     * we receive here is not in the expected format, we will create an error
+     * passing it to the API.
+     */
+    deviceId: isUUIDv4(maybeDeviceId) ? maybeDeviceId : undefined,
+    sessionInformation: {
+      ipAddress,
+      userAgent
+    },
+    clientTags: mapValues(clientTags,
+    // all values must be arrays of strings
+    value => Array.isArray(value) ? value.map(String) : [String(value)])
+  });
+}
+//# sourceMappingURL=withDeviceSignals.js.map

package/lib/module/capabilities/offers/pipeline/src/sources/ratetables/withDeviceSignals.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defu","get","mapValues","createDerivedBrands","UUID_V4_REGEX","isUUIDv4","x","test","removePrefixFromAppName","appName","startsWith","substring","getBrand","context","brand","e","console","log","Error","withDeviceSignals","payload","maybeDeviceId","undefined","ipAddress","os","isMobile","evReferrer","cnfEnvironment","process","licensedBrand","consumerBrand","userAgent","system","app","clientTags","deviceId","sessionInformation","value","Array","isArray","map","String"],"sourceRoot":"../../../../../../../../src","sources":["capabilities/offers/pipeline/src/sources/ratetables/withDeviceSignals.ts"],"mappings":"AAAA,OAAOA,IAAI,MAAM,MAAM;AACvB,SAASC,GAAG,EAAEC,SAAS,QAAQ,QAAQ;AACvC,SAASC,mBAAmB,QAAQ,6DAA6D;AAOjG,MAAMC,aAAa,GAClB,wEAAwE;;AAEzE;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,GAAIC,CAAU,IAClC,OAAOA,CAAC,KAAK,QAAQ,IAAIF,aAAa,CAACG,IAAI,CAACD,CAAC,CAAC;AAE/C,MAAME,uBAAuB,GAAIC,OAAe,IAAK;EACpD,IAAIA,OAAO,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;IAC5B,OAAOD,OAAO,CAACE,SAAS,CAAC,CAAC,CAAC;EAC5B;EACA,OAAOF,OAAO;AACf,CAAC;AAED,MAAMG,QAAQ,GAAIC,OAAmB,IAAY;EAChD,IAAI;IACH,OAAOA,OAAO,CAACC,KAAK;EACrB,CAAC,CAAC,OAAOC,CAAC,EAAE;IACXC,OAAO,CAACC,GAAG,CAACF,CAAC,CAAC;EACf;EACA,MAAM,IAAIG,KAAK,CAAC,iBAAiB,CAAC;AACnC,CAAC;AAED,OAAO,SAASC,iBAAiBA,CAE/BN,OAAmB,EAAEO,OAAc,EAAE;EACtC,MAAMC,aAAa,GAAGpB,GAAG,CAACY,OAAO,EAAE,0BAA0B,EAAES,SAAS,CAAC;EACzE,MAAMC,SAAS,GAAGtB,GAAG,CAACY,OAAO,EAAE,iCAAiC,EAAES,SAAS,CAAC;EAC5E,MAAME,EAAE,GAAGvB,GAAG,CAACY,OAAO,EAAE,0BAA0B,EAAE,EAAE,CAAC;EACvD,MAAMY,QAAQ,GAAGxB,GAAG,CAACY,OAAO,EAAE,gCAAgC,EAAE,KAAK,CAAC;EACtE,MAAMa,UAAU,GAAGzB,GAAG,CAACY,OAAO,EAAE,iBAAiB,EAAE,EAAE,CAAC;EACtD,MAAMc,cAAc,GAAG1B,GAAG,CAAC2B,OAAO,EAAE,iBAAiB,EAAE,OAAO,CAAC;EAC/D,MAAM,CAACC,aAAa,CAAC,GAAG1B,mBAAmB,CAACS,QAAQ,CAACC,OAAO,CAAC,CAAC;EAC9D,MAAMiB,aAAa,GAAG7B,GAAG,CAAC4B,aAAa,EAAE,QAAQ,EAAEP,SAAS,CAAC;EAC7D,MAAMS,SAAS,GAAG9B,GAAG,CAACY,OAAO,EAAE,iCAAiC,EAAES,SAAS,CAAC;EAE5E,MAAMU,MAAM,GAAG,UAAU;EACzB,MAAMC,GAAG,GAAGzB,uBAAuB,CAClCP,GAAG,CAACY,OAAO,EAAE,wBAAwB,EAAE,SAAS,CACjD,CAAC;EACD,MAAMqB,UAAU,GAAG;IAClB,GAAGjC,GAAG,CAACY,OAAO,EAAE,mCAAmC,EAAE,CAAC,CAAC,CAAC;IACxDW,EAAE;IACFC,QAAQ;IACRC,UAAU;IACVI,aAAa;IACbG,GAAG;IACHD,MAAM;IACNL;EACD,CAAC;EAED,OAAO3B,IAAI,CAACoB,OAAO,EAAE;IACpB;AACF;AACA;AACA;AACA;IACEe,QAAQ,EAAE9B,QAAQ,CAACgB,aAAa,CAAC,GAAGA,aAAa,GAAGC,SAAS;IAC7Dc,kBAAkB,EAAE;MACnBb,SAAS;MACTQ;IACD,CAAC;IACDG,UAAU,EAAEhC,SAAS,CACpBgC,UAAU;IACV;IACCG,KAAK,IAAMC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,GAAGA,KAAK,CAACG,GAAG,CAACC,MAAM,CAAC,GAAG,CAACA,MAAM,CAACJ,KAAK,CAAC,CACtE;EACD,CAAC,CAAC;AACH","ignoreList":[]}

package/lib/module/capabilities/ui/elements/src/components/MarkdownText/Abbreviation.js

@@ -0,0 +1,50 @@
+// Abbreviation.tsx
+import React, { useState } from "react";
+import { StyleSheet, TouchableWithoutFeedback, Modal, View } from "react-native";
+import Text from "../../../../../../components/Text";
+export const Abbreviation = ({
+  children,
+  title
+}) => {
+  const [visible, setVisible] = useState(false);
+
+  // Since React Native doesn't have hover, we'll use a modal or tooltip
+  // This is a simplified version - you might want to use a more sophisticated
+  // tooltip library for a better UI experience
+
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPress: () => setVisible(true)
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, children)), /*#__PURE__*/React.createElement(Modal, {
+    transparent: true,
+    visible: visible,
+    animationType: "fade",
+    onRequestClose: () => setVisible(false)
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, {
+    onPress: () => setVisible(false)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.modalOverlay
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.tooltipContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    variant: "body-3"
+  }, title))))));
+};
+const styles = StyleSheet.create({
+  abbreviation: {
+    textDecorationLine: "underline",
+    textDecorationStyle: "dashed"
+  },
+  modalOverlay: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "rgba(0, 0, 0, 0.5)"
+  },
+  tooltipContainer: {
+    backgroundColor: "white",
+    padding: 16,
+    borderRadius: 8,
+    maxWidth: "80%"
+  }
+});
+//# sourceMappingURL=Abbreviation.js.map

package/lib/module/capabilities/ui/elements/src/components/MarkdownText/Abbreviation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","StyleSheet","TouchableWithoutFeedback","Modal","View","Text","Abbreviation","children","title","visible","setVisible","createElement","Fragment","onPress","transparent","animationType","onRequestClose","style","styles","modalOverlay","tooltipContainer","variant","create","abbreviation","textDecorationLine","textDecorationStyle","flex","justifyContent","alignItems","backgroundColor","padding","borderRadius","maxWidth"],"sourceRoot":"../../../../../../../../src","sources":["capabilities/ui/elements/src/components/MarkdownText/Abbreviation.tsx"],"mappings":"AAAA;AACA,OAAOA,KAAK,IAAIC,QAAQ,QAAgC,OAAO;AAC/D,SACCC,UAAU,EACVC,wBAAwB,EACxBC,KAAK,EACLC,IAAI,QACE,cAAc;AACrB,OAAOC,IAAI,MAAM,mCAAmC;AAEpD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC5BC,QAAQ;EACRC;AACsC,CAAC,KAAK;EAC5C,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGV,QAAQ,CAAC,KAAK,CAAC;;EAE7C;EACA;EACA;;EAEA,oBACCD,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,qBACCb,KAAA,CAAAY,aAAA,CAACT,wBAAwB;IAACW,OAAO,EAAEA,CAAA,KAAMH,UAAU,CAAC,IAAI;EAAE,gBACzDX,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAa,QAAA,QAEEL,QAEA,CACuB,CAAC,eAE3BR,KAAA,CAAAY,aAAA,CAACR,KAAK;IACLW,WAAW;IACXL,OAAO,EAAEA,OAAQ;IACjBM,aAAa,EAAC,MAAM;IACpBC,cAAc,EAAEA,CAAA,KAAMN,UAAU,CAAC,KAAK;EAAE,gBAExCX,KAAA,CAAAY,aAAA,CAACT,wBAAwB;IAACW,OAAO,EAAEA,CAAA,KAAMH,UAAU,CAAC,KAAK;EAAE,gBAC1DX,KAAA,CAAAY,aAAA,CAACP,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC;EAAa,gBAChCpB,KAAA,CAAAY,aAAA,CAACP,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACE;EAAiB,gBACpCrB,KAAA,CAAAY,aAAA,CAACN,IAAI;IAACgB,OAAO,EAAC;EAAQ,GAAEb,KAAY,CAC/B,CACD,CACmB,CACpB,CACN,CAAC;AAEL,CAAC;AAED,MAAMU,MAAM,GAAGjB,UAAU,CAACqB,MAAM,CAAC;EAChCC,YAAY,EAAE;IACbC,kBAAkB,EAAE,WAAW;IAC/BC,mBAAmB,EAAE;EACtB,CAAC;EACDN,YAAY,EAAE;IACbO,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE;EAClB,CAAC;EACDT,gBAAgB,EAAE;IACjBS,eAAe,EAAE,OAAO;IACxBC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,CAAC;IACfC,QAAQ,EAAE;EACX;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/module/capabilities/ui/elements/src/components/MarkdownText/components.js

@@ -0,0 +1,133 @@
+// components.tsx
+import React from "react";
+import { StyleSheet } from "react-native";
+import { Abbreviation } from "./Abbreviation";
+import { openUrl } from "react-native-markdown-display";
+import Text from "../../../../../../components/Text";
+
+// Helper to create text variants
+const createTextVariant = props => (_node, children) => {
+  return /*#__PURE__*/React.createElement(Text, props, children);
+};
+export const createMarkdownComponents = ({
+  numberOfLines,
+  variant,
+  weight,
+  color
+}) => {
+  // Keep track of the first list item
+  let isFirstListItem = true;
+  return {
+    // Headings
+    heading1: createTextVariant({
+      variant: "title-1"
+    }),
+    heading2: createTextVariant({
+      variant: "title-2"
+    }),
+    heading3: createTextVariant({
+      variant: "title-3"
+    }),
+    heading4: createTextVariant({
+      variant: "title-4"
+    }),
+    heading5: createTextVariant({
+      variant: "title-5"
+    }),
+    // Lists
+    bullet_list: (node, children) => {
+      // Reset the flag when a new list starts
+      isFirstListItem = true;
+      return /*#__PURE__*/React.createElement(Text, {
+        key: node.key || `${node.type}-${node.index}`,
+        variant: variant,
+        weight: weight,
+        color: color,
+        numberOfLines: numberOfLines,
+        style: styles.bulletList
+      }, children);
+    },
+    // Links - Add detection for abbreviations in the text content
+    link: (node, children) => {
+      // Check if this link has a title attribute - if so, treat it as an abbreviation
+      if (node.attributes && node.attributes.title) {
+        return /*#__PURE__*/React.createElement(Abbreviation, {
+          key: node.key || `${node.type}-${node.index}`,
+          title: node.attributes.title
+        }, children);
+      }
+      return /*#__PURE__*/React.createElement(Text, {
+        key: node.key || `${node.type}-${node.index}`,
+        variant: variant,
+        weight: weight,
+        color: "primary",
+        style: styles.linkText,
+        onPress: () => openUrl(node.attributes.href || "")
+      }, children);
+    },
+    // Custom parser for text to find potential abbreviation patterns
+    text: node => {
+      // If this implementation doesn't catch abbreviations, we'll need to
+      // pre-process the markdown before passing it to the renderer
+      return /*#__PURE__*/React.createElement(Text, {
+        key: node.key || `${node.type}-${node.index}`,
+        variant: variant,
+        weight: weight,
+        color: color
+      }, node.content);
+    },
+    // List items
+    list_item: (node, children) => {
+      // Only add \n if this is not the first item
+      const prefix = isFirstListItem ? "" : "\n";
+      // Set flag to false after the first item
+      isFirstListItem = false;
+      return /*#__PURE__*/React.createElement(Text, {
+        key: node.key || `${node.type}-${node.index}`,
+        variant: variant || "body-3",
+        weight: weight,
+        color: color || "neutral-faded"
+      }, /*#__PURE__*/React.createElement(Text, {
+        variant: "body-1"
+      }, prefix, "\u2022 "), children);
+    },
+    // Paragraphs
+    paragraph: (node, children) => {
+      return /*#__PURE__*/React.createElement(Text, {
+        key: node.key || `${node.type}-${node.index}`,
+        variant: variant,
+        weight: weight,
+        color: color
+      }, children);
+    },
+    // Strong/Bold text
+    strong: (node, children) => /*#__PURE__*/React.createElement(Text, {
+      key: node.key || `${node.type}-${node.index}`,
+      variant: variant,
+      weight: "bold",
+      color: color
+    }, children)
+  };
+};
+const styles = StyleSheet.create({
+  bulletList: {
+    marginVertical: 8,
+    flexDirection: "column",
+    alignItems: "flex-start"
+  },
+  bulletPoint: {
+    width: 6,
+    height: 6,
+    borderRadius: 3,
+    backgroundColor: "black",
+    marginTop: 8,
+    marginRight: 8
+  },
+  listItemText: {
+    marginBottom: 4
+  },
+  linkText: {
+    textDecorationLine: "underline"
+  }
+});
+//# sourceMappingURL=components.js.map

package/lib/module/capabilities/ui/elements/src/components/MarkdownText/components.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Abbreviation","openUrl","Text","createTextVariant","props","_node","children","createElement","createMarkdownComponents","numberOfLines","variant","weight","color","isFirstListItem","heading1","heading2","heading3","heading4","heading5","bullet_list","node","key","type","index","style","styles","bulletList","link","attributes","title","linkText","onPress","href","text","content","list_item","prefix","paragraph","strong","create","marginVertical","flexDirection","alignItems","bulletPoint","width","height","borderRadius","backgroundColor","marginTop","marginRight","listItemText","marginBottom","textDecorationLine"],"sourceRoot":"../../../../../../../../src","sources":["capabilities/ui/elements/src/components/MarkdownText/components.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/capabilities/ui/elements/src/components/MarkdownText/index.js

@@ -0,0 +1,46 @@
+import React from "react";
+import { createMarkdownComponents } from "./components";
+import { preprocessMarkdown } from "./markdownPreprocessor";
+import Markdown from "react-native-markdown-display";
+export const MarkdownText = ({
+  content,
+  numberOfLines,
+  color,
+  weight,
+  variant
+}) => {
+  // Create style object for text properties
+  const textStyle = {
+    color: color
+  };
+
+  // Prepare styles for markdown
+  const markdownStyles = {
+    body: {
+      ...textStyle,
+      flexShrink: 1
+    },
+    paragraph: {
+      flexShrink: 1
+    },
+    // Include styles for all markdown elements that need to respect text properties
+    text: {
+      ...textStyle
+    }
+  };
+
+  // Use the factory function to create components with numberOfLines support
+  const customRules = createMarkdownComponents({
+    numberOfLines,
+    variant,
+    weight,
+    color
+  });
+  // Preprocess the markdown to handle abbreviations
+  const processedContent = preprocessMarkdown(content);
+  return /*#__PURE__*/React.createElement(Markdown, {
+    rules: customRules,
+    style: markdownStyles
+  }, processedContent);
+};
+//# sourceMappingURL=index.js.map

package/lib/module/capabilities/ui/elements/src/components/MarkdownText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createMarkdownComponents","preprocessMarkdown","Markdown","MarkdownText","content","numberOfLines","color","weight","variant","textStyle","markdownStyles","body","flexShrink","paragraph","text","customRules","processedContent","createElement","rules","style"],"sourceRoot":"../../../../../../../../src","sources":["capabilities/ui/elements/src/components/MarkdownText/index.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,wBAAwB,QAAQ,cAAc;AACvD,SAASC,kBAAkB,QAAQ,wBAAwB;AAC3D,OAAOC,QAAQ,MAAM,+BAA+B;AAOpD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC5BC,OAAO;EACPC,aAAa;EACbC,KAAK;EACLC,MAAM;EACNC;AACM,CAAC,KAAK;EACZ;EACA,MAAMC,SAAS,GAAG;IACjBH,KAAK,EAAEA;EACR,CAAC;;EAED;EACA,MAAMI,cAAc,GAAG;IACtBC,IAAI,EAAE;MACL,GAAGF,SAAS;MACZG,UAAU,EAAE;IACb,CAAC;IACDC,SAAS,EAAE;MACVD,UAAU,EAAE;IACb,CAAC;IACD;IACAE,IAAI,EAAE;MACL,GAAGL;IACJ;EACD,CAAC;;EAED;EACA,MAAMM,WAAW,GAAGf,wBAAwB,CAAC;IAC5CK,aAAa;IACbG,OAAO;IACPD,MAAM;IACND;EACD,CAAC,CAAC;EACF;EACA,MAAMU,gBAAgB,GAAGf,kBAAkB,CAACG,OAAO,CAAC;EACpD,oBACCL,KAAA,CAAAkB,aAAA,CAACf,QAAQ;IAACgB,KAAK,EAAEH,WAAY;IAACI,KAAK,EAAET;EAAe,GAClDM,gBACQ,CAAC;AAEb,CAAC","ignoreList":[]}

package/lib/module/capabilities/ui/elements/src/components/MarkdownText/markdownPreprocessor.js

@@ -0,0 +1,115 @@
+const convertHtmlLinksToMarkdown = inputString => {
+  // Regular expression to match HTML anchor tags
+  // This pattern captures the href attribute and the link text
+  const anchorTagRegex = /<a\s+(?:[^>]*?\s+)?href="([^"]*)"(?:[^>]*?)>(.*?)<\/a>/g;
+
+  // Replace all anchor tags with markdown link format
+  const resultString = inputString.replace(anchorTagRegex, (_match, url, text) => {
+    return `[${text}](${url})`;
+  });
+  return resultString;
+};
+export const preprocessMarkdown = markdown => {
+  // Convert <sup> tags to Unicode superscript equivalents
+  const supRegex = /<sup>([^<]+)<\/sup>/g;
+  let processed = markdown.replace(supRegex, (_match, text) => {
+    const superscriptMap = {
+      "1": "¹",
+      "2": "²",
+      "3": "³",
+      "4": "⁴",
+      "5": "⁵",
+      "6": "⁶",
+      "7": "⁷",
+      "8": "⁸",
+      "9": "⁹",
+      "0": "⁰",
+      "a": "ᵃ",
+      "b": "ᵇ",
+      "c": "ᶜ",
+      "d": "ᵈ",
+      "e": "ᵉ",
+      "f": "ᶠ",
+      "g": "ᵍ",
+      "h": "ʰ",
+      "i": "ⁱ",
+      "j": "ʲ",
+      "k": "ᵏ",
+      "l": "ˡ",
+      "m": "ᵐ",
+      "n": "ⁿ",
+      "o": "ᵒ",
+      "p": "ᵖ",
+      "q": "ᵠ",
+      "r": "ʳ",
+      "s": "ˢ",
+      "t": "ᵗ",
+      "u": "ᵘ",
+      "v": "ᵛ",
+      "w": "ʷ",
+      "x": "ˣ",
+      "y": "ʸ",
+      "z": "ᶻ",
+      "A": "ᴬ",
+      "B": "ᴮ",
+      "C": "ᶜ",
+      "D": "ᴰ",
+      "E": "ᴱ",
+      "F": "ᶠ",
+      "G": "ᴳ",
+      "H": "ᴴ",
+      "I": "ᴵ",
+      "J": "ᴶ",
+      "K": "ᴷ",
+      "L": "ᴸ",
+      "M": "ᴹ",
+      "N": "ᴺ",
+      "O": "ᴼ",
+      "P": "ᴾ",
+      "Q": "ᵠ",
+      "R": "ᴿ",
+      "S": "ˢ",
+      "T": "ᵀ",
+      "U": "ᵁ",
+      "V": "ⱽ",
+      "W": "ᵂ",
+      "X": "ˣ",
+      "Y": "ʸ",
+      "Z": "ᶻ",
+      "(": "⁽",
+      ")": "⁾",
+      "+": "⁺",
+      "-": "⁻",
+      "=": "⁼"
+    };
+    return text.split("").map(char => superscriptMap[char] || char) // Use the map or fallback to the original character
+    .join("");
+  });
+
+  // Convert <b> tags to bold markdown
+  const boldRegex = /<b>([^<]+)<\/b>/g;
+  processed = processed.replace(boldRegex, (_match, text) => {
+    return `**${text}**`;
+  });
+
+  // Convert <p> tags to paragraphs
+  const pRegex = /<p>(.*?)<\/p>/gs;
+  processed = processed.replace(pRegex, (_match, text) => {
+    return `${text}\n\n`;
+  });
+
+  // Existing <abbr> tag conversion
+  const abbrRegex = /<abbr\s+title="([^"]+)">([^<]+)<\/abbr>/g;
+  processed = processed.replace(abbrRegex, (_match, title, text) => {
+    return `[${text}](abbr:${text} "${title}")`;
+  });
+
+  // Remove extra whitespace
+  const whitespaceRegex = /[^\S\r\n]+/g;
+  processed = processed.replace(whitespaceRegex, " ").trim();
+
+  // Convert HTML links to markdown
+  processed = convertHtmlLinksToMarkdown(processed);
+  return processed;
+};
+//# sourceMappingURL=markdownPreprocessor.js.map

package/lib/module/capabilities/ui/elements/src/components/MarkdownText/markdownPreprocessor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["convertHtmlLinksToMarkdown","inputString","anchorTagRegex","resultString","replace","_match","url","text","preprocessMarkdown","markdown","supRegex","processed","superscriptMap","split","map","char","join","boldRegex","pRegex","abbrRegex","title","whitespaceRegex","trim"],"sourceRoot":"../../../../../../../../src","sources":["capabilities/ui/elements/src/components/MarkdownText/markdownPreprocessor.ts"],"mappings":"AAAA,MAAMA,0BAA0B,GAAIC,WAAmB,IAAa;EACnE;EACA;EACA,MAAMC,cAAc,GACnB,yDAAyD;;EAE1D;EACA,MAAMC,YAAY,GAAGF,WAAW,CAACG,OAAO,CACvCF,cAAc,EACd,CAACG,MAAM,EAAEC,GAAG,EAAEC,IAAI,KAAK;IACtB,OAAO,IAAIA,IAAI,KAAKD,GAAG,GAAG;EAC3B,CACD,CAAC;EAED,OAAOH,YAAY;AACpB,CAAC;AAED,OAAO,MAAMK,kBAAkB,GAAIC,QAAgB,IAAa;EAC/D;EACA,MAAMC,QAAQ,GAAG,sBAAsB;EACvC,IAAIC,SAAS,GAAGF,QAAQ,CAACL,OAAO,CAACM,QAAQ,EAAE,CAACL,MAAM,EAAEE,IAAY,KAAK;IACpE,MAAMK,cAAyC,GAAG;MACjD,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE,GAAG;MACR,GAAG,EAAE;IACN,CAAC;IAED,OAAOL,IAAI,CACTM,KAAK,CAAC,EAAE,CAAC,CACTC,GAAG,CAAEC,IAAY,IAAKH,cAAc,CAACG,IAAI,CAAC,IAAIA,IAAI,CAAC,CAAC;IAAA,CACpDC,IAAI,CAAC,EAAE,CAAC;EACX,CAAC,CAAC;;EAEF;EACA,MAAMC,SAAS,GAAG,kBAAkB;EACpCN,SAAS,GAAGA,SAAS,CAACP,OAAO,CAACa,SAAS,EAAE,CAACZ,MAAM,EAAEE,IAAI,KAAK;IAC1D,OAAO,KAAKA,IAAI,IAAI;EACrB,CAAC,CAAC;;EAEF;EACA,MAAMW,MAAM,GAAG,iBAAiB;EAChCP,SAAS,GAAGA,SAAS,CAACP,OAAO,CAACc,MAAM,EAAE,CAACb,MAAM,EAAEE,IAAI,KAAK;IACvD,OAAO,GAAGA,IAAI,MAAM;EACrB,CAAC,CAAC;;EAEF;EACA,MAAMY,SAAS,GAAG,0CAA0C;EAC5DR,SAAS,GAAGA,SAAS,CAACP,OAAO,CAACe,SAAS,EAAE,CAACd,MAAM,EAAEe,KAAK,EAAEb,IAAI,KAAK;IACjE,OAAO,IAAIA,IAAI,UAAUA,IAAI,KAAKa,KAAK,IAAI;EAC5C,CAAC,CAAC;;EAEF;EACA,MAAMC,eAAe,GAAG,aAAa;EACrCV,SAAS,GAAGA,SAAS,CAACP,OAAO,CAACiB,eAAe,EAAE,GAAG,CAAC,CAACC,IAAI,CAAC,CAAC;;EAE1D;EACAX,SAAS,GAAGX,0BAA0B,CAACW,SAAS,CAAC;EAEjD,OAAOA,SAAS;AACjB,CAAC","ignoreList":[]}

package/lib/module/capabilities/ui/elements/src/components/index.js

@@ -0,0 +1,2 @@
+export { ThumborImage } from "./thumbor";
+//# sourceMappingURL=index.js.map

package/lib/module/capabilities/ui/elements/src/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ThumborImage"],"sourceRoot":"../../../../../../../src","sources":["capabilities/ui/elements/src/components/index.ts"],"mappings":"AAAA,SAASA,YAAY,QAAQ,WAAW","ignoreList":[]}

package/lib/module/capabilities/ui/elements/src/components/thumbor/index.js

@@ -0,0 +1,103 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from "react";
+import { Image, StyleSheet } from "react-native";
+import { SvgUri } from "react-native-svg";
+import useSvgUriViewBox from "./useSvgUriViewBox";
+
+// Define props interface with required src, width, and height
+
+// Helper to check if URL is an SVG
+const isSvgUrl = url => {
+  return url.toLowerCase().endsWith(".svg");
+};
+
+// const removePrefixSlash = (path: string) => {
+// 	if (path.charAt(0) === "/") return path.substring(1);
+// 	return path;
+// };
+
+// const removeThumborPath = (path: string) => {
+// 	return path.replace(/^\/?cnf\/thumbor(\/unsafe)?/, "");
+// };
+// const normalizeUrl = chain(removeThumborPath, removePrefixSlash);
+
+// const shouldBypassThumbor = (url: URL, cnfBaseUrl: URL) => {
+// 	if (isSvgUrl(url.pathname)) return true;
+
+// 	// if props.offer.image.match('s3.amazonaws.com')
+// 	if (
+// 		url.hostname !== "s3.amazonaws.com" &&
+// 		url.hostname !== cnfBaseUrl.hostname
+// 	)
+// 		return true;
+
+// 	return false;
+// };
+
+//TODO(rauloaida): make thumbor always return exact dimensions and doing the fit itself
+// const generateThumborLink = (
+// 	url: string,
+// 	width?: number,
+// 	height?: number,
+// 	meta = false
+// ) => {
+// 	const { cnfBaseUrl } = { cnfBaseUrl: "https://www.moneylion.dev" }; // getCNFContext().use().context.request;
+// 	const parsedCnfBaseUrl = new URL(cnfBaseUrl);
+// 	const parsedUrl = new URL(url, cnfBaseUrl);
+// 	if (shouldBypassThumbor(parsedUrl, parsedCnfBaseUrl)) {
+// 		return url;
+// 	}
+// 	const imagePath = normalizeUrl(url);
+// 	const META = meta ? "meta" : undefined;
+// 	const trim = "trim:top-left:35";
+// 	const fit = `fit-in/${width ?? ""}x${height ?? ""}`;
+// 	const filters = "filters:format(webp):background_color(white)";
+
+// 	return sift([
+// 		cnfBaseUrl,
+// 		"cnf/thumbor/unsafe",
+// 		META,
+// 		trim,
+// 		fit,
+// 		filters,
+// 		imagePath,
+// 	]).join("/");
+// };
+
+export const ThumborImage = ({
+  src,
+  width,
+  height,
+  ...props
+}) => {
+  // Check if the image is an SVG
+  const isSvg = isSvgUrl(src);
+  const {
+    viewBox,
+    computedWidth
+  } = useSvgUriViewBox(src, isSvg, height, width);
+  if (isSvg) {
+    // For SVG images, use SvgUri component
+
+    return /*#__PURE__*/React.createElement(SvgUri, {
+      uri: src,
+      width: computedWidth ?? width,
+      height: height,
+      style: [styles.svgStyle, props.style],
+      viewBox: viewBox
+    });
+  }
+  return /*#__PURE__*/React.createElement(Image, _extends({}, props, {
+    width: computedWidth ?? width,
+    height: height,
+    source: {
+      uri: src
+    }
+  }));
+};
+const styles = StyleSheet.create({
+  svgStyle: {
+    alignSelf: "flex-start"
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/capabilities/ui/elements/src/components/thumbor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","SvgUri","useSvgUriViewBox","isSvgUrl","url","toLowerCase","endsWith","ThumborImage","src","width","height","props","isSvg","viewBox","computedWidth","createElement","uri","style","styles","svgStyle","_extends","source","create","alignSelf"],"sourceRoot":"../../../../../../../../src","sources":["capabilities/ui/elements/src/components/thumbor/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAmBC,UAAU,QAAQ,cAAc;AACjE,SAASC,MAAM,QAAQ,kBAAkB;AACzC,OAAOC,gBAAgB,MAAM,oBAAoB;;AAEjD;;AAOA;AACA,MAAMC,QAAQ,GAAIC,GAAW,IAAc;EAC1C,OAAOA,GAAG,CAACC,WAAW,CAAC,CAAC,CAACC,QAAQ,CAAC,MAAM,CAAC;AAC1C,CAAC;;AAED;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAC5BC,GAAG;EACHC,KAAK;EACLC,MAAM;EACN,GAAGC;AACe,CAAC,KAAK;EACxB;EACA,MAAMC,KAAK,GAAGT,QAAQ,CAACK,GAAG,CAAC;EAE3B,MAAM;IAAEK,OAAO;IAAEC;EAAc,CAAC,GAAGZ,gBAAgB,CAClDM,GAAG,EACHI,KAAK,EACLF,MAAM,EACND,KACD,CAAC;EAED,IAAIG,KAAK,EAAE;IACV;;IAEA,oBACCd,KAAA,CAAAiB,aAAA,CAACd,MAAM;MACNe,GAAG,EAAER,GAAI;MACTC,KAAK,EAAEK,aAAa,IAAIL,KAAM;MAC9BC,MAAM,EAAEA,MAAO;MACfO,KAAK,EAAE,CAACC,MAAM,CAACC,QAAQ,EAAER,KAAK,CAACM,KAAK,CAAE;MACtCJ,OAAO,EAAEA;IAAQ,CACjB,CAAC;EAEJ;EAEA,oBACCf,KAAA,CAAAiB,aAAA,CAAChB,KAAK,EAAAqB,QAAA,KACDT,KAAK;IACTF,KAAK,EAAEK,aAAa,IAAIL,KAAM;IAC9BC,MAAM,EAAEA,MAAO;IACfW,MAAM,EAAE;MAAEL,GAAG,EAAER;IAAI;EAAE,EACrB,CAAC;AAEJ,CAAC;AAED,MAAMU,MAAM,GAAGlB,UAAU,CAACsB,MAAM,CAAC;EAChCH,QAAQ,EAAE;IACTI,SAAS,EAAE;EACZ;AACD,CAAC,CAAC","ignoreList":[]}

package/lib/module/capabilities/ui/elements/src/components/thumbor/useSvgUriViewBox.js

@@ -0,0 +1,86 @@
+import { useEffect, useState } from "react";
+import { Image } from "react-native";
+
+/**
+ * Support svg images urls that do not have a view box
+ * See: https://github.com/software-mansion/react-native-svg/issues/1202#issuecomment-1891110599
+ *
+ * This will return the default SVG ViewBox from an SVG URI
+ * @param uri - uri to fetch
+ * @param isSVG - check to see if the uri is an svg
+ * @returns viewbox string
+ */
+export default function useSvgUriViewBox(uri, isSVG, height, width) {
+  const [viewBox, setViewBox] = useState(undefined);
+  const [computedWidth, setComputedWidth] = useState(undefined);
+  useEffect(() => {
+    if (!isSVG) {
+      Image.getSize(uri, (_width, _height) => {
+        const calculatedWidth = _width / _height * height;
+        // Set the computed width
+        setComputedWidth(Math.min(calculatedWidth, width));
+      }, error => console.error("Error fetching Logo Image:", error));
+    } else {
+      fetch(uri).then(response => response.text()).then(svgContent => {
+        // Get viewBox directly if available
+        const viewBoxMatch = svgContent.match(/viewBox="([^"]+)"/);
+        // Extract width and height with regex that handles units
+        const widthMatch = svgContent.match(/width="([^"]+)"/);
+        const heightMatch = svgContent.match(/height="([^"]+)"/);
+
+        // Calculate the aspect ratio from the container dimensions
+        const containerAspectRatio = width / height;
+
+        // Extract numeric values from the SVG dimensions, removing any units
+        let svgWidth = widthMatch !== null && widthMatch !== void 0 && widthMatch[1] ? parseFloat(widthMatch[1]) : width;
+        let svgHeight = heightMatch !== null && heightMatch !== void 0 && heightMatch[1] ? parseFloat(heightMatch[1]) : height;
+
+        // Calculate the SVG's natural aspect ratio
+        const svgAspectRatio = svgWidth / svgHeight;
+
+        // Calculate the computed width based on the aspect ratio
+        // If the SVG has a different aspect ratio than the container,
+        // we need to adjust the width to maintain proportions
+        let calculatedWidth;
+        if (widthMatch !== null && widthMatch !== void 0 && widthMatch[1] && heightMatch !== null && heightMatch !== void 0 && heightMatch[1]) {
+          // If SVG has explicit dimensions, use its aspect ratio
+          calculatedWidth = height * svgAspectRatio;
+        } else if (viewBoxMatch !== null && viewBoxMatch !== void 0 && viewBoxMatch[1]) {
+          // If SVG has a viewBox, parse it to get dimensions
+          const viewBoxParts = viewBoxMatch[1].split(/\s+/).map(parseFloat);
+          if (viewBoxParts.length === 4 && viewBoxParts[2] !== undefined && !isNaN(viewBoxParts[2]) && viewBoxParts[3] !== undefined && !isNaN(viewBoxParts[3]) && viewBoxParts[3] !== 0 // Avoid division by zero
+          ) {
+            const viewBoxWidth = viewBoxParts[2];
+            const viewBoxHeight = viewBoxParts[3];
+            const viewBoxAspectRatio = viewBoxWidth / viewBoxHeight;
+            calculatedWidth = height * viewBoxAspectRatio;
+          } else {
+            // Fallback to container aspect ratio
+            calculatedWidth = height * containerAspectRatio;
+          }
+        } else {
+          // Fallback to container width if no dimensions available
+          calculatedWidth = width;
+        }
+
+        // Set the computed width
+        setComputedWidth(Math.min(calculatedWidth, width));
+
+        // Set the viewBox
+        if (viewBoxMatch !== null && viewBoxMatch !== void 0 && viewBoxMatch[1]) {
+          setViewBox(viewBoxMatch[1]);
+        } else if (widthMatch !== null && widthMatch !== void 0 && widthMatch[1] && heightMatch !== null && heightMatch !== void 0 && heightMatch[1]) {
+          // Only create viewBox if we have valid numeric values
+          if (!isNaN(svgWidth) && !isNaN(svgHeight)) {
+            setViewBox(`0 0 ${svgWidth} ${svgHeight}`);
+          }
+        }
+      }).catch(error => console.error("Error fetching Logo Image:", error));
+    }
+  }, [height, isSVG, uri, width]);
+  return {
+    viewBox,
+    computedWidth
+  };
+}
+//# sourceMappingURL=useSvgUriViewBox.js.map