@oxyhq/services 5.16.23 → 5.16.24

package/lib/commonjs/ui/components/profile/EditLocationModal.js

@@ -0,0 +1,273 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditLocationModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _vectorIcons = require("@expo/vector-icons");
+var _useThemeStyles = require("../../hooks/useThemeStyles");
+var _useColorScheme = require("../../hooks/use-color-scheme");
+var _useI18n = require("../../hooks/useI18n");
+var _fonts = require("../../styles/fonts");
+var _useProfileEditing = require("../../hooks/useProfileEditing");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const EditLocationModal = ({
+  visible,
+  onClose,
+  initialLocations = [],
+  theme = 'light',
+  onSave
+}) => {
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
+  const colorScheme = (0, _useColorScheme.useColorScheme)();
+  const themeStyles = (0, _useThemeStyles.useThemeStyles)(theme || 'light', colorScheme);
+  const colors = themeStyles.colors;
+  const {
+    saveProfile,
+    isSaving
+  } = (0, _useProfileEditing.useProfileEditing)();
+  const [locations, setLocations] = (0, _react.useState)(initialLocations);
+  const [newLocation, setNewLocation] = (0, _react.useState)('');
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setLocations(initialLocations);
+      setNewLocation('');
+    }
+  }, [visible, initialLocations]);
+  const handleAddLocation = () => {
+    if (!newLocation.trim()) return;
+    const location = {
+      id: `location-${Date.now()}`,
+      name: newLocation.trim()
+    };
+    setLocations([...locations, location]);
+    setNewLocation('');
+  };
+  const handleRemoveLocation = id => {
+    setLocations(locations.filter(loc => loc.id !== id));
+  };
+  const handleSave = async () => {
+    const success = await saveProfile({
+      locations
+    });
+    if (success) {
+      onSave?.();
+      onClose();
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    animationType: "slide",
+    transparent: true,
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.modalOverlay,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.modalContent, {
+          backgroundColor: colors.background
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.modalHeader,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: onClose,
+            style: styles.closeButton,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+              name: "close",
+              size: 24,
+              color: colors.text
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.modalTitle, {
+              color: colors.text
+            }],
+            children: t('editProfile.items.locations.title') || 'Locations'
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: handleSave,
+            disabled: isSaving,
+            style: [styles.saveButton, {
+              opacity: isSaving ? 0.5 : 1
+            }],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.saveButtonText, {
+                color: colors.tint
+              }],
+              children: isSaving ? 'Saving...' : 'Save'
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+          style: styles.modalBody,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.inputGroup,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.label, {
+                color: colors.text
+              }],
+              children: t('editProfile.items.locations.add') || 'Add Location'
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.addLocationRow,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+                style: [styles.input, {
+                  backgroundColor: colors.card,
+                  color: colors.text,
+                  borderColor: colors.border,
+                  flex: 1
+                }],
+                value: newLocation,
+                onChangeText: setNewLocation,
+                placeholder: t('editProfile.items.locations.placeholder') || 'Enter location name',
+                placeholderTextColor: colors.secondaryText,
+                selectionColor: colors.tint
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+                style: [styles.addButton, {
+                  backgroundColor: colors.tint
+                }],
+                onPress: handleAddLocation,
+                disabled: !newLocation.trim(),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+                  name: "add",
+                  size: 20,
+                  color: "#fff"
+                })
+              })]
+            })]
+          }), locations.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.locationsList,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+              style: [styles.listTitle, {
+                color: colors.text
+              }],
+              children: [t('editProfile.items.locations.yourLocations') || 'Your Locations', " (", locations.length, ")"]
+            }), locations.map((location, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: [styles.locationItem, {
+                backgroundColor: colors.card,
+                borderColor: colors.border
+              }, index < locations.length - 1 && {
+                borderBottomWidth: _reactNative.StyleSheet.hairlineWidth
+              }],
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: [styles.locationName, {
+                  color: colors.text
+                }],
+                children: location.name
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+                onPress: () => handleRemoveLocation(location.id),
+                style: styles.removeButton,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+                  name: "trash-outline",
+                  size: 18,
+                  color: "#FF3B30"
+                })
+              })]
+            }, location.id))]
+          })]
+        })]
+      })
+    })
+  });
+};
+exports.EditLocationModal = EditLocationModal;
+const styles = _reactNative.StyleSheet.create({
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'flex-end'
+  },
+  modalContent: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    paddingTop: _reactNative.Platform.OS === 'ios' ? 20 : 16,
+    maxHeight: '80%'
+  },
+  modalHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingBottom: 16,
+    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderBottomColor: '#E5E5EA'
+  },
+  closeButton: {
+    width: 40,
+    height: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  modalTitle: {
+    fontSize: 18,
+    fontWeight: '600',
+    fontFamily: _fonts.fontFamilies.phuduSemiBold,
+    flex: 1,
+    textAlign: 'center'
+  },
+  saveButton: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  saveButtonText: {
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: _fonts.fontFamilies.phuduSemiBold
+  },
+  modalBody: {
+    padding: 16
+  },
+  inputGroup: {
+    gap: 8,
+    marginBottom: 24
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '600',
+    fontFamily: _fonts.fontFamilies.phuduSemiBold
+  },
+  addLocationRow: {
+    flexDirection: 'row',
+    gap: 8,
+    alignItems: 'center'
+  },
+  input: {
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderRadius: 12,
+    padding: 16,
+    fontSize: 16,
+    minHeight: 52
+  },
+  addButton: {
+    width: 52,
+    height: 52,
+    borderRadius: 12,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  locationsList: {
+    gap: 8
+  },
+  listTitle: {
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: _fonts.fontFamilies.phuduSemiBold,
+    marginBottom: 8
+  },
+  locationItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: 16,
+    borderRadius: 12,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth
+  },
+  locationName: {
+    fontSize: 16,
+    flex: 1
+  },
+  removeButton: {
+    padding: 8
+  }
+});
+//# sourceMappingURL=EditLocationModal.js.map

