/** * Minified by jsDelivr using Terser v5.39.0. * Original file: /npm/sanity-mobile-preview@1.0.9/dist/index.js * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}var React=require("react"),React__default=_interopDefault(React);function _unsupportedIterableToArray(e,a){if(e){if("string"==typeof e)return _arrayLikeToArray(e,a);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(e,a):void 0}}function _arrayLikeToArray(e,a){(null==a||a>e.length)&&(a=e.length);for(var t=0,l=new Array(a);t=e.length?{done:!0}:{done:!1,value:e[l++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}return(t=e[Symbol.iterator]()).next.bind(t)}var mobileStyle={"marvel-device":"_13C-O",screen:"_2Amsc","top-bar":"_qECU0","bottom-bar":"_F6bPa","middle-bar":"_fA7mw",iphone8:"_1sXT5",home:"_25p7s",sleep:"_2EZnX",volume:"_2FPQW",camera:"_h5ppK",sensor:"_2Ok-6",speaker:"_fUVii",gold:"_11BBn",black:"_jzkBO",landscape:"_1c67x",iphone8plus:"_2PCMV",iphone5s:"_3IA0l",iphone5c:"_Fd4kN",silver:"_smL3H",red:"_lNRoC",yellow:"_2zwSd",green:"_11nfu",blue:"_16rvF",iphone4s:"_1C99G",nexus5:"_3Ff4H",s5:"_3nyHv",lumia920:"_2gvlt",white:"_3YXIg","htc-one":"_Xbf-e",ipad:"_2OuCL",macbook:"_rglbn","iphone-x":"_36eC8",overflow:"_2l71V",shadow:"_3P-q4","shadow--tl":"_3bHFp","shadow--tr":"_2e2kx","shadow--bl":"_3rXur","shadow--br":"_nbUm4","inner-shadow":"_3Gknh",notch:"_1-RqF",note8:"_1gDBY",sensors:"_3iESW","more-sensors":"_O3CEj",inner:"_E-ixb"},BuildDevice=function(e){var a=e.selectedDevice,t=e.selectedColor,l=e.landscape,s=e.children,r=React.useState(""),c=r[0],o=r[1];return React.useEffect((function(){var e=a.colors.includes(t)?t:"black",s=mobileStyle["marvel-device"]+" "+mobileStyle[a.type]+" "+mobileStyle[e];l&&(s+=" "+mobileStyle.landscape),o(s)}),[a,t,l]),React__default.createElement("div",{className:c},renderer(a.style,s))};function renderer(e,a){return e.map((function(e,t){return React.createElement("div",{className:Array.isArray(e.className)?convertClassNameArrayToClassName(e.className):mobileStyle[e.className],key:"mobileStyle"+t},"screen"===e.className?a:e.children&&renderer(e.children,a))}))}var convertClassNameArrayToClassName=function(e){for(var a,t="",l=_createForOfIteratorHelperLoose(e);!(a=l()).done;){var s=a.value;t+=mobileStyle[s]+" "}return t},devices={"iphone-x":{type:"iphone-x",readableName:"iPhone X",colors:["black"],style:[{className:"notch",children:[{className:"camera"},{className:"speaker"}]},{className:"top-bar"},{className:"sleep"},{className:"bottom-bar"},{className:"volume"},{className:"overflow",children:[{className:["shadow","shadow--tr"]},{className:["shadow","shadow--tl"]},{className:["shadow","shadow--br"]},{className:["shadow","shadow--bl"]}]},{className:"inner-shadow"},{className:"screen"}]},note8:{type:"note8",readableName:"Note 8",colors:["black"],style:[{className:"inner"},{className:"overflow",children:[{className:"shadow"}]},{className:"speaker"},{className:"sensors"},{className:"more-sensors"},{className:"sleep"},{className:"volume"},{className:"camera"},{className:"screen"}]},iphone8:{type:"iphone8",readableName:"iPhone 8",colors:["black","silver","gold"],style:[{className:"top-bar"},{className:"sleep"},{className:"volume"},{className:"camera"},{className:"sensor"},{className:"speaker"},{className:"screen"},{className:"home"},{className:"bottom-bar"}]},iphone8plus:{type:"iphone8plus",readableName:"iPhone 8 plus",colors:["black","silver","gold"],style:[{className:"top-bar"},{className:"sleep"},{className:"volume"},{className:"camera"},{className:"sensor"},{className:"speaker"},{className:"screen"},{className:"home"},{className:"bottom-bar"}]},iphone5s:{type:"iphone5s",readableName:"iPhone 5s",colors:["black","silver","gold"],style:[{className:"top-bar"},{className:"sleep"},{className:"volume"},{className:"camera"},{className:"sensor"},{className:"speaker"},{className:"screen"},{className:"home"},{className:"bottom-bar"}]},ipad:{type:"ipad",readableName:"iPad mini",colors:["black","silver"],style:[{className:"camera"},{className:"screen"},{className:"home"},{className:"bottom-bar"}]},nexus5:{type:"nexus5",readableName:"Nexus 5",colors:["black"],style:[{className:"top-bar"},{className:"sleep"},{className:"volume"},{className:"camera"},{className:"screen"}]}},dropdownStyles={dropdown:"_3ZP5s",button:"_1HaoU"},Dropdown=function(e){var a=e.selectedItem,t=e.availableItems,l=e.updateSelectedItem,s=React.useState(!1),r=s[0],c=s[1];return React__default.createElement("div",{className:dropdownStyles.dropdown,style:{width:"200px"},onFocus:function(){return c(!1)}},React__default.createElement("div",{className:dropdownStyles.button,onClick:function(){return c(!r)}},a),r?React__default.createElement("ul",null,t.map((function(e,a){return React__default.createElement("li",{onClick:function(){l(e.type),c(!r)},key:e.type+a},e.readableName)}))):null)},styles={button:"_3a1eO"},Button=function(e){var a=e.landscape,t=e.updateLandscape,l=e.label;return React__default.createElement("div",{className:styles.button},React__default.createElement("button",{onClick:function(){return t(!a)}},l))},capitalizeString=function(e){var a="";return e.length>0&&(a+=e.charAt(0).toUpperCase()),e.length>1&&(a+=e.slice(1)),a},Menu=function(e){var a=e.selectedDevice,t=e.allowedDevices,l=e.landscape,s=e.updateSelectedDevice,r=e.updateLandscape,c=e.selectedColor,o=React.useState(c),n=o[0],i=o[1],d=React.useState(a),m=d[0],u=d[1],p=React.useState(a.colors),b=p[0],v=p[1],N=(t||["iphone-x","note8","iphone8","iphone8plus","iphone5s","ipad","nexus5"]).map((function(e){var a=devices[e];return{type:a.type,readableName:a.readableName}})),_=b.map((function(e){return{type:e,readableName:capitalizeString(e)}}));return React__default.createElement("div",{style:{display:"flex",justifyItems:"center",alignItems:"center"}},React__default.createElement(Dropdown,{selectedItem:m.readableName,availableItems:N,updateSelectedItem:function(e){var a=devices[e];u(a),v(a.colors),a.colors.includes(n)||i("black"),s(a,n)}}),b&&React__default.createElement(Dropdown,{selectedItem:capitalizeString(n),availableItems:_,updateSelectedItem:function(e){i(e),s(m,e)}}),React__default.createElement(Button,{landscape:l,updateLandscape:r,label:"Rotate"}))},MobileDevicePreview=function(e){var a=e.allowedDevices,t=e.preSelectedDevice,l=e.preSelectedColor,s=void 0===l?"black":l,r=e.showMenu,c=void 0===r||r,o=e.preSelectedLandscape,n=void 0!==o&&o,i=e.children,d=React.useState(),m=d[0],u=d[1],p=React.useState("black"),b=p[0],v=p[1],N=React.useState(n),_=N[0],f=N[1];React.useEffect((function(){h()}),[]);var h=function(){var e;e=t&&a&&a.length>0?y(t,a):t?devices[t]:a&&a.length>0?devices[a[0]]:devices["iphone-x"],w(e),u(e||devices["iphone-x"])},y=function(e,a){return e&&a.includes(e)?devices[e]:(console.error("The preselected device was not included in the allowedDevices. Defaulting to the first allowed device"),devices[a[0]])},w=function(e){s&&!e.colors.includes(s)?(console.error("Color "+s+" can't be chosen for device "+e.readableName),v("black")):s&&e.colors.includes(s)?v(s):v("black")};return m?React__default.createElement("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",minWidth:"min-content"}},c&&React__default.createElement(Menu,{selectedDevice:m,selectedColor:b,allowedDevices:a,landscape:_,updateLandscape:f,updateSelectedDevice:function(e,a){u(e),v(a)}}),React__default.createElement(BuildDevice,{selectedDevice:m,selectedColor:b,landscape:_},i)):React__default.createElement("div",null,"Something strange happened")};module.exports=MobileDevicePreview; //# sourceMappingURL=/sm/4742edde1b84a8a3c98374686d5d8fd8746d3ab315fd7e9dd84cec10e6133041.map