tf-checkout-react 1.4.21-beta.2 → 1.4.21-beta.5

package/dist/components/billing-info-container/index.d.ts

@@ -20,6 +20,8 @@ export interface IBillingInfoPage {
     onGetStatesError?: (e: AxiosError) => void;
     onGetProfileDataSuccess?: (res: any) => void;
     onGetProfileDataError?: (e: AxiosError) => void;
+    onGetCheckoutConfigsSuccess?: (res: any) => void;
+    onGetCheckoutConfigsError?: (e: AxiosError) => void;
     onLogin?: () => void;
     onLoginSuccess?: () => void;
     onErrorClose?: () => void;

package/dist/components/orderDetailsContainer/index.d.ts

@@ -30,6 +30,12 @@ interface OrderDetailsTypes {
     itemsTitle?: string;
     ticketsTitle?: string;
 }
+export interface CustomFieldOption {
+    id: string;
+    name: string;
+    value: string;
+    order: string;
+}
 export interface CustomFieldTypes {
     description: string;
     enabled: string;
@@ -46,6 +52,7 @@ export interface CustomFieldTypes {
     type: string;
     value: string | Array<string>;
     ticketHash?: string;
+    options?: CustomFieldOption[];
 }
 export declare const OrderDetailsContainer: ({ columns, onGetOrdersSuccess, onGetOrdersError, onRemoveFromResaleSuccess, onRemoveFromResaleError, onResaleTicketSuccess, onResaleTicketError, onUpdateOrderCustomFieldsSuccess, onUpdateOrderCustomFieldsError, onUpdateTicketHolderCustomFieldsSuccess, onUpdateTicketHolderCustomFieldsError, onReturnButtonClick, personalLinkIcon, displayColumnNameInRow, canSellTicket, ticketsTableColumns, ordersPath, orderId: pOrderId, referralTitle, itemsTitle, ticketsTitle, }: OrderDetailsTypes) => JSX.Element;
 export {};

package/dist/components/orderDetailsContainer/utils/index.d.ts

@@ -1,5 +1,5 @@
 import { CustomFieldTypes } from '../index';
-export declare const renderCustomFieldValue: (customField: CustomFieldTypes) => string;
+export declare const renderCustomFieldValue: (customField: CustomFieldTypes) => string | string[];
 export declare const isFieldUpdatable: (field: CustomFieldTypes) => boolean;
 export declare const createCustomFieldsUpdateBody: (updatedValues: Record<string, any>, notUpdatableCustomFieldsValues?: Array<CustomFieldTypes>) => {
     [x: string]: any;

package/dist/tf-checkout-react.cjs.development.js

@@ -3842,7 +3842,11 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
     _ref4$isCountryCodeEd = _ref4.isCountryCodeEditable,
     isCountryCodeEditable = _ref4$isCountryCodeEd === void 0 ? true : _ref4$isCountryCodeEd,
     _ref4$onPendingVerifi = _ref4.onPendingVerification,
-    onPendingVerification = _ref4$onPendingVerifi === void 0 ? _identity : _ref4$onPendingVerifi;
+    onPendingVerification = _ref4$onPendingVerifi === void 0 ? _identity : _ref4$onPendingVerifi,
+    _ref4$onGetCheckoutCo = _ref4.onGetCheckoutConfigsSuccess,
+    onGetCheckoutConfigsSuccess = _ref4$onGetCheckoutCo === void 0 ? _identity : _ref4$onGetCheckoutCo,
+    _ref4$onGetCheckoutCo2 = _ref4.onGetCheckoutConfigsError,
+    onGetCheckoutConfigsError = _ref4$onGetCheckoutCo2 === void 0 ? _identity : _ref4$onGetCheckoutCo2;
   var _useState = React.useState(null),
     extraData = _useState[0],
     setExtraData = _useState[1];
@@ -3869,8 +3873,10 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
         setConfigs(data.data.attributes);
         setIsConfigLoading(false);
       }
-    })["catch"](function () {
+      onGetCheckoutConfigsSuccess(data);
+    })["catch"](function (e) {
       setIsConfigLoading(false);
+      onGetCheckoutConfigsError(e);
     });
   }, [isBrowser]);
   var defaultCountry = isBrowser ? window.localStorage.getItem('eventCountry') : '';
@@ -4210,6 +4216,18 @@ var BillingInfoContainer = /*#__PURE__*/React__default.memo(function (_ref4) {
       // Delete from values list
       delete checkoutBody.attributes[key];
     });
