tabexseriescomponents 0.0.7 → 0.0.10

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