@plusscommunities/pluss-feature-builder-app-d 1.0.1-beta.3

package/dist/module/components/FieldRenderer.js

@@ -0,0 +1,218 @@
+import React from "react";
+import { Text, View, StyleSheet, TouchableOpacity, Linking } from "react-native";
+import { Icon } from "react-native-elements";
+import { Colours, Components, Helper } from "../core.config";
+import { Attachment, InlineButton } from "./common";
+import { FIELD_TYPES, isCTAField, isImageField, isLinkField } from "../js/FieldTypes";
+import { SPACING } from "../js/spacing";
+
+/**
+ * Smart Field Renderer Component
+ * Renders different field types based on field definition and value
+ */
+const FieldRenderer = ({
+  fieldId,
+  fieldValue,
+  fieldDefinition,
+  onFieldPress,
+  color,
+  style
+}) => {
+  var _fieldDefinition$valu;
+  const fieldType = fieldDefinition === null || fieldDefinition === void 0 ? void 0 : fieldDefinition.type;
+  const fieldLabel = (fieldDefinition === null || fieldDefinition === void 0 || (_fieldDefinition$valu = fieldDefinition.values) === null || _fieldDefinition$valu === void 0 ? void 0 : _fieldDefinition$valu.label) || fieldId;
+  const handleLinkPress = url => {
+    if (url) {
+      Linking.openURL(url).catch(err => {
+        // Silently handle URL open errors
+      });
+    }
+  };
+
+  // If no field type, try to infer from value structure
+  if (!fieldType) {
+    if (isCTAField(fieldValue)) {
+      return /*#__PURE__*/React.createElement(InlineButton, {
+        large: true,
+        color: color || Colours.BRANDING_MAIN,
+        style: style,
+        onPress: () => (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.url) && handleLinkPress(fieldValue.url)
+      }, (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.label) || fieldLabel);
+    }
+    if (isImageField(fieldValue)) {
+      // Handle image fields - typically rendered elsewhere in layouts
+      return null;
+    }
+    if (isLinkField(fieldValue)) {
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        style: [styles.linkContainer, style],
+        onPress: () => handleLinkPress(fieldValue)
+      }, /*#__PURE__*/React.createElement(Icon, {
+        type: "font-awesome",
+        name: "link",
+        size: 16,
+        color: color || Colours.BRANDING_MAIN,
+        style: styles.linkIcon
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: [styles.linkText, {
+          color: color || Colours.BRANDING_MAIN
+        }],
+        numberOfLines: 2
+      }, fieldValue));
+    }
+
+    // Default to text field
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.text, style],
+      numberOfLines: 3
+    }, fieldValue));
+  }
+
+  // Type-based rendering
+  switch (fieldType) {
+    case FIELD_TYPES.CTA:
+      return /*#__PURE__*/React.createElement(InlineButton, {
+        large: true,
+        color: color || Colours.BRANDING_MAIN,
+        style: style,
+        onPress: () => (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.url) && handleLinkPress(fieldValue.url)
+      }, (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.label) || fieldLabel);
+    case FIELD_TYPES.TITLE:
+    case FIELD_TYPES.TEXT:
+      return /*#__PURE__*/React.createElement(Text, {
+        style: [styles.text, styles.titleText, style],
+        numberOfLines: 2
+      }, fieldValue);
+    case FIELD_TYPES.DESCRIPTION:
+      return /*#__PURE__*/React.createElement(Text, {
+        style: [styles.text, styles.descriptionText, style]
+      }, fieldValue);
+    case FIELD_TYPES.EMAIL:
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        style: [styles.linkContainer, style],
+        onPress: () => handleLinkPress(`mailto:${fieldValue}`)
+      }, /*#__PURE__*/React.createElement(Icon, {
+        type: "font-awesome",
+        name: "envelope",
+        size: 16,
+        color: color || Colours.BRANDING_MAIN,
+        style: styles.linkIcon
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: [styles.linkText, {
+          color: color || Colours.BRANDING_MAIN
+        }],
+        numberOfLines: 1
+      }, fieldValue));
+    case FIELD_TYPES.NUMBER:
+      return /*#__PURE__*/React.createElement(Text, {
+        style: [styles.text, styles.numberText, style]
+      }, fieldValue);
+    case FIELD_TYPES.DATE:
+      return /*#__PURE__*/React.createElement(View, {
+        style: [styles.dateContainer, style]
+      }, /*#__PURE__*/React.createElement(Icon, {
+        type: "font-awesome",
+        name: "calendar",
+        size: 16,
+        color: Colours.TEXT_LIGHT,
+        style: styles.dateIcon
+      }), /*#__PURE__*/React.createElement(Text, {
+        style: [styles.text, styles.dateText]
+      }, fieldValue));
+    case FIELD_TYPES.IMAGE:
+    case FIELD_TYPES.FEATURE_IMAGE:
+      // Images are typically rendered by the layout components
+      return null;
+    case FIELD_TYPES.FILE:
+      // Handle both single file and multiple files (array)
+      const files = Array.isArray(fieldValue) ? fieldValue : [fieldValue];
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.filesContainer
+      }, files.map((file, index) => {
+        var _file$url;
+        // Skip null/undefined files
+        if (!file) return null;
+        return /*#__PURE__*/React.createElement(Attachment, {
+          key: index,
+          onPress: () => onFieldPress && onFieldPress(fieldId, file),
+          title: (file === null || file === void 0 ? void 0 : file.name) || (file === null || file === void 0 || (_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.split("/").pop()) || "Document"
+        });
+      }));
+    default:
+      return /*#__PURE__*/React.createElement(Text, {
+        style: [styles.text, style],
+        numberOfLines: 3
+      }, fieldValue);
+  }
+};
+const styles = StyleSheet.create({
+  text: {
+    fontFamily: "sf-regular",
+    fontSize: 16,
+    color: Colours.TEXT_DARK
+  },
+  titleText: {
+    fontFamily: "sf-semibold",
+    fontSize: 16,
+    fontWeight: "600"
+  },
+  descriptionText: {
+    fontFamily: "sf-regular",
+    fontSize: 14,
+    lineHeight: 20,
+    marginVertical: 12
+  },
+  numberText: {
+    fontFamily: "sf-medium",
+    fontSize: 16,
+    fontWeight: "500"
+  },
+  linkContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: SPACING.XS
+  },
+  linkIcon: {
+    marginRight: SPACING.SM
+  },
+  linkText: {
+    fontFamily: "sf-medium",
+    fontSize: 16,
+    textDecorationLine: "underline"
+  },
+  dateContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: SPACING.XS
+  },
+  dateIcon: {
+    marginRight: SPACING.SM
+  },
+  dateText: {
+    fontFamily: "sf-regular",
+    fontSize: 14,
+    color: Colours.TEXT_LIGHT
+  },
+  fileContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: SPACING.XS,
+    backgroundColor: Colours.BACKGROUND_LIGHT,
+    padding: SPACING.SM,
+    borderRadius: SPACING.XS
+  },
+  fileIcon: {
+    marginRight: SPACING.SM
+  },
+  fileText: {
+    fontFamily: "sf-medium",
+    fontSize: 14,
+    flex: 1
+  },
+  // File container for multiple attachments
+  filesContainer: {
+    marginVertical: SPACING.XS
+  }
+});
+export default FieldRenderer;
+//# sourceMappingURL=FieldRenderer.js.map

