tabexseriescomponents 0.0.671 → 0.0.673

package/dist/index.cjs.js

@@ -58481,7 +58481,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
 function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DynamicForm = function DynamicForm(props) {
-  var _css, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
+  var _css, _css2, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -58636,16 +58636,22 @@ var DynamicForm = function DynamicForm(props) {
       type = 'number';
     } else if (item.type == 'text') {
       type = 'text';
+    } else if (item.type == 'phone number') {
+      type = 'phonenumber';
     }
     if (item.type == 'date') {
       return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 text-start mb-2"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": form_cssstyles.formlabel + ' m-0 p-0 ',
         style: {}
-      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), sectionproperties.datestartdate == 'Today' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+        "class": "text-danger"
+      }, item.isrequired == 1 ? '*' : ''))), sectionproperties.datestartdate == 'Today' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 text-start"
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: type,
@@ -58664,16 +58670,20 @@ var DynamicForm = function DynamicForm(props) {
           updateformfield(event.target.value, index);
         },
         className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-      })));
+      }))));
     } else {
       return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 mb-3"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 text-start mb-2"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": form_cssstyles.formlabel + ' m-0 p-0 ',
         style: {}
-      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+        "class": "text-danger"
+      }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 text-start"
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: type,
@@ -58682,18 +58692,57 @@ var DynamicForm = function DynamicForm(props) {
           updateformfield(event.target.value, index);
         },
         className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-      })));
+      }))));
     }
   };
+  var phonenumber = function phonenumber(item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 mb-3"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 text-start mb-2 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": form_cssstyles.formlabel + ' m-0 p-0 ',
+      style: {}
+    }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+      "class": "text-danger"
+    }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement(PhoneInput__default["default"], {
+      className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control),
+      country: 'eg',
+      enableSearch: true,
+      autoFormat: true,
+      value: item.value,
+      inputStyle: {
+        color: sectionproperties.inputfieldcolor
+      },
+      onChange: function onChange(event, country) {
+        updateformfield(event, index);
+        // var temp = { ...payloadobj };
+        // temp.mobile = event;
+        // temp.countrydialcode = country.dialCode;
+        // setpayloadobj({ ...temp });
+      },
+
+      style: {
+        direction: 'ltr',
+        color: sectionproperties.inputfieldcolor
+      }
+    })));
+  };
   var textareaitem = function textareaitem(item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": 'col-md-12 col-lg-12'
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100 mb-3"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 text-start mb-2"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": form_cssstyles.formlabel + ' m-0 p-0 ',
       style: {}
-    }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+      "class": "text-danger"
+    }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 text-start"
     }, /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
       value: item.value,
@@ -58701,7 +58750,7 @@ var DynamicForm = function DynamicForm(props) {
         updateformfield(event.target.value, index);
       },
       className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-    })));
+    }))));
   };
   var selectboxitem = function selectboxitem(item, index) {
     var itemsarr = item.selectboxvalues;
@@ -58709,13 +58758,17 @@ var DynamicForm = function DynamicForm(props) {
       var decoditems = JSON.parse(itemsarr);
       if (decoditems != undefined && Array.isArray(decoditems)) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100 mb-3"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 text-start mb-2"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": form_cssstyles.formlabel + ' m-0 p-0 ',
           style: {}
-        }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+          "class": "text-danger"
+        }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 text-start"
         }, /*#__PURE__*/React__default["default"].createElement("select", {
           value: item.value,
@@ -58729,7 +58782,7 @@ var DynamicForm = function DynamicForm(props) {
           return /*#__PURE__*/React__default["default"].createElement("option", {
             value: sitem.optionname_en
           }, langdetect == 'en' ? sitem.optionname_en : sitem.optionname_ar);
-        }))));
+        })))));
       }
     }
   };
@@ -58748,20 +58801,19 @@ var DynamicForm = function DynamicForm(props) {
       boxShadow: 'none',
       transition: '.3s'
     }), _css)),
