@plusscommunities/pluss-feature-builder-app-d 8.0.6-beta.0 → 8.0.9

package/dist/module/actions/featureBuilderActions.js

@@ -43,7 +43,7 @@ export const loadTargetFeature = () => {
     try {
       var _state$user;
       const state = getState();
-      const site = (_state$user = state.user) === null || _state$user === void 0 ? void 0 : _state$user.site;
+      const site = state === null || state === void 0 || (_state$user = state.user) === null || _state$user === void 0 ? void 0 : _state$user.site;
       const targetId = values.targetFeatureDefinitionId;
       const defResponse = await featureBuilderAPI.getFeatureDefinitions(site);
       const allDefinitions = defResponse.data.featureDefinitions || [];

package/dist/module/actions/featureBuilderActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["values","featureBuilderAPI","updateFeatureBuilderStringAndIconFromDefinition","FeatureBuilderActionTypes","LOADING","actions","LOAD_SUCCESS","FAILURE","loadTargetFeature","dispatch","getState","type","_state$user","state","site","user","targetId","targetFeatureDefinitionId","defResponse","getFeatureDefinitions","allDefinitions","data","featureDefinitions","rawTarget","find","d","id","Error","flattenedFeature","definition","listResponse","getFeatureListings","rawListings","listings","filter","listing","deletedAt","payload","feature","error","console","message"],"sources":["featureBuilderActions.js"],"sourcesContent":["import { values } from \"../values.config\";\nimport { featureBuilderAPI } from \"../webapi/featureBuilderAPI\";\nimport { updateFeatureBuilderStringAndIconFromDefinition } from \"./featureBuilderStringsActions\";\n\n/**\n * Action types for feature builder Redux actions\n * These are pulled from values.config.actions to ensure unique action types per instance\n * @readonly\n * @enum {string}\n */\nexport const FeatureBuilderActionTypes = {\n\t/** Indicates loading state for feature data fetch */\n\tLOADING: values.actions.LOADING,\n\t/** Indicates successful fetch of feature definition and listings */\n\tLOAD_SUCCESS: values.actions.LOAD_SUCCESS,\n\t/** Indicates failure in fetching feature data */\n\tFAILURE: values.actions.FAILURE,\n};\n\n/**\n * Loads the target feature definition and its listings from the API\n * This function fetches the feature definition configured in values.config\n * and loads all associated listings for display\n *\n * @function\n * @returns {Function} Redux thunk function that handles the async loading\n * @throws {Error} When no feature definitions are found or API calls fail\n *\n * @example\n * // In component\n * useEffect(() => {\n *   props.loadTargetFeature();\n * }, []);\n *\n * // Dispatch directly\n * dispatch(loadTargetFeature());\n */\nexport const loadTargetFeature = () => {\n\treturn async (dispatch, getState) => {\n\t\tdispatch({ type: FeatureBuilderActionTypes.LOADING });\n\n\t\ttry {\n\t\t\tconst state = getState();\n\t\t\tconst site = state.user?.site;\n\t\t\tconst targetId = values.targetFeatureDefinitionId;\n\n\t\t\tconst defResponse = await featureBuilderAPI.getFeatureDefinitions(site);\n\t\t\tconst allDefinitions = defResponse.data.featureDefinitions || [];\n\n\t\t\t// Find the specific target definition - throw if not found\n\t\t\tconst rawTarget = allDefinitions.find((d) => d.id === targetId);\n\n\t\t\tif (!rawTarget) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Target feature definition with ID '${targetId}' not found.`,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst flattenedFeature = {\n\t\t\t\tid: rawTarget.id,\n\t\t\t\t...rawTarget.definition,\n\t\t\t};\n\n\t\t\tconst listResponse = await featureBuilderAPI.getFeatureListings(\n\t\t\t\tsite,\n\t\t\t\trawTarget.id,\n\t\t\t);\n\t\t\tconst rawListings = listResponse.data.listings || [];\n\n\t\t\t// Filter out soft-deleted items at the Redux level\n\t\t\tconst listings = rawListings.filter((listing) => !listing.deletedAt);\n\n\t\t\tconst payload = {\n\t\t\t\tfeature: flattenedFeature,\n\t\t\t\tlistings: listings,\n\t\t\t};\n\t\t\tdispatch({\n\t\t\t\ttype: FeatureBuilderActionTypes.LOAD_SUCCESS,\n\t\t\t\tpayload,\n\t\t\t});\n\n\t\t\t// Update strings store with feature definition title and icon\n\t\t\tdispatch(updateFeatureBuilderStringAndIconFromDefinition());\n\t\t} catch (error) {\n\t\t\tconsole.error(\n\t\t\t\t\"FeatureBuilder Actions - Error in loadTargetFeature:\",\n\t\t\t\terror,\n\t\t\t);\n\t\t\tdispatch({\n\t\t\t\ttype: FeatureBuilderActionTypes.FAILURE,\n\t\t\t\tpayload: error.message || \"Failed to load feature.\",\n\t\t\t});\n\t\t}\n\t};\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,+CAA+C,QAAQ,gCAAgC;;AAEhG;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAG;EACxC;EACAC,OAAO,EAAEJ,MAAM,CAACK,OAAO,CAACD,OAAO;EAC/B;EACAE,YAAY,EAAEN,MAAM,CAACK,OAAO,CAACC,YAAY;EACzC;EACAC,OAAO,EAAEP,MAAM,CAACK,OAAO,CAACE;AACzB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACtC,OAAO,OAAOC,QAAQ,EAAEC,QAAQ,KAAK;IACpCD,QAAQ,CAAC;MAAEE,IAAI,EAAER,yBAAyB,CAACC;IAAQ,CAAC,CAAC;IAErD,IAAI;MAAA,IAAAQ,WAAA;MACH,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;MACxB,MAAMI,IAAI,IAAAF,WAAA,GAAGC,KAAK,CAACE,IAAI,cAAAH,WAAA,uBAAVA,WAAA,CAAYE,IAAI;MAC7B,MAAME,QAAQ,GAAGhB,MAAM,CAACiB,yBAAyB;MAEjD,MAAMC,WAAW,GAAG,MAAMjB,iBAAiB,CAACkB,qBAAqB,CAACL,IAAI,CAAC;MACvE,MAAMM,cAAc,GAAGF,WAAW,CAACG,IAAI,CAACC,kBAAkB,IAAI,EAAE;;MAEhE;MACA,MAAMC,SAAS,GAAGH,cAAc,CAACI,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAKV,QAAQ,CAAC;MAE/D,IAAI,CAACO,SAAS,EAAE;QACf,MAAM,IAAII,KAAK,CACd,sCAAsCX,QAAQ,cAC/C,CAAC;MACF;MAEA,MAAMY,gBAAgB,GAAG;QACxBF,EAAE,EAAEH,SAAS,CAACG,EAAE;QAChB,GAAGH,SAAS,CAACM;MACd,CAAC;MAED,MAAMC,YAAY,GAAG,MAAM7B,iBAAiB,CAAC8B,kBAAkB,CAC9DjB,IAAI,EACJS,SAAS,CAACG,EACX,CAAC;MACD,MAAMM,WAAW,GAAGF,YAAY,CAACT,IAAI,CAACY,QAAQ,IAAI,EAAE;;MAEpD;MACA,MAAMA,QAAQ,GAAGD,WAAW,CAACE,MAAM,CAAEC,OAAO,IAAK,CAACA,OAAO,CAACC,SAAS,CAAC;MAEpE,MAAMC,OAAO,GAAG;QACfC,OAAO,EAAEV,gBAAgB;QACzBK,QAAQ,EAAEA;MACX,CAAC;MACDxB,QAAQ,CAAC;QACRE,IAAI,EAAER,yBAAyB,CAACG,YAAY;QAC5C+B;MACD,CAAC,CAAC;;MAEF;MACA5B,QAAQ,CAACP,+CAA+C,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,OAAOqC,KAAK,EAAE;MACfC,OAAO,CAACD,KAAK,CACZ,sDAAsD,EACtDA,KACD,CAAC;MACD9B,QAAQ,CAAC;QACRE,IAAI,EAAER,yBAAyB,CAACI,OAAO;QACvC8B,OAAO,EAAEE,KAAK,CAACE,OAAO,IAAI;MAC3B,CAAC,CAAC;IACH;EACD,CAAC;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["values","featureBuilderAPI","updateFeatureBuilderStringAndIconFromDefinition","FeatureBuilderActionTypes","LOADING","actions","LOAD_SUCCESS","FAILURE","loadTargetFeature","dispatch","getState","type","_state$user","state","site","user","targetId","targetFeatureDefinitionId","defResponse","getFeatureDefinitions","allDefinitions","data","featureDefinitions","rawTarget","find","d","id","Error","flattenedFeature","definition","listResponse","getFeatureListings","rawListings","listings","filter","listing","deletedAt","payload","feature","error","console","message"],"sources":["featureBuilderActions.js"],"sourcesContent":["import { values } from \"../values.config\";\nimport { featureBuilderAPI } from \"../webapi/featureBuilderAPI\";\nimport { updateFeatureBuilderStringAndIconFromDefinition } from \"./featureBuilderStringsActions\";\n\n/**\n * Action types for feature builder Redux actions\n * These are pulled from values.config.actions to ensure unique action types per instance\n * @readonly\n * @enum {string}\n */\nexport const FeatureBuilderActionTypes = {\n\t/** Indicates loading state for feature data fetch */\n\tLOADING: values.actions.LOADING,\n\t/** Indicates successful fetch of feature definition and listings */\n\tLOAD_SUCCESS: values.actions.LOAD_SUCCESS,\n\t/** Indicates failure in fetching feature data */\n\tFAILURE: values.actions.FAILURE,\n};\n\n/**\n * Loads the target feature definition and its listings from the API\n * This function fetches the feature definition configured in values.config\n * and loads all associated listings for display\n *\n * @function\n * @returns {Function} Redux thunk function that handles the async loading\n * @throws {Error} When no feature definitions are found or API calls fail\n *\n * @example\n * // In component\n * useEffect(() => {\n *   props.loadTargetFeature();\n * }, []);\n *\n * // Dispatch directly\n * dispatch(loadTargetFeature());\n */\nexport const loadTargetFeature = () => {\n\treturn async (dispatch, getState) => {\n\t\tdispatch({ type: FeatureBuilderActionTypes.LOADING });\n\n\t\ttry {\n\t\t\tconst state = getState();\n\t\t\tconst site = state?.user?.site;\n\t\t\tconst targetId = values.targetFeatureDefinitionId;\n\n\t\t\tconst defResponse = await featureBuilderAPI.getFeatureDefinitions(site);\n\t\t\tconst allDefinitions = defResponse.data.featureDefinitions || [];\n\n\t\t\t// Find the specific target definition - throw if not found\n\t\t\tconst rawTarget = allDefinitions.find((d) => d.id === targetId);\n\n\t\t\tif (!rawTarget) {\n\t\t\t\tthrow new Error(\n\t\t\t\t\t`Target feature definition with ID '${targetId}' not found.`,\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst flattenedFeature = {\n\t\t\t\tid: rawTarget.id,\n\t\t\t\t...rawTarget.definition,\n\t\t\t};\n\n\t\t\tconst listResponse = await featureBuilderAPI.getFeatureListings(\n\t\t\t\tsite,\n\t\t\t\trawTarget.id,\n\t\t\t);\n\t\t\tconst rawListings = listResponse.data.listings || [];\n\n\t\t\t// Filter out soft-deleted items at the Redux level\n\t\t\tconst listings = rawListings.filter((listing) => !listing.deletedAt);\n\n\t\t\tconst payload = {\n\t\t\t\tfeature: flattenedFeature,\n\t\t\t\tlistings: listings,\n\t\t\t};\n\t\t\tdispatch({\n\t\t\t\ttype: FeatureBuilderActionTypes.LOAD_SUCCESS,\n\t\t\t\tpayload,\n\t\t\t});\n\n\t\t\t// Update strings store with feature definition title and icon\n\t\t\tdispatch(updateFeatureBuilderStringAndIconFromDefinition());\n\t\t} catch (error) {\n\t\t\tconsole.error(\n\t\t\t\t\"FeatureBuilder Actions - Error in loadTargetFeature:\",\n\t\t\t\terror,\n\t\t\t);\n\t\t\tdispatch({\n\t\t\t\ttype: FeatureBuilderActionTypes.FAILURE,\n\t\t\t\tpayload: error.message || \"Failed to load feature.\",\n\t\t\t});\n\t\t}\n\t};\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,kBAAkB;AACzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,+CAA+C,QAAQ,gCAAgC;;AAEhG;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAG;EACxC;EACAC,OAAO,EAAEJ,MAAM,CAACK,OAAO,CAACD,OAAO;EAC/B;EACAE,YAAY,EAAEN,MAAM,CAACK,OAAO,CAACC,YAAY;EACzC;EACAC,OAAO,EAAEP,MAAM,CAACK,OAAO,CAACE;AACzB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACtC,OAAO,OAAOC,QAAQ,EAAEC,QAAQ,KAAK;IACpCD,QAAQ,CAAC;MAAEE,IAAI,EAAER,yBAAyB,CAACC;IAAQ,CAAC,CAAC;IAErD,IAAI;MAAA,IAAAQ,WAAA;MACH,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;MACxB,MAAMI,IAAI,GAAGD,KAAK,aAALA,KAAK,gBAAAD,WAAA,GAALC,KAAK,CAAEE,IAAI,cAAAH,WAAA,uBAAXA,WAAA,CAAaE,IAAI;MAC9B,MAAME,QAAQ,GAAGhB,MAAM,CAACiB,yBAAyB;MAEjD,MAAMC,WAAW,GAAG,MAAMjB,iBAAiB,CAACkB,qBAAqB,CAACL,IAAI,CAAC;MACvE,MAAMM,cAAc,GAAGF,WAAW,CAACG,IAAI,CAACC,kBAAkB,IAAI,EAAE;;MAEhE;MACA,MAAMC,SAAS,GAAGH,cAAc,CAACI,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAKV,QAAQ,CAAC;MAE/D,IAAI,CAACO,SAAS,EAAE;QACf,MAAM,IAAII,KAAK,CACd,sCAAsCX,QAAQ,cAC/C,CAAC;MACF;MAEA,MAAMY,gBAAgB,GAAG;QACxBF,EAAE,EAAEH,SAAS,CAACG,EAAE;QAChB,GAAGH,SAAS,CAACM;MACd,CAAC;MAED,MAAMC,YAAY,GAAG,MAAM7B,iBAAiB,CAAC8B,kBAAkB,CAC9DjB,IAAI,EACJS,SAAS,CAACG,EACX,CAAC;MACD,MAAMM,WAAW,GAAGF,YAAY,CAACT,IAAI,CAACY,QAAQ,IAAI,EAAE;;MAEpD;MACA,MAAMA,QAAQ,GAAGD,WAAW,CAACE,MAAM,CAAEC,OAAO,IAAK,CAACA,OAAO,CAACC,SAAS,CAAC;MAEpE,MAAMC,OAAO,GAAG;QACfC,OAAO,EAAEV,gBAAgB;QACzBK,QAAQ,EAAEA;MACX,CAAC;MACDxB,QAAQ,CAAC;QACRE,IAAI,EAAER,yBAAyB,CAACG,YAAY;QAC5C+B;MACD,CAAC,CAAC;;MAEF;MACA5B,QAAQ,CAACP,+CAA+C,CAAC,CAAC,CAAC;IAC5D,CAAC,CAAC,OAAOqC,KAAK,EAAE;MACfC,OAAO,CAACD,KAAK,CACZ,sDAAsD,EACtDA,KACD,CAAC;MACD9B,QAAQ,CAAC;QACRE,IAAI,EAAER,yBAAyB,CAACI,OAAO;QACvC8B,OAAO,EAAEE,KAAK,CAACE,OAAO,IAAI;MAC3B,CAAC,CAAC;IACH;EACD,CAAC;AACF,CAAC","ignoreList":[]}

package/dist/module/components/FeatureListScreen.js

@@ -7,6 +7,7 @@ import { connect } from "react-redux";
 import { Components, Colours } from "../core.config";
 import { values } from "../values.config";
 import { loadTargetFeature } from "../actions/featureBuilderActions";
+import { Services } from "../feature.config";
 
 // Helper function to title case a string
 const toTitleCase = str => {
@@ -34,95 +35,104 @@ class FeatureListScreen extends Component {
           return CondensedList;
       }
     });
+    _defineProperty(this, "getTitle", () => {
+      const {
+        definition,
+        options
+      } = this.props;
+      if (options !== null && options !== void 0 && options.Title) return options.Title;
+      return toTitleCase((definition === null || definition === void 0 ? void 0 : definition.title) || values.featureName);
+    });
   }
   componentDidMount() {
     // Trigger the fetch sequence
     this.props.loadTargetFeature();
   }