package/dist/module/components/FieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","StyleSheet","TouchableOpacity","Linking","Icon","Colours","Components","Helper","Attachment","InlineButton","FIELD_TYPES","isCTAField","isImageField","isLinkField","SPACING","FieldRenderer","fieldId","fieldValue","fieldDefinition","onFieldPress","color","style","_fieldDefinition$valu","fieldType","type","fieldLabel","values","label","handleLinkPress","url","openURL","catch","err","createElement","large","BRANDING_MAIN","onPress","styles","linkContainer","name","size","linkIcon","linkText","numberOfLines","Fragment","text","CTA","TITLE","TEXT","titleText","DESCRIPTION","descriptionText","EMAIL","NUMBER","numberText","DATE","dateContainer","TEXT_LIGHT","dateIcon","dateText","IMAGE","FEATURE_IMAGE","FILE","files","Array","isArray","filesContainer","map","file","index","_file$url","key","title","split","pop","create","fontFamily","fontSize","TEXT_DARK","fontWeight","lineHeight","marginVertical","flexDirection","alignItems","paddingVertical","XS","marginRight","SM","textDecorationLine","fileContainer","backgroundColor","BACKGROUND_LIGHT","padding","borderRadius","fileIcon","fileText","flex"],"sources":["FieldRenderer.js"],"sourcesContent":["import React from \"react\";\nimport {\n\tText,\n\tView,\n\tStyleSheet,\n\tTouchableOpacity,\n\tLinking,\n} from \"react-native\";\nimport { Icon } from \"react-native-elements\";\nimport { Colours, Components, Helper } from \"../core.config\";\nimport { Attachment, InlineButton } from \"./common\";\nimport {\n\tFIELD_TYPES,\n\tisCTAField,\n\tisImageField,\n\tisLinkField,\n} from \"../js/FieldTypes\";\nimport { SPACING } from \"../js/spacing\";\n\n/**\n * Smart Field Renderer Component\n * Renders different field types based on field definition and value\n */\nconst FieldRenderer = ({\n\tfieldId,\n\tfieldValue,\n\tfieldDefinition,\n\tonFieldPress,\n\tcolor,\n\tstyle,\n}) => {\n\tconst fieldType = fieldDefinition?.type;\n\tconst fieldLabel = fieldDefinition?.values?.label || fieldId;\n\n\tconst handleLinkPress = (url) => {\n\t\tif (url) {\n\t\t\tLinking.openURL(url).catch((err) => {\n\t\t\t\t// Silently handle URL open errors\n\t\t\t});\n\t\t}\n\t};\n\n\t// If no field type, try to infer from value structure\n\tif (!fieldType) {\n\t\tif (isCTAField(fieldValue)) {\n\t\t\treturn (\n\t\t\t\t<InlineButton\n\t\t\t\t\tlarge\n\t\t\t\t\tcolor={color || Colours.BRANDING_MAIN}\n\t\t\t\t\tstyle={style}\n\t\t\t\t\tonPress={() => fieldValue?.url && handleLinkPress(fieldValue.url)}\n\t\t\t\t>\n\t\t\t\t\t{fieldValue?.label || fieldLabel}\n\t\t\t\t</InlineButton>\n\t\t\t);\n\t\t}\n\n\t\tif (isImageField(fieldValue)) {\n\t\t\t// Handle image fields - typically rendered elsewhere in layouts\n\t\t\treturn null;\n\t\t}\n\n\t\tif (isLinkField(fieldValue)) {\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tstyle={[styles.linkContainer, style]}\n\t\t\t\t\tonPress={() => handleLinkPress(fieldValue)}\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\tname=\"link\"\n\t\t\t\t\t\tsize={16}\n\t\t\t\t\t\tcolor={color || Colours.BRANDING_MAIN}\n\t\t\t\t\t\tstyle={styles.linkIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={[styles.linkText, { color: color || Colours.BRANDING_MAIN }]}\n\t\t\t\t\t\tnumberOfLines={2}\n\t\t\t\t\t>\n\t\t\t\t\t\t{fieldValue}\n\t\t\t\t\t</Text>\n\t\t\t\t</TouchableOpacity>\n\t\t\t);\n\t\t}\n\n\t\t// Default to text field\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Text style={[styles.text, style]} numberOfLines={3}>\n\t\t\t\t\t{fieldValue}\n\t\t\t\t</Text>\n\t\t\t</>\n\t\t);\n\t}\n\n\t// Type-based rendering\n\tswitch (fieldType) {\n\t\tcase FIELD_TYPES.CTA:\n\t\t\treturn (\n\t\t\t\t<InlineButton\n\t\t\t\t\tlarge\n\t\t\t\t\tcolor={color || Colours.BRANDING_MAIN}\n\t\t\t\t\tstyle={style}\n\t\t\t\t\tonPress={() => fieldValue?.url && handleLinkPress(fieldValue.url)}\n\t\t\t\t>\n\t\t\t\t\t{fieldValue?.label || fieldLabel}\n\t\t\t\t</InlineButton>\n\t\t\t);\n\n\t\tcase FIELD_TYPES.TITLE:\n\t\tcase FIELD_TYPES.TEXT:\n\t\t\treturn (\n\t\t\t\t<Text style={[styles.text, styles.titleText, style]} numberOfLines={2}>\n\t\t\t\t\t{fieldValue}\n\t\t\t\t</Text>\n\t\t\t);\n\n\t\tcase FIELD_TYPES.DESCRIPTION:\n\t\t\treturn (\n\t\t\t\t<Text style={[styles.text, styles.descriptionText, style]}>\n\t\t\t\t\t{fieldValue}\n\t\t\t\t</Text>\n\t\t\t);\n\n\t\tcase FIELD_TYPES.EMAIL:\n\t\t\treturn (\n\t\t\t\t<TouchableOpacity\n\t\t\t\t\tstyle={[styles.linkContainer, style]}\n\t\t\t\t\tonPress={() => handleLinkPress(`mailto:${fieldValue}`)}\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\tname=\"envelope\"\n\t\t\t\t\t\tsize={16}\n\t\t\t\t\t\tcolor={color || Colours.BRANDING_MAIN}\n\t\t\t\t\t\tstyle={styles.linkIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Text\n\t\t\t\t\t\tstyle={[styles.linkText, { color: color || Colours.BRANDING_MAIN }]}\n\t\t\t\t\t\tnumberOfLines={1}\n\t\t\t\t\t>\n\t\t\t\t\t\t{fieldValue}\n\t\t\t\t\t</Text>\n\t\t\t\t</TouchableOpacity>\n\t\t\t);\n\n\t\tcase FIELD_TYPES.NUMBER:\n\t\t\treturn (\n\t\t\t\t<Text style={[styles.text, styles.numberText, style]}>\n\t\t\t\t\t{fieldValue}\n\t\t\t\t</Text>\n\t\t\t);\n\n\t\tcase FIELD_TYPES.DATE:\n\t\t\treturn (\n\t\t\t\t<View style={[styles.dateContainer, style]}>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\t\tname=\"calendar\"\n\t\t\t\t\t\tsize={16}\n\t\t\t\t\t\tcolor={Colours.TEXT_LIGHT}\n\t\t\t\t\t\tstyle={styles.dateIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t<Text style={[styles.text, styles.dateText]}>{fieldValue}</Text>\n\t\t\t\t</View>\n\t\t\t);\n\n\t\tcase FIELD_TYPES.IMAGE:\n\t\tcase FIELD_TYPES.FEATURE_IMAGE:\n\t\t\t// Images are typically rendered by the layout components\n\t\t\treturn null;\n\n\t\tcase FIELD_TYPES.FILE:\n\t\t\t// Handle both single file and multiple files (array)\n\t\t\tconst files = Array.isArray(fieldValue) ? fieldValue : [fieldValue];\n\t\t\treturn (\n\t\t\t\t<View style={styles.filesContainer}>\n\t\t\t\t\t{files.map((file, index) => {\n\t\t\t\t\t\t// Skip null/undefined files\n\t\t\t\t\t\tif (!file) return null;\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<Attachment\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\tonPress={() => onFieldPress && onFieldPress(fieldId, file)}\n\t\t\t\t\t\t\t\ttitle={file?.name || file?.url?.split(\"/\").pop() || \"Document\"}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t);\n\t\t\t\t\t})}\n\t\t\t\t</View>\n\t\t\t);\n\n\t\tdefault:\n\t\t\treturn (\n\t\t\t\t<Text style={[styles.text, style]} numberOfLines={3}>\n\t\t\t\t\t{fieldValue}\n\t\t\t\t</Text>\n\t\t\t);\n\t}\n};\n\nconst styles = StyleSheet.create({\n\ttext: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 16,\n\t\tcolor: Colours.TEXT_DARK,\n\t},\n\ttitleText: {\n\t\tfontFamily: \"sf-semibold\",\n\t\tfontSize: 16,\n\t\tfontWeight: \"600\",\n\t},\n\tdescriptionText: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 14,\n\t\tlineHeight: 20,\n\t\tmarginVertical: 12,\n\t},\n\tnumberText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 16,\n\t\tfontWeight: \"500\",\n\t},\n\tlinkContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tpaddingVertical: SPACING.XS,\n\t},\n\tlinkIcon: {\n\t\tmarginRight: SPACING.SM,\n\t},\n\tlinkText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 16,\n\t\ttextDecorationLine: \"underline\",\n\t},\n\tdateContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tpaddingVertical: SPACING.XS,\n\t},\n\tdateIcon: {\n\t\tmarginRight: SPACING.SM,\n\t},\n\tdateText: {\n\t\tfontFamily: \"sf-regular\",\n\t\tfontSize: 14,\n\t\tcolor: Colours.TEXT_LIGHT,\n\t},\n\tfileContainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tpaddingVertical: SPACING.XS,\n\t\tbackgroundColor: Colours.BACKGROUND_LIGHT,\n\t\tpadding: SPACING.SM,\n\t\tborderRadius: SPACING.XS,\n\t},\n\tfileIcon: {\n\t\tmarginRight: SPACING.SM,\n\t},\n\tfileText: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 14,\n\t\tflex: 1,\n\t},\n\t// File container for multiple attachments\n\tfilesContainer: {\n\t\tmarginVertical: SPACING.XS,\n\t},\n});\n\nexport default FieldRenderer;\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/FileDownload.js

