@plasmicpkgs/react-youtube 7.13.95 → 7.13.97

package/dist/react-youtube.cjs.development.js

@@ -9,61 +9,20 @@ var React = _interopDefault(require('react'));
 var YouTubeImpl = _interopDefault(require('react-youtube'));
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (it) return (it = it.call(o)).next.bind(it);
-
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-    if (it) o = it;
-    var i = 0;
-    return function () {
-      if (i >= o.length) return {
-        done: true
-      };
-      return {
-        done: false,
-        value: o[i++]
-      };
-    };
-  }
-
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 var playerParams = ["autoplay", "cc_load_policy", "color", "controls", "disablekb", "enablejsapi", "end", "fs", "hl", "iv_load_policy", "list", "listType", "loop", "modestbranding", "origin", "playlist", "playsinline", "rel", "start"];
 var booleanParams = ["autoplay", "cc_load_policy", "controls", "disablekb", "fs", "loop", "modestbranding", "playsinline", "rel"];
 var booleanParamsSet = /*#__PURE__*/new Set(booleanParams);
@@ -71,7 +30,6 @@ var YouTube = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var internalRef = React.useRef(null);
   var onRef = React.useCallback(function (player) {
     internalRef.current = player;
-
     if (ref) {
       if (typeof ref === "function") {
         ref(player);
@@ -84,33 +42,25 @@ var YouTube = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (props.mute !== undefined) {
       if (props.mute) {
         var _internalRef$current, _internalRef$current$;
-
         (_internalRef$current = internalRef.current) == null ? void 0 : (_internalRef$current$ = _internalRef$current.getInternalPlayer()) == null ? void 0 : _internalRef$current$.mute();
       } else {
         var _internalRef$current2, _internalRef$current3;
-
         (_internalRef$current2 = internalRef.current) == null ? void 0 : (_internalRef$current3 = _internalRef$current2.getInternalPlayer()) == null ? void 0 : _internalRef$current3.unMute();
       }
     }
   }, [props.mute, internalRef]);
-
   var finalProps = _extends({}, props);
-
-  for (var _iterator = _createForOfIteratorHelperLoose(playerParams), _step; !(_step = _iterator()).done;) {
-    var prop = _step.value;
-
+  for (var _i = 0, _playerParams = playerParams; _i < _playerParams.length; _i++) {
+    var prop = _playerParams[_i];
     if (prop in finalProps) {
       var value = finalProps[prop];
       delete finalProps[prop];
-
       if (!finalProps.opts) {
         finalProps.opts = {};
       }
-
       if (!finalProps.opts.playerVars) {
         finalProps.opts.playerVars = {};
       }
-
       if (booleanParamsSet.has(prop)) {
         if (prop === "cc_load_policy" || prop === "modestbranding") {
           // undefined or 1
@@ -128,7 +78,6 @@ var YouTube = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     }
   }
-
   return React.createElement(YouTubeImpl, Object.assign({
     ref: onRef
   }, finalProps, {

package/dist/react-youtube.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-youtube.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, { YouTubeProps as YouTubeImplProps } from \"react-youtube\";\nimport type { Options } from \"youtube-player/dist/types\";\n\ntype PlayerVars = Exclude<Options[\"playerVars\"], undefined>;\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  } & { mute?: boolean };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"start\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    const internalRef = React.useRef<YouTubeImpl | null>(null);\n\n    const onRef = React.useCallback(\n      (player: YouTubeImpl | null) => {\n        internalRef.current = player;\n        if (ref) {\n          if (typeof ref === \"function\") {\n            ref(player);\n          } else {\n            ref.current = player;\n          }\n        }\n      },\n      [ref]\n    );\n\n    React.useEffect(() => {\n      if (props.mute !== undefined) {\n        if (props.mute) {\n          internalRef.current?.getInternalPlayer()?.mute();\n        } else {\n          internalRef.current?.getInternalPlayer()?.unMute();\n        }\n      }\n    }, [props.mute, internalRef]);\n\n    const finalProps = { ...props };\n    for (const prop of playerParams) {\n      if (prop in finalProps) {\n        const value = finalProps[prop];\n        delete finalProps[prop];\n        if (!finalProps.opts) {\n          finalProps.opts = {};\n        }\n        if (!finalProps.opts.playerVars) {\n          finalProps.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              finalProps.opts.playerVars[prop] = 1;\n            } else {\n              delete finalProps.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            finalProps.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          finalProps.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return (\n      <YouTubeImpl\n        ref={onRef}\n        {...finalProps}\n        iframeClassName={props.className}\n      />\n    );\n  }\n);\n\nexport const youtubeMeta: ComponentMeta<YouTubeProps> = {\n  name: \"hostless-youtube\",\n  displayName: \"YouTube\",\n  importName: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video should automatically start playing when the player loads\",\n      defaultValueHint: false,\n      hidden: (props) => !props.mute,\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n      defaultValueHint: false,\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n      defaultValueHint: 0,\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n      defaultValueHint: \"red\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n      defaultValueHint: true,\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n      defaultValueHint: false,\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n      defaultValueHint: true,\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n      defaultValueHint: false,\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo in the control bar\",\n      defaultValueHint: false,\n    },\n    mute: {\n      type: \"boolean\",\n      displayName: \"Mute\",\n      description: \"Whether the video should be muted\",\n      defaultValueHint: false,\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n      defaultValueHint: false,\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n      defaultValueHint: true,\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerYouTube(\n  loader?: { registerComponent: typeof registerComponent },\n  customYouTubeMeta?: ComponentMeta<YouTubeProps>\n) {\n  if (loader) {\n    loader.registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  } else {\n    registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  }\n}\n\nexport default YouTube;\n"],"names":["playerParams","booleanParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","internalRef","useRef","onRef","useCallback","player","current","useEffect","mute","undefined","getInternalPlayer","unMute","finalProps","prop","value","opts","playerVars","has","YouTubeImpl","iframeClassName","className","youtubeMeta","name","displayName","importName","importPath","videoId","type","defaultValue","description","autoplay","defaultValueHint","hidden","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth","registerYouTube","loader","customYouTubeMeta","registerComponent"],"mappings":"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"}
+{"version":3,"file":"react-youtube.cjs.development.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, { YouTubeProps as YouTubeImplProps } from \"react-youtube\";\nimport type { Options } from \"youtube-player/dist/types\";\n\ntype PlayerVars = Exclude<Options[\"playerVars\"], undefined>;\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  } & { mute?: boolean };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"start\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    const internalRef = React.useRef<YouTubeImpl | null>(null);\n\n    const onRef = React.useCallback(\n      (player: YouTubeImpl | null) => {\n        internalRef.current = player;\n        if (ref) {\n          if (typeof ref === \"function\") {\n            ref(player);\n          } else {\n            ref.current = player;\n          }\n        }\n      },\n      [ref]\n    );\n\n    React.useEffect(() => {\n      if (props.mute !== undefined) {\n        if (props.mute) {\n          internalRef.current?.getInternalPlayer()?.mute();\n        } else {\n          internalRef.current?.getInternalPlayer()?.unMute();\n        }\n      }\n    }, [props.mute, internalRef]);\n\n    const finalProps = { ...props };\n    for (const prop of playerParams) {\n      if (prop in finalProps) {\n        const value = finalProps[prop];\n        delete finalProps[prop];\n        if (!finalProps.opts) {\n          finalProps.opts = {};\n        }\n        if (!finalProps.opts.playerVars) {\n          finalProps.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              finalProps.opts.playerVars[prop] = 1;\n            } else {\n              delete finalProps.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            finalProps.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          finalProps.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return (\n      <YouTubeImpl\n        ref={onRef}\n        {...finalProps}\n        iframeClassName={props.className}\n      />\n    );\n  }\n);\n\nexport const youtubeMeta: ComponentMeta<YouTubeProps> = {\n  name: \"hostless-youtube\",\n  displayName: \"YouTube\",\n  importName: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video should automatically start playing when the player loads\",\n      defaultValueHint: false,\n      hidden: (props) => !props.mute,\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n      defaultValueHint: false,\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n      defaultValueHint: 0,\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n      defaultValueHint: \"red\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n      defaultValueHint: true,\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n      defaultValueHint: false,\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n      defaultValueHint: true,\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n      defaultValueHint: false,\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo in the control bar\",\n      defaultValueHint: false,\n    },\n    mute: {\n      type: \"boolean\",\n      displayName: \"Mute\",\n      description: \"Whether the video should be muted\",\n      defaultValueHint: false,\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n      defaultValueHint: false,\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n      defaultValueHint: true,\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerYouTube(\n  loader?: { registerComponent: typeof registerComponent },\n  customYouTubeMeta?: ComponentMeta<YouTubeProps>\n) {\n  if (loader) {\n    loader.registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  } else {\n    registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  }\n}\n\nexport default YouTube;\n"],"names":["playerParams","booleanParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","internalRef","useRef","onRef","useCallback","player","current","useEffect","mute","undefined","getInternalPlayer","unMute","finalProps","prop","value","opts","playerVars","has","YouTubeImpl","iframeClassName","className","youtubeMeta","name","displayName","importName","importPath","videoId","type","defaultValue","description","autoplay","defaultValueHint","hidden","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth","registerYouTube","loader","customYouTubeMeta","registerComponent"],"mappings":"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"}

package/dist/react-youtube.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),o=e(require("react")),a=e(require("react-youtube"));function r(){return(r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e}).apply(this,arguments)}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var o=0,a=new Array(t);o<t;o++)a[o]=e[o];return a}var n=["autoplay","cc_load_policy","color","controls","disablekb","enablejsapi","end","fs","hl","iv_load_policy","list","listType","loop","modestbranding","origin","playlist","playsinline","rel","start"],i=new Set(["autoplay","cc_load_policy","controls","disablekb","fs","loop","modestbranding","playsinline","rel"]),s=o.forwardRef((function(e,t){var s=o.useRef(null),d=o.useCallback((function(e){s.current=e,t&&("function"==typeof t?t(e):t.current=e)}),[t]);o.useEffect((function(){var t,o,a,r;void 0!==e.mute&&(e.mute?null==(t=s.current)||null==(o=t.getInternalPlayer())||o.mute():null==(a=s.current)||null==(r=a.getInternalPlayer())||r.unMute())}),[e.mute,s]);for(var u,p=r({},e),h=function(e,t){var o="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(o)return(o=o.call(e)).next.bind(o);if(Array.isArray(e)||(o=function(e,t){if(e){if("string"==typeof e)return l(e,void 0);var o=Object.prototype.toString.call(e).slice(8,-1);return"Object"===o&&e.constructor&&(o=e.constructor.name),"Map"===o||"Set"===o?Array.from(e):"Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)?l(e,void 0):void 0}}(e))){o&&(e=o);var a=0;return function(){return a>=e.length?{done:!0}:{done:!1,value:e[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(n);!(u=h()).done;){var c=u.value;if(c in p){var y=p[c];delete p[c],p.opts||(p.opts={}),p.opts.playerVars||(p.opts.playerVars={}),i.has(c)?"cc_load_policy"===c||"modestbranding"===c?y?p.opts.playerVars[c]=1:delete p.opts.playerVars[c]:p.opts.playerVars[c]=y?1:0:p.opts.playerVars[c]=y}}return o.createElement(a,Object.assign({ref:d},p,{iframeClassName:e.className}))})),d={name:"hostless-youtube",displayName:"YouTube",importName:"YouTube",importPath:"@plasmicpkgs/react-youtube",props:{videoId:{type:"string",defaultValue:"R6MeLqRQzYw",displayName:"Video ID",description:"The ID for the YouTube video"},autoplay:{type:"boolean",displayName:"Auto Play",description:"Whether the video should automatically start playing when the player loads",defaultValueHint:!1,hidden:function(e){return!e.mute}},cc_load_policy:{type:"boolean",displayName:"Show Captions",description:"Whether the captions should be shown by default, even if the user has turned captions off",defaultValueHint:!1},start:{type:"number",displayName:"Start",description:"The video should begin at this amount of seconds from the start of the video",defaultValueHint:0},end:{type:"number",displayName:"End",description:"Stop playing the video after this amount of seconds (measured from the start of the video)"},color:{type:"choice",displayName:"Color",options:["red","white"],description:"The color used in the display bar to highlight how much of the video the viewer has already seen",defaultValueHint:"red"},controls:{type:"boolean",displayName:"Show Controls",description:"Whether the YouTube video player controls should be displayed",defaultValueHint:!0},disablekb:{type:"boolean",displayName:"Disable Keyboard",description:"Whether the keyboard controls should be disabled",defaultValueHint:!1},fs:{type:"boolean",displayName:"FullScreen Button",description:"Whether the fullscreen button should be displayed",defaultValueHint:!0},loop:{type:"boolean",displayName:"Loop",description:"Whether the video should be played again after it finishes",defaultValueHint:!1},modestbranding:{type:"boolean",displayName:"Hide Logo",description:"Hide the YouTube logo in the control bar",defaultValueHint:!1},mute:{type:"boolean",displayName:"Mute",description:"Whether the video should be muted",defaultValueHint:!1},playsinline:{type:"boolean",displayName:"Play Inline",description:"Whether the video should be played inline or fullscreen on iOS",defaultValueHint:!1},rel:{type:"boolean",displayName:"Related Videos",description:"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)",defaultValueHint:!0}},isDefaultExport:!0,defaultStyles:{height:"390px",width:"640px",maxHeight:"100%",maxWidth:"100%"}};exports.default=s,exports.registerYouTube=function(e,o){e?e.registerComponent(s,null!=o?o:d):t(s,null!=o?o:d)},exports.youtubeMeta=d;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),o=e(require("react")),a=e(require("react-youtube"));function l(){return(l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var a in o)Object.prototype.hasOwnProperty.call(o,a)&&(e[a]=o[a])}return e}).apply(this,arguments)}var i=["autoplay","cc_load_policy","color","controls","disablekb","enablejsapi","end","fs","hl","iv_load_policy","list","listType","loop","modestbranding","origin","playlist","playsinline","rel","start"],n=new Set(["autoplay","cc_load_policy","controls","disablekb","fs","loop","modestbranding","playsinline","rel"]),r=o.forwardRef((function(e,t){var r=o.useRef(null),s=o.useCallback((function(e){r.current=e,t&&("function"==typeof t?t(e):t.current=e)}),[t]);o.useEffect((function(){var t,o,a,l;void 0!==e.mute&&(e.mute?null==(t=r.current)||null==(o=t.getInternalPlayer())||o.mute():null==(a=r.current)||null==(l=a.getInternalPlayer())||l.unMute())}),[e.mute,r]);for(var d=l({},e),u=0,p=i;u<p.length;u++){var h=p[u];if(h in d){var c=d[h];delete d[h],d.opts||(d.opts={}),d.opts.playerVars||(d.opts.playerVars={}),n.has(h)?"cc_load_policy"===h||"modestbranding"===h?c?d.opts.playerVars[h]=1:delete d.opts.playerVars[h]:d.opts.playerVars[h]=c?1:0:d.opts.playerVars[h]=c}}return o.createElement(a,Object.assign({ref:s},d,{iframeClassName:e.className}))})),s={name:"hostless-youtube",displayName:"YouTube",importName:"YouTube",importPath:"@plasmicpkgs/react-youtube",props:{videoId:{type:"string",defaultValue:"R6MeLqRQzYw",displayName:"Video ID",description:"The ID for the YouTube video"},autoplay:{type:"boolean",displayName:"Auto Play",description:"Whether the video should automatically start playing when the player loads",defaultValueHint:!1,hidden:function(e){return!e.mute}},cc_load_policy:{type:"boolean",displayName:"Show Captions",description:"Whether the captions should be shown by default, even if the user has turned captions off",defaultValueHint:!1},start:{type:"number",displayName:"Start",description:"The video should begin at this amount of seconds from the start of the video",defaultValueHint:0},end:{type:"number",displayName:"End",description:"Stop playing the video after this amount of seconds (measured from the start of the video)"},color:{type:"choice",displayName:"Color",options:["red","white"],description:"The color used in the display bar to highlight how much of the video the viewer has already seen",defaultValueHint:"red"},controls:{type:"boolean",displayName:"Show Controls",description:"Whether the YouTube video player controls should be displayed",defaultValueHint:!0},disablekb:{type:"boolean",displayName:"Disable Keyboard",description:"Whether the keyboard controls should be disabled",defaultValueHint:!1},fs:{type:"boolean",displayName:"FullScreen Button",description:"Whether the fullscreen button should be displayed",defaultValueHint:!0},loop:{type:"boolean",displayName:"Loop",description:"Whether the video should be played again after it finishes",defaultValueHint:!1},modestbranding:{type:"boolean",displayName:"Hide Logo",description:"Hide the YouTube logo in the control bar",defaultValueHint:!1},mute:{type:"boolean",displayName:"Mute",description:"Whether the video should be muted",defaultValueHint:!1},playsinline:{type:"boolean",displayName:"Play Inline",description:"Whether the video should be played inline or fullscreen on iOS",defaultValueHint:!1},rel:{type:"boolean",displayName:"Related Videos",description:"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)",defaultValueHint:!0}},isDefaultExport:!0,defaultStyles:{height:"390px",width:"640px",maxHeight:"100%",maxWidth:"100%"}};exports.default=r,exports.registerYouTube=function(e,o){e?e.registerComponent(r,null!=o?o:s):t(r,null!=o?o:s)},exports.youtubeMeta=s;
 //# sourceMappingURL=react-youtube.cjs.production.min.js.map

package/dist/react-youtube.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-youtube.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, { YouTubeProps as YouTubeImplProps } from \"react-youtube\";\nimport type { Options } from \"youtube-player/dist/types\";\n\ntype PlayerVars = Exclude<Options[\"playerVars\"], undefined>;\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  } & { mute?: boolean };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"start\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    const internalRef = React.useRef<YouTubeImpl | null>(null);\n\n    const onRef = React.useCallback(\n      (player: YouTubeImpl | null) => {\n        internalRef.current = player;\n        if (ref) {\n          if (typeof ref === \"function\") {\n            ref(player);\n          } else {\n            ref.current = player;\n          }\n        }\n      },\n      [ref]\n    );\n\n    React.useEffect(() => {\n      if (props.mute !== undefined) {\n        if (props.mute) {\n          internalRef.current?.getInternalPlayer()?.mute();\n        } else {\n          internalRef.current?.getInternalPlayer()?.unMute();\n        }\n      }\n    }, [props.mute, internalRef]);\n\n    const finalProps = { ...props };\n    for (const prop of playerParams) {\n      if (prop in finalProps) {\n        const value = finalProps[prop];\n        delete finalProps[prop];\n        if (!finalProps.opts) {\n          finalProps.opts = {};\n        }\n        if (!finalProps.opts.playerVars) {\n          finalProps.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              finalProps.opts.playerVars[prop] = 1;\n            } else {\n              delete finalProps.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            finalProps.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          finalProps.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return (\n      <YouTubeImpl\n        ref={onRef}\n        {...finalProps}\n        iframeClassName={props.className}\n      />\n    );\n  }\n);\n\nexport const youtubeMeta: ComponentMeta<YouTubeProps> = {\n  name: \"hostless-youtube\",\n  displayName: \"YouTube\",\n  importName: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video should automatically start playing when the player loads\",\n      defaultValueHint: false,\n      hidden: (props) => !props.mute,\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n      defaultValueHint: false,\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n      defaultValueHint: 0,\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n      defaultValueHint: \"red\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n      defaultValueHint: true,\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n      defaultValueHint: false,\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n      defaultValueHint: true,\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n      defaultValueHint: false,\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo in the control bar\",\n      defaultValueHint: false,\n    },\n    mute: {\n      type: \"boolean\",\n      displayName: \"Mute\",\n      description: \"Whether the video should be muted\",\n      defaultValueHint: false,\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n      defaultValueHint: false,\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n      defaultValueHint: true,\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerYouTube(\n  loader?: { registerComponent: typeof registerComponent },\n  customYouTubeMeta?: ComponentMeta<YouTubeProps>\n) {\n  if (loader) {\n    loader.registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  } else {\n    registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  }\n}\n\nexport default YouTube;\n"],"names":["playerParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","internalRef","useRef","onRef","useCallback","player","current","useEffect","undefined","mute","getInternalPlayer","unMute","finalProps","prop","value","opts","playerVars","has","YouTubeImpl","iframeClassName","className","youtubeMeta","name","displayName","importName","importPath","videoId","type","defaultValue","description","autoplay","defaultValueHint","hidden","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth","loader","customYouTubeMeta","registerComponent"],"mappings":"8iBAcA,IAAMA,EAAe,CACnB,WACA,iBACA,QACA,WACA,YACA,cACA,MACA,KACA,KACA,iBACA,OACA,WACA,OACA,iBACA,SACA,WACA,cACA,MACA,SAeIC,EAAmB,IAAIC,IAZP,CACpB,WACA,iBACA,WACA,YACA,KACA,OACA,iBACA,cACA,QAKIC,EAAUC,EAAMC,YACpB,SAACC,EAAqBC,OACdC,EAAcJ,EAAMK,OAA2B,MAE/CC,EAAQN,EAAMO,aAClB,SAACC,GACCJ,EAAYK,QAAUD,EAClBL,IACiB,mBAARA,EACTA,EAAIK,GAEJL,EAAIM,QAAUD,KAIpB,CAACL,IAGHH,EAAMU,WAAU,4BACKC,IAAfT,EAAMU,OACJV,EAAMU,cACRR,EAAYK,qBAASI,wBAAqBD,gBAE1CR,EAAYK,qBAASI,wBAAqBC,YAG7C,CAACZ,EAAMU,KAAMR,cAEVW,OAAkBb,yrBACLN,kBAAc,KAAtBoB,aACLA,KAAQD,EAAY,KAChBE,EAAQF,EAAWC,UAClBD,EAAWC,GACbD,EAAWG,OACdH,EAAWG,KAAO,IAEfH,EAAWG,KAAKC,aACnBJ,EAAWG,KAAKC,WAAa,IAE3BtB,EAAiBuB,IAAIJ,GACV,mBAATA,GAAsC,mBAATA,EAE3BC,EACFF,EAAWG,KAAKC,WAAWH,GAAQ,SAE5BD,EAAWG,KAAKC,WAAWH,GAIpCD,EAAWG,KAAKC,WAAWH,GAASC,EAAQ,EAAI,EAGlDF,EAAWG,KAAKC,WAAWH,GAAQC,UAKvCjB,gBAACqB,iBACClB,IAAKG,GACDS,GACJO,gBAAiBpB,EAAMqB,gBAMlBC,EAA2C,CACtDC,KAAM,mBACNC,YAAa,UACbC,WAAY,UACZC,WAAY,6BACZ1B,MAAO,CACL2B,QAAS,CACPC,KAAM,SACNC,aAAc,cACdL,YAAa,WACbM,YAAa,gCAEfC,SAAU,CACRH,KAAM,UACNJ,YAAa,YACbM,YACE,6EACFE,kBAAkB,EAClBC,OAAQ,SAACjC,UAAWA,EAAMU,OAE5BwB,eAAgB,CACdN,KAAM,UACNJ,YAAa,gBACbM,YACE,4FACFE,kBAAkB,GAEpBG,MAAO,CACLP,KAAM,SACNJ,YAAa,QACbM,YACE,+EACFE,iBAAkB,GAEpBI,IAAK,CACHR,KAAM,SACNJ,YAAa,MACbM,YACE,8FAEJO,MAAO,CACLT,KAAM,SACNJ,YAAa,QACbc,QAAS,CAAC,MAAO,SACjBR,YACE,mGACFE,iBAAkB,OAEpBO,SAAU,CACRX,KAAM,UACNJ,YAAa,gBACbM,YACE,gEACFE,kBAAkB,GAEpBQ,UAAW,CACTZ,KAAM,UACNJ,YAAa,mBACbM,YAAa,mDACbE,kBAAkB,GAEpBS,GAAI,CACFb,KAAM,UACNJ,YAAa,oBACbM,YAAa,oDACbE,kBAAkB,GAEpBU,KAAM,CACJd,KAAM,UACNJ,YAAa,OACbM,YAAa,6DACbE,kBAAkB,GAEpBW,eAAgB,CACdf,KAAM,UACNJ,YAAa,YACbM,YAAa,2CACbE,kBAAkB,GAEpBtB,KAAM,CACJkB,KAAM,UACNJ,YAAa,OACbM,YAAa,oCACbE,kBAAkB,GAEpBY,YAAa,CACXhB,KAAM,UACNJ,YAAa,cACbM,YACE,iEACFE,kBAAkB,GAEpBa,IAAK,CACHjB,KAAM,UACNJ,YAAa,iBACbM,YACE,oHACFE,kBAAkB,IAGtBc,iBAAiB,EACjBC,cAAe,CACbC,OAAQ,QACRC,MAAO,QACPC,UAAW,OACXC,SAAU,4DAKZC,EACAC,GAEID,EACFA,EAAOE,kBAAkBzD,QAASwD,EAAAA,EAAqB/B,GAEvDgC,EAAkBzD,QAASwD,EAAAA,EAAqB/B"}
+{"version":3,"file":"react-youtube.cjs.production.min.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, { YouTubeProps as YouTubeImplProps } from \"react-youtube\";\nimport type { Options } from \"youtube-player/dist/types\";\n\ntype PlayerVars = Exclude<Options[\"playerVars\"], undefined>;\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  } & { mute?: boolean };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"start\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    const internalRef = React.useRef<YouTubeImpl | null>(null);\n\n    const onRef = React.useCallback(\n      (player: YouTubeImpl | null) => {\n        internalRef.current = player;\n        if (ref) {\n          if (typeof ref === \"function\") {\n            ref(player);\n          } else {\n            ref.current = player;\n          }\n        }\n      },\n      [ref]\n    );\n\n    React.useEffect(() => {\n      if (props.mute !== undefined) {\n        if (props.mute) {\n          internalRef.current?.getInternalPlayer()?.mute();\n        } else {\n          internalRef.current?.getInternalPlayer()?.unMute();\n        }\n      }\n    }, [props.mute, internalRef]);\n\n    const finalProps = { ...props };\n    for (const prop of playerParams) {\n      if (prop in finalProps) {\n        const value = finalProps[prop];\n        delete finalProps[prop];\n        if (!finalProps.opts) {\n          finalProps.opts = {};\n        }\n        if (!finalProps.opts.playerVars) {\n          finalProps.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              finalProps.opts.playerVars[prop] = 1;\n            } else {\n              delete finalProps.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            finalProps.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          finalProps.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return (\n      <YouTubeImpl\n        ref={onRef}\n        {...finalProps}\n        iframeClassName={props.className}\n      />\n    );\n  }\n);\n\nexport const youtubeMeta: ComponentMeta<YouTubeProps> = {\n  name: \"hostless-youtube\",\n  displayName: \"YouTube\",\n  importName: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video should automatically start playing when the player loads\",\n      defaultValueHint: false,\n      hidden: (props) => !props.mute,\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n      defaultValueHint: false,\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n      defaultValueHint: 0,\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n      defaultValueHint: \"red\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n      defaultValueHint: true,\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n      defaultValueHint: false,\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n      defaultValueHint: true,\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n      defaultValueHint: false,\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo in the control bar\",\n      defaultValueHint: false,\n    },\n    mute: {\n      type: \"boolean\",\n      displayName: \"Mute\",\n      description: \"Whether the video should be muted\",\n      defaultValueHint: false,\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n      defaultValueHint: false,\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n      defaultValueHint: true,\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerYouTube(\n  loader?: { registerComponent: typeof registerComponent },\n  customYouTubeMeta?: ComponentMeta<YouTubeProps>\n) {\n  if (loader) {\n    loader.registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  } else {\n    registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  }\n}\n\nexport default YouTube;\n"],"names":["playerParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","internalRef","useRef","onRef","useCallback","player","current","useEffect","undefined","mute","_internalRef$current","getInternalPlayer","_internalRef$current$","_internalRef$current2","_internalRef$current3","unMute","finalProps","prop","value","opts","playerVars","has","YouTubeImpl","iframeClassName","className","youtubeMeta","name","displayName","importName","importPath","videoId","type","defaultValue","description","autoplay","defaultValueHint","hidden","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth","loader","customYouTubeMeta","registerComponent"],"mappings":"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"}

package/dist/react-youtube.esm.js

@@ -3,61 +3,20 @@ import React from 'react';
 import YouTubeImpl from 'react-youtube';
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
-}
-
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (it) return (it = it.call(o)).next.bind(it);
-
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-    if (it) o = it;
-    var i = 0;
-    return function () {
-      if (i >= o.length) return {
-        done: true
-      };
-      return {
-        done: false,
-        value: o[i++]
-      };
-    };
-  }
-
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
 var playerParams = ["autoplay", "cc_load_policy", "color", "controls", "disablekb", "enablejsapi", "end", "fs", "hl", "iv_load_policy", "list", "listType", "loop", "modestbranding", "origin", "playlist", "playsinline", "rel", "start"];
 var booleanParams = ["autoplay", "cc_load_policy", "controls", "disablekb", "fs", "loop", "modestbranding", "playsinline", "rel"];
 var booleanParamsSet = /*#__PURE__*/new Set(booleanParams);
@@ -65,7 +24,6 @@ var YouTube = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var internalRef = React.useRef(null);
   var onRef = React.useCallback(function (player) {
     internalRef.current = player;
-
     if (ref) {
       if (typeof ref === "function") {
         ref(player);
@@ -78,33 +36,25 @@ var YouTube = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (props.mute !== undefined) {
       if (props.mute) {
         var _internalRef$current, _internalRef$current$;
-
         (_internalRef$current = internalRef.current) == null ? void 0 : (_internalRef$current$ = _internalRef$current.getInternalPlayer()) == null ? void 0 : _internalRef$current$.mute();
       } else {
         var _internalRef$current2, _internalRef$current3;
-
         (_internalRef$current2 = internalRef.current) == null ? void 0 : (_internalRef$current3 = _internalRef$current2.getInternalPlayer()) == null ? void 0 : _internalRef$current3.unMute();
       }
     }
   }, [props.mute, internalRef]);
-
   var finalProps = _extends({}, props);
-
-  for (var _iterator = _createForOfIteratorHelperLoose(playerParams), _step; !(_step = _iterator()).done;) {
-    var prop = _step.value;
-
+  for (var _i = 0, _playerParams = playerParams; _i < _playerParams.length; _i++) {
+    var prop = _playerParams[_i];
     if (prop in finalProps) {
       var value = finalProps[prop];
       delete finalProps[prop];
-
       if (!finalProps.opts) {
         finalProps.opts = {};
       }
-
       if (!finalProps.opts.playerVars) {
         finalProps.opts.playerVars = {};
       }
-
       if (booleanParamsSet.has(prop)) {
         if (prop === "cc_load_policy" || prop === "modestbranding") {
           // undefined or 1
@@ -122,7 +72,6 @@ var YouTube = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     }
   }
-
   return React.createElement(YouTubeImpl, Object.assign({
     ref: onRef
   }, finalProps, {

package/dist/react-youtube.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"react-youtube.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, { YouTubeProps as YouTubeImplProps } from \"react-youtube\";\nimport type { Options } from \"youtube-player/dist/types\";\n\ntype PlayerVars = Exclude<Options[\"playerVars\"], undefined>;\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  } & { mute?: boolean };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"start\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    const internalRef = React.useRef<YouTubeImpl | null>(null);\n\n    const onRef = React.useCallback(\n      (player: YouTubeImpl | null) => {\n        internalRef.current = player;\n        if (ref) {\n          if (typeof ref === \"function\") {\n            ref(player);\n          } else {\n            ref.current = player;\n          }\n        }\n      },\n      [ref]\n    );\n\n    React.useEffect(() => {\n      if (props.mute !== undefined) {\n        if (props.mute) {\n          internalRef.current?.getInternalPlayer()?.mute();\n        } else {\n          internalRef.current?.getInternalPlayer()?.unMute();\n        }\n      }\n    }, [props.mute, internalRef]);\n\n    const finalProps = { ...props };\n    for (const prop of playerParams) {\n      if (prop in finalProps) {\n        const value = finalProps[prop];\n        delete finalProps[prop];\n        if (!finalProps.opts) {\n          finalProps.opts = {};\n        }\n        if (!finalProps.opts.playerVars) {\n          finalProps.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              finalProps.opts.playerVars[prop] = 1;\n            } else {\n              delete finalProps.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            finalProps.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          finalProps.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return (\n      <YouTubeImpl\n        ref={onRef}\n        {...finalProps}\n        iframeClassName={props.className}\n      />\n    );\n  }\n);\n\nexport const youtubeMeta: ComponentMeta<YouTubeProps> = {\n  name: \"hostless-youtube\",\n  displayName: \"YouTube\",\n  importName: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video should automatically start playing when the player loads\",\n      defaultValueHint: false,\n      hidden: (props) => !props.mute,\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n      defaultValueHint: false,\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n      defaultValueHint: 0,\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n      defaultValueHint: \"red\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n      defaultValueHint: true,\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n      defaultValueHint: false,\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n      defaultValueHint: true,\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n      defaultValueHint: false,\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo in the control bar\",\n      defaultValueHint: false,\n    },\n    mute: {\n      type: \"boolean\",\n      displayName: \"Mute\",\n      description: \"Whether the video should be muted\",\n      defaultValueHint: false,\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n      defaultValueHint: false,\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n      defaultValueHint: true,\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerYouTube(\n  loader?: { registerComponent: typeof registerComponent },\n  customYouTubeMeta?: ComponentMeta<YouTubeProps>\n) {\n  if (loader) {\n    loader.registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  } else {\n    registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  }\n}\n\nexport default YouTube;\n"],"names":["playerParams","booleanParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","internalRef","useRef","onRef","useCallback","player","current","useEffect","mute","undefined","getInternalPlayer","unMute","finalProps","prop","value","opts","playerVars","has","YouTubeImpl","iframeClassName","className","youtubeMeta","name","displayName","importName","importPath","videoId","type","defaultValue","description","autoplay","defaultValueHint","hidden","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth","registerYouTube","loader","customYouTubeMeta","registerComponent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,YAAY,GAAG,CACnB,UADmB,EAEnB,gBAFmB,EAGnB,OAHmB,EAInB,UAJmB,EAKnB,WALmB,EAMnB,aANmB,EAOnB,KAPmB,EAQnB,IARmB,EASnB,IATmB,EAUnB,gBAVmB,EAWnB,MAXmB,EAYnB,UAZmB,EAanB,MAbmB,EAcnB,gBAdmB,EAenB,QAfmB,EAgBnB,UAhBmB,EAiBnB,aAjBmB,EAkBnB,KAlBmB,EAmBnB,OAnBmB,CAArB;AAsBA,IAAMC,aAAa,GAAG,CACpB,UADoB,EAEpB,gBAFoB,EAGpB,UAHoB,EAIpB,WAJoB,EAKpB,IALoB,EAMpB,MANoB,EAOpB,gBAPoB,EAQpB,aARoB,EASpB,KAToB,CAAtB;AAYA,IAAMC,gBAAgB,gBAAG,IAAIC,GAAJ,CAAgBF,aAAhB,CAAzB;AAEA,IAAMG,OAAO,gBAAGC,KAAK,CAACC,UAAN,CACd,UAACC,KAAD,EAAsBC,GAAtB;AACE,MAAMC,WAAW,GAAGJ,KAAK,CAACK,MAAN,CAAiC,IAAjC,CAApB;AAEA,MAAMC,KAAK,GAAGN,KAAK,CAACO,WAAN,CACZ,UAACC,MAAD;AACEJ,IAAAA,WAAW,CAACK,OAAZ,GAAsBD,MAAtB;;AACA,QAAIL,GAAJ,EAAS;AACP,UAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC7BA,QAAAA,GAAG,CAACK,MAAD,CAAH;AACD,OAFD,MAEO;AACLL,QAAAA,GAAG,CAACM,OAAJ,GAAcD,MAAd;AACD;AACF;AACF,GAVW,EAWZ,CAACL,GAAD,CAXY,CAAd;AAcAH,EAAAA,KAAK,CAACU,SAAN,CAAgB;AACd,QAAIR,KAAK,CAACS,IAAN,KAAeC,SAAnB,EAA8B;AAC5B,UAAIV,KAAK,CAACS,IAAV,EAAgB;AAAA;;AACd,gCAAAP,WAAW,CAACK,OAAZ,mEAAqBI,iBAArB,6CAA0CF,IAA1C;AACD,OAFD,MAEO;AAAA;;AACL,iCAAAP,WAAW,CAACK,OAAZ,oEAAqBI,iBAArB,6CAA0CC,MAA1C;AACD;AACF;AACF,GARD,EAQG,CAACZ,KAAK,CAACS,IAAP,EAAaP,WAAb,CARH;;AAUA,MAAMW,UAAU,gBAAQb,KAAR,CAAhB;;AACA,uDAAmBP,YAAnB,wCAAiC;AAAA,QAAtBqB,IAAsB;;AAC/B,QAAIA,IAAI,IAAID,UAAZ,EAAwB;AACtB,UAAME,KAAK,GAAGF,UAAU,CAACC,IAAD,CAAxB;AACA,aAAOD,UAAU,CAACC,IAAD,CAAjB;;AACA,UAAI,CAACD,UAAU,CAACG,IAAhB,EAAsB;AACpBH,QAAAA,UAAU,CAACG,IAAX,GAAkB,EAAlB;AACD;;AACD,UAAI,CAACH,UAAU,CAACG,IAAX,CAAgBC,UAArB,EAAiC;AAC/BJ,QAAAA,UAAU,CAACG,IAAX,CAAgBC,UAAhB,GAA6B,EAA7B;AACD;;AACD,UAAItB,gBAAgB,CAACuB,GAAjB,CAAqBJ,IAArB,CAAJ,EAAgC;AAC9B,YAAIA,IAAI,KAAK,gBAAT,IAA6BA,IAAI,KAAK,gBAA1C,EAA4D;AAC1D;AACA,cAAIC,KAAJ,EAAW;AACTF,YAAAA,UAAU,CAACG,IAAX,CAAgBC,UAAhB,CAA2BH,IAA3B,IAAmC,CAAnC;AACD,WAFD,MAEO;AACL,mBAAOD,UAAU,CAACG,IAAX,CAAgBC,UAAhB,CAA2BH,IAA3B,CAAP;AACD;AACF,SAPD,MAOO;AACL;AACAD,UAAAA,UAAU,CAACG,IAAX,CAAgBC,UAAhB,CAA2BH,IAA3B,IAAoCC,KAAK,GAAG,CAAH,GAAO,CAAhD;AACD;AACF,OAZD,MAYO;AACLF,QAAAA,UAAU,CAACG,IAAX,CAAgBC,UAAhB,CAA2BH,IAA3B,IAAmCC,KAAnC;AACD;AACF;AACF;;AACD,SACEjB,mBAAA,CAACqB,WAAD;AACElB,IAAAA,GAAG,EAAEG;KACDS;AACJO,IAAAA,eAAe,EAAEpB,KAAK,CAACqB;IAHzB,CADF;AAOD,CA/Da,CAAhB;IAkEaC,WAAW,GAAgC;AACtDC,EAAAA,IAAI,EAAE,kBADgD;AAEtDC,EAAAA,WAAW,EAAE,SAFyC;AAGtDC,EAAAA,UAAU,EAAE,SAH0C;AAItDC,EAAAA,UAAU,EAAE,4BAJ0C;AAKtD1B,EAAAA,KAAK,EAAE;AACL2B,IAAAA,OAAO,EAAE;AACPC,MAAAA,IAAI,EAAE,QADC;AAEPC,MAAAA,YAAY,EAAE,aAFP;AAGPL,MAAAA,WAAW,EAAE,UAHN;AAIPM,MAAAA,WAAW,EAAE;AAJN,KADJ;AAOLC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,IAAI,EAAE,SADE;AAERJ,MAAAA,WAAW,EAAE,WAFL;AAGRM,MAAAA,WAAW,EACT,4EAJM;AAKRE,MAAAA,gBAAgB,EAAE,KALV;AAMRC,MAAAA,MAAM,EAAE,gBAACjC,KAAD;AAAA,eAAW,CAACA,KAAK,CAACS,IAAlB;AAAA;AANA,KAPL;AAeLyB,IAAAA,cAAc,EAAE;AACdN,MAAAA,IAAI,EAAE,SADQ;AAEdJ,MAAAA,WAAW,EAAE,eAFC;AAGdM,MAAAA,WAAW,EACT,2FAJY;AAKdE,MAAAA,gBAAgB,EAAE;AALJ,KAfX;AAsBLG,IAAAA,KAAK,EAAE;AACLP,MAAAA,IAAI,EAAE,QADD;AAELJ,MAAAA,WAAW,EAAE,OAFR;AAGLM,MAAAA,WAAW,EACT,8EAJG;AAKLE,MAAAA,gBAAgB,EAAE;AALb,KAtBF;AA6BLI,IAAAA,GAAG,EAAE;AACHR,MAAAA,IAAI,EAAE,QADH;AAEHJ,MAAAA,WAAW,EAAE,KAFV;AAGHM,MAAAA,WAAW,EACT;AAJC,KA7BA;AAmCLO,IAAAA,KAAK,EAAE;AACLT,MAAAA,IAAI,EAAE,QADD;AAELJ,MAAAA,WAAW,EAAE,OAFR;AAGLc,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,OAAR,CAHJ;AAILR,MAAAA,WAAW,EACT,kGALG;AAMLE,MAAAA,gBAAgB,EAAE;AANb,KAnCF;AA2CLO,IAAAA,QAAQ,EAAE;AACRX,MAAAA,IAAI,EAAE,SADE;AAERJ,MAAAA,WAAW,EAAE,eAFL;AAGRM,MAAAA,WAAW,EACT,+DAJM;AAKRE,MAAAA,gBAAgB,EAAE;AALV,KA3CL;AAkDLQ,IAAAA,SAAS,EAAE;AACTZ,MAAAA,IAAI,EAAE,SADG;AAETJ,MAAAA,WAAW,EAAE,kBAFJ;AAGTM,MAAAA,WAAW,EAAE,kDAHJ;AAITE,MAAAA,gBAAgB,EAAE;AAJT,KAlDN;AAwDLS,IAAAA,EAAE,EAAE;AACFb,MAAAA,IAAI,EAAE,SADJ;AAEFJ,MAAAA,WAAW,EAAE,mBAFX;AAGFM,MAAAA,WAAW,EAAE,mDAHX;AAIFE,MAAAA,gBAAgB,EAAE;AAJhB,KAxDC;AA8DLU,IAAAA,IAAI,EAAE;AACJd,MAAAA,IAAI,EAAE,SADF;AAEJJ,MAAAA,WAAW,EAAE,MAFT;AAGJM,MAAAA,WAAW,EAAE,4DAHT;AAIJE,MAAAA,gBAAgB,EAAE;AAJd,KA9DD;AAoELW,IAAAA,cAAc,EAAE;AACdf,MAAAA,IAAI,EAAE,SADQ;AAEdJ,MAAAA,WAAW,EAAE,WAFC;AAGdM,MAAAA,WAAW,EAAE,0CAHC;AAIdE,MAAAA,gBAAgB,EAAE;AAJJ,KApEX;AA0ELvB,IAAAA,IAAI,EAAE;AACJmB,MAAAA,IAAI,EAAE,SADF;AAEJJ,MAAAA,WAAW,EAAE,MAFT;AAGJM,MAAAA,WAAW,EAAE,mCAHT;AAIJE,MAAAA,gBAAgB,EAAE;AAJd,KA1ED;AAgFLY,IAAAA,WAAW,EAAE;AACXhB,MAAAA,IAAI,EAAE,SADK;AAEXJ,MAAAA,WAAW,EAAE,aAFF;AAGXM,MAAAA,WAAW,EACT,gEAJS;AAKXE,MAAAA,gBAAgB,EAAE;AALP,KAhFR;AAuFLa,IAAAA,GAAG,EAAE;AACHjB,MAAAA,IAAI,EAAE,SADH;AAEHJ,MAAAA,WAAW,EAAE,gBAFV;AAGHM,MAAAA,WAAW,EACT,mHAJC;AAKHE,MAAAA,gBAAgB,EAAE;AALf;AAvFA,GAL+C;AAoGtDc,EAAAA,eAAe,EAAE,IApGqC;AAqGtDC,EAAAA,aAAa,EAAE;AACbC,IAAAA,MAAM,EAAE,OADK;AAEbC,IAAAA,KAAK,EAAE,OAFM;AAGbC,IAAAA,SAAS,EAAE,MAHE;AAIbC,IAAAA,QAAQ,EAAE;AAJG;AArGuC;SA6GxCC,gBACdC,QACAC;AAEA,MAAID,MAAJ,EAAY;AACVA,IAAAA,MAAM,CAACE,iBAAP,CAAyB1D,OAAzB,EAAkCyD,iBAAlC,WAAkCA,iBAAlC,GAAuDhC,WAAvD;AACD,GAFD,MAEO;AACLiC,IAAAA,iBAAiB,CAAC1D,OAAD,EAAUyD,iBAAV,WAAUA,iBAAV,GAA+BhC,WAA/B,CAAjB;AACD;AACF;;;;;"}
+{"version":3,"file":"react-youtube.esm.js","sources":["../src/index.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport React from \"react\";\nimport YouTubeImpl, { YouTubeProps as YouTubeImplProps } from \"react-youtube\";\nimport type { Options } from \"youtube-player/dist/types\";\n\ntype PlayerVars = Exclude<Options[\"playerVars\"], undefined>;\nexport type YouTubeProps = YouTubeImplProps &\n  {\n    [prop in keyof PlayerVars]:\n      | PlayerVars[prop]\n      | (prop extends typeof booleanParams[number] ? boolean : never);\n  } & { mute?: boolean };\nconst playerParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"color\",\n  \"controls\",\n  \"disablekb\",\n  \"enablejsapi\",\n  \"end\",\n  \"fs\",\n  \"hl\",\n  \"iv_load_policy\",\n  \"list\",\n  \"listType\",\n  \"loop\",\n  \"modestbranding\",\n  \"origin\",\n  \"playlist\",\n  \"playsinline\",\n  \"rel\",\n  \"start\",\n] as const;\n\nconst booleanParams = [\n  \"autoplay\",\n  \"cc_load_policy\",\n  \"controls\",\n  \"disablekb\",\n  \"fs\",\n  \"loop\",\n  \"modestbranding\",\n  \"playsinline\",\n  \"rel\",\n] as const;\n\nconst booleanParamsSet = new Set<string>(booleanParams);\n\nconst YouTube = React.forwardRef<YouTubeImpl, YouTubeProps>(\n  (props: YouTubeProps, ref) => {\n    const internalRef = React.useRef<YouTubeImpl | null>(null);\n\n    const onRef = React.useCallback(\n      (player: YouTubeImpl | null) => {\n        internalRef.current = player;\n        if (ref) {\n          if (typeof ref === \"function\") {\n            ref(player);\n          } else {\n            ref.current = player;\n          }\n        }\n      },\n      [ref]\n    );\n\n    React.useEffect(() => {\n      if (props.mute !== undefined) {\n        if (props.mute) {\n          internalRef.current?.getInternalPlayer()?.mute();\n        } else {\n          internalRef.current?.getInternalPlayer()?.unMute();\n        }\n      }\n    }, [props.mute, internalRef]);\n\n    const finalProps = { ...props };\n    for (const prop of playerParams) {\n      if (prop in finalProps) {\n        const value = finalProps[prop];\n        delete finalProps[prop];\n        if (!finalProps.opts) {\n          finalProps.opts = {};\n        }\n        if (!finalProps.opts.playerVars) {\n          finalProps.opts.playerVars = {};\n        }\n        if (booleanParamsSet.has(prop)) {\n          if (prop === \"cc_load_policy\" || prop === \"modestbranding\") {\n            // undefined or 1\n            if (value) {\n              finalProps.opts.playerVars[prop] = 1;\n            } else {\n              delete finalProps.opts.playerVars[prop];\n            }\n          } else {\n            // 0 or 1\n            finalProps.opts.playerVars[prop] = (value ? 1 : 0) as any;\n          }\n        } else {\n          finalProps.opts.playerVars[prop] = value as any;\n        }\n      }\n    }\n    return (\n      <YouTubeImpl\n        ref={onRef}\n        {...finalProps}\n        iframeClassName={props.className}\n      />\n    );\n  }\n);\n\nexport const youtubeMeta: ComponentMeta<YouTubeProps> = {\n  name: \"hostless-youtube\",\n  displayName: \"YouTube\",\n  importName: \"YouTube\",\n  importPath: \"@plasmicpkgs/react-youtube\",\n  props: {\n    videoId: {\n      type: \"string\",\n      defaultValue: \"R6MeLqRQzYw\",\n      displayName: \"Video ID\",\n      description: \"The ID for the YouTube video\",\n    },\n    autoplay: {\n      type: \"boolean\",\n      displayName: \"Auto Play\",\n      description:\n        \"Whether the video should automatically start playing when the player loads\",\n      defaultValueHint: false,\n      hidden: (props) => !props.mute,\n    },\n    cc_load_policy: {\n      type: \"boolean\",\n      displayName: \"Show Captions\",\n      description:\n        \"Whether the captions should be shown by default, even if the user has turned captions off\",\n      defaultValueHint: false,\n    },\n    start: {\n      type: \"number\",\n      displayName: \"Start\",\n      description:\n        \"The video should begin at this amount of seconds from the start of the video\",\n      defaultValueHint: 0,\n    },\n    end: {\n      type: \"number\",\n      displayName: \"End\",\n      description:\n        \"Stop playing the video after this amount of seconds (measured from the start of the video)\",\n    },\n    color: {\n      type: \"choice\",\n      displayName: \"Color\",\n      options: [\"red\", \"white\"],\n      description:\n        \"The color used in the display bar to highlight how much of the video the viewer has already seen\",\n      defaultValueHint: \"red\",\n    },\n    controls: {\n      type: \"boolean\",\n      displayName: \"Show Controls\",\n      description:\n        \"Whether the YouTube video player controls should be displayed\",\n      defaultValueHint: true,\n    },\n    disablekb: {\n      type: \"boolean\",\n      displayName: \"Disable Keyboard\",\n      description: \"Whether the keyboard controls should be disabled\",\n      defaultValueHint: false,\n    },\n    fs: {\n      type: \"boolean\",\n      displayName: \"FullScreen Button\",\n      description: \"Whether the fullscreen button should be displayed\",\n      defaultValueHint: true,\n    },\n    loop: {\n      type: \"boolean\",\n      displayName: \"Loop\",\n      description: \"Whether the video should be played again after it finishes\",\n      defaultValueHint: false,\n    },\n    modestbranding: {\n      type: \"boolean\",\n      displayName: \"Hide Logo\",\n      description: \"Hide the YouTube logo in the control bar\",\n      defaultValueHint: false,\n    },\n    mute: {\n      type: \"boolean\",\n      displayName: \"Mute\",\n      description: \"Whether the video should be muted\",\n      defaultValueHint: false,\n    },\n    playsinline: {\n      type: \"boolean\",\n      displayName: \"Play Inline\",\n      description:\n        \"Whether the video should be played inline or fullscreen on iOS\",\n      defaultValueHint: false,\n    },\n    rel: {\n      type: \"boolean\",\n      displayName: \"Related Videos\",\n      description:\n        \"Whether it should show related videos when the video ends (if false, it shows other videos from the same channel)\",\n      defaultValueHint: true,\n    },\n  },\n  isDefaultExport: true,\n  defaultStyles: {\n    height: \"390px\",\n    width: \"640px\",\n    maxHeight: \"100%\",\n    maxWidth: \"100%\",\n  },\n};\n\nexport function registerYouTube(\n  loader?: { registerComponent: typeof registerComponent },\n  customYouTubeMeta?: ComponentMeta<YouTubeProps>\n) {\n  if (loader) {\n    loader.registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  } else {\n    registerComponent(YouTube, customYouTubeMeta ?? youtubeMeta);\n  }\n}\n\nexport default YouTube;\n"],"names":["playerParams","booleanParams","booleanParamsSet","Set","YouTube","React","forwardRef","props","ref","internalRef","useRef","onRef","useCallback","player","current","useEffect","mute","undefined","getInternalPlayer","unMute","finalProps","prop","value","opts","playerVars","has","YouTubeImpl","iframeClassName","className","youtubeMeta","name","displayName","importName","importPath","videoId","type","defaultValue","description","autoplay","defaultValueHint","hidden","cc_load_policy","start","end","color","options","controls","disablekb","fs","loop","modestbranding","playsinline","rel","isDefaultExport","defaultStyles","height","width","maxHeight","maxWidth","registerYouTube","loader","customYouTubeMeta","registerComponent"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/react-youtube",
-  "version": "7.13.95",
+  "version": "7.13.97",
   "description": "Plasmic registration call for react-youtube",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -28,7 +28,7 @@
     "analyze": "size-limit --why"
   },
   "devDependencies": {
-    "@plasmicapp/host": "1.0.92",
+    "@plasmicapp/host": "1.0.94",
     "@size-limit/preset-small-lib": "^4.11.0",
     "@types/node": "^14.0.26",
     "@types/youtube-player": "^5.5.6",
@@ -45,5 +45,5 @@
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
-  "gitHead": "79d47b209f2166dc80c5bb5f24491e0b8cbc02a4"
+  "gitHead": "2ddf7320f54e314e4f44d3df3c50468d2740ddbf"
 }