be-components 7.6.3 → 7.6.4

package/lib/module/NotificationManager/components/shared/GroupSelector.js

@@ -0,0 +1,184 @@
+import React from 'react';
+import { FlatList, TouchableOpacity, ActivityIndicator } from 'react-native';
+import { View, Text, Button } from '../../../Components/Themed';
+import { useColors } from '../../../constants/useColors';
+const GroupSelector = ({
+  visible,
+  onClose,
+  onSelectGroup,
+  groups,
+  loading = false,
+  selectedGroup,
+  showCustomOption = true,
+  customGroup
+}) => {
+  const Colors = useColors();
+  if (!visible) return null;
+
+  // Combine custom group with regular groups if enabled
+  const allGroups = showCustomOption && customGroup ? [customGroup, ...groups] : groups;
+  return /*#__PURE__*/React.createElement(View, {
+    type: "blur",
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderTopRightRadius: 8,
+      borderTopLeftRadius: 8
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, "Notification Groups"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      marginTop: 3
+    }
+  }, "Select a group to send to"))), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, loading ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 40,
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "large",
+    color: Colors.text.action
+  })) : /*#__PURE__*/React.createElement(FlatList, {
+    data: allGroups,
+    keyExtractor: item => item.notification_group_id,
+    renderItem: ({
+      item
+    }) => {
+      const isSelected = selectedGroup?.notification_group_id === item.notification_group_id;
+      const isCustom = item.notification_group_id === 'custom_group';
+      return /*#__PURE__*/React.createElement(TouchableOpacity, {
+        onPress: () => {
+          onSelectGroup(item);
+          onClose();
+        },
+        style: {
+          padding: 15,
+          borderBottomWidth: 1,
+          borderColor: Colors.borders.light,
+          backgroundColor: isSelected ? Colors.views.header : 'transparent'
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        transparent: true
+      }, /*#__PURE__*/React.createElement(View, {
+        transparent: true,
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          justifyContent: 'space-between'
+        }
+      }, /*#__PURE__*/React.createElement(View, {
+        transparent: true,
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          flex: 1
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        theme: "h1"
+      }, item.name), isCustom && /*#__PURE__*/React.createElement(View, {
+        transparent: true,
+        style: {
+          marginLeft: 8,
+          paddingHorizontal: 6,
+          paddingVertical: 2,
+          backgroundColor: Colors.buttons.background.action,
+          borderRadius: 4
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        theme: "description",
+        color: Colors.text.white,
+        style: {
+          fontSize: 10
+        }
+      }, "CUSTOM")), isSelected && /*#__PURE__*/React.createElement(View, {
+        transparent: true,
+        style: {
+          marginLeft: 8,
+          paddingHorizontal: 6,
+          paddingVertical: 2,
+          backgroundColor: Colors.text.success,
+          borderRadius: 4
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        theme: "description",
+        color: Colors.text.white,
+        style: {
+          fontSize: 10
+        }
+      }, "SELECTED"))), item.player_count !== undefined && /*#__PURE__*/React.createElement(View, {
+        transparent: true,
+        style: {
+          marginLeft: 8,
+          paddingHorizontal: 8,
+          paddingVertical: 4,
+          backgroundColor: Colors.views.header,
+          borderRadius: 4
+        }
+      }, /*#__PURE__*/React.createElement(Text, {
+        theme: "description",
+        style: {
+          fontSize: 12,
+          fontWeight: '600'
+        }
+      }, item.player_count.toLocaleString(), " users"))), item.description && /*#__PURE__*/React.createElement(Text, {
+        theme: "description",
+        style: {
+          marginTop: 4
+        }
+      }, item.description)));
+    },
+    ListEmptyComponent: /*#__PURE__*/React.createElement(View, {
+      style: {
+        padding: 40,
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "description"
+    }, "No groups found"))
+  })), /*#__PURE__*/React.createElement(View, {
+    type: "footer",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderBottomRightRadius: 8,
+      borderBottomLeftRadius: 8
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    style: {
+      flex: 1
+    },
+    type: "close",
+    title: "CLOSE",
+    onPress: onClose
+  }))));
+};
+export default GroupSelector;
+//# sourceMappingURL=GroupSelector.js.map