@@ -0,0 +1,74 @@
+import React from "react";
+import { View, Text, TouchableOpacity, StyleSheet } from "react-native";
+import { Icon } from "react-native-elements";
+import { Colours } from "../core.config";
+import { SPACING } from "../js/spacing";
+import { TEXT_DARK } from "../core.config";
+const FileDownload = ({
+  file,
+  onPress,
+  color,
+  style
+}) => {
+  const fileName = (file === null || file === void 0 ? void 0 : file.name) || (file === null || file === void 0 ? void 0 : file.url) && file.url.split("?")[0].split("#")[0].split("/").pop() || "Document";
+  const downloadColor = color || Colours.BRANDING_MAIN;
+  return /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.container, style],
+    onPress: () => onPress && onPress(file)
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.extensionIcon
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "paperclip",
+    type: "font-awesome",
+    size: 16,
+    color: downloadColor
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.textContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.fileName, {
+      color: TEXT_DARK
+    }],
+    numberOfLines: 1
+  }, fileName), /*#__PURE__*/React.createElement(Icon, {
+    name: "download",
+    type: "font-awesome",
+    size: 16,
+    color: downloadColor
+  })));
+};
+const styles = StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: SPACING.SM,
+    paddingRight: SPACING.MD,
+    backgroundColor: "#ffffff",
+    borderRadius: SPACING.XS,
+    marginVertical: SPACING.XS / 2
+  },
+  extensionIcon: {
+    width: 32,
+    height: 32,
+    borderRadius: SPACING.XS / 2,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#f5f5f5"
+  },
+  textContainer: {
+    flex: 1,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  fileName: {
+    fontFamily: "sf-medium",
+    fontSize: 16,
+    fontWeight: "600",
+    lineHeight: 20,
+    flex: 1,
+    marginRight: SPACING.SM,
+    marginLeft: SPACING.SM
+  }
+});
+export default FileDownload;
+//# sourceMappingURL=FileDownload.js.map

