@instincthub/react-ui 0.0.3 → 0.0.4

package/dist/src/components/forms/MultipleEmail.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleEmail.js","sources":["../../../../src/components/forms/MultipleEmail.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\n\r\ninterface MultipleEmailProps {\r\n  onEmailsChange?: (emails: string[]) => void;\r\n}\r\n\r\nconst MultipleEmail: React.FC<MultipleEmailProps> = ({ onEmailsChange }) => {\r\n  const [items, setItems] = useState<string[]>([]);\r\n  const [value, setValue] = useState<string>(\"\");\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const handleKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if ([\"Enter\", \"Tab\", \",\"].includes(evt.key)) {\r\n      evt.preventDefault();\r\n\r\n      const trimmedValue = value.trim();\r\n\r\n      if (trimmedValue && isValid(trimmedValue)) {\r\n        const newItems = [...items, trimmedValue];\r\n        setItems(newItems);\r\n        setValue(\"\");\r\n        \r\n        if (onEmailsChange) {\r\n          onEmailsChange(newItems);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {\r\n    setValue(evt.target.value);\r\n    setError(null);\r\n  };\r\n\r\n  const handleDelete = (item: string) => {\r\n    const newItems = items.filter((i) => i !== item);\r\n    setItems(newItems);\r\n    \r\n    if (onEmailsChange) {\r\n      onEmailsChange(newItems);\r\n    }\r\n  };\r\n\r\n  const handleSubmit = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    console.log(`${items}`);\r\n  };\r\n\r\n  const handlePaste = (evt: React.ClipboardEvent<HTMLInputElement>) => {\r\n    evt.preventDefault();\r\n\r\n    const paste = evt.clipboardData.getData(\"text\");\r\n    const emails = paste.match(/[\\w\\d\\.-]+@[\\w\\d\\.-]+\\.[\\w\\d\\.-]+/g);\r\n\r\n    if (emails) {\r\n      const toBeAdded = emails.filter((email) => !isInList(email));\r\n      \r\n      if (toBeAdded.length) {\r\n        const newItems = [...items, ...toBeAdded];\r\n        setItems(newItems);\r\n        \r\n        if (onEmailsChange) {\r\n          onEmailsChange(newItems);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const isValid = (email: string): boolean => {\r\n    let emailError: string | null = null;\r\n\r\n    if (isInList(email)) {\r\n      emailError = `${email} has already been added.`;\r\n    }\r\n\r\n    if (!isEmail(email)) {\r\n      emailError = `${email} is not a valid email address.`;\r\n    }\r\n\r\n    if (emailError) {\r\n      setError(emailError);\r\n      return false;\r\n    }\r\n\r\n    return true;\r\n  };\r\n\r\n  const isInList = (email: string): boolean => {\r\n    return items.includes(email);\r\n  };\r\n\r\n  const isEmail = (email: string): boolean => {\r\n    return /[\\w\\d\\.-]+@[\\w\\d\\.-]+\\.[\\w\\d\\.-]+/.test(email);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-multiple-email\" onSubmit={handleSubmit}>\r\n      {items.map((item) => (\r\n        <div className=\"ihub-tag-item\" key={item}>\r\n          <p>{item}</p>\r\n          <button\r\n            type=\"button\"\r\n            className=\"ihub-button\"\r\n            onClick={() => handleDelete(item)}\r\n          >\r\n            &times;\r\n          </button>\r\n        </div>\r\n      ))}\r\n\r\n      <input\r\n        className={`ihub-input ${error ? \"ihub-has-error\" : \"\"}`}\r\n        value={value}\r\n        placeholder=\"Separate emails with commas or 'Enter'\"\r\n        onKeyDown={handleKeyDown}\r\n        onChange={handleChange}\r\n        onPaste={handlePaste}\r\n      />\r\n\r\n      {error && <p className=\"ihub-error\">{error}</p>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default MultipleEmail;"],"names":["MultipleEmail","_ref","onEmailsChange","_useState","useState","_useState2","_slicedToArray","items","setItems","_useState3","_useState4","value","setValue","_useState5","_useState6","error","setError","isValid","email","emailError","isInList","concat","isEmail","includes","test","_jsxs","className","onSubmit","e","preventDefault","console","log","children","map","item","_jsx","type","onClick","newItems","filter","i","handleDelete","placeholder","onKeyDown","evt","key","trimmedValue","trim","_toConsumableArray","onChange","target","onPaste","emails","clipboardData","getData","match","toBeAdded","length"],"mappings":"yLAMA,IAAMA,EAA8C,SAAjCC,GAAwD,IAApBC,EAAcD,EAAdC,eACrDC,EAA0BC,EAAmB,IAAGC,EAAAC,EAAAH,EAAA,GAAzCI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GACtBI,EAA0BL,EAAiB,IAAGM,EAAAJ,EAAAG,EAAA,GAAvCE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GACtBG,EAA0BT,EAAwB,MAAKU,EAAAR,EAAAO,EAAA,GAAhDE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GA2DhBG,EAAU,SAACC,GACf,IAAIC,EAA4B,KAUhC,OARIC,EAASF,KACXC,EAAUE,GAAAA,OAAMH,EAA+B,6BAG5CI,EAAQJ,KACXC,EAAUE,GAAAA,OAAMH,EAAqC,oCAGnDC,IACFH,EAASG,IACF,IAMLC,EAAW,SAACF,GAChB,OAAOX,EAAMgB,SAASL,IAGlBI,EAAU,SAACJ,GACf,MAAO,oCAAoCM,KAAKN,IAGlD,OACEO,SAAKC,UAAU,sBAAsBC,SArDlB,SAACC,GACpBA,EAAEC,iBACFC,QAAQC,IAAG,GAAAV,OAAId,KAoDZyB,SAAA,CAAAzB,EAAM0B,KAAI,SAACC,GAAI,OACdT,EAAK,MAAA,CAAAC,UAAU,0BACbS,EAAI,IAAA,CAAAH,SAAAE,IACJC,EAAA,SAAA,CACEC,KAAK,SACLV,UAAU,cACVW,QAAS,WAAF,OArEI,SAACH,GACpB,IAAMI,EAAW/B,EAAMgC,QAAO,SAACC,GAAC,OAAKA,IAAMN,KAC3C1B,EAAS8B,GAELpC,GACFA,EAAeoC,GAgEMG,CAAaP,EAAK,EAAAF,SAAA,QALDE,EAS9B,IAGRC,EACE,QAAA,CAAAT,UAAS,cAAAL,OAAgBN,EAAQ,iBAAmB,IACpDJ,MAAOA,EACP+B,YAAY,yCACZC,UAvGgB,SAACC,GACrB,GAAI,CAAC,QAAS,MAAO,KAAKrB,SAASqB,EAAIC,KAAM,CAC3CD,EAAIf,iBAEJ,IAAMiB,EAAenC,EAAMoC,OAE3B,GAAID,GAAgB7B,EAAQ6B,GAAe,CACzC,IAAMR,KAAQjB,OAAA2B,EAAOzC,GAAOuC,CAAAA,IAC5BtC,EAAS8B,GACT1B,EAAS,IAELV,GACFA,EAAeoC,EAElB,CACF,GAyFGW,SAtFe,SAACL,GACpBhC,EAASgC,EAAIM,OAAOvC,OACpBK,EAAS,OAqFLmC,QApEc,SAACP,GACnBA,EAAIf,iBAEJ,IACMuB,EADQR,EAAIS,cAAcC,QAAQ,QACnBC,MAAM,sCAE3B,GAAIH,EAAQ,CACV,IAAMI,EAAYJ,EAAOb,QAAO,SAACrB,GAAK,OAAME,EAASF,MAErD,GAAIsC,EAAUC,OAAQ,CACpB,IAAMnB,EAAQjB,GAAAA,OAAA2B,EAAOzC,GAAKyC,EAAKQ,IAC/BhD,EAAS8B,GAELpC,GACFA,EAAeoC,EAElB,CACF,KAsDEvB,GAASoB,EAAG,IAAA,CAAAT,UAAU,sBAAcX,MAG3C"}
+{"version":3,"file":"MultipleEmail.js","sources":["../../../../src/components/forms/MultipleEmail.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\n\r\ninterface MultipleEmailProps {\r\n  onEmailsChange?: (emails: string[]) => void;\r\n}\r\n\r\nconst MultipleEmail: React.FC<MultipleEmailProps> = ({ onEmailsChange }) => {\r\n  const [items, setItems] = useState<string[]>([]);\r\n  const [value, setValue] = useState<string>(\"\");\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  const handleKeyDown = (evt: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if ([\"Enter\", \"Tab\", \",\"].includes(evt.key)) {\r\n      evt.preventDefault();\r\n\r\n      const trimmedValue = value.trim();\r\n\r\n      if (trimmedValue && isValid(trimmedValue)) {\r\n        const newItems = [...items, trimmedValue];\r\n        setItems(newItems);\r\n        setValue(\"\");\r\n        \r\n        if (onEmailsChange) {\r\n          onEmailsChange(newItems);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleChange = (evt: React.ChangeEvent<HTMLInputElement>) => {\r\n    setValue(evt.target.value);\r\n    setError(null);\r\n  };\r\n\r\n  const handleDelete = (item: string) => {\r\n    const newItems = items.filter((i) => i !== item);\r\n    setItems(newItems);\r\n    \r\n    if (onEmailsChange) {\r\n      onEmailsChange(newItems);\r\n    }\r\n  };\r\n\r\n  const handleSubmit = (e: React.FormEvent) => {\r\n    e.preventDefault();\r\n    console.log(`${items}`);\r\n  };\r\n\r\n  const handlePaste = (evt: React.ClipboardEvent<HTMLInputElement>) => {\r\n    evt.preventDefault();\r\n\r\n    const paste = evt.clipboardData.getData(\"text\");\r\n    const emails = paste.match(/[\\w\\d\\.-]+@[\\w\\d\\.-]+\\.[\\w\\d\\.-]+/g);\r\n\r\n    if (emails) {\r\n      const toBeAdded = emails.filter((email) => !isInList(email));\r\n      \r\n      if (toBeAdded.length) {\r\n        const newItems = [...items, ...toBeAdded];\r\n        setItems(newItems);\r\n        \r\n        if (onEmailsChange) {\r\n          onEmailsChange(newItems);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const isValid = (email: string): boolean => {\r\n    let emailError: string | null = null;\r\n\r\n    if (isInList(email)) {\r\n      emailError = `${email} has already been added.`;\r\n    }\r\n\r\n    if (!isEmail(email)) {\r\n      emailError = `${email} is not a valid email address.`;\r\n    }\r\n\r\n    if (emailError) {\r\n      setError(emailError);\r\n      return false;\r\n    }\r\n\r\n    return true;\r\n  };\r\n\r\n  const isInList = (email: string): boolean => {\r\n    return items.includes(email);\r\n  };\r\n\r\n  const isEmail = (email: string): boolean => {\r\n    return /[\\w\\d\\.-]+@[\\w\\d\\.-]+\\.[\\w\\d\\.-]+/.test(email);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-multiple-email\" onSubmit={handleSubmit}>\r\n      {items.map((item) => (\r\n        <div className=\"ihub-tag-item\" key={item}>\r\n          <p>{item}</p>\r\n          <button\r\n            type=\"button\"\r\n            className=\"ihub-button\"\r\n            onClick={() => handleDelete(item)}\r\n          >\r\n            &times;\r\n          </button>\r\n        </div>\r\n      ))}\r\n\r\n      <input\r\n        className={`ihub-input ${error ? \"ihub-has-error\" : \"\"}`}\r\n        value={value}\r\n        placeholder=\"Separate emails with commas or 'Enter'\"\r\n        onKeyDown={handleKeyDown}\r\n        onChange={handleChange}\r\n        onPaste={handlePaste}\r\n      />\r\n\r\n      {error && <p className=\"ihub-error\">{error}</p>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default MultipleEmail;"],"names":["_ref","onEmailsChange","_useState","useState","_useState2","_slicedToArray","items","setItems","_useState3","_useState4","value","setValue","_useState5","_useState6","error","setError","isValid","email","emailError","isInList","concat","isEmail","includes","test","_jsxs","className","onSubmit","e","preventDefault","console","log","children","map","item","_jsx","jsx","type","onClick","newItems","filter","i","handleDelete","placeholder","onKeyDown","evt","key","trimmedValue","trim","_toConsumableArray","onChange","target","onPaste","emails","clipboardData","getData","match","toBeAdded","length"],"mappings":"sMAMoD,SAAjCA,GAAwD,IAApBC,EAAcD,EAAdC,eACrDC,EAA0BC,EAAQA,SAAW,IAAGC,EAAAC,EAAAA,cAAAH,EAAA,GAAzCI,EAAKF,EAAA,GAAEG,EAAQH,EAAA,GACtBI,EAA0BL,EAAQA,SAAS,IAAGM,EAAAJ,EAAAA,cAAAG,EAAA,GAAvCE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GACtBG,EAA0BT,EAAQA,SAAgB,MAAKU,EAAAR,EAAAA,cAAAO,EAAA,GAAhDE,EAAKD,EAAA,GAAEE,EAAQF,EAAA,GA2DhBG,EAAU,SAACC,GACf,IAAIC,EAA4B,KAUhC,OARIC,EAASF,KACXC,EAAUE,GAAAA,OAAMH,EAA+B,6BAG5CI,EAAQJ,KACXC,EAAUE,GAAAA,OAAMH,EAAqC,oCAGnDC,IACFH,EAASG,IACF,IAMLC,EAAW,SAACF,GAChB,OAAOX,EAAMgB,SAASL,IAGlBI,EAAU,SAACJ,GACf,MAAO,oCAAoCM,KAAKN,IAGlD,OACEO,EAAAA,YAAKC,UAAU,sBAAsBC,SArDlB,SAACC,GACpBA,EAAEC,iBACFC,QAAQC,IAAG,GAAAV,OAAId,KAoDZyB,SAAA,CAAAzB,EAAM0B,KAAI,SAACC,GAAI,OACdT,EAAAA,KAAK,MAAA,CAAAC,UAAU,0BACbS,EAAIC,IAAA,IAAA,CAAAJ,SAAAE,IACJC,EAAAC,IAAA,SAAA,CACEC,KAAK,SACLX,UAAU,cACVY,QAAS,WAAF,OArEI,SAACJ,GACpB,IAAMK,EAAWhC,EAAMiC,QAAO,SAACC,GAAC,OAAKA,IAAMP,KAC3C1B,EAAS+B,GAELrC,GACFA,EAAeqC,GAgEMG,CAAaR,EAAK,EAAAF,SAAA,QALDE,EAS9B,IAGRC,EACEC,IAAA,QAAA,CAAAV,UAAS,cAAAL,OAAgBN,EAAQ,iBAAmB,IACpDJ,MAAOA,EACPgC,YAAY,yCACZC,UAvGgB,SAACC,GACrB,GAAI,CAAC,QAAS,MAAO,KAAKtB,SAASsB,EAAIC,KAAM,CAC3CD,EAAIhB,iBAEJ,IAAMkB,EAAepC,EAAMqC,OAE3B,GAAID,GAAgB9B,EAAQ8B,GAAe,CACzC,IAAMR,KAAQlB,OAAA4B,EAAAA,kBAAO1C,GAAOwC,CAAAA,IAC5BvC,EAAS+B,GACT3B,EAAS,IAELV,GACFA,EAAeqC,EAElB,CACF,GAyFGW,SAtFe,SAACL,GACpBjC,EAASiC,EAAIM,OAAOxC,OACpBK,EAAS,OAqFLoC,QApEc,SAACP,GACnBA,EAAIhB,iBAEJ,IACMwB,EADQR,EAAIS,cAAcC,QAAQ,QACnBC,MAAM,sCAE3B,GAAIH,EAAQ,CACV,IAAMI,EAAYJ,EAAOb,QAAO,SAACtB,GAAK,OAAME,EAASF,MAErD,GAAIuC,EAAUC,OAAQ,CACpB,IAAMnB,EAAQlB,GAAAA,OAAA4B,EAAAA,kBAAO1C,GAAK0C,EAAAA,kBAAKQ,IAC/BjD,EAAS+B,GAELrC,GACFA,EAAeqC,EAElB,CACF,KAsDExB,GAASoB,EAAGC,IAAA,IAAA,CAAAV,UAAU,sBAAcX,MAG3C"}

