sprint-asia-custom-component 0.1.158 → 0.1.160

package/dist/index.js

@@ -51862,7 +51862,8 @@
     onChangeInput,
     footer = null,
     mode = "default",
-    placeholder = ""
+    placeholder = "",
+    redeemType = ""
   }) => {
     const [isOpen, setIsOpen] = React.useState(false);
     const wrapperRef = React.useRef(null);
@@ -51915,14 +51916,18 @@
                     `
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex items-center px-3 py-2 cursor-pointer border-r border-neutral50 mr-3",
-      onClick: () => setIsOpen(!isOpen)
+      onClick: () => {
+        if (redeemType !== "ppob") {
+          setIsOpen(!isOpen);
+        }
+      }
     }, /*#__PURE__*/React__default["default"].createElement("img", {
       src: `https://flagcdn.com/w40/${dropdownCountry.value}.png`,
       alt: dropdownCountry.label,
       className: "w-4 h-4 object-cover rounded-full"
     }), /*#__PURE__*/React__default["default"].createElement("p", {
       className: "text-sm font-bold text-neutral300 ml-3 mr-2"
-    }, dropdownCountry.option), isOpen ? /*#__PURE__*/React__default["default"].createElement(PiCaretUp, null) : /*#__PURE__*/React__default["default"].createElement(PiCaretDown, null)), /*#__PURE__*/React__default["default"].createElement("input", {
+    }, dropdownCountry.option), redeemType !== "ppob" && (isOpen ? /*#__PURE__*/React__default["default"].createElement(PiCaretUp, null) : /*#__PURE__*/React__default["default"].createElement(PiCaretDown, null))), /*#__PURE__*/React__default["default"].createElement("input", {
       type: "number",
       value: value,
       onChange: onChangeInput,
@@ -51932,7 +51937,7 @@
                             ${mode === "danger" ? "bg-danger50 text-danger500" : "bg-neutral20"}
                         `,
       placeholder: placeholder
-    })), isOpen && /*#__PURE__*/React__default["default"].createElement("div", {
+    })), isOpen && redeemType !== "ppob" && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "absolute top-full mt-1 z-10 rounded-md shadow-md bg-neutral20 ring-1 ring-black ring-opacity-5 overflow-y-auto max-h-64 no-scrollbar",
       style: {
         width: wrapperWidth

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sprint-asia-custom-component",
   "main": "dist/index.js",
-  "version": "0.1.158",
+  "version": "0.1.160",
   "private": false,
   "dependencies": {
     "@headlessui/react": "^1.7.18",

package/src/components/dropdownphone/index.js

@@ -12,6 +12,7 @@ const DropdownPhone = ({
     footer = null,
     mode = "default",
     placeholder = "",
+    redeemType = "",
 }) => {
     const [isOpen, setIsOpen] = useState(false);
     const wrapperRef = useRef(null);
@@ -77,7 +78,11 @@ const DropdownPhone = ({
                 >
                     <div
                         className="flex items-center px-3 py-2 cursor-pointer border-r border-neutral50 mr-3"
-                        onClick={() => setIsOpen(!isOpen)}
+                        onClick={() => {
+                            if (redeemType !== "ppob") {
+                                setIsOpen(!isOpen);
+                            }
+                        }}
                     >
                         <img
                             src={`https://flagcdn.com/w40/${dropdownCountry.value}.png`}
@@ -87,7 +92,7 @@ const DropdownPhone = ({
                         <p className="text-sm font-bold text-neutral300 ml-3 mr-2">
                             {dropdownCountry.option}
                         </p>
-                        {isOpen ? <PiCaretUp /> : <PiCaretDown />}
+                        {redeemType !== "ppob" && (isOpen ? <PiCaretUp /> : <PiCaretDown />)}
                     </div>
 
                     <input
@@ -103,7 +108,7 @@ const DropdownPhone = ({
                     />
                 </div>
 
-                {isOpen && (
+                {isOpen && redeemType !== "ppob" && (
                     <div
                         className="absolute top-full mt-1 z-10 rounded-md shadow-md bg-neutral20 ring-1 ring-black ring-opacity-5 overflow-y-auto max-h-64 no-scrollbar"
                         style={{ width: wrapperWidth }}