@tradly/asset 1.0.12 → 1.0.14

package/dist/esm/native/MediaPopup.native.js

@@ -0,0 +1,151 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React from 'react';
+import { Modal, View, Text, TouchableOpacity, StyleSheet, Dimensions, Animated, TouchableWithoutFeedback } from 'react-native';
+import MediaTab from './MediaTab.native';
+import { CloseIcon } from './Icons.native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var _Dimensions$get = Dimensions.get('window'),
+  SCREEN_HEIGHT = _Dimensions$get.height;
+var MediaPopup = function MediaPopup(_ref) {
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    onSelect = _ref.onSelect,
+    currentData = _ref.currentData,
+    _ref$options = _ref.options,
+    options = _ref$options === void 0 ? ['image'] : _ref$options,
+    apiService = _ref.apiService,
+    onError = _ref.onError,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? 'Media Gallery' : _ref$title,
+    picker = _ref.picker,
+    pickerOptions = _ref.pickerOptions,
+    containerStyle = _ref.containerStyle,
+    headerStyle = _ref.headerStyle,
+    titleStyle = _ref.titleStyle,
+    closeButtonStyle = _ref.closeButtonStyle;
+  var _React$useState = React.useState(new Animated.Value(SCREEN_HEIGHT)),
+    _React$useState2 = _slicedToArray(_React$useState, 1),
+    slideAnim = _React$useState2[0];
+  React.useEffect(function () {
+    if (isOpen) {
+      Animated.spring(slideAnim, {
+        toValue: 0,
+        useNativeDriver: true,
+        tension: 65,
+        friction: 11
+      }).start();
+    } else {
+      Animated.timing(slideAnim, {
+        toValue: SCREEN_HEIGHT,
+        duration: 250,
+        useNativeDriver: true
+      }).start();
+    }
+  }, [isOpen]);
+  var handleUpdate = function handleUpdate(data) {
+    if (onSelect) {
+      onSelect(data);
+    }
+  };
+  var handleClose = function handleClose() {
+    if (onClose) {
+      onClose();
+    }
+  };
+  if (!isOpen) return null;
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: isOpen,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: handleClose,
+    children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      onPress: handleClose,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.overlay,
+        children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+          children: /*#__PURE__*/_jsxs(Animated.View, {
+            style: [styles.container, containerStyle, {
+              transform: [{
+                translateY: slideAnim
+              }]
+            }],
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: [styles.header, headerStyle],
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: [styles.title, titleStyle],
+                children: title
+              }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                onPress: handleClose,
+                style: [styles.closeButton, closeButtonStyle],
+                hitSlop: {
+                  top: 10,
+                  bottom: 10,
+                  left: 10,
+                  right: 10
+                },
+                children: /*#__PURE__*/_jsx(CloseIcon, {})
+              })]
+            }), /*#__PURE__*/_jsx(MediaTab, {
+              imagePopup: isOpen,
+              update_data: handleUpdate,
+              current_data: currentData,
+              closePopup: handleClose,
+              options: options,
+              apiService: apiService,
+              onError: onError,
+              picker: picker,
+              pickerOptions: pickerOptions
+            })]
+          })
+        })
+      })
+    })
+  });
+};
+var styles = StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'flex-end'
+  },
+  container: {
+    backgroundColor: '#FFFFFF',
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    maxHeight: SCREEN_HEIGHT * 0.85,
+    minHeight: 200,
+    padding: 20,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: -2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    marginBottom: 16,
+    paddingBottom: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: '#E5E5E5'
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    color: '#000000'
+  },
+  closeButton: {
+    padding: 8,
+    borderRadius: 20
+  }
+});
+export default MediaPopup;

package/dist/esm/native/MediaTab.native.js