package/dist/src/components/forms/PageLoading.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as a}from"react/jsx-runtime";var i=function(i){var e=i.labels;return r("div",{className:"ihub-loading container",children:a("p",{children:[void 0===e?"":e," Loading..."]})})};export{i as PageLoading,i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=function(r){var i=r.labels,a=void 0===i?"":i;return e.jsx("div",{className:"ihub-loading container",children:e.jsxs("p",{children:[a," Loading..."]})})};exports.PageLoading=r,exports.default=r;
 //# sourceMappingURL=PageLoading.js.map

package/dist/src/components/forms/PageLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageLoading.js","sources":["../../../../src/components/forms/PageLoading.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ninterface PageLoadingProps {\r\n  labels?: string;\r\n}\r\n\r\nexport const PageLoading: React.FC<PageLoadingProps> = ({ labels = '' }) => {\r\n  return (\r\n    <div className=\"ihub-loading container\">\r\n      <p>{labels} Loading...</p>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PageLoading;"],"names":["PageLoading","_ref","_ref$labels","labels","_jsx","className","children","_jsxs"],"mappings":"sDAMaA,EAA0C,SAA/BC,GAAmD,IAAAC,EAAAD,EAAjBE,OACxD,OACEC,EAAK,MAAA,CAAAC,UAAU,yBACbC,SAAAC,EAAA,IAAA,CAAAD,SAAA,MAH6D,IAAHJ,EAAG,GAAEA,EAGrD,kBAGhB"}
+{"version":3,"file":"PageLoading.js","sources":["../../../../src/components/forms/PageLoading.tsx"],"sourcesContent":["import React from 'react';\r\n\r\ninterface PageLoadingProps {\r\n  labels?: string;\r\n}\r\n\r\nexport const PageLoading: React.FC<PageLoadingProps> = ({ labels = '' }) => {\r\n  return (\r\n    <div className=\"ihub-loading container\">\r\n      <p>{labels} Loading...</p>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PageLoading;"],"names":["PageLoading","_ref","_ref$labels","labels","_jsx","className","children","_jsxs","jsxs"],"mappings":"uGAMaA,EAA0C,SAA/BC,GAAmD,IAAAC,EAAAD,EAAjBE,OAAAA,OAAS,IAAHD,EAAG,GAAEA,EACnE,OACEE,EAAAA,IAAK,MAAA,CAAAC,UAAU,yBACbC,SAAAC,EAAAC,KAAA,IAAA,CAAAF,SAAA,CAAIH,EAAM,kBAGhB"}

package/dist/src/components/forms/PasswordField.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{useState as r,useEffect as n}from"react";import l from"@mui/icons-material/Visibility";import t from"@mui/icons-material/VisibilityOff";function s(s){var o=s.names,u=s.labels,c=s.requireds,d=void 0!==c&&c,m=s.defaultValues,p=void 0===m?"":m,f=s.setValues,v=s.inputEvent,h=r(!1),b=e(h,2),N=b[0],y=b[1],g=r(""),w=e(g,2),x=w[0],V=w[1],_=r(!1),E=e(_,2),j=E[0],q=E[1];return n((function(){V(p)}),[p]),i("div",{className:o,children:i("div",{className:"field",children:a("div",{className:"ihub-password-wrapper",children:[a("div",{className:"input_icon",children:[i("input",{type:N?"text":"password",id:"password",name:o,required:d,value:x,onChange:function(e){var i,a=e.target.value;if(a!==p){V(a);var r=null===(i=e.target.parentElement)||void 0===i?void 0:i.parentElement;a?(null==r||r.classList.add("value"),f&&f(a),v&&v(o,a)):null==r||r.classList.remove("value")}},onFocus:function(){return q(!0)},onMouseOut:function(){return q(!1)}}),i("div",{onClick:function(){y((function(e){return!e}))},className:"symbols ihub-d-inline",children:i(N?l:t,{})})]}),i("span",{className:"text_label ".concat(j||x?"focused":""),children:u})]})})})}export{s as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),i=require("react/jsx-runtime"),s=require("react"),r=require("@mui/icons-material/Visibility"),t=require("@mui/icons-material/VisibilityOff");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(r),u=a(t);exports.default=function(r){var t=r.names,a=r.labels,n=r.requireds,c=void 0!==n&&n,o=r.defaultValues,d=void 0===o?"":o,f=r.setValues,v=r.inputEvent,p=s.useState(!1),m=e.slicedToArray(p,2),x=m[0],j=m[1],b=s.useState(""),h=e.slicedToArray(b,2),y=h[0],q=h[1],N=s.useState(!1),_=e.slicedToArray(N,2),g=_[0],w=_[1];return s.useEffect((function(){q(d)}),[d]),i.jsx("div",{className:t,children:i.jsx("div",{className:"field",children:i.jsxs("div",{className:"ihub-password-wrapper",children:[i.jsxs("div",{className:"input_icon",children:[i.jsx("input",{type:x?"text":"password",id:"password",name:t,required:c,value:y,onChange:function(e){var i,s=e.target.value;if(s!==d){q(s);var r=null===(i=e.target.parentElement)||void 0===i?void 0:i.parentElement;s?(null==r||r.classList.add("value"),f&&f(s),v&&v(t,s)):null==r||r.classList.remove("value")}},onFocus:function(){return w(!0)},onMouseOut:function(){return w(!1)}}),i.jsx("div",{onClick:function(){j((function(e){return!e}))},className:"symbols ihub-d-inline",children:x?i.jsx(l.default,{}):i.jsx(u.default,{})})]}),i.jsx("span",{className:"text_label ".concat(g||y?"focused":""),children:a})]})})})};
 //# sourceMappingURL=PasswordField.js.map

package/dist/src/components/forms/PhoneNumberInput.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as n,jsx as a}from"react/jsx-runtime";import{useState as o}from"react";import t from"../lib/json/countryObjects.js";var c=function(c){var r=o(t.find((function(e){return e.phonecode===(c.phoneCode||"234")}))||t[0]),i=e(r,2),l=i[0],u=i[1],p=o(c.defaultValues.mobile||""),h=e(p,2),s=h[0],d=h[1];return n("div",{className:"ihub-react-phone-input",children:[n("div",{className:"ihub-target-phone",children:[a("select",{onChange:function(e){var n=e.target.value,a=t.find((function(e){return e.phonecode===n}));a&&u(a),c.inputEvent&&c.inputEvent(e)},value:l.phonecode,name:"phone_code",className:"ihub-country-select",children:t.map((function(e,o){return n("option",{value:e.phonecode,children:[l.phonecode!==e.phonecode?n("span",{className:"ihub-c-name",children:[e.name," "]}):"",a("span",{className:"ihub-c-flag",children:e.flag})," ",n("span",{className:"ihub-c-code",children:["+",e.phonecode]})]},o)}))}),a("input",{type:"tel",name:c.names,value:s,onChange:function(e){d(e.target.value),c.inputEvent&&c.inputEvent(e)},placeholder:"Enter phone number",maxLength:11,className:"ihub-phone-input"})]}),n("p",{className:"ihub-make-bold",children:["+",l.phonecode," ",s]})]})};export{c as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),a=require("react"),t=require("../lib/json/countryObjects.js");exports.default=function(s){var u=a.useState(t.default.find((function(e){return e.phonecode===(s.phoneCode||"234")}))||t.default[0]),r=e.slicedToArray(u,2),c=r[0],l=r[1],o=a.useState(s.defaultValues.mobile||""),i=e.slicedToArray(o,2),d=i[0],h=i[1];return n.jsxs("div",{className:"ihub-react-phone-input",children:[n.jsxs("div",{className:"ihub-target-phone",children:[n.jsx("select",{onChange:function(e){var n=e.target.value,a=t.default.find((function(e){return e.phonecode===n}));a&&l(a),s.inputEvent&&s.inputEvent(e)},value:c.phonecode,name:"phone_code",className:"ihub-country-select",children:t.default.map((function(e,a){return n.jsxs("option",{value:e.phonecode,children:[c.phonecode!==e.phonecode?n.jsxs("span",{className:"ihub-c-name",children:[e.name," "]}):"",n.jsx("span",{className:"ihub-c-flag",children:e.flag})," ",n.jsxs("span",{className:"ihub-c-code",children:["+",e.phonecode]})]},a)}))}),n.jsx("input",{type:"tel",name:s.names,value:d,onChange:function(e){h(e.target.value),s.inputEvent&&s.inputEvent(e)},placeholder:"Enter phone number",maxLength:11,className:"ihub-phone-input"})]}),n.jsxs("p",{className:"ihub-make-bold",children:["+",c.phonecode," ",d]})]})};
 //# sourceMappingURL=PhoneNumberInput.js.map

package/dist/src/components/forms/PhoneNumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberInput.js","sources":["../../../../src/components/forms/PhoneNumberInput.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\n\r\n// Define types for country objects\r\ninterface CountryObject {\r\n  name: string;\r\n  phonecode: string;\r\n  flag: string;\r\n  [key: string]: any;\r\n}\r\n\r\n// Import country objects with proper type\r\nimport countryObjects from \"../lib/json/countryObjects\";\r\n\r\ninterface PhoneNumberInputProps {\r\n  phoneCode?: string;\r\n  defaultValues: {\r\n    mobile?: string;\r\n    [key: string]: any;\r\n  };\r\n  names?: string;\r\n  inputEvent?: (\r\n    event: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>\r\n  ) => void;\r\n}\r\n\r\nconst PhoneNumberInput: React.FC<PhoneNumberInputProps> = (props) => {\r\n  // Get default country\r\n  const [selectedCountry, setSelectedCountry] = useState<CountryObject>(\r\n    countryObjects.find((c) => c.phonecode === (props.phoneCode || \"234\")) ||\r\n      countryObjects[0]\r\n  );\r\n\r\n  // Get default number\r\n  const [phoneNumber, setPhoneNumber] = useState<string>(\r\n    props.defaultValues.mobile || \"\"\r\n  );\r\n\r\n  const handleCountryChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    const selectedCountryCode = event.target.value;\r\n    const country = countryObjects.find(\r\n      (country) => country.phonecode === selectedCountryCode\r\n    );\r\n\r\n    if (country) {\r\n      setSelectedCountry(country);\r\n    }\r\n\r\n    if (props.inputEvent) {\r\n      props.inputEvent(event);\r\n    }\r\n  };\r\n\r\n  const handlePhoneNumberChange = (\r\n    event: React.ChangeEvent<HTMLInputElement>\r\n  ) => {\r\n    setPhoneNumber(event.target.value);\r\n    if (props.inputEvent) {\r\n      props.inputEvent(event);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-react-phone-input\">\r\n      <div className=\"ihub-target-phone\">\r\n        <select\r\n          onChange={handleCountryChange}\r\n          value={selectedCountry.phonecode}\r\n          name=\"phone_code\"\r\n          className=\"ihub-country-select\"\r\n        >\r\n          {countryObjects.map((country, index) => (\r\n            <option key={index} value={country.phonecode}>\r\n              {selectedCountry.phonecode !== country.phonecode ? (\r\n                <span className=\"ihub-c-name\">{country.name} </span>\r\n              ) : (\r\n                \"\"\r\n              )}\r\n              <span className=\"ihub-c-flag\">{country.flag}</span>{\" \"}\r\n              <span className=\"ihub-c-code\">+{country.phonecode}</span>\r\n            </option>\r\n          ))}\r\n        </select>\r\n\r\n        <input\r\n          type=\"tel\"\r\n          name={props.names}\r\n          value={phoneNumber}\r\n          onChange={handlePhoneNumberChange}\r\n          placeholder=\"Enter phone number\"\r\n          maxLength={11}\r\n          className=\"ihub-phone-input\"\r\n        />\r\n      </div>\r\n\r\n      <p className=\"ihub-make-bold\">\r\n        +{selectedCountry.phonecode} {phoneNumber}\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PhoneNumberInput;\r\n"],"names":["PhoneNumberInput","props","_useState","useState","countryObjects","find","c","phonecode","phoneCode","_useState2","_slicedToArray","selectedCountry","setSelectedCountry","_useState3","defaultValues","mobile","_useState4","phoneNumber","setPhoneNumber","_jsxs","className","children","_jsx","onChange","event","selectedCountryCode","target","value","country","inputEvent","name","map","index","flag","type","names","placeholder","maxLength"],"mappings":"+MAyBA,IAAMA,EAAoD,SAACC,GAEzD,IAAAC,EAA8CC,EAC5CC,EAAeC,MAAK,SAACC,GAAC,OAAKA,EAAEC,aAAeN,EAAMO,WAAa,MAAM,KACnEJ,EAAe,IAClBK,EAAAC,EAAAR,EAAA,GAHMS,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAM1CI,EAAsCV,EACpCF,EAAMa,cAAcC,QAAU,IAC/BC,EAAAN,EAAAG,EAAA,GAFMI,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GA4BlC,OACEG,EAAA,MAAA,CAAKC,UAAU,yBACbC,SAAA,CAAAF,EAAA,MAAA,CAAKC,UAAU,oBACbC,SAAA,CAAAC,EAAA,SAAA,CACEC,SA5BoB,SAACC,GAC3B,IAAMC,EAAsBD,EAAME,OAAOC,MACnCC,EAAUxB,EAAeC,MAC7B,SAACuB,GAAO,OAAKA,EAAQrB,YAAckB,KAGjCG,GACFhB,EAAmBgB,GAGjB3B,EAAM4B,YACR5B,EAAM4B,WAAWL,IAkBbG,MAAOhB,EAAgBJ,UACvBuB,KAAK,aACLV,UAAU,sBAETC,SAAAjB,EAAe2B,KAAI,SAACH,EAASI,GAAK,OACjCb,YAAoBQ,MAAOC,EAAQrB,UAChCc,SAAA,CAAAV,EAAgBJ,YAAcqB,EAAQrB,UACrCY,EAAM,OAAA,CAAAC,UAAU,cAAaC,SAAA,CAAEO,EAAQE,KAAa,OAEpD,GAEFR,EAAM,OAAA,CAAAF,UAAU,uBAAeQ,EAAQK,OAAa,IACpDd,EAAM,OAAA,CAAAC,UAAU,cAAaC,SAAA,CAAA,IAAGO,EAAQrB,eAP7ByB,QAYjBV,EAAA,QAAA,CACEY,KAAK,MACLJ,KAAM7B,EAAMkC,MACZR,MAAOV,EACPM,SAnCwB,SAC9BC,GAEAN,EAAeM,EAAME,OAAOC,OACxB1B,EAAM4B,YACR5B,EAAM4B,WAAWL,IA+BbY,YAAY,qBACZC,UAAW,GACXjB,UAAU,wBAIdD,EAAG,IAAA,CAAAC,UAAU,iBAAgBC,SAAA,CAAA,IACzBV,EAAgBJ,UAAY,IAAAU,OAItC"}
+{"version":3,"file":"PhoneNumberInput.js","sources":["../../../../src/components/forms/PhoneNumberInput.tsx"],"sourcesContent":["import React, { useState } from \"react\";\r\n\r\n// Define types for country objects\r\ninterface CountryObject {\r\n  name: string;\r\n  phonecode: string;\r\n  flag: string;\r\n  [key: string]: any;\r\n}\r\n\r\n// Import country objects with proper type\r\nimport countryObjects from \"../lib/json/countryObjects\";\r\n\r\ninterface PhoneNumberInputProps {\r\n  phoneCode?: string;\r\n  defaultValues: {\r\n    mobile?: string;\r\n    [key: string]: any;\r\n  };\r\n  names?: string;\r\n  inputEvent?: (\r\n    event: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>\r\n  ) => void;\r\n}\r\n\r\nconst PhoneNumberInput: React.FC<PhoneNumberInputProps> = (props) => {\r\n  // Get default country\r\n  const [selectedCountry, setSelectedCountry] = useState<CountryObject>(\r\n    countryObjects.find((c) => c.phonecode === (props.phoneCode || \"234\")) ||\r\n      countryObjects[0]\r\n  );\r\n\r\n  // Get default number\r\n  const [phoneNumber, setPhoneNumber] = useState<string>(\r\n    props.defaultValues.mobile || \"\"\r\n  );\r\n\r\n  const handleCountryChange = (event: React.ChangeEvent<HTMLSelectElement>) => {\r\n    const selectedCountryCode = event.target.value;\r\n    const country = countryObjects.find(\r\n      (country) => country.phonecode === selectedCountryCode\r\n    );\r\n\r\n    if (country) {\r\n      setSelectedCountry(country);\r\n    }\r\n\r\n    if (props.inputEvent) {\r\n      props.inputEvent(event);\r\n    }\r\n  };\r\n\r\n  const handlePhoneNumberChange = (\r\n    event: React.ChangeEvent<HTMLInputElement>\r\n  ) => {\r\n    setPhoneNumber(event.target.value);\r\n    if (props.inputEvent) {\r\n      props.inputEvent(event);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-react-phone-input\">\r\n      <div className=\"ihub-target-phone\">\r\n        <select\r\n          onChange={handleCountryChange}\r\n          value={selectedCountry.phonecode}\r\n          name=\"phone_code\"\r\n          className=\"ihub-country-select\"\r\n        >\r\n          {countryObjects.map((country, index) => (\r\n            <option key={index} value={country.phonecode}>\r\n              {selectedCountry.phonecode !== country.phonecode ? (\r\n                <span className=\"ihub-c-name\">{country.name} </span>\r\n              ) : (\r\n                \"\"\r\n              )}\r\n              <span className=\"ihub-c-flag\">{country.flag}</span>{\" \"}\r\n              <span className=\"ihub-c-code\">+{country.phonecode}</span>\r\n            </option>\r\n          ))}\r\n        </select>\r\n\r\n        <input\r\n          type=\"tel\"\r\n          name={props.names}\r\n          value={phoneNumber}\r\n          onChange={handlePhoneNumberChange}\r\n          placeholder=\"Enter phone number\"\r\n          maxLength={11}\r\n          className=\"ihub-phone-input\"\r\n        />\r\n      </div>\r\n\r\n      <p className=\"ihub-make-bold\">\r\n        +{selectedCountry.phonecode} {phoneNumber}\r\n      </p>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PhoneNumberInput;\r\n"],"names":["props","_useState","useState","countryObjects","find","c","phonecode","phoneCode","_useState2","_slicedToArray","selectedCountry","setSelectedCountry","_useState3","defaultValues","mobile","_useState4","phoneNumber","setPhoneNumber","_jsxs","className","children","jsxs","_jsx","jsx","onChange","event","selectedCountryCode","target","value","country","inputEvent","name","map","index","flag","type","names","placeholder","maxLength"],"mappings":"iPAyB0D,SAACA,GAEzD,IAAAC,EAA8CC,EAAQA,SACpDC,EAAc,QAACC,MAAK,SAACC,GAAC,OAAKA,EAAEC,aAAeN,EAAMO,WAAa,MAAM,KACnEJ,EAAAA,QAAe,IAClBK,EAAAC,EAAAA,cAAAR,EAAA,GAHMS,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAM1CI,EAAsCV,EAAAA,SACpCF,EAAMa,cAAcC,QAAU,IAC/BC,EAAAN,EAAAA,cAAAG,EAAA,GAFMI,EAAWD,EAAA,GAAEE,EAAcF,EAAA,GA4BlC,OACEG,EAAAA,KAAA,MAAA,CAAKC,UAAU,yBACbC,SAAA,CAAAF,EAAAG,KAAA,MAAA,CAAKF,UAAU,oBACbC,SAAA,CAAAE,EAAAC,IAAA,SAAA,CACEC,SA5BoB,SAACC,GAC3B,IAAMC,EAAsBD,EAAME,OAAOC,MACnCC,EAAU1B,EAAAA,QAAeC,MAC7B,SAACyB,GAAO,OAAKA,EAAQvB,YAAcoB,KAGjCG,GACFlB,EAAmBkB,GAGjB7B,EAAM8B,YACR9B,EAAM8B,WAAWL,IAkBbG,MAAOlB,EAAgBJ,UACvByB,KAAK,aACLZ,UAAU,sBAETC,SAAAjB,EAAAA,QAAe6B,KAAI,SAACH,EAASI,GAAK,OACjCf,EAAAA,eAAoBU,MAAOC,EAAQvB,UAChCc,SAAA,CAAAV,EAAgBJ,YAAcuB,EAAQvB,UACrCY,EAAMG,KAAA,OAAA,CAAAF,UAAU,cAAaC,SAAA,CAAES,EAAQE,KAAa,OAEpD,GAEFT,EAAMC,IAAA,OAAA,CAAAJ,UAAU,uBAAeU,EAAQK,OAAa,IACpDhB,EAAMG,KAAA,OAAA,CAAAF,UAAU,cAAaC,SAAA,CAAA,IAAGS,EAAQvB,eAP7B2B,QAYjBX,EAAAC,IAAA,QAAA,CACEY,KAAK,MACLJ,KAAM/B,EAAMoC,MACZR,MAAOZ,EACPQ,SAnCwB,SAC9BC,GAEAR,EAAeQ,EAAME,OAAOC,OACxB5B,EAAM8B,YACR9B,EAAM8B,WAAWL,IA+BbY,YAAY,qBACZC,UAAW,GACXnB,UAAU,wBAIdD,EAAGG,KAAA,IAAA,CAAAF,UAAU,iBAAgBC,SAAA,CAAA,IACzBV,EAAgBJ,UAAY,IAAAU,OAItC"}

package/dist/src/components/forms/RadioField.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as a}from"react/jsx-runtime";var i=function(i){var l=function(e){i.setSelectedValue&&i.setSelectedValue(e.target.value)};return i.options&&0!==i.options.length?e("div",{className:i.names,children:[a("h5",{className:"mt-3",children:i.labels}),a("div",{className:"ihub-field",children:a("div",{className:"ihub-radio-wrapper",children:i.options.map((function(t,n){return a("div",{className:"ihub-radio-parent",children:e("label",{className:"ihub-radio",children:[a("input",{type:"radio",name:i.names,id:i.names+n,value:t.id,required:0===n&&i.requireds,onChange:l,defaultChecked:i.defaultValues===t.id}),a("span",{className:"ihub-label-title",children:t.title?t.title:t.name})]})},n)}))})})]}):null};export{i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){var s=function(e){a.setSelectedValue&&a.setSelectedValue(e.target.value)};return a.options&&0!==a.options.length?e.jsxs("div",{className:a.names,children:[e.jsx("h5",{className:"mt-3",children:a.labels}),e.jsx("div",{className:"ihub-field",children:e.jsx("div",{className:"ihub-radio-wrapper",children:a.options.map((function(i,l){return e.jsx("div",{className:"ihub-radio-parent",children:e.jsxs("label",{className:"ihub-radio",children:[e.jsx("input",{type:"radio",name:a.names,id:a.names+l,value:i.id,required:0===l&&a.requireds,onChange:s,defaultChecked:a.defaultValues===i.id}),e.jsx("span",{className:"ihub-label-title",children:i.title?i.title:i.name})]})},l)}))})})]}):null};
 //# sourceMappingURL=RadioField.js.map