package/lib/module/NotificationManager/components/shared/GroupSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FlatList","TouchableOpacity","ActivityIndicator","View","Text","Button","useColors","GroupSelector","visible","onClose","onSelectGroup","groups","loading","selectedGroup","showCustomOption","customGroup","Colors","allGroups","createElement","type","style","position","top","left","right","bottom","padding","float","flex","flexDirection","alignItems","borderTopRightRadius","borderTopLeftRadius","transparent","theme","marginTop","size","color","text","action","data","keyExtractor","item","notification_group_id","renderItem","isSelected","isCustom","onPress","borderBottomWidth","borderColor","borders","light","backgroundColor","views","header","justifyContent","name","marginLeft","paddingHorizontal","paddingVertical","buttons","background","borderRadius","white","fontSize","success","player_count","undefined","fontWeight","toLocaleString","description","ListEmptyComponent","borderBottomRightRadius","borderBottomLeftRadius","title"],"sourceRoot":"../../../../../src","sources":["NotificationManager/components/shared/GroupSelector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/NotificationManager/components/shared/NotificationBuilderForm.js

@@ -0,0 +1,501 @@
+import React, { useState, useEffect, useMemo } from 'react';
+import { FlatList, TouchableOpacity } from 'react-native';
+import { View, Text, TextInput } from '../../../Components/Themed';
+import { useColors } from '../../../constants/useColors';
+import { NotificationHelpers } from '../../api';
+import { Icons } from '../../../Components';
+import DropDown from '../../../Components/Dropdown';
+const notification_types = [{
+  label: 'Order Notifications',
+  value: 'order_notifications'
+}, {
+  label: 'Competition Notifications',
+  value: 'competition_notifications'
+}, {
+  label: 'Social Notifications',
+  value: 'social_notifications'
+}];
+const NotificationBuilderForm = ({
+  notification,
+  onChange,
+  onFocusPosition,
+  showPreview = true,
+  showType = true
+}) => {
+  const Colors = useColors();
+  const [pathSearch, setPathSearch] = useState('');
+  const [selectedPath, setSelectedPath] = useState(NotificationHelpers.app_paths[0]);
+  const [pathParams, setPathParams] = useState({});
+  useEffect(() => {
+    // Initialize selectedPath from notification options if exists
+    if (notification.options?.data?.path_name) {
+      const path = NotificationHelpers.app_paths.find(p => p.path_name === notification.options?.data?.path_name);
+      if (path) {
+        setSelectedPath(path);
+        setPathParams(notification.options?.data?.params || {});
+      }
+    }
+  }, []);
+  useEffect(() => {
+    // Update notification options when path or params change
+    if (selectedPath) {
+      const newOptions = {
+        ...(notification.options || {}),
+        id: notification.options?.id || Date.now().toString(),
+        body: notification.body || '',
+        icon: 'default',
+        type: notification.type || 'order_notifications',
+        data: {
+          ...(notification.options?.data || {}),
+          id: notification.options?.data?.id || Date.now().toString(),
+          player_id: notification.options?.data?.player_id || '',
+          pageStack: 'MainStack',
+          page: selectedPath.path_name,
+          pageParams: pathParams,
+          path_name: selectedPath.path_name === 'custom' ? '' : selectedPath.path_name,
+          params: pathParams
+        }
+      };
+      onChange({
+        ...notification,
+        options: newOptions
+      });
+    }
+  }, [selectedPath, pathParams]);
+  const filteredPaths = useMemo(() => {
+    if (!pathSearch) return [];
+    const search = pathSearch.toLowerCase();
+    return NotificationHelpers.app_paths.filter(path => path.label.toLowerCase().includes(search) || path.path_name.toLowerCase().includes(search));
+  }, [pathSearch]);
+  return /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, showPreview && /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      margin: 5
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderTopRightRadius: 8,
+      borderTopLeftRadius: 8
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, "Preview"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      marginTop: 3
+    }
+  }, "What will this notification look like?"))), /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      padding: 15,
+      margin: 10,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: Colors.borders.light
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      width: 40,
+      height: 40,
+      borderRadius: 8,
+      justifyContent: 'center',
+      alignItems: 'center',
+      marginRight: 12
+    }
+  }, /*#__PURE__*/React.createElement(Icons.NotificationIcon, {
+    size: 20,
+    color: Colors.text.h1
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, notification.title || 'Notification Title'), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      marginTop: 4
+    }
+  }, notification.body || 'Notification message will appear here'))))), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      flexWrap: 'wrap'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      minWidth: 300,
+      flexGrow: 1,
+      margin: 5
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderTopRightRadius: 8,
+      borderTopLeftRadius: 8
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, "Notification Message"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      marginTop: 3
+    }
+  }, "Update notification message below"))), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    type: "body"
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 10
+    }
+  }, "Notification Title"), /*#__PURE__*/React.createElement(TextInput, {
+    value: notification.title,
+    onFocusPosition: onFocusPosition,
+    placeholder: "Enter notification title",
+    onChangeText: title => onChange({
+      ...notification,
+      title
+    })
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 10
+    }
+  }, "Notification Body"), /*#__PURE__*/React.createElement(TextInput, {
+    value: notification.body,
+    onFocusPosition: onFocusPosition,
+    placeholder: "Enter notification message",
+    onChangeText: body => onChange({
+      ...notification,
+      body
+    }),
+    multiline: true,
+    numberOfLines: 6,
+    style: {
+      padding: 12,
+      borderRadius: 8,
+      minHeight: 120
+    }
+  })))), /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      flexGrow: 1,
+      minWidth: 300,
+      margin: 5
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderTopRightRadius: 8,
+      borderTopLeftRadius: 8
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1"
+  }, "Notification Settings"), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      marginTop: 3
+    }
+  }, "Manage settings below"))), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    type: "body"
+  }, showType === true && /*#__PURE__*/React.createElement(View, {
+    type: "row",
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    style: {
+      flex: 1
+    }
+  }, "Notification Type"), /*#__PURE__*/React.createElement(DropDown, {
+    selected_value: notification_types.find(t => t.value === notification.type)?.label ?? '',
+    dropdown_options: [{
+      value: 'type',
+      eligible_options: notification_types.map(t => t.label)
+    }],
+    onOptionSelect: selected => {
+      const type = notification_types.find(t => t.label === selected)?.value;
+      onChange({
+        ...notification,
+        type: type
+      });
+    }
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 10
+    }
+  }, "Link Override (Optional)"), /*#__PURE__*/React.createElement(TextInput, {
+    value: notification.link_override || '',
+    onFocusPosition: onFocusPosition,
+    placeholder: "https://example.com",
+    onChangeText: link_override => onChange({
+      ...notification,
+      link_override
+    }),
+    style: {
+      padding: 12,
+      borderRadius: 8
+    }
+  })), /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 10
+    }
+  }, "Deep Link Path"), /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      padding: 12,
+      borderRadius: 8,
+      marginBottom: 8,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between'
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h1",
+    style: {
+      marginBottom: 2
+    }
+  }, selectedPath?.label), /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    style: {
+      fontSize: 12
+    }
+  }, selectedPath?.path_name)), selectedPath?.primary === true && /*#__PURE__*/React.createElement(View, {
+    transparent: true,
+    style: {
+      paddingHorizontal: 8,
+      paddingVertical: 4,
+      borderRadius: 4
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "description",
+    color: Colors.text.white,
+    style: {
+      fontSize: 10
+    }
+  }, "Primary"))), /*#__PURE__*/React.createElement(TextInput, {
+    value: pathSearch,
+    placeholder: "Search paths to change...",
+    onFocusPosition: onFocusPosition,
+    onChangeText: setPathSearch,
+    style: {
+      padding: 12,
+      borderRadius: 8,
+      marginBottom: 8
+    }
+  }), pathSearch ? /*#__PURE__*/React.createElement(View, {
+    float: true,
+    style: {
+      maxHeight: 300,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: Colors.borders.light
+    }
+  }, /*#__PURE__*/React.createElement(FlatList, {
+    data: filteredPaths,
+    keyExtractor: item => item.path_name,
+    renderItem: ({
+      item
+    }) => /*#__PURE__*/React.createElement(TouchableOpacity, {
+      onPress: () => {
+        setSelectedPath(item);
+        setPathParams(item.params);
+        setPathSearch('');
+      },
+      style: {
+        padding: 12,
+        borderBottomWidth: 1,
+        borderColor: Colors.borders.light
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between'
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flex: 1
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "h2",
+      style: {
+        marginBottom: 2
+      }
+    }, item.label), /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        fontSize: 11
+      }
+    }, item.path_name)), item.primary === true && /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        paddingHorizontal: 6,
+        paddingVertical: 2,
+        borderRadius: 4,
+        marginLeft: 8
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      color: Colors.text.white,
+      style: {
+        fontSize: 9
+      }
+    }, "Primary")))),
+    ListEmptyComponent: /*#__PURE__*/React.createElement(View, {
+      style: {
+        padding: 20,
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "description"
+    }, "No paths found"))
+  })) : null), Object.keys(selectedPath?.params ?? {}).length > 0 ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    theme: "h2",
+    style: {
+      marginBottom: 8
+    }
+  }, "Path Parameters"), /*#__PURE__*/React.createElement(View, {
+    type: "header",
+    style: {
+      padding: 12,
+      borderRadius: 8
+    }
+  }, Object.keys(selectedPath?.params ?? {}).map(paramKey => {
+    const isRequired = selectedPath?.requiredParams.includes(paramKey);
+    return /*#__PURE__*/React.createElement(View, {
+      key: paramKey,
+      transparent: true,
+      style: {
+        marginBottom: 12
+      }
+    }, /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginBottom: 4
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "description"
+    }, paramKey), isRequired ? /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        marginLeft: 4,
+        paddingHorizontal: 6,
+        paddingVertical: 2,
+        backgroundColor: Colors.text.error,
+        borderRadius: 4
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      color: Colors.text.white,
+      style: {
+        fontSize: 10
+      }
+    }, "Required")) : /*#__PURE__*/React.createElement(View, {
+      transparent: true,
+      style: {
+        marginLeft: 4,
+        paddingHorizontal: 6,
+        paddingVertical: 2,
+        backgroundColor: Colors.borders.light,
+        borderRadius: 4
+      }
+    }, /*#__PURE__*/React.createElement(Text, {
+      theme: "description",
+      style: {
+        fontSize: 10
+      }
+    }, "Optional"))), /*#__PURE__*/React.createElement(TextInput, {
+      value: pathParams[paramKey] || '',
+      onFocusPosition: onFocusPosition,
+      placeholder: `Enter ${paramKey}${isRequired ? ' (required)' : ' (optional)'}`,
+      onChangeText: value => setPathParams({
+        ...pathParams,
+        [paramKey]: value
+      }),
+      style: {
+        padding: 10,
+        borderRadius: 8,
+        borderWidth: isRequired ? 1 : 0,
+        borderColor: isRequired ? Colors.text.error : 'transparent'
+      }
+    }));
+  }))) : null))));
+};
+export default NotificationBuilderForm;
+//# sourceMappingURL=NotificationBuilderForm.js.map