@@ -0,0 +1,175 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React, { useMemo, useState } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, ScrollView } from 'react-native';
+import ImagesGallery from './MediaGallery.native';
+import VideosGallery from './VideosGallery.native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var MediaTab = function MediaTab(_ref) {
+  var imagePopup = _ref.imagePopup,
+    current_data = _ref.current_data,
+    update_data = _ref.update_data,
+    closePopup = _ref.closePopup,
+    options = _ref.options,
+    apiService = _ref.apiService,
+    onError = _ref.onError,
+    picker = _ref.picker,
+    pickerOptions = _ref.pickerOptions,
+    containerStyle = _ref.containerStyle,
+    tabListStyle = _ref.tabListStyle,
+    tabButtonStyle = _ref.tabButtonStyle,
+    tabButtonActiveStyle = _ref.tabButtonActiveStyle,
+    tabButtonInactiveStyle = _ref.tabButtonInactiveStyle,
+    tabPanelStyle = _ref.tabPanelStyle;
+  // Build a stable list of enabled tabs in order
+  var availableTabs = useMemo(function () {
+    var tabs = [];
+    if (options !== null && options !== void 0 && options.includes('image')) tabs.push('image');
+    if (options !== null && options !== void 0 && options.includes('video')) tabs.push('video');
+    if (options !== null && options !== void 0 && options.includes('file')) tabs.push('file');
+    return tabs;
+  }, [options]);
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedIndex = _useState2[0],
+    setSelectedIndex = _useState2[1];
+
+  // Guard: if no options passed, render nothing
+  if (!availableTabs.length) {
+    return null;
+  }
+  var renderTabLabel = function renderTabLabel(type) {
+    if (type === 'image') return 'Images';
+    if (type === 'video') return 'Videos';
+    if (type === 'file') return 'Files';
+    return type;
+  };
+  var renderPanel = function renderPanel(type) {
+    if (type === 'image') {
+      return /*#__PURE__*/_jsx(ImagesGallery, {
+        imagePopup: imagePopup,
+        update_data: update_data,
+        current_data: current_data,
+        closePopup: closePopup,
+        apiService: apiService,
+        onError: onError,
+        picker: picker,
+        pickerOptions: pickerOptions
+      });
+    }
+    if (type === 'video') {
+      return /*#__PURE__*/_jsx(VideosGallery, {
+        imagePopup: imagePopup,
+        update_data: update_data,
+        current_data: current_data,
+        closePopup: closePopup,
+        apiService: apiService,
+        onError: onError,
+        picker: picker,
+        pickerOptions: pickerOptions
+      });
+    }
+    if (type === 'file') {
+      // Reuse ImagesGallery for files as in original implementation
+      return /*#__PURE__*/_jsx(ImagesGallery, {
+        imagePopup: imagePopup,
+        update_data: update_data,
+        current_data: current_data,
+        closePopup: closePopup,
+        apiService: apiService,
+        onError: onError,
+        picker: picker,
+        pickerOptions: pickerOptions
+      });
+    }
+    return null;
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, containerStyle],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [styles.tabList, tabListStyle],
+      children: availableTabs.map(function (type, index) {
+        var isSelected = index === selectedIndex;
+        return /*#__PURE__*/_jsxs(TouchableOpacity, {
+          onPress: function onPress() {
+            return setSelectedIndex(index);
+          },
+          style: [styles.tabButton, tabButtonStyle, isSelected ? [styles.tabButtonActive, tabButtonActiveStyle] : [styles.tabButtonInactive, tabButtonInactiveStyle]],
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.tabButtonText, isSelected ? styles.tabButtonTextActive : styles.tabButtonTextInactive],
+            children: renderTabLabel(type)
+          }), isSelected && /*#__PURE__*/_jsx(View, {
+            style: styles.tabIndicator
+          })]
+        }, type);
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: [styles.tabPanel, tabPanelStyle],
+      children: availableTabs.map(function (type, index) {
+        var isSelected = index === selectedIndex;
+        return /*#__PURE__*/_jsx(View, {
+          style: isSelected ? styles.panelVisible : styles.panelHidden,
+          children: isSelected && renderPanel(type)
+        }, type);
+      })
+    })]
+  });
+};
+var styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  tabList: {
+    flexDirection: 'row',
+    borderBottomWidth: 2,
+    borderBottomColor: '#E5E5E5',
+    backgroundColor: '#FFFFFF',
+    paddingHorizontal: 4
+  },
+  tabButton: {
+    flex: 1,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'relative'
+  },
+  tabButtonActive: {
+    // Active state styling
+  },
+  tabButtonInactive: {
+    // Inactive state styling
+  },
+  tabButtonText: {
+    fontSize: 16,
+    fontWeight: '500'
+  },
+  tabButtonTextActive: {
+    color: '#3B3269' // primary color
+  },
+  tabButtonTextInactive: {
+    color: '#4F4F4F'
+  },
+  tabIndicator: {
+    position: 'absolute',
+    bottom: -2,
+    left: 0,
+    right: 0,
+    height: 2,
+    backgroundColor: '#3B3269' // primary color
+  },
+  tabPanel: {
+    flex: 1
+  },
+  panelVisible: {
+    flex: 1
+  },
+  panelHidden: {
+    display: 'none'
+  }
+});
+export default MediaTab;

package/dist/esm/native/Pagination.native.js