-  render() {
+  renderContent() {
     const {
       definition,
       listings,
       loading,
       error,
-      navigation,
-      mainColor
+      mainColor,
+      isWidget
     } = this.props;
 
     // 1. Error
     if (error) {
       return /*#__PURE__*/React.createElement(View, {
-        style: styles.container
-      }, /*#__PURE__*/React.createElement(Components.Header, {
-        text: "Error",
-        leftIcon: "angle-left",
-        onPressLeft: () => navigation.goBack()
-      }), /*#__PURE__*/React.createElement(View, {
         style: styles.center
       }, /*#__PURE__*/React.createElement(Text, {
         style: styles.errorText
       }, error), /*#__PURE__*/React.createElement(Components.InlineButton, {
         onPress: this.props.loadTargetFeature
-      }, "Retry")));
+      }, "Retry"));
     }
 
-    // 2. Loading state with header
+    // 2. Loading
     if (loading && !definition) {
-      const title = toTitleCase(values.featureName);
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.container
-      }, /*#__PURE__*/React.createElement(Components.Header, {
-        text: title,
-        leftIcon: "angle-left",
-        onPressLeft: () => navigation.goBack()
-      }), /*#__PURE__*/React.createElement(Components.LoadingIndicator, {
+      if (this.props.isWidget) return null;
+      return /*#__PURE__*/React.createElement(Components.LoadingIndicator, {
         visible: true
-      }));
+      });
     }
 
