@pelcro/react-pelcro-js 3.4.1-beta.4 → 3.5.0-beta.2

package/dist/index.cjs.js

@@ -3251,7 +3251,7 @@ var buttons$e = {
 	account: "Accès abonné(e)s",
 	login: "Se connecter"
 };
-var dashboard$2 = {
+var dashboard$3 = {
 	labels: {
 		menu: "Menu Pelcro",
 		name: "Nom",
@@ -3325,7 +3325,7 @@ var confirm$8 = {
 var common_fr = {
 	validation: validation$2,
 	buttons: buttons$e,
-	dashboard: dashboard$2,
+	dashboard: dashboard$3,
 	select: select$5,
 	confirm: confirm$8
 };
@@ -3340,7 +3340,7 @@ var buttons$d = {
 	account: "My account",
 	login: "Login"
 };
-var dashboard$1 = {
+var dashboard$2 = {
 	labels: {
 		menu: "Pelcro Menu",
 		name: "Name",
@@ -3414,7 +3414,7 @@ var confirm$7 = {
 var common_en = {
 	validation: validation$1,
 	buttons: buttons$d,
-	dashboard: dashboard$1,
+	dashboard: dashboard$2,
 	select: select$4,
 	confirm: confirm$7
 };
@@ -3428,7 +3428,7 @@ var buttons$c = {
 	account: "내 계정",
 	login: "로그인"
 };
-var dashboard = {
+var dashboard$1 = {
 	labels: {
 		menu: "Pelcro 메뉴",
 		name: "이름",
@@ -3502,7 +3502,7 @@ var confirm$6 = {
 var common_ko = {
 	validation: validation,
 	buttons: buttons$c,
-	dashboard: dashboard,
+	dashboard: dashboard$1,
 	select: select$3,
 	confirm: confirm$6
 };
@@ -4446,7 +4446,8 @@ var labels$n = {
 	country: "Country",
 	firstName: "First name",
 	lastName: "Last name",
-	required: "required"
+	required: "required",
+	isDefault: "Set as default"
 };
 var buttons$b = {
 	submit: "Submit",
@@ -4477,7 +4478,8 @@ var labels$m = {
 	country: "Pays",
 	firstName: "Prénom",
 	lastName: "Nom de famille",
-	required: "Champs obligatoires"
+	required: "Champs obligatoires",
+	isDefault: "Définir par défaut"
 };
 var buttons$a = {
 	submit: "Valider",
@@ -4508,7 +4510,8 @@ var labels$l = {
 	country: "국가",
 	firstName: "이름",
 	lastName: "성",
-	required: "필수 항목"
+	required: "필수 항목",
+	isDefault: "기본값으로 설정"
 };
 var buttons$9 = {
 	submit: "제출",
@@ -4758,7 +4761,7 @@ var subtitle$2 = "Terminez votre achat ci-dessous";
 var name$2 = "Produit";
 var quantity$2 = "Quantité";
 var price$2 = "Prix";
-var actions$2 = "Actes";
+var actions$3 = "Actes";
 var remove$2 = "Retirer";
 var total$2 = "Total";
 var confirm$5 = "Passer à la caisse";
@@ -4770,7 +4773,7 @@ var cart_fr = {
 	name: name$2,
 	quantity: quantity$2,
 	price: price$2,
-	actions: actions$2,
+	actions: actions$3,
 	remove: remove$2,
 	total: total$2,
 	confirm: confirm$5,
@@ -4783,7 +4786,7 @@ var subtitle$1 = "Comple your purchase below";
 var name$1 = "Name";
 var quantity$1 = "Quantity";
 var price$1 = "Price";
-var actions$1 = "Actions";
+var actions$2 = "Actions";
 var remove$1 = "Remove";
 var total$1 = "Total";
 var confirm$4 = "Checkout";
@@ -4795,7 +4798,7 @@ var cart_en = {
 	name: name$1,
 	quantity: quantity$1,
 	price: price$1,
-	actions: actions$1,
+	actions: actions$2,
 	remove: remove$1,
 	total: total$1,
 	confirm: confirm$4,
@@ -4808,7 +4811,7 @@ var subtitle = "아래에서 결제를 진행하세요.";
 var name = "이름";
 var quantity = "수량";
 var price = "가격";
-var actions = "조치";
+var actions$1 = "조치";
 var remove = "제거";
 var total = "총계";
 var confirm$3 = "체크아웃";
@@ -4820,7 +4823,7 @@ var cart_ko = {
 	name: name,
 	quantity: quantity,
 	price: price,
-	actions: actions,
+	actions: actions$1,
 	remove: remove,
 	total: total,
 	confirm: confirm$3,
@@ -5081,6 +5084,7 @@ var labels$e = {
 	addAddress: "Add address",
 	addSubscription: "New Subscription",
 	addGift: "New Gift",
+	"default": "Default",
 	orders: {
 		label: "Orders",
 		noOrders: "You have not placed any orders",
@@ -5173,6 +5177,7 @@ var labels$d = {
 	addAddress: "Ajoutez l'adresse",
 	addSubscription: "Nouvel abonnement",
 	addGift: "Ajouter un cadeau",
+	"default": "Défaut",
 	orders: {
 		label: "Commandes",
 		noOrders: "Vous n'avez passé aucune commande",
@@ -5285,6 +5290,67 @@ var labels$c = {
 		goBack: "뒤로 가기"
 	}
 };
+var shipments = "남은 배송 일정";
+var logout = "로그아웃";
+var dashboard = "대시보드";
+var unsubscribe = "취소";
+var reactivate = "재활성화";
+var renew = "갱신";
+var support = "지원";
+var account = "계정";
+var purchases = "구매";
+var subscriptions = "유료 멤버십";
+var donations = "기부";
+var invoices = "인보이스";
+var details = "세부 정보";
+var view = "보기";
+var paid = "결제 완료";
+var open = "열기";
+var draft = "임시 저장";
+var scheduled = "예약";
+var uncollectible = "사용 불가";
+var pastDue = "연체";
+var updatePaymentSource = "업데이트";
+var profile = "프로필";
+var updateProfile = "프로필 편집";
+var changePassword = "비밀번호 변경";
+var editNewsletters = "뉴스레터 편집";
+var edit = "편집";
+var gifts = "선물";
+var redeemGift = "선물 사용";
+var address = "주소";
+var addresses = "주소들";
+var myProfile = "내 프로필";
+var paymentSource = "결제 카드";
+var actions = "조치";
+var expiresOn = "종료";
+var startsOn = "시작";
+var startDate = "시작일";
+var renewsOn = "갱신";
+var canceledOn = "취소일";
+var recipient = "받는 사람";
+var addAddress = "주소 추가";
+var addSubscription = "새 유료 멤버십";
+var addGift = "새 선물";
+var orders = {
+	label: "주문",
+	noOrders: "주문하신 내역이 없습니다.",
+	total: "총계",
+	date: "날짜",
+	details: "세부 정보",
+	itemsAmount: "{{count}} 아이템",
+	itemsAmount_plural: "{{count}} 아이템"
+};
+var savedItems = {
+	label: "저장 및 팔로우 완료",
+	noSavedItems: "저장된 아이템이 없습니다.",
+	categories: "종류",
+	details: "세부 정보",
+	removeItem: "제거"
+};
+var subCancellation = {
+	goBack: "뒤로 가기"
+};
 var messages$9 = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
@@ -5296,6 +5362,53 @@ var messages$9 = {
 };
 var dashboard_ko = {
 	labels: labels$c,
+	shipments: shipments,
+	logout: logout,
+	dashboard: dashboard,
+	unsubscribe: unsubscribe,
+	reactivate: reactivate,
+	renew: renew,
+	support: support,
+	account: account,
+	purchases: purchases,
+	subscriptions: subscriptions,
+	donations: donations,
+	invoices: invoices,
+	details: details,
+	view: view,
+	paid: paid,
+	open: open,
+	draft: draft,
+	scheduled: scheduled,
+	uncollectible: uncollectible,
+	"void": "무효",
+	pastDue: pastDue,
+	updatePaymentSource: updatePaymentSource,
+	profile: profile,
+	updateProfile: updateProfile,
+	changePassword: changePassword,
+	editNewsletters: editNewsletters,
+	edit: edit,
+	gifts: gifts,
+	redeemGift: redeemGift,
+	address: address,
+	addresses: addresses,
+	myProfile: myProfile,
+	paymentSource: paymentSource,
+	actions: actions,
+	expiresOn: expiresOn,
+	startsOn: startsOn,
+	startDate: startDate,
+	renewsOn: renewsOn,
+	canceledOn: canceledOn,
+	recipient: recipient,
+	addAddress: addAddress,
+	addSubscription: addSubscription,
+	addGift: addGift,
+	"default": "기본",
+	orders: orders,
+	savedItems: savedItems,
+	subCancellation: subCancellation,
 	messages: messages$9
 };
 
@@ -7165,6 +7278,13 @@ class PelcroActions {
       return true;
     });
 
+    _defineProperty$3(this, "setCouponCode", couponCode => {
+      if (!couponCode) return console.error("invalid coupon code");
+      this.set({
+        couponCode
+      });
+    });
+
     _defineProperty$3(this, "logout", () => {
       var _ReactGA$event;
 
@@ -7372,6 +7492,8 @@ const initialState$l = {
   // null | SKU[] | SKU,
   // invoices
   invoice: null,
+  // couponCode
+  couponCode: null,
   // memberships
   selectedMembership: null,
   // User
@@ -10616,6 +10738,7 @@ const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
 const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
 const LINK_TOKEN_VERIFY = "LINK_TOKEN_VERIFY";
 const SET_CANCEL_SUBSCRIPTION_REASON = "SET_CANCEL_SUBSCRIPTION_REASON";
+const HANDLE_CHECKBOX_CHANGE = "HANDLE_CHECKBOX_CHANGE";
 
 const initialState$k = {
   email: "",
@@ -14656,7 +14779,8 @@ const PaymentMethodContainerWithoutStripe = ({
   const {
     set,
     order,
-    selectedPaymentMethodId
+    selectedPaymentMethodId,
+    couponCode
   } = usePelcro();
   const product = (_props$product = props.product) !== null && _props$product !== void 0 ? _props$product : pelcroStore.product;
   const plan = (_props$plan = props.plan) !== null && _props$plan !== void 0 ? _props$plan : pelcroStore.plan;
@@ -14672,6 +14796,19 @@ const PaymentMethodContainerWithoutStripe = ({
         type: UPDATE_COUPON_CODE,
         payload: window.Pelcro.coupon.getFromUrl()
       });
+      dispatch({
+        type: SHOW_COUPON_FIELD,
+        payload: true
+      });
+    } else if (couponCode) {
+      dispatch({
+        type: UPDATE_COUPON_CODE,
+        payload: couponCode
+      });
+      dispatch({
+        type: SHOW_COUPON_FIELD,
+        payload: true
+      });
     }
 
     dispatch({
@@ -18438,6 +18575,7 @@ const initialState$e = {
   postalCodeError: "",
   states: [],
   countries: [],
+  isDefault: false,
   alert: {
     type: "error",
     content: ""
@@ -18520,7 +18658,8 @@ const AddressCreateContainer = ({
     city,
     state,
     country,
-    postalCode
+    postalCode,
+    isDefault
   }, dispatch) => {
     window.Pelcro.address.create({
       auth_token: window.Pelcro.user.read().auth_token,
@@ -18531,7 +18670,8 @@ const AddressCreateContainer = ({
       city: city,
       state: state,
       country: country,
-      postal_code: postalCode
+      postal_code: postalCode,
+      is_default: isDefault
     }, (err, res) => {
       if (err) {
         dispatch({
@@ -18658,6 +18798,11 @@ const AddressCreateContainer = ({
           ...action.payload
         });
 
+      case HANDLE_CHECKBOX_CHANGE:
+        return lib_7({ ...state,
+          ...action.payload
+        });
+
       case VALIDATE_FIELD:
         return lib_7({ ...state,
           [`${action.payload}Error`]: state[action.payload] ? "" : t("labels.required")
@@ -19158,6 +19303,27 @@ const AddressCreateStateSelect = props => /*#__PURE__*/React__default['default']
   store: store$e
 }, props));
 
+const AddressCreateSetDefault = props => {
+  const {
+    dispatch,
+    state
+  } = React.useContext(store$e);
+
+  const handleCheckboxChange = e => {
+    dispatch({
+      type: HANDLE_CHECKBOX_CHANGE,
+      payload: {
+        isDefault: e.target.checked
+      }
+    });
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement(Checkbox, {
+    onChange: e => handleCheckboxChange(e),
+    id: props.id
+  }, props.label);
+};
+
 const AddressCreateView = props => {
   const {
     t
@@ -19213,6 +19379,11 @@ const AddressCreateView = props => {
     id: "pelcro-input-state",
     errorId: "pelcro-input-state-error",
     required: true
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
+  }, /*#__PURE__*/React__default['default'].createElement(AddressCreateSetDefault, {
+    id: "pelcro-input-is-default",
+    label: t("labels.isDefault")
   })), /*#__PURE__*/React__default['default'].createElement("p", {
     className: "plc-text-gray-900 pelcro-footnote"
   }, "* ", t("labels.required")), /*#__PURE__*/React__default['default'].createElement(AddressCreateSubmit, {
@@ -19299,6 +19470,7 @@ const initialState$d = {
   postalCodeError: "",
   states: [],
   countries: [],
+  isDefault: false,
   alert: {
     type: "error",
     content: ""
@@ -19367,7 +19539,8 @@ const AddressUpdateContainer = ({
           city: thisAddress.city,
           state: thisAddress.state,
           country: thisAddress.country,
-          postalCode: thisAddress.postal_code
+          postalCode: thisAddress.postal_code,
+          isDefault: thisAddress.is_default
         };
         dispatch({
           type: SET_TEXT_FIELD,
@@ -19385,7 +19558,8 @@ const AddressUpdateContainer = ({
     city,
     state,
     country,
-    postalCode
+    postalCode,
+    isDefault
   }, dispatch) => {
     window.Pelcro.address.update({
       address_id: addressId,
@@ -19397,7 +19571,8 @@ const AddressUpdateContainer = ({
       city: city,
       state: state,
       country: country,
-      postal_code: postalCode
+      postal_code: postalCode,
+      is_default: isDefault
     }, (err, res) => {
       dispatch({
         type: LOADING,
@@ -19464,6 +19639,11 @@ const AddressUpdateContainer = ({
           ...action.payload
         });
 
+      case HANDLE_CHECKBOX_CHANGE:
+        return lib_7({ ...state,
+          ...action.payload
+        });
+
       case VALIDATE_FIELD:
         return lib_7({ ...state,
           [`${action.payload}Error`]: state[action.payload] ? "" : t("labels.required")
@@ -19793,6 +19973,30 @@ const AddressUpdateStateSelect = props => /*#__PURE__*/React__default['default']
   store: store$d
 }, props));
 
+function AddressUpdateSetDefault(props) {
+  const {
+    dispatch,
+    state: {
+      isDefault
+    }
+  } = React.useContext(store$d);
+
+  const handleCheckboxChange = e => {
+    dispatch({
+      type: HANDLE_CHECKBOX_CHANGE,
+      payload: {
+        isDefault: e.target.checked
+      }
+    });
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement(Checkbox, {
+    onChange: e => handleCheckboxChange(e),
+    id: props.id,
+    checked: isDefault
+  }, props.label);
+}
+
 const AddressUpdateView = props => {
   const {
     t
@@ -19848,6 +20052,11 @@ const AddressUpdateView = props => {
     errorId: "pelcro-input-state-error",
     label: t("labels.region"),
     required: true
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
+  }, /*#__PURE__*/React__default['default'].createElement(AddressUpdateSetDefault, {
+    id: "pelcro-input-is-default",
+    label: t("labels.isDefault")
   })), /*#__PURE__*/React__default['default'].createElement("p", {
     className: "plc-text-gray-900 pelcro-footnote"
   }, "* ", t("labels.required")), /*#__PURE__*/React__default['default'].createElement(AddressUpdateSubmit, {
@@ -25109,7 +25318,13 @@ class Dashboard extends React.Component {
           className: "plc-font-semibold plc-text-gray-600"
         }, address.city, ", ", address.country), " ", /*#__PURE__*/React__default['default'].createElement("span", {
           title: address.line1
-        }, address.line1)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
+        }, address.line1), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-flex plc-mb-2 plc-mt-1"
+        }, /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-rounded-full plc-bg-gray-200 plc-text-black plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-capitalize"
+        }, address.type), address.is_default && /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-rounded-full plc-bg-gray-800 plc-text-white plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-ml-2"
+        }, this.locale("labels.default")))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
           variant: "icon",
           className: "plc-text-gray-500",
           icon: /*#__PURE__*/React__default['default'].createElement(SvgEdit, null),
@@ -27780,6 +27995,7 @@ exports.AddressCreateLine1 = AddressCreateLine1;
 exports.AddressCreateLine2 = AddressCreateLine2;
 exports.AddressCreateModal = AddressCreateModal;
 exports.AddressCreatePostalCode = AddressCreatePostalCode;
+exports.AddressCreateSetDefault = AddressCreateSetDefault;
 exports.AddressCreateStateSelect = AddressCreateStateSelect;
 exports.AddressCreateSubmit = AddressCreateSubmit;
 exports.AddressCreateTextInput = AddressCreateTextInput;
@@ -27798,6 +28014,7 @@ exports.AddressUpdateLine1 = AddressUpdateLine1;
 exports.AddressUpdateLine2 = AddressUpdateLine2;
 exports.AddressUpdateModal = AddressUpdateModal;
 exports.AddressUpdatePostalCode = AddressUpdatePostalCode;
+exports.AddressUpdateSetDefault = AddressUpdateSetDefault;
 exports.AddressUpdateStateSelect = AddressUpdateStateSelect;
 exports.AddressUpdateSubmit = AddressUpdateSubmit;
 exports.AddressUpdateTextInput = AddressUpdateTextInput;

package/dist/index.esm.js

@@ -3221,7 +3221,7 @@ var buttons$e = {
 	account: "Accès abonné(e)s",
 	login: "Se connecter"
 };
-var dashboard$2 = {
+var dashboard$3 = {
 	labels: {
 		menu: "Menu Pelcro",
 		name: "Nom",
@@ -3295,7 +3295,7 @@ var confirm$8 = {
 var common_fr = {
 	validation: validation$2,
 	buttons: buttons$e,
-	dashboard: dashboard$2,
+	dashboard: dashboard$3,
 	select: select$5,
 	confirm: confirm$8
 };
@@ -3310,7 +3310,7 @@ var buttons$d = {
 	account: "My account",
 	login: "Login"
 };
-var dashboard$1 = {
+var dashboard$2 = {
 	labels: {
 		menu: "Pelcro Menu",
 		name: "Name",
@@ -3384,7 +3384,7 @@ var confirm$7 = {
 var common_en = {
 	validation: validation$1,
 	buttons: buttons$d,
-	dashboard: dashboard$1,
+	dashboard: dashboard$2,
 	select: select$4,
 	confirm: confirm$7
 };
@@ -3398,7 +3398,7 @@ var buttons$c = {
 	account: "내 계정",
 	login: "로그인"
 };
-var dashboard = {
+var dashboard$1 = {
 	labels: {
 		menu: "Pelcro 메뉴",
 		name: "이름",
@@ -3472,7 +3472,7 @@ var confirm$6 = {
 var common_ko = {
 	validation: validation,
 	buttons: buttons$c,
-	dashboard: dashboard,
+	dashboard: dashboard$1,
 	select: select$3,
 	confirm: confirm$6
 };
@@ -4416,7 +4416,8 @@ var labels$n = {
 	country: "Country",
 	firstName: "First name",
 	lastName: "Last name",
-	required: "required"
+	required: "required",
+	isDefault: "Set as default"
 };
 var buttons$b = {
 	submit: "Submit",
@@ -4447,7 +4448,8 @@ var labels$m = {
 	country: "Pays",
 	firstName: "Prénom",
 	lastName: "Nom de famille",
-	required: "Champs obligatoires"
+	required: "Champs obligatoires",
+	isDefault: "Définir par défaut"
 };
 var buttons$a = {
 	submit: "Valider",
@@ -4478,7 +4480,8 @@ var labels$l = {
 	country: "국가",
 	firstName: "이름",
 	lastName: "성",
-	required: "필수 항목"
+	required: "필수 항목",
+	isDefault: "기본값으로 설정"
 };
 var buttons$9 = {
 	submit: "제출",
@@ -4728,7 +4731,7 @@ var subtitle$2 = "Terminez votre achat ci-dessous";
 var name$2 = "Produit";
 var quantity$2 = "Quantité";
 var price$2 = "Prix";
-var actions$2 = "Actes";
+var actions$3 = "Actes";
 var remove$2 = "Retirer";
 var total$2 = "Total";
 var confirm$5 = "Passer à la caisse";
@@ -4740,7 +4743,7 @@ var cart_fr = {
 	name: name$2,
 	quantity: quantity$2,
 	price: price$2,
-	actions: actions$2,
+	actions: actions$3,
 	remove: remove$2,
 	total: total$2,
 	confirm: confirm$5,
@@ -4753,7 +4756,7 @@ var subtitle$1 = "Comple your purchase below";
 var name$1 = "Name";
 var quantity$1 = "Quantity";
 var price$1 = "Price";
-var actions$1 = "Actions";
+var actions$2 = "Actions";
 var remove$1 = "Remove";
 var total$1 = "Total";
 var confirm$4 = "Checkout";
@@ -4765,7 +4768,7 @@ var cart_en = {
 	name: name$1,
 	quantity: quantity$1,
 	price: price$1,
-	actions: actions$1,
+	actions: actions$2,
 	remove: remove$1,
 	total: total$1,
 	confirm: confirm$4,
@@ -4778,7 +4781,7 @@ var subtitle = "아래에서 결제를 진행하세요.";
 var name = "이름";
 var quantity = "수량";
 var price = "가격";
-var actions = "조치";
+var actions$1 = "조치";
 var remove = "제거";
 var total = "총계";
 var confirm$3 = "체크아웃";
@@ -4790,7 +4793,7 @@ var cart_ko = {
 	name: name,
 	quantity: quantity,
 	price: price,
-	actions: actions,
+	actions: actions$1,
 	remove: remove,
 	total: total,
 	confirm: confirm$3,
@@ -5051,6 +5054,7 @@ var labels$e = {
 	addAddress: "Add address",
 	addSubscription: "New Subscription",
 	addGift: "New Gift",
+	"default": "Default",
 	orders: {
 		label: "Orders",
 		noOrders: "You have not placed any orders",
@@ -5143,6 +5147,7 @@ var labels$d = {
 	addAddress: "Ajoutez l'adresse",
 	addSubscription: "Nouvel abonnement",
 	addGift: "Ajouter un cadeau",
+	"default": "Défaut",
 	orders: {
 		label: "Commandes",
 		noOrders: "Vous n'avez passé aucune commande",
@@ -5255,6 +5260,67 @@ var labels$c = {
 		goBack: "뒤로 가기"
 	}
 };
+var shipments = "남은 배송 일정";
+var logout = "로그아웃";
+var dashboard = "대시보드";
+var unsubscribe = "취소";
+var reactivate = "재활성화";
+var renew = "갱신";
+var support = "지원";
+var account = "계정";
+var purchases = "구매";
+var subscriptions = "유료 멤버십";
+var donations = "기부";
+var invoices = "인보이스";
+var details = "세부 정보";
+var view = "보기";
+var paid = "결제 완료";
+var open = "열기";
+var draft = "임시 저장";
+var scheduled = "예약";
+var uncollectible = "사용 불가";
+var pastDue = "연체";
+var updatePaymentSource = "업데이트";
+var profile = "프로필";
+var updateProfile = "프로필 편집";
+var changePassword = "비밀번호 변경";
+var editNewsletters = "뉴스레터 편집";
+var edit = "편집";
+var gifts = "선물";
+var redeemGift = "선물 사용";
+var address = "주소";
+var addresses = "주소들";
+var myProfile = "내 프로필";
+var paymentSource = "결제 카드";
+var actions = "조치";
+var expiresOn = "종료";
+var startsOn = "시작";
+var startDate = "시작일";
+var renewsOn = "갱신";
+var canceledOn = "취소일";
+var recipient = "받는 사람";
+var addAddress = "주소 추가";
+var addSubscription = "새 유료 멤버십";
+var addGift = "새 선물";
+var orders = {
+	label: "주문",
+	noOrders: "주문하신 내역이 없습니다.",
+	total: "총계",
+	date: "날짜",
+	details: "세부 정보",
+	itemsAmount: "{{count}} 아이템",
+	itemsAmount_plural: "{{count}} 아이템"
+};
+var savedItems = {
+	label: "저장 및 팔로우 완료",
+	noSavedItems: "저장된 아이템이 없습니다.",
+	categories: "종류",
+	details: "세부 정보",
+	removeItem: "제거"
+};
+var subCancellation = {
+	goBack: "뒤로 가기"
+};
 var messages$9 = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
@@ -5266,6 +5332,53 @@ var messages$9 = {
 };
 var dashboard_ko = {
 	labels: labels$c,
+	shipments: shipments,
+	logout: logout,
+	dashboard: dashboard,
+	unsubscribe: unsubscribe,
+	reactivate: reactivate,
+	renew: renew,
+	support: support,
+	account: account,
+	purchases: purchases,
+	subscriptions: subscriptions,
+	donations: donations,
+	invoices: invoices,
+	details: details,
+	view: view,
+	paid: paid,
+	open: open,
+	draft: draft,
+	scheduled: scheduled,
+	uncollectible: uncollectible,
+	"void": "무효",
+	pastDue: pastDue,
+	updatePaymentSource: updatePaymentSource,
+	profile: profile,
+	updateProfile: updateProfile,
+	changePassword: changePassword,
+	editNewsletters: editNewsletters,
+	edit: edit,
+	gifts: gifts,
+	redeemGift: redeemGift,
+	address: address,
+	addresses: addresses,
+	myProfile: myProfile,
+	paymentSource: paymentSource,
+	actions: actions,
+	expiresOn: expiresOn,
+	startsOn: startsOn,
+	startDate: startDate,
+	renewsOn: renewsOn,
+	canceledOn: canceledOn,
+	recipient: recipient,
+	addAddress: addAddress,
+	addSubscription: addSubscription,
+	addGift: addGift,
+	"default": "기본",
+	orders: orders,
+	savedItems: savedItems,
+	subCancellation: subCancellation,
 	messages: messages$9
 };
 
@@ -7135,6 +7248,13 @@ class PelcroActions {
       return true;
     });
 
+    _defineProperty$3(this, "setCouponCode", couponCode => {
+      if (!couponCode) return console.error("invalid coupon code");
+      this.set({
+        couponCode
+      });
+    });
+
     _defineProperty$3(this, "logout", () => {
       var _ReactGA$event;
 
@@ -7342,6 +7462,8 @@ const initialState$l = {
   // null | SKU[] | SKU,
   // invoices
   invoice: null,
+  // couponCode
+  couponCode: null,
   // memberships
   selectedMembership: null,
   // User
@@ -10586,6 +10708,7 @@ const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
 const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
 const LINK_TOKEN_VERIFY = "LINK_TOKEN_VERIFY";
 const SET_CANCEL_SUBSCRIPTION_REASON = "SET_CANCEL_SUBSCRIPTION_REASON";
+const HANDLE_CHECKBOX_CHANGE = "HANDLE_CHECKBOX_CHANGE";
 
 const initialState$k = {
   email: "",
@@ -14626,7 +14749,8 @@ const PaymentMethodContainerWithoutStripe = ({
   const {
     set,
     order,
-    selectedPaymentMethodId
+    selectedPaymentMethodId,
+    couponCode
   } = usePelcro();
   const product = (_props$product = props.product) !== null && _props$product !== void 0 ? _props$product : pelcroStore.product;
   const plan = (_props$plan = props.plan) !== null && _props$plan !== void 0 ? _props$plan : pelcroStore.plan;
@@ -14642,6 +14766,19 @@ const PaymentMethodContainerWithoutStripe = ({
         type: UPDATE_COUPON_CODE,
         payload: window.Pelcro.coupon.getFromUrl()
       });
+      dispatch({
+        type: SHOW_COUPON_FIELD,
+        payload: true
+      });
+    } else if (couponCode) {
+      dispatch({
+        type: UPDATE_COUPON_CODE,
+        payload: couponCode
+      });
+      dispatch({
+        type: SHOW_COUPON_FIELD,
+        payload: true
+      });
     }
 
     dispatch({
@@ -18408,6 +18545,7 @@ const initialState$e = {
   postalCodeError: "",
   states: [],
   countries: [],
+  isDefault: false,
   alert: {
     type: "error",
     content: ""
@@ -18490,7 +18628,8 @@ const AddressCreateContainer = ({
     city,
     state,
     country,
-    postalCode
+    postalCode,
+    isDefault
   }, dispatch) => {
     window.Pelcro.address.create({
       auth_token: window.Pelcro.user.read().auth_token,
@@ -18501,7 +18640,8 @@ const AddressCreateContainer = ({
       city: city,
       state: state,
       country: country,
-      postal_code: postalCode
+      postal_code: postalCode,
+      is_default: isDefault
     }, (err, res) => {
       if (err) {
         dispatch({
@@ -18628,6 +18768,11 @@ const AddressCreateContainer = ({
           ...action.payload
         });
 
+      case HANDLE_CHECKBOX_CHANGE:
+        return lib_7({ ...state,
+          ...action.payload
+        });
+
       case VALIDATE_FIELD:
         return lib_7({ ...state,
           [`${action.payload}Error`]: state[action.payload] ? "" : t("labels.required")
@@ -19128,6 +19273,27 @@ const AddressCreateStateSelect = props => /*#__PURE__*/React__default.createElem
   store: store$e
 }, props));
 
+const AddressCreateSetDefault = props => {
+  const {
+    dispatch,
+    state
+  } = useContext(store$e);
+
+  const handleCheckboxChange = e => {
+    dispatch({
+      type: HANDLE_CHECKBOX_CHANGE,
+      payload: {
+        isDefault: e.target.checked
+      }
+    });
+  };
+
+  return /*#__PURE__*/React__default.createElement(Checkbox, {
+    onChange: e => handleCheckboxChange(e),
+    id: props.id
+  }, props.label);
+};
+
 const AddressCreateView = props => {
   const {
     t
@@ -19183,6 +19349,11 @@ const AddressCreateView = props => {
     id: "pelcro-input-state",
     errorId: "pelcro-input-state-error",
     required: true
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
+  }, /*#__PURE__*/React__default.createElement(AddressCreateSetDefault, {
+    id: "pelcro-input-is-default",
+    label: t("labels.isDefault")
   })), /*#__PURE__*/React__default.createElement("p", {
     className: "plc-text-gray-900 pelcro-footnote"
   }, "* ", t("labels.required")), /*#__PURE__*/React__default.createElement(AddressCreateSubmit, {
@@ -19269,6 +19440,7 @@ const initialState$d = {
   postalCodeError: "",
   states: [],
   countries: [],
+  isDefault: false,
   alert: {
     type: "error",
     content: ""
@@ -19337,7 +19509,8 @@ const AddressUpdateContainer = ({
           city: thisAddress.city,
           state: thisAddress.state,
           country: thisAddress.country,
-          postalCode: thisAddress.postal_code
+          postalCode: thisAddress.postal_code,
+          isDefault: thisAddress.is_default
         };
         dispatch({
           type: SET_TEXT_FIELD,
@@ -19355,7 +19528,8 @@ const AddressUpdateContainer = ({
     city,
     state,
     country,
-    postalCode
+    postalCode,
+    isDefault
   }, dispatch) => {
     window.Pelcro.address.update({
       address_id: addressId,
@@ -19367,7 +19541,8 @@ const AddressUpdateContainer = ({
       city: city,
       state: state,
       country: country,
-      postal_code: postalCode
+      postal_code: postalCode,
+      is_default: isDefault
     }, (err, res) => {
       dispatch({
         type: LOADING,
@@ -19434,6 +19609,11 @@ const AddressUpdateContainer = ({
           ...action.payload
         });
 
+      case HANDLE_CHECKBOX_CHANGE:
+        return lib_7({ ...state,
+          ...action.payload
+        });
+
       case VALIDATE_FIELD:
         return lib_7({ ...state,
           [`${action.payload}Error`]: state[action.payload] ? "" : t("labels.required")
@@ -19763,6 +19943,30 @@ const AddressUpdateStateSelect = props => /*#__PURE__*/React__default.createElem
   store: store$d
 }, props));
 
+function AddressUpdateSetDefault(props) {
+  const {
+    dispatch,
+    state: {
+      isDefault
+    }
+  } = useContext(store$d);
+
+  const handleCheckboxChange = e => {
+    dispatch({
+      type: HANDLE_CHECKBOX_CHANGE,
+      payload: {
+        isDefault: e.target.checked
+      }
+    });
+  };
+
+  return /*#__PURE__*/React__default.createElement(Checkbox, {
+    onChange: e => handleCheckboxChange(e),
+    id: props.id,
+    checked: isDefault
+  }, props.label);
+}
+
 const AddressUpdateView = props => {
   const {
     t
@@ -19818,6 +20022,11 @@ const AddressUpdateView = props => {
     errorId: "pelcro-input-state-error",
     label: t("labels.region"),
     required: true
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
+  }, /*#__PURE__*/React__default.createElement(AddressUpdateSetDefault, {
+    id: "pelcro-input-is-default",
+    label: t("labels.isDefault")
   })), /*#__PURE__*/React__default.createElement("p", {
     className: "plc-text-gray-900 pelcro-footnote"
   }, "* ", t("labels.required")), /*#__PURE__*/React__default.createElement(AddressUpdateSubmit, {
@@ -25079,7 +25288,13 @@ class Dashboard extends Component {
           className: "plc-font-semibold plc-text-gray-600"
         }, address.city, ", ", address.country), " ", /*#__PURE__*/React__default.createElement("span", {
           title: address.line1
-        }, address.line1)), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Button, {
+        }, address.line1), /*#__PURE__*/React__default.createElement("div", {
+          className: "plc-flex plc-mb-2 plc-mt-1"
+        }, /*#__PURE__*/React__default.createElement("span", {
+          className: "plc-rounded-full plc-bg-gray-200 plc-text-black plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-capitalize"
+        }, address.type), address.is_default && /*#__PURE__*/React__default.createElement("span", {
+          className: "plc-rounded-full plc-bg-gray-800 plc-text-white plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-ml-2"
+        }, this.locale("labels.default")))), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Button, {
           variant: "icon",
           className: "plc-text-gray-500",
           icon: /*#__PURE__*/React__default.createElement(SvgEdit, null),
@@ -27741,4 +27956,4 @@ const InvoiceDetailsModal = ({
 };
 InvoiceDetailsModal.viewId = "invoice-details";
 
-export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, TaxAmount, TextArea, Tooltip, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify$1 as notify, unauthenticatedButtons, usePelcro };
+export { AddressCreateCity, AddressCreateContainer, AddressCreateCountrySelect, AddressCreateFirstName, AddressCreateLastName, AddressCreateLine1, AddressCreateLine2, AddressCreateModal, AddressCreatePostalCode, AddressCreateSetDefault, AddressCreateStateSelect, AddressCreateSubmit, AddressCreateTextInput, AddressCreateView, AddressSelectContainer, AddressSelectList, AddressSelectModal, AddressSelectSubmit, AddressSelectView, AddressUpdateCity, AddressUpdateContainer, AddressUpdateCountrySelect, AddressUpdateFirstName, AddressUpdateLastName, AddressUpdateLine1, AddressUpdateLine2, AddressUpdateModal, AddressUpdatePostalCode, AddressUpdateSetDefault, AddressUpdateStateSelect, AddressUpdateSubmit, AddressUpdateTextInput, AddressUpdateView, AlertWithContext as Alert, Alert as AlertElement, ApplyCouponButton, Auth0LoginButton, Badge, BankRedirection, Button, CartContainer, CartModal, CartRemoveItemButton, CartSubmit, CartTotalPrice, CartView, Checkbox, CheckoutForm, ConfirmPassword, CouponCode, CouponCodeField, DashboardWithHook as Dashboard, DashboardOpenButton, DatePicker, DiscountedPrice, Email, EmailVerifyContainer, EmailVerifyModal, EmailVerifyResendButton, EmailVerifyView, FacebookLoginButton, GiftCreateContainer, GiftCreateEmail, GiftCreateFirstName, GiftCreateLastName, GiftCreateMessage, GiftCreateModal, GiftCreateStartDate, GiftCreateSubmitButton, GiftCreateView, GiftRedeemCode, GiftRedeemContainer, GiftRedeemModal, GiftRedeemSubmitButton, GiftRedeemView, GoogleLoginButton, Input, InvoiceDetailsContainer, InvoiceDetailsDownloadButton, InvoiceDetailsModal, InvoiceDetailsPayButton, InvoiceDetailsView, InvoicePaymentContainer, InvoicePaymentModal, InvoicePaymentView, Link, LoginButton, LoginContainer, LoginEmail, LoginModal, LoginPassword, LoginRequestLoginToken, LoginView, Logout, MeterModal, MeterView, Modal, ModalBody, ModalFooter, NewsletterWithHook as NewsLetter, NewsletterUpdateButton, NewsletterUpdateContainer, NewsletterUpdateList, NewsletterUpdateModal, NewsletterUpdateView, Notification, OrderConfirmModal, OrderCreateContainer, OrderCreateModal, OrderCreateSubmitButton, OrderCreateView, Password, PasswordChangeButton, PasswordChangeConfirmNewPassword, PasswordChangeContainer, PasswordChangeCurrentPassword, PasswordChangeModal, PasswordChangeNewPassword, PasswordChangeView, PasswordForgotButton, PasswordForgotContainer, PasswordForgotEmail, PasswordForgotModal, PasswordForgotView, PasswordResetButton, PasswordResetConfirmPassword, PasswordResetContainer, PasswordResetEmail, PasswordResetModal, PasswordResetPassword, PasswordResetView, PasswordlessRequestContainer, PasswordlessRequestEmail, PasswordlessRequestModal, PasswordlessRequestView, PasswordlessRequestViewButton, PaymentCreateContainer, PaymentCreateView, PaymentMethodContainer, PaymentMethodSelectContainer, PaymentMethodSelectList, PaymentMethodSelectModal, PaymentMethodSelectSubmit, PaymentMethodSelectView, PaymentMethodUpdateContainer, PaymentMethodUpdateModal, PaymentMethodUpdateView, PaymentMethodView, PaymentSuccessModal, PaymentSuccessView, PaypalSubscribeButton, PelcroCardCVC, PelcroCardExpiry, PelcroCardNumber, PelcroModalController, PelcroPaymentRequestButton, ProfilePicChangeButton, ProfilePicChangeContainer, ProfilePicChangeCropper, ProfilePicChangeModal, ProfilePicChangeRemoveButton, ProfilePicChangeSelectButton, ProfilePicChangeView, ProfilePicChangeZoom, Radio, RegisterButton, RegisterCompany, RegisterContainer, RegisterEmail, RegisterFirstName, RegisterJobTitle, RegisterLastName, RegisterModal, RegisterPassword, RegisterView, Select, SelectModalWithHook as SelectModal, SelectedPaymentMethod, ShopPurchaseButton, ShopSelectProductButton, ShopView, SubmitPaymentMethod, SubscriptionCancelModal, SubscriptionCreateContainer, SubscriptionCreateModal, SubscriptionCreateView, SubscriptionRenewContainer, SubscriptionRenewModal, SubscriptionRenewView, TaxAmount, TextArea, Tooltip, UserUpdateButton, UserUpdateContainer, UserUpdateDisplayName, UserUpdateEmail, UserUpdateFirstName, UserUpdateLastName, UserUpdateModal, UserUpdatePhone, UserUpdateProfilePic, UserUpdateTextInput, UserUpdateView, VerifyLinkTokenContainer, VerifyLinkTokenLoader, VerifyLinkTokenModal, VerifyLinkTokenView, authenticatedButtons, i18next as i18n, init$1 as initButtons, init as initContentEntitlement, invoicePaymentSubmitButton, notify$1 as notify, unauthenticatedButtons, usePelcro };

package/dist/pelcro.css

@@ -1785,6 +1785,11 @@ in order to scope selectors under pelcro-root
   background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
 }
 
+.pelcro-root .plc-bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
 .pelcro-root .plc-bg-gray-300 {
   --tw-bg-opacity: 1;
   background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
@@ -2398,6 +2403,11 @@ in order to scope selectors under pelcro-root
   padding: 1.25rem;
 }
 
+.pelcro-root .plc-py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
 .pelcro-root .plc-px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -2676,6 +2686,11 @@ in order to scope selectors under pelcro-root
   color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
 }
 
+.pelcro-root .plc-text-black {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
 .pelcro-root .plc-text-white {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.4.1-beta.4",
+  "version": "3.5.0-beta.2",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",