tabexseriescomponents 0.0.9 → 0.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/index.cjs.css +807 -2
  2. package/dist/index.cjs.js +1 -1
  3. package/dist/index.esm.css +807 -2
  4. package/dist/index.esm.js +1 -1
  5. package/package.json +1 -1
  6. package/dist/index.cjs.css.map +0 -1
  7. package/dist/index.esm.css.map +0 -1
  8. package/dist/index.umd.css +0 -2
  9. package/dist/index.umd.css.map +0 -1
  10. package/dist/index.umd.js +0 -2109
package/dist/index.umd.js DELETED
@@ -1,2109 +0,0 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/toConsumableArray'), require('@babel/runtime/helpers/defineProperty'), require('react-router-dom'), require('glamor'), require('react-bootstrap/Dropdown'), require('react-icons/ai'), require('react-icons/cg'), require('react-icons/bi'), require('react-icons/fi'), require('react-icons/md'), require('imagekitio-react'), require('react-icons/bs'), require('react-icons/hi'), 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;
2108
-
2109
- }));