@plusscommunities/pluss-core-app 8.0.28 → 8.0.31

package/dist/module/js/images/getScaledOffset.js

@@ -0,0 +1,81 @@
+const getScaledOffset = (sourceWidth, sourceHeight, targetWidth, targetHeight) => {
+  const sourceRatio = sourceWidth / sourceHeight;
+  const targetRatio = targetWidth / targetHeight;
+
+  // same ratio. no adjustment needed.
+  if (sourceRatio === targetRatio) {
+    return {
+      width: targetWidth,
+      height: targetHeight,
+      scaleFactor: targetWidth / sourceWidth,
+      offset: {
+        x: 0,
+        y: 0
+      },
+      bounds: {
+        start: {
+          x: 0,
+          y: 0
+        },
+        end: {
+          x: targetWidth,
+          y: targetHeight
+        }
+      }
+    };
+  }
+
+  // source is higher than target. height scaling and y offset required.
+  if (sourceRatio < targetRatio) {
+    const scaleFactor = targetWidth / sourceWidth;
+    const adjustedHeight = sourceHeight * scaleFactor;
+    const yOffset = (adjustedHeight - targetHeight) / 2;
+    return {
+      width: targetWidth,
+      height: adjustedHeight,
+      scaleFactor,
+      offset: {
+        x: 0,
+        y: -yOffset
+      },
+      bounds: {
+        start: {
+          x: 0,
+          y: yOffset
+        },
+        end: {
+          x: targetWidth,
+          y: yOffset + adjustedHeight
+        }
+      }
+    };
+  }
+
+  // source is wider than target. width scaling and x offset required.
+  if (sourceRatio > targetRatio) {
+    const scaleFactor = targetHeight / sourceHeight;
+    const adjustedWidth = sourceWidth * scaleFactor;
+    const xOffset = (adjustedWidth - targetWidth) / 2;
+    return {
+      width: adjustedWidth,
+      height: targetHeight,
+      scaleFactor,
+      offset: {
+        x: -xOffset,
+        y: 0
+      },
+      bounds: {
+        start: {
+          x: xOffset,
+          y: 0
+        },
+        end: {
+          x: xOffset + adjustedWidth,
+          y: targetHeight
+        }
+      }
+    };
+  }
+};
+export default getScaledOffset;
+//# sourceMappingURL=getScaledOffset.js.map