-    generalbtn: glamor.css({
+    generalbtn: glamor.css((_css2 = {
       width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       backgroundColor: sectionproperties.generalbtn_bgColor,
       borderRadius: sectionproperties.generalbtn_bgColor,
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize,
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      ':hover': {
-        transition: '.3s',
-        color: sectionproperties.generalbtn_textColoronhover,
-        backgroundColor: sectionproperties.generalbtn_bgColoronhover
-      }
-    }),
+      fontWeight: sectionproperties.generalbtn_fontweight
+    }, _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), _defineProperty__default["default"](_css2, ':hover', {
+      transition: '.3s',
+      color: sectionproperties.generalbtn_textColoronhover,
+      backgroundColor: sectionproperties.generalbtn_bgColoronhover
+    }), _css2)),
     btnLeft: glamor.css({
       width: 40,
       height: 40,
@@ -58976,6 +59028,8 @@ var DynamicForm = function DynamicForm(props) {
   }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields5 = dynamicform.fields) === null || _dynamicform$fields5 === void 0 ? void 0 : _dynamicform$fields5.map(function (item, index) {
     if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
       return inputitem(item, index);
+    } else if (item.type == 'phone number') {
+      return phonenumber(item, index);
     } else if (item.type == 'textarea') {
       return textareaitem(item, index);
     } else if (item.type == 'selectbox') {
@@ -59021,14 +59075,19 @@ var DynamicForm = function DynamicForm(props) {
     "class": "",
     color: '#fff'
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 allcentered my-4 py-4"
+    "class": "row m-0 w-100 py-4",
+    style: {
+      background: sectionproperties.popupbackgroundcolor
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered py-4"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0",
     style: {
       fontSize: 20,
-      color: '#000'
+      color: sectionproperties.popuptextcolor
     }
-  }, confirmationtext))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
+  }, confirmationtext)))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
 };
 
 function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/dist/index.esm.js

@@ -58432,7 +58432,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
 function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DynamicForm = function DynamicForm(props) {
-  var _css, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
+  var _css, _css2, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -58587,16 +58587,22 @@ var DynamicForm = function DynamicForm(props) {
       type = 'number';
     } else if (item.type == 'text') {
       type = 'text';
+    } else if (item.type == 'phone number') {
+      type = 'phonenumber';
     }
     if (item.type == 'date') {
       return /*#__PURE__*/React.createElement("div", {
+        "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+      }, /*#__PURE__*/React.createElement("div", {
         "class": "row m-0 w-100 mb-3"
       }, /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-12 text-start mb-2"
       }, /*#__PURE__*/React.createElement("p", {
         "class": form_cssstyles.formlabel + ' m-0 p-0 ',
         style: {}
-      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), sectionproperties.datestartdate == 'Today' && /*#__PURE__*/React.createElement("div", {
+      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React.createElement("sup", {
+        "class": "text-danger"
+      }, item.isrequired == 1 ? '*' : ''))), sectionproperties.datestartdate == 'Today' && /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-12 text-start"
       }, /*#__PURE__*/React.createElement("input", {
         type: type,
@@ -58615,16 +58621,20 @@ var DynamicForm = function DynamicForm(props) {
           updateformfield(event.target.value, index);
         },
         className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-      })));
+      }))));
     } else {
       return /*#__PURE__*/React.createElement("div", {
+        "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+      }, /*#__PURE__*/React.createElement("div", {
         "class": "row m-0 w-100 mb-3"
       }, /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-12 text-start mb-2"
       }, /*#__PURE__*/React.createElement("p", {
         "class": form_cssstyles.formlabel + ' m-0 p-0 ',
         style: {}
-      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React.createElement("div", {
+      }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React.createElement("sup", {
+        "class": "text-danger"
+      }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-12 text-start"
       }, /*#__PURE__*/React.createElement("input", {
         type: type,
@@ -58633,18 +58643,57 @@ var DynamicForm = function DynamicForm(props) {
           updateformfield(event.target.value, index);
         },
         className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-      })));
+      }))));
     }
   };