package/dist/src/components/forms/RadioField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioField.js","sources":["../../../../src/components/forms/RadioField.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface RadioOption {\r\n  id: string | number;\r\n  title?: string;\r\n  name?: string;\r\n}\r\n\r\ninterface RadioFieldProps {\r\n  options?: RadioOption[];\r\n  names: string;\r\n  labels: string;\r\n  requireds?: boolean;\r\n  defaultValues?: string | number;\r\n  setSelectedValue?: (value: string) => void;\r\n}\r\n\r\nconst RadioField: React.FC<RadioFieldProps> = (props) => {\r\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (props.setSelectedValue) {\r\n      props.setSelectedValue(event.target.value);\r\n    }\r\n  };\r\n\r\n  if (!props.options || props.options.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={props.names}>\r\n      <h5 className=\"mt-3\">{props.labels}</h5>\r\n\r\n      <div className=\"ihub-field\">\r\n        <div className=\"ihub-radio-wrapper\">\r\n          {props.options.map((option, index) => {\r\n            return (\r\n              <div className=\"ihub-radio-parent\" key={index}>\r\n                <label className=\"ihub-radio\">\r\n                  <input\r\n                    type=\"radio\"\r\n                    name={props.names}\r\n                    id={props.names + index}\r\n                    value={option.id}\r\n                    required={index === 0 ? props.requireds : false}\r\n                    onChange={handleOptionChange}\r\n                    defaultChecked={\r\n                      props.defaultValues === option.id\r\n                    }\r\n                  />\r\n                  <span className=\"ihub-label-title\">\r\n                    {option.title ? option.title : option.name}\r\n                  </span>\r\n                </label>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RadioField;"],"names":["RadioField","props","handleOptionChange","event","setSelectedValue","target","value","options","length","_jsxs","className","names","children","_jsx","labels","map","option","index","type","name","id","required","requireds","onChange","defaultChecked","defaultValues","title"],"mappings":"kDAiBA,IAAMA,EAAwC,SAACC,GAC7C,IAAMC,EAAqB,SAACC,GACtBF,EAAMG,kBACRH,EAAMG,iBAAiBD,EAAME,OAAOC,QAIxC,OAAKL,EAAMM,SAAoC,IAAzBN,EAAMM,QAAQC,OAKlCC,EAAK,MAAA,CAAAC,UAAWT,EAAMU,MAAKC,SAAA,CACzBC,EAAI,KAAA,CAAAH,UAAU,OAAME,SAAEX,EAAMa,SAE5BD,EAAA,MAAA,CAAKH,UAAU,aACbE,SAAAC,EAAA,MAAA,CAAKH,UAAU,8BACZT,EAAMM,QAAQQ,KAAI,SAACC,EAAQC,GAC1B,OACEJ,SAAKH,UAAU,oBACbE,SAAAH,EAAA,QAAA,CAAOC,UAAU,uBACfG,EACE,QAAA,CAAAK,KAAK,QACLC,KAAMlB,EAAMU,MACZS,GAAInB,EAAMU,MAAQM,EAClBX,MAAOU,EAAOI,GACdC,SAAoB,IAAVJ,GAAchB,EAAMqB,UAC9BC,SAAUrB,EACVsB,eACEvB,EAAMwB,gBAAkBT,EAAOI,KAGnCP,UAAMH,UAAU,mBACbE,SAAAI,EAAOU,MAAQV,EAAOU,MAAQV,EAAOG,WAdJF,aAX3C,IAmCX"}
+{"version":3,"file":"RadioField.js","sources":["../../../../src/components/forms/RadioField.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface RadioOption {\r\n  id: string | number;\r\n  title?: string;\r\n  name?: string;\r\n}\r\n\r\ninterface RadioFieldProps {\r\n  options?: RadioOption[];\r\n  names: string;\r\n  labels: string;\r\n  requireds?: boolean;\r\n  defaultValues?: string | number;\r\n  setSelectedValue?: (value: string) => void;\r\n}\r\n\r\nconst RadioField: React.FC<RadioFieldProps> = (props) => {\r\n  const handleOptionChange = (event: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (props.setSelectedValue) {\r\n      props.setSelectedValue(event.target.value);\r\n    }\r\n  };\r\n\r\n  if (!props.options || props.options.length === 0) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <div className={props.names}>\r\n      <h5 className=\"mt-3\">{props.labels}</h5>\r\n\r\n      <div className=\"ihub-field\">\r\n        <div className=\"ihub-radio-wrapper\">\r\n          {props.options.map((option, index) => {\r\n            return (\r\n              <div className=\"ihub-radio-parent\" key={index}>\r\n                <label className=\"ihub-radio\">\r\n                  <input\r\n                    type=\"radio\"\r\n                    name={props.names}\r\n                    id={props.names + index}\r\n                    value={option.id}\r\n                    required={index === 0 ? props.requireds : false}\r\n                    onChange={handleOptionChange}\r\n                    defaultChecked={\r\n                      props.defaultValues === option.id\r\n                    }\r\n                  />\r\n                  <span className=\"ihub-label-title\">\r\n                    {option.title ? option.title : option.name}\r\n                  </span>\r\n                </label>\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RadioField;"],"names":["props","handleOptionChange","event","setSelectedValue","target","value","options","length","_jsxs","className","names","children","_jsx","jsx","labels","map","option","index","jsxs","type","name","id","required","requireds","onChange","defaultChecked","defaultValues","title"],"mappings":"uHAiB8C,SAACA,GAC7C,IAAMC,EAAqB,SAACC,GACtBF,EAAMG,kBACRH,EAAMG,iBAAiBD,EAAME,OAAOC,QAIxC,OAAKL,EAAMM,SAAoC,IAAzBN,EAAMM,QAAQC,OAKlCC,EAAAA,KAAK,MAAA,CAAAC,UAAWT,EAAMU,MAAKC,SAAA,CACzBC,EAAIC,IAAA,KAAA,CAAAJ,UAAU,OAAME,SAAEX,EAAMc,SAE5BF,EAAAC,IAAA,MAAA,CAAKJ,UAAU,aACbE,SAAAC,EAAAC,IAAA,MAAA,CAAKJ,UAAU,8BACZT,EAAMM,QAAQS,KAAI,SAACC,EAAQC,GAC1B,OACEL,EAAAA,WAAKH,UAAU,oBACbE,SAAAH,EAAAU,KAAA,QAAA,CAAOT,UAAU,uBACfG,EACEC,IAAA,QAAA,CAAAM,KAAK,QACLC,KAAMpB,EAAMU,MACZW,GAAIrB,EAAMU,MAAQO,EAClBZ,MAAOW,EAAOK,GACdC,SAAoB,IAAVL,GAAcjB,EAAMuB,UAC9BC,SAAUvB,EACVwB,eACEzB,EAAM0B,gBAAkBV,EAAOK,KAGnCT,cAAMH,UAAU,mBACbE,SAAAK,EAAOW,MAAQX,EAAOW,MAAQX,EAAOI,WAdJH,aAX3C,IAmCX"}

package/dist/src/components/forms/RadioSimple.js

@@ -1,2 +1,2 @@
-import{jsx as a,jsxs as e}from"react/jsx-runtime";var i=function(i){var l=i.ids,n=i.names,s=i.values,r=i.labels,t=i.checked,u=i.inputEvent;return a("section",{className:"ihub-radio-btn",children:e("label",{htmlFor:l,className:"ihub-radio-label",children:[a("input",{className:"ihub-radio-input",type:"radio",name:n,id:l,value:s,onChange:function(a){u&&u(a)},defaultChecked:t}),a("span",{className:"ihub-custom-radio"}),a("p",{className:"ihub-p-label",children:r})]})})};export{i as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){var s=a.ids,i=a.names,l=a.values,r=a.labels,t=a.checked,n=a.inputEvent;return e.jsx("section",{className:"ihub-radio-btn",children:e.jsxs("label",{htmlFor:s,className:"ihub-radio-label",children:[e.jsx("input",{className:"ihub-radio-input",type:"radio",name:i,id:s,value:l,onChange:function(e){n&&n(e)},defaultChecked:t}),e.jsx("span",{className:"ihub-custom-radio"}),e.jsx("p",{className:"ihub-p-label",children:r})]})})};
 //# sourceMappingURL=RadioSimple.js.map

package/dist/src/components/forms/RadioSimple.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioSimple.js","sources":["../../../../src/components/forms/RadioSimple.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface RadioSimpleProps {\r\n  ids: string;\r\n  names: string;\r\n  values: string | number;\r\n  labels: string;\r\n  checked?: boolean;\r\n  inputEvent?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nconst RadioSimple: React.FC<RadioSimpleProps> = ({\r\n  ids,\r\n  names,\r\n  values,\r\n  labels,\r\n  checked,\r\n  inputEvent\r\n}) => {\r\n  const handleRadio = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (inputEvent) inputEvent(e);\r\n  };\r\n  \r\n  return (\r\n    <section className=\"ihub-radio-btn\">\r\n      <label htmlFor={ids} className=\"ihub-radio-label\">\r\n        <input\r\n          className=\"ihub-radio-input\"\r\n          type=\"radio\"\r\n          name={names}\r\n          id={ids}\r\n          value={values}\r\n          onChange={handleRadio}\r\n          defaultChecked={checked}\r\n        />\r\n        <span className=\"ihub-custom-radio\" />\r\n        <p className=\"ihub-p-label\">{labels}</p>\r\n      </label>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default RadioSimple;"],"names":["RadioSimple","_ref","ids","names","values","labels","checked","inputEvent","_jsx","className","children","_jsxs","htmlFor","type","name","id","value","onChange","e","defaultChecked"],"mappings":"kDAWA,IAAMA,EAA0C,SAA/BC,GAOZ,IANHC,EAAGD,EAAHC,IACAC,EAAKF,EAALE,MACAC,EAAMH,EAANG,OACAC,EAAMJ,EAANI,OACAC,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WAMA,OACEC,EAAA,UAAA,CAASC,UAAU,iBAAgBC,SACjCC,EAAO,QAAA,CAAAC,QAASV,EAAKO,UAAU,mBAC7BC,SAAA,CAAAF,EAAA,QAAA,CACEC,UAAU,mBACVI,KAAK,QACLC,KAAMX,EACNY,GAAIb,EACJc,MAAOZ,EACPa,SAbY,SAACC,GACfX,GAAYA,EAAWW,IAarBC,eAAgBb,IAElBE,EAAA,OAAA,CAAMC,UAAU,sBAChBD,EAAA,IAAA,CAAGC,UAAU,eAAcC,SAAEL,QAIrC"}
+{"version":3,"file":"RadioSimple.js","sources":["../../../../src/components/forms/RadioSimple.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface RadioSimpleProps {\r\n  ids: string;\r\n  names: string;\r\n  values: string | number;\r\n  labels: string;\r\n  checked?: boolean;\r\n  inputEvent?: (e: React.ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nconst RadioSimple: React.FC<RadioSimpleProps> = ({\r\n  ids,\r\n  names,\r\n  values,\r\n  labels,\r\n  checked,\r\n  inputEvent\r\n}) => {\r\n  const handleRadio = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (inputEvent) inputEvent(e);\r\n  };\r\n  \r\n  return (\r\n    <section className=\"ihub-radio-btn\">\r\n      <label htmlFor={ids} className=\"ihub-radio-label\">\r\n        <input\r\n          className=\"ihub-radio-input\"\r\n          type=\"radio\"\r\n          name={names}\r\n          id={ids}\r\n          value={values}\r\n          onChange={handleRadio}\r\n          defaultChecked={checked}\r\n        />\r\n        <span className=\"ihub-custom-radio\" />\r\n        <p className=\"ihub-p-label\">{labels}</p>\r\n      </label>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default RadioSimple;"],"names":["_ref","ids","names","values","labels","checked","inputEvent","_jsx","className","children","_jsxs","jsxs","htmlFor","jsx","type","name","id","value","onChange","e","defaultChecked"],"mappings":"uHAWgD,SAA/BA,GAOZ,IANHC,EAAGD,EAAHC,IACAC,EAAKF,EAALE,MACAC,EAAMH,EAANG,OACAC,EAAMJ,EAANI,OACAC,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WAMA,OACEC,EAAAA,IAAA,UAAA,CAASC,UAAU,iBAAgBC,SACjCC,EAAOC,KAAA,QAAA,CAAAC,QAASX,EAAKO,UAAU,mBAC7BC,SAAA,CAAAF,EAAAM,IAAA,QAAA,CACEL,UAAU,mBACVM,KAAK,QACLC,KAAMb,EACNc,GAAIf,EACJgB,MAAOd,EACPe,SAbY,SAACC,GACfb,GAAYA,EAAWa,IAarBC,eAAgBf,IAElBE,EAAAM,IAAA,OAAA,CAAML,UAAU,sBAChBD,EAAAM,IAAA,IAAA,CAAGL,UAAU,eAAcC,SAAEL,QAIrC"}

package/dist/src/components/forms/ReactTimeAgo.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as n}from"react/jsx-runtime";import{useState as r,useEffect as t}from"react";var a=function(e,n){var r=1===e?n:"".concat(n,"s");return"".concat(e," ").concat(r," ago")},o=function(o){var s=o.date,c=o.live,i=void 0===c||c,u=o.updateInterval,m=void 0===u?6e4:u,l=o.formatter,d=void 0===l?a:l,f=r(""),v=e(f,2),h=v[0],p=v[1],g=function(){var e=new Date,n=new Date(s),r=Math.floor((e.getTime()-n.getTime())/1e3);if(r<0)return"in the future";if(r<5)return"just now";for(var t=0,a=[{name:"year",seconds:31536e3},{name:"month",seconds:2592e3},{name:"week",seconds:604800},{name:"day",seconds:86400},{name:"hour",seconds:3600},{name:"minute",seconds:60},{name:"second",seconds:1}];t<a.length;t++){var o=a[t],c=Math.floor(r/o.seconds);if(c>=1)return d(c,o.name)}return d(r,"second")};return t((function(){p(g());var e=null;return i&&(e=setInterval((function(){p(g())}),m)),function(){e&&clearInterval(e)}}),[s,i,m]),n("span",{className:"ihub-time-ago",children:h})};export{o as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),n=require("react/jsx-runtime"),r=require("react"),t=function(e,n){var r=1===e?n:"".concat(n,"s");return"".concat(e," ").concat(r," ago")};exports.default=function(a){var o=a.date,s=a.live,u=void 0===s||s,c=a.updateInterval,i=void 0===c?6e4:c,l=a.formatter,d=void 0===l?t:l,f=r.useState(""),m=e.slicedToArray(f,2),v=m[0],h=m[1],p=function(){var e=new Date,n=new Date(o),r=Math.floor((e.getTime()-n.getTime())/1e3);if(r<0)return"in the future";if(r<5)return"just now";for(var t=0,a=[{name:"year",seconds:31536e3},{name:"month",seconds:2592e3},{name:"week",seconds:604800},{name:"day",seconds:86400},{name:"hour",seconds:3600},{name:"minute",seconds:60},{name:"second",seconds:1}];t<a.length;t++){var s=a[t],u=Math.floor(r/s.seconds);if(u>=1)return d(u,s.name)}return d(r,"second")};return r.useEffect((function(){h(p());var e=null;return u&&(e=setInterval((function(){h(p())}),i)),function(){e&&clearInterval(e)}}),[o,u,i]),n.jsx("span",{className:"ihub-time-ago",children:v})};
 //# sourceMappingURL=ReactTimeAgo.js.map