package/dist/module/components/FileDownload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","TouchableOpacity","StyleSheet","Icon","Colours","SPACING","TEXT_DARK","FileDownload","file","onPress","color","style","fileName","name","url","split","pop","downloadColor","BRANDING_MAIN","createElement","styles","container","extensionIcon","type","size","textContainer","numberOfLines","create","flexDirection","alignItems","paddingVertical","SM","paddingRight","MD","backgroundColor","borderRadius","XS","marginVertical","width","height","justifyContent","flex","fontFamily","fontSize","fontWeight","lineHeight","marginRight","marginLeft"],"sources":["FileDownload.js"],"sourcesContent":["import React from \"react\";\nimport { View, Text, TouchableOpacity, StyleSheet } from \"react-native\";\nimport { Icon } from \"react-native-elements\";\nimport { Colours } from \"../core.config\";\nimport { SPACING } from \"../js/spacing\";\nimport { TEXT_DARK } from \"../core.config\";\n\nconst FileDownload = ({ file, onPress, color, style }) => {\n\tconst fileName =\n\t\tfile?.name ||\n\t\t(file?.url && file.url.split(\"?\")[0].split(\"#\")[0].split(\"/\").pop()) ||\n\t\t\"Document\";\n\tconst downloadColor = color || Colours.BRANDING_MAIN;\n\n\treturn (\n\t\t<TouchableOpacity\n\t\t\tstyle={[styles.container, style]}\n\t\t\tonPress={() => onPress && onPress(file)}\n\t\t>\n\t\t\t<View style={styles.extensionIcon}>\n\t\t\t\t<Icon\n\t\t\t\t\tname=\"paperclip\"\n\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\tsize={16}\n\t\t\t\t\tcolor={downloadColor}\n\t\t\t\t/>\n\t\t\t</View>\n\n\t\t\t<View style={styles.textContainer}>\n\t\t\t\t<Text style={[styles.fileName, { color: TEXT_DARK }]} numberOfLines={1}>\n\t\t\t\t\t{fileName}\n\t\t\t\t</Text>\n\t\t\t\t<Icon\n\t\t\t\t\tname=\"download\"\n\t\t\t\t\ttype=\"font-awesome\"\n\t\t\t\t\tsize={16}\n\t\t\t\t\tcolor={downloadColor}\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</TouchableOpacity>\n\t);\n};\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tflexDirection: \"row\",\n\t\talignItems: \"center\",\n\t\tpaddingVertical: SPACING.SM,\n\t\tpaddingRight: SPACING.MD,\n\t\tbackgroundColor: \"#ffffff\",\n\t\tborderRadius: SPACING.XS,\n\t\tmarginVertical: SPACING.XS / 2,\n\t},\n\textensionIcon: {\n\t\twidth: 32,\n\t\theight: 32,\n\t\tborderRadius: SPACING.XS / 2,\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t\tbackgroundColor: \"#f5f5f5\",\n\t},\n\ttextContainer: {\n\t\tflex: 1,\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t\talignItems: \"center\",\n\t},\n\tfileName: {\n\t\tfontFamily: \"sf-medium\",\n\t\tfontSize: 16,\n\t\tfontWeight: \"600\",\n\t\tlineHeight: 20,\n\t\tflex: 1,\n\t\tmarginRight: SPACING.SM,\n\t\tmarginLeft: SPACING.SM,\n\t},\n});\n\nexport default FileDownload;\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/WidgetGrid.js

