New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@boxyhq/react-ui
Advanced tools
@boxyhq/react-ui - npm Package Compare versions
Comparing version 3.3.3 to 3.3.4
@@ -1,2 +0,2 @@ | ||
| (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._container_ptl9n_1{display:flex;flex-direction:column;max-width:28rem}._label_ptl9n_7{margin-bottom:.375rem}._input_ptl9n_11{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_ptl9n_11:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._button_ptl9n_31{cursor:pointer;font-family:inherit;background-image:none;border-radius:.25rem;padding:.5rem 1rem;background-color:transparent;border:1px solid rgb(51,51,51);color:currentColor}._button_ptl9n_31:disabled{background:hsl(219 14% 28% / .2);color:#3333;border-color:currentColor;pointer-events:none}._button_ptl9n_31:hover:not(:disabled){background-color:#333;color:#fff}._button_ptl9n_31:focus-visible{outline:2px solid hsl(219 14% 22%);outline-offset:2px}._button_ptl9n_31:active:hover,._button_ptl9n_31:active:focus{transform:scale(.95)}._fieldContainer_189fl_1{display:flex;flex-direction:column}._fieldContainer_189fl_1+._fieldContainer_189fl_1{margin-top:1rem}._label_189fl_10{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_189fl_18{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_189fl_18:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_189fl_36{width:100%;height:6rem}._hint_189fl_41{font-size:.75rem;line-height:1rem}._button_189fl_46{margin-top:1.5rem}._labelWithAction_189fl_50{display:flex;align-items:center;justify-content:space-between}._labelWithAction_189fl_50 ._hint_189fl_41{text-decoration:underline}:root{--tw-border-opacity: 1;--tw-bg-opacity: 1}._fieldContainer_f4322_5{display:flex;flex-direction:column}._fieldContainer_f4322_5+._fieldContainer_f4322_5{margin-top:1rem}._label_f4322_14{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_f4322_22{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_f4322_22:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_f4322_40{width:100%;height:6rem}._radioContainer_f4322_45{flex-direction:row;align-items:center}._radioContainer_f4322_45>input{margin-left:1rem}._hint_f4322_54{font-size:.75rem;line-height:1rem}._button_f4322_59{margin-top:1.5rem}._labelWithAction_f4322_63{display:flex;align-items:center;justify-content:space-between}._labelWithAction_f4322_63 ._hint_f4322_54{text-decoration:underline}._formControl_3m1qm_1{display:flex;flex-direction:column}._container_3m1qm_6{margin-bottom:1rem;display:flex;align-items:center}._selectSSO_3m1qm_12{float:left;margin-right:.5rem;padding-top:.75rem;padding-bottom:.75rem}._idpId_3m1qm_19{margin:20px 0;align-items:center;justify-content:space-between}._label_3m1qm_25{display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:space-between;margin:0 16px 0 0;cursor:pointer;padding:8px 4px}._span_3m1qm_35{margin-left:4px;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}._radio_3m1qm_43{flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;height:1.5rem;width:1.5rem;border:.15rem solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center}._radio_3m1qm_43:before{content:"";width:.65rem;height:.65rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem currentColor}._radio_3m1qm_43:checked:before{transform:scale(1)}._radio_3m1qm_43:focus,._radio_3m1qm_43:checked{outline:max(2px,.15rem) solid currentColor;outline-offset:max(2px,.15rem)}._container_183yn_1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}._formControl_183yn_8{display:flex;flex-direction:column}._tableContainer_183yn_13{border-width:1px;border-radius:4px}._table_183yn_13{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));border-bottom-width:1px;border-color:rgb(209 213 219 / var(--tw-border-opacity))}._th_183yn_30,._td_183yn_31{padding:.75rem 1.5rem}._thead_183yn_35{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));font-size:12px;line-height:16px;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}._connectionListContainer_183yn_45{border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}._connectionListContainer_183yn_45:last-child{border-bottom-width:0px}._connectionListContainer_183yn_45:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}._badgeClass_183yn_60{margin-left:8px;text-transform:uppercase}._tableData_183yn_65{padding:0 24px;color:rgb(156 163 175 / var(--tw-text-opacity))}._spanIcon_183yn_70{display:inline-flex;align-items:baseline}._icon_183yn_75:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}._btnReset_1yl1v_1{display:inline-block;border:2px solid #25c2a0;padding:.5rem 1rem;margin:0;border-radius:.5rem;text-decoration:none;background:#fff;color:#25c2a0;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;transition:background .25s ease-in-out,transform .15s ease;-webkit-appearance:none;-moz-appearance:none}._btnReset_1yl1v_1:hover,._btnReset_1yl1v_1:focus{background:#2aa298;color:#fff}._btnReset_1yl1v_1:focus{outline:1px solid #fff;outline-offset:-4px}._btnReset_1yl1v_1:active{transform:scale(.99)}._flex_1yl1v_36{display:flex}._justify-between_1yl1v_40{justify-content:space-between}._input_1yl1v_44{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_1yl1v_44:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._label_6imzn_1{display:block;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#111827}@media (prefers-color-scheme: dark){._label_6imzn_1{color:#d1d5db}}._icon_hhevb_1{--s: 218 19% 23%;height:1.25rem;width:1.25rem;color:hsl(var(--s))}._icon_hhevb_1:hover{--tw-scale: 1.15;transform:scale(var(--tw-scale))}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})(); | ||
| (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._container_ptl9n_1{display:flex;flex-direction:column;max-width:28rem}._label_ptl9n_7{margin-bottom:.375rem}._input_ptl9n_11{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_ptl9n_11:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._button_ptl9n_31{cursor:pointer;font-family:inherit;background-image:none;border-radius:.25rem;padding:.5rem 1rem;background-color:transparent;border:1px solid rgb(51,51,51);color:currentColor}._button_ptl9n_31:disabled{background:hsl(219 14% 28% / .2);color:#3333;border-color:currentColor;pointer-events:none}._button_ptl9n_31:hover:not(:disabled){background-color:#333;color:#fff}._button_ptl9n_31:focus-visible{outline:2px solid hsl(219 14% 22%);outline-offset:2px}._button_ptl9n_31:active:hover,._button_ptl9n_31:active:focus{transform:scale(.95)}._fieldContainer_189fl_1{display:flex;flex-direction:column}._fieldContainer_189fl_1+._fieldContainer_189fl_1{margin-top:1rem}._label_189fl_10{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_189fl_18{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_189fl_18:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_189fl_36{width:100%;height:6rem}._hint_189fl_41{font-size:.75rem;line-height:1rem}._button_189fl_46{margin-top:1.5rem}._labelWithAction_189fl_50{display:flex;align-items:center;justify-content:space-between}._labelWithAction_189fl_50 ._hint_189fl_41{text-decoration:underline}:root{--tw-border-opacity: 1;--tw-bg-opacity: 1}._fieldContainer_f4322_5{display:flex;flex-direction:column}._fieldContainer_f4322_5+._fieldContainer_f4322_5{margin-top:1rem}._label_f4322_14{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_f4322_22{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_f4322_22:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_f4322_40{width:100%;height:6rem}._radioContainer_f4322_45{flex-direction:row;align-items:center}._radioContainer_f4322_45>input{margin-left:1rem}._hint_f4322_54{font-size:.75rem;line-height:1rem}._button_f4322_59{margin-top:1.5rem}._labelWithAction_f4322_63{display:flex;align-items:center;justify-content:space-between}._labelWithAction_f4322_63 ._hint_f4322_54{text-decoration:underline}._formControl_3m1qm_1{display:flex;flex-direction:column}._container_3m1qm_6{margin-bottom:1rem;display:flex;align-items:center}._selectSSO_3m1qm_12{float:left;margin-right:.5rem;padding-top:.75rem;padding-bottom:.75rem}._idpId_3m1qm_19{margin:20px 0;align-items:center;justify-content:space-between}._label_3m1qm_25{display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:space-between;margin:0 16px 0 0;cursor:pointer;padding:8px 4px}._span_3m1qm_35{margin-left:4px;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}._radio_3m1qm_43{flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;height:1.5rem;width:1.5rem;border:.15rem solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center}._radio_3m1qm_43:before{content:"";width:.65rem;height:.65rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem currentColor}._radio_3m1qm_43:checked:before{transform:scale(1)}._radio_3m1qm_43:focus,._radio_3m1qm_43:checked{outline:max(2px,.15rem) solid currentColor;outline-offset:max(2px,.15rem)}._container_yn5io_1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}._formControl_yn5io_8{display:flex;flex-direction:column}._tableContainer_yn5io_13{border-width:1px;border-radius:4px}._table_yn5io_13{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));border-bottom-width:1px;border-color:rgb(209 213 219 / var(--tw-border-opacity))}._tableCaption_yn5io_30{font-weight:500;font-size:.875rem;line-height:1.25rem;text-align:start}._th_yn5io_37,._td_yn5io_38{padding:.75rem 1.5rem}._thead_yn5io_42{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));font-size:12px;line-height:16px;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}._connectionListContainer_yn5io_52{border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}._connectionListContainer_yn5io_52:last-child{border-bottom-width:0px}._connectionListContainer_yn5io_52:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}._badgeClass_yn5io_67{margin-left:8px;text-transform:uppercase}._tableData_yn5io_72{padding:0 24px;color:rgb(156 163 175 / var(--tw-text-opacity))}._spanIcon_yn5io_77{display:inline-flex;align-items:baseline}._icon_yn5io_82:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}._btnReset_1yl1v_1{display:inline-block;border:2px solid #25c2a0;padding:.5rem 1rem;margin:0;border-radius:.5rem;text-decoration:none;background:#fff;color:#25c2a0;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;transition:background .25s ease-in-out,transform .15s ease;-webkit-appearance:none;-moz-appearance:none}._btnReset_1yl1v_1:hover,._btnReset_1yl1v_1:focus{background:#2aa298;color:#fff}._btnReset_1yl1v_1:focus{outline:1px solid #fff;outline-offset:-4px}._btnReset_1yl1v_1:active{transform:scale(.99)}._flex_1yl1v_36{display:flex}._justify-between_1yl1v_40{justify-content:space-between}._input_1yl1v_44{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_1yl1v_44:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._label_6imzn_1{display:block;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#111827}@media (prefers-color-scheme: dark){._label_6imzn_1{color:#d1d5db}}._icon_hhevb_1{--s: 218 19% 23%;height:1.25rem;width:1.25rem;color:hsl(var(--s))}._icon_hhevb_1:hover{--tw-scale: 1.15;transform:scale(var(--tw-scale))}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})(); | ||
| import we, { useState as ur } from "react"; | ||
@@ -3,0 +3,0 @@ var Z = { exports: {} }, I = {}; |
@@ -1,2 +0,2 @@ | ||
| (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._container_ptl9n_1{display:flex;flex-direction:column;max-width:28rem}._label_ptl9n_7{margin-bottom:.375rem}._input_ptl9n_11{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_ptl9n_11:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._button_ptl9n_31{cursor:pointer;font-family:inherit;background-image:none;border-radius:.25rem;padding:.5rem 1rem;background-color:transparent;border:1px solid rgb(51,51,51);color:currentColor}._button_ptl9n_31:disabled{background:hsl(219 14% 28% / .2);color:#3333;border-color:currentColor;pointer-events:none}._button_ptl9n_31:hover:not(:disabled){background-color:#333;color:#fff}._button_ptl9n_31:focus-visible{outline:2px solid hsl(219 14% 22%);outline-offset:2px}._button_ptl9n_31:active:hover,._button_ptl9n_31:active:focus{transform:scale(.95)}._fieldContainer_189fl_1{display:flex;flex-direction:column}._fieldContainer_189fl_1+._fieldContainer_189fl_1{margin-top:1rem}._label_189fl_10{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_189fl_18{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_189fl_18:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_189fl_36{width:100%;height:6rem}._hint_189fl_41{font-size:.75rem;line-height:1rem}._button_189fl_46{margin-top:1.5rem}._labelWithAction_189fl_50{display:flex;align-items:center;justify-content:space-between}._labelWithAction_189fl_50 ._hint_189fl_41{text-decoration:underline}:root{--tw-border-opacity: 1;--tw-bg-opacity: 1}._fieldContainer_f4322_5{display:flex;flex-direction:column}._fieldContainer_f4322_5+._fieldContainer_f4322_5{margin-top:1rem}._label_f4322_14{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_f4322_22{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_f4322_22:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_f4322_40{width:100%;height:6rem}._radioContainer_f4322_45{flex-direction:row;align-items:center}._radioContainer_f4322_45>input{margin-left:1rem}._hint_f4322_54{font-size:.75rem;line-height:1rem}._button_f4322_59{margin-top:1.5rem}._labelWithAction_f4322_63{display:flex;align-items:center;justify-content:space-between}._labelWithAction_f4322_63 ._hint_f4322_54{text-decoration:underline}._formControl_3m1qm_1{display:flex;flex-direction:column}._container_3m1qm_6{margin-bottom:1rem;display:flex;align-items:center}._selectSSO_3m1qm_12{float:left;margin-right:.5rem;padding-top:.75rem;padding-bottom:.75rem}._idpId_3m1qm_19{margin:20px 0;align-items:center;justify-content:space-between}._label_3m1qm_25{display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:space-between;margin:0 16px 0 0;cursor:pointer;padding:8px 4px}._span_3m1qm_35{margin-left:4px;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}._radio_3m1qm_43{flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;height:1.5rem;width:1.5rem;border:.15rem solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center}._radio_3m1qm_43:before{content:"";width:.65rem;height:.65rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem currentColor}._radio_3m1qm_43:checked:before{transform:scale(1)}._radio_3m1qm_43:focus,._radio_3m1qm_43:checked{outline:max(2px,.15rem) solid currentColor;outline-offset:max(2px,.15rem)}._container_183yn_1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}._formControl_183yn_8{display:flex;flex-direction:column}._tableContainer_183yn_13{border-width:1px;border-radius:4px}._table_183yn_13{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));border-bottom-width:1px;border-color:rgb(209 213 219 / var(--tw-border-opacity))}._th_183yn_30,._td_183yn_31{padding:.75rem 1.5rem}._thead_183yn_35{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));font-size:12px;line-height:16px;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}._connectionListContainer_183yn_45{border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}._connectionListContainer_183yn_45:last-child{border-bottom-width:0px}._connectionListContainer_183yn_45:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}._badgeClass_183yn_60{margin-left:8px;text-transform:uppercase}._tableData_183yn_65{padding:0 24px;color:rgb(156 163 175 / var(--tw-text-opacity))}._spanIcon_183yn_70{display:inline-flex;align-items:baseline}._icon_183yn_75:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}._btnReset_1yl1v_1{display:inline-block;border:2px solid #25c2a0;padding:.5rem 1rem;margin:0;border-radius:.5rem;text-decoration:none;background:#fff;color:#25c2a0;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;transition:background .25s ease-in-out,transform .15s ease;-webkit-appearance:none;-moz-appearance:none}._btnReset_1yl1v_1:hover,._btnReset_1yl1v_1:focus{background:#2aa298;color:#fff}._btnReset_1yl1v_1:focus{outline:1px solid #fff;outline-offset:-4px}._btnReset_1yl1v_1:active{transform:scale(.99)}._flex_1yl1v_36{display:flex}._justify-between_1yl1v_40{justify-content:space-between}._input_1yl1v_44{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_1yl1v_44:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._label_6imzn_1{display:block;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#111827}@media (prefers-color-scheme: dark){._label_6imzn_1{color:#d1d5db}}._icon_hhevb_1{--s: 218 19% 23%;height:1.25rem;width:1.25rem;color:hsl(var(--s))}._icon_hhevb_1:hover{--tw-scale: 1.15;transform:scale(var(--tw-scale))}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})(); | ||
| (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._container_ptl9n_1{display:flex;flex-direction:column;max-width:28rem}._label_ptl9n_7{margin-bottom:.375rem}._input_ptl9n_11{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_ptl9n_11:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._button_ptl9n_31{cursor:pointer;font-family:inherit;background-image:none;border-radius:.25rem;padding:.5rem 1rem;background-color:transparent;border:1px solid rgb(51,51,51);color:currentColor}._button_ptl9n_31:disabled{background:hsl(219 14% 28% / .2);color:#3333;border-color:currentColor;pointer-events:none}._button_ptl9n_31:hover:not(:disabled){background-color:#333;color:#fff}._button_ptl9n_31:focus-visible{outline:2px solid hsl(219 14% 22%);outline-offset:2px}._button_ptl9n_31:active:hover,._button_ptl9n_31:active:focus{transform:scale(.95)}._fieldContainer_189fl_1{display:flex;flex-direction:column}._fieldContainer_189fl_1+._fieldContainer_189fl_1{margin-top:1rem}._label_189fl_10{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_189fl_18{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_189fl_18:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_189fl_36{width:100%;height:6rem}._hint_189fl_41{font-size:.75rem;line-height:1rem}._button_189fl_46{margin-top:1.5rem}._labelWithAction_189fl_50{display:flex;align-items:center;justify-content:space-between}._labelWithAction_189fl_50 ._hint_189fl_41{text-decoration:underline}:root{--tw-border-opacity: 1;--tw-bg-opacity: 1}._fieldContainer_f4322_5{display:flex;flex-direction:column}._fieldContainer_f4322_5+._fieldContainer_f4322_5{margin-top:1rem}._label_f4322_14{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_f4322_22{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_f4322_22:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_f4322_40{width:100%;height:6rem}._radioContainer_f4322_45{flex-direction:row;align-items:center}._radioContainer_f4322_45>input{margin-left:1rem}._hint_f4322_54{font-size:.75rem;line-height:1rem}._button_f4322_59{margin-top:1.5rem}._labelWithAction_f4322_63{display:flex;align-items:center;justify-content:space-between}._labelWithAction_f4322_63 ._hint_f4322_54{text-decoration:underline}._formControl_3m1qm_1{display:flex;flex-direction:column}._container_3m1qm_6{margin-bottom:1rem;display:flex;align-items:center}._selectSSO_3m1qm_12{float:left;margin-right:.5rem;padding-top:.75rem;padding-bottom:.75rem}._idpId_3m1qm_19{margin:20px 0;align-items:center;justify-content:space-between}._label_3m1qm_25{display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:space-between;margin:0 16px 0 0;cursor:pointer;padding:8px 4px}._span_3m1qm_35{margin-left:4px;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}._radio_3m1qm_43{flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;height:1.5rem;width:1.5rem;border:.15rem solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center}._radio_3m1qm_43:before{content:"";width:.65rem;height:.65rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem currentColor}._radio_3m1qm_43:checked:before{transform:scale(1)}._radio_3m1qm_43:focus,._radio_3m1qm_43:checked{outline:max(2px,.15rem) solid currentColor;outline-offset:max(2px,.15rem)}._container_yn5io_1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}._formControl_yn5io_8{display:flex;flex-direction:column}._tableContainer_yn5io_13{border-width:1px;border-radius:4px}._table_yn5io_13{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));border-bottom-width:1px;border-color:rgb(209 213 219 / var(--tw-border-opacity))}._tableCaption_yn5io_30{font-weight:500;font-size:.875rem;line-height:1.25rem;text-align:start}._th_yn5io_37,._td_yn5io_38{padding:.75rem 1.5rem}._thead_yn5io_42{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));font-size:12px;line-height:16px;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}._connectionListContainer_yn5io_52{border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}._connectionListContainer_yn5io_52:last-child{border-bottom-width:0px}._connectionListContainer_yn5io_52:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}._badgeClass_yn5io_67{margin-left:8px;text-transform:uppercase}._tableData_yn5io_72{padding:0 24px;color:rgb(156 163 175 / var(--tw-text-opacity))}._spanIcon_yn5io_77{display:inline-flex;align-items:baseline}._icon_yn5io_82:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}._btnReset_1yl1v_1{display:inline-block;border:2px solid #25c2a0;padding:.5rem 1rem;margin:0;border-radius:.5rem;text-decoration:none;background:#fff;color:#25c2a0;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;transition:background .25s ease-in-out,transform .15s ease;-webkit-appearance:none;-moz-appearance:none}._btnReset_1yl1v_1:hover,._btnReset_1yl1v_1:focus{background:#2aa298;color:#fff}._btnReset_1yl1v_1:focus{outline:1px solid #fff;outline-offset:-4px}._btnReset_1yl1v_1:active{transform:scale(.99)}._flex_1yl1v_36{display:flex}._justify-between_1yl1v_40{justify-content:space-between}._input_1yl1v_44{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_1yl1v_44:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._label_6imzn_1{display:block;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#111827}@media (prefers-color-scheme: dark){._label_6imzn_1{color:#d1d5db}}._icon_hhevb_1{--s: 218 19% 23%;height:1.25rem;width:1.25rem;color:hsl(var(--s))}._icon_hhevb_1:hover{--tw-scale: 1.15;transform:scale(var(--tw-scale))}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})(); | ||
| import { C as r, I as a } from "./index-bb69131f.js"; | ||
@@ -3,0 +3,0 @@ import "react"; |
444
dist/sso.js
@@ -1,13 +0,13 @@ | ||
| (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._container_ptl9n_1{display:flex;flex-direction:column;max-width:28rem}._label_ptl9n_7{margin-bottom:.375rem}._input_ptl9n_11{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_ptl9n_11:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._button_ptl9n_31{cursor:pointer;font-family:inherit;background-image:none;border-radius:.25rem;padding:.5rem 1rem;background-color:transparent;border:1px solid rgb(51,51,51);color:currentColor}._button_ptl9n_31:disabled{background:hsl(219 14% 28% / .2);color:#3333;border-color:currentColor;pointer-events:none}._button_ptl9n_31:hover:not(:disabled){background-color:#333;color:#fff}._button_ptl9n_31:focus-visible{outline:2px solid hsl(219 14% 22%);outline-offset:2px}._button_ptl9n_31:active:hover,._button_ptl9n_31:active:focus{transform:scale(.95)}._fieldContainer_189fl_1{display:flex;flex-direction:column}._fieldContainer_189fl_1+._fieldContainer_189fl_1{margin-top:1rem}._label_189fl_10{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_189fl_18{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_189fl_18:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_189fl_36{width:100%;height:6rem}._hint_189fl_41{font-size:.75rem;line-height:1rem}._button_189fl_46{margin-top:1.5rem}._labelWithAction_189fl_50{display:flex;align-items:center;justify-content:space-between}._labelWithAction_189fl_50 ._hint_189fl_41{text-decoration:underline}:root{--tw-border-opacity: 1;--tw-bg-opacity: 1}._fieldContainer_f4322_5{display:flex;flex-direction:column}._fieldContainer_f4322_5+._fieldContainer_f4322_5{margin-top:1rem}._label_f4322_14{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_f4322_22{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_f4322_22:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_f4322_40{width:100%;height:6rem}._radioContainer_f4322_45{flex-direction:row;align-items:center}._radioContainer_f4322_45>input{margin-left:1rem}._hint_f4322_54{font-size:.75rem;line-height:1rem}._button_f4322_59{margin-top:1.5rem}._labelWithAction_f4322_63{display:flex;align-items:center;justify-content:space-between}._labelWithAction_f4322_63 ._hint_f4322_54{text-decoration:underline}._formControl_3m1qm_1{display:flex;flex-direction:column}._container_3m1qm_6{margin-bottom:1rem;display:flex;align-items:center}._selectSSO_3m1qm_12{float:left;margin-right:.5rem;padding-top:.75rem;padding-bottom:.75rem}._idpId_3m1qm_19{margin:20px 0;align-items:center;justify-content:space-between}._label_3m1qm_25{display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:space-between;margin:0 16px 0 0;cursor:pointer;padding:8px 4px}._span_3m1qm_35{margin-left:4px;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}._radio_3m1qm_43{flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;height:1.5rem;width:1.5rem;border:.15rem solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center}._radio_3m1qm_43:before{content:"";width:.65rem;height:.65rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem currentColor}._radio_3m1qm_43:checked:before{transform:scale(1)}._radio_3m1qm_43:focus,._radio_3m1qm_43:checked{outline:max(2px,.15rem) solid currentColor;outline-offset:max(2px,.15rem)}._container_183yn_1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}._formControl_183yn_8{display:flex;flex-direction:column}._tableContainer_183yn_13{border-width:1px;border-radius:4px}._table_183yn_13{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));border-bottom-width:1px;border-color:rgb(209 213 219 / var(--tw-border-opacity))}._th_183yn_30,._td_183yn_31{padding:.75rem 1.5rem}._thead_183yn_35{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));font-size:12px;line-height:16px;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}._connectionListContainer_183yn_45{border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}._connectionListContainer_183yn_45:last-child{border-bottom-width:0px}._connectionListContainer_183yn_45:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}._badgeClass_183yn_60{margin-left:8px;text-transform:uppercase}._tableData_183yn_65{padding:0 24px;color:rgb(156 163 175 / var(--tw-text-opacity))}._spanIcon_183yn_70{display:inline-flex;align-items:baseline}._icon_183yn_75:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}._btnReset_1yl1v_1{display:inline-block;border:2px solid #25c2a0;padding:.5rem 1rem;margin:0;border-radius:.5rem;text-decoration:none;background:#fff;color:#25c2a0;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;transition:background .25s ease-in-out,transform .15s ease;-webkit-appearance:none;-moz-appearance:none}._btnReset_1yl1v_1:hover,._btnReset_1yl1v_1:focus{background:#2aa298;color:#fff}._btnReset_1yl1v_1:focus{outline:1px solid #fff;outline-offset:-4px}._btnReset_1yl1v_1:active{transform:scale(.99)}._flex_1yl1v_36{display:flex}._justify-between_1yl1v_40{justify-content:space-between}._input_1yl1v_44{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_1yl1v_44:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._label_6imzn_1{display:block;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#111827}@media (prefers-color-scheme: dark){._label_6imzn_1{color:#d1d5db}}._icon_hhevb_1{--s: 218 19% 23%;height:1.25rem;width:1.25rem;color:hsl(var(--s))}._icon_hhevb_1:hover{--tw-scale: 1.15;transform:scale(var(--tw-scale))}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})(); | ||
| import { j as e, I as W, a as z } from "./index-bb69131f.js"; | ||
| import { useState as U, useEffect as V } from "react"; | ||
| const B = (n, h) => `boxyhq-${n}-${h}`, O = (n, h) => { | ||
| let C = ""; | ||
| return C = B(n, h), C; | ||
| }, i = (n = "", h = "") => n || h, H = "_container_ptl9n_1", X = "_label_ptl9n_7", J = "_input_ptl9n_11", Z = "_button_ptl9n_31", D = { | ||
| container: H, | ||
| label: X, | ||
| input: J, | ||
| button: Z | ||
| }, $ = "sso", P = { | ||
| (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('._container_ptl9n_1{display:flex;flex-direction:column;max-width:28rem}._label_ptl9n_7{margin-bottom:.375rem}._input_ptl9n_11{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_ptl9n_11:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._button_ptl9n_31{cursor:pointer;font-family:inherit;background-image:none;border-radius:.25rem;padding:.5rem 1rem;background-color:transparent;border:1px solid rgb(51,51,51);color:currentColor}._button_ptl9n_31:disabled{background:hsl(219 14% 28% / .2);color:#3333;border-color:currentColor;pointer-events:none}._button_ptl9n_31:hover:not(:disabled){background-color:#333;color:#fff}._button_ptl9n_31:focus-visible{outline:2px solid hsl(219 14% 22%);outline-offset:2px}._button_ptl9n_31:active:hover,._button_ptl9n_31:active:focus{transform:scale(.95)}._fieldContainer_189fl_1{display:flex;flex-direction:column}._fieldContainer_189fl_1+._fieldContainer_189fl_1{margin-top:1rem}._label_189fl_10{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_189fl_18{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_189fl_18:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_189fl_36{width:100%;height:6rem}._hint_189fl_41{font-size:.75rem;line-height:1rem}._button_189fl_46{margin-top:1.5rem}._labelWithAction_189fl_50{display:flex;align-items:center;justify-content:space-between}._labelWithAction_189fl_50 ._hint_189fl_41{text-decoration:underline}:root{--tw-border-opacity: 1;--tw-bg-opacity: 1}._fieldContainer_f4322_5{display:flex;flex-direction:column}._fieldContainer_f4322_5+._fieldContainer_f4322_5{margin-top:1rem}._label_f4322_14{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem}._input_f4322_22{flex-shrink:1;height:3rem;padding:.5rem 1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:#181a2a;background-color:#fff;border-radius:.25rem}._input_f4322_22:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._textarea_f4322_40{width:100%;height:6rem}._radioContainer_f4322_45{flex-direction:row;align-items:center}._radioContainer_f4322_45>input{margin-left:1rem}._hint_f4322_54{font-size:.75rem;line-height:1rem}._button_f4322_59{margin-top:1.5rem}._labelWithAction_f4322_63{display:flex;align-items:center;justify-content:space-between}._labelWithAction_f4322_63 ._hint_f4322_54{text-decoration:underline}._formControl_3m1qm_1{display:flex;flex-direction:column}._container_3m1qm_6{margin-bottom:1rem;display:flex;align-items:center}._selectSSO_3m1qm_12{float:left;margin-right:.5rem;padding-top:.75rem;padding-bottom:.75rem}._idpId_3m1qm_19{margin:20px 0;align-items:center;justify-content:space-between}._label_3m1qm_25{display:flex;-webkit-user-select:none;user-select:none;align-items:center;justify-content:space-between;margin:0 16px 0 0;cursor:pointer;padding:8px 4px}._span_3m1qm_35{margin-left:4px;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}._radio_3m1qm_43{flex-shrink:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;height:1.5rem;width:1.5rem;border:.15rem solid currentColor;border-radius:50%;transform:translateY(-.075rem);display:grid;place-content:center}._radio_3m1qm_43:before{content:"";width:.65rem;height:.65rem;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;box-shadow:inset 1rem 1rem currentColor}._radio_3m1qm_43:checked:before{transform:scale(1)}._radio_3m1qm_43:focus,._radio_3m1qm_43:checked{outline:max(2px,.15rem) solid currentColor;outline-offset:max(2px,.15rem)}._container_yn5io_1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}._formControl_yn5io_8{display:flex;flex-direction:column}._tableContainer_yn5io_13{border-width:1px;border-radius:4px}._table_yn5io_13{border-collapse:collapse;width:100%;text-align:left;font-size:14px;line-height:20px;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity));border-bottom-width:1px;border-color:rgb(209 213 219 / var(--tw-border-opacity))}._tableCaption_yn5io_30{font-weight:500;font-size:.875rem;line-height:1.25rem;text-align:start}._th_yn5io_37,._td_yn5io_38{padding:.75rem 1.5rem}._thead_yn5io_42{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));font-size:12px;line-height:16px;text-transform:uppercase;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}._connectionListContainer_yn5io_52{border-bottom-width:1px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}._connectionListContainer_yn5io_52:last-child{border-bottom-width:0px}._connectionListContainer_yn5io_52:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}._badgeClass_yn5io_67{margin-left:8px;text-transform:uppercase}._tableData_yn5io_72{padding:0 24px;color:rgb(156 163 175 / var(--tw-text-opacity))}._spanIcon_yn5io_77{display:inline-flex;align-items:baseline}._icon_yn5io_82:hover{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}._btnReset_1yl1v_1{display:inline-block;border:2px solid #25c2a0;padding:.5rem 1rem;margin:0;border-radius:.5rem;text-decoration:none;background:#fff;color:#25c2a0;font-family:sans-serif;font-size:1rem;cursor:pointer;text-align:center;transition:background .25s ease-in-out,transform .15s ease;-webkit-appearance:none;-moz-appearance:none}._btnReset_1yl1v_1:hover,._btnReset_1yl1v_1:focus{background:#2aa298;color:#fff}._btnReset_1yl1v_1:focus{outline:1px solid #fff;outline-offset:-4px}._btnReset_1yl1v_1:active{transform:scale(.99)}._flex_1yl1v_36{display:flex}._justify-between_1yl1v_40{justify-content:space-between}._input_1yl1v_44{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-radius:.375rem;border-width:1px;border-color:#ebedf0;border-style:solid;padding:.5rem .75rem;font-size:1rem;margin-top:1px;outline:none;margin-bottom:1rem}._input_1yl1v_44:focus{outline:2px solid hsl(0 0% 20%/ .2);outline-offset:2px}._label_6imzn_1{display:block;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#111827}@media (prefers-color-scheme: dark){._label_6imzn_1{color:#d1d5db}}._icon_hhevb_1{--s: 218 19% 23%;height:1.25rem;width:1.25rem;color:hsl(var(--s))}._icon_hhevb_1:hover{--tw-scale: 1.15;transform:scale(var(--tw-scale))}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})(); | ||
| import { j as e, I as z, a as V } from "./index-bb69131f.js"; | ||
| import { useState as F, useEffect as B } from "react"; | ||
| const H = (n, h) => `boxyhq-${n}-${h}`, $ = (n, h) => { | ||
| let j = ""; | ||
| return j = H(n, h), j; | ||
| }, s = (n = "", h = "") => n || h, X = "_container_ptl9n_1", J = "_label_ptl9n_7", Z = "_input_ptl9n_11", Y = "_button_ptl9n_31", D = { | ||
| container: X, | ||
| label: J, | ||
| input: Z, | ||
| button: Y | ||
| }, E = "sso", P = { | ||
| ssoIdentifier: "", | ||
@@ -18,11 +18,11 @@ inputLabel: "Tenant", | ||
| }; | ||
| function Te(n) { | ||
| function We(n) { | ||
| var l, d, u, m, v, _, L, S; | ||
| const [h, C] = U( | ||
| const [h, j] = F( | ||
| () => P.ssoIdentifier | ||
| ), [o, I] = U(() => ""), [x, f] = U(() => !1); | ||
| ), [o, I] = F(() => ""), [x, f] = F(() => !1); | ||
| function c() { | ||
| return !!o; | ||
| } | ||
| function b() { | ||
| function C() { | ||
| return !(h || n.ssoIdentifier) || x; | ||
@@ -34,17 +34,17 @@ } | ||
| function p() { | ||
| return O($, "input"); | ||
| return $(E, "input"); | ||
| } | ||
| function a() { | ||
| return O($, "span"); | ||
| return $(E, "span"); | ||
| } | ||
| function s() { | ||
| function i() { | ||
| var g, w, M, A; | ||
| return { | ||
| container: i( | ||
| container: s( | ||
| (g = n.classNames) == null ? void 0 : g.container, | ||
| D.container | ||
| ), | ||
| label: i((w = n.classNames) == null ? void 0 : w.label, D.label), | ||
| input: i((M = n.classNames) == null ? void 0 : M.input, D.input), | ||
| button: i( | ||
| label: s((w = n.classNames) == null ? void 0 : w.label, D.label), | ||
| input: s((M = n.classNames) == null ? void 0 : M.input, D.input), | ||
| button: s( | ||
| (A = n.classNames) == null ? void 0 : A.button, | ||
@@ -55,5 +55,5 @@ D.button | ||
| } | ||
| function j(g) { | ||
| function b(g) { | ||
| var w; | ||
| I(""), C((w = g.currentTarget) == null ? void 0 : w.value); | ||
| I(""), j((w = g.currentTarget) == null ? void 0 : w.value); | ||
| } | ||
@@ -74,3 +74,3 @@ function t(g) { | ||
| style: (l = n.styles) == null ? void 0 : l.container, | ||
| className: s().container, | ||
| className: i().container, | ||
| ...(d = n.innerProps) == null ? void 0 : d.container, | ||
@@ -84,3 +84,3 @@ children: [ | ||
| style: (u = n.styles) == null ? void 0 : u.label, | ||
| className: s().label, | ||
| className: i().label, | ||
| ...(m = n.innerProps) == null ? void 0 : m.label, | ||
@@ -96,5 +96,5 @@ children: n.inputLabel || P.inputLabel | ||
| placeholder: n.placeholder || P.placeholder, | ||
| onInput: (g) => j(g), | ||
| onInput: (g) => b(g), | ||
| style: (v = n.styles) == null ? void 0 : v.input, | ||
| className: s().input, | ||
| className: i().input, | ||
| "aria-invalid": c(), | ||
@@ -111,6 +111,6 @@ "aria-describedby": a(), | ||
| type: "button", | ||
| disabled: b(), | ||
| disabled: C(), | ||
| onClick: (g) => t(g), | ||
| style: (L = n.styles) == null ? void 0 : L.button, | ||
| className: s().button, | ||
| className: i().button, | ||
| ...(S = n.innerProps) == null ? void 0 : S.button, | ||
@@ -124,6 +124,6 @@ children: n.buttonText || P.buttonText | ||
| } | ||
| const q = async ({ | ||
| const W = async ({ | ||
| formObj: n, | ||
| isEditView: h, | ||
| connectionIsSAML: C, | ||
| connectionIsSAML: j, | ||
| connectionIsOIDC: o, | ||
@@ -136,8 +136,8 @@ callback: I, | ||
| redirectUrl: c, | ||
| oidcDiscoveryUrl: b, | ||
| oidcDiscoveryUrl: C, | ||
| oidcMetadata: r, | ||
| oidcClientId: p, | ||
| oidcClientSecret: a, | ||
| metadataUrl: s, | ||
| ...j | ||
| metadataUrl: i, | ||
| ...b | ||
| } = n, t = window.btoa(f || ""), l = c == null ? void 0 : c.split(/\r\n|\r|\n/), d = await fetch(x, { | ||
@@ -149,5 +149,5 @@ method: h ? "PATCH" : "POST", | ||
| body: JSON.stringify({ | ||
| ...j, | ||
| encodedRawMetadata: C ? t : void 0, | ||
| oidcDiscoveryUrl: o ? b : void 0, | ||
| ...b, | ||
| encodedRawMetadata: j ? t : void 0, | ||
| oidcDiscoveryUrl: o ? C : void 0, | ||
| oidcMetadata: o ? r : void 0, | ||
@@ -157,17 +157,17 @@ oidcClientId: o ? p : void 0, | ||
| redirectUrl: c && l ? JSON.stringify(l) : void 0, | ||
| metadataUrl: C ? s : void 0 | ||
| metadataUrl: j ? i : void 0 | ||
| }) | ||
| }); | ||
| I(d); | ||
| }, Y = "_fieldContainer_189fl_1", G = "_label_189fl_10", K = "_input_189fl_18", Q = "_textarea_189fl_36", ee = "_hint_189fl_41", ne = "_button_189fl_46", te = "_labelWithAction_189fl_50", y = { | ||
| fieldContainer: Y, | ||
| label: G, | ||
| input: K, | ||
| textarea: Q, | ||
| hint: ee, | ||
| button: ne, | ||
| labelWithAction: te | ||
| }, ae = { | ||
| }, G = "_fieldContainer_189fl_1", K = "_label_189fl_10", Q = "_input_189fl_18", ee = "_textarea_189fl_36", ne = "_hint_189fl_41", te = "_button_189fl_46", ae = "_labelWithAction_189fl_50", y = { | ||
| fieldContainer: G, | ||
| label: K, | ||
| input: Q, | ||
| textarea: ee, | ||
| hint: ne, | ||
| button: te, | ||
| labelWithAction: ae | ||
| }, le = { | ||
| variant: "basic" | ||
| }, E = { | ||
| }, T = { | ||
| oidcConnection: { | ||
@@ -190,10 +190,10 @@ name: "", | ||
| }; | ||
| function le(n) { | ||
| const [h, C] = U(() => !1), [o, I] = U( | ||
| () => E.oidcConnection | ||
| ), [x, f] = U(() => !0); | ||
| function ie(n) { | ||
| const [h, j] = F(() => !1), [o, I] = F( | ||
| () => T.oidcConnection | ||
| ), [x, f] = F(() => !0); | ||
| function c() { | ||
| f(!x); | ||
| } | ||
| function b(t, l) { | ||
| function C(t, l) { | ||
| return { | ||
@@ -207,11 +207,11 @@ ...o, | ||
| const d = t.target.name, u = (m = t.currentTarget) == null ? void 0 : m.value; | ||
| I(b(d, u)); | ||
| I(C(d, u)); | ||
| } | ||
| function p(t) { | ||
| (async function(l) { | ||
| l.preventDefault(), C(!0); | ||
| l.preventDefault(), j(!0); | ||
| const d = {}; | ||
| Object.entries(o).map(([u, m]) => { | ||
| u.startsWith("oidcMetadata.") ? (d.oidcMetadata === void 0 && (d.oidcMetadata = {}), d.oidcMetadata[u.replace("oidcMetadata.", "")] = m) : d[u] = m; | ||
| }), await q({ | ||
| }), await W({ | ||
| url: n.urls.save, | ||
@@ -221,3 +221,3 @@ formObj: d, | ||
| callback: async (u) => { | ||
| C(!1), I(E.oidcConnection); | ||
| j(!1), I(T.oidcConnection); | ||
| const m = await u.json(); | ||
@@ -236,18 +236,18 @@ if ("error" in m) { | ||
| return { | ||
| form: i((t = n.classNames) == null ? void 0 : t.form, y.form), | ||
| fieldContainer: i( | ||
| form: s((t = n.classNames) == null ? void 0 : t.form, y.form), | ||
| fieldContainer: s( | ||
| (l = n.classNames) == null ? void 0 : l.fieldContainer, | ||
| y.fieldContainer | ||
| ), | ||
| container: i( | ||
| container: s( | ||
| (d = n.classNames) == null ? void 0 : d.container, | ||
| y.container | ||
| ), | ||
| label: i((u = n.classNames) == null ? void 0 : u.label, y.label), | ||
| input: i((m = n.classNames) == null ? void 0 : m.input, y.input), | ||
| textarea: i( | ||
| label: s((u = n.classNames) == null ? void 0 : u.label, y.label), | ||
| input: s((m = n.classNames) == null ? void 0 : m.input, y.input), | ||
| textarea: s( | ||
| (v = n.classNames) == null ? void 0 : v.input, | ||
| y.input + " " + y.textarea | ||
| ), | ||
| button: i( | ||
| button: s( | ||
| (_ = n.classNames) == null ? void 0 : _.button, | ||
@@ -258,6 +258,6 @@ y.button | ||
| } | ||
| function s() { | ||
| return n.variant || ae.variant; | ||
| function i() { | ||
| return n.variant || le.variant; | ||
| } | ||
| function j(t) { | ||
| function b(t) { | ||
| var l; | ||
@@ -275,4 +275,4 @@ return !!((l = n.excludeFields) != null && l.includes( | ||
| children: [ | ||
| s() === "advanced" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [ | ||
| j("name") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| i() === "advanced" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [ | ||
| b("name") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "name", className: a().label, children: "Connection name (Optional)" }), | ||
@@ -293,3 +293,3 @@ /* @__PURE__ */ e.jsx( | ||
| ] }) }), | ||
| j("description") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| b("description") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "description", className: a().label, children: "Description" }), | ||
@@ -311,3 +311,3 @@ /* @__PURE__ */ e.jsx( | ||
| ] }) }), | ||
| j("tenant") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| b("tenant") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "tenant", className: a().label, children: "Tenant" }), | ||
@@ -329,3 +329,3 @@ /* @__PURE__ */ e.jsx( | ||
| ] }) }), | ||
| j("product") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| b("product") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "product", className: a().label, children: "Product" }), | ||
@@ -345,3 +345,3 @@ /* @__PURE__ */ e.jsx( | ||
| ] }) }), | ||
| j("redirectUrl") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| b("redirectUrl") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "redirectUrl", className: a().label, children: "Allowed redirect URLs (newline separated)" }), | ||
@@ -362,3 +362,3 @@ /* @__PURE__ */ e.jsx( | ||
| ] }) }), | ||
| j("defaultRedirectUrl") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| b("defaultRedirectUrl") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: a().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "defaultRedirectUrl", className: a().label, children: "Default redirect URL" }), | ||
@@ -529,14 +529,14 @@ /* @__PURE__ */ e.jsx( | ||
| } | ||
| const se = "_fieldContainer_f4322_5", ie = "_label_f4322_14", ce = "_input_f4322_22", re = "_textarea_f4322_40", oe = "_radioContainer_f4322_45", de = "_hint_f4322_54", ue = "_button_f4322_59", me = "_labelWithAction_f4322_63", N = { | ||
| const se = "_fieldContainer_f4322_5", ce = "_label_f4322_14", re = "_input_f4322_22", oe = "_textarea_f4322_40", de = "_radioContainer_f4322_45", ue = "_hint_f4322_54", me = "_button_f4322_59", he = "_labelWithAction_f4322_63", N = { | ||
| fieldContainer: se, | ||
| label: ie, | ||
| input: ce, | ||
| textarea: re, | ||
| radioContainer: oe, | ||
| hint: de, | ||
| button: ue, | ||
| labelWithAction: me | ||
| }, he = { | ||
| label: ce, | ||
| input: re, | ||
| textarea: oe, | ||
| radioContainer: de, | ||
| hint: ue, | ||
| button: me, | ||
| labelWithAction: he | ||
| }, xe = { | ||
| variant: "basic" | ||
| }, T = { | ||
| }, q = { | ||
| samlConnection: { | ||
@@ -554,11 +554,11 @@ name: "", | ||
| }; | ||
| function xe(n) { | ||
| const [h, C] = U(() => !1), [o, I] = U(() => !0); | ||
| function fe(n) { | ||
| const [h, j] = F(() => !1), [o, I] = F(() => !0); | ||
| function x() { | ||
| I(!o); | ||
| } | ||
| const [f, c] = U( | ||
| () => T.samlConnection | ||
| const [f, c] = F( | ||
| () => q.samlConnection | ||
| ); | ||
| function b(t, l) { | ||
| function C(t, l) { | ||
| return { | ||
@@ -571,7 +571,7 @@ ...f, | ||
| const l = t.target, d = l.name, u = d !== "forceAuthn" ? l.value : l.checked; | ||
| c(b(d, u)); | ||
| c(C(d, u)); | ||
| } | ||
| function p(t) { | ||
| (async function(l) { | ||
| l.preventDefault(), C(!0), await q({ | ||
| l.preventDefault(), j(!0), await W({ | ||
| url: n.urls.save, | ||
@@ -586,3 +586,3 @@ formObj: n.variant === "advanced" ? { | ||
| callback: async (d) => { | ||
| C(!1), c(T.samlConnection); | ||
| j(!1), c(q.samlConnection); | ||
| const u = await d.json(); | ||
@@ -599,27 +599,27 @@ if ("error" in u) { | ||
| function a() { | ||
| return n.variant || he.variant; | ||
| return n.variant || xe.variant; | ||
| } | ||
| function s() { | ||
| function i() { | ||
| var t, l, d, u, m, v, _, L; | ||
| return { | ||
| form: i((t = n.classNames) == null ? void 0 : t.form, N.form), | ||
| fieldContainer: i( | ||
| form: s((t = n.classNames) == null ? void 0 : t.form, N.form), | ||
| fieldContainer: s( | ||
| (l = n.classNames) == null ? void 0 : l.fieldContainer, | ||
| N.fieldContainer | ||
| ), | ||
| container: i( | ||
| container: s( | ||
| (d = n.classNames) == null ? void 0 : d.container, | ||
| N.container | ||
| ), | ||
| label: i((u = n.classNames) == null ? void 0 : u.label, N.label), | ||
| input: i((m = n.classNames) == null ? void 0 : m.input, N.input), | ||
| textarea: i( | ||
| label: s((u = n.classNames) == null ? void 0 : u.label, N.label), | ||
| input: s((m = n.classNames) == null ? void 0 : m.input, N.input), | ||
| textarea: s( | ||
| (v = n.classNames) == null ? void 0 : v.input, | ||
| N.input + " " + N.textarea | ||
| ), | ||
| radioContainer: i( | ||
| radioContainer: s( | ||
| (_ = n.classNames) == null ? void 0 : _.radioContainer, | ||
| N.radioContainer + " " + N.fieldContainer | ||
| ), | ||
| button: i( | ||
| button: s( | ||
| (L = n.classNames) == null ? void 0 : L.button, | ||
@@ -630,3 +630,3 @@ N.button | ||
| } | ||
| function j(t) { | ||
| function b(t) { | ||
| var l; | ||
@@ -642,7 +642,7 @@ return !!((l = n.excludeFields) != null && l.includes( | ||
| onSubmit: (t) => p(t), | ||
| className: s().form, | ||
| className: i().form, | ||
| children: [ | ||
| a() === "advanced" ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [ | ||
| j("name") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "name", className: s().label, children: "Connection name (Optional)" }), | ||
| b("name") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "name", className: i().label, children: "Connection name (Optional)" }), | ||
| /* @__PURE__ */ e.jsx( | ||
@@ -655,3 +655,3 @@ "input", | ||
| placeholder: "MyApp", | ||
| className: s().input, | ||
| className: i().input, | ||
| onInput: (t) => r(t), | ||
@@ -663,4 +663,4 @@ value: f.name, | ||
| ] }) }), | ||
| j("description") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "description", className: s().label, children: "Description" }), | ||
| b("description") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "description", className: i().label, children: "Description" }), | ||
| /* @__PURE__ */ e.jsx( | ||
@@ -673,3 +673,3 @@ "input", | ||
| placeholder: "A short description not more than 100 characters", | ||
| className: s().input, | ||
| className: i().input, | ||
| onInput: (t) => r(t), | ||
@@ -682,4 +682,4 @@ value: f.description, | ||
| ] }) }), | ||
| j("tenant") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "tenant", className: s().label, children: "Tenant" }), | ||
| b("tenant") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "tenant", className: i().label, children: "Tenant" }), | ||
| /* @__PURE__ */ e.jsx( | ||
@@ -693,3 +693,3 @@ "input", | ||
| "aria-describedby": "tenant-hint", | ||
| className: s().input, | ||
| className: i().input, | ||
| onInput: (t) => r(t), | ||
@@ -701,4 +701,4 @@ value: f.tenant | ||
| ] }) }), | ||
| j("product") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "product", className: s().label, children: "Product" }), | ||
| b("product") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "product", className: i().label, children: "Product" }), | ||
| /* @__PURE__ */ e.jsx( | ||
@@ -711,3 +711,3 @@ "input", | ||
| placeholder: "demo", | ||
| className: s().input, | ||
| className: i().input, | ||
| onInput: (t) => r(t), | ||
@@ -718,4 +718,4 @@ value: f.product | ||
| ] }) }), | ||
| j("redirectUrl") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "redirectUrl", className: s().label, children: "Allowed redirect URLs (newline separated)" }), | ||
| b("redirectUrl") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "redirectUrl", className: i().label, children: "Allowed redirect URLs (newline separated)" }), | ||
| /* @__PURE__ */ e.jsx( | ||
@@ -728,3 +728,3 @@ "textarea", | ||
| "aria-describedby": "redirectUrl-hint", | ||
| className: s().textarea, | ||
| className: i().textarea, | ||
| onInput: (t) => r(t), | ||
@@ -736,4 +736,4 @@ value: f.redirectUrl | ||
| ] }) }), | ||
| j("defaultRedirectUrl") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "defaultRedirectUrl", className: s().label, children: "Default redirect URL" }), | ||
| b("defaultRedirectUrl") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "defaultRedirectUrl", className: i().label, children: "Default redirect URL" }), | ||
| /* @__PURE__ */ e.jsx( | ||
@@ -746,3 +746,3 @@ "input", | ||
| placeholder: "http://localhost:3366/login/saml", | ||
| className: s().input, | ||
| className: i().input, | ||
| onInput: (t) => r(t), | ||
@@ -754,5 +754,5 @@ value: f.defaultRedirectUrl | ||
| ] }) : null, | ||
| o ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s().fieldContainer, children: [ | ||
| o ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsxs("div", { className: N.labelWithAction, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "metadataUrl", className: s().label, children: "Metadata URL" }), | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "metadataUrl", className: i().label, children: "Metadata URL" }), | ||
| /* @__PURE__ */ e.jsx( | ||
@@ -774,3 +774,3 @@ "button", | ||
| placeholder: "Paste the Metadata URL here", | ||
| className: s().input, | ||
| className: i().input, | ||
| value: f.metadataUrl, | ||
@@ -782,5 +782,5 @@ onInput: (t) => r(t), | ||
| ] }) }) : null, | ||
| o ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s().fieldContainer, children: [ | ||
| o ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i().fieldContainer, children: [ | ||
| /* @__PURE__ */ e.jsxs("div", { className: N.labelWithAction, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "rawMetadata", className: s().label, children: "Raw IdP XML" }), | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "rawMetadata", className: i().label, children: "Raw IdP XML" }), | ||
| /* @__PURE__ */ e.jsx( | ||
@@ -801,3 +801,3 @@ "button", | ||
| placeholder: "Paste the raw XML here", | ||
| className: s().textarea, | ||
| className: i().textarea, | ||
| value: f.rawMetadata, | ||
@@ -809,4 +809,4 @@ onInput: (t) => r(t), | ||
| ] }) }), | ||
| a() === "advanced" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: j("forceAuthn") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: s().radioContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "forceAuthn", className: s().label, children: "Force Authentication" }), | ||
| a() === "advanced" ? /* @__PURE__ */ e.jsx(e.Fragment, { children: b("forceAuthn") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("div", { className: i().radioContainer, children: [ | ||
| /* @__PURE__ */ e.jsx("label", { htmlFor: "forceAuthn", className: i().label, children: "Force Authentication" }), | ||
| /* @__PURE__ */ e.jsx( | ||
@@ -829,3 +829,3 @@ "input", | ||
| type: "submit", | ||
| className: s().button, | ||
| className: i().button, | ||
| children: "Save Changes" | ||
@@ -838,13 +838,13 @@ } | ||
| } | ||
| const fe = "_formControl_3m1qm_1", je = "_container_3m1qm_6", be = "_selectSSO_3m1qm_12", Ce = "_idpId_3m1qm_19", Ne = "_label_3m1qm_25", pe = "_span_3m1qm_35", ve = "_radio_3m1qm_43", k = { | ||
| formControl: fe, | ||
| container: je, | ||
| selectSSO: be, | ||
| idpId: Ce, | ||
| label: Ne, | ||
| span: pe, | ||
| radio: ve | ||
| const be = "_formControl_3m1qm_1", Ce = "_container_3m1qm_6", je = "_selectSSO_3m1qm_12", Ne = "_idpId_3m1qm_19", pe = "_label_3m1qm_25", ve = "_span_3m1qm_35", _e = "_radio_3m1qm_43", k = { | ||
| formControl: be, | ||
| container: Ce, | ||
| selectSSO: je, | ||
| idpId: Ne, | ||
| label: pe, | ||
| span: ve, | ||
| radio: _e | ||
| }; | ||
| function qe(n) { | ||
| const [h, C] = U(() => "saml"); | ||
| function ze(n) { | ||
| const [h, j] = F(() => "saml"); | ||
| function o() { | ||
@@ -857,24 +857,24 @@ return h === "saml"; | ||
| function x() { | ||
| var b, r, p, a, s, j, t; | ||
| var C, r, p, a, i, b, t; | ||
| return { | ||
| container: i( | ||
| (b = n.classNames) == null ? void 0 : b.container, | ||
| container: s( | ||
| (C = n.classNames) == null ? void 0 : C.container, | ||
| k.container | ||
| ), | ||
| formControl: i( | ||
| formControl: s( | ||
| (r = n.classNames) == null ? void 0 : r.formControl, | ||
| k.formControl | ||
| ), | ||
| selectSSO: i( | ||
| selectSSO: s( | ||
| (p = n.classNames) == null ? void 0 : p.selectSSO, | ||
| k.selectSSO | ||
| ), | ||
| idpId: i((a = n.classNames) == null ? void 0 : a.idpId, k.idpId), | ||
| radio: i((s = n.classNames) == null ? void 0 : s.radio, k.radio), | ||
| span: i((j = n.classNames) == null ? void 0 : j.span, k.span), | ||
| label: i((t = n.classNames) == null ? void 0 : t.label, k.label) | ||
| idpId: s((a = n.classNames) == null ? void 0 : a.idpId, k.idpId), | ||
| radio: s((i = n.classNames) == null ? void 0 : i.radio, k.radio), | ||
| span: s((b = n.classNames) == null ? void 0 : b.span, k.span), | ||
| label: s((t = n.classNames) == null ? void 0 : t.label, k.label) | ||
| }; | ||
| } | ||
| function f(b) { | ||
| C(b.target.value); | ||
| function f(C) { | ||
| j(C.target.value); | ||
| } | ||
@@ -886,3 +886,3 @@ function c() { | ||
| n.idpEntityID && n.setupLinkToken ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("div", { className: x().idpId, children: /* @__PURE__ */ e.jsx("div", { className: x().formControl, children: /* @__PURE__ */ e.jsx( | ||
| W, | ||
| z, | ||
| { | ||
@@ -905,3 +905,3 @@ label: "IdP Entity ID", | ||
| checked: h === "saml", | ||
| onChange: (b) => f(b), | ||
| onChange: (C) => f(C), | ||
| className: x().radio | ||
@@ -920,3 +920,3 @@ } | ||
| checked: h === "oidc", | ||
| onChange: (b) => f(b), | ||
| onChange: (C) => f(C), | ||
| className: x().radio | ||
@@ -929,3 +929,3 @@ } | ||
| o() ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx( | ||
| xe, | ||
| fe, | ||
| { | ||
@@ -941,3 +941,3 @@ variant: "advanced", | ||
| I() ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx( | ||
| le, | ||
| ie, | ||
| { | ||
@@ -955,3 +955,3 @@ variant: "advanced", | ||
| } | ||
| function _e(n) { | ||
| function ge(n) { | ||
| return /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center p-5", children: /* @__PURE__ */ e.jsxs("div", { role: "status", children: [ | ||
@@ -987,3 +987,3 @@ /* @__PURE__ */ e.jsxs( | ||
| } | ||
| function ge(n) { | ||
| function ye(n) { | ||
| return /* @__PURE__ */ e.jsxs( | ||
@@ -1030,17 +1030,18 @@ "div", | ||
| } | ||
| const ye = "_container_183yn_1", Ie = "_formControl_183yn_8", Ue = "_tableContainer_183yn_13", Fe = "_table_183yn_13", Le = "_th_183yn_30", we = "_td_183yn_31", Me = "_thead_183yn_35", Se = "_connectionListContainer_183yn_45", ke = "_badgeClass_183yn_60", Ae = "_tableData_183yn_65", De = "_spanIcon_183yn_70", Pe = "_icon_183yn_75", F = { | ||
| container: ye, | ||
| formControl: Ie, | ||
| tableContainer: Ue, | ||
| table: Fe, | ||
| th: Le, | ||
| td: we, | ||
| thead: Me, | ||
| connectionListContainer: Se, | ||
| badgeClass: ke, | ||
| tableData: Ae, | ||
| spanIcon: De, | ||
| icon: Pe | ||
| const Ie = "_container_yn5io_1", Ue = "_formControl_yn5io_8", Fe = "_tableContainer_yn5io_13", Le = "_table_yn5io_13", we = "_tableCaption_yn5io_30", Me = "_th_yn5io_37", Se = "_td_yn5io_38", ke = "_thead_yn5io_42", Ae = "_connectionListContainer_yn5io_52", De = "_badgeClass_yn5io_67", Pe = "_tableData_yn5io_72", Re = "_spanIcon_yn5io_77", Oe = "_icon_yn5io_82", U = { | ||
| container: Ie, | ||
| formControl: Ue, | ||
| tableContainer: Fe, | ||
| table: Le, | ||
| tableCaption: we, | ||
| th: Me, | ||
| td: Se, | ||
| thead: ke, | ||
| connectionListContainer: Ae, | ||
| badgeClass: De, | ||
| tableData: Pe, | ||
| spanIcon: Re, | ||
| icon: Oe | ||
| }; | ||
| function Re(n) { | ||
| function $e(n) { | ||
| return /* @__PURE__ */ e.jsx( | ||
@@ -1067,58 +1068,63 @@ "svg", | ||
| } | ||
| const Oe = { | ||
| const Ee = { | ||
| isSettingsView: !1, | ||
| connectionListData: [] | ||
| }; | ||
| function We(n) { | ||
| var r, p, a, s, j, t; | ||
| const [h, C] = U( | ||
| () => Oe.connectionListData | ||
| ), [o, I] = U(() => ""), [x, f] = U( | ||
| function Ve(n) { | ||
| var r, p, a, i, b, t; | ||
| const [h, j] = F( | ||
| () => Ee.connectionListData | ||
| ), [o, I] = F(() => ""), [x, f] = F( | ||
| () => !0 | ||
| ); | ||
| function c() { | ||
| var l, d, u, m, v, _, L, S, g, w, M, A; | ||
| var l, d, u, m, v, _, L, S, g, w, M, A, O; | ||
| return { | ||
| container: i( | ||
| container: s( | ||
| (l = n.classNames) == null ? void 0 : l.container, | ||
| F.container | ||
| U.container | ||
| ), | ||
| formControl: i( | ||
| formControl: s( | ||
| (d = n.classNames) == null ? void 0 : d.formControl, | ||
| F.formControl | ||
| U.formControl | ||
| ), | ||
| tableContainer: i( | ||
| tableContainer: s( | ||
| (u = n.classNames) == null ? void 0 : u.tableContainer, | ||
| F.tableContainer | ||
| U.tableContainer | ||
| ), | ||
| table: i((m = n.classNames) == null ? void 0 : m.table, F.table), | ||
| thead: i((v = n.classNames) == null ? void 0 : v.thead, F.thead), | ||
| tr: i((_ = n.classNames) == null ? void 0 : _.tr, F.tr), | ||
| th: i((L = n.classNames) == null ? void 0 : L.th, F.th), | ||
| connectionListContainer: i( | ||
| (S = n.classNames) == null ? void 0 : S.connectionListContainer, | ||
| F.connectionListContainer | ||
| table: s((m = n.classNames) == null ? void 0 : m.table, U.table), | ||
| tableCaption: s( | ||
| (v = n.classNames) == null ? void 0 : v.tableCaption, | ||
| U.tableCaption | ||
| ), | ||
| td: i((g = n.classNames) == null ? void 0 : g.td, F.td), | ||
| badgeClass: i( | ||
| (w = n.classNames) == null ? void 0 : w.badgeClass, | ||
| F.badgeClass | ||
| thead: s((_ = n.classNames) == null ? void 0 : _.thead, U.thead), | ||
| tr: s((L = n.classNames) == null ? void 0 : L.tr, U.tr), | ||
| th: s((S = n.classNames) == null ? void 0 : S.th, U.th), | ||
| connectionListContainer: s( | ||
| (g = n.classNames) == null ? void 0 : g.connectionListContainer, | ||
| U.connectionListContainer | ||
| ), | ||
| spanIcon: i( | ||
| (M = n.classNames) == null ? void 0 : M.spanIcon, | ||
| F.spanIcon | ||
| td: s((w = n.classNames) == null ? void 0 : w.td, U.td), | ||
| badgeClass: s( | ||
| (M = n.classNames) == null ? void 0 : M.badgeClass, | ||
| U.badgeClass | ||
| ), | ||
| icon: i((A = n.classNames) == null ? void 0 : A.icon, F.icon) | ||
| spanIcon: s( | ||
| (A = n.classNames) == null ? void 0 : A.spanIcon, | ||
| U.spanIcon | ||
| ), | ||
| icon: s((O = n.classNames) == null ? void 0 : O.icon, U.icon) | ||
| }; | ||
| } | ||
| function b(l) { | ||
| function C(l) { | ||
| return l.name ? l.name : "idpMetadata" in l ? l.idpMetadata.friendlyProviderName || l.idpMetadata.provider : "oidcProvider" in l ? l.oidcProvider.provider : "Unknown"; | ||
| } | ||
| return V(() => { | ||
| return B(() => { | ||
| async function l() { | ||
| const d = await fetch(n.getConnectionsUrl), { data: u, error: m } = await d.json(); | ||
| C(u), m && I(m), f(!1); | ||
| j(u), m && I(m), f(!1); | ||
| } | ||
| l(); | ||
| }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: x ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(_e, {}) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("div", { children: (h == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("div", { className: c().tableContainer, children: /* @__PURE__ */ e.jsxs("table", { className: c().table, children: [ | ||
| }, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: x ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(ge, {}) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("div", { children: (h == null ? void 0 : h.length) > 0 ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("div", { className: c().tableContainer, children: /* @__PURE__ */ e.jsxs("table", { className: c().table, children: [ | ||
| n.tableCaption ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("caption", { className: c().tableCaption, children: n.tableCaption }) }) : null, | ||
| /* @__PURE__ */ e.jsx("thead", { className: c().thead, children: /* @__PURE__ */ e.jsxs("tr", { className: c().tr, children: [ | ||
@@ -1128,4 +1134,4 @@ (r = n.hideCols) != null && r.includes("provider") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("th", { scope: "col", className: c().th, children: "provider" }) }), | ||
| (a = n.hideCols) != null && a.includes("product") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("th", { scope: "col", className: c().th, children: "product" }) }), | ||
| (s = n.hideCols) != null && s.includes("idp_type") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("th", { scope: "col", className: c().th, children: "idp type" }) }), | ||
| (j = n.hideCols) != null && j.includes("status") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("th", { scope: "col", className: c().th, children: "status" }) }), | ||
| (i = n.hideCols) != null && i.includes("idp_type") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("th", { scope: "col", className: c().th, children: "idp type" }) }), | ||
| (b = n.hideCols) != null && b.includes("status") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("th", { scope: "col", className: c().th, children: "status" }) }), | ||
| (t = n.hideCols) != null && t.includes("actions") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("th", { scope: "col", className: c().th, children: "actions" }) }) | ||
@@ -1141,3 +1147,3 @@ ] }) }), | ||
| (u = n.hideCols) != null && u.includes("provider") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs("td", { className: c().td, children: [ | ||
| b(l), | ||
| C(l), | ||
| l.isSystemSSO ? /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx( | ||
@@ -1162,9 +1168,9 @@ R, | ||
| (S = n.hideCols) != null && S.includes("actions") ? null : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx("td", { className: c().td, children: /* @__PURE__ */ e.jsx("span", { className: c().spanIcon, children: /* @__PURE__ */ e.jsx( | ||
| z, | ||
| V, | ||
| { | ||
| "data-testid": "edit", | ||
| Icon: Re, | ||
| Icon: $e, | ||
| iconClasses: c().icon, | ||
| onClick: (g) => { | ||
| n.onIconClick(); | ||
| n.onActionClick(); | ||
| } | ||
@@ -1178,11 +1184,11 @@ } | ||
| }) }) | ||
| ] }) }) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(ge, { title: "No connections found." }) }) }) }) }); | ||
| ] }) }) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsx(ye, { title: "No connections found." }) }) }) }) }); | ||
| } | ||
| export { | ||
| We as ConnectionList, | ||
| qe as CreateConnection, | ||
| le as CreateOIDCConnection, | ||
| xe as CreateSAMLConnection, | ||
| Te as Login | ||
| Ve as ConnectionList, | ||
| ze as CreateConnection, | ||
| ie as CreateOIDCConnection, | ||
| fe as CreateSAMLConnection, | ||
| We as Login | ||
| }; | ||
| //# sourceMappingURL=sso.js.map |
| export interface ConnectionListProps { | ||
| tableCaption?: string; | ||
| hideCols?: ('provider' | 'tenant' | 'product' | 'idp_type' | 'status' | 'actions')[]; | ||
@@ -6,3 +7,3 @@ idpEntityID?: string; | ||
| getConnectionsUrl: string; | ||
| onIconClick: () => void; | ||
| onActionClick: () => void; | ||
| /** | ||
@@ -16,2 +17,3 @@ * Classnames for each inner components that make up the component. | ||
| table?: string; | ||
| tableCaption?: string; | ||
| thead?: string; | ||
@@ -18,0 +20,0 @@ tr?: string; |
| { | ||
| "name": "@boxyhq/react-ui", | ||
| "description": "React UI components from BoxyHQ", | ||
| "version": "3.3.3", | ||
| "version": "3.3.4", | ||
| "type": "module", | ||
@@ -6,0 +6,0 @@ "keywords": [ |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Fixed alerts
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.53%
469928
- Lines of code
- increased by0.53%
2659
No dependency changes