+  var phonenumber = function phonenumber(item, index) {
+    return /*#__PURE__*/React.createElement("div", {
+      "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100 mb-3"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 text-start mb-2 p-0"
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": form_cssstyles.formlabel + ' m-0 p-0 ',
+      style: {}
+    }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React.createElement("sup", {
+      "class": "text-danger"
+    }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React.createElement(PhoneInput, {
+      className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control),
+      country: 'eg',
+      enableSearch: true,
+      autoFormat: true,
+      value: item.value,
+      inputStyle: {
+        color: sectionproperties.inputfieldcolor
+      },
+      onChange: function onChange(event, country) {
+        updateformfield(event, index);
+        // var temp = { ...payloadobj };
+        // temp.mobile = event;
+        // temp.countrydialcode = country.dialCode;
+        // setpayloadobj({ ...temp });
+      },
+
+      style: {
+        direction: 'ltr',
+        color: sectionproperties.inputfieldcolor
+      }
+    })));
+  };
   var textareaitem = function textareaitem(item, index) {
     return /*#__PURE__*/React.createElement("div", {
+      "class": 'col-md-12 col-lg-12'
+    }, /*#__PURE__*/React.createElement("div", {
       "class": "row m-0 w-100 mb-3"
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 text-start mb-2"
     }, /*#__PURE__*/React.createElement("p", {
       "class": form_cssstyles.formlabel + ' m-0 p-0 ',
       style: {}
-    }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React.createElement("sup", {
+      "class": "text-danger"
+    }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 text-start"
     }, /*#__PURE__*/React.createElement(TextareaAutosize, {
       value: item.value,
@@ -58652,7 +58701,7 @@ var DynamicForm = function DynamicForm(props) {
         updateformfield(event.target.value, index);
       },
       className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-    })));
+    }))));
   };
   var selectboxitem = function selectboxitem(item, index) {
     var itemsarr = item.selectboxvalues;
@@ -58660,13 +58709,17 @@ var DynamicForm = function DynamicForm(props) {
       var decoditems = JSON.parse(itemsarr);
       if (decoditems != undefined && Array.isArray(decoditems)) {
         return /*#__PURE__*/React.createElement("div", {
+          "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+        }, /*#__PURE__*/React.createElement("div", {
           "class": "row m-0 w-100 mb-3"
         }, /*#__PURE__*/React.createElement("div", {
           "class": "col-lg-12 text-start mb-2"
         }, /*#__PURE__*/React.createElement("p", {
           "class": form_cssstyles.formlabel + ' m-0 p-0 ',
           style: {}
-        }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React.createElement("div", {
+        }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React.createElement("sup", {
+          "class": "text-danger"
+        }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React.createElement("div", {
           "class": "col-lg-12 text-start"
         }, /*#__PURE__*/React.createElement("select", {
           value: item.value,
@@ -58680,7 +58733,7 @@ var DynamicForm = function DynamicForm(props) {
           return /*#__PURE__*/React.createElement("option", {
             value: sitem.optionname_en
           }, langdetect == 'en' ? sitem.optionname_en : sitem.optionname_ar);
-        }))));
+        })))));
       }
     }
   };
@@ -58699,20 +58752,19 @@ var DynamicForm = function DynamicForm(props) {
       boxShadow: 'none',
       transition: '.3s'
     }), _css)),
