@makeswift/runtime 0.9.4 → 0.9.6

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 (179) hide show
  1. package/dist/Box.cjs.js +3 -3
  2. package/dist/Box.es.js +3 -3
  3. package/dist/Button.cjs.js +3 -3
  4. package/dist/Button.es.js +3 -3
  5. package/dist/Carousel.cjs.js +3 -3
  6. package/dist/Carousel.es.js +3 -3
  7. package/dist/Countdown.cjs.js +1 -1
  8. package/dist/Countdown.es.js +1 -1
  9. package/dist/Divider.cjs.js +3 -3
  10. package/dist/Divider.es.js +3 -3
  11. package/dist/Embed.cjs.js +1 -0
  12. package/dist/Embed.cjs.js.map +1 -1
  13. package/dist/Embed.es.js +1 -0
  14. package/dist/Embed.es.js.map +1 -1
  15. package/dist/Form.cjs.js +1 -1
  16. package/dist/Form.es.js +1 -1
  17. package/dist/Image.cjs.js +1 -1
  18. package/dist/Image.es.js +1 -1
  19. package/dist/LiveProvider.cjs.js +4 -4
  20. package/dist/LiveProvider.es.js +5 -5
  21. package/dist/Navigation.cjs.js +2 -2
  22. package/dist/Navigation.es.js +2 -2
  23. package/dist/PreviewProvider.cjs.js +8 -7
  24. package/dist/PreviewProvider.cjs.js.map +1 -1
  25. package/dist/PreviewProvider.es.js +11 -10
  26. package/dist/PreviewProvider.es.js.map +1 -1
  27. package/dist/ReadOnlyText.cjs.js +3 -2
  28. package/dist/ReadOnlyText.cjs.js.map +1 -1
  29. package/dist/ReadOnlyText.es.js +5 -4
  30. package/dist/ReadOnlyText.es.js.map +1 -1
  31. package/dist/ReadOnlyTextV2.cjs.js +12 -12
  32. package/dist/ReadOnlyTextV2.cjs.js.map +1 -1
  33. package/dist/ReadOnlyTextV2.es.js +14 -14
  34. package/dist/ReadOnlyTextV2.es.js.map +1 -1
  35. package/dist/Root.cjs.js +1 -1
  36. package/dist/Root.es.js +1 -1
  37. package/dist/SocialLinks.cjs.js +3 -3
  38. package/dist/SocialLinks.es.js +3 -3
  39. package/dist/Text.cjs.js +1 -1
  40. package/dist/Text.es.js +1 -1
  41. package/dist/Video.cjs.js +1 -0
  42. package/dist/Video.cjs.js.map +1 -1
  43. package/dist/Video.es.js +1 -0
  44. package/dist/Video.es.js.map +1 -1
  45. package/dist/actions.cjs.js +467 -3
  46. package/dist/actions.cjs.js.map +1 -1
  47. package/dist/actions.es.js +467 -4
  48. package/dist/actions.es.js.map +1 -1
  49. package/dist/api.cjs.js +20 -1
  50. package/dist/api.cjs.js.map +1 -1
  51. package/dist/api.es.js +20 -1
  52. package/dist/api.es.js.map +1 -1
  53. package/dist/box-model.cjs.js +1 -0
  54. package/dist/box-model.cjs.js.map +1 -1
  55. package/dist/box-model.es.js +1 -0
  56. package/dist/box-model.es.js.map +1 -1
  57. package/dist/builder.cjs.js +1 -0
  58. package/dist/builder.cjs.js.map +1 -1
  59. package/dist/builder.es.js +1 -0
  60. package/dist/builder.es.js.map +1 -1
  61. package/dist/components.cjs.js +1 -1
  62. package/dist/components.es.js +1 -1
  63. package/dist/control-serialization.cjs.js +1 -0
  64. package/dist/control-serialization.cjs.js.map +1 -1
  65. package/dist/control-serialization.es.js +1 -0
  66. package/dist/control-serialization.es.js.map +1 -1
  67. package/dist/controls.cjs.js +1 -0
  68. package/dist/controls.cjs.js.map +1 -1
  69. package/dist/controls.es.js +2 -1
  70. package/dist/controls.es.js.map +1 -1
  71. package/dist/index.cjs.js +71 -41
  72. package/dist/index.cjs.js.map +1 -1
  73. package/dist/index.cjs10.js +5 -4
  74. package/dist/index.cjs10.js.map +1 -1
  75. package/dist/index.cjs2.js +1 -0
  76. package/dist/index.cjs2.js.map +1 -1
  77. package/dist/index.cjs5.js +30 -14
  78. package/dist/index.cjs5.js.map +1 -1
  79. package/dist/index.cjs8.js +1 -1
  80. package/dist/index.cjs9.js +4 -4
  81. package/dist/index.es.js +74 -45
  82. package/dist/index.es.js.map +1 -1
  83. package/dist/index.es10.js +7 -6
  84. package/dist/index.es10.js.map +1 -1
  85. package/dist/index.es2.js +2 -1
  86. package/dist/index.es2.js.map +1 -1
  87. package/dist/index.es5.js +32 -16
  88. package/dist/index.es5.js.map +1 -1
  89. package/dist/index.es6.js +1 -1
  90. package/dist/index.es8.js +1 -1
  91. package/dist/index.es9.js +6 -6
  92. package/dist/main.cjs.js +1 -0
  93. package/dist/main.cjs.js.map +1 -1
  94. package/dist/main.es.js +1 -0
  95. package/dist/main.es.js.map +1 -1
  96. package/dist/next.cjs.js +1 -1
  97. package/dist/next.es.js +2 -2
  98. package/dist/prop-controllers.cjs.js +1 -0
  99. package/dist/prop-controllers.cjs.js.map +1 -1
  100. package/dist/prop-controllers.es.js +1 -0
  101. package/dist/prop-controllers.es.js.map +1 -1
  102. package/dist/react-page.cjs.js +27 -32
  103. package/dist/react-page.cjs.js.map +1 -1
  104. package/dist/react-page.es.js +27 -14
  105. package/dist/react-page.es.js.map +1 -1
  106. package/dist/react.cjs.js +1 -1
  107. package/dist/react.es.js +1 -1
  108. package/dist/slate.cjs.js +25 -67
  109. package/dist/slate.cjs.js.map +1 -1
  110. package/dist/slate.es.js +31 -71
  111. package/dist/slate.es.js.map +1 -1
  112. package/dist/state/breakpoints.cjs.js +14 -0
  113. package/dist/state/breakpoints.cjs.js.map +1 -1
  114. package/dist/state/breakpoints.es.js +14 -1
  115. package/dist/state/breakpoints.es.js.map +1 -1
  116. package/dist/types/src/api/graphql/documents/fragments.d.ts +1 -1
  117. package/dist/types/src/api/graphql/documents/fragments.d.ts.map +1 -1
  118. package/dist/types/src/api/graphql/documents/queries.d.ts.map +1 -1
  119. package/dist/types/src/api/graphql/generated/fragment-document-nodes.d.ts.map +1 -1
  120. package/dist/types/src/api/graphql/generated/types.d.ts +12 -0
  121. package/dist/types/src/api/graphql/generated/types.d.ts.map +1 -1
  122. package/dist/types/src/api/react.d.ts +3 -1
  123. package/dist/types/src/api/react.d.ts.map +1 -1
  124. package/dist/types/src/components/builtin/Button/Button.d.ts +1 -1
  125. package/dist/types/src/components/builtin/Form/components/Field/components/Checkbox/index.d.ts +1 -1
  126. package/dist/types/src/components/page/Page.d.ts.map +1 -1
  127. package/dist/types/src/controls/icon-radio-group.d.ts +1 -1
  128. package/dist/types/src/controls/icon-radio-group.d.ts.map +1 -1
  129. package/dist/types/src/controls/link.d.ts +1 -1
  130. package/dist/types/src/controls/link.d.ts.map +1 -1
  131. package/dist/types/src/controls/select.d.ts +1 -1
  132. package/dist/types/src/controls/select.d.ts.map +1 -1
  133. package/dist/types/src/controls/typography.d.ts +1 -1
  134. package/dist/types/src/controls/typography.d.ts.map +1 -1
  135. package/dist/types/src/next/api-handler/index.d.ts.map +1 -1
  136. package/dist/types/src/next/client.d.ts +11 -2
  137. package/dist/types/src/next/client.d.ts.map +1 -1
  138. package/dist/types/src/next/index.d.ts.map +1 -1
  139. package/dist/types/src/runtimes/react/controls/rich-text-v2/ReadOnlyTextV2.d.ts.map +1 -1
  140. package/dist/types/src/runtimes/react/controls/style-v2.d.ts.map +1 -1
  141. package/dist/types/src/runtimes/react/controls/typography.d.ts +2 -2
  142. package/dist/types/src/runtimes/react/controls/typography.d.ts.map +1 -1
  143. package/dist/types/src/runtimes/react/index.d.ts.map +1 -1
  144. package/dist/types/src/slate/BlockPlugin/index.d.ts.map +1 -1
  145. package/dist/types/src/slate/InlinePlugin/getValue.d.ts +1 -1
  146. package/dist/types/src/slate/InlinePlugin/getValue.d.ts.map +1 -1
  147. package/dist/types/src/slate/LinkPlugin/getValue.d.ts.map +1 -1
  148. package/dist/types/src/slate/TextAlignPlugin/getValue.d.ts +4 -0
  149. package/dist/types/src/slate/TextAlignPlugin/getValue.d.ts.map +1 -0
  150. package/dist/types/src/slate/TextAlignPlugin/index.d.ts.map +1 -1
  151. package/dist/types/src/slate/TypographyPlugin/getValue.d.ts +4 -0
  152. package/dist/types/src/slate/TypographyPlugin/getValue.d.ts.map +1 -0
  153. package/dist/types/src/slate/TypographyPlugin/index.d.ts.map +1 -1
  154. package/dist/types/src/slate/index.d.ts +0 -1
  155. package/dist/types/src/slate/index.d.ts.map +1 -1
  156. package/dist/types/src/slate/utils/responsive.d.ts +3 -5
  157. package/dist/types/src/slate/utils/responsive.d.ts.map +1 -1
  158. package/dist/types/src/state/actions.d.ts +7 -7
  159. package/dist/types/src/state/actions.d.ts.map +1 -1
  160. package/dist/types/src/state/makeswift-api-client.d.ts +1 -1
  161. package/dist/types/src/state/makeswift-api-client.d.ts.map +1 -1
  162. package/dist/types/src/state/modules/breakpoints.d.ts +2 -0
  163. package/dist/types/src/state/modules/breakpoints.d.ts.map +1 -1
  164. package/dist/types/src/state/modules/locales.d.ts +6 -7
  165. package/dist/types/src/state/modules/locales.d.ts.map +1 -1
  166. package/dist/types/src/state/react-builder-preview.d.ts.map +1 -1
  167. package/dist/types/src/state/react-page.d.ts +3 -1
  168. package/dist/types/src/state/react-page.d.ts.map +1 -1
  169. package/dist/types/types/locale.d.ts +9 -0
  170. package/dist/types/types/locale.d.ts.map +1 -0
  171. package/dist/types.cjs2.js +8 -11
  172. package/dist/types.cjs2.js.map +1 -1
  173. package/dist/types.es2.js +9 -12
  174. package/dist/types.es2.js.map +1 -1
  175. package/dist/typography.cjs.js.map +1 -1
  176. package/dist/typography.es.js.map +1 -1
  177. package/package.json +1 -1
  178. package/dist/types/src/slate/ColorPlugin/index.d.ts +0 -10
  179. package/dist/types/src/slate/ColorPlugin/index.d.ts.map +0 -1