-    // 3. Render List
+    // 3. List
     if (definition) {
       var _definition$layout;
-      // Since we flattened the data, definition.layout is now available directly
       const layoutType = ((_definition$layout = definition.layout) === null || _definition$layout === void 0 ? void 0 : _definition$layout.type) || "condensed";
       const LayoutComponent = this.getLayoutComponent(layoutType);
-      const title = toTitleCase(definition.title || values.featureName);
-      return /*#__PURE__*/React.createElement(View, {
-        style: styles.container
-      }, /*#__PURE__*/React.createElement(Components.Header, {
-        text: title,
-        leftIcon: "angle-left",
-        onPressLeft: () => navigation.goBack()
-      }), /*#__PURE__*/React.createElement(LayoutComponent, {
+      const title = this.getTitle();
+      return /*#__PURE__*/React.createElement(LayoutComponent, {
         listings: listings,
         featureDefinition: definition,
         colourBrandingMain: mainColor,
         title: title,
         onItemPress: item => {
-          navigation.navigate(values.screens.featureDetail, {
+          Services.navigation.navigate(values.screens.featureDetail, {
             listing: item,
             featureDefinition: definition,
             featureTitle: title
           });
         },
         refreshing: loading,
+        isWidget: isWidget,
         onRefresh: this.props.loadTargetFeature
-      }));
+      });
     }
 
-    // 4. Default empty state - should not reach here if logic is correct
+    // 4. Empty
     return /*#__PURE__*/React.createElement(View, {
-      style: styles.container
-    }, /*#__PURE__*/React.createElement(Components.Header, {
-      text: toTitleCase(values.featureName),
-      leftIcon: "angle-left",
-      onPressLeft: () => navigation.goBack()
-    }), /*#__PURE__*/React.createElement(View, {
       style: styles.center
     }, /*#__PURE__*/React.createElement(Components.EmptyStateWidget, {
       title: "Feature not available",
       height: 120
-    })));
+    }));
+  }
+  render() {
+    const {
+      isWidget
+    } = this.props;
+    const title = this.getTitle();
+    const content = this.renderContent();
+    if (isWidget) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.widgetContainer
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.widgetPadding
+      }, /*#__PURE__*/React.createElement(View, {
+        style: styles.widgetHeading
+      }, /*#__PURE__*/React.createElement(Text, {
+        style: styles.widgetTitle
+      }, title))), content);
+    }
+    return /*#__PURE__*/React.createElement(View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(Components.Header, {
+      text: title,
+      leftIcon: "angle-left",
+      onPressLeft: () => Services.navigation.goBack()
+    }), content);
   }
 }
 const styles = StyleSheet.create({
@@ -141,6 +151,25 @@ const styles = StyleSheet.create({
     fontSize: 16,
     color: "#666",
     textAlign: "center"
+  },
+  widgetContainer: {
+    backgroundColor: "#fff",
+    paddingTop: 16
+  },
+  widgetPadding: {
+    paddingHorizontal: 16,
+    paddingBottom: 6
+  },
+  widgetHeading: {
+    marginBottom: 4,
+    flexDirection: "row",
+    alignContent: "flex-start",
+    justifyContent: "space-between"
+  },
+  widgetTitle: {
+    fontFamily: "sf-bold",
+    fontSize: 24,
+    color: Colours.TEXT_DARKEST
   }
 });
 const mapStateToProps = state => {

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

@@ -1 +1 @@
-{"version":3,"names":["React","Component","View","Text","StyleSheet","connect","Components","Colours","values","loadTargetFeature","toTitleCase","str","toLowerCase","split","map","word","charAt","toUpperCase","slice","join","RoundImageList","CondensedList","SquareImageList","FeatureImageList","FeatureListScreen","constructor","args","_defineProperty","layoutType","layoutTypes","round","square","feature","componentDidMount","props","render","definition","listings","loading","error","navigation","mainColor","createElement","style","styles","container","Header","text","leftIcon","onPressLeft","goBack","center","errorText","InlineButton","onPress","title","featureName","LoadingIndicator","visible","_definition$layout","layout","type","LayoutComponent","getLayoutComponent","featureDefinition","colourBrandingMain","onItemPress","item","navigate","screens","featureDetail","listing","featureTitle","refreshing","onRefresh","EmptyStateWidget","height","create","flex","backgroundColor","justifyContent","alignItems","padding","marginBottom","fontSize","color","textAlign","mapStateToProps","state","_state$values$reducer","_state$values$reducer2","_state$values$reducer3","_state$values$reducer4","reducerKey","getMainBrandingColourFromState"],"sources":["FeatureListScreen.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, Text, StyleSheet } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport { Components, Colours } from \"../core.config\";\nimport { values } from \"../values.config\";\nimport { loadTargetFeature } from \"../actions/featureBuilderActions\";\n\n// Helper function to title case a string\nconst toTitleCase = (str) => {\n\tif (!str) return str;\n\treturn str\n\t\t.toLowerCase()\n\t\t.split(\" \")\n\t\t.map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n\t\t.join(\" \");\n};\n\n// Layouts\nimport RoundImageList from \"./layouts/RoundImageList\";\nimport CondensedList from \"./layouts/CondensedList\";\nimport SquareImageList from \"./layouts/SquareImageList\";\nimport FeatureImageList from \"./layouts/FeatureImageList\";\n\nclass FeatureListScreen extends Component {\n\tcomponentDidMount() {\n\t\t// Trigger the fetch sequence\n\t\tthis.props.loadTargetFeature();\n\t}\n\n\tgetLayoutComponent = (layoutType) => {\n\t\tswitch (layoutType) {\n\t\t\tcase values.layoutTypes.round:\n\t\t\t\treturn RoundImageList;\n\t\t\tcase values.layoutTypes.square:\n\t\t\t\treturn SquareImageList;\n\t\t\tcase values.layoutTypes.feature:\n\t\t\t\treturn FeatureImageList;\n\t\t\tdefault:\n\t\t\t\treturn CondensedList;\n\t\t}\n\t};\n\n\trender() {\n\t\tconst { definition, listings, loading, error, navigation, mainColor } =\n\t\t\tthis.props;\n\n\t\t// 1. Error\n\t\tif (error) {\n\t\t\treturn (\n\t\t\t\t<View style={styles.container}>\n\t\t\t\t\t<Components.Header\n\t\t\t\t\t\ttext=\"Error\"\n\t\t\t\t\t\tleftIcon=\"angle-left\"\n\t\t\t\t\t\tonPressLeft={() => navigation.goBack()}\n\t\t\t\t\t/>\n\t\t\t\t\t<View style={styles.center}>\n\t\t\t\t\t\t<Text style={styles.errorText}>{error}</Text>\n\t\t\t\t\t\t<Components.InlineButton onPress={this.props.loadTargetFeature}>\n\t\t\t\t\t\t\tRetry\n\t\t\t\t\t\t</Components.InlineButton>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\n\t\t// 2. Loading state with header\n\t\tif (loading && !definition) {\n\t\t\tconst title = toTitleCase(values.featureName);\n\t\t\treturn (\n\t\t\t\t<View style={styles.container}>\n\t\t\t\t\t<Components.Header\n\t\t\t\t\t\ttext={title}\n\t\t\t\t\t\tleftIcon=\"angle-left\"\n\t\t\t\t\t\tonPressLeft={() => navigation.goBack()}\n\t\t\t\t\t/>\n\t\t\t\t\t<Components.LoadingIndicator visible={true} />\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\n\t\t// 3. Render List\n\t\tif (definition) {\n\t\t\t// Since we flattened the data, definition.layout is now available directly\n\t\t\tconst layoutType = definition.layout?.type || \"condensed\";\n\t\t\tconst LayoutComponent = this.getLayoutComponent(layoutType);\n\t\t\tconst title = toTitleCase(definition.title || values.featureName);\n\n\t\t\treturn (\n\t\t\t\t<View style={styles.container}>\n\t\t\t\t\t<Components.Header\n\t\t\t\t\t\ttext={title}\n\t\t\t\t\t\tleftIcon=\"angle-left\"\n\t\t\t\t\t\tonPressLeft={() => navigation.goBack()}\n\t\t\t\t\t/>\n\n\t\t\t\t\t<LayoutComponent\n\t\t\t\t\t\tlistings={listings}\n\t\t\t\t\t\tfeatureDefinition={definition}\n\t\t\t\t\t\tcolourBrandingMain={mainColor}\n\t\t\t\t\t\ttitle={title}\n\t\t\t\t\t\tonItemPress={(item) => {\n\t\t\t\t\t\t\tnavigation.navigate(values.screens.featureDetail, {\n\t\t\t\t\t\t\t\tlisting: item,\n\t\t\t\t\t\t\t\tfeatureDefinition: definition,\n\t\t\t\t\t\t\t\tfeatureTitle: title,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}}\n\t\t\t\t\t\trefreshing={loading}\n\t\t\t\t\t\tonRefresh={this.props.loadTargetFeature}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\n\t\t// 4. Default empty state - should not reach here if logic is correct\n\t\treturn (\n\t\t\t<View style={styles.container}>\n\t\t\t\t<Components.Header\n\t\t\t\t\ttext={toTitleCase(values.featureName)}\n\t\t\t\t\tleftIcon=\"angle-left\"\n\t\t\t\t\tonPressLeft={() => navigation.goBack()}\n\t\t\t\t/>\n\t\t\t\t<View style={styles.center}>\n\t\t\t\t\t<Components.EmptyStateWidget\n\t\t\t\t\t\ttitle=\"Feature not available\"\n\t\t\t\t\t\theight={120}\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: { flex: 1, backgroundColor: \"#fff\" },\n\tcenter: {\n\t\tflex: 1,\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t\tpadding: 20,\n\t},\n\terrorText: {\n\t\tmarginBottom: 10,\n\t\tfontSize: 16,\n\t\tcolor: \"#666\",\n\t\ttextAlign: \"center\",\n\t},\n});\n\nconst mapStateToProps = (state) => ({\n\tdefinition: state[values.reducerKey]?.feature,\n\tlistings: state[values.reducerKey]?.listings,\n\tloading: state[values.reducerKey]?.loading,\n\terror: state[values.reducerKey]?.error,\n\tmainColor: Colours.getMainBrandingColourFromState(state),\n});\n\nexport default connect(mapStateToProps, { loadTargetFeature })(\n\tFeatureListScreen,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Component","View","Text","StyleSheet","connect","Components","Colours","values","loadTargetFeature","Services","toTitleCase","str","toLowerCase","split","map","word","charAt","toUpperCase","slice","join","RoundImageList","CondensedList","SquareImageList","FeatureImageList","FeatureListScreen","constructor","args","_defineProperty","layoutType","layoutTypes","round","square","feature","definition","options","props","Title","title","featureName","componentDidMount","renderContent","listings","loading","error","mainColor","isWidget","createElement","style","styles","center","errorText","InlineButton","onPress","LoadingIndicator","visible","_definition$layout","layout","type","LayoutComponent","getLayoutComponent","getTitle","featureDefinition","colourBrandingMain","onItemPress","item","navigation","navigate","screens","featureDetail","listing","featureTitle","refreshing","onRefresh","EmptyStateWidget","height","render","content","widgetContainer","widgetPadding","widgetHeading","widgetTitle","container","Header","text","leftIcon","onPressLeft","goBack","create","flex","backgroundColor","justifyContent","alignItems","padding","marginBottom","fontSize","color","textAlign","paddingTop","paddingHorizontal","paddingBottom","flexDirection","alignContent","fontFamily","TEXT_DARKEST","mapStateToProps","state","_state$values$reducer","_state$values$reducer2","_state$values$reducer3","_state$values$reducer4","reducerKey","getMainBrandingColourFromState"],"sources":["FeatureListScreen.js"],"sourcesContent":["import React, { Component } from \"react\";\nimport { View, Text, StyleSheet } from \"react-native\";\nimport { connect } from \"react-redux\";\nimport { Components, Colours } from \"../core.config\";\nimport { values } from \"../values.config\";\nimport { loadTargetFeature } from \"../actions/featureBuilderActions\";\nimport { Services } from \"../feature.config\";\n\n// Helper function to title case a string\nconst toTitleCase = (str) => {\n\tif (!str) return str;\n\treturn str\n\t\t.toLowerCase()\n\t\t.split(\" \")\n\t\t.map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n\t\t.join(\" \");\n};\n\n// Layouts\nimport RoundImageList from \"./layouts/RoundImageList\";\nimport CondensedList from \"./layouts/CondensedList\";\nimport SquareImageList from \"./layouts/SquareImageList\";\nimport FeatureImageList from \"./layouts/FeatureImageList\";\n\nclass FeatureListScreen extends Component {\n\tcomponentDidMount() {\n\t\t// Trigger the fetch sequence\n\t\tthis.props.loadTargetFeature();\n\t}\n\n\tgetLayoutComponent = (layoutType) => {\n\t\tswitch (layoutType) {\n\t\t\tcase values.layoutTypes.round:\n\t\t\t\treturn RoundImageList;\n\t\t\tcase values.layoutTypes.square:\n\t\t\t\treturn SquareImageList;\n\t\t\tcase values.layoutTypes.feature:\n\t\t\t\treturn FeatureImageList;\n\t\t\tdefault:\n\t\t\t\treturn CondensedList;\n\t\t}\n\t};\n\n\tgetTitle = () => {\n\t\tconst { definition, options } = this.props;\n\t\tif (options?.Title) return options.Title;\n\t\treturn toTitleCase(definition?.title || values.featureName);\n\t};\n\n\trenderContent() {\n\t\tconst { definition, listings, loading, error, mainColor, isWidget } =\n\t\t\tthis.props;\n\n\t\t// 1. Error\n\t\tif (error) {\n\t\t\treturn (\n\t\t\t\t<View style={styles.center}>\n\t\t\t\t\t<Text style={styles.errorText}>{error}</Text>\n\t\t\t\t\t<Components.InlineButton onPress={this.props.loadTargetFeature}>\n\t\t\t\t\t\tRetry\n\t\t\t\t\t</Components.InlineButton>\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\n\t\t// 2. Loading\n\t\tif (loading && !definition) {\n\t\t\tif (this.props.isWidget) return null;\n\t\t\treturn <Components.LoadingIndicator visible={true} />;\n\t\t}\n\n\t\t// 3. List\n\t\tif (definition) {\n\t\t\tconst layoutType = definition.layout?.type || \"condensed\";\n\t\t\tconst LayoutComponent = this.getLayoutComponent(layoutType);\n\t\t\tconst title = this.getTitle();\n\n\t\t\treturn (\n\t\t\t\t<LayoutComponent\n\t\t\t\t\tlistings={listings}\n\t\t\t\t\tfeatureDefinition={definition}\n\t\t\t\t\tcolourBrandingMain={mainColor}\n\t\t\t\t\ttitle={title}\n\t\t\t\t\tonItemPress={(item) => {\n\t\t\t\t\t\tServices.navigation.navigate(values.screens.featureDetail, {\n\t\t\t\t\t\t\tlisting: item,\n\t\t\t\t\t\t\tfeatureDefinition: definition,\n\t\t\t\t\t\t\tfeatureTitle: title,\n\t\t\t\t\t\t});\n\t\t\t\t\t}}\n\t\t\t\t\trefreshing={loading}\n\t\t\t\t\tisWidget={isWidget}\n\t\t\t\t\tonRefresh={this.props.loadTargetFeature}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\n\t\t// 4. Empty\n\t\treturn (\n\t\t\t<View style={styles.center}>\n\t\t\t\t<Components.EmptyStateWidget\n\t\t\t\t\ttitle=\"Feature not available\"\n\t\t\t\t\theight={120}\n\t\t\t\t/>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { isWidget } = this.props;\n\t\tconst title = this.getTitle();\n\t\tconst content = this.renderContent();\n\n\t\tif (isWidget) {\n\t\t\treturn (\n\t\t\t\t<View style={styles.widgetContainer}>\n\t\t\t\t\t<View style={styles.widgetPadding}>\n\t\t\t\t\t\t<View style={styles.widgetHeading}>\n\t\t\t\t\t\t\t<Text style={styles.widgetTitle}>{title}</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t\t{content}\n\t\t\t\t</View>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<View style={styles.container}>\n\t\t\t\t<Components.Header\n\t\t\t\t\ttext={title}\n\t\t\t\t\tleftIcon=\"angle-left\"\n\t\t\t\t\tonPressLeft={() => Services.navigation.goBack()}\n\t\t\t\t/>\n\t\t\t\t{content}\n\t\t\t</View>\n\t\t);\n\t}\n}\n\nconst styles = StyleSheet.create({\n\tcontainer: { flex: 1, backgroundColor: \"#fff\" },\n\tcenter: {\n\t\tflex: 1,\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t\tpadding: 20,\n\t},\n\terrorText: {\n\t\tmarginBottom: 10,\n\t\tfontSize: 16,\n\t\tcolor: \"#666\",\n\t\ttextAlign: \"center\",\n\t},\n\twidgetContainer: {\n\t\tbackgroundColor: \"#fff\",\n\t\tpaddingTop: 16,\n\t},\n\twidgetPadding: {\n\t\tpaddingHorizontal: 16,\n\t\tpaddingBottom: 6,\n\t},\n\twidgetHeading: {\n\t\tmarginBottom: 4,\n\t\tflexDirection: \"row\",\n\t\talignContent: \"flex-start\",\n\t\tjustifyContent: \"space-between\",\n\t},\n\twidgetTitle: {\n\t\tfontFamily: \"sf-bold\",\n\t\tfontSize: 24,\n\t\tcolor: Colours.TEXT_DARKEST,\n\t},\n});\n\nconst mapStateToProps = (state) => ({\n\tdefinition: state[values.reducerKey]?.feature,\n\tlistings: state[values.reducerKey]?.listings,\n\tloading: state[values.reducerKey]?.loading,\n\terror: state[values.reducerKey]?.error,\n\tmainColor: Colours.getMainBrandingColourFromState(state),\n});\n\nexport default connect(mapStateToProps, { loadTargetFeature })(\n\tFeatureListScreen,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Widget.js

@@ -0,0 +1,8 @@
+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 FeatureListScreen from "./FeatureListScreen";
+const Widget = props => /*#__PURE__*/React.createElement(FeatureListScreen, _extends({}, props, {
+  isWidget: true
+}));
+export default Widget;
+//# sourceMappingURL=Widget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","FeatureListScreen","Widget","props","createElement","_extends","isWidget"],"sources":["Widget.js"],"sourcesContent":["import React from \"react\";\nimport FeatureListScreen from \"./FeatureListScreen\";\n\nconst Widget = (props) => <FeatureListScreen {...props} isWidget />;\n\nexport default Widget;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,MAAMC,MAAM,GAAIC,KAAK,iBAAKH,KAAA,CAAAI,aAAA,CAACH,iBAAiB,EAAAI,QAAA,KAAKF,KAAK;EAAEG,QAAQ;AAAA,EAAE,CAAC;AAEnE,eAAeJ,MAAM","ignoreList":[]}

package/dist/module/components/WidgetLarge.js

@@ -1,19 +1,25 @@
 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, ScrollView, StyleSheet, TouchableOpacity, Image } from "react-native";
-import { connect } from "react-redux";
-import _ from "lodash";
-import { FontAwesome } from "@expo/vector-icons";
-import { Services } from "../feature.config";
-import { Components, Colours } from "../core.config";
-import { values } from "../values.config";
-import { selectListings, selectFeatureDefinition } from "../utils/selectors";
-import { SPACING } from "../js/spacing";
-import { getMainBrandingColourFromState } from "../js";
-import { getSummaryFieldValue } from "../js/helpers";
-import { loadTargetFeature } from "../actions/featureBuilderActions";
+import React, { Component } from 'react';
+import { Text, View, StyleSheet } from 'react-native';
+import { connect } from 'react-redux';
+import _ from 'lodash';
+import { FontAwesome } from '@expo/vector-icons';
+import { Services } from '../feature.config';
+import { Components, Colours } from '../core.config';
+import { values } from '../values.config';
+import { selectListings, selectFeatureDefinition } from '../utils/selectors';
+import { SPACING } from '../js/spacing';
+import { getMainBrandingColourFromState } from '../js';
+import { getSummaryFieldValue } from '../js/helpers';
+import { loadTargetFeature } from '../actions/featureBuilderActions';
+
+// Layouts
+import RoundImageList from './layouts/RoundImageList';
+import CondensedList from './layouts/CondensedList';
+import SquareImageList from './layouts/SquareImageList';
+import FeatureImageList from './layouts/FeatureImageList';
 class WidgetLarge extends Component {
   constructor(props) {
     super(props);
@@ -27,19 +33,33 @@ class WidgetLarge extends Component {
       if (featureDefinition !== null && featureDefinition !== void 0 && featureDefinition.title || featureDefinition !== null && featureDefinition !== void 0 && featureDefinition.displayName) {
         return featureDefinition.title || featureDefinition.displayName;
       }
-      return values.featureName || "Custom Features";
+      return values.featureName || 'Custom Features';
     });
     _defineProperty(this, "getEmptyStateText", () => {
       const {
-        options
+        options,
+        featureDefinition
       } = this.props;
       if (options && !_.isEmpty(options.EmptyText)) return options.EmptyText;
-      return "No custom features available";
+      const featureName = (featureDefinition === null || featureDefinition === void 0 ? void 0 : featureDefinition.title) || (featureDefinition === null || featureDefinition === void 0 ? void 0 : featureDefinition.displayName) || values.featureName || 'Feature';
+      return `No listings for ${featureName}`;
+    });
+    _defineProperty(this, "getLayoutComponent", layoutType => {
+      switch (layoutType) {
+        case values.layoutTypes.round:
+          return RoundImageList;
+        case values.layoutTypes.square:
+          return SquareImageList;
+        case values.layoutTypes.feature:
+          return FeatureImageList;
+        default:
+          return CondensedList;
+      }
     });
     _defineProperty(this, "refresh", () => {
       this.onLoadingChanged(true, async () => {
         try {
-          await loadTargetFeature()(this.props.dispatch, () => this.props.getState);
+          await this.props.dispatch(loadTargetFeature());
         } finally {
           this.onLoadingChanged(false);
         }
@@ -53,75 +73,17 @@ class WidgetLarge extends Component {
         if (callback) callback();
       });
     });
-    _defineProperty(this, "getImageSource", imageField => {
-      if (!imageField) return null;
-      if (typeof imageField === "string") {
-        return {
-          uri: imageField
-        };
-      }
-      if (typeof imageField === "object" && imageField.uri) {
-        return imageField;
-      }
-      if (typeof imageField === "object" && imageField.url) {
-        return {
-          uri: imageField.url
-        };
-      }
-      return null;
-    });
-    _defineProperty(this, "onListingPress", listing => {
-      const {
-        featureDefinition
-      } = this.props;
-      const title = this.getTitle();
-      Services.navigation.navigate(values.screens.featureDetail, {
-        listing: listing,
-        featureDefinition: featureDefinition,
-        featureTitle: title
-      });
-    });
-    _defineProperty(this, "renderListingCard", listing => {
-      var _listing$fields, _listing$fields2;
+    _defineProperty(this, "onItemPress", item => {
       const {
-        colourBrandingMain,
         featureDefinition
       } = this.props;
-      const title = ((_listing$fields = listing.fields) === null || _listing$fields === void 0 ? void 0 : _listing$fields[values.mandatoryFields.title]) || "Untitled";
-      const summary = getSummaryFieldValue(listing, featureDefinition);
-      const imageField = (_listing$fields2 = listing.fields) === null || _listing$fields2 === void 0 ? void 0 : _listing$fields2[values.mandatoryFields.featureImage];
-      const imageSource = this.getImageSource(imageField);
-      return /*#__PURE__*/React.createElement(TouchableOpacity, {
-        key: listing.id,
-        style: styles.listItem,
-        onPress: () => this.onListingPress(listing)
-      }, /*#__PURE__*/React.createElement(View, {
-        style: styles.avatarContainer
-      }, imageSource ? /*#__PURE__*/React.createElement(Image, {
-        source: imageSource,
-        style: styles.avatar,
-        resizeMode: "cover"
-      }) : /*#__PURE__*/React.createElement(View, {
-        style: [styles.avatar, styles.placeholderAvatar]
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
-        name: "image",
-        size: 16,
-        color: Colours.TEXT_LIGHT
-      }))), /*#__PURE__*/React.createElement(View, {
-        style: styles.textContainer
-      }, /*#__PURE__*/React.createElement(Text, {
-        style: styles.titleText,
-        numberOfLines: 1
-      }, title), summary && /*#__PURE__*/React.createElement(Text, {
-        style: styles.descriptionText,
-        numberOfLines: 1
-      }, summary)), /*#__PURE__*/React.createElement(View, {
-        style: styles.chevronContainer
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
-        name: "chevron-right",
-        size: 14,
-        color: Colours.TEXT_LIGHT
-      })));
+      if (featureDefinition) {
+        Services.navigation.navigate(values.screens.featureDetail, {
+          listing: item,
+          featureDefinition: featureDefinition,
+          featureTitle: featureDefinition.title || featureDefinition.displayName
+        });
+      }
     });
     this.state = {
       loading: false
@@ -136,52 +98,55 @@ class WidgetLarge extends Component {
     }
   }
   renderContent() {
+    var _featureDefinition$la;
     const {
-      listings
+      listings,
+      featureDefinition,
+      colourBrandingMain
     } = this.props;
 
-    // Don't render widget if no listings are available (and not loading)
-    if (_.isEmpty(listings) && !this.state.loading) {
-      return null;
+    // Show loading state if no definition or loading
+    if (!featureDefinition || this.state.loading) {
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.loadingPadding
+      }, /*#__PURE__*/React.createElement(Components.LoadingStateWidget, {
+        height: 300
+      }));
     }
+
+    // Show empty state if no listings are available
     if (_.isEmpty(listings)) {
-      if (this.state.loading) {
-        return /*#__PURE__*/React.createElement(View, {
-          style: styles.loadingPadding
-        }, /*#__PURE__*/React.createElement(Components.LoadingStateWidget, {
-          height: 300
-        }));
-      }
-      return null;
+      return /*#__PURE__*/React.createElement(View, {
+        style: styles.emptyPadding
+      }, /*#__PURE__*/React.createElement(Components.EmptyStateWidget, {
+        title: this.getTitle(),
+        height: 120
+      }));
     }
-    return /*#__PURE__*/React.createElement(ScrollView, {
-      contentContainerStyle: styles.featuresContainer,
-      showsVerticalScrollIndicator: false
-    }, listings.map(listing => this.renderListingCard(listing)));
+    const layoutType = ((_featureDefinition$la = featureDefinition.layout) === null || _featureDefinition$la === void 0 ? void 0 : _featureDefinition$la.type) || 'condensed';
+    const LayoutComponent = this.getLayoutComponent(layoutType);
+    const title = this.getTitle();
+    return /*#__PURE__*/React.createElement(LayoutComponent, {
+      listings: listings,
+      featureDefinition: featureDefinition,
+      colourBrandingMain: colourBrandingMain,
+      title: title,
+      onItemPress: this.onItemPress
+    });
   }
   render() {
-    const {
-      colourBrandingMain
-    } = this.props;
-    const content = this.renderContent();
-    // Don't render widget section if content is null (no features available)
-    if (content === null) {
-      return null;
-    }
     return /*#__PURE__*/React.createElement(View, {
       style: styles.sectionContainer
     }, /*#__PURE__*/React.createElement(View, {
       style: styles.sectionPadding
-    }, /*#__PURE__*/React.createElement(View, {
-      style: styles.sectionHeading
     }, /*#__PURE__*/React.createElement(Text, {
       style: styles.sectionTitle
-    }, this.getTitle()))), content);
+    }, this.getTitle())), this.renderContent());
   }
 }
 const styles = StyleSheet.create({
   sectionContainer: {
-    backgroundColor: "#fff",
+    backgroundColor: '#fff',
     flex: 1
   },
   sectionPadding: {
@@ -192,61 +157,13 @@ const styles = StyleSheet.create({
   loadingPadding: {
     paddingHorizontal: SPACING.MD
   },
-  sectionHeading: {
-    marginBottom: SPACING.MD
+  emptyPadding: {
+    paddingHorizontal: SPACING.MD
   },
   sectionTitle: {
-    fontFamily: "sf-bold",
+    fontFamily: 'sf-bold',
     fontSize: 24,
-    color: "#000"
-  },
-  featuresContainer: {
-    paddingHorizontal: SPACING.MD,
-    paddingBottom: SPACING.MD
-  },
-  // Listing item styles (similar to CondensedListItem)
-  listItem: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    backgroundColor: "#fff"
-  },
-  avatarContainer: {
-    width: 40,
-    height: 40,
-    borderRadius: 20,
-    marginRight: 12
-  },
-  avatar: {
-    width: 40,
-    height: 40,
-    borderRadius: 20,
-    backgroundColor: Colours.BACKGROUND_LIGHT || "#f0f0f0"
-  },
-  placeholderAvatar: {
-    backgroundColor: Colours.BACKGROUND_LIGHT || "#f0f0f0",
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  textContainer: {
-    flex: 1,
-    justifyContent: "center"
-  },
-  titleText: {
-    fontFamily: "sf-semibold",
-    fontSize: 16,
-    color: Colours.TEXT_DARK || "#333",
-    marginBottom: 2
-  },
-  descriptionText: {
-    fontFamily: "sf-regular",
-    fontSize: 14,
-    color: Colours.TEXT_LIGHT || "#666",
-    lineHeight: 18
-  },
-  chevronContainer: {
-    paddingLeft: 8
+    color: '#000'
   }
 });
 const mapStateToProps = state => {