@sikka/hawa 0.46.4-next → 0.48.0-next

package/dist/blocks/feedback/index.d.mts

@@ -1,6 +1,6 @@
 import React__default, { FC } from 'react';
 import { PopoverContentProps } from '@radix-ui/react-popover';
-import { D as DirectionType, B as BaseInputType } from '../../textTypes-DXLtO2fL.mjs';
+import { D as DirectionType, B as BaseInputType } from '../../textTypes-CYQYIsFt.mjs';
 
 type RadioOptionsTypes = {
     value: any;

package/dist/blocks/feedback/index.d.ts

@@ -1,6 +1,6 @@
 import React__default, { FC } from 'react';
 import { PopoverContentProps } from '@radix-ui/react-popover';
-import { D as DirectionType, B as BaseInputType } from '../../textTypes-DXLtO2fL.js';
+import { D as DirectionType, B as BaseInputType } from '../../textTypes-CYQYIsFt.js';
 
 type RadioOptionsTypes = {
     value: any;

package/dist/blocks/feedback/index.js

@@ -1528,6 +1528,7 @@ var import_clsx2 = __toESM(require("clsx"));
 var Select = ({
   labelProps,
   labelKey = "label",
+  valueKey = "value",
   ...props
 }) => {
   const NoOption = () => {
@@ -1547,13 +1548,7 @@ var Select = ({
       children
     );
   };
-  const Option = ({
-    children,
-    innerProps,
-    innerRef,
-    isFocused,
-    isSelected
-  }) => {
+  const Option = ({ children, innerProps, innerRef, isFocused, isSelected }) => {
     return /* @__PURE__ */ import_react12.default.createElement(
       "div",
       {
@@ -1568,14 +1563,7 @@ var Select = ({
       children
     );
   };
-  const Menu = ({
-    cx,
-    children,
-    getStyles,
-    innerProps,
-    innerRef,
-    ...menuProps
-  }) => {
+  const Menu = ({ cx, children, getStyles, innerProps, innerRef, ...menuProps }) => {
     const menuOpen = menuProps.selectProps.menuIsOpen;
     return /* @__PURE__ */ import_react12.default.createElement(
       "div",
@@ -1604,71 +1592,72 @@ var Select = ({
       )
     },
     props.label && /* @__PURE__ */ import_react12.default.createElement(Label, { ...labelProps }, props.label),
-    props.isLoading ? /* @__PURE__ */ import_react12.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
-      //   TODO: enable keyboard to go to the next item in the list
-      /* @__PURE__ */ import_react12.default.createElement(
-        import_react_select.default,
-        {
-          noOptionsMessage: NoOption,
-          classNames: {
-            control: () => cn(
-              props.phoneCode && "hawa-rounded-r-none",
-              props.controlClassNames
-            ),
-            container: () => cn(
-              selectContainerStyles,
-              props.phoneCode && phoneCodeStyles,
-              props.isMulti && "hawa-ps-0 "
-            ),
-            placeholder: () => cn(
-              selectPlaceholderStyles,
-              props.disabled && "hawa-text-muted-foreground"
-            ),
-            valueContainer: () => "hawa-text-foreground hawa-px-1 ",
-            singleValue: () => cn(
-              props.disabled ? "hawa-text-muted-foreground hawa-opacity-30" : "hawa-text-foreground"
-            ),
-            indicatorsContainer: () => cn(
-              selectIndicatorContainerStyles,
-              props.hideIndicator ? "hawa-invisible" : "hawa-px-1",
-              props.disabled && "hawa-opacity-30"
-            )
-          },
-          unstyled: true,
-          autoFocus: false,
-          components: props.hideIndicator ? { Option, Menu, IndicatorsContainer: () => null } : {
+    props.isLoading ? /* @__PURE__ */ import_react12.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? /* @__PURE__ */ import_react12.default.createElement(
+      import_react_select.default,
+      {
+        noOptionsMessage: NoOption,
+        classNames: {
+          control: () => cn(props.phoneCode && "hawa-rounded-r-none", props.controlClassNames),
+          container: () => cn(
+            selectContainerStyles,
+            props.phoneCode && phoneCodeStyles,
+            props.isMulti && "hawa-ps-0 "
+          ),
+          placeholder: () => cn(selectPlaceholderStyles, props.disabled && "hawa-text-muted-foreground"),
+          valueContainer: () => "hawa-text-foreground hawa-px-1",
+          singleValue: () => cn(
+            props.disabled ? "hawa-text-muted-foreground hawa-opacity-30" : "hawa-text-foreground"
+          ),
+          indicatorsContainer: () => cn(
+            selectIndicatorContainerStyles,
+            props.hideIndicator ? "hawa-invisible" : "hawa-px-1",
+            props.disabled && "hawa-opacity-30"
+          )
+        },
+        unstyled: true,
+        autoFocus: false,
+        components: props.hideIndicator ? {
+          Option: (optionProps) => /* @__PURE__ */ import_react12.default.createElement(
             Option,
-            Menu,
-            ValueContainer: (e) => /* @__PURE__ */ import_react12.default.createElement(
-              "div",
-              {
-                className: cn(
-                  e.className,
-                  "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-1"
-                ),
-                ...e
-              }
-            ),
-            MultiValueContainer: (e) => /* @__PURE__ */ import_react12.default.createElement(
-              "div",
-              {
-                className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
-                ...e
-              }
-            )
-          },
-          onChange: (newValue, action) => props.onChange(newValue, action),
-          options: props.options,
-          getOptionLabel: props.getOptionLabel,
-          defaultValue: props.defaultValue,
-          value: props.value,
-          placeholder: props.placeholder,
-          isDisabled: props.disabled,
-          isClearable: props.isClearable,
-          isMulti: props.isMulti,
-          isSearchable: props.isSearchable
-        }
-      )
+            {
+              ...optionProps,
+              isSelected: optionProps.data[valueKey] === props.value[valueKey]
+            }
+          ),
+          Menu,
+          IndicatorsContainer: () => null
+        } : {
+          Option,
+          Menu,
+          ValueContainer: (e) => /* @__PURE__ */ import_react12.default.createElement(
+            "div",
+            {
+              className: cn(
+                e.className,
+                "hawa-gap-1 hawa-flex hawa-flex-row hawa-flex-wrap hawa-p-2 hawa-w-full hawa-cursor-pointer"
+              ),
+              ...e
+            }
+          ),
+          MultiValueContainer: (e) => /* @__PURE__ */ import_react12.default.createElement(
+            "div",
+            {
+              className: "hawa-rounded hawa-border hawa-p-1 hawa-px-2 hawa-flex hawa-flex-row",
+              ...e
+            }
+          )
+        },
+        onChange: (newValue, action) => props.onChange(newValue, action),
+        options: props.options,
+        getOptionLabel: props.getOptionLabel,
+        defaultValue: props.defaultValue,
+        value: props.value,
+        placeholder: props.placeholder,
+        isDisabled: props.disabled,
+        isClearable: props.isClearable,
+        isMulti: props.isMulti,
+        isSearchable: props.isSearchable
+      }
     ) : /* @__PURE__ */ import_react12.default.createElement(
       import_creatable.default,
       {

package/dist/blocks/feedback/index.mjs

@@ -4,7 +4,7 @@ import {
 } from "../../chunk-5S5DR7KF.mjs";
 import {
   Select
-} from "../../chunk-6TG2PHZK.mjs";
+} from "../../chunk-AWJSHOYU.mjs";
 import {
   Popover,
   Radio

package/dist/blocks/index.d.mts

@@ -1,6 +1,6 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { ThirdPartyAuthTextsTypes, LoginFormTextsTypes, RegisterFormTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.mjs';
-import { P as PhoneInputProps, S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-Dyvlywnk.mjs';
+import { P as PhoneInputProps, S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-BPHTeDMz.mjs';
 import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-C-g8nFFC.mjs';
 import { M as MenuItemType } from '../DropdownMenu-mK9EvfKp.mjs';
 import '@radix-ui/react-popover';
@@ -103,11 +103,17 @@ type RegisterFormTypes = {
     direction?: DirectionType;
     /** Determines whether to display logos only or with text in the social media registration section. */
     logosOnly?: boolean;
-    /** Enables registration via Google when set to true. */
+    /** Enables registration via Google when set to true.
+     * @default false
+     */
     viaGoogle?: boolean;
-    /** Enables registration via Github when set to true. */
+    /** Enables registration via Github when set to true.
+     * @default false
+     */
     viaGithub?: boolean;
-    /** Enables registration via Twitter when set to true. */
+    /** Enables registration via Twitter when set to true.
+     * @default false
+     */
     viaTwitter?: boolean;
     /** Determines whether to show the referral code field. */
     showRefCode?: boolean;
@@ -129,16 +135,14 @@ type RegisterFormTypes = {
     onTwitterRegister?: () => void;
     /** Callback function triggered to route to the Terms of Service page. */
     onRouteToTOS?: () => void;
-    /** Determines whether to show an error alert. */
-    showError?: boolean;
     /** Callback function triggered when the error alert is dismissed. */
     onErrorDismissed?: () => void;
+    /** Determines whether to show an error alert. */
+    showError?: boolean;
     /** Title for the error alert. */
     errorTitle?: any;
     /** Text for the error alert. */
     errorText?: any;
-    /** Array containing the fields to be included in the form. */
-    registerFields?: string[];
     /** Indicates whether the form submission is in progress. */
     isLoading?: boolean;
     /** If true, a loading spinner is displayed within the Google login button.   */
@@ -164,8 +168,21 @@ type RegisterFormTypes = {
     };
     /** The minimum length of the password input field */
     minPasswordLength?: number;
-    /** If true, the form is displayed without a card container styling.*/
+    /** If true, the form is displayed without a card container styling.
+     * @default false
+     */
     cardless?: boolean;
+    /** Array containing the fields to be included in the form. */
+    registerFields?: ("fullname" | "email" | "username" | "phone")[];
+    /** To show the register form in a different type, either "email" or "phone"
+     * @default "email"
+     */
+    registerTypes?: {
+        label: string;
+        value: string;
+    }[];
+    /** Props to pass to the PhoneInput component */
+    phoneInputProps?: PhoneInputProps;
 };
 declare const RegisterForm: FC<RegisterFormTypes>;
 
@@ -243,7 +260,7 @@ declare const ResetPasswordForm: FC<ResetPasswordType>;
 
 type TConfirmation = {
     texts?: {
-        checkYourPhone?: string;
+        checkYourIdentifier?: string;
         weSentCode?: string;
         didntGetCode?: string;
         resendCode?: string;
@@ -257,7 +274,7 @@ type TConfirmation = {
     showError?: any;
     errorTitle?: any;
     errorText?: any;
-    phoneNumber?: string;
+    identifier?: string;
     confirmLoading?: boolean;
     onConfirm?: any;
     onResend?: any;

package/dist/blocks/index.d.ts

@@ -1,6 +1,6 @@
 import React__default, { FC, InputHTMLAttributes } from 'react';
 import { ThirdPartyAuthTextsTypes, LoginFormTextsTypes, RegisterFormTextsTypes, NewPasswordTextsTypes, ResetPasswordTextsTypes, BaseInputType, TextInputType, PricingCardProps, PlanFeature, PricingPlanTexts } from '../types/index.js';
-import { P as PhoneInputProps, S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-DlPwVCG4.js';
+import { P as PhoneInputProps, S as SelectOptionProps, L as LabelProps, R as RadioOptionsTypes } from '../Radio-cRcIH8_L.js';
 import { D as DirectionType, a as RadioOptionType, O as OrientationType } from '../commonTypes-C-g8nFFC.js';
 import { M as MenuItemType } from '../DropdownMenu-CDnFCzfc.js';
 import '@radix-ui/react-popover';
@@ -103,11 +103,17 @@ type RegisterFormTypes = {
     direction?: DirectionType;
     /** Determines whether to display logos only or with text in the social media registration section. */
     logosOnly?: boolean;
-    /** Enables registration via Google when set to true. */
+    /** Enables registration via Google when set to true.
+     * @default false
+     */
     viaGoogle?: boolean;
-    /** Enables registration via Github when set to true. */
+    /** Enables registration via Github when set to true.
+     * @default false
+     */
     viaGithub?: boolean;
-    /** Enables registration via Twitter when set to true. */
+    /** Enables registration via Twitter when set to true.
+     * @default false
+     */
     viaTwitter?: boolean;
     /** Determines whether to show the referral code field. */
     showRefCode?: boolean;
@@ -129,16 +135,14 @@ type RegisterFormTypes = {
     onTwitterRegister?: () => void;
     /** Callback function triggered to route to the Terms of Service page. */
     onRouteToTOS?: () => void;
-    /** Determines whether to show an error alert. */
-    showError?: boolean;
     /** Callback function triggered when the error alert is dismissed. */
     onErrorDismissed?: () => void;
+    /** Determines whether to show an error alert. */
+    showError?: boolean;
     /** Title for the error alert. */
     errorTitle?: any;
     /** Text for the error alert. */
     errorText?: any;
-    /** Array containing the fields to be included in the form. */
-    registerFields?: string[];
     /** Indicates whether the form submission is in progress. */
     isLoading?: boolean;
     /** If true, a loading spinner is displayed within the Google login button.   */
@@ -164,8 +168,21 @@ type RegisterFormTypes = {
     };
     /** The minimum length of the password input field */
     minPasswordLength?: number;
-    /** If true, the form is displayed without a card container styling.*/
+    /** If true, the form is displayed without a card container styling.
+     * @default false
+     */
     cardless?: boolean;
+    /** Array containing the fields to be included in the form. */
+    registerFields?: ("fullname" | "email" | "username" | "phone")[];
+    /** To show the register form in a different type, either "email" or "phone"
+     * @default "email"
+     */
+    registerTypes?: {
+        label: string;
+        value: string;
+    }[];
+    /** Props to pass to the PhoneInput component */
+    phoneInputProps?: PhoneInputProps;
 };
 declare const RegisterForm: FC<RegisterFormTypes>;
 
@@ -243,7 +260,7 @@ declare const ResetPasswordForm: FC<ResetPasswordType>;
 
 type TConfirmation = {
     texts?: {
-        checkYourPhone?: string;
+        checkYourIdentifier?: string;
         weSentCode?: string;
         didntGetCode?: string;
         resendCode?: string;
@@ -257,7 +274,7 @@ type TConfirmation = {
     showError?: any;
     errorTitle?: any;
     errorText?: any;
-    phoneNumber?: string;
+    identifier?: string;
     confirmLoading?: boolean;
     onConfirm?: any;
     onResend?: any;