-    generalbtn: css({
+    generalbtn: css((_css2 = {
       width: sectionproperties.generalbtn_width + '%',
       height: sectionproperties.generalbtn_height + 'px',
       backgroundColor: sectionproperties.generalbtn_bgColor,
       borderRadius: sectionproperties.generalbtn_bgColor,
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize,
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      ':hover': {
-        transition: '.3s',
-        color: sectionproperties.generalbtn_textColoronhover,
-        backgroundColor: sectionproperties.generalbtn_bgColoronhover
-      }
-    }),
+      fontWeight: sectionproperties.generalbtn_fontweight
+    }, _defineProperty(_css2, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), _defineProperty(_css2, ':hover', {
+      transition: '.3s',
+      color: sectionproperties.generalbtn_textColoronhover,
+      backgroundColor: sectionproperties.generalbtn_bgColoronhover
+    }), _css2)),
     btnLeft: css({
       width: 40,
       height: 40,
@@ -58927,6 +58979,8 @@ var DynamicForm = function DynamicForm(props) {
   }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields5 = dynamicform.fields) === null || _dynamicform$fields5 === void 0 ? void 0 : _dynamicform$fields5.map(function (item, index) {
     if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
       return inputitem(item, index);
+    } else if (item.type == 'phone number') {
+      return phonenumber(item, index);
     } else if (item.type == 'textarea') {
       return textareaitem(item, index);
     } else if (item.type == 'selectbox') {
@@ -58972,14 +59026,19 @@ var DynamicForm = function DynamicForm(props) {
     "class": "",
     color: '#fff'
   }))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 allcentered my-4 py-4"
+    "class": "row m-0 w-100 py-4",
+    style: {
+      background: sectionproperties.popupbackgroundcolor
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 allcentered py-4"
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
     style: {
       fontSize: 20,
-      color: '#000'
+      color: sectionproperties.popuptextcolor
     }
-  }, confirmationtext))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
+  }, confirmationtext)))), /*#__PURE__*/React.createElement(Modal.Footer, null)));
 };
 
 function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/dist/index.umd.js

@@ -58305,7 +58305,7 @@
     function ownKeys$10(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$10(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$10(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$10(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var DynamicForm = function DynamicForm(props) {
-      var _css, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
+      var _css, _css2, _dynamicform$fields, _dynamicform$fields2, _dynamicform$fields3, _dynamicform$fields4, _dynamicform$fields5;
       props.actions.lang;
       var langdetect = props.actions.langdetect;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -58460,16 +58460,22 @@
           type = 'number';
         } else if (item.type == 'text') {
           type = 'text';
+        } else if (item.type == 'phone number') {
+          type = 'phonenumber';
         }
         if (item.type == 'date') {
           return /*#__PURE__*/React__default["default"].createElement("div", {
+            "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "row m-0 w-100 mb-3"
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "col-lg-12 text-start mb-2"
           }, /*#__PURE__*/React__default["default"].createElement("p", {
             "class": form_cssstyles.formlabel + ' m-0 p-0 ',
             style: {}
-          }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), sectionproperties.datestartdate == 'Today' && /*#__PURE__*/React__default["default"].createElement("div", {
+          }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+            "class": "text-danger"
+          }, item.isrequired == 1 ? '*' : ''))), sectionproperties.datestartdate == 'Today' && /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "col-lg-12 text-start"
           }, /*#__PURE__*/React__default["default"].createElement("input", {
             type: type,
@@ -58488,16 +58494,20 @@
               updateformfield(event.target.value, index);
             },
             className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-          })));
+          }))));
         } else {
           return /*#__PURE__*/React__default["default"].createElement("div", {
+            "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "row m-0 w-100 mb-3"
           }, /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "col-lg-12 text-start mb-2"
           }, /*#__PURE__*/React__default["default"].createElement("p", {
             "class": form_cssstyles.formlabel + ' m-0 p-0 ',
             style: {}
-          }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React__default["default"].createElement("div", {
+          }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+            "class": "text-danger"
+          }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement("div", {
             "class": "col-lg-12 text-start"
           }, /*#__PURE__*/React__default["default"].createElement("input", {
             type: type,
@@ -58506,18 +58516,57 @@
               updateformfield(event.target.value, index);
             },
             className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-          })));
+          }))));
         }
       };
+      var phonenumber = function phonenumber(item, index) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100 mb-3"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 text-start mb-2 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": form_cssstyles.formlabel + ' m-0 p-0 ',
+          style: {}
+        }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+          "class": "text-danger"
+        }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement(PhoneInput__default["default"], {
+          className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control),
+          country: 'eg',
+          enableSearch: true,
+          autoFormat: true,
+          value: item.value,
+          inputStyle: {
+            color: sectionproperties.inputfieldcolor
+          },
+          onChange: function onChange(event, country) {
+            updateformfield(event, index);
+            // var temp = { ...payloadobj };
+            // temp.mobile = event;
+            // temp.countrydialcode = country.dialCode;
+            // setpayloadobj({ ...temp });
+          },
+
+          style: {
+            direction: 'ltr',
+            color: sectionproperties.inputfieldcolor
+          }
+        })));
+      };
       var textareaitem = function textareaitem(item, index) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": 'col-md-12 col-lg-12'
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "row m-0 w-100 mb-3"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 text-start mb-2"
         }, /*#__PURE__*/React__default["default"].createElement("p", {
           "class": form_cssstyles.formlabel + ' m-0 p-0 ',
           style: {}
-        }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+          "class": "text-danger"
+        }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 text-start"
         }, /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
           value: item.value,