package/dist/src/components/forms/ReactTimeAgo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactTimeAgo.js","sources":["../../../../src/components/forms/ReactTimeAgo.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\n\r\ninterface TimeAgoProps {\r\n  date: string | number | Date;\r\n  live?: boolean;\r\n  updateInterval?: number;\r\n  formatter?: (value: number, unit: string) => string;\r\n}\r\n\r\nconst DEFAULT_FORMATTER = (value: number, unit: string): string => {\r\n  const unitStr = value === 1 ? unit : `${unit}s`;\r\n  return `${value} ${unitStr} ago`;\r\n};\r\n\r\nconst ReactTimeAgo: React.FC<TimeAgoProps> = ({\r\n  date,\r\n  live = true,\r\n  updateInterval = 60000, // 1 minute default\r\n  formatter = DEFAULT_FORMATTER,\r\n}) => {\r\n  const [timeAgo, setTimeAgo] = useState<string>(\"\");\r\n\r\n  const calculateTimeAgo = (): string => {\r\n    const now = new Date();\r\n    const past = new Date(date);\r\n    const diff = Math.floor((now.getTime() - past.getTime()) / 1000); // diff in seconds\r\n\r\n    // Time units in seconds\r\n    const units = [\r\n      { name: \"year\", seconds: 31536000 },\r\n      { name: \"month\", seconds: 2592000 },\r\n      { name: \"week\", seconds: 604800 },\r\n      { name: \"day\", seconds: 86400 },\r\n      { name: \"hour\", seconds: 3600 },\r\n      { name: \"minute\", seconds: 60 },\r\n      { name: \"second\", seconds: 1 },\r\n    ];\r\n\r\n    // Handle future dates\r\n    if (diff < 0) {\r\n      return \"in the future\";\r\n    }\r\n\r\n    // Just now\r\n    if (diff < 5) {\r\n      return \"just now\";\r\n    }\r\n\r\n    // Find the appropriate unit\r\n    for (const unit of units) {\r\n      const value = Math.floor(diff / unit.seconds);\r\n      if (value >= 1) {\r\n        return formatter(value, unit.name);\r\n      }\r\n    }\r\n\r\n    return formatter(diff, \"second\");\r\n  };\r\n\r\n  useEffect(() => {\r\n    // Initial calculation\r\n    setTimeAgo(calculateTimeAgo());\r\n\r\n    // Set up live updates if enabled\r\n    let intervalId: NodeJS.Timeout | null = null;\r\n\r\n    if (live) {\r\n      intervalId = setInterval(() => {\r\n        setTimeAgo(calculateTimeAgo());\r\n      }, updateInterval);\r\n    }\r\n\r\n    // Clean up\r\n    return () => {\r\n      if (intervalId) {\r\n        clearInterval(intervalId);\r\n      }\r\n    };\r\n  }, [date, live, updateInterval]);\r\n\r\n  return <span className=\"ihub-time-ago\">{timeAgo}</span>;\r\n};\r\n\r\nexport default ReactTimeAgo;\r\n"],"names":["DEFAULT_FORMATTER","value","unit","unitStr","concat","ReactTimeAgo","_ref","date","_ref$live","live","_ref$updateInterval","updateInterval","_ref$formatter","formatter","_useState","useState","_useState2","_slicedToArray","timeAgo","setTimeAgo","calculateTimeAgo","now","Date","past","diff","Math","floor","getTime","_i","_units","name","seconds","length","useEffect","intervalId","setInterval","clearInterval","_jsx","className","children"],"mappings":"uKASA,IAAMA,EAAoB,SAACC,EAAeC,GACxC,IAAMC,EAAoB,IAAVF,EAAcC,EAAIE,GAAAA,OAAMF,EAAO,KAC/C,MAAA,GAAAE,OAAUH,EAAKG,KAAAA,OAAID,EAAO,OAC5B,EAEME,EAAuC,SAA3BC,GAKb,IAJHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,KAAAA,OAAO,IAAHD,GAAOA,EAAAE,EAAAJ,EACXK,eAAAA,OAAiB,IAAHD,EAAG,IAAKA,EAAAE,EAAAN,EACtBO,UAAAA,OAAYb,IAAHY,EAAGZ,EAAiBY,EAE7BE,EAA8BC,EAAiB,IAAGC,EAAAC,EAAAH,EAAA,GAA3CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAEpBI,EAAmB,WACvB,IAAMC,EAAM,IAAIC,KACVC,EAAO,IAAID,KAAKf,GAChBiB,EAAOC,KAAKC,OAAOL,EAAIM,UAAYJ,EAAKI,WAAa,KAc3D,GAAIH,EAAO,EACT,MAAO,gBAIT,GAAIA,EAAO,EACT,MAAO,WAIT,IAAA,IAAAI,EAAA,EAAAC,EArBc,CACZ,CAAEC,KAAM,OAAQC,QAAS,SACzB,CAAED,KAAM,QAASC,QAAS,QAC1B,CAAED,KAAM,OAAQC,QAAS,QACzB,CAAED,KAAM,MAAOC,QAAS,OACxB,CAAED,KAAM,OAAQC,QAAS,MACzB,CAAED,KAAM,SAAUC,QAAS,IAC3B,CAAED,KAAM,SAAUC,QAAS,IAcLH,EAAAC,EAAAG,OAAAJ,IAAE,CAArB,IAAM1B,EAAI2B,EAAAD,GACP3B,EAAQwB,KAAKC,MAAMF,EAAOtB,EAAK6B,SACrC,GAAI9B,GAAS,EACX,OAAOY,EAAUZ,EAAOC,EAAK4B,KAEhC,CAED,OAAOjB,EAAUW,EAAM,WAwBzB,OArBAS,GAAU,WAERd,EAAWC,KAGX,IAAIc,EAAoC,KASxC,OAPIzB,IACFyB,EAAaC,aAAY,WACvBhB,EAAWC,IACZ,GAAET,IAIE,WACDuB,GACFE,cAAcF,GAGnB,GAAE,CAAC3B,EAAME,EAAME,IAET0B,UAAMC,UAAU,gBAAiBC,SAAArB,GAC1C"}
+{"version":3,"file":"ReactTimeAgo.js","sources":["../../../../src/components/forms/ReactTimeAgo.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\r\n\r\ninterface TimeAgoProps {\r\n  date: string | number | Date;\r\n  live?: boolean;\r\n  updateInterval?: number;\r\n  formatter?: (value: number, unit: string) => string;\r\n}\r\n\r\nconst DEFAULT_FORMATTER = (value: number, unit: string): string => {\r\n  const unitStr = value === 1 ? unit : `${unit}s`;\r\n  return `${value} ${unitStr} ago`;\r\n};\r\n\r\nconst ReactTimeAgo: React.FC<TimeAgoProps> = ({\r\n  date,\r\n  live = true,\r\n  updateInterval = 60000, // 1 minute default\r\n  formatter = DEFAULT_FORMATTER,\r\n}) => {\r\n  const [timeAgo, setTimeAgo] = useState<string>(\"\");\r\n\r\n  const calculateTimeAgo = (): string => {\r\n    const now = new Date();\r\n    const past = new Date(date);\r\n    const diff = Math.floor((now.getTime() - past.getTime()) / 1000); // diff in seconds\r\n\r\n    // Time units in seconds\r\n    const units = [\r\n      { name: \"year\", seconds: 31536000 },\r\n      { name: \"month\", seconds: 2592000 },\r\n      { name: \"week\", seconds: 604800 },\r\n      { name: \"day\", seconds: 86400 },\r\n      { name: \"hour\", seconds: 3600 },\r\n      { name: \"minute\", seconds: 60 },\r\n      { name: \"second\", seconds: 1 },\r\n    ];\r\n\r\n    // Handle future dates\r\n    if (diff < 0) {\r\n      return \"in the future\";\r\n    }\r\n\r\n    // Just now\r\n    if (diff < 5) {\r\n      return \"just now\";\r\n    }\r\n\r\n    // Find the appropriate unit\r\n    for (const unit of units) {\r\n      const value = Math.floor(diff / unit.seconds);\r\n      if (value >= 1) {\r\n        return formatter(value, unit.name);\r\n      }\r\n    }\r\n\r\n    return formatter(diff, \"second\");\r\n  };\r\n\r\n  useEffect(() => {\r\n    // Initial calculation\r\n    setTimeAgo(calculateTimeAgo());\r\n\r\n    // Set up live updates if enabled\r\n    let intervalId: NodeJS.Timeout | null = null;\r\n\r\n    if (live) {\r\n      intervalId = setInterval(() => {\r\n        setTimeAgo(calculateTimeAgo());\r\n      }, updateInterval);\r\n    }\r\n\r\n    // Clean up\r\n    return () => {\r\n      if (intervalId) {\r\n        clearInterval(intervalId);\r\n      }\r\n    };\r\n  }, [date, live, updateInterval]);\r\n\r\n  return <span className=\"ihub-time-ago\">{timeAgo}</span>;\r\n};\r\n\r\nexport default ReactTimeAgo;\r\n"],"names":["DEFAULT_FORMATTER","value","unit","unitStr","concat","_ref","date","_ref$live","live","_ref$updateInterval","updateInterval","_ref$formatter","formatter","_useState","useState","_useState2","_slicedToArray","timeAgo","setTimeAgo","calculateTimeAgo","now","Date","past","diff","Math","floor","getTime","_i","_units","name","seconds","length","useEffect","intervalId","setInterval","clearInterval","_jsx","className","children"],"mappings":"sLASMA,EAAoB,SAACC,EAAeC,GACxC,IAAMC,EAAoB,IAAVF,EAAcC,EAAIE,GAAAA,OAAMF,EAAO,KAC/C,MAAA,GAAAE,OAAUH,EAAKG,KAAAA,OAAID,EAAO,OAC5B,kBAE6C,SAA3BE,GAKb,IAJHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,KAAAA,OAAO,IAAHD,GAAOA,EAAAE,EAAAJ,EACXK,eAAAA,OAAiB,IAAHD,EAAG,IAAKA,EAAAE,EAAAN,EACtBO,UAAAA,OAAYZ,IAAHW,EAAGX,EAAiBW,EAE7BE,EAA8BC,EAAQA,SAAS,IAAGC,EAAAC,EAAAA,cAAAH,EAAA,GAA3CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAEpBI,EAAmB,WACvB,IAAMC,EAAM,IAAIC,KACVC,EAAO,IAAID,KAAKf,GAChBiB,EAAOC,KAAKC,OAAOL,EAAIM,UAAYJ,EAAKI,WAAa,KAc3D,GAAIH,EAAO,EACT,MAAO,gBAIT,GAAIA,EAAO,EACT,MAAO,WAIT,IAAA,IAAAI,EAAA,EAAAC,EArBc,CACZ,CAAEC,KAAM,OAAQC,QAAS,SACzB,CAAED,KAAM,QAASC,QAAS,QAC1B,CAAED,KAAM,OAAQC,QAAS,QACzB,CAAED,KAAM,MAAOC,QAAS,OACxB,CAAED,KAAM,OAAQC,QAAS,MACzB,CAAED,KAAM,SAAUC,QAAS,IAC3B,CAAED,KAAM,SAAUC,QAAS,IAcLH,EAAAC,EAAAG,OAAAJ,IAAE,CAArB,IAAMzB,EAAI0B,EAAAD,GACP1B,EAAQuB,KAAKC,MAAMF,EAAOrB,EAAK4B,SACrC,GAAI7B,GAAS,EACX,OAAOW,EAAUX,EAAOC,EAAK2B,KAEhC,CAED,OAAOjB,EAAUW,EAAM,WAwBzB,OArBAS,EAAAA,WAAU,WAERd,EAAWC,KAGX,IAAIc,EAAoC,KASxC,OAPIzB,IACFyB,EAAaC,aAAY,WACvBhB,EAAWC,IACZ,GAAET,IAIE,WACDuB,GACFE,cAAcF,GAGnB,GAAE,CAAC3B,EAAME,EAAME,IAET0B,EAAAA,YAAMC,UAAU,gBAAiBC,SAAArB,GAC1C"}

package/dist/src/components/forms/ReadTermsAndCondition.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as t}from"react/jsx-runtime";import n from"next/link";import{useState as r}from"react";function a(a){var s=a.names,c=a.setTermsStatus,o=r(!1),l=e(o,2),d=l[0],m=l[1];return i("div",{className:"ihub-react-terms",children:[i("p",{children:["Please read and accept the"," ",t(n,{href:"https://instincthub.com/policies/terms-and-conditions",className:"ihub-link",children:"terms and conditions"})," ","before submitting this form. By submitting this form, you agree to comply with the terms and conditions."]}),i("label",{htmlFor:"id_accept_terms_and_conditions",className:"ihub-label-cbx",onClick:function(){var e=!d;m(e),c(e)},children:[t("input",{name:s,id:"id_accept_terms_and_conditions",type:"checkbox",hidden:!0,"data-id":"Seminars",value:d?"true":"false",checked:d,readOnly:!0}),t("div",{className:"ihub-checkbox",children:i("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",children:[t("path",{d:"M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z"}),t("polyline",{points:"4 11 8 15 16 6"})]})}),t("span",{children:"Agree"})]})]})}export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),i=require("next/link"),s=require("react");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(i);exports.default=function(i){var r=i.names,a=i.setTermsStatus,c=s.useState(!1),l=e.slicedToArray(c,2),d=l[0],o=l[1];return t.jsxs("div",{className:"ihub-react-terms",children:[t.jsxs("p",{children:["Please read and accept the"," ",t.jsx(n.default,{href:"https://instincthub.com/policies/terms-and-conditions",className:"ihub-link",children:"terms and conditions"})," ","before submitting this form. By submitting this form, you agree to comply with the terms and conditions."]}),t.jsxs("label",{htmlFor:"id_accept_terms_and_conditions",className:"ihub-label-cbx",onClick:function(){var e=!d;o(e),a(e)},children:[t.jsx("input",{name:r,id:"id_accept_terms_and_conditions",type:"checkbox",hidden:!0,"data-id":"Seminars",value:d?"true":"false",checked:d,readOnly:!0}),t.jsx("div",{className:"ihub-checkbox",children:t.jsxs("svg",{width:"20px",height:"20px",viewBox:"0 0 20 20",children:[t.jsx("path",{d:"M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z"}),t.jsx("polyline",{points:"4 11 8 15 16 6"})]})}),t.jsx("span",{children:"Agree"})]})]})};
 //# sourceMappingURL=ReadTermsAndCondition.js.map

package/dist/src/components/forms/ReadTermsAndCondition.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadTermsAndCondition.js","sources":["../../../../src/components/forms/ReadTermsAndCondition.tsx"],"sourcesContent":["import Link from \"next/link\";\r\nimport { useState } from \"react\";\r\n\r\ninterface ReadTermsAndConditionProps {\r\n  names?: string;\r\n  setTermsStatus: (status: boolean) => void;\r\n}\r\n\r\nexport default function ReadTermsAndCondition({ names, setTermsStatus }: ReadTermsAndConditionProps) {\r\n  const [checked, setChecked] = useState<boolean>(false);\r\n  \r\n  const handleCheckboxClick = () => {\r\n    const newCheckedState = !checked;\r\n    setChecked(newCheckedState);\r\n    setTermsStatus(newCheckedState);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-react-terms\">\r\n      <p>\r\n        Please read and accept the{\" \"}\r\n        <Link href=\"https://instincthub.com/policies/terms-and-conditions\" className=\"ihub-link\">\r\n          terms and conditions\r\n        </Link>{\" \"}\r\n        before submitting this form. By submitting this form, you agree to comply with the terms and conditions.\r\n      </p>\r\n\r\n      <label htmlFor=\"id_accept_terms_and_conditions\" className=\"ihub-label-cbx\" onClick={handleCheckboxClick}>\r\n        <input\r\n          name={names}\r\n          id=\"id_accept_terms_and_conditions\"\r\n          type=\"checkbox\"\r\n          hidden\r\n          data-id=\"Seminars\"\r\n          value={checked ? \"true\" : \"false\"}\r\n          checked={checked}\r\n          readOnly\r\n        />\r\n        <div className=\"ihub-checkbox\">\r\n          <svg width=\"20px\" height=\"20px\" viewBox=\"0 0 20 20\">\r\n            <path d=\"M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z\"></path>\r\n            <polyline points=\"4 11 8 15 16 6\"></polyline>\r\n          </svg>\r\n        </div>\r\n        <span>Agree</span>\r\n      </label>\r\n    </div>\r\n  );\r\n}"],"names":["ReadTermsAndCondition","_ref","names","setTermsStatus","_useState","useState","_useState2","_slicedToArray","checked","setChecked","_jsxs","className","children","_jsx","Link","href","htmlFor","onClick","newCheckedState","name","id","type","hidden","value","readOnly","width","height","viewBox","d","points"],"mappings":"2LAQwB,SAAAA,EAAqBC,GAAsD,IAAnDC,EAAKD,EAALC,MAAOC,EAAcF,EAAdE,eACrDC,EAA8BC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAA/CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAQ1B,OACEI,EAAK,MAAA,CAAAC,UAAU,6BACbD,EAC6B,IAAA,CAAAE,SAAA,CAAA,6BAAA,IAC3BC,EAACC,EAAI,CAACC,KAAK,wDAAwDJ,UAAU,8CAErE,IAEN,8GAEJD,EAAO,QAAA,CAAAM,QAAQ,iCAAiCL,UAAU,iBAAiBM,QAhBnD,WAC1B,IAAMC,GAAmBV,EACzBC,EAAWS,GACXf,EAAee,IAcXN,SAAA,CAAAC,EAAA,QAAA,CACEM,KAAMjB,EACNkB,GAAG,iCACHC,KAAK,WACLC,QAAM,EAAA,UACE,WACRC,MAAOf,EAAU,OAAS,QAC1BA,QAASA,EACTgB,UACA,IACFX,EAAK,MAAA,CAAAF,UAAU,gBAAeC,SAC5BF,EAAK,MAAA,CAAAe,MAAM,OAAOC,OAAO,OAAOC,QAAQ,YACtCf,SAAA,CAAAC,EAAA,OAAA,CAAMe,EAAE,2LACRf,EAAU,WAAA,CAAAgB,OAAO,wBAGrBhB,EAAkB,OAAA,CAAAD,SAAA,eAI1B"}
+{"version":3,"file":"ReadTermsAndCondition.js","sources":["../../../../src/components/forms/ReadTermsAndCondition.tsx"],"sourcesContent":["import Link from \"next/link\";\r\nimport { useState } from \"react\";\r\n\r\ninterface ReadTermsAndConditionProps {\r\n  names?: string;\r\n  setTermsStatus: (status: boolean) => void;\r\n}\r\n\r\nexport default function ReadTermsAndCondition({ names, setTermsStatus }: ReadTermsAndConditionProps) {\r\n  const [checked, setChecked] = useState<boolean>(false);\r\n  \r\n  const handleCheckboxClick = () => {\r\n    const newCheckedState = !checked;\r\n    setChecked(newCheckedState);\r\n    setTermsStatus(newCheckedState);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-react-terms\">\r\n      <p>\r\n        Please read and accept the{\" \"}\r\n        <Link href=\"https://instincthub.com/policies/terms-and-conditions\" className=\"ihub-link\">\r\n          terms and conditions\r\n        </Link>{\" \"}\r\n        before submitting this form. By submitting this form, you agree to comply with the terms and conditions.\r\n      </p>\r\n\r\n      <label htmlFor=\"id_accept_terms_and_conditions\" className=\"ihub-label-cbx\" onClick={handleCheckboxClick}>\r\n        <input\r\n          name={names}\r\n          id=\"id_accept_terms_and_conditions\"\r\n          type=\"checkbox\"\r\n          hidden\r\n          data-id=\"Seminars\"\r\n          value={checked ? \"true\" : \"false\"}\r\n          checked={checked}\r\n          readOnly\r\n        />\r\n        <div className=\"ihub-checkbox\">\r\n          <svg width=\"20px\" height=\"20px\" viewBox=\"0 0 20 20\">\r\n            <path d=\"M3,1 L17,1 L17,1 C18.1045695,1 19,1.8954305 19,3 L19,17 L19,17 C19,18.1045695 18.1045695,19 17,19 L3,19 L3,19 C1.8954305,19 1,18.1045695 1,17 L1,3 L1,3 C1,1.8954305 1.8954305,1 3,1 Z\"></path>\r\n            <polyline points=\"4 11 8 15 16 6\"></polyline>\r\n          </svg>\r\n        </div>\r\n        <span>Agree</span>\r\n      </label>\r\n    </div>\r\n  );\r\n}"],"names":["_ref","names","setTermsStatus","_useState","useState","_useState2","_slicedToArray","checked","setChecked","_jsxs","className","jsxs","children","_jsx","Link","href","htmlFor","onClick","newCheckedState","jsx","name","id","type","hidden","value","readOnly","width","height","viewBox","d","points"],"mappings":"gTAQwB,SAAqBA,GAAsD,IAAnDC,EAAKD,EAALC,MAAOC,EAAcF,EAAdE,eACrDC,EAA8BC,EAAQA,UAAU,GAAMC,EAAAC,EAAAA,cAAAH,EAAA,GAA/CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAQ1B,OACEI,EAAAA,KAAK,MAAA,CAAAC,UAAU,6BACbD,EAC6BE,KAAA,IAAA,CAAAC,SAAA,CAAA,6BAAA,IAC3BC,EAAAA,IAACC,EAAAA,QAAI,CAACC,KAAK,wDAAwDL,UAAU,8CAErE,IAEN,8GAEJD,EAAOE,KAAA,QAAA,CAAAK,QAAQ,iCAAiCN,UAAU,iBAAiBO,QAhBnD,WAC1B,IAAMC,GAAmBX,EACzBC,EAAWU,GACXhB,EAAegB,IAcXN,SAAA,CAAAC,EAAAM,IAAA,QAAA,CACEC,KAAMnB,EACNoB,GAAG,iCACHC,KAAK,WACLC,QAAM,EAAA,UACE,WACRC,MAAOjB,EAAU,OAAS,QAC1BA,QAASA,EACTkB,UACA,IACFZ,EAAKM,IAAA,MAAA,CAAAT,UAAU,gBAAeE,SAC5BH,EAAKE,KAAA,MAAA,CAAAe,MAAM,OAAOC,OAAO,OAAOC,QAAQ,YACtChB,SAAA,CAAAC,EAAAM,IAAA,OAAA,CAAMU,EAAE,2LACRhB,EAAUM,IAAA,WAAA,CAAAW,OAAO,wBAGrBjB,EAAkBM,IAAA,OAAA,CAAAP,SAAA,eAI1B"}

