https://www.cinnabon.com/_next/static/chunks/8753.fb0180a0b7bea22d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8753],{66718:function(e,l,i){i.d(l,{B:function(){return d}});var a=i(27573),s=i(7653),t=i(10607),n=i(93636);let d=e=>{let{name:l,testid:i,suffixIcon:d,prefixIcon:r,label:c,subtitle:o,ariaLabel:m,onChange:u,isError:p,isButton:x=!1,buttonProps:b}=e,v=(0,s.useRef)(null),j=()=>{v.current&&(v.current.value="")},g=async e=>{var l,i;if(null==e?void 0:null===(i=e.target)||void 0===i?void 0:null===(l=i.files)||void 0===l?void 0:l[0]){let l=e.target.files[0];null==u||u(l),j()}},f=()=>{var e;j(),null===(e=v.current)||void 0===e||e.click()},h=()=>(0,a.jsx)("input",{ref:v,type:"file","data-testid":i,accept:"image/png, image/jpeg, image/jpg",name:l,"aria-label":m,id:i,onInput:g,className:"filePicker"});return x?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(h,{}),(0,a.jsx)(n.z,{...b,onClick:f,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&f()}})]}):(0,a.jsxs)("div",{role:"button",tabIndex:0,className:(0,t.Z)("inputfilePicker",{error:p}),onClick:f,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&f()},children:[(0,a.jsx)(()=>r?(0,a.jsx)("div",{className:"edibleImg",children:r}):null,{}),(0,a.jsxs)("div",{className:"filePickerLabel",children:[c&&(0,a.jsx)("div",{className:"fbrLabel",children:c}),o&&(0,a.jsx)("div",{className:"fbrLabelText",children:o})]}),(0,a.jsx)(h,{}),(0,a.jsx)(()=>d?(0,a.jsx)("div",{className:"arrowImg",children:d}):null,{})]})}},58753:function(e,l,i){i.r(l),i.d(l,{PdpEdibleImage:function(){return j}});var a=i(27573),s=i(7653),t=i(98505),n=i(64070),d=i(15514),r=i(83125),c=i(56901),o=i(60329),m=i(66181),u=i(66718),p=i(47488),x=i(2829),b=i(28846);let v=(0,n.default)(async()=>(await i.e(6965).then(i.bind(i,16965))).PdpEdibleImageModal,{loadableGenerated:{webpack:()=>[16965]}}),j=e=>{var l,i;let n;let{modifier:j,onFileSelect:g,files:f,isError:h=!1,isModal:N=!1}=e,{pdpEdibleImageDisclaimer:k,fbrChevronArrow_RightIcon:y}=d.assets,{t:I}=(0,t.$G)(),C=(0,o.TL)(),w=(0,o.CG)(e=>e.pdpData),E=null==w?void 0:w.content,[D,B]=(0,s.useState)(!1);(0,s.useEffect)(()=>{(null==f?void 0:f.url)&&D&&B(!1)},[f]);let P=e=>{N&&C((0,c.VG)()),C((0,c.Rm)({content:(0,a.jsx)(v,{selectedFile:e,files:f,onFileSelect:g}),customClass:"modalEdible",showClose:!0,onClose:()=>{(null==f?void 0:f.url)||B(!0)}}))},T=()=>(null==f?void 0:f.url)?I("pdp.select.image.title"):j.name,L=()=>(0,a.jsx)("span",{children:(0,a.jsx)(x.Z,{id:"imgDisclaimerInformationIcon",...k})}),_=null==E?void 0:null===(l=E.find(e=>e.key===r.V4p.edibleImageDisclaimer))||void 0===l?void 0:l.body;return N?(0,a.jsx)("div",{className:"pdp-edible-image-modal",children:(0,a.jsxs)("div",{className:"pdp-edible-image-modal-content",children:[(0,a.jsx)("h3",{className:"modalTitle mt-0","data-testid":"txt_modalTitle",children:I("pdp.select.image.title")}),(0,a.jsx)("p",{className:"modalContentDescription",children:I("pdp.select.image.modal.description")}),(0,a.jsx)("div",{className:"fbrLabelText",children:I("pdp.select.image.subtitle")}),(0,a.jsx)("div",{className:"modalBtns",children:(0,a.jsx)(u.B,{name:I("pdp.edible.image.button.text"),onChange:P,isButton:!0,buttonProps:{title:I("pdp.edible.image.button.text"),testid:"modal-select-image-button",type:"button",customClass:"signInButton buttonPrimary",label:I("pdp.edible.image.button.text")}})}),(0,a.jsxs)("div",{className:"imageUploadDisclaimer",children:[(0,a.jsx)(L,{}),(0,a.jsx)(b.K,{data:_})]})]})}):(h=h||D,(0,a.jsxs)("div",{className:"pdp-upload-image",children:[(0,a.jsx)(u.B,{isError:h,label:T(),subtitle:(n=null==f?void 0:f.fileName)&&""!==n?((null==f?void 0:f.fileSize)&&(n="".concat(n," (").concat(null==f?void 0:f.fileSize," KB)")),n):I("pdp.select.image.subtitle"),onChange:P,name:null!==(i=T())&&void 0!==i?i:"file-upload",ariaLabel:T(),testid:"file-upload",suffixIcon:(0,a.jsx)(p.Z,{...y,id:"chevron"}),prefixIcon:(null==f?void 0:f.url)&&(0,a.jsx)(m.ImageWrap,{className:"pdp-preview-image",src:f.url,width:40,height:40,alt:T(),id:"img_Edible"})}),h&&(0,a.jsxs)("div",{className:"imageUploadDisclaimer error",children:[(0,a.jsx)(L,{}),(0,a.jsx)("p",{className:"informationText",children:I("pdp.edible.image.preview.error.text")})]}),(0,a.jsxs)("div",{className:"imageUploadDisclaimer",children:[(0,a.jsx)(L,{}),(0,a.jsx)("p",{className:"informationText",children:(0,a.jsx)(b.K,{data:_})})]})]}))}}}]);