package/dist/module/js/images/getScaledOffset.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getScaledOffset","sourceWidth","sourceHeight","targetWidth","targetHeight","sourceRatio","targetRatio","width","height","scaleFactor","offset","x","y","bounds","start","end","adjustedHeight","yOffset","adjustedWidth","xOffset"],"sources":["getScaledOffset.js"],"sourcesContent":["const getScaledOffset = (\n\tsourceWidth,\n\tsourceHeight,\n\ttargetWidth,\n\ttargetHeight,\n) => {\n\tconst sourceRatio = sourceWidth / sourceHeight;\n\tconst targetRatio = targetWidth / targetHeight;\n\n\t// same ratio. no adjustment needed.\n\tif (sourceRatio === targetRatio) {\n\t\treturn {\n\t\t\twidth: targetWidth,\n\t\t\theight: targetHeight,\n\t\t\tscaleFactor: targetWidth / sourceWidth,\n\t\t\toffset: {\n\t\t\t\tx: 0,\n\t\t\t\ty: 0,\n\t\t\t},\n\t\t\tbounds: {\n\t\t\t\tstart: {\n\t\t\t\t\tx: 0,\n\t\t\t\t\ty: 0,\n\t\t\t\t},\n\t\t\t\tend: {\n\t\t\t\t\tx: targetWidth,\n\t\t\t\t\ty: targetHeight,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\t// source is higher than target. height scaling and y offset required.\n\tif (sourceRatio < targetRatio) {\n\t\tconst scaleFactor = targetWidth / sourceWidth;\n\t\tconst adjustedHeight = sourceHeight * scaleFactor;\n\t\tconst yOffset = (adjustedHeight - targetHeight) / 2;\n\n\t\treturn {\n\t\t\twidth: targetWidth,\n\t\t\theight: adjustedHeight,\n\t\t\tscaleFactor,\n\t\t\toffset: {\n\t\t\t\tx: 0,\n\t\t\t\ty: -yOffset,\n\t\t\t},\n\t\t\tbounds: {\n\t\t\t\tstart: {\n\t\t\t\t\tx: 0,\n\t\t\t\t\ty: yOffset,\n\t\t\t\t},\n\t\t\t\tend: {\n\t\t\t\t\tx: targetWidth,\n\t\t\t\t\ty: yOffset + adjustedHeight,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\t// source is wider than target. width scaling and x offset required.\n\tif (sourceRatio > targetRatio) {\n\t\tconst scaleFactor = targetHeight / sourceHeight;\n\t\tconst adjustedWidth = sourceWidth * scaleFactor;\n\t\tconst xOffset = (adjustedWidth - targetWidth) / 2;\n\n\t\treturn {\n\t\t\twidth: adjustedWidth,\n\t\t\theight: targetHeight,\n\t\t\tscaleFactor,\n\t\t\toffset: {\n\t\t\t\tx: -xOffset,\n\t\t\t\ty: 0,\n\t\t\t},\n\t\t\tbounds: {\n\t\t\t\tstart: {\n\t\t\t\t\tx: xOffset,\n\t\t\t\t\ty: 0,\n\t\t\t\t},\n\t\t\t\tend: {\n\t\t\t\t\tx: xOffset + adjustedWidth,\n\t\t\t\t\ty: targetHeight,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n};\n\nexport default getScaledOffset;\n"],"mappings":"AAAA,MAAMA,eAAe,GAAGA,CACvBC,WAAW,EACXC,YAAY,EACZC,WAAW,EACXC,YAAY,KACR;EACJ,MAAMC,WAAW,GAAGJ,WAAW,GAAGC,YAAY;EAC9C,MAAMI,WAAW,GAAGH,WAAW,GAAGC,YAAY;;EAE9C;EACA,IAAIC,WAAW,KAAKC,WAAW,EAAE;IAChC,OAAO;MACNC,KAAK,EAAEJ,WAAW;MAClBK,MAAM,EAAEJ,YAAY;MACpBK,WAAW,EAAEN,WAAW,GAAGF,WAAW;MACtCS,MAAM,EAAE;QACPC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE;MACJ,CAAC;MACDC,MAAM,EAAE;QACPC,KAAK,EAAE;UACNH,CAAC,EAAE,CAAC;UACJC,CAAC,EAAE;QACJ,CAAC;QACDG,GAAG,EAAE;UACJJ,CAAC,EAAER,WAAW;UACdS,CAAC,EAAER;QACJ;MACD;IACD,CAAC;EACF;;EAEA;EACA,IAAIC,WAAW,GAAGC,WAAW,EAAE;IAC9B,MAAMG,WAAW,GAAGN,WAAW,GAAGF,WAAW;IAC7C,MAAMe,cAAc,GAAGd,YAAY,GAAGO,WAAW;IACjD,MAAMQ,OAAO,GAAG,CAACD,cAAc,GAAGZ,YAAY,IAAI,CAAC;IAEnD,OAAO;MACNG,KAAK,EAAEJ,WAAW;MAClBK,MAAM,EAAEQ,cAAc;MACtBP,WAAW;MACXC,MAAM,EAAE;QACPC,CAAC,EAAE,CAAC;QACJC,CAAC,EAAE,CAACK;MACL,CAAC;MACDJ,MAAM,EAAE;QACPC,KAAK,EAAE;UACNH,CAAC,EAAE,CAAC;UACJC,CAAC,EAAEK;QACJ,CAAC;QACDF,GAAG,EAAE;UACJJ,CAAC,EAAER,WAAW;UACdS,CAAC,EAAEK,OAAO,GAAGD;QACd;MACD;IACD,CAAC;EACF;;EAEA;EACA,IAAIX,WAAW,GAAGC,WAAW,EAAE;IAC9B,MAAMG,WAAW,GAAGL,YAAY,GAAGF,YAAY;IAC/C,MAAMgB,aAAa,GAAGjB,WAAW,GAAGQ,WAAW;IAC/C,MAAMU,OAAO,GAAG,CAACD,aAAa,GAAGf,WAAW,IAAI,CAAC;IAEjD,OAAO;MACNI,KAAK,EAAEW,aAAa;MACpBV,MAAM,EAAEJ,YAAY;MACpBK,WAAW;MACXC,MAAM,EAAE;QACPC,CAAC,EAAE,CAACQ,OAAO;QACXP,CAAC,EAAE;MACJ,CAAC;MACDC,MAAM,EAAE;QACPC,KAAK,EAAE;UACNH,CAAC,EAAEQ,OAAO;UACVP,CAAC,EAAE;QACJ,CAAC;QACDG,GAAG,EAAE;UACJJ,CAAC,EAAEQ,OAAO,GAAGD,aAAa;UAC1BN,CAAC,EAAER;QACJ;MACD;IACD,CAAC;EACF;AACD,CAAC;AAED,eAAeJ,eAAe","ignoreList":[]}

package/dist/module/js/site/getSiteLevelFromState.js

@@ -0,0 +1,29 @@
+const getSiteLevelFromState = state => {
+  let siteType = "legacy";
+  if (state && state.user && state.user.siteInfo && state.user.siteInfo.Type) {
+    siteType = state.user.siteInfo.Type;
+  }
+  const siteConfig = {
+    type: siteType,
+    hasTV: true,
+    hasKiosk: false,
+    hasPayments: true,
+    hasPersonalNotes: true,
+    hasEmergencyContacts: true,
+    hasPersonalDocuments: true
+  };
+  switch (siteType) {
+    case "free":
+      siteConfig.hasTV = false;
+      siteConfig.hasPayments = false;
+      siteConfig.hasPersonalNotes = false;
+      siteConfig.hasEmergencyContacts = false;
+      siteConfig.hasPersonalDocuments = false;
+      break;
+    default:
+      break;
+  }
+  return siteConfig;
+};
+export default getSiteLevelFromState;
+//# sourceMappingURL=getSiteLevelFromState.js.map

package/dist/module/js/site/getSiteLevelFromState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getSiteLevelFromState","state","siteType","user","siteInfo","Type","siteConfig","type","hasTV","hasKiosk","hasPayments","hasPersonalNotes","hasEmergencyContacts","hasPersonalDocuments"],"sources":["getSiteLevelFromState.js"],"sourcesContent":["const getSiteLevelFromState = (state) => {\n\tlet siteType = \"legacy\";\n\tif (state && state.user && state.user.siteInfo && state.user.siteInfo.Type) {\n\t\tsiteType = state.user.siteInfo.Type;\n\t}\n\tconst siteConfig = {\n\t\ttype: siteType,\n\t\thasTV: true,\n\t\thasKiosk: false,\n\t\thasPayments: true,\n\t\thasPersonalNotes: true,\n\t\thasEmergencyContacts: true,\n\t\thasPersonalDocuments: true,\n\t};\n\n\tswitch (siteType) {\n\t\tcase \"free\":\n\t\t\tsiteConfig.hasTV = false;\n\t\t\tsiteConfig.hasPayments = false;\n\t\t\tsiteConfig.hasPersonalNotes = false;\n\t\t\tsiteConfig.hasEmergencyContacts = false;\n\t\t\tsiteConfig.hasPersonalDocuments = false;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\treturn siteConfig;\n};\n\nexport default getSiteLevelFromState;\n"],"mappings":"AAAA,MAAMA,qBAAqB,GAAIC,KAAK,IAAK;EACxC,IAAIC,QAAQ,GAAG,QAAQ;EACvB,IAAID,KAAK,IAAIA,KAAK,CAACE,IAAI,IAAIF,KAAK,CAACE,IAAI,CAACC,QAAQ,IAAIH,KAAK,CAACE,IAAI,CAACC,QAAQ,CAACC,IAAI,EAAE;IAC3EH,QAAQ,GAAGD,KAAK,CAACE,IAAI,CAACC,QAAQ,CAACC,IAAI;EACpC;EACA,MAAMC,UAAU,GAAG;IAClBC,IAAI,EAAEL,QAAQ;IACdM,KAAK,EAAE,IAAI;IACXC,QAAQ,EAAE,KAAK;IACfC,WAAW,EAAE,IAAI;IACjBC,gBAAgB,EAAE,IAAI;IACtBC,oBAAoB,EAAE,IAAI;IAC1BC,oBAAoB,EAAE;EACvB,CAAC;EAED,QAAQX,QAAQ;IACf,KAAK,MAAM;MACVI,UAAU,CAACE,KAAK,GAAG,KAAK;MACxBF,UAAU,CAACI,WAAW,GAAG,KAAK;MAC9BJ,UAAU,CAACK,gBAAgB,GAAG,KAAK;MACnCL,UAAU,CAACM,oBAAoB,GAAG,KAAK;MACvCN,UAAU,CAACO,oBAAoB,GAAG,KAAK;MACvC;IACD;MACC;EACF;EACA,OAAOP,UAAU;AAClB,CAAC;AAED,eAAeN,qBAAqB","ignoreList":[]}

