@openlettermarketing/olc-vue-sdk 1.6.3 → 1.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.js CHANGED
@@ -159496,7 +159496,7 @@ const $65bf2ecf319e656d$var$initialState = {
159496
159496
  envelopeType: "",
159497
159497
  templateLoading: null,
159498
159498
  uploadedImages: [],
159499
- offerPercentage: "",
159499
+ offerPercentage: null,
159500
159500
  hireDesignerForm: {
159501
159501
  queryTitle: "",
159502
159502
  queryEmail: "",
@@ -164101,7 +164101,7 @@ const $ec73244cd7283520$var$errorStyles = {
164101
164101
  fontSize: "14px",
164102
164102
  margin: "0"
164103
164103
  };
164104
- const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, value: value, onChange: onChange, placeholder: placeholder, label: label, error: error, inputIcon: inputIcon = false, onClick: onClick, searchApplied: searchApplied, removeSearchInput: removeSearchInput, onKeyDown: onKeyDown, builderInput: builderInput, gellerySearch: gellerySearch = false, videoTooltip: videoTooltip = false, handleFileRemove: handleFileRemove, qrField: qrField = false })=>{
164104
+ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, value: value, onChange: onChange, placeholder: placeholder, label: label, error: error, inputIcon: inputIcon = false, onClick: onClick, searchApplied: searchApplied, removeSearchInput: removeSearchInput, onKeyDown: onKeyDown, builderInput: builderInput, gellerySearch: gellerySearch = false, videoTooltip: videoTooltip = false, handleFileRemove: handleFileRemove, qrField: qrField = false, onlyNumber: onlyNumber = false })=>{
164105
164105
  const InputVariant = variant || "input";
164106
164106
  const [showTooltip, setShowTooltip] = (0, react.useState)(false);
164107
164107
  const loomButtonStyles = {
@@ -164172,7 +164172,9 @@ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, v
164172
164172
  onChange: onChange,
164173
164173
  placeholder: placeholder,
164174
164174
  className: `basic-input ${builderInput && "builder-input"}`,
164175
- onKeyDown: onKeyDown
164175
+ onKeyDown: onlyNumber ? (event)=>{
164176
+ if (event.key === "e" || event.key === "E" || event.key === "-" || event.key === "+") event.preventDefault();
164177
+ } : onKeyDown
164176
164178
  }),
164177
164179
  inputIcon && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