@@ -58525,7 +58574,7 @@
             updateformfield(event.target.value, index);
           },
           className: "".concat(formstyles.form_control, " ").concat(form_cssstyles.form_control)
-        })));
+        }))));
       };
       var selectboxitem = function selectboxitem(item, index) {
         var itemsarr = item.selectboxvalues;
@@ -58533,13 +58582,17 @@
           var decoditems = JSON.parse(itemsarr);
           if (decoditems != undefined && Array.isArray(decoditems)) {
             return /*#__PURE__*/React__default["default"].createElement("div", {
+              "class": 'col-md-12 col-lg-' + sectionproperties.numberofcolsperrow
+            }, /*#__PURE__*/React__default["default"].createElement("div", {
               "class": "row m-0 w-100 mb-3"
             }, /*#__PURE__*/React__default["default"].createElement("div", {
               "class": "col-lg-12 text-start mb-2"
             }, /*#__PURE__*/React__default["default"].createElement("p", {
               "class": form_cssstyles.formlabel + ' m-0 p-0 ',
               style: {}
-            }, langdetect == 'en' ? item.title_en : item.title_ar, " ", item.isrequired == 1 ? '*' : '')), /*#__PURE__*/React__default["default"].createElement("div", {
+            }, langdetect == 'en' ? item.title_en : item.title_ar, " ", /*#__PURE__*/React__default["default"].createElement("sup", {
+              "class": "text-danger"
+            }, item.isrequired == 1 ? '*' : ''))), /*#__PURE__*/React__default["default"].createElement("div", {
               "class": "col-lg-12 text-start"
             }, /*#__PURE__*/React__default["default"].createElement("select", {
               value: item.value,
@@ -58553,7 +58606,7 @@
               return /*#__PURE__*/React__default["default"].createElement("option", {
                 value: sitem.optionname_en
               }, langdetect == 'en' ? sitem.optionname_en : sitem.optionname_ar);
-            }))));
+            })))));
           }
         }
       };
@@ -58572,20 +58625,19 @@
           boxShadow: 'none',
           transition: '.3s'
         }), _css)),
