diy-template-components 0.2.7 → 0.2.8

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 (5) hide show
  1. package/build/index.es.js +45 -54
  2. package/build/index.es.js.map +1 -1
  3. package/build/index.js +45 -54
  4. package/build/index.js.map +1 -1
  5. package/package.json +1 -1
package/build/index.js CHANGED
@@ -8009,7 +8009,10 @@ function Section({
8009
8009
  emailRef,
8010
8010
  customHtmlData
8011
8011
  }) {
8012
- console.log('customHtmlData', customHtmlData);
8012
+ const {
8013
+ isEdit
8014
+ } = React.useContext(PageContext);
8015
+ console.log('customHtmlData', isEdit);
8013
8016
  const header = nodeData?.components[0];
8014
8017
  const body = nodeData?.components[1];
8015
8018
  const landing = nodeData?.components[2];
@@ -8164,13 +8167,7 @@ function Section({
8164
8167
  textAlign: 'left'
8165
8168
  },
8166
8169
  ref: landing?.components[1]?.refSetter
8167
- }, landing?.components[1]?.metadata?.text), /*#__PURE__*/React__default["default"].createElement("a", {
8168
- href: landing?.components[3]?.metadata?.text,
8169
- target: "_blank",
8170
- style: {
8171
- textDecoration: 'none'
8172
- }
8173
- }, /*#__PURE__*/React__default["default"].createElement("p", {
8170
+ }, landing?.components[1]?.metadata?.text), /*#__PURE__*/React__default["default"].createElement("p", {
8174
8171
  style: {
8175
8172
  background: '#009ae0',
8176
8173
  borderRadius: '7.18333px',
@@ -8178,15 +8175,19 @@ function Section({
8178
8175
  textDecoration: 'none',
8179
8176
  padding: '12px 0px',
8180
8177
  // fontFamily: 'Roboto',
8178
+ cursor: 'pointer',
8181
8179
  fontStyle: 'normal',
8182
- fontWeight: '600',
8180
+ fontWeight: '600 ',
8183
8181
  fontSize: '20.55px',
8184
8182
  lineHeight: '32px',
8185
8183
  textTransform: 'uppercase',
8186
8184
  color: '#fafafa'
8187
8185
  },
8186
+ onClick: () => {
8187
+ !isEdit ? window.open(landing?.components[3]?.metadata?.text, '_blank') : null;
8188
+ },
8188
8189
  ref: landing?.components[2]?.refSetter
8189
- }, landing?.components[2]?.metadata?.text)))))))))) : null, footer?.isActive ? /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("table", {
8190
+ }, landing?.components[2]?.metadata?.text))))))))) : null, footer?.isActive ? /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("table", {
8190
8191
  style: {
8191
8192
  width: '100%',
8192
8193
  background: '#e3f0ff',
@@ -8209,79 +8210,69 @@ function Section({
8209
8210
  marginTop: '8px',
8210
8211
  marginBottom: '16px'
8211
8212
  }
8212
- }, /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("a", {
8213
- href: footer?.components[0]?.metadata?.text,
8214
- target: "_blank",
8215
- style: {
8216
- textDecoration: 'none'
8217
- }
8218
- }, /*#__PURE__*/React__default["default"].createElement("img", {
8213
+ }, /*#__PURE__*/React__default["default"].createElement("tbody", null, /*#__PURE__*/React__default["default"].createElement("tr", null, /*#__PURE__*/React__default["default"].createElement("td", null, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("img", {
8219
8214
  src: footer?.components[0]?.metadata?.text ? footer?.components[0]?.metadata?.iconUrlColor : footer?.components[0]?.metadata?.iconUrl,
8220
8215
  alt: "",
8221
8216
  style: {
8222
8217
  width: '36px',
8223
- height: '36px'
8218
+ height: '36px',
8219
+ cursor: 'pointer'
8224
8220
  },
8225
- ref: footer?.components[0]?.refSetter
8226
- })), /*#__PURE__*/React__default["default"].createElement("a", {
8227
- href: footer?.components[1]?.metadata?.text,
8228
- target: "_blank",
8229
- style: {
8230
- textDecoration: 'none'
8221
+ ref: footer?.components[0]?.refSetter,
8222
+ onClick: () => {
8223
+ !isEdit ? window.open(footer?.components[0]?.metadata?.text, '_blank') : null;
8231
8224
  }
8232
- }, /*#__PURE__*/React__default["default"].createElement("img", {
8225
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
8233
8226
  src: footer?.components[1]?.metadata?.text ? footer?.components[1]?.metadata?.iconUrlColor : footer?.components[1]?.metadata?.iconUrl,
8234
8227
  alt: "",
8235
8228
  style: {
8236
8229
  width: '36px',
8237
8230
  height: '36px',
8238
- margin: '0px 12px'
8231
+ margin: '0px 12px',
8232
+ cursor: 'pointer'
8233
+ },
8234
+ onClick: () => {
8235
+ !isEdit ? window.open(footer?.components[1]?.metadata?.text, '_blank') : null;
8239
8236
  },
8240
8237
  ref: footer?.components[1]?.refSetter
8241
- })), /*#__PURE__*/React__default["default"].createElement("a", {
8242
- href: footer?.components[2]?.metadata?.text,
8243
- target: "_blank",
8244
- style: {
8245
- textDecoration: 'none'
8246
- }
8247
- }, /*#__PURE__*/React__default["default"].createElement("img", {
8238
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
8248
8239
  src: footer?.components[2]?.metadata?.text ? footer?.components[2]?.metadata?.iconUrlColor : footer?.components[2]?.metadata?.iconUrl,
8249
8240
  alt: "",
8250
8241
  style: {
8251
8242
  width: '36px',
8252
- height: '36px'
8243
+ height: '36px',
8244
+ cursor: 'pointer'
8245
+ },
8246
+ onClick: () => {
8247
+ !isEdit ? window.open(footer?.components[2]?.metadata?.text, '_blank') : null;
8253
8248
  },
8254
8249
  ref: footer?.components[2]?.refSetter
8255
- })), /*#__PURE__*/React__default["default"].createElement("a", {
8256
- href: footer?.components[3]?.metadata?.text,
8257
- target: "_blank",
8258
- style: {
8259
- textDecoration: 'none'
8260
- }
8261
- }, /*#__PURE__*/React__default["default"].createElement("img", {
8250
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
8262
8251
  src: footer?.components[3]?.metadata?.text ? footer?.components[3]?.metadata?.iconUrlColor : footer?.components[3]?.metadata?.iconUrl,
8263
8252
  alt: "",
8264
8253
  style: {
8265
8254
  width: '36px',
8266
8255
  height: '36px',
8267
- margin: '0px 12px'
8256
+ margin: '0px 12px',
8257
+ cursor: 'pointer'
8268
8258
  },
8269
- ref: footer?.components[3]?.refSetter
8270
- })), /*#__PURE__*/React__default["default"].createElement("a", {
8271
- href: footer?.components[4]?.metadata?.text,
8272
- target: "_blank",
8273
- style: {
8274
- textDecoration: 'none'
8259
+ ref: footer?.components[3]?.refSetter,
8260
+ onClick: () => {
8261
+ !isEdit ? window.open(footer?.components[3]?.metadata?.text, '_blank') : null;
8275
8262
  }
8276
- }, /*#__PURE__*/React__default["default"].createElement("img", {
8263
+ }), /*#__PURE__*/React__default["default"].createElement("img", {
8277
8264
  src: footer?.components[4]?.metadata?.text ? footer?.components[4]?.metadata?.iconUrlColor : footer?.components[4]?.metadata?.iconUrl,
8278
8265
  alt: "",
8279
8266
  style: {
8280
8267
  width: '36px',
8281
- height: '36px'
8268
+ height: '36px',
8269
+ cursor: 'pointer'
8282
8270
  },
8283
- ref: footer?.components[4]?.refSetter
8284
- })), /*#__PURE__*/React__default["default"].createElement("table", {
8271
+ ref: footer?.components[4]?.refSetter,
8272
+ onClick: () => {
8273
+ !isEdit ? window.open(footer?.components[4]?.metadata?.text, '_blank') : null;
8274
+ }
8275
+ }), /*#__PURE__*/React__default["default"].createElement("table", {
8285
8276
  style: {
8286
8277
  width: '100%',
8287
8278
  marginTop: '13px'
@@ -8296,7 +8287,7 @@ function Section({
8296
8287
  textAlign: 'center',
8297
8288
  color: '#7d8592'
8298
8289
  }
8299
- }, "For any concerns, mail us at", ' ' + footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React__default["default"].createElement("p", {
8290
+ }, "For any concerns, mail us at\xA0", footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React__default["default"].createElement("p", {
8300
8291
  style: {
8301
8292
  // fontFamily: 'Roboto',
8302
8293
  fontStyle: 'normal',
@@ -8306,7 +8297,7 @@ function Section({
8306
8297
  textAlign: 'center',
8307
8298
  color: '#7d8592'
8308
8299
  }
8309
- }, "Copyright \xA9 2023 |", ' ' + footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React__default["default"].createElement("p", {
8300
+ }, "Copyright \xA9 2023 |\xA0", footer?.components[5]?.metadata?.text ? footer?.components[5]?.metadata?.text : ''), /*#__PURE__*/React__default["default"].createElement("p", {
8310
8301
  style: {
8311
8302
  // fontFamily: 'Roboto',
8312
8303
  fontStyle: 'normal',