164178
164180
  children: [
@@ -165202,6 +165204,11 @@ $a2deb1c64dec179a$exports = new URL(/* asset import */ __webpack_require__(19105
165202
165204
 
165203
165205
 
165204
165206
 
165207
+
165208
+
165209
+
165210
+
165211
+
165205
165212
 
165206
165213
 
165207
165214
 
@@ -165364,6 +165371,7 @@ var $c8f7718e9f3db339$export$2e2bcd8739ae039 = $c8f7718e9f3db339$var$Dialog;
165364
165371
 
165365
165372
 
165366
165373
 
165374
+
165367
165375
  const $1cce2f1e40edb11b$var$Save = (props)=>{
165368
165376
  const { fill: fill } = props;
165369
165377
  return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
@@ -165395,7 +165403,112 @@ var $1cce2f1e40edb11b$export$2e2bcd8739ae039 = $1cce2f1e40edb11b$var$Save;
165395
165403
  maxWidth: "433px",
165396
165404
  minHeight: "280px"
165397
165405
  };
165398
- const $f8816ee2d46ac0fb$var$SaveTemplateModel = ({ handleSave: handleSave, handleClose: handleClose, open: open, loading: loading })=>{
165406
+ const $f8816ee2d46ac0fb$var$SaveTemplateModel = ({ handleSave: handleSave, handleClose: handleClose, open: open, loading: loading, store: store, allowedAddOns: allowedAddOns })=>{
165407
+ const [customRosInput, setCustomRosInput] = (0, react.useState)("");
165408
+ const dispatch = (0, useDispatch)();
165409
+ const currentOfferPercentage = (0, useSelector)((state)=>state.templates.offerPercentage);
165410
+ const propertyOfferGeneratorURL = ((0, $717432aee8737b76$export$4bd44a2aa29d3d6e)() === "local" || (0, $717432aee8737b76$export$4bd44a2aa29d3d6e)() === "staging" ? (0, $7ad22e5ca6c288ca$export$a8a46befcad8f726) : (0, $717432aee8737b76$export$d97320b3491da14)() ? (0, $7ad22e5ca6c288ca$export$66a57f3cad8824dd) : (0, $7ad22e5ca6c288ca$export$7f8ff6b96b8eb54b)) + `?apiKey=${(0, $717432aee8737b76$export$46af023db2483081)()}`;
165411
+ const enableCustomRos = allowedAddOns?.includes("custom_property_offer");
165412
+ const rosFieldExists = (0, react.useMemo)(()=>{
165413
+ if (!enableCustomRos || !store?.pages) return false;
165414
+ for (const page of store.pages)for (const el of page.children){
165415
+ if (el.text === "{{ROS.PROPERTY_OFFER}}") return true;
165416
+ }
165417
+ return false;
165418
+ }, [
165419
+ enableCustomRos,
165420
+ store
165421
+ ]);
165422
+ const handleCustomRosChange = (e)=>{
165423
+ const val = e.target.value;
165424
+ if (val === "") {
165425
+ setCustomRosInput("");
165426
+ dispatch({
165427
+ type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
165428
+ payload: ""
165429
+ });
165430
+ return;
165431
+ }
165432
+ const num = Number(val);
165433
+ if (!isNaN(num) && num >= 1 && num <= 100) {
165434
+ setCustomRosInput(val);
165435
+ dispatch({
165436
+ type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
165437
+ payload: val
165438
+ });
165439
+ } else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please enter a number between 1 and 100"));
165440
+ };
165441
+ (0, react.useEffect)(()=>{
165442
+ if (!enableCustomRos) return;
165443
+ setCustomRosInput(currentOfferPercentage || "");
165444
+ }, []);
165445
+ // Custom content for the dialog
165446
+ const customContent = enableCustomRos ? /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
165447
+ style: {
165448
+ display: "flex",
165449
+ flexDirection: "column",
165450
+ gap: 0,
165451
+ marginBottom: 32
165452
+ },
165453
+ children: [
165454
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
165455
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SAVE.PARAGRAPH
165456
+ }),
165457
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
165458
+ style: {
165459
+ marginTop: 10,
165460
+ marginBottom: 35
165461
+ },
165462
+ children: [
165463
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("label", {
165464
+ style: {
165465
+ fontWeight: 500,
165466
+ marginBottom: 4,
165467
+ display: "block",
165468
+ textAlign: "center"
165469
+ },
165470
+ children: "Confirm Custom ROS Value"
165471
+ }),
165472
+ /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
165473
+ className: "plain-text",
165474
+ style: {
165475
+ textAlign: "center"
165476
+ },
165477
+ children: [
165478
+ /*#__PURE__*/ (0, jsx_runtime.jsx)("a", {
165479
+ href: propertyOfferGeneratorURL,
165480
+ target: "_blank",
165481
+ style: {
165482
+ color: "var(--primary-color)"
165483
+ },
165484
+ onClick: (e)=>{
165485
+ e.stopPropagation();
165486
+ },
165487
+ children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_ADD_ONS.PROPERTY_OFFER.CUSTOM.CLICK
165488
+ }),
165489
+ " ",
165490
+ (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_ADD_ONS.PROPERTY_OFFER.CUSTOM.CSV_IMPORT
165491
+ ]
165492
+ }),
165493
+ /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
165494
+ type: "number",
165495
+ onlyNumber: true,
165496
+ placeholder: "Type in a Number between 1-100",
165497
+ value: customRosInput,
165498
+ onChange: handleCustomRosChange
165499
+ })
165500
+ ]
165501
+ })
165502
+ ]
165503
+ }) : null;
165504
+ // Custom submit handler with validation
165505
+ const handleSubmit = ()=>{
165506
+ if (enableCustomRos && rosFieldExists && !customRosInput) {
165507
+ dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please enter the offer percentage before saving the template"));
165508
+ return;
165509
+ }
165510
+ handleSave();
165511
+ };
165399
165512
  return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
