1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5462],{23199:(n,e,t)=>{t.d(e,{b:()=>o});var r=t(28888);function i(){let n=(0,r._)(["\n mutation UpdatePlaylist(\n $id: ID\n $title: String\n $description: String\n $thumbnail: String\n $category: [String!]\n $private: Boolean\n ) {\n updateItinerary(\n itinerary: {\n id: $id\n title: $title\n description: $description\n thumbnail: $thumbnail\n category: $category\n private: $private\n }\n ) {\n id\n slug\n title\n description\n thumbnail\n videoCount\n category\n private\n featured\n userId\n profileName\n profileAvatar\n profileSlug\n createdAt\n updatedAt\n }\n }\n"]);return i=function(){return n},n}let o=(0,t(87328).J1)(i())},26840:(n,e,t)=>{t.d(e,{A:()=>j});var r=t(28888),i=t(37876),o=t(14232),l=t(54719),a=t(89893),s=t(4123),c=t(82222),u=t(35610),d=t(90196);let p=n=>{let{setTextMasked:e,textMasked:t}=n;return t?(0,i.jsx)(l.whC,{onClick:()=>e(!1)}):(0,i.jsx)(l.Rds,{onClick:()=>e(!0)})};function x(){let n=(0,r._)(["\n position: relative;\n display: block;\n width: ",";\n padding: 0;\n margin-bottom: 6px;\n\n @media screen and (max-width: ","px) {\n width: 100%;\n }\n"]);return x=function(){return n},n}function h(){let n=(0,r._)(["\n position: absolute;\n left: ","px;\n top: 50%;\n transform: translateY(-50%);\n z-index: 2;\n"]);return h=function(){return n},n}function g(){let n=(0,r._)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n margin-bottom: 10px;\n"]);return g=function(){return n},n}function f(){let n=(0,r._)(["\n appearance: none;\n border: none;\n background: transparent;\n padding: 0;\n margin: 0;\n cursor: pointer;\n color: ",";\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition: opacity 0.18s ease;\n\n svg {\n font-size: 1.1rem;\n }\n\n &:hover {\n opacity: 0.8;\n }\n"]);return f=function(){return n},n}function m(){let n=(0,r._)(["\n position: relative;\n width: 100%;\n border: 1px solid\n ",";\n border-radius: 8px;\n background: ",";\n transition:\n border-color 0.18s ease,\n box-shadow 0.18s ease,\n background 0.18s ease;\n\n &:focus-within {\n border-color: ",";\n box-shadow: ",";\n }\n\n &:focus-within "," svg {\n color: ",";\n }\n"]);return m=function(){return n},n}function b(){let n=(0,r._)(["\n width: 100%;\n display: block;\n border: none;\n outline: none;\n box-shadow: none;\n background: transparent;\n color: ",";\n font-family: SofiaPro, sans-serif;\n font-size: ",";\n line-height: 1.5;\n margin: 0;\n min-height: 52px;\n padding: ",";\n border-radius: 8px;\n\n &::placeholder {\n color: ",";\n }\n\n @media screen and (max-width: ","px) {\n min-height: 50px;\n }\n"]);return b=function(){return n},n}function y(){let n=(0,r._)(["\n position: absolute;\n right: 14px;\n top: 50%;\n transform: translateY(-50%);\n color: ",";\n pointer-events: none;\n"]);return y=function(){return n},n}function v(){let n=(0,r._)(["\n position: absolute;\n right: 12px;\n top: 50%;\n transform: translateY(-50%);\n"]);return v=function(){return n},n}function w(){let n=(0,r._)(["\n display: block;\n margin-top: 8px;\n"]);return w=function(){return n},n}let j=function(n){let{label:e,fieldName:t,value:r,onChange:s,onBlur:u,errorMessage:x,placeholder:h,type:g,width:f,Icon:m,bottomRightText:b,copyEnabled:y,onCopy:v,copyTooltipContent:w,...j}=n,S="password"===g,[N,M]=(0,o.useState)(S);return(0,i.jsxs)(k,{width:f,children:[(0,i.jsx)(a.m_,{id:"copy-hint-tooltip"}),!!e&&(0,i.jsxs)(_,{children:[(0,i.jsx)(c.lR,{textAlign:"left",htmlFor:t,children:e}),y&&(0,i.jsx)(C,{type:"button",onClick:v,"data-tooltip-id":"copy-hint-tooltip","data-tooltip-content":w||"Apply to all videos","data-tooltip-place":"top","aria-label":"Apply value to all videos",children:(0,i.jsx)(l.SD3,{})})]}),(0,i.jsxs)(R,{hasError:!!x,children:[m?(0,i.jsx)(A,{children:(0,i.jsx)(d.Ay,{Icon:m})}):null,(0,i.jsx)(P,{type:S&&!N?"text":g,value:r,name:t,id:t,onChange:s,onBlur:u,placeholder:h,hasError:!!x,hasIcon:!!m,hasBottomRightText:!!b,hasSecureToggle:S&&!!r,...j}),b?(0,i.jsx)(z,{children:b}):null,S&&r?(0,i.jsx)(I,{children:(0,i.jsx)(p,{setTextMasked:M,textMasked:N})}):null]}),(0,i.jsx)(E,{children:x||""})]})},k=(0,s.pq)()(s.Ay.div.withConfig({shouldForwardProp:n=>"width"!==n}))(x(),n=>{let{width:e}=n;return e||"100%"},n=>{let{theme:e}=n;return e.breakpoints.lg}),A=s.Ay.div(h(),n=>{let{theme:e}=n;return e.spacing.lg}),_=s.Ay.div(g()),C=s.Ay.button(f(),n=>{let{theme:e}=n;return e.colors.primary}),R=(0,s.pq)()(s.Ay.div.withConfig({shouldForwardProp:n=>"hasError"!==n}))(m(),n=>{let{theme:e,hasError:t}=n;return t?e.colors.error:"rgba(".concat(e.colors.secondaryRgb,", 0.42)")},n=>{let{theme:e}=n;return e.colors.baseBg},n=>{let{theme:e,hasError:t}=n;return t?e.colors.error:e.colors.primary},n=>{let{theme:e,hasError:t}=n;return t?"none":"0 0 0 3px rgba(".concat(e.colors.primaryRgb,", 0.12)")},A,n=>{let{theme:e,hasError:t}=n;return t?e.colors.error:e.colors.primary}),S=new Set(["hasError","hasIcon","hasBottomRightText","hasSecureToggle"]),P=(0,s.pq)()(s.Ay.input.withConfig({shouldForwardProp:n=>!S.has(n)}))(b(),n=>{let{theme:e}=n;return e.colors.baseText},n=>{var e;let{theme:t}=n;return(null==(e=t.typography.copy3)?void 0:e.fontSize)||"1rem"},n=>{let{theme:e,hasIcon:t,hasBottomRightText:r,hasSecureToggle:i}=n,o=t?"".concat(e.spacing.lg+d.cy+e.spacing.sm,"px"):"".concat(e.spacing.lg,"px"),l=r||i?"".concat(e.spacing.xl+44,"px"):"".concat(e.spacing.lg,"px");return"".concat(e.spacing.md,"px ").concat(l," ").concat(e.spacing.md,"px ").concat(o)},n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.6)")},n=>{let{theme:e}=n;return e.breakpoints.lg}),z=(0,s.Ay)(c.qq)(y(),n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.82)")}),I=s.Ay.div(v()),E=(0,s.Ay)(u.K)(w())},35610:(n,e,t)=>{t.d(e,{K:()=>a});var r=t(28888),i=t(4123),o=t(82222);function l(){let n=(0,r._)(["\n color: ",";\n text-align: left;\n margin: 4px 0 0 0;\n display: block;\n min-height: ",";\n"]);return l=function(){return n},n}let a=(0,i.Ay)(o.jO)(l(),n=>{let{theme:e}=n;return e.colors.error},n=>{let{theme:e}=n;return"calc(".concat(e.typography.copy4.fontSize," + 4px)")})},35885:(n,e,t)=>{t.d(e,{A:()=>s,Y:()=>a});var r=t(28888),i=t(37876);function o(){let n=(0,r._)(["\n padding: 60px 20px 76px 20px !important;\n height: unset;\n max-width: 100%;\n min-width: 0;\n "]);return o=function(){return n},n}function l(){let n=(0,r._)(["\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n height: 100%;\n width: 100%;\n max-width: 100%;\n min-width: 0;\n padding: 30px 32px;\n position: relative;\n overflow-x: visible;\n\n > * {\n max-width: 100%;\n min-width: 0;\n }\n\n button.show-more {\n margin: auto;\n }\n\n &.list {\n padding: 28px 32px;\n\n .NSSC-video-item,\n .NSSC-video-list-header {\n transform: translateY(-12px);\n }\n }\n\n ","\n"]);return l=function(){return n},n}let a=t(4123).Ay.div(l(),n=>{let{theme:e}=n;return e.media.tabletAndBelow(o())}),s=function(n){let{children:e,className:t}=n;return(0,i.jsx)(a,{className:t,children:e})}},42670:(n,e,t)=>{t.d(e,{A:()=>nd});var r=t(28888),i=t(37876),o=t(14232),l=t(48627),a=t(39091),s=t(54719),c=t(4123),u=t(67281),d=t(76955),p=t(26840),x=t(97308),h=t(82222),g=t(90196);function f(){let n=(0,r._)(['\n position: relative;\n margin-right: 10px;\n width: 75px;\n display: inline-block;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n text-align: left;\n input[type="checkbox"] {\n display: none;\n }\n .label {\n display: block;\n overflow: hidden;\n cursor: pointer;\n border: 0 solid ',";\n border-radius: 20px;\n margin: 0;\n &:focus {\n outline: none;\n > span {\n box-shadow: 0 0 2px 5px\n ",";\n }\n }\n > span:focus {\n outline: none;\n }\n }\n .inner {\n display: block;\n width: 200%;\n margin-left: -100%;\n transition: margin 0.3s ease-in 0s;\n &:before,\n &:after {\n display: block;\n float: left;\n width: 50%;\n height: 34px;\n padding: 0;\n line-height: 34px;\n font-size: 14px;\n color: #fff;\n font-weight: 600;\n box-sizing: border-box;\n }\n &:before {\n content: attr(data-yes);\n text-transform: uppercase;\n padding-left: 10px;\n background-color: ",";\n color: #fff;\n }\n }\n .disabled {\n background-color: ",";
1\n cursor: not-allowed;\n &:before {\n background-color: ",";\n cursor: not-allowed;\n }\n }\n .inner:after {\n content: attr(data-no);\n text-transform: uppercase;\n padding-right: 10px;\n background-color: ",";\n color: #fff;\n text-align: right;\n }\n .switch {\n display: block;\n width: 24px;\n margin: 5px;\n background: #fff;\n position: absolute;\n top: 0;\n bottom: 0;\n right: 40px;\n border: 0 solid ",';\n border-radius: 20px;\n transition: all 0.3s ease-in 0s;\n }\n .checkbox:checked + .label {\n .inner {\n margin-left: 0;\n }\n .switch {\n right: 0px;\n }\n }\n &.small {\n width: 40px;\n .inner {\n &:after,\n &:before {\n content: "";\n height: 20px;\n line-height: 20px;\n }\n }\n .switch {\n width: 16px;\n right: 20px;\n margin: 2px;\n }\n }\n @media screen and (max-width: 991px) {\n transform: scale(0.9);\n }\n @media screen and (max-width: 767px) {\n transform: scale(0.825);\n }\n @media screen and (max-width: 575px) {\n transform: scale(0.75);\n }\n']);return f=function(){return n},n}let m=n=>{let{id:e,name:t,checked:r,onChange:o,onBlur:l,optionLabels:a,disabled:s}=n;return(0,i.jsxs)(b,{className:"toggle-switch small",children:[(0,i.jsx)("input",{type:"checkbox",name:t,className:"checkbox",id:e,checked:r,onChange:o,onBlur:l,disabled:s}),e?(0,i.jsxs)("label",{className:"label",htmlFor:e,tabIndex:s?-1:1,children:[(0,i.jsx)("span",{className:s?"inner disabled":"inner","data-yes":a[0],"data-no":a[1],tabIndex:-1}),(0,i.jsx)("span",{className:s?"switch disabled":"switch",tabIndex:-1})]}):null]})},b=c.Ay.div(f(),n=>{let{theme:e}=n;return e.colors.baseText},n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.05)")},n=>{let{theme:e}=n;return e.colors.primary},n=>{let{theme:e}=n;return e.colors.border},n=>{let{theme:e}=n;return e.colors.border},n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.25)")},n=>{let{theme:e}=n;return e.colors.baseText});function y(){let n=(0,r._)(["\n position: relative;\n display: block;\n width: ",";\n padding: ",";\n\n @media screen and (max-width: ","px) {\n width: 100%;\n }\n"]);return y=function(){return n},n}function v(){let n=(0,r._)(["\n width: 100%;\n margin: ",";\n padding: 8px 16px 8px 8px;\n border: 1px solid ",";\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n box-sizing: border-box;\n\n @media screen and (max-width: ","px) {\n width: 100%;\n margin: ",";\n padding: 8px 12px 8px 8px;\n }\n"]);return v=function(){return n},n}function w(){let n=(0,r._)(["\n display: flex;\n align-items: center;\n gap: 12px;\n flex: 1;\n min-width: 0;\n"]);return w=function(){return n},n}function j(){let n=(0,r._)(["\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n"]);return j=function(){return n},n}function k(){let n=(0,r._)(["\n display: flex;\n align-items: center;\n min-width: 0;\n\n "," {\n margin: 0;\n line-height: 1.2;\n white-space: nowrap;\n }\n"]);return k=function(){return n},n}function A(){let n=(0,r._)(["\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n"]);return A=function(){return n},n}let _=function(n){let{label:e,id:t,fieldName:r,checked:o,onChange:l,onBlur:a,textContent:s,width:c,Icon:u,disabled:d}=n;return(0,i.jsxs)(C,{width:c,children:[(0,i.jsx)(h.lR,{textAlign:"left",htmlFor:r,children:e}),(0,i.jsxs)(R,{children:[(0,i.jsxs)(S,{children:[(0,i.jsx)(P,{children:(0,i.jsx)(g.Ay,{Icon:u})}),(0,i.jsx)(z,{children:(0,i.jsx)(h.jO,{textAlign:"left",children:s})})]}),(0,i.jsx)(I,{children:(0,i.jsx)(m,{disabled:d,checked:o,onChange:l,onBlur:a,id:t,name:r,optionLabels:["Yes","No"]})})]})]})},C=(0,c.pq)()(c.Ay.div)(y(),n=>{let{width:e}=n;return e||"100%"},n=>{let{theme:e}=n;return"".concat(e.spacing.xs,"px 0")},n=>{let{theme:e}=n;return e.breakpoints.lg}),R=c.Ay.div(v(),n=>{let{theme:e}=n;return"".concat(e.spacing.sm,"px 0 0 0")},n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.8)")},n=>{let{theme:e}=n;return e.breakpoints.lg},n=>{let{theme:{spacing:e}}=n;return"".concat(e.sm,"px auto 0 auto")}),S=c.Ay.div(w()),P=c.Ay.div(j()),z=c.Ay.div(k(),h.jO),I=c.Ay.div(A());var E=t(35610),N=t(81632);function M(){let n=(0,r._)(["\n width: ",";\n padding: ",";\n\n @media screen and (max-width: ","px) {\n width: 100%;\n }\n"]);return M=function(){return n},n}function $(){let n=(0,r._)(["\n display: flex;\n align-items: center;\n gap: 16px;\n margin-top: ","px;\n"]);return $=function(){return n},n}function B(){let n=(0,r._)(["\n flex: 0 0 auto;\n width: 96px;\n height: 128px;\n border-radius: 8px;\n overflow: hidden;\n padding: 0;\n cursor: ",";\n border: 1px dashed\n ",";\n background: ",";\n\n img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n"]);return B=function(){return n},n}function O(){let n=(0,r._)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 6px;\n height: 100%;\n color: ",";\n\n p {\n margin: 0;\n }\n"]);return O=function(){return n},n}function T(){let n=(0,r._)(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 8px;\n"]);return T=function(){return n},n}function L(){let n=(0,r._)(["\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n"]);return L=function(){return n},n}function F(){let n=(0,r._)(["\n display: inline-flex;\n align-items: center;\n gap: 6px;\n"]);return F=function(){return n},n}function U(){let n=(0,r._)(["\n margin: 0;\n color: ",";\n"]);return U=function(){return n},n}function Y(){let n=(0,r._)(["\n margin: 6px 0 0 0;\n color: ",";\n"]);return Y=function(){return n},n}function q(){let n=(0,r._)(["\n margin-top: 20px;\n"]);return q=function(){return n},n}function D(){let n=(0,r._)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 12px;\n margin-bottom: 10px;\n\n p {\n margin: 0;\n color: ",";\n }\n"]);return D=function(){return n},n}function G(){let n=(0,r._)(["\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n gap: 5px;\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n font: inherit;\n font-size: 0.85rem;\n font-weight: 600;\n color: ",";\n"]);return G=function(){return n},n}function K(){let n=(0,r._)(["\n display: ",";\n gap: 10px;\n\n ","\n"]);return K=function(){return n},n}function W(){let n=(0,r._)(["\n flex: 0 0 auto;\n width: 64px;\n aspect-ratio: 9 / 16;\n padding: 0;\n overflow: hidden;\n border-radius: 8px;\n cursor: ",";\n scroll-snap-align: start;\n background: ",";\n border: 2px solid\n ",";\n box-shadow: ",";\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n"]);return W=function(){return n},n}let V=function(n){let{previewUrl:e,onSelect:t,onClear:r,disabled:l,width:a,errorMessage:c,frames:d=[],selectedFrameUrl:p,onSelectFrame:x}=n,g=(0,o.useRef)(null),[f,m]=(0,o.useState)(!1),b=d.length>8;return(0,i.jsxs)(J,{$width:a,children:[(0,i.jsx)(h.lR,{textAlign:"left",htmlFor:"playlist-cover",children:"Cover image"}),(0,i.jsxs)(Q,{children:[(0,i.jsx)(X,{type:"button",onClick:()=>{var n;return!l&&(null==(n=g.current)?void 0:n.click())},$hasImage:!!e,disabled:l,"aria-label":"Choose a cover image",children:e?(0,i.jsx)("img",{src:e,alt:"Playlist cover preview"}):(0,i.jsxs)(H,{children:[(0,i.jsx)(s.Af8,{size:28}),(0,i.jsx)(h.jO,{textAlign:"center",children:"Add a cover"})]})}),(0,i.jsxs)(Z,{children:[(0,i.jsxs)(nn,{children:[(0,i.jsx)(u.A.Secondary,{t
1ype:"button",onClick:()=>{var n;return!l&&(null==(n=g.current)?void 0:n.click())},disabled:l,children:(0,i.jsxs)(ne,{children:[(0,i.jsx)(s.BKi,{size:16}),e?"Change image":"Upload image"]})}),e&&r&&(0,i.jsx)(u.A.Secondary,{type:"button",onClick:()=>!l&&r(),disabled:l,children:(0,i.jsxs)(ne,{children:[(0,i.jsx)(s.dW_,{size:16}),"Remove image"]})})]}),(0,i.jsx)(nt,{textAlign:"left",children:"JPG, PNG or WEBP \xb7 up to 10MB"})]})]}),(0,i.jsx)("input",{ref:g,id:"playlist-cover",type:"file",accept:N.eC.join(","),onChange:n=>{var e;let r=null==(e=n.target.files)?void 0:e[0];n.target.value="",r&&t(r)},hidden:!0,disabled:l,"data-max-size":N.le}),!!c&&(0,i.jsx)(nr,{textAlign:"left",children:c}),d.length>0&&x&&(0,i.jsxs)(ni,{children:[(0,i.jsxs)(no,{children:[(0,i.jsxs)(h.jO,{textAlign:"left",children:["Or use a still from one of this playlist's videos",d.length>8?" (".concat(d.length,")"):"",":"]}),b&&(0,i.jsxs)(nl,{type:"button",onClick:()=>m(n=>!n),children:[f?(0,i.jsx)(s.hFT,{size:14}):(0,i.jsx)(s.bPR,{size:14}),f?"Show fewer":"Show all"]})]}),(0,i.jsx)(na,{$expanded:f,children:d.map(n=>(0,i.jsx)(ns,{type:"button",disabled:l,$selected:p===n,onClick:()=>x(n),"aria-pressed":p===n,"aria-label":"Use this still as the cover image",children:(0,i.jsx)("img",{src:n,alt:"",loading:"lazy"})},n))})]})]})},J=c.Ay.div(M(),n=>{let{$width:e}=n;return"number"==typeof e?"".concat(e,"px"):e},n=>{let{theme:e}=n;return"".concat(e.spacing.xs,"px 0")},n=>{let{theme:e}=n;return e.breakpoints.lg}),Q=c.Ay.div($(),n=>{let{theme:e}=n;return e.spacing.sm}),X=c.Ay.button(B(),n=>{let{disabled:e}=n;return e?"not-allowed":"pointer"},n=>{let{theme:e,$hasImage:t}=n;return t?"transparent":"rgba(".concat(e.colors.secondaryRgb,", 0.5)")},n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.05)")}),H=c.Ay.div(O(),n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.7)")}),Z=c.Ay.div(T()),nn=c.Ay.div(L()),ne=c.Ay.span(F()),nt=(0,c.Ay)(h.jO)(U(),n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.6)")}),nr=(0,c.Ay)(h.jO)(Y(),n=>{let{theme:e}=n;return e.colors.error}),ni=c.Ay.div(q()),no=c.Ay.div(D(),n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.7)")}),nl=c.Ay.button(G(),n=>{let{theme:e}=n;return e.colors.primary}),na=c.Ay.div(K(),n=>{let{$expanded:e}=n;return e?"grid":"flex"},n=>{let{$expanded:e}=n;return e?"\n grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));\n ":"\n overflow-x: auto;\n padding-bottom: 6px;\n scroll-snap-type: x proximity;\n "}),ns=c.Ay.button(W(),n=>{let{disabled:e}=n;return e?"not-allowed":"pointer"},n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.06)")},n=>{let{theme:e,$selected:t}=n;return t?e.colors.primary:"transparent"},n=>{let{$selected:e}=n;return e?"0 0 0 1px currentColor":"none"});function nc(){let n=(0,r._)(["\n width: ",";\n margin: 6px 0 0 0;\n font-size: 0.85rem;\n line-height: 1.4;\n color: ",";\n\n @media screen and (max-width: ","px) {\n width: 100%;\n }\n"]);return nc=function(){return n},n}
1let nu=a.Ik().shape({title:a.Yj().trim().required("Please give your playlist a title").min(3,"Title must be at least 3 characters").max(100,"Title must be 100 characters or fewer"),description:a.Yj().max(500,"Description must be 500 characters or fewer")}),nd=function(n){var e,t,r,a,c;let{initialValues:h,submitLabel:g,submitting:f,error:m,lockPrivate:b,lockReason:y,frames:v=[],onSubmit:w}=n,[j,k]=(0,o.useState)(null),[A,C]=(0,o.useState)(null),[R,S]=(0,o.useState)(null),[P,z]=(0,o.useState)(null!=(e=null==h?void 0:h.thumbnailUrl)?e:null);(0,o.useEffect)(()=>{if(!j)return void S(null);let n=URL.createObjectURL(j);return S(n),()=>URL.revokeObjectURL(n)},[j]);let I=null!=(t=null!=R?R:P)?t:null,{values:M,errors:$,touched:B,handleChange:O,handleBlur:T,handleSubmit:L,setFieldValue:F}=(0,l.Wx)({initialValues:{title:null!=(r=null==h?void 0:h.title)?r:"",description:null!=(a=null==h?void 0:h.description)?a:"",isPrivate:null==(c=null==h?void 0:h.isPrivate)||c},enableReinitialize:!0,validationSchema:nu,onSubmit:n=>w({...n,isPrivate:!!b||n.isPrivate},{file:j,url:j?null:P})}),U=!!b||M.isPrivate,Y=(0,o.useMemo)(()=>U?"Private â only you can see this playlist":"Public â anyone can see this playlist",[U]);return(0,i.jsxs)(d.lV,{onSubmit:L,children:[(0,i.jsx)(p.A,{label:"Title",value:M.title,fieldName:"title",type:"text",width:d._t,placeholder:"Name your playlist",errorMessage:B.title&&$.title,onChange:O,onBlur:T,Icon:s.X9N}),(0,i.jsx)(x.A,{label:"Description",value:M.description,fieldName:"description",width:d._t,placeholder:"What's this playlist about? (optional)",errorMessage:B.description&&$.description,onChange:O,onBlur:T,Icon:s.tEG,maxLength:500}),(0,i.jsx)(V,{width:d._t,previewUrl:I,onSelect:n=>N.eC.includes(n.type)?n.size>N.le?void C("Image must be 10MB or smaller."):void(C(null),k(n)):void C("Please choose a JPG, PNG or WEBP image."),onClear:()=>{k(null),z(null),C(null)},disabled:f,errorMessage:null!=A?A:void 0,frames:v,selectedFrameUrl:j?null:P,onSelectFrame:n=>{k(null),C(null),z(n)}}),(0,i.jsx)(_,{label:"Visibility",id:"isPrivate",fieldName:"isPrivate",checked:U,onChange:n=>{b||F("isPrivate",n.target.checked)},onBlur:T,textContent:Y,width:d._t,Icon:s.o94,disabled:f||!!b}),!!b&&!!y&&(0,i.jsx)(np,{children:y}),(0,i.jsx)(u.A.Primary,{disabled:f,type:"submit",children:f?"Loading":g}),!!m&&(0,i.jsx)(E.K,{children:m})]})},np=c.Ay.p(nc(),d._t,n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.7)")},n=>{let{theme:e}=n;return e.breakpoints.lg})},56691:(n,e,t)=>{t.d(e,{Lv:()=>l,Md:()=>o,h1:()=>r,r0:()=>i});let r="PartnerOnly";function i(n){return!!(null==n?void 0:n.includes(r))}let o=2;function l(n){return(null!=n?n:0)>=o}},63388:(n,e,t)=>{t.d(e,{E:()=>i});var r=t(60427),i=t(80542).Sw?r.useLayoutEffect:r.useEffect},64177:(n,e,t)=>{t.d(e,{n:()=>p});var r=t(9545),i=t(60427),o=t(18877),l=t(20996),a=t(37510),s=t(83070),c=t(67994),u=t(63388),d=t(82539);function p(n,e){!1!==globalThis.__DEV__&&(0,d.h)(e||{},"ignoreResults","useMutation","If you don't want to synchronize component state with the mutation, please use the `useApolloClient` hook to get the client instance and call `client.mutate` directly.");var t=(0,c.m)(null==e?void 0:e.client);(0,a.D$)(n,a.KG.Mutation);var p=i.useState({called:!1,loading:!1,client:t}),x=p[0],h=p[1],g=i.useRef({result:x,mutationId:0,isMounted:!0,client:t,mutation:n,options:e});(0,u.E)(function(){Object.assign(g.current,{client:t,options:e,mutation:n})});var f=i.useCallback(function(n){void 0===n&&(n={});var e=g.current,t=e.options,i=e.mutation,a=(0,r.Cl)((0,r.Cl)({},t),{mutation:i}),c=n.client||g.current.client;g.current.result.loading||a.ignoreResults||!g.current.isMounted||h(g.current.result={loading:!0,error:void 0,data:void 0,called:!0,client:c});var u=++g.current.mutationId,d=(0,o.l)(a,n);return c.mutate(d).then(function(e){var t,r,i=e.data,o=e.errors,a=o&&o.length>0?new s.K4({graphQLErrors:o}):void 0,p=n.onError||(null==(t=g.current.options)?void 0:t.onError);if(a&&p&&p(a,d),u===g.current.mutationId&&!d.ignoreResults){var x={called:!0,loading:!1,data:i,error:a,client:c};g.current.isMounted&&!(0,l.L)(g.current.result,x)&&h(g.current.result=x)}var f=n.onCompleted||(null==(r=g.current.options)?void 0:r.onCompleted);return a||null==f||f(e.data,d),e},function(e){if(u===g.current.mutationId&&g.current.isMounted){var t,r={loading:!1,error:e,data:void 0,called:!0,client:c};(0,l.L)(g.current.result,r)||h(g.current.result=r)}var i=n.onError||(null==(t=g.current.options)?void 0:t.onError);if(i)return i(e,d),{data:void 0,errors:e};throw e})},[]),m=i.useCallback(function(){if(g.current.isMounted){var n={called:!1,loading:!1,client:g.current.client};Object.assign(g.current,{mutationId:0,result:n}),h(n)}},[]);return i.useEffect(function(){var n=g.current;return n.isMounted=!0,function(){n.isMounted=!1}},[]),[f,(0,r.Cl)({reset:m},x)]}},90196:(n,e,t)=>{t.d(e,{Ay:()=>c,cy:()=>a,tw:()=>s});var r=t(28888),i=t(37876),o=t(4123);function l(){let n=(0,r._)(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: ","px;\n pointer-events: none;\n color: ",";\n transition: color 0.18s ease;\n\n svg {\n display: block;\n font-size: 1.3rem;\n }\n"]);return l=function(){return n},n}let a=22;function s(n){let{Icon:e}=n;return(0,i.jsx)(u,{children:(0,i.jsx)(e,{})})}let c=function(n){let{Icon:e}=n;return(0,i.jsx)(u,{children:(0,i.jsx)(e,{})})},u=o.Ay.div(l(),a,n=>{let{theme:e}=n;return"rgba(".concat(e.colors.secondaryRgb,", 0.5)")})}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.