tabexseriescomponents 0.0.8 → 0.0.9

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 (11) hide show
  1. package/Env.js +2 -0
  2. package/dist/index.cjs.css +2 -0
  3. package/dist/index.cjs.css.map +1 -0
  4. package/dist/index.cjs.js +1286 -14
  5. package/dist/index.esm.css +2 -0
  6. package/dist/index.esm.css.map +1 -0
  7. package/dist/index.esm.js +1315 -44
  8. package/dist/index.umd.css +2 -0
  9. package/dist/index.umd.css.map +1 -0
  10. package/dist/index.umd.js +2106 -838
  11. package/package.json +10 -2
package/dist/index.umd.js CHANGED
@@ -1,841 +1,2109 @@
1
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
- }, "sdasdasdadsd", 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
- }, "a")), 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(Dropdown__default["default"].Divider, {
567
- style: {
568
- marginBottom: 0,
569
- marginTop: 0
570
- }
571
- }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
572
- onClick: function onClick() {
573
- routingcountext(StaticPagesLinksContext.Signup);
574
- }
575
- }, /*#__PURE__*/React__default["default"].createElement("div", {
576
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
577
- }, /*#__PURE__*/React__default["default"].createElement("p", {
578
- className: "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
579
- }, /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineUserAdd, null), /*#__PURE__*/React__default["default"].createElement("span", {
580
- className: "ml-2 mr-2"
581
- }, lang.signup))))), fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
582
- style: {
583
- minWidth: '200px'
584
- }
585
- }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, null, /*#__PURE__*/React__default["default"].createElement("div", {
586
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
587
- }, /*#__PURE__*/React__default["default"].createElement("span", {
588
- style: {
589
- color: sectionproperties.greetingtextcolor,
590
- fontSize: sectionproperties.dropdown_fontsize + 'px',
591
- fontWeight: 400
592
- }
593
- }, lang.hello, ","), /*#__PURE__*/React__default["default"].createElement("p", {
594
- className: "".concat(header_cssstyles.dropdownitem) + ' font-weight-600 ml-1 mr-1 text-overflow text-capitalize dropdownitem m-0 p-0 ',
595
- style: {
596
- maxWidth: '120px'
597
- },
598
- onClick: function onClick() {
599
- routingcountext(StaticPagesLinksContext.accountinfo);
600
- }
601
- }, fetchAuthorizationQueryContext.data.data.customerinfo.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
602
- style: {
603
- marginBottom: 0,
604
- marginTop: 0
605
- }
606
- }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
607
- onClick: function onClick() {
608
- routingcountext(StaticPagesLinksContext.Ordershistory);
609
- }
610
- }, /*#__PURE__*/React__default["default"].createElement("div", {
611
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
612
- }, /*#__PURE__*/React__default["default"].createElement("p", {
613
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
614
- }, 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", {
615
- className: "ml-2 mr-2"
616
- }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
617
- style: {
618
- marginBottom: 0,
619
- marginTop: 0
620
- }
621
- }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
622
- onClick: function onClick() {
623
- routingcountext(StaticPagesLinksContext.Wishlist);
624
- }
625
- }, /*#__PURE__*/React__default["default"].createElement("div", {
626
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
627
- }, /*#__PURE__*/React__default["default"].createElement("p", {
628
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
629
- }, 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", {
630
- className: "ml-2 mr-2"
631
- }, lang.wishlist)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
632
- style: {
633
- marginBottom: 0,
634
- marginTop: 0
635
- }
636
- }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
637
- onClick: function onClick() {
638
- routingcountext(StaticPagesLinksContext.Policies);
639
- }
640
- }, /*#__PURE__*/React__default["default"].createElement("div", {
641
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
642
- }, /*#__PURE__*/React__default["default"].createElement("p", {
643
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
644
- }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlinePolicy, null), /*#__PURE__*/React__default["default"].createElement("span", {
645
- className: "ml-2 mr-2"
646
- }, lang.policies)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
647
- style: {
648
- marginBottom: 0,
649
- marginTop: 0
650
- }
651
- }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
652
- onClick: function onClick() {
653
- LogoutMutationContext.mutate();
654
- }
655
- }, /*#__PURE__*/React__default["default"].createElement("div", {
656
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
657
- }, /*#__PURE__*/React__default["default"].createElement("p", {
658
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
659
- }, /*#__PURE__*/React__default["default"].createElement(bi.BiLogOutCircle, null), /*#__PURE__*/React__default["default"].createElement("span", {
660
- className: "ml-2 mr-2"
661
- }, lang.logout)))))), /*#__PURE__*/React__default["default"].createElement("div", {
662
- className: "d-flex flex-row p-0 align-items-center"
663
- }, /*#__PURE__*/React__default["default"].createElement("div", {
664
- style: {
665
- position: 'relative'
666
- },
667
- className: "cursor-pointer d-flex d-flex align-items-center",
668
- onClick: function onClick() {
669
- routingcountext(StaticPagesLinksContext.Wishlist);
670
- }
671
- }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineHeart, {
672
- className: "".concat(header_cssstyles.wishlist_btn),
673
- size: sectionproperties.favBtnIconfontsize,
674
- style: {
675
- position: 'relative'
676
- }
677
- }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(ai.AiFillStar, {
678
- className: "".concat(header_cssstyles.wishlist_btn),
679
- size: sectionproperties.favBtnIconfontsize,
680
- style: {
681
- position: 'relative'
682
- }
683
- }), /*#__PURE__*/React__default["default"].createElement("div", {
684
- className: "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.wishlistbadge)
685
- }, /*#__PURE__*/React__default["default"].createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React__default["default"].createElement("div", {
686
- className: " d-flex flex-row justify-content-end align-items-center"
687
- }, /*#__PURE__*/React__default["default"].createElement("div", {
688
- className: "row w-100 m-0 align-items-center d-flex flex-row justify-content-end",
689
- style: {
690
- position: 'relative'
691
- },
692
- onClick: function onClick() {
693
- setsidecartnavshowcontext(true);
694
- }
695
- }, /*#__PURE__*/React__default["default"].createElement("div", {
696
- style: {
697
- position: 'relative'
698
- },
699
- className: "".concat(header_cssstyles.cart_btn) + ' cursor-pointer d-flex align-items-center justify-content-center '
700
- }, /*#__PURE__*/React__default["default"].createElement("div", {
701
- className: "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
702
- }, (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, {
703
- size: sectionproperties.cartBtn_iconFontSize
704
- }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(cg.CgShoppingBag, {
705
- size: sectionproperties.cartBtn_iconFontSize
706
- }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(bs.BsBag, {
707
- size: sectionproperties.cartBtn_iconFontSize
708
- }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(bs.BsHandbag, {
709
- size: sectionproperties.cartBtn_iconFontSize
710
- }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingCart, {
711
- size: sectionproperties.cartBtn_iconFontSize
712
- }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(md.MdOutlineShoppingCart, {
713
- size: sectionproperties.cartBtn_iconFontSize
714
- })), /*#__PURE__*/React__default["default"].createElement("div", {
715
- className: langdetect == 'en' ? 'ml-2' : 'mr-2'
716
- }, /*#__PURE__*/React__default["default"].createElement("div", {
717
- className: "row m-0 w-100 d-flex align-items-center flex-column justify-content-start"
718
- }, /*#__PURE__*/React__default["default"].createElement("p", {
719
- className: "m-0 p-0 w-100",
720
- style: {
721
- textAlign: langdetect == 'en' ? 'left' : 'right',
722
- color: sectionproperties.cartBtnTextcolor,
723
- fontSize: sectionproperties.cartBtnTextfontsize + 'px',
724
- lineHeight: sectionproperties.cartBtnTextfontsize + 'px',
725
- fontWeight: sectionproperties.cartBtnTextfontweight,
726
- textTransform: sectionproperties.cartBtnTexttransform,
727
- cursor: 'pointer'
728
- }
729
- }, lang.cart), /*#__PURE__*/React__default["default"].createElement("p", {
730
- className: "m-0 text-left",
731
- style: {
732
- color: sectionproperties.card_secondarycolor,
733
- fontSize: sectionproperties.secondaryfontsize + 'px',
734
- fontWeight: sectionproperties.secondaryfontweight,
735
- cursor: 'pointer'
736
- }
737
- }, langdetect == 'en' ? 'EGP' : '', " ", subtotalcart(), " ", langdetect == 'en' ? '' : 'ج.م'))))), /*#__PURE__*/React__default["default"].createElement("div", {
738
- className: "d-flex flex-row justify-content-end align-items-center",
739
- onClick: function onClick() {
740
- if (langdetect == 'en') {
741
- setlang('ar');
742
- } else {
743
- setlang('en');
744
- }
745
- }
746
- }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
747
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
748
- }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
749
- className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
750
- })))))), /*#__PURE__*/React__default["default"].createElement("div", {
751
- className: "col-lg-12 p-0 d-flex justify-content-center",
752
- style: {
753
- background: sectionproperties.vl_bg
754
- }
755
- }, /*#__PURE__*/React__default["default"].createElement("div", {
756
- className: "".concat(header_cssstyles.divider) + ' '
757
- })), /*#__PURE__*/React__default["default"].createElement("div", {
758
- className: "".concat(header_cssstyles.lowerheadercontainer) + ' row w-100 m-0 align-items-center '
759
- }, /*#__PURE__*/React__default["default"].createElement("div", {
760
- className: ' col-lg-2 d-flex align-items-center ',
761
- style: {},
762
- onClick: function onClick() {
763
- setdropdownselect(!dropdownselect);
764
- }
765
- }, /*#__PURE__*/React__default["default"].createElement("div", {
766
- className: "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown transformedDropdown d-flex align-items-center justify-content-center '
767
- }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
768
- className: "d-flex align-items-center justify-content-center"
769
- }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
770
- className: "d-flex align-items-center justify-content-center"
771
- }, /*#__PURE__*/React__default["default"].createElement("div", {
772
- className: "".concat(header_cssstyles.btntextcontainer) + ' row w-100 m-0 align-items-center ',
773
- style: {
774
- paddingTop: '7px'
775
- }
776
- }, /*#__PURE__*/React__default["default"].createElement("i", {
777
- className: "h-100 d-flex align-items-center justify-content-center"
778
- }, /*#__PURE__*/React__default["default"].createElement(hi.HiMenuAlt4, {
779
- size: 25,
780
- color: "white"
781
- })), /*#__PURE__*/React__default["default"].createElement("p", {
782
- className: langdetect == 'en' ? ' m-0 p-0 ml-2' : ' m-0 p-0 mr-2 '
783
- }, lang.shopbycategory))), fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
784
- style: {
785
- minWidth: '250px',
786
- marginLeft: '-20px'
787
- }
788
- }, fetchAuthorizationQueryContext.data.data.instinfo.instcollections.map(function (item, index) {
789
- return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
790
- onClick: function onClick() {
791
- routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
792
- }
793
- }, /*#__PURE__*/React__default["default"].createElement("div", {
794
- className: "".concat(header_cssstyles.dropdownitemcontainer) + ' row m-0 w-100 '
795
- }, /*#__PURE__*/React__default["default"].createElement("div", {
796
- className: ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center '
797
- }, /*#__PURE__*/React__default["default"].createElement("p", {
798
- className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
799
- }, 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));
800
- }))))), /*#__PURE__*/React__default["default"].createElement("div", {
801
- className: "col-lg-10 d-flex flex-row align-items-center justify-content-start"
802
- }, /*#__PURE__*/React__default["default"].createElement("ul", {
803
- className: ' mb-0 pb-0 mt-0 d-flex flex-row justify-content-start '
804
- }, templatepropcontext.pagesnprop.map(function (item, index) {
805
- var activeclass = '';
806
-
807
- if (item.isselected) {
808
- activeclass = header_cssstyles.navbar_item_active;
809
- }
810
-
811
- if (item.isnavigation == 1 && item.isactive == 1) {
812
- return /*#__PURE__*/React__default["default"].createElement("div", {
813
- to: item.navigationroute
814
- }, /*#__PURE__*/React__default["default"].createElement("li", {
815
- className: "".concat(activeclass),
816
- style: {
817
- marginRight: langdetect == 'en' ? '25px' : 0,
818
- marginLeft: langdetect == 'en' ? 0 : '25px'
819
- }
820
- }, /*#__PURE__*/React__default["default"].createElement("div", {
821
- className: "".concat(header_cssstyles.navbar_item_text)
822
- }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar)));
823
- }
824
- })))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
825
- className: "col-lg-12 p-0"
826
- }))));
827
- };
828
-
829
- var returnLibrary = function returnLibrary() {
830
- return {
831
- AwesomeButton: AwesomeButton,
832
- Header8: Header8 // you can add here other components that you want to export
833
-
834
- };
835
- };
836
-
837
- var index = returnLibrary();
838
-
839
- return index;
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'), require('@babel/runtime/helpers/extends'), require('react-intersection-observer'), require('axios'), require('react-horizontal-scrolling-menu')) :
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', '@babel/runtime/helpers/extends', 'react-intersection-observer', 'axios', 'react-horizontal-scrolling-menu'], 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, global._extends, global.reactIntersectionObserver, null, global.reactHorizontalScrollingMenu));
5
+ })(this, (function (_slicedToArray, React, _toConsumableArray, _defineProperty, reactRouterDom, glamor, Dropdown, ai, cg, bi, fi, md, imagekitioReact, bs, hi, _extends, reactIntersectionObserver, axios, reactHorizontalScrollingMenu) { '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
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
15
+
16
+ var AwesomeButton = function AwesomeButton(props) {
17
+ var _useState = React.useState(null),
18
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
19
+ color = _useState2[0],
20
+ setColor = _useState2[1];
21
+
22
+ React.useEffect(function () {
23
+ if (props.variant) {
24
+ if (props.variant === 'primary') {
25
+ setColor('#0077ff');
26
+ } else if (props.variant === 'secondary') {
27
+ setColor('#ff0062');
28
+ } else if (props.variant === 'success') {
29
+ setColor('#0f8000');
30
+ } else {
31
+ setColor('#949393');
32
+ }
33
+ }
34
+ });
35
+ var children = props.children;
36
+ return /*#__PURE__*/React__default["default"].createElement("button", {
37
+ className: "buttonComponent",
38
+ style: {
39
+ backgroundColor: color
40
+ }
41
+ }, "sdasdasdadsd", children.toUpperCase());
42
+ };
43
+
44
+ var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
45
+ var IKpublicKey = 'public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=';
46
+
47
+ function ownKeys$3(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; }
48
+
49
+ function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
50
+ // import { Contexthandlerscontext } from '../../../../../../../Contexts/Contexthandlerscontext';
51
+
52
+ var Header8 = function Header8(props) {
53
+ var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10;
54
+
55
+ // const { lang, setlang, langdetect } = useContext(LanguageContext);
56
+ // const { templatepropcontext } = useContext(Contexthandlerscontext);
57
+ // const { StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
58
+ // const {
59
+ // setSearchHeaderInputContext,
60
+ // fetchcustomercartQueryContext,
61
+ // fetchAuthorizationQueryContext,
62
+ // setsidecartnavshowcontext,
63
+ // LogoutMutationContext,
64
+ // favoriteprojectscountContext,
65
+ // templateproperties_context,
66
+ // } = useContext(FetchingContext);
67
+ // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
68
+ var LogoutMutationContext = props.actions.LogoutMutationContext;
69
+ var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
70
+ var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
71
+ var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
72
+ var lang = props.actions.lang;
73
+ var langdetect = props.actions.langdetect;
74
+ var setlang = props.actions.setlang;
75
+ var templatepropcontext = props.actions.templatepropcontext;
76
+ var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
77
+ var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
78
+ var templateproperties_context = props.actions.templateproperties_context;
79
+ var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
80
+ var routingcountext = props.actions.routingcountext;
81
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
82
+
83
+ var _useState = React.useState(''),
84
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
85
+ sectionproperties = _useState2[0],
86
+ setsectionproperties = _useState2[1];
87
+
88
+ var _useState3 = React.useState(false),
89
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
90
+ dropdownselect = _useState4[0],
91
+ setdropdownselect = _useState4[1];
92
+
93
+ React.useEffect(function () {
94
+ var _StatePagePropertiesC, _StatePagePropertiesC2;
95
+
96
+ var secpropobj = {};
97
+ 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) {
98
+ if (sectionitem.sectionid == props.sectionidprops) {
99
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
100
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
101
+ });
102
+ }
103
+ });
104
+
105
+ if (Object.keys(secpropobj).length === 0) {
106
+ var _props$defaultpropert;
107
+
108
+ props === null || props === void 0 ? void 0 : (_props$defaultpropert = props.defaultproperties) === null || _props$defaultpropert === void 0 ? void 0 : _props$defaultpropert.forEach(function (defaultpropobj, defaultpropindex) {
109
+ secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
110
+ });
111
+ }
112
+
113
+ setsectionproperties(_objectSpread$3({}, secpropobj));
114
+ }, [StatePagePropertiesContext]);
115
+ var header_cssstyles = {
116
+ headercontainer: glamor.css({
117
+ position: sectionproperties.headerstyles_position == 'absolute' ? 'absolute' : 'relative',
118
+ width: sectionproperties.header_width + 'vw',
119
+ background: sectionproperties.uppersection_bgcolor,
120
+ zIndex: 1000,
121
+ transition: 'all 0.2s'
122
+ }),
123
+ upperheadersection: glamor.css({
124
+ background: sectionproperties.uppersection_bgcolor,
125
+ paddingLeft: langdetect == 'en' ? sectionproperties.uppersection_paddingleft + 'px' : sectionproperties.uppersection_paddingright + 'px',
126
+ paddingRight: langdetect == 'en' ? sectionproperties.uppersection_paddingright + 'px' : sectionproperties.uppersection_paddingleft + 'px',
127
+ paddingTop: sectionproperties.uppersection_paddingtop + 'px',
128
+ paddingBottom: sectionproperties.uppersection_paddingbottom + 'px',
129
+ borderTopLeftRadius: sectionproperties.uppersection_btlradius + 'px',
130
+ borderTopRightRadius: sectionproperties.uppersection_btrradius + 'px',
131
+ borderBottomLeftRadius: sectionproperties.uppersection_bblradius + 'px',
132
+ borderBottomRightRadius: sectionproperties.uppersection_bbrradius + 'px'
133
+ }),
134
+ lowerheadercontainer: glamor.css({
135
+ backgroundColor: sectionproperties.lowersection_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.lowersection_backgroundColor,
136
+ borderBottomLeftRadius: sectionproperties.lowersection_borderBottomLeftRadius + 'px',
137
+ borderBottomRightRadius: sectionproperties.lowersection_BorderBottomRightRadius + 'px',
138
+ borderTopLeftRadius: sectionproperties.lowersection_borderTopLeftRadius + 'px',
139
+ borderTopRightRadius: sectionproperties.lowersection_borderTopRightRadius + 'px',
140
+ paddingLeft: '30px',
141
+ paddingRight: '30px',
142
+ paddingTop: sectionproperties.lowersection_paddingtop + 'px',
143
+ paddingBottom: sectionproperties.lowersection_paddingbottom + 'px'
144
+ }),
145
+ header_logo: glamor.css({
146
+ width: templateproperties_context.logo_width + 'px',
147
+ height: templateproperties_context.logo_height + 'px'
148
+ }),
149
+ navbar_item_text: glamor.css({
150
+ color: sectionproperties.lowersection_fontColor,
151
+ fontSize: sectionproperties.lowersection_fontsize + 'px',
152
+ textTransform: sectionproperties.lowersection_textTransform,
153
+ fontWeight: sectionproperties.lowersection_textfontweight,
154
+ transition: '0.3s',
155
+ padding: 0,
156
+ ':hover': {
157
+ color: sectionproperties.lowersection_fontColoronhover
158
+ }
159
+ }),
160
+ navbar_item_active: glamor.css({
161
+ color: sectionproperties.lowersection_fontColoronhover
162
+ }),
163
+ dropdownitem: glamor.css({
164
+ padding: '0 0.1rem',
165
+ transition: '.3s',
166
+ fontSize: sectionproperties.dropdown_fontsize + 'px',
167
+ color: sectionproperties.dropdown_color,
168
+ fontWeight: sectionproperties.dropdown_fontweight,
169
+ textTransform: sectionproperties.dropdown_texttransform
170
+ }),
171
+ dropdownicon: glamor.css({
172
+ color: sectionproperties.dropdowniconcolor
173
+ }),
174
+ dropdownitemcontainer: glamor.css({
175
+ ':hover .dropdownitem': {
176
+ color: sectionproperties.dropdown_hovercolor
177
+ }
178
+ }),
179
+ divider: glamor.css({
180
+ height: sectionproperties.vl_height + 'px',
181
+ width: sectionproperties.vl_width + '%',
182
+ backgroundColor: sectionproperties.vl_bg,
183
+ zIndex: 100
184
+ }),
185
+ searchbarcont: glamor.css({
186
+ position: 'relative',
187
+ transition: '.3s',
188
+ height: sectionproperties.searchbarcont_height + 'px',
189
+ background: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
190
+ width: sectionproperties.searchbarcont_width + 'px',
191
+ borderRadius: sectionproperties.searchbarcont_borderRadius + 'px',
192
+ border: sectionproperties.searchbarcontinput_borderwidth + 'px solid' + sectionproperties.searchbarcontinput_bordercolor
193
+ }),
194
+ searchbar_icon_cont: glamor.css({
195
+ width: sectionproperties.searchbaricon_width + 'px',
196
+ height: sectionproperties.searchbaricon_height + 'px',
197
+ borderRadius: sectionproperties.searchbaricon_borderRadius + 'px',
198
+ color: sectionproperties.searchbaricon_color,
199
+ backgroundColor: sectionproperties.searchbaricon_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbaricon_bgcolor,
200
+ transition: '0.3s ease',
201
+ position: 'absolute',
202
+ right: langdetect == 'en' ? 0 : '',
203
+ left: langdetect == 'en' ? '' : 0,
204
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)',
205
+ bottom: 0,
206
+ top: 0,
207
+ margin: 'auto'
208
+ }),
209
+ searchbarcont_input: glamor.css({
210
+ height: '100%',
211
+ width: '100%',
212
+ outline: 'none',
213
+ background: 'transparent',
214
+ color: sectionproperties.searchbarcontinput_color,
215
+ fontWeight: sectionproperties.searchbarcont_inputfontweight,
216
+ fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
217
+ paddingLeft: langdetect == 'en' ? sectionproperties.searchbarcont_paddingLeft + 'px' : sectionproperties.searchbarcont_paddingRight + 'px',
218
+ paddingRight: langdetect == 'en' ? sectionproperties.searchbarcont_paddingRight + 'px' : sectionproperties.searchbarcont_paddingLeft,
219
+ transition: '0.3s',
220
+ ':focus': {
221
+ borderColor: sectionproperties.searchbarcontinput_bordercoloronfocus
222
+ }
223
+ }),
224
+ wishlist_btn: glamor.css({
225
+ width: sectionproperties.favBtnWidth + 'px',
226
+ height: sectionproperties.favBtnHeight + 'px',
227
+ background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
228
+ borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
229
+ color: sectionproperties.favBtniconcolor,
230
+ border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
231
+ transition: '.3s',
232
+ ':hover': {
233
+ background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
234
+ color: sectionproperties.favBtnTextcoloronhover
235
+ }
236
+ }),
237
+ wishlistbadge: glamor.css({
238
+ top: sectionproperties.wishlistbadgetop + 'px',
239
+ right: sectionproperties.wishlistbadgeright + 'px'
240
+ }),
241
+ user_btn: glamor.css({
242
+ background: sectionproperties.userbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.userBtnbgColor,
243
+ width: sectionproperties.userBtnWidth + 'px',
244
+ height: sectionproperties.userBtnHeight + 'px',
245
+ borderRadius: sectionproperties.userbtn_borderBottomLeftRadius + 'px',
246
+ color: sectionproperties.userBtniconcolor,
247
+ border: sectionproperties.userbtnborderwidth + 'px solid ' + sectionproperties.userbtnbordercolor,
248
+ transition: '.3s',
249
+ ':hover': {
250
+ color: sectionproperties.userBtnTextcoloronhover,
251
+ background: sectionproperties.userbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.userBtnbgColoronhover,
252
+ borderColor: sectionproperties.userbtn_transparentbgcoloronhover == 'Transparent' ? sectionproperties.userBtnTextcoloronhover : sectionproperties.userBtnbgColoronhover
253
+ }
254
+ }),
255
+ loggedinusername: glamor.css({
256
+ fontWeight: sectionproperties.userBtnTextfontweight,
257
+ textTransform: sectionproperties.userBtnTexttransform,
258
+ color: sectionproperties.userBtnTextcolor,
259
+ fontSize: sectionproperties.userBtntextfontsize + 'px',
260
+ lineHeight: sectionproperties.userBtntextfontsize + 'px',
261
+ transition: '.3s'
262
+ }),
263
+ user_btnContainer: glamor.css({
264
+ ':hover .user_btnbg': {
265
+ background: sectionproperties.userbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.userBtnbgColoronhover,
266
+ color: sectionproperties.userBtnTextcoloronhover
267
+ },
268
+ ':hover .user_btn': {
269
+ color: sectionproperties.userBtnTextcoloronhover
270
+ }
271
+ }),
272
+ loggedinuserbtn: glamor.css({
273
+ width: sectionproperties.loggedinuserbtn_width + 'px',
274
+ height: sectionproperties.loggedinuserbtn_height + 'px',
275
+ border: sectionproperties.userlogginbtnborderwidth + 'px solid ' + sectionproperties.userlogginbtnbordercolor,
276
+ borderRadius: sectionproperties.userbtn_borderBottomLeftRadius + 'px',
277
+ background: sectionproperties.userBtnbgColor_loggedin,
278
+ color: sectionproperties.userBtniconcolor_loggedin,
279
+ transition: '.3s'
280
+ }),
281
+ loggedinuserbtnContainer: glamor.css({
282
+ ':hover .loggedinuserbtn': {
283
+ borderColor: sectionproperties.userbtn_loggedin_iconcoloronhover,
284
+ color: sectionproperties.userBtnTextcoloronhover_loggedin
285
+ },
286
+ ':hover .loggedinuserbtnbg': {
287
+ backgroundColor: sectionproperties.userBtnbgColoronhover_loggedin,
288
+ color: sectionproperties.userbtn_loggedin_iconcoloronhover
289
+ }
290
+ }),
291
+ cart_btn: glamor.css((_css = {
292
+ width: sectionproperties.cartBtnWidth + 'px',
293
+ height: sectionproperties.cartBtnHeight + 'px',
294
+ background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
295
+ borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
296
+ color: sectionproperties.cartBtnTextcolor,
297
+ border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor
298
+ }, _defineProperty__default["default"](_css, "color", sectionproperties.cart_iconcolor), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, ':hover', {
299
+ background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
300
+ color: sectionproperties.cartBtnTextcoloronhover
301
+ }), _css)),
302
+ cartbadge: glamor.css({
303
+ top: sectionproperties.cartbadgetop + 'px',
304
+ right: sectionproperties.cartbadgeright + 'px'
305
+ }),
306
+ badge_counter_header_notifications: glamor.css({
307
+ display: 'flex',
308
+ justifyContent: 'center',
309
+ alignItems: 'center',
310
+ position: 'absolute',
311
+ top: sectionproperties.badge_top + 'px',
312
+ right: sectionproperties.badge_right + 'px',
313
+ background: sectionproperties.badge_bgcolor,
314
+ width: sectionproperties.badge_width + 'px',
315
+ height: sectionproperties.badge_height + 'px',
316
+ color: sectionproperties.badge_color,
317
+ borderRadius: sectionproperties.badge_borderradius + 'px',
318
+ fontSize: sectionproperties.badge_fontsize + 'px'
319
+ }),
320
+ categorybtn: glamor.css({
321
+ background: sectionproperties.generalbtn_bgColor,
322
+ width: sectionproperties.generalbtn_width + 'px',
323
+ height: sectionproperties.generalbtn_height + 'px',
324
+ borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
325
+ borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
326
+ borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
327
+ borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
328
+ border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
329
+ transition: '.3s',
330
+ ':hover': {
331
+ background: sectionproperties.generalbtn_bgColoronhover
332
+ }
333
+ }),
334
+ btntextcontainer: glamor.css({
335
+ color: sectionproperties.generalbtn_textColor,
336
+ fontSize: sectionproperties.generalbtn_fontsize + 'px',
337
+ textTransform: sectionproperties.generalbtn_texttransform,
338
+ transition: '.3s',
339
+ ':hover': {
340
+ color: sectionproperties.generalbtn_textColoronhover
341
+ }
342
+ }),
343
+ languagecontainer: glamor.css({
344
+ cursor: 'pointer',
345
+ transition: '.3s',
346
+ color: sectionproperties.language_container_color,
347
+ fontSize: sectionproperties.language_container_fontsize + 'px',
348
+ ':hover': {
349
+ color: sectionproperties.language_container_coloronhover
350
+ }
351
+ })
352
+ };
353
+
354
+ var subtotalcart = function subtotalcart() {
355
+ var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4;
356
+
357
+ var totalprice = 0;
358
+ 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) {
359
+ var finalprice = 0;
360
+
361
+ if (cartitem.productinfo.hassale == 0) {
362
+ finalprice = cartitem.productinfo.defaultprice;
363
+ } else if (cartitem.productinfo.hassale == 1) {
364
+ finalprice = cartitem.productinfo.defaultsaleprice;
365
+ }
366
+
367
+ totalprice = finalprice * cartitem.quantity + totalprice;
368
+ });
369
+ return totalprice;
370
+ };
371
+
372
+ var _useState5 = React.useState([]),
373
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
374
+ logoarrayofobjects = _useState6[0],
375
+ setlogoarrayofobjects = _useState6[1];
376
+
377
+ React.useEffect(function () {
378
+ if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
379
+ var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
380
+
381
+ if (Array.isArray(logoarrayofobjectsparsed)) {
382
+ setlogoarrayofobjects(_toConsumableArray__default["default"](logoarrayofobjectsparsed));
383
+ }
384
+ }
385
+ }, [templateproperties_context]);
386
+ return /*#__PURE__*/React__default["default"].createElement("div", {
387
+ className: "row w-100 ml-0 mr-0 d-flex justify-content-center",
388
+ style: {
389
+ marginTop: sectionproperties.header_marginTop + 'px',
390
+ marginBottom: sectionproperties.header_marginBottom + 'px'
391
+ }
392
+ }, 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", {
393
+ href: 'tel:' + fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile,
394
+ target: '_self',
395
+ style: {
396
+ position: 'fixed',
397
+ bottom: 60,
398
+ right: 10,
399
+ zIndex: 999999,
400
+ transition: 'all 0.3s ease-out'
401
+ }
402
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
403
+ 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'
404
+ }, /*#__PURE__*/React__default["default"].createElement(bs.BsTelephone, {
405
+ size: 30,
406
+ color: sectionproperties.uppersection_iconcolor,
407
+ style: {
408
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
409
+ }
410
+ }))), /*#__PURE__*/React__default["default"].createElement("a", {
411
+ href: 'https://api.whatsapp.com/send?phone=' + fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile,
412
+ target: '_blank',
413
+ style: {
414
+ position: 'fixed',
415
+ bottom: 10,
416
+ right: 10,
417
+ zIndex: 999999,
418
+ transition: 'all 0.3s ease-out'
419
+ }
420
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
421
+ // src={whatsappicon}
422
+ style: {
423
+ width: '40px',
424
+ height: '40px',
425
+ cursor: 'pointer'
426
+ }
427
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
428
+ className: "".concat(header_cssstyles.headercontainer) + ' row ml-0 mr-0 d-flex d-md-none align-items-center ',
429
+ style: {
430
+ position: sectionproperties.headerstyles_position == 'absolute' ? 'absolute' : 'relative'
431
+ }
432
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
433
+ className: header_cssstyles.upperheadersection + ' col-lg-12 '
434
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
435
+ className: "row w-100 m-0 align-items-center "
436
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
437
+ className: "col-lg-2 p-0"
438
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
439
+ className: "".concat(header_cssstyles.header_logo) + ' d-flex align-items-center justify-content-center ',
440
+ style: {
441
+ cursor: 'pointer'
442
+ },
443
+ onClick: function onClick() {
444
+ routingcountext('home');
445
+ }
446
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
447
+ urlEndpoint: IKurlEndpoint,
448
+ publicKey: IKpublicKey,
449
+ 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,
450
+ style: {
451
+ maxWidth: '100%',
452
+ maxHeight: '100%'
453
+ }
454
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
455
+ className: "col-lg-4 p-0"
456
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
457
+ className: header_cssstyles.searchbarcont,
458
+ style: {
459
+ position: 'relative'
460
+ }
461
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
462
+ type: "text",
463
+ placeholder: lang.searchproducts,
464
+ className: "".concat(header_cssstyles.searchbarcont_input),
465
+ onChange: function onChange(event) {
466
+ setSearchHeaderInputContext(event.target.value);
467
+ }
468
+ }), /*#__PURE__*/React__default["default"].createElement("button", {
469
+ className: " ".concat(header_cssstyles.searchbar_icon_cont) + ' d-flex align-items-center justify-content-center '
470
+ }, /*#__PURE__*/React__default["default"].createElement(bs.BsSearch, {
471
+ color: sectionproperties.searchbaricon_color,
472
+ size: sectionproperties.searchbaricon_fontsize
473
+ })))), fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
474
+ className: "col-lg-3 d-flex flex-column align-items-center justfiy-content-center"
475
+ }, sectionproperties.showcontactinfo == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
476
+ className: "row m-0 w-100 d-flex align-items-center justify-content-center"
477
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
478
+ 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'
479
+ }, /*#__PURE__*/React__default["default"].createElement(bs.BsTelephone, {
480
+ size: 30,
481
+ color: sectionproperties.uppersection_iconcolor,
482
+ style: {
483
+ transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
484
+ }
485
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
486
+ className: "d-flex align-items-center flex-column",
487
+ onClick: function onClick() {
488
+ window.open('https://api.whatsapp.com/send?phone=' + fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile, '_blank');
489
+ },
490
+ style: {
491
+ cursor: 'pointer'
492
+ }
493
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
494
+ className: "m-0",
495
+ style: {
496
+ color: sectionproperties.uppersection_infocolor,
497
+ fontSize: sectionproperties.uppersection_infofontsize + 'px',
498
+ fontWeight: sectionproperties.uppersection_infofontweight,
499
+ letterSpacing: '2px'
500
+ }
501
+ }, fetchAuthorizationQueryContext.data.data.instinfo.contactinfo.mobile), /*#__PURE__*/React__default["default"].createElement("p", {
502
+ className: "mb-0 w-100",
503
+ style: {
504
+ textAlign: langdetect == 'en' ? 'right' : 'left',
505
+ // color: '#a3a3a3',
506
+ color: sectionproperties.uppersection_titlecolor,
507
+ fontSize: sectionproperties.uppersection_titlefontsize + 'px',
508
+ // fontSize: '12px',
509
+ fontWeight: sectionproperties.uppersection_titlefontweight,
510
+ textTransform: sectionproperties.uppersection_titletextransform
511
+ }
512
+ }, lang.support247)))), /*#__PURE__*/React__default["default"].createElement("div", {
513
+ 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'
514
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
515
+ className: 'row w-100 m-0 align-items-center justify-content-between ',
516
+ style: {
517
+ paddingLeft: langdetect == 'en' ? fetchAuthorizationQueryContext.data.data.loggedin == true ? '.3rem' : '3rem' : 0,
518
+ paddingRight: langdetect == 'en' ? 0 : fetchAuthorizationQueryContext.data.data.loggedin == true ? '1rem' : '3rem'
519
+ }
520
+ }, /*#__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", {
521
+ className: header_cssstyles.user_btnContainer + ' d-flex align-items-center justify-content-end p-0 cursor-pointer pt-1 '
522
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
523
+ className: header_cssstyles.user_btn + ' user_btnbg allcentered p-0 '
524
+ }, /*#__PURE__*/React__default["default"].createElement(bi.BiUser, {
525
+ size: sectionproperties.userBtniconfontsize
526
+ })), /*#__PURE__*/React__default["default"].createElement("p", {
527
+ className: header_cssstyles.loggedinusername + ' user_btn mb-0 p-0 ',
528
+ style: {
529
+ marginLeft: langdetect == 'en' ? '3px' : 0,
530
+ marginRight: langdetect == 'en' ? 0 : '3px'
531
+ }
532
+ }, lang.login)), fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
533
+ className: header_cssstyles.loggedinuserbtnContainer + ' allcentered ',
534
+ sytle: {
535
+ position: 'relative'
536
+ }
537
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
538
+ className: header_cssstyles.loggedinuserbtn + ' loggedinuserbtn loggedinuserbtnbg ml-2 mr-2 '
539
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
540
+ className: ' h-100 allcentered '
541
+ }, /*#__PURE__*/React__default["default"].createElement(bi.BiUser, {
542
+ size: sectionproperties.loggedinusericonfontsize
543
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
544
+ className: "m-0 p-0",
545
+ style: {
546
+ textAlign: langdetect == 'en' ? 'left' : 'right'
547
+ }
548
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
549
+ className: "m-0 p-0",
550
+ style: {
551
+ color: sectionproperties.greetingtextcolor,
552
+ fontSize: sectionproperties.greetingtextfontsize + 'px',
553
+ lineHeight: sectionproperties.greetingtextfontsize + 'px',
554
+ fontWeight: 400
555
+ }
556
+ }, lang.hello, langdetect == 'en' ? ',' : '،'), /*#__PURE__*/React__default["default"].createElement("p", {
557
+ className: header_cssstyles.loggedinusername + ' loggedinuserbtn text-overflow m-0 p-0 ',
558
+ style: {
559
+ maxWidth: '100px'
560
+ }
561
+ }, 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, {
562
+ onClick: function onClick() {
563
+ routingcountext(StaticPagesLinksContext.Login);
564
+ }
565
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
566
+ className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
567
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
568
+ className: "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
569
+ }, /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineLogin, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
570
+ style: {
571
+ marginBottom: 0,
572
+ marginTop: 0
573
+ }
574
+ }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
575
+ onClick: function onClick() {
576
+ routingcountext(StaticPagesLinksContext.Signup);
577
+ }
578
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
579
+ className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
580
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
581
+ className: "".concat(header_cssstyles.dropdownitem) + ' d-flex align-items-center dropdownitem m-0 p-0 '
582
+ }, /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineUserAdd, null), /*#__PURE__*/React__default["default"].createElement("span", {
583
+ className: "ml-2 mr-2"
584
+ }, lang.signup))))), fetchAuthorizationQueryContext.data.data.loggedin && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
585
+ style: {
586
+ minWidth: '200px'
587
+ }
588
+ }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, null, /*#__PURE__*/React__default["default"].createElement("div", {
589
+ className: "".concat(header_cssstyles.dropdownitemcontainer) + ' d-flex align-items-center m-0 p-0 '
590
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
591
+ style: {
592
+ color: sectionproperties.greetingtextcolor,
593
+ fontSize: sectionproperties.dropdown_fontsize + 'px',
594
+ fontWeight: 400
595
+ }
596
+ }, lang.hello, ","), /*#__PURE__*/React__default["default"].createElement("p", {
597
+ className: "".concat(header_cssstyles.dropdownitem) + ' font-weight-600 ml-1 mr-1 text-overflow text-capitalize dropdownitem m-0 p-0 ',
598
+ style: {
599
+ maxWidth: '120px'
600
+ },
601
+ onClick: function onClick() {
602
+ routingcountext(StaticPagesLinksContext.accountinfo);
603
+ }
604
+ }, fetchAuthorizationQueryContext.data.data.customerinfo.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
605
+ style: {
606
+ marginBottom: 0,
607
+ marginTop: 0
608
+ }
609
+ }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
610
+ onClick: function onClick() {
611
+ routingcountext(StaticPagesLinksContext.Ordershistory);
612
+ }
613
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
614
+ className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
615
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
616
+ className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
617
+ }, 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", {
618
+ className: "ml-2 mr-2"
619
+ }, lang.orderhistory)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
620
+ style: {
621
+ marginBottom: 0,
622
+ marginTop: 0
623
+ }
624
+ }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
625
+ onClick: function onClick() {
626
+ routingcountext(StaticPagesLinksContext.Wishlist);
627
+ }
628
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
629
+ className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
630
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
631
+ className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
632
+ }, 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", {
633
+ className: "ml-2 mr-2"
634
+ }, lang.wishlist)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
635
+ style: {
636
+ marginBottom: 0,
637
+ marginTop: 0
638
+ }
639
+ }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
640
+ onClick: function onClick() {
641
+ routingcountext(StaticPagesLinksContext.Policies);
642
+ }
643
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
644
+ className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
645
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
646
+ className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
647
+ }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlinePolicy, null), /*#__PURE__*/React__default["default"].createElement("span", {
648
+ className: "ml-2 mr-2"
649
+ }, lang.policies)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, {
650
+ style: {
651
+ marginBottom: 0,
652
+ marginTop: 0
653
+ }
654
+ }), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
655
+ onClick: function onClick() {
656
+ LogoutMutationContext.mutate();
657
+ }
658
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
659
+ className: "".concat(header_cssstyles.dropdownitemcontainer) + ' m-0 p-0 d-flex align-items-center '
660
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
661
+ className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem d-flex align-items-center m-0 p-0 '
662
+ }, /*#__PURE__*/React__default["default"].createElement(bi.BiLogOutCircle, null), /*#__PURE__*/React__default["default"].createElement("span", {
663
+ className: "ml-2 mr-2"
664
+ }, lang.logout)))))), /*#__PURE__*/React__default["default"].createElement("div", {
665
+ className: "d-flex flex-row p-0 align-items-center"
666
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
667
+ style: {
668
+ position: 'relative'
669
+ },
670
+ className: "cursor-pointer d-flex d-flex align-items-center",
671
+ onClick: function onClick() {
672
+ routingcountext(StaticPagesLinksContext.Wishlist);
673
+ }
674
+ }, sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(ai.AiOutlineHeart, {
675
+ className: "".concat(header_cssstyles.wishlist_btn),
676
+ size: sectionproperties.favBtnIconfontsize,
677
+ style: {
678
+ position: 'relative'
679
+ }
680
+ }), sectionproperties.faviconshape == 'Star Shape' && /*#__PURE__*/React__default["default"].createElement(ai.AiFillStar, {
681
+ className: "".concat(header_cssstyles.wishlist_btn),
682
+ size: sectionproperties.favBtnIconfontsize,
683
+ style: {
684
+ position: 'relative'
685
+ }
686
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
687
+ className: "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.wishlistbadge)
688
+ }, /*#__PURE__*/React__default["default"].createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), /*#__PURE__*/React__default["default"].createElement("div", {
689
+ className: " d-flex flex-row justify-content-end align-items-center"
690
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
691
+ className: "row w-100 m-0 align-items-center d-flex flex-row justify-content-end",
692
+ style: {
693
+ position: 'relative'
694
+ },
695
+ onClick: function onClick() {
696
+ setsidecartnavshowcontext(true);
697
+ }
698
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
699
+ style: {
700
+ position: 'relative'
701
+ },
702
+ className: "".concat(header_cssstyles.cart_btn) + ' cursor-pointer d-flex align-items-center justify-content-center '
703
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
704
+ className: "".concat(header_cssstyles.badge_counter_header_notifications, " ").concat(header_cssstyles.cartbadge)
705
+ }, (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, {
706
+ size: sectionproperties.cartBtn_iconFontSize
707
+ }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(cg.CgShoppingBag, {
708
+ size: sectionproperties.cartBtn_iconFontSize
709
+ }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(bs.BsBag, {
710
+ size: sectionproperties.cartBtn_iconFontSize
711
+ }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(bs.BsHandbag, {
712
+ size: sectionproperties.cartBtn_iconFontSize
713
+ }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingCart, {
714
+ size: sectionproperties.cartBtn_iconFontSize
715
+ }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(md.MdOutlineShoppingCart, {
716
+ size: sectionproperties.cartBtn_iconFontSize
717
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
718
+ className: langdetect == 'en' ? 'ml-2' : 'mr-2'
719
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
720
+ className: "row m-0 w-100 d-flex align-items-center flex-column justify-content-start"
721
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
722
+ className: "m-0 p-0 w-100",
723
+ style: {
724
+ textAlign: langdetect == 'en' ? 'left' : 'right',
725
+ color: sectionproperties.cartBtnTextcolor,
726
+ fontSize: sectionproperties.cartBtnTextfontsize + 'px',
727
+ lineHeight: sectionproperties.cartBtnTextfontsize + 'px',
728
+ fontWeight: sectionproperties.cartBtnTextfontweight,
729
+ textTransform: sectionproperties.cartBtnTexttransform,
730
+ cursor: 'pointer'
731
+ }
732
+ }, lang.cart), /*#__PURE__*/React__default["default"].createElement("p", {
733
+ className: "m-0 text-left",
734
+ style: {
735
+ color: sectionproperties.card_secondarycolor,
736
+ fontSize: sectionproperties.secondaryfontsize + 'px',
737
+ fontWeight: sectionproperties.secondaryfontweight,
738
+ cursor: 'pointer'
739
+ }
740
+ }, langdetect == 'en' ? 'EGP' : '', " ", subtotalcart(), " ", langdetect == 'en' ? '' : 'ج.م'))))), /*#__PURE__*/React__default["default"].createElement("div", {
741
+ className: "d-flex flex-row justify-content-end align-items-center",
742
+ onClick: function onClick() {
743
+ if (langdetect == 'en') {
744
+ setlang('ar');
745
+ } else {
746
+ setlang('en');
747
+ }
748
+ }
749
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
750
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
751
+ }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
752
+ className: "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
753
+ })))))), /*#__PURE__*/React__default["default"].createElement("div", {
754
+ className: "col-lg-12 p-0 d-flex justify-content-center",
755
+ style: {
756
+ background: sectionproperties.vl_bg
757
+ }
758
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
759
+ className: "".concat(header_cssstyles.divider) + ' '
760
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
761
+ className: "".concat(header_cssstyles.lowerheadercontainer) + ' row w-100 m-0 align-items-center '
762
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
763
+ className: ' col-lg-2 d-flex align-items-center ',
764
+ style: {},
765
+ onClick: function onClick() {
766
+ setdropdownselect(!dropdownselect);
767
+ }
768
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
769
+ className: "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown transformedDropdown d-flex align-items-center justify-content-center '
770
+ }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
771
+ className: "d-flex align-items-center justify-content-center"
772
+ }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
773
+ className: "d-flex align-items-center justify-content-center"
774
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
775
+ className: "".concat(header_cssstyles.btntextcontainer) + ' row w-100 m-0 align-items-center ',
776
+ style: {
777
+ paddingTop: '7px'
778
+ }
779
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
780
+ className: "h-100 d-flex align-items-center justify-content-center"
781
+ }, /*#__PURE__*/React__default["default"].createElement(hi.HiMenuAlt4, {
782
+ size: 25,
783
+ color: "white"
784
+ })), /*#__PURE__*/React__default["default"].createElement("p", {
785
+ className: langdetect == 'en' ? ' m-0 p-0 ml-2' : ' m-0 p-0 mr-2 '
786
+ }, lang.shopbycategory))), fetchAuthorizationQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
787
+ style: {
788
+ minWidth: '250px',
789
+ marginLeft: '-20px'
790
+ }
791
+ }, fetchAuthorizationQueryContext.data.data.instinfo.instcollections.map(function (item, index) {
792
+ return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
793
+ onClick: function onClick() {
794
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
795
+ }
796
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
797
+ className: "".concat(header_cssstyles.dropdownitemcontainer) + ' row m-0 w-100 '
798
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
799
+ className: ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center '
800
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
801
+ className: "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
802
+ }, 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));
803
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
804
+ className: "col-lg-10 d-flex flex-row align-items-center justify-content-start"
805
+ }, /*#__PURE__*/React__default["default"].createElement("ul", {
806
+ className: ' mb-0 pb-0 mt-0 d-flex flex-row justify-content-start '
807
+ }, templatepropcontext.pagesnprop.map(function (item, index) {
808
+ var activeclass = '';
809
+
810
+ if (item.isselected) {
811
+ activeclass = header_cssstyles.navbar_item_active;
812
+ }
813
+
814
+ if (item.isnavigation == 1 && item.isactive == 1) {
815
+ return /*#__PURE__*/React__default["default"].createElement("div", {
816
+ to: item.navigationroute
817
+ }, /*#__PURE__*/React__default["default"].createElement("li", {
818
+ className: "".concat(activeclass),
819
+ style: {
820
+ marginRight: langdetect == 'en' ? '25px' : 0,
821
+ marginLeft: langdetect == 'en' ? 0 : '25px'
822
+ }
823
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
824
+ className: "".concat(header_cssstyles.navbar_item_text)
825
+ }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar)));
826
+ }
827
+ })))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
828
+ className: "col-lg-12 p-0"
829
+ }))));
830
+ };
831
+
832
+ var generalstyles = {"shadow_bottom":"general-module_shadow_bottom__YcJR3","overflowY_scroll":"general-module_overflowY_scroll__m5upZ","sub_scrollbar":"general-module_sub_scrollbar__mpHTI","badge":"general-module_badge__GTiMs","badge_secondary":"general-module_badge_secondary__p6ErJ","divider":"general-module_divider__WFV-A","verical_divider":"general-module_verical_divider__u5DxE","table":"general-module_table__hdcWN","mw-200":"general-module_mw-200__PaU8G","table_bordered":"general-module_table_bordered__JKIJp","table_borderless":"general-module_table_borderless__OF0cl","table_striped":"general-module_table_striped__wWBA6","table_hover":"general-module_table_hover__EiJha","table_responsive":"general-module_table_responsive__JPCKF","table_translation":"general-module_table_translation__x1Rpf","table_icon":"general-module_table_icon__EMMDI","image_table":"general-module_image_table__HqRaH","shownumber_cont":"general-module_shownumber_cont__34Y5j","card_input_table":"general-module_card_input_table__vVK0p","btn":"general-module_btn__FAb1b","btn_rounded":"general-module_btn_rounded__Rkb8o","focus":"general-module_focus__8-F6p","disabled":"general-module_disabled__PRzt-","btn_tranparent":"general-module_btn_tranparent__GFTRs","btn_circle":"general-module_btn_circle__lOyd4","btn_white":"general-module_btn_white__H0esd","btn_black":"general-module_btn_black__NcqLp","btn_primary":"general-module_btn_primary__C5oTz","btn_secondary":"general-module_btn_secondary__MbOCN","btn_success":"general-module_btn_success__iV5-t","btn_info":"general-module_btn_info__-ClLB","btn_danger":"general-module_btn_danger__b0QkM","btn_dark":"general-module_btn_dark__hSWyC","active":"general-module_active__MPpsF","btn_grey":"general-module_btn_grey__fGIYU","btn_cardheader":"general-module_btn_cardheader__vccWl","border_primary":"general-module_border_primary__Jqm8o","border_secondary":"general-module_border_secondary__xiHt3","border_success":"general-module_border_success__kWv6N","border_info":"general-module_border_info__wfOF-","border_warning":"general-module_border_warning__mSIRm","border_danger":"general-module_border_danger__U7veI","border":"general-module_border__Pvp44","border_top":"general-module_border_top__0-KRU","border_right":"general-module_border_right__7QXHH","border_bottom":"general-module_border_bottom__Xyy95","border_left":"general-module_border_left__90qSD","border_0":"general-module_border_0__YO9qY","border_top_0":"general-module_border_top_0__KFIha","border_right_0":"general-module_border_right_0__FaED6","border_bottom_0":"general-module_border_bottom_0__NZhJm","border_left_0":"general-module_border_left_0__gjITr","app_container":"general-module_app_container__-NNzK","app_main":"general-module_app_main__3s9rd","app_main_inner":"general-module_app_main_inner__OdEv-","app_main_inner_headertwo":"general-module_app_main_inner_headertwo__UkOlN","app_main_inner_headerfour":"general-module_app_main_inner_headerfour__slUk1","card":"general-module_card__KT-JI","card_border_10":"general-module_card_border_10__M-cl-","app_main_outer":"general-module_app_main_outer__gNSLc","app_main_outertranslated":"general-module_app_main_outertranslated__IZRx2","pill":"general-module_pill__gHCcE","fadeIn":"general-module_fadeIn__bUx2u","fadeOut":"general-module_fadeOut__R13Fc","fadeInButton":"general-module_fadeInButton__1daVD","fadeOutButton":"general-module_fadeOutButton__8BRUG","sectiontitlecont":"general-module_sectiontitlecont__F-e6k","homesectiontitlecont":"general-module_homesectiontitlecont__ZfXNm","sectiontitlecont2":"general-module_sectiontitlecont2__mfEaP"};
833
+
834
+ function ownKeys$2(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; }
835
+
836
+ function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
837
+ // import { Contexthandlerscontext } from '../../../../../../../../Contexts/Contexthandlerscontext';
838
+
839
+ var CardsSection = function CardsSection(props) {
840
+ var _useInView = reactIntersectionObserver.useInView(),
841
+ ref = _useInView.ref,
842
+ inView = _useInView.inView; // const { lang, langdetect } = useContext(LanguageContext);
843
+ // const { TabexSectionsComponentsContext, StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
844
+ // const { FetchQueriesEngineContext, setFetchQueriesEngineContext, SearchHeaderMutationContext, favoriteprojectscountContext, fetchcustomercartQueryContext } = useContext(FetchingContext);
845
+ // const { templatepropcontext } = useContext(Contexthandlerscontext);
846
+ // const { ProductFilterObjContext, setProductFilterObjContext } = useContext(ProductsCardsSectionContext);
847
+ // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
848
+
849
+
850
+ var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
851
+ props.actions.lang;
852
+ var langdetect = props.actions.langdetect;
853
+ props.actions.setlang;
854
+ props.actions.templatepropcontext;
855
+ var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
856
+ var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
857
+ var routingcountext = props.actions.routingcountext;
858
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
859
+ var ProductFilterObjContext = props.actions.ProductFilterObjContext;
860
+ var setProductFilterObjContext = props.actions.setProductFilterObjContext;
861
+ var TabexSectionsComponentsContext = props.actions.TabexSectionsComponentsContext;
862
+ var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
863
+ var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
864
+ var SearchHeaderMutationContext = props.actions.SearchHeaderMutationContext;
865
+ props.actions.serverbaselink;
866
+ props.actions.instapikey;
867
+ props.actions.fetchcollections_API;
868
+ var fetchProductsQuery = props.actions.fetchProductsQuery;
869
+ var fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
870
+ var setParentCollectionsForCollectionQueryArr = props.actions.setParentCollectionsForCollectionQueryArr;
871
+ props.actions.ParentCollectionsForCollectionQueryArr;
872
+ var setfetchingtype = props.actions.setfetchingtype;
873
+ var fetchingtype = props.actions.fetchingtype;
874
+
875
+ var _useState = React.useState(''),
876
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
877
+ sectionproperties = _useState2[0],
878
+ setsectionproperties = _useState2[1];
879
+
880
+ var _useState3 = React.useState([]),
881
+ _useState4 = _slicedToArray__default["default"](_useState3, 2);
882
+ _useState4[0];
883
+ _useState4[1];
884
+
885
+ var _useState5 = React.useState([]),
886
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
887
+ cardsarray = _useState6[0],
888
+ setcardsarray = _useState6[1];
889
+
890
+ var _useState7 = React.useState(''),
891
+ _useState8 = _slicedToArray__default["default"](_useState7, 2),
892
+ searchinput = _useState8[0];
893
+ _useState8[1]; // const [ParentCollectionsForCollectionQueryArr, setParentCollectionsForCollectionQueryArr] = useState('');
894
+ // const fetchcollectionsQueryContext = useQuery(
895
+ // ['fetchcollections_API' + JSON.stringify(ParentCollectionsForCollectionQueryArr)],
896
+ // () => fetchcollections_API({ parentcollectionid: ParentCollectionsForCollectionQueryArr }),
897
+ // {
898
+ // keepPreviousData: true,
899
+ // staleTime: Infinity,
900
+ // enabled: instapikey().length != 0 && ParentCollectionsForCollectionQueryArr.length != 0 ? true : false,
901
+ // },
902
+ // );
903
+ // const FetchProductsAxios = (axiosdatatemp) => {
904
+ // var tempProductFilterObjContext = { ...ProductFilterObjContext };
905
+ // tempProductFilterObjContext.page = axiosdatatemp;
906
+ // if (templatepropcontext.instid == 'tabex') {
907
+ // tempProductFilterObjContext.instapikey = 'tabex';
908
+ // } else {
909
+ // tempProductFilterObjContext.instapikey = instapikey();
910
+ // }
911
+ // var serverbaselinktemp = window.location.hostname;
912
+ // if (serverbaselinktemp == 'localhost') {
913
+ // serverbaselinktemp = 'https://tabex-co.com';
914
+ // } else {
915
+ // serverbaselinktemp = 'https://' + serverbaselinktemp;
916
+ // }
917
+ // const axiosfetch = axios({
918
+ // method: 'post',
919
+ // url: serverbaselinktemp + '/customer/webapp/fetchproducts',
920
+ // headers: {
921
+ // Accept: 'application/json',
922
+ // 'Content-Type': 'application/json',
923
+ // },
924
+ // data: tempProductFilterObjContext,
925
+ // });
926
+ // return axiosfetch;
927
+ // };
928
+ // const fetchProductsQuery = useInfiniteQuery(['fetchproducts_API' + JSON.stringify(ProductFilterObjContext)], ({ pageParam = 0 }) => FetchProductsAxios(pageParam), {
929
+ // keepPreviousData: true,
930
+ // staleTime: Infinity,
931
+ // enabled:
932
+ // instapikey().length != 0 && fetchingtype == 'products' && ProductFilterObjContext.ProductFetchingType != undefined && ProductFilterObjContext.ProductFetchingType.length != 0
933
+ // ? true
934
+ // : false,
935
+ // initialPageParam: 0,
936
+ // getNextPageParam: (lastPage, allPages) => {
937
+ // var currentpagefrombackend = lastPage.data.page;
938
+ // if (currentpagefrombackend == 'full') {
939
+ // return undefined;
940
+ // } else {
941
+ // var nextpage = parseInt(currentpagefrombackend) + 1;
942
+ // return nextpage;
943
+ // }
944
+ // },
945
+ // getPreviousPageParam: (firstPage, allPages) => firstPage.data.page - 1,
946
+ // });
947
+
948
+
949
+ React__default["default"].useEffect(function () {
950
+ if (inView) {
951
+ fetchProductsQuery.fetchNextPage();
952
+ }
953
+ }, [inView]);
954
+
955
+ var _useState9 = React.useState({
956
+ productfetchingtype: 'Random',
957
+ collectionid: ''
958
+ }),
959
+ _useState10 = _slicedToArray__default["default"](_useState9, 2),
960
+ ProductsFetchingTypeSectionObj = _useState10[0],
961
+ setProductsFetchingTypeSectionObj = _useState10[1];
962
+
963
+ React.useEffect(function () {
964
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
965
+ if (sectionitem.sectionid == props.sectionidprops) {
966
+ var secpropobj = {};
967
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
968
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
969
+ });
970
+ setsectionproperties(_objectSpread$2({}, secpropobj));
971
+
972
+ if (props.srcfromprops == 'GeneralProductsComponent') {
973
+ setfetchingtype('products');
974
+ setProductsFetchingTypeSectionObj({
975
+ productfetchingtype: 'Random',
976
+ collectionid: props.collectionidprops
977
+ });
978
+ } else {
979
+ setfetchingtype(sectionitem.fetchingtype);
980
+ setProductsFetchingTypeSectionObj({
981
+ productfetchingtype: sectionitem.productsfetchingtype,
982
+ collectionid: sectionitem.productsfetchingtypeCollectioncollectionid
983
+ });
984
+ }
985
+ }
986
+ });
987
+ }, [StatePagePropertiesContext]);
988
+ React.useEffect(function () {
989
+ SearchHeaderMutationContext.reset();
990
+ var delayDebounceFn = setTimeout(function () {
991
+ if (searchinput.length != 0) {
992
+ SearchHeaderMutationContext.mutate({
993
+ SearchHeaderValue: searchinput
994
+ });
995
+ }
996
+ }, 1000);
997
+ return function () {
998
+ return clearTimeout(delayDebounceFn);
999
+ };
1000
+ }, [searchinput]);
1001
+ React.useEffect(function () {
1002
+ if (sectionproperties.length != 0) {
1003
+ if (cardsarray.length == 0) {
1004
+ if (fetchingtype == 'collections') {
1005
+ if (fetchcollectionsQueryContext.isSuccess) {
1006
+ cardobjassigner(fetchcollectionsQueryContext.data.data.collections);
1007
+ }
1008
+ } else if (fetchingtype == 'products') {
1009
+ if (fetchProductsQuery.isSuccess) {
1010
+ var allpagesarr = [];
1011
+ fetchProductsQuery.data.pages.forEach(function (page) {
1012
+ page.data.products.forEach(function (productobj) {
1013
+ allpagesarr.push(productobj);
1014
+ });
1015
+ });
1016
+ cardobjassigner(allpagesarr);
1017
+ }
1018
+ }
1019
+ }
1020
+ }
1021
+ }, [sectionproperties]);
1022
+ React.useEffect(function () {
1023
+ if (fetchingtype.length != 0) {
1024
+ var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
1025
+
1026
+ if (fetchingtype == 'collections') {
1027
+ // tempFetchQueriesEngineContext.collections = true;
1028
+ if (ProductsFetchingTypeSectionObj.collectionid == 'all' || ProductsFetchingTypeSectionObj.collectionid == null || ProductsFetchingTypeSectionObj.collectionid == undefined) {
1029
+ setParentCollectionsForCollectionQueryArr('all');
1030
+ } else {
1031
+ setParentCollectionsForCollectionQueryArr([ProductsFetchingTypeSectionObj.collectionid]);
1032
+ }
1033
+ }
1034
+
1035
+ if (fetchingtype == 'products') {
1036
+ var tempfetchproductsfilerobjcontext = ProductFilterObjContext;
1037
+ tempfetchproductsfilerobjcontext.ProductFetchingType = ProductsFetchingTypeSectionObj.productfetchingtype;
1038
+ tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
1039
+ setProductFilterObjContext(_objectSpread$2({}, tempfetchproductsfilerobjcontext));
1040
+ }
1041
+
1042
+ setFetchQueriesEngineContext(_objectSpread$2({}, tempFetchQueriesEngineContext));
1043
+ }
1044
+ }, [fetchingtype, ProductsFetchingTypeSectionObj]);
1045
+ React.useEffect(function () {
1046
+ if (fetchingtype == 'products') {
1047
+ if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
1048
+ var allpagesarr = [];
1049
+ fetchProductsQuery.data.pages.forEach(function (page) {
1050
+ page.data.products.forEach(function (productobj) {
1051
+ allpagesarr.push(productobj);
1052
+ });
1053
+ });
1054
+ cardobjassigner(allpagesarr);
1055
+ }
1056
+ }
1057
+ }, [fetchProductsQuery.isSuccess, fetchProductsQuery.dataUpdatedAt, fetchProductsQuery.data, fetchcustomercartQueryContext.dataUpdatedAt]);
1058
+ React.useEffect(function () {
1059
+ if (fetchingtype == 'collections') {
1060
+ if (fetchcollectionsQueryContext.isSuccess) {
1061
+ cardobjassigner(fetchcollectionsQueryContext.data.data.collections);
1062
+ }
1063
+ }
1064
+ }, [fetchcollectionsQueryContext.isSuccess]);
1065
+ React.useEffect(function () {
1066
+ favassigner();
1067
+ }, [favoriteprojectscountContext]);
1068
+
1069
+ var favassigner = function favassigner() {
1070
+ if (fetchingtype == 'products') {
1071
+ if (cardsarray.length != 0) {
1072
+ if (favoriteprojectscountContext != undefined && Array.isArray(favoriteprojectscountContext)) {
1073
+ var tempcardsarray = _toConsumableArray__default["default"](cardsarray);
1074
+
1075
+ tempcardsarray.forEach(function (arrayItem, arrayindex) {
1076
+ arrayItem.IsFavExists = false;
1077
+ });
1078
+ tempcardsarray.forEach(function (arrayItem, arrayindex) {
1079
+ favoriteprojectscountContext.forEach(function (favitem, favindex) {
1080
+ if (arrayItem.productid == favitem) {
1081
+ arrayItem.IsFavExists = true;
1082
+ }
1083
+ });
1084
+ });
1085
+ setcardsarray(_toConsumableArray__default["default"](tempcardsarray));
1086
+ }
1087
+ }
1088
+ }
1089
+ };
1090
+
1091
+ var cardobjassigner = function cardobjassigner(fetchedarray) {
1092
+ var temparray = [];
1093
+ fetchedarray.forEach(function (arrayItem, arrayindex) {
1094
+ var cardobj = {
1095
+ name: '',
1096
+ image: ''
1097
+ };
1098
+
1099
+ if (fetchingtype == 'products') {
1100
+ var itemquantity = 0;
1101
+
1102
+ if (langdetect == 'en') {
1103
+ cardobj.name = arrayItem.productinfo.name_en;
1104
+ } else {
1105
+ cardobj.name = arrayItem.productinfo.name_ar;
1106
+ }
1107
+
1108
+ if (langdetect == 'en') {
1109
+ cardobj.description = arrayItem.productinfo.description_en;
1110
+ } else {
1111
+ cardobj.description = arrayItem.productinfo.description_ar;
1112
+ }
1113
+
1114
+ if (arrayItem.productinfo.hasvariants == 0) {
1115
+ fetchcustomercartQueryContext.data.data.customercart.cartitems.forEach(function (cartitem, cartindex) {
1116
+ if (cartitem.productid == arrayItem.productinfo.productid) {
1117
+ itemquantity = cartitem.quantity;
1118
+ }
1119
+ });
1120
+ }
1121
+
1122
+ cardobj.image = arrayItem.productinfo.productmainimage;
1123
+ cardobj.hassale = arrayItem.productinfo.hassale;
1124
+ cardobj.productid = arrayItem.productinfo.productid;
1125
+ cardobj.hasvariants = arrayItem.productinfo.hasvariants;
1126
+ cardobj.description_en = arrayItem.productinfo.description_en;
1127
+ cardobj.description_ar = arrayItem.productinfo.description_ar;
1128
+ cardobj.defaultprice = arrayItem.productinfo.defaultprice;
1129
+ cardobj.defaultsaleprice = arrayItem.productinfo.defaultsaleprice;
1130
+ cardobj.productimages = arrayItem.productinfo.productimages;
1131
+ cardobj.quantity = itemquantity;
1132
+ cardobj.timestamp = arrayItem.productinfo.timestamp;
1133
+
1134
+ if (favoriteprojectscountContext != undefined && favoriteprojectscountContext.length != 0) {
1135
+ favoriteprojectscountContext.forEach(function (favitem, favindex) {
1136
+ if (arrayItem.productinfo.productid == favitem) {
1137
+ cardobj.IsFavExists = true;
1138
+ }
1139
+ });
1140
+ }
1141
+ } else if (fetchingtype == 'collections') {
1142
+ cardobj.collectionid = arrayItem.collectionid;
1143
+
1144
+ if (langdetect == 'en') {
1145
+ cardobj.name = arrayItem.title_en;
1146
+ cardobj.description = arrayItem.description_en;
1147
+ } else if (langdetect == 'ar') {
1148
+ cardobj.name = arrayItem.title_ar;
1149
+ cardobj.description = arrayItem.description_ar;
1150
+ }
1151
+
1152
+ cardobj.image = arrayItem.collectionlogo;
1153
+ } else ;
1154
+
1155
+ temparray.push(cardobj);
1156
+ });
1157
+ setcardsarray([].concat(temparray));
1158
+ };
1159
+
1160
+ var section_cssstyles = {
1161
+ sectiontitlespan: glamor.css({
1162
+ ':after': {
1163
+ height: '5px',
1164
+ width: sectionproperties.sectitle_lineafterwidth + '%',
1165
+ backgroundColor: sectionproperties.linebgcolor
1166
+ }
1167
+ }),
1168
+ line_left: glamor.css({
1169
+ height: '1px',
1170
+ position: 'relative',
1171
+ flex: '1 1 auto',
1172
+ minWidth: '10%',
1173
+ background: sectionproperties.linebgcolor
1174
+ }),
1175
+ line_right: glamor.css({
1176
+ height: '1px',
1177
+ position: 'relative',
1178
+ flex: '1 1 auto',
1179
+ minWidth: '10%',
1180
+ background: sectionproperties.linebgcolor
1181
+ }),
1182
+ cards_sections: glamor.css({
1183
+ marginTop: sectionproperties.marginTop + 'px',
1184
+ marginBottom: sectionproperties.marginBottom + 'px',
1185
+ paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
1186
+ paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
1187
+ paddingTop: sectionproperties.paddingTop + 'px',
1188
+ paddingBottom: sectionproperties.paddingBottom + 'px',
1189
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
1190
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
1191
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
1192
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
1193
+ boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
1194
+ borderColor: sectionproperties.sectioncardbordercolor,
1195
+ border: sectionproperties.sectioncardborderwidth + 'px solid'
1196
+ }),
1197
+ filterbtn: glamor.css({
1198
+ width: sectionproperties.filterbtn_Width + 'px',
1199
+ height: sectionproperties.filterbtn_Height + 'px',
1200
+ background: sectionproperties.filterbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.filterbtn_bgColor,
1201
+ borderBottomLeftRadius: sectionproperties.filterbtn_borderBottomLeftRadius + 'px',
1202
+ borderBottomRightRadius: sectionproperties.filterbtn_borderBottomRightRadius + 'px',
1203
+ borderTopLeftRadius: sectionproperties.filterbtn_borderTopLeftRadius + 'px',
1204
+ borderTopRightRadius: sectionproperties.filterbtn_borderTopRightRadius + 'px',
1205
+ color: sectionproperties.filterbtn_Textcolor,
1206
+ boxShadow: sectionproperties.filterbtn_showshadow == 'Show' ? '0 0 10px ' + sectionproperties.filterbtn_shadowcolor : '',
1207
+ marginTop: sectionproperties.filterbtn_marginTop + 'px',
1208
+ marginBottom: sectionproperties.filterbtn_marginBottom + 'px',
1209
+ marginLeft: sectionproperties.filterbtn_marginLeft + 'px',
1210
+ marginRight: sectionproperties.filterbtn_marginRight + 'px',
1211
+ transition: '.3s',
1212
+ ':hover': {
1213
+ background: sectionproperties.filterbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.filterbtn_bgColoronhover,
1214
+ color: sectionproperties.filterbtn_Textcoloronhover
1215
+ }
1216
+ }),
1217
+ viewmorebtn: glamor.css({
1218
+ width: sectionproperties.viewmorebtn_Width + 'px',
1219
+ height: sectionproperties.viewmorebtn_Height + 'px',
1220
+ background: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColor,
1221
+ borderRadius: sectionproperties.viewmorebtn_borderBottomLeftRadius + 'px',
1222
+ color: sectionproperties.viewmorebtn_Textcolor,
1223
+ fontSize: sectionproperties.viewmorebtn_fontSize + 'px',
1224
+ fontWeight: sectionproperties.viewmorebtn_fontWeight,
1225
+ textDecoration: sectionproperties.viewmorebtn_bgtransparent == 'Transparent' ? 'underline' : 'none',
1226
+ transition: '.3s',
1227
+ ':hover': {
1228
+ background: sectionproperties.viewmorebtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.viewmorebtn_bgColoronhover,
1229
+ color: sectionproperties.viewmorebtn_Textcoloronhover
1230
+ }
1231
+ }),
1232
+ loadbtn: glamor.css({
1233
+ fontSize: sectionproperties.generaltext_fontSize + 'px',
1234
+ color: sectionproperties.generaltext_fontColor,
1235
+ fontWeight: sectionproperties.generaltext_fontWeight,
1236
+ textDecoration: 'underline',
1237
+ transition: '.3s',
1238
+ ':hover': {
1239
+ color: sectionproperties.text_secondarycolor
1240
+ }
1241
+ })
1242
+ };
1243
+
1244
+ var cardsrender = function cardsrender() {
1245
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1246
+ style: {
1247
+ background: sectionproperties.backgroundColor
1248
+ },
1249
+ className: sectionproperties.showFilter == 'show' && sectionproperties.filterdirection == 'Vertical' ? 'col-lg-9 p-sm-0' : 'row m-0 w-100'
1250
+ }, !fetchProductsQuery.isFetching && cardsarray.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
1251
+ className: "row m-0 w-100 d-flex align-items-center",
1252
+ style: {
1253
+ height: '50vh'
1254
+ }
1255
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1256
+ className: "col-lg-12 text-light d-flex align-items-center justify-content-center flex-column"
1257
+ }, /*#__PURE__*/React__default["default"].createElement(md.MdOutlineLayersClear, {
1258
+ style: {
1259
+ fontSize: sectionproperties.noprod_iconfontSize + 'px',
1260
+ color: sectionproperties.noprod_iconcolor
1261
+ }
1262
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
1263
+ style: {
1264
+ fontSize: sectionproperties.noprod_fontSize + 'px',
1265
+ fontWeight: sectionproperties.noprod_fontWeight,
1266
+ textTransform: sectionproperties.noprod_textTransform,
1267
+ color: sectionproperties.noprod_color
1268
+ }
1269
+ }, langdetect == 'en' ? 'No Products Found' : 'لا توجد منتجات'))), cardsarray.length != 0 && sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
1270
+ className: "row m-0 w-100 d-flex align-items-center p-sm-0"
1271
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1272
+ className: "row ml-0 mr-0 w-100 pl-md-2 pr-md-2 pl-sm-2 pr-sm-2",
1273
+ style: {
1274
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
1275
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
1276
+ paddingLeft: sectionproperties.sectionTitleMarginLeft + 'px',
1277
+ paddingRight: sectionproperties.sectionTitleMarginRight + 'px'
1278
+ }
1279
+ }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1280
+ className: sectionproperties.viewmorebtnshow == 'Show' ? sectionproperties.sectiontitleposition == 'Centered' ? ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 ' : ' col-lg-7 col-md-7 col-sm-7 d-flex align-items-center p-0 ' : sectionproperties.showFilter == 'show' ? ' col-lg-12 col-md-7 col-sm-7 d-flex align-items-center p-0 ' : ' col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 '
1281
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1282
+ // mb-auto
1283
+ className: "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 p-0 d-flex align-items-center ',
1284
+ style: {
1285
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
1286
+ }
1287
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1288
+ className: "d-flex align-items-center flex-row",
1289
+ style: {
1290
+ position: 'relative',
1291
+ justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
1292
+ width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
1293
+ }
1294
+ }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
1295
+ className: section_cssstyles.line_left
1296
+ }), /*#__PURE__*/React__default["default"].createElement("p", {
1297
+ className: sectionproperties.sectiontitlefontfamily == 'Pacifico' ? "".concat(section_cssstyles.sectiontitlespan) + ' PacificoFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Playfair' ? "".concat(section_cssstyles.sectiontitlespan) + ' PlayfairFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start ' : sectionproperties.sectiontitlefontfamily == 'Great Vibes' ? "".concat(section_cssstyles.sectiontitlespan) + ' GreatvibesFont mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start ' : "".concat(section_cssstyles.sectiontitlespan) + ' mb-auto mb-0 pb-0 font-sm-18 font-md-20 wordbreak d-flex align-items-center justify-content-start ',
1298
+ style: {
1299
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
1300
+ color: sectionproperties.sectionTitleColor,
1301
+ fontWeight: sectionproperties.sectionTitleFontWeight,
1302
+ paddingLeft: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
1303
+ paddingRight: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '12px' : 0,
1304
+ textAlign: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
1305
+ }
1306
+ }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
1307
+ className: section_cssstyles.line_right
1308
+ })))), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1309
+ className: ' col-lg-12 d-flex align-items-center ',
1310
+ style: {
1311
+ justifyContent: sectionproperties.descriptionCentered == 'Centered' ? 'center' : 'start',
1312
+ marginBottom: sectionproperties.descriptionMarginBottom + 'px',
1313
+ paddingLeft: langdetect == 'en' ? sectionproperties.description_marginLeft + 'px' : sectionproperties.description_marginRight + 'px',
1314
+ paddingRight: langdetect == 'en' ? sectionproperties.description_marginRight + 'px' : sectionproperties.description_marginLeft + 'px'
1315
+ }
1316
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1317
+ className: "m-0 p-0 wordbreak ",
1318
+ style: {
1319
+ fontSize: sectionproperties.prodCatFontSize + 'px',
1320
+ color: sectionproperties.prodCatColor,
1321
+ fontWeight: sectionproperties.prodCatFontWeight,
1322
+ textAlign: sectionproperties.descriptionCentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
1323
+ }
1324
+ }, langdetect == 'en' ? sectionproperties.descriptionContentEn : sectionproperties.descriptionContentAr)), /*#__PURE__*/React__default["default"].createElement("div", {
1325
+ className: sectionproperties.sectiontitleposition == 'Centered' ? 'col-lg-12 col-md-12 col-sm-12 d-flex align-item-center justify-content-center p-0' : 'col-lg-5 col-md-5 col-sm-5 d-flex align-item-center justify-content-end justify-content-sm-center p-0',
1326
+ style: {
1327
+ marginTop: sectionproperties.sectiontitleposition == 'Centered' ? '10px' : 0
1328
+ }
1329
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1330
+ className: sectionproperties.sectiontitleposition == 'Centered' ? ' row m-0 w-100 d-flex align-item-center justify-content-center ' : ' row m-0 w-100 d-flex align-item-center justify-content-end '
1331
+ }, sectionproperties.viewmorebtnshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
1332
+ className: sectionproperties.sectiontitleposition == 'Centered' ? "".concat(section_cssstyles.viewmorebtn) + ' m-sm-0 allcentered mt-auto mb-auto ' : "".concat(section_cssstyles.viewmorebtn) + ' w-sm-auto btn-circle-resp m-sm-0 mt-auto mb-auto ',
1333
+ onClick: function onClick() {
1334
+ if (fetchingtype == 'products') {
1335
+ if (ProductsFetchingTypeSectionObj.productfetchingtype == 'Collection') {
1336
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, ProductsFetchingTypeSectionObj.collectionid);
1337
+ } else {
1338
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
1339
+ }
1340
+ } else {
1341
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
1342
+ }
1343
+ }
1344
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
1345
+ className: sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center' : 'd-flex justify-content-center align-items-center d-md-none'
1346
+ }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar), /*#__PURE__*/React__default["default"].createElement("span", {
1347
+ className: sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
1348
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1349
+ className: "h-100 d-flex align-items-center justify-content-center"
1350
+ }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(bs.BsFillArrowRightCircleFill, null) : /*#__PURE__*/React__default["default"].createElement(bs.BsFillArrowLeftCircleFill, null)))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("button", {
1351
+ className: sectionproperties.searchbar_show == 'Show' ? ' col-lg-3 col-md-3 pl-0 pr-0 d-none d-md-flex justify-content-end ml-1 ' : ' col-lg-12 col-sm-12 pl-0 pr-0 d-none d-md-flex justify-content-end ml-1 ',
1352
+ onClick: function onClick() {
1353
+ var element = document.getElementById('filterslider');
1354
+ element.classList.add(filterstyles.filterslider_container_opened);
1355
+ }
1356
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1357
+ className: "".concat(section_cssstyles.filterbtn) + ' btn-circle-resp '
1358
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1359
+ className: "h-100 d-flex align-items-center justify-content-center"
1360
+ }, /*#__PURE__*/React__default["default"].createElement(fi.FiFilter, null)))))), sectionproperties.showseparator == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1361
+ className: "col-lg-12 p-0"
1362
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
1363
+ className: "mt-3 mb-2",
1364
+ style: {
1365
+ borderColor: sectionproperties.upperseparatorbgcolor
1366
+ }
1367
+ }))), StatePagePropertiesContext.pageobj.sections[props.sectionindexprops].childsections.map(function (item, index) {
1368
+ if (item.tabexsectioninfo != null) {
1369
+ if (item.sectionstructype == 'child' && TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname] != undefined) {
1370
+ var Sectioncomp = TabexSectionsComponentsContext[item.tabexsectioninfo.sectioncompname];
1371
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1372
+ className: sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 ' : sectionproperties.paddingRight != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 pr-md-2 ' : sectionproperties.paddingLeft != 0 ? section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 pl-md-2 ' : section_cssstyles.cards_sections + ' row ml-0 mr-0 w-100 '
1373
+ }, sectionproperties.view_as_slider_vertical == 'Slider (Horizontal)' && /*#__PURE__*/React__default["default"].createElement("div", {
1374
+ className: langdetect == 'en' ? 'col-lg-12 p-0 pl-sm-2' : 'col-lg-12 p-0 pr-sm-2'
1375
+ }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
1376
+ transitionBehavior: 'auto',
1377
+ wrapperClassName: '',
1378
+ itemClassName: item.tabexsectioninfo.sectioncompname == 'Productcard6' ? 'scrollmenuclassnameitemProductcard6' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? 'scrollmenuclassnameitemProductcard_with_circularhover' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularbg' ? 'scrollmenuclassnameitemProductcard_with_circularbg' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition' ? 'scrollmenuclassnameitemCategorycard_with_twolinestransition' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_slideanimation' ? 'scrollmenuclassnameitemProductcard_with_slideanimation' : item.tabexsectioninfo.sectioncompname == 'Categorycard_withtext' ? 'scrollmenuclassnameitemCategorycard_withtext' : item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ? 'scrollmenuclassnameitemProductcard_animatedbuttons' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_variants' ? 'scrollmenuclassnameitemProductcard_with_variants' : item.tabexsectioninfo.sectioncompname == 'Productcarddefault' ? 'scrollmenuclassnameitemProductcarddefault' : item.tabexsectioninfo.sectioncompname == 'Simpleproductcard' ? 'scrollmenuclassnameitemSimpleproductcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_with_trianglebg' ? 'scrollmenuclassnameitemCategorycard_with_trianglebg' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_textonhover' ? 'scrollmenuclassnameitemProductcard_with_textonhover' : item.tabexsectioninfo.sectioncompname == 'Categorycard_slidebgscaled' ? 'scrollmenuclassnameitemCategorycard_slidebgscaled' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? 'scrollmenuclassnameitemProductccard_with_imageontopleft' : item.tabexsectioninfo.sectioncompname == 'Productcard_with_zoominonhover' ? 'scrollmenuclassnameitemProductcard_with_zoominonhover' : item.tabexsectioninfo.sectioncompname == 'Horizontalcard' ? 'scrollmenuclassnameitemProductcard_Horizontalcard' : item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage' ? 'scrollmenuclassnameitemCategorycard_fullimage' : item.tabexsectioninfo.sectioncompname == 'Classiccategorycard' ? 'scrollmenuclassnameitemClassiccategorycard' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? 'scrollmenuclassnameitemModernProductCard' : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow' ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow' : item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : 'scrollmenuclassnameitem',
1379
+ scrollContainerClassName: 'scrollmenuclasssubscrollbar'
1380
+ }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
1381
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1382
+ className: ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100' // style={{
1383
+ // minWidth:
1384
+ // item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ||
1385
+ // item.tabexsectioninfo.sectioncompname == 'Horizontalcard'
1386
+ // ? sectionproperties.width + 'px'
1387
+ // : '',
1388
+ // maxWidth:
1389
+ // item.tabexsectioninfo.sectioncompname == 'Productcard_animatedbuttons' ||
1390
+ // item.tabexsectioninfo.sectioncompname == 'Horizontalcard'
1391
+ // ? sectionproperties.width + 'px'
1392
+ // : '',
1393
+ // }}
1394
+
1395
+ }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, _extends__default["default"]({
1396
+ sectiontypeprops: 'horizontal',
1397
+ fetchingtypeprops: fetchingtype,
1398
+ cardinfoindexprops: cardinfoindex,
1399
+ cardinfoitemprops: cardinfoitem,
1400
+ sectionindexprops: index,
1401
+ sectionidprops: item.sectionid
1402
+ }, props)));
1403
+ }), fetchingtype == 'products' && fetchProductsQuery.isFetchingNextPage && /*#__PURE__*/React__default["default"].createElement("button", {
1404
+ className: section_cssstyles.loadbtn + ' d-flex justify-content-end align-items-center ',
1405
+ ref: ref,
1406
+ onClick: function onClick() {
1407
+ return fetchProductsQuery.fetchNextPage();
1408
+ },
1409
+ disabled: !fetchProductsQuery.hasNextPage || fetchProductsQuery.isFetchingNextPage
1410
+ }, /*#__PURE__*/React__default["default"].createElement(CircularProgress, {
1411
+ color: "#000",
1412
+ width: "20px",
1413
+ height: "20px",
1414
+ duration: "1s"
1415
+ })))), sectionproperties.view_as_slider_vertical != 'Slider (Horizontal)' && /*#__PURE__*/React__default["default"].createElement("div", {
1416
+ className: "row m-0 w-100 "
1417
+ }, cardsarray.map(function (cardinfoitem, cardinfoindex) {
1418
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1419
+ className: sectionproperties.numberOfColsvertical == '1' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-12 p-0 col-lg-12 col-md-4 p-0 d-flex justify-content-center col-sm-6 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '2' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-6 p-0 col-lg-6 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft ' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0' : sectionproperties.numberOfColsvertical == '3' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-4 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-4 p-0 col-lg-4 col-md-4 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '4' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 p-0 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'ModernProductCard' ? ' col-xl-3 p-0 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-3 col-lg-4 col-md-4 col-sm-6 p-0 d-flex justify-content-center p-0 ' : sectionproperties.numberOfColsvertical == '12' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-3 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-3 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : '' : sectionproperties.numberOfColsvertical == '6' ? item.tabexsectioninfo.sectioncompname == 'Productcard_with_circularhover' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'Productccard_with_imageontopleft' ? ' col-xl-2 col-lg-4 col-md-4 col-sm-6 d-flex justify-content-center p-0 ' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0 ' : ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ' : ''
1420
+ }, /*#__PURE__*/React__default["default"].createElement(Sectioncomp, _extends__default["default"]({
1421
+ sectiontypeprops: 'horizontal',
1422
+ fetchingtypeprops: fetchingtype,
1423
+ cardinfoindexprops: cardinfoindex,
1424
+ cardinfoitemprops: cardinfoitem,
1425
+ sectionindexprops: index,
1426
+ sectionidprops: item.sectionid
1427
+ }, props)));
1428
+ }), fetchingtype == 'products' && /*#__PURE__*/React__default["default"].createElement("div", {
1429
+ className: "w-100 col-lg-12 allcentered"
1430
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
1431
+ className: section_cssstyles.loadbtn + ' d-flex justify-content-end align-items-center ' // ref={ref}
1432
+ ,
1433
+ onClick: function onClick() {
1434
+ return fetchProductsQuery.fetchNextPage();
1435
+ },
1436
+ disabled: !fetchProductsQuery.hasNextPage || fetchProductsQuery.isFetchingNextPage
1437
+ }, fetchProductsQuery.isFetchingNextPage ? /*#__PURE__*/React__default["default"].createElement(CircularProgress, {
1438
+ color: "#000",
1439
+ width: "20px",
1440
+ height: "20px",
1441
+ duration: "1s"
1442
+ }) : fetchProductsQuery.hasNextPage ? 'Load more' : /*#__PURE__*/React__default["default"].createElement(CircularProgress, {
1443
+ color: "#000",
1444
+ width: "20px",
1445
+ height: "20px",
1446
+ duration: "1s"
1447
+ })))));
1448
+ }
1449
+ }
1450
+ })));
1451
+ };
1452
+
1453
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1454
+ className: sectionproperties.card_marginLeft != 0 && sectionproperties.card_marginRight != 0 ? // mb-md-4
1455
+ ' row m-0 d-flex w-100 justify-content-center align-items-center pl-md-2 pr-md-2 ' : sectionproperties.card_marginRight != 0 ? ' row m-0 d-flex w-100 justify-content-center align-items-center pr-md-2 ' : sectionproperties.card_marginLeft != 0 ? ' row m-0 d-flex w-100 justify-content-center align-items-center pl-md-2 ' : ' row m-0 d-flex w-100 justify-content-center align-items-center ',
1456
+ style: {
1457
+ zIndex: 2,
1458
+ paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
1459
+ paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
1460
+ }
1461
+ }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
1462
+ className: ' row ml-0 mr-0 d-flex align-items-center justify-content-center w-md-100 h-md-100 w-100 '
1463
+ }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
1464
+ className: sectionproperties.filterdirection == 'Horizontal' ? ' col-lg-12 ' : 'col-lg-3'
1465
+ }, /*#__PURE__*/React__default["default"].createElement(Filter, {
1466
+ sectionpropertiesprops: sectionproperties
1467
+ })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
1468
+ };
1469
+
1470
+ var cardsstyles = {"productcard":"Productccard_with_zoominonhover-module_productcard__8ASdR","card_thumbnail":"Productccard_with_zoominonhover-module_card_thumbnail__xCWyB","wishlistbtn":"Productccard_with_zoominonhover-module_wishlistbtn__-9K6V","card_inner":"Productccard_with_zoominonhover-module_card_inner__-pVNl","product_details":"Productccard_with_zoominonhover-module_product_details__3SLId","card_informationcontainer":"Productccard_with_zoominonhover-module_card_informationcontainer__suyHK","price":"Productccard_with_zoominonhover-module_price__12djA"};
1471
+
1472
+ function ownKeys$1(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; }
1473
+
1474
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
1475
+
1476
+ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(props) {
1477
+ var _css;
1478
+
1479
+ // const { lang, langdetect } = useContext(LanguageContext);
1480
+ // const { fetch_inst_tabex_websitetemplatesQueryContext, sectionindexcontext, pageindexcontext, StatePagePropertiesContext } = useContext(WebsiteDesignWorkPlaceContext);
1481
+ // const { addtofavoritescontext, setShowProductInfoModalContext, ProductIdProdutInfoModalContext, setProductIdProdutInfoModalContext, AddtoCartContext, AddtoCartMutationContext } =
1482
+ // useContext(FetchingContext);
1483
+ var _useState = React.useState(''),
1484
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
1485
+ sectionproperties = _useState2[0],
1486
+ setsectionproperties = _useState2[1];
1487
+
1488
+ var _useState3 = React.useState(props.cardinfoitemprops),
1489
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
1490
+ item = _useState4[0],
1491
+ setitem = _useState4[1];
1492
+
1493
+ var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
1494
+ var lang = props.actions.lang;
1495
+ var langdetect = props.actions.langdetect;
1496
+ var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
1497
+ var addtofavoritescontext = props.actions.addtofavoritescontext;
1498
+ var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
1499
+ var AddtoCartContext = props.actions.AddtoCartContext;
1500
+ var AddtoCartMutationContext = props.actions.AddtoCartMutationContext;
1501
+ var NotificationManager = NotificationManager;
1502
+ React.useEffect(function () {
1503
+ if (props.srcfrom == 'addsectionform') {
1504
+ var secpropobj = {};
1505
+ props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
1506
+ secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
1507
+ });
1508
+ setsectionproperties(_objectSpread$1({}, secpropobj));
1509
+ } else {
1510
+ var secpropobj = {};
1511
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
1512
+ if (sectionitem.sectionid == props.sectionidprops) {
1513
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
1514
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
1515
+ });
1516
+ }
1517
+ });
1518
+ setsectionproperties(_objectSpread$1({}, secpropobj));
1519
+ }
1520
+ }, [StatePagePropertiesContext]);
1521
+ React.useEffect(function () {
1522
+ if (props.cardinfoitemprops != undefined) {
1523
+ setitem(props.cardinfoitemprops);
1524
+ }
1525
+ }, [props.cardinfoitemprops]);
1526
+
1527
+ var updatequantity = function updatequantity(type) {
1528
+ var tempitem = _objectSpread$1({}, item);
1529
+
1530
+ tempitem.quantity = parseInt(tempitem.quantity);
1531
+
1532
+ if (type == 'add') {
1533
+ tempitem.quantity = tempitem.quantity + 1;
1534
+ } else if (type == 'remove') {
1535
+ tempitem.quantity = tempitem.quantity - 1;
1536
+ }
1537
+
1538
+ if (tempitem.quantity <= 0) {
1539
+ tempitem.quantity = 0;
1540
+ }
1541
+
1542
+ setitem(_objectSpread$1({}, tempitem));
1543
+ };
1544
+
1545
+ var addtocartfunc = function addtocartfunc() {
1546
+ var addtocardpayloadobj = {
1547
+ functype: 'add',
1548
+ productid: item.productid,
1549
+ variantid: '',
1550
+ quantity: item.quantity
1551
+ };
1552
+ var runfunc = false;
1553
+
1554
+ if (addtocardpayloadobj.productid.length != 0 && addtocardpayloadobj.quantity > 0) {
1555
+ if (item.hasvariants == 1) {
1556
+ if (addtocardpayloadobj.variantid.length != 0) {
1557
+ runfunc = true;
1558
+ } else {
1559
+ NotificationManager.warning('', 'Please Choose Product Options');
1560
+ }
1561
+ } else {
1562
+ runfunc = true;
1563
+ }
1564
+ } else {
1565
+ NotificationManager.warning('', 'Please Choose Quantity');
1566
+ }
1567
+
1568
+ if (runfunc == true) {
1569
+ AddtoCartContext(addtocardpayloadobj);
1570
+ }
1571
+ };
1572
+
1573
+ var cardsstyles2 = {
1574
+ productcard: glamor.css({
1575
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? 'transparent' : sectionproperties.backgroundColor,
1576
+ opacity: sectionproperties.cardbg_opacity,
1577
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
1578
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
1579
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
1580
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
1581
+ paddingTop: sectionproperties.paddingTop + 'px',
1582
+ paddingBottom: sectionproperties.paddingBottom + 'px',
1583
+ paddingLeft: sectionproperties.paddingLeft + 'px',
1584
+ paddingRight: sectionproperties.paddingRight + 'px',
1585
+ boxShadow: sectionproperties.sectioncardshadow == 'Show' ? '0 0 10px ' + sectionproperties.sectioncardshadowcolor : 'none',
1586
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
1587
+ transition: '.3s',
1588
+ ':hover': {
1589
+ zIndex: 1000
1590
+ }
1591
+ }),
1592
+ productNameStyles: glamor.css({
1593
+ color: sectionproperties.prodNameColor,
1594
+ fontSize: sectionproperties.prodNameFontSize + 'px',
1595
+ textTransform: sectionproperties.prodNameTextTranform,
1596
+ fontWeight: sectionproperties.prodNameFontWeight,
1597
+ transition: '.3s',
1598
+ cursor: 'pointer',
1599
+ ':hover': {
1600
+ color: sectionproperties.prodNameColorOnHover
1601
+ }
1602
+ }),
1603
+ productDescStyles: glamor.css({
1604
+ color: sectionproperties.prodCatColor,
1605
+ fontSize: sectionproperties.prodCatFontSize + 'px',
1606
+ textTransform: sectionproperties.prodCatTextTranform,
1607
+ fontWeight: sectionproperties.prodCatFontWeight,
1608
+ transition: '.3s'
1609
+ }),
1610
+ productPricestyles: glamor.css({
1611
+ color: sectionproperties.prodPriceColor,
1612
+ fontSize: sectionproperties.prodpriceFontSize + 'px',
1613
+ fontWeight: sectionproperties.prodPriceFontWeight
1614
+ }),
1615
+ productSalePricestyles: glamor.css({
1616
+ color: sectionproperties.prodsalePriceColor,
1617
+ fontSize: sectionproperties.prodsalepriceFontSize + 'px',
1618
+ fontWeight: sectionproperties.prodsalePriceFontWeight
1619
+ }),
1620
+ producttotalstyles: glamor.css({
1621
+ color: sectionproperties.total_color,
1622
+ fontSize: sectionproperties.total_fontsize + 'px',
1623
+ fontWeight: 500
1624
+ }),
1625
+ wishlist_btn: glamor.css({
1626
+ width: sectionproperties.favBtnWidth + 'px',
1627
+ height: sectionproperties.favBtnHeight + 'px',
1628
+ background: sectionproperties.favbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColor,
1629
+ borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
1630
+ color: sectionproperties.favBtniconcolor,
1631
+ fontSize: sectionproperties.favBtnTextfontsize + 'px',
1632
+ textTransform: sectionproperties.favBtnTexttransform,
1633
+ fontWeight: sectionproperties.favBtnTextfontweight,
1634
+ transition: '.3s',
1635
+ border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
1636
+ ':hover': {
1637
+ background: sectionproperties.favbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.favBtnbgColoronhover,
1638
+ color: sectionproperties.favBtnTextcoloronhover
1639
+ }
1640
+ }),
1641
+ cart_btn: glamor.css({
1642
+ width: sectionproperties.cartBtnWidth + 'px',
1643
+ height: sectionproperties.cartBtnHeight + 'px',
1644
+ background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
1645
+ borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
1646
+ color: sectionproperties.cartBtnTextcolor,
1647
+ fontSize: sectionproperties.cartBtnTextfontsize + 'px',
1648
+ // fontSize: sectionproperties.cartBtn_iconFontSize + 'px',
1649
+ textTransform: sectionproperties.cartBtnTexttransform,
1650
+ fontWeight: sectionproperties.cartBtnTextfontweight,
1651
+ border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
1652
+ transition: '.3s',
1653
+ ':hover': {
1654
+ background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
1655
+ color: sectionproperties.cartBtnTextcoloronhover
1656
+ }
1657
+ }),
1658
+ img_container: glamor.css({
1659
+ position: 'relative',
1660
+ height: sectionproperties.prodimage_height + 'px',
1661
+ border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
1662
+ borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
1663
+ borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
1664
+ borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
1665
+ borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
1666
+ background: sectionproperties.prodimage_bgcolor
1667
+ }),
1668
+ quantitybtn: glamor.css((_css = {
1669
+ flex: 1,
1670
+ border: sectionproperties.quantitybtnborderwidth + 'px solid ' + sectionproperties.quantitybtnbordercolor,
1671
+ height: sectionproperties.quantitybtn_height + 'px'
1672
+ }, _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "display", 'flex'), _defineProperty__default["default"](_css, "flexDirection", 'row'), _defineProperty__default["default"](_css, "overflow", 'hidden'), _defineProperty__default["default"](_css, "borderRadius", sectionproperties.quantitybtn_borderradius + 'px'), _defineProperty__default["default"](_css, "background", sectionproperties.quantitybtn_bgcolor), _defineProperty__default["default"](_css, "alignItems", 'center'), _defineProperty__default["default"](_css, "justifyContent", 'center'), _defineProperty__default["default"](_css, "margin", 0), _defineProperty__default["default"](_css, "position", 'relative'), _defineProperty__default["default"](_css, "fontWeight", sectionproperties.quantitybtn_textfontweight), _defineProperty__default["default"](_css, "color", sectionproperties.quantitybtn_textcolor), _defineProperty__default["default"](_css, "fontSize", sectionproperties.quantitybtn_textfontsize + 'px'), _css)),
1673
+ quantitybtn_text: glamor.css({
1674
+ margin: 'auto'
1675
+ }),
1676
+ add_quantitybtn_icon_container: glamor.css({
1677
+ position: 'relative',
1678
+ width: sectionproperties.add_quantitybtn_width + 'px',
1679
+ height: sectionproperties.add_quantitybtn_height + 'px',
1680
+ background: sectionproperties.add_quantitybtn_bgcolor,
1681
+ display: 'flex',
1682
+ alignItems: 'center',
1683
+ justifyContent: 'center',
1684
+ borderRadius: sectionproperties.add_quantitybtn_borderradius + 'px',
1685
+ fontSize: sectionproperties.add_quantitybtn_textfontsize + 'px',
1686
+ color: sectionproperties.add_quantitybtn_textcolor,
1687
+ transition: '.3s',
1688
+ ':hover': {
1689
+ color: sectionproperties.add_quantitybtn_textcoloronhover,
1690
+ background: sectionproperties.add_quantitybtn_bgcoloronhover
1691
+ }
1692
+ }),
1693
+ minus_quantitybtn_icon_container: glamor.css({
1694
+ position: 'relative',
1695
+ width: sectionproperties.remove_quantitybtn_width + 'px',
1696
+ height: sectionproperties.remove_quantitybtn_height + 'px',
1697
+ background: sectionproperties.remove_quantitybtn_bgcolor,
1698
+ display: 'flex',
1699
+ alignItems: 'center',
1700
+ justifyContent: 'center',
1701
+ borderRadius: sectionproperties.remove_quantitybtn_borderradius + 'px',
1702
+ fontSize: sectionproperties.remove_quantitybtn_textfontsize + '25px',
1703
+ color: sectionproperties.remove_quantitybtn_textcolor,
1704
+ transition: '.3s',
1705
+ ':hover': {
1706
+ color: sectionproperties.remove_quantitybtn_textcoloronhover,
1707
+ background: sectionproperties.remove_quantitybtn_bgcoloronhover
1708
+ }
1709
+ })
1710
+ };
1711
+
1712
+ var addtocartbuttonrender = function addtocartbuttonrender() {
1713
+ if (AddtoCartMutationContext.isLoading) {
1714
+ var _AddtoCartMutationCon;
1715
+
1716
+ if ((AddtoCartMutationContext === null || AddtoCartMutationContext === void 0 ? void 0 : (_AddtoCartMutationCon = AddtoCartMutationContext.variables) === null || _AddtoCartMutationCon === void 0 ? void 0 : _AddtoCartMutationCon.productid) == item.productid) {
1717
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1718
+ className: ' d-flex align-items-center justify-content-center '
1719
+ }, /*#__PURE__*/React__default["default"].createElement(CircularProgress, {
1720
+ color: "white",
1721
+ width: "20px",
1722
+ height: "20px",
1723
+ duration: "1s"
1724
+ }));
1725
+ } else {
1726
+ return lang.addtocart;
1727
+ }
1728
+ }
1729
+
1730
+ if (!AddtoCartMutationContext.isLoading) {
1731
+ return lang.addtocart;
1732
+ }
1733
+ };
1734
+
1735
+ return /*#__PURE__*/React__default["default"].createElement("div", {
1736
+ className: "row ml-0 mr-0 w-100 mb-sm-5",
1737
+ style: {
1738
+ paddingLeft: sectionproperties.card_marginLeft + 'px',
1739
+ paddingRight: sectionproperties.card_marginRight + 'px',
1740
+ marginBottom: sectionproperties.marginBottom + 'px',
1741
+ minHeight: '370px'
1742
+ }
1743
+ }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
1744
+ className: "".concat(cardsstyles.productcard, " ").concat(cardsstyles2.productcard) + ' w-100 '
1745
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1746
+ className: "".concat(cardsstyles.card_inner)
1747
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1748
+ className: "".concat(cardsstyles.card_thumbnail)
1749
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1750
+ className: "".concat(cardsstyles.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 ',
1751
+ onClick: function onClick() {
1752
+ setShowProductInfoModalContext(true);
1753
+ setProductIdProdutInfoModalContext(item.productid);
1754
+ },
1755
+ style: {
1756
+ cursor: 'pointer',
1757
+ overflow: 'hidden'
1758
+ }
1759
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
1760
+ urlEndpoint: IKurlEndpoint,
1761
+ publicKey: IKpublicKey,
1762
+ path: '/tr:w-300,h-300/' + item.image,
1763
+ style: {
1764
+ width: '100%',
1765
+ objectFit: 'contain',
1766
+ position: 'relative',
1767
+ borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
1768
+ borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
1769
+ borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
1770
+ borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
1771
+ marginBottom: 'auto'
1772
+ },
1773
+ loading: "lazy"
1774
+ })), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1775
+ className: "".concat(cardsstyles.wishlistbtn),
1776
+ onClick: function onClick() {
1777
+ addtofavoritescontext(item.productid);
1778
+ }
1779
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
1780
+ className: " ".concat(cardsstyles2.wishlist_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center ',
1781
+ style: {
1782
+ position: 'absolute',
1783
+ top: 10,
1784
+ right: 10,
1785
+ background: item.IsFavExists == true ? sectionproperties.activebgcolor : ''
1786
+ }
1787
+ }, item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
1788
+ className: "h-100 d-flex align-items-center justify-content-center"
1789
+ }, /*#__PURE__*/React__default["default"].createElement(ai.AiFillStar, {
1790
+ size: sectionproperties.favBtnIconfontsize,
1791
+ style: {
1792
+ color: sectionproperties.activefaviconcolor
1793
+ }
1794
+ })), !item.IsFavExists && /*#__PURE__*/React__default["default"].createElement("i", {
1795
+ className: "h-100 d-flex align-items-center justify-content-center"
1796
+ }, /*#__PURE__*/React__default["default"].createElement(ai.AiFillStar, {
1797
+ size: sectionproperties.favBtnIconfontsize
1798
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
1799
+ className: "".concat(cardsstyles.product_details) + ' mb-2 '
1800
+ }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
1801
+ className: "col-lg-12",
1802
+ style: {
1803
+ minHeight: '5vh'
1804
+ }
1805
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1806
+ className: "".concat(cardsstyles2.productNameStyles) + ' m-0 p-0 wordbreak wordbreak2 ',
1807
+ style: {
1808
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1809
+ }
1810
+ }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
1811
+ className: "col-lg-12 d-flex align-items-center"
1812
+ }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
1813
+ className: "".concat(cardsstyles2.productPricestyles) + ' m-0 p-0 wordbreak ',
1814
+ style: {
1815
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1816
+ }
1817
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
1818
+ className: "".concat(cardsstyles2.productSalePricestyles) + ' linethrough mt-auto mb-0 p-0 wordbreak mr-1 ml-1 ',
1819
+ style: {
1820
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1821
+ }
1822
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))), /*#__PURE__*/React__default["default"].createElement("div", {
1823
+ className: "".concat(cardsstyles.card_informationcontainer)
1824
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
1825
+ className: "row m-0 w-100 d-flex align-items-center"
1826
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
1827
+ className: "".concat(cardsstyles2.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center '
1828
+ }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
1829
+ className: "".concat(cardsstyles2.minus_quantitybtn_icon_container) + ' m-1 ',
1830
+ style: {
1831
+ transform: ' rotate(-180deg)'
1832
+ },
1833
+ onClick: function onClick() {
1834
+ if (item.hasvariants == 0) {
1835
+ updatequantity('remove');
1836
+ } else {
1837
+ setShowProductInfoModalContext(true);
1838
+ setProductIdProdutInfoModalContext(item.productid);
1839
+ }
1840
+ }
1841
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1842
+ className: "fa fa-chevron-up font-12"
1843
+ })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
1844
+ className: "".concat(cardsstyles2.add_quantitybtn_icon_container) + ' m-1 ',
1845
+ onClick: function onClick() {
1846
+ updatequantity('add');
1847
+ }
1848
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1849
+ className: "fa fa-chevron-up font-12"
1850
+ })), /*#__PURE__*/React__default["default"].createElement("span", {
1851
+ className: "".concat(cardsstyles2.quantitybtn_text) + ' d-flex align-items-center justify-content-center '
1852
+ }, item.quantity), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
1853
+ className: "".concat(cardsstyles2.minus_quantitybtn_icon_container) + ' m-1 ',
1854
+ style: {
1855
+ transform: ' rotate(-180deg)'
1856
+ },
1857
+ onClick: function onClick() {
1858
+ updatequantity('remove');
1859
+ }
1860
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1861
+ className: "fa fa-chevron-up font-12"
1862
+ })), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
1863
+ className: "".concat(cardsstyles2.add_quantitybtn_icon_container) + ' m-1 ',
1864
+ onClick: function onClick() {
1865
+ if (item.hasvariants == 0) {
1866
+ updatequantity('add');
1867
+ } else {
1868
+ setShowProductInfoModalContext(true);
1869
+ setProductIdProdutInfoModalContext(item.productid);
1870
+ }
1871
+ }
1872
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1873
+ className: "fa fa-chevron-up font-12"
1874
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
1875
+ className: "d-flex justify-content-start pl-2 pr-2",
1876
+ style: {
1877
+ flex: 1
1878
+ }
1879
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
1880
+ className: "".concat(cardsstyles2.producttotalstyles) + ' mb-0 ',
1881
+ style: {
1882
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1883
+ }
1884
+ }, lang.total, ": ", /*#__PURE__*/React__default["default"].createElement("br", null), /*#__PURE__*/React__default["default"].createElement("span", {
1885
+ style: {
1886
+ color: sectionproperties.total_secondaryColor,
1887
+ fontWeight: sectionproperties.total_fontweight,
1888
+ textAlign: langdetect == 'en' ? 'left' : 'right'
1889
+ }
1890
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.hassale == 1 ? item.quantity * item.defaultsaleprice : item.quantity * item.defaultprice, ' ', langdetect == 'en' ? '' : 'ج.م')))), /*#__PURE__*/React__default["default"].createElement("div", {
1891
+ className: "col-lg-12 d-flex align-items-center justify-content-center p-0 mb-2 mt-2"
1892
+ }, sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
1893
+ className: "".concat(cardsstyles2.cart_btn) + ' font-md-13 m-0 p-0 d-flex align-items-center justify-content-center cursor-pointer ',
1894
+ onClick: function onClick() {
1895
+ if (item.hasvariants == 0) {
1896
+ addtocartfunc();
1897
+ } else {
1898
+ setShowProductInfoModalContext(true);
1899
+ setProductIdProdutInfoModalContext(item.productid);
1900
+ }
1901
+ },
1902
+ disabled: AddtoCartMutationContext.isLoading
1903
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
1904
+ className: langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'
1905
+ }, /*#__PURE__*/React__default["default"].createElement(fi.FiShoppingCart, {
1906
+ size: sectionproperties.cartBtn_iconFontSize
1907
+ })), addtocartbuttonrender()))))));
1908
+ };
1909
+
1910
+ var cardstyles = {"categoryCard":"Categorycard3-module_categoryCard__eWObH"};
1911
+
1912
+ 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; }
1913
+
1914
+ 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; }
1915
+
1916
+ var Categorycard_with_twolinestransition = function Categorycard_with_twolinestransition(props) {
1917
+ var _css;
1918
+
1919
+ // const { lang, setlang, langdetect } = useContext(LanguageContext);
1920
+ // const { fetch_inst_tabex_websitetemplatesQueryContext, sectionindexcontext, pageindexcontext, StatePagePropertiesContext } = React.useContext(WebsiteDesignWorkPlaceContext);
1921
+ // const { routingcountext, StaticPagesLinksContext } = useContext(TemplateRoutingContext);
1922
+ var _useState = React.useState(''),
1923
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
1924
+ sectionproperties = _useState2[0],
1925
+ setsectionproperties = _useState2[1];
1926
+
1927
+ var _useState3 = React.useState(props.cardinfoitemprops),
1928
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
1929
+ item = _useState4[0];
1930
+ _useState4[1];
1931
+
1932
+ var _useState5 = React.useState(props.cardinfoindexprops),
1933
+ _useState6 = _slicedToArray__default["default"](_useState5, 2);
1934
+ _useState6[0];
1935
+ _useState6[1];
1936
+
1937
+ var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
1938
+ props.actions.lang;
1939
+ var langdetect = props.actions.langdetect;
1940
+ React.useEffect(function () {
1941
+ if (props.srcfrom == 'addsectionform') {
1942
+ var secpropobj = {};
1943
+ props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
1944
+ secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
1945
+ });
1946
+ setsectionproperties(_objectSpread({}, secpropobj));
1947
+ } else {
1948
+ var secpropobj = {};
1949
+ StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
1950
+ if (sectionitem.sectionid == props.sectionidprops) {
1951
+ sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
1952
+ secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
1953
+ });
1954
+ }
1955
+ });
1956
+ setsectionproperties(_objectSpread({}, secpropobj));
1957
+ }
1958
+ }, [StatePagePropertiesContext]);
1959
+
1960
+ var plainString = function plainString(html) {
1961
+ var divContainer = document.createElement('div');
1962
+ divContainer.innerHTML = html;
1963
+ return divContainer.textContent || divContainer.innerText || '';
1964
+ };
1965
+
1966
+ var categorycard_cssstyles = {
1967
+ categoryCard: glamor.css((_css = {
1968
+ background: sectionproperties.backgroundColortransparent == 'Transparent' ? sectionproperties.backgroundColor : '',
1969
+ border: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor,
1970
+ height: sectionproperties.height + 'px',
1971
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
1972
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
1973
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
1974
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
1975
+ }, _defineProperty__default["default"](_css, "border", sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor), _defineProperty__default["default"](_css, "marginTop", sectionproperties.marginTop + 'px'), _defineProperty__default["default"](_css, "marginBottom", sectionproperties.marginBottom + 'px'), _defineProperty__default["default"](_css, "paddingLeft", sectionproperties.paddingLeft + 'px'), _defineProperty__default["default"](_css, "paddingRight", sectionproperties.paddingRight + 'px'), _defineProperty__default["default"](_css, "paddingTop", sectionproperties.paddingTop + 'px'), _defineProperty__default["default"](_css, "paddingBottom", sectionproperties.paddingBottom + 'px'), _defineProperty__default["default"](_css, "transition", '0.3s'), _defineProperty__default["default"](_css, "cursor", 'pointer'), _defineProperty__default["default"](_css, ':after', {
1976
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
1977
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
1978
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
1979
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
1980
+ content: 's',
1981
+ fontSize: 0,
1982
+ position: 'absolute',
1983
+ top: 0,
1984
+ bottom: 0,
1985
+ left: 0,
1986
+ width: '100%',
1987
+ height: '100%',
1988
+ zIndex: 1,
1989
+ transition: ' 0.3s',
1990
+ background: sectionproperties.transitionbg_color,
1991
+ opacity: sectionproperties.cardtransition_opacity
1992
+ }), _defineProperty__default["default"](_css, ':hover:after', {
1993
+ opacity: sectionproperties.cardtransitionbgopacityonhover
1994
+ }), _css)),
1995
+ caption: glamor.css({
1996
+ zIndex: 2,
1997
+ ':before': {
1998
+ borderTop: sectionproperties.bordertransitionbg_colorwidth + 'px solid ' + sectionproperties.bordertransitionbg_color,
1999
+ borderBottom: sectionproperties.bordertransitionbg_colorwidth + 'px solid ' + sectionproperties.bordertransitionbg_color,
2000
+ opacity: sectionproperties.bordertransitionopacityonhover
2001
+ }
2002
+ }),
2003
+ categorycardtext: glamor.css({
2004
+ fontSize: sectionproperties.generaltext_fontSize + 'px',
2005
+ color: sectionproperties.generaltext_fontColor,
2006
+ textTransform: sectionproperties.generaltext_textTransform,
2007
+ fontWeight: sectionproperties.generaltext_fontWeight,
2008
+ opacity: 1,
2009
+ transitionDelay: '0.3s'
2010
+ }),
2011
+ categorydescription: glamor.css({
2012
+ fontSize: sectionproperties.prodCatFontSize + 'px',
2013
+ color: sectionproperties.prodCatColor,
2014
+ fontWeight: sectionproperties.prodCatFontWeight,
2015
+ opacity: 1,
2016
+ transitionDelay: '0.3s'
2017
+ }),
2018
+ cardbtn: glamor.css({
2019
+ transition: '0.3s',
2020
+ color: sectionproperties.generalbtn_textColor,
2021
+ fontSize: sectionproperties.generalbtn_fontsize + 'px',
2022
+ height: sectionproperties.generalbtn_height + 'px',
2023
+ width: sectionproperties.generalbtn_width + 'px',
2024
+ background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
2025
+ borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
2026
+ borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
2027
+ borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
2028
+ borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
2029
+ fontWeight: sectionproperties.generalbtn_fontweight,
2030
+ zIndex: 100,
2031
+ ':hover': {
2032
+ background: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover,
2033
+ color: sectionproperties.generalbtn_textColoronhover
2034
+ }
2035
+ })
2036
+ };
2037
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2038
+ className: "row m-0 w-100",
2039
+ style: {
2040
+ paddingLeft: sectionproperties.card_marginLeft + 'px',
2041
+ paddingRight: sectionproperties.card_marginRight + 'px'
2042
+ }
2043
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2044
+ className: "".concat(categorycard_cssstyles.categoryCard, " ").concat(cardstyles.categoryCard) + ' col-lg-12 ',
2045
+ onClick: function onClick() {
2046
+ if (props.fetchingtypeprops == 'collections') {
2047
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
2048
+ }
2049
+ }
2050
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
2051
+ urlEndpoint: IKurlEndpoint,
2052
+ publicKey: IKpublicKey,
2053
+ path: item.image,
2054
+ loading: "lazy",
2055
+ style: {
2056
+ height: '100%',
2057
+ width: '100%',
2058
+ objectFit: 'cover'
2059
+ }
2060
+ }), /*#__PURE__*/React__default["default"].createElement("figcaption", {
2061
+ className: "".concat(categorycard_cssstyles.caption) + ' row w-100 m-0 d-flex align-items-center justify-content-center ',
2062
+ style: {
2063
+ position: 'absolute',
2064
+ top: 0,
2065
+ left: 0
2066
+ }
2067
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2068
+ clas: "col-lg-12 m-0 d-flex align-items-center justify-content-start w-100 h-100 ",
2069
+ style: {
2070
+ width: '100%',
2071
+ height: '100%'
2072
+ }
2073
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2074
+ className: "row m-0 w-100 h-100",
2075
+ style: {
2076
+ position: 'relative',
2077
+ height: '100%'
2078
+ }
2079
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2080
+ className: "col-lg-12 d-flex justify-content-center align-items-center flex-column"
2081
+ }, sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
2082
+ className: "".concat(categorycard_cssstyles.categorycardtext) + ' m-0 p-0 text-center '
2083
+ }, item.name), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
2084
+ className: "".concat(categorycard_cssstyles.categorydescription) + ' PacificoFont m-0 p-0 text-center '
2085
+ }, plainString(item.description)), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
2086
+ className: "".concat(categorycard_cssstyles.cardbtn, " "),
2087
+ onClick: function onClick() {
2088
+ if (props.fetchingtypeprops == 'collections') {
2089
+ routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, item.collectionid);
2090
+ }
2091
+ }
2092
+ }, langdetect == 'en' ? sectionproperties.slideshow_btn_text : sectionproperties.slideshow_btn_text_ar)))))));
2093
+ };
2094
+
2095
+ var returnLibrary = function returnLibrary() {
2096
+ return {
2097
+ AwesomeButton: AwesomeButton,
2098
+ Header8: Header8,
2099
+ CardsSection: CardsSection,
2100
+ Categorycard_with_twolinestransition: Categorycard_with_twolinestransition,
2101
+ Productcard_with_zoominonhover: Productcard_with_zoominonhover
2102
+ };
2103
+ };
2104
+
2105
+ var index = returnLibrary();
2106
+
2107
+ return index;
840
2108
 
841
2109
  }));