package/dist/module/js/site/isTVEnabled.js

@@ -0,0 +1,10 @@
+import _ from "lodash";
+const isTVEnabled = (interfaces, feature) => {
+  return _.some(interfaces, t => {
+    return t.Type === "TV" && (!feature || _.some(t.Settings.widgets, f => {
+      return f.key === feature;
+    }));
+  });
+};
+export default isTVEnabled;
+//# sourceMappingURL=isTVEnabled.js.map

package/dist/module/js/site/isTVEnabled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_","isTVEnabled","interfaces","feature","some","t","Type","Settings","widgets","f","key"],"sources":["isTVEnabled.js"],"sourcesContent":["import _ from \"lodash\";\n\nconst isTVEnabled = (interfaces, feature) => {\n\treturn _.some(interfaces, (t) => {\n\t\treturn (\n\t\t\tt.Type === \"TV\" &&\n\t\t\t(!feature ||\n\t\t\t\t_.some(t.Settings.widgets, (f) => {\n\t\t\t\t\treturn f.key === feature;\n\t\t\t\t}))\n\t\t);\n\t});\n};\n\nexport default isTVEnabled;\n"],"mappings":"AAAA,OAAOA,CAAC,MAAM,QAAQ;AAEtB,MAAMC,WAAW,GAAGA,CAACC,UAAU,EAAEC,OAAO,KAAK;EAC5C,OAAOH,CAAC,CAACI,IAAI,CAACF,UAAU,EAAGG,CAAC,IAAK;IAChC,OACCA,CAAC,CAACC,IAAI,KAAK,IAAI,KACd,CAACH,OAAO,IACRH,CAAC,CAACI,IAAI,CAACC,CAAC,CAACE,QAAQ,CAACC,OAAO,EAAGC,CAAC,IAAK;MACjC,OAAOA,CAAC,CAACC,GAAG,KAAKP,OAAO;IACzB,CAAC,CAAC,CAAC;EAEN,CAAC,CAAC;AACH,CAAC;AAED,eAAeF,WAAW","ignoreList":[]}