package/dist/src/components/forms/SearchField.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRouter as n}from"next/navigation";var a=function(a){var r=a.labels,i=a.setSearchValues,o=n();return e("div",{className:"ihub-search-field event-input",children:t("div",{className:"ihub-search-set",children:[e("div",{className:"ihub-input-div",children:t("svg",{className:"ihub-search-icon",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e("path",{d:"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e("path",{d:"M21 21L16.65 16.65",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e("div",{children:e("input",{className:"ihub-event-input",type:"text",name:"name",placeholder:"Search ".concat(r||"Blog"," ..."),onChange:function(e){!function(e){var t=new URLSearchParams(window.location.search);t.set("search",e);var n=window.location.pathname+"?"+t.toString()+window.location.hash;o.replace(n)}(e.target.value),i&&i(e.target.value)}})})]})})};export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("next/navigation");exports.default=function(r){var n=r.labels,a=r.setSearchValues,i=t.useRouter();return e.jsx("div",{className:"ihub-search-field event-input",children:e.jsxs("div",{className:"ihub-search-set",children:[e.jsx("div",{className:"ihub-input-div",children:e.jsxs("svg",{className:"ihub-search-icon",width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{d:"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M21 21L16.65 16.65",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]})}),e.jsx("div",{children:e.jsx("input",{className:"ihub-event-input",type:"text",name:"name",placeholder:"Search ".concat(n||"Blog"," ..."),onChange:function(e){!function(e){var t=new URLSearchParams(window.location.search);t.set("search",e);var r=window.location.pathname+"?"+t.toString()+window.location.hash;i.replace(r)}(e.target.value),a&&a(e.target.value)}})})]})})};
 //# sourceMappingURL=SearchField.js.map

package/dist/src/components/forms/SearchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.js","sources":["../../../../src/components/forms/SearchField.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\n\r\ninterface SearchFieldProps {\r\n  labels?: string;\r\n  setSearchValues?: (value: string) => void;\r\n}\r\n\r\nconst SearchField: React.FC<SearchFieldProps> = ({ labels, setSearchValues }) => {\r\n  const router = useRouter();\r\n\r\n  const handleUpdateQueryParam = (value: string): void => {\r\n    // Update the search params onChange\r\n    const query = new URLSearchParams(window.location.search);\r\n    query.set(\"search\", value);\r\n    \r\n    const newUrl = \r\n      window.location.pathname + \"?\" + query.toString() + \r\n      window.location.hash;\r\n      \r\n    router.replace(newUrl);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-search-field event-input\">\r\n      <div className=\"ihub-search-set\">\r\n        <div className=\"ihub-input-div\">\r\n          <svg \r\n            className=\"ihub-search-icon\" \r\n            width=\"20\" \r\n            height=\"20\" \r\n            viewBox=\"0 0 24 24\" \r\n            fill=\"none\" \r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n          >\r\n            <path \r\n              d=\"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z\" \r\n              stroke=\"currentColor\" \r\n              strokeWidth=\"2\" \r\n              strokeLinecap=\"round\" \r\n              strokeLinejoin=\"round\"\r\n            />\r\n            <path \r\n              d=\"M21 21L16.65 16.65\" \r\n              stroke=\"currentColor\" \r\n              strokeWidth=\"2\" \r\n              strokeLinecap=\"round\" \r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </div>\r\n        <div>\r\n          <input\r\n            className=\"ihub-event-input\"\r\n            type=\"text\"\r\n            name=\"name\"\r\n            placeholder={`Search ${labels ? labels : \"Blog\"} ...`}\r\n            onChange={(e) => {\r\n              handleUpdateQueryParam(e.target.value);\r\n              setSearchValues && setSearchValues(e.target.value);\r\n            }}\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SearchField;"],"names":["SearchField","_ref","labels","setSearchValues","router","useRouter","_jsx","className","children","_jsxs","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","type","name","placeholder","concat","onChange","e","value","query","URLSearchParams","window","location","search","set","newUrl","pathname","toString","hash","replace","handleUpdateQueryParam","target"],"mappings":"8FAQA,IAAMA,EAA0C,SAA/BC,GAA+D,IAA7BC,EAAMD,EAANC,OAAQC,EAAeF,EAAfE,gBACnDC,EAASC,IAcf,OACEC,EAAK,MAAA,CAAAC,UAAU,gCACbC,SAAAC,EAAA,MAAA,CAAKF,UAAU,kBAAiBC,SAAA,CAC9BF,EAAK,MAAA,CAAAC,UAAU,iBACbC,SAAAC,EAAA,MAAA,CACEF,UAAU,mBACVG,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENN,SAAA,CAAAF,EAAA,OAAA,CACES,EAAE,oHACFC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,UAEjBb,EACE,OAAA,CAAAS,EAAE,qBACFC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,eAIrBb,EACE,MAAA,CAAAE,SAAAF,EAAA,QAAA,CACEC,UAAU,mBACVa,KAAK,OACLC,KAAK,OACLC,YAAW,UAAAC,OAAYrB,GAAkB,OAAY,QACrDsB,SAAU,SAACC,IA9CU,SAACC,GAE9B,IAAMC,EAAQ,IAAIC,gBAAgBC,OAAOC,SAASC,QAClDJ,EAAMK,IAAI,SAAUN,GAEpB,IAAMO,EACJJ,OAAOC,SAASI,SAAW,IAAMP,EAAMQ,WACvCN,OAAOC,SAASM,KAElBhC,EAAOiC,QAAQJ,GAsCLK,CAAuBb,EAAEc,OAAOb,OAChCvB,GAAmBA,EAAgBsB,EAAEc,OAAOb,MAC9C,UAMZ"}
+{"version":3,"file":"SearchField.js","sources":["../../../../src/components/forms/SearchField.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { useRouter } from \"next/navigation\";\r\n\r\ninterface SearchFieldProps {\r\n  labels?: string;\r\n  setSearchValues?: (value: string) => void;\r\n}\r\n\r\nconst SearchField: React.FC<SearchFieldProps> = ({ labels, setSearchValues }) => {\r\n  const router = useRouter();\r\n\r\n  const handleUpdateQueryParam = (value: string): void => {\r\n    // Update the search params onChange\r\n    const query = new URLSearchParams(window.location.search);\r\n    query.set(\"search\", value);\r\n    \r\n    const newUrl = \r\n      window.location.pathname + \"?\" + query.toString() + \r\n      window.location.hash;\r\n      \r\n    router.replace(newUrl);\r\n  };\r\n\r\n  return (\r\n    <div className=\"ihub-search-field event-input\">\r\n      <div className=\"ihub-search-set\">\r\n        <div className=\"ihub-input-div\">\r\n          <svg \r\n            className=\"ihub-search-icon\" \r\n            width=\"20\" \r\n            height=\"20\" \r\n            viewBox=\"0 0 24 24\" \r\n            fill=\"none\" \r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n          >\r\n            <path \r\n              d=\"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z\" \r\n              stroke=\"currentColor\" \r\n              strokeWidth=\"2\" \r\n              strokeLinecap=\"round\" \r\n              strokeLinejoin=\"round\"\r\n            />\r\n            <path \r\n              d=\"M21 21L16.65 16.65\" \r\n              stroke=\"currentColor\" \r\n              strokeWidth=\"2\" \r\n              strokeLinecap=\"round\" \r\n              strokeLinejoin=\"round\"\r\n            />\r\n          </svg>\r\n        </div>\r\n        <div>\r\n          <input\r\n            className=\"ihub-event-input\"\r\n            type=\"text\"\r\n            name=\"name\"\r\n            placeholder={`Search ${labels ? labels : \"Blog\"} ...`}\r\n            onChange={(e) => {\r\n              handleUpdateQueryParam(e.target.value);\r\n              setSearchValues && setSearchValues(e.target.value);\r\n            }}\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SearchField;"],"names":["_ref","labels","setSearchValues","router","useRouter","_jsx","className","children","_jsxs","jsxs","jsx","width","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","type","name","placeholder","concat","onChange","e","value","query","URLSearchParams","window","location","search","set","newUrl","pathname","toString","hash","replace","handleUpdateQueryParam","target"],"mappings":"oJAQgD,SAA/BA,GAA+D,IAA7BC,EAAMD,EAANC,OAAQC,EAAeF,EAAfE,gBACnDC,EAASC,EAAAA,YAcf,OACEC,EAAAA,IAAK,MAAA,CAAAC,UAAU,gCACbC,SAAAC,EAAAC,KAAA,MAAA,CAAKH,UAAU,kBAAiBC,SAAA,CAC9BF,EAAKK,IAAA,MAAA,CAAAJ,UAAU,iBACbC,SAAAC,EAAAC,KAAA,MAAA,CACEH,UAAU,mBACVK,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BAENR,SAAA,CAAAF,EAAAK,IAAA,OAAA,CACEM,EAAE,oHACFC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,UAEjBf,EACEK,IAAA,OAAA,CAAAM,EAAE,qBACFC,OAAO,eACPC,YAAY,IACZC,cAAc,QACdC,eAAe,eAIrBf,EACEK,IAAA,MAAA,CAAAH,SAAAF,EAAAK,IAAA,QAAA,CACEJ,UAAU,mBACVe,KAAK,OACLC,KAAK,OACLC,YAAW,UAAAC,OAAYvB,GAAkB,OAAY,QACrDwB,SAAU,SAACC,IA9CU,SAACC,GAE9B,IAAMC,EAAQ,IAAIC,gBAAgBC,OAAOC,SAASC,QAClDJ,EAAMK,IAAI,SAAUN,GAEpB,IAAMO,EACJJ,OAAOC,SAASI,SAAW,IAAMP,EAAMQ,WACvCN,OAAOC,SAASM,KAElBlC,EAAOmC,QAAQJ,GAsCLK,CAAuBb,EAAEc,OAAOb,OAChCzB,GAAmBA,EAAgBwB,EAAEc,OAAOb,MAC9C,UAMZ"}

package/dist/src/components/forms/StepProgressBar.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"react";var s=["step","counts","widths"],a=function(a){var o=a.step,c=a.counts,n=a.widths,l=void 0===n?"400px":n;return t(a,s),e("div",{className:"ihub-progress-bar-container",style:{maxWidth:l},children:c.map((function(t,s){return r(i.Fragment,{children:[e("div",{className:"ihub-progress-step ".concat(o>=t?"ihub-step-active":""),children:t}),c.length!==s+1&&e("div",{className:"ihub-progress-line",style:{width:"calc(100% / ".concat(c.length,")")}})]},s)}))})};export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=r(require("react")),i=["step","counts","widths"];exports.default=function(r){var a=r.step,u=r.counts,n=r.widths,c=void 0===n?"400px":n;return e.objectWithoutProperties(r,i),t.jsx("div",{className:"ihub-progress-bar-container",style:{maxWidth:c},children:u.map((function(e,r){return t.jsxs(s.default.Fragment,{children:[t.jsx("div",{className:"ihub-progress-step ".concat(a>=e?"ihub-step-active":""),children:e}),u.length!==r+1&&t.jsx("div",{className:"ihub-progress-line",style:{width:"calc(100% / ".concat(u.length,")")}})]},r)}))})};
 //# sourceMappingURL=StepProgressBar.js.map

package/dist/src/components/forms/StepProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepProgressBar.js","sources":["../../../../src/components/forms/StepProgressBar.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface StepProgressBarProps {\r\n  step: number;\r\n  counts: number[];\r\n  widths?: string;\r\n  [key: string]: any;\r\n}\r\n\r\nconst StepProgressBar: React.FC<StepProgressBarProps> = ({ \r\n  step, \r\n  counts, \r\n  widths = \"400px\", \r\n  ...props \r\n}) => {\r\n  return (\r\n    <div className=\"ihub-progress-bar-container\" style={{ maxWidth: widths }}>\r\n      {counts.map((num, index) => (\r\n        <React.Fragment key={index}>\r\n          <div \r\n            className={`ihub-progress-step ${step >= num ? \"ihub-step-active\" : \"\"}`}\r\n          >\r\n            {num}\r\n          </div>\r\n          {(counts.length !== index + 1) && (\r\n            <div \r\n              className=\"ihub-progress-line\" \r\n              style={{ width: `calc(100% / ${counts.length})` }}\r\n            />\r\n          )}\r\n        </React.Fragment>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default StepProgressBar;"],"names":["StepProgressBar","_ref","step","counts","_ref$widths","widths","_objectWithoutProperties","_excluded","_jsx","className","style","maxWidth","children","map","num","index","_jsxs","React","Fragment","concat","length","width"],"mappings":"iMASMA,EAAkD,SAAnCC,GAKhB,IAJHC,EAAID,EAAJC,KACAC,EAAMF,EAANE,OAAMC,EAAAH,EACNI,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAGhB,OAFQE,EAAAL,EAAAM,GAGNC,EAAK,MAAA,CAAAC,UAAU,8BAA8BC,MAAO,CAAEC,SAAUN,GAAQO,SACrET,EAAOU,KAAI,SAACC,EAAKC,GAAK,OACrBC,EAACC,EAAMC,SAAQ,CAAAN,SAAA,CACbJ,SACEC,UAAS,sBAAAU,OAAwBjB,GAAQY,EAAM,mBAAqB,IAAIF,SAEvEE,IAEDX,EAAOiB,SAAWL,EAAQ,GAC1BP,EAAA,MAAA,CACEC,UAAU,qBACVC,MAAO,CAAEW,MAAKF,eAAAA,OAAiBhB,EAAOiB,OAAM,UAT7BL,OAgB7B"}
+{"version":3,"file":"StepProgressBar.js","sources":["../../../../src/components/forms/StepProgressBar.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface StepProgressBarProps {\r\n  step: number;\r\n  counts: number[];\r\n  widths?: string;\r\n  [key: string]: any;\r\n}\r\n\r\nconst StepProgressBar: React.FC<StepProgressBarProps> = ({ \r\n  step, \r\n  counts, \r\n  widths = \"400px\", \r\n  ...props \r\n}) => {\r\n  return (\r\n    <div className=\"ihub-progress-bar-container\" style={{ maxWidth: widths }}>\r\n      {counts.map((num, index) => (\r\n        <React.Fragment key={index}>\r\n          <div \r\n            className={`ihub-progress-step ${step >= num ? \"ihub-step-active\" : \"\"}`}\r\n          >\r\n            {num}\r\n          </div>\r\n          {(counts.length !== index + 1) && (\r\n            <div \r\n              className=\"ihub-progress-line\" \r\n              style={{ width: `calc(100% / ${counts.length})` }}\r\n            />\r\n          )}\r\n        </React.Fragment>\r\n      ))}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default StepProgressBar;"],"names":["_ref","step","counts","_ref$widths","widths","_objectWithoutProperties","objectWithoutProperties","_excluded","_jsx","className","style","maxWidth","children","map","num","index","_jsxs","jsxs","React","Fragment","concat","length","jsx","width"],"mappings":"kTASwD,SAAnCA,GAKhB,IAJHC,EAAID,EAAJC,KACAC,EAAMF,EAANE,OAAMC,EAAAH,EACNI,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAGhB,OAFQE,EAAAC,wBAAAN,EAAAO,GAGNC,EAAAA,IAAK,MAAA,CAAAC,UAAU,8BAA8BC,MAAO,CAAEC,SAAUP,GAAQQ,SACrEV,EAAOW,KAAI,SAACC,EAAKC,GAAK,OACrBC,EAACC,KAAAC,EAAK,QAACC,SAAQ,CAAAP,SAAA,CACbJ,aACEC,UAAS,sBAAAW,OAAwBnB,GAAQa,EAAM,mBAAqB,IAAIF,SAEvEE,IAEDZ,EAAOmB,SAAWN,EAAQ,GAC1BP,EAAAc,IAAA,MAAA,CACEb,UAAU,qBACVC,MAAO,CAAEa,MAAKH,eAAAA,OAAiBlB,EAAOmB,OAAM,UAT7BN,OAgB7B"}

package/dist/src/components/forms/SubmitBtn.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as i}from"react/jsx-runtime";import s from"@mui/icons-material/ChevronRight";function e(e){return t("div",{className:"ihub-react-button ihub-no-icon",children:i("button",{type:"submit",id:"SubmitBtn",className:"ihub-submit-btn ihub-important-btn ihub-anime-button-chevron",disabled:!(0!==e.status&&!e.disableds),children:[0===e.status&&t("svg",{className:"ihub-bt-spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:t("path",{d:"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"})}),t("span",{children:e.labels}),t(s,{style:{color:"#ffffff"},id:"animate",width:"16",height:"16"})]})})}export{e as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime");function e(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var s=e(require("@mui/icons-material/ChevronRight"));exports.default=function(e){return t.jsx("div",{className:"ihub-react-button ihub-no-icon",children:t.jsxs("button",{type:"submit",id:"SubmitBtn",className:"ihub-submit-btn ihub-important-btn ihub-anime-button-chevron",disabled:!(0!==e.status&&!e.disableds),children:[0===e.status&&t.jsx("svg",{className:"ihub-bt-spinner",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",children:t.jsx("path",{d:"M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z"})}),t.jsx("span",{children:e.labels}),t.jsx(s.default,{style:{color:"#ffffff"},id:"animate",width:"16",height:"16"})]})})};
 //# sourceMappingURL=SubmitBtn.js.map

package/dist/src/components/forms/Tables.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useState as i,useMemo as l}from"react";var a=function(a){var n=a.data,c=i(""),o=e(c,2),u=o[0],d=o[1],h=l((function(){return n.filter((function(e){return e.title.toLowerCase().includes(u.toLowerCase())}))}),[n,u]);return t("div",{className:"ihub-table-container",children:[r("div",{className:"ihub-table-filter",children:r("input",{type:"text",placeholder:"Filter by title...",value:u,onChange:function(e){d(e.target.value)},className:"ihub-table-filter-input"})}),t("table",{className:"ihub-table",children:[r("thead",{children:t("tr",{children:[r("th",{children:"No"}),r("th",{children:"Column 1"})]})}),r("tbody",{children:h.map((function(e,i){return t("tr",{children:[r("td",{children:i+1}),r("td",{children:e.title})]},e.id)}))})]})]})};export{a as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react/jsx-runtime"),r=require("react");exports.default=function(i){var l=i.data,s=r.useState(""),n=e.slicedToArray(s,2),a=n[0],u=n[1],c=r.useMemo((function(){return l.filter((function(e){return e.title.toLowerCase().includes(a.toLowerCase())}))}),[l,a]);return t.jsxs("div",{className:"ihub-table-container",children:[t.jsx("div",{className:"ihub-table-filter",children:t.jsx("input",{type:"text",placeholder:"Filter by title...",value:a,onChange:function(e){u(e.target.value)},className:"ihub-table-filter-input"})}),t.jsxs("table",{className:"ihub-table",children:[t.jsx("thead",{children:t.jsxs("tr",{children:[t.jsx("th",{children:"No"}),t.jsx("th",{children:"Column 1"})]})}),t.jsx("tbody",{children:c.map((function(e,r){return t.jsxs("tr",{children:[t.jsx("td",{children:r+1}),t.jsx("td",{children:e.title})]},e.id)}))})]})]})};
 //# sourceMappingURL=Tables.js.map

package/dist/src/components/forms/Tables.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tables.js","sources":["../../../../src/components/forms/Tables.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\r\n\r\ninterface TableItem {\r\n  id: string | number;\r\n  title: string;\r\n  // Uncomment as needed\r\n  // column2: string;\r\n  // column3: string;\r\n  // column4: string;\r\n  // column5: string;\r\n  // column6: string;\r\n}\r\n\r\ninterface TablesProps {\r\n  data: TableItem[];\r\n}\r\n\r\nconst Tables: React.FC<TablesProps> = ({ data }) => {\r\n  const [filter, setFilter] = useState('');\r\n\r\n  const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    setFilter(e.target.value);\r\n  };\r\n\r\n  const filteredData = useMemo(() => {\r\n    return data.filter(item => \r\n      item.title.toLowerCase().includes(filter.toLowerCase())\r\n    );\r\n  }, [data, filter]);\r\n\r\n  return (\r\n    <div className=\"ihub-table-container\">\r\n      <div className=\"ihub-table-filter\">\r\n        <input \r\n          type=\"text\" \r\n          placeholder=\"Filter by title...\" \r\n          value={filter} \r\n          onChange={handleFilterChange}\r\n          className=\"ihub-table-filter-input\"\r\n        />\r\n      </div>\r\n      <table className=\"ihub-table\">\r\n        <thead>\r\n          <tr>\r\n            <th>No</th>\r\n            <th>Column 1</th>\r\n            {/* <th>Column 2</th>\r\n            <th>Column 3</th>\r\n            <th>Column 4</th>\r\n            <th>Column 5</th>\r\n            <th>Column 6</th> */}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {filteredData.map((item, index) => (\r\n            <tr key={item.id}>\r\n              <td>{index+1}</td>\r\n              <td>{item.title}</td>\r\n              {/* <td>{item.column2}</td>\r\n              <td>{item.column3}</td>\r\n              <td>{item.column4}</td>\r\n              <td>{item.column5}</td>\r\n              <td>{item.column6}</td> */}\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Tables;"],"names":["Tables","_ref","data","_useState","useState","_useState2","_slicedToArray","filter","setFilter","filteredData","useMemo","item","title","toLowerCase","includes","_jsxs","className","_jsx","type","placeholder","value","onChange","e","target","children","map","index","id"],"mappings":"+KAiBA,IAAMA,EAAgC,SAA1BC,GAAuC,IAAVC,EAAID,EAAJC,KACvCC,EAA4BC,EAAS,IAAGC,EAAAC,EAAAH,EAAA,GAAjCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAMlBI,EAAeC,GAAQ,WAC3B,OAAOR,EAAKK,QAAO,SAAAI,GAAI,OACrBA,EAAKC,MAAMC,cAAcC,SAASP,EAAOM,iBAE7C,GAAG,CAACX,EAAMK,IAEV,OACEQ,EAAK,MAAA,CAAAC,UAAU,iCACbC,EAAK,MAAA,CAAAD,UAAU,6BACbC,EACE,QAAA,CAAAC,KAAK,OACLC,YAAY,qBACZC,MAAOb,EACPc,SAjBmB,SAACC,GAC1Bd,EAAUc,EAAEC,OAAOH,QAiBbJ,UAAU,8BAGdD,EAAA,QAAA,CAAOC,UAAU,uBACfC,EACE,QAAA,CAAAO,SAAAT,EAAA,KAAA,CAAAS,SAAA,CACEP,EAAW,KAAA,CAAAO,SAAA,OACXP,mCAQJA,EACG,QAAA,CAAAO,SAAAf,EAAagB,KAAI,SAACd,EAAMe,GAAK,OAC5BX,kBACEE,EAAK,KAAA,CAAAO,SAAAE,EAAM,IACXT,EAAA,KAAA,CAAAO,SAAKb,EAAKC,UAFHD,EAAKgB,cAc1B"}
+{"version":3,"file":"Tables.js","sources":["../../../../src/components/forms/Tables.tsx"],"sourcesContent":["import React, { useState, useMemo } from 'react';\r\n\r\ninterface TableItem {\r\n  id: string | number;\r\n  title: string;\r\n  // Uncomment as needed\r\n  // column2: string;\r\n  // column3: string;\r\n  // column4: string;\r\n  // column5: string;\r\n  // column6: string;\r\n}\r\n\r\ninterface TablesProps {\r\n  data: TableItem[];\r\n}\r\n\r\nconst Tables: React.FC<TablesProps> = ({ data }) => {\r\n  const [filter, setFilter] = useState('');\r\n\r\n  const handleFilterChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    setFilter(e.target.value);\r\n  };\r\n\r\n  const filteredData = useMemo(() => {\r\n    return data.filter(item => \r\n      item.title.toLowerCase().includes(filter.toLowerCase())\r\n    );\r\n  }, [data, filter]);\r\n\r\n  return (\r\n    <div className=\"ihub-table-container\">\r\n      <div className=\"ihub-table-filter\">\r\n        <input \r\n          type=\"text\" \r\n          placeholder=\"Filter by title...\" \r\n          value={filter} \r\n          onChange={handleFilterChange}\r\n          className=\"ihub-table-filter-input\"\r\n        />\r\n      </div>\r\n      <table className=\"ihub-table\">\r\n        <thead>\r\n          <tr>\r\n            <th>No</th>\r\n            <th>Column 1</th>\r\n            {/* <th>Column 2</th>\r\n            <th>Column 3</th>\r\n            <th>Column 4</th>\r\n            <th>Column 5</th>\r\n            <th>Column 6</th> */}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {filteredData.map((item, index) => (\r\n            <tr key={item.id}>\r\n              <td>{index+1}</td>\r\n              <td>{item.title}</td>\r\n              {/* <td>{item.column2}</td>\r\n              <td>{item.column3}</td>\r\n              <td>{item.column4}</td>\r\n              <td>{item.column5}</td>\r\n              <td>{item.column6}</td> */}\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Tables;"],"names":["_ref","data","_useState","useState","_useState2","_slicedToArray","filter","setFilter","filteredData","useMemo","item","title","toLowerCase","includes","_jsxs","className","_jsx","jsx","type","placeholder","value","onChange","e","target","jsxs","children","map","index","id"],"mappings":"sMAiBsC,SAA1BA,GAAuC,IAAVC,EAAID,EAAJC,KACvCC,EAA4BC,EAAQA,SAAC,IAAGC,EAAAC,EAAAA,cAAAH,EAAA,GAAjCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAMlBI,EAAeC,EAAAA,SAAQ,WAC3B,OAAOR,EAAKK,QAAO,SAAAI,GAAI,OACrBA,EAAKC,MAAMC,cAAcC,SAASP,EAAOM,iBAE7C,GAAG,CAACX,EAAMK,IAEV,OACEQ,EAAAA,KAAK,MAAA,CAAAC,UAAU,iCACbC,EAAKC,IAAA,MAAA,CAAAF,UAAU,6BACbC,EACEC,IAAA,QAAA,CAAAC,KAAK,OACLC,YAAY,qBACZC,MAAOd,EACPe,SAjBmB,SAACC,GAC1Bf,EAAUe,EAAEC,OAAOH,QAiBbL,UAAU,8BAGdD,EAAAU,KAAA,QAAA,CAAOT,UAAU,uBACfC,EACEC,IAAA,QAAA,CAAAQ,SAAAX,EAAAU,KAAA,KAAA,CAAAC,SAAA,CACET,EAAWC,IAAA,KAAA,CAAAQ,SAAA,OACXT,uCAQJA,EACGC,IAAA,QAAA,CAAAQ,SAAAjB,EAAakB,KAAI,SAAChB,EAAMiB,GAAK,OAC5Bb,EAAAA,qBACEE,EAAKC,IAAA,KAAA,CAAAQ,SAAAE,EAAM,IACXX,EAAAC,IAAA,KAAA,CAAAQ,SAAKf,EAAKC,UAFHD,EAAKkB,cAc1B"}

package/dist/src/components/forms/TextArea.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";var t=function(t){return e("div",{className:t.names,children:e("div",{className:"ihub-field",children:a("div",{className:"ihub-textarea-wrapper ".concat(t.defaultValues?"ihub-value":""),children:[e("textarea",{name:t.names,rows:t.rows,defaultValue:t.defaultValues,onChange:function(e){t.setValues&&t.setValues(e.target.value),t.inputEvent&&t.inputEvent(e),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},placeholder:t.placeholder,maxLength:void 0!==t.maxLengths?Number(t.maxLengths):void 0}),e("span",{className:"ihub-textarea-label",children:t.labels})]})})})};export{t as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function(a){return e.jsx("div",{className:a.names,children:e.jsx("div",{className:"ihub-field",children:e.jsxs("div",{className:"ihub-textarea-wrapper ".concat(a.defaultValues?"ihub-value":""),children:[e.jsx("textarea",{name:a.names,rows:a.rows,defaultValue:a.defaultValues,onChange:function(e){a.setValues&&a.setValues(e.target.value),a.inputEvent&&a.inputEvent(e),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},placeholder:a.placeholder,maxLength:void 0!==a.maxLengths?Number(a.maxLengths):void 0}),e.jsx("span",{className:"ihub-textarea-label",children:a.labels})]})})})};
 //# sourceMappingURL=TextArea.js.map

package/dist/src/components/forms/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../../src/components/forms/TextArea.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface TextAreaProps {\r\n  names: string;\r\n  labels: string;\r\n  rows?: number;\r\n  defaultValues?: string;\r\n  placeholder?: string;\r\n  maxLengths?: number | string;\r\n  setValues?: (value: string) => void;\r\n  inputEvent?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\r\n}\r\n\r\nconst TextArea: React.FC<TextAreaProps> = (props) => {\r\n  const showLabel = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (e.target.value) e.target.parentElement?.classList.add(\"ihub-value\");\r\n    else e.target.parentElement?.classList.remove(\"ihub-value\");\r\n  };\r\n  \r\n  const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (props.setValues) props.setValues(e.target.value);\r\n    if (props.inputEvent) props.inputEvent(e);\r\n    showLabel(e);\r\n  };\r\n  \r\n  return (\r\n    <div className={props.names}>\r\n      <div className=\"ihub-field\">\r\n        <div className={`ihub-textarea-wrapper ${props.defaultValues ? \"ihub-value\" : \"\"}`}>\r\n          <textarea\r\n            name={props.names}\r\n            rows={props.rows}\r\n            defaultValue={props.defaultValues}\r\n            onChange={handleInput}\r\n            placeholder={props.placeholder}\r\n            maxLength={props.maxLengths !== undefined ? Number(props.maxLengths) : undefined}\r\n          ></textarea>\r\n          <span className=\"ihub-textarea-label\">{props.labels}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TextArea;"],"names":["TextArea","props","_jsx","className","names","children","_jsxs","concat","defaultValues","name","rows","defaultValue","onChange","e","setValues","target","value","inputEvent","_e$target$parentEleme","_e$target$parentEleme2","parentElement","classList","add","remove","showLabel","placeholder","maxLength","undefined","maxLengths","Number","labels"],"mappings":"kDAaA,IAAMA,EAAoC,SAACC,GAYzC,OACEC,SAAKC,UAAWF,EAAMG,eACpBF,EAAK,MAAA,CAAAC,UAAU,aAAYE,SACzBC,SAAKH,UAAS,yBAAAI,OAA2BN,EAAMO,cAAgB,aAAe,IAC5EH,SAAA,CAAAH,EAAA,WAAA,CACEO,KAAMR,EAAMG,MACZM,KAAMT,EAAMS,KACZC,aAAcV,EAAMO,cACpBI,SAdU,SAACC,GACfZ,EAAMa,WAAWb,EAAMa,UAAUD,EAAEE,OAAOC,OAC1Cf,EAAMgB,YAAYhB,EAAMgB,WAAWJ,GAPvB,SAACA,GAAmD,IAAAK,EAAAC,EAChEN,EAAEE,OAAOC,MAA6BE,QAAtBA,EAAAL,EAAEE,OAAOK,yBAAaF,GAAtBA,EAAwBG,UAAUC,IAAI,cAC/BH,QAAtBA,EAAAN,EAAEE,OAAOK,yBAAaD,GAAtBA,EAAwBE,UAAUE,OAAO,cAM9CC,CAAUX,IAYFY,YAAaxB,EAAMwB,YACnBC,eAAgCC,IAArB1B,EAAM2B,WAA2BC,OAAO5B,EAAM2B,iBAAcD,IAEzEzB,EAAM,OAAA,CAAAC,UAAU,sBAAqBE,SAAEJ,EAAM6B,eAKvD"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/forms/TextArea.tsx"],"sourcesContent":["import React from \"react\";\r\n\r\ninterface TextAreaProps {\r\n  names: string;\r\n  labels: string;\r\n  rows?: number;\r\n  defaultValues?: string;\r\n  placeholder?: string;\r\n  maxLengths?: number | string;\r\n  setValues?: (value: string) => void;\r\n  inputEvent?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;\r\n}\r\n\r\nconst TextArea: React.FC<TextAreaProps> = (props) => {\r\n  const showLabel = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (e.target.value) e.target.parentElement?.classList.add(\"ihub-value\");\r\n    else e.target.parentElement?.classList.remove(\"ihub-value\");\r\n  };\r\n  \r\n  const handleInput = (e: React.ChangeEvent<HTMLTextAreaElement>): void => {\r\n    if (props.setValues) props.setValues(e.target.value);\r\n    if (props.inputEvent) props.inputEvent(e);\r\n    showLabel(e);\r\n  };\r\n  \r\n  return (\r\n    <div className={props.names}>\r\n      <div className=\"ihub-field\">\r\n        <div className={`ihub-textarea-wrapper ${props.defaultValues ? \"ihub-value\" : \"\"}`}>\r\n          <textarea\r\n            name={props.names}\r\n            rows={props.rows}\r\n            defaultValue={props.defaultValues}\r\n            onChange={handleInput}\r\n            placeholder={props.placeholder}\r\n            maxLength={props.maxLengths !== undefined ? Number(props.maxLengths) : undefined}\r\n          ></textarea>\r\n          <span className=\"ihub-textarea-label\">{props.labels}</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default TextArea;"],"names":["props","_jsx","className","names","jsx","children","_jsxs","concat","defaultValues","name","rows","defaultValue","onChange","e","setValues","target","value","inputEvent","_e$target$parentEleme","_e$target$parentEleme2","parentElement","classList","add","remove","showLabel","placeholder","maxLength","undefined","maxLengths","Number","labels"],"mappings":"uHAa0C,SAACA,GAYzC,OACEC,EAAAA,WAAKC,UAAWF,EAAMG,eACpBF,EAAKG,IAAA,MAAA,CAAAF,UAAU,aAAYG,SACzBC,cAAKJ,UAAS,yBAAAK,OAA2BP,EAAMQ,cAAgB,aAAe,IAC5EH,SAAA,CAAAJ,EAAAG,IAAA,WAAA,CACEK,KAAMT,EAAMG,MACZO,KAAMV,EAAMU,KACZC,aAAcX,EAAMQ,cACpBI,SAdU,SAACC,GACfb,EAAMc,WAAWd,EAAMc,UAAUD,EAAEE,OAAOC,OAC1ChB,EAAMiB,YAAYjB,EAAMiB,WAAWJ,GAPvB,SAACA,GAAmD,IAAAK,EAAAC,EAChEN,EAAEE,OAAOC,MAA6BE,QAAtBA,EAAAL,EAAEE,OAAOK,yBAAaF,GAAtBA,EAAwBG,UAAUC,IAAI,cAC/BH,QAAtBA,EAAAN,EAAEE,OAAOK,yBAAaD,GAAtBA,EAAwBE,UAAUE,OAAO,cAM9CC,CAAUX,IAYFY,YAAazB,EAAMyB,YACnBC,eAAgCC,IAArB3B,EAAM4B,WAA2BC,OAAO7B,EAAM4B,iBAAcD,IAEzE1B,EAAMG,IAAA,OAAA,CAAAF,UAAU,sBAAqBG,SAAEL,EAAM8B,eAKvD"}

package/dist/src/components/forms/TextField.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useRef as t}from"react";function r(r){var l=t(null);return e("div",{className:"ihub-field-container ".concat(r.names),children:a("div",{className:"ihub-field",children:[a("div",{className:"ihub-wrapper ".concat(void 0!==r.defaultValues||!1===r.defaultValues||r.actives||"file"===r.types?"ihub-value":""),"data-text-transform":r.TextTransform||"none",children:[e("input",{ref:l,type:r.types,name:r.names,required:r.requireds,defaultValue:"boolean"==typeof r.defaultValues?r.defaultValues.toString():r.defaultValues,id:r.ids,maxLength:r.maxLengths,onChange:function(e){l.current&&"lowercase"===r.TextTransform&&(l.current.value=l.current.value.toLowerCase());var a=e.target.value;"tel"===r.types&&((a=a.replace(/[^0-9+]/g,"")).includes("+")&&(a="+"+a.replace(/[^0-9]/g,"")),a.length>15&&(a=a.slice(0,15)),e.target.value=a),r.setValues&&r.setValues(a),r.onChange&&r.onChange(e),r.inputTarget&&r.inputTarget(e.target),r.setNameValue&&r.setNameValue(r.names,a),r.setArrayProps&&r.arrayProps&&r.setArrayProps(r.arrayProps,a),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},className:"ihub-input ".concat("auto"===r.widths?"ihub-width-auto":""),readOnly:!!r.disableds&&r.disableds}),e("span",{className:"ihub-text-label",children:r.labels})]}),r.notes&&e("p",{className:"ihub-notes",children:r.notes})]})})}export{r as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react");exports.default=function(t){var s=a.useRef(null);return e.jsx("div",{className:"ihub-field-container ".concat(t.names),children:e.jsxs("div",{className:"ihub-field",children:[e.jsxs("div",{className:"ihub-wrapper ".concat(void 0!==t.defaultValues||!1===t.defaultValues||t.actives||"file"===t.types?"ihub-value":""),"data-text-transform":t.TextTransform||"none",children:[e.jsx("input",{ref:s,type:t.types,name:t.names,required:t.requireds,defaultValue:"boolean"==typeof t.defaultValues?t.defaultValues.toString():t.defaultValues,id:t.ids,maxLength:t.maxLengths,onChange:function(e){s.current&&"lowercase"===t.TextTransform&&(s.current.value=s.current.value.toLowerCase());var a=e.target.value;"tel"===t.types&&((a=a.replace(/[^0-9+]/g,"")).includes("+")&&(a="+"+a.replace(/[^0-9]/g,"")),a.length>15&&(a=a.slice(0,15)),e.target.value=a),t.setValues&&t.setValues(a),t.onChange&&t.onChange(e),t.inputTarget&&t.inputTarget(e.target),t.setNameValue&&t.setNameValue(t.names,a),t.setArrayProps&&t.arrayProps&&t.setArrayProps(t.arrayProps,a),function(e){var a,t;e.target.value?null===(a=e.target.parentElement)||void 0===a||a.classList.add("ihub-value"):null===(t=e.target.parentElement)||void 0===t||t.classList.remove("ihub-value")}(e)},className:"ihub-input ".concat("auto"===t.widths?"ihub-width-auto":""),readOnly:!!t.disableds&&t.disableds}),e.jsx("span",{className:"ihub-text-label",children:t.labels})]}),t.notes&&e.jsx("p",{className:"ihub-notes",children:t.notes})]})})};
 //# sourceMappingURL=TextField.js.map

package/dist/src/components/forms/Tooltip.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{useState as t}from"react";import a from"./ReactTimeAgo.js";var n=function(n){var o=n.content,c=n.children,l=t(!1),s=e(l,2),m=s[0],u=s[1];return r("div",{className:"ihub-tooltip-container",onMouseEnter:function(){return u(!0)},onMouseLeave:function(){return u(!1)},children:[c,m&&i("div",{className:"ihub-tip-wrapper",children:i("div",{className:"ihub-tooltip",children:Array.isArray(o)?o.map((function(e,t){return r("div",{className:"ihub-tip-item",children:[i("p",{children:e.feedback}),i("p",{className:"ihub-timestamp",children:i(a,{date:new Date(e.timestamp)})})]},t)})):o})})]})};export{n as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("./ReactTimeAgo.js");exports.default=function(s){var a=s.content,n=s.children,u=i.useState(!1),c=e.slicedToArray(u,2),l=c[0],o=c[1];return r.jsxs("div",{className:"ihub-tooltip-container",onMouseEnter:function(){return o(!0)},onMouseLeave:function(){return o(!1)},children:[n,l&&r.jsx("div",{className:"ihub-tip-wrapper",children:r.jsx("div",{className:"ihub-tooltip",children:Array.isArray(a)?a.map((function(e,i){return r.jsxs("div",{className:"ihub-tip-item",children:[r.jsx("p",{children:e.feedback}),r.jsx("p",{className:"ihub-timestamp",children:r.jsx(t.default,{date:new Date(e.timestamp)})})]},i)})):a})})]})};
 //# sourceMappingURL=Tooltip.js.map

package/dist/src/components/forms/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/forms/Tooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport ReactTimeAgo from \"./ReactTimeAgo\";\r\n\r\ninterface TooltipContent {\r\n  feedback: string;\r\n  timestamp: string | number | Date;\r\n}\r\n\r\ninterface TooltipProps {\r\n  content: string | TooltipContent[];\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst Tooltip: React.FC<TooltipProps> = ({ content, children }) => {\r\n  const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n  const handleMouseEnter = () => setShowTooltip(true);\r\n  const handleMouseLeave = () => setShowTooltip(false);\r\n\r\n  return (\r\n    <div\r\n      className=\"ihub-tooltip-container\"\r\n      onMouseEnter={handleMouseEnter}\r\n      onMouseLeave={handleMouseLeave}\r\n    >\r\n      {children}\r\n      {showTooltip && (\r\n        <div className=\"ihub-tip-wrapper\">\r\n          <div className=\"ihub-tooltip\">\r\n            {Array.isArray(content)\r\n              ? content.map((option, index) => (\r\n                  <div key={index} className=\"ihub-tip-item\">\r\n                    <p>{option.feedback}</p>\r\n                    <p className=\"ihub-timestamp\">\r\n                      <ReactTimeAgo date={new Date(option.timestamp)} />\r\n                    </p>\r\n                  </div>\r\n                ))\r\n              : content}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Tooltip;"],"names":["Tooltip","_ref","content","children","_useState","useState","_useState2","_slicedToArray","showTooltip","setShowTooltip","_jsxs","className","onMouseEnter","onMouseLeave","_jsx","Array","isArray","map","option","index","feedback","ReactTimeAgo","date","Date","timestamp"],"mappings":"mMAaA,IAAMA,EAAkC,SAA3BC,GAAqD,IAAvBC,EAAOD,EAAPC,QAASC,EAAQF,EAARE,SAClDC,EAAsCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAvDI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAKlC,OACEI,EAAA,MAAA,CACEC,UAAU,yBACVC,aANqB,WAAH,OAASH,GAAe,EAAK,EAO/CI,aANqB,WAAH,OAASJ,GAAe,EAAM,EAMlBN,SAAA,CAE7BA,EACAK,GACCM,EAAK,MAAA,CAAAH,UAAU,4BACbG,EAAK,MAAA,CAAAH,UAAU,wBACZI,MAAMC,QAAQd,GACXA,EAAQe,KAAI,SAACC,EAAQC,GAAK,OACxBT,SAAiBC,UAAU,gBACzBR,SAAA,CAAAW,EAAA,IAAA,CAAAX,SAAIe,EAAOE,WACXN,EAAG,IAAA,CAAAH,UAAU,iBAAgBR,SAC3BW,EAACO,EAAY,CAACC,KAAM,IAAIC,KAAKL,EAAOM,iBAH9BL,EAMX,IACDjB,QAMhB"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/forms/Tooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\r\nimport ReactTimeAgo from \"./ReactTimeAgo\";\r\n\r\ninterface TooltipContent {\r\n  feedback: string;\r\n  timestamp: string | number | Date;\r\n}\r\n\r\ninterface TooltipProps {\r\n  content: string | TooltipContent[];\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst Tooltip: React.FC<TooltipProps> = ({ content, children }) => {\r\n  const [showTooltip, setShowTooltip] = useState<boolean>(false);\r\n\r\n  const handleMouseEnter = () => setShowTooltip(true);\r\n  const handleMouseLeave = () => setShowTooltip(false);\r\n\r\n  return (\r\n    <div\r\n      className=\"ihub-tooltip-container\"\r\n      onMouseEnter={handleMouseEnter}\r\n      onMouseLeave={handleMouseLeave}\r\n    >\r\n      {children}\r\n      {showTooltip && (\r\n        <div className=\"ihub-tip-wrapper\">\r\n          <div className=\"ihub-tooltip\">\r\n            {Array.isArray(content)\r\n              ? content.map((option, index) => (\r\n                  <div key={index} className=\"ihub-tip-item\">\r\n                    <p>{option.feedback}</p>\r\n                    <p className=\"ihub-timestamp\">\r\n                      <ReactTimeAgo date={new Date(option.timestamp)} />\r\n                    </p>\r\n                  </div>\r\n                ))\r\n              : content}\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Tooltip;"],"names":["_ref","content","children","_useState","useState","_useState2","_slicedToArray","showTooltip","setShowTooltip","_jsxs","className","onMouseEnter","onMouseLeave","_jsx","jsx","Array","isArray","map","option","index","feedback","ReactTimeAgo","date","Date","timestamp"],"mappings":"qOAawC,SAA3BA,GAAqD,IAAvBC,EAAOD,EAAPC,QAASC,EAAQF,EAARE,SAClDC,EAAsCC,EAAQA,UAAU,GAAMC,EAAAC,EAAAA,cAAAH,EAAA,GAAvDI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAKlC,OACEI,EAAAA,KAAA,MAAA,CACEC,UAAU,yBACVC,aANqB,WAAH,OAASH,GAAe,EAAK,EAO/CI,aANqB,WAAH,OAASJ,GAAe,EAAM,EAMlBN,SAAA,CAE7BA,EACAK,GACCM,EAAAA,IAAK,MAAA,CAAAH,UAAU,4BACbG,EAAKC,IAAA,MAAA,CAAAJ,UAAU,wBACZK,MAAMC,QAAQf,GACXA,EAAQgB,KAAI,SAACC,EAAQC,GAAK,OACxBV,EAAAA,YAAiBC,UAAU,gBACzBR,SAAA,CAAAW,EAAAC,IAAA,IAAA,CAAAZ,SAAIgB,EAAOE,WACXP,EAAGC,IAAA,IAAA,CAAAJ,UAAU,iBAAgBR,SAC3BW,MAACQ,UAAY,CAACC,KAAM,IAAIC,KAAKL,EAAOM,iBAH9BL,EAMX,IACDlB,QAMhB"}

package/dist/src/components/forms/UnsplashRandomImage.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,asyncToGenerator as a,regeneratorRuntime as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,jsx as s}from"react/jsx-runtime";import{useState as l,useEffect as r}from"react";import t from"next/link";import o from"next/image";import{unsplashDefaultObject as c}from"../lib/json/unsplashDefaultObject.js";import{IN_DEV_MODE as u}from"../lib/helpFunction.js";var d=function(d){var h,p,m,v,b,f,g=d.useDispatch,N=d.useSelector,k=d.selectUnsplashObject,y=d.unsplashObject,x=d.height,w=void 0===x?"100vh":x,_=d.width,j=void 0===_?"100%":_,C=d.borderRadius,L=void 0===C?"8px":C,S=d.overlayIntensity,T=void 0===S?.2:S,U=d.onImageClick,E=g(),F=N(k),I=l(!0),P=e(I,2),R=P[0],A=P[1],D=l(!1),O=e(D,2),B=O[0],H=O[1],q=l(null),z=e(q,2),G=z[0],K=z[1],X=function(){var e=a(n().mark((function e(){var a,i,s;return n().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!B){e.next=2;break}return e.abrupt("return");case 2:if(H(!0),K(null),u){e.next=26;break}return e.prev=5,e.next=8,fetch("https://api.unsplash.com/photos/random?query=".concat(d.category,"&client_id=").concat(process.env.NEXT_PUBLIC_UNSPLASH_ACCESS_KEY));case 8:if((a=e.sent).ok){e.next=11;break}throw new Error("Failed to fetch: ".concat(a.status," ").concat(a.statusText));case 11:return e.next=13,a.json();case 13:i=e.sent,s=c,null!=i&&i.id&&(s=i),E(y.actions.add(s)),e.next=24;break;case 19:e.prev=19,e.t0=e.catch(5),console.error("Error fetching random image:",e.t0),K("Failed to load image. Please try again."),E(y.actions.add(c));case 24:e.next=27;break;case 26:E(y.actions.add(c));case 27:H(!1);case 28:case"end":return e.stop()}}),e,null,[[5,19]])})));return function(){return e.apply(this,arguments)}}();r((function(){X()}),[d.category]);return i("div",{className:"ihub-unsplash-container",style:{width:j,borderRadius:L,height:w,background:(null==F?void 0:F.color)||"#f5f5f5"},children:[R&&s("div",{className:"ihub-unsplash-loader",children:s("div",{className:"ihub-unsplash-spinner"})}),G&&i("div",{className:"ihub-unsplash-error",children:[s("p",{children:G}),s("button",{onClick:X,disabled:B,children:"Try Again"})]}),i("div",{className:"ihub-unsplash-image-container ".concat(R?"ihub-unsplash-loading":""),onClick:U,children:[s(o,{src:(null==F||null===(h=F.urls)||void 0===h?void 0:h.regular)||"",alt:(null==F?void 0:F.alt_description)||d.category||"Unsplash image",className:"ihub-unsplash-image",fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",priority:!0,onLoad:function(){A(!1)},style:{objectFit:"cover",borderRadius:L}}),s("div",{className:"ihub-unsplash-overlay",style:{opacity:T}}),i("div",{className:"ihub-unsplash-info",children:[(null==F?void 0:F.description)&&s("p",{className:"ihub-unsplash-description",children:F.description}),i("div",{className:"ihub-unsplash-metadata",children:[(null==F||null===(p=F.user)||void 0===p||null===(p=p.profile_image)||void 0===p?void 0:p.small)&&s(o,{src:F.user.profile_image.small,alt:(null===(m=F.user)||void 0===m?void 0:m.name)||"Photographer",width:24,height:24,className:"ihub-unsplash-avatar"}),i("div",{className:"ihub-unsplash-user-info",children:[s(t,{href:(null==F||null===(v=F.user)||void 0===v||null===(v=v.links)||void 0===v?void 0:v.html)||"#",target:"_blank",rel:"noopener noreferrer",className:"ihub-unsplash-username",children:(null==F||null===(b=F.user)||void 0===b?void 0:b.name)||"Unknown"}),(null==F||null===(f=F.user)||void 0===f?void 0:f.location)&&s("span",{className:"ihub-unsplash-location",children:F.user.location})]}),i("div",{className:"ihub-unsplash-stats",children:[(null==F?void 0:F.created_at)&&s("span",{className:"ihub-unsplash-date",children:function(e){if(!e)return"";var a=new Date(e);return new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"numeric"}).format(a)}(F.created_at)}),void 0!==(null==F?void 0:F.likes)&&i("span",{className:"ihub-unsplash-likes",children:[s("span",{className:"ihub-unsplash-heart",children:"♥"})," ",F.likes]})]})]})]})]}),s("div",{className:"ihub-unsplash-actions",children:s("button",{className:"ihub-unsplash-refresh",onClick:X,disabled:B,"aria-label":"Load a new image",title:"Load a new image",children:B?"Loading...":"Refresh Image"})})]})};export{d as default};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_rollupPluginBabelHelpers.js"),s=require("react/jsx-runtime"),a=require("react"),n=require("next/link"),i=require("next/image"),l=require("../lib/json/unsplashDefaultObject.js"),r=require("../lib/helpFunction.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=t(n),o=t(i);exports.default=function(n){var i,t,c,d,h,p,v=n.useDispatch,m=n.useSelector,b=n.selectUnsplashObject,f=n.unsplashObject,x=n.height,j=void 0===x?"100vh":x,g=n.width,y=void 0===g?"100%":g,N=n.borderRadius,k=void 0===N?"8px":N,w=n.overlayIntensity,_=void 0===w?.2:w,D=n.onImageClick,S=v(),q=m(b),E=a.useState(!0),O=e.slicedToArray(E,2),T=O[0],C=O[1],A=a.useState(!1),I=e.slicedToArray(A,2),L=I[0],P=I[1],R=a.useState(null),U=e.slicedToArray(R,2),F=U[0],B=U[1],H=function(){var s=e.asyncToGenerator(e.regeneratorRuntime().mark((function s(){var a,i,t;return e.regeneratorRuntime().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!L){e.next=2;break}return e.abrupt("return");case 2:if(P(!0),B(null),r.IN_DEV_MODE){e.next=26;break}return e.prev=5,e.next=8,fetch("https://api.unsplash.com/photos/random?query=".concat(n.category,"&client_id=").concat(process.env.NEXT_PUBLIC_UNSPLASH_ACCESS_KEY));case 8:if((a=e.sent).ok){e.next=11;break}throw new Error("Failed to fetch: ".concat(a.status," ").concat(a.statusText));case 11:return e.next=13,a.json();case 13:i=e.sent,t=l.unsplashDefaultObject,null!=i&&i.id&&(t=i),S(f.actions.add(t)),e.next=24;break;case 19:e.prev=19,e.t0=e.catch(5),console.error("Error fetching random image:",e.t0),B("Failed to load image. Please try again."),S(f.actions.add(l.unsplashDefaultObject));case 24:e.next=27;break;case 26:S(f.actions.add(l.unsplashDefaultObject));case 27:P(!1);case 28:case"end":return e.stop()}}),s,null,[[5,19]])})));return function(){return s.apply(this,arguments)}}();a.useEffect((function(){H()}),[n.category]);return s.jsxs("div",{className:"ihub-unsplash-container",style:{width:y,borderRadius:k,height:j,background:(null==q?void 0:q.color)||"#f5f5f5"},children:[T&&s.jsx("div",{className:"ihub-unsplash-loader",children:s.jsx("div",{className:"ihub-unsplash-spinner"})}),F&&s.jsxs("div",{className:"ihub-unsplash-error",children:[s.jsx("p",{children:F}),s.jsx("button",{onClick:H,disabled:L,children:"Try Again"})]}),s.jsxs("div",{className:"ihub-unsplash-image-container ".concat(T?"ihub-unsplash-loading":""),onClick:D,children:[s.jsx(o.default,{src:(null==q||null===(i=q.urls)||void 0===i?void 0:i.regular)||"",alt:(null==q?void 0:q.alt_description)||n.category||"Unsplash image",className:"ihub-unsplash-image",fill:!0,sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",priority:!0,onLoad:function(){C(!1)},style:{objectFit:"cover",borderRadius:k}}),s.jsx("div",{className:"ihub-unsplash-overlay",style:{opacity:_}}),s.jsxs("div",{className:"ihub-unsplash-info",children:[(null==q?void 0:q.description)&&s.jsx("p",{className:"ihub-unsplash-description",children:q.description}),s.jsxs("div",{className:"ihub-unsplash-metadata",children:[(null==q||null===(t=q.user)||void 0===t||null===(t=t.profile_image)||void 0===t?void 0:t.small)&&s.jsx(o.default,{src:q.user.profile_image.small,alt:(null===(c=q.user)||void 0===c?void 0:c.name)||"Photographer",width:24,height:24,className:"ihub-unsplash-avatar"}),s.jsxs("div",{className:"ihub-unsplash-user-info",children:[s.jsx(u.default,{href:(null==q||null===(d=q.user)||void 0===d||null===(d=d.links)||void 0===d?void 0:d.html)||"#",target:"_blank",rel:"noopener noreferrer",className:"ihub-unsplash-username",children:(null==q||null===(h=q.user)||void 0===h?void 0:h.name)||"Unknown"}),(null==q||null===(p=q.user)||void 0===p?void 0:p.location)&&s.jsx("span",{className:"ihub-unsplash-location",children:q.user.location})]}),s.jsxs("div",{className:"ihub-unsplash-stats",children:[(null==q?void 0:q.created_at)&&s.jsx("span",{className:"ihub-unsplash-date",children:function(e){if(!e)return"";var s=new Date(e);return new Intl.DateTimeFormat("en-US",{year:"numeric",month:"long",day:"numeric"}).format(s)}(q.created_at)}),void 0!==(null==q?void 0:q.likes)&&s.jsxs("span",{className:"ihub-unsplash-likes",children:[s.jsx("span",{className:"ihub-unsplash-heart",children:"♥"})," ",q.likes]})]})]})]})]}),s.jsx("div",{className:"ihub-unsplash-actions",children:s.jsx("button",{className:"ihub-unsplash-refresh",onClick:H,disabled:L,"aria-label":"Load a new image",title:"Load a new image",children:L?"Loading...":"Refresh Image"})})]})};
 //# sourceMappingURL=UnsplashRandomImage.js.map

package/dist/src/components/forms/UnsplashRandomImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnsplashRandomImage.js","sources":["../../../../src/components/forms/UnsplashRandomImage.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport Link from \"next/link\";\r\nimport Image from \"next/image\";\r\nimport { unsplashDefaultObject } from \"../lib/json/unsplashDefaultObject\";\r\nimport { IN_DEV_MODE } from \"../lib/helpFunction\";\r\n\r\n/**\r\n * Represents an Unsplash user\r\n */\r\nexport interface UnsplashUser {\r\n  name: string;\r\n  links?: {\r\n    html?: string;\r\n  };\r\n  profile_image?: {\r\n    small?: string;\r\n  };\r\n  location?: string;\r\n}\r\n\r\n/**\r\n * Represents image URLs from Unsplash\r\n */\r\nexport interface UnsplashUrls {\r\n  regular: string;\r\n  raw?: string;\r\n  full?: string;\r\n  small?: string;\r\n  thumb?: string;\r\n}\r\n\r\n/**\r\n * Represents the Unsplash image data structure\r\n */\r\nexport interface UnsplashObject {\r\n  id?: string;\r\n  urls?: UnsplashUrls;\r\n  user?: UnsplashUser;\r\n  alt_description?: string;\r\n  description?: string;\r\n  color?: string;\r\n  created_at?: string;\r\n  likes?: number;\r\n}\r\n\r\n/**\r\n * Redux action type for unsplash object\r\n */\r\nexport interface UnsplashAction {\r\n  add: (payload: UnsplashObject) => { type: string; payload: UnsplashObject };\r\n}\r\n\r\n/**\r\n * Props for the UnsplashRandomImage component\r\n */\r\nexport interface UnsplashRandomImageProps {\r\n  /** Search category for Unsplash images */\r\n  category: string;\r\n  /** Optional className for styling */\r\n  className?: string;\r\n  /** Redux dispatch hook */\r\n  useDispatch: () => any;\r\n  /** Redux selector hook */\r\n  useSelector: <T>(selector: (state: any) => T) => T;\r\n  /** Redux selector function for unsplash object */\r\n  selectUnsplashObject: (state: any) => UnsplashObject;\r\n  /** Redux slice for unsplash object */\r\n  unsplashObject: {\r\n    actions: UnsplashAction;\r\n  };\r\n  /** Optional height (default: 100vh) */\r\n  height?: string;\r\n  /** Optional width (default: 100%) */\r\n  width?: string;\r\n  /** Optional border radius (default: 8px) */\r\n  borderRadius?: string;\r\n  /** Optional overlay intensity (0-1, default: 0.2) */\r\n  overlayIntensity?: number;\r\n  /** Function to handle image click */\r\n  onImageClick?: () => void;\r\n}\r\n\r\n/**\r\n * Component that fetches and displays a random image from Unsplash based on a category\r\n * with enhanced UI and functionality\r\n */\r\nconst UnsplashRandomImage: React.FC<UnsplashRandomImageProps> = (props) => {\r\n  const {\r\n    useDispatch,\r\n    useSelector,\r\n    selectUnsplashObject,\r\n    unsplashObject,\r\n    height = \"100vh\",\r\n    width = \"100%\",\r\n    borderRadius = \"8px\",\r\n    overlayIntensity = 0.2,\r\n    onImageClick,\r\n  } = props;\r\n\r\n  const dispatch = useDispatch();\r\n  const unsplashData = useSelector(selectUnsplashObject);\r\n  const [isLoading, setIsLoading] = useState<boolean>(true);\r\n  const [isFetching, setIsFetching] = useState<boolean>(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  // Format the creation date\r\n  const formatDate = (dateString?: string): string => {\r\n    if (!dateString) return \"\";\r\n    const date = new Date(dateString);\r\n    return new Intl.DateTimeFormat(\"en-US\", {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n    }).format(date);\r\n  };\r\n\r\n  // Refresh image - can be called on button click\r\n  const refreshImage = async (): Promise<void> => {\r\n    if (isFetching) return;\r\n\r\n    setIsFetching(true);\r\n    setError(null);\r\n\r\n    if (!IN_DEV_MODE) {\r\n      try {\r\n        const response = await fetch(\r\n          `https://api.unsplash.com/photos/random?query=${props.category}&client_id=${process.env.NEXT_PUBLIC_UNSPLASH_ACCESS_KEY}`\r\n        );\r\n\r\n        if (!response.ok) {\r\n          throw new Error(\r\n            `Failed to fetch: ${response.status} ${response.statusText}`\r\n          );\r\n        }\r\n\r\n        const req = await response.json();\r\n        let res_obj: UnsplashObject = unsplashDefaultObject;\r\n\r\n        if (req?.id) {\r\n          res_obj = req;\r\n        }\r\n\r\n        dispatch(unsplashObject.actions.add(res_obj));\r\n      } catch (error) {\r\n        console.error(\"Error fetching random image:\", error);\r\n        setError(\"Failed to load image. Please try again.\");\r\n        // Still dispatch default object as fallback\r\n        dispatch(unsplashObject.actions.add(unsplashDefaultObject));\r\n      }\r\n    } else {\r\n      dispatch(unsplashObject.actions.add(unsplashDefaultObject));\r\n    }\r\n\r\n    setIsFetching(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    refreshImage();\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [props.category]);\r\n\r\n  // Handle image load completion\r\n  const handleImageLoad = () => {\r\n    setIsLoading(false);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className=\"ihub-unsplash-container\"\r\n      style={{\r\n        width: width,\r\n        borderRadius: borderRadius,\r\n        height: height,\r\n        background: unsplashData?.color || \"#f5f5f5\",\r\n      }}\r\n    >\r\n      {isLoading && (\r\n        <div className=\"ihub-unsplash-loader\">\r\n          <div className=\"ihub-unsplash-spinner\"></div>\r\n        </div>\r\n      )}\r\n\r\n      {error && (\r\n        <div className=\"ihub-unsplash-error\">\r\n          <p>{error}</p>\r\n          <button onClick={refreshImage} disabled={isFetching}>\r\n            Try Again\r\n          </button>\r\n        </div>\r\n      )}\r\n\r\n      <div\r\n        className={`ihub-unsplash-image-container ${\r\n          isLoading ? \"ihub-unsplash-loading\" : \"\"\r\n        }`}\r\n        onClick={onImageClick}\r\n      >\r\n        <Image\r\n          src={unsplashData?.urls?.regular || \"\"}\r\n          alt={\r\n            unsplashData?.alt_description || props.category || \"Unsplash image\"\r\n          }\r\n          className=\"ihub-unsplash-image\"\r\n          fill\r\n          sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\"\r\n          priority\r\n          onLoad={handleImageLoad}\r\n          style={{ objectFit: \"cover\", borderRadius: borderRadius }}\r\n        />\r\n\r\n        <div\r\n          className=\"ihub-unsplash-overlay\"\r\n          style={{ opacity: overlayIntensity }}\r\n        ></div>\r\n\r\n        <div className=\"ihub-unsplash-info\">\r\n          {unsplashData?.description && (\r\n            <p className=\"ihub-unsplash-description\">\r\n              {unsplashData.description}\r\n            </p>\r\n          )}\r\n\r\n          <div className=\"ihub-unsplash-metadata\">\r\n            {unsplashData?.user?.profile_image?.small && (\r\n              <Image\r\n                src={unsplashData.user.profile_image.small}\r\n                alt={unsplashData.user?.name || \"Photographer\"}\r\n                width={24}\r\n                height={24}\r\n                className=\"ihub-unsplash-avatar\"\r\n              />\r\n            )}\r\n\r\n            <div className=\"ihub-unsplash-user-info\">\r\n              <Link\r\n                href={unsplashData?.user?.links?.html || \"#\"}\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                className=\"ihub-unsplash-username\"\r\n              >\r\n                {unsplashData?.user?.name || \"Unknown\"}\r\n              </Link>\r\n\r\n              {unsplashData?.user?.location && (\r\n                <span className=\"ihub-unsplash-location\">\r\n                  {unsplashData.user.location}\r\n                </span>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"ihub-unsplash-stats\">\r\n              {unsplashData?.created_at && (\r\n                <span className=\"ihub-unsplash-date\">\r\n                  {formatDate(unsplashData.created_at)}\r\n                </span>\r\n              )}\r\n\r\n              {unsplashData?.likes !== undefined && (\r\n                <span className=\"ihub-unsplash-likes\">\r\n                  <span className=\"ihub-unsplash-heart\">♥</span>{\" \"}\r\n                  {unsplashData.likes}\r\n                </span>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"ihub-unsplash-actions\">\r\n        <button\r\n          className=\"ihub-unsplash-refresh\"\r\n          onClick={refreshImage}\r\n          disabled={isFetching}\r\n          aria-label=\"Load a new image\"\r\n          title=\"Load a new image\"\r\n        >\r\n          {isFetching ? \"Loading...\" : \"Refresh Image\"}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UnsplashRandomImage;\r\n"],"names":["UnsplashRandomImage","props","_unsplashData$urls","_unsplashData$user","_unsplashData$user2","_unsplashData$user3","_unsplashData$user4","_unsplashData$user5","useDispatch","useSelector","selectUnsplashObject","unsplashObject","_props$height","height","_props$width","width","_props$borderRadius","borderRadius","_props$overlayIntensi","overlayIntensity","onImageClick","dispatch","unsplashData","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","isFetching","setIsFetching","_useState5","_useState6","error","setError","refreshImage","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","req","res_obj","wrap","_context","prev","next","abrupt","IN_DEV_MODE","fetch","concat","category","process","env","NEXT_PUBLIC_UNSPLASH_ACCESS_KEY","sent","ok","Error","status","statusText","json","unsplashDefaultObject","id","actions","add","t0","console","stop","apply","this","arguments","useEffect","_jsxs","className","style","background","color","children","_jsx","onClick","disabled","Image","src","urls","regular","alt","alt_description","fill","sizes","priority","onLoad","objectFit","opacity","description","user","profile_image","small","name","Link","href","links","html","target","rel","location","created_at","dateString","date","Date","Intl","DateTimeFormat","year","month","day","format","formatDate","undefined","likes","title"],"mappings":"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"}
+{"version":3,"file":"UnsplashRandomImage.js","sources":["../../../../src/components/forms/UnsplashRandomImage.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\nimport Link from \"next/link\";\r\nimport Image from \"next/image\";\r\nimport { unsplashDefaultObject } from \"../lib/json/unsplashDefaultObject\";\r\nimport { IN_DEV_MODE } from \"../lib/helpFunction\";\r\n\r\n/**\r\n * Represents an Unsplash user\r\n */\r\nexport interface UnsplashUser {\r\n  name: string;\r\n  links?: {\r\n    html?: string;\r\n  };\r\n  profile_image?: {\r\n    small?: string;\r\n  };\r\n  location?: string;\r\n}\r\n\r\n/**\r\n * Represents image URLs from Unsplash\r\n */\r\nexport interface UnsplashUrls {\r\n  regular: string;\r\n  raw?: string;\r\n  full?: string;\r\n  small?: string;\r\n  thumb?: string;\r\n}\r\n\r\n/**\r\n * Represents the Unsplash image data structure\r\n */\r\nexport interface UnsplashObject {\r\n  id?: string;\r\n  urls?: UnsplashUrls;\r\n  user?: UnsplashUser;\r\n  alt_description?: string;\r\n  description?: string;\r\n  color?: string;\r\n  created_at?: string;\r\n  likes?: number;\r\n}\r\n\r\n/**\r\n * Redux action type for unsplash object\r\n */\r\nexport interface UnsplashAction {\r\n  add: (payload: UnsplashObject) => { type: string; payload: UnsplashObject };\r\n}\r\n\r\n/**\r\n * Props for the UnsplashRandomImage component\r\n */\r\nexport interface UnsplashRandomImageProps {\r\n  /** Search category for Unsplash images */\r\n  category: string;\r\n  /** Optional className for styling */\r\n  className?: string;\r\n  /** Redux dispatch hook */\r\n  useDispatch: () => any;\r\n  /** Redux selector hook */\r\n  useSelector: <T>(selector: (state: any) => T) => T;\r\n  /** Redux selector function for unsplash object */\r\n  selectUnsplashObject: (state: any) => UnsplashObject;\r\n  /** Redux slice for unsplash object */\r\n  unsplashObject: {\r\n    actions: UnsplashAction;\r\n  };\r\n  /** Optional height (default: 100vh) */\r\n  height?: string;\r\n  /** Optional width (default: 100%) */\r\n  width?: string;\r\n  /** Optional border radius (default: 8px) */\r\n  borderRadius?: string;\r\n  /** Optional overlay intensity (0-1, default: 0.2) */\r\n  overlayIntensity?: number;\r\n  /** Function to handle image click */\r\n  onImageClick?: () => void;\r\n}\r\n\r\n/**\r\n * Component that fetches and displays a random image from Unsplash based on a category\r\n * with enhanced UI and functionality\r\n */\r\nconst UnsplashRandomImage: React.FC<UnsplashRandomImageProps> = (props) => {\r\n  const {\r\n    useDispatch,\r\n    useSelector,\r\n    selectUnsplashObject,\r\n    unsplashObject,\r\n    height = \"100vh\",\r\n    width = \"100%\",\r\n    borderRadius = \"8px\",\r\n    overlayIntensity = 0.2,\r\n    onImageClick,\r\n  } = props;\r\n\r\n  const dispatch = useDispatch();\r\n  const unsplashData = useSelector(selectUnsplashObject);\r\n  const [isLoading, setIsLoading] = useState<boolean>(true);\r\n  const [isFetching, setIsFetching] = useState<boolean>(false);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  // Format the creation date\r\n  const formatDate = (dateString?: string): string => {\r\n    if (!dateString) return \"\";\r\n    const date = new Date(dateString);\r\n    return new Intl.DateTimeFormat(\"en-US\", {\r\n      year: \"numeric\",\r\n      month: \"long\",\r\n      day: \"numeric\",\r\n    }).format(date);\r\n  };\r\n\r\n  // Refresh image - can be called on button click\r\n  const refreshImage = async (): Promise<void> => {\r\n    if (isFetching) return;\r\n\r\n    setIsFetching(true);\r\n    setError(null);\r\n\r\n    if (!IN_DEV_MODE) {\r\n      try {\r\n        const response = await fetch(\r\n          `https://api.unsplash.com/photos/random?query=${props.category}&client_id=${process.env.NEXT_PUBLIC_UNSPLASH_ACCESS_KEY}`\r\n        );\r\n\r\n        if (!response.ok) {\r\n          throw new Error(\r\n            `Failed to fetch: ${response.status} ${response.statusText}`\r\n          );\r\n        }\r\n\r\n        const req = await response.json();\r\n        let res_obj: UnsplashObject = unsplashDefaultObject;\r\n\r\n        if (req?.id) {\r\n          res_obj = req;\r\n        }\r\n\r\n        dispatch(unsplashObject.actions.add(res_obj));\r\n      } catch (error) {\r\n        console.error(\"Error fetching random image:\", error);\r\n        setError(\"Failed to load image. Please try again.\");\r\n        // Still dispatch default object as fallback\r\n        dispatch(unsplashObject.actions.add(unsplashDefaultObject));\r\n      }\r\n    } else {\r\n      dispatch(unsplashObject.actions.add(unsplashDefaultObject));\r\n    }\r\n\r\n    setIsFetching(false);\r\n  };\r\n\r\n  useEffect(() => {\r\n    refreshImage();\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [props.category]);\r\n\r\n  // Handle image load completion\r\n  const handleImageLoad = () => {\r\n    setIsLoading(false);\r\n  };\r\n\r\n  return (\r\n    <div\r\n      className=\"ihub-unsplash-container\"\r\n      style={{\r\n        width: width,\r\n        borderRadius: borderRadius,\r\n        height: height,\r\n        background: unsplashData?.color || \"#f5f5f5\",\r\n      }}\r\n    >\r\n      {isLoading && (\r\n        <div className=\"ihub-unsplash-loader\">\r\n          <div className=\"ihub-unsplash-spinner\"></div>\r\n        </div>\r\n      )}\r\n\r\n      {error && (\r\n        <div className=\"ihub-unsplash-error\">\r\n          <p>{error}</p>\r\n          <button onClick={refreshImage} disabled={isFetching}>\r\n            Try Again\r\n          </button>\r\n        </div>\r\n      )}\r\n\r\n      <div\r\n        className={`ihub-unsplash-image-container ${\r\n          isLoading ? \"ihub-unsplash-loading\" : \"\"\r\n        }`}\r\n        onClick={onImageClick}\r\n      >\r\n        <Image\r\n          src={unsplashData?.urls?.regular || \"\"}\r\n          alt={\r\n            unsplashData?.alt_description || props.category || \"Unsplash image\"\r\n          }\r\n          className=\"ihub-unsplash-image\"\r\n          fill\r\n          sizes=\"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw\"\r\n          priority\r\n          onLoad={handleImageLoad}\r\n          style={{ objectFit: \"cover\", borderRadius: borderRadius }}\r\n        />\r\n\r\n        <div\r\n          className=\"ihub-unsplash-overlay\"\r\n          style={{ opacity: overlayIntensity }}\r\n        ></div>\r\n\r\n        <div className=\"ihub-unsplash-info\">\r\n          {unsplashData?.description && (\r\n            <p className=\"ihub-unsplash-description\">\r\n              {unsplashData.description}\r\n            </p>\r\n          )}\r\n\r\n          <div className=\"ihub-unsplash-metadata\">\r\n            {unsplashData?.user?.profile_image?.small && (\r\n              <Image\r\n                src={unsplashData.user.profile_image.small}\r\n                alt={unsplashData.user?.name || \"Photographer\"}\r\n                width={24}\r\n                height={24}\r\n                className=\"ihub-unsplash-avatar\"\r\n              />\r\n            )}\r\n\r\n            <div className=\"ihub-unsplash-user-info\">\r\n              <Link\r\n                href={unsplashData?.user?.links?.html || \"#\"}\r\n                target=\"_blank\"\r\n                rel=\"noopener noreferrer\"\r\n                className=\"ihub-unsplash-username\"\r\n              >\r\n                {unsplashData?.user?.name || \"Unknown\"}\r\n              </Link>\r\n\r\n              {unsplashData?.user?.location && (\r\n                <span className=\"ihub-unsplash-location\">\r\n                  {unsplashData.user.location}\r\n                </span>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"ihub-unsplash-stats\">\r\n              {unsplashData?.created_at && (\r\n                <span className=\"ihub-unsplash-date\">\r\n                  {formatDate(unsplashData.created_at)}\r\n                </span>\r\n              )}\r\n\r\n              {unsplashData?.likes !== undefined && (\r\n                <span className=\"ihub-unsplash-likes\">\r\n                  <span className=\"ihub-unsplash-heart\">♥</span>{\" \"}\r\n                  {unsplashData.likes}\r\n                </span>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"ihub-unsplash-actions\">\r\n        <button\r\n          className=\"ihub-unsplash-refresh\"\r\n          onClick={refreshImage}\r\n          disabled={isFetching}\r\n          aria-label=\"Load a new image\"\r\n          title=\"Load a new image\"\r\n        >\r\n          {isFetching ? \"Loading...\" : \"Refresh Image\"}\r\n        </button>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default UnsplashRandomImage;\r\n"],"names":["props","_unsplashData$urls","_unsplashData$user","_unsplashData$user2","_unsplashData$user3","_unsplashData$user4","_unsplashData$user5","useDispatch","useSelector","selectUnsplashObject","unsplashObject","_props$height","height","_props$width","width","_props$borderRadius","borderRadius","_props$overlayIntensi","overlayIntensity","onImageClick","dispatch","unsplashData","_useState","useState","_useState2","_slicedToArray","isLoading","setIsLoading","_useState3","_useState4","isFetching","setIsFetching","_useState5","_useState6","error","setError","refreshImage","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","req","res_obj","regeneratorRuntime","wrap","_context","prev","next","abrupt","IN_DEV_MODE","fetch","concat","category","process","env","NEXT_PUBLIC_UNSPLASH_ACCESS_KEY","sent","ok","Error","status","statusText","json","unsplashDefaultObject","id","actions","add","t0","console","stop","apply","this","arguments","useEffect","_jsxs","className","style","background","color","children","_jsx","jsx","jsxs","onClick","disabled","Image","src","urls","regular","alt","alt_description","fill","sizes","priority","onLoad","objectFit","opacity","description","user","profile_image","small","name","Link","href","links","html","target","rel","location","created_at","dateString","date","Date","Intl","DateTimeFormat","year","month","day","format","formatDate","undefined","likes","title"],"mappings":"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"}