@secondstaxorg/sscomp 1.8.44 → 1.8.46-cle

package/dist/index.es.js

@@ -5522,6 +5522,11 @@ PERFORMANCE OF THIS SOFTWARE.
   border-radius: 8px;
   border: 1px solid ${s["neutral-200"]};
   margin-block: 8px;
+  .info-area{
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
 `,xg=l.div`
   display: flex;
   flex-direction: column;
@@ -5599,5 +5604,6 @@ PERFORMANCE OF THIS SOFTWARE.
   flex-direction: column;
   gap: 12px;
   color: ${s["neutral-900"]};
-`,Eg="D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SignatureField\\SignatureField.tsx",yg=e=>{const{onChange:n,required:l,value:a,maxFileSize:s,previewUrl:c,disableUploadField:d,disableTypeField:u}=e,[f,b]=i(0),[m,h]=i(!1),[p,g]=i(!1);r((()=>{a&&("string"==typeof a&&b(1),"object"==typeof a&&b(0))}),[a]);const A=[{tabName:"Upload Your Signature",tabComponent:(()=>{const[e,u]=i(null),[f,b]=i(""),A=o(null),[C,v]=i(!0),[N,x]=i("");function w(e){if(e){const t=new FileReader;t.onloadend=function(){x(t.result),n(e)},t.readAsDataURL(e)}}r((()=>{a&&"object"==typeof a&&a.name?(u(a),w(a)):(u(null),x(""))}),[a]),r((()=>{let e;c&&fetch(c).then((e=>e.blob())).then((t=>{e=new File([t],"signature-file"+(t.type.toLowerCase().includes("png")?".png":".jpg"),{type:t.type}),u(e),w(e)})).catch((e=>{console.log(e)}))}),[c]),r((()=>{C?v(!1):b(l?e?"selected":"error":"selected")}),[e]);const E=["image/jpeg","image/png"];return t.createElement(Ng,{__self:void 0,__source:{fileName:Eg,lineNumber:104}},t.createElement(xg,{__self:void 0,__source:{fileName:Eg,lineNumber:105}},t.createElement("label",{className:"field-label paragraph2Medium",__self:void 0,__source:{fileName:Eg,lineNumber:106}},"Upload Your Signature"),t.createElement("div",{className:`upload-field-container ${f}`,__self:void 0,__source:{fileName:Eg,lineNumber:107}},!e&&t.createElement(t.Fragment,null,t.createElement("input",{type:"file",accept:"image/jpeg, image/png",className:"file-input",ref:A,required:!e&&l,onInvalid:()=>{e||b("error")},onChange:e=>{d||function(e){h(!1),g(!1);let t=!0;return E.includes(e.type)||(h(!0),t=!1),s&&e.size/1e3>s&&(g(!0),t=!1),t}(e.target.files[0])&&(u(e.target.files[0]),w(e.target.files[0]))},disabled:d,__self:void 0,__source:{fileName:Eg,lineNumber:110}}),t.createElement("span",{className:"field-placeholder paragraph2Regular",__self:void 0,__source:{fileName:Eg,lineNumber:120}},"Nothing selected"),t.createElement("button",{type:"button",className:"file-selector paragraph1Medium",onClick:()=>{A.current.click()},disabled:d,__self:void 0,__source:{fileName:Eg,lineNumber:121}},"Choose File")),e&&t.createElement("div",{className:"signature-preview-area",__self:void 0,__source:{fileName:Eg,lineNumber:125}},t.createElement("div",{className:"signature-preview",__self:void 0,__source:{fileName:Eg,lineNumber:126}},t.createElement("img",{src:N,alt:"",__self:void 0,__source:{fileName:Eg,lineNumber:127}})),t.createElement("div",{className:"action-area",__self:void 0,__source:{fileName:Eg,lineNumber:129}},t.createElement("span",{className:"paragraph2Regular",__self:void 0,__source:{fileName:Eg,lineNumber:130}},e.name),t.createElement("button",{className:"rm-btn paragraph1Medium",type:"button",onClick:()=>{u(null),x("")},__self:void 0,__source:{fileName:Eg,lineNumber:131}},"Remove File")))),t.createElement("p",{className:`captionBook ${m&&"text-error"}`,__self:void 0,__source:{fileName:Eg,lineNumber:139}},"Only ",t.createElement("b",{__self:void 0,__source:{fileName:Eg,lineNumber:139}},"JPGs, JPEGs, PNGs")," are allowed"),s&&t.createElement("p",{className:`captionBook ${p&&"text-error"}`,__self:void 0,__source:{fileName:Eg,lineNumber:140}},"Maximum ",t.createElement("b",{__self:void 0,__source:{fileName:Eg,lineNumber:140}},s>=1e3?Math.round(s/1e3):s," ",s>=1e3?"MB":"KB")," allowed")))})()},{tabName:"Type Your Signature",tabComponent:(()=>{const[e,o]=i("");return r((()=>{o(a&&"string"==typeof a?a:"")}),[a]),t.createElement(t.Fragment,null,t.createElement(Ng,{__self:void 0,__source:{fileName:Eg,lineNumber:159}},t.createElement(wg,{__self:void 0,__source:{fileName:Eg,lineNumber:160}},t.createElement("label",{className:"field-label paragraph2Medium",__self:void 0,__source:{fileName:Eg,lineNumber:161}},"Type Your Signature"),t.createElement("div",{className:"signature",__self:void 0,__source:{fileName:Eg,lineNumber:162}},t.createElement(Ju,{placeholder:"Type your signature",required:l,onChange:e=>{u||(o(e.target.value),n(e.target.value))},value:e,disabled:u,__self:void 0,__source:{fileName:Eg,lineNumber:163}})))))})()}];return t.createElement(t.Fragment,null,t.createElement(Fd,{tabs:A,initialTab:f,__self:void 0,__source:{fileName:Eg,lineNumber:188}}))};export{Wp as Accordion,m as ActionFailed,A as ActionSuccess,D as AppActionsTable,L as AppFormsTable,j as AppModulesTable,G as AuditLog,ie as BankAccounts,se as BankSelector,Jb as BidsCards,ue as BreadcrumbBar,Ae as BrokersTable,d as Button,J as ButtonOutline,qa as Chart,ls as ChartMedium,bs as ChartSmall,vs as CookieConsent,Is as CountrySelector,Fs as CurrencyPairs,Zs as DatePicker,$s as DateRangePicker,ic as DisplayField,fc as DropdownList,ag as EmailField,gc as ExchangeRates,tg as FileUpload,vc as FooterNew,Mc as Indices,Qc as LPRequestTable,Kc as LPSideNav,hd as LPTopBar,Ic as LoadingShimmer,ee as LoadingSpinner,_d as MarketData,zd as MarketMovers,Ud as MenuBar,Jd as NewsCard,iu as NewsFilterBar,ou as NewsSourceTag,su as NewsTitleBar,bg as NumberField,vg as PDFViewer,_ as Pagination,hu as PasswordField,Nu as PaymentMethodsTable,km as PhoneInput,Du as PopupModal,Ru as ProvidersTable,Su as RateHistory,ef as RequestForm,lf as Ribbon,Vb as SSXBar,df as SearchBar,bf as SearchResultsBar,bm as Selector,Nf as SideModal,yg as SignatureField,kf as SmallNewsCard,Lu as StatusBadge,Cm as StepProgress,zf as StocksTicker,Zf as SystemConfigTable,Fd as Tab,qf as Table,om as TableAlternative,im as TablePrimary,rb as TextArea,Ju as TextField,Zp as Tooltip,sb as TransactionDetails,fb as TransactionDetailsWithPayment,Cb as UpdateUserActions,_b as UserActions,Hb as UserRolesTable,Qb as UsersTable,jb as WidgetTitle};
+  margin-bottom: 8px;
+`,Eg="D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SignatureField\\SignatureField.tsx",yg=e=>{const{onChange:n,required:l,value:a,maxFileSize:s,previewUrl:c,disableUploadField:d,disableTypeField:u}=e,[f,b]=i(0),[m,h]=i(!1),[p,g]=i(!1);r((()=>{a&&("string"==typeof a&&b(1),"object"==typeof a&&b(0))}),[a]);const A=()=>{const[e,u]=i(null),[f,b]=i(""),A=o(null),[C,v]=i(!0),[N,x]=i("");function w(e){if(e){const t=new FileReader;t.onloadend=function(){x(t.result),n(e)},t.readAsDataURL(e)}}r((()=>{a&&"object"==typeof a&&a.name?(u(a),w(a)):(u(null),x(""))}),[a]),r((()=>{let e;c&&fetch(c).then((e=>e.blob())).then((t=>{e=new File([t],"signature-file"+(t.type.toLowerCase().includes("png")?".png":".jpg"),{type:t.type}),u(e),w(e)})).catch((e=>{console.log(e)}))}),[c]),r((()=>{C?v(!1):b(l?e?"selected":"error":"selected")}),[e]);const E=["image/jpeg","image/png"];return t.createElement(Ng,{__self:void 0,__source:{fileName:Eg,lineNumber:103}},t.createElement(xg,{__self:void 0,__source:{fileName:Eg,lineNumber:104}},t.createElement("label",{className:"field-label paragraph2Medium",__self:void 0,__source:{fileName:Eg,lineNumber:105}},"Upload Your Signature"),t.createElement("div",{className:`upload-field-container ${f}`,__self:void 0,__source:{fileName:Eg,lineNumber:106}},!e&&t.createElement(t.Fragment,null,t.createElement("input",{type:"file",accept:"image/jpeg, image/png",className:"file-input",ref:A,required:!e&&l,onInvalid:()=>{e||b("error")},onChange:e=>{d||function(e){h(!1),g(!1);let t=!0;return E.includes(e.type)||(h(!0),t=!1),s&&e.size/1e3>s&&(g(!0),t=!1),t}(e.target.files[0])&&(u(e.target.files[0]),w(e.target.files[0]))},disabled:d,__self:void 0,__source:{fileName:Eg,lineNumber:109}}),t.createElement("span",{className:"field-placeholder paragraph2Regular",__self:void 0,__source:{fileName:Eg,lineNumber:119}},"Nothing selected"),t.createElement("button",{type:"button",className:"file-selector paragraph1Medium",onClick:()=>{A.current.click()},disabled:d,__self:void 0,__source:{fileName:Eg,lineNumber:120}},"Choose File")),e&&t.createElement("div",{className:"signature-preview-area",__self:void 0,__source:{fileName:Eg,lineNumber:124}},t.createElement("div",{className:"signature-preview",__self:void 0,__source:{fileName:Eg,lineNumber:125}},t.createElement("img",{src:N,alt:"",__self:void 0,__source:{fileName:Eg,lineNumber:126}})),t.createElement("div",{className:"action-area",__self:void 0,__source:{fileName:Eg,lineNumber:128}},t.createElement("span",{className:"paragraph2Regular",__self:void 0,__source:{fileName:Eg,lineNumber:129}},e.name),t.createElement("button",{className:"rm-btn paragraph1Medium",type:"button",onClick:()=>{u(null),x("")},__self:void 0,__source:{fileName:Eg,lineNumber:130}},"Remove File")))),t.createElement("p",{className:`captionBook ${m&&"text-error"}`,__self:void 0,__source:{fileName:Eg,lineNumber:138}},"Only ",t.createElement("b",{__self:void 0,__source:{fileName:Eg,lineNumber:138}},"JPGs, JPEGs, PNGs")," are allowed"),s&&t.createElement("p",{className:`captionBook ${p&&"text-error"}`,__self:void 0,__source:{fileName:Eg,lineNumber:139}},"Maximum ",t.createElement("b",{__self:void 0,__source:{fileName:Eg,lineNumber:139}},s>=1e3?Math.round(s/1e3):s," ",s>=1e3?"MB":"KB")," allowed")))},C=()=>{const[e,o]=i("");return r((()=>{o(a&&"string"==typeof a?a:"")}),[a]),t.createElement(Ng,{__self:void 0,__source:{fileName:Eg,lineNumber:157}},t.createElement(wg,{__self:void 0,__source:{fileName:Eg,lineNumber:158}},t.createElement("label",{className:"field-label paragraph2Medium",__self:void 0,__source:{fileName:Eg,lineNumber:159}},"Type Your Signature"),t.createElement("div",{className:"signature",__self:void 0,__source:{fileName:Eg,lineNumber:160}},t.createElement(Ju,{placeholder:"Type your signature",required:l,onChange:e=>{u||(o(e.target.value),n(e.target.value))},value:e,disabled:u,__self:void 0,__source:{fileName:Eg,lineNumber:161}}))))},v=[{tabName:"Upload Your Signature",tabComponent:A()},{tabName:"Type Your Signature",tabComponent:C()}];return t.createElement(t.Fragment,null,!u&&!d&&t.createElement(Fd,{tabs:v,initialTab:f,__self:void 0,__source:{fileName:Eg,lineNumber:185}}),u&&t.createElement(t.Fragment,null,A()),d&&t.createElement(t.Fragment,null,C()))};export{Wp as Accordion,m as ActionFailed,A as ActionSuccess,D as AppActionsTable,L as AppFormsTable,j as AppModulesTable,G as AuditLog,ie as BankAccounts,se as BankSelector,Jb as BidsCards,ue as BreadcrumbBar,Ae as BrokersTable,d as Button,J as ButtonOutline,qa as Chart,ls as ChartMedium,bs as ChartSmall,vs as CookieConsent,Is as CountrySelector,Fs as CurrencyPairs,Zs as DatePicker,$s as DateRangePicker,ic as DisplayField,fc as DropdownList,ag as EmailField,gc as ExchangeRates,tg as FileUpload,vc as FooterNew,Mc as Indices,Qc as LPRequestTable,Kc as LPSideNav,hd as LPTopBar,Ic as LoadingShimmer,ee as LoadingSpinner,_d as MarketData,zd as MarketMovers,Ud as MenuBar,Jd as NewsCard,iu as NewsFilterBar,ou as NewsSourceTag,su as NewsTitleBar,bg as NumberField,vg as PDFViewer,_ as Pagination,hu as PasswordField,Nu as PaymentMethodsTable,km as PhoneInput,Du as PopupModal,Ru as ProvidersTable,Su as RateHistory,ef as RequestForm,lf as Ribbon,Vb as SSXBar,df as SearchBar,bf as SearchResultsBar,bm as Selector,Nf as SideModal,yg as SignatureField,kf as SmallNewsCard,Lu as StatusBadge,Cm as StepProgress,zf as StocksTicker,Zf as SystemConfigTable,Fd as Tab,qf as Table,om as TableAlternative,im as TablePrimary,rb as TextArea,Ju as TextField,Zp as Tooltip,sb as TransactionDetails,fb as TransactionDetailsWithPayment,Cb as UpdateUserActions,_b as UserActions,Hb as UserRolesTable,Qb as UsersTable,jb as WidgetTitle};
 //# sourceMappingURL=index.es.js.map