165400
165513
  icon: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $1cce2f1e40edb11b$export$2e2bcd8739ae039), {
165401
165514
  fill: "var(--primary-color)"
@@ -165405,12 +165518,17 @@ const $f8816ee2d46ac0fb$var$SaveTemplateModel = ({ handleSave: handleSave, handl
165405
165518
  handleClose: handleClose,
165406
165519
  title: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SAVE.TITLE,
165407
165520
  subHeading: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SAVE.HEADING,
165408
- description: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SAVE.PARAGRAPH,
165521
+ // Show custom content if rosCustomValue exists, else default description
165522
+ description: enableCustomRos && rosFieldExists ? undefined : (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SAVE.PARAGRAPH,
165409
165523
  cancelText: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SAVE.CANCEL_BUTTON,
165410
165524
  submitText: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.SAVE.SUBMIT_BUTTON,
165411
- customStyles: $f8816ee2d46ac0fb$var$saveDialogStyles,
165412
- onSubmit: handleSave,
165413
- onCancel: handleClose
165525
+ customStyles: {
165526
+ ...$f8816ee2d46ac0fb$var$saveDialogStyles,
165527
+ maxWidth: enableCustomRos && rosFieldExists ? "620px" : "433px"
165528
+ },
165529
+ onSubmit: handleSubmit,
165530
+ onCancel: handleClose,
165531
+ children: enableCustomRos && rosFieldExists && customContent
165414
165532
  });
165415
165533
  };
165416
165534
  var $f8816ee2d46ac0fb$export$2e2bcd8739ae039 = $f8816ee2d46ac0fb$var$SaveTemplateModel;
@@ -165739,7 +165857,7 @@ const $d31b9bd88e5dcf67$var$progressStyles = {
165739
165857
  height: "20px",
165740
165858
  border: "2px solid var(--primary-color)"
165741
165859
  };
165742
- const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute: createTemplateRoute, isStoreUpdated: isStoreUpdated, setIsDuplication: setIsDuplication, olcTemplate: olcTemplate, designerTemplateQuery: designerTemplateQuery, onDuplicateTemplate: onDuplicateTemplate, onReturnAndNavigate: onReturnAndNavigate, onSubmit: onSubmit })=>{
165860
+ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute: createTemplateRoute, isStoreUpdated: isStoreUpdated, setIsDuplication: setIsDuplication, olcTemplate: olcTemplate, designerTemplateQuery: designerTemplateQuery, allowedAddOns: allowedAddOns, onDuplicateTemplate: onDuplicateTemplate, onReturnAndNavigate: onReturnAndNavigate, onSubmit: onSubmit })=>{
165743
165861
  const [showNavigateDialog, setShowNavigateDialog] = (0, react.useState)(false);
165744
165862
  const [isShowModel, setIsShowModel] = (0, react.useState)({
165745
165863
  open: false,
@@ -165980,7 +166098,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
165980
166098
  formData.append("json", blobData, "template.json");
165981
166099
  formData.append("thumbnail", blob, "logo.png");
165982
166100
  selectedFields = allFields.filter((field)=>jsonString.includes(field.key));
165983
- jsonString.includes("ros_") || jsonString.includes("{{ROS.PROPERTY_OFFER}}") ? formData.append("rosOfferPercentage", rosOfferPercentage) : undefined;
166101
+ if ((jsonString.includes("ros_") || jsonString.includes("{{ROS.PROPERTY_OFFER}}")) && rosOfferPercentage != null) formData.append("rosOfferPercentage", rosOfferPercentage);
165984
166102
  }
165985
166103
  formData.append("title", title);
165986
166104
  formData.append("productId", product?.id);
@@ -166024,7 +166142,9 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, createTemplateRoute
166024
166142
  loading: isShowModel.loading,
166025
166143
  open: isShowModel.open,
166026
166144
  handleClose: ()=>handleChangeModel(),
166027
- handleSave: handleSave
166145
+ handleSave: handleSave,
166146
+ store: store,
166147
+ allowedAddOns: allowedAddOns
166028
166148
  }),