+    // Temp solution for hardcoded data capture values, to be deleted in the future
+    var captureKeys = ['businessCategory', 'company', 'instagram', 'jobTitle', 'wallet_address'];
+    captureKeys.forEach(function (key) {
+      var _checkoutBody$attribu;
+      var path = "data_capture." + key;
+      var value = _get(values, path, '');
+      if (value !== '') {
+        data_capture[key] = value;
+      }
+      var attributeKey = "data_capture[" + key + "]";
+      (_checkoutBody$attribu = checkoutBody.attributes) == null ? true : delete _checkoutBody$attribu[attributeKey];
+    });
     // Collect data_capture for Ticket Holders Fields
     _forEach(checkoutBody.attributes.ticket_holders, function (holder, holderIndex) {
       var holderDataCapture = {};
@@ -8071,6 +8089,19 @@ var CustomFieldsForm = function CustomFieldsForm(_ref) {
   });
 };
 
+var getLabelForValue = function getLabelForValue(options, value) {
+  var getLabel = function getLabel(singleValue) {
+    var option = options.find(function (option) {
+      return option.value === singleValue;
+    });
+    return option ? option.name : '';
+  };
+  if (_isArray(value)) {
+    var labels = value.map(getLabel);
+    return labels.join(', ');
+  }
+  return getLabel(value);
+};
 var renderCustomFieldValue = function renderCustomFieldValue(customField) {
   if (customField.type === 'checkbox') {
     return customField.value ? 'Checked' : 'Unchecked';
@@ -8078,8 +8109,8 @@ var renderCustomFieldValue = function renderCustomFieldValue(customField) {
   if (_isEmpty(customField.value)) {
     return 'N/A';
   }
-  if (_isArray(customField.value)) {
-    return customField.value.join(', ');
+  if (customField.type === 'select' || customField.type === 'select_multi' || customField.type === 'radio') {
+    return getLabelForValue(customField.options, customField.value);
   }
   return customField.value;
 };
@@ -8148,7 +8179,7 @@ var TicketHolderCustomFields = function TicketHolderCustomFields(_ref) {
   }
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "holder-custom-fields"
-  }, React__default.createElement(SVG, {
+  }, !_isEmpty(allowedHolderCustomFields) && React__default.createElement(SVG, {
     src: EditSvg,
     onClick: function onClick() {
       return setShowHolderCustomFieldsSection(true);
@@ -8962,19 +8993,19 @@ var TicketResaleContainer = function TicketResaleContainer(_ref) {
     setSuccessMessage = _useState2[1];
   React.useEffect(function () {
     _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var params, hash, isDeclined, response, _error$response, _error$response$data, _response, _error$response2, _error$response2$data;
+      var params, hash, isDeclined, response, _error$response, _error$response$data, _response, event_id, _error$response2, _error$response2$data;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             if (!isWindowDefined) {
-              _context.next = 34;
+              _context.next = 35;
               break;
             }
             params = new URL("" + window.location).searchParams;
             hash = params.get('invitation_hash') || orderHash || null;
             isDeclined = params.get('decline') || false;
             if (!hash) {
-              _context.next = 33;
+              _context.next = 34;
               break;
             }
             if (!isDeclined) {
@@ -9003,25 +9034,26 @@ var TicketResaleContainer = function TicketResaleContainer(_ref) {
             return processTicket(hash);
           case 22:
             _response = _context.sent;
+            event_id = _get(_response.data.data.attributes, 'event_id');
             onProcessTicketSuccess(_response.data);
-            window.location.href = "" + (billingPath != null ? billingPath : '/billing/billing-info/');
-            _context.next = 31;
+            window.location.href = (billingPath != null ? billingPath : '/billing/billing-info') + "?event_id=" + event_id;
+            _context.next = 32;
             break;
-          case 27:
-            _context.prev = 27;
+          case 28:
+            _context.prev = 28;
             _context.t1 = _context["catch"](19);
             setError(_context.t1 == null ? void 0 : (_error$response2 = _context.t1.response) == null ? void 0 : (_error$response2$data = _error$response2.data) == null ? void 0 : _error$response2$data.message);
             onProcessTicketError(_context.t1.response);
-          case 31:
-            _context.next = 34;
+          case 32:
+            _context.next = 35;
             break;
-          case 33:
-            window.location.href = '/';
           case 34:
+            window.location.href = '/';
+          case 35:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[6, 14], [19, 27]]);
+      }, _callee, null, [[6, 14], [19, 28]]);
     }))();
   }, []);
   return React__default.createElement("div", {