@5minds/processcube_app_sdk 5.1.0-alpha.3 → 5.1.0-alpha.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/client/components/DropdownMenu.css +1 -0
- package/build/client/components/DropdownMenu.d.ts +11 -0
- package/build/client/components/DynamicLink.d.ts +7 -0
- package/build/client/components/DynamicUi/DynamicUi.css +1 -0
- package/build/client/components/DynamicUi/DynamicUi.d.ts +52 -0
- package/build/client/components/DynamicUi/FormFields/BooleanFormField.d.ts +3 -0
- package/build/client/components/DynamicUi/FormFields/ConfirmFormField.d.ts +2 -0
- package/build/client/components/DynamicUi/FormFields/DateFormField.d.ts +2 -0
- package/build/client/components/DynamicUi/FormFields/DecimalFormField.d.ts +2 -0
- package/build/client/components/DynamicUi/FormFields/EnumFormField.d.ts +2 -0
- package/build/client/components/DynamicUi/FormFields/HeaderFormField.d.ts +2 -0
- package/build/client/components/DynamicUi/FormFields/IntegerFormField.d.ts +2 -0
- package/build/client/components/DynamicUi/FormFields/ParagraphFormField.d.ts +2 -0
- package/build/client/components/DynamicUi/FormFields/StringFormField.d.ts +2 -0
- package/build/client/components/DynamicUi/FormFields/index.d.ts +35 -0
- package/build/client/components/DynamicUi/index.d.ts +2 -0
- package/build/client/components/DynamicUi/utils/isNumber.d.ts +1 -0
- package/build/client/components/DynamicUi/utils/parseCustomFormConfig.d.ts +1 -0
- package/build/client/index.cjs +14 -1
- package/build/client/index.d.ts +2 -0
- package/build/client/index.mjs +14 -1
- package/build/client/root.css +1 -0
- package/build/client/utils/classNames.d.ts +1 -0
- package/build/common/index.cjs +1 -1
- package/build/common/index.mjs +1 -1
- package/build/common/types/IPCMessageType.d.ts +16 -0
- package/build/common/types/index.d.ts +1 -0
- package/build/server/index.cjs +1 -1
- package/build/server/index.mjs +2 -2
- package/build/server/lib/ExternalTaskAdapter.d.ts +2 -2
- package/build/server/lib/ExternalTaskWorkerProcess.cjs +5 -0
- package/build/server/lib/ExternalTaskWorkerProcess.d.ts +1 -0
- package/build/server/lib/ProcessInstanceFunctions.d.ts +13 -0
- package/package.json +28 -6
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dark,.dark *{--asdk-focus-color: var(--app-sdk-focus-color, #007bff40);--asdk-text-color: var(--app-sdk-text-color, #cdcdcd)}*,:before,:after{--asdk-focus-color: var(--app-sdk-focus-color, #0369a1);--asdk-text-color: var(--app-sdk-text-color, #374151)}.app-sdk-default-styles *{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;--tw-content: "";margin:0;line-height:inherit}.dark,.dark *{--asdk-ddm-icon-text-color: var(--app-sdk-dropdown-menu-icon-text-color, #a5a5a5);--asdk-ddm-icon-text-hover-color: var( --app-sdk-dropdown-menu-icon-text-hover-color, #c3c3c3 );--asdk-ddm-background-color: var(--app-sdk-dropdown-menu-background-color, #4b4b4b);--asdk-ddm-entry-background-hover-color: var( --app-sdk-dropdown-menu-entry-background-hover-color, #7d7d7d );--asdk-ddm-danger-entry-text-color: var(--app-sdk-dropdown-menu-danger-entry-text-color, #d6868d)}*,:before,:after{--asdk-ddm-icon-text-color: var(--app-sdk-dropdown-menu-icon-text-color, #111827);--asdk-ddm-icon-text-hover-color: var(--app-sdk-dropdown-menu-icon-text-hover-color, #6b7280);--asdk-ddm-focus-color: var(--app-sdk-dropdown-menu-focus-color, var(--asdk-focus-color));--asdk-ddm-background-color: var(--app-sdk-dropdown-menu-background-color, #fff);--asdk-ddm-entry-background-hover-color: var( --app-sdk-dropdown-menu-entry-background-hover-color, #f3f4f6 );--asdk-ddm-default-entry-text-color: var(--app-sdk-dropdown-menu-default-entry-text-color, var(--asdk-text-color));--asdk-ddm-danger-entry-text-color: var(--app-sdk-dropdown-menu-danger-entry-text-color, #b91c1c);--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.app-sdk-form-input,.app-sdk-form-textarea,.app-sdk-form-select,.app-sdk-form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.app-sdk-form-input:focus,.app-sdk-form-textarea:focus,.app-sdk-form-select:focus,.app-sdk-form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.app-sdk-form-input::-moz-placeholder,.app-sdk-form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.app-sdk-form-input::placeholder,.app-sdk-form-textarea::placeholder{color:#6b7280;opacity:1}.app-sdk-form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.app-sdk-form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.app-sdk-form-input::-webkit-datetime-edit{display:inline-flex}.app-sdk-form-input::-webkit-datetime-edit,.app-sdk-form-input::-webkit-datetime-edit-year-field,.app-sdk-form-input::-webkit-datetime-edit-month-field,.app-sdk-form-input::-webkit-datetime-edit-day-field,.app-sdk-form-input::-webkit-datetime-edit-hour-field,.app-sdk-form-input::-webkit-datetime-edit-minute-field,.app-sdk-form-input::-webkit-datetime-edit-second-field,.app-sdk-form-input::-webkit-datetime-edit-millisecond-field,.app-sdk-form-input::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.app-sdk-form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-sdk-form-select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}.app-sdk-form-checkbox,.app-sdk-form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}.app-sdk-form-checkbox{border-radius:0}.app-sdk-form-radio{border-radius:100%}.app-sdk-form-checkbox:focus,.app-sdk-form-radio:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.app-sdk-form-checkbox:checked,.app-sdk-form-radio:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.app-sdk-form-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.app-sdk-form-checkbox:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-radio:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){.app-sdk-form-radio:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-checkbox:checked:hover,.app-sdk-form-checkbox:checked:focus,.app-sdk-form-radio:checked:hover,.app-sdk-form-radio:checked:focus{border-color:transparent;background-color:currentColor}.app-sdk-form-checkbox:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.app-sdk-form-checkbox:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-checkbox:indeterminate:hover,.app-sdk-form-checkbox:indeterminate:focus{border-color:transparent;background-color:currentColor}.app-sdk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-sdk-absolute{position:absolute}.app-sdk-relative{position:relative}.app-sdk-right-0{right:0}.app-sdk-z-10{z-index:10}.app-sdk-mx-auto{margin-left:auto;margin-right:auto}.app-sdk-ml-3{margin-left:.75rem}.app-sdk-mt-1{margin-top:.25rem}.app-sdk-mt-2{margin-top:.5rem}.app-sdk-block{display:block}.app-sdk-inline-block{display:inline-block}.app-sdk-flex{display:flex}.app-sdk-inline-flex{display:inline-flex}.app-sdk-h-4{height:1rem}.app-sdk-h-5{height:1.25rem}.app-sdk-h-full{height:100%}.app-sdk-max-h-full{max-height:100%}.app-sdk-min-h-\[200px\]{min-height:200px}.app-sdk-w-4{width:1rem}.app-sdk-w-5{width:1.25rem}.app-sdk-w-56{width:14rem}.app-sdk-w-full{width:100%}.app-sdk-flex-1{flex:1 1 0%}.app-sdk-origin-top-right{transform-origin:top right}.app-sdk-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-cursor-pointer{cursor:pointer}.app-sdk-flex-col{flex-direction:column}.app-sdk-items-start{align-items:flex-start}.app-sdk-items-center{align-items:center}.app-sdk-justify-center{justify-content:center}.app-sdk-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.app-sdk-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.app-sdk-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.app-sdk-self-center{align-self:center}.app-sdk-overflow-y-auto{overflow-y:auto}.app-sdk-rounded{border-radius:.25rem}.app-sdk-rounded-full{border-radius:9999px}.app-sdk-rounded-lg{border-radius:.5rem}.app-sdk-rounded-md{border-radius:.375rem}.app-sdk-rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.app-sdk-border{border-width:1px}.app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\]{border-color:var(--asdk-dui-border-color)}.app-sdk-border-transparent{border-color:transparent}.app-sdk-bg-\[color\:var\(--asdk-ddm-background-color\)\]{background-color:var(--asdk-ddm-background-color)}.app-sdk-bg-\[color\:var\(--asdk-ddm-entry-background-hover-color\)\]{background-color:var(--asdk-ddm-entry-background-hover-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-background-color\)\]{background-color:var(--asdk-dui-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-background-color\)\]{background-color:var(--asdk-dui-footer-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-continue-button-background-color\)\]{background-color:var(--asdk-dui-footer-continue-button-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-decline-button-background-color\)\]{background-color:var(--asdk-dui-footer-decline-button-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-formfield-background-color\)\]{background-color:var(--asdk-dui-formfield-background-color)}.app-sdk-bg-transparent{background-color:transparent}.app-sdk-p-0{padding:0}.app-sdk-px-3{padding-left:.75rem;padding-right:.75rem}.app-sdk-px-4{padding-left:1rem;padding-right:1rem}.app-sdk-py-1{padding-top:.25rem;padding-bottom:.25rem}.app-sdk-py-2{padding-top:.5rem;padding-bottom:.5rem}.app-sdk-py-3{padding-top:.75rem;padding-bottom:.75rem}.app-sdk-pb-0{padding-bottom:0}.app-sdk-pb-3{padding-bottom:.75rem}.app-sdk-pl-0{padding-left:0}.app-sdk-pl-3{padding-left:.75rem}.app-sdk-pr-10{padding-right:2.5rem}.app-sdk-pt-4{padding-top:1rem}.app-sdk-text-left{text-align:left}.app-sdk-text-2xl{font-size:1.5rem;line-height:2rem}.app-sdk-text-\[100\%\]{font-size:100%}.app-sdk-text-base{font-size:1rem;line-height:1.5rem}.app-sdk-text-lg{font-size:1.125rem;line-height:1.75rem}.app-sdk-text-sm{font-size:.875rem;line-height:1.25rem}.app-sdk-text-xl{font-size:1.25rem;line-height:1.75rem}.app-sdk-font-bold{font-weight:700}.app-sdk-font-medium{font-weight:500}.app-sdk-leading-4{line-height:1rem}.app-sdk-leading-6{line-height:1.5rem}.app-sdk-text-\[color\:var\(--asdk-ddm-danger-entry-text-color\)\]{color:var(--asdk-ddm-danger-entry-text-color)}.app-sdk-text-\[color\:var\(--asdk-ddm-default-entry-text-color\)\]{color:var(--asdk-ddm-default-entry-text-color)}.app-sdk-text-\[color\:var\(--asdk-ddm-icon-text-color\)\]{color:var(--asdk-ddm-icon-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-footer-continue-button-text-color\)\]{color:var(--asdk-dui-footer-continue-button-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-footer-decline-button-text-color\)\]{color:var(--asdk-dui-footer-decline-button-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-formfield-checkbox-text-color\)\]{color:var(--asdk-dui-formfield-checkbox-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-formfield-hint-text-color\)\]{color:var(--asdk-dui-formfield-hint-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-header-text-color\)\]{color:var(--asdk-dui-header-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-text-color\)\]{color:var(--asdk-dui-text-color)}.app-sdk-text-app-sdk-inherit{color:inherit}.app-sdk-placeholder-\[color\:var\(--asdk-dui-formfield-placeholder-text-color\)\]::-moz-placeholder{color:var(--asdk-dui-formfield-placeholder-text-color)}.app-sdk-placeholder-\[color\:var\(--asdk-dui-formfield-placeholder-text-color\)\]::placeholder{color:var(--asdk-dui-formfield-placeholder-text-color)}.app-sdk-opacity-0{opacity:0}.app-sdk-opacity-100{opacity:1}.app-sdk-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-sdk-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-sdk-shadow-\[color\:var\(--asdk-dui-shadow-color\)\]{--tw-shadow-color: var(--asdk-dui-shadow-color);--tw-shadow: var(--tw-shadow-colored)}.app-sdk-ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.app-sdk-ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.app-sdk-ring-opacity-5{--tw-ring-opacity: .05}.app-sdk-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-sdk-duration-100{transition-duration:.1s}.app-sdk-duration-75{transition-duration:75ms}.app-sdk-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.app-sdk-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000;border-radius:0}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked:hover,.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked:focus{border-color:transparent;background-color:currentColor}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate:hover,.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}.invalid\:app-sdk-border-\[color\:var\(--asdk-dui-formfield-invalid-color\)\]:invalid{border-color:var(--asdk-dui-formfield-invalid-color)}.invalid\:app-sdk-ring-1:invalid{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.invalid\:app-sdk-ring-\[color\:var\(--asdk-dui-formfield-invalid-color\)\]:invalid{--tw-ring-color: var(--asdk-dui-formfield-invalid-color)}.hover\:app-sdk-bg-\[color\:var\(--asdk-dui-footer-continue-button-background-hover-color\)\]:hover{background-color:var(--asdk-dui-footer-continue-button-background-hover-color)}.hover\:app-sdk-bg-\[color\:var\(--asdk-dui-footer-decline-button-background-hover-color\)\]:hover{background-color:var(--asdk-dui-footer-decline-button-background-hover-color)}.hover\:app-sdk-text-\[color\:var\(--asdk-ddm-icon-text-hover-color\)\]:hover{color:var(--asdk-ddm-icon-text-hover-color)}.focus\:app-sdk-border-\[color\:var\(--asdk-dui-focus-color\)\]:focus{border-color:var(--asdk-dui-focus-color)}.focus\:app-sdk-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:app-sdk-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:app-sdk-ring-\[color\:var\(--asdk-ddm-focus-color\)\]:focus{--tw-ring-color: var(--asdk-ddm-focus-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-focus-color\)\]:focus{--tw-ring-color: var(--asdk-dui-focus-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-footer-continue-button-focus-outline-color\)\]:focus{--tw-ring-color: var(--asdk-dui-footer-continue-button-focus-outline-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-footer-decline-button-focus-outline-color\)\]:focus{--tw-ring-color: var(--asdk-dui-footer-decline-button-focus-outline-color)}.focus\:app-sdk-ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:app-sdk-cursor-default:disabled{cursor:default}.dark\:app-sdk-border-2:is(.app-sdk-dark *){border-width:2px}.dark\:app-sdk-border-solid:is(.app-sdk-dark *){border-style:solid}.dark\:app-sdk-border-transparent:is(.app-sdk-dark *){border-color:transparent}.dark\:app-sdk-bg-app-sdk-dropdown-dark:is(.app-sdk-dark *){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.dark\:\[color-scheme\:dark\]:is(.app-sdk-dark *){color-scheme:dark}.dark\:invalid\:app-sdk-shadow-app-sdk-dark-invalid:invalid:is(.app-sdk-dark *){--tw-shadow: 0 0 0 .2rem rgb(220 53 69 / 25%);--tw-shadow-colored: 0 0 0 .2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:focus\:app-sdk-shadow-app-sdk-dark:focus:is(.app-sdk-dark *){--tw-shadow: 0 0 0px .2rem rgb(0 123 255 / 25%);--tw-shadow-colored: 0 0 0px .2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.sm\:app-sdk-ml-2{margin-left:.5rem}.sm\:app-sdk-flex{display:flex}.sm\:app-sdk-w-auto{width:auto}.sm\:app-sdk-w-full{width:100%}.sm\:app-sdk-max-w-lg{max-width:32rem}.sm\:app-sdk-flex-row-reverse{flex-direction:row-reverse}.sm\:-app-sdk-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:app-sdk-space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:app-sdk-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:app-sdk-text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&_a\]\:app-sdk-text-\[color\:var\(--asdk-dui-link-color\)\] a{color:var(--asdk-dui-link-color)}.\[\&_a\]\:app-sdk-underline a{text-decoration-line:underline}.hover\:\[\&_a\]\:app-sdk-text-\[color\:var\(--asdk-dui-link-hover-color\)\] a:hover{color:var(--asdk-dui-link-hover-color)}.\[\&_blockquote\]\:app-sdk-m-\[revert\] blockquote{margin:revert}.\[\&_code\]\:app-sdk-text-\[\#e83e8c\] code{--tw-text-opacity: 1;color:rgb(232 62 140 / var(--tw-text-opacity))}.\[\&_fieldset\]\:app-sdk-m-\[revert\] fieldset{margin:revert}.\[\&_fieldset\]\:app-sdk-p-\[revert\] fieldset{padding:revert}.\[\&_h1\]\:app-sdk-m-\[revert\] h1{margin:revert}.\[\&_h1\]\:app-sdk-text-2xl h1{font-size:1.5rem;line-height:2rem}.\[\&_h1\]\:app-sdk-font-bold h1{font-weight:700}.\[\&_h2\]\:app-sdk-m-\[revert\] h2{margin:revert}.\[\&_h2\]\:app-sdk-text-xl h2{font-size:1.25rem;line-height:1.75rem}.\[\&_h2\]\:app-sdk-font-bold h2{font-weight:700}.\[\&_h3\]\:app-sdk-m-\[revert\] h3{margin:revert}.\[\&_h3\]\:app-sdk-text-lg h3{font-size:1.125rem;line-height:1.75rem}.\[\&_h3\]\:app-sdk-font-bold h3{font-weight:700}.\[\&_h4\]\:app-sdk-m-\[revert\] h4{margin:revert}.\[\&_h4\]\:app-sdk-text-base h4{font-size:1rem;line-height:1.5rem}.\[\&_h4\]\:app-sdk-font-bold h4{font-weight:700}.\[\&_h5\]\:app-sdk-m-\[revert\] h5{margin:revert}.\[\&_h5\]\:app-sdk-text-sm h5{font-size:.875rem;line-height:1.25rem}.\[\&_h5\]\:app-sdk-font-bold h5{font-weight:700}.\[\&_h6\]\:app-sdk-m-\[revert\] h6{margin:revert}.\[\&_h6\]\:app-sdk-text-xs h6{font-size:.75rem;line-height:1rem}.\[\&_h6\]\:app-sdk-font-bold h6{font-weight:700}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-h-4 input[type=checkbox]{height:1rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-w-4 input[type=checkbox]{width:1rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-rounded input[type=checkbox]{border-radius:.25rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-border input[type=checkbox]{border-width:1px}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\] input[type=checkbox]{border-color:var(--asdk-dui-border-color)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-text-sky-600 input[type=checkbox]{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity))}.\[\&_input\[type\=\'checkbox\'\]\]\:hover\:app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\]:hover input[type=checkbox]{border-color:var(--asdk-dui-border-color)}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-2:is(.app-sdk-dark *) input[type=checkbox]{border-width:2px}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-solid:is(.app-sdk-dark *) input[type=checkbox]{border-style:solid}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-transparent:is(.app-sdk-dark *) input[type=checkbox]{border-color:transparent}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-bg-app-sdk-gray-350:is(.app-sdk-dark *) input[type=checkbox]{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-text-\[\#007bff40\]:is(.app-sdk-dark *) input[type=checkbox]{color:#007bff40}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:hover\:app-sdk-border-transparent:hover:is(.app-sdk-dark *) input[type=checkbox]{border-color:transparent}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:hover\:checked\:app-sdk-bg-app-sdk-gray-350:checked:hover:is(.app-sdk-dark *) input[type=checkbox]{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.\[\&_menu\]\:app-sdk-m-\[revert\] menu{margin:revert}.\[\&_menu\]\:app-sdk-p-\[revert\] menu{padding:revert}.\[\&_ol\]\:app-sdk-m-\[revert\] ol{margin:revert}.\[\&_ol\]\:app-sdk-list-decimal ol{list-style-type:decimal}.\[\&_ol\]\:app-sdk-p-\[revert\] ol{padding:revert}.\[\&_ol_p\]\:app-sdk-my-2 ol p{margin-top:.5rem;margin-bottom:.5rem}.first-of-type\:\[\&_ol_p\]\:app-sdk-my-4 ol p:first-of-type{margin-top:1rem;margin-bottom:1rem}.\[\&_p\]\:app-sdk-my-4 p{margin-top:1rem;margin-bottom:1rem}.first-of-type\:\[\&_p\]\:app-sdk-mb-4 p:first-of-type{margin-bottom:1rem}.first-of-type\:\[\&_p\]\:app-sdk-mt-0 p:first-of-type{margin-top:0}.\[\&_pre\]\:app-sdk-my-4 pre{margin-top:1rem;margin-bottom:1rem}.\[\&_pre\]\:app-sdk-bg-gray-100 pre{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.\[\&_pre\]\:dark\:app-sdk-bg-app-sdk-gray-700:is(.app-sdk-dark *) pre{--tw-bg-opacity: 1;background-color:rgb(29 29 29 / var(--tw-bg-opacity))}.\[\&_pre_code\]\:app-sdk-text-inherit pre code{color:inherit}.\[\&_ul\]\:app-sdk-m-\[revert\] ul{margin:revert}.\[\&_ul\]\:app-sdk-list-disc ul{list-style-type:disc}.\[\&_ul\]\:app-sdk-p-\[revert\] ul{padding:revert}.\[\&_ul_p\]\:app-sdk-my-2 ul p{margin-top:.5rem;margin-bottom:.5rem}.first-of-type\:\[\&_ul_p\]\:app-sdk-my-4 ul p:first-of-type{margin-top:1rem;margin-bottom:1rem}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare function DropdownMenu(props: {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
collapsedIcon?: React.ReactNode;
|
|
5
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare function DropdownMenuItem(props: {
|
|
7
|
+
title: string | JSX.Element;
|
|
8
|
+
onClick: () => void | Promise<void>;
|
|
9
|
+
isDanger?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
}): JSX.Element;
|
|
@@ -2,5 +2,12 @@ type DynamicLinkProps = {
|
|
|
2
2
|
href: string;
|
|
3
3
|
children: any;
|
|
4
4
|
};
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated This component should no longer be used.
|
|
7
|
+
* It will be removed in a future version of this package.
|
|
8
|
+
* Please use the NextJS Link component instead.
|
|
9
|
+
*
|
|
10
|
+
* Former workaround for https://github.com/vercel/next.js/issues/42991#issuecomment-1592921378
|
|
11
|
+
*/
|
|
5
12
|
export declare function DynamicLink({ href, children }: DynamicLinkProps): import("react/jsx-runtime").JSX.Element;
|
|
6
13
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dark,.dark *{--asdk-focus-color: var(--app-sdk-focus-color, #007bff40);--asdk-text-color: var(--app-sdk-text-color, #cdcdcd)}*,:before,:after{--asdk-focus-color: var(--app-sdk-focus-color, #0369a1);--asdk-text-color: var(--app-sdk-text-color, #374151)}.app-sdk-default-styles *{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;--tw-content: "";margin:0;line-height:inherit}.dark,.dark *{--asdk-dui-background-color: var(--app-sdk-dynamic-ui-background-color, #2c2c2c);--asdk-dui-shadow-color: var(--app-sdk-dynamic-ui-shadow-color, #5d5d5d);--asdk-dui-border-color: var(--app-sdk-dynamic-ui-border-color, transparent);--asdk-dui-formfield-hint-text-color: var( --app-sdk-dynamic-ui-formfield-hint-text-color, #9e9d9d );--asdk-dui-formfield-background-color: var( --app-sdk-dynamic-ui-formfield-background-color, #555 );--asdk-dui-formfield-placeholder-text-color: var( --app-sdk-dynamic-ui-formfield-placeholder-text-color, #9ca3af );--asdk-dui-formfield-invalid-color: var(--app-sdk-dynamic-ui-formfield-invalid-color, #dc35467f);--asdk-dui-formfield-checkbox-text-color: var(--app-sdk-dynamic-ui-formfield-checkbox-text-color, #007bff74);--asdk-dui-header-text-color: var(--app-sdk-dynamic-ui-header-text-color, #a5a5a5);--asdk-dui-footer-background-color: var( --app-sdk-dynamic-ui-footer-background-color, #232323 );--asdk-dui-footer-continue-button-background-color: var( --app-sdk-dynamic-ui-footer-continue-button-background-color, #33609a );--asdk-dui-footer-continue-button-background-hover-color: var( --app-sdk-dynamic-ui-footer-continue-button-background-hover-color, #3666a5 );--asdk-dui-footer-continue-button-focus-outline-color: var( --app-sdk-dynamic-ui-footer-continue-button-focus-outline-color, #3666a5 );--asdk-dui-footer-decline-button-background-color: var( --app-sdk-dynamic-ui-footer-decline-button-background-color, #555 );--asdk-dui-footer-decline-button-background-hover-color: var( --app-sdk-dynamic-ui-footer-decline-button-background-hover-color, #5d5d5d );--asdk-dui-footer-decline-button-focus-outline-color: var( --app-sdk-dynamic-ui-footer-decline-button-focus-outline-color, #5d5d5d )}*,:before,:after{--asdk-dui-background-color: var(--app-sdk-dynamic-ui-background-color, #fff);--asdk-dui-text-color: var(--app-sdk-dynamic-ui-text-color, var(--asdk-text-color));--asdk-dui-link-color: var(--app-sdk-dynamic-ui-link-color, #0284c7);--asdk-dui-link-hover-color: var(--app-sdk-dynamic-ui-link-hover-color, #0c4a6e);--asdk-dui-border-color: var(--app-sdk-dynamic-ui-border-color, #d1d5db);--asdk-dui-focus-color: var(--app-sdk-dynamic-ui-focus-color, var(--asdk-focus-color));--asdk-dui-shadow-color: var(--app-sdk-dynamic-ui-shadow-color, #9ca3af);--asdk-dui-formfield-hint-text-color: var(--app-sdk-dynamic-ui-formfield-hint-text-color, #6b7280);--asdk-dui-formfield-background-color: var(--app-sdk-dynamic-ui-formfield-background-color, #fff);--asdk-dui-formfield-placeholder-text-color: var( --app-sdk-dynamic-ui-formfield-placeholder-text-color, #6b7280 );--asdk-dui-formfield-invalid-color: var(--app-sdk-dynamic-ui-formfield-invalid-color, #ef4444);--asdk-dui-formfield-checkbox-text-color: var( --app-sdk-dynamic-ui-formfield-checkbox-text-color, #0284c7 );--asdk-dui-header-text-color: var(--app-sdk-dynamic-ui-header-text-color, #111827);--asdk-dui-footer-background-color: var(--app-sdk-dynamic-ui-footer-background-color, #f9fafb);--asdk-dui-footer-continue-button-text-color: var( --app-sdk-dynamic-ui-footer-continue-button-text-color, #fff );--asdk-dui-footer-continue-button-background-color: var( --app-sdk-dynamic-ui-footer-continue-button-background-color, #0284c7 );--asdk-dui-footer-continue-button-background-hover-color: var( --app-sdk-dynamic-ui-footer-continue-button-background-hover-color, #0369a1 );--asdk-dui-footer-continue-button-focus-outline-color: var( --app-sdk-dynamic-ui-footer-continue-button-focus-outline-color, #0ea5e9 );--asdk-dui-footer-decline-button-text-color: var( --app-sdk-dynamic-ui-footer-decline-button-text-color, var(--asdk-text-color) );--asdk-dui-footer-decline-button-background-color: var( --app-sdk-dynamic-ui-footer-decline-button-background-color, #fff );--asdk-dui-footer-decline-button-background-hover-color: var( --app-sdk-dynamic-ui-footer-decline-button-background-hover-color, #f9fafb );--asdk-dui-footer-decline-button-focus-outline-color: var( --app-sdk-dynamic-ui-footer-decline-button-focus-outline-color, #d1d5db );--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.app-sdk-form-input,.app-sdk-form-textarea,.app-sdk-form-select,.app-sdk-form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.app-sdk-form-input:focus,.app-sdk-form-textarea:focus,.app-sdk-form-select:focus,.app-sdk-form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.app-sdk-form-input::-moz-placeholder,.app-sdk-form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.app-sdk-form-input::placeholder,.app-sdk-form-textarea::placeholder{color:#6b7280;opacity:1}.app-sdk-form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.app-sdk-form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.app-sdk-form-input::-webkit-datetime-edit{display:inline-flex}.app-sdk-form-input::-webkit-datetime-edit,.app-sdk-form-input::-webkit-datetime-edit-year-field,.app-sdk-form-input::-webkit-datetime-edit-month-field,.app-sdk-form-input::-webkit-datetime-edit-day-field,.app-sdk-form-input::-webkit-datetime-edit-hour-field,.app-sdk-form-input::-webkit-datetime-edit-minute-field,.app-sdk-form-input::-webkit-datetime-edit-second-field,.app-sdk-form-input::-webkit-datetime-edit-millisecond-field,.app-sdk-form-input::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.app-sdk-form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-sdk-form-select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}.app-sdk-form-checkbox,.app-sdk-form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}.app-sdk-form-checkbox{border-radius:0}.app-sdk-form-radio{border-radius:100%}.app-sdk-form-checkbox:focus,.app-sdk-form-radio:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.app-sdk-form-checkbox:checked,.app-sdk-form-radio:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.app-sdk-form-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.app-sdk-form-checkbox:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-radio:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){.app-sdk-form-radio:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-checkbox:checked:hover,.app-sdk-form-checkbox:checked:focus,.app-sdk-form-radio:checked:hover,.app-sdk-form-radio:checked:focus{border-color:transparent;background-color:currentColor}.app-sdk-form-checkbox:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.app-sdk-form-checkbox:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-checkbox:indeterminate:hover,.app-sdk-form-checkbox:indeterminate:focus{border-color:transparent;background-color:currentColor}.app-sdk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-sdk-absolute{position:absolute}.app-sdk-relative{position:relative}.app-sdk-right-0{right:0}.app-sdk-z-10{z-index:10}.app-sdk-mx-auto{margin-left:auto;margin-right:auto}.app-sdk-ml-3{margin-left:.75rem}.app-sdk-mt-1{margin-top:.25rem}.app-sdk-mt-2{margin-top:.5rem}.app-sdk-block{display:block}.app-sdk-inline-block{display:inline-block}.app-sdk-flex{display:flex}.app-sdk-inline-flex{display:inline-flex}.app-sdk-h-4{height:1rem}.app-sdk-h-5{height:1.25rem}.app-sdk-h-full{height:100%}.app-sdk-max-h-full{max-height:100%}.app-sdk-min-h-\[200px\]{min-height:200px}.app-sdk-w-4{width:1rem}.app-sdk-w-5{width:1.25rem}.app-sdk-w-56{width:14rem}.app-sdk-w-full{width:100%}.app-sdk-flex-1{flex:1 1 0%}.app-sdk-origin-top-right{transform-origin:top right}.app-sdk-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-cursor-pointer{cursor:pointer}.app-sdk-flex-col{flex-direction:column}.app-sdk-items-start{align-items:flex-start}.app-sdk-items-center{align-items:center}.app-sdk-justify-center{justify-content:center}.app-sdk-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.app-sdk-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.app-sdk-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.app-sdk-self-center{align-self:center}.app-sdk-overflow-y-auto{overflow-y:auto}.app-sdk-rounded{border-radius:.25rem}.app-sdk-rounded-full{border-radius:9999px}.app-sdk-rounded-lg{border-radius:.5rem}.app-sdk-rounded-md{border-radius:.375rem}.app-sdk-rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.app-sdk-border{border-width:1px}.app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\]{border-color:var(--asdk-dui-border-color)}.app-sdk-border-transparent{border-color:transparent}.app-sdk-bg-\[color\:var\(--asdk-ddm-background-color\)\]{background-color:var(--asdk-ddm-background-color)}.app-sdk-bg-\[color\:var\(--asdk-ddm-entry-background-hover-color\)\]{background-color:var(--asdk-ddm-entry-background-hover-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-background-color\)\]{background-color:var(--asdk-dui-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-background-color\)\]{background-color:var(--asdk-dui-footer-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-continue-button-background-color\)\]{background-color:var(--asdk-dui-footer-continue-button-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-decline-button-background-color\)\]{background-color:var(--asdk-dui-footer-decline-button-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-formfield-background-color\)\]{background-color:var(--asdk-dui-formfield-background-color)}.app-sdk-bg-transparent{background-color:transparent}.app-sdk-p-0{padding:0}.app-sdk-px-3{padding-left:.75rem;padding-right:.75rem}.app-sdk-px-4{padding-left:1rem;padding-right:1rem}.app-sdk-py-1{padding-top:.25rem;padding-bottom:.25rem}.app-sdk-py-2{padding-top:.5rem;padding-bottom:.5rem}.app-sdk-py-3{padding-top:.75rem;padding-bottom:.75rem}.app-sdk-pb-0{padding-bottom:0}.app-sdk-pb-3{padding-bottom:.75rem}.app-sdk-pl-0{padding-left:0}.app-sdk-pl-3{padding-left:.75rem}.app-sdk-pr-10{padding-right:2.5rem}.app-sdk-pt-4{padding-top:1rem}.app-sdk-text-left{text-align:left}.app-sdk-text-2xl{font-size:1.5rem;line-height:2rem}.app-sdk-text-\[100\%\]{font-size:100%}.app-sdk-text-base{font-size:1rem;line-height:1.5rem}.app-sdk-text-lg{font-size:1.125rem;line-height:1.75rem}.app-sdk-text-sm{font-size:.875rem;line-height:1.25rem}.app-sdk-text-xl{font-size:1.25rem;line-height:1.75rem}.app-sdk-font-bold{font-weight:700}.app-sdk-font-medium{font-weight:500}.app-sdk-leading-4{line-height:1rem}.app-sdk-leading-6{line-height:1.5rem}.app-sdk-text-\[color\:var\(--asdk-ddm-danger-entry-text-color\)\]{color:var(--asdk-ddm-danger-entry-text-color)}.app-sdk-text-\[color\:var\(--asdk-ddm-default-entry-text-color\)\]{color:var(--asdk-ddm-default-entry-text-color)}.app-sdk-text-\[color\:var\(--asdk-ddm-icon-text-color\)\]{color:var(--asdk-ddm-icon-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-footer-continue-button-text-color\)\]{color:var(--asdk-dui-footer-continue-button-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-footer-decline-button-text-color\)\]{color:var(--asdk-dui-footer-decline-button-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-formfield-checkbox-text-color\)\]{color:var(--asdk-dui-formfield-checkbox-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-formfield-hint-text-color\)\]{color:var(--asdk-dui-formfield-hint-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-header-text-color\)\]{color:var(--asdk-dui-header-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-text-color\)\]{color:var(--asdk-dui-text-color)}.app-sdk-text-app-sdk-inherit{color:inherit}.app-sdk-placeholder-\[color\:var\(--asdk-dui-formfield-placeholder-text-color\)\]::-moz-placeholder{color:var(--asdk-dui-formfield-placeholder-text-color)}.app-sdk-placeholder-\[color\:var\(--asdk-dui-formfield-placeholder-text-color\)\]::placeholder{color:var(--asdk-dui-formfield-placeholder-text-color)}.app-sdk-opacity-0{opacity:0}.app-sdk-opacity-100{opacity:1}.app-sdk-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-sdk-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-sdk-shadow-\[color\:var\(--asdk-dui-shadow-color\)\]{--tw-shadow-color: var(--asdk-dui-shadow-color);--tw-shadow: var(--tw-shadow-colored)}.app-sdk-ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.app-sdk-ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.app-sdk-ring-opacity-5{--tw-ring-opacity: .05}.app-sdk-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-sdk-duration-100{transition-duration:.1s}.app-sdk-duration-75{transition-duration:75ms}.app-sdk-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.app-sdk-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000;border-radius:0}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked:hover,.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked:focus{border-color:transparent;background-color:currentColor}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate:hover,.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}.invalid\:app-sdk-border-\[color\:var\(--asdk-dui-formfield-invalid-color\)\]:invalid{border-color:var(--asdk-dui-formfield-invalid-color)}.invalid\:app-sdk-ring-1:invalid{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.invalid\:app-sdk-ring-\[color\:var\(--asdk-dui-formfield-invalid-color\)\]:invalid{--tw-ring-color: var(--asdk-dui-formfield-invalid-color)}.hover\:app-sdk-bg-\[color\:var\(--asdk-dui-footer-continue-button-background-hover-color\)\]:hover{background-color:var(--asdk-dui-footer-continue-button-background-hover-color)}.hover\:app-sdk-bg-\[color\:var\(--asdk-dui-footer-decline-button-background-hover-color\)\]:hover{background-color:var(--asdk-dui-footer-decline-button-background-hover-color)}.hover\:app-sdk-text-\[color\:var\(--asdk-ddm-icon-text-hover-color\)\]:hover{color:var(--asdk-ddm-icon-text-hover-color)}.focus\:app-sdk-border-\[color\:var\(--asdk-dui-focus-color\)\]:focus{border-color:var(--asdk-dui-focus-color)}.focus\:app-sdk-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:app-sdk-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:app-sdk-ring-\[color\:var\(--asdk-ddm-focus-color\)\]:focus{--tw-ring-color: var(--asdk-ddm-focus-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-focus-color\)\]:focus{--tw-ring-color: var(--asdk-dui-focus-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-footer-continue-button-focus-outline-color\)\]:focus{--tw-ring-color: var(--asdk-dui-footer-continue-button-focus-outline-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-footer-decline-button-focus-outline-color\)\]:focus{--tw-ring-color: var(--asdk-dui-footer-decline-button-focus-outline-color)}.focus\:app-sdk-ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:app-sdk-cursor-default:disabled{cursor:default}.dark\:app-sdk-border-2:is(.app-sdk-dark *){border-width:2px}.dark\:app-sdk-border-solid:is(.app-sdk-dark *){border-style:solid}.dark\:app-sdk-border-transparent:is(.app-sdk-dark *){border-color:transparent}.dark\:app-sdk-bg-app-sdk-dropdown-dark:is(.app-sdk-dark *){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.dark\:\[color-scheme\:dark\]:is(.app-sdk-dark *){color-scheme:dark}.dark\:invalid\:app-sdk-shadow-app-sdk-dark-invalid:invalid:is(.app-sdk-dark *){--tw-shadow: 0 0 0 .2rem rgb(220 53 69 / 25%);--tw-shadow-colored: 0 0 0 .2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:focus\:app-sdk-shadow-app-sdk-dark:focus:is(.app-sdk-dark *){--tw-shadow: 0 0 0px .2rem rgb(0 123 255 / 25%);--tw-shadow-colored: 0 0 0px .2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.sm\:app-sdk-ml-2{margin-left:.5rem}.sm\:app-sdk-flex{display:flex}.sm\:app-sdk-w-auto{width:auto}.sm\:app-sdk-w-full{width:100%}.sm\:app-sdk-max-w-lg{max-width:32rem}.sm\:app-sdk-flex-row-reverse{flex-direction:row-reverse}.sm\:-app-sdk-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:app-sdk-space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:app-sdk-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:app-sdk-text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&_a\]\:app-sdk-text-\[color\:var\(--asdk-dui-link-color\)\] a{color:var(--asdk-dui-link-color)}.\[\&_a\]\:app-sdk-underline a{text-decoration-line:underline}.hover\:\[\&_a\]\:app-sdk-text-\[color\:var\(--asdk-dui-link-hover-color\)\] a:hover{color:var(--asdk-dui-link-hover-color)}.\[\&_blockquote\]\:app-sdk-m-\[revert\] blockquote{margin:revert}.\[\&_code\]\:app-sdk-text-\[\#e83e8c\] code{--tw-text-opacity: 1;color:rgb(232 62 140 / var(--tw-text-opacity))}.\[\&_fieldset\]\:app-sdk-m-\[revert\] fieldset{margin:revert}.\[\&_fieldset\]\:app-sdk-p-\[revert\] fieldset{padding:revert}.\[\&_h1\]\:app-sdk-m-\[revert\] h1{margin:revert}.\[\&_h1\]\:app-sdk-text-2xl h1{font-size:1.5rem;line-height:2rem}.\[\&_h1\]\:app-sdk-font-bold h1{font-weight:700}.\[\&_h2\]\:app-sdk-m-\[revert\] h2{margin:revert}.\[\&_h2\]\:app-sdk-text-xl h2{font-size:1.25rem;line-height:1.75rem}.\[\&_h2\]\:app-sdk-font-bold h2{font-weight:700}.\[\&_h3\]\:app-sdk-m-\[revert\] h3{margin:revert}.\[\&_h3\]\:app-sdk-text-lg h3{font-size:1.125rem;line-height:1.75rem}.\[\&_h3\]\:app-sdk-font-bold h3{font-weight:700}.\[\&_h4\]\:app-sdk-m-\[revert\] h4{margin:revert}.\[\&_h4\]\:app-sdk-text-base h4{font-size:1rem;line-height:1.5rem}.\[\&_h4\]\:app-sdk-font-bold h4{font-weight:700}.\[\&_h5\]\:app-sdk-m-\[revert\] h5{margin:revert}.\[\&_h5\]\:app-sdk-text-sm h5{font-size:.875rem;line-height:1.25rem}.\[\&_h5\]\:app-sdk-font-bold h5{font-weight:700}.\[\&_h6\]\:app-sdk-m-\[revert\] h6{margin:revert}.\[\&_h6\]\:app-sdk-text-xs h6{font-size:.75rem;line-height:1rem}.\[\&_h6\]\:app-sdk-font-bold h6{font-weight:700}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-h-4 input[type=checkbox]{height:1rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-w-4 input[type=checkbox]{width:1rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-rounded input[type=checkbox]{border-radius:.25rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-border input[type=checkbox]{border-width:1px}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\] input[type=checkbox]{border-color:var(--asdk-dui-border-color)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-text-sky-600 input[type=checkbox]{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity))}.\[\&_input\[type\=\'checkbox\'\]\]\:hover\:app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\]:hover input[type=checkbox]{border-color:var(--asdk-dui-border-color)}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-2:is(.app-sdk-dark *) input[type=checkbox]{border-width:2px}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-solid:is(.app-sdk-dark *) input[type=checkbox]{border-style:solid}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-transparent:is(.app-sdk-dark *) input[type=checkbox]{border-color:transparent}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-bg-app-sdk-gray-350:is(.app-sdk-dark *) input[type=checkbox]{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-text-\[\#007bff40\]:is(.app-sdk-dark *) input[type=checkbox]{color:#007bff40}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:hover\:app-sdk-border-transparent:hover:is(.app-sdk-dark *) input[type=checkbox]{border-color:transparent}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:hover\:checked\:app-sdk-bg-app-sdk-gray-350:checked:hover:is(.app-sdk-dark *) input[type=checkbox]{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.\[\&_menu\]\:app-sdk-m-\[revert\] menu{margin:revert}.\[\&_menu\]\:app-sdk-p-\[revert\] menu{padding:revert}.\[\&_ol\]\:app-sdk-m-\[revert\] ol{margin:revert}.\[\&_ol\]\:app-sdk-list-decimal ol{list-style-type:decimal}.\[\&_ol\]\:app-sdk-p-\[revert\] ol{padding:revert}.\[\&_ol_p\]\:app-sdk-my-2 ol p{margin-top:.5rem;margin-bottom:.5rem}.first-of-type\:\[\&_ol_p\]\:app-sdk-my-4 ol p:first-of-type{margin-top:1rem;margin-bottom:1rem}.\[\&_p\]\:app-sdk-my-4 p{margin-top:1rem;margin-bottom:1rem}.first-of-type\:\[\&_p\]\:app-sdk-mb-4 p:first-of-type{margin-bottom:1rem}.first-of-type\:\[\&_p\]\:app-sdk-mt-0 p:first-of-type{margin-top:0}.\[\&_pre\]\:app-sdk-my-4 pre{margin-top:1rem;margin-bottom:1rem}.\[\&_pre\]\:app-sdk-bg-gray-100 pre{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.\[\&_pre\]\:dark\:app-sdk-bg-app-sdk-gray-700:is(.app-sdk-dark *) pre{--tw-bg-opacity: 1;background-color:rgb(29 29 29 / var(--tw-bg-opacity))}.\[\&_pre_code\]\:app-sdk-text-inherit pre code{color:inherit}.\[\&_ul\]\:app-sdk-m-\[revert\] ul{margin:revert}.\[\&_ul\]\:app-sdk-list-disc ul{list-style-type:disc}.\[\&_ul\]\:app-sdk-p-\[revert\] ul{padding:revert}.\[\&_ul_p\]\:app-sdk-my-2 ul p{margin-top:.5rem;margin-bottom:.5rem}.first-of-type\:\[\&_ul_p\]\:app-sdk-my-4 ul p:first-of-type{margin-top:1rem;margin-bottom:1rem}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import React, { PropsWithChildren } from 'react';
|
|
2
|
+
import { DataModels } from '@5minds/processcube_engine_sdk';
|
|
3
|
+
import { UserTaskInstance } from '../../../common/types';
|
|
4
|
+
import { type DynamicUiFormFieldComponentMap } from './FormFields';
|
|
5
|
+
interface DynamicUiForwardedRefRenderFunction extends React.ForwardRefRenderFunction<DynamicUiRefFunctions, DynamicUiComponentProps> {
|
|
6
|
+
(props: DynamicUiComponentProps, ref: DynamicUiFormFieldRef): React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export type DynamicUiFormFieldComponent = DynamicUiForwardedRefRenderFunction | typeof DynamicUiComponent<DynamicUiComponentProps, {}>;
|
|
9
|
+
type DynamicUiRefFunctions = Omit<DynamicUiComponent, keyof React.Component>;
|
|
10
|
+
type JSONPrimitive = string | number | boolean | null;
|
|
11
|
+
type JSONValue = JSONPrimitive | JSONObject | JSONArray;
|
|
12
|
+
type JSONObject = {
|
|
13
|
+
[member: string]: JSONValue;
|
|
14
|
+
};
|
|
15
|
+
interface JSONArray extends Array<JSONValue> {
|
|
16
|
+
}
|
|
17
|
+
export declare abstract class DynamicUiComponent<P extends DynamicUiComponentProps = DynamicUiComponentProps, S = {}, SS = any> extends React.Component<P, S, SS> {
|
|
18
|
+
getValue?(): JSONValue | void;
|
|
19
|
+
getState?(): JSONValue | void;
|
|
20
|
+
}
|
|
21
|
+
export type DynamicUiFormFieldRef = React.ForwardedRef<DynamicUiRefFunctions>;
|
|
22
|
+
export type DynamicUiComponentProps<TState = any> = {
|
|
23
|
+
formField: DataModels.FlowNodeInstances.UserTaskFormField;
|
|
24
|
+
state?: TState;
|
|
25
|
+
};
|
|
26
|
+
export type UserTaskResult = DataModels.FlowNodeInstances.UserTaskResult;
|
|
27
|
+
export type FormState = {
|
|
28
|
+
[formFieldId: string]: JSONValue;
|
|
29
|
+
};
|
|
30
|
+
export declare function DynamicUi(props: PropsWithChildren<{
|
|
31
|
+
/** UserTaskInstance with a defined dynamic form */
|
|
32
|
+
task: DataModels.FlowNodeInstances.UserTaskInstance | UserTaskInstance;
|
|
33
|
+
/** Custom element to insert into the DynamicUI Headline */
|
|
34
|
+
headerComponent?: JSX.Element;
|
|
35
|
+
/** Callback, that will be called when the form is submitted */
|
|
36
|
+
onSubmit: (result: UserTaskResult, rawFormData: FormData, task: UserTaskInstance) => Promise<void>;
|
|
37
|
+
/** Custom class name for the root element */
|
|
38
|
+
className?: string;
|
|
39
|
+
/** Custom class names for the different parts of the component */
|
|
40
|
+
classNames?: Partial<Record<'wrapper' | 'base' | 'header' | 'body' | 'footer', string>>;
|
|
41
|
+
/** Custom title for the headline of the dialog */
|
|
42
|
+
title?: React.ReactNode;
|
|
43
|
+
/** Custom components that will be used to render own form field types or override existing ones */
|
|
44
|
+
customFieldComponents?: DynamicUiFormFieldComponentMap;
|
|
45
|
+
/** Initial state of the form fields */
|
|
46
|
+
state?: FormState;
|
|
47
|
+
/** Callback, that is called on every form field change */
|
|
48
|
+
onStateChange?: (newValue: string, formFieldId: string, formState: FormState) => void | Promise<void>;
|
|
49
|
+
/** Option to enable dark mode */
|
|
50
|
+
darkMode?: true;
|
|
51
|
+
}>): import("react/jsx-runtime").JSX.Element;
|
|
52
|
+
export {};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { DataModels } from '@5minds/processcube_engine_sdk';
|
|
2
|
+
import { DynamicUiFormFieldComponent } from '../DynamicUi';
|
|
3
|
+
declare enum MissingFormFieldType {
|
|
4
|
+
paragraph = "paragraph",
|
|
5
|
+
header = "header",
|
|
6
|
+
confirm = "confirm"
|
|
7
|
+
}
|
|
8
|
+
declare const UserTaskFormFieldType: {
|
|
9
|
+
paragraph: MissingFormFieldType.paragraph;
|
|
10
|
+
header: MissingFormFieldType.header;
|
|
11
|
+
confirm: MissingFormFieldType.confirm;
|
|
12
|
+
boolean: DataModels.FlowNodeInstances.UserTaskFormFieldType.boolean;
|
|
13
|
+
date: DataModels.FlowNodeInstances.UserTaskFormFieldType.date;
|
|
14
|
+
enum: DataModels.FlowNodeInstances.UserTaskFormFieldType.enum;
|
|
15
|
+
long: DataModels.FlowNodeInstances.UserTaskFormFieldType.long;
|
|
16
|
+
number: DataModels.FlowNodeInstances.UserTaskFormFieldType.number;
|
|
17
|
+
string: DataModels.FlowNodeInstances.UserTaskFormFieldType.string;
|
|
18
|
+
};
|
|
19
|
+
type CommonFormFieldTypeComponentMap = {
|
|
20
|
+
[TFormFieldType in keyof typeof UserTaskFormFieldType]: DynamicUiFormFieldComponent;
|
|
21
|
+
};
|
|
22
|
+
export type GenericFormFieldTypeComponentMap = {
|
|
23
|
+
[type: string]: DynamicUiFormFieldComponent;
|
|
24
|
+
};
|
|
25
|
+
export type DynamicUiFormFieldComponentMap = CommonFormFieldTypeComponentMap | GenericFormFieldTypeComponentMap;
|
|
26
|
+
export declare const FormFieldComponentMap: DynamicUiFormFieldComponentMap;
|
|
27
|
+
export { BooleanFormField } from './BooleanFormField';
|
|
28
|
+
export { DateFormField } from './DateFormField';
|
|
29
|
+
export { DecimalFormField } from './DecimalFormField';
|
|
30
|
+
export { EnumFormField } from './EnumFormField';
|
|
31
|
+
export { IntegerFormField } from './IntegerFormField';
|
|
32
|
+
export { StringFormField } from './StringFormField';
|
|
33
|
+
export { ParagraphFormField } from './ParagraphFormField';
|
|
34
|
+
export { HeaderFormField } from './HeaderFormField';
|
|
35
|
+
export { ConfirmFormField } from './ConfirmFormField';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function isNumber(value: any): boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function parseCustomFormConfig(customFormConfig?: string): Record<string, string> | null;
|
package/build/client/index.cjs
CHANGED
|
@@ -1 +1,14 @@
|
|
|
1
|
-
"use client";var m=Object.create;var i=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var s=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty;var y=(r,e)=>{for(var n in e)i(r,n,{get:e[n],enumerable:!0})},p=(r,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let t of u(e))!l.call(r,t)&&t!==n&&i(r,t,{get:()=>e[t],enumerable:!(o=f(e,t))||o.enumerable});return r};var D=(r,e,n)=>(n=r!=null?m(s(r)):{},p(e||!r||!r.__esModule?i(n,"default",{value:r,enumerable:!0}):n,r)),k=r=>p(i({},"__esModule",{value:!0}),r);var v={};y(v,{DynamicLink:()=>h});module.exports=k(v);var x=require("client-only");var a=require("next/navigation"),c=D(require("react"),1);function h({href:r,children:e}){let n=(0,a.useRouter)();return c.default.createElement("a",{href:r,onClick:o=>{o.preventDefault(),n.replace(r),n.refresh()}},e)}0&&(module.exports={DynamicLink});
|
|
1
|
+
"use client";var me=Object.create;var _=Object.defineProperty;var ce=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var ue=Object.getPrototypeOf,fe=Object.prototype.hasOwnProperty;var be=(e,r)=>{for(var o in r)_(e,o,{get:r[o],enumerable:!0})},q=(e,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let s of ke(r))!fe.call(e,s)&&s!==o&&_(e,s,{get:()=>r[s],enumerable:!(a=ce(r,s))||a.enumerable});return e};var k=(e,r,o)=>(o=e!=null?me(ue(e)):{},q(r||!e||!e.__esModule?_(o,"default",{value:e,enumerable:!0}):o,e)),he=e=>q(_({},"__esModule",{value:!0}),e);var Te={};be(Te,{BooleanFormField:()=>S,ConfirmFormField:()=>T,DateFormField:()=>I,DecimalFormField:()=>E,DropdownMenu:()=>_e,DropdownMenuItem:()=>Se,DynamicLink:()=>ve,DynamicUi:()=>ge,DynamicUiComponent:()=>z,EnumFormField:()=>M,FormFieldComponentMap:()=>X,HeaderFormField:()=>V,IntegerFormField:()=>R,ParagraphFormField:()=>J,StringFormField:()=>$});module.exports=he(Te);var Ia=require("client-only");var K=require("next/navigation"),Y=k(require("react"),1);function ve({href:e,children:r}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let o=(0,K.useRouter)();return Y.default.createElement("a",{href:e,onClick:a=>{a.preventDefault(),o.replace(e),o.refresh()}},r)}var p=k(require("react"),1),j=k(require("react-is"),1),de=k(require("semver/functions/gt"),1),se=k(require("semver/functions/prerelease"),1),pe=k(require("semver/functions/satisfies"),1),te=require("../common/index.cjs");function b(...e){return e.filter(Boolean).join(" ")}var ae=require("@5minds/processcube_engine_sdk");var y=k(require("react"),1);function u(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function S(e,r){let{formField:o}=e,a=`${o.id}-hint`,s=u(o.customForm);return y.default.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},y.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},y.default.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||o.defaultValue==="true",id:o.id,name:o.id,"aria-describedby":s?.hint?a:void 0,"data-form-field-type":"boolean"})),y.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},y.default.createElement("label",{className:"app-sdk-font-medium",htmlFor:o.id},o.label),s?.hint&&y.default.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s.hint)))}var Q=k(require("react"),1);function T(e,r){return Q.default.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}var x=k(require("react"),1);function I(e,r){let{formField:o}=e,a=`${o.id}-hint`,s=u(o.customForm);ye(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${o.id}"`);let d=e.state||o.defaultValue?.toString();return x.default.createElement("div",null,x.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),x.default.createElement("div",{className:"app-sdk-mt-1"},x.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:d,id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"date"})),s?.hint&&x.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}function ye(e){return new Date(e?.toString()).toString()!=="Invalid Date"}var C=k(require("react"),1);function P(e){return!Number.isNaN(Number(e?.toString()))}function E(e,r){let{formField:o}=e,a=`${o.id}-hint`,s=u(o.customForm);return P(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${o.id}"`),C.default.createElement("div",null,C.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),C.default.createElement("div",{className:"app-sdk-mt-1"},C.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:"0.01",placeholder:s?.placeholder||"0.00",defaultValue:e.state||o.defaultValue?.toString(),id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"decimal"})),s?.hint&&C.default.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}var l=k(require("react"),1);function M({formField:e,state:r},o){let a=u(e.customForm),s=e.label,d=e.enumValues,n;switch(a?.displayAs){case"checkbox":let v;Array.isArray(r)&&r.length?v=r:v=(r||e.defaultValue?.toString())?.split(",")??[],n=l.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},d?.map(t=>{let U=v.find(H=>H.trim()===t.id);return l.default.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},l.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},l.default.createElement("input",{type:"checkbox",defaultChecked:U,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),l.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},l.default.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))}));break;case"radio":n=l.default.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},d?.map(t=>l.default.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},l.default.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},l.default.createElement("input",{type:"radio",defaultChecked:(r||e.defaultValue)==t.id,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),l.default.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},l.default.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))));break;default:let g=r||d?.find(t=>t.id===e.defaultValue)?.id||"";n=l.default.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:t=>t.target.dataset.value=t.target.value,"data-value":g,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:g},l.default.createElement("option",{value:""},!g&&a?.placeholder),d?.map(t=>l.default.createElement("option",{key:t.id,value:t.id},t.name)));break}let m=a?.hint?l.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return l.default.createElement("div",null,l.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),n,m)}var D=k(require("react"),1);function V({formField:e},r){let o=u(e.customForm),a;switch(o?.style){case"heading_1":a=D.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=D.default.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=D.default.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=D.default.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return D.default.createElement("div",{className:"app-sdk-header-form-field"},a)}var N=k(require("react"),1);function R({formField:e,state:r},o){let a=u(e.customForm);return P(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${e.id}"`),N.default.createElement("div",null,N.default.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),N.default.createElement("div",{className:"app-sdk-mt-1"},N.default.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:e.id,name:e.id,defaultValue:r||e.defaultValue?.toString(),placeholder:a?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),a?.hint&&N.default.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint))}var Z=k(require("isomorphic-dompurify"),1),O=require("marked"),ee=k(require("react"),1),A=require("react");function J({formField:{defaultValue:e,label:r}},o){let[a,s]=(0,A.useState)("");return(0,A.useEffect)(()=>{let d=O.marked.parse(e?.toString()??r?.toString()??"",{renderer:new G,hooks:{postprocess:n=>Z.default.sanitize(n,{ADD_ATTR:["target"]}),preprocess:O.marked.Hooks.prototype.preprocess}});s(d)},[e,r]),ee.default.createElement("div",{className:b("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:a}})}var G=class extends O.marked.Renderer{link(r,o,a){return super.link(r,o,a).replace("<a","<a target='_blank'")}html(r,o){let a=super.html(r,o);return a.startsWith("<a ")&&!a.includes("target=")?a.replace("<a ",'<a target="_blank" '):a}};var w=k(require("react"),1);function $({formField:e,state:r},o){let a=u(e.customForm),s=e.label,d=a?.multiline==="true"?"textarea":"input",n=w.default.createElement(d,{className:b(d==="input"?"app-sdk-form-input":"app-sdk-form-textarea","app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-shadow-sm focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-block app-sdk-w-full sm:app-sdk-text-sm app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 dark:app-sdk-border-solid dark:app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] dark:focus:app-sdk-shadow-app-sdk-dark app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] dark:invalid:app-sdk-shadow-app-sdk-dark-invalid"),id:e.id,name:e.id,defaultValue:r||(e.defaultValue?.toString()??""),placeholder:a?.placeholder,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,type:d==="input"?"text":void 0,rows:d==="textarea"?4:void 0,"data-form-field-type":"string"}),m=a?.hint?w.default.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return w.default.createElement("div",null,w.default.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),w.default.createElement("div",{className:"app-sdk-mt-1"},n),m)}var oe=(a=>(a.paragraph="paragraph",a.header="header",a.confirm="confirm",a))(oe||{}),ca={...ae.DataModels.FlowNodeInstances.UserTaskFormFieldType,...oe},X={boolean:S,date:I,enum:M,long:R,number:E,string:$,paragraph:J,header:V,confirm:T};var Fe=(0,pe.default)(p.default.version,">=18.0.0 <19",{includePrerelease:!0}),ne=(0,se.default)(p.default.version)==null,re=!ne&&(0,de.default)(p.default.version,"18.2.0")&&p.default.version.includes("canary"),z=class extends p.default.Component{};function ge(e){Fe||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
|
|
2
|
+
Version: ${p.default.version}`);let{userTaskConfig:r}=e.task,{formFields:o}=r,a=(0,p.useRef)(),s=(0,p.useRef)(null),d=new Map(o.map(i=>[i.id,{ref:p.default.createRef()}])),n=o.filter(i=>i.type==="confirm");n.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Warning while rendering UserTask "${e.task.flowNodeId}"!
|
|
3
|
+
The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
|
|
4
|
+
|
|
5
|
+
The first confirm form field is used for rendering.`);let m=n.length===1?n[0]:null,v={...X,...e.customFieldComponents?e.customFieldComponents:{}},g=i=>{let c=Ue(i,o,d);e.onSubmit(c,i,(0,te.mapUserTask)(e.task))};function t(i){let c=i.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=void 0,s.current==null)return;let h=new FormData(s.current),B=we(h,d);e.onStateChange?.(c.value,c.name,B)},100)}let U=b("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)] sm:app-sdk-w-full sm:app-sdk-max-w-lg",e.classNames?.wrapper??"",e.className??""),H=e.darkMode||U.split(" ").includes("dark"),ie={...re&&{action:g},...!re&&ne&&{onSubmit:i=>{let c=new FormData(s.current),h=i.nativeEvent.submitter;c.has(h.name)||c.append(h.name,h.value),g(c)},method:"dialog"}};return p.default.createElement("div",{className:H?`dark app-sdk-dark ${U}`:b(...U.split(" ").filter(i=>i!=="dark"&&i!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},p.default.createElement("form",{ref:s,className:b("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)] app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:t,...ie},p.default.createElement("header",{className:b("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},p.default.createElement(Ce,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),p.default.createElement("section",{className:b("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},p.default.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},o.map(i=>{let c=v[i.type];if(!c)return null;if(!j.isValidElementType(c))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The given DynamicUiFormFieldComponent is not a valid React Element Type.
|
|
6
|
+
|
|
7
|
+
FormField: ${JSON.stringify(i,null,2)}
|
|
8
|
+
DynamicUiFormFieldComponent: ${c.toString()}
|
|
9
|
+
|
|
10
|
+
Rendering 'null' as fallback`),null;let h;if(W(c))De(c),h=c;else{let L=c;c.length===1&&(L=(le,Ie)=>p.default.createElement(c,{...le})),Ne(L),h=(0,p.forwardRef)(L)}let B=d.get(i.id)?.ref;return p.default.createElement(p.Fragment,{key:i.id},p.default.createElement(h,{ref:B,formField:i,state:e.state?.[i.id]}))}))),p.default.createElement("footer",{className:b("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},p.default.createElement(xe,{confirmFormField:m}))))}function xe(e){let{confirmFormField:r}=e,o=p.default.createElement(p.Fragment,null,p.default.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(r){let a=u(r.customForm);o=p.default.createElement(p.Fragment,null,p.default.createElement("button",{type:"submit",name:r.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},a?.confirmButtonText??"Confirm"),p.default.createElement("button",{type:"submit",name:r.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},a?.declineButtonText??"Decline"))}return p.default.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},o)}function Ce(e){return p.default.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},p.default.createElement("div",{className:"app-sdk-flex-1"},p.default.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),p.default.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function W(e){return e?.prototype?.isReactComponent!=null}function De(e){if(!(j.isValidElementType(e)&&W(e)))throw new Error("Expected Element to be a React Component")}function Ne(e){if(!(j.isValidElementType(e)&&!W(e)))throw new Error("Expected Element to be a functional Component")}function we(e,r){let o={};return e.forEach((a,s)=>{if(a instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
|
|
11
|
+
|
|
12
|
+
FormField: ${s} with ${a} `);return}o[s]?o[s]=Array.isArray(o[s])?[...o[s],a]:[o[s],a]:o[s]=a}),r.forEach((a,s)=>{if(typeof a.ref.current?.getState=="function"){let d=a.ref.current.getState();(typeof d=="boolean"||typeof d=="number"||typeof d=="string"||Array.isArray(d)||d==null||d?.toString()==="[object Object]")&&(o[s]=d)}}),o}function Ue(e,r,o){let a={};for(let d of e.keys()){let n=e.getAll(d);if(n[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
|
|
13
|
+
|
|
14
|
+
FormField: ${d} with ${n} `);continue}if(n.length===1?a[d]=n[0]:a[d]=n,a[d]==""&&delete a[d],a[d]){let m=r.find(v=>v.id===d)?.type;if(m==="boolean"){a[d]=a[d]==="on";continue}if(m==="confirm"){a[d]=JSON.parse(a[d]);continue}if(m==="number"){a[d]=parseFloat(a[d]);continue}if(m==="long"){a[d]=parseInt(a[d]);continue}}}let s=r.filter(d=>d.type==="boolean");return s.length&&s.forEach(d=>{a[d.id]||(a[d.id]=!1)}),o.forEach((d,n)=>{if(typeof d.ref.current?.getValue=="function"){let m=d.ref.current.getValue();(typeof m=="boolean"||typeof m=="number"||typeof m=="string"||Array.isArray(m)||m==null||m?.toString()==="[object Object]")&&(a[n]=m)}}),a}var F=require("@headlessui/react"),f=k(require("react"),1);function _e(e){return f.default.createElement(F.Menu,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},f.default.createElement("div",null,f.default.createElement(F.Menu.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)] "},f.default.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||f.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},f.default.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),f.default.createElement(F.Transition,{as:f.Fragment,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},f.default.createElement(F.Menu.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},f.default.createElement("div",{className:"app-sdk-py-1"},e.children))))}function Se(e){return f.default.createElement(F.Menu.Item,null,({active:r})=>f.default.createElement("button",{type:"button",onClick:()=>e.onClick(),className:b(r?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}0&&(module.exports={BooleanFormField,ConfirmFormField,DateFormField,DecimalFormField,DropdownMenu,DropdownMenuItem,DynamicLink,DynamicUi,DynamicUiComponent,EnumFormField,FormFieldComponentMap,HeaderFormField,IntegerFormField,ParagraphFormField,StringFormField});
|
package/build/client/index.d.ts
CHANGED
package/build/client/index.mjs
CHANGED
|
@@ -1 +1,14 @@
|
|
|
1
|
-
"use client";import"client-only";import{useRouter as o}from"next/navigation";import i from"react";function c({href:r,children:n}){let e=o();return i.createElement("a",{href:r,onClick:t=>{t.preventDefault(),e.replace(r),e.refresh()}},n)}export{c as DynamicLink};
|
|
1
|
+
"use client";import"client-only";import{useRouter as Z}from"next/navigation";import ee from"react";function Ne({href:e,children:d}){console.warn("The DynamicLink component is deprecated. Please use the NextJS Link component instead.");let o=Z();return ee.createElement("a",{href:e,onClick:a=>{a.preventDefault(),o.replace(e),o.refresh()}},d)}import p,{Fragment as B,forwardRef as ne,useRef as z}from"react";import*as U from"react-is";import ie from"semver/functions/gt";import le from"semver/functions/prerelease";import me from"semver/functions/satisfies";import{mapUserTask as ce}from"../common/index.mjs";function u(...e){return e.filter(Boolean).join(" ")}import{DataModels as te}from"@5minds/processcube_engine_sdk";import y from"react";function k(e){if(e!=null&&e.trim()!=="")try{return JSON.parse(e)}catch{return null}return null}function P(e,d){let{formField:o}=e,a=`${o.id}-hint`,s=k(o.customForm);return y.createElement("div",{className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},y.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},y.createElement("input",{type:"checkbox",className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark",defaultChecked:e.state&&e.state!=="false"||o.defaultValue==="true",id:o.id,name:o.id,"aria-describedby":s?.hint?a:void 0,"data-form-field-type":"boolean"})),y.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},y.createElement("label",{className:"app-sdk-font-medium",htmlFor:o.id},o.label),s?.hint&&y.createElement("p",{className:"app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s.hint)))}import ae from"react";function E(e,d){return ae.createElement("p",{className:"app-sdk-text-sm"},e.formField.label)}import g from"react";function M(e,d){let{formField:o}=e,a=`${o.id}-hint`,s=k(o.customForm);oe(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for date field "${o.id}"`);let r=e.state||o.defaultValue?.toString();return g.createElement("div",null,g.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),g.createElement("div",{className:"app-sdk-mt-1"},g.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"date",defaultValue:r,id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"date"})),s?.hint&&g.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}function oe(e){return new Date(e?.toString()).toString()!=="Invalid Date"}import x from"react";function w(e){return!Number.isNaN(Number(e?.toString()))}function V(e,d){let{formField:o}=e,a=`${o.id}-hint`,s=k(o.customForm);return w(o.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for decimal field "${o.id}"`),x.createElement("div",null,x.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:o.id},o.label),x.createElement("div",{className:"app-sdk-mt-1"},x.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:"0.01",placeholder:s?.placeholder||"0.00",defaultValue:e.state||o.defaultValue?.toString(),id:o.id,name:o.id,"aria-describedby":a,"data-form-field-type":"decimal"})),s?.hint&&x.createElement("p",{className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]",id:a},s?.hint))}import c from"react";function R({formField:e,state:d},o){let a=k(e.customForm),s=e.label,r=e.enumValues,n;switch(a?.displayAs){case"checkbox":let h;Array.isArray(d)&&d.length?h=d:h=(d||e.defaultValue?.toString())?.split(",")??[],n=c.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"checkbox","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},r?.map(t=>{let F=h.find(S=>S.trim()===t.id);return c.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},c.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},c.createElement("input",{type:"checkbox",defaultChecked:F,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-checkbox app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),c.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},c.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))}));break;case"radio":n=c.createElement("fieldset",{id:e.id,className:"app-sdk-pl-0 app-sdk-pb-0 app-sdk-space-y-2","data-type":"radio","aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum"},r?.map(t=>c.createElement("div",{key:t.id,className:"app-sdk-relative app-sdk-flex app-sdk-items-start"},c.createElement("div",{className:"app-sdk-flex app-sdk-h-5 app-sdk-items-center"},c.createElement("input",{type:"radio",defaultChecked:(d||e.defaultValue)==t.id,name:e.id,id:t.id,value:t.id,className:"app-sdk-form-radio app-sdk-border app-sdk-h-4 app-sdk-w-4 app-sdk-rounded app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-text-[color:var(--asdk-dui-formfield-checkbox-text-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] dark:app-sdk-border-2 dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:focus:app-sdk-shadow-app-sdk-dark"})),c.createElement("div",{className:"app-sdk-ml-3 app-sdk-text-sm"},c.createElement("label",{htmlFor:t.id,className:"app-sdk-font-medium app-sdk-text-[color:var(--asdk-dui-text-color)]"},t.name)))));break;default:let v=d||r?.find(t=>t.id===e.defaultValue)?.id||"";n=c.createElement("select",{id:e.id,name:e.id,className:"app-sdk-form-select app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-mt-1 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-py-2 app-sdk-pl-3 app-sdk-pr-10 app-sdk-text-base app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-outline-none focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:app-sdk-bg-app-sdk-dropdown-dark dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",onChange:t=>t.target.dataset.value=t.target.value,"data-value":v,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,"data-form-field-type":"enum",defaultValue:v},c.createElement("option",{value:""},!v&&a?.placeholder),r?.map(t=>c.createElement("option",{key:t.id,value:t.id},t.name)));break}let l=a?.hint?c.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return c.createElement("div",null,c.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),n,l)}import C from"react";function O({formField:e},d){let o=k(e.customForm),a;switch(o?.style){case"heading_1":a=C.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_2":a=C.createElement("h2",{className:"app-sdk-text-xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;case"heading_3":a=C.createElement("h3",{className:"app-sdk-text-lg app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break;default:a=C.createElement("h1",{className:"app-sdk-text-2xl app-sdk-font-bold"},e.defaultValue?.toString()||e.label?.toString());break}return C.createElement("div",{className:"app-sdk-header-form-field"},a)}import D from"react";function A({formField:e,state:d},o){let a=k(e.customForm);return w(e.defaultValue)||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Invalid default value for integer field "${e.id}"`),D.createElement("div",null,D.createElement("label",{htmlFor:e.id,className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium"},e.label),D.createElement("div",{className:"app-sdk-mt-1"},D.createElement("input",{className:"app-sdk-form-input app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-block app-sdk-w-full app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] app-sdk-shadow-sm invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] sm:app-sdk-text-sm dark:app-sdk-border-solid dark:app-sdk-border-transparent dark:invalid:app-sdk-shadow-app-sdk-dark-invalid dark:focus:app-sdk-shadow-app-sdk-dark",type:"number",step:1,id:e.id,name:e.id,defaultValue:d||e.defaultValue?.toString(),placeholder:a?.placeholder??"0","aria-describedby":`${e.id}-hint`,"data-form-field-type":"integer"})),a?.hint&&D.createElement("p",{id:`${e.id}-hint`,"data-hint":!0,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint))}import re from"isomorphic-dompurify";import{marked as J}from"marked";import de from"react";import{useEffect as se,useState as pe}from"react";function j({formField:{defaultValue:e,label:d}},o){let[a,s]=pe("");return se(()=>{let r=J.parse(e?.toString()??d?.toString()??"",{renderer:new $,hooks:{postprocess:n=>re.sanitize(n,{ADD_ATTR:["target"]}),preprocess:J.Hooks.prototype.preprocess}});s(r)},[e,d]),de.createElement("div",{className:u("app-sdk-text-sm","[&_p]:app-sdk-my-4 first-of-type:[&_p]:app-sdk-mb-4 first-of-type:[&_p]:app-sdk-mt-0","[&_a]:app-sdk-text-[color:var(--asdk-dui-link-color)] [&_a]:app-sdk-underline hover:[&_a]:app-sdk-text-[color:var(--asdk-dui-link-hover-color)]","[&_h1]:app-sdk-text-2xl [&_h1]:app-sdk-font-bold [&_h2]:app-sdk-text-xl [&_h2]:app-sdk-font-bold [&_h3]:app-sdk-text-lg [&_h3]:app-sdk-font-bold [&_h4]:app-sdk-text-base [&_h4]:app-sdk-font-bold [&_h5]:app-sdk-text-sm [&_h5]:app-sdk-font-bold [&_h6]:app-sdk-text-xs [&_h6]:app-sdk-font-bold","[&_code]:app-sdk-text-[#e83e8c] [&_pre]:app-sdk-my-4 [&_pre]:app-sdk-bg-gray-100 [&_pre]:dark:app-sdk-bg-app-sdk-gray-700 [&_pre_code]:app-sdk-text-inherit","[&_blockquote]:app-sdk-m-[revert] [&_fieldset]:app-sdk-m-[revert] [&_h1]:app-sdk-m-[revert] [&_h2]:app-sdk-m-[revert] [&_h3]:app-sdk-m-[revert] [&_h4]:app-sdk-m-[revert] [&_h5]:app-sdk-m-[revert] [&_h6]:app-sdk-m-[revert] [&_menu]:app-sdk-m-[revert] [&_ol]:app-sdk-m-[revert] [&_ul]:app-sdk-m-[revert]","[&_fieldset]:app-sdk-p-[revert] [&_menu]:app-sdk-p-[revert] [&_ol]:app-sdk-p-[revert] [&_ul]:app-sdk-p-[revert]","[&_ol]:app-sdk-list-decimal [&_ol_p]:app-sdk-my-2 first-of-type:[&_ol_p]:app-sdk-my-4 [&_ul]:app-sdk-list-disc [&_ul_p]:app-sdk-my-2 first-of-type:[&_ul_p]:app-sdk-my-4","[&_input[type='checkbox']]:app-sdk-form-checkbox [&_input[type='checkbox']]:app-sdk-border [&_input[type='checkbox']]:app-sdk-h-4 [&_input[type='checkbox']]:app-sdk-w-4 [&_input[type='checkbox']]:app-sdk-rounded [&_input[type='checkbox']]:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:app-sdk-text-sky-600 [&_input[type='checkbox']]:hover:app-sdk-border-[color:var(--asdk-dui-border-color)] [&_input[type='checkbox']]:dark:app-sdk-border-2 [&_input[type='checkbox']]:dark:app-sdk-border-solid [&_input[type='checkbox']]:dark:app-sdk-border-transparent [&_input[type='checkbox']]:dark:app-sdk-bg-app-sdk-gray-350 [&_input[type='checkbox']]:dark:app-sdk-text-[#007bff40] [&_input[type='checkbox']]:dark:hover:app-sdk-border-transparent [&_input[type='checkbox']]:dark:hover:checked:app-sdk-bg-app-sdk-gray-350"),dangerouslySetInnerHTML:{__html:a}})}var $=class extends J.Renderer{link(d,o,a){return super.link(d,o,a).replace("<a","<a target='_blank'")}html(d,o){let a=super.html(d,o);return a.startsWith("<a ")&&!a.includes("target=")?a.replace("<a ",'<a target="_blank" '):a}};import N from"react";function H({formField:e,state:d},o){let a=k(e.customForm),s=e.label,r=a?.multiline==="true"?"textarea":"input",n=N.createElement(r,{className:u(r==="input"?"app-sdk-form-input":"app-sdk-form-textarea","app-sdk-text-app-sdk-inherit app-sdk-border app-sdk-py-2 app-sdk-px-3 app-sdk-shadow-sm focus:app-sdk-ring-[color:var(--asdk-dui-focus-color)] focus:app-sdk-border-[color:var(--asdk-dui-focus-color)] app-sdk-block app-sdk-w-full sm:app-sdk-text-sm app-sdk-rounded-md app-sdk-border-[color:var(--asdk-dui-border-color)] invalid:app-sdk-border-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-[color:var(--asdk-dui-formfield-invalid-color)] invalid:app-sdk-ring-1 dark:app-sdk-border-solid dark:app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-formfield-background-color)] dark:focus:app-sdk-shadow-app-sdk-dark app-sdk-placeholder-[color:var(--asdk-dui-formfield-placeholder-text-color)] dark:invalid:app-sdk-shadow-app-sdk-dark-invalid"),id:e.id,name:e.id,defaultValue:d||(e.defaultValue?.toString()??""),placeholder:a?.placeholder,"aria-describedby":a?.hint?`${e.id}-hint`:void 0,type:r==="input"?"text":void 0,rows:r==="textarea"?4:void 0,"data-form-field-type":"string"}),l=a?.hint?N.createElement("p",{id:`${e.id}-hint`,className:"app-sdk-mt-2 app-sdk-text-sm app-sdk-text-[color:var(--asdk-dui-formfield-hint-text-color)]"},a.hint):null;return N.createElement("div",null,N.createElement("label",{className:"app-sdk-block app-sdk-text-sm app-sdk-font-medium",htmlFor:e.id},s),N.createElement("div",{className:"app-sdk-mt-1"},n),l)}var G=(a=>(a.paragraph="paragraph",a.header="header",a.confirm="confirm",a))(G||{}),va={...te.FlowNodeInstances.UserTaskFormFieldType,...G},X={boolean:P,date:M,enum:R,long:A,number:V,string:H,paragraph:j,header:O,confirm:E};var ke=me(p.version,">=18.0.0 <19",{includePrerelease:!0}),K=le(p.version)==null,W=!K&&ie(p.version,"18.2.0")&&p.version.includes("canary"),q=class extends p.Component{};function Ja(e){ke||console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The React version is not supported!
|
|
2
|
+
Version: ${p.version}`);let{userTaskConfig:d}=e.task,{formFields:o}=d,a=z(),s=z(null),r=new Map(o.map(i=>[i.id,{ref:p.createRef()}])),n=o.filter(i=>i.type==="confirm");n.length>1&&console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Warning while rendering UserTask "${e.task.flowNodeId}"!
|
|
3
|
+
The UserTask has more than one confirm form field. Please use only one confirm form field per User Task.
|
|
4
|
+
|
|
5
|
+
The first confirm form field is used for rendering.`);let l=n.length===1?n[0]:null,h={...X,...e.customFieldComponents?e.customFieldComponents:{}},v=i=>{let m=ye(i,o,r);e.onSubmit(m,i,ce(e.task))};function t(i){let m=i.target;a.current!=null&&window.clearTimeout(a.current),a.current=window.setTimeout(()=>{if(a.current=void 0,s.current==null)return;let b=new FormData(s.current),T=ve(b,r);e.onStateChange?.(m.value,m.name,T)},100)}let F=u("app-sdk-default-styles app-sdk-mx-auto app-sdk-block app-sdk-h-full app-sdk-min-h-[200px] app-sdk-rounded-lg app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)] sm:app-sdk-w-full sm:app-sdk-max-w-lg",e.classNames?.wrapper??"",e.className??""),S=e.darkMode||F.split(" ").includes("dark"),Y={...W&&{action:v},...!W&&K&&{onSubmit:i=>{let m=new FormData(s.current),b=i.nativeEvent.submitter;m.has(b.name)||m.append(b.name,b.value),v(m)},method:"dialog"}};return p.createElement("div",{className:S?`dark app-sdk-dark ${F}`:u(...F.split(" ").filter(i=>i!=="dark"&&i!=="app-sdk-dark")),"data-dynamic-ui":!0,"data-blablabl":!0},p.createElement("form",{ref:s,className:u("app-sdk-flex app-sdk-max-h-full app-sdk-flex-col app-sdk-rounded-lg app-sdk-bg-[color:var(--asdk-dui-background-color)] app-sdk-text-[color:var(--asdk-dui-text-color)] app-sdk-shadow-lg app-sdk-shadow-[color:var(--asdk-dui-shadow-color)]",e.classNames?.base??""),"data-user-task-id":e.task.flowNodeId,"data-user-task-instance-id":e.task.flowNodeInstanceId,onChange:t,...Y},p.createElement("header",{className:u("app-sdk-px-4 app-sdk-pb-3 app-sdk-pt-4 sm:app-sdk-px-6",e.classNames?.header?e.classNames.header:"")},p.createElement(fe,{title:e.title??e.task.flowNodeName??"User Task",headerComponent:e.headerComponent})),p.createElement("section",{className:u("app-sdk-overflow-y-auto app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.body??"")},p.createElement("div",{className:"app-sdk-flex app-sdk-flex-col app-sdk-space-y-6 dark:[color-scheme:dark]"},o.map(i=>{let m=h[i.type];if(!m)return null;if(!U.isValidElementType(m))return console.warn(`[@5minds/processcube_app_sdk:DynamicUi] The given DynamicUiFormFieldComponent is not a valid React Element Type.
|
|
6
|
+
|
|
7
|
+
FormField: ${JSON.stringify(i,null,2)}
|
|
8
|
+
DynamicUiFormFieldComponent: ${m.toString()}
|
|
9
|
+
|
|
10
|
+
Rendering 'null' as fallback`),null;let b;if(L(m))be(m),b=m;else{let I=m;m.length===1&&(I=(Q,xe)=>p.createElement(m,{...Q})),he(I),b=ne(I)}let T=r.get(i.id)?.ref;return p.createElement(B,{key:i.id},p.createElement(b,{ref:T,formField:i,state:e.state?.[i.id]}))}))),p.createElement("footer",{className:u("app-sdk-rounded-b-lg app-sdk-bg-[color:var(--asdk-dui-footer-background-color)] app-sdk-px-4 app-sdk-py-3 sm:app-sdk-px-6",e.classNames?.footer??"")},p.createElement(ue,{confirmFormField:l}))))}function ue(e){let{confirmFormField:d}=e,o=p.createElement(B,null,p.createElement("button",{type:"submit",className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm "},"OK"));if(d){let a=k(d.customForm);o=p.createElement(B,null,p.createElement("button",{type:"submit",name:d.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-transparent app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-continue-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-continue-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-continue-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm ",value:"true"},a?.confirmButtonText??"Confirm"),p.createElement("button",{type:"submit",name:d.id,className:"app-sdk-cursor-pointer disabled:app-sdk-cursor-default app-sdk-inline-flex app-sdk-w-full app-sdk-justify-center app-sdk-rounded-md app-sdk-border app-sdk-border-[color:var(--asdk-dui-border-color)] app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-color)] app-sdk-px-3 app-sdk-py-2 app-sdk-text-base app-sdk-font-medium app-sdk-leading-4 app-sdk-text-[color:var(--asdk-dui-footer-decline-button-text-color)] app-sdk-shadow-sm hover:app-sdk-bg-[color:var(--asdk-dui-footer-decline-button-background-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-dui-footer-decline-button-focus-outline-color)] focus:app-sdk-ring-offset-2 sm:app-sdk-ml-2 sm:app-sdk-w-auto sm:app-sdk-text-sm",value:"false"},a?.declineButtonText??"Decline"))}return p.createElement("div",{className:"app-sdk-space-y-2 sm:app-sdk-flex sm:app-sdk-flex-row-reverse sm:-app-sdk-space-x-2 sm:app-sdk-space-y-0"},o)}function fe(e){return p.createElement("div",{className:"app-sdk-flex app-sdk-space-x-3"},p.createElement("div",{className:"app-sdk-flex-1"},p.createElement("h3",{id:"headline-title",className:"app-sdk-text-lg app-sdk-font-medium app-sdk-leading-6 app-sdk-text-[color:var(--asdk-dui-header-text-color)]"},e.title)),p.createElement("div",{className:"app-sdk-flex app-sdk-self-center"},e.headerComponent))}function L(e){return e?.prototype?.isReactComponent!=null}function be(e){if(!(U.isValidElementType(e)&&L(e)))throw new Error("Expected Element to be a React Component")}function he(e){if(!(U.isValidElementType(e)&&!L(e)))throw new Error("Expected Element to be a functional Component")}function ve(e,d){let o={};return e.forEach((a,s)=>{if(a instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Add a getState Function to your component to return a JSON Primitive value as state.
|
|
11
|
+
|
|
12
|
+
FormField: ${s} with ${a} `);return}o[s]?o[s]=Array.isArray(o[s])?[...o[s],a]:[o[s],a]:o[s]=a}),d.forEach((a,s)=>{if(typeof a.ref.current?.getState=="function"){let r=a.ref.current.getState();(typeof r=="boolean"||typeof r=="number"||typeof r=="string"||Array.isArray(r)||r==null||r?.toString()==="[object Object]")&&(o[s]=r)}}),o}function ye(e,d,o){let a={};for(let r of e.keys()){let n=e.getAll(r);if(n[0]instanceof File){console.warn(`[@5minds/processcube_app_sdk:DynamicUi] Only plain objects can be passed to Server Components from Client Components. File objects are not supported. Use the raw FormData instance to process files instead.
|
|
13
|
+
|
|
14
|
+
FormField: ${r} with ${n} `);continue}if(n.length===1?a[r]=n[0]:a[r]=n,a[r]==""&&delete a[r],a[r]){let l=d.find(h=>h.id===r)?.type;if(l==="boolean"){a[r]=a[r]==="on";continue}if(l==="confirm"){a[r]=JSON.parse(a[r]);continue}if(l==="number"){a[r]=parseFloat(a[r]);continue}if(l==="long"){a[r]=parseInt(a[r]);continue}}}let s=d.filter(r=>r.type==="boolean");return s.length&&s.forEach(r=>{a[r.id]||(a[r.id]=!1)}),o.forEach((r,n)=>{if(typeof r.ref.current?.getValue=="function"){let l=r.ref.current.getValue();(typeof l=="boolean"||typeof l=="number"||typeof l=="string"||Array.isArray(l)||l==null||l?.toString()==="[object Object]")&&(a[n]=l)}}),a}import{Menu as _,Transition as Fe}from"@headlessui/react";import f,{Fragment as ge}from"react";function La(e){return f.createElement(_,{as:"div",className:"app-sdk-default-styles app-sdk-relative app-sdk-inline-block app-sdk-text-left"},f.createElement("div",null,f.createElement(_.Button,{className:"app-sdk-cursor-pointer app-sdk-bg-transparent app-sdk-p-0 app-sdk-text-[100%] app-sdk-flex app-sdk-items-center app-sdk-rounded-full app-sdk-text-[color:var(--asdk-ddm-icon-text-color)] hover:app-sdk-text-[color:var(--asdk-ddm-icon-text-hover-color)] focus:app-sdk-outline-none focus:app-sdk-ring-2 focus:app-sdk-ring-[color:var(--asdk-ddm-focus-color)] "},f.createElement("span",{className:"app-sdk-sr-only"},"Open options"),e.collapsedIcon||f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true",className:"app-sdk-h-5 app-sdk-w-5"},f.createElement("path",{d:"M6 10a2 2 0 11-4 0 2 2 0 014 0zM12 10a2 2 0 11-4 0 2 2 0 014 0zM16 12a2 2 0 100-4 2 2 0 000 4z"})))),f.createElement(Fe,{as:ge,enter:"app-sdk-transition app-sdk-ease-out app-sdk-duration-100",enterFrom:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95",enterTo:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leave:"app-sdk-transition app-sdk-ease-in app-sdk-duration-75",leaveFrom:"app-sdk-transform app-sdk-opacity-100 app-sdk-scale-100",leaveTo:"app-sdk-transform app-sdk-opacity-0 app-sdk-scale-95"},f.createElement(_.Items,{className:"app-sdk-absolute app-sdk-right-0 app-sdk-z-10 app-sdk-mt-2 app-sdk-w-56 app-sdk-origin-top-right app-sdk-rounded-md app-sdk-bg-[color:var(--asdk-ddm-background-color)] app-sdk-shadow-lg app-sdk-ring-1 app-sdk-ring-black app-sdk-ring-opacity-5 focus:app-sdk-outline-none"},f.createElement("div",{className:"app-sdk-py-1"},e.children))))}function Ga(e){return f.createElement(_.Item,null,({active:d})=>f.createElement("button",{type:"button",onClick:()=>e.onClick(),className:u(d?"app-sdk-bg-[color:var(--asdk-ddm-entry-background-hover-color)]":"app-sdk-bg-transparent","app-sdk-cursor-pointer app-sdk-p-0 app-sdk-text-[100%] app-sdk-block app-sdk-w-full app-sdk-px-4 app-sdk-py-2 app-sdk-text-left app-sdk-text-sm",e.isDanger?"app-sdk-text-[color:var(--asdk-ddm-danger-entry-text-color)]":"app-sdk-text-[color:var(--asdk-ddm-default-entry-text-color)]",e.className??"")},e.title))}export{P as BooleanFormField,E as ConfirmFormField,M as DateFormField,V as DecimalFormField,La as DropdownMenu,Ga as DropdownMenuItem,Ne as DynamicLink,Ja as DynamicUi,q as DynamicUiComponent,R as EnumFormField,X as FormFieldComponentMap,O as HeaderFormField,A as IntegerFormField,j as ParagraphFormField,H as StringFormField};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.dark,.dark *{--asdk-focus-color: var(--app-sdk-focus-color, #007bff40);--asdk-text-color: var(--app-sdk-text-color, #cdcdcd)}*,:before,:after{--asdk-focus-color: var(--app-sdk-focus-color, #0369a1);--asdk-text-color: var(--app-sdk-text-color, #374151)}.app-sdk-default-styles *{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb;--tw-content: "";margin:0;line-height:inherit}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.app-sdk-form-input,.app-sdk-form-textarea,.app-sdk-form-select,.app-sdk-form-multiselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}.app-sdk-form-input:focus,.app-sdk-form-textarea:focus,.app-sdk-form-select:focus,.app-sdk-form-multiselect:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.app-sdk-form-input::-moz-placeholder,.app-sdk-form-textarea::-moz-placeholder{color:#6b7280;opacity:1}.app-sdk-form-input::placeholder,.app-sdk-form-textarea::placeholder{color:#6b7280;opacity:1}.app-sdk-form-input::-webkit-datetime-edit-fields-wrapper{padding:0}.app-sdk-form-input::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}.app-sdk-form-input::-webkit-datetime-edit{display:inline-flex}.app-sdk-form-input::-webkit-datetime-edit,.app-sdk-form-input::-webkit-datetime-edit-year-field,.app-sdk-form-input::-webkit-datetime-edit-month-field,.app-sdk-form-input::-webkit-datetime-edit-day-field,.app-sdk-form-input::-webkit-datetime-edit-hour-field,.app-sdk-form-input::-webkit-datetime-edit-minute-field,.app-sdk-form-input::-webkit-datetime-edit-second-field,.app-sdk-form-input::-webkit-datetime-edit-millisecond-field,.app-sdk-form-input::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}.app-sdk-form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}.app-sdk-form-select:where([size]:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}.app-sdk-form-checkbox,.app-sdk-form-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}.app-sdk-form-checkbox{border-radius:0}.app-sdk-form-radio{border-radius:100%}.app-sdk-form-checkbox:focus,.app-sdk-form-radio:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.app-sdk-form-checkbox:checked,.app-sdk-form-radio:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.app-sdk-form-checkbox:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.app-sdk-form-checkbox:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-radio:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){.app-sdk-form-radio:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-checkbox:checked:hover,.app-sdk-form-checkbox:checked:focus,.app-sdk-form-radio:checked:hover,.app-sdk-form-radio:checked:focus{border-color:transparent;background-color:currentColor}.app-sdk-form-checkbox:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.app-sdk-form-checkbox:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.app-sdk-form-checkbox:indeterminate:hover,.app-sdk-form-checkbox:indeterminate:focus{border-color:transparent;background-color:currentColor}.app-sdk-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-sdk-absolute{position:absolute}.app-sdk-relative{position:relative}.app-sdk-right-0{right:0}.app-sdk-z-10{z-index:10}.app-sdk-mx-auto{margin-left:auto;margin-right:auto}.app-sdk-ml-3{margin-left:.75rem}.app-sdk-mt-1{margin-top:.25rem}.app-sdk-mt-2{margin-top:.5rem}.app-sdk-block{display:block}.app-sdk-inline-block{display:inline-block}.app-sdk-flex{display:flex}.app-sdk-inline-flex{display:inline-flex}.app-sdk-h-4{height:1rem}.app-sdk-h-5{height:1.25rem}.app-sdk-h-full{height:100%}.app-sdk-max-h-full{max-height:100%}.app-sdk-min-h-\[200px\]{min-height:200px}.app-sdk-w-4{width:1rem}.app-sdk-w-5{width:1.25rem}.app-sdk-w-56{width:14rem}.app-sdk-w-full{width:100%}.app-sdk-flex-1{flex:1 1 0%}.app-sdk-origin-top-right{transform-origin:top right}.app-sdk-scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.app-sdk-cursor-pointer{cursor:pointer}.app-sdk-flex-col{flex-direction:column}.app-sdk-items-start{align-items:flex-start}.app-sdk-items-center{align-items:center}.app-sdk-justify-center{justify-content:center}.app-sdk-space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.app-sdk-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.app-sdk-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.app-sdk-self-center{align-self:center}.app-sdk-overflow-y-auto{overflow-y:auto}.app-sdk-rounded{border-radius:.25rem}.app-sdk-rounded-full{border-radius:9999px}.app-sdk-rounded-lg{border-radius:.5rem}.app-sdk-rounded-md{border-radius:.375rem}.app-sdk-rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.app-sdk-border{border-width:1px}.app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\]{border-color:var(--asdk-dui-border-color)}.app-sdk-border-transparent{border-color:transparent}.app-sdk-bg-\[color\:var\(--asdk-ddm-background-color\)\]{background-color:var(--asdk-ddm-background-color)}.app-sdk-bg-\[color\:var\(--asdk-ddm-entry-background-hover-color\)\]{background-color:var(--asdk-ddm-entry-background-hover-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-background-color\)\]{background-color:var(--asdk-dui-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-background-color\)\]{background-color:var(--asdk-dui-footer-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-continue-button-background-color\)\]{background-color:var(--asdk-dui-footer-continue-button-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-footer-decline-button-background-color\)\]{background-color:var(--asdk-dui-footer-decline-button-background-color)}.app-sdk-bg-\[color\:var\(--asdk-dui-formfield-background-color\)\]{background-color:var(--asdk-dui-formfield-background-color)}.app-sdk-bg-transparent{background-color:transparent}.app-sdk-p-0{padding:0}.app-sdk-px-3{padding-left:.75rem;padding-right:.75rem}.app-sdk-px-4{padding-left:1rem;padding-right:1rem}.app-sdk-py-1{padding-top:.25rem;padding-bottom:.25rem}.app-sdk-py-2{padding-top:.5rem;padding-bottom:.5rem}.app-sdk-py-3{padding-top:.75rem;padding-bottom:.75rem}.app-sdk-pb-0{padding-bottom:0}.app-sdk-pb-3{padding-bottom:.75rem}.app-sdk-pl-0{padding-left:0}.app-sdk-pl-3{padding-left:.75rem}.app-sdk-pr-10{padding-right:2.5rem}.app-sdk-pt-4{padding-top:1rem}.app-sdk-text-left{text-align:left}.app-sdk-text-2xl{font-size:1.5rem;line-height:2rem}.app-sdk-text-\[100\%\]{font-size:100%}.app-sdk-text-base{font-size:1rem;line-height:1.5rem}.app-sdk-text-lg{font-size:1.125rem;line-height:1.75rem}.app-sdk-text-sm{font-size:.875rem;line-height:1.25rem}.app-sdk-text-xl{font-size:1.25rem;line-height:1.75rem}.app-sdk-font-bold{font-weight:700}.app-sdk-font-medium{font-weight:500}.app-sdk-leading-4{line-height:1rem}.app-sdk-leading-6{line-height:1.5rem}.app-sdk-text-\[color\:var\(--asdk-ddm-danger-entry-text-color\)\]{color:var(--asdk-ddm-danger-entry-text-color)}.app-sdk-text-\[color\:var\(--asdk-ddm-default-entry-text-color\)\]{color:var(--asdk-ddm-default-entry-text-color)}.app-sdk-text-\[color\:var\(--asdk-ddm-icon-text-color\)\]{color:var(--asdk-ddm-icon-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-footer-continue-button-text-color\)\]{color:var(--asdk-dui-footer-continue-button-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-footer-decline-button-text-color\)\]{color:var(--asdk-dui-footer-decline-button-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-formfield-checkbox-text-color\)\]{color:var(--asdk-dui-formfield-checkbox-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-formfield-hint-text-color\)\]{color:var(--asdk-dui-formfield-hint-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-header-text-color\)\]{color:var(--asdk-dui-header-text-color)}.app-sdk-text-\[color\:var\(--asdk-dui-text-color\)\]{color:var(--asdk-dui-text-color)}.app-sdk-text-app-sdk-inherit{color:inherit}.app-sdk-placeholder-\[color\:var\(--asdk-dui-formfield-placeholder-text-color\)\]::-moz-placeholder{color:var(--asdk-dui-formfield-placeholder-text-color)}.app-sdk-placeholder-\[color\:var\(--asdk-dui-formfield-placeholder-text-color\)\]::placeholder{color:var(--asdk-dui-formfield-placeholder-text-color)}.app-sdk-opacity-0{opacity:0}.app-sdk-opacity-100{opacity:1}.app-sdk-shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-sdk-shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.app-sdk-shadow-\[color\:var\(--asdk-dui-shadow-color\)\]{--tw-shadow-color: var(--asdk-dui-shadow-color);--tw-shadow: var(--tw-shadow-colored)}.app-sdk-ring-1{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.app-sdk-ring-black{--tw-ring-opacity: 1;--tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity))}.app-sdk-ring-opacity-5{--tw-ring-opacity: .05}.app-sdk-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.app-sdk-duration-100{transition-duration:.1s}.app-sdk-duration-75{transition-duration:75ms}.app-sdk-ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.app-sdk-ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000;border-radius:0}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked:hover,.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:checked:focus{border-color:transparent;background-color:currentColor}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate:hover,.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-form-checkbox input[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}.invalid\:app-sdk-border-\[color\:var\(--asdk-dui-formfield-invalid-color\)\]:invalid{border-color:var(--asdk-dui-formfield-invalid-color)}.invalid\:app-sdk-ring-1:invalid{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.invalid\:app-sdk-ring-\[color\:var\(--asdk-dui-formfield-invalid-color\)\]:invalid{--tw-ring-color: var(--asdk-dui-formfield-invalid-color)}.hover\:app-sdk-bg-\[color\:var\(--asdk-dui-footer-continue-button-background-hover-color\)\]:hover{background-color:var(--asdk-dui-footer-continue-button-background-hover-color)}.hover\:app-sdk-bg-\[color\:var\(--asdk-dui-footer-decline-button-background-hover-color\)\]:hover{background-color:var(--asdk-dui-footer-decline-button-background-hover-color)}.hover\:app-sdk-text-\[color\:var\(--asdk-ddm-icon-text-hover-color\)\]:hover{color:var(--asdk-ddm-icon-text-hover-color)}.focus\:app-sdk-border-\[color\:var\(--asdk-dui-focus-color\)\]:focus{border-color:var(--asdk-dui-focus-color)}.focus\:app-sdk-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:app-sdk-ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:app-sdk-ring-\[color\:var\(--asdk-ddm-focus-color\)\]:focus{--tw-ring-color: var(--asdk-ddm-focus-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-focus-color\)\]:focus{--tw-ring-color: var(--asdk-dui-focus-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-footer-continue-button-focus-outline-color\)\]:focus{--tw-ring-color: var(--asdk-dui-footer-continue-button-focus-outline-color)}.focus\:app-sdk-ring-\[color\:var\(--asdk-dui-footer-decline-button-focus-outline-color\)\]:focus{--tw-ring-color: var(--asdk-dui-footer-decline-button-focus-outline-color)}.focus\:app-sdk-ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:app-sdk-cursor-default:disabled{cursor:default}.dark\:app-sdk-border-2:is(.app-sdk-dark *){border-width:2px}.dark\:app-sdk-border-solid:is(.app-sdk-dark *){border-style:solid}.dark\:app-sdk-border-transparent:is(.app-sdk-dark *){border-color:transparent}.dark\:app-sdk-bg-app-sdk-dropdown-dark:is(.app-sdk-dark *){background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.dark\:\[color-scheme\:dark\]:is(.app-sdk-dark *){color-scheme:dark}.dark\:invalid\:app-sdk-shadow-app-sdk-dark-invalid:invalid:is(.app-sdk-dark *){--tw-shadow: 0 0 0 .2rem rgb(220 53 69 / 25%);--tw-shadow-colored: 0 0 0 .2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:focus\:app-sdk-shadow-app-sdk-dark:focus:is(.app-sdk-dark *){--tw-shadow: 0 0 0px .2rem rgb(0 123 255 / 25%);--tw-shadow-colored: 0 0 0px .2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}@media (min-width: 640px){.sm\:app-sdk-ml-2{margin-left:.5rem}.sm\:app-sdk-flex{display:flex}.sm\:app-sdk-w-auto{width:auto}.sm\:app-sdk-w-full{width:100%}.sm\:app-sdk-max-w-lg{max-width:32rem}.sm\:app-sdk-flex-row-reverse{flex-direction:row-reverse}.sm\:-app-sdk-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-.5rem * var(--tw-space-x-reverse));margin-left:calc(-.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:app-sdk-space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:app-sdk-px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:app-sdk-text-sm{font-size:.875rem;line-height:1.25rem}}.\[\&_a\]\:app-sdk-text-\[color\:var\(--asdk-dui-link-color\)\] a{color:var(--asdk-dui-link-color)}.\[\&_a\]\:app-sdk-underline a{text-decoration-line:underline}.hover\:\[\&_a\]\:app-sdk-text-\[color\:var\(--asdk-dui-link-hover-color\)\] a:hover{color:var(--asdk-dui-link-hover-color)}.\[\&_blockquote\]\:app-sdk-m-\[revert\] blockquote{margin:revert}.\[\&_code\]\:app-sdk-text-\[\#e83e8c\] code{--tw-text-opacity: 1;color:rgb(232 62 140 / var(--tw-text-opacity))}.\[\&_fieldset\]\:app-sdk-m-\[revert\] fieldset{margin:revert}.\[\&_fieldset\]\:app-sdk-p-\[revert\] fieldset{padding:revert}.\[\&_h1\]\:app-sdk-m-\[revert\] h1{margin:revert}.\[\&_h1\]\:app-sdk-text-2xl h1{font-size:1.5rem;line-height:2rem}.\[\&_h1\]\:app-sdk-font-bold h1{font-weight:700}.\[\&_h2\]\:app-sdk-m-\[revert\] h2{margin:revert}.\[\&_h2\]\:app-sdk-text-xl h2{font-size:1.25rem;line-height:1.75rem}.\[\&_h2\]\:app-sdk-font-bold h2{font-weight:700}.\[\&_h3\]\:app-sdk-m-\[revert\] h3{margin:revert}.\[\&_h3\]\:app-sdk-text-lg h3{font-size:1.125rem;line-height:1.75rem}.\[\&_h3\]\:app-sdk-font-bold h3{font-weight:700}.\[\&_h4\]\:app-sdk-m-\[revert\] h4{margin:revert}.\[\&_h4\]\:app-sdk-text-base h4{font-size:1rem;line-height:1.5rem}.\[\&_h4\]\:app-sdk-font-bold h4{font-weight:700}.\[\&_h5\]\:app-sdk-m-\[revert\] h5{margin:revert}.\[\&_h5\]\:app-sdk-text-sm h5{font-size:.875rem;line-height:1.25rem}.\[\&_h5\]\:app-sdk-font-bold h5{font-weight:700}.\[\&_h6\]\:app-sdk-m-\[revert\] h6{margin:revert}.\[\&_h6\]\:app-sdk-text-xs h6{font-size:.75rem;line-height:1rem}.\[\&_h6\]\:app-sdk-font-bold h6{font-weight:700}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-h-4 input[type=checkbox]{height:1rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-w-4 input[type=checkbox]{width:1rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-rounded input[type=checkbox]{border-radius:.25rem}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-border input[type=checkbox]{border-width:1px}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\] input[type=checkbox]{border-color:var(--asdk-dui-border-color)}.\[\&_input\[type\=\'checkbox\'\]\]\:app-sdk-text-sky-600 input[type=checkbox]{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity))}.\[\&_input\[type\=\'checkbox\'\]\]\:hover\:app-sdk-border-\[color\:var\(--asdk-dui-border-color\)\]:hover input[type=checkbox]{border-color:var(--asdk-dui-border-color)}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-2:is(.app-sdk-dark *) input[type=checkbox]{border-width:2px}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-solid:is(.app-sdk-dark *) input[type=checkbox]{border-style:solid}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-border-transparent:is(.app-sdk-dark *) input[type=checkbox]{border-color:transparent}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-bg-app-sdk-gray-350:is(.app-sdk-dark *) input[type=checkbox]{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:app-sdk-text-\[\#007bff40\]:is(.app-sdk-dark *) input[type=checkbox]{color:#007bff40}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:hover\:app-sdk-border-transparent:hover:is(.app-sdk-dark *) input[type=checkbox]{border-color:transparent}.\[\&_input\[type\=\'checkbox\'\]\]\:dark\:hover\:checked\:app-sdk-bg-app-sdk-gray-350:checked:hover:is(.app-sdk-dark *) input[type=checkbox]{--tw-bg-opacity: 1;background-color:rgb(85 85 85 / var(--tw-bg-opacity))}.\[\&_menu\]\:app-sdk-m-\[revert\] menu{margin:revert}.\[\&_menu\]\:app-sdk-p-\[revert\] menu{padding:revert}.\[\&_ol\]\:app-sdk-m-\[revert\] ol{margin:revert}.\[\&_ol\]\:app-sdk-list-decimal ol{list-style-type:decimal}.\[\&_ol\]\:app-sdk-p-\[revert\] ol{padding:revert}.\[\&_ol_p\]\:app-sdk-my-2 ol p{margin-top:.5rem;margin-bottom:.5rem}.first-of-type\:\[\&_ol_p\]\:app-sdk-my-4 ol p:first-of-type{margin-top:1rem;margin-bottom:1rem}.\[\&_p\]\:app-sdk-my-4 p{margin-top:1rem;margin-bottom:1rem}.first-of-type\:\[\&_p\]\:app-sdk-mb-4 p:first-of-type{margin-bottom:1rem}.first-of-type\:\[\&_p\]\:app-sdk-mt-0 p:first-of-type{margin-top:0}.\[\&_pre\]\:app-sdk-my-4 pre{margin-top:1rem;margin-bottom:1rem}.\[\&_pre\]\:app-sdk-bg-gray-100 pre{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.\[\&_pre\]\:dark\:app-sdk-bg-app-sdk-gray-700:is(.app-sdk-dark *) pre{--tw-bg-opacity: 1;background-color:rgb(29 29 29 / var(--tw-bg-opacity))}.\[\&_pre_code\]\:app-sdk-text-inherit pre code{color:inherit}.\[\&_ul\]\:app-sdk-m-\[revert\] ul{margin:revert}.\[\&_ul\]\:app-sdk-list-disc ul{list-style-type:disc}.\[\&_ul\]\:app-sdk-p-\[revert\] ul{padding:revert}.\[\&_ul_p\]\:app-sdk-my-2 ul p{margin-top:.5rem;margin-bottom:.5rem}.first-of-type\:\[\&_ul_p\]\:app-sdk-my-4 ul p:first-of-type{margin-top:1rem;margin-bottom:1rem}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function classNames(...classes: any): any;
|