package/dist/module/session.js

@@ -0,0 +1,58 @@
+import _ from "lodash";
+import axios from "axios";
+import { Auth } from "aws-amplify";
+export const getSessionTokenAWS = async prefix => {
+  const data = await Auth.currentSession();
+  const token = data.accessToken.jwtToken;
+  if (_.isUndefined(prefix)) return token;
+  return `${prefix} ${token}`;
+};
+
+// export const getRefreshTokenAWS = async () => {
+//   const data = await Auth.currentSession();
+//   return data.getRefreshToken().token;
+// };
+
+export const getSessionUidAWS = () => {
+  return new Promise((resolve, reject) => {
+    Auth.currentSession().then(data => {
+      resolve(data.accessToken.payload.username);
+    }).catch(err => {
+      console.log("getSessionUidAWS error", err);
+      reject(err);
+    });
+  });
+};
+export const authedFunction = async request => {
+  const authkey = await getSessionTokenAWS();
+  if (!request.headers) request.headers = {};
+  request.headers.authkey = authkey;
+  return axios(request);
+};
+
+// export const LogoutAWS = () => {
+//   return new Promise((resolve, reject) => {
+//     Auth.signOut()
+//       .then(() => {
+//         resolve();
+//       })
+//       .catch(err => {
+//         reject(err);
+//       });
+//   });
+// };
+
+// export const isTheBest = auth => {
+//   return auth && auth.site === 'plussSpace' && auth.type === 'master';
+// };
+
+export const getApiError = error => {
+  if (!__DEV__) return error;
+  try {
+    const errorData = error.response.data;
+    return errorData || error;
+  } catch (e) {
+    return error;
+  }
+};
+//# sourceMappingURL=session.js.map