@@ -42,6 +42,7 @@ import "next/link";
42
42
  import "use-sync-external-store/shim/with-selector";
43
43
  import "next/dynamic";
44
44
  import "./actions.es.js";
45
+ import "zod";
45
46
  import "./typography.es.js";
46
47
  import "./combobox.es.js";
47
48
  import "slate";
@@ -53,12 +54,9 @@ import "./state/breakpoints.es.js";
53
54
  import "./box-models.es.js";
54
55
  import "css-box-model";
55
56
  import "color";
56
- import "@emotion/serialize";
57
- import "@emotion/utils";
58
57
  import "react-dom";
59
58
  import "html-react-parser";
60
59
  import "next/head";
61
- import "zod";
62
60
  import "@emotion/server/create-instance";
63
61
  import "next/document";
64
62
  import "cors";
@@ -69,6 +67,8 @@ import "set-cookie-parser";
69
67
  import "./constants.es.js";
70
68
  import "uuid";
71
69
  import "corporate-ipsum";
70
+ import "@emotion/serialize";
71
+ import "@emotion/utils";
72
72
  var _path$m;
73
73
  function _extends$m() {
74
74
  _extends$m = Object.assign || function(target) {
package/dist/Text.cjs.js CHANGED
@@ -28,6 +28,7 @@ require("./react-page.cjs.js");
28
28
  require("redux");
29
29
  require("redux-thunk");
30
30
  require("./actions.cjs.js");
31
+ require("zod");
31
32
  require("./state/breakpoints.cjs.js");
32
33
  require("@emotion/css");
33
34
  require("@emotion/serialize");
@@ -44,7 +45,6 @@ require("scroll-into-view-if-needed");
44
45
  require("react-dom");
45
46
  require("html-react-parser");
46
47
  require("next/head");
47
- require("zod");
48
48
  require("@emotion/server/create-instance");
49
49
  require("next/document");
50
50
  require("cors");
package/dist/Text.es.js CHANGED
@@ -26,6 +26,7 @@ import "./react-page.es.js";
26
26
  import "redux";
27
27
  import "redux-thunk";
28
28
  import "./actions.es.js";
29
+ import "zod";
29
30
  import "./state/breakpoints.es.js";
30
31
  import "@emotion/css";
31
32
  import "@emotion/serialize";
@@ -42,7 +43,6 @@ import "scroll-into-view-if-needed";
42
43
  import "react-dom";
43
44
  import "html-react-parser";
44
45
  import "next/head";
45
- import "zod";
46
46
  import "@emotion/server/create-instance";
47
47
  import "next/document";
48
48
  import "cors";
package/dist/Video.cjs.js CHANGED
@@ -28,6 +28,7 @@ var jsxRuntime = require("react/jsx-runtime");
28
28
  require("redux");
29
29
  require("redux-thunk");
30
30
  require("./actions.cjs.js");
31
+ require("zod");
31
32
  require("./state/breakpoints.cjs.js");
32
33
  require("@emotion/serialize");
33
34
  require("@emotion/utils");
@@ -1 +1 @@
1
- {"version":3,"file":"Video.cjs.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref, useEffect, useState } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n id?: ElementIDValue\n video?: VideoValue\n width?: string\n margin?: string\n borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n { id, video, width, margin, borderRadius }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n /**\n * @see https://github.com/cookpete/react-player/issues/1428\n */\n const [shouldRenderReactPlayer, setShouldRenderReactPlayer] = useState(false)\n\n useEffect(() => {\n setShouldRenderReactPlayer(true)\n }, [])\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n width,\n margin,\n borderRadius,\n )}\n >\n <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n {shouldRenderReactPlayer && canPlayUrl === true ? (\n <ReactPlayer\n {...video}\n width=\"100%\"\n height=\"100%\"\n config={{\n vimeo: { playerOptions: { background: video != null && !video.controls } },\n wistia: {\n options: {\n endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n },\n },\n }}\n />\n ) : (\n <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n )}\n </div>\n </div>\n </div>\n )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","shouldRenderReactPlayer","setShouldRenderReactPlayer","useState","useEffect","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","_jsx","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,MAAAA,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,qBAAAA,WAAYC,QAAQR,MAAMM,GAA1B;AAI3C,QAAA,CAACG,yBAAyBC,8BAA8BC,MAAAA,SAAS,KAAD;AAEtEC,QAAAA,UAAU,MAAM;AACdF,+BAA2B,IAAD;AAAA,EADnB,GAEN,CAFM,CAAA;AAKP,wCAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,OACTC,mBAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRhB,OACAC,QACAC,YAJW;AAAA,IAOb,yCAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEe,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMvB;AAAAA,MAAzD;AAAA,MACE,yCAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEsB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QACGd,UAAAA,2BAA2BJ,eAAe,sCACxCE,qBAAAA,YAAD,iCACMP,QADN;AAAA,UAEE,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNwB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAY1B,SAAS,QAAQ,CAACA,MAAM2B;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB9B,SAAS,QAAQA,MAAM+B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAC,2BAAA,IAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKC,aAAAA,aAAajC,MAAMkC;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAhDuB;;"}
1
+ {"version":3,"file":"Video.cjs.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref, useEffect, useState } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n id?: ElementIDValue\n video?: VideoValue\n width?: string\n margin?: string\n borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n { id, video, width, margin, borderRadius }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n /**\n * @see https://github.com/cookpete/react-player/issues/1428\n */\n const [shouldRenderReactPlayer, setShouldRenderReactPlayer] = useState(false)\n\n useEffect(() => {\n setShouldRenderReactPlayer(true)\n }, [])\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n width,\n margin,\n borderRadius,\n )}\n >\n <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n {shouldRenderReactPlayer && canPlayUrl === true ? (\n <ReactPlayer\n {...video}\n width=\"100%\"\n height=\"100%\"\n config={{\n vimeo: { playerOptions: { background: video != null && !video.controls } },\n wistia: {\n options: {\n endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n },\n },\n }}\n />\n ) : (\n <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n )}\n </div>\n </div>\n </div>\n )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","shouldRenderReactPlayer","setShouldRenderReactPlayer","useState","useEffect","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","_jsx","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,MAAAA,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,qBAAAA,WAAYC,QAAQR,MAAMM,GAA1B;AAI3C,QAAA,CAACG,yBAAyBC,8BAA8BC,MAAAA,SAAS,KAAD;AAEtEC,QAAAA,UAAU,MAAM;AACdF,+BAA2B,IAAD;AAAA,EADnB,GAEN,CAFM,CAAA;AAKP,wCAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,OACTC,mBAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRhB,OACAC,QACAC,YAJW;AAAA,IAOb,yCAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEe,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMvB;AAAAA,MAAzD;AAAA,MACE,yCAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEsB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QACGd,UAAAA,2BAA2BJ,eAAe,sCACxCE,qBAAAA,YAAD,iCACMP,QADN;AAAA,UAEE,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNwB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAY1B,SAAS,QAAQ,CAACA,MAAM2B;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB9B,SAAS,QAAQA,MAAM+B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAC,2BAAA,IAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKC,aAAAA,aAAajC,MAAMkC;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAhDuB;;"}
package/dist/Video.es.js CHANGED
@@ -26,6 +26,7 @@ import { jsx } from "react/jsx-runtime";
26
26
  import "redux";
27
27
  import "redux-thunk";
28
28
  import "./actions.es.js";
29
+ import "zod";
29
30
  import "./state/breakpoints.es.js";
30
31
  import "@emotion/serialize";
31
32
  import "@emotion/utils";
@@ -1 +1 @@
1
- {"version":3,"file":"Video.es.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref, useEffect, useState } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n id?: ElementIDValue\n video?: VideoValue\n width?: string\n margin?: string\n borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n { id, video, width, margin, borderRadius }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n /**\n * @see https://github.com/cookpete/react-player/issues/1428\n */\n const [shouldRenderReactPlayer, setShouldRenderReactPlayer] = useState(false)\n\n useEffect(() => {\n setShouldRenderReactPlayer(true)\n }, [])\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n width,\n margin,\n borderRadius,\n )}\n >\n <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n {shouldRenderReactPlayer && canPlayUrl === true ? (\n <ReactPlayer\n {...video}\n width=\"100%\"\n height=\"100%\"\n config={{\n vimeo: { playerOptions: { background: video != null && !video.controls } },\n wistia: {\n options: {\n endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n },\n },\n }}\n />\n ) : (\n <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n )}\n </div>\n </div>\n </div>\n )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","shouldRenderReactPlayer","setShouldRenderReactPlayer","useState","useEffect","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","_jsx","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,YAAYC,QAAQR,MAAMM,GAA1B;AAI3C,QAAA,CAACG,yBAAyBC,8BAA8BC,SAAS,KAAD;AAEtEC,YAAU,MAAM;AACdF,+BAA2B,IAAD;AAAA,EADnB,GAEN,CAFM,CAAA;AAKP,6BAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,GACTC,SAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRhB,OACAC,QACAC,YAJW;AAAA,IAOb,8BAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEe,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMvB;AAAAA,MAAzD;AAAA,MACE,8BAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEsB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QACGd,UAAAA,2BAA2BJ,eAAe,2BACxC,aAAD,iCACML,QADN;AAAA,UAEE,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNwB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAY1B,SAAS,QAAQ,CAACA,MAAM2B;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB9B,SAAS,QAAQA,MAAM+B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAC,oBAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKC,aAAajC,MAAMkC;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAhDuB;;"}
1
+ {"version":3,"file":"Video.es.js","sources":["../src/components/builtin/Video/Video.tsx"],"sourcesContent":["import { cx } from '@emotion/css'\nimport { forwardRef, Ref, useEffect, useState } from 'react'\nimport ReactPlayer from 'react-player'\n\nimport { ElementIDValue, VideoValue } from '../../../prop-controllers/descriptors'\nimport { useStyle } from '../../../runtimes/react/use-style'\nimport { placeholders } from '../../utils/placeholders'\n\ntype Props = {\n id?: ElementIDValue\n video?: VideoValue\n width?: string\n margin?: string\n borderRadius?: string\n}\n\nconst ASPECT_RATIO = 16 / 9\n\nconst Video = forwardRef(function Video(\n { id, video, width, margin, borderRadius }: Props,\n ref: Ref<HTMLDivElement>,\n) {\n const canPlayUrl = video && video.url != null && ReactPlayer.canPlay(video.url)\n /**\n * @see https://github.com/cookpete/react-player/issues/1428\n */\n const [shouldRenderReactPlayer, setShouldRenderReactPlayer] = useState(false)\n\n useEffect(() => {\n setShouldRenderReactPlayer(true)\n }, [])\n\n return (\n <div\n ref={ref}\n id={id}\n className={cx(\n useStyle({ display: 'flex', flexDirection: 'column', overflow: 'hidden' }),\n width,\n margin,\n borderRadius,\n )}\n >\n <div style={{ position: 'relative', paddingTop: `${100 / ASPECT_RATIO}%` }}>\n <div style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0 }}>\n {shouldRenderReactPlayer && canPlayUrl === true ? (\n <ReactPlayer\n {...video}\n width=\"100%\"\n height=\"100%\"\n config={{\n vimeo: { playerOptions: { background: video != null && !video.controls } },\n wistia: {\n options: {\n endVideoBehavior: video != null && video.loop === true ? 'loop' : 'default',\n },\n },\n }}\n />\n ) : (\n <img width=\"100%\" src={placeholders.video.src} alt=\"Video Placeholder\" />\n )}\n </div>\n </div>\n </div>\n )\n})\n\nexport default Video\n"],"names":["ASPECT_RATIO","Video","forwardRef","id","video","width","margin","borderRadius","ref","canPlayUrl","url","ReactPlayer","canPlay","shouldRenderReactPlayer","setShouldRenderReactPlayer","useState","useEffect","cx","useStyle","display","flexDirection","overflow","position","paddingTop","top","left","right","bottom","vimeo","playerOptions","background","controls","wistia","options","endVideoBehavior","loop","_jsx","placeholders","src"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,eAAe,KAAK;AAEpBC,MAAAA,QAAQC,WAAW,gBACvB;AAAA,EAAEC;AAAAA,EAAIC;AAAAA,EAAOC;AAAAA,EAAOC;AAAAA,EAAQC;AAAAA,GAC5BC,KACA;AACMC,QAAAA,aAAaL,SAASA,MAAMM,OAAO,QAAQC,YAAYC,QAAQR,MAAMM,GAA1B;AAI3C,QAAA,CAACG,yBAAyBC,8BAA8BC,SAAS,KAAD;AAEtEC,YAAU,MAAM;AACdF,+BAA2B,IAAD;AAAA,EADnB,GAEN,CAFM,CAAA;AAKP,6BAAA,OAAA;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAWG,GACTC,SAAS;AAAA,MAAEC,SAAS;AAAA,MAAQC,eAAe;AAAA,MAAUC,UAAU;AAAA,IAAA,CAAvD,GACRhB,OACAC,QACAC,YAJW;AAAA,IAOb,8BAAA,OAAA;AAAA,MAAK,OAAO;AAAA,QAAEe,UAAU;AAAA,QAAYC,YAAa,GAAE,MAAMvB;AAAAA,MAAzD;AAAA,MACE,8BAAA,OAAA;AAAA,QAAK,OAAO;AAAA,UAAEsB,UAAU;AAAA,UAAYE,KAAK;AAAA,UAAGC,MAAM;AAAA,UAAGC,OAAO;AAAA,UAAGC,QAAQ;AAAA,QAAvE;AAAA,QACGd,UAAAA,2BAA2BJ,eAAe,2BACxC,aAAD,iCACML,QADN;AAAA,UAEE,OAAM;AAAA,UACN,QAAO;AAAA,UACP,QAAQ;AAAA,YACNwB,OAAO;AAAA,cAAEC,eAAe;AAAA,gBAAEC,YAAY1B,SAAS,QAAQ,CAACA,MAAM2B;AAAAA,cAAtC;AAAA,YADlB;AAAA,YAENC,QAAQ;AAAA,cACNC,SAAS;AAAA,gBACPC,kBAAkB9B,SAAS,QAAQA,MAAM+B,SAAS,OAAO,SAAS;AAAA,cAD3D;AAAA,YADH;AAAA,UAFF;AAAA,QAAA,EAJV,IAcAC,oBAAA,OAAA;AAAA,UAAK,OAAM;AAAA,UAAO,KAAKC,aAAajC,MAAMkC;AAAAA,UAAK,KAAI;AAAA,QAAA,CAAnD;AAAA,MAAA,CAhBJ;AAAA,IAAA,CADF;AAAA,EAAA,CAXJ;AAkCD,CAhDuB;;"}
@@ -1,4 +1,458 @@
1
1
  "use strict";
2
+ var zod = require("zod");
3
+ const localeStringSchema = zod.z.string().transform((value, ctx) => {
4
+ const { language, region } = new Intl.Locale(value);
5
+ const languageResult = languageCodeSchema.safeParse(language);
6
+ if (languageResult.success && region == null && value === languageResult.data) {
7
+ return languageResult.data;
8
+ }
9
+ const countryCodeResult = countryCodeSchema.safeParse(region);
10
+ if (languageResult.success && countryCodeResult.success && value === `${languageResult.data}-${countryCodeResult.data}`) {
11
+ return `${languageResult.data}-${countryCodeResult.data}`;
12
+ }
13
+ ctx.addIssue({
14
+ code: zod.z.ZodIssueCode.custom,
15
+ message: `Locale is not supported: '${value}'. Make sure the locale is in the format of 'language', e.g. 'en', or 'language-country', e.g. 'en-US'.`
16
+ });
17
+ return zod.z.NEVER;
18
+ });
19
+ const languageCodeSchema = zod.z.enum([
20
+ "aa",
21
+ "ab",
22
+ "ae",
23
+ "af",
24
+ "ak",
25
+ "am",
26
+ "an",
27
+ "ar",
28
+ "as",
29
+ "av",
30
+ "ay",
31
+ "az",
32
+ "ba",
33
+ "be",
34
+ "bg",
35
+ "bh",
36
+ "bi",
37
+ "bm",
38
+ "bn",
39
+ "bo",
40
+ "br",
41
+ "bs",
42
+ "ca",
43
+ "ce",
44
+ "ch",
45
+ "co",
46
+ "cr",
47
+ "cs",
48
+ "cu",
49
+ "cv",
50
+ "cy",
51
+ "da",
52
+ "de",
53
+ "dv",
54
+ "dz",
55
+ "ee",
56
+ "el",
57
+ "en",
58
+ "eo",
59
+ "es",
60
+ "et",
61
+ "eu",
62
+ "fa",
63
+ "ff",
64
+ "fi",
65
+ "fj",
66
+ "fo",
67
+ "fr",
68
+ "fy",
69
+ "ga",
70
+ "gd",
71
+ "gl",
72
+ "gn",
73
+ "gu",
74
+ "gv",
75
+ "ha",
76
+ "he",
77
+ "hi",
78
+ "ho",
79
+ "hr",
80
+ "ht",
81
+ "hu",
82
+ "hy",
83
+ "hz",
84
+ "ia",
85
+ "id",
86
+ "ie",
87
+ "ig",
88
+ "ii",
89
+ "ik",
90
+ "io",
91
+ "is",
92
+ "it",
93
+ "iu",
94
+ "ja",
95
+ "jv",
96
+ "ka",
97
+ "kg",
98
+ "ki",
99
+ "kj",
100
+ "kk",
101
+ "kl",
102
+ "km",
103
+ "kn",
104
+ "ko",
105
+ "kr",
106
+ "ks",
107
+ "ku",
108
+ "kv",
109
+ "kw",
110
+ "ky",
111
+ "la",
112
+ "lb",
113
+ "lg",
114
+ "li",
115
+ "ln",
116
+ "lo",
117
+ "lt",
118
+ "lu",
119
+ "lv",
120
+ "mg",
121
+ "mh",
122
+ "mi",
123
+ "mk",
124
+ "ml",
125
+ "mn",
126
+ "mr",
127
+ "ms",
128
+ "mt",
129
+ "my",
130
+ "na",
131
+ "nb",
132
+ "nd",
133
+ "ne",
134
+ "ng",
135
+ "nl",
136
+ "nn",
137
+ "no",
138
+ "nr",
139
+ "nv",
140
+ "ny",
141
+ "oc",
142
+ "oj",
143
+ "om",
144
+ "or",
145
+ "os",
146
+ "pa",
147
+ "pi",
148
+ "pl",
149
+ "ps",
150
+ "pt",
151
+ "qu",
152
+ "rm",
153
+ "rn",
154
+ "ro",
155
+ "ru",
156
+ "rw",
157
+ "sa",
158
+ "sc",
159
+ "sd",
160
+ "se",
161
+ "sg",
162
+ "si",
163
+ "sk",
164
+ "sl",
165
+ "sm",
166
+ "sn",
167
+ "so",
168
+ "sq",
169
+ "sr",
170
+ "ss",
171
+ "st",
172
+ "su",
173
+ "sv",
174
+ "sw",
175
+ "ta",
176
+ "te",
177
+ "tg",
178
+ "th",
179
+ "ti",
180
+ "tk",
181
+ "tl",
182
+ "tn",
183
+ "to",
184
+ "tr",
185
+ "ts",
186
+ "tt",
187
+ "tw",
188
+ "ty",
189
+ "ug",
190
+ "uk",
191
+ "ur",
192
+ "uz",
193
+ "ve",
194
+ "vi",
195
+ "vo",
196
+ "wa",
197
+ "wo",
198
+ "xh",
199
+ "yi",
200
+ "yo",
201
+ "za",
202
+ "zh",
203
+ "zu"
204
+ ]);
205
+ const countryCodeSchema = zod.z.enum([
206
+ "AF",
207
+ "AX",
208
+ "AL",
209
+ "DZ",
210
+ "AS",
211
+ "AD",
212
+ "AO",
213
+ "AI",
214
+ "AQ",
215
+ "AG",
216
+ "AR",
217
+ "AM",
218
+ "AW",
219
+ "AU",
220
+ "AT",
221
+ "AZ",
222
+ "BS",
223
+ "BH",
224
+ "BD",
225
+ "BB",
226
+ "BY",
227
+ "BE",
228
+ "BZ",
229
+ "BJ",
230
+ "BM",
231
+ "BT",
232
+ "BO",
233
+ "BQ",
234
+ "BA",
235
+ "BW",
236
+ "BV",
237
+ "BR",
238
+ "IO",
239
+ "BN",
240
+ "BG",
241
+ "BF",
242
+ "BI",
243
+ "KH",
244
+ "CM",
245
+ "CA",
246
+ "CV",
247
+ "KY",
248
+ "CF",
249
+ "TD",
250
+ "CL",
251
+ "CN",
252
+ "CX",
253
+ "CC",
254
+ "CO",
255
+ "KM",
256
+ "CG",
257
+ "CD",
258
+ "CK",
259
+ "CR",
260
+ "CI",
261
+ "HR",
262
+ "CU",
263
+ "CW",
264
+ "CY",
265
+ "CZ",
266
+ "DK",
267
+ "DJ",
268
+ "DM",
269
+ "DO",
270
+ "EC",
271
+ "EG",
272
+ "SV",
273
+ "GQ",
274
+ "ER",
275
+ "EE",
276
+ "ET",
277
+ "FK",
278
+ "FO",
279
+ "FJ",
280
+ "FI",
281
+ "FR",
282
+ "GF",
283
+ "PF",
284
+ "TF",
285
+ "GA",
286
+ "GM",
287
+ "GE",
288
+ "DE",
289
+ "GH",
290
+ "GI",
291
+ "GR",
292
+ "GL",
293
+ "GD",
294
+ "GP",
295
+ "GU",
296
+ "GT",
297
+ "GG",
298
+ "GN",
299
+ "GW",
300
+ "GY",
301
+ "HT",
302
+ "HM",
303
+ "VA",
304
+ "HN",
305
+ "HK",
306
+ "HU",
307
+ "IS",
308
+ "IN",
309
+ "ID",
310
+ "IR",
311
+ "IQ",
312
+ "IE",
313
+ "IM",
314
+ "IL",
315
+ "IT",
316
+ "JM",
317
+ "JP",
318
+ "JE",
319
+ "JO",
320
+ "KZ",
321
+ "KE",
322
+ "KI",
323
+ "KP",
324
+ "KR",
325
+ "KW",
326
+ "KG",
327
+ "LA",
328
+ "LV",
329
+ "LB",
330
+ "LS",
331
+ "LR",
332
+ "LY",
333
+ "LI",
334
+ "LT",
335
+ "LU",
336
+ "MO",
337
+ "MK",
338
+ "MG",
339
+ "MW",
340
+ "MY",
341
+ "MV",
342
+ "ML",
343
+ "MT",
344
+ "MH",
345
+ "MQ",
346
+ "MR",
347
+ "MU",
348
+ "YT",
349
+ "MX",
350
+ "FM",
351
+ "MD",
352
+ "MC",
353
+ "MN",
354
+ "ME",
355
+ "MS",
356
+ "MA",
357
+ "MZ",
358
+ "MM",
359
+ "NA",
360
+ "NR",
361
+ "NP",
362
+ "NL",
363
+ "NC",
364
+ "NZ",
365
+ "NI",
366
+ "NE",
367
+ "NG",
368
+ "NU",
369
+ "NF",
370
+ "MP",
371
+ "NO",
372
+ "OM",
373
+ "PK",
374
+ "PW",
375
+ "PS",
376
+ "PA",
377
+ "PG",
378
+ "PY",
379
+ "PE",
380
+ "PH",
381
+ "PN",
382
+ "PL",
383
+ "PT",
384
+ "PR",
385
+ "QA",
386
+ "RE",
387
+ "RO",
388
+ "RU",
389
+ "RW",
390
+ "BL",
391
+ "SH",
392
+ "KN",
393
+ "LC",
394
+ "MF",
395
+ "PM",
396
+ "VC",
397
+ "WS",
398
+ "SM",
399
+ "ST",
400
+ "SA",
401
+ "SN",
402
+ "RS",
403
+ "SC",
404
+ "SL",
405
+ "SG",
406
+ "SX",
407
+ "SK",
408
+ "SI",
409
+ "SB",
410
+ "SO",
411
+ "ZA",
412
+ "GS",
413
+ "SS",
414
+ "ES",
415
+ "LK",
416
+ "SD",
417
+ "SR",
418
+ "SJ",
419
+ "SZ",
420
+ "SE",
421
+ "CH",
422
+ "SY",
423
+ "TW",
424
+ "TJ",
425
+ "TZ",
426
+ "TH",
427
+ "TL",
428
+ "TG",
429
+ "TK",
430
+ "TO",
431
+ "TT",
432
+ "TN",
433
+ "TR",
434
+ "TM",
435
+ "TC",
436
+ "TV",
437
+ "UG",
438
+ "UA",
439
+ "AE",
440
+ "GB",
441
+ "US",
442
+ "UM",
443
+ "UY",
444
+ "UZ",
445
+ "VU",
446
+ "VE",
447
+ "VN",
448
+ "VG",
449
+ "VI",
450
+ "WF",
451
+ "EH",
452
+ "YE",
453
+ "ZM",
454
+ "ZW"
455
+ ]);
2
456
  const ActionTypes = {
3
457
  INIT: "INIT",
4
458
  CLEAN_UP: "CLEAN_UP",
@@ -238,13 +692,22 @@ function setBreakpoints(breakpoints) {
238
692
  return { type: ActionTypes.SET_BREAKPOINTS, payload: { breakpoints } };
239
693
  }
240
694
  function setLocales(locales) {
241
- return { type: ActionTypes.SET_LOCALES, payload: { locales } };
695
+ return {
696
+ type: ActionTypes.SET_LOCALES,
697
+ payload: { locales: locales.map((locale) => localeStringSchema.parse(locale.toString())) }
698
+ };
242
699
  }
243
700
  function setLocale(locale) {
244
- return { type: ActionTypes.SET_LOCALE, payload: { locale } };
701
+ return {
702
+ type: ActionTypes.SET_LOCALE,
703
+ payload: { locale: localeStringSchema.parse(locale.toString()) }
704
+ };
245
705
  }
246
706
  function setDefaultLocale(defaultLocale) {
247
- return { type: ActionTypes.SET_DEFAULT_LOCALE, payload: { defaultLocale } };
707
+ return {
708
+ type: ActionTypes.SET_DEFAULT_LOCALE,
709
+ payload: { defaultLocale: localeStringSchema.parse(defaultLocale.toString()) }
710
+ };
248
711
  }
249
712
  exports.ActionTypes = ActionTypes;
250
713
  exports.apiResourceFulfilled = apiResourceFulfilled;
@@ -263,6 +726,7 @@ exports.evictApiResource = evictApiResource;
263
726
  exports.handlePointerMove = handlePointerMove;
264
727
  exports.handleWheel = handleWheel;
265
728
  exports.init = init;
729
+ exports.localeStringSchema = localeStringSchema;
266
730
  exports.messageBuilderPropController = messageBuilderPropController;
267
731
  exports.messageHostPropController = messageHostPropController;
268
732
  exports.mountComponentEffect = mountComponentEffect;