related-ui-components 1.2.5 → 1.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/app.js +89 -21
- package/lib/commonjs/app.js.map +1 -1
- package/lib/commonjs/components/Card/templates/DealCard.js +1 -0
- package/lib/commonjs/components/Card/templates/DealCard.js.map +1 -1
- package/lib/commonjs/components/RedemptionOption/RedemptionOption.js +23 -4
- package/lib/commonjs/components/RedemptionOption/RedemptionOption.js.map +1 -1
- package/lib/module/app.js +92 -24
- package/lib/module/app.js.map +1 -1
- package/lib/module/components/Card/templates/DealCard.js +1 -0
- package/lib/module/components/Card/templates/DealCard.js.map +1 -1
- package/lib/module/components/RedemptionOption/RedemptionOption.js +23 -4
- package/lib/module/components/RedemptionOption/RedemptionOption.js.map +1 -1
- package/lib/typescript/commonjs/app.d.ts.map +1 -1
- package/lib/typescript/commonjs/components/RedemptionOption/RedemptionOption.d.ts +1 -0
- package/lib/typescript/commonjs/components/RedemptionOption/RedemptionOption.d.ts.map +1 -1
- package/lib/typescript/module/app.d.ts.map +1 -1
- package/lib/typescript/module/components/RedemptionOption/RedemptionOption.d.ts +1 -0
- package/lib/typescript/module/components/RedemptionOption/RedemptionOption.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/app.tsx +84 -24
- package/src/components/Card/templates/DealCard.tsx +1 -1
- package/src/components/RedemptionOption/RedemptionOption.tsx +26 -11
package/lib/commonjs/app.js
CHANGED
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = App;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _vectorIcons = require("@expo/vector-icons");
|
|
9
10
|
var _index = require("./theme/index.js");
|
|
10
11
|
var _index2 = require("./components/index.js");
|
|
11
12
|
var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
|
|
@@ -32,29 +33,96 @@ function App() {
|
|
|
32
33
|
name: "Newest",
|
|
33
34
|
value: "newest"
|
|
34
35
|
}];
|
|
36
|
+
const iconSize = 24;
|
|
37
|
+
const iconColor = theme.onSurface;
|
|
38
|
+
const redemptionOption = [{
|
|
39
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
|
|
40
|
+
name: "bag-handle-outline",
|
|
41
|
+
size: iconSize,
|
|
42
|
+
color: iconColor
|
|
43
|
+
}),
|
|
44
|
+
key: "redemptionOptions.onlineShopping",
|
|
45
|
+
// Use translation key
|
|
46
|
+
orientation: "horizontal",
|
|
47
|
+
width: 150
|
|
48
|
+
}, {
|
|
49
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
|
|
50
|
+
name: "ticket-outline",
|
|
51
|
+
size: iconSize,
|
|
52
|
+
color: iconColor
|
|
53
|
+
}),
|
|
54
|
+
key: "redemptionOptions.eVouchers",
|
|
55
|
+
// Use translation key
|
|
56
|
+
width: 105
|
|
57
|
+
}, {
|
|
58
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
|
|
59
|
+
name: "cash-outline",
|
|
60
|
+
size: iconSize,
|
|
61
|
+
color: iconColor
|
|
62
|
+
}),
|
|
63
|
+
key: "redemptionOptions.cashback",
|
|
64
|
+
// Use translation key
|
|
65
|
+
width: 105
|
|
66
|
+
}, {
|
|
67
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
|
|
68
|
+
name: "heart-outline",
|
|
69
|
+
size: iconSize,
|
|
70
|
+
color: iconColor
|
|
71
|
+
}),
|
|
72
|
+
key: "redemptionOptions.donate",
|
|
73
|
+
// Use translation key
|
|
74
|
+
width: 87
|
|
75
|
+
}, {
|
|
76
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
|
|
77
|
+
name: "airplane-outline",
|
|
78
|
+
size: iconSize,
|
|
79
|
+
color: iconColor
|
|
80
|
+
}),
|
|
81
|
+
key: "redemptionOptions.travel",
|
|
82
|
+
// Use translation key
|
|
83
|
+
width: 87
|
|
84
|
+
}, {
|
|
85
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
|
|
86
|
+
name: "swap-horizontal-outline",
|
|
87
|
+
size: iconSize,
|
|
88
|
+
color: iconColor
|
|
89
|
+
}),
|
|
90
|
+
key: "redemptionOptions.pointsExchange",
|
|
91
|
+
// Use translation key
|
|
92
|
+
width: 87
|
|
93
|
+
}, {
|
|
94
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
|
|
95
|
+
name: "send-outline",
|
|
96
|
+
size: iconSize,
|
|
97
|
+
color: iconColor
|
|
98
|
+
}),
|
|
99
|
+
key: "redemptionOptions.transferPoints",
|
|
100
|
+
// Use translation key
|
|
101
|
+
width: 87
|
|
102
|
+
}];
|
|
103
|
+
const redemptionOptions = redemptionOption.map(item => ({
|
|
104
|
+
...item,
|
|
105
|
+
text: "Online shopping"
|
|
106
|
+
}));
|
|
35
107
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RelatedProvider, {
|
|
36
|
-
children: /*#__PURE__*/(0, _jsxRuntime.
|
|
108
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSafeAreaContext.SafeAreaView, {
|
|
37
109
|
style: styles.container,
|
|
38
|
-
children:
|
|
39
|
-
style:
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
})
|
|
45
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Filters, {
|
|
46
|
-
visible: filtersVisible
|
|
47
|
-
// brands={BRANDS}
|
|
48
|
-
,
|
|
49
|
-
isRTL: true,
|
|
50
|
-
sortOptions: sortOptions,
|
|
51
|
-
onClose: () => setFiltersVisible(false),
|
|
52
|
-
onActionButtonPress: results => {
|
|
53
|
-
console.log("Filter results:", results);
|
|
54
|
-
setFiltersVisible(false);
|
|
110
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
111
|
+
style: {
|
|
112
|
+
flexDirection: "row",
|
|
113
|
+
flexWrap: "wrap",
|
|
114
|
+
justifyContent: "flex-start",
|
|
115
|
+
gap: 12
|
|
55
116
|
},
|
|
56
|
-
|
|
57
|
-
|
|
117
|
+
children: redemptionOptions.map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.RedemptionOption, {
|
|
118
|
+
orientation: item.orientation || "vertical",
|
|
119
|
+
icon: item.icon,
|
|
120
|
+
isRTL: true,
|
|
121
|
+
width: item.width,
|
|
122
|
+
text: item.text,
|
|
123
|
+
onPress: () => console.log(`Option pressed: ${item.text}`)
|
|
124
|
+
}, item.key))
|
|
125
|
+
})
|
|
58
126
|
})
|
|
59
127
|
});
|
|
60
128
|
}
|
|
@@ -62,7 +130,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
62
130
|
container: {
|
|
63
131
|
flex: 1,
|
|
64
132
|
backgroundColor: "black",
|
|
65
|
-
padding:
|
|
133
|
+
padding: 10
|
|
66
134
|
},
|
|
67
135
|
testButton: {
|
|
68
136
|
backgroundColor: "#4a90e2",
|
package/lib/commonjs/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_index2","_reactNativeSafeAreaContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","App","theme","useTheme","filtersVisible","setFiltersVisible","useState","sortOptions","id","name","value","jsx","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_vectorIcons","_index","_index2","_reactNativeSafeAreaContext","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","App","theme","useTheme","filtersVisible","setFiltersVisible","useState","sortOptions","id","name","value","iconSize","iconColor","onSurface","redemptionOption","icon","jsx","Ionicons","size","color","key","orientation","width","redemptionOptions","map","item","text","RelatedProvider","children","SafeAreaView","style","styles","container","View","flexDirection","flexWrap","justifyContent","gap","RedemptionOption","isRTL","onPress","console","log","StyleSheet","create","flex","backgroundColor","padding","testButton","paddingVertical","paddingHorizontal","borderRadius","marginBottom","buttonText","fontSize","fontWeight","textAlign"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Card","_ThemeContext","_ProgressBar","_CardHeader","_CardFooter","_LockOverlay","_jsxRuntime","e","__esModule","default","DealCard","imageSource","onPress","label","labelContainerStyle","labelStyle","dealDescription","dealDescriptionStyle","dealPrice","dealPriceStyle","dealProviderName","dealProviderNameStyle","progressBar","progressBarText","progressBarTextPosition","progressBarTextAlign","progressValue","progressHeight","progressWidth","remainingProgressColor","progressColor","style","width","variant","isRTL","overlayVisible","theme","rtl","useTheme","screenWidth","useWindowDimensions","isVertical","imageSize","Math","min","cardPadding","fontSize","calculatedProgressWidth","containerFlexDirection","textContainerStyle","flex","paddingLeft","paddingRight","renderDealPrice","jsx","Text","textAlign","fontWeight","marginBottom","color","text","children","jsxs","backgroundColor","surface","borderRadius","overflow","alignItems","flexDirection","View","position","marginHorizontal","marginVertical","marginLeft","marginRight","Image","source","height","alignSelf","resizeMode","visible","title","subtitle","subtitleStyle","titleStyle","marginTop","justifyContent","padding","primary","paddingVertical","paddingHorizontal","onPrimary","progress","remainingColor","textPosition","showText","textStyle","_default","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/DealCard.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AAIA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AAAwD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAD,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AA8BxD,MAAMG,QAA2C,GAAGA,CAAC;EACnDC,WAAW;EACXC,OAAO;EACPC,KAAK;EACLC,mBAAmB;EACnBC,UAAU;EACVC,eAAe;EACfC,oBAAoB;EACpBC,SAAS;EACTC,cAAc;EACdC,gBAAgB;EAChBC,qBAAqB;EACrBC,WAAW;EACXC,eAAe;EACfC,uBAAuB;EACvBC,oBAAoB;EACpBC,aAAa;EACbC,cAAc;EACdC,aAAa;EACbC,sBAAsB;EACtBC,aAAa;EACbC,KAAK;EACLC,KAAK;EACLC,OAAO,GAAG,YAAY;EACtBC,KAAK,GAAG,KAAK;EACbC,cAAc,GAAG;AACnB,CAAC,KAAK;EACJ,MAAM;IAACC,KAAK;IAAEF,KAAK,EAAEG;EAAG,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EACtCJ,KAAK,GAAGG,GAAG;EACX,MAAM;IAAEL,KAAK,EAAEO;EAAY,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACpD,MAAMC,UAAU,GAAGR,OAAO,KAAK,UAAU;EAEzC,MAAMS,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;EACpC,MAAMC,WAAW,GAAG,EAAE;EACtB,MAAMC,QAAQ,GAAGP,WAAW,GAAG,GAAG,GAAG,EAAE,GAAG,EAAE;EAE5C,MAAMQ,uBAAuB,GAC3BnB,aAAa,KACZ,OAAOI,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,GAAG,GAAGO,WAAW,GAAG,GAAG,CAAC;EAE/D,MAAMS,sBAAsB,GAAGP,UAAU,GACrC,QAAQ,GACRP,KAAK,GACL,aAAa,GACb,KAAK;EAET,MAAMe,kBAA6B,GAAG;IACpCC,IAAI,EAAET,UAAU,GAAG,CAAC,GAAG,CAAC;IACxB,IAAIA,UAAU,GACV;MAAEU,WAAW,EAAEN,WAAW;MAAEO,YAAY,EAAEP;IAAY,CAAC,GACvDX,KAAK,GACL;MAAEiB,WAAW,EAAEN;IAAY,CAAC,GAC5B;MAAEO,YAAY,EAAEP;IAAY,CAAC;EACnC,CAAC;EAED,MAAMQ,eAAe,GAAGA,CAAA,KAAuB;IAC7C,oBACE,IAAA/C,WAAA,CAAAgD,GAAA,EAACvD,YAAA,CAAAwD,IAAI;MACHxB,KAAK,EAAE,CACL;QACEyB,SAAS,EAAE,OAAO;QAClBV,QAAQ,EAAEA,QAAQ;QAClBW,UAAU,EAAE,MAAM;QAClBC,YAAY,EAAE,CAAC;QACfC,KAAK,EAAEvB,KAAK,CAACwB;MACf,CAAC,EACD1B,KAAK,IAAI;QAAEsB,SAAS,EAAE;MAAO,CAAC,EAC9BrC,cAAc,CACd;MAAA0C,QAAA,EAED3C;IAAS,CACN,CAAC;EAEX,CAAC;EAED,oBACE,IAAAZ,WAAA,CAAAwD,IAAA,EAAC9D,KAAA,CAAAS,OAAI;IACHG,OAAO,EAAEA,OAAQ;IACjBqB,OAAO,EAAC,QAAQ;IAChB8B,eAAe,EAAE3B,KAAK,CAAC4B,OAAQ;IAC/BjC,KAAK,EAAE,CACL;MACEkC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE,QAAQ;MAClBC,UAAU,EAAE1B,UAAU,GAAG,SAAS,GAAG,QAAQ;MAC7C2B,aAAa,EAAEpB;IACjB,CAAC,EACD,OAAOhB,KAAK,KAAK,QAAQ,IAAI;MAAEA;IAAM,CAAC,EACtCD,KAAK,CACL;IAAA8B,QAAA,gBAEF,IAAAvD,WAAA,CAAAwD,IAAA,EAAC/D,YAAA,CAAAsE,IAAI;MACHtC,KAAK,EACHU,UAAU,GACN;QACE6B,QAAQ,EAAE,UAAU;QACpBC,gBAAgB,EAAE1B,WAAW;QAC7B2B,cAAc,EAAE3B,WAAW;QAC3BoB,YAAY,EAAE,EAAE;QAChBC,QAAQ,EAAE;MACZ,CAAC,GACD;QACEI,QAAQ,EAAE,UAAU;QACpBG,UAAU,EAAE5B,WAAW;QACvB6B,WAAW,EAAE7B,WAAW;QACxBoB,YAAY,EAAE,EAAE;QAChBC,QAAQ,EAAE;MACZ,CACL;MAAAL,QAAA,gBAED,IAAAvD,WAAA,CAAAgD,GAAA,EAACvD,YAAA,CAAA4E,KAAK;QACJC,MAAM,EAAEjE,WAAY;QACpBoB,KAAK,EACHU,UAAU,GACN;UACEoC,MAAM,EAAE,GAAG;UACX7C,KAAK,EAAE,MAAM;UACbiC,YAAY,EAAE,EAAE;UAChBa,SAAS,EAAE,QAAQ;UACnBC,UAAU,EAAE;QACd,CAAC,GACD;UACE/C,KAAK,EAAEU,SAAS;UAChBmC,MAAM,EAAEnC,SAAS;UACjBuB,YAAY,EAAE,EAAE;UAChBa,SAAS,EAAE,QAAQ;UACnBC,UAAU,EAAE;QACd;MACL,CACF,CAAC,eACF,IAAAzE,WAAA,CAAAgD,GAAA,EAACjD,YAAA,CAAAI,OAAW;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Card","_ThemeContext","_ProgressBar","_CardHeader","_CardFooter","_LockOverlay","_jsxRuntime","e","__esModule","default","DealCard","imageSource","onPress","label","labelContainerStyle","labelStyle","dealDescription","dealDescriptionStyle","dealPrice","dealPriceStyle","dealProviderName","dealProviderNameStyle","progressBar","progressBarText","progressBarTextPosition","progressBarTextAlign","progressValue","progressHeight","progressWidth","remainingProgressColor","progressColor","style","width","variant","isRTL","overlayVisible","theme","rtl","useTheme","screenWidth","useWindowDimensions","isVertical","imageSize","Math","min","cardPadding","fontSize","calculatedProgressWidth","containerFlexDirection","textContainerStyle","flex","paddingLeft","paddingRight","renderDealPrice","jsx","Text","textAlign","fontWeight","marginBottom","color","text","children","jsxs","backgroundColor","surface","borderRadius","overflow","alignItems","flexDirection","View","position","marginHorizontal","marginVertical","marginLeft","marginRight","Image","source","height","alignSelf","resizeMode","visible","title","subtitle","subtitleStyle","titleStyle","marginTop","justifyContent","padding","primary","paddingVertical","paddingHorizontal","onPrimary","progress","remainingColor","textPosition","showText","textStyle","_default","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/DealCard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -26,12 +26,16 @@ const RedemptionOption = ({
|
|
|
26
26
|
containerStyle,
|
|
27
27
|
textStyle,
|
|
28
28
|
iconContainerStyle,
|
|
29
|
-
activeOpacityValue = 0.7
|
|
29
|
+
activeOpacityValue = 0.7,
|
|
30
|
+
isRTL
|
|
30
31
|
}) => {
|
|
31
32
|
const {
|
|
32
|
-
theme
|
|
33
|
+
theme,
|
|
34
|
+
isRTL: rtl
|
|
33
35
|
} = (0, _index.useTheme)();
|
|
36
|
+
isRTL = isRTL || rtl;
|
|
34
37
|
textColor = textColor || theme.onSurface;
|
|
38
|
+
|
|
35
39
|
// Dynamic styles based on props
|
|
36
40
|
let dynamicContainerStyle = {
|
|
37
41
|
backgroundColor: backgroundColor || theme.surface,
|
|
@@ -47,8 +51,15 @@ const RedemptionOption = ({
|
|
|
47
51
|
fontSize: fontSize * 0.9,
|
|
48
52
|
lineHeight: fontSize * 1.1
|
|
49
53
|
};
|
|
54
|
+
|
|
55
|
+
// Determine horizontal flex direction based on RTL
|
|
56
|
+
const horizontalDirection = {
|
|
57
|
+
flexDirection: isRTL ? 'row-reverse' : 'row',
|
|
58
|
+
justifyContent: "flex-start",
|
|
59
|
+
alignItems: "center"
|
|
60
|
+
};
|
|
50
61
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
|
|
51
|
-
style: [styles.container, orientation === "vertical" ? styles.vertical :
|
|
62
|
+
style: [styles.container, orientation === "vertical" ? styles.vertical : horizontalDirection, dynamicContainerStyle, disabled && styles.disabled, containerStyle],
|
|
52
63
|
onPress: onPress,
|
|
53
64
|
disabled: disabled,
|
|
54
65
|
activeOpacity: activeOpacityValue,
|
|
@@ -58,7 +69,13 @@ const RedemptionOption = ({
|
|
|
58
69
|
selected: isActive
|
|
59
70
|
},
|
|
60
71
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
61
|
-
style: [styles.iconContainer, orientation === "horizontal" &&
|
|
72
|
+
style: [styles.iconContainer, orientation === "horizontal" && (isRTL ? {
|
|
73
|
+
marginLeft: 12,
|
|
74
|
+
marginRight: 0
|
|
75
|
+
} : {
|
|
76
|
+
marginRight: 12,
|
|
77
|
+
marginLeft: 0
|
|
78
|
+
}), iconContainerStyle],
|
|
62
79
|
children: icon
|
|
63
80
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
64
81
|
style: {
|
|
@@ -86,6 +103,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
86
103
|
justifyContent: "center"
|
|
87
104
|
},
|
|
88
105
|
horizontal: {
|
|
106
|
+
// Base horizontal style is now handled dynamically with RTL support
|
|
89
107
|
flexDirection: "row",
|
|
90
108
|
justifyContent: "flex-start",
|
|
91
109
|
alignItems: "center"
|
|
@@ -96,6 +114,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
96
114
|
alignItems: "center"
|
|
97
115
|
},
|
|
98
116
|
iconHorizontal: {
|
|
117
|
+
// This is now handled dynamically with RTL support
|
|
99
118
|
marginBottom: 0,
|
|
100
119
|
marginRight: 12
|
|
101
120
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","RedemptionOption","icon","text","orientation","backgroundColor","textColor","width","height","borderRadius","padding","fontSize","disabled","isActive","onPress","containerStyle","textStyle","iconContainerStyle","activeOpacityValue","theme","useTheme","onSurface","dynamicContainerStyle","surface","borderWidth","borderColor","undefined","dynamicTextStyle","color","lineHeight","jsxs","TouchableOpacity","style","styles","container","vertical","
|
|
1
|
+
{"version":3,"names":["_index","require","_react","_interopRequireDefault","_reactNative","_jsxRuntime","e","__esModule","default","RedemptionOption","icon","text","orientation","backgroundColor","textColor","width","height","borderRadius","padding","fontSize","disabled","isActive","onPress","containerStyle","textStyle","iconContainerStyle","activeOpacityValue","isRTL","theme","rtl","useTheme","onSurface","dynamicContainerStyle","surface","borderWidth","borderColor","undefined","dynamicTextStyle","color","lineHeight","horizontalDirection","flexDirection","justifyContent","alignItems","jsxs","TouchableOpacity","style","styles","container","vertical","activeOpacity","accessibilityRole","accessibilityState","selected","children","jsx","View","iconContainer","marginLeft","marginRight","minHeight","Text","textVertical","numberOfLines","ellipsizeMode","adjustsFontSizeToFit","minimumFontScale","StyleSheet","create","horizontal","marginBottom","iconHorizontal","fontWeight","textAlign","opacity","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RedemptionOption/RedemptionOption.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/app.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import React, { useState } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { View, StyleSheet } from "react-native";
|
|
5
|
+
import { Ionicons } from "@expo/vector-icons";
|
|
5
6
|
import { RelatedProvider, useTheme } from "./theme/index.js";
|
|
6
|
-
import {
|
|
7
|
+
import { RedemptionOption } from "./components/index.js";
|
|
7
8
|
import { SafeAreaView } from "react-native-safe-area-context";
|
|
8
|
-
import { jsx as _jsx
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
10
|
export default function App() {
|
|
10
11
|
const {
|
|
11
12
|
theme
|
|
@@ -26,29 +27,96 @@ export default function App() {
|
|
|
26
27
|
name: "Newest",
|
|
27
28
|
value: "newest"
|
|
28
29
|
}];
|
|
30
|
+
const iconSize = 24;
|
|
31
|
+
const iconColor = theme.onSurface;
|
|
32
|
+
const redemptionOption = [{
|
|
33
|
+
icon: /*#__PURE__*/_jsx(Ionicons, {
|
|
34
|
+
name: "bag-handle-outline",
|
|
35
|
+
size: iconSize,
|
|
36
|
+
color: iconColor
|
|
37
|
+
}),
|
|
38
|
+
key: "redemptionOptions.onlineShopping",
|
|
39
|
+
// Use translation key
|
|
40
|
+
orientation: "horizontal",
|
|
41
|
+
width: 150
|
|
42
|
+
}, {
|
|
43
|
+
icon: /*#__PURE__*/_jsx(Ionicons, {
|
|
44
|
+
name: "ticket-outline",
|
|
45
|
+
size: iconSize,
|
|
46
|
+
color: iconColor
|
|
47
|
+
}),
|
|
48
|
+
key: "redemptionOptions.eVouchers",
|
|
49
|
+
// Use translation key
|
|
50
|
+
width: 105
|
|
51
|
+
}, {
|
|
52
|
+
icon: /*#__PURE__*/_jsx(Ionicons, {
|
|
53
|
+
name: "cash-outline",
|
|
54
|
+
size: iconSize,
|
|
55
|
+
color: iconColor
|
|
56
|
+
}),
|
|
57
|
+
key: "redemptionOptions.cashback",
|
|
58
|
+
// Use translation key
|
|
59
|
+
width: 105
|
|
60
|
+
}, {
|
|
61
|
+
icon: /*#__PURE__*/_jsx(Ionicons, {
|
|
62
|
+
name: "heart-outline",
|
|
63
|
+
size: iconSize,
|
|
64
|
+
color: iconColor
|
|
65
|
+
}),
|
|
66
|
+
key: "redemptionOptions.donate",
|
|
67
|
+
// Use translation key
|
|
68
|
+
width: 87
|
|
69
|
+
}, {
|
|
70
|
+
icon: /*#__PURE__*/_jsx(Ionicons, {
|
|
71
|
+
name: "airplane-outline",
|
|
72
|
+
size: iconSize,
|
|
73
|
+
color: iconColor
|
|
74
|
+
}),
|
|
75
|
+
key: "redemptionOptions.travel",
|
|
76
|
+
// Use translation key
|
|
77
|
+
width: 87
|
|
78
|
+
}, {
|
|
79
|
+
icon: /*#__PURE__*/_jsx(Ionicons, {
|
|
80
|
+
name: "swap-horizontal-outline",
|
|
81
|
+
size: iconSize,
|
|
82
|
+
color: iconColor
|
|
83
|
+
}),
|
|
84
|
+
key: "redemptionOptions.pointsExchange",
|
|
85
|
+
// Use translation key
|
|
86
|
+
width: 87
|
|
87
|
+
}, {
|
|
88
|
+
icon: /*#__PURE__*/_jsx(Ionicons, {
|
|
89
|
+
name: "send-outline",
|
|
90
|
+
size: iconSize,
|
|
91
|
+
color: iconColor
|
|
92
|
+
}),
|
|
93
|
+
key: "redemptionOptions.transferPoints",
|
|
94
|
+
// Use translation key
|
|
95
|
+
width: 87
|
|
96
|
+
}];
|
|
97
|
+
const redemptionOptions = redemptionOption.map(item => ({
|
|
98
|
+
...item,
|
|
99
|
+
text: "Online shopping"
|
|
100
|
+
}));
|
|
29
101
|
return /*#__PURE__*/_jsx(RelatedProvider, {
|
|
30
|
-
children: /*#__PURE__*/
|
|
102
|
+
children: /*#__PURE__*/_jsx(SafeAreaView, {
|
|
31
103
|
style: styles.container,
|
|
32
|
-
children:
|
|
33
|
-
style:
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
})
|
|
39
|
-
}), /*#__PURE__*/_jsx(Filters, {
|
|
40
|
-
visible: filtersVisible
|
|
41
|
-
// brands={BRANDS}
|
|
42
|
-
,
|
|
43
|
-
isRTL: true,
|
|
44
|
-
sortOptions: sortOptions,
|
|
45
|
-
onClose: () => setFiltersVisible(false),
|
|
46
|
-
onActionButtonPress: results => {
|
|
47
|
-
console.log("Filter results:", results);
|
|
48
|
-
setFiltersVisible(false);
|
|
104
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
105
|
+
style: {
|
|
106
|
+
flexDirection: "row",
|
|
107
|
+
flexWrap: "wrap",
|
|
108
|
+
justifyContent: "flex-start",
|
|
109
|
+
gap: 12
|
|
49
110
|
},
|
|
50
|
-
|
|
51
|
-
|
|
111
|
+
children: redemptionOptions.map(item => /*#__PURE__*/_jsx(RedemptionOption, {
|
|
112
|
+
orientation: item.orientation || "vertical",
|
|
113
|
+
icon: item.icon,
|
|
114
|
+
isRTL: true,
|
|
115
|
+
width: item.width,
|
|
116
|
+
text: item.text,
|
|
117
|
+
onPress: () => console.log(`Option pressed: ${item.text}`)
|
|
118
|
+
}, item.key))
|
|
119
|
+
})
|
|
52
120
|
})
|
|
53
121
|
});
|
|
54
122
|
}
|
|
@@ -56,7 +124,7 @@ const styles = StyleSheet.create({
|
|
|
56
124
|
container: {
|
|
57
125
|
flex: 1,
|
|
58
126
|
backgroundColor: "black",
|
|
59
|
-
padding:
|
|
127
|
+
padding: 10
|
|
60
128
|
},
|
|
61
129
|
testButton: {
|
|
62
130
|
backgroundColor: "#4a90e2",
|
package/lib/module/app.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useState","
|
|
1
|
+
{"version":3,"names":["React","useState","View","StyleSheet","Ionicons","RelatedProvider","useTheme","RedemptionOption","SafeAreaView","jsx","_jsx","App","theme","filtersVisible","setFiltersVisible","sortOptions","id","name","value","iconSize","iconColor","onSurface","redemptionOption","icon","size","color","key","orientation","width","redemptionOptions","map","item","text","children","style","styles","container","flexDirection","flexWrap","justifyContent","gap","isRTL","onPress","console","log","create","flex","backgroundColor","padding","testButton","paddingVertical","paddingHorizontal","borderRadius","marginBottom","buttonText","fontSize","fontWeight","textAlign"],"sourceRoot":"..\\..\\src","sources":["app.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Text","Image","useWindowDimensions","Card","useTheme","ProgressBar","CardHeader","CardFooter","LockOverlay","jsx","_jsx","jsxs","_jsxs","DealCard","imageSource","onPress","label","labelContainerStyle","labelStyle","dealDescription","dealDescriptionStyle","dealPrice","dealPriceStyle","dealProviderName","dealProviderNameStyle","progressBar","progressBarText","progressBarTextPosition","progressBarTextAlign","progressValue","progressHeight","progressWidth","remainingProgressColor","progressColor","style","width","variant","isRTL","overlayVisible","theme","rtl","screenWidth","isVertical","imageSize","Math","min","cardPadding","fontSize","calculatedProgressWidth","containerFlexDirection","textContainerStyle","flex","paddingLeft","paddingRight","renderDealPrice","textAlign","fontWeight","marginBottom","color","text","children","backgroundColor","surface","borderRadius","overflow","alignItems","flexDirection","position","marginHorizontal","marginVertical","marginLeft","marginRight","source","height","alignSelf","resizeMode","visible","title","subtitle","subtitleStyle","titleStyle","marginTop","justifyContent","padding","primary","paddingVertical","paddingHorizontal","onPrimary","progress","remainingColor","textPosition","showText","textStyle"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/DealCard.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","View","Text","Image","useWindowDimensions","Card","useTheme","ProgressBar","CardHeader","CardFooter","LockOverlay","jsx","_jsx","jsxs","_jsxs","DealCard","imageSource","onPress","label","labelContainerStyle","labelStyle","dealDescription","dealDescriptionStyle","dealPrice","dealPriceStyle","dealProviderName","dealProviderNameStyle","progressBar","progressBarText","progressBarTextPosition","progressBarTextAlign","progressValue","progressHeight","progressWidth","remainingProgressColor","progressColor","style","width","variant","isRTL","overlayVisible","theme","rtl","screenWidth","isVertical","imageSize","Math","min","cardPadding","fontSize","calculatedProgressWidth","containerFlexDirection","textContainerStyle","flex","paddingLeft","paddingRight","renderDealPrice","textAlign","fontWeight","marginBottom","color","text","children","backgroundColor","surface","borderRadius","overflow","alignItems","flexDirection","position","marginHorizontal","marginVertical","marginLeft","marginRight","source","height","alignSelf","resizeMode","visible","title","subtitle","subtitleStyle","titleStyle","marginTop","justifyContent","padding","primary","paddingVertical","paddingHorizontal","onPrimary","progress","remainingColor","textPosition","showText","textStyle"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/Card/templates/DealCard.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -21,12 +21,16 @@ const RedemptionOption = ({
|
|
|
21
21
|
containerStyle,
|
|
22
22
|
textStyle,
|
|
23
23
|
iconContainerStyle,
|
|
24
|
-
activeOpacityValue = 0.7
|
|
24
|
+
activeOpacityValue = 0.7,
|
|
25
|
+
isRTL
|
|
25
26
|
}) => {
|
|
26
27
|
const {
|
|
27
|
-
theme
|
|
28
|
+
theme,
|
|
29
|
+
isRTL: rtl
|
|
28
30
|
} = useTheme();
|
|
31
|
+
isRTL = isRTL || rtl;
|
|
29
32
|
textColor = textColor || theme.onSurface;
|
|
33
|
+
|
|
30
34
|
// Dynamic styles based on props
|
|
31
35
|
let dynamicContainerStyle = {
|
|
32
36
|
backgroundColor: backgroundColor || theme.surface,
|
|
@@ -42,8 +46,15 @@ const RedemptionOption = ({
|
|
|
42
46
|
fontSize: fontSize * 0.9,
|
|
43
47
|
lineHeight: fontSize * 1.1
|
|
44
48
|
};
|
|
49
|
+
|
|
50
|
+
// Determine horizontal flex direction based on RTL
|
|
51
|
+
const horizontalDirection = {
|
|
52
|
+
flexDirection: isRTL ? 'row-reverse' : 'row',
|
|
53
|
+
justifyContent: "flex-start",
|
|
54
|
+
alignItems: "center"
|
|
55
|
+
};
|
|
45
56
|
return /*#__PURE__*/_jsxs(TouchableOpacity, {
|
|
46
|
-
style: [styles.container, orientation === "vertical" ? styles.vertical :
|
|
57
|
+
style: [styles.container, orientation === "vertical" ? styles.vertical : horizontalDirection, dynamicContainerStyle, disabled && styles.disabled, containerStyle],
|
|
47
58
|
onPress: onPress,
|
|
48
59
|
disabled: disabled,
|
|
49
60
|
activeOpacity: activeOpacityValue,
|
|
@@ -53,7 +64,13 @@ const RedemptionOption = ({
|
|
|
53
64
|
selected: isActive
|
|
54
65
|
},
|
|
55
66
|
children: [/*#__PURE__*/_jsx(View, {
|
|
56
|
-
style: [styles.iconContainer, orientation === "horizontal" &&
|
|
67
|
+
style: [styles.iconContainer, orientation === "horizontal" && (isRTL ? {
|
|
68
|
+
marginLeft: 12,
|
|
69
|
+
marginRight: 0
|
|
70
|
+
} : {
|
|
71
|
+
marginRight: 12,
|
|
72
|
+
marginLeft: 0
|
|
73
|
+
}), iconContainerStyle],
|
|
57
74
|
children: icon
|
|
58
75
|
}), /*#__PURE__*/_jsx(View, {
|
|
59
76
|
style: {
|
|
@@ -81,6 +98,7 @@ const styles = StyleSheet.create({
|
|
|
81
98
|
justifyContent: "center"
|
|
82
99
|
},
|
|
83
100
|
horizontal: {
|
|
101
|
+
// Base horizontal style is now handled dynamically with RTL support
|
|
84
102
|
flexDirection: "row",
|
|
85
103
|
justifyContent: "flex-start",
|
|
86
104
|
alignItems: "center"
|
|
@@ -91,6 +109,7 @@ const styles = StyleSheet.create({
|
|
|
91
109
|
alignItems: "center"
|
|
92
110
|
},
|
|
93
111
|
iconHorizontal: {
|
|
112
|
+
// This is now handled dynamically with RTL support
|
|
94
113
|
marginBottom: 0,
|
|
95
114
|
marginRight: 12
|
|
96
115
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useTheme","React","TouchableOpacity","Text","View","StyleSheet","jsx","_jsx","jsxs","_jsxs","RedemptionOption","icon","text","orientation","backgroundColor","textColor","width","height","borderRadius","padding","fontSize","disabled","isActive","onPress","containerStyle","textStyle","iconContainerStyle","activeOpacityValue","theme","onSurface","dynamicContainerStyle","surface","borderWidth","borderColor","undefined","dynamicTextStyle","color","lineHeight","style","styles","container","vertical","
|
|
1
|
+
{"version":3,"names":["useTheme","React","TouchableOpacity","Text","View","StyleSheet","jsx","_jsx","jsxs","_jsxs","RedemptionOption","icon","text","orientation","backgroundColor","textColor","width","height","borderRadius","padding","fontSize","disabled","isActive","onPress","containerStyle","textStyle","iconContainerStyle","activeOpacityValue","isRTL","theme","rtl","onSurface","dynamicContainerStyle","surface","borderWidth","borderColor","undefined","dynamicTextStyle","color","lineHeight","horizontalDirection","flexDirection","justifyContent","alignItems","style","styles","container","vertical","activeOpacity","accessibilityRole","accessibilityState","selected","children","iconContainer","marginLeft","marginRight","minHeight","textVertical","numberOfLines","ellipsizeMode","adjustsFontSizeToFit","minimumFontScale","create","horizontal","marginBottom","iconHorizontal","fontWeight","textAlign","opacity"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RedemptionOption/RedemptionOption.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,GAAG,sBAkG1B"}
|
|
@@ -18,6 +18,7 @@ interface RedemptionOptionProps {
|
|
|
18
18
|
textStyle?: StyleProp<TextStyle>;
|
|
19
19
|
iconContainerStyle?: StyleProp<ViewStyle>;
|
|
20
20
|
activeOpacityValue?: number;
|
|
21
|
+
isRTL?: boolean;
|
|
21
22
|
}
|
|
22
23
|
declare const RedemptionOption: React.FC<RedemptionOptionProps>;
|
|
23
24
|
export default RedemptionOption;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/RedemptionOption/RedemptionOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAEtB,UAAU,qBAAqB;IAE7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"RedemptionOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/RedemptionOption/RedemptionOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAEtB,UAAU,qBAAqB;IAE7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IAEb,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiGrD,CAAC;AAsCF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,GAAG,
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/app.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,MAAM,CAAC,OAAO,UAAU,GAAG,sBAkG1B"}
|
|
@@ -18,6 +18,7 @@ interface RedemptionOptionProps {
|
|
|
18
18
|
textStyle?: StyleProp<TextStyle>;
|
|
19
19
|
iconContainerStyle?: StyleProp<ViewStyle>;
|
|
20
20
|
activeOpacityValue?: number;
|
|
21
|
+
isRTL?: boolean;
|
|
21
22
|
}
|
|
22
23
|
declare const RedemptionOption: React.FC<RedemptionOptionProps>;
|
|
23
24
|
export default RedemptionOption;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RedemptionOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/RedemptionOption/RedemptionOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAEtB,UAAU,qBAAqB;IAE7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"RedemptionOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/RedemptionOption/RedemptionOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAKL,SAAS,EACT,SAAS,EACT,SAAS,EAGV,MAAM,cAAc,CAAC;AAEtB,UAAU,qBAAqB;IAE7B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IAEb,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAiGrD,CAAC;AAsCF,eAAe,gBAAgB,CAAC"}
|
package/package.json
CHANGED
package/src/app.tsx
CHANGED
|
@@ -2,44 +2,104 @@ import React, { useState } from "react";
|
|
|
2
2
|
import { View, StyleSheet, Text, TouchableOpacity } from "react-native";
|
|
3
3
|
import { Ionicons } from "@expo/vector-icons";
|
|
4
4
|
import { RelatedProvider, useTheme } from "./theme";
|
|
5
|
-
import { Filters } from "./components";
|
|
5
|
+
import { Filters, RedemptionOption } from "./components";
|
|
6
6
|
import { SafeAreaView } from "react-native-safe-area-context";
|
|
7
7
|
|
|
8
8
|
export default function App() {
|
|
9
9
|
const { theme } = useTheme();
|
|
10
10
|
const [filtersVisible, setFiltersVisible] = useState(false);
|
|
11
|
-
|
|
11
|
+
|
|
12
12
|
// Define some sort options for the filter
|
|
13
13
|
const sortOptions = [
|
|
14
14
|
{ id: 1, name: "Price: Low to High", value: "price_asc" },
|
|
15
15
|
{ id: 2, name: "Price: High to Low", value: "price_desc" },
|
|
16
|
-
{ id: 3, name: "Newest", value: "newest" }
|
|
16
|
+
{ id: 3, name: "Newest", value: "newest" },
|
|
17
|
+
];
|
|
18
|
+
|
|
19
|
+
const iconSize = 24;
|
|
20
|
+
const iconColor = theme.onSurface;
|
|
21
|
+
|
|
22
|
+
const redemptionOption = [
|
|
23
|
+
{
|
|
24
|
+
icon: (
|
|
25
|
+
<Ionicons name="bag-handle-outline" size={iconSize} color={iconColor} />
|
|
26
|
+
),
|
|
27
|
+
key: "redemptionOptions.onlineShopping", // Use translation key
|
|
28
|
+
orientation: "horizontal",
|
|
29
|
+
width: 150,
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
icon: (
|
|
33
|
+
<Ionicons name="ticket-outline" size={iconSize} color={iconColor} />
|
|
34
|
+
),
|
|
35
|
+
key: "redemptionOptions.eVouchers", // Use translation key
|
|
36
|
+
width: 105,
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
icon: <Ionicons name="cash-outline" size={iconSize} color={iconColor} />,
|
|
40
|
+
key: "redemptionOptions.cashback", // Use translation key
|
|
41
|
+
width: 105,
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
icon: <Ionicons name="heart-outline" size={iconSize} color={iconColor} />,
|
|
45
|
+
key: "redemptionOptions.donate", // Use translation key
|
|
46
|
+
width: 87,
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
icon: (
|
|
50
|
+
<Ionicons name="airplane-outline" size={iconSize} color={iconColor} />
|
|
51
|
+
),
|
|
52
|
+
key: "redemptionOptions.travel", // Use translation key
|
|
53
|
+
width: 87,
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
icon: (
|
|
57
|
+
<Ionicons
|
|
58
|
+
name="swap-horizontal-outline"
|
|
59
|
+
size={iconSize}
|
|
60
|
+
color={iconColor}
|
|
61
|
+
/>
|
|
62
|
+
),
|
|
63
|
+
key: "redemptionOptions.pointsExchange", // Use translation key
|
|
64
|
+
width: 87,
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
icon: <Ionicons name="send-outline" size={iconSize} color={iconColor} />,
|
|
68
|
+
key: "redemptionOptions.transferPoints", // Use translation key
|
|
69
|
+
width: 87,
|
|
70
|
+
},
|
|
17
71
|
];
|
|
18
72
|
|
|
73
|
+
const redemptionOptions = redemptionOption.map((item) => ({
|
|
74
|
+
...item,
|
|
75
|
+
text: "Online shopping",
|
|
76
|
+
}));
|
|
77
|
+
|
|
19
78
|
return (
|
|
20
79
|
<RelatedProvider>
|
|
21
80
|
<SafeAreaView style={styles.container}>
|
|
22
81
|
{/* Test button to toggle filters */}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
{/* Filters component with all required props */}
|
|
31
|
-
<Filters
|
|
32
|
-
visible={filtersVisible}
|
|
33
|
-
// brands={BRANDS}
|
|
34
|
-
isRTL={true}
|
|
35
|
-
sortOptions={sortOptions}
|
|
36
|
-
onClose={() => setFiltersVisible(false)}
|
|
37
|
-
onActionButtonPress={(results) => {
|
|
38
|
-
console.log("Filter results:", results);
|
|
39
|
-
setFiltersVisible(false);
|
|
82
|
+
|
|
83
|
+
<View
|
|
84
|
+
style={{
|
|
85
|
+
flexDirection: "row",
|
|
86
|
+
flexWrap: "wrap",
|
|
87
|
+
justifyContent: "flex-start",
|
|
88
|
+
gap: 12,
|
|
40
89
|
}}
|
|
41
|
-
|
|
42
|
-
|
|
90
|
+
>
|
|
91
|
+
{redemptionOptions.map((item) => (
|
|
92
|
+
<RedemptionOption
|
|
93
|
+
orientation={(item.orientation as any) || "vertical"}
|
|
94
|
+
key={item.key}
|
|
95
|
+
icon={item.icon}
|
|
96
|
+
isRTL={true}
|
|
97
|
+
width={item.width}
|
|
98
|
+
text={item.text}
|
|
99
|
+
onPress={() => console.log(`Option pressed: ${item.text}`)}
|
|
100
|
+
/>
|
|
101
|
+
))}
|
|
102
|
+
</View>
|
|
43
103
|
</SafeAreaView>
|
|
44
104
|
</RelatedProvider>
|
|
45
105
|
);
|
|
@@ -49,7 +109,7 @@ const styles = StyleSheet.create({
|
|
|
49
109
|
container: {
|
|
50
110
|
flex: 1,
|
|
51
111
|
backgroundColor: "black",
|
|
52
|
-
padding:
|
|
112
|
+
padding: 10,
|
|
53
113
|
},
|
|
54
114
|
testButton: {
|
|
55
115
|
backgroundColor: "#4a90e2",
|
|
@@ -64,4 +124,4 @@ const styles = StyleSheet.create({
|
|
|
64
124
|
fontWeight: "bold",
|
|
65
125
|
textAlign: "center",
|
|
66
126
|
},
|
|
67
|
-
});
|
|
127
|
+
});
|
|
@@ -16,7 +16,6 @@ interface RedemptionOptionProps {
|
|
|
16
16
|
// Required props
|
|
17
17
|
icon: React.ReactNode;
|
|
18
18
|
text: string;
|
|
19
|
-
|
|
20
19
|
// Customization props
|
|
21
20
|
orientation?: "vertical" | "horizontal";
|
|
22
21
|
backgroundColor?: string;
|
|
@@ -33,6 +32,7 @@ interface RedemptionOptionProps {
|
|
|
33
32
|
textStyle?: StyleProp<TextStyle>;
|
|
34
33
|
iconContainerStyle?: StyleProp<ViewStyle>;
|
|
35
34
|
activeOpacityValue?: number;
|
|
35
|
+
isRTL?: boolean;
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
const RedemptionOption: React.FC<RedemptionOptionProps> = ({
|
|
@@ -53,10 +53,12 @@ const RedemptionOption: React.FC<RedemptionOptionProps> = ({
|
|
|
53
53
|
textStyle,
|
|
54
54
|
iconContainerStyle,
|
|
55
55
|
activeOpacityValue = 0.7,
|
|
56
|
+
isRTL
|
|
56
57
|
}) => {
|
|
57
|
-
const {theme} = useTheme();
|
|
58
|
-
|
|
58
|
+
const {theme, isRTL: rtl} = useTheme();
|
|
59
|
+
isRTL = isRTL || rtl;
|
|
59
60
|
textColor = textColor || theme.onSurface;
|
|
61
|
+
|
|
60
62
|
// Dynamic styles based on props
|
|
61
63
|
let dynamicContainerStyle: ViewStyle = {
|
|
62
64
|
backgroundColor: backgroundColor || theme.surface,
|
|
@@ -65,21 +67,28 @@ const RedemptionOption: React.FC<RedemptionOptionProps> = ({
|
|
|
65
67
|
borderWidth: isActive ? 2 : 0,
|
|
66
68
|
borderColor: isActive ? textColor : undefined,
|
|
67
69
|
};
|
|
68
|
-
|
|
70
|
+
|
|
69
71
|
if (width) dynamicContainerStyle.width = width as DimensionValue;
|
|
70
72
|
if (height) dynamicContainerStyle.height = height as DimensionValue;
|
|
71
|
-
|
|
73
|
+
|
|
72
74
|
const dynamicTextStyle: TextStyle = {
|
|
73
75
|
color: textColor,
|
|
74
76
|
fontSize: fontSize * 0.9,
|
|
75
77
|
lineHeight: fontSize * 1.1,
|
|
76
78
|
};
|
|
77
|
-
|
|
79
|
+
|
|
80
|
+
// Determine horizontal flex direction based on RTL
|
|
81
|
+
const horizontalDirection: ViewStyle = {
|
|
82
|
+
flexDirection: isRTL ? 'row-reverse' : 'row',
|
|
83
|
+
justifyContent: "flex-start",
|
|
84
|
+
alignItems: "center"
|
|
85
|
+
};
|
|
86
|
+
|
|
78
87
|
return (
|
|
79
88
|
<TouchableOpacity
|
|
80
89
|
style={[
|
|
81
90
|
styles.container,
|
|
82
|
-
orientation === "vertical" ? styles.vertical :
|
|
91
|
+
orientation === "vertical" ? styles.vertical : horizontalDirection,
|
|
83
92
|
dynamicContainerStyle,
|
|
84
93
|
disabled && styles.disabled,
|
|
85
94
|
containerStyle,
|
|
@@ -93,13 +102,17 @@ const RedemptionOption: React.FC<RedemptionOptionProps> = ({
|
|
|
93
102
|
<View
|
|
94
103
|
style={[
|
|
95
104
|
styles.iconContainer,
|
|
96
|
-
orientation === "horizontal" &&
|
|
105
|
+
orientation === "horizontal" && (
|
|
106
|
+
isRTL
|
|
107
|
+
? { marginLeft: 12, marginRight: 0 }
|
|
108
|
+
: { marginRight: 12, marginLeft: 0 }
|
|
109
|
+
),
|
|
97
110
|
iconContainerStyle,
|
|
98
111
|
]}
|
|
99
112
|
>
|
|
100
113
|
{icon}
|
|
101
114
|
</View>
|
|
102
|
-
<View style={{minHeight: 40, justifyContent:"center"}}>
|
|
115
|
+
<View style={{minHeight: 40, justifyContent: "center"}}>
|
|
103
116
|
<Text
|
|
104
117
|
style={[
|
|
105
118
|
styles.text,
|
|
@@ -131,9 +144,10 @@ const styles = StyleSheet.create({
|
|
|
131
144
|
justifyContent: "center",
|
|
132
145
|
},
|
|
133
146
|
horizontal: {
|
|
147
|
+
// Base horizontal style is now handled dynamically with RTL support
|
|
134
148
|
flexDirection: "row",
|
|
135
149
|
justifyContent: "flex-start",
|
|
136
|
-
alignItems:"center"
|
|
150
|
+
alignItems: "center"
|
|
137
151
|
},
|
|
138
152
|
iconContainer: {
|
|
139
153
|
marginBottom: 8,
|
|
@@ -141,6 +155,7 @@ const styles = StyleSheet.create({
|
|
|
141
155
|
alignItems: "center",
|
|
142
156
|
},
|
|
143
157
|
iconHorizontal: {
|
|
158
|
+
// This is now handled dynamically with RTL support
|
|
144
159
|
marginBottom: 0,
|
|
145
160
|
marginRight: 12,
|
|
146
161
|
},
|
|
@@ -155,4 +170,4 @@ const styles = StyleSheet.create({
|
|
|
155
170
|
},
|
|
156
171
|
});
|
|
157
172
|
|
|
158
|
-
export default RedemptionOption;
|
|
173
|
+
export default RedemptionOption;
|