package/dist/module/session.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_","axios","Auth","getSessionTokenAWS","prefix","data","currentSession","token","accessToken","jwtToken","isUndefined","getSessionUidAWS","Promise","resolve","reject","then","payload","username","catch","err","console","log","authedFunction","request","authkey","headers","getApiError","error","__DEV__","errorData","response","e"],"sources":["session.js"],"sourcesContent":["import _ from \"lodash\";\nimport axios from \"axios\";\nimport { Auth } from \"aws-amplify\";\n\nexport const getSessionTokenAWS = async (prefix) => {\n\tconst data = await Auth.currentSession();\n\tconst token = data.accessToken.jwtToken;\n\tif (_.isUndefined(prefix)) return token;\n\treturn `${prefix} ${token}`;\n};\n\n// export const getRefreshTokenAWS = async () => {\n//   const data = await Auth.currentSession();\n//   return data.getRefreshToken().token;\n// };\n\nexport const getSessionUidAWS = () => {\n\treturn new Promise((resolve, reject) => {\n\t\tAuth.currentSession()\n\t\t\t.then((data) => {\n\t\t\t\tresolve(data.accessToken.payload.username);\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tconsole.log(\"getSessionUidAWS error\", err);\n\t\t\t\treject(err);\n\t\t\t});\n\t});\n};\n\nexport const authedFunction = async (request) => {\n\tconst authkey = await getSessionTokenAWS();\n\tif (!request.headers) request.headers = {};\n\trequest.headers.authkey = authkey;\n\n\treturn axios(request);\n};\n\n// export const LogoutAWS = () => {\n//   return new Promise((resolve, reject) => {\n//     Auth.signOut()\n//       .then(() => {\n//         resolve();\n//       })\n//       .catch(err => {\n//         reject(err);\n//       });\n//   });\n// };\n\n// export const isTheBest = auth => {\n//   return auth && auth.site === 'plussSpace' && auth.type === 'master';\n// };\n\nexport const getApiError = (error) => {\n\tif (!__DEV__) return error;\n\ttry {\n\t\tconst errorData = error.response.data;\n\t\treturn errorData || error;\n\t} catch (e) {\n\t\treturn error;\n\t}\n};\n"],"mappings":"AAAA,OAAOA,CAAC,MAAM,QAAQ;AACtB,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,aAAa;AAElC,OAAO,MAAMC,kBAAkB,GAAG,MAAOC,MAAM,IAAK;EACnD,MAAMC,IAAI,GAAG,MAAMH,IAAI,CAACI,cAAc,CAAC,CAAC;EACxC,MAAMC,KAAK,GAAGF,IAAI,CAACG,WAAW,CAACC,QAAQ;EACvC,IAAIT,CAAC,CAACU,WAAW,CAACN,MAAM,CAAC,EAAE,OAAOG,KAAK;EACvC,OAAO,GAAGH,MAAM,IAAIG,KAAK,EAAE;AAC5B,CAAC;;AAED;AACA;AACA;AACA;;AAEA,OAAO,MAAMI,gBAAgB,GAAGA,CAAA,KAAM;EACrC,OAAO,IAAIC,OAAO,CAAC,CAACC,OAAO,EAAEC,MAAM,KAAK;IACvCZ,IAAI,CAACI,cAAc,CAAC,CAAC,CACnBS,IAAI,CAAEV,IAAI,IAAK;MACfQ,OAAO,CAACR,IAAI,CAACG,WAAW,CAACQ,OAAO,CAACC,QAAQ,CAAC;IAC3C,CAAC,CAAC,CACDC,KAAK,CAAEC,GAAG,IAAK;MACfC,OAAO,CAACC,GAAG,CAAC,wBAAwB,EAAEF,GAAG,CAAC;MAC1CL,MAAM,CAACK,GAAG,CAAC;IACZ,CAAC,CAAC;EACJ,CAAC,CAAC;AACH,CAAC;AAED,OAAO,MAAMG,cAAc,GAAG,MAAOC,OAAO,IAAK;EAChD,MAAMC,OAAO,GAAG,MAAMrB,kBAAkB,CAAC,CAAC;EAC1C,IAAI,CAACoB,OAAO,CAACE,OAAO,EAAEF,OAAO,CAACE,OAAO,GAAG,CAAC,CAAC;EAC1CF,OAAO,CAACE,OAAO,CAACD,OAAO,GAAGA,OAAO;EAEjC,OAAOvB,KAAK,CAACsB,OAAO,CAAC;AACtB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA,OAAO,MAAMG,WAAW,GAAIC,KAAK,IAAK;EACrC,IAAI,CAACC,OAAO,EAAE,OAAOD,KAAK;EAC1B,IAAI;IACH,MAAME,SAAS,GAAGF,KAAK,CAACG,QAAQ,CAACzB,IAAI;IACrC,OAAOwB,SAAS,IAAIF,KAAK;EAC1B,CAAC,CAAC,OAAOI,CAAC,EAAE;IACX,OAAOJ,KAAK;EACb;AACD,CAAC","ignoreList":[]}

package/dist/module/styles.js

