@stigg/react-sdk 4.4.1 → 4.4.3

package/dist/react-sdk.esm.js

@@ -8246,9 +8246,9 @@ var AddPromotionCode = function AddPromotionCode(_ref2) {
 };
 
 var AppliedCouponContainer = /*#__PURE__*/_styled(Grid, process.env.NODE_ENV === "production" ? {
-  target: "e1cvrfx30"
+  target: "e1cvrfx31"
 } : {
-  target: "e1cvrfx30",
+  target: "e1cvrfx31",
   label: "AppliedCouponContainer"
 })("width:auto;display:inline-flex;align-items:center;flex-direction:row;gap:8px;padding:6px 8px;border-radius:", function (_ref) {
   var theme = _ref.theme;
@@ -8256,11 +8256,30 @@ var AppliedCouponContainer = /*#__PURE__*/_styled(Grid, process.env.NODE_ENV ===
 }, ";border:1px solid ", function (_ref2) {
   var theme = _ref2.theme;
   return theme.stigg.palette.primary;
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcGxpZWRQcm9tb3Rpb25Db2RlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNEMiLCJmaWxlIjoiQXBwbGllZFByb21vdGlvbkNvZGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQvbWFjcm8nO1xyXG5pbXBvcnQgeyBHcmlkIH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XHJcbmltcG9ydCB7IEljb24gfSBmcm9tICcuLi8uLi9jb21tb24vSWNvbic7XHJcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tICcuLi8uLi9jb21tb24vVHlwb2dyYXBoeSc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xyXG5jb25zdCBBcHBsaWVkQ291cG9uQ29udGFpbmVyID0gc3R5bGVkKEdyaWQpIGBcbiAgd2lkdGg6IGF1dG87XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBnYXA6IDhweDtcbiAgcGFkZGluZzogNnB4IDhweDtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zdGlnZy5ib3JkZXIucmFkaXVzfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IEFwcGxpZWRQcm9tb3Rpb25Db2RlID0gKHsgcHJvbW90aW9uQ29kZSwgb25DbGVhclByb21vdGlvbkNvZGUgfSkgPT4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoQXBwbGllZENvdXBvbkNvbnRhaW5lciwgeyBjb250YWluZXI6IHRydWUgfSxcclxuICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoR3JpZCwgeyBpdGVtOiB0cnVlLCBkaXNwbGF5OiBcImZsZXhcIiwgZ2FwOiAxLCBhbGlnbkl0ZW1zOiBcImNlbnRlclwiIH0sXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChJY29uLCB7IGljb246IFwiQ291cG9uXCIsIHN0eWxlOiB7IGRpc3BsYXk6ICdmbGV4JyB9IH0pLFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoVHlwb2dyYXBoeSwgeyB2YXJpYW50OiBcImJvZHkxXCIsIGNvbG9yOiBcInByaW1hcnkubWFpblwiLCBsaW5lSGVpZ2h0OiBcImF1dG9cIiB9LCBwcm9tb3Rpb25Db2RlKSksXHJcbiAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEdyaWQsIHsgaXRlbTogdHJ1ZSB9LFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoQnV0dG9uLCB7IHZhcmlhbnQ6IFwidGV4dFwiLCBzeDogeyBtaW5XaWR0aDogJ3Vuc2V0JywgcGFkZGluZzogMCB9LCBvbkNsaWNrOiBvbkNsZWFyUHJvbW90aW9uQ29kZSB9LFxyXG4gICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEljb24sIHsgaWNvbjogXCJDbG9zZVwiLCBzdHlsZTogeyBkaXNwbGF5OiAnZmxleCcgfSB9KSkpKSk7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUFwcGxpZWRQcm9tb3Rpb25Db2RlLmpzLm1hcCJdfQ== */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcGxpZWRQcm9tb3Rpb25Db2RlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNEMiLCJmaWxlIjoiQXBwbGllZFByb21vdGlvbkNvZGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQvbWFjcm8nO1xyXG5pbXBvcnQgeyBHcmlkIH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XHJcbmltcG9ydCB7IEljb24gfSBmcm9tICcuLi8uLi9jb21tb24vSWNvbic7XHJcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tICcuLi8uLi9jb21tb24vVHlwb2dyYXBoeSc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL2NvbXBvbmVudHMnO1xyXG5jb25zdCBBcHBsaWVkQ291cG9uQ29udGFpbmVyID0gc3R5bGVkKEdyaWQpIGBcbiAgd2lkdGg6IGF1dG87XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBnYXA6IDhweDtcbiAgcGFkZGluZzogNnB4IDhweDtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zdGlnZy5ib3JkZXIucmFkaXVzfTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnl9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb24gPSBzdHlsZWQoSWNvbiwgeyBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09ICdzdHlsZScgfSkgYFxuICBkaXNwbGF5OiBmbGV4O1xuXG4gIGcge1xuICAgIHN0cm9rZTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zdGlnZy5wYWxldHRlLnByaW1hcnl9O1xuICB9XG5cbiAgcGF0aCB7XG4gICAgZmlsbDogJHsoeyB0aGVtZSwgJHNob3VsZEZpbGwgfSkgPT4gKCRzaG91bGRGaWxsID8gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5IDogdW5kZWZpbmVkKX07XG4gIH1cbmA7XHJcbmV4cG9ydCBjb25zdCBBcHBsaWVkUHJvbW90aW9uQ29kZSA9ICh7IHByb21vdGlvbkNvZGUsIG9uQ2xlYXJQcm9tb3Rpb25Db2RlIH0pID0+IChSZWFjdC5jcmVhdGVFbGVtZW50KEFwcGxpZWRDb3Vwb25Db250YWluZXIsIHsgY29udGFpbmVyOiB0cnVlIH0sXHJcbiAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEdyaWQsIHsgaXRlbTogdHJ1ZSwgZGlzcGxheTogXCJmbGV4XCIsIGdhcDogMSwgYWxpZ25JdGVtczogXCJjZW50ZXJcIiB9LFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoU3R5bGVkSWNvbiwgeyBpY29uOiBcIkNvdXBvblwiIH0pLFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoVHlwb2dyYXBoeSwgeyB2YXJpYW50OiBcImJvZHkxXCIsIGNvbG9yOiBcInByaW1hcnkubWFpblwiLCBsaW5lSGVpZ2h0OiBcImF1dG9cIiB9LCBwcm9tb3Rpb25Db2RlKSksXHJcbiAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEdyaWQsIHsgaXRlbTogdHJ1ZSB9LFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoQnV0dG9uLCB7IHZhcmlhbnQ6IFwidGV4dFwiLCBzeDogeyBtaW5XaWR0aDogJ3Vuc2V0JywgcGFkZGluZzogMCB9LCBvbkNsaWNrOiBvbkNsZWFyUHJvbW90aW9uQ29kZSB9LFxyXG4gICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZEljb24sIHsgaWNvbjogXCJDbG9zZVwiLCBcIiRzaG91bGRGaWxsXCI6IHRydWUgfSkpKSkpO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1BcHBsaWVkUHJvbW90aW9uQ29kZS5qcy5tYXAiXX0= */"));
 
-var AppliedPromotionCode = function AppliedPromotionCode(_ref3) {
-  var promotionCode = _ref3.promotionCode,
-      onClearPromotionCode = _ref3.onClearPromotionCode;
+var StyledIcon$1 = /*#__PURE__*/_styled(Icon, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'style';
+  },
+  target: "e1cvrfx30"
+} : {
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return prop !== 'style';
+  },
+  target: "e1cvrfx30",
+  label: "StyledIcon"
+})("display:flex;g{stroke:", function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.stigg.palette.primary;
+}, ";}path{fill:", function (_ref4) {
+  var theme = _ref4.theme,
+      $shouldFill = _ref4.$shouldFill;
+  return $shouldFill ? theme.stigg.palette.primary : undefined;
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkFwcGxpZWRQcm9tb3Rpb25Db2RlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQjBGIiwiZmlsZSI6IkFwcGxpZWRQcm9tb3Rpb25Db2RlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkL21hY3JvJztcclxuaW1wb3J0IHsgR3JpZCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xyXG5pbXBvcnQgeyBJY29uIH0gZnJvbSAnLi4vLi4vY29tbW9uL0ljb24nO1xyXG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnLi4vLi4vY29tbW9uL1R5cG9ncmFwaHknO1xyXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9jb21wb25lbnRzJztcclxuY29uc3QgQXBwbGllZENvdXBvbkNvbnRhaW5lciA9IHN0eWxlZChHcmlkKSBgXG4gIHdpZHRoOiBhdXRvO1xuICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgZ2FwOiA4cHg7XG4gIHBhZGRpbmc6IDZweCA4cHg7XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3RpZ2cuYm9yZGVyLnJhZGl1c307XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5fTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uID0gc3R5bGVkKEljb24sIHsgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBwcm9wICE9PSAnc3R5bGUnIH0pIGBcbiAgZGlzcGxheTogZmxleDtcblxuICBnIHtcbiAgICBzdHJva2U6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3RpZ2cucGFsZXR0ZS5wcmltYXJ5fTtcbiAgfVxuXG4gIHBhdGgge1xuICAgIGZpbGw6ICR7KHsgdGhlbWUsICRzaG91bGRGaWxsIH0pID0+ICgkc2hvdWxkRmlsbCA/IHRoZW1lLnN0aWdnLnBhbGV0dGUucHJpbWFyeSA6IHVuZGVmaW5lZCl9O1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgQXBwbGllZFByb21vdGlvbkNvZGUgPSAoeyBwcm9tb3Rpb25Db2RlLCBvbkNsZWFyUHJvbW90aW9uQ29kZSB9KSA9PiAoUmVhY3QuY3JlYXRlRWxlbWVudChBcHBsaWVkQ291cG9uQ29udGFpbmVyLCB7IGNvbnRhaW5lcjogdHJ1ZSB9LFxyXG4gICAgUmVhY3QuY3JlYXRlRWxlbWVudChHcmlkLCB7IGl0ZW06IHRydWUsIGRpc3BsYXk6IFwiZmxleFwiLCBnYXA6IDEsIGFsaWduSXRlbXM6IFwiY2VudGVyXCIgfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZEljb24sIHsgaWNvbjogXCJDb3Vwb25cIiB9KSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFR5cG9ncmFwaHksIHsgdmFyaWFudDogXCJib2R5MVwiLCBjb2xvcjogXCJwcmltYXJ5Lm1haW5cIiwgbGluZUhlaWdodDogXCJhdXRvXCIgfSwgcHJvbW90aW9uQ29kZSkpLFxyXG4gICAgUmVhY3QuY3JlYXRlRWxlbWVudChHcmlkLCB7IGl0ZW06IHRydWUgfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEJ1dHRvbiwgeyB2YXJpYW50OiBcInRleHRcIiwgc3g6IHsgbWluV2lkdGg6ICd1bnNldCcsIHBhZGRpbmc6IDAgfSwgb25DbGljazogb25DbGVhclByb21vdGlvbkNvZGUgfSxcclxuICAgICAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRJY29uLCB7IGljb246IFwiQ2xvc2VcIiwgXCIkc2hvdWxkRmlsbFwiOiB0cnVlIH0pKSkpKTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9QXBwbGllZFByb21vdGlvbkNvZGUuanMubWFwIl19 */"));
+var AppliedPromotionCode = function AppliedPromotionCode(_ref5) {
+  var promotionCode = _ref5.promotionCode,
+      onClearPromotionCode = _ref5.onClearPromotionCode;
   return React__default.createElement(AppliedCouponContainer, {
     container: true
   }, React__default.createElement(Grid, {
@@ -8268,11 +8287,8 @@ var AppliedPromotionCode = function AppliedPromotionCode(_ref3) {
     display: "flex",
     gap: 1,
     alignItems: "center"
-  }, React__default.createElement(Icon, {
-    icon: "Coupon",
-    style: {
-      display: 'flex'
-    }
+  }, React__default.createElement(StyledIcon$1, {
+    icon: "Coupon"
   }), React__default.createElement(Typography, {
     variant: "body1",
     color: "primary.main",
@@ -8286,11 +8302,9 @@ var AppliedPromotionCode = function AppliedPromotionCode(_ref3) {
       padding: 0
     },
     onClick: onClearPromotionCode
-  }, React__default.createElement(Icon, {
+  }, React__default.createElement(StyledIcon$1, {
     icon: "Close",
-    style: {
-      display: 'flex'
-    }
+    "$shouldFill": true
   }))));
 };
 
@@ -8339,7 +8353,8 @@ var _excluded$6 = ["postal_code"];
 function StripePaymentForm(_ref) {
   var _configuration$conten;
 
-  var onBillingAddressChange = _ref.onBillingAddressChange;
+  var onBillingAddressChange = _ref.onBillingAddressChange,
+      collectPhoneNumber = _ref.collectPhoneNumber;
 
   var _useCheckoutModel = useCheckoutModel(),
       checkoutState = _useCheckoutModel.checkoutState,
@@ -8355,6 +8370,7 @@ function StripePaymentForm(_ref) {
       configuration = _ref2.configuration;
 
   var readOnly = widgetState.readOnly;
+  var shouldCollectPhoneNumber = !!(collectPhoneNumber != null ? collectPhoneNumber : configuration == null ? void 0 : (_configuration$conten = configuration.content) == null ? void 0 : _configuration$conten.collectPhoneNumber);
 
   var handleAddressChange = function handleAddressChange(args) {
     if (!args.complete) {
@@ -8425,7 +8441,7 @@ function StripePaymentForm(_ref) {
     options: {
       mode: 'billing',
       fields: {
-        phone: configuration != null && (_configuration$conten = configuration.content) != null && _configuration$conten.collectPhoneNumber ? 'always' : 'auto'
+        phone: shouldCollectPhoneNumber ? 'always' : 'auto'
       },
       defaultValues: _extends({}, (customer == null ? void 0 : customer.name) && {
         name: customer.name
@@ -13228,7 +13244,8 @@ function NewPaymentMethod(_ref3) {
       onSelect = _ref3.onSelect,
       readOnly = _ref3.readOnly,
       checkoutLocalization = _ref3.checkoutLocalization,
-      onBillingAddressChange = _ref3.onBillingAddressChange;
+      onBillingAddressChange = _ref3.onBillingAddressChange,
+      collectPhoneNumber = _ref3.collectPhoneNumber;
   return React__default.createElement(NewPaymentMethodContainer, {
     item: true,
     onClick: onSelect,
@@ -13243,14 +13260,16 @@ function NewPaymentMethod(_ref3) {
   }), React__default.createElement(Collapse, {
     "in": checked
   }, React__default.createElement(StripePaymentForm, {
-    onBillingAddressChange: onBillingAddressChange
+    onBillingAddressChange: onBillingAddressChange,
+    collectPhoneNumber: collectPhoneNumber
   })));
 }
 
 var _templateObject$8;
 var PaymentContainer = /*#__PURE__*/styled$1(Grid)(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n"])));
 function PaymentStep(_ref) {
-  var onBillingAddressChange = _ref.onBillingAddressChange;
+  var onBillingAddressChange = _ref.onBillingAddressChange,
+      collectPhoneNumber = _ref.collectPhoneNumber;
 
   var _useCheckoutModel = useCheckoutModel(),
       checkoutState = _useCheckoutModel.checkoutState,
@@ -13298,7 +13317,8 @@ function PaymentStep(_ref) {
     onSelect: function onSelect() {
       return handleOnSelect(true);
     },
-    onBillingAddressChange: onBillingAddressChange
+    onBillingAddressChange: onBillingAddressChange,
+    collectPhoneNumber: collectPhoneNumber
   }));
 }
 
@@ -13926,7 +13946,8 @@ var DowngradeToFreePlan = function DowngradeToFreePlan(_ref3) {
 
 var getStepProps = function getStepProps(currentStep, _ref) {
   var onBillingAddressChange = _ref.onBillingAddressChange,
-      onChangePlan = _ref.onChangePlan;
+      onChangePlan = _ref.onChangePlan,
+      collectPhoneNumber = _ref.collectPhoneNumber;
 
   switch (currentStep.key) {
     case CheckoutStepKey.PLAN:
@@ -13944,7 +13965,8 @@ var getStepProps = function getStepProps(currentStep, _ref) {
     case CheckoutStepKey.PAYMENT:
       return {
         content: React__default.createElement(PaymentStep, {
-          onBillingAddressChange: onBillingAddressChange
+          onBillingAddressChange: onBillingAddressChange,
+          collectPhoneNumber: collectPhoneNumber
         })
       };
 
@@ -13960,6 +13982,7 @@ function CheckoutContainer(_ref2) {
       onCheckoutCompleted = _ref2.onCheckoutCompleted,
       onChangePlan = _ref2.onChangePlan,
       onBillingAddressChange = _ref2.onBillingAddressChange,
+      collectPhoneNumber = _ref2.collectPhoneNumber,
       disablePromotionCode = _ref2.disablePromotionCode,
       disableSuccessAnimation = _ref2.disableSuccessAnimation,
       onMockCheckoutPreview = _ref2.onMockCheckoutPreview;
@@ -13990,15 +14013,16 @@ function CheckoutContainer(_ref2) {
 
   var _getStepProps = getStepProps(currentStep, {
     onBillingAddressChange: onBillingAddressChange,
-    onChangePlan: onChangePlan
+    onChangePlan: onChangePlan,
+    collectPhoneNumber: collectPhoneNumber
   }),
       content = _getStepProps.content;
 
   var checkoutContent = React__default.createElement(React__default.Fragment, null, isFreeDowngrade ? React__default.createElement(DowngradeToFreePlan, {
-    checkoutLocalization: checkoutLocalization,
     freePlan: plan,
     activeSubscription: activeSubscription,
     allowChangePlan: true,
+    checkoutLocalization: checkoutLocalization,
     onChangePlan: onChangePlan
   }) : React__default.createElement(React__default.Fragment, null, content));
   var stripeElementsMode = useMemo(function () {