tabexseriescomponents 0.0.1 → 0.0.2
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/.prettierrc +7 -0
- package/dist/index.cjs.js +798 -1
- package/dist/index.esm.js +795 -1
- package/dist/index.umd.js +789 -5
- package/package.json +7 -1
package/dist/index.cjs.js
CHANGED
|
@@ -2,11 +2,27 @@
|
|
|
2
2
|
|
|
3
3
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
4
4
|
var React = require('react');
|
|
5
|
+
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
6
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
|
+
var reactRouterDom = require('react-router-dom');
|
|
8
|
+
var glamor = require('glamor');
|
|
9
|
+
var Dropdown = require('react-bootstrap/Dropdown');
|
|
10
|
+
var ai = require('react-icons/ai');
|
|
11
|
+
var cg = require('react-icons/cg');
|
|
12
|
+
var bi = require('react-icons/bi');
|
|
13
|
+
var fi = require('react-icons/fi');
|
|
14
|
+
var md = require('react-icons/md');
|
|
15
|
+
var imagekitioReact = require('imagekitio-react');
|
|
16
|
+
var bs = require('react-icons/bs');
|
|
17
|
+
var hi = require('react-icons/hi');
|
|
5
18
|
|
|
6
19
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
20
|
|
|
8
21
|
var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
|
|
9
22
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
23
|
+
var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
|
|
24
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
25
|
+
var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
|
|
10
26
|
|
|
11
27
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
12
28
|
|
|
@@ -41,9 +57,790 @@ var AwesomeButton = function AwesomeButton(props) {
|
|
|
41
57
|
}, children.toUpperCase());
|
|
42
58
|
};
|
|
43
59
|
|
|
60
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
61
|
+
|
|
62
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
63
|
+
// import { Contexthandlerscontext } from '../../../../../../../Contexts/Contexthandlerscontext';
|
|
64
|
+
|
|
65
|
+
var Header8 = function Header8(props) {
|
|
66
|
+
var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
|
|
67
|
+
|
|
68
|
+
// const { lang, setlang, langdetect } = useContext(LanguageContext);
|
|
69
|
+
// const { templatepropcontext } = useContext(Contexthandlerscontext);
|
|
70
|
+
// const { StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
|
|
71
|
+
// const {
|
|
72
|
+
// setSearchHeaderInputContext,
|
|
73
|
+
// fetchcustomercartQueryContext,
|
|
74
|
+
// fetchAuthorizationQueryContext,
|
|
75
|
+
// setsidecartnavshowcontext,
|
|
76
|
+
// LogoutMutationContext,
|
|
77
|
+
// favoriteprojectscountContext,
|
|
78
|
+
// templateproperties_context,
|
|
79
|
+
// } = useContext(FetchingContext);
|
|
80
|
+
// const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
|
|
81
|
+
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
82
|
+
var lang = props.actions.lang;
|
|
83
|
+
var langdetect = props.actions.langdetect;
|
|
84
|
+
var setlang = props.actions.setlang;
|
|
85
|
+
var templatepropcontext = props.actions.templatepropcontext;
|
|
86
|
+
var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
|
|
87
|
+
var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
|
|
88
|
+
var templateproperties_context = props.actions.templateproperties_context;
|
|
89
|
+
var StaticPagesLinksContext = props.actions.StaticPagesLinkxwsContext;
|
|
90
|
+
|
|
91
|
+
var _useState = React.useState(''),
|
|
92
|
+
_useState2 = _slicedToArray__default["default"](_useState, 2),
|
|
93
|
+
sectionproperties = _useState2[0],
|
|
94
|
+
setsectionproperties = _useState2[1];
|
|
95
|
+
|
|
96
|
+
var _useState3 = React.useState(false),
|
|
97
|
+
_useState4 = _slicedToArray__default["default"](_useState3, 2),
|
|
98
|
+
dropdownselect = _useState4[0],
|
|
99
|
+
setdropdownselect = _useState4[1];
|
|
100
|
+
|
|
101
|
+
React.useEffect(function () {
|
|
102
|
+
var _StatePagePropertiesC, _StatePagePropertiesC2;
|
|
103
|
+
|
|
104
|
+
var secpropobj = {};
|
|
105
|
+
StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.sections) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (sectionitem, sectionindex) {
|
|
106
|
+
if (sectionitem.sectionid == props.sectionidprops) {
|
|
107
|
+
sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
|
|
108
|
+
secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
|
|
109
|
+
});
|
|
110
|
+
}
|
|
111
|
+
});
|
|
112
|
+
|
|
113
|
+
if (Object.keys(secpropobj).length === 0) {
|
|
114
|
+
var _props$defaultpropert;
|
|
115
|
+
|
|
116
|
+
props === null || props === void 0 ? void 0 : (_props$defaultpropert = props.defaultproperties) === null || _props$defaultpropert === void 0 ? void 0 : _props$defaultpropert.forEach(function (defaultpropobj, defaultpropindex) {
|
|
117
|
+
secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
setsectionproperties(_objectSpread({}, secpropobj));
|
|
122
|
+
}, [StatePagePropertiesContext]);
|
|
123
|
+
var header_cssstyles = {
|
|
124
|
+
headercontainer: glamor.css({
|
|
125
|
+
position: sectionproperties.headerstyles_position == 'absolute' ? 'absolute' : 'relative',
|
|
126
|
+
width: sectionproperties.header_width + 'vw',
|
|
127
|
+
background: sectionproperties.uppersection_bgcolor,
|
|
128
|
+
zIndex: 1000,
|
|
129
|
+
transition: 'all 0.2s'
|
|
130
|
+
}),
|
|
131
|
+
upperheadersection: glamor.css({
|
|
132
|
+
background: sectionproperties.uppersection_bgcolor,
|
|
133
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
|
|
134
|
+
paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
|
|
135
|
+
paddingTop: sectionproperties.uppersection_paddingtop + 'px',
|
|
136
|
+
paddingBottom: sectionproperties.uppersection_paddingbottom + 'px',
|
|
137
|
+
borderTopLeftRadius: sectionproperties.uppersection_btlradius + 'px',
|
|
138
|
+
borderTopRightRadius: sectionproperties.uppersection_btrradius + 'px',
|
|
139
|
+
borderBottomLeftRadius: sectionproperties.uppersection_bblradius + 'px',
|
|
140
|
+
borderBottomRightRadius: sectionproperties.uppersection_bbrradius + 'px'
|
|
141
|
+
}),
|
|
142
|
+
lowerheadercontainer: glamor.css({
|
|
143
|
+
backgroundColor: sectionproperties.lowersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.lowersection_backgroundColor,
|
|
144
|
+
borderBottomLeftRadius: sectionproperties.lowersection_borderBottomLeftRadius + 'px',
|
|
145
|
+
borderBottomRightRadius: sectionproperties.lowersection_BorderBottomRightRadius + 'px',
|
|
146
|
+
borderTopLeftRadius: sectionproperties.lowersection_borderTopLeftRadius + 'px',
|
|
147
|
+
borderTopRightRadius: sectionproperties.lowersection_borderTopRightRadius + 'px',
|
|
148
|
+
paddingLeft: '30px',
|
|
149
|
+
paddingRight: '30px',
|
|
150
|
+
paddingTop: sectionproperties.lowersection_paddingtop + 'px',
|
|
151
|
+
paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
|
|
152
|
+
}),
|
|
153
|
+
header_logo: glamor.css({
|
|
154
|
+
width: templateproperties_context.logo_width + 'px',
|
|
155
|
+
height: templateproperties_context.logo_height + 'px'
|
|
156
|
+
}),
|
|
157
|
+
navbar_item_text: glamor.css({
|
|
158
|
+
color: sectionproperties.lowersection_fontColor,
|
|
159
|
+
fontSize: sectionproperties.lowersection_fontsize + 'px',
|
|
160
|
+
textTransform: sectionproperties.lowersection_textTransform,
|
|
161
|
+
fontWeight: sectionproperties.lowersection_textfontweight,
|
|
162
|
+
transition: '0.3s',
|
|
163
|
+
padding: 0,
|
|
164
|
+
':hover': {
|
|
165
|
+
color: sectionproperties.lowersection_fontColoronhover
|
|
166
|
+
}
|
|
167
|
+
}),
|
|
168
|
+
navbar_item_active: glamor.css({
|
|
169
|
+
color: sectionproperties.lowersection_fontColoronhover
|
|
170
|
+
}),
|
|
171
|
+
dropdownitem: glamor.css({
|
|
172
|
+
padding: '0 0.1rem',
|
|
173
|
+
transition: '.3s',
|
|
174
|
+
fontSize: sectionproperties.dropdown_fontsize + 'px',
|
|
175
|
+
color: sectionproperties.dropdown_color,
|
|
176
|
+
fontWeight: sectionproperties.dropdown_fontweight,
|
|
177
|
+
textTransform: sectionproperties.dropdown_texttransform
|
|
178
|
+
}),
|
|
179
|
+
dropdownicon: glamor.css({
|
|
180
|
+
color: sectionproperties.dropdowniconcolor
|
|
181
|
+
}),
|
|
182
|
+
dropdownitemcontainer: glamor.css({
|
|
183
|
+
':hover .dropdownitem': {
|
|
184
|
+
color: sectionproperties.dropdown_hovercolor
|
|
185
|
+
}
|
|
186
|
+
}),
|
|
187
|
+
divider: glamor.css({
|
|
188
|
+
height: sectionproperties.vl_height + 'px',
|
|
189
|
+
width: sectionproperties.vl_width + '%',
|
|
190
|
+
backgroundColor: sectionproperties.vl_bg,
|
|
191
|
+
zIndex: 100
|
|
192
|
+
}),
|
|
193
|
+
searchbarcont: glamor.css({
|
|
194
|
+
position: 'relative',
|
|
195
|
+
transition: '.3s',
|
|
196
|
+
height: sectionproperties.searchbarcont_height + 'px',
|
|
197
|
+
background: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
|
|
198
|
+
width: sectionproperties.searchbarcont_width + 'px',
|
|
199
|
+
borderRadius: sectionproperties.searchbarcont_borderRadius + 'px',
|
|
200
|
+
border: sectionproperties.searchbarcontinput_borderwidth + 'px solid' + sectionproperties.searchbarcontinput_bordercolor
|
|
201
|
+
}),
|
|
202
|
+
searchbar_icon_cont: glamor.css({
|
|
203
|
+
width: sectionproperties.searchbaricon_width + 'px',
|
|
204
|
+
height: sectionproperties.searchbaricon_height + 'px',
|
|
205
|
+
borderRadius: sectionproperties.searchbaricon_borderRadius + 'px',
|
|
206
|
+
color: sectionproperties.searchbaricon_color,
|
|
207
|
+
backgroundColor: sectionproperties.searchbaricon_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbaricon_bgcolor,
|
|
208
|
+
transition: '0.3s ease',
|
|
209
|
+
position: 'absolute',
|
|
210
|
+
right: langdetect == 'en' ? 0 : '',
|
|
211
|
+
left: langdetect == 'en' ? '' : 0,
|
|
212
|
+
transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)',
|
|
213
|
+
bottom: 0,
|
|
214
|
+
top: 0,
|
|
215
|
+
margin: 'auto'
|
|
216
|
+
}),
|
|
217
|
+
searchbarcont_input: glamor.css({
|
|
218
|
+
height: '100%',
|
|
219
|
+
width: '100%',
|
|
220
|
+
outline: 'none',
|
|
221
|
+
background: 'transparent',
|
|
222
|
+
color: sectionproperties.searchbarcontinput_color,
|
|
223
|
+
fontWeight: sectionproperties.searchbarcont_inputfontweight,
|
|
224
|
+
fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
|
|
225
|
+
paddingLeft: langdetect == 'en' ? sectionproperties.searchbarcont_paddingLeft + 'px' : sectionproperties.searchbarcont_paddingRight + 'px',
|
|
226
|
+
paddingRight: langdetect == 'en' ? sectionproperties.searchbarcont_paddingRight + 'px' : sectionproperties.searchbarcont_paddingLeft,
|
|
227
|
+
transition: '0.3s',
|
|
228
|
+
':focus': {
|
|
229
|
+
borderColor: sectionproperties.searchbarcontinput_bordercoloronfocus
|
|
230
|
+
}
|
|
231
|
+
}),
|
|
232
|
+
wishlist_btn: glamor.css({
|
|
233
|
+
width: sectionproperties.favBtnWidth + 'px',
|
|
234
|
+
height: sectionproperties.favBtnHeight + 'px',
|
|
235
|
+
background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
|
|
236
|
+
borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
|
|
237
|
+
color: sectionproperties.favBtniconcolor,
|
|
238
|
+
border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
|
|
239
|
+
transition: '.3s',
|
|
240
|
+
':hover': {
|
|
241
|
+
background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
|
|
242
|
+
color: sectionproperties.favBtnTextcoloronhover
|
|
243
|
+
}
|
|
244
|
+
}),
|
|
245
|
+
wishlistbadge: glamor.css({
|
|
246
|
+
top: sectionproperties.wishlistbadgetop + 'px',
|
|
247
|
+
right: sectionproperties.wishlistbadgeright + 'px'
|
|
248
|
+
}),
|
|
249
|
+
user_btn: glamor.css({
|
|
250
|
+
background: sectionproperties.userbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.userBtnbgColor,
|
|
251
|
+
width: sectionproperties.userBtnWidth + 'px',
|
|
252
|
+
height: sectionproperties.userBtnHeight + 'px',
|
|
253
|
+
borderRadius: sectionproperties.userbtn_borderBottomLeftRadius + 'px',
|
|
254
|
+
color: sectionproperties.userBtniconcolor,
|
|
255
|
+
border: sectionproperties.userbtnborderwidth + 'px solid ' + sectionproperties.userbtnbordercolor,
|
|
256
|
+
transition: '.3s',
|
|
257
|
+
':hover': {
|
|
258
|
+
color: sectionproperties.userBtnTextcoloronhover,
|
|
259
|
+
background: sectionproperties.userbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.userBtnbgColoronhover,
|
|
260
|
+
borderColor: sectionproperties.userbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.userBtnTextcoloronhover : sectionproperties.userBtnbgColoronhover
|
|
261
|
+
}
|
|
262
|
+
}),
|
|
263
|
+
loggedinusername: glamor.css({
|
|
264
|
+
fontWeight: sectionproperties.userBtnTextfontweight,
|
|
265
|
+
textTransform: sectionproperties.userBtnTexttransform,
|
|
266
|
+
color: sectionproperties.userBtnTextcolor,
|
|
267
|
+
fontSize: sectionproperties.userBtntextfontsize + 'px',
|
|
268
|
+
lineHeight: sectionproperties.userBtntextfontsize + 'px',
|
|
269
|
+
transition: '.3s'
|
|
270
|
+
}),
|
|
271
|
+
user_btnContainer: glamor.css({
|
|
272
|
+
':hover .user_btnbg': {
|
|
273
|
+
background: sectionproperties.userbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.userBtnbgColoronhover,
|
|
274
|
+
color: sectionproperties.userBtnTextcoloronhover
|
|
275
|
+
},
|
|
276
|
+
':hover .user_btn': {
|
|
277
|
+
color: sectionproperties.userBtnTextcoloronhover
|
|
278
|
+
}
|
|
279
|
+
}),
|
|
280
|
+
loggedinuserbtn: glamor.css({
|
|
281
|
+
width: sectionproperties.loggedinuserbtn_width + 'px',
|
|
282
|
+
height: sectionproperties.loggedinuserbtn_height + 'px',
|
|
283
|
+
border: sectionproperties.userlogginbtnborderwidth + 'px solid ' + sectionproperties.userlogginbtnbordercolor,
|
|
284
|
+
borderRadius: sectionproperties.userbtn_borderBottomLeftRadius + 'px',
|
|
285
|
+
background: sectionproperties.userBtnbgColor_loggedin,
|
|
286
|
+
color: sectionproperties.userBtniconcolor_loggedin,
|
|
287
|
+
transition: '.3s'
|
|
288
|
+
}),
|
|
289
|
+
loggedinuserbtnContainer: glamor.css({
|
|
290
|
+
':hover .loggedinuserbtn': {
|
|
291
|
+
borderColor: sectionproperties.userbtn_loggedin_iconcoloronhover,
|
|
292
|
+
color: sectionproperties.userBtnTextcoloronhover_loggedin
|
|
293
|
+
},
|
|
294
|
+
':hover .loggedinuserbtnbg': {
|
|
295
|
+
backgroundColor: sectionproperties.userBtnbgColoronhover_loggedin,
|
|
296
|
+
color: sectionproperties.userbtn_loggedin_iconcoloronhover
|
|
297
|
+
}
|
|
298
|
+
}),
|
|
299
|
+
cart_btn: glamor.css((_css = {
|
|
300
|
+
width: sectionproperties.cartBtnWidth + 'px',
|
|
301
|
+
height: sectionproperties.cartBtnHeight + 'px',
|
|
302
|
+
background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
|
|
303
|
+
borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
|
|
304
|
+
color: sectionproperties.cartBtnTextcolor,
|
|
305
|
+
border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor
|
|
306
|
+
}, _defineProperty__default["default"](_css, "color", sectionproperties.cart_iconcolor), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
|
|
307
|
+
background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
|
|
308
|
+
color: sectionproperties.cartBtnTextcoloronhover
|
|
309
|
+
}), _css)),
|
|
310
|
+
cartbadge: glamor.css({
|
|
311
|
+
top: sectionproperties.cartbadgetop + 'px',
|
|
312
|
+
right: sectionproperties.cartbadgeright + 'px'
|
|
313
|
+
}),
|
|
314
|
+
badge_counter_header_notifications: glamor.css({
|
|
315
|
+
display: 'flex',
|
|
316
|
+
justifyContent: 'center',
|
|
317
|
+
alignItems: 'center',
|
|
318
|
+
position: 'absolute',
|
|
319
|
+
top: sectionproperties.badge_top + 'px',
|
|
320
|
+
right: sectionproperties.badge_right + 'px',
|
|
321
|
+
background: sectionproperties.badge_bgcolor,
|
|
322
|
+
width: sectionproperties.badge_width + 'px',
|
|
323
|
+
height: sectionproperties.badge_height + 'px',
|
|
324
|
+
color: sectionproperties.badge_color,
|
|
325
|
+
borderRadius: sectionproperties.badge_borderradius + 'px',
|
|
326
|
+
fontSize: sectionproperties.badge_fontsize + 'px'
|
|
327
|
+
}),
|
|
328
|
+
categorybtn: glamor.css({
|
|
329
|
+
background: sectionproperties.generalbtn_bgColor,
|
|
330
|
+
width: sectionproperties.generalbtn_width + 'px',
|
|
331
|
+
height: sectionproperties.generalbtn_height + 'px',
|
|
332
|
+
borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
|
|
333
|
+
borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
|
|
334
|
+
borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
|
|
335
|
+
borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
|
|
336
|
+
border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
|
|
337
|
+
transition: '.3s',
|
|
338
|
+
':hover': {
|
|
339
|
+
background: sectionproperties.generalbtn_bgColoronhover
|
|
340
|
+
}
|
|
341
|
+
}),
|
|
342
|
+
btntextcontainer: glamor.css({
|
|
343
|
+
color: sectionproperties.generalbtn_textColor,
|
|
344
|
+
fontSize: sectionproperties.generalbtn_fontsize + 'px',
|
|
345
|
+
textTransform: sectionproperties.generalbtn_texttransform,
|
|
346
|
+
transition: '.3s',
|
|
347
|
+
':hover': {
|
|
348
|
+
color: sectionproperties.generalbtn_textColoronhover
|
|
349
|
+
}
|
|
350
|
+
}),
|
|
351
|
+
languagecontainer: glamor.css({
|
|
352
|
+
cursor: 'pointer',
|
|
353
|
+
transition: '.3s',
|
|
354
|
+
color: sectionproperties.language_container_color,
|
|
355
|
+
fontSize: sectionproperties.language_container_fontsize + 'px',
|
|
356
|
+
':hover': {
|
|
357
|
+
color: sectionproperties.language_container_coloronhover
|
|
358
|
+
}
|
|
359
|
+
})
|
|
360
|
+
};
|
|
361
|
+
|
|
362
|
+
var subtotalcart = function subtotalcart() {
|
|
363
|
+
var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4;
|
|
364
|
+
|
|
365
|
+
var totalprice = 0;
|
|
366
|
+
fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : (_fetchcustomercartQue3 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.forEach(function (cartitem, cartindex) {
|
|
367
|
+
var finalprice = 0;
|
|
368
|
+
|
|
369
|
+
if (cartitem.productinfo.hassale == 0) {
|
|
370
|
+
finalprice = cartitem.productinfo.defaultprice;
|
|
371
|
+
} else if (cartitem.productinfo.hassale == 1) {
|
|
372
|
+
finalprice = cartitem.productinfo.defaultsaleprice;
|
|
373
|
+
}
|
|
374
|
+
|
|
375
|
+
totalprice = finalprice * cartitem.quantity + totalprice;
|
|
376
|
+
});
|
|
377
|
+
return totalprice;
|
|
378
|
+
};
|
|
379
|
+
|
|
380
|
+
var _useState5 = React.useState([]),
|
|
381
|
+
_useState6 = _slicedToArray__default["default"](_useState5, 2),
|
|
382
|
+
logoarrayofobjects = _useState6[0],
|
|
383
|
+
setlogoarrayofobjects = _useState6[1];
|
|
384
|
+
|
|
385
|
+
React.useEffect(function () {
|
|
386
|
+
if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
|
|
387
|
+
var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
|
|
388
|
+
|
|
389
|
+
if (Array.isArray(logoarrayofobjectsparsed)) {
|
|
390
|
+
setlogoarrayofobjects(_toConsumableArray__default["default"](logoarrayofobjectsparsed));
|
|
391
|
+
}
|
|
392
|
+
}
|
|
393
|
+
}, [templateproperties_context]);
|
|
394
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
395
|
+
className: "row w-100 ml-0 mr-0 d-flex justify-content-center",
|
|
396
|
+
style: {
|
|
397
|
+
marginTop: sectionproperties.header_marginTop + 'px',
|
|
398
|
+
marginBottom: sectionproperties.header_marginBottom + 'px'
|
|
399
|
+
}
|
|
400
|
+
}, fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("a", {
|
|
401
|
+
href: 'tel:' + fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile,
|
|
402
|
+
target: '_self',
|
|
403
|
+
style: {
|
|
404
|
+
position: 'fixed',
|
|
405
|
+
bottom: 60,
|
|
406
|
+
right: 10,
|
|
407
|
+
zIndex: 999999,
|
|
408
|
+
transition: 'all 0.3s ease-out'
|
|
409
|
+
}
|
|
410
|
+
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
411
|
+
className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
|
|
412
|
+
}, /*#__PURE__*/React__default["default"].createElement(bs.BsTelephone, {
|
|
413
|
+
size: 30,
|
|
414
|
+
color: sectionproperties.uppersection_iconcolor,
|
|
415
|
+
style: {
|
|
416
|
+
transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
|
|
417
|
+
}
|
|
418
|
+
}))), /*#__PURE__*/React__default["default"].createElement("a", {
|
|
419
|
+
href: 'https://api.whatsapp.com/send?phone=' + fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile,
|
|
420
|
+
target: '_blank',
|
|
421
|
+
style: {
|
|
422
|
+
position: 'fixed',
|
|
423
|
+
bottom: 10,
|
|
424
|
+
right: 10,
|
|
425
|
+
zIndex: 999999,
|
|
426
|
+
transition: 'all 0.3s ease-out'
|
|
427
|
+
}
|
|
428
|
+
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
429
|
+
// src={whatsappicon}
|
|
430
|
+
style: {
|
|
431
|
+
width: '40px',
|
|
432
|
+
height: '40px',
|
|
433
|
+
cursor: 'pointer'
|
|
434
|
+
}
|
|
435
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
436
|
+
className: "".concat(header_cssstyles.headercontainer) + ' row ml-0 mr-0 d-flex d-md-none align-items-center ',
|
|
437
|
+
style: {
|
|
438
|
+
position: sectionproperties.headerstyles_position == 'absolute' ? 'absolute' : 'relative'
|
|
439
|
+
}
|
|
440
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
441
|
+
className: header_cssstyles.upperheadersection + ' col-lg-12 '
|
|
442
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
443
|
+
className: "row w-100 m-0 align-items-center "
|
|
444
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
445
|
+
className: "col-lg-2 p-0"
|
|
446
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
447
|
+
className: "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
|
|
448
|
+
style: {
|
|
449
|
+
cursor: 'pointer'
|
|
450
|
+
},
|
|
451
|
+
onClick: function onClick() {
|
|
452
|
+
routingcountext('home');
|
|
453
|
+
}
|
|
454
|
+
}, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
|
|
455
|
+
path: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
|
|
456
|
+
style: {
|
|
457
|
+
maxWidth: '100%',
|
|
458
|
+
maxHeight: '100%'
|
|
459
|
+
}
|
|
460
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
461
|
+
className: "col-lg-4 p-0"
|
|
462
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
463
|
+
className: header_cssstyles.searchbarcont,
|
|
464
|
+
style: {
|
|
465
|
+
position: 'relative'
|
|
466
|
+
}
|
|
467
|
+
}, /*#__PURE__*/React__default["default"].createElement("input", {
|
|
468
|
+
type: "text",
|
|
469
|
+
placeholder: lang.searchproducts,
|
|
470
|
+
className: "".concat(header_cssstyles.searchbarcont_input),
|
|
471
|
+
onChange: function onChange(event) {
|
|
472
|
+
setSearchHeaderInputContext(event.target.value);
|
|
473
|
+
}
|
|
474
|
+
}), /*#__PURE__*/React__default["default"].createElement("button", {
|
|
475
|
+
className: " ".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center '
|
|
476
|
+
}, /*#__PURE__*/React__default["default"].createElement(bs.BsSearch, {
|
|
477
|
+
color: sectionproperties.searchbaricon_color,
|
|
478
|
+
size: sectionproperties.searchbaricon_fontsize
|
|
479
|
+
})))), fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
480
|
+
className: "col-lg-3 d-flex flex-column align-items-center justfiy-content-center"
|
|
481
|
+
}, sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
482
|
+
className: "row m-0 w-100 d-flex align-items-center justify-content-center"
|
|
483
|
+
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
484
|
+
className: langdetect == 'en' ? 'h-100 d-flex align-items-center justify-content-center mr-2' : 'h-100 d-flex align-items-center justify-content-center ml-2'
|
|
485
|
+
}, /*#__PURE__*/React__default["default"].createElement(bs.BsTelephone, {
|
|
486
|
+
size: 30,
|
|
487
|
+
color: sectionproperties.uppersection_iconcolor,
|
|
488
|
+
style: {
|
|
489
|
+
transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
|
|
490
|
+
}
|
|
491
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
492
|
+
className: "d-flex align-items-center flex-column",
|
|
493
|
+
onClick: function onClick() {
|
|
494
|
+
window.open('https://api.whatsapp.com/send?phone=' + fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile, '_blank');
|
|
495
|
+
},
|
|
496
|
+
style: {
|
|
497
|
+
cursor: 'pointer'
|
|
498
|
+
}
|
|
499
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
500
|
+
className: "m-0",
|
|
501
|
+
style: {
|
|
502
|
+
color: sectionproperties.uppersection_infocolor,
|
|
503
|
+
fontSize: sectionproperties.uppersection_infofontsize + 'px',
|
|
504
|
+
fontWeight: sectionproperties.uppersection_infofontweight,
|
|
505
|
+
letterSpacing: '2px'
|
|
506
|
+
}
|
|
507
|
+
}, fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
508
|
+
className: "mb-0 w-100",
|
|
509
|
+
style: {
|
|
510
|
+
textAlign: langdetect == 'en' ? 'right' : 'left',
|
|
511
|
+
// color: '#a3a3a3',
|
|
512
|
+
color: sectionproperties.uppersection_titlecolor,
|
|
513
|
+
fontSize: sectionproperties.uppersection_titlefontsize + 'px',
|
|
514
|
+
// fontSize: '12px',
|
|
515
|
+
fontWeight: sectionproperties.uppersection_titlefontweight,
|
|
516
|
+
textTransform: sectionproperties.uppersection_titletextransform
|
|
517
|
+
}
|
|
518
|
+
}, lang.support247)))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
519
|
+
className: langdetect == 'en' ? 'col-lg-3 d-flex align-items-center p-0 pl-0' : 'col-lg-3 d-flex align-items-center p-0 pr-0'
|
|
520
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
521
|
+
className: 'row w-100 m-0 align-items-center justify-content-between ',
|
|
522
|
+
style: {
|
|
523
|
+
paddingLeft: langdetect == 'en' ? fetchAuthorizationQueryContext.data.data.loggedin == true ? '.3rem' : '3rem' : 0,
|
|
524
|
+
paddingRight: langdetect == 'en' ? 0 : fetchAuthorizationQueryContext.data.data.loggedin == true ? '1rem' : '3rem'
|
|
525
|
+
}
|
|
526
|
+
}, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
527
|
+
className: header_cssstyles.user_btnContainer + ' d-flex align-items-center justify-content-end p-0 cursor-pointer pt-1 '
|
|
528
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
529
|
+
className: header_cssstyles.user_btn + ' user_btnbg allcentered p-0 '
|
|
530
|
+
}, /*#__PURE__*/React__default["default"].createElement(bi.BiUser, {
|
|
531
|
+
size: sectionproperties.userBtniconfontsize
|
|
532
|
+
})), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
533
|
+
className: header_cssstyles.loggedinusername + ' user_btn mb-0 p-0 ',
|
|
534
|
+
style: {
|
|
535
|
+
marginLeft: langdetect == 'en' ? '3px' : 0,
|
|
536
|
+
marginRight: langdetect == 'en' ? 0 : '3px'
|
|
537
|
+
}
|
|
538
|
+
}, lang.login)), fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
539
|
+
className: header_cssstyles.loggedinuserbtnContainer + ' allcentered ',
|
|
540
|
+
sytle: {
|
|
541
|
+
position: 'relative'
|
|
542
|
+
}
|
|
543
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
544
|
+
className: header_cssstyles.loggedinuserbtn + ' loggedinuserbtn loggedinuserbtnbg ml-2 mr-2 '
|
|
545
|
+
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
546
|
+
className: ' h-100 allcentered '
|
|
547
|
+
}, /*#__PURE__*/React__default["default"].createElement(bi.BiUser, {
|
|
548
|
+
size: sectionproperties.loggedinusericonfontsize
|
|
549
|
+
}))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
550
|
+
className: "m-0 p-0",
|
|
551
|
+
style: {
|
|
552
|
+
textAlign: langdetect == 'en' ? 'left' : 'right'
|
|
553
|
+
}
|
|
554
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
555
|
+
className: "m-0 p-0",
|
|
556
|
+
style: {
|
|
557
|
+
color: sectionproperties.greetingtextcolor,
|
|
558
|
+
fontSize: sectionproperties.greetingtextfontsize + 'px',
|
|
559
|
+
lineHeight: sectionproperties.greetingtextfontsize + 'px',
|
|
560
|
+
fontWeight: 400
|
|
561
|
+
}
|
|
562
|
+
}, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
563
|
+
className: header_cssstyles.loggedinusername + ' loggedinuserbtn text-overflow m-0 p-0 ',
|
|
564
|
+
style: {
|
|
565
|
+
maxWidth: '100px'
|
|
566
|
+
}
|
|
567
|
+
}, fetchAuthorizationQueryContext.data.data.customerinfo.name)))), !fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
|
|
568
|
+
onClick: function onClick() {
|
|
569
|
+
routingcountext(StaticPagesLinksContext.Login);
|
|
570
|
+
}
|
|
571
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
572
|
+
className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
|
|
573
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
574
|
+
className: "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
|
|
575
|
+
}, /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineLogin, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
576
|
+
className: "ml-2 mr-2"
|
|
577
|
+
}, lang.login)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
|
|
578
|
+
style: {
|
|
579
|
+
marginBottom: 0,
|
|
580
|
+
marginTop: 0
|
|
581
|
+
}
|
|
582
|
+
}), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
|
|
583
|
+
onClick: function onClick() {
|
|
584
|
+
routingcountext(StaticPagesLinksContext.Signup);
|
|
585
|
+
}
|
|
586
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
587
|
+
className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
|
|
588
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
589
|
+
className: "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
|
|
590
|
+
}, /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineUserAdd, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
591
|
+
className: "ml-2 mr-2"
|
|
592
|
+
}, lang.signup))))), fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
|
|
593
|
+
style: {
|
|
594
|
+
minWidth: '200px'
|
|
595
|
+
}
|
|
596
|
+
}, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
597
|
+
className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
|
|
598
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", {
|
|
599
|
+
style: {
|
|
600
|
+
color: sectionproperties.greetingtextcolor,
|
|
601
|
+
fontSize: sectionproperties.dropdown_fontsize + 'px',
|
|
602
|
+
fontWeight: 400
|
|
603
|
+
}
|
|
604
|
+
}, lang.hello, ","), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
605
|
+
className: "".concat(header_cssstyles.dropdownitem) + ' font-weight-600 ml-1 mr-1 text-overflow text-capitalize dropdownitem m-0 p-0 ',
|
|
606
|
+
style: {
|
|
607
|
+
maxWidth: '120px'
|
|
608
|
+
},
|
|
609
|
+
onClick: function onClick() {
|
|
610
|
+
routingcountext(StaticPagesLinksContext.accountinfo);
|
|
611
|
+
}
|
|
612
|
+
}, fetchAuthorizationQueryContext.data.data.customerinfo.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
|
|
613
|
+
style: {
|
|
614
|
+
marginBottom: 0,
|
|
615
|
+
marginTop: 0
|
|
616
|
+
}
|
|
617
|
+
}), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
|
|
618
|
+
onClick: function onClick() {
|
|
619
|
+
routingcountext(StaticPagesLinksContext.Ordershistory);
|
|
620
|
+
}
|
|
621
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
622
|
+
className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
|
|
623
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
624
|
+
className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
|
|
625
|
+
}, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(cg.CgShoppingBag, null), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(bs.BsBag, null), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(bs.BsHandbag, null), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingCart, null), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(md.MdOutlineShoppingCart, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
626
|
+
className: "ml-2 mr-2"
|
|
627
|
+
}, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
|
|
628
|
+
style: {
|
|
629
|
+
marginBottom: 0,
|
|
630
|
+
marginTop: 0
|
|
631
|
+
}
|
|
632
|
+
}), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
|
|
633
|
+
onClick: function onClick() {
|
|
634
|
+
routingcountext(StaticPagesLinksContext.Wishlist);
|
|
635
|
+
}
|
|
636
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
637
|
+
className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
|
|
638
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
639
|
+
className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
|
|
640
|
+
}, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineHeart, null), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(ai.AiFillStar, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
641
|
+
className: "ml-2 mr-2"
|
|
642
|
+
}, lang.wishlist)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
|
|
643
|
+
style: {
|
|
644
|
+
marginBottom: 0,
|
|
645
|
+
marginTop: 0
|
|
646
|
+
}
|
|
647
|
+
}), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
|
|
648
|
+
onClick: function onClick() {
|
|
649
|
+
routingcountext(StaticPagesLinksContext.Policies);
|
|
650
|
+
}
|
|
651
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
652
|
+
className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
|
|
653
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
654
|
+
className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
|
|
655
|
+
}, /*#__PURE__*/React__default["default"].createElement(md.MdOutlinePolicy, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
656
|
+
className: "ml-2 mr-2"
|
|
657
|
+
}, lang.policies)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
|
|
658
|
+
style: {
|
|
659
|
+
marginBottom: 0,
|
|
660
|
+
marginTop: 0
|
|
661
|
+
}
|
|
662
|
+
}), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
|
|
663
|
+
onClick: function onClick() {
|
|
664
|
+
LogoutMutationContext.mutate();
|
|
665
|
+
}
|
|
666
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
667
|
+
className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
|
|
668
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
669
|
+
className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
|
|
670
|
+
}, /*#__PURE__*/React__default["default"].createElement(bi.BiLogOutCircle, null), /*#__PURE__*/React__default["default"].createElement("span", {
|
|
671
|
+
className: "ml-2 mr-2"
|
|
672
|
+
}, lang.logout)))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
673
|
+
className: "d-flex flex-row p-0 align-items-center"
|
|
674
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
675
|
+
style: {
|
|
676
|
+
position: 'relative'
|
|
677
|
+
},
|
|
678
|
+
className: "cursor-pointer d-flex d-flex align-items-center",
|
|
679
|
+
onClick: function onClick() {
|
|
680
|
+
routingcountext(StaticPagesLinksContext.Wishlist);
|
|
681
|
+
}
|
|
682
|
+
}, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineHeart, {
|
|
683
|
+
className: "".concat(header_cssstyles.wishlist_btn),
|
|
684
|
+
size: sectionproperties.favBtnIconfontsize,
|
|
685
|
+
style: {
|
|
686
|
+
position: 'relative'
|
|
687
|
+
}
|
|
688
|
+
}), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(ai.AiFillStar, {
|
|
689
|
+
className: "".concat(header_cssstyles.wishlist_btn),
|
|
690
|
+
size: sectionproperties.favBtnIconfontsize,
|
|
691
|
+
style: {
|
|
692
|
+
position: 'relative'
|
|
693
|
+
}
|
|
694
|
+
}), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
695
|
+
className: "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.wishlistbadge)
|
|
696
|
+
}, /*#__PURE__*/React__default["default"].createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
697
|
+
className: " d-flex flex-row justify-content-end align-items-center"
|
|
698
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
699
|
+
className: "row w-100 m-0 align-items-center d-flex flex-row justify-content-end",
|
|
700
|
+
style: {
|
|
701
|
+
position: 'relative'
|
|
702
|
+
},
|
|
703
|
+
onClick: function onClick() {
|
|
704
|
+
setsidecartnavshowcontext(true);
|
|
705
|
+
}
|
|
706
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
707
|
+
style: {
|
|
708
|
+
position: 'relative'
|
|
709
|
+
},
|
|
710
|
+
className: "".concat(header_cssstyles.cart_btn) + ' cursor-pointer d-flex align-items-center justify-content-center '
|
|
711
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
712
|
+
className: "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
|
|
713
|
+
}, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : (_fetchcustomercartQue9 = _fetchcustomercartQue8.customercart) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length : 0), sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingBag, {
|
|
714
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
715
|
+
}), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(cg.CgShoppingBag, {
|
|
716
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
717
|
+
}), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(bs.BsBag, {
|
|
718
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
719
|
+
}), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(bs.BsHandbag, {
|
|
720
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
721
|
+
}), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingCart, {
|
|
722
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
723
|
+
}), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(md.MdOutlineShoppingCart, {
|
|
724
|
+
size: sectionproperties.cartBtn_iconFontSize
|
|
725
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
726
|
+
className: langdetect == 'en' ? 'ml-2' : 'mr-2'
|
|
727
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
728
|
+
className: "row m-0 w-100 d-flex align-items-center flex-column justify-content-start"
|
|
729
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
730
|
+
className: "m-0 p-0 w-100",
|
|
731
|
+
style: {
|
|
732
|
+
textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
733
|
+
color: sectionproperties.cartBtnTextcolor,
|
|
734
|
+
fontSize: sectionproperties.cartBtnTextfontsize + 'px',
|
|
735
|
+
lineHeight: sectionproperties.cartBtnTextfontsize + 'px',
|
|
736
|
+
fontWeight: sectionproperties.cartBtnTextfontweight,
|
|
737
|
+
textTransform: sectionproperties.cartBtnTexttransform,
|
|
738
|
+
cursor: 'pointer'
|
|
739
|
+
}
|
|
740
|
+
}, lang.cart), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
741
|
+
className: "m-0 text-left",
|
|
742
|
+
style: {
|
|
743
|
+
color: sectionproperties.card_secondarycolor,
|
|
744
|
+
fontSize: sectionproperties.secondaryfontsize + 'px',
|
|
745
|
+
fontWeight: sectionproperties.secondaryfontweight,
|
|
746
|
+
cursor: 'pointer'
|
|
747
|
+
}
|
|
748
|
+
}, langdetect == 'en' ? 'EGP' : '', " ", subtotalcart(), " ", langdetect == 'en' ? '' : 'ج.م'))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
749
|
+
className: "d-flex flex-row justify-content-end align-items-center",
|
|
750
|
+
onClick: function onClick() {
|
|
751
|
+
if (langdetect == 'en') {
|
|
752
|
+
setlang('ar');
|
|
753
|
+
} else {
|
|
754
|
+
setlang('en');
|
|
755
|
+
}
|
|
756
|
+
}
|
|
757
|
+
}, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
758
|
+
className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
|
|
759
|
+
}), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
760
|
+
className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
|
|
761
|
+
})))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
762
|
+
className: "col-lg-12 p-0 d-flex justify-content-center",
|
|
763
|
+
style: {
|
|
764
|
+
background: sectionproperties.vl_bg
|
|
765
|
+
}
|
|
766
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
767
|
+
className: "".concat(header_cssstyles.divider) + ' '
|
|
768
|
+
})), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
769
|
+
className: "".concat(header_cssstyles.lowerheadercontainer) + ' row w-100 m-0 align-items-center '
|
|
770
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
771
|
+
className: ' col-lg-2 d-flex align-items-center ',
|
|
772
|
+
style: {},
|
|
773
|
+
onClick: function onClick() {
|
|
774
|
+
setdropdownselect(!dropdownselect);
|
|
775
|
+
}
|
|
776
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
777
|
+
className: "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown transformedDropdown d-flex align-items-center justify-content-center '
|
|
778
|
+
}, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
|
|
779
|
+
className: "d-flex align-items-center justify-content-center"
|
|
780
|
+
}, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
|
|
781
|
+
className: "d-flex align-items-center justify-content-center"
|
|
782
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
783
|
+
className: "".concat(header_cssstyles.btntextcontainer) + ' row w-100 m-0 align-items-center ',
|
|
784
|
+
style: {
|
|
785
|
+
paddingTop: '7px'
|
|
786
|
+
}
|
|
787
|
+
}, /*#__PURE__*/React__default["default"].createElement("i", {
|
|
788
|
+
className: "h-100 d-flex align-items-center justify-content-center"
|
|
789
|
+
}, /*#__PURE__*/React__default["default"].createElement(hi.HiMenuAlt4, {
|
|
790
|
+
size: 25,
|
|
791
|
+
color: "white"
|
|
792
|
+
})), /*#__PURE__*/React__default["default"].createElement("p", {
|
|
793
|
+
className: langdetect == 'en' ? ' m-0 p-0 ml-2' : ' m-0 p-0 mr-2 '
|
|
794
|
+
}, lang.shopbycategory))), fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
|
|
795
|
+
style: {
|
|
796
|
+
minWidth: '250px',
|
|
797
|
+
marginLeft: '-20px'
|
|
798
|
+
}
|
|
799
|
+
}, fetchAuthorizationQueryContext.data.data.instinfo.instcollections.map(function (item, index) {
|
|
800
|
+
return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
|
|
801
|
+
onClick: function onClick() {
|
|
802
|
+
routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
|
|
803
|
+
}
|
|
804
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
805
|
+
className: "".concat(header_cssstyles.dropdownitemcontainer) + ' row m-0 w-100 '
|
|
806
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
807
|
+
className: ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center '
|
|
808
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
809
|
+
className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
|
|
810
|
+
}, langdetect == 'en' ? item.title_en : item.title_ar)))), index != fetchAuthorizationQueryContext.data.data.instinfo.instcollections.length - 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null));
|
|
811
|
+
}))))), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
812
|
+
className: "col-lg-10 d-flex flex-row align-items-center justify-content-start"
|
|
813
|
+
}, /*#__PURE__*/React__default["default"].createElement("ul", {
|
|
814
|
+
className: ' mb-0 pb-0 mt-0 d-flex flex-row justify-content-start '
|
|
815
|
+
}, templatepropcontext.pagesnprop.map(function (item, index) {
|
|
816
|
+
var activeclass = '';
|
|
817
|
+
|
|
818
|
+
if (item.isselected) {
|
|
819
|
+
activeclass = header_cssstyles.navbar_item_active;
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
if (item.isnavigation == 1 && item.isactive == 1) {
|
|
823
|
+
return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Link, {
|
|
824
|
+
to: item.navigationroute
|
|
825
|
+
}, /*#__PURE__*/React__default["default"].createElement("li", {
|
|
826
|
+
className: "".concat(activeclass),
|
|
827
|
+
style: {
|
|
828
|
+
marginRight: langdetect == 'en' ? '25px' : 0,
|
|
829
|
+
marginLeft: langdetect == 'en' ? 0 : '25px'
|
|
830
|
+
}
|
|
831
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
832
|
+
className: "".concat(header_cssstyles.navbar_item_text)
|
|
833
|
+
}, " ", langdetect == 'en' ? item.pagename : item.pagename_ar)));
|
|
834
|
+
}
|
|
835
|
+
})))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
836
|
+
className: "col-lg-12 p-0"
|
|
837
|
+
}))));
|
|
838
|
+
};
|
|
839
|
+
|
|
44
840
|
var returnLibrary = function returnLibrary() {
|
|
45
841
|
return {
|
|
46
|
-
AwesomeButton: AwesomeButton
|
|
842
|
+
AwesomeButton: AwesomeButton,
|
|
843
|
+
Header8: Header8 // you can add here other components that you want to export
|
|
47
844
|
|
|
48
845
|
};
|
|
49
846
|
};
|