@@ -0,0 +1,67 @@
+import { StyleSheet } from "react-native";
+import { COLOUR_GREEN } from "./colours";
+export default StyleSheet.create({
+  notificationBell: {
+    height: 70,
+    width: 55,
+    alignItems: "center",
+    flexDirection: "row",
+    justifyContent: "space-between"
+  },
+  fill: {
+    flex: 1
+  },
+  genericPageContainer: {
+    flex: 1,
+    backgroundColor: "#fff"
+  },
+  addButton: {
+    position: "absolute",
+    bottom: 16,
+    right: 16,
+    height: 48,
+    width: 48,
+    borderRadius: 23,
+    justifyContent: "center",
+    zIndex: 200,
+    elevation: 2,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.15,
+    shadowRadius: 6
+  },
+  addButtonIcon: {
+    color: "#fff",
+    fontSize: 16,
+    alignSelf: "center"
+  },
+  backButton: {
+    height: 32,
+    width: 32,
+    borderRadius: 15,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  backButtonIcon: {
+    color: "#fff",
+    fontSize: 18
+  },
+  tickBox: {
+    height: 20,
+    width: 20,
+    backgroundColor: COLOUR_GREEN,
+    borderRadius: 10,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  tickIcon: {
+    color: "#fff",
+    fontSize: 17,
+    paddingTop: 1,
+    paddingLeft: 1
+  }
+});
+//# sourceMappingURL=styles.js.map

package/dist/module/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","COLOUR_GREEN","create","notificationBell","height","width","alignItems","flexDirection","justifyContent","fill","flex","genericPageContainer","backgroundColor","addButton","position","bottom","right","borderRadius","zIndex","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","addButtonIcon","color","fontSize","alignSelf","backButton","backButtonIcon","tickBox","tickIcon","paddingTop","paddingLeft"],"sources":["styles.js"],"sourcesContent":["import { StyleSheet } from \"react-native\";\nimport { COLOUR_GREEN } from \"./colours\";\n\nexport default StyleSheet.create({\n\tnotificationBell: {\n\t\theight: 70,\n\t\twidth: 55,\n\t\talignItems: \"center\",\n\t\tflexDirection: \"row\",\n\t\tjustifyContent: \"space-between\",\n\t},\n\tfill: {\n\t\tflex: 1,\n\t},\n\tgenericPageContainer: {\n\t\tflex: 1,\n\t\tbackgroundColor: \"#fff\",\n\t},\n\taddButton: {\n\t\tposition: \"absolute\",\n\t\tbottom: 16,\n\t\tright: 16,\n\t\theight: 48,\n\t\twidth: 48,\n\t\tborderRadius: 23,\n\t\tjustifyContent: \"center\",\n\t\tzIndex: 200,\n\t\televation: 2,\n\t\tshadowColor: \"#000\",\n\t\tshadowOffset: { width: 0, height: 2 },\n\t\tshadowOpacity: 0.15,\n\t\tshadowRadius: 6,\n\t},\n\taddButtonIcon: {\n\t\tcolor: \"#fff\",\n\t\tfontSize: 16,\n\t\talignSelf: \"center\",\n\t},\n\tbackButton: {\n\t\theight: 32,\n\t\twidth: 32,\n\t\tborderRadius: 15,\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t},\n\tbackButtonIcon: {\n\t\tcolor: \"#fff\",\n\t\tfontSize: 18,\n\t},\n\ttickBox: {\n\t\theight: 20,\n\t\twidth: 20,\n\t\tbackgroundColor: COLOUR_GREEN,\n\t\tborderRadius: 10,\n\t\tjustifyContent: \"center\",\n\t\talignItems: \"center\",\n\t},\n\ttickIcon: {\n\t\tcolor: \"#fff\",\n\t\tfontSize: 17,\n\t\tpaddingTop: 1,\n\t\tpaddingLeft: 1,\n\t},\n});\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,WAAW;AAExC,eAAeD,UAAU,CAACE,MAAM,CAAC;EAChCC,gBAAgB,EAAE;IACjBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EACjB,CAAC;EACDC,IAAI,EAAE;IACLC,IAAI,EAAE;EACP,CAAC;EACDC,oBAAoB,EAAE;IACrBD,IAAI,EAAE,CAAC;IACPE,eAAe,EAAE;EAClB,CAAC;EACDC,SAAS,EAAE;IACVC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTZ,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTY,YAAY,EAAE,EAAE;IAChBT,cAAc,EAAE,QAAQ;IACxBU,MAAM,EAAE,GAAG;IACXC,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEhB,KAAK,EAAE,CAAC;MAAED,MAAM,EAAE;IAAE,CAAC;IACrCkB,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE;EACf,CAAC;EACDC,aAAa,EAAE;IACdC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE;IACXxB,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTY,YAAY,EAAE,EAAE;IAChBT,cAAc,EAAE,QAAQ;IACxBF,UAAU,EAAE;EACb,CAAC;EACDuB,cAAc,EAAE;IACfJ,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACX,CAAC;EACDI,OAAO,EAAE;IACR1B,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTO,eAAe,EAAEX,YAAY;IAC7BgB,YAAY,EAAE,EAAE;IAChBT,cAAc,EAAE,QAAQ;IACxBF,UAAU,EAAE;EACb,CAAC;EACDyB,QAAQ,EAAE;IACTN,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE,EAAE;IACZM,UAAU,EAAE,CAAC;IACbC,WAAW,EAAE;EACd;AACD,CAAC,CAAC","ignoreList":[]}

package/dist/module/withNavigationFocus.js

@@ -0,0 +1,30 @@
+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 { useIsFocused } from "@react-navigation/native";
+
+/**
+ * Compatibility wrapper for React Navigation v4's withNavigationFocus HOC
+ *
+ * In v4: withNavigationFocus provided an 'isFocused' prop to class components
+ * In v7: useIsFocused hook is the recommended approach for functional components
+ *
+ * This HOC bridges the gap, allowing class components to continue using
+ * the withNavigationFocus pattern while using the v7 useIsFocused hook internally.
+ *
+ * Usage (unchanged from v4):
+ * import { withNavigationFocus } from '@plusscommunities/pluss-core-app';
+ * export default withNavigationFocus(connect(mapStateToProps)(MyComponent));
+ *
+ * The wrapped component receives an 'isFocused' prop that is true when the
+ * screen is currently focused and false when not focused.
+ */
+export function withNavigationFocus(Component) {
+  return function WithNavigationFocusWrapper(props) {
+    const isFocused = useIsFocused();
+    return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
+      isFocused: isFocused
+    }));
+  };
+}
+export default withNavigationFocus;
+//# sourceMappingURL=withNavigationFocus.js.map