166029
166149
  /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f778f8c6113c048$export$2e2bcd8739ae039), {
166030
166150
  open: isShowModel.open && isShowModel.model === "duplicate",
@@ -167581,7 +167701,7 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
167581
167701
  fill: "var(--text-color)"
167582
167702
  })
167583
167703
  })),
167584
- Panel: (0, es.observer)(({ store: store, platformName: platformName, templateGalleryModal: templateGalleryModal, selectedSection: selectedSection, designerQueryAmount: designerQueryAmount, hireDesignerModal: hireDesignerModal, setHireDesignerModal: setHireDesignerModal, allowedTemplateSections: allowedTemplateSections, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates })=>{
167704
+ Panel: (0, es.observer)(({ store: store, platformName: platformName, templateGalleryModal: templateGalleryModal, selectedSection: selectedSection, designerQueryAmount: designerQueryAmount, hireDesignerModal: hireDesignerModal, setHireDesignerModal: setHireDesignerModal, allowedTemplateSections: allowedTemplateSections, allowedAddOns: allowedAddOns, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates })=>{
167585
167705
  const dispatch = (0, useDispatch)();
167586
167706
  const [openGalleryModal, setOpenGalleryModal] = (0, react.useState)(false);
167587
167707
  const [templateTypes, setTemplateTypes] = (0, react.useState)();
@@ -167752,6 +167872,14 @@ const $e8f6665471b594e0$var$CustomTemplateSection = {
167752
167872
  store.loadJSON(jsonData);
167753
167873
  await store.waitLoading();
167754
167874
  (0, $39231ae325c5aacf$export$b8070c2bd9d59c10)(template?.product?.id, store);
167875
+ if (allowedAddOns?.includes("custom_property_offer") && template?.meta?.rosOfferPercentage) dispatch({
167876
+ type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
167877
+ payload: template?.meta?.rosOfferPercentage
167878
+ });
167879
+ else dispatch({
167880
+ type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
167881
+ payload: ""
167882
+ });
167755
167883
  dispatch({
167756
167884
  type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
167757
167885
  payload: false
@@ -169093,11 +169221,6 @@ const $52be5db9307c4332$var$CustomAddOns = {
169093
169221
  ros_custom_value: customRosValue
169094
169222
  }
169095
169223
  });
169096
- setCustomRosValue("");
169097
- dispatch({
169098
- type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
169099
- payload: ""
169100
- });
169101
169224
  }
169102
169225
  };
169103
169226
  const percentageRequired = ()=>dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)(`Please enter the offer percentage`));
@@ -169118,9 +169241,20 @@ const $52be5db9307c4332$var$CustomAddOns = {
169118
169241
  dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(`ROS Property Offer Copied`));
169119
169242
  };
169120
169243
  (0, react.useEffect)(()=>{
169121
- if (currentTemplate?.meta?.rosOfferPercentage && !currentOfferPercentage) setCustomRosValue(currentTemplate.meta.rosOfferPercentage);
169122
- else if (currentOfferPercentage) setCustomRosValue(currentOfferPercentage);
169123
- }, []);
169244
+ if (!allowedAddOns?.includes("custom_property_offer")) return;
169245
+ if (currentOfferPercentage || currentOfferPercentage === "") setCustomRosValue(currentOfferPercentage);
169246
+ else if (currentTemplate?.meta?.rosOfferPercentage) {
169247
+ setCustomRosValue(currentTemplate.meta.rosOfferPercentage);
169248
+ dispatch({
169249
+ type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
169250
+ payload: currentTemplate.meta.rosOfferPercentage
169251
+ });
169252
+ }
169253
+ }, [
169254
+ allowedAddOns,
169255
+ currentOfferPercentage,
169256
+ currentTemplate?.meta?.rosOfferPercentage
169257
+ ]);
169124
169258
  return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
169125
169259
  className: "dynamic-content",
169126
169260
  children: [
@@ -169223,6 +169357,9 @@ const $52be5db9307c4332$var$CustomAddOns = {
169223
169357
  onClick: (e)=>{
169224
169358
  e.stopPropagation();
169225
169359
  },
169360
+ style: {
169361
+ color: "var(--primary-color)"
169362
+ },
169226
169363
  children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CUSTOM_ADD_ONS.PROPERTY_OFFER.CUSTOM.CLICK
169227
169364
  }),