package/lib/commonjs/ui/components/profile/EditLocationModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_vectorIcons","_useThemeStyles","_useColorScheme","_useI18n","_fonts","_useProfileEditing","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EditLocationModal","visible","onClose","initialLocations","theme","onSave","useI18n","colorScheme","useColorScheme","themeStyles","useThemeStyles","colors","saveProfile","isSaving","useProfileEditing","locations","setLocations","useState","newLocation","setNewLocation","useEffect","handleAddLocation","trim","location","id","Date","now","name","handleRemoveLocation","filter","loc","handleSave","success","jsx","Modal","animationType","transparent","onRequestClose","children","View","style","styles","modalOverlay","jsxs","modalContent","backgroundColor","background","modalHeader","TouchableOpacity","onPress","closeButton","Ionicons","size","color","text","Text","modalTitle","disabled","saveButton","opacity","saveButtonText","tint","ScrollView","modalBody","inputGroup","label","addLocationRow","TextInput","input","card","borderColor","border","flex","value","onChangeText","placeholder","placeholderTextColor","secondaryText","selectionColor","addButton","length","locationsList","listTitle","map","index","locationItem","borderBottomWidth","StyleSheet","hairlineWidth","locationName","removeButton","exports","create","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingTop","Platform","OS","maxHeight","flexDirection","alignItems","paddingHorizontal","paddingBottom","borderBottomColor","width","height","fontSize","fontWeight","fontFamily","fontFamilies","phuduSemiBold","textAlign","paddingVertical","padding","gap","marginBottom","borderWidth","borderRadius","minHeight"],"sourceRoot":"../../../../../src","sources":["ui/components/profile/EditLocationModal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AAAkE,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,wBAAAU,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAZ,uBAAA,YAAAA,CAAAU,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAiB3D,MAAMkB,iBAAmD,GAAGA,CAAC;EAChEC,OAAO;EACPC,OAAO;EACPC,gBAAgB,GAAG,EAAE;EACrBC,KAAK,GAAG,OAAO;EACfC;AACJ,CAAC,KAAK;EACF,MAAM;IAAEvB;EAAE,CAAC,GAAG,IAAAwB,gBAAO,EAAC,CAAC;EACvB,MAAMC,WAAW,GAAG,IAAAC,8BAAc,EAAC,CAAC;EACpC,MAAMC,WAAW,GAAG,IAAAC,8BAAc,EAACN,KAAK,IAAI,OAAO,EAAEG,WAAW,CAAC;EACjE,MAAMI,MAAM,GAAGF,WAAW,CAACE,MAAM;EACjC,MAAM;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAErD,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAad,gBAAgB,CAAC;EACxE,MAAM,CAACe,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAF,eAAQ,EAAC,EAAE,CAAC;EAElD,IAAAG,gBAAS,EAAC,MAAM;IACZ,IAAInB,OAAO,EAAE;MACTe,YAAY,CAACb,gBAAgB,CAAC;MAC9BgB,cAAc,CAAC,EAAE,CAAC;IACtB;EACJ,CAAC,EAAE,CAAClB,OAAO,EAAEE,gBAAgB,CAAC,CAAC;EAE/B,MAAMkB,iBAAiB,GAAGA,CAAA,KAAM;IAC5B,IAAI,CAACH,WAAW,CAACI,IAAI,CAAC,CAAC,EAAE;IACzB,MAAMC,QAAkB,GAAG;MACvBC,EAAE,EAAE,YAAYC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE;MAC5BC,IAAI,EAAET,WAAW,CAACI,IAAI,CAAC;IAC3B,CAAC;IACDN,YAAY,CAAC,CAAC,GAAGD,SAAS,EAAEQ,QAAQ,CAAC,CAAC;IACtCJ,cAAc,CAAC,EAAE,CAAC;EACtB,CAAC;EAED,MAAMS,oBAAoB,GAAIJ,EAAU,IAAK;IACzCR,YAAY,CAACD,SAAS,CAACc,MAAM,CAACC,GAAG,IAAIA,GAAG,CAACN,EAAE,KAAKA,EAAE,CAAC,CAAC;EACxD,CAAC;EAED,MAAMO,UAAU,GAAG,MAAAA,CAAA,KAAY;IAC3B,MAAMC,OAAO,GAAG,MAAMpB,WAAW,CAAC;MAAEG;IAAU,CAAC,CAAC;IAChD,IAAIiB,OAAO,EAAE;MACT3B,MAAM,GAAG,CAAC;MACVH,OAAO,CAAC,CAAC;IACb;EACJ,CAAC;EAED,oBACI,IAAAtB,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAA6D,KAAK;IACFjC,OAAO,EAAEA,OAAQ;IACjBkC,aAAa,EAAC,OAAO;IACrBC,WAAW,EAAE,IAAK;IAClBC,cAAc,EAAEnC,OAAQ;IAAAoC,QAAA,eAExB,IAAA1D,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAAkE,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,YAAa;MAAAJ,QAAA,eAC7B,IAAA1D,WAAA,CAAA+D,IAAA,EAACtE,YAAA,CAAAkE,IAAI;QAACC,KAAK,EAAE,CAACC,MAAM,CAACG,YAAY,EAAE;UAAEC,eAAe,EAAElC,MAAM,CAACmC;QAAW,CAAC,CAAE;QAAAR,QAAA,gBACvE,IAAA1D,WAAA,CAAA+D,IAAA,EAACtE,YAAA,CAAAkE,IAAI;UAACC,KAAK,EAAEC,MAAM,CAACM,WAAY;UAAAT,QAAA,gBAC5B,IAAA1D,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAA2E,gBAAgB;YAACC,OAAO,EAAE/C,OAAQ;YAACsC,KAAK,EAAEC,MAAM,CAACS,WAAY;YAAAZ,QAAA,eAC1D,IAAA1D,WAAA,CAAAqD,GAAA,EAAC3D,YAAA,CAAA6E,QAAQ;cAACxB,IAAI,EAAC,OAAO;cAACyB,IAAI,EAAE,EAAG;cAACC,KAAK,EAAE1C,MAAM,CAAC2C;YAAK,CAAE;UAAC,CACzC,CAAC,eACnB,IAAA1E,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAAkF,IAAI;YAACf,KAAK,EAAE,CAACC,MAAM,CAACe,UAAU,EAAE;cAAEH,KAAK,EAAE1C,MAAM,CAAC2C;YAAK,CAAC,CAAE;YAAAhB,QAAA,EACpDxD,CAAC,CAAC,mCAAmC,CAAC,IAAI;UAAW,CACpD,CAAC,eACP,IAAAF,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAA2E,gBAAgB;YACbC,OAAO,EAAElB,UAAW;YACpB0B,QAAQ,EAAE5C,QAAS;YACnB2B,KAAK,EAAE,CAACC,MAAM,CAACiB,UAAU,EAAE;cAAEC,OAAO,EAAE9C,QAAQ,GAAG,GAAG,GAAG;YAAE,CAAC,CAAE;YAAAyB,QAAA,eAE5D,IAAA1D,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAAkF,IAAI;cAACf,KAAK,EAAE,CAACC,MAAM,CAACmB,cAAc,EAAE;gBAAEP,KAAK,EAAE1C,MAAM,CAACkD;cAAK,CAAC,CAAE;cAAAvB,QAAA,EACxDzB,QAAQ,GAAG,WAAW,GAAG;YAAM,CAC9B;UAAC,CACO,CAAC;QAAA,CACjB,CAAC,eAEP,IAAAjC,WAAA,CAAA+D,IAAA,EAACtE,YAAA,CAAAyF,UAAU;UAACtB,KAAK,EAAEC,MAAM,CAACsB,SAAU;UAAAzB,QAAA,gBAChC,IAAA1D,WAAA,CAAA+D,IAAA,EAACtE,YAAA,CAAAkE,IAAI;YAACC,KAAK,EAAEC,MAAM,CAACuB,UAAW;YAAA1B,QAAA,gBAC3B,IAAA1D,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAAkF,IAAI;cAACf,KAAK,EAAE,CAACC,MAAM,CAACwB,KAAK,EAAE;gBAAEZ,KAAK,EAAE1C,MAAM,CAAC2C;cAAK,CAAC,CAAE;cAAAhB,QAAA,EAC/CxD,CAAC,CAAC,iCAAiC,CAAC,IAAI;YAAc,CACrD,CAAC,eACP,IAAAF,WAAA,CAAA+D,IAAA,EAACtE,YAAA,CAAAkE,IAAI;cAACC,KAAK,EAAEC,MAAM,CAACyB,cAAe;cAAA5B,QAAA,gBAC/B,IAAA1D,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAA8F,SAAS;gBACN3B,KAAK,EAAE,CACHC,MAAM,CAAC2B,KAAK,EACZ;kBACIvB,eAAe,EAAElC,MAAM,CAAC0D,IAAI;kBAC5BhB,KAAK,EAAE1C,MAAM,CAAC2C,IAAI;kBAClBgB,WAAW,EAAE3D,MAAM,CAAC4D,MAAM;kBAC1BC,IAAI,EAAE;gBACV,CAAC,CACH;gBACFC,KAAK,EAAEvD,WAAY;gBACnBwD,YAAY,EAAEvD,cAAe;gBAC7BwD,WAAW,EAAE7F,CAAC,CAAC,yCAAyC,CAAC,IAAI,qBAAsB;gBACnF8F,oBAAoB,EAAEjE,MAAM,CAACkE,aAAc;gBAC3CC,cAAc,EAAEnE,MAAM,CAACkD;cAAK,CAC/B,CAAC,eACF,IAAAjF,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAA2E,gBAAgB;gBACbR,KAAK,EAAE,CAACC,MAAM,CAACsC,SAAS,EAAE;kBAAElC,eAAe,EAAElC,MAAM,CAACkD;gBAAK,CAAC,CAAE;gBAC5DZ,OAAO,EAAE5B,iBAAkB;gBAC3BoC,QAAQ,EAAE,CAACvC,WAAW,CAACI,IAAI,CAAC,CAAE;gBAAAgB,QAAA,eAE9B,IAAA1D,WAAA,CAAAqD,GAAA,EAAC3D,YAAA,CAAA6E,QAAQ;kBAACxB,IAAI,EAAC,KAAK;kBAACyB,IAAI,EAAE,EAAG;kBAACC,KAAK,EAAC;gBAAM,CAAE;cAAC,CAChC,CAAC;YAAA,CACjB,CAAC;UAAA,CACL,CAAC,EAENtC,SAAS,CAACiE,MAAM,GAAG,CAAC,iBACjB,IAAApG,WAAA,CAAA+D,IAAA,EAACtE,YAAA,CAAAkE,IAAI;YAACC,KAAK,EAAEC,MAAM,CAACwC,aAAc;YAAA3C,QAAA,gBAC9B,IAAA1D,WAAA,CAAA+D,IAAA,EAACtE,YAAA,CAAAkF,IAAI;cAACf,KAAK,EAAE,CAACC,MAAM,CAACyC,SAAS,EAAE;gBAAE7B,KAAK,EAAE1C,MAAM,CAAC2C;cAAK,CAAC,CAAE;cAAAhB,QAAA,GACnDxD,CAAC,CAAC,2CAA2C,CAAC,IAAI,gBAAgB,EAAC,IAAE,EAACiC,SAAS,CAACiE,MAAM,EAAC,GAC5F;YAAA,CAAM,CAAC,EACNjE,SAAS,CAACoE,GAAG,CAAC,CAAC5D,QAAQ,EAAE6D,KAAK,kBAC3B,IAAAxG,WAAA,CAAA+D,IAAA,EAACtE,YAAA,CAAAkE,IAAI;cAEDC,KAAK,EAAE,CACHC,MAAM,CAAC4C,YAAY,EACnB;gBAAExC,eAAe,EAAElC,MAAM,CAAC0D,IAAI;gBAAEC,WAAW,EAAE3D,MAAM,CAAC4D;cAAO,CAAC,EAC5Da,KAAK,GAAGrE,SAAS,CAACiE,MAAM,GAAG,CAAC,IAAI;gBAAEM,iBAAiB,EAAEC,uBAAU,CAACC;cAAc,CAAC,CACjF;cAAAlD,QAAA,gBAEF,IAAA1D,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAAkF,IAAI;gBAACf,KAAK,EAAE,CAACC,MAAM,CAACgD,YAAY,EAAE;kBAAEpC,KAAK,EAAE1C,MAAM,CAAC2C;gBAAK,CAAC,CAAE;gBAAAhB,QAAA,EACtDf,QAAQ,CAACI;cAAI,CACZ,CAAC,eACP,IAAA/C,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAA2E,gBAAgB;gBACbC,OAAO,EAAEA,CAAA,KAAMrB,oBAAoB,CAACL,QAAQ,CAACC,EAAE,CAAE;gBACjDgB,KAAK,EAAEC,MAAM,CAACiD,YAAa;gBAAApD,QAAA,eAE3B,IAAA1D,WAAA,CAAAqD,GAAA,EAAC3D,YAAA,CAAA6E,QAAQ;kBAACxB,IAAI,EAAC,eAAe;kBAACyB,IAAI,EAAE,EAAG;kBAACC,KAAK,EAAC;gBAAS,CAAE;cAAC,CAC7C,CAAC;YAAA,GAfd9B,QAAQ,CAACC,EAgBZ,CACT,CAAC;UAAA,CACA,CACT;QAAA,CACO,CAAC;MAAA,CACX;IAAC,CACL;EAAC,CACJ,CAAC;AAEhB,CAAC;AAACmE,OAAA,CAAA3F,iBAAA,GAAAA,iBAAA;AAEF,MAAMyC,MAAM,GAAG8C,uBAAU,CAACK,MAAM,CAAC;EAC7BlD,YAAY,EAAE;IACV8B,IAAI,EAAE,CAAC;IACP3B,eAAe,EAAE,oBAAoB;IACrCgD,cAAc,EAAE;EACpB,CAAC;EACDjD,YAAY,EAAE;IACVkD,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,UAAU,EAAEC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,EAAE,GAAG,EAAE;IAC3CC,SAAS,EAAE;EACf,CAAC;EACDpD,WAAW,EAAE;IACTqD,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBR,cAAc,EAAE,eAAe;IAC/BS,iBAAiB,EAAE,EAAE;IACrBC,aAAa,EAAE,EAAE;IACjBjB,iBAAiB,EAAEC,uBAAU,CAACC,aAAa;IAC3CgB,iBAAiB,EAAE;EACvB,CAAC;EACDtD,WAAW,EAAE;IACTuD,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVL,UAAU,EAAE,QAAQ;IACpBR,cAAc,EAAE;EACpB,CAAC;EACDrC,UAAU,EAAE;IACRmD,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,mBAAY,CAACC,aAAa;IACtCvC,IAAI,EAAE,CAAC;IACPwC,SAAS,EAAE;EACf,CAAC;EACDtD,UAAU,EAAE;IACR4C,iBAAiB,EAAE,EAAE;IACrBW,eAAe,EAAE;EACrB,CAAC;EACDrD,cAAc,EAAE;IACZ+C,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,mBAAY,CAACC;EAC7B,CAAC;EACDhD,SAAS,EAAE;IACPmD,OAAO,EAAE;EACb,CAAC;EACDlD,UAAU,EAAE;IACRmD,GAAG,EAAE,CAAC;IACNC,YAAY,EAAE;EAClB,CAAC;EACDnD,KAAK,EAAE;IACH0C,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,mBAAY,CAACC;EAC7B,CAAC;EACD7C,cAAc,EAAE;IACZkC,aAAa,EAAE,KAAK;IACpBe,GAAG,EAAE,CAAC;IACNd,UAAU,EAAE;EAChB,CAAC;EACDjC,KAAK,EAAE;IACHiD,WAAW,EAAE9B,uBAAU,CAACC,aAAa;IACrC8B,YAAY,EAAE,EAAE;IAChBJ,OAAO,EAAE,EAAE;IACXP,QAAQ,EAAE,EAAE;IACZY,SAAS,EAAE;EACf,CAAC;EACDxC,SAAS,EAAE;IACP0B,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVY,YAAY,EAAE,EAAE;IAChBjB,UAAU,EAAE,QAAQ;IACpBR,cAAc,EAAE;EACpB,CAAC;EACDZ,aAAa,EAAE;IACXkC,GAAG,EAAE;EACT,CAAC;EACDjC,SAAS,EAAE;IACPyB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,mBAAY,CAACC,aAAa;IACtCK,YAAY,EAAE;EAClB,CAAC;EACD/B,YAAY,EAAE;IACVe,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBR,cAAc,EAAE,eAAe;IAC/BqB,OAAO,EAAE,EAAE;IACXI,YAAY,EAAE,EAAE;IAChBD,WAAW,EAAE9B,uBAAU,CAACC;EAC5B,CAAC;EACDC,YAAY,EAAE;IACVkB,QAAQ,EAAE,EAAE;IACZnC,IAAI,EAAE;EACV,CAAC;EACDkB,YAAY,EAAE;IACVwB,OAAO,EAAE;EACb;AACJ,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/ui/components/profile/EditUsernameModal.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EditUsernameModal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _vectorIcons = require("@expo/vector-icons");
+var _useThemeStyles = require("../../hooks/useThemeStyles");
+var _useColorScheme = require("../../hooks/use-color-scheme");
+var _useI18n = require("../../hooks/useI18n");
+var _fonts = require("../../styles/fonts");
+var _useProfileEditing = require("../../hooks/useProfileEditing");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const EditUsernameModal = ({
+  visible,
+  onClose,
+  initialValue = '',
+  theme = 'light',
+  onSave
+}) => {
+  const {
+    t
+  } = (0, _useI18n.useI18n)();
+  const colorScheme = (0, _useColorScheme.useColorScheme)();
+  const themeStyles = (0, _useThemeStyles.useThemeStyles)(theme || 'light', colorScheme);
+  const colors = themeStyles.colors;
+  const {
+    updateField,
+    isSaving
+  } = (0, _useProfileEditing.useProfileEditing)();
+  const [username, setUsername] = (0, _react.useState)(initialValue);
+  (0, _react.useEffect)(() => {
+    if (visible) {
+      setUsername(initialValue);
+    }
+  }, [visible, initialValue]);
+  const handleSave = async () => {
+    const success = await updateField('username', username);
+    if (success) {
+      onSave?.();
+      onClose();
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    animationType: "slide",
+    transparent: true,
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.modalOverlay,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.modalContent, {
+          backgroundColor: colors.background
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.modalHeader,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: onClose,
+            style: styles.closeButton,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+              name: "close",
+              size: 24,
+              color: colors.text
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.modalTitle, {
+              color: colors.text
+            }],
+            children: t('editProfile.items.username.title') || 'Username'
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+            onPress: handleSave,
+            disabled: isSaving || !username.trim(),
+            style: [styles.saveButton, {
+              opacity: isSaving || !username.trim() ? 0.5 : 1
+            }],
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.saveButtonText, {
+                color: colors.tint
+              }],
+              children: isSaving ? 'Saving...' : 'Save'
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.modalBody,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.inputGroup,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+              style: [styles.label, {
+                color: colors.text
+              }],
+              children: t('editProfile.items.username.label') || 'Username'
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+              style: [styles.input, {
+                backgroundColor: colors.card,
+                color: colors.text,
+                borderColor: colors.border
+              }],
+              value: username,
+              onChangeText: setUsername,
+              placeholder: t('editProfile.items.username.placeholder') || 'Choose a username',
+              placeholderTextColor: colors.secondaryText,
+              autoFocus: true,
+              autoCapitalize: "none",
+              autoCorrect: false,
+              selectionColor: colors.tint
+            })]
+          })
+        })]
+      })
+    })
+  });
+};
+exports.EditUsernameModal = EditUsernameModal;
+const styles = _reactNative.StyleSheet.create({
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'flex-end'
+  },
+  modalContent: {
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    paddingTop: _reactNative.Platform.OS === 'ios' ? 20 : 16,
+    maxHeight: '80%'
+  },
+  modalHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 16,
+    paddingBottom: 16,
+    borderBottomWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderBottomColor: '#E5E5EA'
+  },
+  closeButton: {
+    width: 40,
+    height: 40,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  modalTitle: {
+    fontSize: 18,
+    fontWeight: '600',
+    fontFamily: _fonts.fontFamilies.phuduSemiBold,
+    flex: 1,
+    textAlign: 'center'
+  },
+  saveButton: {
+    paddingHorizontal: 16,
+    paddingVertical: 8
+  },
+  saveButtonText: {
+    fontSize: 16,
+    fontWeight: '600',
+    fontFamily: _fonts.fontFamilies.phuduSemiBold
+  },
+  modalBody: {
+    padding: 16,
+    gap: 16
+  },
+  inputGroup: {
+    gap: 8
+  },
+  label: {
+    fontSize: 14,
+    fontWeight: '600',
+    fontFamily: _fonts.fontFamilies.phuduSemiBold
+  },
+  input: {
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderRadius: 12,
+    padding: 16,
+    fontSize: 16,
+    minHeight: 52
+  }
+});
+//# sourceMappingURL=EditUsernameModal.js.map