package/dist/module/withNavigationFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useIsFocused","withNavigationFocus","Component","WithNavigationFocusWrapper","props","isFocused","createElement","_extends"],"sources":["withNavigationFocus.js"],"sourcesContent":["import React from \"react\";\nimport { useIsFocused } from \"@react-navigation/native\";\n\n/**\n * Compatibility wrapper for React Navigation v4's withNavigationFocus HOC\n *\n * In v4: withNavigationFocus provided an 'isFocused' prop to class components\n * In v7: useIsFocused hook is the recommended approach for functional components\n *\n * This HOC bridges the gap, allowing class components to continue using\n * the withNavigationFocus pattern while using the v7 useIsFocused hook internally.\n *\n * Usage (unchanged from v4):\n * import { withNavigationFocus } from '@plusscommunities/pluss-core-app';\n * export default withNavigationFocus(connect(mapStateToProps)(MyComponent));\n *\n * The wrapped component receives an 'isFocused' prop that is true when the\n * screen is currently focused and false when not focused.\n */\nexport function withNavigationFocus(Component) {\n\treturn function WithNavigationFocusWrapper(props) {\n\t\tconst isFocused = useIsFocused();\n\n\t\treturn <Component {...props} isFocused={isFocused} />;\n\t};\n}\n\nexport default withNavigationFocus;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,0BAA0B;;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAACC,SAAS,EAAE;EAC9C,OAAO,SAASC,0BAA0BA,CAACC,KAAK,EAAE;IACjD,MAAMC,SAAS,GAAGL,YAAY,CAAC,CAAC;IAEhC,oBAAOD,KAAA,CAAAO,aAAA,CAACJ,SAAS,EAAAK,QAAA,KAAKH,KAAK;MAAEC,SAAS,EAAEA;IAAU,EAAE,CAAC;EACtD,CAAC;AACF;AAEA,eAAeJ,mBAAmB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@plusscommunities/pluss-core-app",
-	"version": "8.0.28",
+	"version": "8.0.31",
 	"description": "Core extension package for Pluss Communities platform",
 	"exports": {
 		".": {

package/src/components/PDFPopup.js

@@ -1,28 +1,54 @@
-import React, { Component } from "react";
-import { View, TouchableOpacity, Modal, Dimensions, Alert } from "react-native";
-import { Text } from "./Text";
 import { Icon } from "@rneui/themed";
-import { WebView } from "react-native-webview";
 import { File, Paths } from "expo-file-system";
 import * as Sharing from "expo-sharing";
+import { Component } from "react";
+import { Alert, Dimensions, Modal, TouchableOpacity, View } from "react-native";
+import { WebView } from "react-native-webview";
+import { TEXT_DARK, TEXT_LIGHT } from "../colours";
+import { getFileName, StatusBarHeight } from "../helper";
 import { FontAwesome } from "./Icon";
 import { Spinner } from "./Spinner";
-import { StatusBarHeight, getFileName } from "../helper";
+import { Text } from "./Text";
 
 const SCREEN_HEIGHT = Dimensions.get("window").height;
 
 class PDFPopup extends Component {
 	state = {
 		loaded: false,
+		error: false,
 	};
 
+	componentDidUpdate(prevProps) {
+		const sourceChanged = prevProps.source !== this.props.source;
+		const becameVisible = !prevProps.visible && this.props.visible;
+		if (sourceChanged || becameVisible) {
+			// Popup is reused across attachments — clear stale state so the
+			// spinner reappears and any prior error from a different PDF resets.
+			clearTimeout(this._loadTimeout);
+			this._loadTimeout = null;
+			this.setState({ loaded: false, error: false });
+		}
+	}
+
+	componentWillUnmount() {
+		clearTimeout(this._loadTimeout);
+		this._loadTimeout = null;
+	}
+
 	onLoadStarted() {
 		this.setState({
 			loaded: false,
+			error: false,
 		});
+		clearTimeout(this._loadTimeout);
+		this._loadTimeout = setTimeout(() => {
+			this.setState({ error: true });
+		}, 15000);
 	}
 
 	onLoadEnded() {
+		clearTimeout(this._loadTimeout);
+		this._loadTimeout = null;
 		this.setState({
 			loaded: true,
 		});
@@ -33,9 +59,12 @@ class PDFPopup extends Component {
 	}
 
 	getUrl() {
+		if (!this.props.source) {
+			return "";
+		}
 		const linkPrefix =
-			"http://drive.google.com/viewerng/viewer?embedded=true&url=";
-		return `${linkPrefix}${this.props.source}`;
+			"https://drive.google.com/viewerng/viewer?embedded=true&url=";
+		return `${linkPrefix}${encodeURIComponent(this.props.source)}`;
 	}
 
 	download = async () => {
@@ -132,35 +161,62 @@ class PDFPopup extends Component {
 						</TouchableOpacity>
 					</View>
 					<View style={{ flex: 1, backgroundColor: "#fff" }}>
-						{this.state.loaded ? null : (
-							<Spinner
-								style={{
-									height: SCREEN_HEIGHT - StatusBarHeight(145),
-									flex: 0,
-								}}
-							/>
+						{this.state.error ? (
+							<View style={styles.errorContainer}>
+								<Text style={styles.errorTitle}>Unable to load this PDF.</Text>
+								<Text style={styles.errorSubtitle}>
+									Try downloading it instead.
+								</Text>
+								<TouchableOpacity
+									onPress={this.download}
+									activeOpacity={0.6}
+									style={styles.errorDownloadButton}
+								>
+									<Icon
+										type="font-awesome"
+										name="cloud-download"
+										iconStyle={styles.errorDownloadIcon}
+									/>
+									<Text style={styles.errorDownloadText}>Download PDF</Text>
+								</TouchableOpacity>
+							</View>
+						) : (
+							<>
+								{this.state.loaded ? null : (
+									<Spinner
+										style={{
+											height: SCREEN_HEIGHT - StatusBarHeight(145),
+											flex: 0,
+										}}
+									/>
+								)}
+								<WebView
+									source={{
+										uri: this.getUrl(),
+									}}
+									javaScriptEnabled
+									domStorageEnabled
+									originWhitelist={["*"]}
+									renderError={() => {
+										// Surface error UI in the parent View rather than the
+										// default WebView error chrome. Defer setState to avoid
+										// triggering a state update during another render.
+										if (!this.state.error) {
+											setTimeout(() => this.setState({ error: true }), 0);
+										}
+										return null;
+									}}
+									style={[
+										{
+											flex: 1,
+											backgroundColor: "#fff",
+										},
+									]}
+									onLoadStart={this.onLoadStarted.bind(this)}
+									onLoadEnd={this.onLoadEnded.bind(this)}
+								/>
+							</>
 						)}
-						<WebView
-							source={{
-								uri: this.getUrl(),
-							}}
-							javaScriptEnabled
-							domStorageEnabled
-							originWhitelist={["*"]}
-							mixedContentMode="always"
-							renderError={(e) => {
-								console.log("errored");
-								console.log(e);
-							}}
-							style={[
-								{
-									flex: 1,
-									backgroundColor: "#fff",
-								},
-							]}
-							onLoadStart={this.onLoadStarted.bind(this)}
-							onLoadEnd={this.onLoadEnded.bind(this)}
-						/>
 					</View>
 					{this.renderFooter()}
 				</View>
@@ -224,6 +280,45 @@ const styles = {
 		width: 150,
 		textAlign: "center",
 	},
+	errorContainer: {
+		flex: 1,
+		alignItems: "center",
+		justifyContent: "center",
+		paddingHorizontal: 32,
+		paddingVertical: 24,
+		backgroundColor: "#fff",
+	},
+	errorTitle: {
+		fontFamily: "sf-semibold",
+		fontSize: 18,
+		color: TEXT_DARK,
+		textAlign: "center",
+	},
+	errorSubtitle: {
+		fontFamily: "sf-regular",
+		fontSize: 14,
+		color: TEXT_LIGHT,
+		textAlign: "center",
+		marginTop: 8,
+	},
+	errorDownloadButton: {
+		flexDirection: "row",
+		alignItems: "center",
+		justifyContent: "center",
+		marginTop: 24,
+		paddingHorizontal: 20,
+		paddingVertical: 12,
+	},
+	errorDownloadIcon: {
+		fontSize: 20,
+		color: TEXT_DARK,
+		marginRight: 8,
+	},
+	errorDownloadText: {
+		fontFamily: "sf-semibold",
+		fontSize: 16,
+		color: TEXT_DARK,
+	},
 };
 
 export { PDFPopup };