easy-email-extensions 4.1.6 → 4.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,16 +1,16 @@
1
- import { BasicType } from 'easy-email-core';
1
+ import { AdvancedType } from 'easy-email-core';
2
2
  import { TextBlockItem } from './TextBlockItem';
3
3
  import { ImageBlockItem } from './ImageBlockItem';
4
4
  export declare const defaultCategories: {
5
5
  title: string;
6
6
  name: string;
7
7
  blocks: ({
8
- type: BasicType;
8
+ type: AdvancedType;
9
9
  title: string;
10
10
  description: string;
11
11
  component: typeof TextBlockItem;
12
12
  } | {
13
- type: BasicType;
13
+ type: AdvancedType;
14
14
  title: string;
15
15
  description: JSX.Element;
16
16
  component: typeof ImageBlockItem;
package/lib/index2.js CHANGED
@@ -44634,7 +44634,7 @@ function TextBlockItem() {
44634
44634
  fill: true,
44635
44635
  key: index2
44636
44636
  }, /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
44637
- type: BasicType.TEXT,
44637
+ type: AdvancedType.TEXT,
44638
44638
  payload: {
44639
44639
  attributes: {
44640
44640
  "font-size": item2 + "px",
@@ -44764,7 +44764,7 @@ function ImageBlockItem() {
44764
44764
  }, imageList.map((item2, index2) => {
44765
44765
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
44766
44766
  key: index2,
44767
- type: BasicType.IMAGE,
44767
+ type: AdvancedType.IMAGE,
44768
44768
  payload: {
44769
44769
  attributes: {
44770
44770
  src: item2,
@@ -44796,7 +44796,7 @@ function SpacerBlockItem() {
44796
44796
  }, spacerList.map((item2, index2) => {
44797
44797
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
44798
44798
  key: index2,
44799
- type: BasicType.SPACER,
44799
+ type: AdvancedType.SPACER,
44800
44800
  payload: {
44801
44801
  attributes: {
44802
44802
  height: item2 + "px"
@@ -44842,7 +44842,7 @@ function DividerBlockItem() {
44842
44842
  }, /* @__PURE__ */ React__default.createElement(Stack$6.Item, null), /* @__PURE__ */ React__default.createElement(Stack$6.Item, null), dividerList.map((item2, index2) => {
44843
44843
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
44844
44844
  key: index2,
44845
- type: BasicType.DIVIDER,
44845
+ type: AdvancedType.DIVIDER,
44846
44846
  payload: {
44847
44847
  attributes: __spreadProps(__spreadValues({}, item2), { padding: "10px 0px" })
44848
44848
  }
@@ -44873,7 +44873,7 @@ function HeroBlockItem() {
44873
44873
  }, heroList.map((item2, index2) => {
44874
44874
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
44875
44875
  key: index2,
44876
- type: BasicType.HERO,
44876
+ type: AdvancedType.HERO,
44877
44877
  payload: item2.payload
44878
44878
  }, /* @__PURE__ */ React__default.createElement("div", {
44879
44879
  style: { position: "relative" }
@@ -45314,7 +45314,7 @@ function ButtonBlockItem() {
45314
45314
  }, /* @__PURE__ */ React__default.createElement(Stack$6.Item, {
45315
45315
  fill: true
45316
45316
  }, /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
45317
- type: BasicType.BUTTON,
45317
+ type: AdvancedType.BUTTON,
45318
45318
  payload: __spreadValues({}, item2.payload)
45319
45319
  }, /* @__PURE__ */ React__default.createElement("div", {
45320
45320
  style: { position: "relative", overflow: "hidden" }
@@ -45447,7 +45447,7 @@ function AccordionBlockItem() {
45447
45447
  }, list$7.map((item2, index2) => {
45448
45448
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
45449
45449
  key: index2,
45450
- type: BasicType.ACCORDION,
45450
+ type: AdvancedType.ACCORDION,
45451
45451
  payload: item2.payload
45452
45452
  }, /* @__PURE__ */ React__default.createElement("div", {
45453
45453
  style: { position: "relative" }
@@ -45507,7 +45507,7 @@ function CarouselBlockItem() {
45507
45507
  }, list$6.map((item2, index2) => {
45508
45508
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
45509
45509
  key: index2,
45510
- type: BasicType.CAROUSEL,
45510
+ type: AdvancedType.CAROUSEL,
45511
45511
  payload: item2.payload
45512
45512
  }, /* @__PURE__ */ React__default.createElement("div", {
45513
45513
  style: { position: "relative" }
@@ -45529,7 +45529,7 @@ const list$5 = [
45529
45529
  {
45530
45530
  thumbnail: getImg("IMAGE_46"),
45531
45531
  payload: {
45532
- type: BasicType.NAVBAR,
45532
+ type: AdvancedType.NAVBAR,
45533
45533
  data: {
45534
45534
  value: {
45535
45535
  links: [
@@ -45592,7 +45592,7 @@ function NavbarBlockItem() {
45592
45592
  }, list$5.map((item2, index2) => {
45593
45593
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
45594
45594
  key: index2,
45595
- type: BasicType.NAVBAR,
45595
+ type: AdvancedType.NAVBAR,
45596
45596
  payload: item2.payload
45597
45597
  }, /* @__PURE__ */ React__default.createElement("div", {
45598
45598
  style: { position: "relative" }
@@ -45614,7 +45614,7 @@ const list$4 = [
45614
45614
  {
45615
45615
  thumbnail: getImg("IMAGE_52"),
45616
45616
  payload: {
45617
- type: BasicType.SOCIAL,
45617
+ type: AdvancedType.SOCIAL,
45618
45618
  data: {
45619
45619
  value: {
45620
45620
  elements: [
@@ -45662,7 +45662,7 @@ const list$4 = [
45662
45662
  {
45663
45663
  thumbnail: getImg("IMAGE_71"),
45664
45664
  payload: {
45665
- type: BasicType.SOCIAL,
45665
+ type: AdvancedType.SOCIAL,
45666
45666
  data: {
45667
45667
  value: {
45668
45668
  elements: [
@@ -45716,7 +45716,7 @@ function SocialBlockItem() {
45716
45716
  }, list$4.map((item2, index2) => {
45717
45717
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
45718
45718
  key: index2,
45719
- type: BasicType.SOCIAL,
45719
+ type: AdvancedType.SOCIAL,
45720
45720
  payload: item2.payload
45721
45721
  }, /* @__PURE__ */ React__default.createElement("div", {
45722
45722
  style: { position: "relative" }
@@ -45742,7 +45742,7 @@ function WrapperBlockItem() {
45742
45742
  }, list$3.map((item2, index2) => {
45743
45743
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
45744
45744
  key: index2,
45745
- type: BasicType.WRAPPER,
45745
+ type: AdvancedType.WRAPPER,
45746
45746
  payload: item2.payload
45747
45747
  }, /* @__PURE__ */ React__default.createElement("div", {
45748
45748
  style: { position: "relative" }
@@ -45768,7 +45768,7 @@ const list$3 = [
45768
45768
  {
45769
45769
  thumbnail: getImg("IMAGE_57"),
45770
45770
  payload: {
45771
- type: "wrapper",
45771
+ type: "advanced_section",
45772
45772
  data: {
45773
45773
  value: {}
45774
45774
  },
@@ -45781,7 +45781,7 @@ const list$3 = [
45781
45781
  },
45782
45782
  children: [
45783
45783
  {
45784
- type: "section",
45784
+ type: "advanced_section",
45785
45785
  data: {
45786
45786
  value: {
45787
45787
  noWrap: false
@@ -45801,7 +45801,7 @@ const list$3 = [
45801
45801
  },
45802
45802
  children: [
45803
45803
  {
45804
- type: "column",
45804
+ type: "advanced_column",
45805
45805
  data: {
45806
45806
  value: {}
45807
45807
  },
@@ -45829,7 +45829,7 @@ const list$3 = [
45829
45829
  ]
45830
45830
  },
45831
45831
  {
45832
- type: "section",
45832
+ type: "advanced_section",
45833
45833
  data: {
45834
45834
  value: {
45835
45835
  noWrap: false
@@ -45849,7 +45849,7 @@ const list$3 = [
45849
45849
  },
45850
45850
  children: [
45851
45851
  {
45852
- type: "column",
45852
+ type: "advanced_column",
45853
45853
  data: {
45854
45854
  value: {}
45855
45855
  },
@@ -45919,7 +45919,7 @@ function SectionBlockItem() {
45919
45919
  }, list$2.map((item2, index2) => {
45920
45920
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
45921
45921
  key: index2,
45922
- type: BasicType.SECTION,
45922
+ type: AdvancedType.SECTION,
45923
45923
  payload: item2.payload
45924
45924
  }, /* @__PURE__ */ React__default.createElement("div", {
45925
45925
  style: { position: "relative" }
@@ -45945,7 +45945,7 @@ const list$2 = [
45945
45945
  {
45946
45946
  thumbnail: getImg("IMAGE_48"),
45947
45947
  payload: {
45948
- type: "section",
45948
+ type: "advanced_section",
45949
45949
  data: {
45950
45950
  value: {
45951
45951
  noWrap: false
@@ -45962,7 +45962,7 @@ const list$2 = [
45962
45962
  },
45963
45963
  children: [
45964
45964
  {
45965
- type: "column",
45965
+ type: "advanced_column",
45966
45966
  data: {
45967
45967
  value: {}
45968
45968
  },
@@ -45979,7 +45979,7 @@ const list$2 = [
45979
45979
  {
45980
45980
  thumbnail: getImg("IMAGE_49"),
45981
45981
  payload: {
45982
- type: "section",
45982
+ type: "advanced_section",
45983
45983
  data: {
45984
45984
  value: {
45985
45985
  noWrap: false
@@ -45996,7 +45996,7 @@ const list$2 = [
45996
45996
  },
45997
45997
  children: [
45998
45998
  {
45999
- type: "column",
45999
+ type: "advanced_column",
46000
46000
  data: {
46001
46001
  value: {}
46002
46002
  },
@@ -46008,7 +46008,7 @@ const list$2 = [
46008
46008
  children: []
46009
46009
  },
46010
46010
  {
46011
- type: "column",
46011
+ type: "advanced_column",
46012
46012
  data: {
46013
46013
  value: {}
46014
46014
  },
@@ -46025,7 +46025,7 @@ const list$2 = [
46025
46025
  {
46026
46026
  thumbnail: getImg("IMAGE_50"),
46027
46027
  payload: {
46028
- type: "section",
46028
+ type: "advanced_section",
46029
46029
  data: {
46030
46030
  value: {
46031
46031
  noWrap: false
@@ -46042,7 +46042,7 @@ const list$2 = [
46042
46042
  },
46043
46043
  children: [
46044
46044
  {
46045
- type: "column",
46045
+ type: "advanced_column",
46046
46046
  data: {
46047
46047
  value: {}
46048
46048
  },
@@ -46054,7 +46054,7 @@ const list$2 = [
46054
46054
  children: []
46055
46055
  },
46056
46056
  {
46057
- type: "column",
46057
+ type: "advanced_column",
46058
46058
  data: {
46059
46059
  value: {}
46060
46060
  },
@@ -46066,7 +46066,7 @@ const list$2 = [
46066
46066
  children: []
46067
46067
  },
46068
46068
  {
46069
- type: "column",
46069
+ type: "advanced_column",
46070
46070
  data: {
46071
46071
  value: {}
46072
46072
  },
@@ -46083,7 +46083,7 @@ const list$2 = [
46083
46083
  {
46084
46084
  thumbnail: getImg("IMAGE_51"),
46085
46085
  payload: {
46086
- type: "section",
46086
+ type: "advanced_section",
46087
46087
  data: {
46088
46088
  value: {
46089
46089
  noWrap: false
@@ -46100,7 +46100,7 @@ const list$2 = [
46100
46100
  },
46101
46101
  children: [
46102
46102
  {
46103
- type: "column",
46103
+ type: "advanced_column",
46104
46104
  data: {
46105
46105
  value: {}
46106
46106
  },
@@ -46112,7 +46112,7 @@ const list$2 = [
46112
46112
  children: []
46113
46113
  },
46114
46114
  {
46115
- type: "column",
46115
+ type: "advanced_column",
46116
46116
  data: {
46117
46117
  value: {}
46118
46118
  },
@@ -46124,7 +46124,7 @@ const list$2 = [
46124
46124
  children: []
46125
46125
  },
46126
46126
  {
46127
- type: "column",
46127
+ type: "advanced_column",
46128
46128
  data: {
46129
46129
  value: {}
46130
46130
  },
@@ -46136,7 +46136,7 @@ const list$2 = [
46136
46136
  children: []
46137
46137
  },
46138
46138
  {
46139
- type: "column",
46139
+ type: "advanced_column",
46140
46140
  data: {
46141
46141
  value: {}
46142
46142
  },
@@ -46159,7 +46159,7 @@ function GroupBlockItem() {
46159
46159
  }, list$1.map((item2, index2) => {
46160
46160
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
46161
46161
  key: index2,
46162
- type: BasicType.GROUP,
46162
+ type: AdvancedType.GROUP,
46163
46163
  payload: item2.payload
46164
46164
  }, /* @__PURE__ */ React__default.createElement("div", {
46165
46165
  style: { position: "relative" }
@@ -46185,7 +46185,7 @@ const list$1 = [
46185
46185
  {
46186
46186
  thumbnail: getImg("IMAGE_23"),
46187
46187
  payload: {
46188
- type: "group",
46188
+ type: "advanced_group",
46189
46189
  data: {
46190
46190
  value: {}
46191
46191
  },
@@ -46195,7 +46195,7 @@ const list$1 = [
46195
46195
  },
46196
46196
  children: [
46197
46197
  {
46198
- type: "column",
46198
+ type: "advanced_column",
46199
46199
  data: {
46200
46200
  value: {}
46201
46201
  },
@@ -46222,7 +46222,7 @@ const list$1 = [
46222
46222
  ]
46223
46223
  },
46224
46224
  {
46225
- type: "column",
46225
+ type: "advanced_column",
46226
46226
  data: {
46227
46227
  value: {}
46228
46228
  },
@@ -46254,7 +46254,7 @@ const list$1 = [
46254
46254
  {
46255
46255
  thumbnail: getImg("IMAGE_26"),
46256
46256
  payload: {
46257
- type: "group",
46257
+ type: "advanced_group",
46258
46258
  data: {
46259
46259
  value: {}
46260
46260
  },
@@ -46265,7 +46265,7 @@ const list$1 = [
46265
46265
  },
46266
46266
  children: [
46267
46267
  {
46268
- type: "column",
46268
+ type: "advanced_column",
46269
46269
  data: {
46270
46270
  value: {}
46271
46271
  },
@@ -46307,7 +46307,7 @@ const list$1 = [
46307
46307
  ]
46308
46308
  },
46309
46309
  {
46310
- type: "column",
46310
+ type: "advanced_column",
46311
46311
  data: {
46312
46312
  value: {}
46313
46313
  },
@@ -46349,7 +46349,7 @@ const list$1 = [
46349
46349
  ]
46350
46350
  },
46351
46351
  {
46352
- type: "column",
46352
+ type: "advanced_column",
46353
46353
  data: {
46354
46354
  value: {}
46355
46355
  },
@@ -46402,7 +46402,7 @@ function ColumnBlockItem() {
46402
46402
  }, list.map((item2, index2) => {
46403
46403
  return /* @__PURE__ */ React__default.createElement(BlockMaskWrapper, {
46404
46404
  key: index2,
46405
- type: BasicType.COLUMN,
46405
+ type: AdvancedType.COLUMN,
46406
46406
  payload: item2.payload
46407
46407
  }, /* @__PURE__ */ React__default.createElement("div", {
46408
46408
  style: { position: "relative" }
@@ -46424,7 +46424,7 @@ const list = [
46424
46424
  {
46425
46425
  thumbnail: getImg("IMAGE_20"),
46426
46426
  payload: {
46427
- type: "column",
46427
+ type: "advanced_column",
46428
46428
  data: {
46429
46429
  value: {}
46430
46430
  },
@@ -46509,13 +46509,13 @@ const defaultCategories = [
46509
46509
  name: "CONTENT",
46510
46510
  blocks: [
46511
46511
  {
46512
- type: BasicType.TEXT,
46512
+ type: AdvancedType.TEXT,
46513
46513
  title: "Text",
46514
46514
  description: "This block allows you to display text in your email.",
46515
46515
  component: TextBlockItem
46516
46516
  },
46517
46517
  {
46518
- type: BasicType.IMAGE,
46518
+ type: AdvancedType.IMAGE,
46519
46519
  title: "Image",
46520
46520
  description: /* @__PURE__ */ React__default.createElement(Stack$6, {
46521
46521
  vertical: true,
@@ -46524,40 +46524,40 @@ const defaultCategories = [
46524
46524
  component: ImageBlockItem
46525
46525
  },
46526
46526
  {
46527
- type: BasicType.BUTTON,
46527
+ type: AdvancedType.BUTTON,
46528
46528
  title: "Button",
46529
46529
  description: "Displays a customizable button.",
46530
46530
  component: ButtonBlockItem
46531
46531
  },
46532
46532
  {
46533
- type: BasicType.HERO,
46533
+ type: AdvancedType.HERO,
46534
46534
  title: "Hero",
46535
46535
  description: `This block displays a hero image. It behaves like an
46536
46536
  'section' with a single 'column'.`,
46537
46537
  component: HeroBlockItem
46538
46538
  },
46539
46539
  {
46540
- type: BasicType.NAVBAR,
46540
+ type: AdvancedType.NAVBAR,
46541
46541
  title: "Navbar",
46542
46542
  description: `Displays a menu for navigation with an optional hamburger
46543
46543
  mode for mobile devices.`,
46544
46544
  component: NavbarBlockItem
46545
46545
  },
46546
46546
  {
46547
- type: BasicType.SPACER,
46547
+ type: AdvancedType.SPACER,
46548
46548
  title: "Spacer",
46549
46549
  description: "Displays a blank space.",
46550
46550
  component: SpacerBlockItem
46551
46551
  },
46552
46552
  {
46553
- type: BasicType.DIVIDER,
46553
+ type: AdvancedType.DIVIDER,
46554
46554
  title: "Divider",
46555
46555
  description: `Displays a horizontal divider that can be customized like a
46556
46556
  HTML border.`,
46557
46557
  component: DividerBlockItem
46558
46558
  },
46559
46559
  {
46560
- type: BasicType.ACCORDION,
46560
+ type: AdvancedType.ACCORDION,
46561
46561
  title: "Accordion",
46562
46562
  description: `Accordion is an interactive component to stack content in
46563
46563
  tabs, so the information is collapsed and only the titles
@@ -46567,7 +46567,7 @@ const defaultCategories = [
46567
46567
  component: AccordionBlockItem
46568
46568
  },
46569
46569
  {
46570
- type: BasicType.CAROUSEL,
46570
+ type: AdvancedType.CAROUSEL,
46571
46571
  title: "Carousel",
46572
46572
  description: `This block displays a gallery of images or "carousel".
46573
46573
  Readers can interact by hovering and clicking on
@@ -46575,7 +46575,7 @@ const defaultCategories = [
46575
46575
  component: CarouselBlockItem
46576
46576
  },
46577
46577
  {
46578
- type: BasicType.SOCIAL,
46578
+ type: AdvancedType.SOCIAL,
46579
46579
  title: "Social",
46580
46580
  description: `Displays calls-to-action for various social networks with
46581
46581
  their associated logo.`,
@@ -46588,14 +46588,14 @@ const defaultCategories = [
46588
46588
  name: "LAYOUT",
46589
46589
  blocks: [
46590
46590
  {
46591
- type: BasicType.WRAPPER,
46591
+ type: AdvancedType.WRAPPER,
46592
46592
  title: "Wrapper",
46593
46593
  description: `Wrapper enables to wrap multiple sections together. It's especially useful to achieve nested layouts with shared border or background images across sections.
46594
46594
  `,
46595
46595
  component: WrapperBlockItem
46596
46596
  },
46597
46597
  {
46598
- type: BasicType.SECTION,
46598
+ type: AdvancedType.SECTION,
46599
46599
  title: "Section",
46600
46600
  description: /* @__PURE__ */ React__default.createElement(Stack$6, {
46601
46601
  vertical: true,
@@ -46604,7 +46604,7 @@ const defaultCategories = [
46604
46604
  component: SectionBlockItem
46605
46605
  },
46606
46606
  {
46607
- type: BasicType.GROUP,
46607
+ type: AdvancedType.GROUP,
46608
46608
  title: "Group",
46609
46609
  description: `Group allows you to prevent columns from stacking on
46610
46610
  mobile. To do so, wrap the columns inside a group
@@ -46612,7 +46612,7 @@ const defaultCategories = [
46612
46612
  component: GroupBlockItem
46613
46613
  },
46614
46614
  {
46615
- type: BasicType.COLUMN,
46615
+ type: AdvancedType.COLUMN,
46616
46616
  title: "Column",
46617
46617
  description: /* @__PURE__ */ React__default.createElement(Stack$6, {
46618
46618
  vertical: true,