169228
169365
  " ",
@@ -169239,13 +169376,30 @@ const $52be5db9307c4332$var$CustomAddOns = {
169239
169376
  width: "18rem",
169240
169377
  marginBottom: "15px"
169241
169378
  },
169242
- children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
169379
+ children: allowedAddOns?.includes("custom_property_offer") && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
169243
169380
  type: "number",
169381
+ onlyNumber: true,
169244
169382
  placeholder: "Type in a Number between 1-100",
169245
169383
  qrField: true,
169246
169384
  value: customRosValue,
169247
169385
  onChange: (e)=>{
169248
- setCustomRosValue(e.target.value);
169386
+ const val = e.target.value;
169387
+ if (val === "") {
169388
+ setCustomRosValue("");
169389
+ dispatch({
169390
+ type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
169391
+ payload: ""
169392
+ });
169393
+ return;
169394
+ }
169395
+ const num = Number(val);
169396
+ if (!isNaN(num) && num >= 1 && num <= 100) {
169397
+ setCustomRosValue(val);
169398
+ dispatch({
169399
+ type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
169400
+ payload: val
169401
+ });
169402
+ } else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please enter a number between 1 and 100"));
169249
169403
  }
169250
169404
  })
169251
169405
  })
@@ -169645,6 +169799,7 @@ const $d303f0b433a1814c$var$SidePanel = (props)=>{
169645
169799
  selectedSection: props.selectedSection,
169646
169800
  allowedTemplateSections: props.allowedTemplateSections,
169647
169801
  hireDesignerModal: hireDesignerModal,
169802
+ allowedAddOns: props.allowedAddOns,
169648
169803
  setHireDesignerModal: setHireDesignerModal,
169649
169804
  onCreateCustomTemplateQuery: props.onCreateCustomTemplateQuery,
169650
169805
  onGetTemplates: props.onGetTemplates,
@@ -169999,7 +170154,11 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, platformName: pla
169999
170154
  store.loadJSON(jsonData);
170000
170155
  await store.waitLoading();
170001
170156
  dispatch((0, $bbef8ecdaaf79b6e$export$7cdbec44919c75ac)());
170002
- dispatch({
170157
+ if (allowedAddOns?.includes("custom_property_offer") && existingTemplate?.meta?.rosOfferPercentage) dispatch({
170158
+ type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
170159
+ payload: existingTemplate?.meta?.rosOfferPercentage
170160
+ });
170161
+ else dispatch({
170003
170162
  type: (0, $e496cac0faa1ff17$export$ec8156c566eb37cd),
170004
170163
  payload: ""
170005
170164
  });
@@ -170033,7 +170192,8 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, platformName: pla
170033
170192
  onDuplicateTemplate: onDuplicateTemplate,
170034
170193
  setIsDuplication: setIsDuplication,
170035
170194
  onReturnAndNavigate: onReturnAndNavigate,
170036
- onSubmit: onSubmit
170195
+ onSubmit: onSubmit,
170196
+ allowedAddOns: allowedAddOns
170037
170197
  }),
170038
170198
  /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.PolotnoContainer), {
170039
170199
  style: containerStyle,
@@ -170169,7 +170329,7 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
170169
170329
 
170170
170330
 
170171
170331
 
170172
- const $23c375345222aadb$export$31499a9cd224b78c = "1.9.6";
170332
+ const $23c375345222aadb$export$31499a9cd224b78c = "1.9.3";
170173
170333
 
170174
170334
 
170175
170335
  const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, publicApiKey: publicApiKey, platformName: platformName, templateGalleryModal: templateGalleryModal = true, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, designerTemplateQuery: designerTemplateQuery, sandbox: sandbox, allowSenderFields: allowSenderFields, allowPropertyFields: allowPropertyFields, excludedFields: excludedFields, designerQueryAmount: designerQueryAmount, allowedAddOns: allowedAddOns, allowedTemplateSections: allowedTemplateSections, env: env, restrictedProducts: restrictedProducts, onReturnAndNavigate: onReturnAndNavigate, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onDuplicateTemplate: onDuplicateTemplate, onSubmit: onSubmit, styles: styles })=>{