-        generalbtn: glamor.css({
+        generalbtn: glamor.css((_css2 = {
           width: sectionproperties.generalbtn_width + '%',
           height: sectionproperties.generalbtn_height + 'px',
           backgroundColor: sectionproperties.generalbtn_bgColor,
           borderRadius: sectionproperties.generalbtn_bgColor,
           color: sectionproperties.generalbtn_textColor,
           fontSize: sectionproperties.generalbtn_fontsize,
-          fontWeight: sectionproperties.generalbtn_fontweight,
-          ':hover': {
-            transition: '.3s',
-            color: sectionproperties.generalbtn_textColoronhover,
-            backgroundColor: sectionproperties.generalbtn_bgColoronhover
-          }
-        }),
+          fontWeight: sectionproperties.generalbtn_fontweight
+        }, _defineProperty__default["default"](_css2, "borderRadius", sectionproperties.generalbtnborderradius + 'px'), _defineProperty__default["default"](_css2, ':hover', {
+          transition: '.3s',
+          color: sectionproperties.generalbtn_textColoronhover,
+          backgroundColor: sectionproperties.generalbtn_bgColoronhover
+        }), _css2)),
         btnLeft: glamor.css({
           width: 40,
           height: 40,
@@ -58800,6 +58852,8 @@
       }, dynamicform === null || dynamicform === void 0 || (_dynamicform$fields5 = dynamicform.fields) === null || _dynamicform$fields5 === void 0 ? void 0 : _dynamicform$fields5.map(function (item, index) {
         if (item.type == 'text' || item.type == 'date' || item.type == 'number') {
           return inputitem(item, index);
+        } else if (item.type == 'phone number') {
+          return phonenumber(item, index);
         } else if (item.type == 'textarea') {
           return textareaitem(item, index);
         } else if (item.type == 'selectbox') {
@@ -58845,14 +58899,19 @@
         "class": "",
         color: '#fff'
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 allcentered my-4 py-4"
+        "class": "row m-0 w-100 py-4",
+        style: {
+          background: sectionproperties.popupbackgroundcolor
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 allcentered py-4"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "m-0 p-0",
         style: {
           fontSize: 20,
-          color: '#000'
+          color: sectionproperties.popuptextcolor
         }
-      }, confirmationtext))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
+      }, confirmationtext)))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
     };
 
     function ownKeys$$(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.671",
+    "version": "0.0.673",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {

package/srcoman/TabexComponents/Sections/BackgroundImages/BackgroundImageWithTopContent/BackgroundImageWithTopContent.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
 import '../../../../styles/sections/BackgroundImageWithTopContent.css';
 import Select from 'react-select';
-import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../../StylesJS/Customstyles.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 import InputRange from 'react-input-range';
 import CustomerAddressForm from '../../../StaticPages/Signup/CustomerAddressForm.jsx';

package/srcoman/TabexComponents/Sections/BackgroundImages/Backgroundimage_with_toppill/Backgroundimage_with_toppill.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
-import { serverbaselink } from '../../../../../Env';
+import { serverbaselink } from '../../../../../Env.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
 const Backgroundimage_with_toppill = (props) => {

package/srcoman/TabexComponents/Sections/BackgroundImages/BackgroundimageandTextsection/BackgroundimageandTextsection.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
-import { serverbaselink } from '../../../../../Env';
+import { serverbaselink } from '../../../../../Env.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
 const BackgroundimageandTextsection = (props) => {

package/srcoman/TabexComponents/Sections/BackgroundImages/CollapsableSection/CollapsableSection.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
-import generalstyles from '../../../../styles/general//general.module.css';
+import generalstyles from '../../../../styles/general/general.module.css';
 import { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemPanel, AccordionItemState } from 'react-accessible-accordion';
 import { HiOutlinePlus } from '@react-icons/all-files/hi/HiOutlinePlus';
 import { AiOutlineMinus } from '@react-icons/all-files/ai/AiOutlineMinus';

package/srcoman/TabexComponents/Sections/BackgroundImages/Filterwithcategoriespcoll/Filterwithcategoriespcoll.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
 import '../../../../styles/sections/BackgroundImageWithTopContent.css';
 import Select from 'react-select';
-import { defaultstyles, defaultstylestranslated } from '../../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated } from '../../../../StylesJS/Customstyles.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 import InputRange from 'react-input-range';
 import CustomerAddressForm from '../../../StaticPages/Signup/CustomerAddressForm.jsx';

package/srcoman/TabexComponents/Sections/BackgroundImages/Section_with_rightbgcont/Section_with_rightbgcont.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
-import { serverbaselink } from '../../../../../Env';
+import { serverbaselink } from '../../../../../Env.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
 const Section_with_rightbgcont = (props) => {

package/srcoman/TabexComponents/Sections/Slideshow/Freetextsection/Freetextsection.jsx

@@ -4,7 +4,7 @@ import generalstyles from '../../../../styles/general/general.module.css';
 import sectionstyles from '../../../../styles/sections/Freetext.module.css';
 
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
-import { serverbaselink } from '../../../../../Env';
+import { serverbaselink } from '../../../../../Env.js';
 const Freetextsection = (props) => {
     const [sectionproperties, setsectionproperties] = useState('');
     const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;

package/srcoman/TabexComponents/Sections/Slideshow/Servicesection/Servicesection.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState, useContext } from 'react';
 import { css } from 'glamor';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
-import generalstyles from '../../../../styles/general//general.module.css';
+import generalstyles from '../../../../styles/general/general.module.css';
 
 const Servicesection = (props) => {
     const [sectionproperties, setsectionproperties] = useState('');

package/srcoman/TabexComponents/Sections/Slideshow/Slideshowdifferentanimations/Slideshowdifferentanimations.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState, useContext } from 'react';
 import BackgroundSlideshow from 'react-background-slideshow';
 import { css } from 'glamor';
-import { serverbaselink } from '../../../../../Env';
+import { serverbaselink } from '../../../../../Env.js';
 import { Imagekitimagecomp } from '../../../../Imagekitconfig.jsx';
 
 const Slideshowdifferentanimations = (props) => {

package/srcoman/TabexComponents/StaticPages/Checkout/Checkout.jsx

@@ -4,7 +4,7 @@ import TextareaAutosize from 'react-textarea-autosize';
 import generalstyles from '../../../styles/general/general.module.css';
 import { CircularProgress, Messaging } from 'react-cssfx-loading';
 import { css } from 'glamor';
-import { defaultstyles, defaultstylestranslated } from '../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated } from '../../../StylesJS/Customstyles.js';
 import { HiUser } from '@react-icons/all-files/hi/HiUser';
 import { GrMail } from '@react-icons/all-files/gr/GrMail';
 import { FiCheckCircle } from '@react-icons/all-files/fi/FiCheckCircle';

package/srcoman/TabexComponents/StaticPages/Filter/CollectionsFilterHorizontal.jsx

@@ -10,7 +10,7 @@ import { Offcanvas } from 'react-bootstrap';
 import InputRange from 'react-input-range';
 import { Imagekitimagecomp } from '../../../Imagekitconfig.jsx';
 import { ScrollMenu, VisibilityContext } from 'react-horizontal-scrolling-menu';
-import { defaultstyles, defaultstylestranslated } from '../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated } from '../../../StylesJS/Customstyles.js';
 import { CircularProgress, Messaging } from 'react-cssfx-loading';
 
 const Select = React.lazy(() => import('react-select'));

package/srcoman/TabexComponents/StaticPages/Filter/Filter.jsx

@@ -10,7 +10,7 @@ import { Offcanvas } from 'react-bootstrap';
 import InputRange from 'react-input-range';
 import { Imagekitimagecomp } from '../../../Imagekitconfig.jsx';
 import { ScrollMenu, VisibilityContext } from 'react-horizontal-scrolling-menu';
-import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles.js';
 import { CircularProgress, Messaging } from 'react-cssfx-loading';
 import formstyles from '../../../styles/general/form.module.css';
 import { BsChevronLeft } from '@react-icons/all-files/bs/BsChevronLeft';

package/srcoman/TabexComponents/StaticPages/Filter/VariantFilter.jsx

@@ -10,7 +10,7 @@ import { Offcanvas } from 'react-bootstrap';
 import InputRange from 'react-input-range';
 import { Imagekitimagecomp } from '../../../Imagekitconfig.jsx';
 import { ScrollMenu, VisibilityContext } from 'react-horizontal-scrolling-menu';
-import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles.js';
 import { CircularProgress, Messaging } from 'react-cssfx-loading';
 import formstyles from '../../../styles/general/form.module.css';
 

package/srcoman/TabexComponents/StaticPages/Signup/CustomerInformationForm.jsx

@@ -3,7 +3,7 @@ import loginstyles from '../../../styles/staticpages/signup.module.css';
 import { CircularProgress } from 'react-cssfx-loading';
 import TextareaAutosize from 'react-textarea-autosize';
 import { css } from 'glamor';
-import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles';
+import { defaultstyles, defaultstylestranslated, selectcustomStyles, selectcustomStylesTranslated } from '../../../StylesJS/Customstyles.js';
 import GoogleLogin from '../Login/GoogleLoginButton.jsx';
 import FacebookLoginButton from '../Login/FacebookLoginButton.jsx';
 import PhoneInput from 'react-phone-input-2';