package/lib/commonjs/ui/components/profile/EditUsernameModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_vectorIcons","_useThemeStyles","_useColorScheme","_useI18n","_fonts","_useProfileEditing","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EditUsernameModal","visible","onClose","initialValue","theme","onSave","useI18n","colorScheme","useColorScheme","themeStyles","useThemeStyles","colors","updateField","isSaving","useProfileEditing","username","setUsername","useState","useEffect","handleSave","success","jsx","Modal","animationType","transparent","onRequestClose","children","View","style","styles","modalOverlay","jsxs","modalContent","backgroundColor","background","modalHeader","TouchableOpacity","onPress","closeButton","Ionicons","name","size","color","text","Text","modalTitle","disabled","trim","saveButton","opacity","saveButtonText","tint","modalBody","inputGroup","label","TextInput","input","card","borderColor","border","value","onChangeText","placeholder","placeholderTextColor","secondaryText","autoFocus","autoCapitalize","autoCorrect","selectionColor","exports","StyleSheet","create","flex","justifyContent","borderTopLeftRadius","borderTopRightRadius","paddingTop","Platform","OS","maxHeight","flexDirection","alignItems","paddingHorizontal","paddingBottom","borderBottomWidth","hairlineWidth","borderBottomColor","width","height","fontSize","fontWeight","fontFamily","fontFamilies","phuduSemiBold","textAlign","paddingVertical","padding","gap","borderWidth","borderRadius","minHeight"],"sourceRoot":"../../../../../src","sources":["ui/components/profile/EditUsernameModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/styles/overlay.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = overlay;
+exports.isAnimatedValue = void 0;
+var _reactNative = require("react-native");
+// Simple hex color manipulation without color package
+const hexToRgb = hex => {
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+  return [r, g, b];
+};
+const rgbToHex = (r, g, b) => {
+  return `#${[r, g, b].map(x => {
+    const hex = Math.round(x).toString(16);
+    return hex.length === 1 ? '0' + hex : hex;
+  }).join('')}`;
+};
+const mixColors = (color1, color2, ratio) => {
+  const [r1, g1, b1] = hexToRgb(color1);
+  const [r2, g2, b2] = hexToRgb(color2);
+  const r = r1 + (r2 - r1) * ratio;
+  const g = g1 + (g2 - g1) * ratio;
+  const b = b1 + (b2 - b1) * ratio;
+  return rgbToHex(r, g, b);
+};
+const isAnimatedValue = it => it instanceof _reactNative.Animated.Value;
+exports.isAnimatedValue = isAnimatedValue;
+function overlay(elevation, surfaceColor = '#121212') {
+  if (isAnimatedValue(elevation)) {
+    const inputRange = [0, 1, 2, 3, 8, 24];
+
+    // @ts-expect-error: TS doesn't seem to refine the type correctly
+    return elevation.interpolate({
+      inputRange,
+      outputRange: inputRange.map(elevation => {
+        return calculateColor(surfaceColor, elevation);
+      })
+    });
+  }
+
+  // @ts-expect-error: TS doesn't seem to refine the type correctly
+  return calculateColor(surfaceColor, elevation);
+}
+function calculateColor(surfaceColor, elevation = 1) {
+  let overlayTransparency;
+  if (elevation >= 1 && elevation <= 24) {
+    overlayTransparency = elevationOverlayTransparency[elevation];
+  } else if (elevation > 24) {
+    overlayTransparency = elevationOverlayTransparency[24];
+  } else {
+    overlayTransparency = elevationOverlayTransparency[1];
+  }
+  return mixColors(surfaceColor, '#FFFFFF', overlayTransparency * 0.01);
+}
+const elevationOverlayTransparency = {
+  1: 5,
+  2: 7,
+  3: 8,
+  4: 9,
+  5: 10,
+  6: 11,
+  7: 11.5,
+  8: 12,
+  9: 12.5,
+  10: 13,
+  11: 13.5,
+  12: 14,
+  13: 14.25,
+  14: 14.5,
+  15: 14.75,
+  16: 15,
+  17: 15.12,
+  18: 15.24,
+  19: 15.36,
+  20: 15.48,
+  21: 15.6,
+  22: 15.72,
+  23: 15.84,
+  24: 16
+};
+//# sourceMappingURL=overlay.js.map

package/lib/commonjs/ui/components/styles/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","hexToRgb","hex","r","parseInt","slice","g","b","rgbToHex","map","x","Math","round","toString","length","join","mixColors","color1","color2","ratio","r1","g1","b1","r2","g2","b2","isAnimatedValue","it","Animated","Value","exports","overlay","elevation","surfaceColor","inputRange","interpolate","outputRange","calculateColor","overlayTransparency","elevationOverlayTransparency"],"sourceRoot":"../../../../../src","sources":["ui/components/styles/overlay.tsx"],"mappings":"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","ignoreList":[]}