@@ -0,0 +1,158 @@
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React, { Component } from "react";
+import { Text, View, StyleSheet, TouchableOpacity, Dimensions } from "react-native";
+import { connect } from "react-redux";
+import _ from "lodash";
+import { Services } from "../feature.config";
+import { Components } from "../core.config";
+import { values } from "../values.config";
+import { selectActiveFeatureDefinitions } from "../reducers/featureBuilderReducer";
+import { getTargetFeatureDefinition } from "../utils/featureSelectors";
+import { SPACING } from "../js/spacing";
+import { getMainBrandingColourFromState } from "../js";
+// Import SVGIcon directly from main app since extension has import issues
+// Using a different approach - we'll use a simple text representation for now
+// import { SVGIcon } from '../../../../../src/components/common';
+
+class WidgetGrid extends Component {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "refresh", () => {
+      this.onLoadingChanged(true, async () => {
+        try {
+          const {
+            initializeFeatureBuilder
+          } = await import("../actions/featureBuilderActions");
+          await initializeFeatureBuilder()(this.props.dispatch, () => this.props.getState);
+        } catch (error) {
+          // Silently handle refresh errors
+        } finally {
+          this.onLoadingChanged(false);
+        }
+      });
+    });
+    _defineProperty(this, "onLoadingChanged", (loading, callback) => {
+      this.setState({
+        loading
+      }, () => {
+        if (this.props.onLoadingChanged) this.props.onLoadingChanged(this.state.loading);
+        if (callback) callback();
+      });
+    });
+    _defineProperty(this, "onPress", () => {
+      Services.navigation.navigate(values.screens.featureList, {
+        options: this.props.options
+      });
+    });
+    this.state = {
+      loading: false
+    };
+  }
+  componentDidMount() {
+    this.refresh();
+  }
+  componentDidUpdate(prevProps) {
+    if (!prevProps.dataUpdated && this.props.dataUpdated) {
+      this.refresh();
+    }
+  }
+  render() {
+    const {
+      colourBrandingMain,
+      featureDefinitions,
+      targetFeatureDefinition
+    } = this.props;
+
+    // Always show the card, even when loading or no features, with a loading state
+    const icon = "settings"; // Use a valid icon instead of 'cog'
+    // Use the feature definition title if available, otherwise fall back to default
+    const title = (targetFeatureDefinition === null || targetFeatureDefinition === void 0 ? void 0 : targetFeatureDefinition.title) || (targetFeatureDefinition === null || targetFeatureDefinition === void 0 ? void 0 : targetFeatureDefinition.displayName) || values.featureName || "Feature Builder";
+    const isLoading = this.state.loading;
+    const featureCount = (featureDefinitions === null || featureDefinitions === void 0 ? void 0 : featureDefinitions.length) || 0;
+    return /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: this.onPress,
+      style: [styles.container]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: [styles.button, {
+        backgroundColor: colourBrandingMain || values.colors.defaultBrandMain
+      }]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.buttonTitleSection
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: [styles.buttonTitle, styles.buttonTitleLarge],
+      numberOfLines: 2
+    }, isLoading ? "Loading..." : title), /*#__PURE__*/React.createElement(Text, {
+      style: styles.subtitleText
+    }, isLoading ? "Please wait..." : `${featureCount} Feature${featureCount !== 1 ? "s" : ""} Available`)), /*#__PURE__*/React.createElement(View, {
+      style: styles.iconContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.iconText
+    }, "\u2699"))));
+  }
+}
+const mapStateToProps = state => {
+  var _state$strings;
+  const {
+    user,
+    notifications
+  } = state;
+  const targetFeatureDefinition = getTargetFeatureDefinition(state);
+  return {
+    colourBrandingMain: getMainBrandingColourFromState(state),
+    featureDefinitions: selectActiveFeatureDefinitions(state),
+    targetFeatureDefinition,
+    site: user.site,
+    dataUpdated: notifications.dataUpdated[values.notificationKey],
+    strings: ((_state$strings = state.strings) === null || _state$strings === void 0 ? void 0 : _state$strings.config) || {}
+  };
+};
+const styles = StyleSheet.create({
+  container: {
+    marginHorizontal: SPACING.SM,
+    marginVertical: SPACING.SM
+  },
+  button: {
+    borderRadius: SPACING.SM,
+    padding: SPACING.MD,
+    minHeight: 120,
+    justifyContent: "space-between",
+    alignItems: "flex-start",
+    flexDirection: "row"
+  },
+  buttonTitleSection: {
+    flex: 1,
+    marginRight: SPACING.MD,
+    justifyContent: "center"
+  },
+  buttonTitle: {
+    color: "#fff",
+    fontSize: 16,
+    fontWeight: "600"
+  },
+  buttonTitleLarge: {
+    fontSize: 18
+  },
+  subtitleText: {
+    color: "rgba(255, 255, 255, 0.8)",
+    fontSize: 12,
+    marginTop: SPACING.XS
+  },
+  iconContainer: {
+    width: 50,
+    height: 50,
+    borderRadius: 25,
+    backgroundColor: "rgba(255, 255, 255, 0.2)",
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  iconText: {
+    fontSize: 24,
+    color: "#fff"
+  }
+});
+export default connect(mapStateToProps, null, null, {
+  forwardRef: true
+})(WidgetGrid);
+//# sourceMappingURL=WidgetGrid.js.map

package/dist/module/components/WidgetGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","Text","View","StyleSheet","TouchableOpacity","Dimensions","connect","_","Services","Components","values","selectActiveFeatureDefinitions","getTargetFeatureDefinition","SPACING","getMainBrandingColourFromState","WidgetGrid","constructor","props","_defineProperty","onLoadingChanged","initializeFeatureBuilder","dispatch","getState","error","loading","callback","setState","state","navigation","navigate","screens","featureList","options","componentDidMount","refresh","componentDidUpdate","prevProps","dataUpdated","render","colourBrandingMain","featureDefinitions","targetFeatureDefinition","icon","title","displayName","featureName","isLoading","featureCount","length","createElement","onPress","style","styles","container","button","backgroundColor","colors","defaultBrandMain","buttonTitleSection","buttonTitle","buttonTitleLarge","numberOfLines","subtitleText","iconContainer","iconText","mapStateToProps","_state$strings","user","notifications","site","notificationKey","strings","config","create","marginHorizontal","SM","marginVertical","borderRadius","padding","MD","minHeight","justifyContent","alignItems","flexDirection","flex","marginRight","color","fontSize","fontWeight","marginTop","XS","width","height","forwardRef"],"sources":["WidgetGrid.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport {\n\tText,\n\tView,\n\tStyleSheet,\n\tTouchableOpacity,\n\tDimensions,\n} from \"react-native\";\nimport { connect } from \"react-redux\";\nimport _ from \"lodash\";\nimport { Services } from \"../feature.config\";\nimport { Components } from \"../core.config\";\nimport { values } from \"../values.config\";\nimport { selectActiveFeatureDefinitions } from \"../reducers/featureBuilderReducer\";\nimport { getTargetFeatureDefinition } from \"../utils/featureSelectors\";\nimport { SPACING } from \"../js/spacing\";\nimport { getMainBrandingColourFromState } from \"../js\";\n// Import SVGIcon directly from main app since extension has import issues\n// Using a different approach - we'll use a simple text representation for now\n// import { SVGIcon } from '../../../../../src/components/common';\n\nclass WidgetGrid extends Component {\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tthis.state = { loading: false };\n\t}\n\n\tcomponentDidMount() {\n\t\tthis.refresh();\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tif (!prevProps.dataUpdated && this.props.dataUpdated) {\n\t\t\tthis.refresh();\n\t\t}\n\t}\n\n\trefresh = () => {\n\t\tthis.onLoadingChanged(true, async () => {\n\t\t\ttry {\n\t\t\t\tconst { initializeFeatureBuilder } = await import(\n\t\t\t\t\t\"../actions/featureBuilderActions\"\n\t\t\t\t);\n\t\t\t\tawait initializeFeatureBuilder()(\n\t\t\t\t\tthis.props.dispatch,\n\t\t\t\t\t() => this.props.getState,\n\t\t\t\t);\n\t\t\t} catch (error) {\n\t\t\t\t// Silently handle refresh errors\n\t\t\t} finally {\n\t\t\t\tthis.onLoadingChanged(false);\n\t\t\t}\n\t\t});\n\t};\n\n\tonLoadingChanged = (loading, callback) => {\n\t\tthis.setState({ loading }, () => {\n\t\t\tif (this.props.onLoadingChanged)\n\t\t\t\tthis.props.onLoadingChanged(this.state.loading);\n\t\t\tif (callback) callback();\n\t\t});\n\t};\n\n\tonPress = () => {\n\t\tServices.navigation.navigate(values.screens.featureList, {\n\t\t\toptions: this.props.options,\n\t\t});\n\t};\n\n\trender() {\n\t\tconst { colourBrandingMain, featureDefinitions, targetFeatureDefinition } =\n\t\t\tthis.props;\n\n\t\t// Always show the card, even when loading or no features, with a loading state\n\t\tconst icon = \"settings\"; // Use a valid icon instead of 'cog'\n\t\t// Use the feature definition title if available, otherwise fall back to default\n\t\tconst title =\n\t\t\ttargetFeatureDefinition?.title ||\n\t\t\ttargetFeatureDefinition?.displayName ||\n\t\t\tvalues.featureName ||\n\t\t\t\"Feature Builder\";\n\n\t\tconst isLoading = this.state.loading;\n\t\tconst featureCount = featureDefinitions?.length || 0;\n\n\t\treturn (\n\t\t\t<TouchableOpacity onPress={this.onPress} style={[styles.container]}>\n\t\t\t\t<View\n\t\t\t\t\tstyle={[\n\t\t\t\t\t\tstyles.button,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\t\tcolourBrandingMain || values.colors.defaultBrandMain,\n\t\t\t\t\t\t},\n\t\t\t\t\t]}\n\t\t\t\t>\n\t\t\t\t\t<View style={styles.buttonTitleSection}>\n\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\tstyle={[styles.buttonTitle, styles.buttonTitleLarge]}\n\t\t\t\t\t\t\tnumberOfLines={2}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{isLoading ? \"Loading...\" : title}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Text style={styles.subtitleText}>\n\t\t\t\t\t\t\t{isLoading\n\t\t\t\t\t\t\t\t? \"Please wait...\"\n\t\t\t\t\t\t\t\t: `${featureCount} Feature${featureCount !== 1 ? \"s\" : \"\"} Available`}\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t\t<View style={styles.iconContainer}>\n\t\t\t\t\t\t<Text style={styles.iconText}>⚙</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</TouchableOpacity>\n\t\t);\n\t}\n}\n\nconst mapStateToProps = (state) => {\n\tconst { user, notifications } = state;\n\n\tconst targetFeatureDefinition = getTargetFeatureDefinition(state);\n\n\treturn {\n\t\tcolourBrandingMain: getMainBrandingColourFromState(state),\n\t\tfeatureDefinitions: selectActiveFeatureDefinitions(state),\n\t\ttargetFeatureDefinition,\n\t\tsite: user.site,\n\t\tdataUpdated: notifications.dataUpdated[values.notificationKey],\n\t\tstrings: state.strings?.config || {},\n\t};\n};\n\nconst styles = StyleSheet.create({\n\tcontainer: {\n\t\tmarginHorizontal: SPACING.SM,\n\t\tmarginVertical: SPACING.SM,\n\t},\n\tbutton: {\n\t\tborderRadius: SPACING.SM,\n\t\tpadding: SPACING.MD,\n\t\tminHeight: 120,\n\t\tjustifyContent: \"space-between\",\n\t\talignItems: \"flex-start\",\n\t\tflexDirection: \"row\",\n\t},\n\tbuttonTitleSection: {\n\t\tflex: 1,\n\t\tmarginRight: SPACING.MD,\n\t\tjustifyContent: \"center\",\n\t},\n\tbuttonTitle: {\n\t\tcolor: \"#fff\",\n\t\tfontSize: 16,\n\t\tfontWeight: \"600\",\n\t},\n\tbuttonTitleLarge: {\n\t\tfontSize: 18,\n\t},\n\tsubtitleText: {\n\t\tcolor: \"rgba(255, 255, 255, 0.8)\",\n\t\tfontSize: 12,\n\t\tmarginTop: SPACING.XS,\n\t},\n\ticonContainer: {\n\t\twidth: 50,\n\t\theight: 50,\n\t\tborderRadius: 25,\n\t\tbackgroundColor: \"rgba(255, 255, 255, 0.2)\",\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t},\n\ticonText: {\n\t\tfontSize: 24,\n\t\tcolor: \"#fff\",\n\t},\n});\n\nexport default connect(mapStateToProps, null, null, { forwardRef: true })(\n\tWidgetGrid,\n);\n"],"mappings":"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","ignoreList":[]}