@@ -0,0 +1,186 @@
+import React from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Pagination = function Pagination(_ref) {
+  var nextPage = _ref.nextPage,
+    current_page = _ref.current_page,
+    pageCount = _ref.pageCount,
+    containerStyle = _ref.containerStyle,
+    navStyle = _ref.navStyle,
+    previousButtonStyle = _ref.previousButtonStyle,
+    nextButtonStyle = _ref.nextButtonStyle,
+    pageButtonStyle = _ref.pageButtonStyle,
+    pageButtonActiveStyle = _ref.pageButtonActiveStyle,
+    ellipsisStyle = _ref.ellipsisStyle;
+  var totalPages = Math.ceil(pageCount) || 1;
+  var currentPage = current_page || 1;
+
+  // Generate page numbers to display
+  var getPageNumbers = function getPageNumbers() {
+    var pages = [];
+    var maxVisible = 5;
+    var startPage = Math.max(1, currentPage - Math.floor(maxVisible / 2));
+    var endPage = Math.min(totalPages, startPage + maxVisible - 1);
+    if (endPage - startPage < maxVisible - 1) {
+      startPage = Math.max(1, endPage - maxVisible + 1);
+    }
+
+    // Add first page and ellipsis
+    if (startPage > 1) {
+      pages.push(1);
+      if (startPage > 2) {
+        pages.push('...');
+      }
+    }
+
+    // Add visible pages
+    for (var i = startPage; i <= endPage; i++) {
+      pages.push(i);
+    }
+
+    // Add ellipsis and last page
+    if (endPage < totalPages) {
+      if (endPage < totalPages - 1) {
+        pages.push('...');
+      }
+      pages.push(totalPages);
+    }
+    return pages;
+  };
+  var handlePageClick = function handlePageClick(page) {
+    if (page !== currentPage && page >= 1 && page <= totalPages && typeof page === 'number') {
+      nextPage(page);
+    }
+  };
+  var handlePrevious = function handlePrevious() {
+    if (currentPage > 1) {
+      nextPage(currentPage - 1);
+    }
+  };
+  var handleNext = function handleNext() {
+    if (currentPage < totalPages) {
+      nextPage(currentPage + 1);
+    }
+  };
+  if (totalPages <= 1) return null;
+  var pageNumbers = getPageNumbers();
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, containerStyle],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [styles.nav, navStyle],
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: handlePrevious,
+        disabled: currentPage === 1,
+        style: [styles.button, styles.previousButton, previousButtonStyle, currentPage === 1 && styles.buttonDisabled],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.buttonText,
+          children: "\u2039"
+        })
+      }), pageNumbers.map(function (page, index) {
+        if (page === '...') {
+          return /*#__PURE__*/_jsx(View, {
+            style: [styles.ellipsis, ellipsisStyle],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.ellipsisText,
+              children: "..."
+            })
+          }, "ellipsis-".concat(index));
+        }
+        var isActive = page === currentPage;
+        return /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: function onPress() {
+            return handlePageClick(page);
+          },
+          style: [styles.button, styles.pageButton, pageButtonStyle, isActive && [styles.pageButtonActive, pageButtonActiveStyle]],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.pageButtonText, isActive && styles.pageButtonTextActive],
+            children: page
+          })
+        }, page);
+      }), /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: handleNext,
+        disabled: currentPage === totalPages,
+        style: [styles.button, styles.nextButton, nextButtonStyle, currentPage === totalPages && styles.buttonDisabled],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.buttonText,
+          children: "\u203A"
+        })
+      })]
+    })
+  });
+};
+var styles = StyleSheet.create({
+  container: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  nav: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexWrap: 'wrap'
+  },
+  button: {
+    minWidth: 40,
+    height: 40,
+    paddingHorizontal: 12,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#D1D5DB',
+    backgroundColor: '#FFFFFF'
+  },
+  previousButton: {
+    borderTopLeftRadius: 6,
+    borderBottomLeftRadius: 6,
+    borderRightWidth: 0
+  },
+  nextButton: {
+    borderTopRightRadius: 6,
+    borderBottomRightRadius: 6,
+    borderLeftWidth: 0
+  },
+  pageButton: {
+    borderLeftWidth: 0,
+    borderRightWidth: 0
+  },
+  pageButtonActive: {
+    backgroundColor: '#3B3269',
+    borderColor: '#3B3269'
+  },
+  buttonDisabled: {
+    opacity: 0.5
+  },
+  buttonText: {
+    fontSize: 18,
+    color: '#6B7280',
+    fontWeight: '500'
+  },
+  pageButtonText: {
+    fontSize: 14,
+    color: '#6B7280',
+    fontWeight: '500'
+  },
+  pageButtonTextActive: {
+    color: '#FFFFFF',
+    fontWeight: '600'
+  },
+  ellipsis: {
+    minWidth: 40,
+    height: 40,
+    paddingHorizontal: 12,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#D1D5DB',
+    borderLeftWidth: 0,
+    borderRightWidth: 0,
+    backgroundColor: '#FFFFFF'
+  },
+  ellipsisText: {
+    fontSize: 14,
+    color: '#374151',
+    fontWeight: '500'
+  }
+});
+export default Pagination;