(this["webpackJsonpfactory_burgers-ui"]=this["webpackJsonpfactory_burgers-ui"]||[]).push([[0],{31:function(e,t,n){},32:function(e,t,n){},33:function(e,t,n){},41:function(e,t,n){"use strict";n.r(t);var a=n(0),r=n.n(a),c=n(10),i=n.n(c),o=(n(31),n(32),n(33),n(1));var s=function(){return Object(o.jsx)("div",{children:"86 on that ... something went wrong."})};var u=function(){return Object(o.jsx)("div",{children:"Coming right up..."})},l=n(11),b=n.n(l),j=n(15),d=n(8),f=n(9),h=n(7),m=n.n(h),O=m.a.shape({name:m.a.string.isRequired}),v=m.a.shape({name:m.a.string.isRequired}),p=(m.a.shape({attributes:m.a.arrayOf(O),name:m.a.string.isRequired,traits:m.a.arrayOf(v)}),n(23)),x=n(6),g=n(26),y=n(13);var w=function(e){return Object(o.jsxs)(x.a.Row,{children:[Object(o.jsxs)(y.a,{children:[Object(o.jsx)(x.a.Label,{children:"Attribute Name"}),Object(o.jsxs)(x.a.Control,{as:"select",disabled:e.disabled,name:"attributes[][name]",className:"form-control",value:e.attribute.name,onChange:function(t){return e.onChangeName(t)},children:[Object(o.jsx)("option",{value:e.attribute.name,children:e.attribute.name}),e.children]})]}),Object(o.jsxs)(y.a,{children:[Object(o.jsx)(x.a.Label,{children:"Value"}),Object(o.jsx)("input",{disabled:e.disabled||!e.attribute.name,name:"attributes[][value]",className:"form-control",value:e.attribute.value,onChange:function(t){return e.onChangeValue(t)}})]})]})};var k=function(e){var t=e.attributes,n=Object(a.useState)([]),r=Object(d.a)(n,2),c=r[0],i=r[1],s=Object(a.useMemo)((function(){return function(e,t){var n=new Set(t.map((function(e){return e.name})));return e.filter((function(e){return!n.has(e.name)}))}(t,c)})).map((function(e){return Object(o.jsx)("option",{value:e.name,children:e.name},e.name)}));function u(e){var t=e.name,n=e.value;i([].concat(Object(g.a)(c),[{name:t,value:n}]))}function l(e,t){var n=c.slice();n.splice(e,1,t),i(n)}return Object(o.jsxs)(x.a.Group,{controlId:"factories.Traits",children:[Object(o.jsx)(x.a.Label,{children:"Pickles or onions?"}),c.map((function(t,n){return Object(o.jsx)(w,{attribute:t,disabled:e.disabled,onChangeName:function(e){return function(e,t){l(e,{name:t.target.value,value:c[e].value})}(n,e)},onChangeValue:function(e){return function(e,t){l(e,{name:c[e].name,value:t.target.value})}(n,e)},children:s},n)})),Object(o.jsx)(w,{attribute:{name:"",value:""},disabled:e.disabled,onChangeName:function(e){return u({name:e.target.value,value:""})},onChangeValue:function(e){return u({name:"",value:e.target.value})},children:s},c.length+1)]})};function C(e,t){return t?"".concat(e.association," (").concat(e.factory.name,", ").concat(e.factory.class_name,")"):"".concat(e.factory.name," (").concat(e.factory.class_name,")")}var S=function(e){var t=e.options,n=e.label,a=e.value,r=e.onChange,c=e.owner;return Object(o.jsxs)(x.a.Group,{controlId:"factories.FactorySelect",children:[Object(o.jsx)(x.a.Label,{children:n}),Object(o.jsx)("input",{name:"factory",list:"factories",autoComplete:"off",className:"form-control",value:a,onChange:r}),Object(o.jsx)("datalist",{id:"factories",children:t.map((function(e){return Object(o.jsx)("option",{value:e.factory.name,children:C(e,c)},C(e,c))}))})]})};var N=function(e){var t=e.association,n=e.owner;return Object(o.jsxs)(o.Fragment,{children:[Object(o.jsx)(x.a.Group,{controlId:"factories.OwnerType",children:Object(o.jsx)(x.a.Control,{type:"hidden",value:n&&n.type||"",name:"owner_type"})}),Object(o.jsx)(x.a.Group,{controlId:"factories.OwnerId",children:Object(o.jsx)(x.a.Control,{type:"hidden",value:n&&n.id||"",name:"owner_id"})}),Object(o.jsx)(x.a.Group,{controlId:"factories.OwnerReflection",children:Object(o.jsx)(x.a.Control,{type:"hidden",value:t||"",name:"owner_association"})})]})};var _=f.a.create({traits:{display:"flex",flexDirection:"column",flexWrap:"wrap",maxHeight:"6em"}}),T=function(e){var t=e.traits;return Object(o.jsxs)(x.a.Group,{controlId:"factories.Traits",children:[Object(o.jsx)(x.a.Label,{children:"How would you like that cooked?"}),Object(o.jsx)("div",{className:Object(f.b)(_.traits),children:t.map((function(t){return Object(o.jsx)(x.a.Check,{type:"checkbox",disabled:e.disabled,id:t.name,name:"traits[".concat(t.name),label:t.name},t.name)}))})]})};function I(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}var L=f.a.create({buttons:{display:"flex",justifyContent:"space-between"}}),R=function(e){var t=e.blueprints||[],n=e.owner,r=e.inquiry||"What'll it be?",c=Object(a.useState)(""),i=Object(d.a)(c,2),s=i[0],u=i[1],l=Object(a.useMemo)((function(){return function(e,t){var n={};return e.forEach((function(e){return n[t(e)]=e})),n}(t,(function(e){return e.factory.name}))}),[t]),b=Object(a.useMemo)((function(){return l[s]}),[s]),j=Object(a.useMemo)((function(){return b&&b.factory.attributes||[]}),[b]),h=Object(a.useMemo)((function(){return b&&b.factory.traits||[]}),[b]),m=!!b,O=function(e){var t=Object(a.useRef)();return Object(a.useEffect)((function(){t.current=e})),t.current}(e.owner);Object(a.useEffect)((function(){(function(e,t){var n=e&&e.type,a=e&&e.id,r=t&&t.type,c=t&&t.id;return n===r&&a==c})(e.owner,O)||u("")}),[e.owner]);var v=Object(a.useRef)(null);return Object(o.jsxs)(x.a,{ref:v,onSubmit:e.handleSubmit,children:[Object(o.jsx)(S,{options:t,label:r,value:s,onChange:function(e){var t=e.target.value;u(t)},owner:n}),Object(o.jsx)(N,{owner:n,association:b&&b.association}),h.length>0&&Object(o.jsx)(T,{disabled:e.disabled,traits:h}),j.length>0&&Object(o.jsx)(k,{disabled:e.disabled,attributes:j}),Object(o.jsxs)("div",{className:Object(f.b)(L.buttons),children:[Object(o.jsx)(p.a,{variant:"outline-dark",className:"btn-primary",disabled:e.disabled||!m,type:"submit",children:"Gimme!"}),Object(o.jsx)(p.a,{variant:"outline-dark",className:"btn-danger",disabled:e.disabled,onClick:function(){v.current&&v.current.reset(),u(""),e.startOver()},type:"button",children:"Start Over"})," "]})]})},F=n(25);var M=function(e){var t=e.message||"Something went wrong";return Object(o.jsx)(F.a,{variant:"danger",children:t})};var P=f.a.create({active:{boxShadow:"5px 5px 0px #333"},object:{border:"2px solid #222",borderRadius:"1em",display:"flex",flexDirection:"column",padding:"0.5em",marginRight:"0.5em",position:"relative",cursor:"pointer",transition:"background-color 0.2s"},objectDetails:{flex:1,width:"100%"},objectTitle:{flex:0,width:"100%",borderBottom:"2px solid #222",marginBottom:"3px"}}),D=function(e){var t=e.object,n=void 0===t?{}:t,a=n.attributes||{},r=function(e){var t=e.isNew,n=e.isActive;return t?"created":n?"selected":null}({isNew:e.new,isActive:e.active});return Object(o.jsxs)("div",{className:I(Object(f.b)(P.object,e.active&&P.active),r,"background-mayo hoverable"),onClick:e.activate,children:[Object(o.jsx)("div",{className:Object(f.b)(P.objectTitle),children:n.type}),Object(o.jsxs)("div",{className:Object(f.b)(P.objectDetails),children:[["id","name"].map((function(e){return a.hasOwnProperty(e)&&Object(o.jsx)("div",{children:"".concat(e,": ").concat(a[e])},e)})),n.link&&Object(o.jsx)("a",{href:n.link.url,target:"_blank",rel:"noopener noreferrer",children:"View in Ops"})]})]})};var G=function(){return Object(o.jsx)("div",{className:"under-construction",children:Object(o.jsx)(D,{object:{type:"building..."}})})};var E=f.a.create({form:{marginBottom:"2em",transition:"opacity 0.5s ease-out",overflow:"hidden"},objectList:{display:"flex",margin:"0.5em 0 1em"}}),q=function(e){var t,n=e.factories,r=Object(a.useState)(!1),c=Object(d.a)(r,2),i=c[0],s=c[1],u=Object(a.useState)(null),l=Object(d.a)(u,2),h=l[0],m=l[1],O=Object(a.useState)(!1),v=Object(d.a)(O,2),p=v[0],x=v[1],g=Object(a.useState)(null),y=Object(d.a)(g,2),w=y[0],k=y[1],C=Object(a.useState)([].concat([])),S=Object(d.a)(C,2),N=S[0],_=S[1],T=Object(a.useState)(null),I=Object(d.a)(T,2),L=I[0],F=I[1],P=n.map((function(e){return{factory:e}})),q=null!==L&&N.length>0&&N[L],A=Object(a.useMemo)((function(){return q&&q.association_factories?q.association_factories.map((function(e){return function(e,t){return{factory:e.find((function(e){return e.name===t.factory_name})),association:t.association_name}}(n,e)})):[]}),[q]),B=q?A:P,V=q?"Would you like fries with that ".concat(q.type,"?"):null;function J(){return(J=Object(j.a)(b.a.mark((function t(n){var a,r,c;return b.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return a=e.submitPath,t.next=3,fetch(a,{method:"POST",body:n});case 3:return r=t.sent,t.next=6,r.json();case 6:c=t.sent,r.ok?H(c):(console.error(JSON.stringify(c)),U(c.error||"Uh oh, something broke."));case 8:case"end":return t.stop()}}),t)})))).apply(this,arguments)}function H(e){e.ok?(console.log(JSON.stringify(e)),function(e){s(!1),m(null),x(!1),_(N.slice().concat([e])),0===N.length&&F(0);k(N.length)}(e.data)):(console.error(e.error),U(e.error||"Uh oh, something went wrong."))}function U(e){s(!1),m(e),x(!1)}return Object(o.jsxs)("div",{className:"container",children:[Object(o.jsx)("h2",{children:"Order Up!"}),(i||N.length>0)&&Object(o.jsxs)(o.Fragment,{children:[i?"Comin' right up!":"Here you go!",N.length>1&&Object(o.jsxs)("span",{children:[" ","P.S. -- select any object to build out its dependencies."]}),Object(o.jsxs)("div",{className:Object(f.b)(E.objectList),children:[N.map((function(e,t){return Object(o.jsx)(D,{object:e,active:L===t,activate:function(){return function(e){k(null),F(e)}(t)},new:w===t},t)})),i&&Object(o.jsx)(G,{})]})]}),h&&Object(o.jsx)(M,{message:h}),Object(o.jsx)("div",{className:Object(f.b)(E.form),children:Object(o.jsx)(R,{owner:q?(t=q,{type:t.type,id:t.attributes.id}):null,blueprints:B,disabled:p,handleSubmit:function(t){t.preventDefault(),s(!0),m(null),x(!0),function(e){J.apply(this,arguments)}(function(t){var n=new FormData(t);return n.append("authenticity_token",e.csrfToken),n}(t.target))},startOver:function(){k(null),k(null),_([]),F(null)},inquiry:V})})]})};function A(){return fetch("./data").then((function(e){return e.json()}))}var B=function(){var e=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=Object(a.useState)(null),r=Object(d.a)(n,2),c=r[0],i=r[1],o=Object(a.useState)(0===t.length),s=Object(d.a)(o,2),u=s[0],l=s[1],f=Object(a.useState)(null),h=Object(d.a)(f,2),m=h[0],O=h[1];function v(){return p.apply(this,arguments)}function p(){return(p=Object(j.a)(b.a.mark((function t(){return b.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",e());case 1:case"end":return t.stop()}}),t)})))).apply(this,arguments)}function x(){l(!1)}return Object(a.useEffect)((function(){l(!0),v().then(O).catch(i).then(x)}),t),Object(a.useMemo)((function(){return{error:c,fetching:u,response:m}}),[c,u,m])}(A);return Object(a.useEffect)((function(){console.log(e)}),[e]),Object(o.jsxs)("div",{className:"App",children:[Object(o.jsx)("header",{children:Object(o.jsx)("div",{class:"header-text",children:"testing"})}),Object(o.jsxs)("main",{children:[e.fetching&&Object(o.jsx)(u,{}),e.error&&Object(o.jsx)(s,{}),e.response&&Object(o.jsx)(q,{csrfToken:"",submitPath:"./data",factories:e.response})]})]})},V=function(e){e&&e instanceof Function&&n.e(3).then(n.bind(null,43)).then((function(t){var n=t.getCLS,a=t.getFID,r=t.getFCP,c=t.getLCP,i=t.getTTFB;n(e),a(e),r(e),c(e),i(e)}))};i.a.render(Object(o.jsx)(r.a.StrictMode,{children:Object(o.jsx)(B,{})}),document.getElementById("root")),V()}},[[41,1,2]]]);
//# sourceMappingURL=main.7c6faf79.chunk.js.map